#accueil:before{content:'';position:fixed;left:0;top:0;width:100%;height:100vh;z-index:1900;background:#fff url(../themes/merakin/assets/img/pace-bg.jpg) no-repeat center center;background-size:cover;transition:opacity 0.7s ease 0s,height 0s ease 0.7s}
#accueil.pace-running:before{opacity:1;height:100vh}
#accueil.pace-running:after{content:'';width:350px;background:url(./logo-baseline.png) no-repeat center top;background-size:contain;padding-top:150px;width:350px;display:block;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1900;margin-top:-60px}
#accueil.pace-done:before{opacity:0;height:0}
#accueil .pace{pointer-events:none;user-select:none;z-index:2000;position:fixed;margin:auto;top:0;left:0;right:0;bottom:0;height:5px;width:350px;background:#fff;overflow:hidden}
#accueil .pace .pace-progress{box-sizing:border-box;transform:translate3d(0,0,0);max-width:350px;position:fixed;z-index:2000;display:block;position:absolute;top:0;right:100%;height:100%;width:100%;background:#cc3f28}
#accueil .pace.pace-inactive{display:none}
#accueil.locale-en.pace-running:after{background:url(../themes/merakin/assets/img/logo-en.png) no-repeat center top;background-size:contain}
.ct-widget.ct-ignition{position:fixed;left:auto;top:auto;right:20px;bottom:20px;z-index:10000;transition:all 0.5s ease 0s}
.ct-widget.ct-ignition .ct-ignition__button{position:static;margin-top:10px}
.ce-element{outline:2px dashed rgba(243,156,18,0.5)}
.ce-element--focused,.ce-element:focus{outline:2px dashed rgba(243,156,18,1)}
 .pagination{margin:30px 0;padding:0;list-style:none}
