:root {
    --color0: #ffffff;
    --color1: #313232;
    --nuanceColor1: #7d7d7d;
    --nuanceColor2: #84B02E;
    --color2: #0D9F3A;
    --color3: #212121;
    --color4: #815436;
    --bg-facultatif: #efefef;
    --font_family_1: 'Jost-Medium',sans-serif;
    --font_family_2: 'DidactGothic-Regular',sans-serif;
    --font_family_3: 'Jost-Light',sans-serif;
    --font_family_4: 'Jost-Bold',sans-serif;
    --taille-font: calc(1vw * 0.520833333333);
    --border-radius: 4px;
    --border-radiusB: 0px;
    --border-radiusC: 0px;
}

body,html{height:100%}
body{width:100%;margin:0;padding:0}
body{color:var(--color3);font-family:var(--font_family_2);font-size: calc(var(--taille-font) * 1.6);background:var(--color0);}
a{-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out}
a img{border:none}
img{max-width:100%;object-fit:cover}
ul{list-style-position:inside;list-style-type:none;list-style-image:none}
ol li,ul li{padding-left:0;position:relative}
.gallery h1,.tarif h1,.flex-seoContain .seo-content h1,.copyright h1,.sitemap h1{display:none}
.body-service .gallery h1{display:block}
ul li:before{display:inline-block;content:"\f054";position:absolute;font-weight:700;font-family:'Font Awesome 5 Free';left:calc(var(--taille-font) * -1.5);font-size:calc(var(--taille-font) * 1.4);color:var(--color1);top:0;width:calc(var(--taille-font) * 1);height:calc(var(--taille-font) * 1.6)}

