@charset "UTF-8"; /** * Swiper 4.0.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2017 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 13, 2017 */ .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-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-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-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-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} .menu ul, .menu li { list-style-type: none; margin: 0; padding: 0; } .menu--horizontal.menu--flex .menu-list, .menu--horizontal.menu--table .menu-list, .menu--horizontal.menu--inline .menu-list { position: absolute; } .menu--horizontal.menu--flex .menu-list--niv2, .menu--horizontal.menu--table .menu-list--niv2, .menu--horizontal.menu--inline .menu-list--niv2 { left: 0; top: -1000rem; } .menu--horizontal.menu--flex .menu-list--niv2.menu-list--reverse, .menu--horizontal.menu--table .menu-list--niv2.menu-list--reverse, .menu--horizontal.menu--inline .menu-list--niv2.menu-list--reverse { left: initial; right: 0; } .menu--horizontal.menu--flex .menu-list--niv2 .menu-list, .menu--horizontal.menu--table .menu-list--niv2 .menu-list, .menu--horizontal.menu--inline .menu-list--niv2 .menu-list { top: 0; left: -1000rem; } .menu--horizontal.menu--flex .menu-list--niv2 .menu-list.menu-list--reverse, .menu--horizontal.menu--table .menu-list--niv2 .menu-list.menu-list--reverse, .menu--horizontal.menu--inline .menu-list--niv2 .menu-list.menu-list--reverse { left: initial; right: 1000rem; } .menu--horizontal.menu--flex .menu-item, .menu--horizontal.menu--table .menu-item, .menu--horizontal.menu--inline .menu-item { position: relative; } .menu--horizontal.menu--flex .menu-item--niv1.menu-item--reverse .menu-list--niv2, .menu--horizontal.menu--table .menu-item--niv1.menu-item--reverse .menu-list--niv2, .menu--horizontal.menu--inline .menu-item--niv1.menu-item--reverse .menu-list--niv2 { left: initial; right: 0; } .menu--horizontal.menu--flex .menu-item--niv1.menu-item--reverse .menu-list--niv2 .menu-list, .menu--horizontal.menu--table .menu-item--niv1.menu-item--reverse .menu-list--niv2 .menu-list, .menu--horizontal.menu--inline .menu-item--niv1.menu-item--reverse .menu-list--niv2 .menu-list { left: initial; right: 1000rem; } .menu--horizontal.menu--flex .menu-item--niv1:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1:hover > .menu-list { top: 100%; } .menu--horizontal.menu--flex .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list { left: 100%; } .menu--horizontal.menu--flex .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list { right: 100%; } .menu--horizontal.menu--flex .menu-link, .menu--horizontal.menu--table .menu-link, .menu--horizontal.menu--inline .menu-link { position: relative; display: block; } .menu--horizontal.menu--flex .menu-link--home svg, .menu--horizontal.menu--table .menu-link--home svg, .menu--horizontal.menu--inline .menu-link--home svg { fill: currentColor; width: 1.4em; height: 1.4em; } .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: center; } .menu--horizontal.menu--flex .menu-link--niv1--toggleSubMenu, .menu--horizontal.menu--table .menu-link--niv1--toggleSubMenu, .menu--horizontal.menu--inline .menu-link--niv1--toggleSubMenu { display: block; } .menu--horizontal.menu--table .menu-list--niv1 { display: table; position: relative; width: 100%; } .menu--horizontal.menu--table .menu-item--niv1 { height: 100%; display: table-cell; } .menu--horizontal.menu--flex .menu-list--niv1 { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .menu--horizontal.menu--flex .menu-item--niv1 { height: 100%; display: block; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .menu--horizontal.menu--inline .menu-item--niv1 { display: inline-block; vertical-align: top; } :root { /* Titre */ --bloc-sn-title-color: var(--blocs-title-color); --bloc-sn-title-color-hover: var(--blocs-title-color-hover); --bloc-sn-title-color-with-background: var(--blocs-title-color-with-background); --bloc-sn-title-color-with-background-hover: var(--blocs-title-color-with-background-hover); /* Texte */ --bloc-sn-text-color: var(--blocs-text-color); --bloc-sn-text-color-hover: var(--blocs-text-color-hover); --bloc-sn-text-color-with-background: var(--blocs-text-color-with-background); --bloc-sn-text-color-with-background-hover: var(--blocs-text-color-with-background-hover); /* Background */ --bloc-sn-background-color: var(--blocs-background-color); --bloc-sn-background-color-hover: var(--blocs-background-color-hover); --bloc-sn-background-overlay-color: var(--blocs-background-overlay-color); --bloc-sn-background-overlay-color-hover: var(--blocs-background-overlay-color-hover); /* Date */ --bloc-sn-date-color: var(--blocs-date-color); --bloc-sn-date-color-hover: var(--blocs-date-color-hover); --bloc-sn-date-color-with-background: var(--blocs-date-color-with-background); --bloc-sn-date-color-with-background-hover: var(--blocs-date-color-with-background-hover); /* Liens */ --bloc-sn-link: var(--blocs-link); --bloc-sn-link-hover: var(--blocs-link-hover); --bloc-sn-link-with-background: var(--blocs-link-with-background); --bloc-sn-link-with-background-hover: var(--blocs-link-with-background-hover); /* Autres */ --bloc-sn-decoration-color: var(--blocs-decoration-color); --bloc-sn-decoration-color-hover: var(--blocs-decoration-color-hover); /* Icones */ --bloc-sn-icon-color: var(--blocs-icon-color); --bloc-sn-icon-color-hover: var(--blocs-icon-color-hover); --bloc-sn-icon-color-with-background: var(--blocs-icon-color-with-background); --bloc-sn-icon-color-with-background-hover: var(--blocs-icon-color-with-background-hover); /* Pagination */ --bloc-sn-pagination-color: var(--bloc-pagination-color); --bloc-sn-pagination-color-hover: var(--bloc-pagination-color-hover); --bloc-sn-pagination-color-with-background: var(--bloc-pagination-color-with-background); --bloc-sn-pagination-color-with-background-hover: var(--bloc-pagination-color-with-background-hover); --bloc-sn-pagination-background: var(--bloc-pagination-background); --bloc-sn-pagination-background-hover: var(--bloc-pagination-background-hover); --bloc-sn-pagination-border: var(--bloc-pagination-border); --bloc-sn-pagination-border-hover: var(--bloc-pagination-border-hover); } html.darkMode, .cms_bloc.darkMode, .cms_bloc .darkMode { /* Titre */ --bloc-sn-title-color: var(--blocs-title-color); --bloc-sn-title-color-hover: var(--blocs-title-color-hover); --bloc-sn-title-color-with-background: var(--blocs-title-color-with-background); --bloc-sn-title-color-with-background-hover: var(--blocs-title-color-with-background-hover); /* Texte */ --bloc-sn-text-color: var(--blocs-text-color); --bloc-sn-text-color-hover: var(--blocs-text-color-hover); --bloc-sn-text-color-with-background: var(--blocs-text-color-with-background); --bloc-sn-text-color-with-background-hover: var(--blocs-text-color-with-background-hover); /* Background */ --bloc-sn-background-color: var(--blocs-background-color); --bloc-sn-background-color-hover: var(--blocs-background-color-hover); --bloc-sn-background-overlay-color: var(--blocs-background-overlay-color); --bloc-sn-background-overlay-color-hover: var(--blocs-background-overlay-color-hover); /* Date */ --bloc-sn-date-color: var(--blocs-date-color); --bloc-sn-date-color-hover: var(--blocs-date-color-hover); --bloc-sn-date-color-with-background: var(--blocs-date-color-with-background); --bloc-sn-date-color-with-background-hover: var(--blocs-date-color-with-background-hover); /* Liens */ --bloc-sn-link: var(--blocs-link); --bloc-sn-link-hover: var(--blocs-link-hover); --bloc-sn-link-with-background: var(--blocs-link-with-background); --bloc-sn-link-with-background-hover: var(--blocs-link-with-background-hover); /* Autres */ --bloc-sn-decoration-color: var(--blocs-decoration-color); --bloc-sn-decoration-color-hover: var(--blocs-decoration-color-hover); /* Icones */ --bloc-sn-icon-color: var(--blocs-icon-color); --bloc-sn-icon-color-hover: var(--blocs-icon-color-hover); --bloc-sn-icon-color-with-background: var(--blocs-icon-color-with-background); --bloc-sn-icon-color-with-background-hover: var(--blocs-icon-color-with-background-hover); /* Pagination */ --bloc-sn-pagination-color: var(--bloc-pagination-color); --bloc-sn-pagination-color-hover: var(--bloc-pagination-color-hover); --bloc-sn-pagination-color-with-background: var(--bloc-pagination-color-with-background); --bloc-sn-pagination-color-with-background-hover: var(--bloc-pagination-color-with-background-hover); --bloc-sn-pagination-background: var(--bloc-pagination-background); --bloc-sn-pagination-background-hover: var(--bloc-pagination-background-hover); --bloc-sn-pagination-border: var(--bloc-pagination-border); --bloc-sn-pagination-border-hover: var(--bloc-pagination-border-hover); } .reviews .reviews-scoreBar { background: whitesmoke; margin: 2.5rem 0; } @media screen and (max-width: 800px) { .reviews .reviews-scoreBar .reviews-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .reviews .reviews-scoreBarCol { width: 33.33%; } @media screen and (max-width: 800px) { .reviews .reviews-scoreBarCol { margin: 0.75rem 0; width: 80%; } } .reviews .reviews-scoreBarCol:nth-child(2) { position: relative; } .reviews .reviews-scoreBarCol:nth-child(2):before { content: ""; position: absolute; width: 0.1rem; height: 100%; background: #6f6f6f; top: 0; left: 0; } .reviews .reviews-scoreBarCol:nth-child(2):after { content: ""; position: absolute; width: 0.1rem; height: 100%; background: #6f6f6f; top: 0; right: 0; } @media screen and (max-width: 800px) { .reviews .reviews-scoreBarCol:nth-child(2):before, .reviews .reviews-scoreBarCol:nth-child(2):after { content: none; } } .reviews .reviews-scoreBarCol .reviews-star--on { color: #6f6f6f; } .reviews .reviews-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 1.5rem; margin-bottom: 3rem; margin: 0 auto; } .reviews .reviews-averageScoreBarTitle { font-size: 3.25rem; } .reviews .reviews-averageScoreBarTitle span[itemprop="ratingValue"] { font-weight: bold; } .reviews .reviews-averageScoreBarLink { text-decoration: none !important; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: 0.5s; } .reviews .reviews-averageScoreBarLink p { font-size: 3.25rem; color: #6f6f6f; } .reviews .reviews-averageScoreBarLink p:first-child { font-weight: bold; } .reviews .reviews-averageScoreBarLink:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .reviews .reviews-averageScoreBarCount { font-size: 0.8em; } .reviews .reviews-average { font-size: 1.2em; } .reviews .reviews-averageTitle { font-size: 1.2em; } .reviews .reviews-averageTitle span[itemprop="ratingValue"] { font-weight: bold; } .reviews .reviews-averageCount { font-size: 0.8em; } .reviews .reviews-giveItsopinion { border: 0.1rem solid #6f6f6f; padding: 2rem 3rem; text-transform: uppercase; text-decoration: none !important; color: #6f6f6f !important; border-radius: 0.5rem; font-size: 1.5rem; font-weight: bold; transition: 0.5s; } .reviews .reviews-giveItsopinion:hover { background: #6f6f6f; color: white !important; } @media screen and (max-width: 800px) { .reviews .reviews-giveItsopinion { display: block; } } .reviews .reviews-list { padding: 0; list-style-type: none; } .reviews .reviews-item { padding: 1rem 0; margin: 0; font-size: 1em; } .reviews .reviews-item:nth-child(n + 2) { border-top: 1px solid rgba(0, 0, 0, 0.15); } .pageHome .reviews .reviews-item:nth-child(n + 2) { border-top: none; } .reviews .reviews-elementTitle { font-size: 1.4em; } .reviews .reviews-elementDate, .reviews .reviews-elementName { font-size: 0.9em; } .reviews .reviews-elementTitle, .reviews .reviews-elementName, .reviews .reviews-elementDate, .reviews .reviews-elementNote, .reviews .reviews-elementComment { margin: 0.4em 0; } .reviews .reviews-answer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-left: 5px solid lightgray; margin: 0.4em 0; padding-left: 1em; } .reviews .reviews-answerName { font-weight: bold; } .reviews .reviews-answerDate { font-size: 0.9em; color: #a2a2a2; } .reviews .reviews-answerDate, .reviews .reviews-answerName, .reviews .reviews-answerComment { margin: 0.4em 0; } .reviews .reviews-answerHeader { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .reviews .reviews-answerHeader > *:not(:first-child) { margin-left: 1em; } .reviews .reviews-star { width: 0.4em; height: 1em; padding: 0; font-size: 1.6em; text-indent: -9999px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; color: #ccc; } .reviews .reviews-star--on { color: gold; opacity: 1; } .reviews .reviews-star::after { content: "★"; font-size: 1em; width: 0.8em; height: 1em; position: absolute; top: 0; text-indent: 0; line-height: 1em; text-align: center; } .reviews .reviews-star:nth-child(even)::after { left: 0; } .reviews .reviews-star:nth-child(odd)::after { right: 0; } .reviews .reviews-pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin-top: 1em; } .reviews .reviews-pagerLinks { width: 30%; } .reviews .reviews-pagerLinks--prev { text-align: left; } .reviews .reviews-pagerLinks--next { text-align: right; } .reviews .reviews-numberLinks { width: 40%; text-align: center; } .reviews .reviews-pagerLink { margin: 0 0.2em; } .reviews .reviews-pagerLink--current { font-weight: bold; } span.Sur_Titre_H2 { color: #707070; margin: 0.8em 0; font-size: 2.4rem; font-weight: 300; line-height: 1.15; letter-spacing: 0.7rem; text-transform: uppercase; overflow: hidden; } h2.Titre_H2 { font-family: "Quattrocento", Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #23282a; margin: .6em 0; font-size: 3.4rem; font-weight: 300; line-height: 1.15; text-transform: uppercase; overflow: hidden; } h3.Titre_H3 { font-family: "Quattrocento", Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.2em; color: #23282a; font-size: 3rem; margin: 0.4em 0; font-weight: normal; text-transform: uppercase; overflow: hidden; } h4.Titre_H4 { font-family: "Quattrocento", Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.2em; color: #23282a; font-size: 2.4rem; margin: 0.4em 0; font-weight: normal; text-transform: uppercase; overflow: hidden; } h5.Titre_H5 { font-family: "Quattrocento", Arial, Tahoma, Verdana, Helvetica, sans-serif; text-transform: uppercase; line-height: 1.2em; color: #23282a; font-size: 1.8rem; margin: 0.4em 0; font-weight: normal; text-transform: uppercase; overflow: hidden; } strong.accroche { font-size: 1.8rem; font-weight: 600; } strong.mise_en_avant_1 { font-weight: bold; color: #23282a; } strong.mise_en_avant_2 { font-weight: bold; color: #f0413b; } span.legende { font-size: 1.4rem; font-style: italic; } blockquote.citation { margin: 1em 0; padding: 0.4em 1em; border-left: 0.4rem solid #23282a; background: rgba(0, 0, 0, 0.04); overflow: hidden; } span.bouton_1 { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; display: inline-block; margin-top: 0.75rem; margin-bottom: 0.75rem; padding: 0.5rem 4.1rem; border: 0.1rem solid #23282a; text-decoration: none; text-transform: uppercase; font-size: 1.6rem; font-weight: 600; letter-spacing: 0.1rem; color: #23282a; transition: 0.3s ease; } @media (max-width: 800px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page.col4 figure { width: calc(33.33% - 1rem); } } @media (max-width: 600px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page.col4 figure { width: calc(50% - 1rem); } } @media (max-width: 440px) { .cms_bloc_GP-Mosaique .gp-container.gp-mosaique .gp-mosaique-page.col4 figure { width: calc(100% - 1rem); } } .mcDiaporama { height: 100% !important; max-width: 150rem; margin: 0 auto; } @media (max-width: 1550px) { .mcDiaporama { max-width: 94%; } } .mcDiaporama .mcDiaporama-wrapper, .mcDiaporama .bx-wrapper, .mcDiaporama .bx-viewport, .mcDiaporama .mcDiaporama-list, .mcDiaporama .mcDiaporama-item { width: 100% !important; height: 100% !important; } .mcDiaporama .mcDiaporama-wrapper { position: relative; } .mcDiaporama .mcDiaporama-list { margin: 0; padding: 0; } .mcDiaporama .mcDiaporama-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; z-index: -1; } .mcDiaporama .mcDiaporama-item { position: relative; z-index: 5; color: #fff; } .mcDiaporama .mcDiaporama-item::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; } .mcDiaporama .mcDiaporama-item > div, .mcDiaporama .mcDiaporama-item > a { display: block; position: relative; z-index: 10; width: 100%; height: 100%; } .mcDiaporama .mcDiaporama-item--hasLink a { text-decoration: none; color: inherit; } .mcDiaporama h2 { font-size: 4.9rem; text-align: center; font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 0.9; margin-bottom: 1.8rem; margin-top: 0.75rem; padding: 0 5rem; max-width: 100%; } @media (max-width: 1024px) { .mcDiaporama h2 { font-size: 4rem; } } @media (max-width: 800px) { .mcDiaporama h2 { font-size: 3.66rem; } } @media (max-width: 600px) { .mcDiaporama h2 { font-size: 3.35rem; padding: 0 3rem; margin-top: 0; } } @media (max-width: 440px) { .mcDiaporama h2 { font-size: 3rem; } } .mcDiaporama p { font-size: 1.6rem; font-weight: 300; text-transform: uppercase; text-align: center; line-height: 1.6; letter-spacing: 0.6rem; padding: 0 5rem; max-width: 100%; } @media (max-width: 1024px) { .mcDiaporama p { font-size: 1.55rem; } } @media (max-width: 800px) { .mcDiaporama p { font-size: 1.5rem; } } @media (max-width: 600px) { .mcDiaporama p { font-size: 1.4rem; padding: 0 3rem; } } @media (max-width: 440px) { .mcDiaporama p { font-size: 1.3rem; } } .mcDiaporama .button { display: block; z-index: 1; position: relative; padding: 0.5rem 2.26rem; border: 0.1rem solid #f0413b; overflow: hidden; text-decoration: none; text-transform: uppercase; font-size: 1.4rem; font-weight: bold; color: #f0413b; transition: 0.3s ease; display: inline-block; margin: 4.2rem auto 0; border: 0.1rem solid #fff; color: #fff; font-weight: 600; font-size: 1.6rem; padding: 0.5rem 3.5rem; letter-spacing: 0.2rem; } .mcDiaporama .button::before { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 110%; height: 100%; background: #f0413b; transition: 0.3s ease; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .mcDiaporama .button:hover { color: #fff; } .mcDiaporama .button:hover::before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .mcDiaporama .button::before { background: #fff; } .mcDiaporama .button:hover { color: #23282a; } .mcDiaporama .button:hover::before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .mcDiaporama .u-wrapper { max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; } .mcDiaporama-scroll { position: absolute; bottom: 0; left: 0; z-index: 10; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; padding: 0.5rem 0 2.2rem 0; font-size: 1.6rem; text-transform: uppercase; color: #23282a; letter-spacing: 0.18rem; cursor: pointer; transition: 0.3s ease; } @media (max-width: 1650px) { .mcDiaporama-scroll { -webkit-transform: rotate(-90deg) translateY(calc(100% + 1.5rem)); transform: rotate(-90deg) translateY(calc(100% + 1.5rem)); color: #fff; padding: 0.5rem 0 2.2rem 2rem; } } @media (max-width: 440px) { .mcDiaporama-scroll { display: none; } } .mcDiaporama-scroll::before { content: ''; position: absolute; top: 0; left: 0; width: 12.3rem; height: 100%; border-top: 0.1rem solid rgba(112, 112, 112, 0.5); transition: 0.3s ease; } @media (max-width: 1650px) { .mcDiaporama-scroll::before { border-top: 0.1rem solid rgba(255, 255, 255, 0.5); } } .mcDiaporama-scroll:hover { color: #f0413b; } .mcDiaporama-scroll:hover:before { border-top: 0.1rem solid rgba(240, 65, 59, 0.5); } .mcDiaporama-paginationBandeau { position: absolute; top: 50%; right: -6rem; z-index: 10; -webkit-transform: rotate(-90deg) translateX(50%) translateY(-100%); transform: rotate(-90deg) translateX(50%) translateY(-100%); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; padding: 0 0 0 0; display: flex; justify-content: center; align-items: center; } @media (max-width: 1750px) { .mcDiaporama-paginationBandeau { right: -4rem; } } @media (max-width: 1650px) { .mcDiaporama-paginationBandeau { top: auto; bottom: 0; right: calc(1.5rem); -webkit-transform: rotate(-90deg) translateX(100%) translateY(-100%); transform: rotate(-90deg) translateX(100%) translateY(-100%); } } @media (max-width: 600px) { .mcDiaporama-paginationBandeau { display: none; } } .mcDiaporama-paginationBandeau::before { content: ''; width: 15rem; height: 0; border-bottom: 0.1rem solid rgba(112, 112, 112, 0.5); order: 2; margin: 0 6rem 0 1.8rem; } @media (max-width: 1650px) { .mcDiaporama-paginationBandeau::before { border-bottom: 0.1rem solid rgba(255, 255, 255, 0.5); } } .mcDiaporama-paginationBandeau .paginationMc { opacity: 1; background: #171c1d; height: 2.4rem; width: 0.2rem; border-radius: 0; margin: 0rem 0.6rem; } @media (max-width: 1650px) { .mcDiaporama-paginationBandeau .paginationMc { background: rgba(255, 255, 255, 0.3); } } .mcDiaporama-paginationBandeau .paginationMc.swiper-pagination-bullet-active { background: #f0413b; } @media (max-width: 1650px) { .mcDiaporama-paginationBandeau .paginationMc.swiper-pagination-bullet-active { background: #fff; } } .mcDiaporama-paginationBandeau .paginationMc.swiper-pagination-bullet-active p { display: flex; } .mcDiaporama-paginationBandeau .paginationMc p { display: block; position: absolute; display: none; right: 0; top: 0; height: 100%; font-size: 1.6rem; font-weight: 600; padding: 0; height: 100%; align-items: center; justify-content: center; color: #171c1d; } @media (max-width: 1650px) { .mcDiaporama-paginationBandeau .paginationMc p { color: rgba(255, 255, 255, 0.3); } } .mcDiaporama-paginationBandeau .paginationMc p span { color: #f0413b; } @media (max-width: 1650px) { .mcDiaporama-paginationBandeau .paginationMc p span { color: #fff; } } .mcDiaporama .compteurDiaporama { display: none; } .snWall .snWall-list { margin: 2rem auto 0; } .snWall .snWall-item { position: relative; height: 41rem; overflow: hidden; opacity: 1; } .pageHome .snWall .snWall-item { height: 40rem; } .snWall .snWall-item:before { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #23282a; transition: 0.75s ease; -webkit-transform: rotate3d(0, 0, 1, -40deg) translate3d(0, -4em, 0); transform: rotate3d(0, 0, 1, -40deg) translate3d(0, -4em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .snWall .snWall-item:hover:before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .snWall .snWall-item:hover .snWall-element--pictures { background-color: #171c1d; } .snWall .snWall-item:hover .snWall-element--dateService { padding: 3.4rem 2rem 1.5rem; } .snWall .snWall-item:hover .snWall-element--date { color: #fff; } .snWall .snWall-item:hover .snWall-element--service svg { fill: #fff; } .snWall .snWall-item:hover .snWall-element--content { padding: 0 2rem 2rem 2rem; } .snWall .snWall-item:hover .snWall-element--content a { color: #fff !important; } .snWall .snWall-element--pictures { position: relative; width: 100%; height: 19rem; overflow: hidden; background-color: #23282a; background-image: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../images/dist/cible-acn.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 40% auto; transition: 0.3s ease; } .snWall .snWall-element--pictures figure { position: relative; width: 100%; height: 100%; } .snWall .snWall-element--pictures figure a { position: relative; width: 100%; height: 100%; display: flex; } .snWall .snWall-element--pictures figure a > div { flex: 1; overflow: hidden; position: relative; display: flex; } .snWall .snWall-element--pictures * { margin: 0; } .snWall .snWall-element--pictures img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; transition: 0.3s ease; } .snWall .snWall-element--dateService { display: flex; justify-content: space-between; padding: 3.4rem 0 1.5rem; transition: 0.3s ease; } .snWall .snWall-element--date { position: relative; padding-left: 4.3rem; font-weight: 600; color: #f0413b; transition: 0.3s ease; } .snWall .snWall-element--date:before { content: ''; position: absolute; top: 50%; left: 0; width: 2.4rem; height: 0.2rem; background: #f0413b; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .snWall .snWall-element--service svg { width: 0.9rem; height: 1.6rem; margin-right: 0.35rem; transition: 0.3s ease; fill: rgba(35, 40, 42, 0.3); } .snWall .snWall-element--content { line-height: 1.5; transition: 0.3s ease; padding: 0 0 2rem 0; } .snWall .snWall-element--content a { color: #707070 !important; text-decoration: none !important; } .snWall .snWall-element--content a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .snWall .snWall-paginator { display: flex; align-items: center; justify-content: center; margin-top: 2rem; padding-top: 3rem; border-top: 0.1rem solid rgba(35, 40, 42, 0.3); } @media (max-width: 600px) { .snWall .snWall-paginator { flex-wrap: wrap; } } .snWall .snWall-paginatorControls { display: flex; justify-content: center; margin: 1rem; } @media (max-width: 800px) { .snWall .snWall-paginatorControls { flex-direction: column; } } @media (max-width: 600px) { .snWall .snWall-paginatorControls { flex-direction: row; width: 100%; } } .snWall .snWall-paginatorControls > span { display: block; position: relative; margin: 0.25rem; padding: 0.5rem 1rem; border: 0.1rem solid #23282a; text-align: center; text-transform: uppercase; font-size: 1.4rem; color: #23282a; transition: 0.3s ease; } @media (max-width: 600px) { .snWall .snWall-paginatorControls > span { font-size: 1.3rem; } } .snWall .snWall-paginatorControls > span.is-disabled { pointer-events: none; opacity: 0.5; } .snWall .snWall-paginatorControls > span:hover { border: 0.1rem solid #23282a; color: #fff; background: #23282a; } .snWall .snWall-paginatorControls > span:hover a { color: #fff; } .snWall .snWall-paginatorControls > span a { text-decoration: none; color: #23282a; transition: 0.3s ease; } .snWall .snWall-paginatorControls > span a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .snWall .snWall-paginatorPages { color: #23282a; } .snWall .snWall-paginatorPages a { margin: 0 0.5rem; color: #23282a !important; transition: 0.3s ease; } .snWall .snWall-paginatorPages a:hover { color: #f0413b !important; } .snWall .snWall-paginatorPages .snWall-paginatorControl--current { font-weight: bold; } .toggleMenu { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; position: fixed; top: 3.5rem; right: 0; width: 6rem; height: 6rem; font-size: 1rem; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #23282a; background: #fff; transition: 0.3s ease; } .toggleMenu-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .toggleMenu .toggleMenu-lines { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: auto; margin-top: 0.2em; margin-bottom: 0.4em; -webkit-transform: translateZ(0); transform: translateZ(0); color: inherit; stroke-width: 2px; stroke: currentColor; transition: background 0.3s linear, -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out, background 0.3s linear; transition: transform 0.3s ease-out, background 0.3s linear, -webkit-transform 0.3s ease-out; overflow: visible; } .toggleMenu .toggleMenu-lines .toggleMenu-line { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; display: block; height: 0.2rem; background: #23282a; width: 2rem; } .toggleMenu .toggleMenu-lines .toggleMenu-line:first-child { -webkit-transform-origin: 50% 0.1em; transform-origin: 50% 0.1em; } .toggleMenu .toggleMenu-lines .toggleMenu-line:last-child { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .toggleMenu .toggleMenu-lines .toggleMenu-line:first-child, .toggleMenu .toggleMenu-lines .toggleMenu-line:last-child { content: ''; -webkit-transform: translateZ(0) rotate(0); transform: translateZ(0) rotate(0); } .toggleMenu .toggleMenu-lines .toggleMenu-line:nth-child(2) { margin: 0.4em 0; -webkit-transform: translateZ(0); transform: translateZ(0); margin-top: 0.5em; } .toggleMenu-label { text-transform: uppercase; font-size: 0.9rem; font-weight: bold; color: inherit; margin-top: 0.5em; line-height: 1; display: flex; } .toggleMenu.is-on .toggleMenu-line { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .toggleMenu.is-on .toggleMenu-line:first-child { -webkit-transform: translateZ(0) translateY(0.5rem) rotate(45deg); transform: translateZ(0) translateY(0.5rem) rotate(45deg); } .toggleMenu.is-on .toggleMenu-line:last-child { -webkit-transform: translateZ(0) translateY(-0.7rem) rotate(-45deg); transform: translateZ(0) translateY(-0.7rem) rotate(-45deg); } .toggleMenu.is-on .toggleMenu-line:nth-child(2) { -webkit-transform: translateZ(0) scaleX(0); transform: translateZ(0) scaleX(0); } .toggleMenu.is-on { color: #23282a; background: #fff; } @media (min-width: 1025px) { .toggleMenu { display: none; } } @media (max-width: 1024px) { body.is-menuon { overflow: hidden; } } @media (min-width: 1025px) { #zone-menu { margin-top: 1.25rem; width: 100%; } } .menu--horizontal.menu--flex, .menu--horizontal.menu--inline, .menu--horizontal.menu--table { height: 6rem; } .menu--horizontal.menu--flex .menu-list, .menu--horizontal.menu--inline .menu-list, .menu--horizontal.menu--table .menu-list { width: 100%; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list, .menu--horizontal.menu--inline .menu-list, .menu--horizontal.menu--table .menu-list { position: static; display: none; width: 100%; flex: 0 0 auto; } } .menu--horizontal.menu--flex .menu-list--niv1, .menu--horizontal.menu--inline .menu-list--niv1, .menu--horizontal.menu--table .menu-list--niv1 { background: #fff; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv1, .menu--horizontal.menu--inline .menu-list--niv1, .menu--horizontal.menu--table .menu-list--niv1 { background: #fff; } } .menu--horizontal.menu--flex .menu-list--niv2, .menu--horizontal.menu--inline .menu-list--niv2, .menu--horizontal.menu--table .menu-list--niv2 { background: #f9f9f9; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv2, .menu--horizontal.menu--inline .menu-list--niv2, .menu--horizontal.menu--table .menu-list--niv2 { background: rgba(0, 0, 0, 0.1); } } .menu--horizontal.menu--flex .menu-list--niv3, .menu--horizontal.menu--inline .menu-list--niv3, .menu--horizontal.menu--table .menu-list--niv3 { background: #f2f2f2; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv3, .menu--horizontal.menu--inline .menu-list--niv3, .menu--horizontal.menu--table .menu-list--niv3 { background: rgba(0, 0, 0, 0.1); } } .menu--horizontal.menu--flex .menu-list--niv1, .menu--horizontal.menu--inline .menu-list--niv1, .menu--horizontal.menu--table .menu-list--niv1 { height: 100%; display: flex; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-list--niv1, .menu--horizontal.menu--inline .menu-list--niv1, .menu--horizontal.menu--table .menu-list--niv1 { display: block; height: auto; } } .menu--horizontal.menu--flex .menu-list--niv2, .menu--horizontal.menu--inline .menu-list--niv2, .menu--horizontal.menu--table .menu-list--niv2 { min-width: 20rem; } .menu--horizontal.menu--flex .menu-list--niv3, .menu--horizontal.menu--inline .menu-list--niv3, .menu--horizontal.menu--table .menu-list--niv3 { min-width: 18rem; } .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { color: #23282a; text-transform: uppercase; transition: 0.3s ease !important; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv1:hover, .menu--horizontal.menu--inline .menu-item--niv1:hover, .menu--horizontal.menu--table .menu-item--niv1:hover { color: #f0413b; background: #fff; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv1:hover, .menu--horizontal.menu--inline .menu-item--niv1:hover, .menu--horizontal.menu--table .menu-item--niv1:hover { color: #f0413b; } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv1.is-selected, .menu--horizontal.menu--inline .menu-item--niv1.is-selected, .menu--horizontal.menu--table .menu-item--niv1.is-selected { color: #f0413b; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv1.is-selected, .menu--horizontal.menu--inline .menu-item--niv1.is-selected, .menu--horizontal.menu--table .menu-item--niv1.is-selected { background: #fff; color: #f0413b; } } .menu--horizontal.menu--flex .menu-item--niv2, .menu--horizontal.menu--inline .menu-item--niv2, .menu--horizontal.menu--table .menu-item--niv2 { color: #23282a; text-transform: uppercase; transition: 0.3s ease !important; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv2:hover, .menu--horizontal.menu--inline .menu-item--niv2:hover, .menu--horizontal.menu--table .menu-item--niv2:hover { color: #f0413b; background: #ececec; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv2:hover, .menu--horizontal.menu--inline .menu-item--niv2:hover, .menu--horizontal.menu--table .menu-item--niv2:hover { color: #f0413b; } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv2.is-selected, .menu--horizontal.menu--inline .menu-item--niv2.is-selected, .menu--horizontal.menu--table .menu-item--niv2.is-selected { color: #f0413b; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv2.is-selected, .menu--horizontal.menu--inline .menu-item--niv2.is-selected, .menu--horizontal.menu--table .menu-item--niv2.is-selected { background: #ececec; color: #f0413b; } } .menu--horizontal.menu--flex .menu-item--niv3, .menu--horizontal.menu--inline .menu-item--niv3, .menu--horizontal.menu--table .menu-item--niv3 { color: #23282a; text-transform: uppercase; transition: 0.3s ease !important; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv3:hover, .menu--horizontal.menu--inline .menu-item--niv3:hover, .menu--horizontal.menu--table .menu-item--niv3:hover { color: #f0413b; background: #e6e6e6; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv3:hover, .menu--horizontal.menu--inline .menu-item--niv3:hover, .menu--horizontal.menu--table .menu-item--niv3:hover { color: #f0413b; } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv3.is-selected, .menu--horizontal.menu--inline .menu-item--niv3.is-selected, .menu--horizontal.menu--table .menu-item--niv3.is-selected { color: #f0413b; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv3.is-selected, .menu--horizontal.menu--inline .menu-item--niv3.is-selected, .menu--horizontal.menu--table .menu-item--niv3.is-selected { background: #e6e6e6; color: #f0413b; } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { flex: 1 1 auto; display: block; } } @media all and (min-width: 1025px) and (-ms-high-contrast: none), (min-width: 1025px) and (-ms-high-contrast: active) { .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { display: flex !important; flex-grow: 1; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item--niv1, .menu--horizontal.menu--inline .menu-item--niv1, .menu--horizontal.menu--table .menu-item--niv1 { height: auto; opacity: 0; -webkit-transform: translateX(-1rem); transform: translateX(-1rem); } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item--niv1 > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1 > .menu-list, .menu--horizontal.menu--table .menu-item--niv1 > .menu-list { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); opacity: 0; transition: opacity 0.2s linear, top 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s linear, transform 0.2s ease-in-out, top 0s linear 0.2s; transition: opacity 0.2s linear, transform 0.2s ease-in-out, top 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; } .menu--horizontal.menu--flex .menu-item--niv1:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1:hover > .menu-list { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; transition: opacity 0.2s linear, top 0s linear 0s, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s linear, transform 0.2s ease-in-out, top 0s linear 0s; transition: opacity 0.2s linear, transform 0.2s ease-in-out, top 0s linear 0s, -webkit-transform 0.2s ease-in-out; } .menu--horizontal.menu--flex .menu-item--niv1:not(.menu-item--reverse) .menu-item > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1:not(.menu-item--reverse) .menu-item > .menu-list, .menu--horizontal.menu--table .menu-item--niv1:not(.menu-item--reverse) .menu-item > .menu-list { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); opacity: 0; transition: opacity 0.2s linear, left 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s linear, transform 0.2s ease-in-out, left 0s linear 0.2s; transition: opacity 0.2s linear, transform 0.2s ease-in-out, left 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; } .menu--horizontal.menu--flex .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1:not(.menu-item--reverse) .menu-item:hover > .menu-list { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; transition: opacity 0.2s linear, left 0s linear 0s, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s linear, transform 0.2s ease-in-out, left 0s linear 0s; transition: opacity 0.2s linear, transform 0.2s ease-in-out, left 0s linear 0s, -webkit-transform 0.2s ease-in-out; } .menu--horizontal.menu--flex .menu-item--niv1.menu-item--reverse .menu-item > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1.menu-item--reverse .menu-item > .menu-list, .menu--horizontal.menu--table .menu-item--niv1.menu-item--reverse .menu-item > .menu-list { -webkit-transform: translateX(1rem); transform: translateX(1rem); opacity: 0; transition: opacity 0.2s linear, right 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s linear, transform 0.2s ease-in-out, right 0s linear 0.2s; transition: opacity 0.2s linear, transform 0.2s ease-in-out, right 0s linear 0.2s, -webkit-transform 0.2s ease-in-out; } .menu--horizontal.menu--flex .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list, .menu--horizontal.menu--inline .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list, .menu--horizontal.menu--table .menu-item--niv1.menu-item--reverse .menu-item:hover > .menu-list { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; transition: opacity 0.2s linear, right 0s linear 0s, -webkit-transform 0.2s ease-in-out; transition: opacity 0.2s linear, transform 0.2s ease-in-out, right 0s linear 0s; transition: opacity 0.2s linear, transform 0.2s ease-in-out, right 0s linear 0s, -webkit-transform 0.2s ease-in-out; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-item, .menu--horizontal.menu--inline .menu-item, .menu--horizontal.menu--table .menu-item { display: block; } .menu--horizontal.menu--flex .menu-item--hasChildClickable, .menu--horizontal.menu--inline .menu-item--hasChildClickable, .menu--horizontal.menu--table .menu-item--hasChildClickable { display: flex; flex-wrap: wrap; } .menu--horizontal.menu--flex .menu-item--hasChildClickable > a, .menu--horizontal.menu--inline .menu-item--hasChildClickable > a, .menu--horizontal.menu--table .menu-item--hasChildClickable > a { flex: 1 1 auto; width: calc(100% - 4.6rem); } .menu--horizontal.menu--flex .menu-item--hasChildClickable > button, .menu--horizontal.menu--inline .menu-item--hasChildClickable > button, .menu--horizontal.menu--table .menu-item--hasChildClickable > button { padding: 0; width: 4.6rem; flex: 0 0 auto; } .menu--horizontal.menu--flex .menu-item--hasChildClickable > ul, .menu--horizontal.menu--inline .menu-item--hasChildClickable > ul, .menu--horizontal.menu--table .menu-item--hasChildClickable > ul { width: 100%; } } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-item, .menu--horizontal.menu--inline .menu-item, .menu--horizontal.menu--table .menu-item { display: block; } .menu--horizontal.menu--flex .menu-item--hasChildClickable > button, .menu--horizontal.menu--inline .menu-item--hasChildClickable > button, .menu--horizontal.menu--table .menu-item--hasChildClickable > button { display: none; } } .menu--horizontal.menu--flex.is-on .menu-item--niv1, .menu--horizontal.menu--inline.is-on .menu-item--niv1, .menu--horizontal.menu--table.is-on .menu-item--niv1 { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(1), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(1), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(1) { transition: opacity 0.2s linear 0.1933333333s, -webkit-transform 0.2s ease-in-out 0.1933333333s; transition: transform 0.2s ease-in-out 0.1933333333s, opacity 0.2s linear 0.1933333333s; transition: transform 0.2s ease-in-out 0.1933333333s, opacity 0.2s linear 0.1933333333s, -webkit-transform 0.2s ease-in-out 0.1933333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(2), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(2), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(2) { transition: opacity 0.2s linear 0.2533333333s, -webkit-transform 0.2s ease-in-out 0.2533333333s; transition: transform 0.2s ease-in-out 0.2533333333s, opacity 0.2s linear 0.2533333333s; transition: transform 0.2s ease-in-out 0.2533333333s, opacity 0.2s linear 0.2533333333s, -webkit-transform 0.2s ease-in-out 0.2533333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(3), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(3), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(3) { transition: opacity 0.2s linear 0.3133333333s, -webkit-transform 0.2s ease-in-out 0.3133333333s; transition: transform 0.2s ease-in-out 0.3133333333s, opacity 0.2s linear 0.3133333333s; transition: transform 0.2s ease-in-out 0.3133333333s, opacity 0.2s linear 0.3133333333s, -webkit-transform 0.2s ease-in-out 0.3133333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(4), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(4), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(4) { transition: opacity 0.2s linear 0.3733333333s, -webkit-transform 0.2s ease-in-out 0.3733333333s; transition: transform 0.2s ease-in-out 0.3733333333s, opacity 0.2s linear 0.3733333333s; transition: transform 0.2s ease-in-out 0.3733333333s, opacity 0.2s linear 0.3733333333s, -webkit-transform 0.2s ease-in-out 0.3733333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(5), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(5), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(5) { transition: opacity 0.2s linear 0.4333333333s, -webkit-transform 0.2s ease-in-out 0.4333333333s; transition: transform 0.2s ease-in-out 0.4333333333s, opacity 0.2s linear 0.4333333333s; transition: transform 0.2s ease-in-out 0.4333333333s, opacity 0.2s linear 0.4333333333s, -webkit-transform 0.2s ease-in-out 0.4333333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(6), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(6), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(6) { transition: opacity 0.2s linear 0.4933333333s, -webkit-transform 0.2s ease-in-out 0.4933333333s; transition: transform 0.2s ease-in-out 0.4933333333s, opacity 0.2s linear 0.4933333333s; transition: transform 0.2s ease-in-out 0.4933333333s, opacity 0.2s linear 0.4933333333s, -webkit-transform 0.2s ease-in-out 0.4933333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(7), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(7), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(7) { transition: opacity 0.2s linear 0.5533333333s, -webkit-transform 0.2s ease-in-out 0.5533333333s; transition: transform 0.2s ease-in-out 0.5533333333s, opacity 0.2s linear 0.5533333333s; transition: transform 0.2s ease-in-out 0.5533333333s, opacity 0.2s linear 0.5533333333s, -webkit-transform 0.2s ease-in-out 0.5533333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(8), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(8), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(8) { transition: opacity 0.2s linear 0.6133333333s, -webkit-transform 0.2s ease-in-out 0.6133333333s; transition: transform 0.2s ease-in-out 0.6133333333s, opacity 0.2s linear 0.6133333333s; transition: transform 0.2s ease-in-out 0.6133333333s, opacity 0.2s linear 0.6133333333s, -webkit-transform 0.2s ease-in-out 0.6133333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(9), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(9), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(9) { transition: opacity 0.2s linear 0.6733333333s, -webkit-transform 0.2s ease-in-out 0.6733333333s; transition: transform 0.2s ease-in-out 0.6733333333s, opacity 0.2s linear 0.6733333333s; transition: transform 0.2s ease-in-out 0.6733333333s, opacity 0.2s linear 0.6733333333s, -webkit-transform 0.2s ease-in-out 0.6733333333s; } .menu--horizontal.menu--flex.is-on .menu-item--niv1:nth-child(10), .menu--horizontal.menu--inline.is-on .menu-item--niv1:nth-child(10), .menu--horizontal.menu--table.is-on .menu-item--niv1:nth-child(10) { transition: opacity 0.2s linear 0.7333333333s, -webkit-transform 0.2s ease-in-out 0.7333333333s; transition: transform 0.2s ease-in-out 0.7333333333s, opacity 0.2s linear 0.7333333333s; transition: transform 0.2s ease-in-out 0.7333333333s, opacity 0.2s linear 0.7333333333s, -webkit-transform 0.2s ease-in-out 0.7333333333s; } .menu--horizontal.menu--flex .menu-link, .menu--horizontal.menu--inline .menu-link, .menu--horizontal.menu--table .menu-link { text-decoration: none; font-size: inherit; color: inherit; padding: 0 1rem; line-height: 1.2em; display: flex; align-items: center; text-align: left; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link, .menu--horizontal.menu--inline .menu-link, .menu--horizontal.menu--table .menu-link { height: auto; display: block; } } .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { font-size: 1.3rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { font-size: 1.3rem; } } .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { font-size: 1.3rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { font-size: 1.3rem; } } .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { font-size: 1.3rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { font-size: 1.3rem; } } .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { font-weight: 600; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { flex-direction: column; align-items: flex-start; justify-content: center; line-height: 2rem; margin-right: 2.75rem; } } @media (min-width: 1025px) and (max-width: 1650px) { .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { margin-right: 1.5rem; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv1, .menu--horizontal.menu--inline .menu-link--niv1, .menu--horizontal.menu--table .menu-link--niv1 { padding: 0.75em 1em; padding-left: 1rem; } } .menu--horizontal.menu--flex .menu-link--niv1 span, .menu--horizontal.menu--inline .menu-link--niv1 span, .menu--horizontal.menu--table .menu-link--niv1 span { font-weight: normal; } .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { padding: 0.5em 1rem; min-height: 3.4rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv2, .menu--horizontal.menu--inline .menu-link--niv2, .menu--horizontal.menu--table .menu-link--niv2 { padding: 0.8em 1em; padding-left: 2rem; } } .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { padding: 0.6em 1rem; min-height: 3.4rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--niv3, .menu--horizontal.menu--inline .menu-link--niv3, .menu--horizontal.menu--table .menu-link--niv3 { padding: 0.9em 1em; padding-left: 3rem; } } .menu--horizontal.menu--flex .menu-link--toggleSubMenu, .menu--horizontal.menu--inline .menu-link--toggleSubMenu, .menu--horizontal.menu--table .menu-link--toggleSubMenu { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; color: inherit; outline: none; margin: 0; background: none; position: relative; text-align: inherit; color: inherit; width: 100%; } @media (min-width: 1025px) { .menu--horizontal.menu--flex .menu-link--toggleSubMenu.menu-link--niv1 svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu.menu-link--niv1 svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu.menu-link--niv1 svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } .menu--horizontal.menu--flex .menu-link--toggleSubMenu:not(.menu-link--niv1), .menu--horizontal.menu--inline .menu-link--toggleSubMenu:not(.menu-link--niv1), .menu--horizontal.menu--table .menu-link--toggleSubMenu:not(.menu-link--niv1) { padding-right: 3rem; } .menu--horizontal.menu--flex .menu-link--toggleSubMenu:not(.menu-link--niv1) svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu:not(.menu-link--niv1) svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu:not(.menu-link--niv1) svg { position: absolute; top: calc(50% - 0.6rem); right: 1rem; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--toggleSubMenu:not(.menu-link--niv1) svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu:not(.menu-link--niv1) svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu:not(.menu-link--niv1) svg { right: 1.7rem; } } .menu--horizontal.menu--flex .menu-link--toggleSubMenu svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu svg { color: inherit; stroke: currentColor; stroke-width: 1px; height: 1.2rem; width: 1.2rem; stroke-width: 1px; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; margin-left: 1em; } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--toggleSubMenu svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu svg { height: 1.4rem; width: 1.4rem; -webkit-transform: rotate(0); transform: rotate(0); position: absolute; top: calc(50% - 0.7rem); right: 1.6rem; } } @media (max-width: 1024px) { .menu--horizontal.menu--flex .menu-link--toggleSubMenu, .menu--horizontal.menu--inline .menu-link--toggleSubMenu, .menu--horizontal.menu--table .menu-link--toggleSubMenu { padding-right: 4.6rem; } .menu--horizontal.menu--flex .menu-link--toggleSubMenu.is-on + .menu-list, .menu--horizontal.menu--inline .menu-link--toggleSubMenu.is-on + .menu-list, .menu--horizontal.menu--table .menu-link--toggleSubMenu.is-on + .menu-list { display: block; } .menu--horizontal.menu--flex .menu-link--toggleSubMenu.is-on svg, .menu--horizontal.menu--inline .menu-link--toggleSubMenu.is-on svg, .menu--horizontal.menu--table .menu-link--toggleSubMenu.is-on svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @media (max-width: 1024px) { .menu--horizontal.menu--flex, .menu--horizontal.menu--inline, .menu--horizontal.menu--table { position: fixed; top: -1000rem; left: 0; width: 100%; height: calc(100% - 6rem); background: rgba(0, 0, 0, 0.6); overflow: auto; opacity: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; transition: opacity 0.4s linear, top 0s linear 0.4s; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.2); } .menu--horizontal.menu--flex.is-on, .menu--horizontal.menu--inline.is-on, .menu--horizontal.menu--table.is-on { opacity: 1; top: calc(3.5rem + 6rem); transition: opacity 0.4s linear, top 0s linear 0s; } } .cs-copyright { /* variables edition ligne copyright */ /* colors */ --copyrightColorText: #737677; --copyrightColorLink: var(--copyrightColorText); --copyrightColorSeparator: rgba(#ffffff, .5); --copyrightColorSvg: var(--copyrightColorText); --copyrightTooltipBackground: #000000; --copyrightTooltipColor: #ffffff; /* size */ --copyrightFontSize: 11px; --copyrightSizeSvg: 15px; --copyrightSizeSeparator: 8px; --copyrightSizeSeparatorIcon: 8px; /* position, direction */ --copyrightPosition: center; /* flex-start, center, flex-end, space-between */ --copyrightDirection: column; /* row, column */ /* padding */ --copyrightTooltipPadding: 10px 0 35px; } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body, td, pre, input[type='text'], textarea, select { font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.6rem; line-height: 1.85; color: #707070; } @media (max-width: 600px) { body, td, pre, input[type='text'], textarea, select { font-size: 1.3rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body { overflow-x: hidden; } } @media (max-width: 1024px) { body { margin-top: 6rem; } } .u-wrapper { margin: 0 auto; max-width: 1200px; text-align: left; width: 100%; } @media (max-width: 1650px) { .u-wrapper { max-width: 110rem; } } @media (max-width: 1200px) { .u-wrapper { max-width: 94%; } } #cookieChoiceInfo { line-height: 20px; padding: 4px !important; font-size: 12px; background: rgba(0, 0, 0, 0.8) !important; border-bottom: none !important; color: #dddddd; top: inherit !important; bottom: 0 !important; } #cookieChoiceInfo a { color: #b1b1b1; } #cookieChoiceInfo #cookieChoiceDismiss { background: #777; } #cookieChoiceInfo #cookieChoiceDismiss:hover { background: #5e5e5e; } .svgSprite svg symbol circle, .svgSprite svg symbol path { fill: inherit; stroke: inherit; overflow: visible; } #zone-contenuSecondaire .cms_bloc_text { display: inline-block; } #zone-contenuSecondaire .cms_bloc_text:not(:last-child) { margin-bottom: 8rem; } @media (max-width: 800px) { #zone-contenuSecondaire .cms_bloc_text:not(:last-child) { margin-bottom: 4rem; } } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { margin-left: 3rem; max-width: 50%; } @media (max-width: 800px) { #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { width: 100%; margin: 0; padding: 0; max-width: 100%; } } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_gauche > *:nth-child(2) > *:first-child, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_droite > *:nth-child(2) > *:first-child { margin-top: 0; } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_gauche > *:nth-child(2) > *:first-child > *, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_droite > *:nth-child(2) > *:first-child > * { margin-top: 0; } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media { margin-right: 3rem; margin-left: 0; } @media (max-width: 800px) { #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media { margin: 0; } } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_haut > *:first-child, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_bas > *:first-child, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_gauche > *:first-child, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_droite > *:first-child, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_seul > *:first-child { margin-top: 0; } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_haut > *:first-child > *, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_bas > *:first-child > *, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_gauche > *:first-child > *, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_droite > *:first-child > *, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_seul > *:first-child > * { margin-top: 0; } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_centre { margin: 2.5rem auto; } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_media_centre .cms_bloc_media { display: flex; } @media (max-width: 800px) { #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { display: block; width: 100%; margin: 0; } #zone-contenuSecondaire .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche { margin-bottom: 4rem; } } .pageType #zone-page .cms_bloc_text { display: block; } .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { margin-left: 3rem; max-width: 50%; } @media (max-width: 800px) { .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { width: 100%; margin: 0; padding: 0; max-width: 100%; } } .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_gauche > *:nth-child(2) > *:first-child > *, .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_droite > *:nth-child(2) > *:first-child > * { margin-top: 0; } .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media { margin-right: 3rem; margin-left: 0; } @media (max-width: 800px) { .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media { margin: 0; } } .pageType #zone-page .cms_bloc_text .cms_bloc_text_haut > *:first-child > *, .pageType #zone-page .cms_bloc_text .cms_bloc_text_bas > *:first-child > *, .pageType #zone-page .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_gauche > *:first-child > *, .pageType #zone-page .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_droite > *:first-child > * { margin-top: 0; } .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_centre { margin: 2.5rem auto; } .pageType #zone-page .cms_bloc_text .cms_bloc_text_media_centre .cms_bloc_media { display: flex; } @media (max-width: 800px) { .pageType #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, .pageType #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { display: block; width: 100%; margin: 0; } .pageType #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche { margin-bottom: 4rem; } } .pageHome #zone-page .cms_bloc * { color: #fff; } .pageHome #zone-page .cms_bloc a:not(.bouton_1) { color: #f0413b; } .pageHome #zone-page .cms_bloc strong.mise_en_avant_1 { font-weight: bold; color: #23282a; color: #fff; } .pageHome #zone-page .cms_bloc strong.mise_en_avant_2 { font-weight: bold; color: #f0413b; } .pageHome #zone-page .cms_bloc blockquote.citation { border-color: #fff; background: rgba(0, 0, 0, 0.3); } .pageHome #zone-page .cms_bloc ol li:before { color: #fff; } .pageHome #zone-page .cms_bloc ul li:before { border-left: 0.4rem solid #fff; } .pageHome #zone-page .cms_bloc_text { display: flex; justify-content: center; background: #23282a; } .pageHome #zone-page .cms_bloc_text:not(:first-child) { border-top: 0.1rem solid rgba(255, 255, 255, 0.2); } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite { display: flex; width: 100%; } @media (max-width: 1200px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite { flex-direction: column; } } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { float: none; position: relative; width: 50%; height: 100%; margin: 0; padding: 0; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media img, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } @media (max-width: 1200px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { width: 100%; height: 35rem; max-width: 100%; } } @media (max-width: 600px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { height: 25rem; } } @media (max-width: 440px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { height: 25rem; } } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_text_content, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { width: 50%; padding: 9.75rem calc((100vw - 1200px) / 2) 10.2rem 8.75rem; } @media (max-width: 1650px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_text_content, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { padding: 9.75rem calc((100vw - 110rem) / 2) 9.75rem 8.75rem; } } @media (max-width: 1200px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_text_content, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { width: 100vw; padding: 6rem 3%; } } @media (max-width: 600px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_text_content, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { padding: 3rem 3%; } } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_text_content > *:first-child, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content > *:first-child { margin-top: 0; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_text_content > *:first-child > *, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content > *:first-child > * { margin-top: 0; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { order: 2; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { padding: 9.75rem 8.75rem 10.2rem calc((100vw - 1200px) / 2); } @media (max-width: 1650px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { padding: 9.75rem 8.75rem 9.75rem calc((100vw - 110rem) / 2); } } @media (max-width: 1200px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { padding: 6rem 6rem 6rem calc((100vw - 94%) / 2); } } @media (max-width: 800px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { padding: 6rem 3%; } } @media (max-width: 600px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_text_content { padding: 3rem 3%; } } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_haut > *:first-child, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_bas > *:first-child, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_gauche > *:first-child, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_droite > *:first-child, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul > *:first-child { margin-top: 0; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_haut > *:first-child > *, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_bas > *:first-child > *, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_gauche > *:first-child > *, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns .cms_bloc_text_droite > *:first-child > *, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul > *:first-child > * { margin-top: 0; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_centre { margin: 0 auto; padding: 2rem 0; border-top: 0.1rem solid rgba(255, 255, 255, 0.2); border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2); } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_centre .cms_bloc_media { display: flex; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items { width: 100%; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_haut, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_bas { margin: 0 auto; padding: 9.75rem 0; max-width: 1200px; } @media (max-width: 1650px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_haut, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_bas { max-width: 110rem; } } @media (max-width: 1200px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_haut, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_bas { max-width: 94%; padding: 6rem 0; } } @media (max-width: 600px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_haut, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_bas { padding: 3rem 0; } } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_trois_items .cms_bloc_text_media_centre { background: #23282a; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_centre, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns { width: 1200px; } @media (max-width: 1650px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_centre, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns { max-width: 110rem; } } @media (max-width: 1200px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_media_centre, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns { max-width: 94%; } } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul { padding: 9.75rem 0; } @media (max-width: 1200px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul { padding: 6rem 0; width: 100vw; } } @media (max-width: 600px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_seul { padding: 3rem 0; } } @media (max-width: 1200px) { .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { display: block; width: 100%; margin: 0; } .pageHome #zone-page .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche { margin-bottom: 4rem; } } .cms_bloc_form .cms_bloc_form_field { display: flex; position: relative; flex-direction: column; margin-bottom: 2.5rem; } .cms_bloc_form .cms_bloc_form_field label { width: 100%; padding-bottom: 1rem; font-size: 1.4rem; color: #707070; } .cms_bloc_form .cms_bloc_form_field label img { margin: 1rem 0; border: 0.1rem solid rgba(112, 112, 112, 0.3) !important; } .cms_bloc_form .cms_bloc_form_field .value { width: 100%; } .cms_bloc_form .cms_bloc_form_field .value input, .cms_bloc_form .cms_bloc_form_field .value select, .cms_bloc_form .cms_bloc_form_field .value textarea { padding: 1rem 0; border: none; border-bottom: 0.1rem solid rgba(112, 112, 112, 0.3); background: transparent; } .cms_bloc_form .cms_bloc_form_field .value input:focus, .cms_bloc_form .cms_bloc_form_field .value select:focus, .cms_bloc_form .cms_bloc_form_field .value textarea:focus { border: none; border-bottom: 0.1rem solid #707070; outline: none; } .cms_bloc_form .cms_bloc_form_field_checkbox, .cms_bloc_form .cms_bloc_form_field_radio { display: flex; flex-direction: column; } .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='checkbox'], .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='radio'], .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='checkbox'], .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='radio'] { position: relative; margin: 0.75rem; } .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='checkbox']:checked:before, .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='radio']:checked:before, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='checkbox']:checked:before, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='radio']:checked:before { height: 1rem; border-top-style: none; border-right-style: none; transform: rotate(-45deg); } .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='checkbox']:before, .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='radio']:before, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='checkbox']:before, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='radio']:before { content: ''; display: block; z-index: 1; position: absolute; width: 1.5rem; height: 1.5rem; border: 0.2rem solid #707070; transition: all 0.3s ease-in-out; cursor: pointer; } .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='checkbox']:after, .cms_bloc_form .cms_bloc_form_field_checkbox > .value input[type='radio']:after, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='checkbox']:after, .cms_bloc_form .cms_bloc_form_field_radio > .value input[type='radio']:after { content: ''; display: block; z-index: 0; position: absolute; top: 0; width: 1.5rem; height: 1.5rem; background: #fff; } .cms_bloc_form .cms_bloc_form_field_submit { position: relative; z-index: 1; } .cms_bloc_form .cms_bloc_form_field_submit button:focus { outline: none; } .cms_bloc_form .cms_bloc_form_field_antispam { display: flex; flex-direction: column; } .cms_bloc_form .cms_bloc_form_field_antispam p { color: #707070; } .cms_bloc_form .cms_bloc_form_field_antispam.cms_bloc_form_field > .label { text-align: left; margin-top: 2rem; } .cms_bloc_form .cms_bloc_form_field_antispam.cms_bloc_form_field > .value { position: relative; width: 100%; } .cms_bloc_form .cms_bloc_form_field_antispam.cms_bloc_form_field > .value input { display: block; order: 2; width: 100%; padding: 1rem 1rem 1rem 0.5rem; border: none; border-bottom: 0.1rem solid rgba(112, 112, 112, 0.3); font-size: 1.8rem; background: transparent; } .cms_bloc_form .cms_bloc_form_field_antispam.cms_bloc_form_field > .value input:focus { outline: none; border-bottom: 0.1rem solid #707070; } .cms_bloc_form .cms_bloc_form_container { width: 100%; } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field > .label, .cms_bloc_form .cms_bloc_form_field > .value { width: 100%; display: block; } } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .label { text-align: left; padding-right: 0; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit { padding-left: 0; text-align: center; display: inline-block; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'] { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; display: inline-block; margin-top: 0.75rem; margin-bottom: 0.75rem; padding: 0.5rem 4.1rem; border: 0.1rem solid #23282a; text-decoration: none; text-transform: uppercase; font-size: 1.6rem; font-weight: 600; letter-spacing: 0.1rem; color: #23282a; transition: 0.3s ease; display: inline-block; } @media (max-width: 440px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type='submit'] { padding-left: 2.2em; padding-right: 2.2em; max-width: 100%; } } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input { width: 100%; } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_checkbox > p, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_radio > p { width: 100%; display: block; } } .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 16rem; } @media (max-width: 800px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 14rem; } } @media (max-width: 600px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 12rem; } } @media (max-width: 440px) { .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 10rem; } } .cms_bloc_form .cms_bloc_form_field_radio_value .label, .cms_bloc_form .cms_bloc_form_field_checkbox_value .label { margin-left: 0.4em; } .content ul, .content ol { position: relative; padding: 0.5rem 0; } .content ul, .content ol { list-style-type: none; } .content .cms_bloc .cms_bloc_html img { max-width: 100%; } .content .cms_bloc .cms_bloc_media .jwplayer { max-width: 100%; } .content .cms_bloc .cms_bloc_map .mm_carte { max-width: 100%; } .content .cms_bloc ul.sitemap li, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li, .content .cms_bloc.cms_bloc_text ul li { text-align: left; line-height: 1.4; padding-left: 2.4rem; padding-top: 2px; padding-bottom: 2px; overflow: auto; } .content .cms_bloc ul.sitemap li:before, .content .cms_bloc.cms_bloc_form .cms_bloc_form_field_content ul li:before, .content .cms_bloc.cms_bloc_module .bl-product-long-description ul li:before, .content .cms_bloc.cms_bloc_text ul li:before { content: ''; display: inline-block; width: 0; height: 0; border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; border-left: 0.4rem solid #23282a; position: relative; left: -1.2rem; top: 0; margin: 0 -.4rem 0 0; } .content .cms_bloc.cms_bloc_text ol { counter-reset: section; } .content .cms_bloc.cms_bloc_text ol li { text-align: left; line-height: 1.4; padding-top: 2px; padding-bottom: 2px; padding-left: 1.5rem; position: relative; overflow: auto; } .content .cms_bloc.cms_bloc_text ol li:before { counter-increment: section; content: counters(section,".") "."; color: #171b1c; display: inline-block; } .content .cms_bloc.cms_bloc_media img { height: auto; } .content a { text-decoration-skip: ink; } .content a:not(.bouton_1) { color: #f0413b; font-weight: inherit; text-decoration: underline; } .content a:not(.bouton_1):hover { text-decoration: none; } .cms_bloc_title h2 { font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #23282a; margin: .6em 0; font-size: 3.4rem; font-weight: 300; line-height: 1.15; text-transform: uppercase; overflow: hidden; } @media (max-width: 800px) { .cms_bloc_title h2 { font-size: 3.22rem; } } @media (max-width: 600px) { .cms_bloc_title h2 { font-size: 3.15rem; } } @media (max-width: 440px) { .cms_bloc_title h2 { font-size: 2.8rem; } } a.bouton_1 { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; display: inline-block; margin-top: 0.75rem; margin-bottom: 0.75rem; padding: 0.5rem 4.1rem; border: 0.1rem solid #23282a; text-decoration: none; text-transform: uppercase; font-size: 1.6rem; font-weight: 600; letter-spacing: 0.1rem; color: #23282a; transition: 0.3s ease; z-index: 1; position: relative; overflow: hidden; cursor: pointer; } @media (max-width: 800px) { a.bouton_1 { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { a.bouton_1 { padding: 1rem 2rem; font-size: 1.2rem; } } .pageHome #zone-page a.bouton_1 { border-color: rgba(255, 255, 255, 0.5); } .pageHome #zone-avisClients a.bouton_1 { border-color: rgba(255, 255, 255, 0.5); color: #fff; } a.bouton_1::before { content: ''; position: absolute; top: 0; left: 0; width: 110%; height: 100%; background: #f0413b; z-index: -1; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: 0.3s ease; } a.bouton_1:hover { color: #fff; border: 0.1rem solid #f0413b; } .pageHome #zone-page a.bouton_1:hover { border-color: #f0413b; } .pageHome #zone-avisClients a.bouton_1:hover { border-color: #f0413b; } a.bouton_1:hover::before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } button.bouton_1 { appearance: none; padding: 0; background: none; border: 0; outline: none; cursor: pointer; margin: 0; display: inline-block; margin-top: 0.75rem; margin-bottom: 0.75rem; padding: 0.5rem 4.1rem; border: 0.1rem solid #23282a; text-decoration: none; text-transform: uppercase; font-size: 1.6rem; font-weight: 600; letter-spacing: 0.1rem; color: #23282a; transition: 0.3s ease; } @media (max-width: 800px) { button.bouton_1 { padding: 1.2rem 2.4rem; } } @media (max-width: 600px) { button.bouton_1 { padding: 1rem 2rem; font-size: 1.2rem; } } span.Sur_Titre_H2 { color: #707070; margin: 0.8em 0; font-size: 2.4rem; font-weight: 300; line-height: 1.15; letter-spacing: 0.7rem; text-transform: uppercase; overflow: hidden; display: block; } span.bouton_1 { cursor: auto; } .pageHome #zone-page span.bouton_1 { border-color: rgba(255, 255, 255, 0.5); } span.Sur_Titre_H2 { color: #707070; margin: 0.8em 0; font-size: 2.4rem; font-weight: 300; line-height: 1.15; letter-spacing: 0.7rem; text-transform: uppercase; overflow: hidden; } @media (max-width: 800px) { span.Sur_Titre_H2 { font-size: 2.2rem; } } @media (max-width: 600px) { span.Sur_Titre_H2 { font-size: 2rem; } } @media (max-width: 440px) { span.Sur_Titre_H2 { font-size: 1.8rem; } } h2.Titre_H2 { font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #23282a; margin: .6em 0; font-size: 3.4rem; font-weight: 300; line-height: 1.15; text-transform: uppercase; overflow: hidden; } @media (max-width: 800px) { h2.Titre_H2 { font-size: 3.22rem; } } @media (max-width: 600px) { h2.Titre_H2 { font-size: 3.15rem; } } @media (max-width: 440px) { h2.Titre_H2 { font-size: 2.8rem; } } h3.Titre_H3 { font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.2em; color: #23282a; font-size: 3rem; margin: 0.4em 0; font-weight: normal; text-transform: uppercase; overflow: hidden; } @media (max-width: 800px) { h3.Titre_H3 { font-size: 2.8rem; } } @media (max-width: 600px) { h3.Titre_H3 { font-size: 2.4rem; } } h4.Titre_H4 { font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.2em; color: #23282a; font-size: 2.4rem; margin: 0.4em 0; font-weight: normal; text-transform: uppercase; overflow: hidden; } @media (max-width: 800px) { h4.Titre_H4 { font-size: 2.2rem; } } @media (max-width: 600px) { h4.Titre_H4 { font-size: 2rem; } } h5.Titre_H5 { font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; text-transform: uppercase; line-height: 1.2em; color: #23282a; font-size: 1.8rem; margin: 0.4em 0; font-weight: normal; text-transform: uppercase; overflow: hidden; } @media (max-width: 800px) { h5.Titre_H5 { font-size: 1.7rem; } } @media (max-width: 600px) { h5.Titre_H5 { font-size: 1.6rem; } } strong.accroche { font-size: 1.8rem; font-weight: 600; } @media (max-width: 800px) { strong.accroche { font-size: 1.7rem; } } @media (max-width: 600px) { strong.accroche { font-size: 1.6rem; } } strong.mise_en_avant_1 { font-weight: bold; color: #23282a; } strong.mise_en_avant_2 { font-weight: bold; color: #f0413b; } span.legende { font-size: 1.4rem; font-style: italic; } @media (max-width: 600px) { span.legende { font-size: 1.2rem; } } blockquote.citation { margin: 1em 0; padding: 0.4em 1em; border-left: 0.4rem solid #23282a; background: rgba(0, 0, 0, 0.04); overflow: hidden; } @media (max-width: 600px) { blockquote.citation { margin-left: 0; margin-right: 0; } } .header { z-index: 999; position: fixed; top: 0; width: 100%; background-color: #fff; transition: 0.4s ease-out; } .pageType .header { box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2); } .header.in-scroll-header { box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2); } .header.in-scroll-header .header-top { height: 0; transform: translateY(-100%); } .header.in-scroll-header .header-sup > .u-wrapper { padding: 1rem 0; } @media (max-width: 1550px) { .header.in-scroll-header .header-sup > .u-wrapper { padding: 1rem 2rem; } } @media (max-width: 1200px) { .header.in-scroll-header .header-sup > .u-wrapper { padding: 1rem 0; } } @media (max-width: 1024px) { .header.in-scroll-header .header-sup > .u-wrapper { padding: 0; } } .header.in-scroll-header #zone-menu .toggleMenu { top: 0; } @media (max-width: 1024px) { .header.in-scroll-header #zone-menu .menu--horizontal.menu--flex.is-on, .header.in-scroll-header #zone-menu .menu--horizontal.menu--inline.is-on, .header.in-scroll-header #zone-menu .menu--horizontal.menu--table.is-on { top: 6rem; } } .header-top { height: 3.5rem; overflow: hidden; background-color: black; transition: 0.5s; } .header-top > .u-wrapper { display: flex; align-items: center; justify-content: flex-start; height: 100%; max-width: 150rem; } @media (max-width: 1550px) { .header-top > .u-wrapper { padding: 0 2rem; } } @media (max-width: 1300px) { .header-top > .u-wrapper { justify-content: space-between; } } @media (max-width: 1024px) { .header-top > .u-wrapper { padding: 0; } } .header-top h1 { max-width: 50%; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; font-weight: normal; line-height: 1.2; white-space: nowrap; color: rgba(255, 255, 255, 0.4); } @media (max-width: 1024px) { .header-top h1 { display: none; } } .header-sup > .u-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 3.5rem 0; max-width: 150rem; transition: 1s; } @media (max-width: 1550px) { .header-sup > .u-wrapper { padding: 3.5rem 2rem; } } @media (max-width: 1300px) { .header-sup > .u-wrapper { justify-content: center; padding: 1.5rem 2rem; } } @media (max-width: 1024px) { .header-sup > .u-wrapper { justify-content: flex-start; height: 6rem; padding: 0; max-width: 94%; } } .header-sup-left { display: flex; align-items: center; } .header-logo { display: inline-block; z-index: 5; margin: 0; margin-right: 4.5rem; margin-left: -0.75rem; text-decoration: none; vertical-align: middle; transition: all 0.2s ease-in-out; } @media (max-width: 1550px) { .header-logo { margin-right: 3rem; } } @media (max-width: 1200px) { .header-logo { margin-right: 2rem; } } @media (max-width: 1024px) { .header-logo { margin-left: 0; } } .header-logo img { display: block; max-height: 10rem; } @media (max-width: 1550px) { .header-logo img { max-height: 8rem; } } @media (max-width: 1200px) { .header-logo img { max-height: 7rem; } } @media (max-width: 1024px) { .header-logo img { max-height: 4.5rem; } } .header-logo:hover { transform: translateX(0.4rem); } .header-link { display: block; z-index: 1; position: relative; padding: 0.5rem 2.26rem; border: 0.1rem solid #f0413b; overflow: hidden; text-decoration: none; text-transform: uppercase; font-size: 1.4rem; font-weight: bold; color: #f0413b; transition: 0.3s ease; } .header-link::before { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 110%; height: 100%; background: #f0413b; transition: 0.3s ease; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0); transform-origin: 0% 100%; } .header-link:hover { color: #fff; } .header-link:hover::before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } @media (max-width: 1650px) { .header-link { padding: 0.7rem 1.75rem; } } @media (max-width: 1200px) { .header-link { padding: 0.7rem 1rem; } } .header-linkMobile { display: flex; align-items: center; justify-content: center; height: 100%; border: none; text-align: center; color: #fff; background: #f0413b; transform: translateX(2rem); } .header-linkMobile:before { background: #e61912; } @media (min-width: 1301px) { .header-linkMobile { display: none; } } @media (max-width: 1024px) { .header-linkMobile { width: 100%; padding: 0; transform: translateX(0); } } .header-linkDesktop { margin-top: 1.5rem; } @media (max-width: 1300px) { .header-linkDesktop { display: none; } } #zone-diaporama { position: relative; overflow: hidden; z-index: 1; margin-top: 18rem; } @media (max-width: 1550px) { #zone-diaporama { margin-top: 14rem; } } @media (max-width: 1200px) { #zone-diaporama { margin-top: 13.8rem; } } @media (max-width: 1024px) { #zone-diaporama { margin-top: calc(3.5rem + 6rem); } } .pageHome #zone-diaporama { height: 60rem; } @media (max-width: 1024px) { .pageHome #zone-diaporama { margin-top: calc(3.5rem + 6rem + 2rem); } } @media (max-width: 600px) { .pageHome #zone-diaporama { height: 50rem; } } @media (max-width: 440px) { .pageHome #zone-diaporama { height: 45rem; } } .pageType #zone-diaporama { height: 20rem; position: relative; background: #23282a; } .pageType #zone-diaporama::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../images/dist/cible-acn.png"); background-repeat: no-repeat; background-size: 15rem; background-position: bottom right; opacity: 0.5; } #zone-diaporama .title { position: relative; height: 100%; display: flex; align-items: center; } #zone-diaporama .title h2 { color: #fff; font-size: 4rem; font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: 1.4; } @media (max-width: 1024px) { #zone-diaporama .title h2 { font-size: 3.5rem; } } @media (max-width: 800px) { #zone-diaporama .title h2 { font-size: 3.25rem; } } @media (max-width: 600px) { #zone-diaporama .title h2 { font-size: 2.75rem; } } @media (max-width: 440px) { #zone-diaporama .title h2 { font-size: 2.25rem; } } #breadCrumb { width: 100%; font-size: 1.2rem; margin-bottom: 1em; } #breadCrumb ol { width: 100%; display: block; } #breadCrumb li:last-of-type a { text-decoration: none; color: #707070; font-weight: 600; } #breadCrumb a { color: #23282a; } #zone-page { position: relative; z-index: 5; padding: 4rem 0 15.75rem; overflow: hidden; } @media (max-width: 900px) { #zone-page { padding: 4rem 0 12.5rem; } } .pageHome #zone-page { padding: 0; } #zone-page #breadCrumb, #zone-page #breadcrumb { font-size: 0.9em; } #zone-page .u-wrapper { padding: 2rem 0; margin: 0 auto; } .pageHome #zone-page .u-wrapper { padding: 0; max-width: 100%; } #zone-page .page { display: flex; justify-content: space-between; align-items: flex-start; } #zone-page main { flex: 1 1 100%; order: 1; } #zone-page aside { flex: 0 0 auto; order: 2; } #zone-page aside:not(:empty) { width: 30rem; margin-left: 3rem; } #zone-page aside:not(:empty) + main { width: calc(100% - 30rem - 3rem); } #zone-page aside:empty + main { width: 100%; } .footerSup { position: relative; background: #23282a; padding: 14.3rem 0 0 0; } .footerSup .u-wrapper { display: flex; } @media (max-width: 900px) { .footerSup .u-wrapper { flex-direction: column; } } .footerSup-logo { z-index: 10; position: absolute; left: 50%; top: 0; width: 12.5rem; height: 12.5rem; transform: translate(-50%, -43.5%); } .footerSup-logo a { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; background: #fff; border-radius: 100%; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2); transition: 0.3s ease; } .footerSup-logo a img { max-width: 8rem; max-height: 8rem; } .footerSup-logo a:hover { transform: scale(1.1); } .footerSup .footerMenu { z-index: 10; position: relative; margin-right: 12rem; } @media (max-width: 900px) { .footerSup .footerMenu { padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 0.1rem solid rgba(255, 255, 255, 0.3); margin-right: 0; } } .footerSup .footerMenu--col2 .menu-list--niv1 { columns: 2; column-gap: 3.5rem; } @media (max-width: 440px) { .footerSup .footerMenu--col2 .menu-list--niv1 { columns: 1; column-gap: 0; } } .footerSup .footerMenu--col3 .menu-list--niv1 { columns: 3; column-gap: 3rem; } .footerSup .footerMenu li { list-style-type: none; margin-bottom: 0.5rem; } .footerSup .footerMenu li a { display: block; color: #707070; text-decoration: none; transition: 0.4s ease-out; position: relative; padding-left: 2.5rem; font-size: 1.6rem; color: #fff; } .footerSup .footerMenu li a::before { content: ''; height: 0.7rem; width: 0.7rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); border-top: 0.2rem solid #fff; border-right: 0.2rem solid #fff; } .footerSup .footerMenu li a:hover { color: #f0413b; } .footerSup .footerInfos { z-index: 10; position: relative; position: relative; display: flex; } @media (max-width: 600px) { .footerSup .footerInfos { flex-direction: column; } } .footerSup .footerInfos-wrapper { display: flex; align-items: center; margin-bottom: 1.3rem; } .footerSup .footerInfos-horaires { margin-left: 12rem; } @media (max-width: 1200px) { .footerSup .footerInfos-horaires { margin-left: 8rem; } } @media (max-width: 1024px) { .footerSup .footerInfos-horaires { margin-left: 3rem; } } @media (max-width: 600px) { .footerSup .footerInfos-horaires { margin-left: 0; margin-top: 4rem; padding-top: 4rem; border-top: 0.1rem solid rgba(255, 255, 255, 0.3); } } .footerSup .footerInfos-horaires-clock { align-items: flex-start; } .footerSup .footerInfos-horaires-clock .footerInfos-icon { margin-right: 3.2rem; } .footerSup .footerInfos-horaires-clock p { margin-top: 0rem; line-height: 1.35; } .footerSup .footerInfos-icon { margin-right: 2.2rem; opacity: 0.4; } .footerSup .footerInfos-icon svg { position: relative; max-width: 3.6rem; max-height: 4.25rem; fill: white; } .footerSup .footerInfos-text { font-weight: normal; font-size: 1.6rem; color: rgba(255, 255, 255, 0.9); margin-top: -0.7rem; line-height: 1.4; } .footerTitle { position: relative; margin-bottom: 5rem; padding-bottom: 0.7rem; text-transform: uppercase; font-size: 2rem; letter-spacing: 0.6rem; color: #fff; } .footerTitle:before { content: ''; position: absolute; bottom: 0; left: 0; width: 4rem; height: 0.3rem; background: #f0413b; } #zone-footer { position: relative; margin-top: 8.2rem; padding: 2.8rem 0 2rem; background: #171c1d; } #zone-footer::before { content: ''; position: absolute; right: 0; bottom: 0; width: 36.1rem; height: 31.6rem; background-image: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../images/dist/cible-acn.png"); } #zone-footer .u-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #737677; font-size: 1.4rem; } #zone-footer .u-wrapper a { position: relative; color: #737677; transition: 0.3s ease; } #zone-footer .u-wrapper a:hover { opacity: 0.5; } .scrollToTop-link { position: fixed; bottom: 4rem; right: 3rem; transition: 0.3s ease; display: inline-flex; align-items: center; justify-content: center; margin: 0 1rem 0 0; padding: 0.25em; width: 5rem; height: 5rem; cursor: pointer; z-index: 1313; border-radius: 0rem; box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3); background: #f0413b; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .scrollToTop-link { display: none; } } @media (max-width: 600px) { .scrollToTop-link { display: none; } } .scrollToTop-link::before { content: ''; display: block; height: 0; width: 0; border: 0 solid transparent; border-bottom: 0.8rem solid #fff; border-left-width: 0.8rem; border-right-width: 0.8rem; transition: 0.3s ease; } .scrollToTop-link:hover { background-color: #171c1d; } .scrollToTop-link.show { visibility: visible; opacity: 1; transform: translateY(0); } .scrollToTop-link.hide { visibility: hidden; opacity: 0; transform: translateY(0.8rem); } .socialLinks { display: flex; } .socialLinks, .socialLinks > li { margin: 0; padding: 0; list-style-type: none; } .socialLinks > li { margin: 0 0.2rem; } .socialLinks a { display: inline-flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; text-align: center; overflow: hidden; font-size: 0; color: inherit; border-radius: 50%; background: rgba(255, 255, 255, 0.05); text-decoration: none; transition: 0.5s ease; } .socialLinks a svg { height: 2rem; width: 2rem; fill: currentColor; } .socialLinks a:hover { background: #f0413b; color: #fff; } .socialLinks a.facebookLink:hover { background: #3c5a99; } .socialLinks a.twitterLink:hover { background: #5ea9dd; } .socialLinks a.googleLink:hover { background: #d74536; } .socialLinks a.instagramLink:hover { background: #d6249f; } .socialLinks a.youtubeLink:hover { background: #e62117; } .socialLinks a.pinterestLink:hover { background: #cb2026; } .socialLinks a.viadeoLink:hover { background: #f4982b; } .socialLinks a.linkedinLink:hover { background: #1a85bc; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-Bold.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-LightItalic.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-BoldItalic.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-SemiBold.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-ExtraBold.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-ExtraBoldItalic.woff") format("woff"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-Light.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-Regular.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-Italic.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/OpenSans-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Quattrocento'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Quattrocento-Bold.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Quattrocento-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Quattrocento'; src: url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Quattrocento.woff2") format("woff2"), url("https://www.acn-menuiserie.fr/default/CMS/css/common/../../../../../../lib/CMS/fonts/googlefonts/Quattrocento.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } /*# sourceMappingURL=common.css.map */ /* ---------------------------------------------------------------/ /!\ Si vous appliquez des modifications CSS sur les .cms_bloc en dehors de se fichier, cela sera répercuté sur les .cms_bloc à l'intérieur de la popup. Dans ce cas, pour éviter les modifications non désirées, ciblé votre .cms_bloc dans la bonne section. Exemple1 ==> #zone-page { ... } Exemple2 ==> .cmb_bloc { @at-root #zone-page & { { ... } } --------------------------------------------------------------- */ .vignette { z-index: 6; position: fixed; top: 25rem; right: 0.8rem; padding: 1.5rem 2.5rem; max-width: 25rem; border: 1px solid #dfdfdf; outline: 0.8rem solid #fff; background: #fff; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15); transition: 0.3s ease; } @media (min-width: 2001px) { .vignette { right: calc((100vw - 105rem - 0.8rem) / 2 - 0.8rem); transform: translateX(100%); } } @media (max-width: 1024px) { .vignette { z-index: 9999999; top: 30%; transform: translateY(-50%); } } @media (max-width: 600px) { .vignette { top: 50%; transform: translateY(-50%); } } .vignette .vignette { display: none; } .vignette.hidden { right: -10%; opacity: 0; } .vignette::after { content: ''; position: absolute; top: 50%; left: 1rem; width: 1.5rem; height: 1.5rem; border-bottom: 2px solid #f0413b; border-left: 2px solid #f0413b; transition: 0.3s ease; transform: rotate(45deg) translateY(-50%) scale(0); } .vignette > p:first-child { padding: 0.5rem 1rem; border: 0.1rem solid #f0413b; font-size: 1.3rem; font-weight: bold; color: #f0413b; transition: 0.3s ease; } .vignette > p:last-child { margin-top: 1.2rem; font-size: 1.05rem; transition: 0.3s ease; } .vignette:hover { padding: 1.5rem 2.5rem 1.5rem 4rem; max-width: 27rem; box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.3); cursor: pointer; } .vignette:hover::after { border-color: #f0413b; transform: rotate(45deg) translateY(-50%) scale(1); } @media (max-width: 1024px) { .vignette { max-width: 15rem; padding: 1rem; } .vignette > p:first-child { font-size: 1.2rem; } .vignette > p:last-child { display: none; } .vignette:hover { padding: 1rem 1rem 1rem 4rem; max-width: 19rem; } } @media (max-width: 900px) { .vignette { right: 0; padding: 3rem; border: none; outline: none; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3); } .vignette::after { left: 2rem; transform: rotate(45deg) translateY(-50%); } .vignette > p { display: none; } .vignette:hover { padding: 3rem 4rem 3rem 3rem; } } .cs-popup { z-index: -999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; transition: 0.8s ease; } .cs-popup.opened { z-index: 2000; background: rgba(35, 40, 42, 0.75); } .cs-popup.opened .cs-popup-bloc { right: 0; opacity: 1; } .cs-popup-bigClose { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .cs-popup-close::before { content: '\2715'; position: absolute; top: 0; right: 0; padding: 1rem 2rem; color: #fff; background: #f0413b; transition: 0.3s ease; cursor: pointer; } .cs-popup-close:hover::before { background: #e61912; } .cs-popup-bloc { position: absolute; top: 0; right: -50%; width: 50%; height: 100%; padding: 8rem 6rem 6rem 6rem; text-align: left; font-size: 1.5rem; opacity: 0; background: #fff; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5); transition: 0.8s ease; } @media (max-width: 1650px) { .cs-popup-bloc { max-width: 65%; width: 65%; } } @media (max-width: 1200px) { .cs-popup-bloc { max-width: 75%; width: 75%; } } @media (max-width: 1024px) { .cs-popup-bloc { max-width: 80%; width: 80%; padding: 8rem 4rem 4rem 4rem; } } @media (max-width: 800px) { .cs-popup-bloc { max-width: 90%; width: 90%; padding: 7rem 3rem 3rem 3rem; } } @media (max-width: 600px) { .cs-popup-bloc { max-width: 90%; width: 90%; padding: 7rem 1.5rem 3rem 1.5rem; } } .cs-popup-content { height: 100%; max-width: 100%; overflow: auto; } .cs-popup-content-bloc { max-width: calc(100% - 1.5rem); } .cs-popup-content-bloc > *:first-child { margin-top: 0; } .cs-popup-content-bloc > *:first-child > * { margin-top: 0; } .cs-popup-content-bloc > *:last-child { margin-bottom: 0; } .cs-popup-content-bloc > *:last-child > * { margin-bottom: 0; } .cs-popup-content-bloc > .cms_bloc:not(:last-child) { margin-bottom: 4rem; } @media (max-width: 900px) { .cs-popup-content-bloc > .cms_bloc:not(:last-child) { margin-bottom: 4rem; } } .cs-popup-content-bloc > .cms_bloc iframe { width: 100%; margin: 0 auto; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { max-width: 50%; } @media (max-width: 900px) { .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { width: 100%; max-width: 100%; padding: 0; } } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_haut > *:last-child { margin-bottom: 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_haut > *:last-child > * { margin-bottom: 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_media_centre { margin: 2rem 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_bas > *:first-child { margin-top: 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_bas > *:first-child > * { margin-top: 0; } @media (max-width: 900px) { .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche, .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { display: block; width: 100%; margin: 0; } .cs-popup-content-bloc .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { margin-top: 4rem; } } /*# sourceMappingURL=popup.css.map */ .nosServices { overflow: hidden; } .nosServices .u-wrapper { display: flex; align-items: flex-start; padding: 14rem 0; } @media (max-width: 1024px) { .nosServices .u-wrapper { flex-direction: column; padding: 10rem 0; } } @media (max-width: 900px) { .nosServices .u-wrapper { padding: 8rem 0; } } @media (max-width: 800px) { .nosServices .u-wrapper { padding: 6rem 0; } } @media (max-width: 600px) { .nosServices .u-wrapper { padding: 5rem 0; } } .nosServices-text { position: relative; width: 31.5%; margin-right: -2.6rem; padding: 5.5rem 9rem 10.75rem 5.5rem; border: 0.1rem solid rgba(112, 112, 112, 0.5); font-size: 1.6rem; line-height: 1.8; } .nosServices-text-label { position: absolute; bottom: 0; left: 3.25rem; padding: 0 2.25rem; text-transform: uppercase; font-family: "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 3.2rem; background: #fff; -webkit-transform: translateY(50%); transform: translateY(50%); } @media (max-width: 1024px) { .nosServices-text-label { display: flex; top: 50%; right: 0; left: auto; align-items: center; justify-content: center; height: 5rem; font-size: 2.75rem; -webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%); transform: rotate(-90deg) translateY(-50%) translateX(50%); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } } @media (max-width: 900px) { .nosServices-text-label { font-size: 2.5rem; } } @media (max-width: 800px) { .nosServices-text-label { font-size: 2rem; } } @media (max-width: 1024px) { .nosServices-text { width: 80%; margin: 0 2.5rem -4rem auto; } } @media (max-width: 800px) { .nosServices-text { width: calc(100% - 2.5rem); margin: 0 0 4rem; padding: 6rem 7rem 6rem 6rem; font-size: 1.4rem; } } @media (max-width: 600px) { .nosServices-text { padding: 4rem 5rem 4rem 4rem; } } .nosServices-list { display: flex; justify-content: space-between; width: calc(100% - 31.5% + 2.6rem); margin: 4.5rem 0 0 auto; } @media (max-width: 1024px) { .nosServices-list { width: calc(100% - 10rem); margin: 0; } } @media (max-width: 900px) { .nosServices-list { flex-wrap: wrap; width: calc(100% - 5rem); margin-left: -1rem; } } @media (max-width: 800px) { .nosServices-list { width: 100%; } } @media (max-width: 600px) { .nosServices-list { width: 100%; margin-left: 0; } } .nosServices-list-item { display: flex; position: relative; top: 0; align-items: center; justify-content: center; width: calc(33.33% - 2rem); height: 33.6rem; overflow: hidden; list-style: none; } @media (max-width: 900px) { .nosServices-list-item { flex-grow: 1; height: 25rem; margin: 1rem; min-width: calc(50% - 2rem); } } @media (max-width: 600px) { .nosServices-list-item { width: 100%; height: 20rem; margin: 1rem 0; } } .nosServices-list-item:hover .nosServices-list-item-image { -webkit-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); } .nosServices-list-item:hover .nosServices-list-item-image:before { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); opacity: 0.5; } .nosServices-list-item:hover .nosServices-list-item-title { box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3); } .nosServices-list-item-link { text-decoration: none; } .nosServices-list-item-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.3s ease; } .nosServices-list-item-image img { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } .nosServices-list-item-image:before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #23282a; transition: 0.75s ease; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .nosServices-list-item-title { z-index: 5; position: relative; padding: 0.9rem 3.3rem; text-align: center; font-size: 1.4rem; font-weight: normal; line-height: 1.6; color: #fff; background: #f0413b; transition: 0.3s ease; } .nosServices-list-item-title span { display: block; text-transform: uppercase; font-size: 1.6rem; font-weight: 600; letter-spacing: 0.25rem; } .nosRealisations { position: relative; padding: 9rem 0 0 0; } @media (max-width: 900px) { .nosRealisations { padding: 8rem 0 0 0; } } @media (max-width: 800px) { .nosRealisations { padding: 6rem 0 0 0; } } @media (max-width: 600px) { .nosRealisations { padding: 5rem 0 0 0; } } .nosRealisations:before { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 22.2rem); background: #23282a; } .nosRealisations h2.Titre_H2, .nosRealisations span.Sur_Titre_H2 { text-align: center; color: #fff; } .nosRealisations-content { position: relative; margin: 6.1rem auto 0; max-width: 150rem; } @media (max-width: 1550px) { .nosRealisations-content { max-width: 94%; } } .nosRealisations-content-list { height: 56rem; } .nosRealisations-content-list ul, .nosRealisations-content-list li { overflow: inherit; margin: 0; padding: 0; list-style-type: none; } @media (max-width: 1024px) { .nosRealisations-content-list { height: 45rem; } } @media (max-width: 800px) { .nosRealisations-content-list { height: 40rem; } } @media (max-width: 600px) { .nosRealisations-content-list { height: 35rem; } } @media (max-width: 440px) { .nosRealisations-content-list { height: 30rem; } } .nosRealisations-content-list-item { position: relative; width: 100%; height: 100%; } .nosRealisations-content-list-item-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .nosRealisations-content-list-item-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } .nosRealisations-content-link { display: block; z-index: 1; position: relative; padding: 0.5rem 2.26rem; border: 0.1rem solid #f0413b; overflow: hidden; text-decoration: none; text-transform: uppercase; font-size: 1.4rem; font-weight: bold; color: #f0413b; transition: 0.3s ease; z-index: 16; position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 2rem 5rem; border: none; font-weight: 600; letter-spacing: 0.27rem; color: #fff; background: #f0413b; } .nosRealisations-content-link::before { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 110%; height: 100%; background: #f0413b; transition: 0.3s ease; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .nosRealisations-content-link:hover { color: #fff; } .nosRealisations-content-link:hover::before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } @media (max-width: 1024px) { .nosRealisations-content-link { padding: 1.5rem 3rem; } } @media (max-width: 800px) { .nosRealisations-content-link { font-size: 1.3rem; padding: 1rem 2.5rem; } } @media (max-width: 600px) { .nosRealisations-content-link { font-size: 1.1rem; padding: 0.75rem 1.5rem; } } .nosRealisations-content-link:before { background: #23282a; } .nosRealisations-content-link svg { width: 1.85rem; height: 1.25rem; margin-left: 1rem; fill: #fff; } .nosRealisations-content-navigation { display: flex; z-index: 10; position: absolute; top: 50%; left: 50%; justify-content: space-between; width: calc(100% + 11rem); height: 5rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1650px) { .nosRealisations-content-navigation { width: 8rem; height: 4rem; top: 1rem; left: auto; right: 1rem; -webkit-transform: none; transform: none; z-index: 17; } } @media (max-width: 440px) { .nosRealisations-content-navigation { display: none; } } .nosRealisations-content-navigation-prev, .nosRealisations-content-navigation-next { display: flex; align-items: center; justify-content: flex-end; width: 5.5rem; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer; } @media (max-width: 1650px) { .nosRealisations-content-navigation-prev, .nosRealisations-content-navigation-next { width: 4rem; justify-content: center; background: #23282a; } } .nosRealisations-content-navigation-prev svg, .nosRealisations-content-navigation-next svg { width: 1.85rem; height: 3.5rem; transition: 0.3s ease; fill: rgba(255, 255, 255, 0.6); } @media (max-width: 1650px) { .nosRealisations-content-navigation-prev svg, .nosRealisations-content-navigation-next svg { fill: #fff; -webkit-transform: scale(0.7); transform: scale(0.7); } } .nosRealisations-content-navigation-prev:hover svg, .nosRealisations-content-navigation-next:hover svg { fill: #f0413b; } .nosRealisations-content-navigation-next { justify-content: flex-start; } @media (max-width: 1650px) { .nosRealisations-content-navigation-next { justify-content: center; } } .nosRealisations-content-navigation-next svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1650px) { .nosRealisations-content-navigation-next svg { -webkit-transform: scale(0.7) rotate(180deg); transform: scale(0.7) rotate(180deg); } } .nosRealisations-content-navigation .swiper-button-disabled { opacity: 0.3; pointer-events: none; } .nosRealisations a { display: block; position: relative; } .nosRealisations a:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 15; opacity: 0; transition: 0.3s ease; box-shadow: inset 0 0 15rem 0 rgba(0, 0, 0, 0.8); } @media (max-width: 1024px) { .nosRealisations a:before { box-shadow: inset 0 0 10rem 0 rgba(0, 0, 0, 0.8); } } @media (max-width: 800px) { .nosRealisations a:before { box-shadow: inset 0 0 5rem 0 rgba(0, 0, 0, 0.8); } } @media (max-width: 600px) { .nosRealisations a:before { box-shadow: inset 0 0 3rem 0 rgba(0, 0, 0, 0.8); } } .nosRealisations a:hover:before { opacity: 1; } .nosRealisations a:hover .nosRealisations-content-link { color: #fff; } .nosRealisations a:hover .nosRealisations-content-link::before { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .nosRealisations a:hover .nosRealisations-content-link svg { fill: #fff; } .contenuSecondaire { padding: 11.25rem 0 0 0; } @media (max-width: 900px) { .contenuSecondaire { padding: 8rem 0 0 0; } } @media (max-width: 800px) { .contenuSecondaire { padding: 6rem 0 0 0; } } @media (max-width: 600px) { .contenuSecondaire { padding: 5rem 0 0 0; } } @media (min-width: 1651px) { .contenuSecondaire .u-wrapper { max-width: 108rem; } } .socialDiapo { padding: 4.75rem 0 10.8rem; } @media (max-width: 1024px) { .socialDiapo { padding: 7.75rem 0 8.2rem; } } @media (max-width: 900px) { .socialDiapo { padding: 7rem 0; } } @media (max-width: 800px) { .socialDiapo { padding: 6rem 0; } } @media (max-width: 600px) { .socialDiapo { padding: 5rem 0; } } .socialDiapo .u-wrapper { display: flex; flex-direction: column; justify-content: center; } .socialDiapo h2.Titre_H2, .socialDiapo span.Sur_Titre_H2 { text-align: center; } .socialDiapo .snWall-paginator { display: none; } .socialDiapo-socialWall { margin-top: 2.1rem; height: 40rem; } .socialDiapo .socialDiapo-contentLink { display: flex; justify-content: center; } .socialDiapo .socialDiapo-link { margin-top: 4rem; } .avisClients { display: flex; overflow: hidden; } @media (max-width: 800px) { .avisClients { flex-direction: column; } } .avisClients h2.Titre_H2, .avisClients span.Sur_Titre_H2 { color: #fff; } .avisClients h2.Titre_H2 { position: relative; overflow: visible; display: flex; justify-content: space-between; align-items: flex-start; } .avisClients h2.Titre_H2 > span { -webkit-transform: translateY(-0.6rem); transform: translateY(-0.6rem); } .avisClients h2.Titre_H2 > span svg { width: 4.85rem; height: 4rem; fill: #f0413b; } .avisClients > div { width: 50%; background: #23282a; } @media (max-width: 800px) { .avisClients > div { width: 100%; } } .avisClients > div:first-child { padding: 6rem 8.75rem 9.5rem calc((100vw - 1200px) / 2); } @media (max-width: 1650px) { .avisClients > div:first-child { padding: 6rem 8.75rem 9.5rem calc((100vw - 110rem) / 2); } } @media (max-width: 1200px) { .avisClients > div:first-child { padding: 6rem 6rem 6rem calc((100vw - 94%) / 2); } } @media (max-width: 800px) { .avisClients > div:first-child { padding: 6rem 3%; } } @media (max-width: 600px) { .avisClients > div:first-child { padding: 3rem 3%; } } .avisClients > div:last-child { position: relative; } @media (max-width: 800px) { .avisClients > div:last-child { height: 35rem; } } @media (max-width: 600px) { .avisClients > div:last-child { height: 25rem; } } @media (max-width: 440px) { .avisClients > div:last-child { height: 25rem; } } .avisClients > div:last-child img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: "object-fit: cover; object-position: center"; } .avisClients .avisClients-text { display: flex; align-items: center; margin-top: 3.8rem; } .avisClients .avisClients-text-link { margin-top: -0.5rem; } .avisClients .avisClients-text-navigation { display: flex; z-index: 10; justify-content: center; height: 4rem; margin-left: 2.75rem; } @media (max-width: 1650px) { .avisClients .avisClients-text-navigation { width: 8rem; height: 4rem; top: 1rem; left: auto; right: 1rem; -webkit-transform: none; transform: none; z-index: 17; } } @media (max-width: 440px) { .avisClients .avisClients-text-navigation { display: none; } } .avisClients .avisClients-text-navigation-prev, .avisClients .avisClients-text-navigation-next { display: flex; align-items: center; justify-content: flex-end; width: 4rem; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer; } .avisClients .avisClients-text-navigation-prev svg, .avisClients .avisClients-text-navigation-next svg { width: 8.5rem; height: 1.6rem; transition: 0.3s ease; fill: rgba(255, 255, 255, 0.6); } @media (max-width: 1650px) { .avisClients .avisClients-text-navigation-prev svg, .avisClients .avisClients-text-navigation-next svg { fill: #fff; -webkit-transform: scale(0.7); transform: scale(0.7); } } .avisClients .avisClients-text-navigation-prev:hover svg, .avisClients .avisClients-text-navigation-next:hover svg { fill: #f0413b; } .avisClients .avisClients-text-navigation-next { justify-content: flex-start; border-right: 0.1rem solid rgba(255, 255, 255, 0.3); } @media (max-width: 1650px) { .avisClients .avisClients-text-navigation-next { justify-content: center; } } .avisClients .avisClients-text-navigation-next svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 1650px) { .avisClients .avisClients-text-navigation-next svg { -webkit-transform: scale(0.7) rotate(180deg); transform: scale(0.7) rotate(180deg); } } .avisClients .avisClients-text-navigation .swiper-button-disabled { opacity: 0.3; pointer-events: none; } .pageHome .reviews { margin-top: 1.8rem; } .pageHome .reviews-average { display: none; } .pageHome .reviews-elementLeft { display: flex; align-items: flex-end; } .pageHome .reviews-star { color: #fff; opacity: 0.5; font-size: 2rem; } .pageHome .reviews-star--on { opacity: 1; color: #fff; } .pageHome .reviews-elementName { font-size: 1.8rem; font-weight: 600; color: #fff; margin-left: 3.8rem; -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); } .pageHome .reviews-elementRight { margin-top: 1.3rem; line-height: 1.7; } .map { padding: 8.2rem 0 15.75rem; } @media (max-width: 900px) { .map { padding: 8rem 0 12.5rem; } } .map h2.Titre_H2, .map span.Sur_Titre_H2 { text-align: center; } .map-map { max-width: 150rem; margin: 0 auto; } @media (max-width: 1550px) { .map-map { max-width: 94%; } } .map-map .cms_bloc_html { margin-top: 6.6rem; } @media (max-width: 800px) { .map-map .cms_bloc_html { margin-top: 3rem; } } .map-map .cms_bloc_html iframe { -webkit-filter: saturate(0); filter: saturate(0); width: 100%; height: 38.3rem; } @media (max-width: 800px) { .map-map .cms_bloc_html iframe { height: 30rem; } } @media (max-width: 440px) { .map-map .cms_bloc_html iframe { height: 25rem; } }