:root{--color0:#ffffff;--color1: 234,0,4;--color1-hex: #ea020a;--color2: #0c7fd1;--color3: #0a0a0a;--color4:0,0,0;--font_family_1:'Roboto-Regular',sans-serif;--font_family_2:'Questrial';--taille_font:16px}
body,html{height:100%}
body{width:100%;margin:0;padding:0}
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%}
ol,ul{list-style-position:inside;padding-left:0;list-style-type:none;list-style-image:none}
ol li,ul li{
    background: url(../images/ico-puce.png) no-repeat 0 center;
    padding-left: 16px;
    background-size: 7px auto;
}
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;color: var(--color3);}

.corps .horaire-table tr td {
    color: var(--color0);
}
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{border-color:rgba(var(--color1),1)}
hr.trait{height:1px;margin:-.5em 0;padding:0;color:rgba(var(--color1),1);background-color:rgba(var(--color4),.51);border:0}
.page-contenu img{margin:10px}
a.imagecont.noflicker.img1{float:right;margin-left:15px;margin-bottom:15px}
body{color: var(--color3);font-family:var(--font_family_1);font-size:var(--taille_font);background:rgba(var(--color4),1);-webkit-text-shadow:.5px .5px 0 rgba(var(--color4),.51);-moz-text-shadow:.5px .5px 0 rgba(var(--color4),.51)}
a,a:link,a:visited{color:#fff;text-decoration:underline}
a:hover{text-decoration:none}
.corps a:hover{color:rgba(var(--color1),1)}
/*.corps h2,.corps h3,.corps h4,.corps h5,.corps h6{color:rgba(var(--color1),1);font-size:41px;padding-left:0}*/
a:active{outline:0}
.h1,.h2,.h3,h1,h2,h3,h4,h5,h6{color: var(--color1-hex);font-family:var(--font_family_1);text-align:left}
.h1,h1{font-size: 42px;line-height: 42px;color: var(--color1-hex);text-align:center;position:relative;display:table;margin: 0 auto 1.5em;font-family:var(--font_family_2)}
/*.bande1 .h1,.body-page-1 .services .h1,.body-pageseo .services .h1{font-size:54px;line-height:38px;letter-spacing:3px;color:#fff;text-align:center;position:relative;display:table;margin:0 auto 26px;padding-left:0}*/
/*.h1:before,h1:before{content:"";position:absolute;bottom:-16px;left:50%;margin-left:-20px;background:0 0;width:40px;height:1px}*/

.h1.sans-image:before,h1.sans-image:before{display:none}
.h2,h2{font-size:calc(var(--taille_font) + .8rem)}
.h3,h3{font-size:calc(var(--taille_font) + .7rem)}
h4{font-size:calc(var(--taille_font) + .6rem)}
h5{font-size:calc(var(--taille_font) + .5rem)}
h6{font-size:calc(var(--taille_font) + .4rem)}
.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:24px;line-height:24px;padding:0;margin:0;color: var(--color1-hex);text-align:center;text-transform:none;letter-spacing:0;font-weight:100;display:block;margin: 15px 0 0 0;font-family: var(--font_family_1);}
/*.h1:after,h1:after{content:"";position:absolute;bottom:7px;left:0;background:url(../images/vc1.png) no-repeat;width:29px;height:29px}*/
.prestation .h1:after{display:none}
/*.bande1 .h1:after,.body-page-1 .services .h1:after,.services h1:after{content:"";position:absolute;bottom:7px;left:0;background:url(../images/vc2.png) no-repeat;width:29px;height:29px}*/
.copyright h2,.copyright h3{color:rgba(var(--color1),1)}
.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(var(--color4),0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background-color: var(--color1-hex);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom: -16px;left: -16px;right:0;background-color: var(--color2);-webkit-transform-origin: 0%;transform-origin: 0%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration: 0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius: 50%;aspect-ratio: 1/1;transform: scale(0) translate(-25%, -25%);-webkit-transform: scale(0) translate(-25%, -25%);}
.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:#fff;border-color: var(--color2);}
.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform: scale(2) translate(-25%, -25%);transform: scale(2) translate(-25%, -25%);}
.services .cell.droite .contenu ul .hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;/* -webkit-transform:translateZ(0); *//* transform:translateZ(0); */box-shadow:0 0 1px rgba(var(--color4),0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background-color: var(--color1-hex);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.services .cell.droite .contenu ul .hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color: var(--color2);/* -webkit-transform:scaleX(0); *//* transform:scaleX(0); *//* -webkit-transform-origin:50%; *//* transform-origin:50%; */-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration: 1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.services .cell.droite .contenu ul .hvr-shutter-out-horizontal:active,.services .cell.droite .contenu ul .hvr-shutter-out-horizontal:focus,.services .cell.droite .contenu ul .hvr-shutter-out-horizontal:hover,.services .cell.droite .contenu ul a.hvr-shutter-out-horizontal:active,.services .cell.droite .contenu ul a.hvr-shutter-out-horizontal:focus,.services .cell.droite .contenu ul a.hvr-shutter-out-horizontal:hover{color:#fff}
.services .cell.droite .contenu ul .hvr-shutter-out-horizontal:active:before,.services .cell.droite .contenu ul .hvr-shutter-out-horizontal:focus:before,.services .cell.droite .contenu ul .hvr-shutter-out-horizontal:hover:before{/* -webkit-transform:scaleX(1); *//* transform:scaleX(1); */}
.news .propor .propor-cont:before,.realisations .galerie .propor .propor-cont:before,.recup-photos .propor .propor-cont:before{content:"";border: 3px solid rgb(var(--color1),1);position:absolute;width:100%;height:100%;top:0vw;left:0vw;z-index:0;opacity:0;transition:.4s;box-shadow:0 0 19px #0000004d}
.recup-photos .propor .propor-cont:hover:before{/* opacity:1; */transition:.4s;width:104%;height:104.5%;top:-.4vw;left:-.4vw}
.news .propor .propor-cont:hover::before,.realisations .galerie .propor .propor-cont:hover::before{opacity:1;transition:.4s;width: 100%;height: 100%;top: -0.5vw;left: -0.5vw;}
a.bouton-principal,button.bouton-principal{margin:10px 0 0;display: inline-block;text-align:center;color:var(--color0);border: 1px solid var(--color1-hex);text-decoration:none;padding: 15px 30px;font-size: 16px;font-family: var(--font_family_1);/* font-weight: 600; */overflow: hidden;}
a.bouton-principal.white { background-color: transparent; margin-left: 5px; }
a.bouton-principal.white::before,
a.bouton-principal.white::before {
    background-color: #e85827;
}

.sidebar-scroll-right .callTracker{width:100%;height:50px}
.callTracker{overflow:hidden}
.callTracker a,.callTracker span{display:inline-block;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;line-height:1.64em;text-decoration:none}
.callTracker .t_phone{opacity:0;display: none;}
.callTracker .t_affiche{cursor:pointer}
.callTracker.active .t_phone{opacity:1;display:inline-block}
.callTracker.active .t_affiche{opacity:0;display:none}
header .callTracker{display:inline;width:auto;margin:0 auto 31px;color:#fff;font-family:var(--font_family_1); display: flex; align-items: center;}
header .callTracker i { font-style: normal; line-height: 1;  display: inline-block; margin: 0 0 9px 0;  }
header .callTracker i small { display: block; font-size: 50%; color: rgba(var(--color1),1);      margin: 0 0 4px 0; }

.coordonnees .callTracker a,.coordonnees .callTracker span{font-weight:700;text-decoration:underline}
.pied .callTracker span.t_affiche{font-weight:700!important;text-decoration:underline}
.main-page{position:relative;overflow:hidden;padding: 0px 0 0 300px;}
.banniere{position: fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--color4),1)}
.banniere .fond{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size: cover;}
.banniere .banner-pic {
    width: 100vw;
}
.banniere .motif{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;background:#00000052;}
.tete{position:fixed;left:0;top:0;bottom:0;width: 300px;z-index:7999;background: #000;padding-top:2vh;display:flex;justify-content:space-between;flex-direction:column}
.tete:before{content:'';position:absolute;height:100%;width: 100%;background:#171717;left:0;right:0;margin:auto;top:0;z-index:-1;background-size:cover;box-shadow:0 0 19px #000000a6}
.tete .logo-site{margin: 0 auto;padding:25px 45px 17px;text-align:center}

.tete .logo-site a {
    text-decoration: none;
}
.tete .logo-site img{height:auto;width:auto}
.tete .logo-site .sr, .atout .sr {color: var(--color1-hex);font-size: 48px;font-weight: lighter;line-height: 55px;font-family: var(--font_family_2);}
.top-logo {
    width: 194px;
}
.sur-banniere{position:relative;height:800px;background: #00000042;}
.slogan{position:relative;margin-top: 25%;left:50%;color:var(--color0);width:100%;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-shadow:0 0 19px #0000007d}
.h1.slogan:after,.h1.slogan:before,h1.slogan:after,h1.slogan:before{content:"";width:0;height:0;background:0 0;position:inherit;bottom:inherit;left:inherit;margin-left:0}
.slogan .titre{
    font-size: 55px;
    color: #ffff;
    font-weight: lighter;
    line-height: 55px;
    font-family: var(--font_family_2);
}
.slogan .titre span{font-size:48px}
.slogan .sous-titre{
    font-size: 30px;
    line-height: 26px;
    color: var(--color0);
    display: inline-block;
    padding: 1em 0 0 0;
}

.slogan .bouton-principal { margin-top: 2.5em; transition: all ease-in-out .3s; }
.slogan .bouton-principal:hover,
.slogan .bouton-principal:focus {
    background-color: rgba(var(--color1),1);
}

.slogan .bouton-principal.white {
    background-color: rgba(var(--color1),1);
}

.slogan .bouton-principal.white:hover,
.slogan .bouton-principal.white:focus {
    background-color: transparent;
}

.body-pageseo .slogan .titre{font-size:54px;line-height:54px;letter-spacing:0}
.btn-descendre{position:relative;margin:20px 0 0;display:inline-block}

.scrolldown{--color:#fff;position:relative;display: block;width: 30px;height: 50px;margin-left:var(sizeX / 2);border: calc(30px / 10) solid var(--color1-hex);border-radius:50px;box-sizing:border-box;margin-bottom:16px;cursor:pointer}
.scrolldown::before{content:"";position:absolute;bottom:30px;left:50%;width:6px;height:6px;margin-left:-3px;background-color: var(--color1-hex);border-radius:100%;animation:scrolldown-anim 2s infinite;box-sizing:border-box;box-shadow:0 -5px 3px 1px #2a547066}
@keyframes scrolldown-anim {
0%{opacity:0;height:6px}
40%{opacity:1;height:10px}
80%{transform:translate(0,20px);height:10px;opacity:0}
100%{height:3px;opacity:0}
}
.chevrons{padding:6px 0 0;margin-left:-3px;margin-top:48px;width:30px;display:flex;flex-direction:column;align-items:center;}
.chevrondown{margin-top:-6px;position:relative;border: solid var(--color1-hex);border-width:0 3px 3px 0;display:inline-block;width:10px;height:10px;transform:rotate(45deg)}
.chevrondown:nth-child(odd){animation:pulse54012 500ms ease infinite alternate}
.chevrondown:nth-child(even){animation:pulse54012 500ms ease infinite alternate 250ms}
@keyframes pulse54012 {
from{opacity:0}
to{opacity:.5}
}
@keyframes pulse-border{
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.8);opacity:0}
}
.infos{padding:25px 30px 0 0;position:relative;top:0;right:0}
.widget-partage{display:none}
.btn-partage .btnp{margin: 0 4px;width:44px;height:44px;border-radius: 50%;border: 2px solid var(--color0);background-repeat:no-repeat;background-position:center center;display: inline-block;transition:all .4s ease;text-align:center;position: relative;align-items: center;justify-content: center;}

.btn-partage .btnp:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: -2px;
    top: -2px;
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: transparent;
    z-index: -1;
}

.btn-partage .btnp:hover:after {
    background: var(--color1-hex);
    animation: pulse-border 1s ease-out both;
}
.btn-partage .btnp:hover{background-color:rgba(var(--color1),1);border: 2px solid rgba(var(--color1),1);}
.fluid-contenu .btn-partage{text-align:right;}
.navh{position:relative;margin:0;z-index:8000;padding:0 0 0}
.navh .menu_principal{margin:0;padding:0;list-style:outside none}
.navh .menu_principal>li{display:block;padding:0;background:0 0;margin-bottom:5px;transition:all .4s ease;padding-bottom:13px}
.navh .menu_principal>li.has-sub-menu-opened{margin:30px 0}
.navh .menu_principal a,.navh .menu_principal a:visited{position:relative;color:#ffff;display:block;font-size:20px;text-transform:none;padding:0;padding-left:58px;text-decoration:none;font-family:var(--font_family_1);transition:.9s;text-align:left}
.navh .menu_principal a:hover,.navh .menu_principal li.active>a{color: #ea020a;padding-left:76px}
.navh .menu_principal a:before,.navh .menu_principal li>a:before{content:'';width:0;height:1px;background: #ea020a;position:absolute;top:50%;left:25px;transition:.4s}
.navh .menu_principal a:hover:before,.navh .menu_principal li.active>a:before{width:41px}
.navh .menu_principal li.active>a:hover{cursor:default}
.navh .menu_principal>li ul{list-style-type:none;list-style-image:none;display:none}
.navh .menu_principal>li ul.scrollbars{max-height:85px;height:auto}
.tel-left{text-align:left;background:url(../images/phone-circle.png) no-repeat 11px 50%;font-size:23px;padding:0}
.fluid-contenu{position:relative;z-index:8000;}
.fluid-contenu .corps:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:-1;padding-bottom:23px}
.fluid-contenu .corps{padding: 8rem 5% 80px;background: #171717;color: var(--color0);position:relative;border-radius: 0 0vw 0 0vw;box-shadow:0 0 19px #00000045}

.body-page-1 .fluid-contenu .corps {
    display: flex;
}

.body-page-1 .fluid-contenu .corps .node-1 {
    width: 60%;
    padding: 0 6%;
    scrollbar-width: thin;
    scrollbar-color:  var(--color1-hex);
}

.body-page-1 .fluid-contenu .corps .node-1 h1 {
    text-align: left;
    margin-left: 0;
}

.body-page-1 .fluid-contenu .corps .node-1 .page-contenu.clear {
}

.body-page-1 .fluid-contenu .corps .node-1 .page-contenu.clear::-webkit-scrollbar-thumb {
    background: var(--color1-hex);
}

.body-page-1 .fluid-contenu .corps .node-1 .page-contenu.clear::-webkit-scrollbar-track {
    background: #f2f2f2;
}

.body-page-1 .fluid-contenu .corps .node-1 .page-contenu.clear::-webkit-scrollbar {
    width: 3px;
}

.body-page-1 .fluid-contenu .corps .recup-photos {
    width: 35%;
    display: flex;
    align-items: stretch;
    margin-top: 0;
}
.body-gallery .fluid-contenu .corps{padding:80px 0 0}
.body-contact .fluid-contenu .corps,.body-service-list .fluid-contenu .corps{padding:0;box-shadow:none}
.suite{text-align:center;padding:20px 0 0}

.maped-home {
    width: 95%;
    height: 350px;
    position: relative;
    overflow: hidden;
    margin: 2em auto 0 auto;
}

.maped-home iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: grayscale(80%) invert(.9);
}

.atout{position:relative;display:inline-block;width:100%;padding: 60px 6% 80px;/* background: #171717; */border-radius: 0 0vw 0 7vw;/* box-shadow: 0 0 19px #00000059; */}
.atout .atout-container{position:relative;display:flex;width:100%;justify-content:center;align-items:stretch}
.atout-title{width: 100%;display:flex;align-items:center;text-align:center;padding:0 2%;justify-content: center;}
.atout-title .h1{color:#fff;margin:0;width:100%}
.atout-title .h1 span{
    margin-top: 17px;
    line-height: 1.3;
}
.atout-picto{width:70%;display:flex;flex-wrap:wrap;text-align:center;padding-left:.5%}
.atout-picto>div{
    width: 32%;
    margin: 0 .5% 7px;
    padding: 4em 2em;
    border: 1px solid #383838;
}
.atout-picto>div:nth-child(4),.atout-picto>div:nth-child(5),.atout-picto>div:nth-child(6){margin-bottom:0}
.atout-picto>div p{padding: 0; margin: 0;}

.recup-photos{margin:50px 0 0}
.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}

.body-page-1 .fluid-contenu .corps .recup-photos .propor {
    height: 75%;
    position: relative;
}

.body-page-1 .fluid-contenu .corps .recup-photos .col-md-4:nth-child(2) .propor {
    top: 10%;
}

.body-page-1 .fluid-contenu .corps .recup-photos .col-md-4:nth-child(3) .propor {
    top: 20%;
}
.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%;background:rgba(var(--color1),.3) url(../images/ico-zoom.svg) no-repeat center center}
.recup-photos .propor .propor-cont .imagecont:hover .masque{opacity:.8;filter:alpha(opacity=80)}
.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)}
.certifs{display:table;table-layout:fixed;width:100%;position:relative;z-index:8000;background:#000}
.certifs .cell.gauche{display:table-cell;vertical-align:middle;width:50%}
.certifs .cell.gauche .contenu{display:flex;padding:150px 12% 140px;flex-direction:column}
.certifs .cell.droite{display:table-cell;vertical-align:middle;width:50%;padding:80px 50px 80px 0}
.certifs .cell.droite .logo-certif{padding:0 15px;height:260px;line-height:260px;vertical-align:middle;text-align:center}
.certifs .cell.droite .bg-noir{background:rgba(var(--color4),.5);padding:150px 0}
.actualites,.block .actualites article{display:table;width:100%;position:relative;z-index:8000}
.actualites:nth-child(even+1){direction:rtl}
.actualites .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center}
.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 .cell.photo:hover{opacity:.95;filter:alpha(opacity=95)}
.actualites .cell.texte{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid #e6e6e6}
.actualites:last-child .cell.texte{border-bottom:none}
.actualites .cell.texte .contenu{padding:120px 10%;text-align:justify;direction:ltr}
.actualites .cell.texte .contenu ul{padding:0;margin:0}
.actualites .cell.texte .contenu ul li{padding:5px 0 5px 20px;background:no-repeat 0 9px}
.actualites .cell.texte .contenu ul li .bouton-principal{display:block}
.actualites a.bouton-principal,.news a.bouton-principal{min-width:190px;margin:30px 0;padding:13px 20px}
.actualites .date_post,.news .date-article{font-size:15px;font-style:italic;font-weight:700;color:var(--color0)}
.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 hr{width:50%}
.date-article-time{display:inline-block;padding-top:13px}
.actualites.bg-optionnel .cell.texte{border-top:1px solid rgba(var(--color1),1);border-bottom:1px solid rgba(var(--color1),1)}
.etoiles .fa{color:#fc0}
.AvisClientsBg .bouton-principal{min-width:210px}
.AvisClientsList{margin:0;padding:0}
.AvisClientsList li{list-style:none;background:0 0}
.avisClientsBg .h{text-align:center}
.AvisClients,.AvisClients:link,.AvisClients:visited{position:relative;background-color:rgba(var(--color4),.7);padding:80px 20px 20px;text-align:center;height:300px;margin-top:100px;display:block;text-decoration:none}
.AvisClients:active,.AvisClients:hover{background-color:rgba(var(--color4),.8)}
.AvisClients .h{font-size:18px;color:var(--color0);text-align:center;text-transform:uppercase;margin-bottom:0}
.AvisClients p{font-size:16px;margin-bottom:0}
.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:rgba(var(--color4),.51)}
.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:109px;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:12px;padding:4px 0}
.AvisClientsBg .bx-controls.bx-has-pager{display:block;position:relative;height:70px}
.livre-elements{padding:0;margin-bottom:40px;text-align:center}
.livre-elements .blazy{margin:0 auto 10px;border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(var(--color4),.51);width:115px;height:115px}
.livre-elements .pseudo{margin-bottom:10px}
.livre-elements .date{margin-bottom:10px!important}
.livre-elements .etoiles{margin-bottom:0!important}
.livre-elements .temoignage{text-align:justify}
.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:30px 20px;margin-bottom:60px;background-color:rgba(var(--color4),.7);border-radius:2px}
.divAvis p.temoignage{color:var(--color0)}
.divAvis .pseudo{text-align:center}
.bouton-principal.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:rgba(var(--color4),.8);color:var(--color2);text-shadow:none;font-family:var(--font_family_2)}
.modal-content .btn-close{border:0;background:0 0;padding:0;font-size:21px;color:rgba(0,0,0,1);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:#fff;border:1px solid #ccc;color:#323435;border-radius:2px}
.modal-content .form-control::placeholder{color:#323435!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}
.body-service .services{background:0 0}
.services{display:table;width:100%;position:relative;z-index:8000;background:var(--color0);border-bottom:2px solid var(--color0);min-height:55vh}
.services.services-home{padding: 7rem 2% 7rem 6%;background: var(--color0) no-repeat center / cover;background-attachment: fixed;}
.services .cell.gauche{display:table-cell;vertical-align:top;width:50%;border-right:2px solid var(--color0);background-position:center center;background-repeat:no-repeat;overflow: visible !important;}

.services .cell.gauche:before {
     content: "";
     position: absolute;
     border: 2px solid var(--color1-hex);
     width: 100%;
     left: -2%;
     height: 100%;
     top: -4%;
}
.services .cell.gauche .vegas-slide-inner{border-radius:var(--border-radius);}
.services .cell.droite{display:table-cell;vertical-align:top;width: 40%;}
.services .cell.droite .contenu{padding:6rem 12%;background: rgba( 255, 255, 255, 0.25 );box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );backdrop-filter: blur( 4px );-webkit-backdrop-filter: blur( 4px );border-radius: 10px;border: 1px solid rgba( 255, 255, 255, 0.18 );position: relative;left: -15%;top: 50px;}
.services .cell.droite .contenu .liste-services{position:relative;display:block;}
.services .cell.droite .contenu .liste-services h3{background:none;padding:0 0 0;margin:0 0 9px;}
.services .cell.droite .contenu .liste-services h3:before{content:none;}
.services .cell.droite .contenu .liste-servicesl h3 .bouton-principal{display:block}
.services .cell.droite .contenu .liste-services h3 .bouton-principal{font-size:16px;color:var(--color0);margin:0;display:block;}
.services .cell.droite .contenu .liste-services h3 .bouton-principal:hover{text-decoration:none;}
.btn-service{text-align:center;margin:10px 0}
.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:none;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}
.services.services-home .fancy {width: 100%;margin-bottom: 1rem;border-color: var(--color3);}

.services.services-home .fancy:hover {
    border-color: var(--color0);
}
.fancy {
 background-color: transparent;
 border: 2px solid  var(--color0);
 border-radius: 0;
 box-sizing: border-box;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 font-weight: 700;
 letter-spacing: 0.05em;
 margin: 0;
 outline: none;
 overflow: visible;
 padding: 1em 2em;
 position: relative;
 text-align: center;
 text-decoration: none !important;
 text-transform: none;
 transition: all 0.3s ease-in-out;
 user-select: none;
 font-size: 13px;
}

.fancy::before {
 content: " ";
 width: 1.5625rem;
 height: 2px;
 background: var(--color0);
 top: 50%;
 left: 1.5em;
 position: absolute;
 transform: translateY(-50%);
 transform-origin: center;
 transition: background 0.3s linear, width 0.3s linear;
}

.services.services-home .fancy::before {
    background: var(--color3);
}

.services.services-home .fancy:hover:before {
    background: var(--color0);
}

.fancy .text {
 font-size: 1.125em;
 line-height: 1.33333em;
 padding-left: 2em;
 /* display: block; */
 text-align: left;
 transition: all 0.3s ease-in-out;
 text-transform: uppercase;
 text-decoration: none;
 color: var(--color0);
}

.services.services-home .fancy .text {
    color: var(--color3);
    display: block;
}

.services.services-home .fancy:hover .text {
    color: var(--color0);
}

.fancy .top-key {
 height: 2px;
 width: 1.5625rem;
 top: -2px;
 left: 0.625rem;
 position: absolute;
 background: #171717;
 transition: width 0.5s ease-out, left 0.3s ease-out;
}

.services.services-home .fancy .top-key {
    background: var(--color0);
}

.fancy .bottom-key-1 {
 height: 2px;
 width: 1.5625rem;
 right: 1.875rem;
 bottom: -2px;
 position: absolute;
 background: #171717;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.services.services-home .fancy .bottom-key-1 {
    background: var(--color0);
}

.fancy .bottom-key-2 {
 height: 2px;
 width: 0.625rem;
 right: 0.625rem;
 bottom: -2px;
 position: absolute;
 background: #171717;
 transition: width 0.5s ease-out, right 0.3s ease-out;
}

.services.services-home .fancy .bottom-key-2 {
    background: var(--color0);
}

.fancy:hover {
 color: white;
 background: var(--color1-hex);
 border-color: var(--color1-hex);
}

.fancy:hover::before {
 width: 0.9375rem;
 background: white;
}

.fancy:hover .text {
 color: white;
 padding-left: 1.5em;
}

.fancy:hover .top-key {
 left: -2px;
 width: 0px;
}

.fancy:hover .bottom-key-1,
 .fancy:hover .bottom-key-2 {
 right: 0;
 width: 0;
}
.atout{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:32px;grid-template-rows:300px 300px;padding:2% 5%}
.atout-item{display:flex;flex-direction:column;align-items:center;line-height:1.5;padding:30px;background:var(--color0);position:relative;transition:all .3s linear;overflow:hidden;min-height: 280px;/* max-width: 360px; */border:1px solid #47454540;border-radius: 4px;justify-content: center;}

.atout-item img.shape{position:absolute;bottom: 8px;right: 8px;opacity: 1;width: 64px;filter: brightness(0) invert(1);}

.atout-item img {
    width: 90px;
    height: auto;
    opacity: 0;
}
.atout-item:hover img{width:50px;/* display: none !important; */}
.atout-item:hover img.shape{opacity: 0.3;z-index: 1;width: 129px;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.atout-item:hover img.shape0 {
    display: none;
}
.atout-item:after{content:"";position:absolute;inset:0;width:200px;height:200px;left:100%;top:0;transform:translate(-50%,-50%) rotate(0deg);opacity:0;background:red;transition:all .5s linear}
.atout-item:before{content:"";position:absolute;inset:0;width:50px;height:50px;right:100%;top:-50px;opacity: 1;background:var(--color3);transition:all .3s linear;}
.atout-item:hover:before{height: 100%;width: 100%;transform:translate(0);z-index: 0;top:0;}
.atout-item:hover:after{left:50%;top:50%;opacity:.1}
.atout-item:hover{background:transparent;justify-content: center;}
.atout-item:hover h3{position:relative;top:0;transform:translate(0);padding:20px;transition:all .3s linear;color: var(--color0);margin: 2rem 0;}
.atout-item span{padding:10px;color:var(--color3);font-size:8rem;position:absolute;top:65%;left:20px;transition:all .3s linear;font-family:var(--font2);opacity:-.9;font-weight:900;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px;-webkit-text-stroke-width:1px}
.atout-item:hover span{top:0;right:0;transform:translate(0%);font-size:20px;color:var(--color0);font-family:var(--font2);opacity:1;font-weight:100;width:fit-content;background: var(--color1-hex);}
.atout-item h3{font-size: 16px;text-align:center;color: var(--color0);position:absolute;top:58%;transform:translateY(-50%);margin:0;line-height:1.2;padding:20px;z-index: 9;}
.atout-item p.description{margin: 2rem auto 0;font-size:15px;line-height:1.7;transform:translateY(100px);opacity:0;transition:all .5s linear;max-height: 160px;z-index: 9;overflow: auto;}

.atout-item p.description::-webkit-scrollbar-thumb {
    background: var(--color1-hex);
}

.atout-item p.description::-webkit-scrollbar-track {
    background-color: var(--color0);
}

.atout-item p.description::-webkit-scrollbar {
    width: 3px;
}

p.description::-webkit-scrollbar {}
.atout-item:hover p.description{display:block;opacity:1;transform:translateY(0px);color:var(--color0)}
.owl-theme .owl-dots .owl-dot span{border-radius:0}
 .vczone .vc .vb img {
      transform: rotateY(0deg);
  }
  
  .vczone .vb:hover img {
      transform: rotateY(-360deg);
  }
  
  .vczone {
      padding: 48px 19px;
      position: relative;
      background: var(--color0);
  }
  
  .vczone p {
      color: var(--color3);
      /* padding-top: 20px; */
      text-align: center;
      font-weight: normal;
      text-transform: none;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      margin: auto;
      font-family: var(--font2);
      font-size: 18px;
      font-weight: 100;
  }
  
  .vczone .vc img {
      display: block;
      width: auto;
      max-height: 140px;
      margin-left: auto;
      margin-right: auto;
      transition: all 400ms ease;
      height: auto;
  }
  
  .vczone .vc1 img {
      display: block;
      width: auto;
      margin-left: auto;
      margin-right: auto;
      margin-top: 29px;
      transition: all 400ms ease;
  }
  
  .atout {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 32px;
      grid-template-rows: 300px 300px 300px;
      padding: 2% 9%;
      justify-items: center;
      align-items: center;
  }
  .atout-item, .atout-logo {
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 1.5;
      padding: 25px;
      background: transparent;
      text-align: center;
      position: relative;
      transition: all .3s linear;
      box-shadow: 1px 1px 50px #00000059;
      overflow: hidden;
      height: 320px;
      margin: 14px 0;
  }
  .atout-logo {background-color: transparent;display: flex;align-items: center;justify-content: center;border-radius: 50%;aspect-ratio: 1/1;background: transparent;box-shadow: 0px 0px;}
  .atout-item:before {
      content: "";
      position: absolute;
      opacity: 1;
      background: var(--color1-hex);
      transition: all .5s linear;
      content: "";
      position: absolute;
      inset: 0;
      width: 200px;
      height: 200px;
      left: 100%;
      top: 100%;
      transform: translate(-50%, -50%) rotate(45deg);
      opacity: 1;
      transition: all .5s linear;
  }
  
  .atout-item:after {
      content: "";
      position: absolute;
      inset: 0;
      width: 50px;
      height: 50px;
      right: 100%;
      top: 0%;
      transform: translate(-50%, -50%) rotate(45deg);
      opacity: 1.5;
      background: var(--color1-hex);
      transition: all .3s linear;
  }
  
  .atout-item:hover:after {
      height: 100%;
      width: 100%;
      transform: translate(0);
      z-index: 0;
  }
  
  .atout-item:hover:before {
      left: 0%;
      top: 0%;
      opacity: 1;
      z-index: 1;
      background: var(--color3);
  }
  
  .atout-item:hover {/* background: var(--color2); */box-shadow: 0px 0px 56px #cb030a2e;}
  .atout-item:hover .atout-pic {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100px;
      height: 100px;
      z-index: 1;
  }
  .atout-item:hover h3 {
      position: relative;
      font-weight: 600;
      /* top: -50px; */
      transform: translate(0);
      padding: 20px;
      transition: all .3s linear;
      /* color: var(--color1); */
      z-index: 2;
  }
  
  .atout-item span {
      padding: 10px;
      color: var(--color3);
      font-size: 7rem;
      position: absolute;
      top: 60%;
      left: 20px;
      transition: all .3s linear;
      font-family: var(--font_family_2);
      opacity: .2;
      font-weight: 900;
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke: 1px;
      -webkit-text-stroke-width: 1px;
  }
  
  .atout-item:hover span {
      top: 0;
      left: 50%;
      transform: translate(-50%);
      font-size: 32px;
      background: var(--color1);
      color: var(--color0);
      font-family: var(--font_family_2);
      opacity: 1;
      font-weight: 100;
      z-index: 1;
  }
  .atout-pic {
      position: absolute;
      top: 77%;
      left: 86%;
      width: 60px;
      height: 60px;
      transition: all .5s linear;
  }
  
  .atout-item h3 {
      font-size: 20px;
      text-align: center;
      color: var(--color1);
      position: absolute;
      top: 40%;
      transform: translateY(-50%);
      margin: 0;
  }
  
  .atout-item p.description {
      margin: 0;
      font-size: 14px;
      line-height: 1.7;
      transform: translateY(100px);
      opacity: 0;
      transition: all .5s linear;
  }
  
  .atout-item:hover p.description {
      display: block;
      opacity: 1;
      position: relative;
      /* top: -50px; */
      transform: translateY(0px);
      color: var(--color0);
      z-index: 1;
  }
  
  
.interv {padding: 4rem 6%;background: var(--color1-hex);position: relative;color: var(--color0);text-align: center;}

.interv h2.h1 {
    color: var(--color0);
}

.interv h2.h1 .titre-secondaire {
    color: var(--color0);
}

.interv .lieux {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    text-align: center;
    flex-wrap: wrap;
}

.interv .lieux .lieu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--color0);
    width: 100%;
    max-width: 400px;
    min-height: 250px;
    margin: 1rem;
    padding: 20px;
    color: var(--color3);
    position: relative;
    border-radius: 4px;
    transform: scale(0.9);
    transition: all 0.5s ease;
}

.interv .lieux .lieu:hover {
    transform: scale(1);
}

.lieu img {
    width: 120px;
}

.lieux .lieu .lieu-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: var(--color0);
    transform: rotateX(-90deg);
    transform-origin: bottom;
    transition: all 0.6s cubic-bezier(0.06, 0.63, 0.36, 0.88);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

.lieux .lieu:hover .lieu-content {
    transform: rotateX(0deg);
}

.interv .lieux .lieu h3.lieu-title {
    color: var(--color1-hex);
    margin: 20px 0;
    text-align: center;
    font-size: 20px;
}

.interv .lieu-text {
    position: relative;
    width: 100%;
    max-width: 1300px;
    margin: 2rem auto 2rem;
    text-align: justify;
    font-size: 14px;
}
.AvisClientsBg,.realisations{position:relative;z-index:8000;text-align:center;background:#000;/* padding-bottom:25px; */}

.realisations h2.h1.sans-image {
    color: var(--color0);
}
.AvisClientsBg .contenu,.realisations .contenu{padding:60px 55px 80px;background:#171717;/* border-radius:0 0vw 0 7vw; */box-shadow:0 0 19px #00000059}
.news .propor,.realisations .galerie .propor{width:100%;position:relative;margin-bottom:10px}
.news .propor:after,.realisations .galerie .propor:after{padding-top:87%;display:block;content:''}
.realisations .galerie .propor .propor-cont .imagecont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
.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 img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
.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:rgba(var(--color1),.7) url(../images/ico-zoom.svg) no-repeat center center; */}
.news .propor .propor-cont .imagecont:hover .masque,.realisations .galerie .propor .propor-cont .imagecont:hover .masque{opacity:.3;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)}
.intervention{position:relative;z-index:8000;background-color: var(--color0);}

.intervention iframe {
    border-radius: 0;
    width: 100%;
    /* height: auto; */
    /* aspect-ratio: 1/1; */
    /* float: left; */
    /* shape-outside: margin-box; */
    /* margin: 0px 60px 30px 0; */
}
.intervention .contenu{padding: 60px 6%;color: var(--color3);}

.intervention .contenu .intervention-lists {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.intervention-lists .list-1 {
    width: 40%;
}

.intervention-lists .list-2 {
    width: 40%;
}
.intervention h2.h1{color: var(--color3) !important;}
.intervention ul{margin: 30px 0 30px 30px;padding:0;list-style-type:none;list-style-image:none}
.intervention ul li{padding: 5px 0 5px 16px;font-style:italic;list-style: disc;list-style: none;background-position: left 8px;}
.pied{position:relative;z-index:8000;margin:0 0 0;background:#000}
.body-contact .pied,.body-page-1 .pied,.body-pageseo .pied{margin:0}
.body-contact .pied .bande1,.body-pageseo .pied .bande1{margin:0;padding:0}
.pied .bande1{padding:70px 3% 0;background:#000}
.pied .bande1 .row1{padding:0 0 70px}
.pied .bande2{padding:37px 3% 50px 5%;background: var(--color0);border-radius: 0px 0vw 0 0vw;box-shadow:0 0 19px #00000059}
.pied h3{color:rgba(var(--color1),1);}
.pied .trait1,.pied .trait2{position:relative}
.pied .trait2{padding:0 60px 0 0}
.pied .navf .menu_footer{color: var(--color3);padding:15px 0;list-style-type:none;margin:0}
.pied .navf .menu_footer li{display:block;padding:0;background:0 0}
.pied .navf .menu_footer li:last-child{border:none}
.pied .navf .menu_footer li a,.pied .navf .menu_footer li a:visited{
    font-size: 16px;
    padding: 0 0 0 14px;
    background: url(../images/ico-puce.png) no-repeat 0 center;
    color: inherit;
    text-decoration: none;
    background-size: 7px auto;
}
.pied .navf .menu_footer li a:hover{text-decoration:none;     color: rgba(var(--color1),1);}
.pied .navf .menu_footer li.active a:hover{cursor:default;text-decoration:none}
.pied .menu_referencement{color:#fff;list-style-image:none;list-style-type:none;margin:0;text-align:justify}
.pied .menu_referencement li{display:inline;padding:0;background:0 0}
.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: var(--color3);font-size:16px;text-decoration:none}
.pied .menu_referencement li a:hover{color:rgba(var(--color1),1)}
.pied .menu_referencement li.active a:hover{cursor:default;text-decoration:none}
.pied address{margin:0;padding:15px 0 0;color: var(--color3);font-size:16px}
.pied address h3 {
    font-size: 16px;
    margin: 0 0 12px 0;
}

.pied address p{
    background-repeat: no-repeat;
    margin: 0;
    background-position: 0px 5px;
    padding: 0px 20px 10px 0px;
}
.pied address p.adresse{background-image:url(../images/ico-adresse-f.png)}
.pied address p.tel.tel1{background-image:url(../images/ico-tel-f.png);background-position-y:8px}
.pied address p.tel.tel2{background-image:url(../images/ico-tel2-f.svg);background-size:22px auto}
.pied address p.horaires{ background-image:url(../images/ico-horaires.png) }


.swiper-pagination {
    position: static;
}

.swiper-pagination-bullet {
    
}


.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:15px 0 0;height:200px}
.pied .copyright-footer{margin:5px 0 0}

.place-logo-footer {
    display: flex;
    justify-content: space-between;
}

.place-logo-footer .btn-partage .btnp {
    border-color: var(--color1-hex);
}

.place-logo-footer .btn-partage .btnp svg {
    fill: var(--color1-hex);
}

.place-logo-footer .btn-partage .btnp:hover svg {
    fill: var(--color0);
}
#logoFD svg *{fill: var(--color1-hex);}
#logoFD svg{width:160px}
.pied .btn-like{padding:20px 0 0}
.pied .btn-partage{text-align:right;padding:10px 0 0}
.cont-slider{position:relative}
.sudo-slider{width:100%;z-index:8999999}
.sudo-slider .slide{text-align:center;height:200px;line-height:200px}
.sudo-slider .slide img{max-height:100%}
.cont-slider .controls{z-index:9000;display:inline-block;position:absolute;bottom:-100px;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:11px;height:11px;background:var(--color0);margin:0 2px;border-radius:50%}
.cont-slider .controls ol li.current a{background:rgba(var(--color1),1)}
.cont-slider .controls ol li a span{display:none}
.scrollbars{width:100%;height:28vh}
.scrollbar-path-horizontal,.scrollbar-path-vertical{position:absolute;background-color:var(--color0);z-index:100}
.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 1px rgba(var(--color4),.1)}
.scrollbar-path-horizontal{box-shadow:inset 0 1px 1px rgba(var(--color4),.1)}
.scrollbar-handle{position:relative;top:0;left:0;background-color:rgba(var(--color1),1)}
.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}
.centerservice2{margin:0 16%!important}
.centerservice{margin:0 33%!important}
.btn-service{text-align:center;margin:10px 0}
.prestation{display:table;width:100%;position:relative;z-index:8000;background:#171717}
.prestation:nth-child(even){direction:rtl}
.prestation .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:50% 50%}

.prestation .h1 {
    color: var(--color1-hex) !important;
    padding: 2rem 0;
}

.prestation .h1 .titre-secondaire {
    color: #8b8686;
}

.prestation .h1:after {
    content: '';
    position: absolute;
    display: block !important;
    width: 30%;
    height: 2px;
    background: var(--color1-hex);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}
.prestation .cell.photo:hover{opacity:.95;filter:alpha(opacity=95)}
.prestation .cell.texte{display:table-cell;vertical-align:top;width:50%;direction:ltr}
.prestation .cell.texte .contenu{padding:120px 10%;text-align:center}
.prestation .cell.texte .contenu p{padding:0 0 20px;text-align:center}
.prestation .cell.texte .contenu ul{list-style-type:none;list-style-image:none;padding:0;margin:0}
.prestation .cell.texte .contenu ul li{background:0 0;padding:0;padding:0 0 10px 0}
.prestation .cell.texte .contenu ul li .bouton-principal{display:block}
.body-contact h1{position:relative;text-align:center;margin-bottom:40px;}
.body-contact h2{position:relative;text-align:center;margin-bottom:40px; text-transform: uppercase;font-family: var(--font_family_2);}
.body-contact h2:before{content:"";position:absolute;bottom:-16px;left:50%;margin-left:-20px;background:rgba(var(--color1),1);width:40px;height:1px}
.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:"";position:absolute;bottom:-16px;left:50%;margin-left:-20px;background:rgba(var(--color1),1);width:40px;height:1px}
.contact .tab-coordonnes{display:table;width:100%;position:relative;z-index:8000}
.contact .tab-coordonnes:nth-child(even) {
    direction: rtl;
}

.contact .tab-coordonnes .cell.gauche{display:table-cell;vertical-align:top;width:50%}
.contact .tab-coordonnes .cell.droite{display:table-cell;vertical-align:top;width:50%}
.contact .tab-coordonnes .cell.droite .contenu{justify-content:center;padding:70px 12% 100px}
.contact .tab-formulaire{display:table;width:100%;position:relative;z-index:8000}
.contact .tab-formulaire .cell.gauche{display:table-cell;vertical-align:top;width:50%}
.contact .tab-formulaire .cell.gauche .contenu{padding:60px 12% 130px;background:#000}
.contact .tab-formulaire .cell.droite{display:table-cell;vertical-align:top;width:50%;background: url(../images/photo-contact2.jpeg) no-repeat center center;}
.table-row{display:table-row;height:100%;width:100%}
.contact .plan{font-size:0}
.contact .plan .block #googlemapapi,.contact .plan iframe{width:100%!important;height:550px!important}
.contact .horaires{text-align: center;}
.contact .coordonnees{padding:0 0 20px;display:inline-flex;flex-direction:column;width:100%;text-align: left;    direction: ltr;}
.contact .coordonnees h2{margin-top:20px; font-family: var(--font_family_2);}
.contact .coordonnees address p{background-position:0 0;background-repeat:no-repeat;padding:0 0 10px 30px;background-position:0 0;background-repeat:no-repeat}
.contact .coordonnees address p.adresse{background-image:url(../images/ico-adresse-f.png);background-position:0 3px}
.contact .coordonnees address p.tel.tel1{background-image:url(../images/ico-tel-f.png);background-position:0 8px;font-weight:700}
.contact .coordonnees address p.tel.tel2{background-image:url(../images/ico-tel2-f.svg);font-weight:700;background-size:23px auto}
.contact .coordonnees address p.horaires {
    background-image: url(../images/ico-horaires.png);
}

.contact .coordonnees address p.tel{text-align:left}


.contact .coordonnees address p.tel a{color:inherit;text-decoration:none}
.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;color:#fff}
.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:rgba(var(--color1),1)}
.info-rgpd p{font-size:11px}
.info-rgpd,.label-rgpd{color:#fff}
.pageseo .info-rgpd,.pageseo .label-rgpd{}
.pageseo .contact .formulaire .form-group .form-control{font-family: var(--font_family_1);color:var(--color0);border:1px solid var(--color0);box-shadow:none;border-radius:0;width:100%;font-size:15px;}
.contact .formulaire .control-label{text-align:left!important;font-weight:400}
.contact .formulaire .form-group{margin-bottom:8px;padding:0!important;margin-left:0!important;margin-right:0!important}
.contact .formulaire .form-group .form-control{font-family:var(--font_family_1);color:var(--color0);background:0 0;border:1px solid #4A4A4A;box-shadow:none;border-radius:0;width:100%!important;font-size:15px}

.form-control:focus{}
.contact .formulaire .form-group textarea.form-control{height:109px;position:static}
.contact .formulaire .form-group input.form-control{height:50px;line-height:1;line-height:50px\9;padding:0 12px}
.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 10px center!important;line-height:normal!important;background-size:22px auto!important}
.form-horizontal select.form-control option{background:var(--color0);color:rgba(var(--color4),1)}
}
.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:48px!important;border-radius:0;padding:0}
.contact .formulaire .form-group input.btn-primary{width:30%;display:inline-block;position:relative;float:right}
.g-recaptcha{float:left}
.contact .formulaire .form-actions{font-size:12px;color:#fff}
.contact a.btn.btn-default{float:right}
.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:14px 15px;text-transform:uppercase;background:rgba(var(--color1),1);color:var(--color0);text-align:center;border-radius:0;font-size:14px;text-decoration:none;transition:all .4s ease;border:1px solid #e85827}
.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{filter:alpha(opacity=80);background:#000;border:1px solid #e85827}
::-webkit-input-placeholder{color:var(--color0)!important}
:-moz-placeholder{color:var(--color0)!important;opacity:1!important}
::-moz-placeholder{color:var(--color0)!important;opacity:1!important}
:-ms-input-placeholder{color:var(--color0)!important}
.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:after, .flex-seoContain .seo-form h2.h1:after{left:0;margin-left:0;}
.flex-seoContain .seo-form{width:44%;padding:1em 3% 3em;background:var(--bg-facultatif);}
.flex-seoContain .seo-form h2.h1:before, .flex-seoContain .seo-content h1:before {display: none;}
.img-seo img{border-radius:var(--border-radius);width:240px;height:auto;}

.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}
.pageseo .formulaire .form-group input.btn-primary{float:right}

.gallery .bas-galerie{text-align:center;padding:40px 0 0}
.gallery .description-galerie{padding:0 3% 40px}
.gallery .ligne-photos .propor{width:100%;position:relative;margin-bottom:0}
.gallery .multiple .ligne-photos .propor{margin-bottom:0}
.body-gallery.body-gallery-4 .corps .top-ligne-photos {
    display: none;
}
.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%}
.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:rgba(var(--color1),.7) url(../images/ico-zoom.svg) no-repeat center center}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque{opacity:1;filter:alpha(opacity=100)}
.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:0 0 10px;padding:20px 0 0;text-align:center}
.gallery .nav li{display:inline-block;margin-bottom:10px;padding:0 20px 0 5px;background:0 0}
.gallery .nav li::after{position:absolute;font-size:20px;right:0;top:18px;width:5px;height:5px;background:rgba(var(--color1),1);border-radius:5px;display:block;content:" "}
.gallery .nav li:last-child::after{display:none}
.gallery .nav li a{font-family:var(--font_family_2);background:0 0;display:block;color: var(--color0);text-transform:uppercase;font-size:14px;padding:10px;text-align:center;border-radius:0;text-decoration:none}
.gallery .nav li a:hover,.gallery .nav li.active a{background:0 0;color:rgba(var(--color1),1)}
.gallery .nav li.active a{cursor:default}
.header-sidebars,.sidebar-left,.sidebar-right{background-color:var(--color0);letter-spacing:1px}
.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:0;width:100%;box-shadow:0 2px 3px 1px rgba(var(--color4),.1)}
.header-sidebars .header-top{display:table;height:65px;width:100%;background: #000;}
.top-logo{display:table-cell;vertical-align:middle;position:relative;z-index:9999;text-align: left;overflow-y:hidden;text-decoration: none !important;font-family: var(--font_family_2);font-size: 28px;color: var(--color1-hex) !important;padding-left: 1rem;}
.top-logo img{position:absolute;left:16px;top:8px;max-height:76px;max-width:129px}
.deploy-right-sidebar{border-left:1px var(--color3) solid;display:table-cell;background-color:rgba(var(--color1),1);height:65px;width:65px}
.deploy-right-mail{border-left:1px var(--color3) solid;display:table-cell;height:65px;width:65px;position:absolute;right:65px;top:0;background-color:rgba(var(--color1),1)}
.deploy-right-call{display:table-cell;background-color:rgba(var(--color1),1);height:65px;width:65px;position:absolute;right:130px;top:0}
.sidebar-scroll-right{width:275px;overflow:auto!important;overflow-x:hidden!important;height:100%;background-color:#424647;text-shadow:none}
.sidebar-right{font-family:var(--font_family_1)!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(var(--color4).1)}
.sidebar-right a{text-decoration:none;display:block;overflow:hidden;position:relative;color:var(--color0)!important;z-index:1}
.sidebar-header-left{height:65px;background-color:#c9323b;position:relative}
.sidebar-right-logo{margin-left:84px;top:21px;right:1px;max-width:169px;float:inherit;max-height:41px;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:#000;opacity:.4}
.sidebar-bottom-controls{background-color:#c9323b}
.sidebar-bottom-controls p{margin-top:3px}
.sidebar-bottom-controls a{font-size:12px;background-repeat:repeat-y;text-align:center;float:left;width:33%;line-height:10px;display:block}
.nav-item{font-size:16.2px;-webkit-tap-highlight-color:rgba(var(--color4),0);background-size:22px auto;background-color:#c9323b;height:60px;line-height:61.5px;background-repeat:no-repeat;padding-left:60px;background-position:20px center;margin-bottom:1px}
.submenu a{text-shadow:0 2px 0 rgba(var(--color4),1);padding-top:12px;padding-bottom:12px;padding-left:25px;font-size:10px;color:#878787;text-transform:uppercase;font-weight:900}
.submenu a:first-child{background-image:none!important}
.submenu{display:none}
.submenu-active{display:block}
.sidebar-notifications a{margin-bottom:15px;background-repeat:no-repeat;background-position:0 center;padding-left:38px;margin-left:20px;font-size:10px;color:#878787;font-family:var(--font_family_2);text-transform:uppercase;line-height:10px}
.sidebar-header-right{height:65px;background-color:#000;position:relative}
.close-sidebar-right{height:65px;width:65px;margin-left:0;display:block}
.sidebar-left .close-sidebar-left,.sidebar-right .close-sidebar-right{position:absolute!important}
.right-sidebar-copyright{margin:20px 0}
.footer-text a{padding-top:10px;font-size:10px;color:#8a8a8a}
.copyright-sidebar{font-size:10px;text-align:center;text-transform:uppercase}
.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:0;background:#000}
.menu-mobile-dynamique .sub-menu li{background-color:transparent;margin-bottom:0;padding-left:0}
.menu-mobile-dynamique .sub-menu li a{height:37px;text-transform:none}
.menu-mobile-dynamique .sub-menu{padding-top:0;padding-bottom:0;margin:0}
.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(var(--color4),0);text-transform:uppercase;color:var(--color0);height:60px;padding-left:29px}
.menu-mobile-dynamique li a::before{display:block;content:">";position:absolute;left:10px;font-size:15px;color:#fff}
.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;color:#bebebe}
.menu-mobile-dynamique .sub-menu{display:none}
.remonter{position:fixed;z-index:9999;display:none;bottom:10px;right:10px;width:44px}
.remonter button{display:block;padding:6px 9px;text-align:center;border:none;background:rgba(var(--color4),.35);border-radius:3px}
.remonter button:hover{opacity:.8}
.badge-optionnel{position:absolute;top:0;right:0;background:url(../images/badge-optionnel.png) no-repeat top right;width:139px;height:139px}
.bg-optionnel{background:rgba(var(--color4),.9) url(../images/bg-optionel-gris.svg) repeat top center;background-size:60px auto}
.bg-optionnel-gris{background:rgba(var(--color4),.9) url(../images/bg-optionel-gris.svg) repeat top center;background-size:60px auto}
.deprecated-ie{text-align:center;color:rgba(var(--color4),1);background:#eee}
.deprecated-ie p{line-height:30px;margin:0}
.deprecated-ie a{line-height:30px;font-family:var(--font_family_2);font-size:13px;color:rgba(var(--color4),1);text-decoration:underline}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(var(--color1),.9)}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(var(--color1),1)}
.icones{width:32px;margin:16px 0 0 16px;height:32px;fill:var(--color0)}
.deploy-right-sidebar .icones{width:29px}
.tel-left .icones{fill:rgba(var(--color1),1);width:44px;height:43px;    margin: 0 10px 0 0;}
.btn-partage .icones{width:19px;margin:0;height:19px;padding:0;position:relative;fill:var(--color0);top:9px}
.AvisClientsBg::before,.certifs::before,.intervention::before,.pied::before,.realisations::before,.services::before{display:block;position:absolute;left:0;width:50%;border-bottom:none;content:""}
.bx-pager.bx-default-pager a,.bx-pager.bx-default-pager a.active,.bx-pager.bx-default-pager a:hover{background-color:#fff}
.remonter .icones{fill:rgba(var(--color1),1);margin:0 0 -5px;width:32px;height:32px}
.btn-descendre .icones{fill:#fff;margin:0;width:45px;height:115px}
.news .propor::after{padding-top:78%}
.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:rgba(var(--color1),1);position:absolute;left:0;top:0;padding:7% 4% 4%;z-index:50;margin:0}
.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(var(--color4),.4);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(--color0);padding:5px 0 25px;margin:0}
.newsList .item:hover .h3{color:rgba(var(--color1),1)}
.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}
.newsItem .photo{width:100%;height:33vw;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}
.newsItem .div-rs .btn-partage{display:inline-block;overflow:hidden;height:44px;position:relative;top:17px}
.newsItem .div-rs .btn-partage .btnp{background-color:var(--color7)}
.newsItem .div-rs .btn-partage .btnp:hover{background-color:rgba(var(--color1),1)}
.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:rgba(var(--color1),1);text-decoration:none;border:1px solid rgba(var(--color1),.4);display:block;height:100%;font-family:var(--font_family_1);text-transform:uppercase}
.news_avant_apres a:focus,.news_avant_apres a:hover{border-color:var(--color6);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:rgba(var(--color1),1)}
.navButtons,.navButtons:visited{padding:0 0 10px;color:var(--color0);transition:.8s;text-decoration:none;display:block}
.news_avant_apres a:focus span,.news_avant_apres a:hover span{color:var(--color0);text-decoration:none}
a.return-to-news,a.return-to-news:link,a.return-to-news:visited{text-decoration:none;font-family:var(--font_family_1);text-transform:uppercase;color:var(--color0)}
a.return-to-news:focus,a.return-to-news:hover{text-decoration:underline;color:var(--color0)}
.pagination>li{background:0 0;padding-left:0}
.pagination>li>a,.pagination>li>span{color:var(--color0);border-color:var(--color3);background-color:var(--color2)}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:var(--color1);background-color:rgba(var(--color1),1);border-color:rgba(var(--color1),1)}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--color1);background-color:rgba(var(--color1),1);border-color:rgba(var(--color1),1)}
@media screen and (-webkit-min-device-pixel-ratio:0){
.lightboxOverlay{overflow:scroll}
.lightboxOverlay::-webkit-scrollbar{width:0}
}
.contact .map{position:absolute;top:0;left:0;width:100%;height:100%}
.contact .map iframe{width:100%;height:100%; filter: grayscale(80%) invert(.9);}
.contact .tab-coordonnes .cell.gauche{background:0 0;position:relative}
@media (min-width:768px){
.dispaly_flex{display:flex;align-items: center;justify-content: center;}
.flex_child_2{flex:2}
.flex_child_1{flex:1}
}
@media (max-width:1400px) and (min-width:991px){
 .body-page-1 .fluid-contenu .corps {
    flex-direction: column;
}

.sur-banniere {
    height: 80vh!important;
}

.body-page-1 .fluid-contenu .corps .node-1 {
    width: 100%;
}

.body-page-1 .fluid-contenu .corps .recup-photos {
    width: 100%;
}

.services .cell.droite .contenu {
    width: 50vh;
}
}
@media (max-width:991px){
    .atout {padding: 2% 0;}
    a.imagecont.noflicker.img1 { float: left; margin-left: 0; display: block; margin-bottom: 15px; width: 100%; }
.flex-seoContain{flex-wrap:wrap;}
.flex-seoContain .seo-content{width:100%;background:transparent;}
.flex-seoContain .seo-form{width:100%;}
.img-seo img{width:100%;height:auto;}
.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}
.main-page{position:relative;overflow:hidden;padding:0}
.container{max-width:none;width:auto}
.centerservice2{margin:0!important}
.centerservice{margin:0!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%}
.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}
.fluid-contenu{margin:0!important}
.fluid-contenu .corps{padding:60px 5% 80px}
.slogan .titre{font-size:50px;line-height:50px;letter-spacing:3px}
.prestation .cell.texte .contenu{padding:0 10% 50px}
.body-page-1 .fluid-contenu .corps{padding:35px 15px 40px;border-radius:0;flex-direction: column;}

.body-page-1 .fluid-contenu .corps .node-1 {
    width: 100%;
}

.body-page-1 .fluid-contenu .corps .recup-photos {
    width: 100%;
}

.body-page-1 .fluid-contenu .corps .recup-photos .propor {
    top: 10% !important;
}

.services .cell.droite .contenu {
    width: 50vw;
}
 
.body-gallery .fluid-contenu .corps{padding:0 30px}
.body-contact .fluid-contenu .corps,.body-service-list .fluid-contenu .corps{padding:50px 0 0}
.pied .copyright-footer{margin:25px 0 0;text-align:center}
.bande1 .h1:after,.body-page-1 .services .h1:after,.h1:after,.services h1:after,h1:after{bottom:1px}
.intervention .contenu .intervention-lists {
    flex-direction: column;
}

.intervention-lists .list-1 {
    width: 100%;
}

.intervention-lists .list-2 {
    width: 100%;
}
}
@media (max-width:767px){
    .atout {
    display: block;

}
.atout-item, .atout-logo { display: flex; flex-direction: column; align-items: center; line-height: 1.5; background: transparent; text-align: center; position: relative; transition: all .3s linear; box-shadow: 0; overflow: hidden; height: 179px; margin: 0 0; }
.atout-logo{  display: none;}
.pied .trait1::after,.pied .trait2::after{display:none}
.corps{--taille_font:14px;font-size:var(--taille_font)}
.certifs .cell.droite .bg-noir{padding:30px 0}
.pad-xs{padding-left:15px!important;padding-right:15px!important}
.pad-xs-l{padding-left:15px!important}
.pad-xs-r{padding-right:15px!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}
.bande1 .h1,.body-page-1 .services .h1,.body-pageseo .services .h1,.h1,h1{font-size:23px;line-height:24px;letter-spacing:0}

.body-page-1 .fluid-contenu .corps .node-1 h1 {
    text-align: center;
    font-size: 32px;
}
.titre-secondaire{font-size:22px;line-height:24px}
.slogan .titre{
    font-size: 29px;
    line-height: 38px;
    letter-spacing: 0;
    padding: 0 1em;
    display: inline-block;
}


.atout .atout-container {
    flex-wrap: wrap;
}
.atout-title, .atout-picto, .atout-picto > div {
    width: 100%;
    margin: 0;
    padding: 2em;
}


.slogan .titre span{font-size:23px}
.slogan .sous-titre{font-size: 16px;line-height:21px}
.body-pageseo .slogan .titre{font-size:34px;line-height:34px}
.infos{padding:20px 0 0;right:0;left:0}
.fluid-contenu .btn-partage{text-align:center;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}
.fluid-contenu .corps{padding:20px 15px 40px}
.body-page-1 .fluid-contenu .corps{padding:33px 15px 40px;text-align:justify}
.body-gallery .fluid-contenu .corps{padding: 30px 30px;}
.body-contact .fluid-contenu .corps,.body-service-list .fluid-contenu .corps{padding:50px 0 0}
.recup-photos .col-md-4{padding-left:5px!important;padding-right:5px!important}
.recup-photos{margin-left:-5px!important;margin-right:-5px!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{background:rgba(var(--color4),.5);padding:40px 0}
.cont-slider .controls{bottom:-20px}
.services{display:block}
.services .cell.gauche{width:100%;overflow:hidden!important;position:relative;float: unset;height: 320px !important;display: block;width:100%!important;padding:19px 15px 36px}
.services .cell.droite{display:block;width:100%}
.services .cell.droite .contenu{padding:30px 15px 40px;width: 100%;left: 0;top: 0;}
.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}
.realisations .propor{margin-bottom:5px}
.vczone{padding: 40px 10px;}
.AvisClientsBg .contenu,.realisations .contenu{padding:30px 15px 40px;border-radius:0}
a.bouton-principal,button.bouton-principal{padding:13px 20px 13px 20px}
.intervention .contenu{padding:40px 15px 50px}
.pied .bande1{padding: 0px 15px;}
.pied .btn-like{padding:20px 0 5px;text-align:center}
.pied .btn-partage{text-align:center;padding:20px 0 0}
.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;height:180px}
.contact .tab-coordonnes .cell.droite{display:block;width:100%}
.contact .tab-coordonnes .cell.droite .contenu{padding:40px 15px 0}
.contact .coordonnees{padding:0 0 1px}
.contact .tab-formulaire{display:block}
.contact .tab-formulaire .cell.gauche{display:block;width:100%}
.contact .tab-formulaire .cell.gauche .contenu{padding:30px 15px}
.contact .tab-formulaire .cell.droite{display:none}
.pied .trait1,.pied .trait2{background:0 0}
.gallery .description-galerie{padding:20px 0 5px}
.actualites,.prestation{display:block;min-height:auto}
.actualites .cell.photo,.prestation .cell.photo{display:block;width:100%;height:180px}
.actualites .cell.texte,.prestation .cell.texte{display:block;width:100%;clear:both}
.prestation .cell.texte .contenu{padding:30px 15px}
.pied{position:relative;z-index:8000;margin:30px 0 0}
.sur-banniere{position:relative;height: 28vh!important;}

.slogan {
    margin-top: 64px;
    width: 90%;
}
 .intervention iframe{float:unset; width: 100%;}
.body-contact .fluid-contenu .corps,.body-gallery-4 .fluid-contenu .corps{padding:0}
.contact .tab-formulaire .cell.gauche .contenu{padding:60px 12% 0}
.contact .tab-coordonnes .cell.droite .contenu{padding: 55px 10% 55px;}
.g-recaptcha{float:left;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.pied .menu_referencement li a,.pied .menu_referencement li a:visited{font-size:14px}
.contact .tab-coordonnes .cell.gauche{position:relative}
.gallery .ligne-photos .propor{width:100%;margin:0 auto 15px}
.table-row{display:block!important}
.scrollbars{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}
.place-logo-footer {
    flex-direction: column;
}
}
@media (min-width:768px) and (max-width:991px){
.pied .trait2{background:0 0}
.certifs .cell.droite .bg-noir{padding:30px 0}
.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}
.body-contact .fluid-contenu .corps,.body-page-11 .fluid-contenu .corps{padding:50px 0 0}
.centerservice2{margin:0!important}
.centerservice{margin:0!important}
.scrollbars{height:240px}
.contact .tab-coordonnes{height:auto;float:left;display:block}
.contact .tab-coordonnes .cell.droite,.contact .tab-coordonnes .cell.gauche{display:block;width:100%;float:left}
.contact .tab-coordonnes .cell.gauche{height:300px}
.body-gallery-4 .fluid-contenu .corps{padding:30px 0 0}
.bande1 .h1,.body-page-1 .services .h1,.body-pageseo .services .h1,.h1,h1{font-size:21px;line-height:26px}
.titre-secondaire{font-size:23px;line-height:24px}
.body-contact h1,.body-contact h2{color:var(--color0);position:relative;text-align:center;text-transform:uppercase;margin-bottom:40px;font-size:36px}
.sur-banniere{position:relative;height: 48vh!important;}
.body-contact .fluid-contenu .corps,.body-gallery-4 .fluid-contenu .corps{padding:0}
.contact .tab-formulaire .cell.gauche .contenu{padding:60px 12% 0}
.contact .tab-coordonnes .cell.droite .contenu{padding:70px 12% 0}
.table-row{display:block!important}
.contact .formulaire .form-group input.btn-primary{width:47%}
}
@media (min-width:991px) and (max-width:1199px){
.certifs .cell.droite .bg-noir{padding:30px 0}
.bande1 .h1,.body-page-1 .services .h1,.body-pageseo .services .h1,.h1,h1{font-size:25px;line-height:25px}
.tete .infos{height:auto;padding:7px 30px 2px}
.slogan .titre{font-size:32px;line-height:30px}
.slogan .titre span{font-size:29px}
.slogan .sous-titre{font-size:20px;line-height:20px}
.certifs{display:block}
.certifs .cell.gauche{display:block;width:100%}
.certifs .cell.gauche .contenu{padding:70px 7% 0}
.certifs .cell.droite{display:block;width:100%;padding:30px 30px 80px}
.services .cell.gauche{padding:80px 0 80px 30px}
.realisations .titre-secondaire{width:100%}
.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:16px 0;font-size:12px}
.contact .coordonnees{padding:0}
.contact .formulaire .form-group .form-control{font-size:11px}
.pied .bande2{padding:30px 6% 50px 7%}
.pied div[class^=col-md]{width:100%!important;background:0 0}
.pied .copyright-footer{margin:20px 0 0;text-align:center}
.contact .tab-formulaire .cell.droite{display:none}
.contact .tab-coordonnes .cell.droite .contenu{padding:70px 12% 0}
.contact .tab-formulaire .cell.gauche .contenu{padding:60px 12% 0}
.contact .tab-coordonnes{display:block}
.table-row{display:block}
.contact .tab-coordonnes .cell.droite,.contact .tab-coordonnes .cell.gauche{display:block;width:100%;float:left}
.contact .tab-coordonnes .cell.gauche{height:300px}
.contact .tab-coordonnes{height:260px}
.contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px}
}
@media screen and (max-height:790px) and (max-width:1199px){
.navh{margin-top:5%!important}
.tete .logo-site img{max-width:200px;height:auto}
.navh .menu_principal a,.navh .menu_principal a:visited{font-size:19px}
}
.infinite-scroll .chargement{background:rgba(var(--color4),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}
.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}
@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%}
}
h2.h1.sans-image{color: var(--color3);}

.services.services-home h2.h1.sans-image {
    color: var(--color3);
}
.certifs li{color:#fff;font-size:30px}
.cell.gauche ul{margin:auto}
.pictoSVG {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: var(--color1-hex);
}

p.horaires {
    display: none !important;
}

address{margin:auto}
.pageseo h2,.pageseo h3,.pageseo h4,.pageseo h5,.pageseo h6{font-size:26px}
.alert.alert-warning.alert-dismissable {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.banniere .owl-dots {
    position: absolute;
    left: 90%;
    top: 80vh;
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    z-index: 9999;
}

.banniere .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ea020a !important;
    width: 70px;
}

.banniere .owl-theme .owl-dots .owl-dot span {background: var(--color0) !important;width: 30px;height: 3px;border-radius: 50px;transition: all 0.5s ease;}