.pied ul li:before {
    color: var(--color2);
}
ol li::marker{color:var(--color1)}
ol li.niveau2,ul li.niveau2{margin-left:30px}
dir,menu{padding-left:15px}
blockquote p{font-size:inherit}
table,table td,table th{font-size:inherit;border:1px solid #7c7c7c}
article,aside,footer,header,hgroup,main,nav,section{display:block}
iframe{border:none}
[data-anim]{opacity:0}
.row{margin-right:0!important;margin-left:0!important}
.nopad{padding-left:0;padding-right:0}
.nopad-l{padding-left:0}
.nopad-r{padding-right:0}
.nomargin{margin:0}
.hide{display:none}
.center{text-align:center}
.right{text-align:right}
.justify{text-align:justify}
.clear:after{content:'';display:block;clear:both}
.bold{font-weight:700}
.underline{text-decoration:underline}
.relative{position:relative}
.inline-block{display:inline-block;vertical-align:top}
.noflicker{-webkit-transform:translateZ(0)}
.retrait{margin-left:-15px!important;margin-right:-15px!important}
.transition{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateZ(0)}
.cover{-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}
hr.trait{height:1px;margin:-.5em 0;padding:0;color:var(--color3);background-color:var(--color3);border:0;opacity:.4}
.page-contenu img{margin:10px}
a,a:link,a:visited{color:var(--color2);text-decoration:underline}
a:hover{text-decoration:none}
.corps a:hover{color:var(--color1)}
a:active{outline:0}
.h1,.h2,.h3,h1,h2,h3,h4,h5,h6{color:var(--color1);font-family: var(--font_family_4);font-weight:200}
.h1,h1{font-size:calc(var(--taille-font) * 3);font-family: var(--font_family_1);line-height:1.3;color:var(--color2);text-align:center;text-transform:uppercase;margin-bottom:calc(var(--taille-font) * 6);position:relative;font-weight:700;text-wrap:balance}
.h1:before,h1:before{content:"";width:calc(var(--taille-font) * 7.5);background:var(--color1);position:absolute;bottom:calc(var(--taille-font) * -2);left: 50%;margin-left:calc(var(--taille-font) * -3.7);height:2px}
.h2,h2{font-size:calc(var(--taille-font) * 2.7)}
.h3,h3{font-size:calc(var(--taille-font) * 2.4)}
h4{font-size: calc(var(--taille-font) * 1.8);}
h5{font-size: calc(var(--taille-font) * 1.6);}
h6{font-size:calc(var(--taille-font) * 1)}
.h1 a,.h1 a:link,.h1 a:visited,.h2 a,.h2 a:link,.h2 a:visited,.h3 a,.h3 a:link,.h3 a:visited,h1 a,h1 a:link,h1 a:visited,h2 a,h2 a:link,h2 a:visited,h3 a,h3 a:link,h3 a:visited,h4 a,h4 a:link,h4 a:visited,h5 a,h5 a:link,h5 a:visited,h6 a,h6 a:link,h6 a:visited{font-size:inherit;color:inherit;text-decoration:none}
.h1 a:hover,.h2 a:hover,.h3 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{/* text-decoration:underline; */}
.titre-secondaire{position:relative;font-size: calc(var(--taille-font) * 3);line-height:30px;padding:8px 0 0;margin:0;font-weight:200;color:var(--color1);text-align:center;margin-bottom:0;display:block;font-family: var(--font_family_3);text-transform: initial;}
.badge-optionnel{position:absolute;top:0;right:0;display:none;background:url(../images/badge-optionnel.png) no-repeat top right;width:139px;height:139px}
.bg-optionnel{background:url(../images/bg-optionel.svg) repeat top center;background-size:60px auto}
.bg-optionnel-gris{background:var(--color2);background-size:60px auto}
.tete .widget-partage {display: none}
.main-page{position:relative;overflow:hidden}
.imagecont.noflicker.img1{display:block;margin:1vh 0 2vh;height:30vh;overflow:hidden}
.sidebar-scroll-right .callTracker{width:100%;height:50px}
.btn-partage .btnp{width:calc(var(--taille-font) * 3.6);height:calc(var(--taille-font) * 3.6);border-radius:36px;background-repeat:no-repeat;background-position:center center;display:flex;transition:all .4s ease;text-align:center;justify-content:center;align-items:center}
.btn-partage .btnp:hover{transform:rotate(360deg);background-color:var(--color1)}
.copyright{text-align:justify}




/***
*Buttons
***/
.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:var(--color2)}
.hvr-shutter-out-horizontal.dark{background-color:var(--color2);color:var(--color0)}
.hvr-shutter-out-horizontal.active{background-color:var(--color1)}
.hvr-shutter-out-horizontal.dark:before{background-color:var(--color2)}
.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:active,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:hover{color:var(--color0)}
.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
a.bouton-principal,button.bouton-principal{text-align:left;font-family:var(--font_family_1);color: var(--color2);text-decoration:none;padding: calc(var(--taille-font) * 1.3) calc(var(--taille-font) * 2);!;font-size: calc(var(--taille-font) * 1.6);/* text-transform:uppercase; */border:0;padding-right: calc(var(--taille-font) * 3.6);border-radius: var(--border-radius);overflow:hidden;min-width: calc(var(--taille-font) * 12);background: var(--color0);box-shadow: 0 0 0 1px var(--color2) inset;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
a.bouton-principal:hover, .bouton-principal:hover{/* background:var(--color1); */box-shadow: 0 0 0 3em var(--color2) inset;!;color: #ffffff;}
a.bouton-principal:after,button.bouton-principal:after{content:"\f105";right:calc(var(--taille-font) * 1.5);top:50%;font-family:'Font Awesome 5 Free';font-size:calc(var(--taille-font) * 2.3);color: var(--color2);-webkit-transform:translateY(-50%);font-weight:700;-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:9900;position:absolute}

a.bouton-principal:hover:after, button.bouton-principal:hover:after {
    color: var(--color0);
}


.btn-news a.bouton-principal,.btn-news button.bouton-principal,.btn-service a.bouton-principal,.btn-service button.bouton-principal{text-align:left;font-family:var(--font_family_1);color: var(--color2);text-decoration:none;padding:13px 20px;font-size:calc(var(--taille-font) * 1.4);text-transform:uppercase;border:0}

.btn-news a.bouton-principal:hover {
    color: var(--color0);
}
.body-service .btn-service a.bouton-principal{min-width:fit-content}

.body-service .btn-service a.bouton-principal:hover {
    color: var(--color0);
}
.btn-news a.bouton-principal:after,.btn-service a.bouton-principal:after{content:none}
.btn-news a.bouton-principal::after,.btn-service a.bouton-principal::after{background-image:none}
.body-page-1 .corps a.bouton-principal,.body-page-1 .corps button.bouton-principal{width:calc(var(--taille-font) * 12);margin: 32px 0 0px;}

/******************* new button**********************/
.new-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;background:none;color:#0f1923;line-height: 1.2;cursor:pointer;position:relative;padding:8px;margin-top: 20px;/* text-transform:uppercase; */font-weight: 100;font-size: calc( var(--taille-font) * 2);font-family: var(--font_family_1);transition:all .15s ease;display: block;width: fit-content;min-width: 120px;text-decoration: none !important;}
.cta .new-button {min-width: calc(var(--taille-font) * 16.3);text-align: center;}
.new-button::before,.new-button::after{content:'';display:block;position:absolute;right:0;left:0;height:calc(50% - 5px);/* border:1px solid #7D8082; */transition:all .15s ease}
.new-button::before{top:0;border-bottom-width:0}
.new-button::after{bottom:0;border-top-width:0}
.new-button:active,.new-button:focus{outline:none}
.new-button:active::before,.new-button:active::after{right:3px;left:3px}
.button:active::before{top:3px}
.new-button:active::after{bottom:3px}
.button_lg{position:relative;display:block;padding:10px 20px;color: var(--color0);background-color: var(--color2);overflow:hidden;box-shadow:inset 0 0 0 1px transparent}
.button_lg.cta-btn2, .button_lg.cta-btn2:after {background: var(--color3);}
.button_lg::before{content:'';display:block;position:absolute;top:0;left:0;width:2px;height:2px;background-color:#0f1923}
.button_lg::after{content:'';display:block;position:absolute;right:0;bottom:0;width:4px;height:4px;background-color: var(--color2);transition:all .2s ease}
.button_sl{display:block;position:absolute;top:0;bottom:-1px;left:-8px;width:0;background-color: var(--color1);transform:skew(-15deg);transition:all .2s ease}
.button_text{position:relative}
.button_text .tel-header {padding: 0 !important;margin: 0;min-width: calc(var(--taille-font) * 13.3);}
.button_text .tel-header:hover {color: var(--color0);}
.button_text .tel-header span {min-width: fit-content !important;}
.new-button:hover{color:#0f1923}
.new-button:hover .button_sl{width:calc(100% + 15px)}
.new-button:hover .button_lg::after{background-color:#fff}
/*****************************************/


/***
*Calltracker
***/
.callTracker:not(.active) a:hover,.callTracker:not(.active):hover{color: var(--color2);}
.callTracker{position:relative}
.callTracker a,.callTracker span{display:inline-block;text-align:left;min-width:145px;padding:0;/* -webkit-transition:all .5s ease; */-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;/* transition:all .5s ease; */height:100%;text-decoration:none}
.callTracker .t_phone{opacity:0;display:none}
.callTracker .t_affiche{cursor:pointer}
header .callTracker a,header .callTracker span{top:5px}
.callTracker.active .t_phone{opacity:1;display:inline-block}
.tete .callTracker.active .t_phone{text-align:center}
.callTracker.active .t_affiche{opacity:0;display:none}
.coordonnees .callTracker a,.pied .callTracker a{position:relative;left:0}
.tete .infos .callTracker:not(.active) a:hover,.tete .infos .callTracker:not(.active):hover{color:var(--color0);/* background:var(--color1); */}


/* Preloader */
.page_loader{display: flex;width:100%;height:100%;position:fixed;top:0;left:0;z-index: 9999;background: var(--color0);align-items: center;justify-content: center;}
.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}
.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--color2);animation-timing-function:cubic-bezier(0,1,1,0)}
.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}
.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}
@keyframes lds-ellipsis1 {
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes lds-ellipsis3 {
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes lds-ellipsis2 {
0%{transform:translate(0,0)}
100%{transform:translate(24px,0)}
}

/***
*Header
***/

.fixed.tete{background: var(--color0);height: calc(var(--taille-font) * 10);}
.tete{position:fixed;left:0;right:0;z-index:9000;height:calc(var(--taille-font) * 9);transition:.5s}
.header{display:flex;width:100%;padding: 0.5rem 8vw;/* background: var(--color1); */align-items: center;}
.fixed .header{padding:.2% 8%}
.tete .header .flex-logo{width:15%}
.tete .header .flex-infos{width: 20%;height:100%}
.tete .logo-site{margin:0}
.tete .logo-site a{font-size:15px;color:var(--color1);text-decoration:none;font-family:var(--font_family_1)}
.tete .logo-site a:focus,.tete .logo-site a:hover{color:var(--color1);text-decoration:none}
.tete .logo-site a img{height:auto;width: calc(var(--taille-font) * 20);transition:all .3s ease;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.tete.fixed .logo-site a img{width: calc(var(--taille-font) * 14);-webkit-filter: initial;filter: initial;}
.tete .header .flex-infos .infos{display:flex;width:100%;align-items:center;flex-wrap:nowrap;justify-content: flex-end;}
.tete .infos .tel{display:inline-block;vertical-align:top;font-size:calc(var(--taille-font) * 1.6);font-weight:700;color:var(--color0);padding:calc(var(--taille-font) * .9) calc(var(--taille-font) * 1.4) calc(var(--taille-font) * .9);margin:0;font-family:var(--font_family_1);background:var(--color2);border-radius:var(--border-radiusB);margin-right:1rem;transition:.5s;white-space:nowrap}
.tete .callTracker span{text-align:center}
.tete.fixed .infos .tel:hover{border:1px solid var(--color0)}
.tete .infos .tel a{color:inherit;text-decoration:none}
.header-phone{display:inline-flex;align-items:center;justify-content:center}
.header-phone .icones{margin:0 8px 0 0;fill:var(--color1);width:25px;height:25px}

header .tel-header{padding: 2rem 1rem 2rem;margin:auto;display:table;width: 2.2rem;position:relative;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
header .fixedMenu .tel-header{padding:1.5rem 0 2rem}
header .tel-header .t_affiche{width: 3.6rem;height: 3.6rem;font-size:0;display:block!important;opacity:1!important;min-width:auto;border: .1rem solid var(--color0);border-radius:50%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

.fixed .tel-header .t_affiche {border: .1rem solid var(--color2);}

header .tel-header:hover .t_affiche {
    background: var(--color1);
    border-color: var(--color0);
}
header .tel-header.callTracker .t_phone{color:var(--color0);background:var(--color2);text-align:center;position:absolute;line-height:normal;height:auto;padding:.5rem;top: 7.5rem;border-radius:1.5rem;transition:all .2s linear 0;-webkit-transition:all .2s linear 0;-khtml-transition:all .2s linear 0;-o-transition:all .2s linear 0;width:12.5rem;right:50%;margin-right:-6.5rem;min-width:auto;font-size:1.5rem}
header .fixedMenu .tel-header.callTracker .t_phone{top:6.8rem}
header .tel-header.callTracker .t_phone::before{content:'';display:block;position:absolute;top: -0.8rem;width:0;height:0;border-style:solid;border-width:0 1.2rem 1.6rem;left:50%;border-color: transparent transparent var(--color2);margin-left:-1.3rem;););}

header .tel-header .icones {
    width: 3rem;
    margin: 0.7rem 0 0 0.7rem;
    height: 3rem;
    fill: var(--color0);
}

.fixed .tel-header .icones {
    fill: var(--color0);
}

header .tel-header:hover .icones {
    fill: var(--color0);
}

.tete .infos.infos_small .btn-partage .btnp{width:29px;height:29px}
.tete .btn-partage{padding:0;display:flex}
.tete .header .flex-menuP{width: 65%;}
.navh .menu_principal{margin:0 auto;padding:0;display:table}
.navh .menu_principal>li{position:relative;display:table-cell;vertical-align:middle;text-align:center;padding:0 2rem;background:0 0}
.menu-item.active{color:var(--color1)}
.fixed .menu-item.active a:after{background: var(--color2)!important;}
.navh .menu_principal>li:before{content:none}
.navh .menu_principal>li:last-child{background:0 0}
.navh .menu_principal a,.navh .menu_principal a:visited{position:relative;color: var(--color0);display:block;font-size: calc(var(--taille-font) * 1.8);padding:calc(var(--taille-font) * 1.4) 0;text-decoration:none;font-family:var(--font_family_1);transition:all .4s ease}
.body-page-1 .navh .menu_principal a, .body-page-1 .navh .menu_principal a:visited {color: var(--color0);font-weight: 100;}
.navh .menu-item.active a {color: var(--color0)!important;}
.body-page-1 .navh .menu-item.active a {color: var(--color0) !important;}

.body-page-1 .fixed .navh .menu-item.active a {
    color: var(--color2) !important;
}
.fixed .navh .menu_principal a, .fixed .navh .menu_principal a:visited {color: var(--color3);}

.fixed .navh .menu_principal .sub-menu a, .fixed .navh .menu_principal .sub-menu a:visited {
    color: var(--color2);
}
.fixed .menu-item.active a{color: var(--color2)!important;}
.navh .menu_principal a:after{content:'';position:absolute;width:0;height:2px;background: var(--color0);left:0;bottom:0;transition:.5s}
.body-page-1 .navh .menu_principal a:after {background: var(--color2);}
.fixed .navh .menu_principal a:after{bottom:-4px}
.navh .menu_principal a:hover:after,.navh .menu_principal li.active>a:after{width:100%}
.icone-share{display:none}
.btn-partage .icones{width: calc(var(--taille-font) * 3.6);margin: 0 0 0 0;height: calc(var(--taille-font) * 3.6);padding:0;position:relative;left:0;fill:var(--color0)}

.pied .btn-partage .icones {
    width: 3rem;
    height: 3rem;
    fill: var(--color0);
}

.pied .btn-partage .icones * {
    fill: var(--color0);
}


.header-sidebars,.sidebar-left,.sidebar-right{background-color:var(--color0)}
.contactButton,.nav-item-active,.sidebar-bottom-controls a,.sidebar-divider-text,.sidebar-form label,.sidebar-left a,.sidebar-right a,.sidebar-send-button{color:var(--color0)!important}
.header-sidebars{height:65px;z-index:9999;position:fixed;left:0;right:0;top:-1px;width:100%}
.header-sidebars .header-top{display:table;height:65px;width:100%;background: var(--color0);}
.top-logo{display:table-cell;vertical-align:middle;position:relative;z-index:9999;text-align:center;overflow-y:hidden}
.top-logo img{position:absolute;left:6px;top:5px;max-height:59px;max-width:116px}
.deploy-right-sidebar{border-left:1px var(--color0) solid;display:table-cell;background-color: var(--color2);height:65px;width:65px;background-position:center center}
.deploy-right-mail{border-left:1px var(--color0) solid;display:table-cell;background-color: var(--color2);background-repeat:no-repeat;height:65px;width:65px;background-position:center center;position:absolute;right:65px;top:0}
.deploy-right-call{display:table-cell;background-color: var(--color2);background-size:auto 49%;height:65px;width:65px;background-position:center 16px;position:absolute;right:130px;top:0}
.sidebar-scroll-right{width:275px;overflow:auto!important;overflow-x:hidden!important;height:100%;background-color:var(--color2)}
.sidebar-right{font-family:var(--font_family_2)!important;background-repeat:repeat;position:fixed;overflow:hidden;z-index:99999;right:-280px;top:0;bottom:0;width:270px;margin-right:10px;box-shadow:-2px 0 2px 0 rgba(0,0,0,.1)}
.sidebar-right a{text-decoration:none;display:block;overflow:hidden;position:relative;color:var(--color0)!important;z-index:1}
.sidebar-right-logo{margin-left:84px;top:14px;right:1px;max-width:180px;float:inherit;max-height:37px;position:relative}
.sidebar-divider-text{font-size:20px;padding-top:15px;padding-left:20px;padding-bottom:15px;margin-bottom:0;color:var(--color0)!important;background:var(--color3);opacity:.3}
.submenu a:first-child{background-image:none!important}
.submenu{display:none}
.submenu-active{display:block}
.sidebar-header-right{height:65px;background-color:var(--color2);position:relative}
.close-sidebar-right{height:65px;width:65px;margin-left:0;display:block}
.sidebar-right .close-sidebar-right{position:absolute!important}
.menu-mobile-dynamique{margin:0;padding:0;list-style-type:none;list-style-position:inside;list-style-image:none}
.menu-mobile-dynamique li{width:100%;margin-bottom:1px;background:0 0;padding-left:18px;background:var(--color2)}
.menu-mobile-dynamique li.active{background:#00000059}
.menu-mobile-dynamique .sub-menu li{background-color:transparent;margin-bottom:0}
.menu-mobile-dynamique .sub-menu li a{height:42px;text-transform:none}
.menu-mobile-dynamique .sub-menu{background-image:linear-gradient(to bottom,var(--color1),var(--color1));padding-top:18px;padding-bottom:18px}
.menu-mobile-dynamique li.parent{background-image:url(../images/gopage.svg);background-position:241px 26.2px;background-repeat:no-repeat;background-size:9px auto}
.menu-mobile-dynamique li a{display:table-cell;width:270px;vertical-align:middle;line-height:18px;font-size:16.2px;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--color0);height:60px;padding-left:29px;background-position:6px 20.9px}
.menu-mobile-dynamique ul{list-style-image:none;list-style-position:inside;list-style-type:none;padding-left:0}
.menu-mobile-dynamique ul li a{background:0 0}
.menu-mobile-dynamique input{-webkit-appearance:none;border-radius:0}
.menu-mobile-dynamique label{display:block;overflow:hidden;position:relative;border:0;vertical-align:baseline;outline:0}
.no-bottom{margin-bottom:0!important}
.menu-mobile-dynamique .sub-menu{display:none}
.remonter{position:fixed;z-index:9999;display:none;bottom: 22px;right:10px;width:44px}
.remonter button{display:block;padding:6px 9px;text-align:center;border:none;background:rgba(0,0,0,.05);border-radius:3px}
.remonter button:hover{opacity:.8;filter:alpha(opacity=80)}
.deprecated-ie{text-align:center;color:#000;background:#eee}
.deprecated-ie p{line-height:30px;margin:0}
.deprecated-ie a{line-height:30px;font-family:Helvetica,arial,sans-serif;font-size:13px;color:#000;text-decoration:underline}
.icones{width: calc(var(--taille-font) *3.6);margin: 6px 0 0 6px;height: calc(var(--taille-font) *3.6);fill: var(--color2);!;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.icones * {fill: var(--color0);transition: all 0.3s ease;}
.fixed .icones * {fill: var(--color2);}
.deploy-right-sidebar .icones{width:29px}
.menu-mobile-dynamique li a::before{display:block;content:"\f105";position:absolute;font-family:'Font Awesome 5 Free';left:5px;font-weight:700;font-size:15px;color:var(--color1)}
.remonter .icones{margin:0 0 -5px;fill:var(--color1)}
.tete .tel .icones,.tel-header .icones{width:19px;margin:-2px 10px -3px 0;height:17px;fill:var(--color0)}
.btn-partage .btnp:hover .icones{fill:var(--color0)}
.tete .infos.infos_small .btn-partage .icones{top:5px;left:0}


/***
*Banner
***/

.special-banner{display:flex;align-items:center;justify-content:space-around;background-color:#f5f5f5;padding:calc(var(--taille-font) * 2) 10%;box-shadow:0 4px 6px rgba(0,0,0,0.1);background:linear-gradient(115deg,#f27b3f,#ed4e33 50%,#ec4430)}
.banner-title{font-size:calc(var(--taille-font) * 2.25);font-weight:700;color:#fff;flex:1}
.banner-text{font-size:calc(var(--taille-font) * 1.8);color:#fff;text-align:left;flex:2;padding:0 calc(var(--taille-font) * 2)}
.banner-logo img{max-width:calc(var(--taille-font) * 14.5);max-height:calc(var(--taille-font) * 7.5);flex:1;filter:brightness(0) invert(1)}


.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal a{color:var(--color0);text-align:center}
.cta{display:flex;flex-wrap:wrap;align-content:space-around;column-gap:10px;/* height:100%; */margin: calc(var(--taille-font) * 2) 0 0;/* font-weight:700; */}
.body-page-1 .cta {justify-content: center;}
.cta a.bouton-principal:after{display:none}
.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal{text-align:left;font-family:var(--font_family_1);color: var(--color0);background: var(--color0);box-shadow: 0 0 0 3em var(--color2) inset;text-decoration:none;margin:0;display:inline-flex;/* text-transform:uppercase; */border: 1px solid var(--color2);border-radius: var(--border-radius);overflow:hidden;align-content:center;justify-content:center;align-items:center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal:hover{/* background:var(--color1); */box-shadow: 0 0 0 0px var(--color2) inset;background-color: var(--color0);color: var(--color2);}
.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal span{font-size:100%;text-align:center;min-width:auto;font-size: calc(var(--taille-font) * 2);font-weight: 100;}
.cta a.bouton-principal,button.bouton-principal,.cta .tel-header{display:inline-flex;align-content:center;justify-content:center;align-items:center;line-height:1.2;font-size: calc(var(--taille-font) * 2);padding:calc(var(--taille-font) * 1.3) calc(var(--taille-font) * 2)!important;min-width:calc(var(--taille-font) * 21.3)}
.cta a.bouton-principal:active, .cta a.bouton-principal:not(:hover):focus {color: var(--color2);}
.slogan{position:relative;color:var(--color0);width:100%;padding:0 8%;margin:0;text-align:left;z-index:2;top:50px;/* margin-left: 10vw; */}
.slogan h1{position:relative;color:var(--color0);width:100%;margin:0;text-align:left;z-index:2}
.h1.slogan:before,.slogan h1:before{content:"";width:0;height:0;background:0 0;position:inherit;bottom:inherit;left:inherit;display:none}
.slogan .titre{font-size: calc(var(--taille-font) * 8);font-family:var(--font_family_1);line-height: 1.1;color: var(--color0);padding: 4px 2rem 4px 0;}
.body-page-1 .slogan .titre {/* background: var(--color0); */color: var(--color0);width: 100%;display: block;}
.slogan .titre span{/* font-size:48px; */color: var(--color2);}
.slogan .sous-titre{font-size: calc(var(--taille-font) * 3.4);font-family: var(--font_family_3);line-height: 1.4;font-weight:200;/* text-transform:uppercase; */display: block;width: 70%;margin: 0 auto;color: var(--color0);margin-top: 1rem;}
.body-page-1 .slogan .sous-titre {/* background: var(--color0); */text-wrap-style: balance;}
.body-page-1 .slogan{top: 0%;text-align: center;width: 80%;padding: 0 4%;}
.video-accueil{position:fixed;top:0;left:50%;width:120%;width:120vw;height:100vh;margin-left:-60%;margin-left:-60vw}
.video-accueil video{width:100%;height:auto;vertical-align:top;z-index:1;position:relative}
.video-accueil .banniere{z-index:0}

.banniere{position:fixed;top:0;margin-left:0;height:100%;left:0;width:100%;display:flex;justify-content: flex-start;align-items: center;}

.body-page-1 .banniere {
    z-index: 999;
    position: relative;
    height: 100vh !important;
    justify-content: center;
}
.banniere:after{content:'';background: linear-gradient(rgb(0 0 0 / 80%) 0, rgb(0 0 0 / 71%) 13%, rgb(255 255 255 / 0) 75%, rgb(255 255 255 / 0) 100%);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:block} 
.body-page-1 .banniere:after{display: none;}
.banniere::before{content:"";position:absolute;z-index:2;width:100%;height:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none}
.banniere img{position:absolute;top:0;left:0;width:100%;height:100%}
.body-page-1 .banner {
  position: absolute;
  height: 100%;
  width: 100%;
  /* aspect-ratio: 1/1; */
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
  }
.banner:before {content: ''; position: absolute;}
/* .banner:after {content: '';background: linear-gradient(rgb(0 0 0 / 80%) 0, rgb(0 0 0 / 71%) 13%, rgb(255 255 255 / 0) 75%, rgb(255 255 255 / 0) 100%);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;display: block;} */
.body-page-1 .banner img {position: relative;object-fit: cover;/* -webkit-clip-path: polygon(0% 0%, 100% 20%, 100% 100%, 0% 80%); *//* clip-path: polygon(0% 0%, 100% 32%, 100% 100%, 0% 68%); */}
.body-page-1 .banniere::before{content:none}


.bannSlide{position:relative}
.swiper.bannSwiper.swiper-container-fade.swiper-container-horizontal{width:100%;z-index:1;position:relative;height:100%}
.bannSlide .item-slide-img{height:100vh;/* width:100%; animation: zoomInFaster 25s linear infinite;-o-animation: zoomInFaster 25s linear infinite;-moz-animation: zoomInFaster 25s linear infinite; -webkit-animation: zoomInFaster 28s linear infinite; */background-size:cover;background-position: center;}
.bannSlide .item-slide-img:before{content:"";position:absolute;inset:0;background: linear-gradient(rgb(0 0 0 / 80%) 0, rgb(0 0 0 / 71%) 13%, rgb(255 255 255 / 0) 75%, rgb(255 255 255 / 0) 100%);}
.banniere .swiper-button-prev{left:40px}
.banniere .swiper-button-prev,.banniere .swiper-button-next{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width: calc(var(--taille-font) * 3);height: calc(var(--taille-font) * 6);border: 1px solid #ffffff85;border-radius: var(--border-radius);margin-top:0;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.banniere .swiper-button-prev:hover,.banniere .swiper-button-next:hover{background:var(--color1);border-color:var(--color1);border-radius: var(--border-radius);}
.banniere .swiper-button-prev i,.banniere .swiper-button-next i{color: #ffffffc7;font-size: calc(var(--taille-font) * 1.4);}
.banniere .swiper-button-next{right:40px}

@keyframes zoomInFaster {
0%{transform:scale(1);-ms-transform:scale(1)}
30%{transform: scale(1.1);-ms-transform: scale(1.1);}
100%{transform:scale(1);-ms-transformm:scale(1)}
}
@-o-keyframes zoomInFaster {
0%{transform:scale(1);-ms-transform:scale(1)}
30%{transform:scale(1.2);-ms-transform:scale(1.2)}
100%{transform:scale(1);-ms-transformm:scale(1)}
}
@-moz-keyframes zoomInFaster {
0%{transform:scale(1)}
30%{transform:scale(1.2);-ms-transform:scale(1.2)}
100%{transform:scale(1);-ms-transformm:scale(1)}
}
@-webkit-keyframes zoomInFaster {
0%{transform:scale(1);-ms-transform:scale(1)}
30%{transform:scale(1.2);-ms-transform:scale(1.2)}
100%{transform:scale(1);-ms-transformm:scale(1)}
}
.bannSlide .swiper-slide-active [data-animate]{opacity:1;transform:none}
.bannSlide .swiper-slide-active .animeslide-heading{transition-delay:.6s}
.bannSlide .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{z-index:999;display:flex;left:50%;width:fit-content;float:right;justify-content:center;align-items:center;height:fit-content;position:absolute;bottom:5%;transform:translate(-50%);gap:20px}
.bannSlide .swiper-pagination-bullet{width:30px;height:30px;background:transparent;opacity:1;margin:15px 0!important;border-radius:0;position:relative;transition:all .1s linear}
.bannSlide .swiper-pagination-bullet:before{content:"";position:absolute;width:10px;height:10px;background:var(--color0);border-radius:0;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s linear}
.bannSlide span.swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-bullet:hover{border:1px solid var(--color2)}
.bannSlide span.swiper-pagination-bullet.swiper-pagination-bullet-active:before,.swiper-pagination-bullet:hover:before{background:var(--color1)}

@-moz-document url-prefix(){
    .banniereimg{filter:blur(4px);width:100%;}
    .body-page-1 .banniere{filter:blur(0);width:100%;left:0}
}
.btn-descendre,a.btn-descendre{width: calc(var(--taille-font) * 4);height: calc(var(--taille-font) * 6);position: absolute;bottom: -100%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display:flex;text-decoration:none;align-items:center;justify-content:center;/* background:#fff; */border-radius: var(--border-radius);margin-top: 64px;border: 1px solid #ffffff80;opacity: 0.8;}
.btn-descendre:after{content:"";position:absolute;z-index:0;left:0;top:0;transform:translateX(-50%) translateY(-50%);display:block;width:60px;height:60px;border-radius:50%;/* animation:pulse-border 1.5s ease-out infinite; *//* background:#fff; */z-index:-1}
.btn-descendre i{font-size: calc(var(--taille-font) * 2);z-index: 1;color: var(--bg-facultatif);}

@keyframes pulse-border {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.8);opacity:0}
}

/***
*Corps
***/
.corps .page-contenu h2:first-of-type,.corps .gallery h2:first-of-type,.corps .seo-content h2:first-of-type,.corps .newsItem h2:first-of-type{position:relative;padding: 2vh 1vw;font-size: calc(var(--taille-font) + 1rem);line-height:1.2;border:none;font-weight:700;z-index:1;font-family: var(--font_family_3);}
.corps .page-contenu h2:first-of-type:before,.corps .gallery h2:first-of-type:before,.corps .seo-content h2:first-of-type:before,.corps .newsItem h2:first-of-type:before{content:'';position:absolute;background: var(--color2);width:100%;height:100%;opacity:.2;left:0;top:0;z-index:-1;border-radius:var(--border-radius)}
.corps .page-contenu h2,.corps .gallery h2,.corps .seo-content h2,.corps .newsItem h2{margin-bottom:2vh}
.corps blockquote{font-size:inherit;background:var(--bg-facultatif);border-radius:var(--border-radius);border:0;padding:3vh 2vw;margin:3vh 0}

.flex-head{display:flex;flex-direction:row;justify-content:center;gap: 4%;}

.body-page-1 .corps .flex-head {
    padding: 4em 0% 0em;
    /* background: #52833529; */
    /* flex-direction: column; */
}
.flex-head .text-center a.bouton-principal{margin:0!important}
.flex-head .text-center{text-align:left;margin-top:1.5em}
.flex-head-img{width: 50%;height: 60vh;max-height: 1080px;display: grid;grid-template-areas:
"item1 item4"
"item1 item3"
"item2 item3";grid-template-columns: 1fr 1fr;grid-template-rows: 0.2fr 1fr 1fr;grid-gap: 1rem;justify-content: flex-end;position: relative;}

.flex-head-img .simpleParallax {height: 100%;}
.flex-head-img img{width:calc(var(--taille-font) * 130);position:relative}
.flex-head-txt{width: 50%;}
.flex-head-txt h1{margin-bottom: calc(var(--taille-font) * 5);text-align:left;margin-top: 0;}
.flex-head-txt h1::before{margin-left:0;left:0}
.flex-head-txt .titre-secondaire{text-align:left}
.flex-head-img .thumbnail-p{height:100%}
.flex-head-img .thumbnail-p .propor{height:100%}
.flex-head-img .thumbnail-p .propor .propor-cont{height:100%}
.flex-head-img .thumbnail-p .propor .propor-cont .imagecont.noflicker{height:100%;display: flex;align-items: center;justify-content: center;}
.flex-head-img .thumbnail-p .propor .propor-cont .imagecont.noflicker img{height:100%;width:100%;object-fit:cover}
.qsn-pic{/* width:50%; *//* padding: 1rem; */border-radius: var(--border-radius);overflow: hidden;}
.qsn-pic1{/* width:70%; */grid-area: item1;}
.qsn-pic.qsn-pic2{/* position:absolute; *//* left:0; *//* bottom:-10%; *//* height:70%; */grid-area: item2;}
.qsn-pic3{grid-area: item3;}

.exp-block{grid-area: item4;}
.exp-block .exp-container {
    background: var(--color2);
    color: var(--color0);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 1.5rem 2rem;
    border-radius: var(--border-radius);
    height: 100%;
    font-family: var(--font_family_1);
}
.exp-block .exp-container .years {font-size: calc(var(--taille-font) * 4);}
.exp-block .exp-container span {font-size: calc(var(--taille-font) * 2.5);}

.fluid-contenu{position:relative;z-index:10;background:var(--color0)}
.body-page-1 .fluid-contenu{margin-top: 1rem!important;}
main.fluid-contenu{}
.fluid-contenu .corps{padding:4em 8% 3em}
.body-page-1 .fluid-contenu .corps{padding: 4em 10%;}
.page-contenu-home{position:relative;display:block;padding: 0rem 0% 0rem 0%;text-align:justify}
.text-presentation.scrollbars {height: 40vh;}
/***
*recup-photos
***/
.recup-photos .propor .propor-cont .imagecont{position:absolute;top:0;bottom:0;right:0;left:0}
.recup-photos .propor .propor-cont .imagecont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
.recup-photos .propor{width:100%;position:relative;margin-bottom:10px;border-radius:var(--border-radiusC);overflow:hidden}
.recup-photos .propor:after{padding-top:78%;display:block;content:''}
.recup-photos .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.recup-photos .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.recup-photos .propor .propor-cont .imagecont .masque{display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;transition:.5s;background-color:var(--color2);background-image:url(../images/ico-zoom.svg);background-repeat:no-repeat;background-position:center center}
.recup-photos .propor .propor-cont .imagecont:hover .masque{opacity:.5;filter:alpha(opacity=70)}
.recup-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}


/***
*Services
***/
.services-container {display: flex;}
.services-cont {width: 50%;}
.services-pic {width: 50%;height: 72vh;max-height: 1240px;overflow: hidden;display: flex;align-items: flex-end;}

.centerservice2{margin:0 16%!important}
.centerservice{margin:0 33%!important}
.services{width:100%;position:relative;z-index:8000;background:var(--color0);border-bottom:2px solid var(--color0);min-height:55vh}


/******/
.swiper {width: 100%;height: 100%;overflow: hidden;}
.swiper-wrapper {display: flex;}
.swiper-slide {text-align: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
/****/

.liste-services{width:100%;height:100%;border-radius:0;-ms-border-radius:0;-o-border-radius:0;background:var(--color11);position:relative;z-index:11;border-radius:var(--border-radius);padding-bottom:5em;padding-top:1em}
.body-page-1 .services h2{text-align: left;/* max-width: calc(var(--taille-font)* 90) !important; */margin-left: auto;margin-right: auto;}
.services h2 .titre-secondaire {text-align: left;}
.body-page-1 .services h2:before{left:0;margin:0;}
.services .container{/* max-width: calc(var(--taille-font) * 122)!important; */width:100%!important;padding: 2em 10%;margin:0 auto;position: relative;z-index: 1;}
.bloc-contenu.services.nbr-services-{padding: 3rem 0%;position: relative;overflow: hidden;}
.bloc-contenu.services.nbr-services-:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg-4.png) no-repeat center / cover;
    filter: grayscale(1) blur(0px);
    opacity: 0.2;
}
.bloc-contenu.services.nbr-services-:after {content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;background: #e3ebdf;transform: translate(-50%, -50%);z-index: -1;}
.img-service{-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;position:relative;background-image:url(../images/gear.svg);background-size:80px auto;-ms-background-size:80px auto;-o-background-size:80px auto;background-position:center;background-repeat:no-repeat;transition:all .2s linear 0;-webkit-transition:all .2s linear 0;-khtml-transition:all .2s linear 0;-o-transition:all .2s linear 0;width: 100%;height: calc(var(--taille-font) * 50);transition:all .3s linear;border-radius:var(--border-radiusC);display:block}
.img-service:hover{/* transform:translateY(-5px); */}
.img-service:hover span.svrAB{/* background:var(--color2); *//* text-decoration: underline; */opacity: 1;bottom: 2rem;}
.img-service span.svrAB svg path{fill:var(--color1)}
.img-service:hover span.svrAB svg path{fill:var(--color0)}
.img-service:before{content:"";inset:0;position:absolute;transition:all 1s ease;background: linear-gradient(to top, rgb(0 0 0 / 90%) 0, rgb(0 0 0 / 85%) 13%, rgb(255 255 255 / 0) 75%, rgb(255 255 255 / 0) 100%););/* background: var(--color3); */opacity: 0.8;}
.img-service:hover:before{/* background:transparent; *//* opacity:0; */}
div.title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);/* background-color:#ffffff8c; */width: 90%;height: 100%;transition:all .3s ease;display:flex;flex-direction: column;gap:5px;/* border:1px solid #eee; */border-radius:var(--border-radiusC);/* backdrop-filter:blur(18px); */color: var(--color0);justify-content: flex-end;padding: 2rem 6%;align-items: center;}
.plusAB{font-size:13px;text-transform:uppercase;letter-spacing:2px;opacity:.8}
.ab-cntnt{color:var(--color0);opacity:0;transition:all .3s ease}
.img-service:hover .ab-cntnt{opacity:.6}
div.title h3{font-family: var(--font_family_1);color: var(--color0);margin:0;transition:all .3s linear;font-size: calc(var(--taille-font) * 3);padding: 0 0 2rem;position: relative;bottom: 0rem;text-align: center;}
.img-service:hover .title h3 {bottom: 3rem;}

.liste-services .splide__arrow {background: var(--color2);top: -8%;right: 0%;left: auto;border-radius: var(--border-radius);opacity: 1;}
.liste-services .splide__arrow.splide__arrow--next {
    top: calc(calc(var(--taille-font) * -3.4) - 8%);
}
.liste-services .splide__arrow svg {fill: var(--color0);}
.liste-services .splide__pagination{display:none;}
.short-text-service {max-width: calc(var(--taille-font) * 50);}
.nbr-services-3 .img-service.service-2{left:0;margin-bottom:-72.5px;bottom:50%;margin-left:-72.5px}
.nbr-services-3 .img-service.service-3{top:50%;right:-72.5px;left:initial}
span.svrAB{width:fit-content;/* margin-top: calc(var(--taille-font) * 1); */font-size: calc(var(--taille-font) * 1.8);font-family: var(--font_family_3);letter-spacing:3px;/* border:1px solid var(--color1); */border-radius:50%;/* width:calc(var(--taille-font) * 4.5); */height:calc(var(--taille-font) * 4.5);display:flex;justify-content:center;align-items:center;transition:all .3s ease;position: absolute;bottom: 0rem;left: 50%;opacity: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

span.svrAB:hover {
    text-decoration: underline;
}
span.svrAB svg{width:40px;height:40px}
.btns-servAB{display:flex;flex-direction:row-reverse;justify-content:center;gap:calc(var(--taille-font) * 1);align-items:center;width:100%;height:calc(var(--taille-font) * 5);color:#fff;float:right;background-color:transparent;margin-top:calc(var(--taille-font) * 2);border-radius:3px}
.btns-servAB .swiper-button-prev,.btns-servAB .swiper-button-next{position:static;display:flex;height:calc(var(--taille-font) * 5);width:calc(var(--taille-font) * 5);background:var(--color2);justify-content:center;align-items:center;border-radius:var(--border-radiusB)}
.btns-servAB .swiper-button-prev:hover,.btns-servAB .swiper-button-next:hover{background:var(--nuanceColor1)}

.btn-service{text-align:center;margin:10px 0;display:flex;justify-content:center}
.services .miettes{list-style-type:none;list-style-image:none;padding:0;margin:0;position:absolute;bottom:20px;left:0;right:0;text-align:center}
.services .miettes li{display:inline-block;vertical-align:top;background:0 0;padding:0}
.services .miettes li:before{content:none}
.services .miettes li a{width:12px;height:12px;border-radius:12px;background:var(--color0);display:inline-block;opacity:.5}
.services .miettes li a.active{opacity:1}


/***
*Atouts
***/


.atouts{display:block;width:100%;padding: 4em 10%;width:100%}
.atouts-pseudo{position:relative;background: var(--color0);}
.atouts::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image: url(../images/bg-3.png);background-size:contain;background-blend-mode:soft-light;/* background-attachment:fixed; */background-repeat: no-repeat;background-position: center;background-size: contain;filter: grayscale(1) blur(0px);opacity: 0.2;}
.atouts-pseudo:after{content:"";position:absolute;/* width:100%; *//* height:19%; */bottom:0;left:0;/* background:linear-gradient(0deg,white,transparent); */}
.atouts-pseudo:before{content:"";position:absolute;width:100%;height:19%;top:0;left:0;z-index:1;display: none;}
.atouts .swiper-pagination-bullet-active{background:var(--color0)}
.atouts p.legend{font-size:14px;font-weight:700;text-align:center;margin:0;color:var(--color2)}
.atouts .swiper-pagination-bullet{background:var(--color0)}
.atouts .picto{margin-bottom:1em}
.atouts .picto i{width:auto}
.atouts .swiper-button-prev{background-image:none;left:0;margin-top:-22px;opacity:.8}
.atouts .swiper-button-disabled{opacity:0!important}
.atouts .swiper-button-next{background-image:none;right:2px;top:50%;margin-top:-22px;opacity:.8;height:24px}
.atouts .swiper-button-next i,.atouts .swiper-button-prev i{font-size:23px;color:var(--color2)}
.atouts .swiper-button-next:hover,.swiper-button-prev:hover{opacity:1}
.atouts .picto i{color:var(--color2);text-align:center;font-size:3rem}
.atout{display:flex;flex-direction:column;align-items:center;padding:4em 3vh;background:var(--color0);border-radius:var(--border-radius)}
.atouts .swiper.mySwiper{overflow:hidden;position:relative}
.atouts-cont{position:relative;display: flex;padding: 4rem 6%;height: fit-content;flex-direction: row-reverse;}
.atouts-cont.atouts-cont2 {flex-direction: row-reverse;}
.atouts-img {flex: 0.9;height: 70vh;max-height: 1240px;overflow: hidden;display: flex;align-items: center;/* -webkit-clip-path: polygon(0% 25%, 100% 0%, 100% 75%, 0% 100%); *//* clip-path: polygon(0% 0%, 100% 25%, 100% 100%, 0% 75%); */justify-content: center;position: relative;}

.atouts-img:before{content:'';position:absolute;bottom:0;left:0;width:80%;height:90%;background: var(--color2);content:"";border-bottom-left-radius: calc(var(--taille-font) * 10);}
.atouts-img:after{content:'';position:absolute;top: 1%;right: 0;width:80%;height:90%;border: 1px solid var(--color1);content:"";border-top-right-radius: calc(var(--taille-font) * 10);z-index: 0;}

.atouts-cont2 .atouts-img {
    /* -webkit-clip-path: polygon(0% 25%, 100% 0%, 100% 75%, 0% 100%); */
    /* clip-path: polygon(0% 25%, 100% 0%, 100% 75%, 0% 100%); */
}
.atouts-img img {object-fit: cover;width: 90%;height: 90%;border-top-right-radius: calc(var(--taille-font) * 10);border-bottom-left-radius: calc(var(--taille-font) * 10);z-index: 4;}
p.atouts-text{padding-left:40px}
.atouts-cards{display: flex;flex-direction: column;position:relative;padding: 0rem 1% 0 0;flex: 1.4;justify-content: space-around;}
.atouts-cont2 .atouts-cards {padding: 3rem 1% 0 0;}
.atouts-card{display:flex;padding: 0 calc(var(--taille-font)*2) 0 0;text-align:left;position:relative;/* background-color:#ffffff94; *//* backdrop-filter:blur(13px); */margin: 1rem 0rem 2rem;/* box-shadow: 0 0 20px 0 #00000017; */border-radius:var(--border-radiusC);/* overflow:hidden; */}
.atouts-card:first-child{}
.atouts-card p{font-size:calc(var(--taille-font)*1.5);margin-bottom:3px;position:relative;-webkit-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;color:#5b5959}
.card-head{display:flex;align-items:flex-start;flex-direction:column;position:relative;width: 20%;justify-content: center;}
.card-head .card-ico{border-radius:50%;position:relative;z-index:1}
.card-ico:before{content:"";position:absolute;left:-16px;top:0;width:50px;height:50px;border-radius: 30% 70% 70% 30% / 50% 50% 50% 50%;background-color: #e9f3e3;-webkit-transition:all .4s ease;transition:all .4s ease;z-index:-1}
.atouts-card:hover .card-ico:before{/* background-color:red; */}
.atouts-card:before{content:"";height:0;width:0;/* background-color:var(--color2); */position:absolute;right:0;top:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;z-index:0}
.atouts-card:hover:before{top:0;width:100%;height:100%;/* background:linear-gradient(115deg,#56617d,#3a445d 50%,var(--color2)); */}
.card-head img{width: calc(var(--taille-font)*7);height:auto;-webkit-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;);-webkit-filter: invert(35%) sepia(76%) saturate(4748%) hue-rotate(131deg) brightness(103%) contrast(90%);filter: invert(35%) sepia(76%) saturate(4748%) hue-rotate(131deg) brightness(103%) contrast(90%);}
.atouts-card:hover .card-head img{/* -webkit-filter:brightness(0) invert(1); *//* filter:brightness(0) invert(1); */}
.card-text {width: 70%;}
.card-head h3{color:var(--color1);font-size:calc(var(--taille-font)*2);font-family:var(--font_family_1);height:calc(var(--taille-font)*1.5);margin-bottom:2rem;position:relative;-webkit-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s}
.atouts-card:hover h3,.atouts-card:hover p{/* color:var(--color0); */}


/***
*Realisations
***/
.AvisClientsBg,.realisations {
    position: relative;
    z-index: 8000;
    text-align: left;
    padding: 4em 10% 6em;
    background: var(--color0);
}

.realisations:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg-1.png) no-repeat center / cover;
    background-blend-mode: soft-light;
    filter: grayscale(1) blur(0px);
    opacity: 0.2;
}
.realisations .contenu {position: relative;padding: 0 6%;}
.realisations .contenu .h1 {margin-left: auto;margin-right: auto;max-width: 100%;text-align: left;}
.realisations .contenu .h1:before {margin: 0; left: 0;}
.realisations .titre-secondaire {letter-spacing: 3px;text-align: left;text-transform: initial;}
.realisations .recup-photos .propor .propor-cont .imagecont img{object-position:top}
.realisations .row.recup-photos.gallery{padding:0;display:grid;grid-template-columns: 1fr 1fr 1fr;grid-template-areas:
"item1 item2 item2 item5"
"item1 item3 item4 item5 ";grid-template-rows:calc(var(--taille-font) * 30) calc(var(--taille-font) * 30);grid-gap:10px}

.realisations .row.recup-photos.gallery:before, .realisations .row.recup-photos.gallery:after {
    display: none;
}
.realisations .row.recup-photos.gallery .col-md-3:first-child{grid-area:item1}
.realisations .row.recup-photos.gallery .col-md-3:last-child,.realisations .row.recup-photos.gallery .col-md-3:nth-child(5){grid-area:item5}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(2){grid-area:item2}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(3){grid-area:item3}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(4){grid-area:item4}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(6){grid-area:item6}
.realisations .recup-photos .propor{width:100%;position:relative;margin-bottom:10px;height:100%}
.realisations .row.recup-photos.gallery .col-md-3{width:100%;margin:0;padding:0}



/***
*Intervention
***/
.intervention{position:relative;z-index:8000;padding:4em 10%;background:var(--color0) url(../images/bg1.png) no-repeat center / cover fixed!important}
.intervention .titre-secondaire{text-align:left;color: var(--color0);}
.intervention:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--color0);opacity:.1;z-index:-1}
.intervention .contenu{padding:4em 4%;background:var(--color0) url(../images/interv-bg-1.jpeg) no-repeat center/ cover;font-size:calc(var(--taille-font) * 1.6);position:relative;margin:0 0 0 auto;width:60%;max-width:calc(var(--taille-font) * 108);border-radius:var(--border-radiusC);overflow:hidden;z-index:9;box-shadow:.2px 4.1px 14.8px rgba(0,0,0,0.014),.6px 10.4px 33.6px rgba(0,0,0,0.018),1.7px 30.4px 65.6px rgba(0,0,0,0.027),11px 194px 164px rgba(0,0,0,0.06);text-align:justify}
.intervention .contenu:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color3);opacity:.94}
.intervention .contenu a,.intervention .contenu a:link,.intervention .contenu a:visited{color:var(--color0);background: transparent;}
.intervention h2{/* color:var(--color0); *//* margin-top:0; */text-align:left;position:relative;}
.intervention p,.intervention ul{position:relative;color:var(--color0)}
.intervention h2:before{margin:0;left:0;background: var(--color0);}
.intervention ul{margin:calc(var(--taille-font) * 1.5) 0}
.intervention .contenu .text-left {margin-top: 2rem;}

.map{position:absolute;bottom:0;right:0;margin-top:0;width:140%;height: 100%;z-index:0;border-radius:6px;margin-bottom:0;overflow: hidden;}
.map iframe{width:100%!important;height:100%!important;border-radius:0;text-align:center;margin-bottom:0;border:0 solid #fff;border-radius:var(--radius);margin:0 auto;position:relative;display:block;/* top:4rem; */}
a.btn.btn-primary.maplink{position:relative;right:0;bottom:0;margin-top:0;margin-left:0;z-index:3;float:right;margin:var(--taille-font) 0;width:20%}


/***
*Certifications
***/
.certifs{display:inline-block;width:100%;position:relative;z-index:8000;background:var(--bg-facultatif);padding:3em 10%;display:flex;flex-direction:column;align-items:center}
.certifs .cell.gauche{display:block;width:50%}
.certifs .cell.gauche .contenu{}
.certifs .cell.droite{position:relative;display:block;padding:0 10% 2em;width:50%}
.certifs .swiper-container-2{overflow:hidden}
.certifs .logo-certifs{position:relative;padding:30px 13% 20px}
.certifs .swiper-slide{text-align:center;background:transparent}
.certifs .swiper-slide .img-swiper{position:relative;display:inline-block;border-radius:var(--border-radius);background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-color:var(--color0)}
.certifs .swiper-slide img{position:relative;display:block;width:100%;height:auto;position:relative;display:block;box-shadow:0 0 1px var(--color4)}
.certifs .swiper-button-prev{background-image:none;left:0;margin-top:-22px;opacity:.8}
.certifs .swiper-button-next{background-image:none;right:0;margin-top:-22px;opacity:.8}
.certifs .swiper-button-next i,.certifs .swiper-button-prev i{font-size:23px;color:var(--color2)}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1}
.certifs .swiper-button-next,.certifs .swiper-button-prev{display:none}
.certifs .logo-certifs .row-certifs{position:relative;display:table;width:100%}
.certifs .logo-certifs .row-certifs .certif-inline{position:relative;display:table-cell}
.certifs .logo-certifs .row-certifs .certif-inline>div{position:relative;background-repeat:no-repeat;background-position:center center;-webkit-background-size:60% auto;-moz-background-size:60% auto;background-size:60% auto;text-align:center}
.certifs .logo-certifs .row-certifs .certif-inline>div img{position:relative;overflow:hidden}


/***
*Actualites
***/
.actualites .cell.photo a{display:block}
.actualites .cell.photo.cover img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
.actualites{display:table;width:100%;position:relative;z-index:8000;background-color:var(--color0);padding:8em 10% 4em}
.actualites article{display:table;width:100%}
.actualites:nth-child(even+1){direction:rtl}
.actualites .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:top center;border-radius:var(--border-radiusC);background-position: center;}
.actualites .cell.photo:hover{opacity:.95;filter:alpha(opacity=95)}
.actualites .cell.texte{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid var(--color0)}
.actualites:last-child .cell.texte{border-bottom:none}
.actualites .cell.texte .contenu{padding:3em 10%;text-align:justify;direction:ltr}
.actualites .cell.texte .contenu .text-left{display:flex;gap:1rem}
.actualites .cell.texte .contenu .h1{text-align:left}
.actualites .cell.texte .contenu .h1:before{left:0;margin:0}
.actualites .cell.texte .contenu .titre-secondaire{text-align:left}
.actualites .cell.texte .contenu ul{padding:0;margin:0}
.actualites .cell.texte .contenu ul li{padding:5px 0 5px 20px;background:url(../images/puce.svg) no-repeat 0 9px}
.actualites .cell.texte .contenu ul li .bouton-principal{display:block}
.view-btn-all{position:relative;/* display:table; */padding-right: calc(var(--taille-font) * 3.6) !important;background: transparent;color: var(--color0) !important;!i;!;box-shadow: 0 0 0 3em var(--color2) inset !important;!i;!;}
.view-btn-all:after {color: var(--color0) !important;}
.view-btn-all:hover {box-shadow: 0 0 0 1px var(--color2) inset !important; color: var(--color2) !important;}
.view-btn-all:hover:after {color: var(--color2) !important;}
.view-btn-all .button_lg{background:var(--color3)}
.view-btn-all i{margin-left:8px;font-size:calc(var(--taille-font) *1.5)}
.actualites .date_post,.news .date-article{font-size:calc(var(--taille-font) *1.5);font-weight:700;color:var(--color2)}
.news .ligne-actus .date-article{margin-top:18px;margin-bottom:0}
.news .ligne-actus .contenu-article{margin-top:0}
.news .contenu-article{margin-top:21px}
.news .propor,.realisations .galerie .propor{width:100%;position:relative;margin-bottom:10px}
.news .propor:after,.realisations .galerie .propor:after{padding-top:78%;display:block;content:''}
.news .propor .propor-cont,.realisations .galerie .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.news .propor .propor-cont .imagecont,.realisations .galerie .propor .propor-cont .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;-webkit-transform:translateZ(0)}
.news .propor .propor-cont .imagecont .imagefond,.realisations .galerie .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.news .propor .propor-cont .imagecont .masque,.realisations .galerie .propor .propor-cont .imagecont .masque{transition:all .4s ease;display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;background-color:var(--color1);background-image:url(../images/ico-zoom.svg);background-repeat:no-repeat;background-position:center center}
.news .propor .propor-cont .imagecont:hover .masque,.realisations .galerie .propor .propor-cont .imagecont:hover .masque{opacity:.8;filter:alpha(opacity=80)}
.news .propor .propor-cont .imagecont:hover .imagefond,.realisations .galerie .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}


