/*!*********************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/theme.scss ***! \*********************************************************************************************************/ @import url(https://www.lucyan.fr/framework/dist/lucyan.css); /*!*************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/theme.scss (1) ***! \*************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Syne:wght@400..800&family=Manrope:wght@400..500&display=swap); /*!*****************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css ***! \*****************************************************************************************************************/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /*!*************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./css/theme.scss (2) ***! \*************************************************************************************************************/ @charset "UTF-8"; :root, [data-theme=default] { --color-blanc: #ffffff; --color-beige-light: #FAF5F0; --color-beige: #EDD7C3; --color-beige-dark: #EDD7C3; --color-main: #00497E; --color-main-active: #002540; --color-main2: #785D32; --color-main2-active: #DBA605; --color-main3: #785D32; --color-main3-active: #785D32; --color-extra-1: #EB6C45; --color-extra-2: #02496E; --color-extra-3: #000000; --color-gris-light: #D5D5D5; --color-gris: #A0A0A0; --color-gris-dark: #9B9B9B; --color-noir: #002540; --color-noir-pitch: #000000; --webapp-font-title: "Noto Serif JP", Helvetica, Arial, sans-serif; --webapp-font-text: "Syne", Helvetica, Arial, sans-serif; --webapp-font-other: "Manrope", Helvetica, Arial, sans-serif; --webapp-h1-font-size: 28px; --webapp-h1-line-height: 1.16; --webapp-h2-font-size: 18px; --webapp-h2-line-height: 1.16; --webapp-h3-font-size: 20px; --webapp-h3-line-height: 1.16; --webapp-h4-font-size: 18px; --webapp-h4-line-height: 1.16; --webapp-h5-font-size: 15px; --webapp-h5-line-height: 1.16; --webapp-h6-font-size: 15px; --webapp-h6-line-height: 1.16; --webapp-p-font-size: 15px; --webapp-p-line-height: 1.46; --webapp-font-weight-light: 300; --webapp-font-weight-regular: 400; --webapp-font-weight-medium: 500; --webapp-font-weight-semibold: 600; --webapp-font-weight-bold: 700; --webapp-font-weight-extrabold: 800; --webapp-font-weight-black: 900; --webapp-box-shadow: 0 0 20px rgba(78,78,78, .07); --webapp-box-shadow-large: 0 10px 30px rgba(0,0,0, .15); --webapp-limiter-max: 100%; --webapp-limiter-max-padding: 0px; --webapp-limiter: 100%; --webapp-limiter-padding: 20px; --webapp-grid-row: -17px; --webapp-grid-col: 17px; --webapp-border-radius: 3px; --webapp-bloc-pt: 100px; --webapp-bloc-pb: 0; --webapp-bloc-padding: 100px; --webapp-spacer-s1: 15px; --webapp-spacer-s2: 25px; --webapp-spacer-s3: 40px; --webapp-spacer-s4: 100px; --webapp-spacer-s5: 100px; --webapp-input-height: 38px; --webapp-input-font-size: 18px; --webapp-input-border: 1px solid #D5D5D5; --webapp-input-border-radius: 3px; --webapp-input-background: #FFFFFF; --webapp-input-padding-y: 0; --webapp-input-padding-x: 12px; --webapp-textarea-padding-y: 12px; --webapp-textarea-padding-x: 12px; --webapp-form-error: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cg id=%27Groupe_1%27 data-name=%27Groupe 1%27 transform=%27translate%28-5121 -13184%29%27%3E%3Cpath id=%27Soustraction_1%27 data-name=%27Soustraction 1%27 d=%27M-133.755,88h-11.489a1.727,1.727,0,0,1-1.513-.9,1.842,1.842,0,0,1-.009-1.812l5.745-10.38A1.725,1.725,0,0,1-139.5,74a1.725,1.725,0,0,1,1.522.912l5.745,10.38a1.842,1.842,0,0,1-.009,1.813A1.727,1.727,0,0,1-133.755,88Zm-5.735-4.2a1.153,1.153,0,0,0-1.137,1.165,1.154,1.154,0,0,0,1.137,1.168,1.153,1.153,0,0,0,1.136-1.168A1.152,1.152,0,0,0-139.49,83.8Zm0-6.534a1.057,1.057,0,0,0-1.137.949c0,.522.506,4.65,1.137,4.65s1.136-4.128,1.136-4.65A1.056,1.056,0,0,0-139.49,77.267Z%27 transform=%27translate%285273 13115%29%27/%3E%3Crect id=%27Rectangle_1507%27 data-name=%27Rectangle 1507%27 width=%2724%27 height=%2724%27 transform=%27translate%285121 13184%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E%0A"); --logo-icon: url("data:image/svg+xml,%3Csvg id=%27Groupe_1394%27 data-name=%27Groupe 1394%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2734%27 height=%2734%27 viewBox=%270 0 34 34%27%3E%3Crect id=%27size%27 width=%2734%27 height=%2734%27 fill=%27none%27/%3E%3Cpath id=%27icon%27 d=%27M2519.367-7.2c-1.388-1.153-2.929-.528-3.261-3-.075-.553.209-1.016.17-1.515-.069-.9-.649-2.729-1.657-2.911l-.01-.393c1.264-1.513,3.692-.829,4.963-2.476-.334-.519-.638-.237-.981.045a.983.983,0,0,1-.769.326l-.868-.778-.562,1.074-1.508-.252.55.82a1.976,1.976,0,0,1-.845-.058c-.472-.1-.934-.193-1.085.2l.549.407-.833.143c-1.2-1.179-2.049-1.562-1.518-3.446.238-.846,1.734-1.854.285-2.191l-.187.78-.781.053c.324.847.069,1.2-.827,1.372l.563.411-.564,1.1.55.272c-1,.74-1.465-.07-2.008-.88s-1.146-1.6-2.409-.9c-.172.743.354.577.739.41.188-.082.342-.163.364-.138l-.28.956,1.109.145c.058.388-1.066.52-1.256.511-.819-.037-3.141-2.179-3.436-1.886.029,1.365,1.885,1.456,1.656,2.472l.974-.247.544,1.065c.2-.011,1.351-1.742,2.074-1.235,1.073.679-1.421,1.121-1.1,2.065l2.34-1.1.285.551-1.523,1.094,2.485-.687c.43.23.032.749-.146.956-.583.675-1.338.277-1.234,1.106a3.217,3.217,0,0,0,1.464-.328c.439-.257.649-1.1,1.021-.91.575.291-.208,1.337-.418,1.51-.6.491-1.4-.079-1.237.826a7.883,7.883,0,0,0,1.644-.421c.771-.446.2-1.379,1.114-1.224-.251,1.154-.822,2.43-2.208,2.2.678,1.159,1.352.355,1.968-.45.493-.643.949-1.286,1.344-.925-.374,2.829-2.58,2.18-3.947,3.009-2.091,1.267-2.747,2.129-5.239,3.1-.376.147-.833.76-.892.76h-4.28l8.559-3.569c-1.849-.468-2.944.808-4.341,1.31-2.494.9-5.193,1.291-7.676,2.254l-.112-.8,1.363-.3-.278-.82,2.209-.005-.551-1.094h1.933l-.279-.545c.566-.346,1.023-.006,1.463.334.362.279.713.558,1.1.457.442-.115,1.4-1.286,2.117-1.493.774-.221,1.5,0,2.233-.249,1.137-1.57-.015-1.638-.684-2.638-1.582-2.37-1.541-1.5-3.472-3.141a4.128,4.128,0,0,1-1.658-2.338c-1.157.583-2.162,1.607-3.586,1.376v-1.1l-1.93.275.465-2.615-1.019-.682v-.55c.2-.358,1.267-1.61,1.287-1.779.073-.64-1.192-2.434-.712-3.425l.807-.017c-1.112-1.013-.1-1.436-.046-2.1.034-.383-.5-.668-.515-1.057-.018-.541.829-.944.829-1.094,0-.21-1.68-1.184-.845-2.223.221-.274.872-.326.869-.54-.01-.551-1.023-1.875-.571-2.87.556-.552,3.5.738,4.054.774a1.3,1.3,0,0,0,.765-.386,1.4,1.4,0,0,1,.851-.385c.563.017.79.716,1.137.785a1.063,1.063,0,0,0,.675-.251,1.257,1.257,0,0,1,.668-.257c.4.02.7.553,1.053.506.317-.043.837-.752,1.158-.724.287.024.517.768,1.049.723.726-.063,2.348-1.275,3.327-1.079l.589,1.12c.86-1.1.734-.6,1.8-.275V-37.69a3.477,3.477,0,0,1,2.514.465,4.584,4.584,0,0,0,1.719.568c1.487-.053,2.873-1.309,4.758-1.05a9.381,9.381,0,0,1,2.01,1.572c.487,1.484-.963,2.751-1.013,3.575-.023.388.49.627.465,1.01-.032.507-1.481,2.19-.747,3.44l1,.434-.771,4.113.835.843-1.332,1.375,1.214,2.624-2.248.794-.119,1.4-2.318-.517c-.958,1.811-2.5,1.529-4.027,2.3,1.192,1.2,1.092,3.219,1.1,4.808,1.038-.784,2.2-1.718,3.586-1.645L2519.3-9.944a21.292,21.292,0,0,0,2.414-.757c.278-.06.968-.28.9.207L2520.13-8.57l3.59-.819-2.76,2.059c-.041.1,1.679.79,1.378,1.508a4.283,4.283,0,0,1-.9.114C2520.257-5.708,2520.191-6.515,2519.367-7.2Zm-6.554-9.616c.446-1.29,3.742-.994,3.449-2.327-.131-.591-.5-.282-.857.028-.229.2-.455.39-.622.361l-1-.8-.594,1.354-1.065-.255a1.539,1.539,0,0,0,.689,1.641Zm8.972-.821a2.687,2.687,0,0,0-1.241-2.467c-1.626,1.456-.444,2.137,1.242,2.469Zm-4.691-3.294.831,2.47c.346.252.921-.359,1.282-.971s.516-1.255-.04-.949l-.554.821c-.392-.219-.3-.77-.493-1.017a1.811,1.811,0,0,0-.924-.382.142.142,0,0,0-.1.03Zm-19.33,1.92a1.769,1.769,0,0,0,1.759-.442,1.77,1.77,0,0,0,.446-1.758,3.034,3.034,0,0,0-2.2,2.2Zm2.761,0a3.426,3.426,0,0,0,3.037-1.647l-2.483.822c-.28-.335,1.353-1.4-.137-1.647-.635.137-.386,1.966-.416,2.477Zm21.262-1.646a2.051,2.051,0,0,1,.553,1.646l1.655-.279c-.438-.729-.817-1.5-1.593-1.5a1.614,1.614,0,0,0-.614.143Zm-15.556.236c1,.329,2.143-.616,2.571-1.481.244-.639-.868-.327-.969-.276-.524.264-.731.745-1.232.968l.55-1.646a2.177,2.177,0,0,0-.573-.084c-1.343,0-1.447,1.64-.345,2.523Zm10.862-1.474a6.127,6.127,0,0,0,3.863.958c-.269-1.045-1.014-2.17-2.208-1.919l.552.819a2.081,2.081,0,0,1-.859-.105,2.61,2.61,0,0,0-.653-.12.816.816,0,0,0-.693.371Zm-14.9-1.494-.292,2.178c.758.469,3-1.009,3.03-1.509.032-.6-.544-.274-1.08.049-.379.228-.737.455-.848.361l.275-1.094Zm19.587.25.823.418c-.278.537-1.465.113-1.1,1.1.182.485.393.326.73.188s2.1-1.222,1.752-1.693c-.551-.028-1.168-.486-1.637-.486-.227,0-.427.12-.561.477Zm-10.49-.413c-.187.065-1.7,1.039-1.628,1.331.376,2.319,3.051-.463,2.727-.905a.85.85,0,0,1-.554-.219.928.928,0,0,0-.456-.222.264.264,0,0,0-.079.019Zm2.76.285c-.218,1,1.541,1.471,2.2,1.784.012-.626,1.051-1.579.115-1.9-.8-.271-1.1-.053-.941.8-.473-.111-.624-1-.972-1-.1.005-.23.093-.4.321Zm-14.284.97c.881.059,1.84.119,1.855-.835h-1.656l1.1-1.094a1.976,1.976,0,0,0-1.529.471,1.976,1.976,0,0,0-.679,1.448,2.413,2.413,0,0,1,.293-.016c.2,0,.41.016.623.031Zm8.342-.294c.491-.265,2.576-.987,2.621-1.5.053-.61-.561-.288-1.055.034a3.667,3.667,0,0,1-.593.377l.823-1.921a.694.694,0,0,0-.214-.033c-1.19,0-2.561,2.977-1.575,3.048Zm5.385-.817c.777-2.152.162-4.387-2.48-4.118l1.927,1.787.559,1.093-2.627-2.057c-.6,1.83,1.213,2.7,2.628,3.3Zm4.974-.277c3.128.284,3.577-.349,3.131-.983-.467-.661-1.915-1.324-2.3-.936-.316,1.253.741.536,1.1,1.37a4.191,4.191,0,0,0-1-.212c-.365,0-.662.183-.919.765ZM2503-23.958l2.448.237.59-1.332-1.655.136,1.1-.959a2.258,2.258,0,0,0-.734-.131,1.84,1.84,0,0,0-1.318.648,1.839,1.839,0,0,0-.424,1.405Zm12.5-2.4c-1.906,2.02,2.21,3.429,3.1,1.58.7-1.456-.355-2.208-1.49-2.208a2.232,2.232,0,0,0-1.6.631Zm-17.854,1.219c.216.6.687,1.2,1.07,1.2l.969-.7-1.1-.577.269-.932a2.068,2.068,0,0,0-.758-.186c-.618,0-.657.6-.441,1.2Zm25.371.634a3.416,3.416,0,0,0,.971-2.747,4.63,4.63,0,0,0-3.313.96c.866.99,1.335.486,2.2-.136.308.36-1.34,1.728.151,1.928Zm-22.3-.337c1.285.315,1.8.147,2.288-1.034l-1.932.27,1.1-1.369a.533.533,0,0,0-.414-.154c-1.061,0-3.16,1.77-1.039,2.29Zm5.6-1.04,1.914.54.3-.808-.829-.551h1.931a1.023,1.023,0,0,0-1.074-.6c-1.129-.005-2.647.864-2.236,1.421Zm8.009-.273c.8.063.676-.754,1.4-1.214.684-.436,1.635-.086,1.358-1.256a.052.052,0,0,0-.039-.01c-.394,0-3.446,1.492-2.712,2.483Zm3.865-1.642,1.38.273-.273,1.1c1.108.032.821-1.2.825-1.921Zm-14.283,1.11c.818.04,1.6.079,2.131-.7l-1.654.137.273-1.1c-.646-.242-1.613,1.436-1.378,1.645h.09c.185.005.365.012.543.02Zm-5.859-1.13,2.2.438.268-.695h-1.654c-.13-1.1,1.193.043.825-1.372a.636.636,0,0,0-.1-.007c-.7,0-1.944,1.04-1.533,1.638Zm15.45-.94.825.134-.549,1.1a2.846,2.846,0,0,0,1.929-2.746,2.058,2.058,0,0,0-.224-.013c-1,0-1.4.8-1.974,1.527Zm8.984-.424c-.394.875-1.824.716-1.8,1.654,2.546-.537,3.252-1.2,2.48-3.845-2.07.692-.236,1.231-.669,2.193Zm-21.96.418c.815.86,2.461,2,2.757.139l-.828-.549c.128,0,.271.006.42.014.7.036,1.535.072,1.51-.838q-.214-.018-.429-.018a5.357,5.357,0,0,0-3.425,1.255Zm8.28.686,1.519-.822-.14.821,1.34-.314.039-1.606c-.008-.009-.027-.013-.058-.013-.446,0-3.228.921-2.695,1.936Zm-1.523-3.445c-1.479.011-2.852,1.675-1.632,2.875a1.931,1.931,0,0,0,1.754.083,1.931,1.931,0,0,0,1.1-1.373,1.128,1.128,0,0,0-.124-1.153,1.127,1.127,0,0,0-1.076-.433Zm10.643,3.166c1.859-.07-.508-2.453-1.4-1.8l-.259,1.254,1.211-.261Zm-5.809-.546c.814.237,2.346-2.367,2.209-2.468l-2.188.3-.019.8,1.1-.139Zm6.353-1.507,1.932.415-1.1.549c-.047.676,2.1.419,2.207.269.339-.457-1.246-1.627-2.291-1.627a.772.772,0,0,0-.741.4Zm-9.112-.139,1.794-1.922-.416,1.37c1.6-.132,1.595-1.2,1.094-2.463h-.059c-1.969,0-2.069,1.393-2.405,3.017Zm-6.767,0c.671-.588-1.05-1.569-.689-1.921l1.377.272-.023-.8-2.735-.574a5.47,5.47,0,0,0,2.081,3.024Zm12.291-.274c1.578-.671-.277-4.543-1.209-4.377l-1.235,1.439.519,1.556.815.006-.274-1.37c1.16.154,1.548,1.7,1.391,2.747Zm1.141-1.727c-.343,1.469,1.947,2.153,2.923,1.1,1.043-1.12-.3-2.139-1.5-2.139a1.346,1.346,0,0,0-1.417,1.035Zm-15.781,1.041-1.38-.692v-.545l1.1.272c-.294-.653-1.039-.6-1.724-.558a4.549,4.549,0,0,1-.76.014c-.552.485,2.124,2.224,2.771,1.511Zm23.47-3.161c-.156,1.482-1.973,1.873-2.206,3.294,1.406.465,3.487-3.7,3.036-4.117a2.365,2.365,0,0,0-2.205.964c-.031.7.515.425.929.149a3.841,3.841,0,0,1,.44-.293.007.007,0,0,1,.01,0,.007.007,0,0,1,0,.009Zm-4.416.553,1.381.549-.827,2.194,1.074-.03.581-2.99Zm-10.209,1.235c-.235-1.37-2.146-.437-1.94.684l1.379-.545c-.66,1.417.825,1.358.57-.138Zm-4.107.093,1.06.317c.2-3.074-.924-4.168-3.036-1.506.614,1.607,1.282.116,1.93-.416Zm-6.947-3.252c-.086,1.027.414,2.706,1.655,2.335l-.823-1.513,1.929.548c.177-1.269-1.269-1.374-2.308-1.374l-.445,0Zm16.844-.552a2.76,2.76,0,0,0,.971,2.747l.688-.418-.552-1.229c.923.787,1.39,1.362,2.758,1.1a3.349,3.349,0,0,0-3.342-2.23,4.223,4.223,0,0,0-.514.032Zm-13.529,2.471c.932.152,1.35-.725,1.926-1.235a.7.7,0,0,0-.61-.4c-.754,0-1.649,1.3-1.307,1.642Zm8.835,0a1.223,1.223,0,0,0,1.326-.719,1.223,1.223,0,0,0-.38-1.459c-1.121.318-2.328.469-2.049,1.9l1.655-.82Zm9-1.946-.162.848c1.484-.2,3.689.176,4.419-1.37q-.365-.03-.729-.03a13.242,13.242,0,0,0-3.522.553Zm-10.1,30.245c-.56-.48,1.961-1.466,2.342-1.374l.144.823a1.465,1.465,0,0,0,.721,0c.536-.069,1.1-.139.935.547Zm0-1.788a10.209,10.209,0,0,1,6.629-2.331c.1,1.386-.874,1.174-1.824.964a2.786,2.786,0,0,0-1.3-.108c-.46.154-.538.9-1.026,1.193-.4.233-1.112.256-1.665.542-.753.39-1.1,1.154-1.913,1.252-.288-.279.87-1.312,1.1-1.511Zm4.353.34c-1.463-.282-.46-1.258.154-1.247.18,0,2.53.568,2.912.675.265.074,2.885.842,2.247,1.471-1.687-1.107-3.594-.566-5.312-.9Z%27 transform=%27translate%28-2493.106 38.794%29%27 fill=%27%23012540%27 stroke=%27rgba%280,0,0,0%29%27 stroke-width=%271%27/%3E%3C/svg%3E"); --licon-phone: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_1023%27 data-name=%27Rectangle 1023%27 width=%2715.559%27 height=%2715.561%27 fill=%27%23012540%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27licon-phone%27 transform=%27translate%28-1378 -21%29%27%3E%3Cg id=%27Groupe_1387%27 data-name=%27Groupe 1387%27 transform=%27translate%281382 25%29%27%3E%3Cg id=%27Groupe_1386%27 data-name=%27Groupe 1386%27 transform=%27translate%280 0%29%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cpath id=%27Trac%C3%A9_870%27 data-name=%27Trac%C3%A9 870%27 d=%27M4.049,4.613,5.311,3.551a.377.377,0,0,0,.025-.561L2.456.11a.378.378,0,0,0-.534,0L.828,1.2A2.819,2.819,0,0,0,.059,3.77a14.8,14.8,0,0,0,4.288,7.442,14.877,14.877,0,0,0,7.443,4.292,2.832,2.832,0,0,0,2.566-.774l1.093-1.093a.385.385,0,0,0,0-.54L12.569,10.22a.4.4,0,0,0-.287-.11.377.377,0,0,0-.274.135l-1.062,1.266a1.074,1.074,0,0,1-1.165.334,5.845,5.845,0,0,1-.6-.232A10.344,10.344,0,0,1,6.132,9.428,10.289,10.289,0,0,1,3.947,6.375a5.872,5.872,0,0,1-.233-.6,1.073,1.073,0,0,1,.336-1.16Z%27 transform=%27translate%280 0%29%27 fill=%27%23012540%27/%3E%3C/g%3E%3C/g%3E%3Crect id=%27Rectangle_1027%27 data-name=%27Rectangle 1027%27 width=%2724%27 height=%2724%27 transform=%27translate%281378 21%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-email: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_1025%27 data-name=%27Rectangle 1025%27 width=%2717%27 height=%2713%27 transform=%27translate%280 0.12%29%27 fill=%27%23012540%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27licon-email%27 transform=%27translate%28-1418 -21%29%27%3E%3Cg id=%27Groupe_1391%27 data-name=%27Groupe 1391%27 transform=%27translate%281422.438 26.802%29%27%3E%3Cg id=%27Groupe_1390%27 data-name=%27Groupe 1390%27 transform=%27translate%28-0.438 0.078%29%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cpath id=%27Trac%C3%A9_873%27 data-name=%27Trac%C3%A9 873%27 d=%27M7.038,1.026C9.351,2.985,13.41,6.431,14.6,7.506a.7.7,0,0,0,1.019,0c1.194-1.076,5.253-4.522,7.566-6.481a.351.351,0,0,0,.049-.485A1.394,1.394,0,0,0,22.136,0H8.091a1.394,1.394,0,0,0-1.1.541.351.351,0,0,0,.049.484%27 transform=%27translate%28-6.367 -0.057%29%27 fill=%27%23012540%27/%3E%3Cpath id=%27Trac%C3%A9_874%27 data-name=%27Trac%C3%A9 874%27 d=%27M16.651,80.444a.35.35,0,0,0-.374.051c-2.565,2.175-5.839,4.962-6.869,5.89a1.422,1.422,0,0,1-1.96,0C6.349,85.4,2.672,82.27.578,80.5A.351.351,0,0,0,0,80.763v8.83A1.406,1.406,0,0,0,1.4,91H15.45a1.406,1.406,0,0,0,1.4-1.4v-8.83a.351.351,0,0,0-.2-.319%27 transform=%27translate%280.319 -77.821%29%27 fill=%27%23012540%27/%3E%3C/g%3E%3C/g%3E%3Crect id=%27Rectangle_1028%27 data-name=%27Rectangle 1028%27 width=%2724%27 height=%2724%27 transform=%27translate%281418 21%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-alert: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_1026%27 data-name=%27Rectangle 1026%27 width=%2714.241%27 height=%2717.089%27 fill=%27%23012540%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27licon-alert%27 transform=%27translate%28-1458 -21%29%27%3E%3Cg id=%27Groupe_1393%27 data-name=%27Groupe 1393%27 transform=%27translate%281463 24%29%27%3E%3Cg id=%27Groupe_1392%27 data-name=%27Groupe 1392%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cpath id=%27Trac%C3%A9_875%27 data-name=%27Trac%C3%A9 875%27 d=%27M13.8,12.043A4.769,4.769,0,0,1,12.1,8.394V6.408A4.988,4.988,0,0,0,7.833,1.481V.712a.712.712,0,0,0-1.424,0v.769A4.988,4.988,0,0,0,2.136,6.408V8.394a4.775,4.775,0,0,1-1.7,3.655,1.246,1.246,0,0,0,.81,2.192H13a1.246,1.246,0,0,0,.8-2.2%27 fill=%27%23012540%27/%3E%3Cpath id=%27Trac%C3%A9_876%27 data-name=%27Trac%C3%A9 876%27 d=%27M137.573,450.136A2.675,2.675,0,0,0,140.189,448h-5.232a2.674,2.674,0,0,0,2.616,2.136%27 transform=%27translate%28-130.452 -433.047%29%27 fill=%27%23012540%27/%3E%3C/g%3E%3C/g%3E%3Crect id=%27Rectangle_1029%27 data-name=%27Rectangle 1029%27 width=%2724%27 height=%2724%27 transform=%27translate%281458 21%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-map: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cg id=%27licon-alert%27 transform=%27translate%28-1458 -21%29%27%3E%3Cg id=%27Groupe_1394%27 data-name=%27Groupe 1394%27%3E%3Cpath id=%27Trac%C3%A9_882%27 data-name=%27Trac%C3%A9 882%27 d=%27M19.935,9.41,10.827.3h0A.978.978,0,0,0,9.411.3L.3,9.41a.978.978,0,0,0,0,1.417l9.107,9.107h0a.978.978,0,0,0,1.417,0l9.107-9.107a.978.978,0,0,0,0-1.417Zm-7.792,3.238v-2.53H8.1v3.036H6.071V9.106A.956.956,0,0,1,7.083,8.094h5.06V5.565l3.542,3.542Z%27 transform=%27translate%281460.004 23.003%29%27 fill=%27%23012540%27/%3E%3C/g%3E%3Crect id=%27size%27 width=%2724%27 height=%2724%27 transform=%27translate%281458 21%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-star: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cg id=%27licon-star%27 transform=%27translate%280 0.008%29%27%3E%3Cpath id=%27Trac%C3%A9_922%27 data-name=%27Trac%C3%A9 922%27 d=%27M6.387.317,7.58,3.989h3.861a.459.459,0,0,1,.27.831L8.587,7.089,9.78,10.76a.459.459,0,0,1-.707.513L5.95,9,2.827,11.274a.459.459,0,0,1-.707-.513L3.314,7.089.19,4.819a.459.459,0,0,1,.27-.831H4.321L5.514.317a.459.459,0,0,1,.873,0%27 transform=%27translate%280 -0.008%29%27 fill=%27%23dba605%27/%3E%3Crect id=%27Rectangle_1040%27 data-name=%27Rectangle 1040%27 width=%2712%27 height=%2712%27 transform=%27translate%280 -0.008%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-check: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cg id=%27Groupe_1735%27 data-name=%27Groupe 1735%27 transform=%27translate%28-0.5 -0.5%29%27%3E%3Cpath id=%27Trac%C3%A9_932%27 data-name=%27Trac%C3%A9 932%27 d=%27M16.317.707,5.571,11.453.707,6.59%27 transform=%27translate%283.793 5.793%29%27 fill=%27none%27 stroke=%27%23785d31%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Crect id=%27Rectangle_1053%27 data-name=%27Rectangle 1053%27 width=%2724%27 height=%2724%27 transform=%27translate%280.5 0.5%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-big-arrow-right: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2792%27 height=%2758%27 viewBox=%270 0 92 58%27%3E%3Cg id=%27licon-big-arrow-right%27 transform=%27translate%28-773 -214%29%27%3E%3Cpath id=%27Trac%C3%A9_929%27 data-name=%27Trac%C3%A9 929%27 d=%27M61.627,56.156,88,29.786H0v-2H88L61.627,1.414,63.041,0,91.826,28.786,63.041,57.57Z%27 transform=%27translate%28773 214%29%27 fill=%27%2302496e%27/%3E%3Crect id=%27Rectangle_1030%27 data-name=%27Rectangle 1030%27 width=%2792%27 height=%2758%27 transform=%27translate%28773 214%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-arrow-left: url("data:image/svg+xml,%3Csvg id=%27licon-arrow-left%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2726%27 viewBox=%270 0 40 26%27%3E%3Cpath id=%27Trac%C3%A9_931%27 data-name=%27Trac%C3%A9 931%27 d=%27M-915.133-224.508l-9.039-9.039h32.189v-2h-32.189l9.04-9.04L-916.547-246-928-234.546l11.453,11.453Z%27 transform=%27translate%28929.983 248%29%27 fill=%27%2302496e%27/%3E%3Crect id=%27Rectangle_1016%27 data-name=%27Rectangle 1016%27 width=%2740%27 height=%2726%27 fill=%27none%27/%3E%3C/svg%3E"); --licon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2726%27 viewBox=%270 0 40 26%27%3E%3Cg id=%27licon-arrow-right%27 transform=%27translate%282 3%29%27%3E%3Cpath id=%27Trac%C3%A9_931%27 data-name=%27Trac%C3%A9 931%27 d=%27M-904.85-224.508l9.039-9.039H-928v-2h32.189l-9.04-9.04,1.414-1.414,11.453,11.453-11.453,11.453Z%27 transform=%27translate%28928 245%29%27 fill=%27%2302496e%27/%3E%3Crect id=%27Rectangle_1016%27 data-name=%27Rectangle 1016%27 width=%2740%27 height=%2726%27 transform=%27translate%28-2 -3%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-arrow-up: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cg id=%27licon-arrow-up%27 transform=%27translate%282 5%29%27%3E%3Cpath id=%27Trac%C3%A9_931%27 data-name=%27Trac%C3%A9 931%27 d=%27M-904.85-224.508l9.039-9.039H-928v-2h32.189l-9.04-9.04,1.414-1.414,11.453,11.453-11.453,11.453Z%27 transform=%27translate%28253 -894.983%29 rotate%28-90%29%27 fill=%27%2302496e%27/%3E%3Crect id=%27Rectangle_1016%27 data-name=%27Rectangle 1016%27 width=%2740%27 height=%2740%27 transform=%27translate%28-2 -5%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-arrow-down: url("data:image/svg+xml,%3Csvg id=%27licon-arrow-down%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2740%27 viewBox=%270 0 40 40%27%3E%3Cpath id=%27Trac%C3%A9_931%27 data-name=%27Trac%C3%A9 931%27 d=%27M23.15,1.415l9.039,9.039H0v2H32.189l-9.04,9.04,1.414,1.414L36.017,11.453,24.564,0Z%27 transform=%27translate%2831.907 1.983%29 rotate%2890%29%27 fill=%27%2302496e%27/%3E%3Crect id=%27Rectangle_1016%27 data-name=%27Rectangle 1016%27 width=%2740%27 height=%2740%27 fill=%27none%27/%3E%3C/svg%3E"); --licon-caret-down: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cg id=%27Groupe_1732%27 data-name=%27Groupe 1732%27 transform=%27translate%28-1818 -1764%29%27%3E%3Cpath id=%27Trac%C3%A9_949%27 data-name=%27Trac%C3%A9 949%27 d=%27M148.236.354l8.594,8.594-8.594,8.594%27 transform=%27translate%281838.948 1623.467%29 rotate%2890%29%27 fill=%27none%27 stroke=%27%2302496e%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Crect id=%27Rectangle_1060%27 data-name=%27Rectangle 1060%27 width=%2724%27 height=%2724%27 transform=%27translate%281818 1764%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-caret-up: url("data:image/svg+xml,%3Csvg id=%27Groupe_1733%27 data-name=%27Groupe 1733%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath id=%27Trac%C3%A9_949%27 data-name=%27Trac%C3%A9 949%27 d=%27M0,17.188,8.594,8.594,0,0%27 transform=%27translate%283.406 16.297%29 rotate%28-90%29%27 fill=%27none%27 stroke=%27%2302496e%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Crect id=%27Rectangle_1060%27 data-name=%27Rectangle 1060%27 width=%2724%27 height=%2724%27 fill=%27none%27/%3E%3C/svg%3E"); --licon-bien-bed2: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27%3E%3Cg id=%27licon-bed2%27 transform=%27translate%28-444 -1417%29%27%3E%3Cg id=%27Groupe_1748%27 data-name=%27Groupe 1748%27 transform=%27translate%28208.662 27.977%29%27%3E%3Cpath id=%27Trac%C3%A9_958%27 data-name=%27Trac%C3%A9 958%27 d=%27M5650.7,1363.962h24.773l8.507-8.278h-24.772Z%27 transform=%27translate%28-5414 48.493%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linejoin=%27round%27 stroke-width=%272%27/%3E%3Cpath id=%27Trac%C3%A9_959%27 data-name=%27Trac%C3%A9 959%27 d=%27M5655.643,1363.98l8.4-8.4%27 transform=%27translate%28-5413.124 48.474%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%272%27/%3E%3Cpath id=%27Trac%C3%A9_960%27 data-name=%27Trac%C3%A9 960%27 d=%27M5671.478,1362.715v7.064%27 transform=%27translate%28-5410.315 49.74%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linejoin=%27round%27 stroke-width=%272%27/%3E%3Cpath id=%27Trac%C3%A9_962%27 data-name=%27Trac%C3%A9 962%27 d=%27M5671.478,1381.286v-17.339l8.179-8.179v9.984%27 transform=%27translate%28-5434.78 38.496%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linejoin=%27round%27 stroke-width=%272%27/%3E%3Cpath id=%27Trac%C3%A9_961%27 data-name=%27Trac%C3%A9 961%27 d=%27M5671.478,1362.715v7.064%27 transform=%27translate%28-5401.5 41.462%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linejoin=%27round%27 stroke-width=%272%27/%3E%3C/g%3E%3Crect id=%27Rectangle_1073%27 data-name=%27Rectangle 1073%27 width=%2736%27 height=%2736%27 transform=%27translate%28444 1417%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-bien-bed: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27%3E%3Cg id=%27licon-bed%27 transform=%27translate%28-378 -1417%29%27%3E%3Cg id=%27Groupe_1747%27 data-name=%27Groupe 1747%27 transform=%27translate%2812.594 0.212%29%27%3E%3Cg id=%27Rectangle_1065%27 data-name=%27Rectangle 1065%27 transform=%27translate%28366 1430%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%272%27%3E%3Crect width=%2734.812%27 height=%2715%27 stroke=%27none%27/%3E%3Crect x=%271%27 y=%271%27 width=%2732.812%27 height=%2713%27 fill=%27none%27/%3E%3C/g%3E%3Cg id=%27Rectangle_1066%27 data-name=%27Rectangle 1066%27 transform=%27translate%28372.477 1424%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%272%27%3E%3Crect width=%2711.334%27 height=%278%27 stroke=%27none%27/%3E%3Crect x=%271%27 y=%271%27 width=%279.334%27 height=%276%27 fill=%27none%27/%3E%3C/g%3E%3Cg id=%27Rectangle_1067%27 data-name=%27Rectangle 1067%27 transform=%27translate%28382.192 1424%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%272%27%3E%3Crect width=%2711.334%27 height=%278%27 stroke=%27none%27/%3E%3Crect x=%271%27 y=%271%27 width=%279.334%27 height=%276%27 fill=%27none%27/%3E%3C/g%3E%3Cg id=%27Rectangle_1068%27 data-name=%27Rectangle 1068%27 transform=%27translate%28369.238 1419%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%272%27%3E%3Crect width=%2728.335%27 height=%2713%27 stroke=%27none%27/%3E%3Crect x=%271%27 y=%271%27 width=%2726.335%27 height=%2711%27 fill=%27none%27/%3E%3C/g%3E%3Cpath id=%27Trac%C3%A9_956%27 data-name=%27Trac%C3%A9 956%27 d=%27M5786.1,1398v5.576%27 transform=%27translate%28-5415.161 47%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%272%27/%3E%3Cpath id=%27Trac%C3%A9_957%27 data-name=%27Trac%C3%A9 957%27 d=%27M5786.1,1398v5.576%27 transform=%27translate%28-5390.873 47%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%272%27/%3E%3C/g%3E%3Crect id=%27Rectangle_1072%27 data-name=%27Rectangle 1072%27 width=%2736%27 height=%2736%27 transform=%27translate%28378 1417%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-bien-m2: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_1062%27 data-name=%27Rectangle 1062%27 width=%2735.165%27 height=%2735.165%27 transform=%27translate%280 0%29%27 fill=%27none%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27licon-m2%27 transform=%27translate%28-302 -1417%29%27%3E%3Cg id=%27Groupe_1746%27 data-name=%27Groupe 1746%27 transform=%27translate%28302.417 1417.417%29%27%3E%3Cg id=%27Groupe_1735%27 data-name=%27Groupe 1735%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cline id=%27Ligne_109%27 data-name=%27Ligne 109%27 x2=%2735.165%27 transform=%27translate%280 5.511%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cline id=%27Ligne_110%27 data-name=%27Ligne 110%27 x2=%2735.165%27 transform=%27translate%280 29.654%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cline id=%27Ligne_111%27 data-name=%27Ligne 111%27 y2=%2735.165%27 transform=%27translate%2829.654 0%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cline id=%27Ligne_112%27 data-name=%27Ligne 112%27 y2=%2735.165%27 transform=%27translate%285.511 0%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cpath id=%27Trac%C3%A9_954%27 data-name=%27Trac%C3%A9 954%27 d=%27M17.453,21.281H15.858V18.2c0-1.235-.24-1.991-1.128-1.991-.791,0-1.367.647-1.367,1.955v3.118h-1.6V14.913h1.6v.731a2.664,2.664,0,0,1,1.991-.9,2,2,0,0,1,1.86,1.139,2.5,2.5,0,0,1,2.135-1.139,2.167,2.167,0,0,1,1.7.743,3.2,3.2,0,0,1,.467,2.064v3.729H19.924V17.767c0-1.044-.372-1.559-1.092-1.559-.8,0-1.379.624-1.379,1.93Z%27 fill=%27%23785d32%27/%3E%3Cpath id=%27Trac%C3%A9_955%27 data-name=%27Trac%C3%A9 955%27 d=%27M23.522,14.144c.433-.438.7-.793.7-1.153a.5.5,0,0,0-.517-.506c-.313,0-.532.255-.547.641h-.7a1.24,1.24,0,0,1,1.284-1.3,1.126,1.126,0,0,1,1.174,1.122,2.484,2.484,0,0,1-.882,1.618l-.417.438h1.331v.663H22.363v-.344Z%27 fill=%27%23785d32%27/%3E%3C/g%3E%3C/g%3E%3Crect id=%27Rectangle_1071%27 data-name=%27Rectangle 1071%27 width=%2736%27 height=%2736%27 transform=%27translate%28302 1417%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-bien-superficie: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_1061%27 data-name=%27Rectangle 1061%27 width=%2730.999%27 height=%2731.094%27 transform=%27translate%280 0%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%271%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27licon-superficie%27 transform=%27translate%28-233 -1412%29%27%3E%3Cg id=%27Groupe_1745%27 data-name=%27Groupe 1745%27 transform=%27translate%28-65.5 -100.547%29%27%3E%3Cg id=%27Groupe_1733%27 data-name=%27Groupe 1733%27 transform=%27translate%28301 1515%29%27%3E%3Cg id=%27Groupe_1732%27 data-name=%27Groupe 1732%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cpath id=%27Trac%C3%A9_950%27 data-name=%27Trac%C3%A9 950%27 d=%27M1.07,8.853H21.91l8.031-7.8a.029.029,0,0,0-.02-.05H8.822L1.049,8.8A.029.029,0,0,0,1.07,8.853Z%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cpath id=%27Trac%C3%A9_951%27 data-name=%27Trac%C3%A9 951%27 d=%27M1,8.853V30.094H21.64a.281.281,0,0,0,.281-.281V8.885%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cpath id=%27Trac%C3%A9_952%27 data-name=%27Trac%C3%A9 952%27 d=%27M21.921,30.093,30,21.569V1%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cline id=%27Ligne_103%27 data-name=%27Ligne 103%27 y2=%272.5%27 transform=%27translate%288.862 1.599%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cline id=%27Ligne_104%27 data-name=%27Ligne 104%27 y2=%277.46%27 transform=%27translate%288.862 9.072%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 stroke-dasharray=%274.973 4.973%27/%3E%3Cpath id=%27Trac%C3%A9_953%27 data-name=%27Trac%C3%A9 953%27 d=%27M8.862,19.018v2.5h2.5%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cline id=%27Ligne_105%27 data-name=%27Ligne 105%27 x2=%277.692%27 transform=%27translate%2816.49 21.518%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 stroke-dasharray=%275.128 5.128%27/%3E%3Cline id=%27Ligne_106%27 data-name=%27Ligne 106%27 x2=%272.5%27 transform=%27translate%2826.746 21.518%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cline id=%27Ligne_107%27 data-name=%27Ligne 107%27 x1=%271.689%27 y2=%271.843%27 transform=%27translate%287.173 21.518%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3Cline id=%27Ligne_108%27 data-name=%27Ligne 108%27 x1=%271.689%27 y2=%271.843%27 transform=%27translate%281.587 27.611%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-linecap=%27square%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Crect id=%27Rectangle_1070%27 data-name=%27Rectangle 1070%27 width=%2736%27 height=%2736%27 transform=%27translate%28233 1412%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --licon-bien-location: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_1060%27 data-name=%27Rectangle 1060%27 width=%2721.59%27 height=%2729.046%27 transform=%27translate%280 0%29%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-width=%271%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27licon-location%27 transform=%27translate%28-168 -1412%29%27%3E%3Cg id=%27Groupe_1744%27 data-name=%27Groupe 1744%27 transform=%27translate%28175.205 1415.477%29%27%3E%3Cg id=%27Groupe_1730%27 data-name=%27Groupe 1730%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cpath id=%27Trac%C3%A9_949%27 data-name=%27Trac%C3%A9 949%27 d=%27M10.8,1A9.806,9.806,0,0,0,1,10.8c0,6.7,8.766,16.543,9.139,16.958a.881.881,0,0,0,1.312,0C11.824,27.338,20.59,17.5,20.59,10.8A9.806,9.806,0,0,0,10.8,1Zm0,14.723A4.928,4.928,0,1,1,15.723,10.8,4.934,4.934,0,0,1,10.8,15.723Z%27 fill=%27none%27 stroke=%27%23785d32%27 stroke-miterlimit=%2710%27 stroke-width=%272%27/%3E%3C/g%3E%3C/g%3E%3Crect id=%27Rectangle_1069%27 data-name=%27Rectangle 1069%27 width=%2736%27 height=%2736%27 transform=%27translate%28168 1412%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --swiper-button-width: 90px; --swiper-button-height: 58px; --swiper-button-radius: 3px; --swiper-button-border: none; --swiper-button-font: 24px; --swiper-button-offset: -50px; --swiper-pagination-width: 10px; --swiper-pagination-width-active: 40px; --swiper-pagination-height: 10px; --swiper-pagination-margin: 4px; --swiper-pagination-radius: 5px; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-button-prev: url("data:image/svg+xml,%3Csvg id=%27licon-arrow-left%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2726%27 viewBox=%270 0 40 26%27%3E%3Cpath id=%27Trac%C3%A9_931%27 data-name=%27Trac%C3%A9 931%27 d=%27M-915.133-224.508l-9.039-9.039h32.189v-2h-32.189l9.04-9.04L-916.547-246-928-234.546l11.453,11.453Z%27 transform=%27translate%28929.983 248%29%27 fill=%27%2302496e%27/%3E%3Crect id=%27Rectangle_1016%27 data-name=%27Rectangle 1016%27 width=%2740%27 height=%2726%27 fill=%27none%27/%3E%3C/svg%3E"); --swiper-button-next: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2740%27 height=%2726%27 viewBox=%270 0 40 26%27%3E%3Cg id=%27licon-arrow-right%27 transform=%27translate%282 3%29%27%3E%3Cpath id=%27Trac%C3%A9_931%27 data-name=%27Trac%C3%A9 931%27 d=%27M-904.85-224.508l9.039-9.039H-928v-2h32.189l-9.04-9.04,1.414-1.414,11.453,11.453-11.453,11.453Z%27 transform=%27translate%28928 245%29%27 fill=%27%2302496e%27/%3E%3Crect id=%27Rectangle_1016%27 data-name=%27Rectangle 1016%27 width=%2740%27 height=%2726%27 transform=%27translate%28-2 -3%29%27 fill=%27none%27/%3E%3C/g%3E%3C/svg%3E"); --ajaxify-licon-reload: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cg id=%27Groupe_1285%27 data-name=%27Groupe 1285%27 transform=%27translate%28-108 -1517%29%27%3E%3Crect id=%27mask%27 width=%2732%27 height=%2732%27 transform=%27translate%28108 1517%29%27 fill=%27none%27/%3E%3Cpath id=%27Trac%C3%A9_2503%27 data-name=%27Trac%C3%A9 2503%27 d=%27M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z%27 transform=%27translate%28112.954 1521%29%27/%3E%3Cpath id=%27Trac%C3%A9_2504%27 data-name=%27Trac%C3%A9 2504%27 d=%27M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z%27 transform=%27translate%28112.954 1521%29%27/%3E%3C/g%3E%3C/svg%3E%0A"); --ajaxify-licon-search: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cg id=%27Groupe_1284%27 data-name=%27Groupe 1284%27 transform=%27translate%28-135 -1517%29%27%3E%3Crect id=%27mask%27 width=%2732%27 height=%2732%27 transform=%27translate%28135 1517%29%27 fill=%27none%27/%3E%3Cpath id=%27fi-rr-search%27 d=%27M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,1,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8,8,8,0,0,1-8,8Z%27 transform=%27translate%28138.032 1521.032%29%27/%3E%3C/g%3E%3C/svg%3E%0A"); --ajaxify-arrow-down: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cg id=%27Groupe_1019%27 data-name=%27Groupe 1019%27 transform=%27translate%28-58 -1619%29%27%3E%3Crect id=%27Rectangle_877%27 data-name=%27Rectangle 877%27 width=%2732%27 height=%2732%27 transform=%27translate%2858 1619%29%27 fill=%27none%27/%3E%3Cpath id=%27Trac%C3%A9_693%27 data-name=%27Trac%C3%A9 693%27 d=%27M64.878,1631.465l8,8,8-8%27 transform=%27translate%281.622 0.035%29%27 fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-width=%271%27/%3E%3C/g%3E%3C/svg%3E%0A"); --social-linkedin: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_842%27 data-name=%27Rectangle 842%27 width=%2717.282%27 height=%2716.514%27 fill=%27%2319fdd1%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27linkedin%27 transform=%27translate%28-1245 -10216%29%27%3E%3Crect id=%27Rectangle_954%27 data-name=%27Rectangle 954%27 width=%2732%27 height=%2732%27 transform=%27translate%281245 10216%29%27 fill=%27none%27/%3E%3Cg id=%27Groupe_4228%27 data-name=%27Groupe 4228%27 transform=%27translate%281252 10224%29%27%3E%3Cg id=%27Groupe_3945%27 data-name=%27Groupe 3945%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cpath id=%27Trac%C3%A9_176%27 data-name=%27Trac%C3%A9 176%27 d=%27M17.282,10.124v6.389h-3.7V10.552c0-1.5-.536-2.519-1.876-2.519A2.027,2.027,0,0,0,9.8,9.388a2.535,2.535,0,0,0-.123.9v6.223H5.972s.05-10.1,0-11.142h3.7V6.951l-.024.036h.024V6.951a3.679,3.679,0,0,1,3.339-1.841c2.438,0,4.265,1.593,4.265,5.015M2.1,0a1.931,1.931,0,1,0-.049,3.851h.025A1.931,1.931,0,1,0,2.1,0M.22,16.514h3.7V5.371H.22Z%27 fill=%27%2319fdd1%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --social-facebook: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_843%27 data-name=%27Rectangle 843%27 width=%279.453%27 height=%2720.257%27 fill=%27%2319fdd1%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27facebook%27 transform=%27translate%28-1318 -10216%29%27%3E%3Crect id=%27Rectangle_955%27 data-name=%27Rectangle 955%27 width=%2732%27 height=%2732%27 transform=%27translate%281318 10216%29%27 fill=%27none%27/%3E%3Cg id=%27Groupe_4229%27 data-name=%27Groupe 4229%27 transform=%27translate%281329 10222%29%27%3E%3Cg id=%27Groupe_3947%27 data-name=%27Groupe 3947%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cpath id=%27Trac%C3%A9_177%27 data-name=%27Trac%C3%A9 177%27 d=%27M2.043,3.923V6.712H0v3.41H2.043V20.257h4.2V10.123H9.057s.264-1.635.392-3.423H6.256V4.368a.991.991,0,0,1,.91-.817H9.453V0H6.344c-4.4,0-4.3,3.413-4.3,3.923%27 transform=%27translate%280 0%29%27 fill=%27%2319fdd1%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --social-instagram: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cg id=%27social-instagram%27 transform=%27translate%28-1012 -3730%29%27%3E%3Crect id=%27size%27 width=%2732%27 height=%2732%27 rx=%2716%27 transform=%27translate%281012 3730%29%27 fill=%27none%27/%3E%3Cpath id=%27instagram%27 d=%27M-733.712-8676.055a5.563,5.563,0,0,1-3.779-1.455,5.563,5.563,0,0,1-1.455-3.779c-.044-.96-.055-1.268-.055-3.709s.011-2.751.055-3.711a5.555,5.555,0,0,1,1.455-3.781,5.568,5.568,0,0,1,3.779-1.456c.96-.043,1.268-.055,3.711-.055s2.751.012,3.711.055a5.565,5.565,0,0,1,3.777,1.458,5.565,5.565,0,0,1,1.458,3.779c.041.96.052,1.265.052,3.711s-.009,2.745-.052,3.709a5.555,5.555,0,0,1-1.458,3.779,5.563,5.563,0,0,1-3.779,1.455c-.958.044-1.266.055-3.709.055S-732.747-8676.011-733.712-8676.055Zm3.711-1.568c2.4,0,2.688-.007,3.637-.05a3.957,3.957,0,0,0,2.706-.984,3.987,3.987,0,0,0,.984-2.706c.044-.949.052-1.232.052-3.637s-.009-2.688-.052-3.638a3.951,3.951,0,0,0-.984-2.705,3.976,3.976,0,0,0-2.706-.984c-.949-.044-1.233-.05-3.637-.05s-2.688.006-3.637.05a3.962,3.962,0,0,0-2.706.984,4.008,4.008,0,0,0-.984,2.705c-.044.949-.052,1.235-.052,3.64s.009,2.686.052,3.635a3.962,3.962,0,0,0,.984,2.706,4.013,4.013,0,0,0,2.706.984C-732.689-8677.63-732.4-8677.623-730-8677.623Zm-4.621-7.377a4.622,4.622,0,0,1,4.621-4.621,4.622,4.622,0,0,1,4.621,4.621,4.62,4.62,0,0,1-4.621,4.621A4.62,4.62,0,0,1-734.622-8685Zm1.619,0a3,3,0,0,0,3,3,3,3,0,0,0,3-3,3,3,0,0,0-3-3A3,3,0,0,0-733-8685Zm6.727-4.8a1.081,1.081,0,0,1,1.08-1.08,1.08,1.08,0,0,1,1.08,1.08,1.08,1.08,0,0,1-1.08,1.08A1.081,1.081,0,0,1-726.276-8689.8Z%27 transform=%27translate%281758.001 12431%29%27/%3E%3C/g%3E%3C/svg%3E"); --social-x: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cg id=%27social-twitter-x%27 transform=%27translate%28-197 -766%29%27%3E%3Crect id=%27size%27 width=%2732%27 height=%2732%27 rx=%2716%27 transform=%27translate%28197 766%29%27 fill=%27none%27/%3E%3Cpath id=%27twitter-x%27 d=%27M1.493,17.968H-.458L6.964,9.962-.464-.007H4.963L9.991,6.7,16.22-.02h2.018l-7.358,7.9,7.549,10.067H12.917L7.845,11.144,1.494,17.968ZM13.669,16.45h1.76L4.213,1.493H2.525Z%27 transform=%27translate%28204.464 773.02%29%27/%3E%3C/g%3E%3C/svg%3E"); --social-youtube: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cg id=%27Groupe_3401%27 data-name=%27Groupe 3401%27 transform=%27translate%28-319 -1695%29%27%3E%3Crect id=%27Rectangle_1530%27 data-name=%27Rectangle 1530%27 width=%2732%27 height=%2732%27 transform=%27translate%28319 1695%29%27 fill=%27none%27/%3E%3Cg id=%27XMLID_184_%27 transform=%27translate%28323 1699.454%29%27%3E%3Cpath id=%27Trac%C3%A9_1451%27 data-name=%27Trac%C3%A9 1451%27 d=%27M23.5,6.186A3.016,3.016,0,0,0,21.376,4.05c-1.871-.5-9.376-.5-9.376-.5s-7.505,0-9.377.5A3.015,3.015,0,0,0,.5,6.186,31.6,31.6,0,0,0,0,12a31.6,31.6,0,0,0,.5,5.814A3.016,3.016,0,0,0,2.624,19.95c1.871.5,9.376.5,9.376.5s7.505,0,9.377-.5A3.018,3.018,0,0,0,23.5,17.814,31.666,31.666,0,0,0,24,12,31.6,31.6,0,0,0,23.5,6.186ZM9.546,15.569V8.431L15.818,12Z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); --social-email: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3E%3Crect width=%2730%27 height=%2730%27 fill=%27none%27 /%3E%3Cpath d=%27M0,72.306q1.155.7,2.31,1.406,1.654,1.009,3.306,2.021a.755.755,0,0,0,.862,0q2.741-1.677,5.487-3.345l.142-.084v.137q0,2.205,0,4.411a1.789,1.789,0,0,1-1.867,1.856q-3.872,0-7.744,0a6.916,6.916,0,0,1-1.026-.038A1.747,1.747,0,0,1,.023,77.194.354.354,0,0,0,0,77.131V72.306%27 transform=%27translate%289 -59.781%29%27 fill=%27%23fff%27/%3E%3Cpath d=%27M14.168,1.384a.772.772,0,0,1-.093.077L11.667,2.934Q9.974,3.969,8.282,5.006a.163.163,0,0,1-.2,0Q5.19,3.237,2.293,1.476a.149.149,0,0,1-.081-.205A1.776,1.776,0,0,1,3.944,0Q8.177,0,12.409,0A1.766,1.766,0,0,1,14.14,1.284l.028.1%27 transform=%27translate%286.878 10%29%27 fill=%27%23fff%27/%3E%3C/svg%3E"); } @media screen and (min-width: 768px) { :root { --webapp-limiter-padding: 40px; --webapp-bloc-pt: 150px; --webapp-bloc-pb: 0; --webapp-bloc-padding: 150px; --webapp-spacer-s1: 25px; --webapp-spacer-s2: 45px; --webapp-spacer-s3: 80px; --webapp-spacer-s4: 150px; --webapp-spacer-s5: 200px; --webapp-h1-font-size: 60px; --webapp-h2-font-size: 24px; --webapp-h3-font-size: 22px; --webapp-h4-font-size: 20px; --webapp-h5-font-size: 18px; --webapp-h6-font-size: 16px; } } @media screen and (min-width: 1440px) { :root { --webapp-limiter: 1360px; --webapp-limiter-padding: 0; } } @media screen and (min-width: 1600px) { :root { --webapp-limiter: 1448px; } } @media screen and (min-width: 1920px) { :root { --webapp-limiter: 1600px; } } .row { margin-left: var(--webapp-grid-row); margin-right: var(--webapp-grid-row); } .row > div { padding-left: var(--webapp-grid-col); padding-right: var(--webapp-grid-col); } @media screen and (min-width: 992px) { .d-sm-xl-flex { display: flex !important; } } .ff-title { font-family: var(--webapp-font-title) !important; } .ff-text { font-family: var(--webapp-font-text) !important; } .ff-other { font-family: var(--webapp-font-other) !important; } .c-blanc { color: var(--color-blanc) !important; } .active .c-active-blanc { color: var(--color-blanc) !important; } .current-menu-item > .c-active-blanc, .current-menu-parent > .c-active-blanc, .current-menu-ancestor > .c-active-blanc { color: var(--color-blanc) !important; } .bg-blanc { background-color: var(--color-blanc) !important; } .border-blanc { border-color: var(--color-blanc) !important; } .fill-blanc { fill: var(--color-blanc) !important; } @media screen and (min-width: 1025px) { .c-hover-blanc:hover { color: var(--color-blanc) !important; } .bg-hover-blanc:hover { background-color: var(--color-blanc) !important; } .border-hover-blanc:hover { border-color: var(--color-blanc) !important; } .fill-hover-blanc:hover { fill: var(--color-blanc) !important; } } .c-beige-light { color: var(--color-beige-light) !important; } .active .c-active-beige-light { color: var(--color-beige-light) !important; } .current-menu-item > .c-active-beige-light, .current-menu-parent > .c-active-beige-light, .current-menu-ancestor > .c-active-beige-light { color: var(--color-beige-light) !important; } .bg-beige-light { background-color: var(--color-beige-light) !important; } .border-beige-light { border-color: var(--color-beige-light) !important; } .fill-beige-light { fill: var(--color-beige-light) !important; } @media screen and (min-width: 1025px) { .c-hover-beige-light:hover { color: var(--color-beige-light) !important; } .bg-hover-beige-light:hover { background-color: var(--color-beige-light) !important; } .border-hover-beige-light:hover { border-color: var(--color-beige-light) !important; } .fill-hover-beige-light:hover { fill: var(--color-beige-light) !important; } } .c-beige { color: var(--color-beige) !important; } .active .c-active-beige { color: var(--color-beige) !important; } .current-menu-item > .c-active-beige, .current-menu-parent > .c-active-beige, .current-menu-ancestor > .c-active-beige { color: var(--color-beige) !important; } .bg-beige { background-color: var(--color-beige) !important; } .border-beige { border-color: var(--color-beige) !important; } .fill-beige { fill: var(--color-beige) !important; } @media screen and (min-width: 1025px) { .c-hover-beige:hover { color: var(--color-beige) !important; } .bg-hover-beige:hover { background-color: var(--color-beige) !important; } .border-hover-beige:hover { border-color: var(--color-beige) !important; } .fill-hover-beige:hover { fill: var(--color-beige) !important; } } .c-beige-dark { color: var(--color-beige-dark) !important; } .active .c-active-beige-dark { color: var(--color-beige-dark) !important; } .current-menu-item > .c-active-beige-dark, .current-menu-parent > .c-active-beige-dark, .current-menu-ancestor > .c-active-beige-dark { color: var(--color-beige-dark) !important; } .bg-beige-dark { background-color: var(--color-beige-dark) !important; } .border-beige-dark { border-color: var(--color-beige-dark) !important; } .fill-beige-dark { fill: var(--color-beige-dark) !important; } @media screen and (min-width: 1025px) { .c-hover-beige-dark:hover { color: var(--color-beige-dark) !important; } .bg-hover-beige-dark:hover { background-color: var(--color-beige-dark) !important; } .border-hover-beige-dark:hover { border-color: var(--color-beige-dark) !important; } .fill-hover-beige-dark:hover { fill: var(--color-beige-dark) !important; } } .c-main { color: var(--color-main) !important; } .active .c-active-main { color: var(--color-main) !important; } .current-menu-item > .c-active-main, .current-menu-parent > .c-active-main, .current-menu-ancestor > .c-active-main { color: var(--color-main) !important; } .bg-main { background-color: var(--color-main) !important; } .border-main { border-color: var(--color-main) !important; } .fill-main { fill: var(--color-main) !important; } @media screen and (min-width: 1025px) { .c-hover-main:hover { color: var(--color-main) !important; } .bg-hover-main:hover { background-color: var(--color-main) !important; } .border-hover-main:hover { border-color: var(--color-main) !important; } .fill-hover-main:hover { fill: var(--color-main) !important; } } .c-main-active { color: var(--color-main-active) !important; } .active .c-active-main-active { color: var(--color-main-active) !important; } .current-menu-item > .c-active-main-active, .current-menu-parent > .c-active-main-active, .current-menu-ancestor > .c-active-main-active { color: var(--color-main-active) !important; } .bg-main-active { background-color: var(--color-main-active) !important; } .border-main-active { border-color: var(--color-main-active) !important; } .fill-main-active { fill: var(--color-main-active) !important; } @media screen and (min-width: 1025px) { .c-hover-main-active:hover { color: var(--color-main-active) !important; } .bg-hover-main-active:hover { background-color: var(--color-main-active) !important; } .border-hover-main-active:hover { border-color: var(--color-main-active) !important; } .fill-hover-main-active:hover { fill: var(--color-main-active) !important; } } .c-main2 { color: var(--color-main2) !important; } .active .c-active-main2 { color: var(--color-main2) !important; } .current-menu-item > .c-active-main2, .current-menu-parent > .c-active-main2, .current-menu-ancestor > .c-active-main2 { color: var(--color-main2) !important; } .bg-main2 { background-color: var(--color-main2) !important; } .border-main2 { border-color: var(--color-main2) !important; } .fill-main2 { fill: var(--color-main2) !important; } @media screen and (min-width: 1025px) { .c-hover-main2:hover { color: var(--color-main2) !important; } .bg-hover-main2:hover { background-color: var(--color-main2) !important; } .border-hover-main2:hover { border-color: var(--color-main2) !important; } .fill-hover-main2:hover { fill: var(--color-main2) !important; } } .c-main2-active { color: var(--color-main2-active) !important; } .active .c-active-main2-active { color: var(--color-main2-active) !important; } .current-menu-item > .c-active-main2-active, .current-menu-parent > .c-active-main2-active, .current-menu-ancestor > .c-active-main2-active { color: var(--color-main2-active) !important; } .bg-main2-active { background-color: var(--color-main2-active) !important; } .border-main2-active { border-color: var(--color-main2-active) !important; } .fill-main2-active { fill: var(--color-main2-active) !important; } @media screen and (min-width: 1025px) { .c-hover-main2-active:hover { color: var(--color-main2-active) !important; } .bg-hover-main2-active:hover { background-color: var(--color-main2-active) !important; } .border-hover-main2-active:hover { border-color: var(--color-main2-active) !important; } .fill-hover-main2-active:hover { fill: var(--color-main2-active) !important; } } .c-main3 { color: var(--color-main3) !important; } .active .c-active-main3 { color: var(--color-main3) !important; } .current-menu-item > .c-active-main3, .current-menu-parent > .c-active-main3, .current-menu-ancestor > .c-active-main3 { color: var(--color-main3) !important; } .bg-main3 { background-color: var(--color-main3) !important; } .border-main3 { border-color: var(--color-main3) !important; } .fill-main3 { fill: var(--color-main3) !important; } @media screen and (min-width: 1025px) { .c-hover-main3:hover { color: var(--color-main3) !important; } .bg-hover-main3:hover { background-color: var(--color-main3) !important; } .border-hover-main3:hover { border-color: var(--color-main3) !important; } .fill-hover-main3:hover { fill: var(--color-main3) !important; } } .c-main3-active { color: var(--color-main3-active) !important; } .active .c-active-main3-active { color: var(--color-main3-active) !important; } .current-menu-item > .c-active-main3-active, .current-menu-parent > .c-active-main3-active, .current-menu-ancestor > .c-active-main3-active { color: var(--color-main3-active) !important; } .bg-main3-active { background-color: var(--color-main3-active) !important; } .border-main3-active { border-color: var(--color-main3-active) !important; } .fill-main3-active { fill: var(--color-main3-active) !important; } @media screen and (min-width: 1025px) { .c-hover-main3-active:hover { color: var(--color-main3-active) !important; } .bg-hover-main3-active:hover { background-color: var(--color-main3-active) !important; } .border-hover-main3-active:hover { border-color: var(--color-main3-active) !important; } .fill-hover-main3-active:hover { fill: var(--color-main3-active) !important; } } .c-gris-light { color: var(--color-gris-light) !important; } .active .c-active-gris-light { color: var(--color-gris-light) !important; } .current-menu-item > .c-active-gris-light, .current-menu-parent > .c-active-gris-light, .current-menu-ancestor > .c-active-gris-light { color: var(--color-gris-light) !important; } .bg-gris-light { background-color: var(--color-gris-light) !important; } .border-gris-light { border-color: var(--color-gris-light) !important; } .fill-gris-light { fill: var(--color-gris-light) !important; } @media screen and (min-width: 1025px) { .c-hover-gris-light:hover { color: var(--color-gris-light) !important; } .bg-hover-gris-light:hover { background-color: var(--color-gris-light) !important; } .border-hover-gris-light:hover { border-color: var(--color-gris-light) !important; } .fill-hover-gris-light:hover { fill: var(--color-gris-light) !important; } } .c-gris { color: var(--color-gris) !important; } .active .c-active-gris { color: var(--color-gris) !important; } .current-menu-item > .c-active-gris, .current-menu-parent > .c-active-gris, .current-menu-ancestor > .c-active-gris { color: var(--color-gris) !important; } .bg-gris { background-color: var(--color-gris) !important; } .border-gris { border-color: var(--color-gris) !important; } .fill-gris { fill: var(--color-gris) !important; } @media screen and (min-width: 1025px) { .c-hover-gris:hover { color: var(--color-gris) !important; } .bg-hover-gris:hover { background-color: var(--color-gris) !important; } .border-hover-gris:hover { border-color: var(--color-gris) !important; } .fill-hover-gris:hover { fill: var(--color-gris) !important; } } .c-gris-dark { color: var(--color-gris-dark) !important; } .active .c-active-gris-dark { color: var(--color-gris-dark) !important; } .current-menu-item > .c-active-gris-dark, .current-menu-parent > .c-active-gris-dark, .current-menu-ancestor > .c-active-gris-dark { color: var(--color-gris-dark) !important; } .bg-gris-dark { background-color: var(--color-gris-dark) !important; } .border-gris-dark { border-color: var(--color-gris-dark) !important; } .fill-gris-dark { fill: var(--color-gris-dark) !important; } @media screen and (min-width: 1025px) { .c-hover-gris-dark:hover { color: var(--color-gris-dark) !important; } .bg-hover-gris-dark:hover { background-color: var(--color-gris-dark) !important; } .border-hover-gris-dark:hover { border-color: var(--color-gris-dark) !important; } .fill-hover-gris-dark:hover { fill: var(--color-gris-dark) !important; } } .c-noir { color: var(--color-noir) !important; } .active .c-active-noir { color: var(--color-noir) !important; } .current-menu-item > .c-active-noir, .current-menu-parent > .c-active-noir, .current-menu-ancestor > .c-active-noir { color: var(--color-noir) !important; } .bg-noir { background-color: var(--color-noir) !important; } .border-noir { border-color: var(--color-noir) !important; } .fill-noir { fill: var(--color-noir) !important; } @media screen and (min-width: 1025px) { .c-hover-noir:hover { color: var(--color-noir) !important; } .bg-hover-noir:hover { background-color: var(--color-noir) !important; } .border-hover-noir:hover { border-color: var(--color-noir) !important; } .fill-hover-noir:hover { fill: var(--color-noir) !important; } } .c-noir-pitch { color: var(--color-noir-pitch) !important; } .active .c-active-noir-pitch { color: var(--color-noir-pitch) !important; } .current-menu-item > .c-active-noir-pitch, .current-menu-parent > .c-active-noir-pitch, .current-menu-ancestor > .c-active-noir-pitch { color: var(--color-noir-pitch) !important; } .bg-noir-pitch { background-color: var(--color-noir-pitch) !important; } .border-noir-pitch { border-color: var(--color-noir-pitch) !important; } .fill-noir-pitch { fill: var(--color-noir-pitch) !important; } @media screen and (min-width: 1025px) { .c-hover-noir-pitch:hover { color: var(--color-noir-pitch) !important; } .bg-hover-noir-pitch:hover { background-color: var(--color-noir-pitch) !important; } .border-hover-noir-pitch:hover { border-color: var(--color-noir-pitch) !important; } .fill-hover-noir-pitch:hover { fill: var(--color-noir-pitch) !important; } } .c-extra-1 { color: var(--color-extra-1) !important; } .active .c-active-extra-1 { color: var(--color-extra-1) !important; } .current-menu-item > .c-active-extra-1, .current-menu-parent > .c-active-extra-1, .current-menu-ancestor > .c-active-extra-1 { color: var(--color-extra-1) !important; } .bg-extra-1 { background-color: var(--color-extra-1) !important; } .border-extra-1 { border-color: var(--color-extra-1) !important; } .fill-extra-1 { fill: var(--color-extra-1) !important; } @media screen and (min-width: 1025px) { .c-hover-extra-1:hover { color: var(--color-extra-1) !important; } .bg-hover-extra-1:hover { background-color: var(--color-extra-1) !important; } .border-hover-extra-1:hover { border-color: var(--color-extra-1) !important; } .fill-hover-extra-1:hover { fill: var(--color-extra-1) !important; } } .c-extra-2 { color: var(--color-extra-2) !important; } .active .c-active-extra-2 { color: var(--color-extra-2) !important; } .current-menu-item > .c-active-extra-2, .current-menu-parent > .c-active-extra-2, .current-menu-ancestor > .c-active-extra-2 { color: var(--color-extra-2) !important; } .bg-extra-2 { background-color: var(--color-extra-2) !important; } .border-extra-2 { border-color: var(--color-extra-2) !important; } .fill-extra-2 { fill: var(--color-extra-2) !important; } @media screen and (min-width: 1025px) { .c-hover-extra-2:hover { color: var(--color-extra-2) !important; } .bg-hover-extra-2:hover { background-color: var(--color-extra-2) !important; } .border-hover-extra-2:hover { border-color: var(--color-extra-2) !important; } .fill-hover-extra-2:hover { fill: var(--color-extra-2) !important; } } .c-extra-3 { color: var(--color-extra-3) !important; } .active .c-active-extra-3 { color: var(--color-extra-3) !important; } .current-menu-item > .c-active-extra-3, .current-menu-parent > .c-active-extra-3, .current-menu-ancestor > .c-active-extra-3 { color: var(--color-extra-3) !important; } .bg-extra-3 { background-color: var(--color-extra-3) !important; } .border-extra-3 { border-color: var(--color-extra-3) !important; } .fill-extra-3 { fill: var(--color-extra-3) !important; } @media screen and (min-width: 1025px) { .c-hover-extra-3:hover { color: var(--color-extra-3) !important; } .bg-hover-extra-3:hover { background-color: var(--color-extra-3) !important; } .border-hover-extra-3:hover { border-color: var(--color-extra-3) !important; } .fill-hover-extra-3:hover { fill: var(--color-extra-3) !important; } } .bg-transparent { background-color: transparent !important; } .licon.licon-social-youtube { width: 32px; height: 32px; -webkit-mask: var(--social-youtube); mask: var(--social-youtube); background-color: currentColor; } .licon.licon-social-facebook { width: 32px; height: 32px; -webkit-mask: var(--social-facebook); mask: var(--social-facebook); background-color: currentColor; } .licon.licon-social-instagram { width: 32px; height: 32px; -webkit-mask: var(--social-instagram); mask: var(--social-instagram); background-color: currentColor; } .licon.licon-social-twitter, .licon.licon-social-x { width: 32px; height: 32px; -webkit-mask: var(--social-x); mask: var(--social-x); background-color: currentColor; } .licon.licon-social-linkedin { width: 32px; height: 32px; -webkit-mask: var(--social-linkedin); mask: var(--social-linkedin); background-color: currentColor; } .licon.licon-social-email { width: 32px; height: 32px; -webkit-mask: var(--social-email); mask: var(--social-email); background-color: currentColor; } :root { --toolkit-cookies-text-size: 12px; --toolkit-cookies-title-color: var(--color-main); --toolkit-cookies-button-padding: 5px 10px; --toolkit-cookies-button-border-radius: 5px; --toolkit-cookies-button-background: var(--color-main); --toolkit-cookies-button-hover-background: var(--color-main); --toolkit-toogler-active: var(--color-main); } body #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice::before { background-image: url(../js/1656fd8907a9ac668c8e.svg); } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: -moz-inline-stack; display: inline-block; *vertical-align: auto; zoom: 1; *display: inline; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } *.no-margin { margin-top: 0 !important; margin-bottom: 0 !important; } *.no-padding { padding: 0 !important; } .no-border { border: none !important; } .relative { position: relative; } /* ========================================================================== TYPOGRAPHY ========================================================================== */ p { margin-top: 0; } /* ========================================================================== Links ========================================================================== */ a:focus { outline: none; } a:hover, a:active, a:focus { outline: none; cursor: pointer; } a:hover, a:focus, a:active, a:visited, button:hover, button:focus, button:active, button:visited, input:hover, input:focus, input:active, input:visited { outline: none; } /* ========================================================================== Liste ========================================================================== */ ul, ol { margin: 0.67em 0 0.67em 25px; } ul li, ol li { margin: 10px 0; } ul li { list-style-type: disc; } ul.no-list-style li { list-style: none !important; } ul.no-list-style li::before { display: none; } p { margin: 0 0 20px; font-weight: normal; } p:last-child { margin-bottom: 0; } abbr[title] { border-bottom: 1px dotted; } em { font-family: var(--webapp-font-text); } b, strong { font-family: inherit; font-weight: 700 !important; } dfn { font-style: italic; } code, kbd, pre, samp { font-family: monospace, serif; } pre { position: relative; display: block; width: 100%; float: left; font-size: 10px; white-space: pre-wrap; } q { quotes: "“" "”" "‘" "’"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ img { border: 0; height: auto; max-width: 100%; width: auto; } iframe { position: relative; display: block; width: 100%; max-width: 100%; } .img-responsive { display: block; width: 100%; height: auto; position: relative; } svg:not(:root) { overflow: hidden; } audio, canvas, video { position: relative; display: block; width: 100%; max-width: 100%; height: auto; } /* ========================================================================== Figures ========================================================================== */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ fieldset { border: 1px solid; margin: 0 0 3em; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ margin-right: 10px; float: left; text-align: left; } input[type=search] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } label { display: block; } label.inline[for=rememberme] { display: block; clear: both; } label.inline input[type=checkbox] { float: left; display: inline-block; width: auto; margin-top: 2px; } input, textarea { padding: 3px 5px; max-width: 100%; } textarea { height: 160px; resize: none; } /* ========================================================================== Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } .table > div { display: table-cell; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix, .cf { zoom: 1; } .clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: table; } .clearfix:after, .cf:after { clear: both; } /* Formular ----------------------------------------------------------------------------------------------------*/ form { display: block; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } form fieldset { position: relative; border: none; margin: 0 0 15px; padding: 0; display: block; } form .wpcf7-form-control-wrap { position: relative; display: block; } form .obligatory { position: absolute; left: 3px; top: 5px; display: inline-block; color: var(--color-noir); } form label { position: relative; } form input, form textarea { display: block; width: 100%; border: none; color: var(--color-noir); } form .consignes { width: 50%; display: inline-block; float: left; color: var(--color-noir); text-align: left !important; } form .consignes .obligatoire { color: crimson; } form .wpcf7-not-valid { border-color: crimson !important; } form .wpcf7-validation-errors, form .mauticform-has-error input, form .mauticform-has-error textarea { border-color: crimson !important; } form .wpcf7-response-output { position: relative; top: inherit; display: block; width: 100%; float: left; clear: both; margin: 25px 0 0; padding: 0; color: var(--color-noir); } form .mauticform-errormsg { position: absolute; bottom: 0; left: 0; display: inline-block; font-family: var(--webapp-font-text); font-size: 12px; color: crimson; } /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .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 { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-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, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: 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%; 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; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } html { font-size: 62.5%; } html.csstransforms3d, html.js, html.no-js { margin-top: 0 !important; } html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } body { background: var(--color-beige-light); color: var(--color-gris); font-size: var(--webapp-p-font-size); font-family: var(--webapp-font-text); font-weight: 400; line-height: var(--webapp-p-line-height); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body { overflow: initial !important; } } body#tinymce { padding-top: 0; } body #wpadminbar { display: none !important; } * { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } #page { display: block; width: 100%; overflow: hidden; } @media screen and (min-width: 1025px) { /*::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: black; } ::-webkit-scrollbar-thumb { border: 0 solid var(--color-noir); background-color: var(--color-main); border-radius: 8px; }*/ } .limiter-max, .limiter { position: relative; display: block; width: 100%; margin-left: auto !important; margin-right: auto !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .limiter-max > div, .limiter > div { position: relative; display: block; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .limiter-max { max-width: var(--webapp-limiter-max); padding-left: var(--webapp-limiter-max-padding); padding-right: var(--webapp-limiter-max-padding); } .limiter { max-width: var(--webapp-limiter); padding-left: var(--webapp-limiter-padding); padding-right: var(--webapp-limiter-padding); } .limiter .bloc .limiter, .limiter .bloc-cta .limiter { padding-left: 0; padding-right: 0; } .relative { position: relative; display: block; width: 100%; } .pagination { display: block; margin: 15px 0 0; padding: 0; text-align: center; } .pagination li { display: inline-block; float: none; list-style: none; margin: 0; padding: 0; } .pagination li::before { display: none !important; } .pagination a, .pagination span { display: inline-block; margin: 0; padding: 5px 15px; color: var(--color-main); -moz-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .pagination a.current, .pagination span.current { opacity: 0.5; } @media screen and (min-width: 1025px) { .pagination a:hover, .pagination span:hover { color: var(--color-noir); opacity: 1; } } .pagination a.prev, .pagination a.next, .pagination span.prev, .pagination span.next { display: inline-block; width: auto; height: 50px; line-height: 48px; clear: both; margin: 0; padding: 0 15px; color: var(--color-noir); font-size: 14px; font-size: 1.4rem; font-family: var(--webapp-font-text); text-align: center; text-transform: uppercase; -moz-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } @media screen and (min-width: 1025px) { .pagination a.prev:hover, .pagination a.next:hover, .pagination span.prev:hover, .pagination span.next:hover { color: var(--color-main); } } .pagination a.prev .fa, .pagination span.prev .fa { margin: 0 7px 0 0; } .pagination a.next .fa, .pagination span.next .fa { margin: 0 0 0 7px; } .align-vertical-container { display: table; width: 100%; height: 100%; } .align-vertical { display: table-cell; vertical-align: middle; } .fadeIn { opacity: 1 !important; } body .grecaptcha-badge, body #status_dev, body .otgs-development-site-front-end, body .wpml-ls-statics-footer, body #wp-admin-bar-otgs-wpml-development { display: none !important; visibility: hidden !important; } body #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { max-height: 90vh; } body #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice { padding: 20px 90px 20px 20px; } body #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice strong { display: inline; margin: inherit; font-size: inherit; font-weight: 600 !important; } body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close { top: -20px; right: -20px; width: 44px; height: 44px; line-height: 44px; } body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon { width: 44px; height: 44px; line-height: 44px; } body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon::before, body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon::after { height: 20px; width: 1px; top: calc(50% - 10px); } body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { padding: 10px; } body #moove_gdpr_save_popup_settings_button { z-index: 20; position: relative; bottom: 0 !important; left: 0 !important; width: 50px; height: 50px; float: left; margin: -60px 0 10px 15px; border-radius: 0; background: transparent !important; } @media screen and (min-width: 768px) { body #moove_gdpr_save_popup_settings_button { margin: -55px 0 0 15px; } } body #moove_gdpr_save_popup_settings_button span.moove_gdpr_icon { width: 50px; height: 50px; } body #moove_gdpr_save_popup_settings_button span.moove_gdpr_icon::before { content: ""; position: relative; display: inline-block; float: none; vertical-align: middle; width: 50px; height: 50px; background: transparent url(../js/1656fd8907a9ac668c8e.svg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; } body #moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg { display: none; } body #moove_gdpr_save_popup_settings_button span.moove_gdpr_text { display: none; } @media screen and (min-width: 1025px) { body #moove_gdpr_save_popup_settings_button:hover { -moz-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); -o-transform: translate(0, -3px); -ms-transform: translate(0, -3px); transform: translate(0, -3px); } } .bg-waldhof { padding-top: var(--webapp-spacer-s2) !important; padding-bottom: var(--webapp-spacer-s2) !important; background: var(--color-beige-light) url(../js/903f33d03fd1031a60b2.jpg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } a, .swiper-button-prev, .swiper-button-next, .swiper-pagination-bullet, button { outline: 0 !important; text-decoration: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { a.noir:hover, .swiper-button-prev.noir:hover, .swiper-button-next.noir:hover, .swiper-pagination-bullet.noir:hover, button.noir:hover { opacity: 0.65; } } a[data-fancybox] { position: relative; display: block; width: 100%; float: left; } a[data-fancybox] .BC_visuel { overflow: hidden; } a[data-fancybox] .BC_visuel img, a[data-fancybox] .BC_visuel .js-background { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { a[data-fancybox] .BC_visuel:hover img, a[data-fancybox] .BC_visuel:hover .js-background { -moz-transition: all 2s ease; -webkit-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease; } } a[data-fancybox]::before { content: ""; z-index: 1; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: var(--color-noir); opacity: 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { a[data-fancybox]:hover::before { opacity: 0.25; -webkit-transition-duration: 900ms; transition-duration: 900ms; } } .-no-underline { text-decoration: none !important; border-bottom: none !important; } .link-absolute { z-index: 5; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .seo-link { color: inherit; font-size: inherit; font-weight: inherit; } .btn { position: relative; display: inline-block; float: none; vertical-align: middle; height: 58px; line-height: 56px; padding: 0 24px; border-radius: var(--webapp-border-radius); border: 1px solid var(--color-main); background: var(--color-main); color: var(--color-blanc); font-size: 12px; font-family: var(--webapp-font-other); font-weight: 600; letter-spacing: 0.15em; text-align: center; text-transform: uppercase; overflow: inherit; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 768px) { .btn { padding: 0 30px; } } .btn .licon, .btn .licon-svg, .btn .text, .btn .textbefore, .btn .textafter { z-index: 3; position: relative; display: inline-block; float: none; vertical-align: middle; line-height: 1; } .btn.-hide-licon .licon { display: none; } .btn .textbefore .licon { margin-right: 7px; } .btn .text { z-index: 3; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .btn:hover { border-color: var(--color-main-active); background: var(--color-main-active); color: var(--color-blanc); } } .bg-main .btn { border-color: var(--color-main-active); background: var(--color-main-active); color: var(--color-blanc); } @media screen and (min-width: 1025px) { .bg-main .btn:hover { border-color: var(--color-main); background: var(--color-main); color: var(--color-blanc); } } .btn.-small { height: 42px; line-height: 42px; padding: 0 15px; } .btn.btn-blanc { padding: 0 26px; border-color: var(--color-blanc); background: var(--color-blanc); color: var(--color-main); } @media screen and (min-width: 1025px) { .btn.btn-blanc:hover { border-color: var(--color-beige); background: var(--color-beige); color: var(--color-main); } } .btn.btn-main2, .btn.btn-main2-active { border-color: var(--color-main2); background: var(--color-main2); color: var(--color-blanc); } @media screen and (min-width: 1025px) { .btn.btn-main2:hover, .btn.btn-main2-active:hover { border-color: var(--color-main2-active); background: var(--color-main2-active); color: var(--color-blanc); } } .btn.-ghost { border-color: var(--color-main-active); background: transparent; color: var(--color-blanc); } @media screen and (min-width: 1025px) { .btn.-ghost:hover { border-color: var(--color-main); background: var(--color-main); color: var(--color-blanc); } } .btn-inline { position: relative; display: inline-block; float: none; vertical-align: middle; color: var(--color-main); font-size: 12px; line-height: 1; font-family: var(--webapp-font-other); font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; } .btn-inline .licon, .btn-inline .licon-svg, .btn-inline .text, .btn-inline .textbefore, .btn-inline .textafter { z-index: 3; position: relative; display: inline-block; float: none; vertical-align: middle; line-height: 1; } .btn-inline.-hide-licon .licon { display: none; } .btn-inline .text { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .btn-inline .line { position: absolute; } @media screen and (min-width: 1025px) { .btn-inline:hover { color: var(--color-main-active); } } .btn-inline.-has-arrow::after { content: ""; position: relative; display: inline-block; float: none; vertical-align: middle; width: 40px; height: 26px; line-height: 1; -webkit-mask-size: contain !important; mask-size: contain !important; background: currentColor; -webkit-mask: var(--licon-arrow-right); mask: var(--licon-arrow-right); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .btn-inline.-has-big-arrow::after { content: ""; position: relative; display: inline-block; float: none; vertical-align: middle; width: 40px; height: 26px; margin: 0 0 0 15px; line-height: 1; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask: var(--licon-arrow-right); mask: var(--licon-arrow-right); background: currentColor; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1280px) { .btn-inline.-has-big-arrow::after { width: 92px; height: 58px; margin: 0 0 0 35px; -webkit-mask: var(--licon-big-arrow-right); mask: var(--licon-big-arrow-right); } } .img-responsive { position: relative; display: block; width: 100%; max-width: 100%; height: auto; } .-img-same-height .img-responsive { width: auto; max-width: inherit; height: inherit; } .js-background { background: transparent no-repeat center center; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -ms-background-size: cover !important; background-size: cover !important; color: var(--color-blanc); } .js-background.absolute { z-index: initial; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .js-background.background-mask::before { content: ""; z-index: 1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(var(--color-noir), 0.56); } .embed-responsive.-size-contain .js-background { -moz-background-size: contain !important; -webkit-background-size: contain !important; -o-background-size: contain !important; -ms-background-size: contain !important; background-size: contain !important; } .embed-responsive.-size-100-auto .js-background { -moz-background-size: 100% auto !important; -webkit-background-size: 100% auto !important; -o-background-size: 100% auto !important; -ms-background-size: 100% auto !important; background-size: 100% auto !important; } .embed-responsive.-size-auto-100 .js-background { -moz-background-size: auto 100% !important; -webkit-background-size: auto 100% !important; -o-background-size: auto 100% !important; -ms-background-size: auto 100% !important; background-size: auto 100% !important; } .embed-responsive.embed-responsive-front-page { height: 0; padding: 0 0 26.6666666667% 0; } @media screen and (min-width: 1025px) { .embed-responsive.embed-responsive-front-page { height: 0; padding: 0 0 26.6666666667% 0; } } .embed-responsive.embed-responsive-bandeau-page, .embed-responsive.embed-responsive-page { height: 0; padding: 0 0 26.6666666667% 0; } @media screen and (min-width: 1025px) { .embed-responsive.embed-responsive-bandeau-page, .embed-responsive.embed-responsive-page { height: 0; padding: 0 0 26.6666666667% 0; } } .embed-responsive.embed-responsive-, .embed-responsive.embed-responsive-standard { height: 0; padding: 0 0 145.4268292683% 0; } .embed-responsive.embed-responsive-626x465 { height: 0; padding: 0 0 74.2811501597% 0; } .BC_visuel.embed-responsive-parallax { height: 0; padding: 0 0 19.8412698413% 0; overflow: hidden; } .BC_visuel.embed-responsive-parallax .embed-responsive { height: 0; padding: 0 0 39.6825396825% 0; } .licon-svg, .licon { position: relative; display: inline-block; float: none; vertical-align: middle; width: 24px; height: 24px; line-height: 1; -webkit-mask-size: contain !important; mask-size: contain !important; background: currentColor; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .licon-svg.licon-logo, .licon.licon-logo { width: 64px; height: 64px; -webkit-mask: var(--logo-icon); mask: var(--logo-icon); } .licon-svg.licon-logo.-large, .licon.licon-logo.-large { width: 112px; height: 112px; } .licon-svg.licon-phone, .licon.licon-phone { -webkit-mask: var(--licon-phone); mask: var(--licon-phone); } .licon-svg.licon-email, .licon.licon-email { -webkit-mask: var(--licon-email); mask: var(--licon-email); } .licon-svg.licon-alert, .licon.licon-alert { -webkit-mask: var(--licon-alert); mask: var(--licon-alert); } .licon-svg.licon-map, .licon.licon-map { -webkit-mask: var(--licon-map); mask: var(--licon-map); } .licon-svg.licon-check, .licon.licon-check { -webkit-mask: var(--licon-check); mask: var(--licon-check); } .licon-svg.licon-big-arrow-right, .licon.licon-big-arrow-right { width: 92px; height: 58px; -webkit-mask: var(--licon-big-arrow-right); mask: var(--licon-big-arrow-right); } .licon-svg.licon-arrow-left, .licon.licon-arrow-left { width: 40px; height: 26px; -webkit-mask: var(--licon-arrow-left); mask: var(--licon-arrow-left); } .licon-svg.licon-arrow-right, .licon.licon-arrow-right { width: 40px; height: 26px; -webkit-mask: var(--licon-arrow-right); mask: var(--licon-arrow-right); } .licon-svg.licon-arrow-up, .licon.licon-arrow-up { width: 40px; height: 40px; -webkit-mask: var(--licon-arrow-up); mask: var(--licon-arrow-up); } .licon-svg.licon-arrow-down, .licon.licon-arrow-down { width: 40px; height: 40px; -webkit-mask: var(--licon-arrow-down); mask: var(--licon-arrow-down); } .licon-svg.licon-caret-down, .licon.licon-caret-down { -webkit-mask: var(--licon-caret-down); mask: var(--licon-caret-down); } .licon-svg.licon-caret-up, .licon.licon-caret-up { -webkit-mask: var(--licon-caret-up); mask: var(--licon-caret-up); } .licon-svg.licon-star, .licon-svg.licon-star-fill, .licon.licon-star, .licon.licon-star-fill { width: 12px; height: 12px; -webkit-mask: var(--licon-star); mask: var(--licon-star); background: var(--color-main2-active); } .licon-svg.licon-bien-bed2, .licon.licon-bien-bed2 { width: 36px; height: 36px; -webkit-mask: var(--licon-bien-bed2); mask: var(--licon-bien-bed2); } .licon-svg.licon-bien-bed, .licon.licon-bien-bed { width: 36px; height: 36px; -webkit-mask: var(--licon-bien-bed); mask: var(--licon-bien-bed); } .licon-svg.licon-bien-m2, .licon.licon-bien-m2 { width: 36px; height: 36px; -webkit-mask: var(--licon-bien-m2); mask: var(--licon-bien-m2); } .licon-svg.licon-bien-superficie, .licon.licon-bien-superficie { width: 36px; height: 36px; -webkit-mask: var(--licon-bien-superficie); mask: var(--licon-bien-superficie); } .licon-svg.licon-bien-location, .licon.licon-bien-location { width: 36px; height: 36px; -webkit-mask: var(--licon-bien-location); mask: var(--licon-bien-location); } .licon-pw-visibility { z-index: 3; position: absolute; bottom: 2px; right: 10px; display: inline-block; width: 32px; height: 32px; } .licon-pw-visibility::before, .licon-pw-visibility::after { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 36px; height: 36px; background: transparent no-repeat center center; background-size: 26px auto; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .licon-pw-visibility::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_5%27 data-name=%27Rectangle 5%27 width=%2736%27 height=%2736%27 transform=%27translate%280 0%29%27 fill=%27%23fff%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27Groupe_5%27 data-name=%27Groupe 5%27 transform=%27translate%28-163 -156%29%27%3E%3Cg id=%27Groupe_de_masques_4%27 data-name=%27Groupe de masques 4%27 transform=%27translate%28163 156%29%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cg id=%27Groupe_1%27 data-name=%27Groupe 1%27 transform=%27translate%281.543 8.64%29%27%3E%3Cpath id=%27Trac%C3%A9_1%27 data-name=%27Trac%C3%A9 1%27 d=%27M16.406,2.057c-6.042,0-11.424,4.958-13.671,7.354,2.248,2.4,7.629,7.354,13.671,7.354s11.424-4.958,13.671-7.354c-2.248-2.4-7.629-7.354-13.671-7.354m0-2.057c9.061,0,16.406,9.411,16.406,9.411s-7.345,9.411-16.406,9.411S0,9.411,0,9.411,7.345,0,16.406,0Z%27/%3E%3Cpath id=%27Ellipse_1%27 data-name=%27Ellipse 1%27 d=%27M5.554,2.057a3.5,3.5,0,1,0,3.5,3.5,3.5,3.5,0,0,0-3.5-3.5M5.554,0A5.554,5.554,0,1,1,0,5.554,5.554,5.554,0,0,1,5.554,0Z%27 transform=%27translate%2810.903 3.909%29%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); opacity: 0; } .licon-pw-visibility::after { background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 width=%2736%27 height=%2736%27 viewBox=%270 0 36 36%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Crect id=%27Rectangle_4%27 data-name=%27Rectangle 4%27 width=%2736%27 height=%2736%27 fill=%27%23fff%27/%3E%3C/clipPath%3E%3CclipPath id=%27clip-path-2%27%3E%3Crect id=%27Rectangle_2%27 data-name=%27Rectangle 2%27 width=%2711.763%27 height=%2734.55%27 rx=%275.882%27 transform=%27translate%280 8.603%29 rotate%28-47%29%27/%3E%3C/clipPath%3E%3CclipPath id=%27clip-path-3%27%3E%3Crect id=%27Rectangle_3%27 data-name=%27Rectangle 3%27 width=%2712.369%27 height=%2734.55%27 rx=%276.184%27 transform=%27translate%280 9.046%29 rotate%28-47%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id=%27Groupe_6%27 data-name=%27Groupe 6%27 transform=%27translate%28-681 -111%29%27%3E%3Cg id=%27Groupe_de_masques_3%27 data-name=%27Groupe de masques 3%27 transform=%27translate%28681 111%29%27 clip-path=%27url%28%23clip-path%29%27%3E%3Cg id=%27Groupe_4%27 data-name=%27Groupe 4%27 transform=%27translate%28-4.033 -4.793%29%27%3E%3Crect id=%27Rectangle_1%27 data-name=%27Rectangle 1%27 width=%272.044%27 height=%2734.55%27 rx=%271.022%27 transform=%27translate%288.023 11.662%29 rotate%28-47%29%27/%3E%3Cg id=%27Groupe_de_masques_2%27 data-name=%27Groupe de masques 2%27 transform=%27translate%280 11.662%29%27 clip-path=%27url%28%23clip-path-2%29%27%3E%3Cg id=%27Groupe_2%27 data-name=%27Groupe 2%27 transform=%27translate%285.771 1.703%29%27%3E%3Cpath id=%27Trac%C3%A9_2%27 data-name=%27Trac%C3%A9 2%27 d=%27M16.3,2.044c-6,0-11.353,4.928-13.586,7.309C4.952,11.735,10.3,16.662,16.3,16.662S27.657,11.734,29.89,9.353C27.656,6.971,22.308,2.044,16.3,2.044M16.3,0c9,0,16.3,9.353,16.3,9.353s-7.3,9.353-16.3,9.353S0,9.353,0,9.353,7.3,0,16.3,0Z%27/%3E%3Cpath id=%27Ellipse_2%27 data-name=%27Ellipse 2%27 d=%27M5.52,2.044A3.475,3.475,0,1,0,9,5.52,3.479,3.479,0,0,0,5.52,2.044M5.52,0A5.52,5.52,0,1,1,0,5.52,5.52,5.52,0,0,1,5.52,0Z%27 transform=%27translate%2810.835 3.884%29%27/%3E%3C/g%3E%3C/g%3E%3Cg id=%27Groupe_de_masques_1%27 data-name=%27Groupe de masques 1%27 transform=%27translate%2810.462 0%29%27 clip-path=%27url%28%23clip-path-3%29%27%3E%3Cg id=%27Groupe_3%27 data-name=%27Groupe 3%27 transform=%27translate%28-4.692 13.365%29%27%3E%3Cpath id=%27Trac%C3%A9_2-2%27 data-name=%27Trac%C3%A9 2%27 d=%27M16.3,2.044c-6,0-11.353,4.928-13.586,7.309C4.952,11.735,10.3,16.662,16.3,16.662S27.657,11.734,29.89,9.353C27.656,6.971,22.308,2.044,16.3,2.044M16.3,0c9,0,16.3,9.353,16.3,9.353s-7.3,9.353-16.3,9.353S0,9.353,0,9.353,7.3,0,16.3,0Z%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); opacity: 1; } .licon-pw-visibility.-hide::before { opacity: 1; } .licon-pw-visibility.-hide::after { opacity: 0; } .box-shadow { -moz-box-shadow: var(--webapp-box-shadow); -webkit-box-shadow: var(--webapp-box-shadow); -o-box-shadow: var(--webapp-box-shadow); -ms-box-shadow: var(--webapp-box-shadow); box-shadow: var(--webapp-box-shadow); } .box-shadow-large { -moz-box-shadow: var(--webapp-box-shadow-large); -webkit-box-shadow: var(--webapp-box-shadow-large); -o-box-shadow: var(--webapp-box-shadow-large); -ms-box-shadow: var(--webapp-box-shadow-large); box-shadow: var(--webapp-box-shadow-large); } .-hover-box-shadow-none { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .-hover-box-shadow-none:hover { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } } .-has-hover-box-shadow { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .-has-hover-box-shadow:hover { -moz-box-shadow: var(--webapp-box-shadow); -webkit-box-shadow: var(--webapp-box-shadow); -o-box-shadow: var(--webapp-box-shadow); -ms-box-shadow: var(--webapp-box-shadow); box-shadow: var(--webapp-box-shadow); } } .-has-hover-box-shadow-large { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .-has-hover-box-shadow-large:hover { -moz-box-shadow: var(--webapp-box-shadow-large); -webkit-box-shadow: var(--webapp-box-shadow-large); -o-box-shadow: var(--webapp-box-shadow-large); -ms-box-shadow: var(--webapp-box-shadow-large); box-shadow: var(--webapp-box-shadow-large); } } ::selection { background: var(--color-main); color: var(--color-blanc); } ::-moz-selection { background: var(--color-main); color: var(--color-blanc); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--color-noir); font-family: var(--webapp-font-title); letter-spacing: 0; } h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span { position: relative; display: inline-block; } h1, .h1 { font-size: var(--webapp-h1-font-size); line-height: var(--webapp-h1-line-height); font-weight: 400; } h2, .h2 { color: var(--color-main); font-size: var(--webapp-h2-font-size); line-height: var(--webapp-h2-line-height); font-family: var(--webapp-font-text); font-weight: 500; letter-spacing: 0.05em; } .bg-main h2, .bg-main-active h2, .bg-main .h2, .bg-main-active .h2 { color: var(--color-beige); } h2.-alt, .h2.-alt { color: var(--color-main2); font-size: 20px; font-family: var(--webapp-font-title); font-weight: 400; letter-spacing: 0em; } h3, .h3 { font-size: var(--webapp-h3-font-size); font-family: var(--webapp-font-text); line-height: var(--webapp-h3-line-height); font-weight: 500; letter-spacing: 0.05em; } h4, .h4 { font-size: var(--webapp-h4-font-size); line-height: var(--webapp-h4-line-height); font-weight: 600; } h5, .h5 { font-size: var(--webapp-h5-font-size); line-height: var(--webapp-h5-line-height); font-weight: 600; } h6, .h6 { font-size: var(--webapp-h6-font-size); line-height: var(--webapp-h6-line-height); font-weight: 600; } .c-inherit { color: inherit !important; } hr { position: relative; display: block; width: 100%; height: 1px; float: left; margin: 20px 0 0; border: none; background: rgba(0, 0, 0, 0.25); } .-p-m-0 p { margin: 0; } .br-at-sm br { display: none; } @media screen and (min-width: 768px) { .br-at-sm br { display: inherit; } } .br-at-md br { display: none; } @media screen and (min-width: 768px) { .br-at-md br { display: inherit; } } .br-at-lg br { display: none; } @media screen and (min-width: 768px) { .br-at-lg br { display: inherit; } } .c-crimson { color: crimson; } svg { position: relative; display: block; width: 100%; height: auto; } .br-webapp { border-radius: var(--webapp-border-radius); } .rotate--45 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .rotate--30 { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); } .bt-logo-icon { position: relative; display: inline-block; float: none; vertical-align: middle; width: 68px; height: 68px; line-height: 68px; background: var(--color-blanc); color: var(--color-main2); } @media screen and (min-width: 1280px) { .bt-logo-icon { width: auto; height: auto; line-height: 1; background: transparent; } } .home.is-top .bt-logo-icon { color: var(--color-beige); } .bt-menu-open .bt-logo-icon { color: var(--color-main2) !important; } .bt-logo { position: relative; display: inline-block; float: none; vertical-align: middle; color: var(--color-main2); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .home.is-top .bt-logo { color: var(--color-beige); } .bt-logo a { position: relative; display: block; width: 100%; color: inherit !important; } .bt-logo a svg { position: relative; display: block; width: 100%; height: inherit; } .bt-logo a svg path { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .bt-logo .-logo-icon { display: inherit; } .bt-logo .-logo-text { display: none; } [data-bg=dark] .bt-logo { color: var(--color-blanc); } .bt-menu-open .bt-logo { color: var(--color-noir); } .layout-head { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .layout-head.sticky { z-index: 70; position: fixed; top: 0; left: 0; } @media screen and (min-width: 1280px) { .layout-head.sticky { position: fixed; padding: 5px; } } .layout-head .-col-bt-logo-icon { background: var(--color-blanc); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1280px) { .layout-head .-col-bt-logo-icon { width: 0; overflow: hidden; background: transparent; } } .layout-head .BC_wrapper_head.-desktop { background: var(--color-blanc); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); } .is-top .layout-head { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @media screen and (min-width: 1280px) { .is-scrolling .layout-head { padding: 5px; -moz-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } } .is-scrolling .layout-head .-col-bt-logo-icon { width: 68px; } .scrolling-up .layout-head { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @media screen and (min-width: 1280px) { .scrolling-up .layout-head { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width: 1280px) { .home.is-top .layout-head { padding: 0; } } .home.is-top .layout-head .-col-bt-logo-icon { width: 0; overflow: hidden; } .home.is-top .layout-head .BC_wrapper_head.-desktop { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .home.is-top .layout-head .BC_wrapper_head.-desktop .bt-logo { opacity: 0; } .home.is-top .layout-head .BC_wrapper_head.-mobile .BC_inner { display: inline-block; width: auto; float: none; } .home.is-scrolling .layout-head .BC_wrapper_head.-mobile { margin-top: var(--logo-loader-height-negative); } .bt-menu-open .layout-head { top: 0; } .bt-menu-open .layout-head .-col-bt-logo-icon { width: 68px !important; } .bt-menu-open .layout-head .BC_wrapper_head.-mobile { border-bottom: 1px solid var(--color-beige-light); } .bt-menu-open .layout-head .BC_wrapper_head.-mobile .BC_inner { width: 100% !important; float: left !important; } .bt-menu-open .layout-head .BC_wrapper_head.-mobile .-middle-col { flex: 1 1 auto; } .home.bt-menu-open .layout-head .BC_wrapper_head.-mobile { margin-top: var(--logo-loader-height-negative) !important; } .bt-uppermenu-open .layout-head { top: 0; } .layout-head-uppernav { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .layout-head-nav { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } [class^=bandeau] { position: relative; display: block; width: 100%; float: left; } .bandeau.-front-page .bandeau-gallery::before { content: ""; z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; height: 200px; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); opacity: 0.8; } .bandeau.-front-page .bandeau-visuel { height: 80vh !important; } @media screen and (min-width: 768px) { .bandeau.-front-page .bandeau-visuel { height: 100% !important; } } .home[data-theme=dark] .layout-footer .limiter-max { background-color: var(--color-blanc-react) !important; } .footer-bottom-links { position: relative; display: block; width: 100%; } .bt-copyright { position: relative; display: inline-block; float: none; vertical-align: middle; color: var(--color-gris-dark); opacity: 1; } @media screen and (min-width: 1025px) { .bt-copyright:hover { color: var(--color-main); } } .bt-menu-trigger { position: relative; display: inline-block; float: none; vertical-align: middle; width: 100%; height: 68px; line-height: 68px; float: right; padding: 0 40px; border-radius: 0; border: none; background: var(--color-blanc); color: var(--color-main2); cursor: pointer; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1280px) { .bt-menu-trigger { display: none !important; } } .bt-menu-trigger .burger, .bt-menu-trigger .text { position: relative; display: inline-block; float: none; vertical-align: middle; line-height: 1; margin: 0 10px; } .bt-menu-trigger .burger { width: 20px; height: 20px; } .bt-menu-trigger .line { position: absolute; top: 50%; right: 0; margin: -1px 0 0 0; width: 20px; height: 2px; border-radius: 0; background: currentColor; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .bt-menu-trigger .line-top { margin-top: -8px; } .bt-menu-trigger .line-middle { margin-top: 0; } .bt-menu-trigger .line-bottom { margin-top: 8px; } .bt-menu-trigger .text { color: currentColor; font-size: 12px; font-family: var(--webapp-font-other); font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; } .bt-menu-trigger .text.-open { display: inherit; } .bt-menu-trigger .text.-close { display: none; } @media screen and (min-width: 1025px) { .bt-menu-trigger:hover .line-middle { -moz-transform: translate(5px, 0); -webkit-transform: translate(5px, 0); -o-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); } } .bt-menu-open .bt-menu-trigger .line-top { margin-top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bt-menu-open .bt-menu-trigger .line-middle { width: 0; -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .bt-menu-open .bt-menu-trigger .line-bottom { margin-top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .bt-menu-open .bt-menu-trigger .text.-open { display: none; } .bt-menu-open .bt-menu-trigger .text.-close { display: inherit; } .bt-menu { z-index: 60; position: fixed; top: 0; display: block; width: 100%; height: 100%; padding: 0; visibility: hidden; opacity: 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .bt-menu.right { -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .bt-menu.left { -moz-transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .bt-menu-open .bt-menu { visibility: inherit; opacity: 1; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .bt-menu .bt-menu-hidden { display: none !important; visibility: hidden !important; } .bt-menu .limiter-max, .bt-menu .limiter-max-inner, .bt-menu .limiter, .bt-menu .limiter-inner { height: 100%; } .bt-menu .limiter-max, .bt-menu .limiter { padding: 0; } .bt-menu .menu-top, .bt-menu .menu-bottom { position: relative; display: block; width: 100%; } .bt-menu .menu-container, .bt-menu .menu-box, .bt-menu .menu-box-inner { position: relative; display: block; width: 100%; } .bt-menu .bt-menu-container { z-index: 3; position: relative; display: block; width: 100%; max-width: 100%; height: 100%; overflow: auto; } .bt-menu-overlay { z-index: 1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; position: fixed; color: var(--color-noir); opacity: 0; visibility: hidden; -webkit-transition: all 400ms 0s ease, visibility 400ms 400ms ease; transition: all 400ms 0s ease, visibility 400ms 400ms ease; } .bt-menu-overlay::before { content: ""; z-index: 0; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: currentColor; opacity: 0.88; } .bt-menu-open .bt-menu-overlay { opacity: 1; visibility: visible; -webkit-transition: all 400ms 0ms ease, visibility 0s 0s ease; transition: all 400ms 0ms ease, visibility 0s 0s ease; } .nav--menu, .nav--cta, .nav--footer, .nav--footer-mentions { position: relative; display: block; width: 100%; margin: 0; padding: 0; } .nav--menu .licon-toggle, .nav--cta .licon-toggle, .nav--footer .licon-toggle, .nav--footer-mentions .licon-toggle { z-index: 3; position: absolute; top: 0; right: 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; display: none; } .nav--menu .licon-toggle::before, .nav--cta .licon-toggle::before, .nav--footer .licon-toggle::before, .nav--footer-mentions .licon-toggle::before { content: ""; position: relative; display: inline-block; float: none; vertical-align: middle; width: 24px; height: 24px; line-height: 1; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask: var(--licon-arrow-down); mask: var(--licon-arrow-down); background: currentColor; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .nav--menu a, .nav--cta a, .nav--footer a, .nav--footer-mentions a { z-index: 3; position: relative; display: inline-block; width: auto; margin: 0; padding: 0; color: var(--color-noir); font-size: 18px; font-family: var(--webapp-font-text); font-weight: 400; line-height: var(--webapp-p-line-height); text-transform: initial; } .nav--menu li, .nav--cta li, .nav--footer li, .nav--footer-mentions li { position: relative; margin: 0; padding: 0; } .nav--menu li.-add-btn-format > a, .nav--cta li.-add-btn-format > a, .nav--footer li.-add-btn-format > a, .nav--footer-mentions li.-add-btn-format > a { padding: 8px 18px; background: var(--color-main2); color: var(--color-blanc) !important; } .home.is-top .nav--menu li.-add-btn-format > a, .home.is-top .nav--cta li.-add-btn-format > a, .home.is-top .nav--footer li.-add-btn-format > a, .home.is-top .nav--footer-mentions li.-add-btn-format > a { background: var(--color-blanc); color: var(--color-main2) !important; } @media screen and (min-width: 1025px) { .nav--menu li.-add-btn-format:hover > a, .nav--cta li.-add-btn-format:hover > a, .nav--footer li.-add-btn-format:hover > a, .nav--footer-mentions li.-add-btn-format:hover > a { background: var(--color-beige-dark) !important; color: var(--color-main2) !important; } } .nav--menu li.-add-btn-format.current-menu-item > a, .nav--menu li.-add-btn-format[class*=current-] > a, .nav--menu li.-add-btn-format.current-menu-parent > a, .nav--cta li.-add-btn-format.current-menu-item > a, .nav--cta li.-add-btn-format[class*=current-] > a, .nav--cta li.-add-btn-format.current-menu-parent > a, .nav--footer li.-add-btn-format.current-menu-item > a, .nav--footer li.-add-btn-format[class*=current-] > a, .nav--footer li.-add-btn-format.current-menu-parent > a, .nav--footer-mentions li.-add-btn-format.current-menu-item > a, .nav--footer-mentions li.-add-btn-format[class*=current-] > a, .nav--footer-mentions li.-add-btn-format.current-menu-parent > a { background: var(--color-beige-dark) !important; color: var(--color-main2) !important; } .nav--menu .-hidden-link > a, .nav--cta .-hidden-link > a, .nav--footer .-hidden-link > a, .nav--footer-mentions .-hidden-link > a { display: none !important; } .tax-bien-cat.term-acheter .bien-type-acheter > a::after { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .tax-bien-cat.term-louer .bien-type-louer > a::after { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .nav--menu a { color: var(--color-noir); text-align: left; } .nav--menu a br { display: none; } .nav--menu a .text { position: relative; display: inline-block; float: none; vertical-align: middle; } .layout-head-nav .nav--menu > li { margin: 0 28px 0 0; } .layout-head-nav .nav--menu li > a { color: var(--color-main2); font-size: 12px; font-family: var(--webapp-font-other); font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; } .home.is-top .layout-head-nav .nav--menu li > a { color: var(--color-beige); } .layout-head-nav .nav--menu li > a::after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: currentColor; -webkit-transform-origin: left top; transform-origin: left top; -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .layout-head-nav .nav--menu li:hover > a::after { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } } .layout-head-nav .nav--menu li.current-menu-item > a::after, .layout-head-nav .nav--menu li[class*=current-] > a::after, .layout-head-nav .nav--menu li.current-menu-parent > a::after { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .bt-menu .nav--menu li.-add-btn-format > a { max-width: 200px; margin: 0 auto; } .bt-menu .nav--menu > li { position: relative; display: block; width: 100%; float: left; margin: 20px 0 !important; padding: 0; text-align: center; } .bt-menu .nav--menu > li > a { position: relative; display: block; width: 100%; color: var(--color-main2); font-size: 12px; font-family: var(--webapp-font-other); font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; text-align: center; } .bt-menu .nav--menu > li.current-menu-item > .licon-toggle, .bt-menu .nav--menu > li[class*=current-] > .licon-toggle, .bt-menu .nav--menu > li.current-menu-parent > .licon-toggle { color: var(--color-main-active); } .bt-menu .nav--menu > li.current-menu-item > a, .bt-menu .nav--menu > li[class*=current-] > a, .bt-menu .nav--menu > li.current-menu-parent > a { color: var(--color-main-active); } .bt-menu .nav--menu .menu-item-has-children > .licon-toggle { display: inline-block; } .bt-menu .nav--menu .menu-item-has-children > ul { position: relative; display: block; width: 100%; margin: 0; padding: 0; max-height: 0; overflow: hidden; -moz-transition: 700ms ease; -webkit-transition: 700ms ease; -o-transition: 700ms ease; -ms-transition: 700ms ease; transition: 700ms ease; } .bt-menu .nav--menu .menu-item-has-children li { margin: 30px 0 0; padding: 0; text-align: center; } .bt-menu .nav--menu .menu-item-has-children li:first-child::after { display: none; } .bt-menu .nav--menu .menu-item-has-children li > a { position: relative; display: block; width: 100%; color: var(--color-gris-dark); font-size: 16px; letter-spacing: 0; text-align: center; } .bt-menu .nav--menu .menu-item-has-children li.current-menu-item > a, .bt-menu .nav--menu .menu-item-has-children li[class*=current-] > a, .bt-menu .nav--menu .menu-item-has-children li.current-menu-parent > a { color: var(--color-blanc); } .bt-menu .nav--menu .menu-item-has-children.opened > .licon-toggle { color: var(--color-blanc); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .bt-menu .nav--menu .menu-item-has-children.opened > ul { max-height: 500px; overflow: auto; } .layout-footer .nav--menu { margin: 0; padding: 0; } @media screen and (max-width: 767px) { .layout-footer .nav--menu { flex-wrap: wrap; justify-content: flex-end !important; } .layout-footer .nav--menu > li { max-width: 70%; flex: 0 0 70%; margin: 20px 0 0 !important; } .layout-footer .nav--menu > li:first-child { max-width: 30%; flex: 0 0 30%; } } .layout-footer .nav--menu .limiter, .layout-footer .nav--menu .limiter-max { padding-left: 0; padding-right: 0; } .layout-footer .nav--menu ul { margin: 0; padding: 0; } .layout-footer .nav--menu li { margin: 0; padding: 0; } .layout-footer .nav--menu li > a { color: var(--color-beige); font-size: 15px; font-size: 1.5rem; font-family: var(--webapp-font-other); font-weight: 600; } .layout-footer .nav--menu .menu-item-has-children li { margin: 20px 0 0; } .layout-footer .nav--menu .menu-item-has-children li:first-child { margin: 0; } .nav--footer-mentions a { color: var(--color-gris-dark); font-size: 12px; font-size: 1.2rem; font-family: var(--webapp-font-text); font-weight: 600; line-height: 1.15; text-transform: initial; } .nav--footer-mentions li { margin: 10px 0 0; } @media screen and (min-width: 768px) { .nav--footer-mentions li { margin: 0; } } .nav--footer-mentions li::after { content: " - "; position: relative; display: inline-block; float: none; vertical-align: middle; margin: 0 5px; } .nav--footer-mentions li:last-child::after { display: none; } @media screen and (min-width: 1025px) { .nav--footer-mentions li:hover > a { color: var(--color-main-active); } } .nav--footer-mentions li.current-menu-item > a, .nav--footer-mentions li[class*=current-] > a, .nav--footer-mentions li.current-menu-parent > a { color: var(--color-main-active); } .-hide-scrolling-down { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } body.bt-menu-open .-hide-scrolling-down { -moz-transform: translate(0, -20px); -webkit-transform: translate(0, -20px); -o-transform: translate(0, -20px); -ms-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; -webkit-pointer-events: none; pointer-events: none; } .bt-pagination-container { position: relative; display: block; width: 100%; float: left; background: var(--color-blanc); } .bt-pagination { position: relative; display: block; width: 100%; float: left; } .bt-pagination ul { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0; padding: 20px 0; } .bt-pagination li { list-style: none; margin: 0 5px; } .bt-pagination li > span, .bt-pagination li > a { position: relative; display: inline-block; float: none; vertical-align: middle; color: var(--color-noir); } .bt-pagination li a { color: var(--color-noir); padding: 0 5px; } @media screen and (min-width: 1025px) { .bt-pagination li a:hover { color: var(--color-main); } } .bt-pagination li .current { color: var(--color-main-active) !important; } .bt-pagination li .prev, .bt-pagination li .next { position: relative; display: inline-block; float: none; vertical-align: middle; height: 42px; line-height: 40px; padding: 0 15px; border: 1px solid var(--color-noir); border-radius: var(--webapp-border-radius); background-color: var(--color-noir); color: var(--color-blanc) !important; text-align: center; } @media screen and (min-width: 768px) { .bt-pagination li .prev, .bt-pagination li .next { height: 46px; line-height: 44px; padding: 0 20px; } } @media screen and (min-width: 1025px) { .bt-pagination li .prev:hover .licon { -moz-transform: translate(-3px, 0); -webkit-transform: translate(-3px, 0); -o-transform: translate(-3px, 0); -ms-transform: translate(-3px, 0); transform: translate(-3px, 0); } } @media screen and (min-width: 1025px) { .bt-pagination li .next:hover .licon { -moz-transform: translate(3px, 0); -webkit-transform: translate(3px, 0); -o-transform: translate(3px, 0); -ms-transform: translate(3px, 0); transform: translate(3px, 0); } } .js-filteredgrid .filter-trigger { position: relative; display: block; width: 100%; } .js-filteredgrid .filter-trigger::after { content: ""; position: absolute; top: 100%; left: 50%; display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: transparent; -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .js-filteredgrid .filter-trigger.active::after { background: var(--color-main); } .bt-cta { position: relative; display: block; width: 100%; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; } .bt-cta .cta-head-link { width: 68px; height: 68px; line-height: 68px; background: var(--color-main); color: var(--color-beige-light); text-align: center; } @media screen and (min-width: 1280px) { .bt-cta .cta-head-link { width: auto; height: auto; line-height: 1; background: transparent; color: var(--color-main2); } } @media screen and (min-width: 1280px) and (min-width: 1025px) { .bt-cta .cta-head-link:hover { color: var(--color-main2-active) !important; } } @media screen and (min-width: 1280px) { .home.is-top .bt-cta .cta-head-link { color: var(--color-beige); } } .bt-social-share { position: relative; display: block; width: 100%; float: left; } .bt-theme-trigger { position: relative; width: 125px; height: 50px; line-height: 44px; padding: 0 0 0 48px; border-radius: 25px; border: 2px solid white; color: white; mix-blend-mode: difference; } @media screen and (max-width: 767px) { .bt-theme-trigger { top: -3px; width: 90px; height: 40px; line-height: 33px; padding: 0 0 0 39px; } } .bt-theme-trigger .textbefore { position: absolute; top: 4px; left: 4px; display: inline-block; } .bt-theme-trigger .textbefore .licon { width: 38px; height: 38px; float: left; margin: 0; background-color: white; } @media screen and (max-width: 767px) { .bt-theme-trigger .textbefore .licon { width: 29px; height: 29px; } } .bt-theme-trigger .text { position: relative; display: inline-block; float: none; vertical-align: middle; line-height: 1; margin: 0; padding: 0; font-size: 12px; text-align: left; } .bt-theme-trigger .licon-theme { -webkit-mask: var(--licon-sun); mask: var(--licon-sun); } .bt-theme-trigger .-light { display: inline-block; } .bt-theme-trigger .-dark { display: none; } @media screen and (min-width: 1025px) { .bt-theme-trigger:hover { padding: 0 0 0 8px; } .bt-theme-trigger:hover .licon-theme { -webkit-mask: var(--licon-moon); mask: var(--licon-moon); -moz-transform: translate(76px, 0); -webkit-transform: translate(76px, 0); -o-transform: translate(76px, 0); -ms-transform: translate(76px, 0); transform: translate(76px, 0); } .bt-theme-trigger:hover .-light { display: none; } .bt-theme-trigger:hover .-dark { display: inline-block; } } body[data-theme=dark] .bt-theme-trigger .licon-theme { -webkit-mask: var(--licon-moon); mask: var(--licon-moon); } body[data-theme=dark] .bt-theme-trigger .-light { display: none; } body[data-theme=dark] .bt-theme-trigger .-dark { display: inline-block; } @media screen and (min-width: 1025px) { body[data-theme=dark] .bt-theme-trigger:hover .licon-theme { -webkit-mask: var(--licon-sun); mask: var(--licon-sun); } body[data-theme=dark] .bt-theme-trigger:hover .-light { display: inline-block; } body[data-theme=dark] .bt-theme-trigger:hover .-dark { display: none; } } #notification { max-width: 100%; } @media screen and (min-width: 768px) { #notification { max-width: 680px; } } .BC_breadcrumbs_container { position: relative; display: block; width: 100%; float: left; } .BC_breadcrumbs { text-align: center; } .BC_breadcrumbs a { z-index: 40; position: relative; display: inline-block; float: none; vertical-align: middle; font-size: 12px; color: var(--color-main); font-family: var(--webapp-font-other); font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; } .BC_breadcrumbs .breadcrumb_last { z-index: 40; position: relative; display: inline-block; float: none; vertical-align: middle; font-size: 12px; color: var(--color-gris); font-family: var(--webapp-font-other); font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; } ::placeholder { color: var(--color-gris); font-style: italic; } ::-webkit--placeholder { color: var(--color-gris); font-style: italic; } :-moz-placeholder { color: var(--color-gris); font-style: italic; } ::-moz-placeholder { color: var(--color-gris); font-style: italic; } :-ms-input-placeholder { color: var(--color-gris); font-style: italic; } body input[type=text], body input[type=password], body input[type=number] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } body input[type=number]::-webkit-outer-spin-button, body input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } body input[type=number] { -moz-appearance: textfield; } body input, body textarea { position: relative; display: block; width: 100%; margin: 0; padding: var(--webapp-input-padding-y) var(--webapp-input-padding-x); border: var(--webapp-input-border); border-radius: var(--webapp-input-border-radius); background: var(--webapp-input-background); color: var(--color-main-active); font-size: 18px; letter-spacing: 0.05em; text-indent: 0; outline: 0 !important; font-size: var(--webapp-input-font-size); -webkit-box-shadow: none; box-shadow: none; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } body input.wpcf7-not-valid, body textarea.wpcf7-not-valid { border-color: crimson !important; } body input[type=tel] { font-family: var(--webapp-font-other); } body input { height: var(--webapp-input-height); line-height: var(--webapp-input-height); } body input[type=checkbox], body input[type=radio] { display: inline-block; width: auto; } body textarea { height: 110px; line-height: 1.25; padding: var(--webapp-textarea-padding-y) var(--webapp-textarea-padding-x); resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } body select { position: relative; display: block; width: 100%; display: block !important; height: var(--webapp-input-height); line-height: var(--webapp-input-height); margin: 0; padding: 0 var(--webapp-input-padding-x); border: var(--webapp-input-border); border-radius: var(--webapp-input-border-radius); background: var(--webapp-input-background) right 21px center no-repeat; background-image: url(../js/8db623c3cd65bf1d8131.svg); -webkit-appearance: none; appearance: none; outline: 0; color: var(--color-noir); } .plus-minus-container { position: relative; display: block; width: 100%; } .plus-minus-container .plus-minus { position: absolute; top: 0; right: 0; display: inline-block; height: 100%; width: 24px; } .plus-minus-container .plus-minus .plus, .plus-minus-container .plus-minus .minus { display: block; height: 50%; font-size: 24px; line-height: 24px; text-align: center; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .plus-minus-container .plus-minus .plus { border-top-right-radius: 4px; background: var(--color-main); color: var(--color-blanc); } @media screen and (min-width: 1025px) { .plus-minus-container .plus-minus .plus:hover { background: var(--color-main-active); } } .plus-minus-container .plus-minus .minus { border-bottom-right-radius: 4px; background: #D0D0D0; color: var(--color-blanc); } @media screen and (min-width: 1025px) { .plus-minus-container .plus-minus .minus:hover { background: var(--color-gris); } } .range-container { z-index: 3; position: relative; display: block; width: 100%; float: left; } .range-container .min, .range-container .current, .range-container .max { position: relative; display: inline-block; float: none; vertical-align: middle; position: absolute; top: 105%; font-size: 14px; line-height: 1; text-align: center; background: transparent !important; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .range-container .min { left: 0; margin-top: -6px; } .range-container .max { right: 0; margin-top: -6px; } .range-container .current { left: 0; width: 70px; -moz-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); margin: 0 0 0 -35px; } @media screen and (min-width: 768px) { .range-container .current { font-size: 18px; } } .range-container .current::after { content: " km"; } .range-container input { z-index: 3; } .range-container input[type=range] { position: relative; display: block; width: 100%; appearance: none; width: 100%; height: 1px; outline: none; margin: 10px 0 18px; padding: 1px 0 0; border-radius: 2px; background: #9A9A9A; } .range-container input[type=range]::-webkit-slider-thumb { position: relative; z-index: 3; appearance: none; width: 18px; height: 18px; border: 3px solid var(--color-blanc); border-radius: 50%; background-color: var(--color-noir); cursor: pointer; } form br { display: none !important; } form p { margin: 0; } form .obgl { color: crimson; } form input::-webkit-outer-spin-button, form input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } form input[type=number] { -moz-appearance: textfield; /* Firefox */ } form .label-container { position: relative; display: block; width: 100%; margin-bottom: var(--webapp-spacer-s1); } form .label-container strong { position: relative; display: block; width: 100%; margin: 0 0 10px; color: var(--color-main-active); font-size: 14px; font-weight: 500 !important; letter-spacing: 0.05em; text-align: left; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 768px) { form .label-container.-side { padding-left: 195px; } form .label-container.-side strong { position: absolute; top: 50%; left: 0; display: inline-block; width: auto; margin: 0; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } form .js-select2 { position: relative; display: block; width: 100%; padding: 44px 0 0 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } form .js-select2 .trigger { z-index: 5; position: absolute; top: 0; right: 0; width: 100%; height: 44px; line-height: 44px; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } form .js-select2 .trigger .icon { position: absolute; top: 22px; right: 22px; display: inline-block; width: 44px; height: 44px; line-height: 44px; margin: -22px -22px 0 0; text-align: center; background: transparent url(../js/8db623c3cd65bf1d8131.svg) no-repeat center center; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; cursor: pointer; } form .js-select2 ul { position: absolute; top: 0; left: 0; display: block; width: 100%; max-height: 44px; margin: 0; padding: 0; border-radius: 22px; border: 1.5px solid rgba(10, 8, 59, 0.1); overflow: hidden; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } form .js-select2 li { list-style: none; position: relative; display: block; width: 100%; margin: 0; padding: 0 18px; background: var(--color-blanc); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } form .js-select2 li .option { position: relative; display: block; width: 100%; height: 44px; line-height: 43px; padding: 0 5px; border-top: 1px solid var(--color-beige); color: var(--color-noir); } form .js-select2 li:first-child { border-bottom: none; } @media screen and (min-width: 1025px) { form .js-select2 li:hover { background: var(--color-main); } form .js-select2 li:hover .option { color: var(--color-blanc); border-top: none; } } form .js-select2 li.selected { z-index: 2; position: absolute; top: 0; left: 0; } form .js-select2 li.selected .option { border-top: none; } form .js-select2.open { z-index: 25; } form .js-select2.open .trigger { width: 40px; } form .js-select2.open .trigger .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } form .js-select2.open ul { max-height: 240px; overflow: auto; -moz-box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.12); box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.12); } form .js-select2.open li.selected { position: relative; background: var(--color-main); } form .js-select2.open li.selected .option { color: var(--color-blanc); } form .wpcf7-list-item { display: inline-block; width: auto; margin-right: 25px; } form .wpcf7-list-item.last { margin-right: 0; } form .wpcf7-list-item label .wpcf7-list-item-label { top: -2px; } form .wpcf7-radio label input, form .wpcf7-checkbox label input { position: absolute; top: 0; left: 0; opacity: 0 !important; } form .wpcf7-radio label .wpcf7-list-item-label, form .wpcf7-checkbox label .wpcf7-list-item-label { position: relative; display: block; width: 100%; padding: 0 0 0 30px; color: var(--color-noir); font-size: 18px; font-family: var(--webapp-font-text); font-weight: 400; letter-spacing: 0.05em; } form .wpcf7-radio label .wpcf7-list-item-label span, form .wpcf7-checkbox label .wpcf7-list-item-label span { z-index: 3; position: relative; } form .wpcf7-radio label .wpcf7-list-item-label::before, form .wpcf7-checkbox label .wpcf7-list-item-label::before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 23px; height: 23px; line-height: 23px; border: 1px solid var(--color-gris-light); background: var(--color-blanc) no-repeat center center; border-radius: var(--webapp-border-radius); text-align: center; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } form .wpcf7-radio label input:checked + .wpcf7-list-item-label, form .wpcf7-checkbox label input:checked + .wpcf7-list-item-label { color: var(--color-main); } form .wpcf7-radio label input:checked + .wpcf7-list-item-label::before, form .wpcf7-checkbox label input:checked + .wpcf7-list-item-label::before { border-color: var(--color-main); background-image: url(../js/954d75e811d328d9581f.svg); } @media screen and (min-width: 1025px) { form .wpcf7-radio label:hover .wpcf7-list-item-label::before, form .wpcf7-checkbox label:hover .wpcf7-list-item-label::before { border-color: var(--color-main-active); background: var(--color-blanc); } } form .wpcf7-radio.-is-button .wpcf7-list-item, form .wpcf7-checkbox.-is-button .wpcf7-list-item { margin: 2px 7px 0 0; } form .wpcf7-radio.-is-button label .wpcf7-list-item-label, form .wpcf7-checkbox.-is-button label .wpcf7-list-item-label { width: var(--webapp-input-height); height: var(--webapp-input-height); line-height: var(--webapp-input-height); padding: 0; text-align: center; } form .wpcf7-radio.-is-button label .wpcf7-list-item-label::before, form .wpcf7-checkbox.-is-button label .wpcf7-list-item-label::before { width: var(--webapp-input-height); height: var(--webapp-input-height); } form .wpcf7-radio.-is-button label input:checked + .wpcf7-list-item-label, form .wpcf7-checkbox.-is-button label input:checked + .wpcf7-list-item-label { color: var(--color-blanc); } form .wpcf7-radio.-is-button label input:checked + .wpcf7-list-item-label::before, form .wpcf7-checkbox.-is-button label input:checked + .wpcf7-list-item-label::before { border-color: var(--color-main-active); background: var(--color-main-active); } @media screen and (min-width: 1025px) { form .wpcf7-radio.-is-button label:hover .wpcf7-list-item-label, form .wpcf7-checkbox.-is-button label:hover .wpcf7-list-item-label { color: var(--color-main-active) !important; } form .wpcf7-radio.-is-button label:hover .wpcf7-list-item-label::before, form .wpcf7-checkbox.-is-button label:hover .wpcf7-list-item-label::before { border-color: var(--color-main-active) !important; background: transparent !important; } } form .wpcf7-radio label .wpcf7-list-item-label::before { border-radius: 50%; } form label.custom-checkbox { position: relative; display: inline-block; width: auto; vertical-align: middle; margin: 0 15px 0 0; font-size: 12px; font-size: 1.2rem; font-family: var(--webapp-font-text); line-height: 1; } form label.custom-checkbox .circle { position: relative; top: -2px; display: inline-block; width: 16px; height: 16px; float: none; vertical-align: middle; margin: 0 12px 0 0; border: none; border-radius: 50%; background: var(--color-noir); -moz-box-shadow: 0 0 0 2px var(--color-blanc), 0 0 0 3px var(--color-noir); -webkit-box-shadow: 0 0 0 2px var(--color-blanc), 0 0 0 3px var(--color-noir); -o-box-shadow: 0 0 0 2px var(--color-blanc), 0 0 0 3px var(--color-noir); -ms-box-shadow: 0 0 0 2px var(--color-blanc), 0 0 0 3px var(--color-noir); box-shadow: 0 0 0 2px var(--color-blanc), 0 0 0 3px var(--color-noir); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } form label.custom-checkbox input { margin: 0; font-size: 12px; font-size: 1.2rem; text-transform: inherit; opacity: 0 !important; } form label.custom-checkbox input:checked + .circle { background: var(--color-blanc); } form .wpcf7-checkbox.checkbox-tags .wpcf7-list-item { position: relative; display: inline-block; float: none; vertical-align: middle; margin: 15px 15px 0 0; } form .wpcf7-checkbox.checkbox-tags label::before { display: none; } form .wpcf7-checkbox.checkbox-tags label input { position: absolute; opacity: 0; } form .wpcf7-checkbox.checkbox-tags label .wpcf7-list-item-label { position: relative; display: inline-block; float: none; vertical-align: middle; height: 45px; line-height: 45px; padding: 0 15px; border-radius: var(--webapp-border-radius); border: var(--webapp-input-border); background: var(--webapp-input-background); font-size: 14px; font-size: 1.4rem; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { form .wpcf7-checkbox.checkbox-tags label .wpcf7-list-item-label { padding: 0 30px; } } form .wpcf7-checkbox.checkbox-tags label .wpcf7-list-item-label span { top: -2px; position: relative; display: inline-block; float: none; vertical-align: middle; line-height: 1.25; } @media screen and (min-width: 1025px) { form .wpcf7-checkbox.checkbox-tags label:hover .wpcf7-list-item-label { border-color: var(--color-main); background-color: var(--color-main); color: var(--color-blanc); } } form .wpcf7-checkbox.checkbox-tags label input:checked + .wpcf7-list-item-label { border-color: var(--color-main); background-color: var(--color-main); color: var(--color-blanc); } form .wpcf7-checkbox.checkbox-tags.-has-icons label .wpcf7-list-item-label { height: 60px; line-height: 60px; padding-left: 60px; padding-right: 0px; border-radius: 7px; } @media screen and (min-width: 1025px) { form .wpcf7-checkbox.checkbox-tags.-has-icons label .wpcf7-list-item-label { height: 80px; line-height: 80px; padding-left: 85px; } } form .wpcf7-checkbox.checkbox-tags.-has-icons label .wpcf7-list-item-label::before { content: ""; position: absolute; top: 50%; left: 12px; margin-top: -20px; display: inline-block; width: 40px; height: 40px; } @media screen and (min-width: 1025px) { form .wpcf7-checkbox.checkbox-tags.-has-icons label .wpcf7-list-item-label::before { left: 30px; } } form .wpcf7-checkbox.checkbox-tags.-has-icons label .wpcf7-list-item-label span { max-width: 90px; padding-right: 10px; } @media screen and (min-width: 1025px) { form .wpcf7-checkbox.checkbox-tags.-has-icons label .wpcf7-list-item-label span { max-width: 95px; padding-right: 20px; } } form .wpcf7-not-valid-tip { position: absolute; bottom: 12px; right: 4px; display: inline-block; width: 24px; height: 24px; color: transparent !important; text-align: right; overflow: hidden; } form .wpcf7-not-valid-tip::after { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 24px; height: 24px; margin: 0; padding: 0; -webkit-mask: var(--webapp-form-error); mask: var(--webapp-form-error); background-color: crimson; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } form .wpcf7-submit-container { position: relative; display: block; width: 100%; float: left; } form[data-status=submitting] .wpcf7-submit-container .btn { background: var(--color-noir); opacity: 0.4; -webkit-pointer-events: none; pointer-events: none; } .password-input .show-password-input { display: none !important; } body .codedropz-upload-wrapper .codedropz-upload-handler { border-radius: var(--webapp-input-radius); border: var(--webapp-input-border); background: var(--webapp-input-background); color: var(--color-noir); font-size: 14px; } .wpcf7-form .wpcf7-response-output { padding: 0; border-radius: 10px; background: var(--color-noir); color: var(--color-blanc); } .wpcf7-form.sent .wpcf7-response-output { margin: 10px 0; padding: 15px; background: green; color: var(--color-blanc); } .wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.spam .wpcf7-response-output { margin: 10px 0; padding: 15px; background: crimson; } .screen-reader-response { display: none; } form.post-password-form { max-width: 450px; margin: 0 auto; } form.post-password-form input[name=post_password] { position: relative; display: block; width: 100%; margin-top: 25px; } form.post-password-form input[type=submit] { position: relative; display: inline-block; float: none; vertical-align: middle; height: 42px; line-height: 40px; margin-top: 25px; padding: 0 15px; border: 1px solid var(--color-noir); border-radius: var(--webapp-border-radius); background-color: var(--color-noir); color: var(--color-blanc); text-align: center; } @media screen and (min-width: 768px) { form.post-password-form input[type=submit] { height: 46px; line-height: 44px; padding: 0 20px; } } form.post-password-form input[type=submit] .text { margin-top: -2px; } form.post-password-form input[type=submit] .text::after { content: ""; position: relative; display: inline-block; float: none; vertical-align: middle; width: 20px; height: 14px; margin: 0 0 0 8px; background-color: currentColor; -webkit-mask: var(--licon-arrow-right); mask: var(--licon-arrow-right); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } form.post-password-form input[type=submit].-after-no-margin .text::after { margin: 0; } form.post-password-form input[type=submit].-after-none .text::after { display: none; } form.post-password-form input[type=submit].-no-text .text { display: none; } form.post-password-form input[type=submit].-scroll-up { padding: 21px 12px; height: auto; line-height: 1; } form.post-password-form input[type=submit].-scroll-up .text::after { margin: 0; transform-origin: center center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } form.post-password-form input[type=submit].-scroll-down { padding: 21px 12px; height: auto; line-height: 1; } form.post-password-form input[type=submit].-scroll-down .text::after { margin: 0; transform-origin: center center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (min-width: 1025px) { form.post-password-form input[type=submit]:hover { border-color: var(--color-gris-dark); background-color: var(--color-gris-dark); } form.post-password-form input[type=submit]:hover .text::after { -moz-transform: translate(4px, 0); -webkit-transform: translate(4px, 0); -o-transform: translate(4px, 0); -ms-transform: translate(4px, 0); transform: translate(4px, 0); } form.post-password-form input[type=submit]:hover.-scroll-up .text::after { margin: 0; -webkit-transform: rotate(-90deg) translate(4px, 0); transform: rotate(-90deg) translate(4px, 0); } form.post-password-form input[type=submit]:hover.-scroll-down .text::after { margin: 0; -webkit-transform: rotate(90deg) translate(4px, 0); transform: rotate(90deg) translate(4px, 0); } } body form .human-quiz-captcha #quiz-captcha { border: 2px solid var(--color-blanc) !important; border-radius: var(--webapp-input-border-radius); background: var(--color-blanc-react); color: var(--color-noir-react); } .js-dropdown .dropdown-trigger { display: none; } .js-dropdown .dropdown-menu { position: relative; display: block; width: 100%; } @media screen and (max-width: 767px) { .js-dropdown .dropdown-trigger { display: inline-block; } .js-dropdown .dropdown-menu { max-height: 0; overflow: hidden; -moz-transition: all 0.7s ease-in; -webkit-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; -ms-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } .js-dropdown .dropdown-menu ul li { position: relative; display: block; width: 100%; margin: 10px 0 0; } .js-dropdown .dropdown-menu ul li a { display: inline-block; width: auto; } .js-dropdown.active .dropdown-trigger .licon { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .js-dropdown.active .dropdown-menu { max-height: 500px; overflow: auto; -moz-transition: all 0.7s ease-in; -webkit-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; -ms-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } } .BC_tabs_nav ul li { margin: 0; padding: 0; } .BC_tabs_nav a { position: relative; display: block; width: 100%; height: 80px; line-height: 80px; background: var(--color-main-active); color: var(--color-blanc); text-align: center; text-transform: uppercase; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_tabs_nav a .text { position: relative; display: inline-block; float: none; vertical-align: middle; line-height: 1; } @media screen and (min-width: 1025px) { .BC_tabs_nav a:hover { background: var(--color-blanc); color: var(--color-main-active); } } .BC_tabs_nav a.active { background: var(--color-blanc); color: var(--color-main-active); } .BC_tab { z-index: 0; position: absolute !important; top: 0; left: 0; opacity: 0; -moz-transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; transition: opacity 500ms ease; } .BC_tab.active { z-index: 1; position: relative !important; opacity: 1; } .alert-user { z-index: 999; position: fixed; bottom: 20px; left: 50%; display: block; width: 100%; max-width: 280px; padding: 12px 20px; border-radius: 6px; background: var(--color-noir); color: var(--color-blanc); text-align: center; pointer-events: none; opacity: 0; -moz-transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .alert-user::before { content: ""; position: relative; display: block; width: 100%; } .alert-user.active { opacity: 1; -moz-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .js-beforeafter .beforeafter-before { z-index: 1; position: relative; display: block; width: 100%; } .js-beforeafter .beforeafter-after { z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .js-beforeafter .beforeafter-bar { z-index: 5; position: absolute; top: 0; left: 0; display: block; width: 3px; height: 100%; margin-left: -1px; background: var(--color-main); } .js-beforeafter .beforeafter-bar .licon { z-index: 3; position: absolute; top: 50%; left: 50%; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: var(--color-blanc); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .js-beforeafter .beforeafter-bar::before { content: ""; z-index: 1; position: absolute; top: 50%; left: 50%; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: var(--color-main); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .accordeon { position: relative; display: block; width: 100%; } .accordeon .trigger, .accordeon .content { position: relative; display: block; width: 100%; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .accordeon .trigger { color: var(--color-noir); } .accordeon .trigger::after { content: ""; position: absolute; top: 14px; right: 0; display: inline-block; float: none; vertical-align: middle; width: 24px; height: 24px; background-color: currentColor; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .accordeon .trigger:hover { color: var(--color-main2); } } .accordeon .content { max-height: 0; overflow: hidden; } .accordeon.active .trigger::after { -webkit-transform: rotate(-180deg) translate(50%, 50%); transform: rotate(-180deg) translate(50%, 50%); } .accordeon.active .content { padding-top: 20px; padding-bottom: 20px; max-height: 500px; overflow: auto; } .postcard .postcard-visuel { position: relative; display: block; width: 100%; } .postcard .postcard-content { z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; text-align: center; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .postcard .postcard-inner { position: relative; display: block; width: 100%; } @media screen and (min-width: 768px) { .postcard .postcard-inner { opacity: 0; -moz-transform: translate(0, 15px); -webkit-transform: translate(0, 15px); -o-transform: translate(0, 15px); -ms-transform: translate(0, 15px); transform: translate(0, 15px); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } } .postcard .postcard-background { z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: var(--color-noir); opacity: 0.5; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 768px) { .postcard .postcard-background { opacity: 0; } } .postcard a[href="javascript:;"] { cursor: default !important; } @media screen and (min-width: 1025px) { .postcard:hover .postcard-inner { opacity: 1; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -moz-transition: all 0.4s 0.25s ease; -webkit-transition: all 0.4s 0.25s ease; -o-transition: all 0.4s 0.25s ease; -ms-transition: all 0.4s 0.25s ease; transition: all 0.4s 0.25s ease; } .postcard:hover .postcard-background { opacity: 0.5; } } .question { position: relative; display: block; width: 100%; border-bottom: 1px solid var(--color-noir-25); } .question [class*=BC_] { margin: 0; } .question .question-trigger { position: relative; display: block; width: 100%; padding: 25px 0; } .question .question-trigger .fa { z-index: 3; position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; line-height: 40px; margin: -20px -20px 0 0; font-size: 24px; text-align: center; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .question .question-content { position: relative; display: block; width: 100%; max-height: 0; overflow: hidden; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .question.active .question-trigger .fa { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .question.active .question-content { max-height: 500px; padding: 0 0 20px; overflow: auto; } .onglets-container { position: relative; display: block; width: 100%; float: left; } .onglets-container .onglets-navigation::after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: transparent; } .onglets-container .pin-spacer { width: 0 !important; } .onglets-container .pin-spacer .onglets-navigation[style*="position:fixed"]::after, .onglets-container .pin-spacer .onglets-navigation[style*="position: fixed"]::after { background: var(--color-noir); } .onglets-navigation { position: relative; display: block; width: 100%; float: left; } .onglets-navigation ul { margin-left: -20px; margin-right: -20px; } .onglets-navigation li { padding-left: 20px; padding-right: 20px; } .onglets-navigation li a { position: relative; display: block; width: 100%; float: left; color: var(--color-main); } .onglets-navigation li a .title, .onglets-navigation li a .content { color: currentColor; } .onglets-navigation li a::after { content: ""; position: relative; display: block; width: 100%; width: 0; height: 1px; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .onglets-navigation li:hover a { color: var(--color-main-active); } } .onglets-navigation li.open-this a { color: var(--color-main-active); } .onglets-navigation li.open-this a::after { width: 100%; } .onglets-wrapper { position: relative; display: block; width: 100%; float: left; } .onglet { position: relative; display: block; width: 100%; float: left; position: absolute; opacity: 0; visibility: hidden; } .onglet.open-this { position: relative; opacity: 1; visibility: inherit; } .acf-map-container { position: relative; display: block; width: 100%; height: 0; float: left; padding: 0 0 100% 0; } @media screen and (min-width: 1025px) { .acf-map-container { padding: 0 0 47.7777777% 0; } } .acf-map-container .acf-map { z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } @media screen and (min-width: 768px) { .acf-map-container .acf-map { left: -30%; width: 130%; } } .acf-map-container .acf-map-infos { position: relative; display: block; width: 100%; } @media screen and (min-width: 768px) { .acf-map-container .acf-map-infos { position: absolute; top: 0; left: 0; height: 100%; } } .acf-map-container .acf-map-infos .map-info { position: relative; display: block; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 400ms 0s ease, visibility 400ms 400ms ease; transition: all 400ms 0s ease, visibility 400ms 400ms ease; } @media screen and (min-width: 768px) { .acf-map-container .acf-map-infos .map-info { max-width: 392px; float: right; } } .acf-map-container .acf-map-infos .map-info.open-this { opacity: 1; visibility: visible; -webkit-transition: all 400ms 0ms ease, visibility 0s 0s ease; transition: all 400ms 0ms ease, visibility 0s 0s ease; } .short-lire-container { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .short-lire-container .short-open { display: inline-block; } .short-lire-container .short-close { display: none; } .short-lire-container .short-lire { max-height: 0; overflow: hidden; -moz-transition: all 900ms ease-in; -webkit-transition: all 900ms ease-in; -o-transition: all 900ms ease-in; -ms-transition: all 900ms ease-in; transition: all 900ms ease-in; /*p:empty{ display: none; }*/ } .short-lire-container.is-reading .short-open { display: none; } .short-lire-container.is-reading .short-close { display: inline-block; } .short-lire-container.is-reading .short-lire { max-height: 700px; overflow: auto; } @media screen and (max-width: 767px) { .short-lire-container.mobile .short-open, .short-lire-container.mobile .short-close { display: none !important; } .short-lire-container.mobile .short-lire { max-height: 100% !important; overflow: initial !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .short-lire-container.tablet .short-open, .short-lire-container.tablet .short-close { display: none !important; } .short-lire-container.tablet .short-lire { max-height: 100% !important; overflow: initial !important; } } @media screen and (min-width: 1025px) and (max-width: 1279px) { .short-lire-container.laptop .short-open, .short-lire-container.laptop .short-close { display: none !important; } .short-lire-container.laptop .short-lire { max-height: 100% !important; overflow: initial !important; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { .short-lire-container.mdpi .short-open, .short-lire-container.mdpi .short-close { display: none !important; } .short-lire-container.mdpi .short-lire { max-height: 100% !important; overflow: initial !important; } } @media screen and (min-width: 768px) { .short-lire-container.at-sm .short-open, .short-lire-container.at-sm .short-close { display: none !important; } .short-lire-container.at-sm .short-lire { max-height: 100% !important; overflow: initial !important; } } @media screen and (min-width: 1025px) { .short-lire-container.at-md .short-open, .short-lire-container.at-md .short-close { display: none !important; } .short-lire-container.at-md .short-lire { max-height: 100% !important; overflow: initial !important; } } @media screen and (min-width: 1280px) { .short-lire-container.at-lg .short-open, .short-lire-container.at-lg .short-close { display: none !important; } .short-lire-container.at-lg .short-lire { max-height: 100% !important; overflow: initial !important; } } .-has-menu-indicator { position: relative; display: inline-block; float: none; vertical-align: middle; border-radius: 25px; background: var(--color-beige); overflow: hidden; } .-has-menu-indicator li { z-index: 3; position: relative; display: inline-block; float: none; vertical-align: middle; margin: 0; padding: 0; } .-has-menu-indicator li a { position: relative; display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 25px; border-radius: 25px; border: none; color: var(--color-noir); font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; opacity: 0.5; -webkit-transition-delay: 250ms; transition-delay: 250ms; } @media screen and (min-width: 1025px) { .-has-menu-indicator li a { min-width: 130px; } } @media screen and (min-width: 1025px) { .-has-menu-indicator li:hover > a { color: var(--color-blanc); opacity: 1; } } .-has-menu-indicator li.active > a, .-has-menu-indicator li.open-this > a { background: var(--color-main-active); color: var(--color-blanc); opacity: 1; } .-has-menu-indicator .indicator { z-index: 1; position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; border-radius: 25px; border: none; background: var(--color-main-active); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (max-width: 767px) { .-has-menu-indicator .indicator { display: none; } } .gallery-thumb-wrapper { position: relative; display: block; width: 100%; float: left; } .gallery-thumb-wrapper .gallery-image { position: relative; display: block; width: 100%; float: left; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .gallery-thumb-wrapper .gallery-curtain { z-index: 3; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .gallery-thumb-wrapper .gallery-thumbs { position: relative; display: block; width: 100%; float: left; } .gallery-thumb-wrapper .gallery-thumbs a { position: relative; display: block; width: 100%; float: left; border: 1px solid var(--color-gris-light); } @media screen and (min-width: 1025px) { .gallery-thumb-wrapper .gallery-thumbs a:hover { border-color: var(--color-main-active); } } .gallery-thumb-wrapper .gallery-thumbs a.active { border-color: var(--color-main-active); } .post-action .post-action-message { position: absolute; bottom: 100%; right: 0; display: inline-block; width: 200px; height: auto; padding: 5px 10px; border-radius: var(--webapp-border-radius); border-bottom-right-radius: 0; background: var(--color-noir); color: var(--color-blanc); font-size: 12px; } .post-action .post-action-message a { display: inline; color: inherit !important; font-size: inherit !important; text-decoration: underline !important; } .bt-socials { position: relative; display: inline-block; float: none; vertical-align: middle; } .bt-socials li:first-child { margin-left: 0 !important; padding-left: 0 !important; } .bt-socials li:last-child { margin-right: 0 !important; padding-right: 0 !important; } .bt-socials a { position: relative; display: block; width: 100%; text-align: center; } .bt-socials a .d-flex { justify-content: flex-start !important; } .bt-socials a .licon { position: relative; display: inline-block; float: none; vertical-align: middle; display: none; line-height: 1; } .bt-socials a .text { position: relative; display: inline-block; float: none; vertical-align: middle; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .bt-social-share > .d-flex { justify-content: space-between !important; } @media screen and (max-width: 767px) { .bt-social-share > .d-flex { position: relative; display: block !important; width: 100%; float: left; } .bt-social-share > .d-flex > div { position: relative; display: block !important; width: 100%; float: left; } } .bt-social-share .BC_title { margin: 0; font-size: 14px; font-family: var(--webapp-font-text); font-weight: 500; letter-spacing: 0.05em; } .single-bien .bt-social-share .BC_title::before { content: "Partagez cette annonce :"; } .bt-social-share .BC_title .text { display: none; } .bt-social-share ul { justify-content: space-between !important; } @media screen and (max-width: 767px) { .bt-social-share ul { margin-top: 10px; } } .bt-social-share ul li { margin: 0 0 0 30px !important; } .bt-social-share ul li:first-child { margin: 0 !important; } .bt-social-share ul li a { position: relative; display: inline-block; float: none; vertical-align: middle; color: var(--color-main); font-family: var(--webapp-font-other); font-size: 12px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; } .bt-social-share ul li a::after { content: ""; z-index: 3; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; -webkit-transform-origin: left top; transform-origin: left top; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .bt-social-share ul li a::after { background: currentColor; } .bt-social-share ul li a .licon { display: none; } .bt-social-share ul li a span { display: block !important; visibility: visible !important; } @media screen and (min-width: 1025px) { .bt-social-share ul li a:hover { color: var(--color-main2); } .bt-social-share ul li a:hover::after { -moz-transform: scale(0.75, 1); -webkit-transform: scale(0.75, 1); -o-transform: scale(0.75, 1); -ms-transform: scale(0.75, 1); transform: scale(0.75, 1); } } .BC_languages_selector .languages-trigger { display: none; } .BC_languages_selector .languages-list { display: flex; } .BC_languages_selector .languages-list li { margin: 0 0 0 10px; } .BC_languages_selector .languages-list li:first-child { margin-left: 0; } .BC_languages_selector .languages-list li > a { position: relative; display: block; width: 100%; color: var(--color-blanc); text-transform: uppercase; } .BC_languages_selector .languages-list li > a::after { content: ""; position: relative; display: block; width: 100%; height: 2px; background: currentColor; -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_languages_selector .languages-list li.active > a { color: var(--color-main-active); } .BC_languages_selector .languages-list li.active > a::after { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } @media screen and (min-width: 1025px) { .BC_languages_selector .languages-list li:hover > a { color: var(--color-main-active); } } .-transition { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .-transition-400 { -moz-transition: all 400ms ease; -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .-transition-700 { -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -o-transition: all 700ms ease; -ms-transition: all 700ms ease; transition: all 700ms ease; } @media screen and (max-width: 1024px) { [gsap] { translate: none !important; rotate: none !important; scale: none !important; opacity: 1 !important; -webkit-transform: none !important; transform: none !important; } } .-on-scroll-reveal { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .is-scrolling .-on-scroll-reveal { opacity: 1 !important; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .-on-scrolldown-reveal { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .is-scrolling:not(.scrolling-up) .-on-scrolldown-reveal { opacity: 1 !important; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .-on-top-reveal { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .is-top .-on-top-reveal { opacity: 1 !important; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .BC_anchor_pin_wrapper[is-sticky=true] { top: 0 !important; } .BC_anchor_pin_wrapper .pin-spacer { height: auto !important; padding: 0 !important; } @media screen and (min-width: 1025px) { .hidden-content-trigger:hover { cursor: pointer; } } .hidden-content { max-height: 0; overflow: hidden; -moz-transition: all 1.2s ease-out; -webkit-transition: all 1.2s ease-out; -o-transition: all 1.2s ease-out; -ms-transition: all 1.2s ease-out; transition: all 1.2s ease-out; } .is-reading .hidden-content { max-height: 1500px; overflow: auto; -moz-transition: all 1.2s ease-in; -webkit-transition: all 1.2s ease-in; -o-transition: all 1.2s ease-in; -ms-transition: all 1.2s ease-in; transition: all 1.2s ease-in; } [class*=-hover-embed-zoom] .embed-responsive { overflow: hidden; } [class*=-hover-embed-zoom] .js-background { -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -ms-transition: all 900ms ease; transition: all 900ms ease; } @media screen and (min-width: 1025px) { .-hover-embed-zoom-1-05:hover .js-background { -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } } @media screen and (min-width: 1025px) { .-hover-embed-zoom-1-1:hover .js-background { -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } } .js-svg-trace > path { opacity: 0; } .js-svg-trace.animate > path { opacity: 1; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; } .js-svg-trace.animate > path:nth-child(1) { -webkit-transition-delay: 80ms; transition-delay: 80ms; } .js-svg-trace.animate > path:nth-child(2) { -webkit-transition-delay: 160ms; transition-delay: 160ms; } .js-svg-trace.animate > path:nth-child(3) { -webkit-transition-delay: 240ms; transition-delay: 240ms; } .js-svg-trace.animate > path:nth-child(4) { -webkit-transition-delay: 320ms; transition-delay: 320ms; } .js-svg-trace.animate > path:nth-child(5) { -webkit-transition-delay: 400ms; transition-delay: 400ms; } .js-svg-trace.animate > path:nth-child(6) { -webkit-transition-delay: 480ms; transition-delay: 480ms; } .js-svg-trace.animate > path:nth-child(7) { -webkit-transition-delay: 560ms; transition-delay: 560ms; } .js-svg-trace.animate > path:nth-child(8) { -webkit-transition-delay: 640ms; transition-delay: 640ms; } .js-svg-trace.animate > path:nth-child(9) { -webkit-transition-delay: 720ms; transition-delay: 720ms; } .js-svg-trace.animate > path:nth-child(10) { -webkit-transition-delay: 800ms; transition-delay: 800ms; } .js-svg-trace.animate > path:nth-child(11) { -webkit-transition-delay: 880ms; transition-delay: 880ms; } .js-svg-trace.animate > path:nth-child(12) { -webkit-transition-delay: 960ms; transition-delay: 960ms; } .js-svg-trace.animate > path:nth-child(13) { -webkit-transition-delay: 1040ms; transition-delay: 1040ms; } .js-svg-trace.animate > path:nth-child(14) { -webkit-transition-delay: 1120ms; transition-delay: 1120ms; } .js-svg-trace.animate > path:nth-child(15) { -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } .js-svg-trace.animate > path:nth-child(16) { -webkit-transition-delay: 1280ms; transition-delay: 1280ms; } .js-svg-trace.animate > path:nth-child(17) { -webkit-transition-delay: 1360ms; transition-delay: 1360ms; } .js-svg-trace.animate > path:nth-child(18) { -webkit-transition-delay: 1440ms; transition-delay: 1440ms; } .js-svg-trace.animate > path:nth-child(19) { -webkit-transition-delay: 1520ms; transition-delay: 1520ms; } .js-svg-trace.animate > path:nth-child(20) { -webkit-transition-delay: 1600ms; transition-delay: 1600ms; } .js-svg-trace.animate > path:nth-child(21) { -webkit-transition-delay: 1680ms; transition-delay: 1680ms; } .js-svg-trace.animate > path:nth-child(22) { -webkit-transition-delay: 1760ms; transition-delay: 1760ms; } .js-svg-trace.animate > path:nth-child(23) { -webkit-transition-delay: 1840ms; transition-delay: 1840ms; } .js-svg-trace.animate > path:nth-child(24) { -webkit-transition-delay: 1920ms; transition-delay: 1920ms; } .js-svg-trace.animate > path:nth-child(25) { -webkit-transition-delay: 2000ms; transition-delay: 2000ms; } .js-svg-trace.animate > path:nth-child(26) { -webkit-transition-delay: 2080ms; transition-delay: 2080ms; } .js-svg-trace.animate > path:nth-child(27) { -webkit-transition-delay: 2160ms; transition-delay: 2160ms; } .js-svg-trace.animate > path:nth-child(28) { -webkit-transition-delay: 2240ms; transition-delay: 2240ms; } .js-svg-trace.animate > path:nth-child(29) { -webkit-transition-delay: 2320ms; transition-delay: 2320ms; } .js-svg-trace.animate > path:nth-child(30) { -webkit-transition-delay: 2400ms; transition-delay: 2400ms; } .js-svg-trace.animate > path:nth-child(31) { -webkit-transition-delay: 2480ms; transition-delay: 2480ms; } .js-svg-trace.animate > path:nth-child(32) { -webkit-transition-delay: 2560ms; transition-delay: 2560ms; } .js-svg-trace.animate > path:nth-child(33) { -webkit-transition-delay: 2640ms; transition-delay: 2640ms; } .js-svg-trace.animate > path:nth-child(34) { -webkit-transition-delay: 2720ms; transition-delay: 2720ms; } .js-svg-trace.animate > path:nth-child(35) { -webkit-transition-delay: 2800ms; transition-delay: 2800ms; } .js-svg-trace.animate > path:nth-child(36) { -webkit-transition-delay: 2880ms; transition-delay: 2880ms; } .js-svg-trace.animate > path:nth-child(37) { -webkit-transition-delay: 2960ms; transition-delay: 2960ms; } .js-svg-trace.animate > path:nth-child(38) { -webkit-transition-delay: 3040ms; transition-delay: 3040ms; } .js-svg-trace.animate > path:nth-child(39) { -webkit-transition-delay: 3120ms; transition-delay: 3120ms; } .js-svg-trace.animate > path:nth-child(40) { -webkit-transition-delay: 3200ms; transition-delay: 3200ms; } .js-svg-trace.animate > path:nth-child(41) { -webkit-transition-delay: 3280ms; transition-delay: 3280ms; } .js-svg-trace.animate > path:nth-child(42) { -webkit-transition-delay: 3360ms; transition-delay: 3360ms; } .js-svg-trace.animate > path:nth-child(43) { -webkit-transition-delay: 3440ms; transition-delay: 3440ms; } .js-svg-trace.animate > path:nth-child(44) { -webkit-transition-delay: 3520ms; transition-delay: 3520ms; } .js-svg-trace.animate > path:nth-child(45) { -webkit-transition-delay: 3600ms; transition-delay: 3600ms; } .js-svg-trace.animate > path:nth-child(46) { -webkit-transition-delay: 3680ms; transition-delay: 3680ms; } .js-svg-trace.animate > path:nth-child(47) { -webkit-transition-delay: 3760ms; transition-delay: 3760ms; } .js-svg-trace.animate > path:nth-child(48) { -webkit-transition-delay: 3840ms; transition-delay: 3840ms; } .js-svg-trace.animate > path:nth-child(49) { -webkit-transition-delay: 3920ms; transition-delay: 3920ms; } .js-svg-trace.animate > path:nth-child(50) { -webkit-transition-delay: 4000ms; transition-delay: 4000ms; } .js-svg-trace.animate > path:nth-child(51) { -webkit-transition-delay: 4080ms; transition-delay: 4080ms; } .js-svg-trace.animate > path:nth-child(52) { -webkit-transition-delay: 4160ms; transition-delay: 4160ms; } .js-svg-trace.animate > path:nth-child(53) { -webkit-transition-delay: 4240ms; transition-delay: 4240ms; } .js-svg-trace.animate > path:nth-child(54) { -webkit-transition-delay: 4320ms; transition-delay: 4320ms; } .js-svg-trace.animate > path:nth-child(55) { -webkit-transition-delay: 4400ms; transition-delay: 4400ms; } .has-animate.fadeInO, .has-animate.fadeInOpacity { opacity: 0; } .has-animate.fadeInY, .has-animate.fadeInUp { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity 0.5s ease, transform 1s ease, -webkit-transform 1s ease; transition: opacity 0.5s ease, transform 1s ease, -webkit-transform 1s ease; } .has-animate.fadeInX, .has-animate.fadeInSide { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); -webkit-transition: opacity 0.5s ease, -webkit-transform 1s ease; -webkit-transition: opacity 0.5s ease, transform 1s ease, -webkit-transform 1s ease; transition: opacity 0.5s ease, transform 1s ease, -webkit-transform 1s ease; } .has-animate.fadeInScale { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); } .has-animate.fadeCurtain { background: transparent; } .has-animate.fadeCurtain::after { content: ""; z-index: -1; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 500px; background: var(--color-main2); -webkit-transition: width 1s ease; transition: width 1s ease; } .has-animate.animate.fadeInO, .has-animate.animate.fadeInOpacity { opacity: 1 !important; } .has-animate.animate.fadeInY, .has-animate.animate.fadeInUp { opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } .has-animate.animate.fadeInX, .has-animate.animate.fadeInSide { opacity: 1 !important; -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } .has-animate.animate.fadeInScale { opacity: 1 !important; -webkit-transform: scale(1); transform: scale(1); } .has-animate.animate.fadeCurtain::after { width: 100%; } @media screen and (min-width: 1025px) { .-hover-btn-inline-translateX:hover .btn-inline { -moz-transform: translate(5px, 0); -webkit-transform: translate(5px, 0); -o-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); } } .scrollcontent-image { opacity: 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .scrollcontent-image.active { opacity: 1; } :root { --logo-loader-width: 100%; --logo-loader-height: 204px; --logo-loader-height-negative: -204px; } @media screen and (min-width: 1280px) { :root { --logo-loader-width: 270px; --logo-loader-height: 285px; --logo-loader-height-negative: -285px; } } .page-loader { z-index: 7; position: absolute; top: 0; left: 50%; display: block; width: var(--logo-loader-width); height: var(--logo-loader-height); background: var(--color-main-active); -webkit-transform-origin: center top; transform-origin: center top; -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .page-loader .page-loader-logo { position: relative; display: block; width: 100%; height: var(--logo-loader-height); -webkit-transform-origin: center top; transform-origin: center top; } .page-loader.-animated { z-index: 999; position: fixed; width: 100vw; height: 100vh; -webkit-animation: pageLoader 3s linear forwards; animation: pageLoader 3s linear forwards; } .page-loader.-animated .page-loader-logo { -webkit-animation: pageLoader_logo 3s linear forwards; animation: pageLoader_logo 3s linear forwards; } @-webkit-keyframes pageLoader { 0% { width: 100vw; height: 100vh; opacity: 1; } 30% { width: 100vw; height: 100vh; opacity: 1; } 60% { width: var(--logo-loader-width); height: 100vh; opacity: 1; } 99% { width: var(--logo-loader-width); height: var(--logo-loader-height); opacity: 1; } 100% { position: absolute; width: var(--logo-loader-width); height: var(--logo-loader-height); opacity: 0; } } @keyframes pageLoader { 0% { width: 100vw; height: 100vh; opacity: 1; } 30% { width: 100vw; height: 100vh; opacity: 1; } 60% { width: var(--logo-loader-width); height: 100vh; opacity: 1; } 99% { width: var(--logo-loader-width); height: var(--logo-loader-height); opacity: 1; } 100% { position: absolute; width: var(--logo-loader-width); height: var(--logo-loader-height); opacity: 0; } } @-webkit-keyframes pageLoader_logo { 0% { opacity: 0; height: 100vh; } 30% { opacity: 1; height: 100vh; } 60% { opacity: 1; height: 100vh; } 80% { opacity: 1; height: 100vh; } 100% { opacity: 1; height: var(--logo-loader-height); } } @keyframes pageLoader_logo { 0% { opacity: 0; height: 100vh; } 30% { opacity: 1; height: 100vh; } 60% { opacity: 1; height: 100vh; } 80% { opacity: 1; height: 100vh; } 100% { opacity: 1; height: var(--logo-loader-height); } } body .acf-fields > .acf-field { position: relative; display: block; width: 100%; float: left; padding: 0; } body .acf-repeater .acf-button { position: relative; display: inline-block; float: none; vertical-align: middle; width: 32px; height: 32px; margin: 0; padding: 0; border-radius: var(--webapp-border-radius); background: var(--color-main); color: var(--color-blanc); line-height: 32px; text-align: center; } body .acf-form-submit input { position: relative; display: inline-block; float: none; vertical-align: middle; width: auto; height: 32px; float: right; margin: 10px 0 0; padding: 0 20px; border-radius: var(--webapp-border-radius); background: var(--color-main); color: var(--color-blanc); line-height: 32px; text-align: center; } body #message.updated { z-index: 9999; position: fixed; bottom: 20px; left: 50%; display: inline-block; width: auto; margin: 0; padding: 15px 20px; border-radius: var(--webapp-border-radius); background: var(--color-main); color: var(--color-blanc); text-align: center; } .ajaxify-wrapper { position: relative; display: block; width: 100%; float: left; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .ajaxify-wrapper [class*=ajaxify-bloc], .ajaxify-wrapper .ajaxify-filter { position: relative; display: block; width: 100%; float: left; } .ajaxify-wrapper [class*=ajaxify-inlinebloc] { position: relative; display: inline-block; float: none; vertical-align: middle; float: left; } .ajaxify-wrapper .col-tax-list, .ajaxify-wrapper .col-post-list { max-width: 100% !important; flex: 0 0 100% !important; } .ajaxify-header-wrapper { display: none !important; margin: 0 !important; } .ajaxify-header-wrapper .ajaxify-found_posts { color: var(--color-noir); font-size: 18px; font-weight: 400; } .ajaxify-header-wrapper .ajaxify-orderby-select label { font-size: 14px; font-family: var(--webapp-font-other); } .ajaxify-header-wrapper .ajaxify-orderby-select select { margin: 0; } .ajaxify-spinner { position: fixed; left: 50%; top: 50%; display: none; clear: both; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; border: 10px solid var(--color-noir); -webkit-animation: ajaxifySpinner 8s infinite linear; animation: ajaxifySpinner 8s infinite linear; } .ajaxify-filters-wrapper { margin: 0 0 var(--webapp-spacer-s2) !important; } .ajaxify-filters { position: relative; display: block; width: 100%; float: left; overflow: hidden; } .ajaxify-filters input { display: block; } .ajaxify-filters input[type=text], .ajaxify-filters input[type=number] { width: 100%; margin: 0; padding: var(--webapp-input-padding-y) var(--webapp-input-padding-x); border: var(--webapp-input-border); border-radius: var(--webapp-input-border-radius); background: var(--webapp-input-background); font-size: var(--webapp-input-font-size); font-family: var(--webapp-font-text); font-weight: 400; letter-spacing: 0.05em; } .ajaxify-filters textarea { display: block; width: 100%; } .ajaxify-filters .ajaxify-filters-zone-1, .ajaxify-filters .ajaxify-filters-zone-2, .ajaxify-filters .ajaxify-filters-zone-3 { position: relative; } @media screen and (max-width: 1024px) { .ajaxify-filters .ajaxify-filters-zone-1 > div, .ajaxify-filters .ajaxify-filters-zone-2 > div, .ajaxify-filters .ajaxify-filters-zone-3 > div { display: flex; flex-wrap: wrap; } .ajaxify-filters .ajaxify-filters-zone-1 > div > div, .ajaxify-filters .ajaxify-filters-zone-2 > div > div, .ajaxify-filters .ajaxify-filters-zone-3 > div > div { max-width: 100%; flex: 0 0 100%; } } @media screen and (min-width: 1025px) { .ajaxify-filters .ajaxify-filters-zone-1 > div, .ajaxify-filters .ajaxify-filters-zone-2 > div, .ajaxify-filters .ajaxify-filters-zone-3 > div { display: flex; align-items: flex-start; } .ajaxify-filters .ajaxify-filters-zone-1 > div > div, .ajaxify-filters .ajaxify-filters-zone-2 > div > div, .ajaxify-filters .ajaxify-filters-zone-3 > div > div { flex: 1 1 auto; margin-left: 20px; } .ajaxify-filters .ajaxify-filters-zone-1 > div > div:first-child, .ajaxify-filters .ajaxify-filters-zone-2 > div > div:first-child, .ajaxify-filters .ajaxify-filters-zone-3 > div > div:first-child { margin-left: 0; } } .ajaxify-filters .ajaxify-filters-zone-2 { padding: 20px; background: var(--color-blanc); } .ajaxify-filters .ajaxify-filters-zone-2 .ajaxify-toggle_zone_3-col { position: relative; } @media screen and (max-width: 767px) { .ajaxify-filters .ajaxify-filters-zone-2 .ajaxify-toggle_zone_3-col { position: absolute; bottom: 38px; right: 0; } .ajaxify-filters .ajaxify-filters-zone-2 .ajaxify-toggle_zone_3-col a .text { max-width: 80px; } } @media screen and (min-width: 1025px) { .ajaxify-filters .ajaxify-filters-zone-2 .ajaxify-toggle_zone_3-col { position: absolute; top: 85px; right: 20px; width: auto; } } .ajaxify-filters .ajaxify-filters-zone-2 .ajaxify-toggle_zone_3-col .ajaxify-toggle_zone_3 { position: relative; display: inline-block; float: none; vertical-align: middle; color: var(--color-gris); font-size: 12px; text-transform: initial; } .ajaxify-filters .ajaxify-filters-zone-2 .ajaxify-toggle_zone_3-col .ajaxify-toggle_zone_3::before { content: ""; position: relative; display: inline-block; float: none; vertical-align: middle; width: 24px; height: 24px; line-height: 1; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask: var(--licon-caret-down); mask: var(--licon-caret-down); background: currentColor; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .ajaxify-filters .ajaxify-filters-zone-2 .ajaxify-toggle_zone_3-col .ajaxify-toggle_zone_3:hover { color: var(--color-main-active); } } .ajaxify-filters.-show-zone-3 .ajaxify-filters-zone-2 .ajaxify-toggle_zone_3-col .ajaxify-toggle_zone_3::before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .ajaxify-filters .ajaxify-filters-zone-3 { max-height: 0; padding: 0 20px; background: var(--color-blanc); overflow: hidden; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .ajaxify-filters .ajaxify-filters-zone-3 { padding-right: 240px !important; } } .ajaxify-filters .ajaxify-filters-zone-3 .ajaxify-toggle_zone_3 { margin-right: 12px; } @media screen and (min-width: 1025px) { .ajaxify-filters .ajaxify-filters-zone-3 .ajaxify-filters-zone-3-controls { position: absolute; top: 20px; right: 20px; } } .ajaxify-filters.-show-zone-3 .ajaxify-filters-zone-3 { padding: 20px; max-height: 500px; -webkit-transition-duration: 900ms; transition-duration: 900ms; } .ajaxify-filter-title { color: var(--color-main-active); font-size: 14px; font-weight: 500 !important; letter-spacing: 0.05em; } .ajaxify-geofilter { margin: 0; } .ajaxify-geofilter.-geo-city { min-width: 230px; } .ajaxify-geofilter.-geo-radius { display: none !important; visibility: hidden !important; } .ajaxify-geofilter .ajaxify-filter-list label { position: relative; display: block; width: 100%; margin: 0; padding: 0; } .ajaxify-geofilter .ajaxify-filter-list input { margin-top: 10px; } .ajaxify-metafilter { margin: 0 0 12px; } .ajaxify-metafilter .ajaxify-filter-list strong { display: none; } .ajaxify-metafilter .ajaxify-filter-list label { position: relative; display: block; width: 100%; margin: 0; padding: 0; } .ajaxify-metafilter .ajaxify-filter-list input { margin-top: 10px; } .ajaxify-metafilter[data-key=BIEN_surface] { min-width: 230px; } .ajaxify-metafilter[data-key=BIEN_prix] { min-width: 230px; } .ajaxify-metafilter[data-key=BIEN_prix] .ajaxify-filter-list .flex-fill { position: relative; margin: 0 !important; } .ajaxify-metafilter[data-key=BIEN_prix] .ajaxify-filter-list input + span { position: absolute; bottom: 0; right: 0; display: inline-block; width: var(--webapp-input-height); height: var(--webapp-input-height); line-height: var(--webapp-input-height); border-left: 1px solid var(--color-gris); text-align: center; } .ajaxify-metafilter[data-key=BIEN_prix] .ajaxify-filter-list input + span::before { content: "€"; color: var(--color-main-active); font-size: 18px; font-weight: 500; letter-spacing: 0.1em; line-height: 1; text-align: center; } .ajaxify-filter { margin-bottom: var(--webapp-spacer-s1); } .ajaxify-filter > strong { position: relative; display: block; width: 100%; margin: 0 0 10px; font-size: 14px; font-weight: 500; letter-spacing: 0.05em; } .ajaxify-filter > ul { position: relative; display: block; width: 100%; } @media screen and (min-width: 1280px) { .ajaxify-filter > ul { display: flex; align-items: flex-start; } } .ajaxify-filter > ul::-webkit-scrollbar { width: 5px; } .ajaxify-filter > ul::-webkit-scrollbar-track { background: #f1f1f1; } .ajaxify-filter > ul::-webkit-scrollbar-thumb { background: #888; } .ajaxify-filter > ul::-webkit-scrollbar-thumb:hover { background: #555; } .ajaxify-filter > ul li { position: relative; display: block; width: 100%; margin: 0; } .ajaxify-filter label { position: relative; display: block; width: 100%; padding: 0 0 0 30px; border-radius: var(--webapp-border-radius); border: none; color: var(--color-noir); font-size: 18px; font-family: var(--webapp-font-text); font-weight: 400; letter-spacing: 0.05em; overflow: hidden; cursor: pointer; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .ajaxify-filter label input { position: absolute; opacity: 0; } .ajaxify-filter label span { position: relative; display: inline-block; float: none; vertical-align: middle; line-height: 1; position: relative; top: -1px; white-space: nowrap; text-align: center; } .ajaxify-filter label::before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 23px; height: 23px; line-height: 23px; border: 1px solid var(--color-gris-light); border-radius: var(--webapp-border-radius); text-align: center; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .ajaxify-filter label::after { content: ""; position: absolute; top: 50%; left: 3px; display: block; width: 17px; height: 17px; border-radius: var(--webapp-border-radius); background: var(--color-main); opacity: 0; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .ajaxify-filter label.active-filter::after { opacity: 1; } @media screen and (min-width: 1025px) { .ajaxify-filter label:hover::after { opacity: 0.5; } } .ajaxify-filter[data-filter=bien-piece] > ul, .ajaxify-filter[data-filter=bien-ce] > ul, .ajaxify-filter[data-filter=bien-ges] > ul { display: flex; width: auto; } .ajaxify-filter[data-filter=bien-piece] > ul li, .ajaxify-filter[data-filter=bien-ce] > ul li, .ajaxify-filter[data-filter=bien-ges] > ul li { flex: 0 !important; } .ajaxify-filter[data-filter=bien-piece] label, .ajaxify-filter[data-filter=bien-ce] label, .ajaxify-filter[data-filter=bien-ges] label { width: 37px; height: 37px; line-height: 37px; padding: 0; margin-right: 5px; border: 1px solid var(--color-gris-light); } .ajaxify-filter[data-filter=bien-piece] label::before, .ajaxify-filter[data-filter=bien-ce] label::before, .ajaxify-filter[data-filter=bien-ges] label::before { width: 100%; height: auto; line-height: 1; border: none !important; background: transparent !important; } .ajaxify-filter[data-filter=bien-piece] label::after, .ajaxify-filter[data-filter=bien-ce] label::after, .ajaxify-filter[data-filter=bien-ges] label::after { display: none; } .ajaxify-filter[data-filter=bien-piece] label span, .ajaxify-filter[data-filter=bien-ce] label span, .ajaxify-filter[data-filter=bien-ges] label span { width: 100%; } .ajaxify-filter[data-filter=bien-piece] label.active-filter, .ajaxify-filter[data-filter=bien-ce] label.active-filter, .ajaxify-filter[data-filter=bien-ges] label.active-filter { border-color: var(--color-main); background: var(--color-main); color: var(--color-blanc); } @media screen and (min-width: 1025px) { .ajaxify-filter[data-filter=bien-piece] label:hover, .ajaxify-filter[data-filter=bien-ce] label:hover, .ajaxify-filter[data-filter=bien-ges] label:hover { border-color: var(--color-main); background: var(--color-main); color: var(--color-blanc); } } .ajaxify-filter[data-filter=bien-piece] label span { font-family: var(--webapp-font-other); } .ajaxify-filter[data-filter=bien-piece] label[data-item_name="5+"] span { color: transparent; } .ajaxify-filter[data-filter=bien-piece] label[data-item_name="5+"] span::after { content: "+"; position: relative; display: inline-block; float: none; vertical-align: middle; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--color-noir); } .ajaxify-filter[data-filter=bien-piece] label[data-item_name="5+"].active-filter span::after { color: var(--color-blanc); } @media screen and (min-width: 1025px) { .ajaxify-filter[data-filter=bien-piece] label[data-item_name="5+"]:hover span::after { color: var(--color-blanc); } } /* .ajaxify-wrapper.add-filters-toggle{ .ajaxify-filter{ .ajaxify-filter-title{ @include bloc; cursor: pointer; .title-toggle{ position: absolute; top: 12px; right: 12px; display: inline-block; width: 32px; height: 32px; margin: -16px 0 0 -16px; @include transition; &::after{ content: ""; position: absolute; top: 4px; left: 4px; display: inline-block; width: 24px; height: 24px; -webkit-mask: var(--ajaxify-arrow-down); mask: var(--ajaxify-arrow-down); background: var(--color-noir); } } } .ajaxify-filter-list{ @include bloc; max-height: 0; overflow: hidden; @include transition(all 700ms ease-out); } &.opened{ .ajaxify-filter-title{ .title-toggle{ @include rotate(-180deg); } } .ajaxify-filter-list{ max-height: 700px; overflow: auto; @include transition(all 500ms ease-in); } } } } */ .ajaxify-reset_filters { color: var(--color-gris); font-size: 12px; text-transform: initial; } @media screen and (min-width: 1280px) { .ajaxify-reset_filters { position: absolute; top: -30px; right: 0; } } .ajaxify-posts-wrapper { margin: 0 !important; } /* .ajaxify-filters-wrapper{ @include blocAbsolute(20); position: fixed; overflow: auto; max-width: 300px; padding: var(--webapp-spacer-s1); background: var(--color-beige); @include translate(-100%,0); @include box-shadow(var(--webapp-box-shadow)); @include transition; @include responsive(at-lg){ position: relative; max-width: 100%; height: auto; max-height: inherit; padding: 0; border-radius: var(--webapp-border-radius); -webkit-transform: translate(0,0) !important; transform: translate(0,0) !important; overflow: inherit; @include box-shadow(none); } } */ .ajaxify-filters-trigger { display: none !important; } /* .ajaxify-filters-trigger{ z-index: 25; position: fixed; bottom: 0; left: 0; display: block; width: 100%; padding: 0 var(--webapp-spacer-s1) var(--webapp-spacer-s1); @include responsive(at-lg){ display: none; } .text-open{ display: inline-block; } .text-close{ display: none; } .btn{ border-color: var(--color-noir); background-color: var(--color-noir); color: var(--color-blanc); @include hover{ border-color: var(--color-main); background-color: var(--color-main); color: var(--color-blanc); } &:after{ display: none; } } } .ajaxify-filters-overlay{ @include blocAbsolute(19); position: fixed; @include translate(-100%,0); background: var(--color-noir); opacity: .25; @include transition; @include responsive(at-lg){ display: none; } } .open-filters{ .ajaxify-filters-wrapper, .ajaxify-filters-overlay{ @include translate(0,0); } .ajaxify-filters-trigger{ .text-open{ display: none; } .text-close{ display: inline-block; } } } */ .ajaxify-footer-wrapper .ajaxify-load_more { margin: var(--webapp-spacer-s2) 0 0; border-color: var(--color-noir); background: transparent; color: var(--color-noir); } .ajaxify-footer-wrapper .ajaxify-load_more .licon, .ajaxify-footer-wrapper .ajaxify-load_more .fa, .ajaxify-footer-wrapper .ajaxify-load_more .ff { color: var(--color-noir); } .ajaxify-footer-wrapper .ajaxify-load_more::before { background: var(--color-noir); } @media screen and (min-width: 1025px) { .ajaxify-footer-wrapper .ajaxify-load_more:hover { border-color: var(--color-noir); background: var(--color-noir); color: var(--color-blanc); } .ajaxify-footer-wrapper .ajaxify-load_more:hover .licon, .ajaxify-footer-wrapper .ajaxify-load_more:hover .fa, .ajaxify-footer-wrapper .ajaxify-load_more:hover .ff { color: var(--color-blanc); } } .ajaxify-wrapper .ajaxify-loading-content { z-index: 10; position: absolute; top: 0; left: 0; text-align: center; opacity: 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; pointer-events: none; } .ajaxify-wrapper .ajaxify-posts-wrapper { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .ajaxify-wrapper.loading-posts-byurl .ajaxify-loading-content { opacity: 1; } .ajaxify-wrapper.loading-posts-byurl > .row { opacity: 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .ajaxify-wrapper.loading-posts-byurl .ajaxify-posts-wrapper { -moz-transform: translate(0, 60px); -webkit-transform: translate(0, 60px); -o-transform: translate(0, 60px); -ms-transform: translate(0, 60px); transform: translate(0, 60px); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .ajaxify-wrapper.loading .ajaxify-spinner { display: inline-block; } @-webkit-keyframes ajaxifySpinner { 0%, 100% { border-width: 20px; } 6.25%, 12.5% { border-width: 2px; } 18.75%, 25% { border-width: 20px; } 31.25%, 37.5% { border-width: 2px; } 43.75%, 50% { border-width: 20px; } 56.25%, 62.5% { border-width: 2px; } 68.75%, 75% { border-width: 20px; } 81.25%, 87.5% { border-width: 2px; } 93.75% { border-width: 20px; } } @keyframes ajaxifySpinner { 0%, 100% { border-width: 20px; } 6.25%, 12.5% { border-width: 2px; } 18.75%, 25% { border-width: 20px; } 31.25%, 37.5% { border-width: 2px; } 43.75%, 50% { border-width: 20px; } 56.25%, 62.5% { border-width: 2px; } 68.75%, 75% { border-width: 20px; } 81.25%, 87.5% { border-width: 2px; } 93.75% { border-width: 20px; } } body .swiper-wrapper { -webkit-transition-duration: 700ms !important; transition-duration: 700ms !important; } body .swiper-wrapper.-disable-transition { -webkit-transition-duration: 0ms !important; transition-duration: 0ms !important; } body .swiper-button-prev, body .swiper-button-next { z-index: 15; top: 32%; display: none; width: var(--swiper-button-width); height: var(--swiper-button-height); line-height: var(--swiper-button-height); margin: 0; padding: 0; border-radius: var(--swiper-button-radius); border: none; background: var(--color-blanc); color: var(--color-extra-2); font-size: var(--swiper-button-font); text-align: center; opacity: 1 !important; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } body .swiper-button-prev::before, body .swiper-button-next::before { content: ""; z-index: 3; position: absolute; top: 50%; left: 50%; display: block; width: 40px; height: 26px; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-mask-size: contain !important; mask-size: contain !important; background: currentColor; } body .swiper-button-prev::after, body .swiper-button-next::after { display: none !important; visibility: hidden !important; } body .swiper-button-prev { left: var(--swiper-button-offset); } @media screen and (min-width: 1025px) { body .swiper-button-prev:hover { -moz-transform: translate(-5px, -50%); -webkit-transform: translate(-5px, -50%); -o-transform: translate(-5px, -50%); -ms-transform: translate(-5px, -50%); transform: translate(-5px, -50%); } } body .swiper-button-prev::before { -webkit-mask: var(--swiper-button-prev); mask: var(--swiper-button-prev); } body .swiper-button-next { right: var(--swiper-button-offset); } @media screen and (min-width: 1025px) { body .swiper-button-next:hover { -moz-transform: translate(5px, -50%); -webkit-transform: translate(5px, -50%); -o-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); transform: translate(5px, -50%); } } body .swiper-button-next::before { -webkit-mask: var(--swiper-button-next); mask: var(--swiper-button-next); } body .swiper-button-disabled { display: none !important; visibility: hidden !important; } body .-has-navigation > div > .swiper-controls .swiper-button-prev, body .-has-navigation > div > .swiper-controls .swiper-button-next { display: inline-block; } @media screen and (min-width: 768px) { body .-has-navigation-sm > div > .swiper-controls .swiper-button-prev, body .-has-navigation-sm > div > .swiper-controls .swiper-button-next { display: inline-block; } } @media screen and (min-width: 1025px) { body .-has-navigation-md > div > .swiper-controls .swiper-button-prev, body .-has-navigation-md > div > .swiper-controls .swiper-button-next { display: inline-block; } } body .-navigation-bottom > div > .swiper-controls .swiper-button-prev { top: 0; left: -60px; } body .-navigation-bottom > div > .swiper-controls .swiper-button-next { top: 0; right: -60px; } body .-navigation-center > div > .swiper-controls .swiper-button-prev, body .-navigation-center > div > .swiper-controls .swiper-button-next { top: 50%; } body .swiper-pagination-wrapper { position: relative; display: block; width: 100%; bottom: 0; margin: 0; padding: 0; color: var(--color-main2); } body .swiper-pagination-wrapper .limiter { padding-left: 0 !important; padding-right: 0 !important; } body .swiper-pagination { position: relative; display: inline-block; float: none; vertical-align: middle; position: relative !important; top: initial !important; bottom: initial !important; margin: 20px 0; padding: 0; text-align: center; } body .swiper-pagination-bullet { z-index: 15; position: relative; display: inline-block; float: none; vertical-align: middle; width: var(--swiper-pagination-width); height: var(--swiper-pagination-height); margin: 0 var(--swiper-pagination-margin); border-radius: var(--swiper-pagination-radius); border: 1px solid var(--color-main2); background: transparent; color: var(--color-main2); cursor: pointer; opacity: 1 !important; } @media screen and (min-width: 1025px) { body .swiper-pagination-bullet:hover { cursor: default; width: var(--swiper-pagination-width-active); border-color: var(--color-main2); background: var(--color-main2); opacity: 1 !important; } } body .swiper-pagination-bullet.swiper-pagination-bullet-active { cursor: default; width: var(--swiper-pagination-width-active); border-color: var(--color-main2); background: var(--color-main2); opacity: 1 !important; } body .swiper-button-disable, body .swiper-pagination-lock { display: none !important; visibility: hidden !important; } body .-no-pagination > div > .swiper-controls .swiper-pagination { display: none !important; } @media screen and (min-width: 768px) { body .-no-pagination-sm > div > .swiper-controls .swiper-pagination { display: none !important; } } @media screen and (min-width: 1025px) { body .-no-pagination-md > div > .swiper-controls .swiper-pagination { display: none !important; } } body .-has-pagination-numtotal .swiper-pagination-bullet { border: none !important; background: transparent !important; margin-top: 5px; } body .-pagination-vertical .swiper-pagination-bullet { position: relative; display: block; width: 100%; width: var(--swiper-pagination-height); height: var(--swiper-pagination-width); margin: var(--swiper-pagination-margin) 0; } body .-pagination-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active { height: var(--swiper-pagination-width-active); } body .-pagination-bottom > div > .swiper-controls .swiper-pagination-wrapper { z-index: 1; position: absolute; bottom: 50px; left: 0; } body .-pagination-bottom > div > .swiper-controls .swiper-pagination-wrapper .swiper-pagination-bullet { background: var(--color-blanc); } @media screen and (min-width: 1025px) { body .-pagination-bottom > div > .swiper-controls .swiper-pagination-wrapper .swiper-pagination-bullet:hover { background: var(--color-main-active); } } body .-pagination-bottom > div > .swiper-controls .swiper-pagination-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-main-active); } body .-pagination-vertical.-right .swiper-pagination-wrapper { z-index: 5; position: absolute; top: 50%; right: 2%; width: auto; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .swiper-controls { text-align: center; } @media screen and (max-width: 767px) { .swiper-controls { height: auto !important; } } .-no-controls .swiper-controls { display: none !important; visibility: hidden !important; } .-controls-bottom .swiper-controls { z-index: 5; position: relative; bottom: 0; left: 50%; display: inline-block; width: auto; height: auto !important; -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .-disable-auto-height .swiper-container .swiper-wrapper { height: 100% !important; align-items: inherit; } @media screen and (min-width: 768px) { .-disable-auto-height-sm .swiper-container .swiper-wrapper { height: 100% !important; align-items: inherit; } } @media screen and (min-width: 1025px) { .-disable-auto-height-md .swiper-container .swiper-wrapper { height: 100% !important; align-items: inherit; } } .BC_swiper.-infinite-slider > div { z-index: 3; position: relative; } .BC_swiper.-infinite-slider .swiper-overlay { position: fixed !important; top: 0 !important; left: 0 !important; display: block; width: 100% !important; height: 100% !important; -moz-transform: translate(0, 0) !important; -webkit-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; background: rgba(0, 0, 0, 0.75); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; visibility: hidden; -webkit-transition: all 400ms 0s ease, visibility 400ms 400ms ease; transition: all 400ms 0s ease, visibility 400ms 400ms ease; } .BC_swiper.-infinite-slider .swiper-button-next.swiper-button-disabled, .BC_swiper.-infinite-slider .swiper-button-prev.swiper-button-disabled { display: inherit !important; visibility: inherit !important; opacity: 1; cursor: auto; pointer-events: inherit; } .BC_swiper.-infinite-slider .swiper-pagination .swiper-pagination-bullet { display: none !important; } .BC_swiper.-infinite-slider .swiper-pagination .swiper-pagination-bullet.-init { display: inherit !important; } .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper { z-index: 5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper .-toggle-fullscreen { position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 0; border: none !important; border-radius: 0 !important; background: transparent !important; } @media screen and (max-width: 767px) { .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper .-toggle-fullscreen { display: none !important; } } .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper .-toggle-fullscreen .textbefore, .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper .-toggle-fullscreen .text, .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper .-toggle-fullscreen .textafter { display: none !important; } .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper .-toggle-fullscreen .textafter { width: auto; height: 32px; line-height: 32px; padding: 0 10px; border-radius: var(--swiper-button-radius) var(--swiper-button-radius) 0 0; background: var(--color-blanc) !important; opacity: 0; visibility: hidden; -webkit-transition: all 400ms 0s ease, visibility 400ms 400ms ease; transition: all 400ms 0s ease, visibility 400ms 400ms ease; } .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper .-toggle-fullscreen::before { opacity: 0.25; background: var(--color-noir); } .BC_swiper.-infinite-slider .-toggle-fullscreen-wrapper .-toggle-fullscreen::after { display: none !important; } .BC_swiper.-infinite-slider.-is-fullscreen { z-index: 999; position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 40px; } .BC_swiper.-infinite-slider.-is-fullscreen > div { position: absolute; top: 50%; left: 50%; display: block; width: 115vh; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 768px) { .BC_swiper.-infinite-slider.-is-fullscreen > div { width: 70vh; } } @media screen and (min-width: 1280px) { .BC_swiper.-infinite-slider.-is-fullscreen > div { width: 115vh; } } .BC_swiper.-infinite-slider.-is-fullscreen .swiper-overlay { opacity: 1; visibility: visible; -webkit-transition: all 400ms 0ms ease, visibility 0s 0s ease; transition: all 400ms 0ms ease, visibility 0s 0s ease; } .BC_swiper.-infinite-slider.-is-fullscreen .-toggle-fullscreen-wrapper .-toggle-fullscreen { top: -40px; right: 0; width: auto; height: auto; } .BC_swiper.-infinite-slider.-is-fullscreen .-toggle-fullscreen-wrapper .-toggle-fullscreen .text, .BC_swiper.-infinite-slider.-is-fullscreen .-toggle-fullscreen-wrapper .-toggle-fullscreen .textafter { display: none; } .BC_swiper.-infinite-slider.-is-fullscreen .-toggle-fullscreen-wrapper .-toggle-fullscreen .textafter { display: inline-block !important; opacity: 1; opacity: 1; visibility: visible; -webkit-transition: all 400ms 0ms ease, visibility 0s 0s ease; transition: all 400ms 0ms ease, visibility 0s 0s ease; } .BC_swiper.-infinite-slider.-is-fullscreen .-toggle-fullscreen-wrapper .-toggle-fullscreen::before { opacity: 0 !important; } .BC_swiper.-effect-fadeInX .swiper-slide .BC_title, .BC_swiper.-effect-fadeInX .swiper-slide .BC_content, .BC_swiper.-effect-fadeInX .swiper-slide .BC_meta, .BC_swiper.-effect-fadeInX .swiper-slide .BC_link { opacity: 0; -moz-transform: translate(20px, 0); -webkit-transform: translate(20px, 0); -o-transform: translate(20px, 0); -ms-transform: translate(20px, 0); transform: translate(20px, 0); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_swiper.-effect-fadeInX .swiper-slide.swiper-slide-active .BC_title, .BC_swiper.-effect-fadeInX .swiper-slide.swiper-slide-active .BC_content, .BC_swiper.-effect-fadeInX .swiper-slide.swiper-slide-active .BC_meta, .BC_swiper.-effect-fadeInX .swiper-slide.swiper-slide-active .BC_link { opacity: 1; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-duration: 700ms; transition-duration: 700ms; } .BC_swiper.-effect-fadeInY .swiper-slide .BC_title, .BC_swiper.-effect-fadeInY .swiper-slide .BC_content, .BC_swiper.-effect-fadeInY .swiper-slide .BC_meta, .BC_swiper.-effect-fadeInY .swiper-slide .BC_link { opacity: 0; -moz-transform: translate(0, 20px); -webkit-transform: translate(0, 20px); -o-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_swiper.-effect-fadeInY .swiper-slide.swiper-slide-active .BC_title, .BC_swiper.-effect-fadeInY .swiper-slide.swiper-slide-active .BC_content, .BC_swiper.-effect-fadeInY .swiper-slide.swiper-slide-active .BC_meta, .BC_swiper.-effect-fadeInY .swiper-slide.swiper-slide-active .BC_link { opacity: 1; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-duration: 700ms; transition-duration: 700ms; } @media screen and (min-width: 1025px) { .BC_swiper_popup_navigation a:hover .licon { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } } .BC_swiper_fader .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .BC_swiper_fader .item .js-background { opacity: 0; } .BC_swiper_fader .item.active .js-background { opacity: 1; } .-pageLoader-seen .BC_swiper_fader .item.active { animation: swiperFader 4s 0ms linear; } .-pageLoader-notseen .-pageLoader-seen .BC_swiper_fader .item.active { -webkit-animation-delay: 3s; animation-delay: 3s; } .-pageLoader-seen .BC_swiper_fader .item.-fade-out.active { animation: swiperFaderOut 4s 0ms linear; } .-pageLoader-notseen .-pageLoader-seen .BC_swiper_fader .item.-fade-out.active { -webkit-animation-delay: 3s; animation-delay: 3s; } @keyframes swiperFader { 0% { transform: scale(1) translate(0, 0); } 100% { transform: scale(1.05) translate(0, 1%); } } @keyframes swiperFaderOut { 0% { transform: scale(1.15) translate(0, 1%); } 100% { transform: scale(1) translate(0, 0); } } [class^=layout-] { position: relative; display: block; width: 100%; float: left; } .layout-page-section { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .bloc, .bloc-cta { position: relative; display: block; width: 100%; float: left; margin: 0; padding: 0; } .bloc > .limiter-max, .bloc-cta > .limiter-max { padding-top: var(--webapp-bloc-pt); padding-bottom: var(--webapp-bloc-pb); } .bloc > .limiter, .bloc-cta > .limiter { padding-top: var(--webapp-bloc-pt); padding-bottom: var(--webapp-bloc-pb); } .bloc.-has-bg-main-active + .bloc.-has-bg-main-active > .limiter-max, .bloc-cta.-has-bg-main-active + .bloc-cta.-has-bg-main-active > .limiter-max { padding-top: 0 !important; } .mt-webapp { margin-top: var(--webapp-bloc-padding) !important; } .mb-webapp { margin-bottom: var(--webapp-bloc-padding) !important; } .my-webapp { margin-top: var(--webapp-bloc-padding) !important; margin-bottom: var(--webapp-bloc-padding) !important; } .pt-webapp { padding-top: var(--webapp-bloc-padding) !important; } .pb-webapp { padding-bottom: var(--webapp-bloc-padding) !important; } .py-webapp { padding-top: var(--webapp-bloc-padding) !important; padding-bottom: var(--webapp-bloc-padding) !important; } [class*=BC_] { position: relative; display: block; width: 100%; float: left; margin: 0; padding: 0; } .BC_visuel { margin: 0 0 20px; } .BC_overtitle { margin: 0 0 5px; color: var(--color-gris-dark); font-size: 18px; font-weight: 500; letter-spacing: 0.05em; } @media screen and (min-width: 1025px) { .BC_overtitle { font-size: 24px; } } .BC_content { margin: 15px 0 0; } @media screen and (min-width: 1025px) { .BC_content { margin: 20px 0 0; } } .BC_item .BC_content { margin-top: 12px; } .BC_content p { margin-bottom: 0 0 16px; } .BC_content strong { font-family: var(--webapp-font-other); font-size: var(--webapp-p-font-size); } .BC_content h2:not(.BC_title) { margin: 40px 0 20px; color: var(--color-noir-react); } .BC_content h3:not(.BC_title) { margin: 35px 0 10px; color: var(--color-noir-react); } .BC_content h2:not(.BC_title) + h3:not(.BC_title) { margin-top: 0; } .BC_content > *:first-child, .BC_content > [gsap] > *:first-child { margin-top: 0 !important; } .BC_content .btn-inline { top: -2px; display: inline; font-size: inherit; text-decoration: underline !important; } .BC_content ul { margin: 0; padding: 0; } .BC_content ul li { list-style: none; position: relative; display: block; width: 100%; padding: 0 0 0 40px; margin: 0 0 15px; /*margin: 20px 0 0; padding: 0 0 0 60px; @include responsive(at-lg){ padding: 0 0 0 110px; }*/ } .BC_content ul li::before { content: ""; z-index: 2; position: absolute; top: 4px; left: 0; display: inline-block; width: 24px; height: 24px; line-height: 1; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask: var(--licon-check); mask: var(--licon-check); background: var(--color-noir); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_link { margin-top: var(--webapp-spacer-s1); } .BC_swiper, .BC_repeater, .BC_form { margin-top: var(--webapp-spacer-s2); } .BC_item { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_item .-on-hover, .miniature .-on-hover { opacity: 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .BC_item:hover .-on-hover, .miniature:hover .-on-hover { opacity: 1; } } .BC_table table { width: 100%; border-collapse: collapse; border-spacing: 0; } .BC_table thead tr th { padding: 15px 10px; color: #AFAFAF; font-size: 14px; font-family: var(--webapp-font-other); font-weight: 400; text-align: left; } .BC_table thead tr th:first-child { padding-left: 20px; } .BC_table thead tr th:last-child { padding-right: 20px; } .BC_table tbody tr { border-top: 1px solid #AFAFAF; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_table tbody tr td { padding: 15px 10px; font-size: 14px; font-family: var(--webapp-font-text); text-align: left; } .BC_table tbody tr td:first-child { padding-left: 20px; } .BC_table tbody tr td:last-child { padding-right: 20px; } @media screen and (min-width: 1025px) { .BC_table tbody tr:hover { border-color: var(--color-blanc); background-color: var(--color-blanc); } } .BC_hover_invert .BC_hover_item { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_hover_invert .BC_hover_item.-item-1 { z-index: 2; opacity: 1; } .BC_hover_invert .BC_hover_item.-item-2 { z-index: 1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 0; } @media screen and (min-width: 1025px) { .BC_hover_invert:hover .BC_hover_item.-item-1 { opacity: 0; } .BC_hover_invert:hover .BC_hover_item.-item-2 { opacity: 1; } } .miniature { position: relative; display: block; width: 100%; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .miniature [class^=miniature-] { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .detail { position: relative; display: block; width: 100%; } .acf-table-infos { position: relative; display: block; width: 100%; margin: 0 0 10px; } .acf-table-infos span { position: relative; display: inline-block; padding: 2px 7px; border-radius: 3px; background: var(--color-noir); color: var(--color-blanc); } .BC3 .BC_repeater.-is-patchwork > .row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 14px; height: 755px; margin: 0; padding: 0; } @media screen and (max-width: 767px) { .BC3 .BC_repeater.-is-patchwork > .row { height: 450px; } } .BC3 .BC_repeater.-is-patchwork > .row > div { margin: 0; padding: 0; } .BC3 .BC_repeater.-is-patchwork > .row > div.item-1 { grid-column: 1/span 4; grid-row: 1/span 3; } .BC3 .BC_repeater.-is-patchwork > .row > div.item-1 .embed-responsive { -webkit-transition-delay: 500ms; transition-delay: 500ms; } .BC3 .BC_repeater.-is-patchwork > .row > div.item-2 { grid-column: 4/span 3; grid-row: 4/span 4; } .BC3 .BC_repeater.-is-patchwork > .row > div.item-2 .embed-responsive { -webkit-transition-delay: 600ms; transition-delay: 600ms; } .BC3 .BC_repeater.-is-patchwork > .row > div.item-3 { grid-column: 1/span 2; grid-row: 6/span 2; } .BC3 .BC_repeater.-is-patchwork > .row > div.item-3 .embed-responsive { -webkit-transition-delay: 700ms; transition-delay: 700ms; } .BC3 .BC_repeater.-is-patchwork .BC_visuel.-is-animated .embed-responsive { -moz-transform: translate(0, -101%); -webkit-transform: translate(0, -101%); -o-transform: translate(0, -101%); -ms-transform: translate(0, -101%); transform: translate(0, -101%); -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -ms-transition: all 900ms ease; transition: all 900ms ease; } .BC3 .BC_repeater.-is-patchwork .has-animate.animate .BC_visuel.-is-animated .embed-responsive { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .BCFAQ .js-toggle-container .js-toggle { cursor: pointer; } .BCFAQ .js-toggle-container .js-toggle-content { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all 400ms 0s ease, visibility 400ms 400ms ease; transition: all 400ms 0s ease, visibility 400ms 400ms ease; } .BCFAQ .js-toggle-container.active .js-toggle .licon { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .BCFAQ .js-toggle-container.active .js-toggle-content { max-height: 500px; overflow: auto; opacity: 1; visibility: visible; -webkit-transition: all 400ms 0ms ease, visibility 0s 0s ease; transition: all 400ms 0ms ease, visibility 0s 0s ease; } .BCFAQ.-open-all .bloc-cta .BC_item { background: var(--color-blanc); } [data-theme=dark] .BCFAQ.-open-all .bloc-cta .BC_item { background: var(--color-gris); } .BCML .BC_content table { margin: 0 0 40px; border: 1px solid var(--color-gris-light); } .BCML .BC_content table tr { border-bottom: 1px solid var(--color-gris-light); } .BCML .BC_content table tr > * { padding: 3px 10px; } .BCML .BC_content table tr td { font-size: 9px; line-height: 1.15; } @media screen and (min-width: 768px) { .BCML .BC_content table tr td { font-size: 12px; } } .BCML .BC_content table tr:first-child td { font-weight: 600; } .BCML .BC_content table tr:last-child { border: none; } .BC_swiper.-col-100 .BC_item > .row > div { max-width: 100% !important; flex: 0 0 100% !important; } .BC_share_box.js-toggle-container .js-toggle-content { position: absolute; top: 100%; right: 0; max-width: 0; overflow: hidden; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_share_box.js-toggle-container.active .js-toggle-content { max-width: 100%; } .cta-estimez-vendez-louez .BC_repeater::after { content: ""; z-index: 5; position: absolute; bottom: 0; left: -50%; display: block; width: 200%; height: 1px; background: var(--color-main); opacity: 0.3; } @media screen and (min-width: 1025px) { .cta-estimez-vendez-louez .BC_item { display: flex; flex-wrap: wrap; } } .cta-estimez-vendez-louez .BC_item::before { content: ""; z-index: -1; position: absolute; top: 0; left: -30%; display: block; width: 0%; height: 100%; background: var(--color-blanc); opacity: 0.6; -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .cta-estimez-vendez-louez .BC_item::after { content: ""; z-index: 5; position: absolute; top: 0; left: -50%; display: block; width: 200%; height: 1px; background: var(--color-main); opacity: 0.3; } @media screen and (min-width: 1025px) { .cta-estimez-vendez-louez .BC_item .BC_title, .cta-estimez-vendez-louez .BC_item .BC_link { display: inline-block; width: auto; float: none; } } .cta-estimez-vendez-louez .BC_item .BC_title > *, .cta-estimez-vendez-louez .BC_item .BC_link > * { display: inline-block; float: none; vertical-align: middle; line-height: 1; } .cta-estimez-vendez-louez .BC_item .BC_title { z-index: 2; } .cta-estimez-vendez-louez .BC_item .BC_content { z-index: 1; -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } @media screen and (min-width: 1025px) { .cta-estimez-vendez-louez .BC_item .BC_content { display: inline-block; width: auto; float: none; } } .cta-estimez-vendez-louez .BC_item .BC_content > * { display: inline-block; float: none; vertical-align: middle; } @media screen and (min-width: 1025px) { .cta-estimez-vendez-louez .BC_item .BC_content { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cta-estimez-vendez-louez .BC_item .BC_content > * { max-width: 300px; } } .cta-estimez-vendez-louez .BC_item .BC_link { z-index: 3; } @media screen and (min-width: 1025px) { .cta-estimez-vendez-louez .BC_item .BC_link { position: absolute; right: 0; top: 50%; margin: 0; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } .cta-estimez-vendez-louez .BC_item .BC_link .btn, .cta-estimez-vendez-louez .BC_item .BC_link .btn-inline { -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } @media screen and (min-width: 1025px) { .cta-estimez-vendez-louez .BC_item .BC_content > * { opacity: 0; -moz-transform: translate(0, 20px); -webkit-transform: translate(0, 20px); -o-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .cta-estimez-vendez-louez .BC_item .BC_link .btn, .cta-estimez-vendez-louez .BC_item .BC_link .btn-inline { -moz-transform: translate(-20px, 0); -webkit-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); transform: translate(-20px, 0); } .cta-estimez-vendez-louez .BC_item .BC_link .btn .text, .cta-estimez-vendez-louez .BC_item .BC_link .btn-inline .text { max-width: 0; white-space: nowrap; overflow: hidden; opacity: 0; } } @media screen and (min-width: 1025px) { .cta-estimez-vendez-louez .BC_item:hover::before { width: 160%; } .cta-estimez-vendez-louez .BC_item:hover .BC_content > * { opacity: 1; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .cta-estimez-vendez-louez .BC_item:hover .BC_content::after { opacity: 1; } .cta-estimez-vendez-louez .BC_item:hover .BC_link .btn, .cta-estimez-vendez-louez .BC_item:hover .BC_link .btn-inline { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .cta-estimez-vendez-louez .BC_item:hover .BC_link .btn .text, .cta-estimez-vendez-louez .BC_item:hover .BC_link .btn-inline .text { max-width: 130px; overflow: hidden; opacity: 1; } } @media screen and (max-width: 767px) { .cta-patchwork .BC_repeater { padding: 0 50px; } .cta-patchwork .BC_repeater > .row > div.item-1 { left: -30px; margin-bottom: 10px; } .cta-patchwork .BC_repeater > .row > div.item-1 .BC_item { height: 400px !important; } .cta-patchwork .BC_repeater > .row > div.item-2 .BC_item { position: absolute; top: 40px; right: 100%; margin: 0 -37px 0 0; width: 160px; height: 230px !important; } .cta-patchwork .BC_repeater > .row > div.item-3 { margin-bottom: 10px; left: 30px; } .cta-patchwork .BC_repeater > .row > div.item-4 { margin-bottom: 10px; left: -30px; } .cta-patchwork .BC_repeater > .row > div.item-5 { margin-bottom: 10px; left: 30px; } .cta-patchwork .BC_repeater > .row > div.item-6 { left: -127px; } .cta-patchwork .BC_repeater > .row > div.item-6 .BC_item { width: 292px !important; height: 372px !important; } .cta-patchwork .BC_repeater > .row > div.item-7 { margin: -200px 0 0 175px; } .cta-patchwork .BC_repeater > .row > div.item-7 .BC_item { width: 163px !important; height: 237px !important; } .cta-patchwork .BC_repeater > .row > div.item-8 { display: none; } .cta-patchwork .BC_repeater .BC_item .BC_title { line-height: 1.6; } } @media screen and (min-width: 768px) { .cta-patchwork .BC_repeater > .row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 14px; margin: 0; padding: 0; } .cta-patchwork .BC_repeater > .row > div { margin: 0; padding: 0; } .cta-patchwork .BC_repeater > .row > div.item-1 { grid-column: 2/span 2; grid-row: 1/span 7; } .cta-patchwork .BC_repeater > .row > div.item-1 .embed-responsive { -webkit-transition-delay: 500ms; transition-delay: 500ms; } .cta-patchwork .BC_repeater > .row > div.item-2 { grid-column: 1; grid-row: 7/span 4; } .cta-patchwork .BC_repeater > .row > div.item-2 .embed-responsive { -webkit-transition-delay: 600ms; transition-delay: 600ms; } .cta-patchwork .BC_repeater > .row > div.item-3 { grid-column: 6/span 2; grid-row: 3/span 5; } .cta-patchwork .BC_repeater > .row > div.item-4 { grid-column: 2/span 2; grid-row: 8/span 5; } .cta-patchwork .BC_repeater > .row > div.item-5 { grid-column: 7/span 2; grid-row: 9/span 5; } .cta-patchwork .BC_repeater > .row > div.item-6 { grid-column: 4/span 2; grid-row: 5/span 6; } .cta-patchwork .BC_repeater > .row > div.item-6 .embed-responsive { -webkit-transition-delay: 800ms; transition-delay: 800ms; } .cta-patchwork .BC_repeater > .row > div.item-7 { grid-column: 6; grid-row: 8/span 4; } .cta-patchwork .BC_repeater > .row > div.item-7 .embed-responsive { -webkit-transition-delay: 900ms; transition-delay: 900ms; } .cta-patchwork .BC_repeater > .row > div.item-8 { grid-column: 9; grid-row: 3/span 6; } .cta-patchwork .BC_repeater > .row > div.item-8 .embed-responsive { -webkit-transition-delay: 1100ms; transition-delay: 1100ms; } } .cta-patchwork .BC_visuel.-is-animated .embed-responsive { -moz-transform: translate(0, -101%); -webkit-transform: translate(0, -101%); -o-transform: translate(0, -101%); -ms-transform: translate(0, -101%); transform: translate(0, -101%); -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -ms-transition: all 900ms ease; transition: all 900ms ease; } .cta-patchwork .has-animate.animate .BC_visuel.-is-animated .embed-responsive { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .cta-recherche-bien-ideal .-add-bg-main-active::before { content: ""; z-index: 0; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; top: 62%; background: var(--color-main-active); } .cta-avis-clients .BC_item > .row { position: static; } .cta-avis-clients .BC_item > .row > div { position: static; } .cta-notifications { max-width: 600px; } .BC_anchor_pin_wrapper .pin-spacer { z-index: inherit !important; } .BC_anchor_pin_wrapper { position: relative; display: block; width: 100%; float: left; padding: 0; } .BC_anchor_pin_wrapper [is-sticky=true] { top: 50px !important; -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 768px) { .BC_anchor_pin_wrapper [is-sticky=true] { top: 62px !important; } } @media screen and (min-width: 1280px) { .BC_anchor_pin_wrapper [is-sticky=true] { top: 0 !important; } } .scrolling-up .BC_anchor_pin_wrapper [is-sticky=true] { top: 50px !important; } @media screen and (min-width: 768px) { .scrolling-up .BC_anchor_pin_wrapper [is-sticky=true] { top: 62px !important; } } @media screen and (min-width: 1280px) { .scrolling-up .BC_anchor_pin_wrapper [is-sticky=true] { top: 80px !important; } } .BC_anchor_pin { z-index: 25; position: absolute; top: 0; left: 0; display: block; width: 100%; background: var(--color-blanc); text-align: center; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } .BC_anchor_pin .ANCHOR_nav { position: relative; display: block; width: 100%; } @media screen and (max-width: 1024px) { .BC_anchor_pin .ANCHOR_nav { background: var(--color-beige); } } .BC_anchor_pin li { position: relative; margin: 0; padding: 0 10px; } @media screen and (min-width: 768px) { .BC_anchor_pin li { padding: 0 20px; } } .BC_anchor_pin li::after { content: ""; position: absolute; top: 20px; right: -5px; display: block; width: 10px; height: 10px; border-radius: 50%; background: var(--color-main); } .BC_anchor_pin li:last-child::after { display: none; } .BC_anchor_pin li a { z-index: 3; position: relative; display: block; width: 100%; height: 50px; line-height: 50px; padding: 0; background: transparent; color: var(--color-main); font-size: 16px; font-size: 1.6rem; font-weight: 500; } .BC_anchor_pin li a::after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background: var(--color-main); -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 1025px) { .BC_anchor_pin li:hover > a { color: var(--color-noir); } .BC_anchor_pin li:hover > a::after { -moz-transform: scale(0.2, 1); -webkit-transform: scale(0.2, 1); -o-transform: scale(0.2, 1); -ms-transform: scale(0.2, 1); transform: scale(0.2, 1); } } .BC_anchor_pin li.active > a { color: var(--color-noir); } .BC_anchor_pin li.active > a::after { -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-reset_filters { display: none !important; visibility: hidden !important; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filters-wrapper { position: relative !important; padding: 0 !important; margin: 0 !important; background: transparent; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filters .ajaxify-filters-zone-2 { padding: 0 20px; } @media screen and (min-width: 1280px) { .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filters .ajaxify-filters-zone-2 { padding: 0 44px; } } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filters .ajaxify-filters-zone-2 > div { flex-wrap: wrap; margin-left: 0; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-geofilter, .BC_biens_searchbox .ajaxify-wrapper .ajaxify-metafilter, .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter { flex: 0 0 100%; max-width: 100%; margin: var(--webapp-spacer-s1) 0 0; padding: 0; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-geofilter.-geo-radius { display: none; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] { margin: 0; padding: 0 33% 0 0; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] .ajaxify-filter-title { display: none; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] ul { display: flex; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] ul li { flex: 1 1 auto !important; margin: 0; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-type] .ajaxify-filter-title { margin-bottom: 0; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-type] ul { position: relative; display: block; width: 100%; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-type] ul li { position: relative; display: inline-block; float: none; vertical-align: middle; width: auto; float: left; max-width: 100%; margin: 10px 20px 0 0; } @media screen and (min-width: 1280px) { .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-type] ul li { max-width: 25%; } } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-piece] { flex: 0 0 50%; max-width: 50%; order: 11; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-metafilter[data-key=BIEN_prix] { flex: 0 0 50%; max-width: 50%; order: 12; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-goto-listing { padding: 0 20px; text-align: center; margin: var(--webapp-spacer-s1) 0 var(--webapp-spacer-s2) !important; } @media screen and (min-width: 1280px) { .BC_biens_searchbox .ajaxify-wrapper .ajaxify-goto-listing { padding: 0 44px; text-align: right; } } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-goto-listing .btn { min-width: 206px; } .BC_biens_searchbox .ajaxify-wrapper .ajaxify-goto-listing .ajaxify-found_posts { display: none; } .BC_biens_searchbox .cta-estimer, .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] label { position: relative; display: block; width: 100%; height: 64px; line-height: 64px; padding: 0; border: none !important; border-radius: 0 !important; background: var(--color-main-active); color: var(--color-beige); font-size: 12px; font-family: var(--webapp-font-other); font-weight: 600; letter-spacing: 0.15em; text-align: center; text-transform: uppercase; } .BC_biens_searchbox .cta-estimer::before, .BC_biens_searchbox .cta-estimer::after, .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] label::before, .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] label::after { display: none !important; } .BC_biens_searchbox .cta-estimer.active-filter, .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] label.active-filter { background: var(--color-blanc); color: var(--color-main); } @media screen and (min-width: 1025px) { .BC_biens_searchbox .cta-estimer:hover, .BC_biens_searchbox .ajaxify-wrapper .ajaxify-filter[data-filter=bien-cat] label:hover { background: var(--color-blanc); color: var(--color-main); } } @media screen and (min-width: 1280px) { .post-type-archive-bien .ajaxify-wrapper .ajaxify-filters-wrapper, .tax-bien-cat .ajaxify-wrapper .ajaxify-filters-wrapper { display: inline-block; width: auto; left: 50%; transform: translate(-50%, 0); } } .post-type-archive-bien .ajaxify-wrapper .ajaxify-filters-zone-1, .tax-bien-cat .ajaxify-wrapper .ajaxify-filters-zone-1 { display: none !important; } .post-type-archive-bien .ajaxify-wrapper .ajaxify-filters-zone-2 .ajaxify-filter .ajaxify-filter-list, .tax-bien-cat .ajaxify-wrapper .ajaxify-filters-zone-2 .ajaxify-filter .ajaxify-filter-list { margin-top: 16px; } .post-type-archive-bien .ajaxify-wrapper .ajaxify-filters-zone-3, .tax-bien-cat .ajaxify-wrapper .ajaxify-filters-zone-3 { border-top: 1px solid var(--color-beige-light); } @media screen and (min-width: 1280px) { .post-type-archive-bien .ajaxify-wrapper .ajaxify-filter[data-filter=bien-type] > ul li, .tax-bien-cat .ajaxify-wrapper .ajaxify-filter[data-filter=bien-type] > ul li { margin-right: 20px; } } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps { z-index: 52; position: fixed !important; top: 0; right: 0; display: block; width: 100%; max-width: 100% !important; padding: 0 !important; margin: 0; flex: none !important; -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (min-width: 768px) { .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps { max-width: 75% !important; } } @media screen and (min-width: 1280px) { .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps { max-width: 50% !important; } } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps-overlay, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps-overlay { z-index: 50; position: fixed !important; top: 0; right: 0; display: none; width: 100%; max-width: 100% !important; height: 100%; padding: 0 !important; margin: 0; background: rgba(0, 0, 0, 0.5); -moz-transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } @media screen and (min-width: 768px) { .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps-overlay, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-googlemaps-overlay { display: block; } } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper { z-index: 55; position: fixed; top: 100%; left: 50%; width: auto; margin-top: -58px; white-space: nowrap; transform-origin: left bottom; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } @media screen and (min-width: 768px) { .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper { top: 50%; left: 100%; -webkit-transform: translate(0%, 50%) rotate(-90deg); transform: translate(0%, 50%) rotate(-90deg); margin-top: 0; } } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper .btn, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper .btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper .btn .text.-open, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper .btn .text.-open { display: inline-block; } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper .btn .text.-close, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper .ajaxify-toggle_googlemaps-wrapper .btn .text.-close { display: none; } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper.active .ajaxify-googlemaps, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper.active .ajaxify-googlemaps { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper.active .ajaxify-googlemaps-overlay, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper.active .ajaxify-googlemaps-overlay { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper.active .ajaxify-toggle_googlemaps-wrapper .text.-open, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper.active .ajaxify-toggle_googlemaps-wrapper .text.-open { display: none; } .post-type-archive-bien .ajaxify-wrapper .ajaxify-googlemaps-wrapper.active .ajaxify-toggle_googlemaps-wrapper .text.-close, .tax-bien-cat .ajaxify-wrapper .ajaxify-googlemaps-wrapper.active .ajaxify-toggle_googlemaps-wrapper .text.-close { display: inline-block; } .single-bien .BC_gallery_patchwork { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; height: 532px; } @media screen and (max-width: 767px) { .single-bien .BC_gallery_patchwork { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; height: 460px; } } .single-bien .BC_gallery_patchwork.grid-f1 .-image-1 { grid-column: 1/span 4; grid-row: 1/span 2; } @media screen and (max-width: 767px) { .single-bien .BC_gallery_patchwork.grid-f1 .-image-1 { grid-column: 1/span 4; grid-row: 1/span 3; } } .single-bien .BC_gallery_patchwork.grid-1x1 .-image-1 { grid-column: 2/span 3; grid-row: 1/span 2; } @media screen and (max-width: 767px) { .single-bien .BC_gallery_patchwork.grid-1x1 .-image-1 { grid-column: 1/span 4; grid-row: 1/span 3; } } .single-bien .BC_gallery_patchwork.grid-1x1 .-image-2 { grid-column: 1; grid-row: 1/span 2; } @media screen and (max-width: 767px) { .single-bien .BC_gallery_patchwork.grid-1x1 .-image-2 { grid-column: 1/span 4; grid-row: 1; } } .single-bien .BC_gallery_patchwork.grid-2x1 .-image-1 { grid-column: 2/span 3; grid-row: 1/span 2; } @media screen and (max-width: 767px) { .single-bien .BC_gallery_patchwork.grid-2x1 .-image-1 { grid-column: 1/span 4; grid-row: 1/span 2; } } .single-bien .BC_gallery_patchwork.grid-2x1 .-image-2 { grid-column: 1; grid-row: 1; } @media screen and (max-width: 767px) { .single-bien .BC_gallery_patchwork.grid-2x1 .-image-2 { grid-column: 1/span 2; grid-row: 3; } } .single-bien .BC_gallery_patchwork.grid-2x1 .-image-3 { grid-column: 1; grid-row: 2; } @media screen and (max-width: 767px) { .single-bien .BC_gallery_patchwork.grid-2x1 .-image-3 { grid-column: 3/span 2; grid-row: 3; } } .single-bien .BC_wrapper.-last-posts .swiper, .single-bien .BC_wrapper.-last-posts .swiper-slide { overflow: visible; } .BC_sticky_wrapper { -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; } @media screen and (max-width: 767px) { .BC_sticky_wrapper { z-index: 55; position: fixed; bottom: 0; left: 0; margin: 0 0 80px; -moz-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -moz-box-shadow: var(--webapp-box-shadow); -webkit-box-shadow: var(--webapp-box-shadow); -o-box-shadow: var(--webapp-box-shadow); -ms-box-shadow: var(--webapp-box-shadow); box-shadow: var(--webapp-box-shadow); } } @media screen and (max-width: 767px) { .BC_sticky_wrapper .js-toggle { cursor: pointer; } } .BC_sticky_wrapper .js-toggle .licon { display: none; } @media screen and (max-width: 767px) { .BC_sticky_wrapper .js-toggle .licon { display: block; } } @media screen and (max-width: 767px) { .BC_sticky_wrapper.active { margin: 0; max-height: 80vh; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); overflow: auto; } } @media screen and (max-width: 767px) { .BC_sticky_wrapper.active .js-toggle .licon { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } } @media screen and (max-width: 767px) { .BC_sticky_wrapper.active .BC_box.-social-share { display: none; } }