.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} :focus {outline:0;}body {background: #fff;line-height: 1;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {font-weight: normal;text-align: left;}blockquote:before, blockquote:after, q:before, q:after {content: "";}blockquote, q {quotes: "" "";}a img {border: 0;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} a{text-decoration: none;}figure{margin: 0;} @font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-light-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-light-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-light-webfont.svg#bw_glenn_sanslight) format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-lightitalic-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-lightitalic-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-lightitalic-webfont.svg#bw_glenn_sanslight_italic) format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-regular-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-regular-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-regular-webfont.svg#bw_glenn_sansregular) format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-regularitalic-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-regularitalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-regularitalic-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-regularitalic-webfont.svg#bw_glenn_sansregular_italic) format('svg');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-medium-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-medium-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-medium-webfont.svg#bw_glenn_sansmedium) format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-mediumitalic-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-mediumitalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-mediumitalic-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-mediumitalic-webfont.svg#bw_glenn_sansmedium_italic) format('svg');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bold-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bold-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bold-webfont.svg#bw_glenn_sansbold) format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bolditalic-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bolditalic-webfont.woff2) format('woff2'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bolditalic-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-bolditalic-webfont.svg#bw_glenn_sansbold_italic) format('svg');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-extrabold-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-extrabold-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-extrabold-webfont.svg#bw_glenn_sansextrabold) format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'bw_glenn_sans';
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-extrabolditalic-webfont.eot);
src: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-extrabolditalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-extrabolditalic-webfont.woff) format('woff'),
url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/fonts/bwglennsans-extrabolditalic-webfont.svg#bw_glenn_sansextrabold_italic) format('svg');
font-weight: 800;
font-style: italic;
}  :root{
--main_column: 1200px;
--gutter: 30px;
--main_color: #397a94;
--main_black: #222222;
--main_dark: #2e6176;
}
html, body{
height: 100%;
width: 100%;
}
*,
*:after,
*:before{
box-sizing: border-box;
}
::selection {
background: var(--main_color);
color:#fff;
}
::-moz-selection {
background: var(--main_color);
color:#fff;
}
img{
max-width: 100%;
height: auto;
}
.show_menu_mobile,
#header_mobile{
display: none;
}
a{
color: inherit;
}
svg{
color: inherit;
display: block;
}
em, i{
font-style: italic;
}
b, strong{
font-weight: bold;
}
hr.clear{
height: 1px;
display: block;
margin: 0;
padding: 0;
clear: both;
width: 100%;
border: none;
background: none;
} .gm-style-iw h2{
font-weight: bold;
margin-bottom: 15px;
}
.gm-style-iw > div{
width: auto !important;
}
.gm-style-iw p{
margin-bottom: 5px;
}
.gm-style img,
#content .gm-style img{
max-width: inherit;
background: none;
}
#content .gm-style button > img{
transform: translate(-50%,-50%);
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
clear: both;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container2 {
position: relative;
display: grid;
}
.video-container2::before {
content:'';
padding-bottom: calc(100% / (var(--ratio, calc(16/9))));
grid-area: 1 / 1;
}
.video-container2 > * {
width: 100%;
height: 100%;
grid-area: 1 / 1;}
.ratio > img,
.video-container2 > iframe,
.video-container2 > object,
.video-container2 > embed {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
#content img,
#le_mag img{
transform: none;
background: #fff;
} #content,
#content_adresse{
padding-top: 133px;
}
.center{
width: var(--main_column);
margin: auto;
display: block;
}
.demi,
.tiers,
.quart,
.sixieme,
.trois-quart,
.deux-tiers{
float: left;
margin-right: var(--gutter);
}
.demi:nth-child(2n),
.tiers:nth-child(3n),
.quart:nth-child(4n),
.sixieme:nth-child(6n),
.trois-quart + .quart,
.deux-tiers + .tiers,
.quart + .trois-quart,
.tiers + .deux-tiers{
margin-right: 0px;
}
.demi:nth-child(2n+1),
.tiers:nth-child(3n+1),
.quart:nth-child(4n+1),
.sixieme:nth-child(6n+1){
clear: both;
}
.demi{ width: calc(50% - calc(var(--gutter)/2) ); }
.tiers{ width: calc(33.333% - calc(var(--gutter)*2/3 )); }
.quart{ width: calc(25% - calc(var(--gutter)*3/4) ); }
.sixieme{ width: calc(16.666% - calc(var(--gutter)*5/6 )); }
.trois-quart{ width: calc(75% - calc(
calc(var(--gutter)/2 - 5px)
) ); }
.deux-tiers{ width: calc(66.667% - calc(
calc(var(--gutter)/2 - 5px)
) ); }
.cinq_douzieme{ width: calc(calc(100%*calc(5/12)) - calc(
calc(var(--gutter)/2 - calc(var(--gutter)/6))
) ); }
.sept_douzieme{ width: calc(calc(100%*calc(7/12)) - calc(
calc(var(--gutter)/2 - calc(var(--gutter)/6))
) ); } .container,
.map_adresses .facetwp-template{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
.container > .all_width {
margin-left: 0;
}
.container.align_bottom{
align-items: flex-end;
}
.container.align_top{
align-items: flex-start;
}
.container.align_center{
align-items: center;
}
.container .all_width{ width: 100%; }
.container .demi{ width: calc(50% - calc(var(--gutter)/2) ); }
.container .tiers{ width: calc(calc(100%/3) - calc(var(--gutter)*2/3 )); }
.container .quart{ width: calc(25% - calc(var(--gutter)*3/4) ); }
.container .cinquieme{ width: calc(calc(100%/5) - calc(var(--gutter)*3/4) ); }
.container .sixieme{ width: calc(calc(100%/6) - calc(var(--gutter)*3/4) ); }
.container .trois-quart{ width: calc(75% - calc(
calc(var(--gutter)/2 - 
calc(var(--gutter)/6))
) ); }
.container .deux-tiers{ width: calc(calc(100%*calc(2/3)) - calc(
calc(var(--gutter)/2 - calc(var(--gutter)/6))
) ); }
.container .cinq_douzieme{ width: calc(calc(100%*calc(5/12)) - calc(
calc(var(--gutter)/2 - calc(var(--gutter)/6))
) ); }
.container .sept_douzieme{ width: calc(calc(100%*calc(7/12)) - calc(
calc(var(--gutter)/2 - calc(var(--gutter)/6))
) ); }
.container .demi,
.container .tiers,
.container .quart,
.container .sixieme,
.container .trois-quart,
.container .deux-tiers{
float: none;
margin-right: 0;
}
.container .demi:nth-child(2n),
.container .tiers:nth-child(3n),
.container .quart:nth-child(4n),
.container .sixieme:nth-child(6n),
.container .trois-quart + .quart,
.container .deux-tiers + .tiers,
.container .quart + .trois-quart,
.container .tiers + .deux-tiers{
margin-right: 0px;
}
.container .demi:nth-child(2n+1),
.container .tiers:nth-child(3n+1),
.container .quart:nth-child(4n+1),
.container .sixieme:nth-child(6n+1){
clear: inherit;
} #show_grille{
display: block;
position: fixed;
z-index: 999999;
background: #fff;
font-size: 12px;
padding: 5px 10px;
box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);
top: 50px;
left: 10px;
cursor: pointer;
opacity: 0;
}
#show_grille:hover{
opacity: 1;
}
#grille{
position: fixed;
top: 0;
right: 50%;
transform: translateX(50%);
height: 100vh;
z-index: 2000;
display: block;
}
#grille.show{
display: none;
}
#grille .quart{
height: 100vh;
background: rgba(57, 122, 148, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-left: 1px solid rgba(255, 255, 255, 0.5);
} .padding_right{ padding-right: calc(var(--main_column)/12); }
.padding_left{ padding-left: calc(var(--main_column)/12); }
.margin_right{ margin-right: calc(var(--main_column)/12); }
.margin_left{ margin-left: calc(var(--main_column)/12); }
.padding_right_double{ padding-right: calc(var(--main_column)/6); }
.padding_left_double{ padding-left: calc(var(--main_column)/6); }
.margin_right_double{ margin-right: calc(var(--main_column)/6); }
.margin_left_double{ margin-left: calc(var(--main_column)/6); }
.module_blanc.padding_right{ padding-right: calc(var(--main_column)/12); }
.module_blanc.padding_left{ padding-left: calc(var(--main_column)/12); }
.module_blanc.padding_right_double{ padding-right: calc(var(--main_column)/6); }
.module_blanc.padding_left_double{ padding-left: calc(var(--main_column)/6); } body{
color: var(--main_black);
font-family: 'bw_glenn_sans', sans-serif;
font-size: 14px;
background-color: #f8f8f8;
}
p{
line-height: 1.4em;
margin-bottom: 1.2em;
}
.text p{
font-size: 16px;
}
.text p.chapeau{
font-weight: 700;
font-size: 24px;
}
.text h2{
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 28px;
line-height:23px;
color: var(--main_color);
}
.text h3{ color: var(--main_color);
font-size: 18px;
line-height:23px;
text-transform: uppercase;
margin-bottom: 28px;
margin-top: 45px;
font-weight: bold;
}
.article_adresse .text h3{
color: var(--main_color);
font-size: 18px;
text-transform: uppercase;
margin-bottom: 28px;
margin-top: 45px;
}
.text h4{
font-style: italic;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 5px;
}
.text p ~  h2,
.text ul ~ h2,
.text ol ~ h2{
margin-top: 45px;
}
.text li{
line-height: 1.4em;
font-size: 15px;
}
.text ul,
.text ol{
margin-bottom: 1.2em;
}
.text p ~ ul,
.text p ~ ol{
margin-top: -1.2em;
}
.text ul li:before{
content: "■ ";
}
.text ol{
counter-reset: repas;
}
.text ol li{
counter-increment: repas;
}
.text ol li:before{
content: counter(repas);
font-weight: bold;
margin-right: 8px;
}
.text p.wp-caption-text{
margin-top: 5px;
font-style: italic;
line-height: 1.2em;
font-size: 14px;
color: #646464;
margin-bottom: 60px;
text-align: left;
}
.wp-caption{
max-width: 100% !important;
}
.text p a{
text-decoration: underline;
color: var(--main_color);
transition: all 0.4s ease;
}
.text p a:hover{
background: var(--main_color);
color: #fff;
text-decoration: none;
}
h2.fond{
background-color: #fff;
text-transform: uppercase;
font-weight: 800;
font-size: 26px;
padding: 10px;
min-width: calc(calc(var(--main_column)*0.4166) - calc(var(--gutter)*7/12));
color: var(--main_color);
margin-bottom: 20px;
display: inline-block;
} a.btn{
display: inline-block;
font-weight: 700;
text-transform: uppercase;
margin-right: 5px;
padding: 15px 40px;
font-size: 16px;
transition: all 0.4s ease;
text-align: center;
}
a.btn.bleu{
color: #fff;
background: var(--main_color);
}
a.btn.blanc{
background: #ffffff;
}
a.btn.gris{
background: #f8f8f8;
}
a.btn.noir{
color: #fff;
background: var(--main_black);
}
a.btn.vert{
color: #fff;
background: #39945C;
}
a.btn.bleu:hover{
background: var(--main_dark);
}
a.btn.vert:hover{
background: #2a6e44;
}
a.btn.blanc:hover,
a.btn.gris:hover{
background: #eee;
}
a.btn.noir:hover{
background: #000000;
}
a.btn svg{
display: inline-block;
margin-top: -6px;
width: 20px;
height: 20px;
margin-right: 2px;
vertical-align: middle;
}
a.btn.blanc svg,
a.btn.gris svg{
fill: var(--main_black);
}
a.btn.bleu svg{
fill: #ffffff;
}
a.btn.vert svg{
fill: #ffffff;
}
a.btn.noir svg{
fill: #fff;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="search"],
textarea{
display: block;
background: #f8f8f8;
border: 1px solid #f8f8f8;
color: var(--main_black);
padding: 15px;
width: 100%;
margin-bottom: 10px;
font-family: 'cabin', arial;
font-size: 14px;
border-radius: none;
-webkit-appearance: none;
height: inherit;
transition: all 0.4s ease;
}
.recherche_filtre input[type="search"]{
margin-bottom: 0;
}
textarea{
resize: vertical;
transition: none;
}
input[type="text"]:hover,
textarea:hover,
input[type="tel"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="search"]:hover{
border: 1px solid var(--main_black);
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="search"]:focus{
border: 1px solid var(--main_color);
}
input[type=submit]{
display: inline-block;
font-weight: 700;
text-transform: uppercase;
margin-right: 5px;
padding: 15px 40px;
font-size: 16px;
background-color: var(--main_color);
border: none;
color: #ffffff;
cursor: pointer;
border-radius: none;
-webkit-appearance: none;
transition: all 0.4s ease;
}
input[type=submit]:hover{
background-color: var(--main_dark);
} #header{
position: fixed;
width: 100%;
top: 0;
z-index: 50;
}
.admin-bar #header{
top: 32px;
}
#sur_header{
padding: 6px 0;
color: #e1e8ec;
text-align: right;
background: var(--main_color);
position: relative;
font-weight: 300;
}
#sur_header a.item span{
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
#sur_header a.item{
display: inline-block;
vertical-align: middle;
font-size: 14px;
transition: all 0.4s ease;
}
#sur_header a.item:before,
#sur_header ul.social:before,
#sur_header a#mon_compte:before{
display: inline-block;
width: 1px;
height: 16px;
background: #578ea4;
content: "";
margin: 0 12px;
vertical-align: middle;
}
#sur_header ul.social{
display: inline-block;
}
#sur_header ul.social li{
display: inline-block;
margin-left: 10px;
width: 20px;
height: 20px;
vertical-align: middle;
}
#sur_header ul.social li:first-child{
margin-left: 0;
}
#sur_header ul.social li svg{
fill: #d7e4ea;
width: 20px;
height: 20px;
display: inline-block;
transition: all 0.4s ease;
}
#sur_header a#mon_compte{
display: inline-block;
vertical-align: middle;
font-size: 14px;
transition: all 0.4s ease;
}
#sur_header a#mon_compte img,
#sur_header a#mon_compte svg{
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
margin-right: 3px;
margin-top: -5px;
transition: all 0.4s ease;
}
#sur_header a#mon_compte svg{
fill: #fff;
transition: all 0.4s ease;
}
#sur_header a:hover{
color: #fff;
}
#sur_header ul.social li a:hover svg{
fill: #fff;
}
#sous_header{
background: #fff;
padding: 10px 0;
transition: all 0.4s ease;
}
#sous_header .center{
display: flex;
justify-content: space-between;
align-items: center;
}
#sous_header #logo{
display: block;
position: relative;
z-index: 15;
width: calc(25% - calc(var(--gutter)*3/4) );
transition: all 0.4s ease;
}
#sous_header #logo svg{
fill: var(--main_black);
transition: all 0.4s ease;
}
#sous_header #logo svg .baseline{
fill: var(--main_black);
transition: all 0.4s ease;
}
#header.middle #sous_header{
padding: 5px 0 5px 0;
transition: all 0.4s ease;
}
#header.middle #sous_header #logo{
display: block;
width: calc(16.666% - calc(var(--gutter)*5/6 ));
}
#header.middle #sous_header #logo path.baseline{
fill: #ffffff;
}
#recherche{
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
#recherche svg{
fill: var(--main_black);
transition: all 0.4s ease;
}
#recherche:hover svg{
fill: var(--main_color);
}
#primary_nav a{
transition: all 0.4s ease;
}
#primary_nav > ul{
display: inline-block;
vertical-align: middle;
}
#primary_nav > ul > li{
display: inline-block;
text-transform: uppercase;
font-size: 16px;
margin-right: 25px;
font-weight: 700;
} #primary_nav > ul > li a:hover{
color: var(--main_color);
}
#primary_nav ul li.current-menu-item > a,
#primary_nav ul li.current-post-ancestor > a,
#primary_nav ul li.current-menu-parent > a,
#primary_nav ul li.current-adresse-ancestor > a,
#primary_nav ul li.current-category-ancestor > a,
#primary_nav ul li.current-categories_adresses-ancestor > a,
#primary_nav ul li.current-menu-ancestor > a,
#primary_nav ul li.current-page-ancestor > a{
color: var(--main_color);
position: relative;
display: block;
}
#primary_nav > ul > li.current-menu-item > a::after,
#primary_nav > ul > li.current-post-ancestor > a::after,
#primary_nav > ul > li.current-adresse-ancestor > a::after,
#primary_nav > ul > li.current-menu-parent > a::after,
#primary_nav > ul > li.current-category-ancestor > a::after,
#primary_nav > ul > li.current-categories_adresses-ancestor > a::after,
#primary_nav > ul > li.current-menu-ancestor > a::after,
#primary_nav > ul > li.current-page-ancestor > a::after{
content: "";
display: block;
width: 100%;
height: 2px;
background: var(--main_color);
margin-top: 8px;
position: absolute;
} #primary_nav > ul > li > ul{
position: absolute;
background: var(--main_black);
color: #fff; border-top: 43px solid #fff;
margin-left: -15px;
padding: 15px 15px 5px 15px;
text-transform: none;
font-weight: 300;
display: none;
width: 260px;
}
#primary_nav > ul > li:hover > ul{
display: block;
}
#primary_nav > ul > li > ul li{
position: relative;
margin-bottom: 10px;
}
#primary_nav > ul > li > ul ul.sub-menu{
position: absolute;
right: 0;
transform: translateX(100%);
display: none;
padding: 15px 15px 5px 15px;
background: var(--main_black);
top: -15px;
}
#primary_nav > ul > li > ul li:hover ul.sub-menu{
display: block
} #primary_nav > ul > li.mega-menu > ul ul.sub-menu{
position: relative;
right: inherit;
transform: none;
display: block;
padding: 0;
top: inherit;
}
#primary_nav > ul > li.mega-menu > ul{
position: absolute;
padding: 20px calc(50% - calc(var(--main_column)/2)) 15px calc(50% - calc(var(--main_column)/2));
background: var(--main_black);
color: #fff;
width: 100vw;
top: 96px;
left: 0;
display: none;
border-top: 45px solid #fff;
z-index: 3;
justify-content: flex-end;
flex-wrap: wrap;
align-items: stretch;
max-height:500px;
overflow: scroll;
}
#primary_nav > ul > li.mega-menu:hover > ul{
display: flex;
}
#primary_nav > ul > li.mega-menu > ul > li{
width: calc(25% - calc(var(--gutter)*3/4) );
margin-right: var(--gutter);
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
}
#primary_nav > ul > li.mega-menu > ul > li:nth-child(4n){
margin-right: 0;
}
#primary_nav > ul > li.mega-menu > ul > li > ul > li{
text-transform: none;
font-weight: 300;
margin-top: 15px;
}
#primary_nav > ul > li.mega-menu > ul > li > ul > li:first-child{
margin-top: 25px;
}
#primary_nav > ul > li.mega-menu > a{
position: relative;
z-index: 5;
}
#primary_nav > ul > li.mega-menu.has-child > a:after{
position: absolute;
background: #222;
content: "";
display: block;
width: calc(100% + 20px);
height: calc(100% + 55px);
z-index: -1;
top: 0;
left: 0;
margin: -10px 0 0 -10px;
opacity: 0;
}
#primary_nav > ul > li.mega-menu.has-child:hover > a:after{
opacity: 1;
}
#primary_nav > ul > li.mega-menu.has-child:hover > a{
color: #397a94;
}
header#header.middle #primary_nav > ul > li.mega-menu > ul{
top: 73px;
border-top: 20px solid #fff;
}
header#header.middle #primary_nav > ul > li > ul{
top: 73px;
border-top: 20px solid #fff;
}
body .searchwp-live-search-results{
z-index: 99999;
min-height: calc(100vh - 210px);
box-shadow: none;
}
.searchwp-live-search-result.custom_big_search{
padding: 0;
border-bottom: 1px solid rgba(30,30,30,0.1);
}
.searchwp-live-search-result.custom_big_search > a{
display: block;
background: #fff;
padding: 5px;
display: flex;
align-items: center;
justify-content: space-between;
}
.searchwp-live-search-result.custom_big_search > a:hover{
background: #eee;
}
.searchwp-live-search-result.custom_big_search > a > img{
width: 80px;
height: 80px;
display: block;
}
.searchwp-live-search-result.custom_big_search .texte_inside{
width: calc(100% - 90px);
}
.searchwp-live-search-result.custom_big_search p{
padding: 0;
margin: 0;
border: none;
}
.searchwp-live-search-result.custom_big_search p.titre{
font-weight: bold;
font-size: 16px;
}
.mobile_item_nav{
display: none;
} #search_big{
display: block;
background: #fff;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
z-index: 99999;
transform: translateX(100%);
padding: 50px;
transition: all 0.4s ease;
}
#search_big:after{
display: block;
content: "";
background: #fff;
width: 100%;
height: 100vh;
top: 0;
right: 0;
transition-delay: 0.6s;
position: fixed;
transition: all 0.4s ease;
}
#search_big.show{
transform: translateX(0%);
}
#search_big.show:after{
width: 1px;
}
#search_big input#s{
border: 0;
background: transparent;
border-radius: 0;
-webkit-appearance: none;
font-family: inherit;
font-size: 6vw;
line-height: 1;
display: inline-block;
box-sizing: border-box;
width: 50%;
padding: 0 0;
color: #000;
border-bottom: 2px solid #222222;
padding-left: 0px;
background-image: none;
margin-bottom: 50px;
}
#search_big input#s:hover{
border-bottom: 2px solid #397a94;
}
#close_search{
position: fixed;
width: 22px;
height: 22px;
fill: #222222;
cursor: pointer;
top: 72px;
right: 50%;
margin-right: calc( calc(var(--main_column)/2) * -1);
transition: all 0.4s ease;
}
#close_search:hover{
fill: #397a94;	
}
.recherche_filtre_header .facetwp-facet{
display: inline-block;
margin-right: 15px;
}
#search_big .list_demi{
width: 50%;
}  #le_mag{
border-top: 80px solid #fff;
min-height: 445px;
}
#le_mag .demi{
float: right;
margin-right: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
padding-right: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
}
#le_mag .attachment-magazine_medium{
display: block;
box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
margin-top: -86px;
position: absolute;
z-index: 20;
margin-left: calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 ));
}
#le_mag h2{
font-weight: 300;
text-transform: uppercase;
font-size: 42px;
margin-top: 20px !important;
margin-bottom: 35px !important;
}
#le_mag h2 strong{
color: #397a94;
}
#le_mag p{
font-size: 18px;
line-height: 1.4em;
margin-bottom: 50px;
} .black{
background: #222222;
color: #f8f8f8;
}
footer#footer{
padding: 75px 0 25px 0;
}
footer#footer h4{
font-weight: 800;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 20px;
}
footer#footer .quart p,
footer#footer .quart li{
line-height: 2em;
font-weight: 300;
}
footer#footer .quart p a,
footer#footer .quart li a,
small#mentions a{
text-decoration: underline;
transition: all 0.4s ease;
}
footer#footer .quart p a:hover,
footer#footer .quart li a:hover,
small#mentions a:hover{
color: #397a94;
}
footer#footer .social{
padding-top: 55px;
padding-bottom: 25px;
text-align: center;
}
footer#footer .social li{
width: 28px;
height: 28px;
display: inline-block;
margin: 0 9px;
}
footer#footer .social li a{
display: block;
}
footer#footer .social li a svg{
fill: #d3d3d3;
width: 28px;
height: 28px;
display: block;
transition: all 0.4s ease;
}
footer#footer .social li a:hover svg{
fill: #ffffff;
}
#footer_nav{
padding: 30px 0;
text-align: center;
border-top: 2px solid #4e4e4e;
}
#footer_nav li{
margin: 0 16px;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
}
#footer_nav li a:hover{
color: #397a94;
}
small#mentions{
text-align: center;
font-size: 14px;
padding: 20px 0;
}
small#mentions p{
text-align: center;
font-size: 14px;
margin-bottom: 0;
} footer#footer article:first-child{
margin-top: 27px;
}
footer#footer article{
margin-bottom: 15px;
}
footer#footer article h5{
margin-top: 4px;
font-weight: 300;
}
footer#footer article a:hover{
color: var(--main_color);
} footer#footer label{
margin: 0;
}
footer#footer input[type="email"]{
display: block;
background: #222222;
border: 1px solid #f8f8f8;
color: #ffffff;
padding: 15px;
width: 100%;
margin-bottom: 5px;
font-family: 'cabin', arial;
font-size: 14px;
border-radius: none;
-webkit-appearance: none;
height: inherit;
}
footer#footer input[type="email"]:hover{
border: 1px solid #397a94;
}
footer#footer input[type="email"]:focus{
border: 1px solid #397a94;
background-color: #397a94;
color: #f8f8f8;
}
footer#footer button[type=submit]{
display: inline-block;
font-weight: 700;
text-transform: uppercase;
margin: 0;
padding: 15px 40px;
font-size: 16px;
background: #ffffff;
border: none;
color: #222222;
cursor: pointer;
-webkit-appearance: none;
transition: all 0.4s ease;
width: auto;
}
footer#footer button[type=submit]:hover{
background-color: #397a94;
color: #f8f8f8;
}
footer#footer #mergeRow-gdpr p{
font-size: 13px;
line-height: 1.1em;
margin-bottom: 5px;
}
footer#footer #mergeRow-gdpr{
display: none;
}
footer#footer #mergeRow-gdpr.show{
display: block;
} .title_effect{
position: relative;
z-index: 5;
padding: 0.1em 0 0px 0;
}
.title_effect:last-child{
padding: 0 0 0.1em 0;
}
.title_effect span.texte{
position: relative;
z-index: 5;
overflow: hidden;
line-height: 1.23em;
opacity: 1;
transition: all 0s ease;
transition-delay: 0.5s;
background: rgba(255, 255, 255, 0.65);
opacity: 1;
}
.substitution {
background: rgba(255, 255, 255, 0.65);
line-height: 1.23em;
display: inline-block;
} p#breadcrumbs > span > span:first-child > a{
display: inline-block;
height: 16px;
width: 16px;
line-height: 999;
overflow: hidden;
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/home.svg);
background-position: center 1px;
background-size: 16px 16px;
transition: all 0.4s ease;
}
p#breadcrumbs{
margin-bottom: 0px;
font-size: 14px;
font-weight: 300;
padding: 25px 0 0 0;
}
.sarifi p#breadcrumbs{
font-weight: 500;
}
#breadcrumbs span.breadcrumb_last{
font-weight: 500;
}
#breadcrumbs a,
#breadcrumbs span{
vertical-align: top;
color: var(--main_black);
text-decoration: none;
font-weight: 300;
transition: all 0.4s ease;
}
p#breadcrumbs a:hover{
opacity: 0.5;
} .blanc p#breadcrumbs > span > span:first-child > a,
.sans_bandeau p#breadcrumbs > span > span:first-child > a{
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/home-blanc.svg);
}
.blanc #breadcrumbs a,
.blanc #breadcrumbs span,
.sans_bandeau #breadcrumbs a,
.sans_bandeau #breadcrumbs span{
color: #fff;
} .sans_bandeau p#breadcrumbs > span > span:first-child > a{
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/home.svg);
}
.sans_bandeau #breadcrumbs a,
.sans_bandeau #breadcrumbs span{
color: var(--main_black);
}  .big_blog_post{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 472px;
transition: opacity 0.4s ease;
position: relative;
}
.big_blog_post > a{
display: block;
height: 472px;
width: 100%;
overflow: hidden;
position: absolute;
}
.big_blog_post > a .top{
position: absolute;
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 100%;
top: 0;
overflow: hidden;
z-index: 5;
transition: all 0.4s ease;
}
.big_blog_post > a .top img.attachment-big_blog_post{
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: all 0.4s ease;
}
.big_blog_post > a .top h3{
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
z-index: 10;
}
.big_blog_post > a .top p.commentaires{
position: absolute;
top: 15px;
left: 15px;
color: #fff;
font-size: 13px;
font-weight: 300;
z-index: 2;
}
.big_blog_post > a .top p.date{
position: absolute;
top: 15px;
right: 15px;
color: #fff;
font-size: 13px;
font-weight: 300;
z-index: 2;
}
.big_blog_post > a .top p.commentaires svg,
.big_blog_post > a .top p.date svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
fill: #fff;
width: 15px;
height: 15px;
margin-right: 3px;
}
.big_blog_post > a:hover .top{
height: calc(100% - 80px);
margin-top: 0;
}
.big_blog_post > a .bottom{
position: absolute;
height: 80px;
background: #fff;
padding: 15px;
bottom: 0;
z-index: 2;
width: 100%;
margin-bottom: -80px;
display: flex;
align-items: center;
transition: all 0.4s ease;
}
.big_blog_post > a .bottom img.avatar{
border-radius: 50%;
width: 27px;
height: 27px;
margin-right: 15px;
}
.big_blog_post > a:hover .bottom{
margin-bottom: 0;
}
.big_blog_post > a .bottom p{
margin-bottom: 0;
}
.big_blog_post > a:hover .bottom p:after{
content: " …";
display: inline;
} .very_big_blog_post{
width: calc(calc(var(--main_column)*0.666) - calc(var(--gutter)*2/3 ));
height: 472px;
transition: opacity 0.4s ease;
position: relative;
}
.very_big_blog_post > a{
display: block;
height: 472px;
width: 100%;
overflow: hidden;
position: absolute;
}
.very_big_blog_post > a .top{
position: absolute;
width: calc(calc(var(--main_column)*0.666) - calc(var(--gutter)*2/3 ));
height: 100%;
top: 0;
overflow: hidden;
z-index: 5;
transition: all 0.4s ease;
}
.very_big_blog_post > a .top img.attachment-very_big_blog_post{
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: all 0.4s ease;
}
.very_big_blog_post > a .top h3{
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
z-index: 10;
}
.very_big_blog_post > a .top p.commentaires{
position: absolute;
top: 15px;
left: 15px;
color: #fff;
font-size: 13px;
font-weight: 300;
z-index: 2;
}
.very_big_blog_post > a .top p.date{
position: absolute;
top: 15px;
right: 15px;
color: #fff;
font-size: 13px;
font-weight: 300;
z-index: 2;
}
.very_big_blog_post > a .top p.commentaires svg,
.very_big_blog_post > a .top p.date svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
fill: #fff;
width: 15px;
height: 15px;
margin-right: 3px;
}
.very_big_blog_post > a:hover .top{
height: calc(100% - 80px);
margin-top: 0;
}
.very_big_blog_post > a .bottom{
position: absolute;
height: 80px;
background: #fff;
padding: 15px;
bottom: 0;
z-index: 2;
width: 100%;
margin-bottom: -80px;
display: flex;
align-items: center;
transition: all 0.4s ease;
}
.very_big_blog_post > a .bottom img.avatar{
border-radius: 50%;
width: 27px;
height: 27px;
margin-right: 15px;
}
.very_big_blog_post > a:hover .bottom{
margin-bottom: 0;
}
.very_big_blog_post > a .bottom p{
margin-bottom: 0;
}
.very_big_blog_post > a:hover .bottom p:after{
content: " …";
display: inline;
} .small_blog_post{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 221px;
position: relative;
}
.small_blog_post a{
position: relative;
display: inline-block; 
}
.small_blog_post a img.attachment-small_blog_post{
display: block;
transition: opacity 0.4s ease;
opacity: 1;
}
.small_blog_post h3{
position: absolute;
z-index: 15;
bottom: 15px;
left: 15px;
right: 15px;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
}
.small_blog_post a:hover img.attachment-small_blog_post{
opacity: 0.5;
} article.aside_blog_post img.attachment-aside_blog_post{
max-width: calc(100% + 20px);
margin-left: -10px;
transition: all ease 0.4s;
margin-bottom: 5px;
}
article.aside_blog_post p.date{
color: #fff;
font-size: 13px;
font-weight: 300;
margin-top: -30px;
margin-bottom: 15px;
position: absolute;
z-index: 2;
}
article.aside_blog_post p.date svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
fill: #fff;
width: 15px;
height: 15px;
margin-right: 3px;
}
article.aside_blog_post h4{
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 5px;
transition: all ease 0.4s;
}
article.aside_blog_post p{
margin-bottom: 0;
font-weight: 300;
font-style: 14px;
}
article.aside_blog_post p:after{
content: " …";
display: inline;
}
article.aside_blog_post p.date:after{
display: none;
}
article.aside_blog_post{
padding-bottom: 10px;
}
article.aside_blog_post:after{
content: "";
display: block;
background-color: #f8f8f8;
width: calc(100% + 20px);
margin-left: -10px;
height: 4px;
margin-top: 10px;
}
article.aside_blog_post a:hover h4{
color: var(--main_color);
}
article.aside_blog_post a:hover img.attachment-aside_blog_post{
opacity: 0.5;
} article.aside_small_blog_post{
margin-bottom: 10px;
}
article.aside_small_blog_post:last-child{
margin-bottom: 0px;
}
article.aside_small_blog_post img.attachment-aside_small_blog_post{
float: left;
margin-right: 5px;
}
article.aside_small_blog_post .texte{
float: right;
width: calc(100% - 70px);
}
article.aside_small_blog_post .texte h4{
font-size: 14px;
font-weight: 600;
color: var(--main_black);
margin-bottom: 7px;
display: block;
}
article.aside_small_blog_post p{
color: #8c8c8c;
display: inline-block;
font-size: 12px;
margin-right: 20px;
}
article.aside_small_blog_post p svg{
display: inline-block;
width: 15px;
height: 15px;
fill: #8c8c8c;
margin-right: 2px;
margin-top: -7px;
vertical-align: middle;
} article.type-magazine{
margin-bottom: 30px;
}
article.type-magazine > a {
display: block;
margin: 0;
}
article.type-magazine img.attachment-magazine_small{
display: block;
margin-bottom: 10px;
}
article.type-magazine p{
margin-bottom: 0;
font-weight: 300;
font-style: italic;
}
article.type-magazine h2{
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 16px;
}
article.type-magazine a.btn.blanc{
margin-bottom: 5px;
}  .big_adresse_post{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 472px;
transition: opacity 0.4s ease;
position: relative;
}
.big_adresse_post > a{
display: block;
height: 472px;
width: 100%;
overflow: hidden;
position: absolute;
}
.big_adresse_post > a .top{
position: absolute;
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 100%;
top: 0;
overflow: hidden;
z-index: 5;
transition: all 0.4s ease;
}
.big_adresse_post > a .top img.attachment-big_blog_post{
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: all 0.4s ease;
}
.big_adresse_post > a .top .texte_inside,
.big_blog_post > a .top .texte_inside{
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
}
.big_adresse_post > a .top h3,
.big_blog_post.podcast > a .top h3,
.big_blog_post.video > a .top h3{
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
z-index: 10;
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
}
.big_adresse_post p.region,
.big_blog_post p.region{
position: absolute;
top: 15px;
left: 15px;
color: #fff;
font-size: 13px;
font-weight: 300;
z-index: 10;
}
.big_adresse_post a p.categorie,
.big_blog_post a p.categorie{
color: #fff;
font-size: 14px;
font-weight: 500;
position: relative;
z-index: 10;
margin-bottom: 5px;
}
.big_adresse_post p.region svg,
.big_blog_post p.region svg,
.big_adresse_post a p.categorie svg,
.big_blog_post a p.categorie svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
fill: #fff;
width: 15px;
height: 15px;
margin-right: 3px;
}
.big_adresse_post > a:hover .top{
height: calc(100% - 80px);
margin-top: 0;
}
.big_adresse_post > a .bottom{
position: absolute;
height: 80px;
background: #fff;
padding: 15px;
bottom: 0;
z-index: 2;
width: 100%;
margin-bottom: -80px;
display: flex;
align-items: center;
transition: all 0.4s ease;
}
.big_adresse_post > a .bottom img.avatar{
border-radius: 50%;
width: 27px;
height: 27px;
margin-right: 15px;
}
.big_adresse_post > a:hover .bottom{
margin-bottom: 0;
}
.big_adresse_post > a .bottom p{
margin-bottom: 0;
}
.big_adresse_post > a:hover .bottom p:after{
content: " …";
display: inline;
} .small_adresse_post{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 221px;
position: relative;
}
.small_adresse_post > a{
position: relative;
display: block;
background-color: var(--main_color);
}
.small_adresse_post > a img.attachment-small_blog_post{
display: block;
transition: opacity 0.4s ease;
opacity: 1;
width: 100%;
}
.small_adresse_post .texte_inside,
.small_blog_post .texte_inside{
position: absolute;
z-index: 15;
bottom: 15px;
left: 15px;
right: 15px;
}
.small_adresse_post a p.categorie,
.small_blog_post a p.categorie{
color: #fff;
font-size: 14px;
font-weight: 500;
position: relative;
z-index: 10;
margin-bottom: 5px;
}
.small_adresse_post p.region svg,
.small_blog_post p.region svg,
.small_adresse_post a p.categorie svg,
.small_blog_post a p.categorie svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
fill: #fff;
width: 15px;
height: 15px;
margin-right: 3px;
}
.small_adresse_post h3,
.small_blog_post.podcast h3,
.small_blog_post.video h3 {
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
position: absolute;
z-index: 15;
bottom: 15px;
left: 15px;
right: 15px;
}
.small_adresse_post a:hover img.attachment-small_blog_post{
opacity: 0.5;
}
.small_adresse_post p.region,
.small_blog_post p.region{
position: absolute;
top: 15px;
left: 15px;
color: #fff;
font-size: 13px;
font-weight: 300;
z-index: 10;
} .very_big_adresse_post{
width: calc(calc(var(--main_column)*0.666) - calc(var(--gutter)*2/3 ));
height: 472px;
transition: opacity 0.4s ease;
position: relative;
}
.very_big_adresse_post > a{
display: block;
height: 472px;
width: 100%;
overflow: hidden;
position: absolute;
}
.very_big_adresse_post > a .top{
position: absolute;
width: calc(calc(var(--main_column)*0.666) - calc(var(--gutter)*2/3 ));
height: 100%;
top: 0;
overflow: hidden;
z-index: 5;
transition: all 0.4s ease;
overflow: hidden;
}
.very_big_adresse_post > a .top img.attachment-very_big_blog_post{
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: all 0.4s ease;
}
.very_big_adresse_post > a .top .texte_inside{
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
}
.very_big_adresse_post > a .top h3{
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
z-index: 10;
position: relative;
}
.very_big_adresse_post p.region
.very_big_blog_post p.region{
position: absolute;
top: 15px;
left: 15px;
color: #fff;
font-size: 13px;
font-weight: 300;
z-index: 10;
}
.very_big_adresse_post a p.categorie{
color: #fff;
font-size: 14px;
font-weight: 500;
position: relative;
z-index: 10;
margin-bottom: 5px;
}
.very_big_adresse_post p.region svg,
.very_big_blog_post p.region svg,
.very_big_adresse_post a p.categorie svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
fill: #fff;
width: 15px;
height: 15px;
margin-right: 3px;
}
.very_big_adresse_post > a:hover .top{
height: calc(100% - 80px);
margin-top: 0;
}
.very_big_adresse_post > a .bottom{
position: absolute;
height: 80px;
background: #fff;
padding: 15px;
bottom: 0;
z-index: 2;
width: 100%;
margin-bottom: -80px;
display: flex;
align-items: center;
transition: all 0.4s ease;
}
.very_big_adresse_post > a .bottom img.avatar{
border-radius: 50%;
width: 27px;
height: 27px;
margin-right: 15px;
}
.very_big_adresse_post > a:hover .bottom{
margin-bottom: 0;
}
.very_big_adresse_post > a .bottom p{
margin-bottom: 0;
}
.very_big_adresse_post > a:hover .bottom p:after{
content: " …";
display: inline;
}
.very_big_adresse_post .top > img{
width: 100%;
} .module_activite_big,
.swiper_activite_big,
.swiper_activite_big .swiper-slide,
.swiper_activite_big .swiper-slide .center,
.activite_big_hp,
.activite_big_hp .center{
height: calc(100vh - 150px);
position: relative;
}
.swiper_activite_big .swiper-slide,
.activite_big_hp{
background-size: cover;
background-position: center center;
}
.swiper_activite_big .swiper-slide .attachment-full,
.activite_big_hp .attachment-full{
display: block;
position: absolute;
z-index: 1;
width: 100%;
height: auto;
top: 50%;
transform: translateY(-50%) !important;
height: 100%;
object-fit: cover;
}
.swiper_activite_big .swiper-slide .fond_slider,
.activite_big_hp .fond_slider{
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.swiper_activite_big .swiper-slide .center,
.activite_big_hp .center{
position: relative;
z-index: 5;
}
.swiper_activite_big .swiper-slide .inside,
.activite_big_hp .inside{
position: absolute;
bottom: 50%;
transform: translateY(50%);
left: calc(50% - 600px);
margin-left: calc(8.333% + calc(var(--gutter)*1/12) );
width: calc(50% - calc(var(--gutter)*1/2) );
}
.swiper_activite_big .swiper-slide .inside p.adresse,
.activite_big_hp  .inside p.adresse{
color: #fff;
font-size: 14px;
font-weight: 300;
margin-bottom: 10px;
margin-left: -3px;
}
.swiper_activite_big .swiper-slide .inside p.adresse svg,
.activite_big_hp  .inside p.adresse svg{
display: inline-block;
vertical-align: middle;
margin-right: 3px;
margin-top: -9px;
width: 16px;
height: 16px;
fill: #fff;
}
.swiper_activite_big .swiper-slide .inside h3,
.activite_big_hp .inside h3,
.activite_big_hp .inside h2{
font-size: 50px;
font-weight: 500;
line-height: 1.1em;
text-transform: uppercase;
}
.swiper_activite_big .swiper-slide .inside h3 span.title,
.activite_big_hp .inside h3 span.title,
.activite_big_hp .inside h2 span.title{
padding: 0.1em 0 0px 0;
background: #fff;
display: inline-block;
}
.swiper_activite_big .swiper-slide .inside h2 span.title:last-child,
.activite_big_hp .inside h2 span.title:last-child,
.activite_big_hp .inside h3 span.title:last-child{
padding: 0 0 0.1em 0;
}
.swiper_activite_big .swiper-slide .inside p.categorie,
.activite_big_hp .inside p.categorie{
margin-bottom: 5px;
color: #fff;
font-weight: 800;
text-transform: uppercase;
font-size: 16px;
margin-left: calc(calc(var(--main_column)*0.0833) + calc(var(--gutter)*1/12 ));
margin-top: 20px;
}
.swiper_activite_big .swiper-slide .inside p.categorie svg,
.activite_big_hp .inside p.categorie svg{
display: inline-block;
vertical-align: middle;
margin: -9px 3px 0 -3px;
width: 25px;
height: 25px;
fill: #fff;
}
.swiper_activite_big .swiper-slide .inside div.intro,
.activite_big_hp .inside div.intro{
margin-left: calc(calc(var(--main_column)*0.0833) + calc(var(--gutter)*1/12 ));
color: #fff;
line-height: 1.4em;
font-weight: 300;
font-size: 18px;
text-shadow: 0 0 3px #000000;
}
.swiper_activite_big .swiper-button-next,
.swiper_activite_big .swiper-container-rtl .swiper-button-prev{
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/arrow_slider.svg);
background-size: 60px 60px;
height: 60px;
width: 60px;
right: calc(50% - 170px);
}
.swiper_activite_big .swiper-button-prev,
.swiper_activite_big .swiper-container-rtl .swiper-button-next{
transform: rotate(180deg);
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/arrow_slider.svg);
background-size: 60px 60px;
height: 60px;
width: 60px;
left: calc(50% - 580px);
}  .big_experience_post{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 472px;
transition: opacity 0.4s ease;
position: relative;
}
.big_experience_post > a{
display: block;
height: 472px;
width: 100%;
overflow: hidden;
position: absolute;
}
.big_experience_post > a .top{
position: absolute;
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 100%;
top: 0;
overflow: hidden;
z-index: 5;
transition: all 0.4s ease;
}
.big_experience_post > a .top img.attachment-big_blog_post{
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: all 0.4s ease;
}
.big_experience_post > a .top .texte_inside{
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
}
.big_experience_post > a .top h3{
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
z-index: 10;
}
.big_experience_post > a:hover .top{
height: calc(100% - 80px);
margin-top: 0;
}
.big_experience_post > a .bottom{
position: absolute;
height: 80px;
background: #fff;
padding: 15px;
bottom: 0;
z-index: 2;
width: 100%;
margin-bottom: -80px;
display: flex;
align-items: center;
transition: all 0.4s ease;
}
.big_experience_post > a:hover .bottom{
margin-bottom: 0;
}
.big_experience_post > a .bottom p{
margin-bottom: 0;
}
.big_experience_post > a:hover .bottom p:after{
content: " …";
display: inline;
} .small_experience_post{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3 ));
height: 221px;
position: relative;
}
.small_experience_post > a{
position: relative;
display: block;
background-color: var(--main_color);
}
.small_experience_post > a img.attachment-small_blog_post{
display: block;
transition: opacity 0.4s ease;
opacity: 1;
width: 100%;
}
.small_experience_post .texte_inside{
position: absolute;
z-index: 15;
bottom: 15px;
left: 15px;
right: 15px;
}
.small_experience_post h3{
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
}
.small_experience_post a:hover img.attachment-small_blog_post{
opacity: 0.5;
} .list_tiers article{
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.list_tiers article:nth-child(3n){
margin-right: 0px;
}
.list_tiers article:nth-child(3n+1){
clear: both;
}
.list_demi article{
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
.list_demi article:nth-child(2n){
margin-right: 0px;
}
.list_demi article:nth-child(2n+1){
clear: both;
} .module_mis_en_avant{
margin-bottom: 70px;
}
.module_mis_en_avant .list,
.module_mis_en_avant .list_demi,
.module_mis_en_avant > article,
.module_mis_en_avant .un_gros_quatre_petits > article{
float: left;
}
.module_mis_en_avant > article,
.module_mis_en_avant .un_gros_quatre_petits > article{
margin-right: 30px;
}
.module_mis_en_avant .list_demi{
margin-right: 30px;
}
.module_mis_en_avant .list_demi.sans{
margin-right: 0px;
}
.module_mis_en_avant .list_demi:nth-child(2n){
margin-right: 0;
}
.module_mis_en_avant article{
margin-bottom: 30px;
} #content.le-blog h1{
font-size: 60px;
text-transform: uppercase;
margin-top: 120px;
} .categories_blog {
margin-top: 50px;
}
.categories_blog .category_list{
margin-bottom: 74px;
}
a.link_to_category{
display: inline-block;
margin-bottom: 20px;
transition: all 0.4s ease;
}
a.link_to_category:hover{
background-color: var(--main_color);
color: #fff;
}
.categories_blog a.link_to_category{
display: block;
} #searchform input{
padding-left:34px;
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/search_black.svg);
background-size: 20px 20px;
background-position: 8px center;
background-repeat: no-repeat;
}
.categories_blog aside.tiers{
position: -webkit-sticky;
position: sticky;
top: 124px;
background-color: #fff;
padding: 10px;
}
aside.tiers .social{
padding-top: 25px;
padding-bottom: 15px;
text-align: center;
}
aside.tiers .social li{
width: 28px;
height: 28px;
display: inline-block;
margin: 0 9px;
}
aside.tiers .social li a{
display: block;
}
aside.tiers .social li a svg{
fill: var(--main_color);
width: 28px;
height: 28px;
display: block;
opacity: 0.8;
transition: all 0.4s ease;
}
aside.tiers .social li a:hover svg{
opacity: 1;
}
#flux_instagram{
margin-bottom: 75px;
margin-top: 135px;
}
#flux_instagram .titre_center .sur_titre_center{
color: var(--main_black);
}
#liste_des_articles article{
margin-bottom: var(--gutter);
} #content.le-blog .recherche_filtre{
padding: 80px 0 50px 0;
}
.recherche_filtre .facetwp-facet{
display: block;
margin: 0;
float: left;
}
.recherche_filtre .facetwp-facet.facetwp-facet-blog_catgorie{
margin-right: var(--gutter);
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3) );
}
.recherche_filtre .facetwp-facet.facetwp-facet-blog_recherche{
margin-right: var(--gutter);
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3) );
}
.recherche_filtre .facetwp-facet.facetwp-facet-blog_catgorie .fs-wrap,
#content.le-blog .recherche_filtre .facetwp-type-fselect .fs-dropdown{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3) );
}
.recherche_filtre .facetwp-facet.facetwp-facet-blog_recherche input{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3) );
background-color: rgba(0, 0, 0, 0.4);
border: 2px solid #fff;
color: #fff;
font-size: 14px;
padding: 5px 8px 5px 34px;
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/search.svg);
background-size: 20px 20px;
background-position: 8px center;
background-repeat: no-repeat;
margin: 0;
}
.safari .recherche_filtre .facetwp-facet.facetwp-facet-blog_recherche input{
padding: 3px 8px 2px 34px;
}
.facetwp-facet.facetwp-facet-blog_recherche input[type="button"]{
display: none;
}
#content.le-blog #banner_category_blog{
height: auto;
}
#content.le-blog .recherche_filtre button.fwp-submit{
background-color: var(--main_black);
color: #fff;
}
#content.le-blog .recherche_filtre button.fwp-submit:hover{
background-color: var(--main_color);
} #banner_category_blog{
position: relative;
width: 100%;
background-position: center;
background-size: cover;
height: 340px;
margin-bottom: 30px;
}
#banner_category_blog .center{
position: relative;
height: 100%;
}
#content.category.blog h1{
font-size: 60px;
text-transform: uppercase;
position: absolute;
bottom: 30px;
left: 0;
}
#content.category.blog .sans_bandeau h1,
#content.author .sans_bandeau h1{
position: relative;
bottom: inherit;
margin-bottom: 50px;
left: inherit;
}
#content.category.blog .list_tiers{
padding-bottom: 60px;
}
.taxonomy-description{
text-align: center;
font-weight: 700;
font-size: 24px;
width: calc(66.667% - calc(
calc(var(--gutter)/2 - 5px)
) );
margin: 0 auto 30px auto;
} .pagination,
.facetwp-pager{
margin-bottom: 120px;
text-align: center;
clear: both;
width: 100%;
}
.pagination a,
.pagination span,
.facetwp-pager a.facetwp-page{
display: inline-block;
margin: 8px;
font-size: 14px;
padding: 18px 0px 15px 0;
min-width: 35px;
text-align: center;
position: relative;
transition: all 0.4s ease;
}
.pagination a,
.facetwp-pager a.facetwp-page{
color: var(--main_black);
background-color: #ffffff;
}
.pagination a:hover,
.facetwp-pager a.facetwp-page:hover{
color: #fff;
background: var(--main_black);
}
.pagination span,
.facetwp-pager a.facetwp-page.active{
color: #fff;
cursor: default;
background-color: var(--main_color);
} #content.journaliste h1{
font-size: 60px;
text-transform: uppercase;
position: absolute;
bottom: 30px;
left: 76px;
}
#content.journaliste h1 img.avatar{
border-radius: 50%;
position: absolute;
border: 2px solid #fff;
left: 0;
margin-left: -76px;
}
#content.journaliste .list_tiers{
padding-bottom: 60px;
} .module_blanc{
background: #fff;
padding: 15px;
}
#banner_single_post{
position: absolute;
width: 100%;
left: 0;
background-position: center; 
z-index: -1;
background-size: cover;
height: 690px;
}
#content.single_post_blog h1{
margin-top: 350px;
margin-bottom: 40px;
font-size: 60px;
text-transform: uppercase;
}
#content.single_post_blog .meta{
margin-bottom: 15px;
}
#content.single_post_blog .meta p{
margin-bottom: 0px;
color: #8c8c8c;
font-weight: 300;
}
#content.single_post_blog .meta p svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
fill: #8c8c8c;
width: 16px;
height: 16px;
margin-right: 2px;
} .share{
text-align: center;
padding: 50px 0;
}
.share span{
color: #8c8c8c;
font-weight: 800;
font-size: 16px;
margin-right: 8px;
vertical-align: middle;
}
.share a{
display: inline-block;
width: 30px;
height: 30px;
margin: 0 8px;
vertical-align: middle;
}
.share a svg{
width: 30px;
height: 30px;
display: block;
fill: #8c8c8c;
transition: all 0.4s ease;
}
.share a:hover svg{
fill: var(--main_color);
} #author{
display: flex;
align-items: center;
margin-right: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 15px);
margin-left: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 15px);
justify-content: space-between;
margin-bottom: 35px;
}
#author img.avatar{
display: block;
width: 174px;
height: 174px;
border-radius: 50%;
}
#author .about_author{
display: block;
width: calc(100% - 204px);
}
#author .about_author h4{
color: var(--main_color);
font-size: 18px;
font-weight: 800;
margin-bottom: 5px;
}
#author .about_author p{
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
}
#author .about_author p a{
color: var(--main_color);
text-decoration: underline;
transition: all 0.4s ease;
}
#author .about_author p a:hover{
background-color: var(--main_color);
text-decoration: none;
color: #fff;
}
#content.single_post_blog .list.article{
margin-bottom: 60px;
} #comments{
padding-top: 40px;
padding-bottom: 40px;
background-color: #ffffff;
}
#comments h2,
h3#reply-title{
background-color: #f8f8f8;
text-transform: uppercase;
font-weight: 800;
font-size: 26px;
padding: 10px 10px 10px calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
width: calc(calc(var(--main_column)*0.4166) - calc(var(--gutter)*7/12) );
color: var(--main_color);
margin-bottom: 20px;
}
form#commentform,
p.nocomments{
padding-right: calc(calc(calc(var(--main_column)*0.1666) - calc(var(--gutter)*11/12 )) + 30px);
padding-left: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
}
#comments li.comment{
padding-right: calc(calc(calc(var(--main_column)*0.1666) - calc(var(--gutter)*11/12 )) + 30px);
padding-left: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
margin-top: 40px;
}
#comments li.comment img.avatar{
width: calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 ));
height: auto;
border-radius: 50%;
float: left;
margin-right: 30px;
}
#comments li.comment .commentaire{
float: right;
width: calc( 100% - calc( calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px));
padding-top: 25px;
font-weight: 300;
font-style: italic;
color: #8c8c8c;
font-size: 12px;
}
#comments li.comment .commentaire .author_comment{
font-size: 18px;
font-weight: 800;
color: var(--main_black);
font-style: normal;
}
#comments li.comment .commentaire a{
text-decoration: underline;
transition: all 0.4s ease;
}
#comments li.comment .commentaire a:hover{
color: var(--main_color);
}
#comments li.comment .commentaire .comment-content{
font-size: 14px;
color: var(--main_black);
font-weight: 300;
font-style: normal;
padding-top: 5px;
} #comments li.comment.bypostauthor img.avatar{
border: 2px solid var(--main_color);
}
#comments li.comment.bypostauthor .commentaire .author_comment{
color: var(--main_color);
} h3#reply-title{
margin-top: 100px;
}
p.logged-in-as a{
text-decoration: underline;
}
p.logged-in-as a:hover{
color: var(--main_color);
}
.comment-respond label {
display: none;
}
p.must-log-in{
padding-right: calc(calc(calc(var(--main_column)*0.1666) - calc(var(--gutter)*11/12 )) + 30px);
padding-left: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
}
p.must-log-in a{
text-decoration: underline;
color: var(--main_color);
}
p.must-log-in a:hover{
color: #fff;
background-color: var(--main_color);
} #content.single_post_blog aside{
padding-top: 555px;
}
p.copyrights{
font-weight: 300;
color: #fff;
font-style: italic;
font-size: 12px;
opacity: 0.75;
margin-bottom: 5px;
}
.safari p.copyrights{
opacity: 1;
font-weight: 500;
font-style: normal;
}
.module_blanc_petit{
background: #fff;
padding: 10px;
}
aside h3.widget-title{
font-size: 16px;
font-weight: 800;
color: var(--main_black);
margin-bottom: 16px;
margin-top: 20px;
}
aside ul.menu{
margin-bottom: 30px;
}
aside ul.menu li{
font-size: 14px;
font-weight: 300;
color: var(--main_black);
margin-bottom: 10px;
transition: all ease 0.4s;
}
aside ul.menu li:hover{
font-weight: 700;
} #banner_small{
height: 140px;
background-position: center center;
background-size: cover;
}
.titre_center{
text-align: center;
margin-top: -18px;
}
.titre_center p.sur_titre_center{
font-weight: 800;
margin-bottom: 0;
}
.titre_center h1,
.titre_center h2{
text-transform: uppercase;
font-size: 48px;
font-weight: 300;
position: relative;
}
.titre_center h1 strong,
.titre_center h2 strong{
color: var(--main_color);
margin-bottom: 40px;
}
.titre_center h1:before,
.titre_center h2:before{
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 60px;
background: #fff;
content: "";
left: 0;
margin-top: 15px;
}
#content.vos_photos{
padding-bottom: 75px;
} #content.single-page h1{
font-size: 60px;
text-transform: uppercase;
margin-top: 300px;
}
#content.single-page #banner_category_blog h1{
position: absolute;
bottom: 30px;
left: 0;
margin-top: 0;
}
#content.single-page .module_blanc.text.deux-tiers{
margin: 30px 0 100px 0;
float: none;
} .galerie_native_wp{
margin-top: 50px;
margin-bottom: 50px;
}
.galerie_native_wp .grid-sizer{
width: calc(33.333% - 2px);
}
.galerie_native_wp .grid-item {
width: calc(33.333% - 2px);
margin-bottom: 3px;
}
.galerie_native_wp .grid-item img,
.galerie_native_wp .grid-item a{
display: block;
}
.galerie_native_wp .grid-item a{
background-color: var(--main_color);
}
.galerie_native_wp .grid-item a img{
transition: all ease 0.4s;
opacity: 1;
}
.galerie_native_wp .grid-item a:hover img{
opacity: 0.5;
} #content.single_magazine h1{
font-size: 60px;
text-transform: uppercase;
padding-left: calc(calc(var(--main_column)*0.4166) + calc(var(--gutter)*5/12) );
}
#content.single_magazine #banner_category_blog h1{
position: absolute;
bottom: 30px;
left: 0;
}
#content.single_magazine .empty h1{
margin-top: 90px;
margin-bottom: 30px;
}
#content.single_magazine #couverture{
float: left;
width: calc(calc(var(--main_column)*0.4166) - calc(var(--gutter)*7/12) );
}
#content.single_magazine #couverture img.attachment-magazine_big{
margin-top: -170px;
display: block;
box-shadow: 0 0 5px 2px rgba(0,0,0,0.5);
position: relative;
z-index: 10;
margin-bottom: 30px;
}
#content.single_magazine #contenu{
float: right;
width: calc(calc(var(--main_column)*0.5833) - calc(var(--gutter)*5/12) );
}
#content.single_magazine .contenu{
margin-bottom: 60px;
}
a.btn#achat{
display: block;
width: 100%;
text-align: center;
margin-bottom: 10px;
font-size: 24px;
font-weight: 800;
}
a.btn#achat svg{
margin-top: -13px;
width: 28px;
height: 28px;
margin-right: 3px;
}
a.btn#telechargement,
a.btn#shoplocator{
float: left;
width: calc(50% - 5px);
margin-right: 0;
}
a.btn#shoplocator{
margin-left: 10px;
}
#sommaire{
display: flex;
padding: 15px 0;
align-items: center;
justify-content: space-between;
background-color: #fff;
margin-bottom: 90px;
}
#sommaire .sommaire{
width: calc(calc(var(--main_column)*0.4166) - calc(var(--gutter)*7/12) );
padding-left: 15px;
}
#sommaire .preview{
width: calc(calc(var(--main_column)*0.5833) - calc(var(--gutter)*5/12) );
padding-right: 15px;
}
.preview_sommaire{
display: block;
float: left;
background: var(--main_color);
width: calc(50% - 7.5px);
box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
}
.preview_sommaire:nth-child(2n+1){
margin-right: 15px;
}
.preview_sommaire:nth-child(1),
.preview_sommaire:nth-child(2){
margin-bottom: 15px;
}
.preview_sommaire img{
display: block;
transition: all 0.4s ease;
}
.preview_sommaire:hover img{
opacity: 0.5;
}
#sommaire h2.big{
font-size: 48px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 20px;
}
#sommaire h2.big strong{
font-weight: 700;
color: var(--main_color);
}
#anciens_numeros_lanceur{
margin-bottom: 100px;
} #content.mag_anciens_numeros h1{
margin-top: 70px;
margin-bottom: 70px;
font-size: 60px;
text-transform: uppercase;
}
#ancien_mis_en_avant{
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
#ancien_mis_en_avant img.attachment-magazine_avant{
width: calc( calc(var(--main_column)*0.3333) - calc(var(--gutter)*2/3 ) - 15px);
}
#ancien_mis_en_avant .inside{
width: calc( calc(var(--main_column)*0.6667) - calc(var(--gutter)*1/3 ) - 15px);
}
#ancien_mis_en_avant .inside > p{
font-size: 30px;
font-weight: 300;
font-style: italic;
margin-bottom: 0;
}
#ancien_mis_en_avant .inside h2{
font-weight: 700;
font-size: 48px;
text-transform: uppercase;
color: var(--main_color);
margin-bottom: 30px;
}
#ancien_mis_en_avant .inside .text p{
font-size: 18px;
font-weight: 300;
} #content.le_magazine h1{
margin-top: 70px;
margin-bottom: 50px;
font-size: 60px;
text-transform: uppercase;
}
#content.le_magazine .contenu{
position: relative;
}
#content.le_magazine .contenu img.attachment-magazine_avant{
display: block;
box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
position: absolute;
bottom: 0;
right: 0;
}
#content.le_magazine #anciens_numeros_lanceur{
margin-top: 90px;
} #content.abonnement #breadcrumbs{
margin-bottom: 80px;
}
#content.abonnement h1{
margin-bottom: 50px;
font-size: 60px;
text-transform: uppercase;
}
#content.abonnement img.attachment-magazine_avant{
display: block;
box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
}
#content.abonnement .intro > p{
font-weight: 300;
font-size: 24px;
}
.point_abonnement{
text-align: center;
}
#content .point_abonnement img{
display: inline-block;
margin-bottom: 10px;
width: 115px;
height: 115px;
background: transparent;
}
.point_abonnement p{
color: var(--main_color);
font-weight: 700;
font-size: 16px;
}
#content.abonnement .intro{
margin-bottom: 90px;
}
#content.abonnement #abonnements{
padding: 90px 0;
background-size: cover;
background-position: center center;
text-align: center;
margin-bottom: 90px;
}
#content.abonnement #abonnements .abonnement{
width: calc(33.333% - calc(var(--gutter)*2/3 ));
display: inline-block;
margin: 0 15px;
}
#content.abonnement #abonnements .abonnement p.titre{
color: var(--main_black);
font-size: 26px;
font-weight: 700;
padding: 10px 0 10px 0;
margin-bottom: 2px;
background: #fff;
margin-top: 28px;
}
#content.abonnement #abonnements .module{
background: #fff;
padding: 30px;
text-align: left;
}
#content.abonnement #abonnements .module p.argument img{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
}
#content.abonnement #abonnements .module .ui-tabs-nav{
padding-top: 10px;
margin-bottom: 15px;
}
#content.abonnement #abonnements .module .ui-tabs-nav li{
display: inline-block;
margin-right: 10px;
opacity: 0.2;
transition: all ease 0.4s;
}
#content.abonnement #abonnements .module .ui-tabs-nav li:hover{
opacity: 0.6;
}
#content.abonnement #abonnements .module .ui-tabs-nav li.ui-tabs-active{
opacity: 1;
}
#content.abonnement #abonnements .module .ui-tabs-nav li:last-child{
margin-right: 0;
} 
#content.abonnement #abonnements .module .ui-tabs-nav li img{
display: block;
width: 41px;
height: 27px;
}
#content.abonnement #abonnements .module .ui-tabs-panel p{
margin-bottom: 0;
}
#content.abonnement #abonnements .module .ui-tabs-panel p strong{
color: var(--main_color);
font-size: 30px;
}
#content.abonnement #abonnements .btn{
display: block;
width: 100%;
font-size: 22px;
}
#content.abonnement #abonnements .abonnement.big p.titre{
background: var(--main_black);
padding: 28px 0 10px 0;
margin-bottom: 2px;
color: #fff;
margin-top: 0;
}
#content.abonnement #abonnements .big .btn{
font-size: 26px;
} #content.single_post_adresse h1{
margin-top: 350px;
margin-bottom: 40px;
font-size: 60px;
text-transform: uppercase;
}
#content.single_post_adresse p.copyrights{
float: right;
margin-top: -22px;
}
#content.single_post_adresse .article_adresse .text{
width: calc(calc(calc(var(--main_column)*0.5833) - calc(var(--gutter)*5/12) ) - 15px);
float: left;
}
#content.single_post_adresse .article_adresse .id_adresse{
float: right;
width: calc(calc(calc(var(--main_column)*0.4167) - calc(var(--gutter)*7/12) ) - 15px);
}
#content.single_post_adresse .share{
text-align: left;
padding: 0 0 15px 0;
} .acf_map img {
max-width: inherit !important;
}
.preview_adresse{
height: 450px;
margin-bottom: 10px;
margin-top: 10px;
}
.contact_adresse .btn,
#content.single_post_adresse .list .saisons,
#content.single_post_adresse .list .horaires{
float: left;
display: block;
margin-right: 10px;
margin-left: 0;
width: calc(50% - 5px);
}
.id_adresse .btn.email{
display: block;
width: 100%;
margin-top: 10px;
margin-right: 0px;
}
.contact_adresse .btn:nth-child(2n),
#content.single_post_adresse .list .horaires{
margin-right: 0;
}
#content.single_post_adresse .list .saisons,
#content.single_post_adresse .list .horaires{
margin-top: 33px;
}
#content.single_post_adresse .list .saisons h3,
#content.single_post_adresse .list .horaires h3{
font-size: 14px;
font-weight: 700;
margin-bottom: 10px;
}
#content.single_post_adresse .list .saisons li{
margin-bottom: 7px;
color: #8c8c8c;
font-style: italic;
font-size: 14px;
font-weight: 300;
}
#content.single_post_adresse .list .saisons li svg{
display: inline-block;
fill: #8c8c8c;
width: 15px;
height: 15px;
vertical-align: middle;
margin-top: -7px;
}
#content.single_post_adresse .list .horaires p{
margin-bottom: 0px;
color: #8c8c8c;
font-style: italic;
font-size: 14px;
font-weight: 300;
}
#content.single_post_adresse .list .horaires p span{
display: inline-block;
min-width: 90px;
} .social_adresse{
margin-top: 20px;
}
.social_adresse p{
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
margin-right: 6px;
}
.social_adresse a{
display: inline-block;
vertical-align: middle;
margin: 0 3px;
width: 30px;
height: 30px;
transition: all ease 0.4s;
}
.social_adresse a:hover{
opacity: 0.5;
}
.social_adresse svg{
width: 30px;
height: 30px;
display: block;
} #galerie_adresse{
margin-top: 50px;
}
#galerie_adresse .grid-sizer{
width: calc(25% - 2.25px);
}
#galerie_adresse .grid-item {
width: calc(25% - 2.25px);
margin-bottom: 3px;
}
#galerie_adresse .grid-item.video{
width: calc(50% - 2.25px);
}
#galerie_adresse .grid-item.video a:after{
display: block;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
width: 48px;
height: 48px;
content: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/icon_video.svg);
}
#galerie_adresse .grid-item img,
#galerie_adresse .grid-item a{
display: block;
}
#galerie_adresse .grid-item a{
background-color: var(--main_color);
}
#galerie_adresse .grid-item a img{
transition: all ease 0.4s;
opacity: 1;
}
#galerie_adresse .grid-item a:hover img{
opacity: 0.5;
} .list.services.text{
margin-top: 90px;
} .adresses_secondaires{
margin-top: 90px;
}
.adresses_secondaires .demi .infos .contact{
display: block;
margin-top: 15px;
transition: all ease 0.4s;
}
.adresses_secondaires .demi .infos .contact:hover{
color: var(--main_color);
}
.adresses_secondaires .demi .infos .contact svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
width: 20px;
height: 20px;
margin-right: 3px;
transition: all ease 0.4s;
}
.adresses_secondaires .demi .infos .contact:hover svg{
fill: var(--main_color);
}
.adresses_secondaires .demi .infos .btn{
display: block;
width: 230px;
margin-right: 0px;
margin-bottom: 5px;
}
.adresses_secondaires .demi .infos{
display: flex;
align-items: center;
justify-content: space-between;
}
.adresses_secondaires .demi .infos p{
margin-bottom: 5px;
}
.adresses_secondaires .demi .infos .btn:last-child{
margin-bottom: 0px;
}
#content.single_post_adresse .module_blanc{
margin-bottom: 90px;
} p.accessibilite{
font-weight: 700;
margin-bottom: 0;
margin-top: 30px;
}
p.accessibilite svg{
display: inline-block;
vertical-align: middle;
margin-right: 2px;
width: 24px;
height: 24px;
margin-bottom: 16px;
}
p.accessibilite.green{ color: #39945C; }
p.accessibilite.green svg{ fill: #39945C; }
p.accessibilite.red{ color: #943939; }
p.accessibilite.red svg{ fill: #943939; }
p.accessibilite.orange{ color: #EDA126; }
p.accessibilite.orange svg{ fill: #EDA126; }
p.accessibilite a:hover{
opacity: 0.5;
} #content_adresse.map_adresses #breadcrumbs{
margin-bottom: 20px;
}
#content_adresse.map_adresses h1{
margin-bottom: 40px;
font-size: 40px;
text-transform: uppercase;
}
#content_adresse.map_adresses #filtres{
margin: 60px 0 45px 0;
}
#content_adresse.map_adresses #filtres .facetwp-facet{
display: inline-block;
margin: 0;
}
#filtres .fs-label-wrap{
background-color: #E6E6E6;
border: none;
padding: 5px;
}
#content_adresse.map_adresses .facetwp-pager a.facetwp-page{
background-color: #E6E6E6;
}
#content_adresse.map_adresses .facetwp-pager a.facetwp-page:hover{
background-color: var(--main_black);
}
#content_adresse.map_adresses .facetwp-pager a.facetwp-page.active,
#content_adresse.map_adresses .facetwp-pager a.facetwp-page.active:hover{
background-color: var(--main_color);
color: #fff;
}
#content_adresse.map_adresses .facetwp-pager span{
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 300;
margin-right: 5px;
} #content_adresse.map_adresses .facetwp-facet-map{
width: 100% !important;
height: 100% !important;
margin-bottom: 0px;
}
#content_adresse.map_adresses .facetwp-facet-map #facetwp-map{
width: 100% !important;
height: 100% !important;
margin-bottom: 0px;
}
#content_adresse.map_adresses button.facetwp-map-filtering{
display: none;
} .gm-style .gm-style-iw{
max-width: 200px;
}
.gm-style .gm-style-iw p,
.gm-style .gm-style-iw h3{
max-width: 200px;
}
.gm-style .gm-style-iw h3{
padding-top: 14px;
text-transform: uppercase;
font-weight: 800;
}
.gm-style .gm-style-iw a.read_more{
display: inline-block;
}
.gm-style .gm-style-iw img.attachment-aside_blog_post{
max-width: 100%;
} #bottom_text{
background-color: #fff;
padding: 40px 0;
}
#bottom_text .text{
padding-top: 50px;
padding-bottom: 50px;
}
#bottom_text .container{
padding-bottom: var(--gutter);
}
.image_cover img{
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
#bottom_text .container:nth-child(2n){
flex-direction: row-reverse;
} .map_adresses #top_content{
padding-top: 50px;
padding-bottom: 0;
} .map_adresses .facetwp-template{
margin-top: 50px;
}
.map_adresses .facetwp-template article{
margin-bottom: var(--gutter);
} #banner_bonnes_adresses{
position: relative;
width: 100%;
background-position: center;
background-size: cover;
padding-bottom: 155px;
margin-bottom: 100px;
}
#banner_bonnes_adresses h1{
font-size: 60px;
margin-bottom: 60px;
text-transform: uppercase;
margin-top: 100px;
} .recherche_filtre .facetwp-facet{
display: block;
margin: 0;
float: left;
}
.recherche_filtre .facetwp-facet.facetwp-facet-region,
.recherche_filtre .facetwp-facet.facetwp-facet-activits{
margin-right: var(--gutter);
}
.recherche_filtre .facetwp-facet .fs-wrap{
width: calc(calc(var(--main_column)*0.25) - calc(var(--gutter)*3/4) );
}
.recherche_filtre .fs-label-wrap{
background-color: rgba(0, 0, 0, 0.4);
border: 2px solid #fff;
color: #fff;
}
.recherche_filtre .fs-arrow{
border-top: 5px solid #fff;
}
.recherche_filtre .facetwp-type-fselect .fs-dropdown{
margin-top: 0;
width: calc(calc(var(--main_column)*0.25) - calc(var(--gutter)*3/4) );
}
.recherche_filtre .facetwp-facet.facetwp-facet-recherche{
margin-right: var(--gutter);
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3) );
}
.recherche_filtre .facetwp-facet.facetwp-facet-recherche input{
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*2/3) );
background-color: rgba(0, 0, 0, 0.4);
border: 2px solid #fff;
color: #fff;
font-size: 14px;
padding: 5px 8px 5px 34px;
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/search.svg);
background-size: 20px 20px;
background-position: 8px center;
background-repeat: no-repeat;
margin: 0;
}
.safari .recherche_filtre .facetwp-facet.facetwp-facet-recherche input{
padding: 3px 8px 2px 34px;
}
.facetwp-facet.facetwp-facet-recherche input[type="button"]{
display: none;
}
.recherche_filtre button.fwp-submit{
width: calc(calc(var(--main_column)*0.167) - calc(var(--gutter)*5/6) );
display: block;
background-color: #fff;
padding: 0;
border: none;
text-align: center;
font-weight: 800;
font-size: 16px;
text-transform: uppercase;
height: 30px;
cursor: pointer;
transition: all ease 0.4s;
}
.recherche_filtre button.fwp-submit:hover{
background-color: var(--main_color);
color: #fff;
} #content.bonnes_adresses .sur_titre_center{
color: var(--main_black);
}
#content.bonnes_adresses .introduction,
#content.bonnes_adresses.experiences_n1 .chapeau{
text-align: center;
font-weight: 500;
font-size: 16px;
width: calc(66.667% - calc( calc(var(--gutter)/2 - 5px) ) );
margin: 30px auto 30px auto;
}
#content.bonnes_adresses .adresses_coeur{
padding: 45px 0;
}
#content.bonnes_adresses .adresses_coeur.blanc{
background: #fff;
}
#content.bonnes_adresses .adresses_coeur h2.fond{
margin-bottom: 40px;
display: inline-block;
}
#content.bonnes_adresses .adresses_coeur a.btn.bleu{
margin-right: 0;
width: 100%;
}
#content.bonnes_adresses .adresses_coeur.blanc h2.fond{
background-color: #f8f8f8;
}
#content.bonnes_adresses .dernieres_adresses{
margin-bottom: 200px;
}
#content.bonnes_adresses .dernieres_adresses .titre_center{
margin-bottom: 75px;
} #map_provinces{
background-color: var(--main_color);
height: 815px;
top: 0;
left: 0;
position: relative;
overflow: hidden;
}
#map_provinces #map{
position: absolute;
height: 815px;
width: auto;
display: block;
z-index: 5;
transition: all ease 0.4s;
}
#map_provinces #map path{
transition: all ease 0.4s;
} #map_provinces #inside_map{
width: calc(calc(var(--main_column)*0.5) - calc(var(--gutter)*1/2 ));
position: absolute;
padding-left: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
left: calc(50% + 15px);
height: 100%;
display: flex;
align-items: center;
color: #fff;
z-index: 10;
}
#map_provinces #inside_map #breadcrumbs{
padding-top: 0px;
margin-bottom: 30px;
}
#map_provinces #inside_map .titre{
font-weight: 300;
line-height: 0.9em;
font-size: 48px;
text-transform: uppercase;
margin-bottom: 50px;
}
#map_provinces #inside_map .sur_titre{
display: block;
text-transform: none;
color: var(--main_black);
font-weight: 700;
font-size: 18px;
line-height: 1em;
}
#map_provinces #inside_map .inside{
width: 100%;
}
#list_provinces{
padding-left: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
margin-bottom: 40px;
}
#list_provinces h2,
#list_provinces h3{
font-size: 14px;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 0px;
font-weight: 700;
}
#list_provinces h2 a,
#list_provinces h3 a{
opacity: 0.5;
transition: all ease 0.4s;
}
#list_provinces h2 a:hover,
#list_provinces h3 a:hover{
opacity: 1;
}
#list_provinces li{
border-bottom: 1px solid #5196b1;
position: relative;
z-index: 15;
}
#list_provinces li a{
position: relative;
z-index: 5;
transition: all ease 0.4s;
display: block;
padding: 8px 0;
}
#list_provinces li:before{
content: "";
display: block;
background: #5196b1;
width: 0px;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 2;
transition: all ease 0.4s;
}
#list_provinces li:hover:before,
#list_provinces li.show:before{
width: 100%
}
#list_provinces li:hover span{
margin-left: 5px;
} .background_map{
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: auto 100%;
background-position: right center;
background-repeat: no-repeat;
opacity: 0;
transition: all 1s ease;
}
.background_map.show{
opacity: 0.2;
}
.background_map img{
display: block;
position: absolute;
height: 100%;
width: auto;
right: 0;
}
.background_map .gradient{
position: absolute;
top: 0;
left: 0;
width: 80%;
height: 100%;
background: -moz-linear-gradient(left, rgba(57,122,148,1) 0%, rgba(57,122,148,0) 100%);
background: -webkit-linear-gradient(left, rgba(57,122,148,1) 0%,rgba(57,122,148,0) 100%);
background: linear-gradient(to right, rgba(57,122,148,1) 0%,rgba(57,122,148,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397a94', endColorstr='#00397a94',GradientType=1 );
z-index: 2;
} .popin_map{
position: absolute;
z-index: 35;
background-color: #fff;
width: 230px;
margin-top: 50px;
opacity: 0;
transition: all ease 0.4s;
}
.popin_map.show{
opacity: 1;
margin: 0;
}
.popin_map h3{
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 10px;
}
.popin_map p{
padding: 10px;
font-size: 14px;
font-weight: 300;
} #content.single_fiche_region{
margin-bottom: 150px;
}
#content.single_fiche_region h1{
margin-bottom: 40px;
}
#content.single_fiche_region h2.fond.articles_lies{
margin-top: 70px;
} #adresses_grid .grid-sizer,
#adresses_grid .grid-item,
#blog_grid .grid-sizer,
#blog_grid .grid-item,
.minisite_grid .grid-sizer{
width: calc(33.333% - calc(var(--gutter)*2/3 ));
}
#adresses_grid .grid-item,
#blog_grid .grid-item,
.minisite_grid .grid-item{
margin-bottom: 30px;
} #content.single_vaq{
margin-bottom: 150px;
}
#content.single_vaq h1{
margin-bottom: 40px;
}
#content.single_vaq aside.quart{ clear: none;
}
#content.single_vaq h2.fond.articles_lies {
margin-top: 70px;
} #content.agences h2.fond.articles_lies{
margin-top: 140px;
margin-bottom: 60px;
width: auto;
display: inline-block;
}
#content.agences .agence{ 
margin-bottom: 30px;
background-color: #fff;
}
#content.agences .agence .logo{
background-size: cover;
background-position: center center;
display: flex;
align-items: center;
height: 200px;
margin-bottom: 15px;
}
#content.agences .agence .logo img{
display: block;
margin: auto;
max-width: 180px;
max-height: 110px;
height: auto;
width: auto;
}
#content.agences .agence h3{
padding: 0 15px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 5px;
}
#content.agences .agence p{
padding: 0 15px;
font-size: 16px;
font-weight: 300;
line-height: 1.2em;
margin-bottom: 15px;    
}
#content.agences .agence .btn{
display: block;
width: 100%;
text-align: center;
}
#content.agences #banner_single_post{
height: 540px;
} .list_voyages_thematiques{
margin-bottom: 150px;
} #content.contact h1 {
margin-bottom: 40px;
}
.wpcf7-form-control-wrap.nom,
.wpcf7-form-control-wrap.prenom,
.wpcf7-form-control-wrap.email,
.wpcf7-form-control-wrap.telephone{
float: left;
width: calc(50% - 5px);
margin-right: 10px;
position: relative;
display: block;
}
.wpcf7-form-control-wrap.prenom,
.wpcf7-form-control-wrap.telephone{
margin-right: 0px;
}
span.wpcf7-form-control-wrap{
position: inherit;
display: block;
}
#content.contact input.wpcf7-submit{
width: 100%;
margin: 0;
}
#content.contact a.contact{
display: inline-block;
margin-right: 40px;
transition: all ease 0.4s;
}
#content.contact a.contact svg{
display: inline-block;
vertical-align: middle;
margin-top: -6px;
width: 20px;
height: 20px;
margin-right: 3px;
transition: all ease 0.4s;
}
#content.contact a.contact:hover{
color: var(--main_color);
}
#content.contact a.contact:hover svg{
fill: var(--main_color);
}
#content.contact .module_blanc{
margin-bottom: 100px;
}
#content.contact .module_blanc .demi.text{
padding-top: 100px;
} #content.connexion #banner_single_post{
height: 260px;
} p.warning{
border: 2px solid #ef8d09;
padding: 15px;
background: #f2dcbe;
font-size: 15px;
color: #ef8d09;
}
p.warning svg{
display: inline-block;
width: 30px;
height: 30px;
margin-right: 5px;
fill: #ef8d09;
vertical-align: middle;
}
p.error{
border: 2px solid #d70047;
padding: 15px;
background: #e6cfd6;
font-size: 15px;
color: #d70047;
}
p.error svg{
display: inline-block;
width: 30px;
height: 30px;
margin-right: 5px;
fill: #d70047;
vertical-align: middle;
}
#nav_profil li{
margin-bottom: 3px;
}
#nav_profil li a{
padding: 20px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
display: block;
background: var(--main_black);
}
#nav_profil li.current a{
background: var(--main_color);
}
#nav_profil li:hover a{
opacity: 0.8;
}
#nav_profil li svg{
display: inline-block;
vertical-align: middle;
fill: #fff;
width: 25px;
height: 25px;
margin: -4px 0 0 5px;
}
#content.profil .trois-quart p{
font-size: 16px;
line-height: 1.4em;
margin-bottom: 1.2em;
clear: both;
}
#content.profil .trois-quart p a{
color: var(--main_color);
text-decoration: underline;
}
#content.profil .trois-quart p a:hover{
opacity: 0.8;
}
#content.profil .trois-quart h2{
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
margin-top: 20px;
}
#content.profil .trois-quart #informations input{
float: left;
margin-right: 8px;
width: calc(50% - 4px);
}
#content.profil .trois-quart #informations input:nth-child(2n){
margin-right: 0px;
}
#content.profil .trois-quart input[type=submit]{
margin: 50px auto 0 auto;
width: calc(50% - 4px);
display: block;
float: none;
}
#content.profil .form-table > tbody > .acf-field > .acf-input,
#content.profil .form-table > tbody > .acf-field > .acf-label{
padding: 0 0 20px 0;
}
#fiche_publique h2{
display: none;
}
body.role-administrator p.form-submit,
body.role-ancien_axesud p.form-submit{
display: block !important;
}
#content.profil .trois-quart p.gravatar{
margin-bottom: 30px;
}
#content.profil .trois-quart p img{
vertical-align: middle;
display: inline-block;
margin-right: 5px;
border-radius: 50%;
}
#content.profil form#adduser{
margin: 50px 0;
} .accueil #banner{
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden;
}
.accueil #banner > video{
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
object-fit: cover;
object-position: center center;
top: 0;
}
.accueil #banner p.copyrights{
position: absolute;
z-index: 1;
right: 10px;
bottom: 10px;
}
.accueil #banner .center{
display: flex;
align-items: center;
justify-content: flex-end;
height: calc(100vh - 250px);
}
.accueil #banner .center h1{
text-align: right;
width: 100%;
text-transform: uppercase;
font-size: 48px;
font-weight: 300;
display: inline-block;
margin-bottom: 10px;
}
.accueil #banner .center h1 strong{
color: #397a94;
}
.accueil #banner .center a.btn{
display: block;
max-width: 380px;
text-align: center;
margin-top: 30px;
float: right;
position: relative;
z-index: 5;
}
#introduction{
position: relative;
}
#introduction .bck_intro{
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
z-index: -1;
height: 100%;
width: 50%;
right: calc(50% + 15px);
}
#introduction .images img{
display: block;
width: calc(66.667% - calc(
calc(var(--gutter)/2 - calc(var(--gutter)/6))
) );
float: right;
margin-bottom: -1px;
}
#introduction .center{
position: relative;
}
#introduction .texte_inside{
display: flex;
align-items: center;
height: 100%;
position: absolute;
margin-right: 0;
right: 0;
}
#introduction .texte_inside h2{
font-size: 48px;
font-weight: 300;
line-height: 1em;
text-transform: uppercase;
margin-bottom: 45px;
color: var(--main_black);
}
#introduction .texte_inside h2 span{
color: var(--main_color);
font-weight: 700;
}
#introduction .texte_inside p{
line-height: 1.4em;
font-size: 18px;
margin-bottom: 1.2em;
font-weight: 300;
padding-left: calc(16.666% + calc(var(--gutter)*1/6) );
}
#hp_adresses{
clear: both;
position: relative;
padding-top: 80px;
padding-bottom: 50px;
}
#hp_adresses .small_adresse_post,
#hp_adresses .big_adresse_post,
#blog_hp article,
#blog_hp .tiers.text{
margin-bottom: var(--gutter);
}
#hp_adresses:before{
content: "";
display: block;
position: absolute;
height: 286px;
background-color: #fff;
top: 0;
left: 0;
width: 100%;
z-index: -1;
}
.home .titre_center{
margin: 0 0 40px 0; 
}
.home .titre_center h2{
font-size: 38px;
color: var(--main_color);
font-weight: 700;
margin-top: 5px;
}
.home .titre_center h2::before{
display: none;
}
#blog_hp{
padding-top: 80px;
padding-bottom: 50px;
background-color: #fff;
} #content.single_post_blog.single_podcast aside,
#content.single_post_blog.single_video aside{
padding-top: 605px;
} #content.experiences_n1 .adresses_coeur:nth-child(2n){
background: #fff;
}
#content.experiences_n1 .adresses_coeur:nth-child(2n) h2.fond{
background-color: #f8f8f8;
}
#content.experiences_n1 .adresses_coeur:nth-child(2n) .list .tiers{
margin-right: 0;
float: right;
}
#content.experiences_n1 .adresses_coeur:nth-child(2n) .list .deux-tiers{
margin-right: 0;
float: left;
} #content.category.experiences h1{
margin-top: 300px;
margin-bottom: 40px;
font-size: 60px;
text-transform: uppercase;
}
#content.category.experiences #banner_experiences{
background-size: cover;
background-position: center center;
height: 690px; 
}
.safari #content.category.experiences #banner_experiences{
height: auto;
min-height: 690px;
padding-bottom: 30px;
background-attachment: fixed;
}
#content.category.experiences .list_tiers,
#content.category.experiences .list_adresses_liees{
margin-top: 30px;
clear: both;
} #content.single_experience{
margin-bottom: 150px;
}
#content.single_experience h1{
margin-bottom: 40px;
}
#content.single_experience h2.fond.articles_lies{
margin-top: 70px;
} #content.venir_au_quebec .titre_center p.sur_titre_center{
color: var(--main_black);
}
#content.venir_au_quebec .swiper-container{
margin-bottom: 130px;
} #content.venir_au_quebec.voyager #banner_bonnes_adresses{
margin-bottom: 0px;
}
#voyages_a_la_une{
background-color: #fff;
padding: 90px 0 50px 0;
margin-bottom: 80px;
}
#voyages_a_la_une .titre_center h2::before{
background-color: #f8f8f8;
} #content.single_minisite .inside_h1_logo{
margin-top: 300px;
}
#content.single_minisite h1{
margin-bottom: 40px;
font-size: 60px;
text-transform: uppercase;
}
#content.single_minisite p.copyrights{
margin-top: -32px;
margin-bottom: 20px;
}
#logo_minisite{
background: #fff;
margin-bottom: 15px;
padding: 5px;
max-width: 200px;
}
.intro_module_minisite p strong{
color: var(--main_color);
}
.intro_module_minisite p.meta .icon{
position: absolute;
left: 0;
top: 0;
width: 24px;
fill: #646464;
margin-top: -2px;
}
.intro_module_minisite p.meta{
position: relative;
padding-left: 30px;
}
#content.single_minisite .bloc{
margin-bottom: var(--gutter);
}
#content.single_minisite .bloc.sans{
margin-bottom: 0;
}
#content.single_minisite .bloc .module_blanc > p:last-child{
margin-bottom: 0;
}
#content.single_minisite .module_activite_big{
margin-bottom: var(--gutter);
}
.bandeau{
position: relative;
overflow: hidden;
margin-bottom: var(--gutter);
padding: 150px 0;
}
.bandeau > img,
.bandeau > picture{
position: absolute;
z-index: 1;
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
top: 0;
}
.bandeau > picture img{
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.bandeau .center{
position: relative;
z-index: 5;
}
.bandeau h2{
margin-bottom: 40px;
font-size: 60px;
text-transform: uppercase;
}
.bandeau p{
color: #fff;
}
.title_page_builder{
background-color: #fff;
text-transform: uppercase;
font-weight: 800;
font-size: 26px;
padding: 10px;
color: var(--main_color);
margin-bottom: 0;
margin-top: 65px;
display: inline-block;
}
#content.single_minisite .module_activite_big h3 + .intro{
margin-top: 20px;
}
#content.single_minisite .big_experience_post > a .top .texte_inside{
z-index: 5;
}
.swiper_arrows .swiper-button-next,
.swiper_arrows .swiper-container-rtl .swiper-button-prev{
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/arrow_slider.svg);
background-size: 60px 60px;
height: 60px;
width: 60px;
right: 10px;
}
.swiper_arrows .swiper-button-prev,
.swiper_arrows .swiper-container-rtl .swiper-button-next{
transform: rotate(180deg);
background-image: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/arrow_slider.svg);
background-size: 60px 60px;
height: 60px;
width: 60px;
left: 10px;
}
.bloc .lanceur{
background: #fff;
}
.bloc .lanceur .title_lanceur{
font-size: 20px;
padding: 20px;
text-transform: uppercase;
font-weight: 700;
}
.bloc .lanceur .text{
padding: 10px 20px 20px 20px;
}
.bloc .lanceur .text > *:last-child{
margin-bottom: 0;
}
.bloc .lanceur .btn{
width: 100%;
} #ministe_nav{
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 50;
}
#ministe_nav .item .inside{
display: inline-block;
background-color: var(--main_color);
color: #fff;
padding-left: 20px;
transform: translateX(calc(calc(-100% + 68px)));
transition: all 0.4s ease;
}
#ministe_nav .item .inside:hover{
transform: translateX(0px);
}
#ministe_nav .item a{
display: flex;
align-items: center;
justify-content: center;
}
#ministe_nav .item .icon_container{
width: 68px;
height: 68px;
display: flex;
align-items: center;
justify-content: center;
}
#ministe_nav .item a svg,
#ministe_nav .item a img{
max-width: 46px;
max-height: 46px;
fill: #fff;
min-width: 24px;
min-height: 24px;
}
#ministe_nav .item:nth-child(1){
margin-bottom: 4px;
}
#ministe_nav .item:nth-child(1) .inside{
background-color: var(--main_dark);
}
.bloc.center.text{
position: relative;
}
.bloc.center.text .image_de_gauche{
position: absolute;
bottom: 20px;
top: 20px;
left: 20px;
width: calc(calc(var(--main_column)/6) - 50px);
overflow: hidden;
}
.bloc.center.text .image_de_droite{
position: absolute;
bottom: 20px;
top: 20px;
right: 20px;
width: calc(calc(var(--main_column)/6) - 50px);
overflow: hidden;
}
.bloc.center.text .image_de_gauche img,
.bloc.center.text .image_de_droite img{
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
object-position: center center;
}
.bloc.center.text p:last-child{
margin-bottom: 0;
} .container.query article{
margin-bottom: var(--gutter);
} .woocommerce-account.logged-in #content .woocommerce{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
body .woocommerce form.login{
border: none;
padding: 0;
margin: 0;
}
.woocommerce-LostPassword a{
font-size: 14px;
}
body .woocommerce form .form-row{
padding: 0;
}
body .woocommerce form .form-row label{
font-size: 16px;
}
body.woocommerce-account .woocommerce form.login{
width: 47%;
}
body.woocommerce-account .woocommerce .form-row-first form.login{
width: 100%;
} .woocommerce-account nav.woocommerce-MyAccount-navigation{
width: calc(25% - calc(var(--gutter)*3/4) );
float: none;
position: -webkit-sticky;
position: sticky;
top: 150px;
align-self: flex-start;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li{
margin-bottom: 8px;
padding: 0;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li a{
padding: 15px;
background-color: var(--main_black);
color: #fff;
text-transform: uppercase;
font-weight: 600;
display: block;
font-size: 14px;
text-decoration: none;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li a:hover{
background-color: var(--main_color);
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li.is-active a{
background-color: var(--main_color);
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li::before{
display: none;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation li a:before{
display: inline-block;
vertical-align: middle;
margin-top: -5px;
margin-right: 5px;
width: 24px;
height: 24px;
}
li.woocommerce-MyAccount-navigation-link--dashboard a:before{
content: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/dashboard-fill.svg);
}
li.woocommerce-MyAccount-navigation-link--orders a:before{
content: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/shopping-bag-fill.svg);
}
li.woocommerce-MyAccount-navigation-link--edit-address a:before{
content: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/map-pin-2-fill.svg);
}
li.woocommerce-MyAccount-navigation-link--edit-account a:before{
content: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/account-circle-fill.svg);
}
li.woocommerce-MyAccount-navigation-link--customer-logout a:before{
content: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/shut-down-line.svg);
}
li.woocommerce-MyAccount-navigation-link--payment-methods a:before{
content: url(//www.quebeclemag.com/wp-content/themes/quebec_le_mag/images/secure-payment-fill.svg);
} body.woocommerce-account .woocommerce-MyAccount-content{
width: calc(75% - calc( calc(var(--gutter)/2 - calc(var(--gutter)/6)) ) );
padding: 15px;
background-color: var(--light_grey);
float: none;
}
body.woocommerce-account .woocommerce::after,
body.woocommerce-account .woocommerce::before{
display: none;
} header.woocommerce-Address-title.title{
margin-bottom: 15px;
}
.woocommerce-account .addresses header.woocommerce-Address-title.title a.edit{
float: none;
display: inline-block;
font-size: 13px;
text-transform: uppercase;
padding: 5px;
background-color: #fff;
vertical-align: middle;
margin-top: -3px;
float: none;
margin-left: 10px;
}
.woocommerce-account .addresses header.woocommerce-Address-title.title a.edit:hover{
background-color: var(--main_black);
color: #fff;
}
.woocommerce-Address address{
margin-bottom: 30px;
line-height: 1.4em;
}
.woocommerce-account .woocommerce-Address .col-1,
.woocommerce-account .woocommerce-Address .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2{
width: 50% !important;
} @media only screen and (max-width: 1340px) {
#ministe_nav{
top: 220px;
transform: none;
}
} @media only screen and (max-width: 1260px) { :root{
--main_column: calc(100vw - 20px);
}
.center{
width: 100%;
padding-right:10px;
padding-left:10px;
} #sous_header{
height: 100px;
display: flex;
align-items: center;
}
#header.middle #sous_header{
height: 62px;
}
#primary_nav > ul > li > ul{
padding: 50px calc(50% - calc(calc(var(--main_column)/2)) + 10px) 25px calc(50% - calc(calc(var(--main_column)/2)) + 10px);
} #introduction .texte_inside p{
padding-right: 10px;
}
.swiper_activite_big .swiper-slide .inside{
left: 0;
}
.big_blog_post > a,
.big_blog_post,
.big_adresse_post,
.big_adresse_post > a,
.big_experience_post,
.big_experience_post > a,
.swiper_blog_hp .swiper-slide,
.very_big_adresse_post,
.very_big_adresse_post > a,
.very_big_blog_post,
.very_big_blog_post > a{
height: calc(calc(100vw *0.333) + calc(var(--gutter)*2/3 ));
}
#list_categories_hp li{
margin-bottom: 15px;
} .small_blog_post,
.small_adresse_post,
.small_experience_post{
height: inherit;
}
.big_blog_post > a .top h3,
.small_blog_post h3,
.big_adresse_post > a .top h3,
.very_big_adresse_post > a .top h3
.small_adresse_post h3,
.big_experience_post > a .top h3,
.small_experience_post,
.very_big_blog_post > a .top h3{
font-size: 18px;
}
#content.le-blog h1,
#content.category.blog h1,
#content.journaliste h1,
#content.single_post_blog h1,
#content.single-page #banner_category_blog h1,
#content.single-page h1,
#content.single_magazine h1,
#content.single_magazine #banner_category_blog h1,
#content.single_magazine .empty h1,
#content.mag_anciens_numeros h1,
#content.le_magazine h1,
#content.abonnement h1,
#content.single_post_adresse h1,
#banner_bonnes_adresses h1,
#content.single_fiche_region h1,
#content.single_vaq h1,
#content.contact h1,
.accueil #banner .center h1
.accueil #banner .center h1,
#content.category.experiences h1,
#content.single_experience h1,
#content.single_minisite h1{
font-size: 45px;
}
aside.tiers .social li {
margin: 0 2px;
} #content.bonnes_adresses .adresses_coeur.center {
padding: 45px 10px;
}
#content.map_adresses .small_adresse_post{
float: none;
margin-right: 0px;
width: 100%;
}
#content.map_adresses #aside{
width: 390px;
}
#content.map_adresses .facetwp-facet-map{
width: calc(100% - 390px);
}
#content.map_adresses #aside #filtres{
margin: 30px 0 15px 0;
}
#content.map_adresses #aside #filtres .facetwp-facet{
margin: 0 0 5px 0;
} #content.regions #map_provinces #inside_map .titre{
font-size: 30px;
margin-bottom: 15px;
}
#content.regions #map_provinces #inside_map .sur_titre{
font-size: 14px;
}
#content.regions #map_provinces #inside_map #breadcrumbs{
margin-bottom: 15px;
}
#content.regions #list_provinces{
margin-bottom: 20px;
}
#content.regions p{
font-size: 13px;
padding-left: calc(calc(calc(var(--main_column)*0.0833) - calc(var(--gutter)*11/12 )) + 30px);
} .big_blog_post > a,
.big_blog_post,
.very_big_blog_post > a,
.very_big_blog_post,
.big_adresse_post,
.big_adresse_post > a,
.big_experience_post,
.big_experience_post > a,
.swiper_blog_hp .swiper-slide{
width: calc(calc(calc(var(--main_column) - 15px) *0.333) - calc(var(--gutter)*2/3 ));
}
.small_blog_post {
width: calc(calc(var(--main_column)*0.333) - calc(var(--gutter)*1.7/2 ));
}
} @media only screen and (max-width: 1024px) { .sixieme{ width: calc(25% - calc(var(--gutter)*3/4) ); }
.sixieme:nth-child(6n){
margin-right: var(--gutter);
}
.sixieme:nth-child(6n+1){
clear: none;
}
.sixieme:nth-child(4n){
margin-right: 0;
}
.sixieme:nth-child(4n+1){
clear: both;
} #primary_nav > ul > li{
font-size: 15px;
margin-right: 10px;
} #map_provinces,
#map_provinces #map{
height: 515px;
}
#map_provinces #inside_map{
padding-left: 0px;
}
#map_provinces #inside_map .titre{
margin-bottom: 15px;
font-size: 28px;
}
.home #list_provinces{
margin-bottom: 0;
}
#le_mag .demi{
padding-right: 0px;
} article.aside_blog_post h4{
font-size: 16px;
}
article.aside_small_blog_post img.attachment-aside_small_blog_post{
display: none;
}
article.aside_small_blog_post .texte{
width: 100%;
}
#author img.avatar{
width: 100px;
height: 100px;
}
#author .about_author{
width: calc(100% - 120px);
}
.swiper_activite_big .swiper-slide .inside h3{
font-size: 40px;
} #content.le_magazine .contenu img.attachment-magazine_avant{
max-width: calc(33.333% - calc(var(--gutter)*2/3 ));
}
a.btn{
font-size: 14px;
padding: 15px 10px;
}
a.btn#telechargement,
a.btn#shoplocator{
float: none;
width: 100%;
margin-bottom: 10px;
}
a.btn#shoplocator{
margin-left: 0px;
}
#sommaire h2.big{
font-size: 36px;
}
article.type-magazine img.attachment-magazine_small{
margin: 0 auto 10px auto;
} .preview_adresse{
height: 250px;
} #search_big form p{
display: none;
}
.bloc.center.text .image_de_gauche,
.bloc.center.text .image_de_droite{
display: none;
}
#content.single_minisite .bloc.module_blanc.padding_left_double{
padding-left: var(--gutter);
}
#content.single_minisite .bloc.module_blanc.padding_right_double{
padding-right: var(--gutter);
}
} @media only screen and (min-width: 768px) and (max-width: 959px) { .quart{ width: calc(50% - calc(var(--gutter)/2) ); }
.quart:nth-child(2n){ 
margin-right: 0px;
}
aside.quart{
width: calc(25% - calc(var(--gutter)*3/4) );
} #sur_header ul.social li{
margin-left: 5px;
}
#primary_nav > ul > li{
font-size: 14px;
} footer#footer .quart:nth-child(3),
footer#footer .quart:nth-child(4){
padding-top: 70px;
} #introduction .texte_inside h2{
margin-bottom: 15px;
font-size: 38px;
}
#introduction .texte_inside p{
font-size: 16px;
padding-left: 0px;
}
#le_mag .attachment-magazine_medium{
margin-left: 0;
}
#le_mag .demi{
width: calc(100% - 340px);
margin-right: 0px;
}
.swiper_activite_big .swiper-slide .inside{
width: calc(75% - calc(var(--gutter)*1/2) );
} #adduser .quart,
#adduser .trois-quart{
width: 100%;
margin-right: 0px;
}
#nav_profil li {
margin-bottom: 3px;
display: block;
width: 50%;
float: left;
} .contact_adresse .btn,
#content.single_post_adresse .list .saisons,
#content.single_post_adresse .list .horaires{
width: 100%;
float: none;
margin: 0 0 10px 0;
} #content.category.experiences #banner_experiences{
height: inherit;
padding-bottom: 30px;
} #content.regions p{
display: none;
}
} @media only screen and (max-width: 767px) {
.demi,
.tiers,
.quart,
.trois-quart,
.deux-tiers,
.sixieme,
.container .demi,
.container .tiers,
.container .quart,
.container .trois-quart,
.container .deux-tiers,
.container .sixieme{
float: none;
width: 100%;
margin-right: 0px;
}
#grille.show,
#grille{
display: none;
}
#content{
padding-top: 0px;
} #header.middle #sous_header #logo{
display: none;
}
#header.middle #sous_header{
padding: 10px 0 10px 0;
} .show_menu_mobile{
align-items: center;
position: fixed;
left: 20px;
bottom: 80px;
height: 75px;
width: 75px;
border-radius: 50%;
background: #397a94;
z-index: 999;
border: 2px solid #fff;
display: flex;
transition: all 0.4s ease;
}
.show_menu_mobile .icon{
margin: auto;
display: block;
fill: #fff;
width: 35px;
transition: all 0.4s ease;
}
.show_menu_mobile .icon .lines{
height: 4px;
background: #fff;
width: 100%;
position: relative;
display: block;
transition: all 0.4s ease;
}
.show_menu_mobile .icon .lines:after,
.show_menu_mobile .icon .lines:before{
position: absolute;
height: 4px;
background: #fff;
width: 100%;
content: "";
display: block;
transform-origin: center center;
transition: all 0.4s ease;
}
.show_menu_mobile .icon .lines:after{
bottom: 0;
margin-bottom: -10px;
}
.show_menu_mobile .icon .lines:before{
top: 0;
margin-top: -10px;
}
.show_menu_mobile .icon.close .lines{
background: #397a94;
}
.show_menu_mobile .icon.close .lines:after{
transform: rotate(-45deg);
margin-bottom: 0px;
margin-top: 30px;
}
.show_menu_mobile .icon.close .lines:before{
transform: rotate(45deg);
margin-top: 0px;
margin-bottom: 30px;
}
header#header{
display: block;
width: calc(100% - 85px);
float: none;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #fff;
padding: 0;
font-size: 16px;
margin-left: -100%;
box-shadow: 10px 0px 15px 0 rgba(0, 0, 0, 0.5);
z-index: 100;
transition: all 0.4s ease;
}
header#header.show{
margin-left: -0;
}
#fond_header{
position: fixed;
height: 100%;
width: 100%;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
visibility: hidden;
opacity: 0;
z-index: 88;
transition: all 0.4s ease;
}
#fond_header.show {
visibility: visible;
opacity: 1;
}
#primary_nav > ul > li.current-menu-item > a::after,
#primary_nav > ul > li.current-post-ancestor > a::after,
#primary_nav > ul > li.current-adresse-ancestor > a::after,
#primary_nav > ul > li.current-menu-parent > a::after,
#primary_nav > ul > li.current-category-ancestor a::after,
#primary_nav > ul > li.current-categories_adresses-ancestor > a::after,
#primary_nav > ul > li.current-menu-ancestor > a::after, #primary_nav > ul > li.current-page-ancestor > a::after{
display: none;
}
#sous_header #logo,
#sur_header a.item,
#sur_header a.item::before,
#sur_header ul.social::before,
#sur_header a#mon_compte::before,
#sur_header ul.social,
header#header span.time,
#recherche{
display: none;
}
#sur_header a#mon_compte{
display: block;
padding: 25px;
text-align: left;
text-transform: uppercase;
font-weight: 800;
}
#sur_header a#mon_compte img{
width: 30px;
height: 30px;
}
header#header .center{
padding: 0;
display: block;
}
#primary_nav{
width: 100%;
}
#primary_nav ul li{
display: block;
border-bottom: 1px solid #eee;
width: 100%;
}
#primary_nav ul li a{
display: block;
padding: 10px 25px;
font-weight: 500;
} #primary_nav > ul > li.has-child > a:after,
#primary_nav > ul > li.mega-menu.has-child > a:after{
display: none;
}
#primary_nav > ul > li > ul,
#primary_nav > ul > li > ul > li > ul,
#primary_nav > ul > li.mega-menu > ul,
#primary_nav > ul > li.mega-menu > ul > li > ul,
#primary_nav > ul > li.mega-menu ul.sub-menu,
#primary_nav > ul > li.mega-menu > ul ul.sub-menu,
#primary_nav > ul > li > ul ul.sub-menu{
display: block;
position: fixed;
padding: 0;
background: #ffffff;
color: #222222;
width: calc(100% - 85px);
top: 87px;
left: 0;
border-top: none;
z-index: 15;
margin-left: -100%;
height: calc(100vh - 87px);
transition: all 0.4s ease;
transform: none;
}
#primary_nav > ul > li > ul.show,
#primary_nav > ul > li > ul > li > ul.show,
#primary_nav > ul > li.mega-menu > ul.show,
#primary_nav > ul > li.mega-menu > ul > li > ul.show{
margin-left: -0;
}
#primary_nav > ul > li > ul > li,
#primary_nav > ul > li.mega-menu > ul > li{
float: none;
width: 100%;
margin: 0;
}
#primary_nav > ul > li > ul > li > ul > li,
#primary_nav > ul > li > ul > li > ul > li:first-child,
#primary_nav > ul > li.mega-menu > ul > li > ul > li,
#primary_nav > ul > li.mega-menu > ul > li > ul > li:first-child{
margin-top: 0;
}
#primary_nav > ul > li.current-menu-item > a::after,
#primary_nav > ul > li.current-post-ancestor > a::after,
#primary_nav > ul > li.current-adresse-ancestor > a::after,
#primary_nav > ul > li.current-menu-parent > a::after,
#primary_nav > ul > li.current-category-ancestor a::after,
#primary_nav > ul > li.current-categories_adresses-ancestor > a::after,
#primary_nav > ul > li.current-menu-ancestor > a::after,
#primary_nav > ul > li.mega-menu.current-menu-item > a::after,
#primary_nav > ul > li.mega-menu.current-post-ancestor > a::after,
#primary_nav > ul > li.mega-menu.current-adresse-ancestor > a::after,
#primary_nav > ul > li.mega-menu.current-menu-parent > a::after,
#primary_nav > ul > li.mega-menu.current-category-ancestor a::after,
#primary_nav > ul > li.mega-menu.current-categories_adresses-ancestor > a::after,
#primary_nav > ul > li.mega-menu.current-menu-ancestor > a::after {
left: 0;
}
#primary_nav li.close_ul{
display: block;
padding: 10px 25px;
background: #eee;
font-weight: 800;
text-transform: uppercase;
font-style: 16px;
cursor: pointer;
}
#primary_nav > ul{
display: block;
} .mobile_item_nav{
display: block;
border-bottom: 1px solid #eee;
width: 100%;
padding: 10px 25px;
font-weight: 500;
} #header_mobile{
display: block;
position: relative;
background: #fff;
width: 100%;
}
#header_mobile.top{
position: fixed;
top: 0;
z-index: 30;
}
#header_mobile #logo_mobile{
display: block;
width: calc(60% - 20px);
margin: 10px;
float: left;
}
#header_mobile #recherche_mobile{
display: flex;
align-items: center;
width: 40%;
background: #397a94;
padding: 15px;
text-align: left;
text-transform: uppercase;
font-weight: 800;
position: absolute;
right: 0;
height: 100%;
color: #fff;
}
#header_mobile #recherche_mobile svg{
fill: #fff;
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
}
#search_big{
padding: 100px 20px 20px 20px;
transition: all 0.4s ease;
}
#close_search{
right: 30px;
top: 30px;
width: 40px;
height: 40px;
margin: 0;
transition: all 0.4s ease;
}
#search_big input#s{
width: 85%;
}
.searchwp-live-search-result.custom_big_search > a > img{
width: 50px;
height: 50px;
}
.searchwp-live-search-result.custom_big_search .texte_inside{
width: calc(100% - 60px);
} #le_mag .attachment-magazine_medium{
position: relative;
margin-bottom: 90px;
margin-top: -60px;
margin-left: auto;
margin-right: auto;
}
#le_mag .demi{
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#le_mag h2 {
font-size: 30px;
margin-top: 30px;
margin-bottom: 10px;
}
#le_mag p{
margin-bottom: 20px;
}
#le_mag{
min-height: auto;
padding-bottom: 30px;
}
#footer .quart{
margin-bottom: 50px;
}
#foote .quart:nth-child(4n){
margin-bottom: 0px;
}
small#mentions {
padding: 20px 0 90px 0;
} #content.le-blog h1,
#content.category.blog h1,
#content.journaliste h1,
#content.single_post_blog h1,
#content.single-page #banner_category_blog h1,
#content.single-page h1,
#content.single_magazine h1,
#content.single_magazine #banner_category_blog h1,
#content.single_magazine .empty h1, #content.mag_anciens_numeros h1,
#content.le_magazine h1, #content.abonnement h1,
#content.single_post_adresse h1,
#banner_bonnes_adresses h1,
#content.single_fiche_region h1,
#content.single_vaq h1,
#content.contact h1,
.accueil #banner .center h1 .accueil #banner .center h1,
#content.category.experiences h1,
#content.single_experience h1,
#content.single_minisite h1{
font-size: 35px;
}
.title_effect span.texte{
background: #fff;
opacity: 0.65;
} #content.contact .module_blanc .demi.text{
padding-top: 0;
} input[type="submit"]{
padding: 15px;
}
.wpcf7-form-control-wrap.nom,
.wpcf7-form-control-wrap.prenom,
.wpcf7-form-control-wrap.email,
.wpcf7-form-control-wrap.telephone{
margin-right: 0px;
float: none;
width: 100%;
} #content.contact a.contact{
margin-right: 0px;
margin-bottom: 15px;
} #content.single_magazine h1{
padding-left: 10px;
}
#content.single_magazine #couverture,
#content.single_magazine #contenu{
float: none;
width: 100%;
}
#content.single_magazine #couverture img.attachment-magazine_big{
margin-top: -20px;
}
#sommaire{
display: block;
padding: 10px;
margin-bottom: 30px;
}
#sommaire .sommaire{
width: 100%;
padding: 0px;
}
#sommaire .preview{
width: 100%;
}
#content.single_magazine .contenu{
margin-bottom: 20px;
} #ancien_mis_en_avant{
display: block;
}
#ancien_mis_en_avant img.attachment-magazine_avant,
#ancien_mis_en_avant .inside{
width: 100%;
}
#ancien_mis_en_avant .inside h2{
font-size: 35px;
}
#ancien_mis_en_avant .inside > p{
font-size: 20px;
margin-top: 15px;
} #content.le_magazine .contenu img.attachment-magazine_avant{
display: none;
} .accueil #banner .center h1{
font-size: 35px;
}
#introduction .demi.images{
display: none;
}
#introduction .texte_inside{
display: block;
position: relative;
}
#introduction .texte_inside p{
padding-left: 0px;
}
#introduction .bck_intro{
display: none;
}
#introduction .texte_inside h2{
font-size: 35px;
margin: 35px 0 15px 0;
}
.swiper_activite_big .swiper-slide .inside h3{
font-size: 25px;
}
.swiper_activite_big .swiper-slide .inside div.intro{
margin-left: 0px;
}
.swiper_activite_big .swiper-slide .inside{
left: 0px;
width: calc(100% - 30px);
margin-left: 15px;
}
.swiper_activite_big .swiper-slide .inside p.categorie{
margin-left: 0px;
}
.swiper-button-next,
.swiper-button-prev{
bottom: 35px;
top: inherit;
}
.swiper_activite_big .swiper-button-prev, 
.swiper_activite_big .swiper-container-rtl .swiper-button-next{
left: 0px;
}
.titre_center h1, .titre_center h2{
font-size: 24px;
}
.titre_center h1::before,
.titre_center h2::before{
height: 22px;
margin-top: 8px;
}
.swiper_blog_hp .swiper-slide,
.big_blog_post,
.big_blog_post > a .top,
.very_big_blog_post > a .top,
.very_big_blog_post{
width: 100%;
}
.big_blog_post > a, .big_blog_post,
.very_big_blog_post > a, .very_big_blog_post,
.big_adresse_post, .big_adresse_post > a,
.very_big_adresse_post, .very_big_adresse_post > a,
.big_experience_post, .big_experience_post > a,
.swiper_blog_hp .swiper-slide{
height: 100vw;
}
#map_provinces #map{
display: none;
}
#map_provinces #inside_map{
padding: 15px;
display: block;
position: relative;
width: 100%;
margin: 0;
left: 0;
}
#map_provinces, #map_provinces #map{
height: auto;
} .list_tiers article,
.list_demi article{
float: none;
margin-right: 0;
margin-bottom: 30px;
}
.module_mis_en_avant .list,
.module_mis_en_avant .list_demi,
.module_mis_en_avant > article,
.module_mis_en_avant .un_gros_quatre_petits > article{
float: none;
}
.module_mis_en_avant > article,
.module_mis_en_avant .un_gros_quatre_petits > article,
.module_mis_en_avant .list_demi{
margin-right: 0px;
} .small_blog_post,
.small_adresse_post,
.small_experience_post{
width: 100%;
} .big_blog_post > a,
.big_blog_post,
.very_big_blog_post > a,
.very_big_blog_post,
.big_adresse_post,
.big_adresse_post > a,
.very_big_adresse_post,
.very_big_adresse_post > a,
.big_experience_post,
.big_experience_post > a,
.swiper_blog_hp .swiper-slide{
width: 100%;
}
.big_blog_post > a .top img.attachment-big_blog_post,
.small_blog_post a img.attachment-small_blog_post,
.big_adresse_post > a .top img.attachment-big_blog_post,
.small_adresse_post a img.attachment-small_blog_post,
.big_experience_post > a .top img.attachment-big_blog_post,
.small_experience_post a img.attachment-small_blog_post{
width: 100%;
}
article.aside_blog_post img.attachment-aside_blog_post{
margin-left: 0;
width: 100%;
}
article.aside_blog_post p.date{
margin-left: 10px;
} .taxonomy-description{
width: 100%;
font-size: 16px;
} #content.journaliste h1 {
position: relative;
bottom: inherit;
left: inherit;
margin-top: 50px;
}
#content.journaliste h1 img.avatar {
position: relative;
bottom: inherit;
left: inherit;
margin-left: 0;
width: 30px;
} #author img.avatar{
width: 50px;
height: 50px;
}
#author .about_author{
width: calc(100% - 70px);
}
#content.single_post_blog aside{
padding-top: 0px;
}
article.aside_small_blog_post img.attachment-aside_small_blog_post{
display: block;
}
article.aside_small_blog_post .texte {
width: calc(100% - 70px);
}
#comments li.comment img.avatar{
width: 30px;
margin-right: 0px;
}
#comments li.comment .commentaire{
padding-top: 7px;
}
#comments li.comment.bypostauthor .commentaire .author_comment{
display: block;
}
#comments li.comment.bypostauthor .commentaire .author_comment a{
text-decoration: none;
}
form#commentform, p.nocomments{
padding: 0 10px;
}
#comments h2, h3#reply-title{
padding: 10px;
width: 100%;
}
.text p.chapeau{
font-size: 18px;
} .galerie_native_wp .grid-sizer,
.galerie_native_wp .grid-item,
#galerie_adresse .grid-item,
#galerie_adresse .grid-sizer,
.minisite_grid .grid-sizer{
width: 100%;
}
.galerie_native_wp .grid-item img,
.galerie_native_wp .grid-item a,
#galerie_adresse .grid-item img,
#galerie_adresse .grid-item a{
width: 100%;
} #adresses_grid .grid-sizer,
#adresses_grid .grid-item,
#blog_grid .grid-item,
#blog_grid .grid-sizer,
.big_adresse_post > a .top,
.big_experience_post > a .top,
.very_big_adresse_post > a .top,
.big_blog_post > a .top,
.very_big_blog_post > a .top{
width: 100%;
} #content.single_vaq aside.quart{
margin-top: 10px;
} #content.agences h2.fond.articles_lies{
margin-top: 50px;
}
h2.fond{
font-size: 20px;
}
#content.single_vaq{
margin-bottom: 50px;
} #content.single_post_adresse .article_adresse .text,
#content.single_post_adresse .article_adresse .id_adresse{
float: none;
width: 100%;
}
.contact_adresse .btn,
#content.single_post_adresse .list .saisons,
#content.single_post_adresse .list .horaires{
float: none;
width: 100%;
margin-right: 0px;
}
.social_adresse p{
display: block;
}
.contact_adresse .btn:nth-child(1){
margin-bottom: 10px;
} #content.map_adresses #breadcrumbs{
display: none;
} #bottom_text .text{
padding-top: 0;
padding-bottom: 0;
}
#bottom_text .container{
padding-bottom: 0;
}
.image_cover img{
object-fit: inherit;
object-position: center center;
width: 100%;
height: inherit;
}
#bottom_text .container:nth-child(2n){
flex-direction: row;
}
#bottom_text img{
margin-bottom: var(--gutter);
} #content.bonnes_adresses .dernieres_adresses{
margin-bottom: 50px;
}
.recherche_filtre .facetwp-facet.facetwp-facet-region,
.recherche_filtre .facetwp-facet.facetwp-facet-activits{
margin-right: 0px;
width: 100%;
}
.recherche_filtre .facetwp-facet.facetwp-facet-recherche{
width: 100%;
margin-right: 0px;
}
.recherche_filtre .facetwp-facet.facetwp-facet-recherche input,
.recherche_filtre .facetwp-facet .fs-wrap{
width: 100%;
}
.recherche_filtre .facetwp-facet{
margin-bottom: 10px;
}
.recherche_filtre button.fwp-submit{
width: inherit;
padding-right: 30px;
padding-left: 30px;
}
#content.bonnes_adresses .introduction{
width: calc(100% - 20px);
}
#content.bonnes_adresses .adresses_coeur a.btn.bleu{
margin-bottom: 30px;
}
#banner_bonnes_adresses{
margin-bottom: 50px;
}
.adresses_coeur .module_mis_en_avant{
margin-bottom: 0;
}
#content.category.experiences #banner_experiences{
height: inherit;
padding-bottom: 10px;
}
.swiper_activite_big .swiper-slide .attachment-full{
display: block;
position: absolute;
z-index: 1;
width: auto;
height: 100%;
max-width: inherit;
top: 50%;
transform: translateY(-50%) !important;
} .recherche_filtre .facetwp-facet.facetwp-facet-blog_catgorie,
.recherche_filtre .facetwp-facet.facetwp-facet-blog_recherche,
.recherche_filtre .facetwp-facet.facetwp-facet-blog_catgorie .fs-wrap,
#content.le-blog .recherche_filtre .facetwp-type-fselect .fs-dropdown,
.recherche_filtre .facetwp-facet.facetwp-facet-blog_recherche input{
width: 100%;
}
#ministe_nav{
top: inherit;
bottom: 0;
width: 100%;
left: 0;
background-color: var(--main_color);
height: 60px;
}
#ministe_nav .item:nth-child(1){
margin-bottom: 0;
}
#ministe_nav ul{
text-align: center;
}
#ministe_nav ul li{
display: inline-block;
}
#ministe_nav .item .inside {
display: block;
padding-left: 0px;
transform: none;
}
#ministe_nav .item .inside span{
display: none;
}
#ministe_nav .item .icon_container{
width: 60px;
height: 60px;
}
body.woocommerce-account .woocommerce form.login{
width: 100%;
}
} .youtube { 
overflow:hidden; 
position:relative; 
aspect-ratio: 16/9;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
} @media only screen and (min-width: 480px) and (max-width: 767px) {} @media only screen and (max-width: 479px) {}