/***
*Témoignage
***/
.AvisClientsBg{padding: 4em 10%;}
.AvisClientsBg .contenu{max-width: calc(var(--taille-font) *160);margin:0 auto;position:relative}
.AvisClientsBg .contenu .text-center{display:flex;justify-content:center}
.AvisClientsBg .bx-prev{left:-2vw}
.AvisClientsBg .bx-prev:before{display:inline-block;content:"\f053";font-weight:700;font-family:'Font Awesome 5 Free';font-size:23px;color:var(--color0)}
.AvisClientsBg .bx-next{right:-2vw}
.AvisClientsBg .bx-next:before{display:inline-block;content:"\f054";font-weight:700;font-family:'Font Awesome 5 Free';font-size:23px;color:var(--color0)}
.AvisClientsBg .bx-next,.AvisClientsBg .bx-prev{text-indent:initial;font-size:0;display:flex;align-items:center;text-decoration:none;margin-top:-55px;justify-content:center;opacity:.7;transition:.5s}
.AvisClientsBg .bx-next:hover,.AvisClientsBg .bx-prev:hover{opacity:1}
.AvisClientsBg .contenu .bx-viewport{padding:28px 0 15px;display:block;height:auto!important}
.AvisClientsBg.bg-optionnel-gris .h1{color:var(--color0)}
.AvisClientsBg a.bouton-principal {width: calc(var(--taille-font) *30);}
.etoiles .fa{color:#fc0}
.AvisClientsList{margin:0;padding:0}
.bx-pager .bx-pager-item{margin:0}
.AvisClientsBg .contenu .AvisClientsList:hover{cursor:url(../images/slide-cursor.png)}
.AvisClientsList li{list-style:none;background:0 0}
.AvisClientsList li:before{content:none}
.avisClientsBg .h{text-align:center}
.AvisClients,.AvisClients:link,.AvisClients:visited{position:relative;background-color:var(--color0);padding: 2rem 10%;text-align:center;margin-top:0;display:block;text-decoration:none;border-radius:var(--border-radiusC);/* box-shadow: .2px 4.1px 14.8px #0000001c; */}
.AvisClients .icones{fill:var(--color1);margin:0}
.AvisClients:active,.AvisClients:hover{background-color:var(--color0)}
.AvisClients .h{font-size:calc(var(--taille-font) *2.3);color:var(--color1);text-align:center;text-transform:uppercase;font-weight:600;margin-bottom:0}
.AvisClients p{font-size: calc(var(--taille-font) *2);margin-bottom:0;color:var(--color3);padding-top:calc(var(--taille-font) *1.5)}
.AvisClients .blazy{font-size:16px;color:var(--color0);width:128px;margin:0 auto;border-radius:50%;margin-bottom:20px;position:absolute;top:-70px;left:50%;margin-left:-64px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:var(--color0)}
.AvisClientsBg .bx-pager{bottom:17px}
.avisContent:before{content:'\00AB';display:inline-block;margin-right:5px}
.avisContent:after{content:'\00BB';display:inline-block;margin-left:5px}
.temoignageScroll{max-height:220px;text-align:center;overflow:hidden}
.temoignageScroll .scrollbar-content{padding:0 10px 0 0;width:100%}
.temoignageScroll .scrollbar-path-vertical{right:0}
.date_post{font-size:calc(var(--taille-font) *1.5);padding:4px 0;color:var(--color1)}
.date_post i{margin-right:8px}
.AvisClientsBg .bx-controls.bx-has-pager{display:block;position:relative;height:70px}
.temoignageScroll{max-height: calc(var(--taille-font) *24);text-align:center;overflow:hidden}
.temoignageScroll .scrollbar-content{padding:0 10px 0 0;width:100%}
.temoignageScroll .scrollbar-path-vertical{right:0}
.livre-elements{padding:0 4%;margin-bottom:40px;text-align:center}
.livre-elements .livre-ligne{position:relative;display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}
.livre-elements .blazy{margin:0 auto 10px;border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:var(--color0);width:115px;height:115px}
.livre-elements .pseudo{margin-bottom:6px;font-size:calc(var(--taille-font) * 2.1);color:var(--color1);text-align:center;text-transform:uppercase;font-weight:600}
.livre-elements .date{margin-bottom:2px!important;color:var(--color1)}
.livre-elements .etoiles{margin-bottom:0!important}
.livre-elements .temoignage{text-align:center;display:block;margin-top:20px}
.livre-elements .temoignage:before{content:'\00AB';display:inline-block;margin-right:5px}
.livre-elements .temoignage:after{content:'\00BB';display:inline-block;margin-left:5px}
.divAvis{padding:calc(var(--taille-font) * 2.5) calc(var(--taille-font) * 2.7);margin-bottom:3rem;background-color:var(--color0);border-radius:var(--border-radiusC);width:48%;box-shadow: .2px 4.1px 14.8px #0000001a;}
.btn-avis{margin-bottom:30px}
.modal-content a,.modal-content a:link,.modal-content a:visited{color:var(--color2)}
.modal-header .h1{text-align:center;margin-bottom:40px;color:var(--color2);font-size:1.6vw;font-weight:700;text-shadow:none}
.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0;z-index:9999;font-size:16px;color:var(--color0)}
.modal-backdrop.in{z-index:0}
.modal-open .modal{z-index:99997;background: #0000003d;color:var(--color2);text-shadow:none;font-family:Arial,Helvetica,sans-serif}
.modal-content .btn-close{border:0;background:0 0;padding:0;font-size:21px;color:var(--color2);opacity:.2;line-height:1}
.modal-content .form-control{min-height:44px;border-radius:2px}
.modal-content .btn-close:focus,.modal-content .btn-close:hover{opacity:.5}
.modal-content .submit-review{padding-right:60px!important}
.modal-content label.control-label{display:none;padding-top:0!important}
.modal-content label.control-label.label-note,.modal-content label.control-label.label-photo{display:block;padding-top:14px!important}
#add-review{text-align:center}
#add-review .form-group{text-align:left}
#add-review input[type=file]{display:block;width:100%;height:50px}
#add-review #stars-existing{margin:0 auto 10px;display:block;text-align:left;padding-top:15px}
#add-review .form-group #captcha{height:46px!important}
.formulaire #add-review .form-group .form-control,.formulaire #add-review .form-group input,.formulaire #add-review .form-group textarea{background:var(--color0);border:1px solid #ccc;color:var(--color2);border-radius:2px}
.modal-content .form-control::placeholder{color:var(--color2)!important;opacity:1}
#add-review .submit-review{margin:15px auto!important;padding:14px 15px!important;float:none;display:block;background-image:none}
#add-review .body-review{height:100px}
#add-review .form-group.form-group-1 .col-md-10,#add-review .form-group.form-group-2 .col-md-10,#add-review .form-group.form-group-4 .col-md-10{width:100%}
#add-review .conditions,.modal-content .email-block{font-size:10px;font-weight:400;font-style:italic;text-align:justify;opacity:.6;display:block;clear:both;color:var(--color2)!important}
.cont-slider{position:relative}
.sudo-slider{width:100%;z-index:8999999}
.sudo-slider .slide{text-align:center;height:135px;line-height:135px}
.sudo-slider .slide img{max-height:100%}
.cont-slider .controls{z-index:9002;display:inline-block;position:absolute;bottom:-70px;left:0;right:0;text-align:center}
.cont-slider .controls ol{margin:0;padding:0;list-style-type:none}
.cont-slider .controls ol li{display:inline-block;background:0 0;padding:0}
.cont-slider .controls ol li a{display:block;width:10px;height:10px;background:var(--color2);margin:0 5px;border-radius:10px;-webkit-border-radius:10px;opacity:.5}
.cont-slider .controls ol li.current a{opacity:1}
.cont-slider .controls ol li a span{display:none}
.body-temoignage  button.bouton-principal {width: calc(var(--taille-font) * 31);}
.note-avis{position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 2rem}
.nbr-note{font-size:40px;margin-right:4rem}


/***
*Footer
***/
.pied{position:relative;z-index:9;background: url(../images/footer-bg.jpg) no-repeat center / cover fixed;}
.pied:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background: var(--color2);background-size:contain;background-blend-mode:soft-light;background-attachment:fixed;/* filter:grayscale(1); *//* opacity: 0.7; */}
.pied::after{content:"";position:absolute;width:100%;height:13%;top:0;left:0;z-index:1}
.body-page-1 .pied::after,.body-pageseo .pied::after,.body-contact .pied::after{height:6%}
.pied .bande1{padding: 8.5rem 10% 4rem;position:relative;background: var(--color0);}
.bande_contact_footer{padding:70px 10%;background:var(--bg-facultatif);position:relative}
.bande_contact_footer .row1{position:relative;display:block;padding: 5rem 6%;border-radius:var(--border-radiusC)}
.bande_contact_footer .row1::after{display:block;width:232px;height:1px;content:"";background:var(--color0);position:absolute;left:50%;transform:translate(-50%,0);margin-top:calc(var(--taille-font) * 4.9)}
.pied div#contact-form {display: flex; justify-content: center;}

.contact-footer-container{position:relative;display:flex;gap:4%}
.contact-footer-txt{width:50%;/* background:url(../images/contact-pic.jpg) no-repeat center / cover; */background-color: var(--color2);color: var(--color0);padding:4em 6%;font-size:calc(var(--taille-font) *2);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}
.contact-footer-txt p{position:relative}
.contact-footer-txt:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: #000;opacity: 0;}
.formulaire.contact-footer{width:50%;text-align:left}
.formulaire.contact-footer .h1{text-align: center;}
.formulaire.contact-footer .h1:before{/* left:0; *//* margin:0; */}

.pied .bande2{padding: calc(var(--taille-font) *1) 10%;position:relative;display: flex;align-items: center;justify-content: space-between;}
.pied .title_footer{color: var(--color2);font-family:var(--font_family_1);font-size:calc(var(--taille-font) * 2.2);text-transform:uppercase;padding:0 0 calc(var(--taille-font) * 2);position:relative;font-weight:200;float:left;width:100%}
.pied .title_footer::before{content:"";width:75px;height:10px;background: var(--color2);position:absolute;bottom:3px;left:0;height:2px}
.pied .navf .menu_footer{color: var(--color3);padding:calc(var(--taille-font) * 1.5) calc(var(--taille-font) * 2);list-style-type:none;margin:0;position:relative;float:left;width:100%}
.pied .navf .menu_footer li{display:block;padding:0 0 4px;background:0 0;position:relative}
.pied .navf .menu_footer li:last-child{border:none}
.pied .navf .menu_footer li a,.pied .navf .menu_footer li a:visited{font-size:calc(var(--taille-font) * 1.6);padding:0;color:inherit;text-decoration:none}
.pied .navf .menu_footer li a:hover{color: var(--color2);text-decoration: underline;}
.pied .navf .menu_footer li.active a{color: var(--color2);text-decoration: underline;}
.pied .navf .menu_footer li.active a:hover{text-decoration:none}
.pied .menu_referencement{color: var(--color3);list-style-image:none;list-style-type:none;margin:0;text-align:justify;padding:0}
.pied .menu_referencement li{display:inline;padding:0;background:0 0}
.pied .menu_referencement li:before{content:none}
.pied .menu_referencement li:after{content:" - "}
.pied .menu_referencement li:last-child:after{content:""}
.pied .menu_referencement li a,.pied .menu_referencement li a:visited{color:inherit;font-size:calc(var(--taille-font) * 1.6);text-decoration:none}
.pied .menu_referencement li a:hover{color: var(--color2);text-decoration: underline;}
.pied .menu_referencement li.active a:hover{text-decoration:none}
.pied address{margin:0;padding:calc(var(--taille-font) * 1.5) 0 calc(var(--taille-font) * 2.5);color: var(--color3);font-size:calc(var(--taille-font) * 1.6);float:left;width:100%;position:relative}
.pied address p{background-repeat:no-repeat;margin:0;background-position:0 0;padding:0 0 calc(var(--taille-font) * 1) 0}
.flex-address{position:relative;display:flex}
.flex-address i{margin-top:3px!important}
address i{margin:0;margin-right:calc(var(--taille-font) * 1.2);font-size:calc(var(--taille-font) * 1.6);color: var(--color2);width:calc(var(--taille-font) * 1.6)}
.pied address p.tel a{color:inherit;text-decoration:none}
.pied address p a{text-decoration:none;color:inherit}
.pied address p a:hover{text-decoration:underline}
.pied .scrollbars{margin:calc(var(--taille-font) * 1.5) 0 0;height:calc(var(--taille-font) * 27);position:relative;float:left;width:100%}
.pied .horaires{color:var(--color3);padding:calc(var(--taille-font) *1.) 0 calc(var(--taille-font) *3.5);margin:15px 0 0;font-size:calc(var(--taille-font) *1.6);float:left;width:100%}

.horaire-table tr td {
    color: var(--color3);
}
.horaires{display:inline-grid}
.horaires i{margin:4px 0 0;margin-right:12px;font-size:16px;color:var(--color2);display:none}
.pied .copyright-footer{margin:5px 0 0;text-align:center}
#logoFD svg *{fill:var(--color0)}
#logoFD svg{width:210px}
.pied .btn-like{padding:20px 0 0}
.pied .btn-partage{text-align:right;padding:10px 0 0;display:flex;justify-content: center;align-items: center;}
.pied .btn-partage .icones{fill:var(--color3)}



/***
*scrollbars 
***/
.scrollbars{width:100%;height:28vh}
.scrollbar-path-horizontal,.scrollbar-path-vertical{position:absolute;background-color:#ececec;z-index:100}
.mCSB_scrollTools .mCSB_draggerRail{background-color: var(--bg-facultatif);}
.scrollbar-path-horizontal{bottom:5px;left:0;width:100%;height:5px}
.scrollbar-path-vertical{right:5px;top:0;height:100%;width:5px;box-shadow:inset 1px 0 1 rgba(0,0,0,.1)}
.scrollbar-path-horizontal{box-shadow:inset 0 1px 1 rgba(0,0,0,.1)}
.scrollbar-handle{position:relative;top:0;left:0;background-color:var(--color1)}
.scrollbar-path-vertical .scrollbar-handle{height:20%;width:100%}
.scrollbar-path-horizontal .scrollbar-handle{width:20%;height:100%}
.scrollbar-handle,.scrollbar-path-horizontal,.scrollbar-path-vertical{border-radius:5px}
.scrollbar-content{padding:0 30px 0 0;float:none!important}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: var(--color2);}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: var(--color2);}