.pagination ul{margin:0;padding:0;list-style:none}
.pagination li{display:inline-block;margin:0 2px}
.pagination li a{display:block;width:30px;height:30px;line-height:30px;border:1px solid #ccc;color:#777}
.pagination li.active a{background:rgba(0,0,0,0.1)}
 #header .hamburger{display:none;position:relative;padding:0}
#header .hamburger:hover{opacity:1}
#header .hamburger:focus{outline:none}
@media (max-width:992px){#header .hamburger{display:inline-block}
#header .menu{z-index:5;transition:all 0.5s ease 0s;overflow:hidden;background:rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none;margin:0;padding:0}
 body.fullscreen #header .menu{position:fixed;left:0;top:0;width:100%;height:100vh}
body.fullscreen #header .hamburger{z-index:10}
body.fullscreen.fade #header .menu{opacity:0;visibility:hidden}
body.fullscreen.fade.open #header .menu{opacity:1;visibility:visible}
body.fullscreen.top #header .menu{transform:translateY(-100%)}
body.fullscreen.top.open #header .menu{transform:translateY(0)}
body.fullscreen.right #header .menu{transform:translateX(100%)}
body.fullscreen.right.open #header .menu{transform:translateX(0)}
body.fullscreen.bottom #header .menu{transform:translateY(100%)}
body.fullscreen.bottom.open #header .menu{transform:translateY(0)}
body.fullscreen.left #header .menu{transform:translateX(-100%)}
body.fullscreen.left.open #header .menu{transform:translateX(0)}
 body.over #header .menu{position:fixed}
body.over #header .hamburger{z-index:10}
body.over.top #header .menu{left:0;top:0;width:100%;height:auto;transform:translateY(-100%)}
body.over.top.open #header .menu{transform:translateY(0)}
body.over.right #header .menu{right:0;top:0;width:300px;height:100%;transform:translateX(100%)}
body.over.right.open #header .menu{transform:translateX(0)}
body.over.bottom #header .menu{left:0;bottom:0;width:100%;height:auto;transform:translateY(100%)}
body.over.bottom.open #header .menu{transform:translateY(0)}
body.over.left #header .menu{left:0;top:0;width:300px;height:100%;transform:translateX(-100%)}
body.over.left.open #header .menu{transform:translateX(0)}
 body.push{transition:all 0.5s ease 0s;overflow-x:hidden}
body.push #header .menu{position:fixed}
body.push.top #header .menu{left:0;top:0;height:300px;width:100%;transform:translateY(-100%);overflow-y:hidden}
body.push.top.open{transform:translateY(300px)}
body.push.right #header .menu{right:0;top:0;height:100vh;width:300px;transform:translateX(100%);overflow-x:hidden}
body.push.right.open{transform:translateX(-300px)}
body.push.bottom #header .menu{left:0;margin-top:100vh;height:300px;width:100%;overflow-y:hidden}
body.push.bottom.open{transform:translateY(-300px)}
body.push.left #header .menu{left:0;top:0;height:100vh;width:300px;transform:translateX(-100%);overflow-x:hidden}
body.push.left.open{transform:translateX(300px)}
}
.field{margin-bottom:15px;position:relative}
.field label{display:inline-block;margin:0}
.field [data-validate-for]{display:none;font-size:10px;line-height:10px;position:absolute;right:0;bottom:-1.2em}
.field [data-validate-for].visible{display:block}
 .field.textfield input,.field.textarea textarea{display:block;width:100%;padding:10px;border:1px solid #ccc}
 .field.checkbox,.field.radio{line-height:20px}
.field.checkbox input,.field.radio input{width:20px;height:20px;float:left;margin-right:10px}
.field.checkbox label,.field.radio label{position:relative;margin-bottom:0;cursor:pointer}
.field.checkbox span:before,.field.radio span:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #ccc;background:#fff}
.field.checkbox span:after,.field.radio span:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;background:#ccc;opacity:0;transition:all 0.5s ease 0s}
.field.checkbox input:checked+span:after,.field.radio input:checked+span:after{opacity:1}
.field.checkbox .message:before,.field.checkbox .message:after,.field.radio .message:before,.field.radio .message:after{content:none}
 .field.checkbox span:before,.field.checkbox span:after{border-radius:0}
 .field.radio span:before,.field.radio span:after{border-radius:50%}
  .field.select select{display:block;width:100%;padding:10px;border:1px solid #ccc}
 .field.select2 .select2-selection{border-radius:0;border:1px solid #ccc;height:46px}
.field.select2 .select2-selection__rendered{line-height:46px}
.field.select2 .select2-selection__arrow{height:46px}
 .field.address .ap-input{height:auto;line-height:auto;border-radius:0}
.field.address .ap-dropdown-menu{color:#000}
 .field.captcha{display:flex;justify-content:center}
body{font-size:16px;color:#5e6b6b;font-family:'Avenir';font-weight:400}
:focus{outline:none}
 img{max-width:100%;height:auto}
img[data-sizes]{display:block;width:100%}
 a:hover{text-decoration:none}
 p strong,p b{font-weight:600}
p i{color:#cc3f28;font-style:normal}
 h1{font-family:'Rounded Elegance';font-size:35px;color:#5e6b6b;margin-bottom:40px;font-weight:400}
h1 img{position:relative;top:-5px;right:0;z-index:1;max-width:50px;max-height:50px}
 #header{padding:10px 0;position:fixed;width:100%;background:#fff;z-index:200;transition:all 0.5s ease 0s}
#header.pinned{transform:translateY(0)}
#header.unpinned{transform:translateY(-100%)}
body.open #header.unpinned{transform:translateY(0)}
#header .row{align-items:center}
#header .right{text-align:right}
#header .logo{text-align:justify}
#header .logo img{position:relative;z-index:2;background:#fff}
#header .logo p{font-size:15.5px;visibility:hidden;margin:0;white-space:nowrap}
#header .logo b{font-weight:400;color:#cc3f28}
#header .navigation ul{list-style:none;margin:0;padding:0;font-size:16px}
#header .navigation ul li{display:inline-block;text-align:center}
#header .navigation ul li a{padding:10px;text-transform:uppercase;color:#5e6b6b;padding:0 5px;font-size:14px}
#header .navigation ul li a:hover{color:#cc3f28}
#header .navigation ul li.active a{color:#cc3f28;font-weight:600}
#header .navigation .locale a{width:30px;height:30px;line-height:30px;font-size:16px;background:#00505c;transition:all 0.3s ease 0s;border-radius:100%;color:#fff;display:block;text-transform:lowercase}
#header .navigation .locale a:hover{background:#cc3f28;color:#fff}
#main{padding-top:125px}
#footer{padding:20px 0;background:#cc3f28;color:#fff}
#footer .row{justify-content:space-between;align-items:center}
#footer .left{text-align:left}
#footer .right{text-align:right;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
#footer p{margin:0}
#footer .socials ul{list-style:none;margin:0;padding:0}
#footer .socials ul li{display:inline-block;margin-right:5px;max-width:40px}
#footer .locale ul li{margin-left:5px}
#footer .locale ul li a{width:30px;height:30px}
#footer .locale ul li a{background:#00505c;font-size:16px;line-height:30px}
#footer a{color:#fff}
  .swiper-wrapper{box-sizing:border-box}
.swiper-pagination{bottom:0 !important}
.swiper-pagination-bullet{opacity:1;background:none;border:1px solid #5e6b6b}
.swiper-pagination-bullet-active{background:#5e6b6b}
.swiper-slider .swiper-slide{padding-bottom:75px;font-weight:16px;overflow:hidden}
.swiper-slider .swiper-slide img{height:260px;object-fit:cover}
.swiper-slider .swiper-slide .inner{position:relative}
.swiper-slider .caption{width:1110px;position:absolute;left:50%;bottom:-75px;transform:translateX(-50%);display:flex;flex-direction:row}
.swiper-slider .caption .box{background:#5e6b6b;padding:30px;margin-right:15px;border-radius:10px;color:#fff;height:150px;display:flex;align-items:center;max-width:232.5px;opacity:0;margin-left:20px}
.swiper-slider .caption .title{font-weight:600;font-size:23px;background:#cc3f28;transition:all 0.7s ease 0.7s}
.swiper-slider .caption .description{font-size:14px;text-align:justify;transition:all 0.7s ease 1s;opacity:0;line-height:1.3em}
.swiper-slider .caption .description p{margin:0}
.swiper-slide-active .caption .box{margin-left:0;opacity:1}
 #swal2-title{color:#5e6b6b !important;font-size:20px !important}
.swal2-confirm{background:#cc3f28 !important;box-shadow:none !important}
 .locale ul{list-style:none;margin:0;padding:0}
.locale ul li{display:inline-block;margin-left:15px}
.locale ul li a{width:40px;height:40px;line-height:40px;color:#fff;background:#cc3f28;border-radius:100%;text-align:center;display:inline-block;font-size:20px;font-weight:500}
 .field.textfield{position:relative;margin-bottom:40px}
.field.textfield label{position:absolute;left:15px;top:50%;transform:translateY(-50%);transition:all 0.3s ease 0s;font-size:16px}
.field.textfield input{background:#fff;border-radius:5px;border:none;box-shadow:none}
.field.textfield.active label,.field.textfield.filled label{top:-1em;font-size:12px;color:#fff}
.field.textarea{position:relative}
.field.textarea label{position:absolute;left:15px;top:15px;transition:all 0.3s ease 0s;font-size:16px}
.field.textarea textarea{background:#fff;border-radius:5px;border:none;padding:15px;box-shadow:none}
.field.textarea.active label,.field.textarea.filled label{top:-20px;font-size:12px;color:#fff}
.arrow{border-top:12px solid #9ea4a2;position:relative}
.arrow:before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:76px;height:20px;background:url(../themes/merakin/assets/img/arrow-sep.png)}
.arrow-left{border-top:12px solid #9ea4a2;padding:0}
.arrow-left .container{position:relative;padding:40px 15px}
.arrow-left .container:before{content:'';position:absolute;left:80px;top:0;width:76px;height:20px;background:url(../themes/merakin/assets/img/arrow-sep.png)}
.more{line-height:60px;color:#fff;font-size:22px;text-align:right;margin-top:40px}
.more a{color:#00505c;font-style:Italic;font-weight:600}
.more a i{width:60px;height:60px;color:#fff;background:#5e6b6b;line-height:60px;text-align:center;border-radius:100%;margin-left:15px;position:relative;right:0;transition:all 0.5s ease 0s}
.more .picto{background:#5e6b6b;border-radius:100%;color:#fff;width:60px;height:60px;line-height:60px;text-align:center;font-size:30px;margin-left:15px;transition:all 0.5s ease 0s;position:relative;right:0}
.more a:hover i{background:#cc3f28;right:-10px}
.intro{background:#ebeded;font-size:18px;text-align:justify;line-height:1.2em}
.intro .row{align-items:center}
.intro i{font-weight:600}
.intro p:last-child{margin-bottom:0}
p b{color:#00505c}
p i{color:#cc3f28}
p i b{color:#cc3f28}
.content .more{margin-top:40px}
  #accueil h2{font-family:'Rounded Elegance';font-size:35px;color:#5e6b6b;margin-bottom:40px;font-weight:400}
#accueil h2 img{position:relative;top:-5px;right:0;z-index:1;max-width:50px;max-height:50px}
#accueil h2 span{position:relative;z-index:2}
#accueil .swiper-button-prev,#accueil .swiper-button-next{top:calc(50% - 50px);opacity:0.6}
#accueil .teaser{padding:50px 0;font-size:20px;text-align:justify}
#accueil .teaser .inner{padding:0 30px}
#accueil .teaser img{margin-bottom:40px;max-width:200px}
#accueil .offres{background:#fff url(../themes/merakin/assets/img/offres-bg.jpg) no-repeat center center;background-size:cover;padding:0;border-top:12px solid #9ea4a2}
#accueil .offres ul{list-style:none;margin:0;padding:0;color:#5e6b6b;padding:0 30px}
#accueil .offres ul li{margin-bottom:80px}
#accueil .offres .row{justify-content:space-between}
#accueil .offres ul li{position:relative;display:flex;flex-direction:column;flex-grow:1}
#accueil .offres ul li i{display:block;margin:10px auto 0 auto}
#accueil .offres ul li .content{display:flex;flex-direction:column;flex-grow:1;padding:15px 0 0 0;max-height:0;overflow:hidden;transition:all 0.5s ease 0s}
#accueil .offres ul.open li .content{max-height:500px}
#accueil .offres ul li .image{position:relative;margin-top:35px}
#accueil .offres ul li .picto{position:absolute;z-index:2;width:auto;height:auto;left:5px;top:-25px}
#accueil .offres ul li .title{background:#cc3f28;color:#fff;border-radius:10px;padding:30px;font-size:18px;font-weight:400;cursor:pointer}
#accueil .offres ul li .title h3{font-weight:400;font-size:20px;margin-bottom:10px}
#accueil .offres ul li .title h3 b{font-weight:600;font-size:22px}
#accueil .offres ul li .text{display:flex;flex-direction:column;flex-grow:1;text-align:justify}
#accueil .offres ul li .text p:last-child{margin-bottom:0}
#accueil .offres ul li i{display:block;margin:10px auto 0 auto;width:30px}
#accueil .offres ul li:nth-child(even) .picto{left:5px;top:-30px}
#accueil .offres .plus{text-align:justify}
#accueil .offres .more{margin-top:-20px}
#accueil .offres .illustration{border-radius:10px}
#accueil .testimonials{text-align:center;padding:60px 0 0 0;color:#5e6b6b}
#accueil .testimonials .swiper-container{padding:0 0 40px 0}
#accueil .testimonials h2{margin:0 0 40px 0;color:#5e6b6b}
#accueil .testimonials blockquote{font-size:16px;max-width:80%;margin:0 auto}
#accueil .testimonials blockquote footer{font-size:16px;margin-top:30px;font-style:italic}
#accueil .contact{background:url(../themes/merakin/assets/img/accueil-contact-bg.jpg) no-repeat center center;background-size:cover;margin-top:50px}
#accueil .contact .wrapper{padding:0 30px;background:none}
#accueil .contact h2{color:#fff;margin-bottom:120px}
 #prestations .wrapper{padding:0 30px}
#prestations .prestation .teaser{align-items:center;font-size:17px;position:relative;z-index:2}
#prestations .prestation .teaser b{color:#00505c}
#prestations .prestation .teaser h2{background:#cc3f28;color:#fff;padding:20px;font-weight:400;border-radius:10px;font-size:20px;padding:30px 20px}
#prestations .prestation .teaser h2 b{font-weight:600;color:#fff;font-size:22px}
#prestations .prestation .teaser .right{padding-top:30px;padding-bottom:30px;text-align:justify}
#prestations .prestation .list{margin-bottom:40px;margin-top:-30px;position:relative;z-index:1}
#prestations .prestation .list .inner{border-radius:10px;background:#e2e4e4;padding:15px 30px 15px 100px;position:relative;margin-bottom:0;width:100%}
#prestations .prestation .list .picto{position:absolute;left:-23px;top:-26px}
#prestations .prestation .list p{font-weight:600;margin:0;color:#00505c;font-size:18px}
#prestations .prestation .list ul{padding:0;margin:0;list-style:none;font-size:18px}
#prestations .prestation .list ul li{position:relative;padding-left:10px}
#prestations .prestation .list ul li:before{content:'';width:6px;height:6px;background:#cc3f28;border-radius:100%;margin-right:10px;position:absolute;top:10px;left:0}
#prestations .prestation .list .left{padding-left:100px}
#prestations .prestation .list .left img{width:100%;border-radius:10px}
#prestations .prestation .list .right{display:flex;align-items:flex-end}
#prestations .nb{padding-left:85px;font-size:13px;font-style:italic}
 #inspirations .content .wrapper{padding:0 30px;font-size:17px}
#inspirations .content .graph{position:relative;margin:0}
#inspirations .content .graph .illustration{width:100%;border-radius:10px}
#inspirations .content .graph .inner{position:relative}
#inspirations .content .graph .picto{transform-origin:center center;display:inline-block;animation:rotateGear 6s linear infinite;margin-top:-35px;transition:all 3s ease 0s;position:absolute;left:0;bottom:-30px}
#inspirations .content .graph .picto.animate{left:calc(100% - 60px)}
#inspirations .content .graph .txt{padding-left:50px;position:relative;text-align:justify}
#inspirations .content .graph .txt:before{content:'';position:absolute;width:207px;height:10px}
#inspirations .content .graph .txt:after{content:'';display:inline-block;width:20px;height:20px;border:5px solid #a5a9a6;border-radius:100%;background:#fff;z-index:2;left:5px;top:0;position:absolute}
#inspirations .content .graph .txt1:after{top:31px}
#inspirations .content .graph .txt1:before{background:url('trait1.png') no-repeat center center;width:207px;height:10px;left:-198px;top:40px}
#inspirations .content .graph .txt2:before{background:url('trait2.png') no-repeat center center;width:207px;height:10px;left:-195px;top:52px;height:14px}
#inspirations .content .graph .txt2:after{top:56px}
#inspirations .content .graph .txt3:before{background:url('trait3.png') no-repeat center center;width:59px;height:258px;left:-48px;top:-202px}
#inspirations .content .graph .txt3:after{top:44px}
#inspirations .content .text{justify-content:flex-end}
#inspirations .content .text .inner{background:#cdd1d1;border-radius:10px;padding:30px;text-align:justify}
@keyframes rotateGear{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
#inspirations .inspirations{background:#ebeded url(../themes/merakin/assets/img/inspirations-bg.jpg) no-repeat center center;background-size:cover}
#inspirations .inspirations .swiper-slide{height:320px}
#inspirations .inspirations .records{margin-top:30px}
#inspirations .inspirations .wrapper{padding:0 30px}
#inspirations .inspirations b{color:#00505c;font-weight:600}
#inspirations .inspirations .col-md-4{margin-bottom:30px}
#inspirations .inspirations .record{background:#fff;border-radius:10px;padding:15px 15px 10px 15px;height:100%;color:#5e6b6b;position:relative}
#inspirations .inspirations .record .inner{position:relative;height:100%;padding-bottom:60px}
#inspirations .inspirations h3{font-weight:600}
#inspirations .inspirations h3 a{color:#5e6b6b}
#inspirations .inspirations .date{width:40px;height:40px;background:#5e6b6b;color:#fff;border-radius:100%;font-size:12px;text-align:center;line-height:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}
#inspirations .inspirations .date span{display:block;font-size:10px}
#inspirations .inspirations .meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:0;position:absolute;bottom:10px;width:calc(100% - 30px)}
#inspirations .inspirations .plus a{color:#fff;background:#cc3f28;border-radius:100%;width:30px;height:30px;line-height:30px;text-align:center;display:inline-block}
#inspirations .inspirations .txtintro{text-align:justify;margin-top:-30px}
#inspirations .inspirations .more{justify-content:flex-end;display:flex;flex-direction:row;align-items:center}
#inspirations .inspirations .news:hover i{right:auto;right:10px}
#inspirations .inspirations .swiper-button-prev{left:-10px;background:none;font-size:26px}
#inspirations .inspirations .swiper-button-next{right:-10px;background:none;font-size:26px}
 #realisations .interventions{overflow:hidden;padding-bottom:40px;margin-top:0}
#realisations .interventions .collapse{overflow:hidden;max-height:0;transition:all 0.5s ease 0s}
#realisations .interventions .illustration{position:absolute;right:15px}
#realisations .interventions h3{font-size:18px;font-weight:400;cursor:pointer;padding-right:435px;text-align:justify;transition:all 0.5s ease 0s}
#realisations .interventions h3:hover{color:#cc3f28}
#realisations .interventions ul{padding:0;list-style:none}
#realisations .interventions ol{padding-left:18px}
#realisations .interventions ul > li{position:relative;padding-left:15px}
#realisations .interventions ul > li:before{content:'';width:6px;height:6px;background:#cc3f28;border-radius:100%;margin-right:10px;position:absolute;top:8px;left:0}
#realisations .interventions ul > li.active h3{color:#00505c;font-weight:400}
#realisations .interventions ul > li.active .collapse{max-height:650px}
#realisations .interventions .wrapper{background:#eef0f0;padding:30px 30px 10px 30px;border-top:5px solid #9ea4a2;position:relative}
#realisations .interventions .wrapper:before{content:'';position:absolute;left:100px;top:0;background:url(../themes/merakin/assets/img/arrow-little.png) no-repeat center center;width:42px;height:10px}
#realisations .interventions .wrapper h4{color:#cc3f28;text-transform:uppercase;font-weight:600}
#realisations .interventions .wrapper .benefice{color:#00505c;font-weight:600;margin-top:20px}
#realisations .interventions .wrapper .benefice h4{color:#00505c;font-weight:600}
#realisations .interventions .wrapper .picto{max-width:45px;margin-right:10px}
#realisations .interventions .wrapper .duree .inner{width:45px;height:45px;color:#fff;border-radius:100%;display:flex;align-items:center;text-align:center;justify-content:center;background:#00505c;line-height:1em;font-size:11px}
#realisations .interventions .wrapper .supermeta{margin-bottom:20px}
#realisations .interventions .wrapper .meta{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:0}
#realisations .interventions .wrapper .title{color:#bababa;font-weight:700;text-transform:uppercase;font-size:16px;text-align:right}
#realisations .interventions .wrapper ul{padding:0;list-style:none}
#realisations .interventions .wrapper ul li{position:relative;padding-left:15px}
#realisations .interventions .wrapper ul li:before{content:'';width:6px;height:6px;background:#00505c;border-radius:100%;margin-right:10px;position:absolute;top:8px;left:0}
#realisations .interventions .notice{display:flex;flex-direction:row;color:#cc3f28;font-weight:600;justify-content:flex-end;font-size:12px}
#realisations .interventions .notice .icon{display:flex;flex-direction:row;align-items:center;margin-right:15px;font-style:italic}
#realisations .interventions .notice .icon img{max-width:20px;margin-right:5px}
#realisations .interventions .more{margin-top:0;text-align:right}
#contact h1{margin-bottom:0}
#contact .intro .row{align-items:flex-end}
#contact .arrow-left .container{padding-bottom:20px}
#contact .wrapper form{position:relative}
#contact .wrapper .logo{max-width:160px;margin-bottom:30px}
#contact .wrapper{background:url(./contact-bg.jpg) no-repeat center center;background-size:cover;padding:30px 0}
#contact .wrapper .container:before{content:none}
#contact .wrapper .inner{padding:0 30px}
#contact .wrapper .address{color:#fff;font-style:italic}
#contact .wrapper .address b{font-style:normal;color:#fff}
#contact .wrapper .phone{color:#fff}
#contact .wrapper .phone a{color:#fff;text-decoration:underline}
#contact .wrapper .socials ul{list-style:none;margin:50px 0 0 0;padding:0}
#contact .wrapper .socials ul li{display:inline-block;max-width:40px;margin-right:5px}
#contact .wrapper .submit{position:absolute;right:15px;bottom:15px;margin:0}
#contact .wrapper .submit .btn{border:none;background:none;padding:0}
#contact [data-validate-for]{color:#fff}
#contact .wrapper .left,#contact .wrapper .right{visibility:visible}
#contact .field.textarea{margin-bottom:0}
 .page .container{padding:40px 0}
.page table{width:100%;margin:20px 0}
.page table td,.page table th{padding:10px;border:1px solid #ddd}
.fancybox-slide--iframe .fancybox-content{width:50%;height:50%}
@media (max-width:1199px){#header .logo p{font-size:12.8px}
.swiper-slider .swiper-slide img{height:400px}
.swiper-slider .caption{width:960px}
#prestations .prestation .list .inner{padding-left:50px;margin-top:20px}
#inspirations .content .graph .txt{padding-left:0}
#inspirations .content .graph .txt:before{content:none}
#inspirations .content .graph .txt:after{content:none}
#inspirations .inspirations .swiper-slide{height:380px}
}
 @media (max-width:991px){#header .logo p{font-size:14.6px;visibility:visible}
#header .hamburger{display:inline-block;cursor:pointer}
#header .menu{background:rgba(0,0,0,0.8) }
#header .navigation ul{display:flex;flex-direction:column}
#header .navigation ul li{margin:5px 0}
#header .navigation ul li a{font-size:24px;color:#fff}
#header .navigation .locale a{display:inline-block}
.swiper-slider .swiper-slide img{height:300px}
.swiper-slider .caption{width:720px}
.more{font-size:18px;line-height:40px}
.more a i{width:40px;height:40px;line-height:40px}
h1{font-size:30px}
#accueil .teaser{font-size:16px}
#accueil .offres ul{padding-left:0;padding-right:0}
#accueil h2{font-size:30px}
#prestations .wrapper{padding:0}
#prestations .prestation .teaser{font-size:15px}
#prestations .prestation .list ul{font-size:15px}
#prestations .prestation .teaser .right{padding-top:15px}
#prestations .nb{padding-left:0;text-align:center}
#inspirations .content .graph .txt1{margin-top:20px}
#inspirations .content .graph .inner{margin-bottom:20px}
#realisations .interventions .illustration{display:none}
#realisations .interventions h3{padding-right:0}
#contact .wrapper .left,#contact .wrapper .right{visibility:visible}
}
 @media (max-width:767px){#header .logo p{font-size:10.6px}
#main{padding-top:90px}
.swiper-slider .caption{width:540px}
.more{font-size:16px;line-height:30px}
.more a i{width:30px;height:30px;line-height:30px}
.intro{padding:20px 0}
.intro img{width:100%;margin-bottom:10px}
h1{font-size:22px}
#accueil h2{font-size:22px}
#accueil .offres ul li{margin-bottom:50px}
#prestations .prestation .list .left{padding-left:15px}
#inspirations .inspirations .swiper-slide{height:260px}
#realisations .interventions ul > li.active .collapse{max-height:1200px}
#realisations .interventions .wrapper .supermeta{text-align:center}
#realisations .interventions .wrapper .title{text-align:center;margin-bottom:10px}
#realisations .interventions .wrapper .meta{justify-content:center}
#realisations .interventions .wrapper .supermeta .left{order:2}
#realisations .interventions .wrapper .supermeta .title{order:1}
#realisations .interventions .notice{justify-content:center}
#contact .intro{padding:0}
#contact .wrapper .left{text-align:center;margin-bottom:30px}
}
 @media (max-width:575px){#header .logo p{font-size:12px}
.swiper-slider .swiper-slide{padding-bottom:75px}
.swiper-slider .caption{width:100%;padding:0 15px;bottom:-75px}
.swiper-slider .caption .box{max-width:250px;height:150px}
.swiper-slider .caption .title{font-size:20px}
.swiper-slider .caption .description{font-size:14px;display:none}
.more{text-align:center}
.fancybox-slide--iframe .fancybox-content{width:100% !important}
#inspirations .inspirations .swiper-slide{height:auto}
#accueil h2{text-align:center}
#accueil .contact h2{margin-bottom:60px}
#accueil .teaser .inner{padding:0}
#inspirations .content .wrapper{padding:0}
#inspirations .inspirations .more{flex-direction:column}
#inspirations .inspirations .more .news{margin-bottom:15px}
#inspirations .inspirations .more .news i{float:right}
#contact h1{text-align:left}
}

.arrow-left .container:before {
  content: '';
  position: absolute;
  left: 80px;
  top: 0;
  width: 76px;
  height: 20px;
  background: url("./arrow-sep.png");
}

.arrow:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 76px;
  height: 20px;
  background: url(./arrow-sep.png);
}