body:before{display:none}#breadcrumb{margin:0 auto;width:100%;font-size:12px;font-weight:300;letter-spacing:.92px;color:#3d3f5c;z-index:3}#breadcrumb nav ol{margin-bottom:0;border-radius:0;background-color:#f3f3f3;padding-left:15%}#breadcrumb nav ol li:nth-of-type(1n+2):before{content:">";font-size:12px;line-height:1;letter-spacing:.92px;font-weight:300;float:none}#breadcrumb nav ol li,#breadcrumb nav ol li a{color:#3d3f5c;opacity:.9;font-size:12px;line-height:1;letter-spacing:.92px}#banner .title{width:93.8%;margin:30px auto 50px;color:#bc9856;font-weight:300;font-size:20px;line-height:1;background-color:#fff}#banner .title span{font-weight:700;color:#00577b}@media (min-width:768px){#banner .title{margin:30px auto 50px;width:100%;font-size:28px}}@media (min-width:1024px){#banner .title{font-size:32px}}@media (min-width:1280px){#banner .title{font-size:clamp(35px,1.9791666667vw,38px);line-height:1.2}}@media (min-width:1440px){#banner .title{font-size:clamp(38px,2.8125vw,54px)}}#banner .title:after{display:block;content:" ";height:3px;width:100px;margin-top:5px;margin-left:auto;margin-right:auto;background-color:#bc9856}#bg-container{height:100vh;position:fixed;z-index:-1;width:100%;background-image:url(/img/bat-fenetres.svg);background-repeat:no-repeat}#bg-container,#bg-container[data-current="1"]{background-position:50% 100%}#bg-container[data-current="2"]{background-position:50% 83.34%}#bg-container[data-current="3"]{background-position:50% 66.68%}#bg-container[data-current="4"]{background-position:50% 50.02%}#bg-container[data-current="5"]{background-position:50% 33.36%}#bg-container[data-current="6"]{background-position:50% 16.7%}#bg-container[data-current="7"]{background-position:50% .04%}#bg-container[data-current="8"]{background-position:50% -16.62%}#scroll-container{position:relative;margin:0 auto;width:100%;z-index:2;background-repeat:no-repeat}#scroll-container .step{position:relative;background-color:transparent;z-index:2}#scroll-container .step#step-0{top:90px;opacity:0;width:100%}#scroll-container .step#step-0.start{opacity:1}@media (max-width:1023.98px){#scroll-container .step#step-1,#scroll-container .step#step-2,#scroll-container .step#step-3,#scroll-container .step#step-4,#scroll-container .step#step-7{height:850px!important}}#scroll-container #pagination{position:fixed;right:20px;top:50%;transform:translateY(-50%);font-size:1.4em;z-index:4;margin-bottom:0;list-style:none;background:url(/img/plan-visite.svg);background-size:contain;background-repeat:no-repeat;background-position:left 9px center;padding:30px 0 0 96px;background-clip:padding-box;background-color:transparent}#scroll-container #pagination li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}#scroll-container #pagination li a{display:block;height:12px;width:12px;background-color:#bc9856;border-radius:50%;margin-bottom:30px;color:#fff;position:relative;padding:4px}#scroll-container #pagination li a.active{background-color:#af1920}#scroll-container #pagination li:last-child a{margin-bottom:0}.starter-scroll{position:relative;z-index:2;width:87.5%;background-color:#af1920;color:#fff;margin:0 auto;max-width:600px;font-size:28px;line-height:1.21;font-weight:300;height:130px}@media (min-width:768px){.starter-scroll{font-size:34px}}.starter-scroll div{font-weight:300}.starter-scroll div b{font-weight:900}.starter-scroll span{font-size:18px;line-height:1.3}.starter-scroll span svg{margin-top:5px}.starter-scroll span svg g g{fill:#fff}@media (min-width:768px){.starter-scroll span{font-size:20px}}.starter-scroll .anim-text{animation-name:anim-text;animation-duration:2s;animation-iteration-count:infinite;position:relative}@keyframes anim-text{0%{top:0}50%{top:-10px}to{top:0}}.starter-scroll:hover .anim-text{animation-play-state:paused;cursor:pointer}.step-box{position:absolute;width:calc(100% - 50px);max-width:500px;z-index:1;left:50%;opacity:0;transform:translateX(-50%);top:90px}@media (min-width:768px){.step-box{top:50%;transform:translate(-50%,-30%)}}@media (min-width:1024px){.step-box{top:30%}}@media (min-width:1280px){.step-box{top:unset;bottom:180px}}.step-box .step-content{position:relative;z-index:2;color:#fff;padding:31px 10px;overflow:hidden;transform-style:preserve-3d}@media (min-width:1024px){.step-box .step-content{padding:23px 20px}}.step-box .step-content .title{text-transform:uppercase;font-size:24px;line-height:1;font-weight:300;margin-bottom:30px}.step-box .step-content .title b,.step-box .step-content .title strong{font-weight:900}.step-box .step-content .title b{display:block}.step-box .step-content .title:after{content:"";display:block;width:100px;height:3px;margin-top:15px;background-color:#fff}@media (min-width:768px){.step-box .step-content .title{font-size:32px;line-height:1.2}}.step-box .step-content .step-number{position:absolute;font-size:300px;opacity:.25;top:-60px;font-weight:900;line-height:1}.step-box .step-content p{font-size:17px;margin-left:0}@media (min-width:768px){.step-box .step-content p{margin-left:15px;font-size:20px}}.step-box .step-content p a{color:#fff}.step-box .step-content p em{font-weight:900;line-height:1.4;padding-left:15px;display:block}.step-box .step-content.bg-primary .steps-number{left:0}.step-box .step-content.bg-secondary .step-content{background-color:#bc9856}.step-box .step-content.bg-secondary .step-content .step-number{right:0}.step-box .step-content.bg-secondary{margin-right:auto}.step-box .pictos{left:0;margin:auto;bottom:130px;opacity:0;z-index:1}@media (min-width:1280px){.step-box .pictos{opacity:0;left:-198px;bottom:-40px}}.step-box:after{content:"";display:block;position:absolute;transform-style:preserve-3d;z-index:0;height:100%;width:100%;background-color:#fff;top:15px}.step-box:nth-child(2n):after{left:-15px}.step-box:nth-child(odd):after{right:15px}.step-box{animation-timing-function:cubic-bezier(.8,0,.2,1);animation-direction:normal;animation-fill-mode:both;animation-duration:.5s;animation-delay:0;animation-play-state:paused}@media (min-width:1280px){.step-box{animation-name:slideInLeftXL}}.step-box.active{opacity:1;animation-play-state:running}@media (max-width:1279.98px){.step-box.active .pictos{bottom:0;opacity:1}}@media (min-width:1280px){.step-box.active .pictos{animation-name:revealFromLeft;animation-timing-function:cubic-bezier(.8,0,.2,1);animation-direction:forward;animation-fill-mode:both;animation-duration:.5s;animation-delay:.3s}}.step-box.out{opacity:0}@media (min-width:1280px){.step-box.out{animation-name:fadeOut;animation-timing-function:cubic-bezier(.8,0,.2,1);animation-direction:forward;animation-fill-mode:both;animation-duration:.3s;animation-delay:0;animation-play-state:running}}.step-box.from-right{position:absolute}@media (min-width:1280px){.step-box.from-right{left:inherit;right:0;animation-name:slideInRightXL}}@media (min-width:1280px){.step-box.from-right .pictos{right:0;left:inherit}}@media (min-width:1280px){.step-box.from-right.active{left:inherit}}@media (min-width:1280px){.step-box.from-right.active .pictos{animation-name:revealFromRight}}@media (min-width:1024px){.step-box.from-right.out{animation-name:fadeOutRight}}@keyframes slideInLeft{0%{left:0;transform:translateX(0);opacity:0}to{transform:translateX(7.8%);opacity:1}}@keyframes slideInLeftXL{0%{left:0;transform:translateX(0);opacity:0}to{left:66%;transform:translateX(-100%);opacity:1}}@keyframes slideInRight{0%{right:0;transform:translateX(0);opacity:0}to{transform:translateX(7.8%);opacity:1}}@keyframes slideInRightXL{0%{right:0;transform:translateX(0);opacity:0}to{right:66%;transform:translateX(100%);opacity:1}}@keyframes revealFromLeft{0%{left:0;opacity:0}to{left:-198px;opacity:1}}@keyframes revealFromRight{0%{right:0;opacity:0}to{right:-198px;opacity:1}}@keyframes fadeOut{0%{left:50%;transform:translateX(-100%);opacity:1}to{left:50%;transform:translateX(-100%);opacity:0}}@keyframes fadeOutRight{0%{right:50%;transform:translateX(100%);opacity:1}to{right:50%;transform:translateX(100%);opacity:0}}