.containerMs {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.accordion{width:45%;padding:0 0 0 13%}
.accordion-item{border-bottom:1px solid #cccccc7a;overflow:hidden;position:relative}
.accordion-item.active:before,.accordion-item:hover:before{transform:scaleX(1);visibility:visible}
.accordion-item.active:after,.accordion-item:hover:after{visibility:visible;transform:scaleY(1)}
.accordion-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00800033;visibility:hidden;transform:scaleX(0);transform-origin:0 50%;z-index:0;transition:transform .2s ease 0.25s,visibility 3s ease}
.accordion-item:after{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:green;visibility:hidden;transform:scaleY(0);transform-origin:50% 0;z-index:1;transition:transform .2s ease,visibility .3s ease}
.accordion-header{padding:15px;cursor:pointer;font-weight:700;display:flex;align-items:center;position:relative;font-size:23px}
.accordion-icon{width:50px;height:50px;margin-right:10px}
.accordion-content{padding:0 15px;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;position:relative}
.accordion-item.active .accordion-content{max-height:200px;padding:15px}
.image-container{display:flex;justify-content:center;align-items:center;height:100vh;width:58%}
.image-container img{max-width:100%;height:100%;transition:opacity .5s ease;object-fit:cover}
.fade-out{opacity:0}
.fade-in{opacity:1}



/***
*Prestation page
***/
.prestation{display:table;width:100%;position:relative;z-index:8000;background:var(--color0);margin-bottom:10rem;/* box-shadow:.2px 4.1px 14.8px #000; */border-radius:var(--border-radiusC)}
.prestation:nth-child(even){direction:rtl}
.prestation:nth-child(even) .cell.photo{border-top-right-radius:var(--border-radiusC);border-bottom-right-radius:var(--border-radiusC);border-top-left-radius:0;border-bottom-left-radius:0}
.prestation .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center;border-top-left-radius:var(--border-radiusC);border-bottom-left-radius:var(--border-radiusC)}
.prestation .cell.texte{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid var(--color0)}
.prestation:last-child .cell.texte{border-bottom:none}
.prestation .cell.texte .contenu{padding:90px 10%;text-align:left;direction:ltr}
.prestation .cell.texte .contenu .h1{text-align:left}
.prestation .cell.texte .contenu .h1:before{left:0;margin:0}
.prestation .cell.texte .contenu p{padding:0 0 20px}
.prestation .cell.texte .contenu ul{padding:0;margin:0}
.prestation .cell.texte .contenu ul li{padding:5px 0 5px 20px;background:url(../images/puce.svg) no-repeat 0 9px}
.prestation .cell.texte .contenu ul li .bouton-principal{display:block}


/***
*Gallery page
***/
.gallery .bas-galerie{text-align:center;padding:40px 0 0}
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
.gallery .multiple .ligne-photos .col-md-1,.gallery .multiple .ligne-photos .col-md-2,.gallery .multiple .ligne-photos .col-md-3,.gallery .multiple .ligne-photos .col-md-4,.gallery .multiple .ligne-photos .col-md-6{padding-left:10px!important;padding-right:10px!important;margin-bottom:20px}
.gallery .multiple .ligne-photos{margin-left:0!important;margin-right:0!important}
.gallery .ligne-photos .propor{width:100%;position:relative;margin-bottom:15px}
.gallery .multiple .ligne-photos .propor{margin-bottom:0}
.custom-object-fit{position:relative;background-size:cover;background-position:center center}
.custom-object-fit img{opacity:0}
.gallery .ligne-photos .propor:after{padding-top:76%;display:block;content:''}
.gallery .ligne-photos .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.gallery .ligne-photos .propor .propor-cont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%;border-radius:var(--border-radiusC)}
.gallery .ligne-photos .propor .propor-cont .imagecont{-webkit-transform:translateZ(0);justify-content:center;display:flex;flex-direction:row;overflow:hidden;position:relative;height:100%}
.gallery .ligne-photos .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.gallery .ligne-photos .propor .propor-cont .imagecont .masque{display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;background-color: #0f491873;background-image:url(../images/ico-zoom.svg);background-repeat:no-repeat;background-position:center center;border-radius:var(--border-radiusC)}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque{opacity:.7;filter:alpha(opacity=70)}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.gallery .nav{margin:10px 0;text-align:center}
.gallery .nav li{display:inline-block;margin-bottom:10px;background:0 0;padding:0 3px 0 5px}
.gallery .nav li:before{content:none}
.gallery .nav li a.bouton-principal{display:block;text-transform:uppercase;font-size:14px;font-family:var(--font_family_1);text-align:center;border-radius:var(--border-radius);background: var(--color0);text-decoration:none}
.gallery .nav li a.bouton-principal:after{content:none}
.gallery .nav li.active a{background: var(--color2);}
.gallery .tab-content{padding-top:10px;padding-bottom:10px}
.gallery .tab-content h2{padding-left:15px;margin-bottom:20px}
.gallery .bas-galerie{text-align:center;padding:40px 0 0;display:flex;justify-content:center}
.gallery .bas-galerie a.bouton-principal{padding-right:60px;min-width:calc(var(--taille-font) * 28)}
.gallery .bas-galerie .button_text:after{background-image:none;width:calc(var(--taille-font) * 2.2);height:calc(var(--taille-font) * 2.2);content:"+";font-family:verdana;font-size:calc(var(--taille-font) * 3.5);position:absolute;right:calc(var(--taille-font) * -0.4);top:calc(var(--taille-font) * -1.9)}
.gallery .bas-galerie .button_text{padding-right:3rem}



/***
*Contact page
***/
.body-contact h2{color:var(--color2);text-transform:none;position:relative;margin-bottom:calc(var(--taille-font) * 5.5);font-weight:600}
.tab-coordonnes h2:before{content:"";width:calc(var(--taille-font) * 7.5);height:2px;background:var(--color1);position:absolute;top:calc(var(--taille-font) * 5);left:0}
.body-contact .tab-formulaire .cell.droite h2{text-align:center;margin-bottom:70px;font-size:24px}
.body-contact .tab-formulaire .cell.droite h2:before{content:"";width:75px;height:2px;background:var(--color1);position:absolute;top:50px;left:50%;margin-left:-37px}
.contact .tab-coordonnes{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.contact .tab-coordonnes .cell.gauche{display:table-cell;vertical-align:top;width:40%;border-top:2px solid var(--color0)}
.contact .tab-coordonnes .cell.gauche .contenu{padding:3em 7% 0}
.contact .tab-coordonnes .cell.centre{display:table-cell;vertical-align:top;width:50%}
.contact .tab-coordonnes .cell.droite{display:table-cell;vertical-align:top;width:60%}
.contact .tab-formulaire{display:block;width:100%;position:relative;z-index:8000;background:var(--bg-facultatif);padding:5rem 28%;margin-top:5em;border-radius:var(--border-radius)}
.contact .tab-formulaire .contenu h2{text-align:center}
.contact .plan{font-size:0}
.contact .plan .block #googlemapapi,.contact .plan iframe{width:100%!important;height:calc(var(--taille-font) * 63)!important}
.contact .coordonnees{padding:0 0 20px}
.coordonnees address i {color: var(--color2);}
.contact .coordonnees h2{margin-top:calc(var(--taille-font) * 2)}
.contact .coordonnees address p{padding:0 0 10px}
.contact .coordonnees address p.tel a{color:inherit;text-decoration:none}
.contact .coordonnees address p span.intitule{font-weight:700}
.contact .coordonnees address p a{text-decoration:none;color:inherit}
.contact .coordonnees address p a:hover{text-decoration:underline}
.contact .description-contact{padding:0 0 10px}
.contact .formulaire .form-group label.col-md-4{padding-left:0!important;padding-right:0!important}
.contact .formulaire .form-group div.col-md-8{padding-left:0!important;padding-right:0!important}
.contact .formulaire .form-group .col-md-4{display:none}
.contact .formulaire .form-group .col-md-8{width:100%!important}
.form-group .label-rgpd strong,.info-rgpd a,.info-rgpd a:visited,.info-rgpd strong{color:var(--color1)}
.contact .formulaire .control-label{text-align:left!important;font-weight:400}
.contact .formulaire .form-group{margin-bottom: 16px;padding:0!important;margin-left:0!important;margin-right:0!important}
.contact .formulaire .form-group .form-control{background: #ffffff36;border:0;box-shadow:none;border-radius:0;width:100%!important;font-size:inherit;color:var(--color2);border-radius:var(--border-radiusC);border-bottom: 1px solid #0000003b;}
.form-control:focus{color:#000;background:var(--color0)}
.contact .formulaire .form-group textarea.form-control{height:calc(var(--taille-font) * 10.9);position:static;padding-top:calc(var(--taille-font) * 1.5);border-radius:var(--border-radiusC)}
.contact .formulaire .form-group input.form-control{height:calc(var(--taille-font) * 5);line-height:1;line-height:50px\9;padding:0 calc(var(--taille-font) * 1.2)}
.contact .formulaire .form-group .form-control:active,.contact .formulaire .form-group .form-control:focus{border:1px solid var(--color2)}
.contact .formulaire .form-group select.form-control{height:50px;line-height:50px;padding:5px 12px}

@media screen and (-webkit-min-device-pixel-ratio: 0),screen and (-moz-images-in-menus:0) {
.form-horizontal select.form-control{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none;background-image:url(../images/image-select.svg)!important;background-repeat:no-repeat!important;background-position:right 15px center!important;line-height:normal!important;background-size:22px auto!important}
.form-horizontal select.form-control option{color:inherit}
}
.contact .formulaire .form-group input[name=captcha]{width:31%!important;height:50px!important;display:inline-block;float:none!important;margin-right:2%!important;vertical-align:top}
.contact .formulaire .form-group input[name=captcha]+a{width:35%;display:inline-block;margin-right:2%;vertical-align:top}
.contact .formulaire .form-group #captcha{width:100%;height:50px!important;border-radius:0;padding:0}
.contact .formulaire .form-group input.btn-primary{display:inline-block;position:relative;float:right;/* padding-right:calc(var(--taille-font) * 7); */}
.contact .formulaire .form-actions{font-size:12px}
.contact a.btn.btn-default{float:right}



/***
*News List page
***/
.newsList{float:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;width:100%}
.newsList .ligne-actus{flex:0 0 auto;margin:0 0 30px;float:none}
.news .date_post{text-align:center;color:var(--color0);font-weight:800;font-size:14px;font-size:clamp(12px,.5vw,14px);line-height:18px;text-transform:uppercase;display:block;background-color:var(--color1);position:absolute;left:0;top:0;padding:7% 4% 4%;z-index:50;margin:0;border-top-left-radius:var(--border-radius)}
.news .date_post span{display:block;line-height:13px;min-width:84px}
.news .date_post .s1{font-size:50px;line-height:35px;padding-bottom:5px;font-size:clamp(40px,2vw,50px)}
.newsList .propor .propor-cont .imagecont .masque{background-color:rgba(250,250,250,.2);background-image:none}
.news .propor .propor-cont .imagecont:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.newsList .propor{overflow:hidden}
.newsList .item .h3{color:var(--color1);padding:5px 0 25px;margin:0;font-weight:200;font-family:var(--font_family_1)}
.newsList .item:hover .h3{color: var(--color2);}
.newsList .item .h3 a:hover{text-decoration:none}
.item-news{position:relative}
.newsItem .photo img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;flex:1;width:100%;height:100%;overflow-x:hidden;border-radius:var(--border-radiusC)}
.newsItem .photo{width:100%;height:33vw;border-radius:var(--border-radius);overflow:hidden;height:clamp(300px,40vw,650px);background-position:center!important;background-repeat:no-repeat!important;background-color:#f2f2f2;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;image-rendering:optimizeQuality}
.newsItem .contenu-article{padding:15px 0 0;min-height:200px;margin:0}
.newsItem .div-rs{margin:0 auto 40px;display:flex;align-content:center;align-items:center}
.newsItem .div-rs .btn-partage{display:flex;overflow:hidden;height:36px;position:relative;top:0;margin-left:2rem}
.newsItem .div-rs .btn-partage .icones{fill:var(--color1)}
.newsItem .div-rs .btn-partage .btnp{background-color: var(--color2);padding: 0.8rem;margin: 0 0.4rem;}
.newsItem .div-rs .btn-partage .btnp:hover{background-color:var(--color1)}
.newsItem .div-rs .btn-partage .btnp:hover .icones{fill:var(--color0)}
.newsItem .date_post{padding:5% 3% 3%}
.news_avant_apres{display:table;width:100%;text-align:center;margin:0;height:100%}
.news_avant_apres>div{display:table-cell;float:none;padding:0;height:100%}
.news_avant_apres a,.news_avant_apres a:visited{padding:15px 30px;color:var(--color1);text-decoration:none;border:1px solid var(--bg-facultatif);display:block;height:100%;font-family:var(--font_family_1);text-transform:uppercase;border-radius:var(--border-radius)}
.news_avant_apres a:focus,.news_avant_apres a:hover{border-color:var(--color1);text-decoration:none}
.news_avant_apres>div:last-child{right:-5px}
.news_avant_apres a:focus b,.news_avant_apres a:hover b{text-decoration:none;color:var(--color1)}
.navButtons,.navButtons:visited{padding:0 0 10px;color:var(--color2);transition:.8s;text-decoration:none;display:block}
.news_avant_apres a:focus span,.news_avant_apres a:hover span{color:var(--color2);text-decoration:none}
.center.btn-news{display:flex;justify-content:center}
.pagination>li{background:0 0;padding-left:0}
.pagination>li>a,.pagination>li>span{color:var(--color1);border-color:var(--color3)}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:var(--color0);background-color:var(--color1);border-color:var(--color1)}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--color1);background-color:var(--color0)}



/***
*SEO page
***/
.pageseo .formulaire .form-group input[name=captcha]{width:100%!important;margin-right:0!important;text-align:left!important}
.pageseo .formulaire .form-group input[name=captcha]+a{position:absolute;width:140px;top:0;right:0;margin-right:0!important}
.flex-seoContain{position:relative;display:flex;width:100%;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.flex-seoContain .seo-content{width:55%;padding-top:1em}
.flex-seoContain .seo-content h1,.flex-seoContain .seo-form h2.h1{text-align:left}
.flex-seoContain .seo-content h1:before,.flex-seoContain .seo-form h2.h1:before{left:0;margin-left:0}
.flex-seoContain .seo-form{width:44%;padding:1em 3% 3em;background:var(--bg-facultatif);border-radius:var(--border-radiusC)}
.img-seo img{border-radius:var(--border-radius);width:100%;height:100%}
.flex-seoContain .seo-content img{width:100%;height:100%}
      


/*********************Placeholder*************************/
::-webkit-input-placeholder{color:var(--color3)!important; font-family: var(--font_family_1);}
:-moz-placeholder{color:var(--color3)!important;opacity:1!important; font-family: var(--font_family_1);}
::-moz-placeholder{color:var(--color3)!important;opacity:1!important; font-family: var(--font_family_1);}
:-ms-input-placeholder{color:var(--color3)!important; font-family: var(--font_family_1);}

/*********************Page 404*************************/
.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:calc(var(--taille-font) * 1.5) calc(var(--taille-font) * 2);font-family:var(--font_family_1);text-transform:uppercase;background-color:var(--color2);color:var(--color0);text-align: center;border-radius: var(--border-radius);font-size:calc(var(--taille-font) * 1.4);border:none;text-decoration:none;transition:all .4s ease;background-size:calc(var(--taille-font) * 2.4)auto;background-position:left 90% center;min-width: calc(var(--taille-font) * 16);/* background-image:url(../images/ico-envoyer.svg); */background-repeat:no-repeat;background-color: transparent;box-shadow: 0 0 0 3em var(--color2) inset;-webkit-transition: all .5sease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5sease;}
.body-error404 a.btn.btn-default{background-image:none}
.body-error404 a.btn.btn-default:active,.body-error404 a.btn.btn-default:hover,.contact .formulaire input.btn-primary:active,.contact .formulaire input.btn-primary:hover,.contact a.btn.btn-default:active,.contact a.btn.btn-default:hover{/* background-color:var(--color1); */box-shadow: 0 0 0 1px var(--color2) inset;color: var(--color2);min-width: calc(var(--taille-font)* 14);}


.alert.alert-warning.alert-dismissable {
    width: 100%;
}


@media(max-width: 1530px) {
    .header {padding:0 1.5%;}
}

@media(max-width: 1376px) {
    .flex-infos{display:none}
    .fluid-infos .infos p.tel{display:none}
    .btn-liens-rs{display:none}
    .tete .header .flex-menuP{width:80%}
    .fluid-infos{position:fixed;top:20vh;right:0;z-index:9999}
    .fluid-infos .infos p.tel{margin:0;position:relative;left:155px;transition:.5s;background:var(--color1);line-height:1;padding:9px;display:table;color:var(--color0)}
    .fluid-infos .infos p.tel span{height:initial;line-height:1;top:7px;position:relative}
    .fluid-infos .infos .tel .icones{margin:0 15px 0 0;width:26px;height:26px;float:left}
    .fluid-infos .infos p.tel:hover{left:0}
    .fluid-infos .infos .btn-partage{position:relative;margin:8px 0 0;display:flex;left:155px;transition:.5s;background:var(--color1);line-height:1;padding:7px 9px;align-items:center}
    .fluid-infos .infos .btn-partage .icones{fill:var(--color0)}
    .fluid-infos .infos .btn-partage .icones.icone-partage{width:25px;height:25px;top:5px;margin-right:14px;fill:var(--color0)}
    .fluid-infos .infos .btn-partage:hover{left:0}
    .fluid-infos .icone-share{display:block;width:34px;height:22px;fill:var(--color0);padding-right:10px}
    .tete .header .btn-partage .icone-partage{display:block}
}


/*laptops*/
@media (min-width: 1024px) and (max-width: 1440px) {
    :root {
        --taille-font: calc(1vw * 0.590833333333);
    }
    .bloc-contenu.services.nbr-services- {padding: 0 !important;}
}

/*********/
/********/




.bx-pager.bx-default-pager a{background-color: var(--color2);opacity: 1;width: calc(var(--taille-font) * 0.6);height: calc(var(--taille-font) *1);transition: all 0.3s ease;opacity: 0.5;}

.bx-pager.bx-default-pager a.active,.bx-pager.bx-default-pager a:hover{background-color: var(--color2);width: calc(var(--taille-font) *1.6);height: calc(var(--taille-font) * 0.8);position: relative;top: 1px;}


.vegas-timer-progress {
    background: var(--color0)
}


@media (min-width: 768px) {
    .dispaly_flex {display:flex;}
    .flex_child_2 {flex: 2;}
    .flex_child_1 {flex: 1;}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .lightboxOverlay {overflow:scroll;}
    .lightboxOverlay::-webkit-scrollbar {width: 0;}
}

@media (max-width: 991px) {

      :root {
        --taille-font: 12px;
      }
    .pied::after{height:5%}
    .body-page-1 .fluid-contenu .corps{padding: 0em 3% 3em;}
    .bloc-contenu.services.nbr-services-{padding: 3rem 6%;}
    .flex-head{flex-direction:column-reverse}
    .flex-head-txt{width:100%}

.flex-head-img {
    width: 100%;
    margin-top: 4rem;
}
    .pied .scrollbars{height:150px}
    .body-page-1 .pied::after,.body-pageseo .pied::after,.body-contact .pied::after{height:8%}
    .intervention .contenu{padding:4rem 4%;width:100%}
    .intervention{padding:4rem 4%}
    .atouts-pseudo:before,.atouts-pseudo:after{height:10%}
    .icones{width:32px;height:32px;fill: var(--color0);margin: 16px 0 0 16px;}
    svg.icones * {fill: var(--color0);}
    .atouts-cards{grid-template-columns:1fr 1fr;padding-top: 0 !important;}
    .atouts{padding: 3em 0%;}
    .atouts-card:nth-child(3),.atouts-card:nth-child(4){margin-top:1rem}
    .atouts-card:nth-child(3){margin-left:0}
    .atouts-card:first-child{margin:0;margin-bottom: 2rem;}
    .atouts-img {display: none;}
    .atouts-cont {padding: 0 6%;}
    .splide__slide .ym-slide {min-height: 240px !important;}
    .banniere:after{background:#000;opacity: 0.4;}
    .contact .formulaire .form-group>label.control-label{display:block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateZ(0);bottom:11px;opacity:.5;position:relative;font-size:0}
    .contact .formulaire .form-group>label.focus{bottom:auto;font-size:var(--taille-font);padding-top:5px}
    .container{max-width:none;width:auto}
    .services .container{width:unset!important;max-width:unset!important;padding: 2em 0;}
    .container{}
    .centerservice2{margin:0!important}
    .centerservice{margin:0 25%!important}
    .contact .formulaire .form-group .col-md-4{width:100%!important}
    .contact .formulaire .form-group .col-md-8{width:100%!important}
    .contact .formulaire .form-group input[name=captcha]{width:100%!important;margin-right:0!important;text-align:left!important}
    .contact .formulaire .form-group input[name=captcha]+a{position:absolute;width:140px;top:1px;right:1px;margin-right:0!important}
    .contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;float:none}
    .lb-prev{opacity:1!important;background:url(../images/lightbox-g.png) left 48% no-repeat}
    .lb-next{opacity:1!important;background:url(../images/lightbox-d.png) right 48% no-repeat}
    .video-accueil{position:static;width:100%;height:auto;margin-left:0}
    .banniere{height:25vh!important;position:relative}
    .body-page-1 .banniere{height:40vh!important}
    .body-page-1 .banniere{top:0!important}
    .realisations .row.recup-photos.gallery{padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"item1 item2" "item3 item4"!important;grid-template-rows:250px 250px!important;grid-gap:10px!important}
    .realisations .row.recup-photos.gallery .col-md-3:last-child{display:none}
    .pied .bande1{padding:5rem 10% 70px}
    .prestation .cell.texte .contenu{padding:50px 10%}
    .contact .tab-coordonnes .cell.gauche .contenu{padding:50px 7% 30px}
    .certifs .logo-certif img{background-size:contain}
    .fluid-contenu{margin:0!important}
    .slogan{width:100%;left:0;padding:0 15px;top:auto}
    .body-page-1 .slogan{text-align:center;width:100%}
    .slogan .titre{font-size:32px;line-height:60px}
    .slogan .titre span{font-size:29px}
    .slogan .sous-titre{font-size:20px;line-height:20px}
    .body-page-1 .banner img{-webkit-clip-path:unset;clip-path:unset;}
    .body-page-1 .banner{width:100%;bottom:auto;top:0;right:0}
    .body-page-1 .slogan .sous-titre{margin:1rem auto 0;background:no-repeat;color:var(--color0)}
    .body-page-1 .slogan .titre{color:var(--color0);background:no-repeat}
    .gallery .description-galerie{padding:0 0 40px;text-align:justify}
    .page-contenu-home{padding:0}
    .flex-head .text-center{text-align:center;}
    .certifs .cell.gauche .contenu{padding:0}
    .intervention .contenu{}
    .actualites .cell.texte .contenu{padding: 3em 0;}
    .actualites{padding: 2rem 6%;}
    .actualites article {display: flex !important;flex-direction: column-reverse;}
    .bande_contact_footer{padding:0}
    .flex-seoContain{flex-wrap:wrap}
    .flex-seoContain .seo-content{width:100%;background:0 0}
    .flex-seoContain .seo-form{width:100%}
    .img-seo img{width:100%;height:auto}
    .bande_contact_footer .row1{padding:5rem 11%}
    .contact .tab-formulaire{padding:5rem 10%}
    .livre-elements{padding:0}
    .actualites .cell.photo{height:360px;width:100%}
    .actualites .cell.texte{width:100%}
    .contact-footer-txt{display:none}
    .formulaire.contact-footer{width:100%}
    .AvisClientsBg,.realisations{padding:3em 0 5em}
}

@media (max-width: 767px) {
    :root {
        --taille-font: calc(1vw * 2);
    }
    .h2,h2{font-size: 32px;}
    .h3,h3{font-size: 28px;}
    h4{font-size: 20px;}
    h5{font-size: 16px;}
    .pied::after{height:2%}
    .atouts-pseudo:before,.atouts-pseudo:after{height:6%}
    .AvisClientsBg a.bouton-principal{width:calc(var(--taille-font) *33)}
    .pied .scrollbars{height:215px}
    .intervention{padding:4rem 0;border-radius:0}
    .banner-title{font-size:23px}
    .special-banner{flex-direction:column;gap:22px}
    .realisations .row.recup-photos.gallery .col-md-3:nth-child(3),.realisations .row.recup-photos.gallery .col-md-3:nth-child(4){margin-top:10px}
    .bloc-contenu.services.nbr-services-{padding:0 5%}
    div.title{width:88%}
    div.title h3{font-size:13px}
    .flex-head .text-center{text-align:center}
    .page-contenu-home{text-align:left}
    .page-contenu-home h3{font-size:16px}
    .page-contenu-home li p,.page-contenu-home p{text-align:justify}
    ul li:before{top:2px}
    
    .atouts{padding:3em 5%}
    .atouts-cards{grid-template-columns:1fr}
    .atouts-card{margin-bottom: 2rem;/* margin-top:1rem; */flex-direction: column;}
    .card-text {width: 100%;}
    .flex-head-img img{display:none}
    .corps{--taille-font: 14px;font-size:var(--taille-font)}
    .new-button{font-size:calc(var(--taille-font) * 1)}
    .corps .flex-head-img{display:none}
    .pad-xs{padding-left:15px!important;padding-right:15px!important}
    .pad-xs-l{padding-left:15px!important}
    .pad-xs-r{padding-right:15px!important}
    .centerservice2{margin:0!important}
    .centerservice{margin:0!important}
    .nopad-xs{padding-left:0!important;padding-right:0!important}
    .nopad-xs-l{padding-left:0!important}
    .nopad-xs-r{padding-right:0!important}
    .h1,h1{font-size:22px;line-height:22px}
    .intervention h2{text-align: left;}
    .intervention h2:before{/* left:50%; *//* margin-left:calc(var(--taille-font) * -3.7); */}
    .flex-head-txt h1{text-align:center}
    .flex-head-txt h1::before{left:50%;margin-left:calc(var(--taille-font) * -3.7)}
    .titre-secondaire{font-size:17px;line-height:24px}
    .intervention .titre-secondaire{text-align: left;}
    .flex-head-txt .titre-secondaire{text-align:center}
    .body-page-1 .slogan{position:absolute;/* background:var(--color2); */width:100%;text-align:center;padding:15px;bottom:0;top:auto;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .slogan{text-align:center}
    .slogan .titre{font-size:23px;line-height:24px}
    .slogan .titre span{font-size:23px}
    .slogan .sous-titre{font-size:17px;line-height:17px}
    .body-page-1 .slogan .sous-titre{position:relative;top:4px}
    .fluid-contenu .corps{padding:20px 15px 40px}
    .body-page-1 .fluid-contenu .corps{}
    .body-page-1 .fluid-contenu .corps{padding:2em 5% 3em}
    .recup-photos .col-md-4{padding-left:5px!important;padding-right:5px!important}
    .recup-photos{margin-left:-5px!important;margin-right:-5px!important}
    .newsList .recup-photos{margin-left:0!important;margin-right:0!important}
    .recup-photos .propor{margin-bottom:5px}
    .certifs{display:block}
    .certifs .cell.gauche{display:block;width:100%}
    .certifs .cell.gauche .contenu{padding:30px 15px 40px}
    .certifs .cell.droite{display:block;width:100%;padding:0 15px 30px}
    .certifs .cell.droite .bg-noir{padding:40px 0}
    .cont-slider .controls{bottom:-20px}
    .services{display:block}
    .services .cell.gauche{display:block;width:100%;height:180px}
    .services .cell.droite{display:block;width:100%}
    .services .cell.droite .contenu{padding:30px 15px 40px}
    .realisations{display:block}
    .realisations .titre-secondaire{display:inline-block;width:100%}
    .realisations .col-md-3{padding-left:5px!important;padding-right:5px!important}
    .realisations{margin-left:-5px!important;margin-right:-5px!important;padding:3em 5% 5em}
    .realisations .row.recup-photos.gallery{grid-template-rows:150px 150px!important;gap:0!important}
    .realisations .propor{margin-bottom:5px}
    .AvisClientsBg .contenu,.realisations .contenu{}
    a.bouton-principal,button.bouton-principal{padding:13px 40px 13px 20px!important}

.body-temoignage button.bouton-principal {
    width: 100%;
}
    .intervention .contenu{padding:40px 15px 50px;border-radius:0;font-size:14px;line-height:1.64}
    .intervention ul{column-count:1;width:100%}
    .AvisClientsBg{padding:0}
    .temoignageScroll{max-height:135px}
    .temoignageScroll{max-height:135px}
    .note-avis{flex-wrap:wrap}
    .bande_contact_footer .row1{padding:2rem 8%}
    .divAvis{width:100%}
    .pied .bande1{padding:70px 15px 30px}
    .pied .bande2 {flex-direction: column;}
    .pied .btn-like{padding:0 0 15px;text-align:center}
    .pied .btn-partage{text-align:center;padding:20px 0 0;justify-content:center}
    .pied .btn-partage a{text-align:center}
    .body-contact .fluid-contenu .corps,.body-gallery-4 .fluid-contenu .corps{padding:30px 0 0}
    .contact .tab-coordonnes{display:block}
    .contact .tab-coordonnes .cell.gauche{display:block;width:100%;border:none}
    .contact .tab-coordonnes .cell.gauche .contenu{padding:0 15px 30px}
    .contact .tab-coordonnes .cell.centre{display:block;width:100%}
    .contact .tab-coordonnes .cell.droite{display:block;width:100%;height:180px}
    .contact .plan .block #googlemapapi,.contact .plan iframe{height:250px!important}
    .contact .tab-formulaire{display:block;padding:5rem 8%}
    .contact .coordonnees{padding:0}
    .gallery .description-galerie{padding:0 15px 20px}
    .actualites,.prestation{display:block;padding: 4em 6% 2em;margin-bottom: 2rem;}
    .actualites .cell.photo,.prestation .cell.photo{display:block;width:100%;height:180px}
    .actualites .cell.texte,.prestation .cell.texte{display:block;width:100%;clear:both}
    .actualites .cell.texte .contenu,.prestation .cell.texte .contenu{padding:30px 15px}
    .gallery .ligne-photos .col-md-1,.gallery .ligne-photos .col-md-2,.gallery .ligne-photos .col-md-3,.gallery .ligne-photos .col-md-4,.gallery .ligne-photos .col-md-6{padding-left:5px!important;padding-right:5px!important}
    .gallery .ligne-photos{margin-left:-5px!important;margin-right:-5px!important}
    .gallery .ligne-photos .propor{margin-bottom:10px}
    .gallery .nav li{margin-bottom:0;background:0 0}
    .gallery .description-galerie{padding:0 0 40px;text-align:justify}
    .services .cell.droite .contenu{clear:both}
    .scrollbars{width:100%;height:auto}
    .news_avant_apres>div:last-child{right:0}
    .news_avant_apres>div{display:block;margin:0 0 5px}
    .news_avant_apres,.news_avant_apres>div{display:block}
    .atouts1-container{flex-direction:column;padding: 0;}
    .atouts1-card{align-items:flex-start;text-align:left}
}

@media (min-width: 768px) and (max-width:991px) {
    .pad-sm{padding-left:15px!important;padding-right:15px!important}
    .pad-sm-l{padding-left:15px!important}
    .pad-sm-r{padding-right:15px!important}
    .nopad-sm{padding-left:0!important;padding-right:0!important}
    .nopad-sm-l{padding-left:0!important}
    .nopad-sm-r{padding-right:0!important}
    .slogan{text-align:center}
    .body-service-list h1,.body-service h1{text-align:center}
    .scrollbars{height:240px}
    .body-contact .fluid-contenu .corps,.body-gallery-4 .fluid-contenu .corps{padding:30px 0 0}
    .h1,h1{font-size:26px;line-height:26px}
    .titre-secondaire{font-size:23px;line-height:24px}
    .gallery .description-galerie{padding:0 0 40px;text-align:justify}
}

@media (min-width: 991px) and (max-width:1199px) {
    .slogan .sous-titre{font-size:20px;line-height:20px}
    .services a.bouton-principal{font-size:11px}
    .body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:16px 20px;font-size:12px}
    .contact .coordonnees{padding:0}
    .contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;float:none}
}

.g-recaptcha{float:left}
#g-recaptcha-response{left:12px;position:relative;display:block!important;top:-45px;opacity:0!important;margin:0!important;height:10px!important}

.infinite-scroll .chargement {
    background: rgba(0,0,0,0) url(../images/chargement.gif) no-repeat scroll center top;
    bottom: 0;
    display: none;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 32px
}
/* Sub menu */

.navh .menu_principal > li > ul > li {padding: 0 2rem 0 0;margin-right: 4rem;}
.navh .menu_principal > li > ul > li > a {font-weight: 600;}
.fixed .navh .menu_principal > li > ul {background: white;}
.navh .menu_principal > li:hover > ul {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -moz-transform: translate(0px, 0px);
  transform: translate(-55%, 8px);
} 
.navh .menu_principal a i {margin-left: 8px;}

.navh .menu_principal > li > ul {
  position: absolute;
  display: flex;
  padding: 1rem 4rem;
  visibility: hidden;
  bottom: initial;
  left: 88%;
  min-width: 200px;
  width: fit-content;
  list-style: outside none;
  background: rgb(255 255 255);
  box-shadow: -4px 8px 16px #0000004f;
  backdrop-filter: blur(16px);
  z-index: 9999;
  white-space: nowrap;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-55%, 0px);
  transform: translate(-55%, 0px);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
  flex-direction: column;
  text-align: left;
}

.sub-menu li:before {
    display: none;
}


@media print {
    @page{size:portrait;margin:2cm}
    body{background-color:var(--color0);font-family:Serif;font-size:10pt}
    a:after{content:" [" attr(href) "] "}
    h1,h2,h3{font-family:verdana,serif}
    .hide-print{display:none}
    .hide{display:none}
    .clear{clear:both}
    div[class^=col-]{width:100%}
    .gallery .ligne-photos div[class=col-md-2]{width:16.666666666667%}
    .gallery .ligne-photos div[class=col-md-3]{width:25%}
    .gallery .ligne-photos div[class=col-md-4]{width:33%}
    .gallery .ligne-photos div[class=col-md-6]{width:50%}
}

.swiper-slide > .hero-img{transition-duration:.8s;transform:scale(1.1);opacity:0}
.swiper-slide-active > .hero-img{opacity:1;transform:scale(1)}

.container-ms{display:flex;min-height:100vh;position:relative;z-index:2}



/***
* Splid js 
***/
.splide__pagination li:before{display: none;}
.my-slider-progress{background: #ffffff3d;position: absolute;bottom: 7em;width: 80%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.my-slider-progress-bar{background: var(--color0);height:2px;-webkit-transition:width 400ms ease;-o-transition:width 400ms ease;transition:width 400ms ease;width:0}
.splide__pagination__page {
    height: 5px;
    width: 18px;
    border-radius: 4px;
    background: var(--color2);
    opacity: 0.6;
}

.splide__pagination__page.is-active {opacity: 1; background: var(--color2); width: 10px; height:4px;}


/***
* Big slide
***/
#splide01{/* padding-top:4rem; */}
#splide01 .splide__slide{overflow:hidden;}
.splide__slide .ym-slide {display: block !important;min-height: 38vh;height: 100%;position: relative;text-decoration: none;padding: 6%;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;z-index: 1;}
.splide__slide .ym-slide:hover {transform: scale(1.05);z-index: 9;padding: 6% 8% 10%;}
.splide__slide .ym-slide:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color3);opacity: 0.5;}
.ym-slide .ym-title{position: relative;color: var(--color0);height: 100%;width: 100%;}
.ym-slide .ym-title h3 {margin: 0;color: var(--color0);position: absolute;bottom: 0;}
.see_more-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width: 60px;height: 60px;position:relative;overflow: hidden;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.splide__slide .ym-slide:hover .see_more-btn {top: 2%;}
.see_more-btn:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--color2);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;opacity: 0;}
.splide__slide .ym-slide:hover .see_more-btn:before {opacity: 1;}
.arrow-line1,.arrow-line2{width: 30px;height: 30px;background:var(--color0);position:absolute;left:50%;top:50%;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.arrow-line1{width:4px;top: -500%;}
.splide__slide .ym-slide:hover .arrow-line1 {top: 50%;}
.arrow-line2{height:4px;left: -500%;}
.splide__slide .ym-slide:hover .arrow-line2 {left: 50%;}

#splide01 .splide__arrows{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content: flex-end;width:10vw;position:absolute;right: 0%;top: -10%;}
#splide01 .splide__arrow{position:relative;-webkit-transform:unset;-ms-transform:unset;transform:unset;top:unset;left:unset;right:unset;border-radius: 0;margin: 2px;width: calc(var(--taille-font) * 4);height: calc(var(--taille-font) * 4);background: var(--color2);opacity: 1;}
#splide01 .splide__arrow svg {fill: var(--color0);}

span.cat-span {
    text-transform: uppercase;
    text-orientation: sideways;
    text-align: start;
    writing-mode: vertical-lr;
    /*text-transform: rotate(180deg);*/
    margin:0px auto;
    position: absolute;
    right: 5%;
    top: 32px;
    font-family: var(--font_family_2);
    font-size: calc(var(--taille-font) * 1.5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.splide__slide .ym-slide:hover .cat-span {
    top: 4%;
}