/* latin */
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/amaranth/v18/KtkuALODe433f0j1zMnFHdA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/amaranth/v18/KtkpALODe433f0j1zMF-OMWl42E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --color0: #ffffff; /*couleur text principal + hover btn*/
  --color1: #17419d; /*couleur principale*/
  --color2: #323435; /*couleur menu mobile 1*/
  --color3: #4c4c4c; /*couleur menu mobile 2*/
  --color4: #17419d;  /*couleur arriere plan */
  --font_family_1: Montserrat-Regular;
  --font_family_2: 'Amaranth', sans-serif;
  --taille_font: 16px;
} 
html,body{height:100%}
body{width:100%;margin:0;padding:0}
a{-webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;-o-transition:color 300ms ease-out;transition:color 300ms ease-out}
a img{border:none}
.img-seo img {
    border-radius: var(--border-radius);
    width: 240px;
    height: auto;
}
a.imagecont.noflicker.img1 {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}
.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);
}

img{max-width:100%}
ul,ol{list-style-position:inside;padding-left:0;list-style-type:none;list-style-image:none}
ul li,ol li{background:url(../images/ico-puce.svg) no-repeat 0 center;padding-left:15px;background-size:7px auto}
ul li.niveau2,ol li.niveau2{margin-left:30px}
menu,dir{padding-left:15px}
blockquote p{font-size:inherit}
table,table td,table th{font-size:inherit;border:1px solid #7C7C7C}
main,section,article,aside,footer,header,nav,hgroup{display:block;position: relative;z-index: 1;}
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:bold}
.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 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms 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:var(--color1)}
hr.trait{height:1px;margin:-.5em 0;padding:0;color:var(--color1);background-color:var(--color4));border:0}
.page-contenu img{margin:10px}
a.imagecont.noflicker.img1{float:right;margin-left: 12px;margin-bottom:15px}
body{color:var(--color0);font-family: var(--font_family_2);font-size:var(--taille_font);background:var(--color4);text-shadow:.5px .5px 0 var(--color4));-webkit-text-shadow:.5px .5px 0 var(--color4));-moz-text-shadow:.5px .5px 0 var(--color4));}
a,a:link,a:visited{color: var(--color1);text-decoration:underline}

strong {
    color: black;
}
a:hover{text-decoration:none}
.corps a:hover{color:var(--color1)}
.corps h2,.corps h3,.corps h4,.corps h5,.corps h6{color:var(--color1)}
a:active{outline:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{color:var(--color0);font-family:var(--font_family_1);text-align:left}
h1,.h1{font-size:38px;line-height:38px;letter-spacing: -1px;color: #17419d;text-align: center;text-transform: initial;margin-bottom: 50px;font-family: var(--font_family_1);position:relative;background: url(../images/logo01.png);background-size: 31px auto;background-repeat: no-repeat;background-position: left bottom;display: table;margin-left: auto;margin-right: auto;padding-left: 37px;}
h1:before,.h1:before{/* content:""; */position:absolute;bottom:-16px;left:50%;margin-left:-20px;background:var(--color1);width:40px;height:1px;}
h1.sans-image,.h1.sans-image{margin-bottom:50px}
h1.sans-image:before,.h1.sans-image:before{display:none}
h2,.h2{font-size:calc(var(--taille_font) + 0.8rem)}
h3,.h3{font-size:calc(var(--taille_font) + 0.7rem)}
h4{font-size:calc(var(--taille_font) + 0.6rem)}
h5{font-size:calc(var(--taille_font) + 0.5rem)}
h6{font-size:calc(var(--taille_font) + 0.4rem)}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,.h1 a:link,.h2 a:link,.h3 a:link,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited,.h1 a:visited,.h2 a:visited,.h3 a:visited{font-size:inherit;color:inherit;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover{text-decoration:underline}
.titre-secondaire{position:relative;font-size:24px;line-height:24px;padding:0;margin:0;color:var(--color1);text-align:center;margin-bottom:40px;text-transform:none;letter-spacing:0;font-weight:100;display:block}
h1:after,.h1:after{content:"";position:absolute;bottom:-16px;left: 148px;/* margin-left:-20px; *//* background: #2ecc71; */width:40px;height:1px;}
.copyright h3,.copyright h2{color:var(--color1)}
.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-image: linear-gradient(to right, #2ecc71 0%, #25cd6c 51%, #009941 100%);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;background: #17419d;}
.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color: #17419d;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin: 0%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-shutter-out-horizontal:hover,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active,a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active{color:var(--color1)}
.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
a.bouton-principal,button.bouton-principal{margin:10px 0 0;text-align:center;color:var(--color0);text-decoration:none;padding:15px 50px;font-size: 15px;text-transform: initial;border: 1px solid;font-family: 'Montserrat-Regular';box-shadow: 0 0 10px rgb(0 0 0 / 27%);}
a.bouton-principal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0%;
    transform-origin: 0%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.liste-services a.bouton-principal:before {
    background: #17419d;
}
.sidebar-scroll-right .callTracker{width:100%;height:50px}
.callTracker{overflow:hidden}
.callTracker span,.callTracker a{display:inline-block;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms 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-flex;width: 16rem;}
.callTracker.active .t_affiche{opacity:0;display:none}
header .callTracker{display:inline;width:auto;margin: 0 auto 30px;color: #000000 !important;font-family: 'Montserrat-Regular';font-size: 20px;height: 8rem;position: relative;}
.coordonnees .callTracker:not(.active) span:hover,.coordonnees .callTracker:not(.active) a:hover{color: var(--color1);}
.pied .callTracker:not(.active) span:hover,
.pied .callTracker:not(.active) a:hover{color: var(--color1);}
.body-pageseo .slogan {
    left: 40%;
}
.body-service-list a.bouton-principal, .body-service-list button.bouton-principal {
    padding: 10px;
}
.suite a.bouton-principal.hvr-shutter-out-horizontal:hover, .body-service-list a.bouton-principal:hover, .gallery .bas-galerie a.bouton-principal:hover {
    background: transparent;
    color: #17419d;
}


.suite a.bouton-principal.hvr-shutter-out-horizontal:before, .body-service-list a.bouton-principal:before, .gallery .bas-galerie a.bouton-principal:before {
    content: none;
}
.main-page{position:relative;overflow:hidden;padding: 0 0 0 340px;}
.banniere{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color4);}
.banniere .fond{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:  bottom;-webkit-background-size: auto;-moz-background-size:cover;-o-background-size:cover;background-size: cover;}
.banniere .motif{/* background:var(--color4) url(../images/motif.png); */position:absolute;top:0;right:0;bottom:0;left:0;opacity: .6;}
.tete{position:fixed;left:0;top:0;bottom:0;width: 340px;z-index:7999;display:flex;justify-content:space-between;flex-direction:column;background: #ffffff;transition: all .4s ease;/* box-shadow: 0px 0px 13px #b5b5b5; */z-index: 99999;padding-right: 20px;}
.tete::before {content: '';display: inline-block;width: 94%;height: 100%;background: #d9d9d9e3;opacity: 0.7;position: absolute;left: 0;top: 0;z-index: -1;box-shadow: 0px 0px 5px #b5b5b5;}
.tete .logo-site{margin:0 auto;padding:25px 0 17px;text-align:center}
.sur-banniere{position:relative;height:800px}
.slogan{position:relative;margin-top: 46%;left: 30%;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%);}

.body-page-1 .slogan{position:relative;margin-top: 49%;left: 30%;color:var(--color0);width: 60%;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
h1.slogan:before,.h1.slogan:before,h1.slogan:after,.h1.slogan:after{content:"";width:0;height:0;background:none;position:inherit;bottom:inherit;left:inherit;margin-left:0}
.slogan .titre{font-size: 70px;color: #ffffff;text-transform: initial;line-height:80px;letter-spacing:5px;font-family:var(--font_family_2);text-shadow: 2px -2px 5px black;}
.body-page-1 .slogan .titre{font-size: 60px;color: #ffffff;text-transform: initial;line-height:80px;letter-spacing: -1px;font-family: var(--font_family_1);text-shadow: none;text-shadow: 3px -1px 3px black;}
.slogan .titre span{font-size:48px}
.slogan .sous-titre{font-size:30px;line-height:26px;color:var(--color0)}
.body-pageseo .slogan .titre{font-size:54px;line-height:54px;letter-spacing:0}
.body-page-1 .btn-descendre{position:relative;margin: 102px 0 0;display: inline-block;/* left: 20%; */top: -100px;display: none;}
.infos{padding:25px 30px 0 0;position:relative;top:0;right:0}
.widget-partage{display:none}
.btn-partage .btnp{margin:0 3px;width:44px;height:44px;/* border-radius:44px; */border: 3px solid #ffffff00;background-repeat:no-repeat;background-position:center center;display:inline-block;transition:all 400ms ease;text-align:center;}
.btn-partage .btnp:hover{background-color: #ffffff;border: 3px solid #ffffff;}
.fluid-contenu .btn-partage{text-align:right}
.navh{margin:0;z-index:8000;padding: 0 20px 0 20px;}
.navh .menu_principal{margin:0;padding:0;list-style:outside none}
.navh .menu_principal > li{display:block;padding: 10px;background:none;margin-bottom:5px;transition:all 400ms ease;text-align: center;}
.navh .menu_principal > li.has-sub-menu-opened{margin:30px 0}
.navh .menu_principal a,.navh .menu_principal a:visited{border-bottom:1px solid transparent;color: #000000;display:block;font-size: 20px;text-transform: initial;padding: 2px;text-decoration:none;font-family: var(--font_family_1);transition:all 400ms ease;position: relative;/* padding-left: 16px; */letter-spacing: -1px;}
.navh .menu_principal a:hover,.navh .menu_principal li.active > a{color: #ffffff;background-image: linear-gradient(to right, #2ecc71 0%, #198346 51%, #003416 100%);background-size: 200% auto;}
.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{font-size:28px;padding:0}
.navh .menu_principal > li ul li{display:block;text-align:left;padding:0;background:none}
.navh .menu_principal > li ul li a,.navh .menu_principal > li ul li a:visited{display:block;color:var(--color0);font-size:16px;background:none;margin:0;white-space:nowrap}
.navh .menu_principal > li ul li a:hover,.navh .menu_principal > li ul li.active a{color:var(--color1);background:none}
.fluid-contenu{position:relative;z-index:8000}
.fluid-contenu .corps{padding:20px 5% 80px;color: #5c5c5c;background: white;position: relative;z-index: 0;}
.body-gallery .fluid-contenu .corps{padding:80px 0 0}
.body-service-list .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding:0}
.suite{text-align: center;padding:20px 0 0;}
.recup-photos{margin:50px 0 0}
.recup-photos .propor .propor-cont .imagecont{position:absolute;top: 0;bottom: 0;right: 0;left: 0;-webkit-transform: translateZ(0);overflow: hidden;height: 100%;display: block;width: 100%;}
.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%;transition: all .5s ease-in-out;}
.recup-photos .propor{width:100%;position:relative;margin-bottom:10px}
.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;z-index: 1;}
.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-repeat: no-repeat;background: rgb(46 204 113) url(../images/ico-zoom.svg) no-repeat center center;background-size: 3vw;transition: 0.5s;}
.recup-photos .propor .propor-cont .imagecont:hover .masque{opacity:.7;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}
.certifs .cell.gauche{display:table-cell;vertical-align:top;width:50%}
.certifs .cell.gauche .contenu{padding:150px 12% 140px}
.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),0.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:bold;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 var(--color1);border-bottom:1px solid var(--color1)}
.etoiles .fa{color:#FC0}
.AvisClientsBg .bouton-principal{min-width:210px}
.AvisClientsList{margin:0;padding:0}
.AvisClientsList li{list-style:none;background:none}
.avisClientsBg .h{text-align:center}
.AvisClients:link,.AvisClients:visited,.AvisClients{position:relative;background-color:rgba(var(--color4),0.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),0.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:var(--color4))}
.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:var(--color4));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),0.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:bold;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),0.8);color:var(--color2);text-shadow:none;font-family:Arial,Helvetica,sans-serif}
.modal-content .btn-close{border:0;background:none;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:hover,.modal-content .btn-close:focus{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 input,.formulaire #add-review .form-group textarea,.formulaire #add-review .form-group .form-control{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:normal;font-style:italic;text-align:justify;opacity:.6;display:block;clear:both;color:var(--color2)!important}
.body-service .services{background:none}
.services{display: block;width:100%;position:relative;z-index:8002;background: white;background-repeat: no-repeat;background-size: cover;}
.services .cell.gauche{display: block;vertical-align:middle;width:50%;padding:80px 0 80px 70px;/* position: relative; *//* z-index: -12; */}
.services .cell.gauche .photos{width:100%;height:500px}
.services .cell.droite{display: inline-block;vertical-align: middle;width:50%;}
.services .cell.droite .contenu{padding: 90px 12%;position: relative;top: -6rem;}
.services .cell.droite .contenu ul{padding:0;margin:0}
.services .cell.droite .contenu ul li{padding:5px 0;background:no-repeat 0 9px}
.services .cell.droite .contenu ul li a.bouton-principal{display:block;text-align:left;padding:15px 55px 15px 20px}
.services .cell.droite .contenu ul li a.bouton-principal:after{/* content:""; *//* background: #17419d; */width:23px;height: 2px;left: -7px;top: 19px;z-index:9900;position:absolute;transition: all .4s ease;}
.services .cell.droite .contenu ul li a.bouton-principal:hover:after{background-image:url(../images/ico-suite-h.svg)}
.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 a{width:12px;height:12px;border-radius:12px;background:var(--color1);display:inline-block}
.services .miettes li a.active{background:var(--color4);cursor:default}
.realisations,.AvisClientsBg{position:relative;z-index: 8002;text-align:center;background: #ffffff;}
.realisations .contenu,.AvisClientsBg .contenu{padding: 1px 55px 80px;}
.realisations .galerie .propor,.news .propor{width:100%;position:relative;margin-bottom:10px}
.realisations .galerie .propor:after,.news .propor:after{padding-top:100%;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%;transition: all .5s ease-in-out;}
.realisations .galerie .propor .propor-cont,.news .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.realisations .galerie .propor .propor-cont .imagecont,.news .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%}
.realisations .galerie .propor .propor-cont .imagecont .imagefond,.news .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.realisations .galerie .propor .propor-cont .imagecont .masque,.news .propor .propor-cont .imagecont .masque{transition:all 400ms ease;display:block;position:absolute;top: 0;left: 0;opacity: 0;filter:alpha(opacity=0);width: 100%;height: 100%;background-repeat: no-repeat;background-repeat: no-repeat;background: rgb(46 204 113) url(../images/ico-zoom.svg) no-repeat center center;background-size: 3vw;transition: 0.5s;}
.realisations .galerie .propor .propor-cont .imagecont:hover .masque,.news .propor .propor-cont .imagecont:hover .masque{opacity:.7;filter:alpha(opacity=80)}
.realisations .galerie .propor .propor-cont .imagecont:hover .imagefond,.news .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: white;background-image: url(../images/motif1.jpg);background-repeat: no-repeat;background-position: center right;background-size: 17rem auto;}
.intervention .contenu{padding: 1px 6% 80px;color:var(--color0);}
.intervention h2{color:var(--color0)}
.intervention ul{margin:30px 0 0;padding:0;list-style-type:none;list-style-image:none}
.intervention ul li{padding:5px 0 5px 15px;font-style:italic}
.pied{position:relative;z-index:8000;/* margin:100px 0 0 */}
.body-page-1 .pied,.body-contact .pied,.body-pageseo .pied{margin:0}
.body-contact .pied .bande1,.body-pageseo .pied .bande1{margin:0;padding:0}
.pied .bande1{padding: 2px 3% 0;background: #fefefe;}
.pied .bande1 .row1{padding:0 0 70px}
.pied .bande2{padding:30px 3% 50px;background: #e7e7e7;background-image: url(../images/footer-bg.png);background-repeat: no-repeat;background-position: bottom right;background-size: 28rem auto;}
.pied h3{color:var(--color1);font-size: 17px;letter-spacing: 0px;text-transform:uppercase;font-family: 'Montserrat-Regular';}
.pied .trait1,.pied .trait2{position:relative}
.pied .trait1::after,.pied .trait2::after{position:absolute;width:1px;height:160px;background:var(--color1);right:20%;top:70px;content:""}
.pied .trait2{padding:0 60px 0 0}
.pied .navf .menu_footer{color: #5c5c5c;padding:15px 0;list-style-type:none;margin:0;}
.pied .navf .menu_footer li{display:block;padding:0;background:none}
.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 15px;/* background:url(../images/ico-puce.svg) no-repeat 0 center; */color:inherit;text-decoration:none;background-size:7px auto;}
.pied .navf .menu_footer li a:hover,
.pied .navf .menu_footer li.active a{ color: var(--color1); }
.pied .navf .menu_footer li.active a:hover{cursor:default;text-decoration:none}
.pied .menu_referencement{color: #5c5c5c;list-style-image:none;list-style-type:none;margin:0;text-align:justify;}
.pied .menu_referencement li{display:inline;padding:0;background: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:16px;text-decoration:none}
.pied .menu_referencement li a:hover{color:var(--color1)}
.pied .menu_referencement li.active a:hover{cursor:default;text-decoration:none}
.pied address{margin:0;padding:15px 0 0;color: #5c5c5c;font-size:16px;}
.pied address p{background-repeat:no-repeat;margin:0;background-position:0 0;padding:0 15px 10px 30px}
.pied address p.adresse{background-image:url(../images/ico-adresse-f.svg);background-size:22px auto}
.pied address p.tel.tel1{background-image: url(../images/ico-tel2-f.svg);background-size:22px auto;}
.pied address p.tel.tel2{background-image:url(../images/ico-tel2-f.svg);background-size:22px auto}
.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 .horaires{color:var(--color0);padding:10px 0 0;margin:0}
.pied .copyright-footer{margin:5px 0 0}
#logoFD svg * {fill: #17419d;}
#logoFD svg { width: 200px;}
.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:none;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:var(--color1)}
.cont-slider .controls ol li a span{display:none}
.scrollbars{width:100%;height:28vh}
.scrollbar-path-vertical,.scrollbar-path-horizontal{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),0.1)}
.scrollbar-path-horizontal{box-shadow:inset 0 1px 1px rgba(var(--color4),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-path-vertical,.scrollbar-path-horizontal,.scrollbar-handle{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}
.prestation:nth-child(even){direction:rtl}
.prestation .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:50% 50%}
.prestation .cell.photo:hover{opacity: 1.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:none;padding:0;padding:0 0 10px 0}
.prestation .cell.texte .contenu ul li .bouton-principal{display:block}
.body-contact h1,.body-contact h2{color: #194aa7;position:relative;text-align:center;text-transform: initial;margin-bottom:40px;font-size:36px;font-family: 'Montserrat-Regular';background: none;}
.body-contact h2:before{content:"";position:absolute;bottom:-16px;left:50%;margin-left:-20px;/* background:var(--color1); */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:var(--color1);width:40px;height:1px}
.contact .tab-coordonnes{display:table;width:100%;position:relative;z-index:8000}
.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{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 25% 130px;background:rgba(var(--color4),0.8);}
.contact .tab-formulaire .cell.droite{display: none;vertical-align:top;width:50%;background: url(../images/Galerie-image-2.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:left}
.contact .coordonnees{padding:0 0 20px}
.contact .coordonnees h2{margin-top:20px}
.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.svg);background-size:22px auto}
.contact .coordonnees address p.tel.tel1{background-image: url(../images/ico-tel2-f.svg);margin:0;background-size:22px auto;}
.contact .coordonnees address p.tel.tel2{background-image:url(../images/ico-tel2-f.svg);font-weight: 100;background-size:22px auto;}
.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}
.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 strong,.info-rgpd a,.info-rgpd a:visited{color:var(--color1)}
.info-rgpd p{font-size:11px;color: #5c5c5c;}
.contact .formulaire .control-label{text-align:left!important;font-weight:normal}
.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:Helvetica,Arial,sans-serif;color: #5c5c5c;background:transparent;border: 1px solid #5c5c5c;box-shadow:none;border-radius:0;width:100%!important;font-size:15px;}
.contact .formulaire .form-group .form-control:focus{color:var(--color4)!important;background:var(--color0)!important}
.form-control:focus{color:var(--color4)!important;background:var(--color0)!important}
.contact .formulaire .form-group textarea.form-control{height:109px;position:static;color: #5c5c5c;}
.contact .formulaire .form-group input.form-control{height:50px;line-height:1;line-height:50px \9;padding:0 12px;color: #5c5c5c;}
.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:var(--color4)}
}
.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;font-family: 'Montserrat-Regular';}
.g-recaptcha{float:left}
.contact .formulaire .form-actions{font-size:12px;color: #5c5c5c;}
.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-image: linear-gradient(to right, #2ecc71 0%, #198346 51%, #018b3b 100%);color:var(--color0);text-align:center;border-radius:0;font-size:14px;border: 1px solid;text-decoration:none;transition:all 400ms ease;box-shadow: 0 0 10px rgb(0 0 0 / 30%);background: #17419d;}
.body-error404 a.btn.btn-default:hover,.body-error404 a.btn.btn-default:active,.contact .formulaire input.btn-primary:hover,.contact .formulaire input.btn-primary:active,.contact a.btn.btn-default:hover,.contact a.btn.btn-default:active{filter:alpha(opacity=80);background: transparent;border: 1px solid #17419d;color: #17419d;}
::-webkit-input-placeholder{color:#5c5c5c!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}
.pageseo .formulaire .form-group input.btn-primary{float:right}
.gallery .bas-galerie{text-align:center;padding: 40px 0 40px;}
.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}
.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;filter:alpha(opacity=0);top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;background-repeat: no-repeat;background: rgb(46 204 113) url(../images/ico-zoom.svg) no-repeat center center;background-size: 3vw;transition: 0.5s;}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque{opacity:0.7;filter:alpha(opacity=80)}
.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:none}
.gallery .nav li::after{position:absolute;font-size:20px;right:0;top:18px;width:5px;height:5px;background:var(--color1);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:none;display:block;color:var(--color2);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:none;color:var(--color1)}
.gallery .nav li.active a{cursor:default}
.header-sidebars,.sidebar-left,.sidebar-right{background-color:var(--color0);letter-spacing:1px}
.sidebar-left a,.sidebar-right a,.sidebar-bottom-controls a,.contactButton,.nav-item-active,.sidebar-form label,.sidebar-send-button,.sidebar-divider-text{color:var(--color0)!important}
.header-sidebars{height:65px;z-index:9999;position:fixed;left:0;right:0;top:0;width:100%;box-shadow: -2px -4px 8px 0px black;}
.header-sidebars .header-top{display:table;height:65px;width:100%;background: #ffffff;}
.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:16px;top:24px;max-height:76px;max-width:129px}
.deploy-right-sidebar{border-left:1px var(--color3) solid;display:table-cell;background-color:var(--color1);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:var(--color1)}
.deploy-right-call{display:table-cell;background-color:var(--color1);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: #17419d;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: #002370;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 var(--color4);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: #17419d;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:none;padding-left:0;background: #17419d;}
.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:5px;font-size:15px;color:var(--color1)}
.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:none;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),0.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),0.9) url(../images/bg-optionel-gris.svg) repeat top center;background-size:60px auto}
.bg-optionnel-gris{background:rgba(var(--color4),0.9) url(../images/bg-optionel-gris.svg) repeat top center;background-size:60px auto}
.deprecated-ie{text-align:center;color:var(--color4);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:var(--color4);text-decoration:underline}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(var(--color1),0.9)}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:var(--color1)}
.icones{width:32px;margin:16px 0 0 16px;height:32px;fill:var(--color0)}
.deploy-right-sidebar .icones{width:29px}
.tel-left .icones{fill: #2ecc71;width:44px;height: 36px;margin: 0px 10px -6px 0;}
.btn-partage .icones{width:19px;margin:0;height:19px;padding:0;position:relative;fill: #2ecc71;top:9px;}
.intervention::before,.pied::before,.certifs::before,.services::before,.realisations::before,.AvisClientsBg::before{display:block;position:absolute;left:0;width:50%;/* border-bottom:1px solid var(--color1); */content:"";}
.bx-pager.bx-default-pager a,.bx-pager.bx-default-pager a:hover,.bx-pager.bx-default-pager a.active{background-color:#fff}
.remonter .icones{fill:var(--color1);margin:0 0 -5px;width:32px;height:32px}
.btn-descendre .icones{fill:var(--color1);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,0.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}
.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),0.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:var(--color1)}
.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:var(--color1)}
.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 rgba(var(--color1),0.4);display:block;height:100%;font-family:var(--font_family_1);text-transform:uppercase}
.news_avant_apres a:hover,.news_avant_apres a:focus{border-color:var(--color6);text-decoration:none}
.news_avant_apres > div:last-child{right:-5px}
.news_avant_apres a:hover b,.news_avant_apres a:focus b{text-decoration:none;color:var(--color1)}
.navButtons,.navButtons:visited{padding:0 0 10px;color:var(--color0);transition:.8s;text-decoration:none;display:block}
.news_avant_apres a:hover span,.news_avant_apres a:focus span{color:var(--color0);text-decoration:none}
a.return-to-news:visited,a.return-to-news,a.return-to-news:link{text-decoration:none;font-family:var(--font_family_1);text-transform:uppercase;color:var(--color0)}
a.return-to-news:hover,a.return-to-news:focus{text-decoration:underline;color:var(--color0)}
.pagination > li{background:none;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: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(--color1);border-color:var(--color1)}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.lightboxOverlay{overflow:scroll}
.lightboxOverlay::-webkit-scrollbar{width:0}
}
.body-page-1 .banniere .fond {
  background-position: bottom;
}
.contact .map{position:absolute;top:0;left:0;width:100%;height:100%}
.contact .map iframe{width:100%;height:100%}
.contact .tab-coordonnes .cell.gauche{background:none;position:relative}
@media (min-width:768px) {
.dispaly_flex {display:flex;text-align: center;}
.flex_child_2 {flex:2;}
.flex_child_1 {flex:1;}
}
@media (max-width:991px) {
.contact .formulaire .form-group > label.control-label{display:block;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms 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;margin-left: 3rem;}
.prestation .cell.texte .contenu{padding:0 10% 50px}
.body-page-1 .fluid-contenu .corps{padding: 5px 15px 40px;}
.body-gallery .fluid-contenu .corps{padding:0 30px}
.body-service-list .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding:50px 0 0}
.pied .copyright-footer{margin:25px 0 0;text-align:center}

}
.body-service-list .services {
    background: white;
}
@media (max-width:767px) {
.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}
h1,.h1,.body-contact h1,.body-contact h2{font-size:24px;line-height:24px;letter-spacing:0}
.titre-secondaire{font-size:22px;line-height:24px}
.slogan .titre{font-size:38px;line-height:38px;letter-spacing:0}
.slogan .titre span{font-size:23px}
.slogan .sous-titre{font-size:21px;line-height:21px;text-shadow: 3px -1px 3px black;}
.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: 5px 15px 40px;}
.body-page-1 .fluid-contenu .corps{padding: 5px 15px 40px;}
.body-gallery .fluid-contenu .corps{padding: 5px 15px 40px;}
.body-service-list .fluid-contenu .corps,.body-contact .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),0.5);padding:40px 0}
.cont-slider .controls{bottom:-20px}
.services{display:block}
.services .cell.gauche{width:100%;overflow:hidden!important;position:relative;width:100%!important;padding:19px 15px 36px;}
.services .cell.droite{display:block;width:100%}
.services .cell.droite .contenu{padding: 90px 2%;margin-left: 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}
.realisations .contenu,.AvisClientsBg .contenu{padding:30px 15px 40px}
a.bouton-principal,button.bouton-principal{padding:13px 40px 13px 20px}
.intervention .contenu{padding:40px 15px 50px}
.pied .bande1{padding:30px 15px}
.pied .btn-like{padding:20px 0 5px;text-align:center}
.pied .btn-partage{text-align:center;padding:20px 0 0}
.body-gallery-4 .fluid-contenu .corps,.body-contact .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 .trait2,.pied .trait1{background:none}
.gallery .description-galerie{padding:20px 0 5px}
.prestation,.actualites{display:block;min-height:auto}
.prestation .cell.photo,.actualites .cell.photo{display:block;width:100%;height:180px}
.prestation .cell.texte,.actualites .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:410px!important}
.body-gallery-4 .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding: 5px 15px 40px;}
.contact .tab-formulaire .cell.gauche .contenu{padding: 10px 12% 0;}
.contact .tab-coordonnes .cell.droite .contenu{padding: 10px 12% 0;}
.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 > div,.news_avant_apres{display:block}
}
@media (min-width:768px) and (max-width:991px) {
.pied .trait2{background:none}
.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-page-11 .fluid-contenu .corps,.body-contact .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}
h1,.h1{font-size:26px;line-height:26px}
.titre-secondaire{font-size:23px;line-height:24px}
.body-contact h1,.body-contact h2{color: #17419d;position:relative;text-align:center;text-transform: initial;margin-bottom:40px;font-size:36px;}
.sur-banniere{position:relative;height:560px!important}
.body-gallery-4 .fluid-contenu .corps,.body-contact .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}
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:none}
.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%}
}
.row.ligne-photos {
    padding: 0 3% 40px;
}
.tete .logo-site a {
    font-family: 'Montserrat-Regular';
    color: var(--color1);
    text-decoration: none;
    font-size: 38px;
    text-transform: initial;
    position: relative;
    font-weight: 600;
}
.tete .logo-site span1 {
    font-family: 'Montserrat-Regular';
    font-weight: 700;
    position: absolute;
    top: -110px;
    left: 54px;
}
.navh .menu_principal a:after {content: "";/* background: url(../images/mnu.png); */background-repeat: no-repeat;background-size: auto;background-size: contain;width: 100%;height: 100%;top: -2px;left: 0px;position: absolute;transition: all .4s ease;opacity: 0;z-index: -1;}

.navh .menu_principal a:hover:after, .navh .menu_principal li.active > a:after {
    left: 32px;
    opacity: 1;
}

/* .body-page-1 .fluid-contenu .corps:after {content: "";/* background: url(../images/motif1.jpg); */background-repeat: no-repeat;background-size: 29rem auto;background-position: top right;position: absolute;top: 0;right: 0;width: 25%;height: 100%;} */

.changeColor{background: #ffffff;}


.recup-photos .propor .propor-cont .imagecont:hover img, .realisations .galerie .propor .propor-cont .imagecont:hover img {
  transform: scale(1.1);
  transition: all .5s ease-in-out;
}

.atout {
  /* background: url(../images/atout-bg1.png); */
  background-color: white;
  background-repeat: no-repeat;
  background-size: 50rem auto;
  position: relative;
  /* height: 50rem; */
  background-position: left center;
  margin-top: -2rem;
  padding: 21px 55px 80px;
}
.atout h1 {
  color: #17419d;
}
.atouts {
    display: flex;
    justify-content: space-evenly;
}

.bloc img {
    height: 6rem;
}

.advantcont:hover {
  transform: translateX(10px);
}

.advantcont:hover .bloc {
  transform: translateX(20px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  background-color: #2cc56d;  /* fallback for old browsers */
  background-color: -webkit-linear-gradient(to right, #ED8F03, #FFB75E);  /* Chrome 10-25, Safari 5.1-6 */
  background-color: linear-gradient(to right, #ED8F03, #FFB75E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  /*! padding: 20px 15px; */
  /*! margin: 500px; */
  width: 120px;
  height: 170px;
  /*! box-shadow: none; */
  /*! background: transparent; */
}

.advantcont:hover .bloc p.legend {
color: #fff;
}

.advantcont:hover .bloc img  {
filter:brightness(100);
}



.advantcont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    box-shadow: inset 5px 5px 5px rgb(0 0 0 / 5%), inset -5px -5px 5px rgb(255 255 255 / 50%), 5px 5px 5px rgb(0 0 0 / 5%), -5px -5px 5px rgb(255 255 255 / 50%);
    transition: all 200ms ease-in-out;
}

.bloc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.35s ease-in-out;
    padding: 15px 5px;
    width: 120px;
    height: 120px;
    text-align: center;
    font-size: 14px;
    background: #f6f6f6;
}
p.legend {
  color: #17419d;
  height: 1rem;
  width: 10rem;
  padding: 1rem 0 3rem;
}

.services .cell.droite .contenu .contenu-srv:before {
  content: '';
  position: absolute;
  width: 36%;
  height: 36%;
  /* background: #dfdfdf; */
  left: -3px;
  top: -3px;
  z-index: -11;
}

.contenu-srv {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.10);
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    display: block;
    background: white;
    padding: 60px 6% 70px;
    /* margin-left: -15rem; */
    margin-top: -12rem;
    position: relative;
}

.services .cell.droite .contenu ul li a.bouton-principal {
    background: #17419d;
    color: #17419d;
    border: none;
    color: #ffffff;
    font-size: 18px;
    padding: 10px 32px;
    transition: all .4s ease;
    position: relative;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

.services .cell.droite .contenu ul li a.bouton-principal:hover {
    padding-left: 46px;
    color: #ffffff;
}

.realisations:after {content: "";/* background: url(../images/splash-1.png); */background-repeat: no-repeat;background-size: 32rem auto;width: 24%;height: 36%;top: -62px;right: 0;position: absolute;z-index: 1;background-position: right top;}
.intervention .h1 {
    color: #17419d;
}

.intervention .flex_child_2 {
    color: #5c5c5c;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    color: #5c5c5c;
}

.body-sitemap ul li a {
  color: #5d5d5d;
}
.body-copyright a {
  color: black;
}

.btn-descendre{
  display: none;
}

.face img {
    height: 40px;
}

.face a {
    color: #ffffff;
    text-decoration: none;
    height: 2rem;
    border: 1px solid #17419d;
    padding: 12px 15px 16px;
    background: #17419d;
    transition: all .4s ease;
    font-family: 'Montserrat-Regular';
    box-shadow: 0px 0px 13px #b5b5b5;
}

.face {
    /* border: 1px solid #17419d; */
    width: fit-content;
    padding: 4px;
    margin-top: 2rem;
    cursor: pointer;
    transition: all .4s ease;
    /* background: #17419d; */
    color: white;
}

.face:hover a {
    color: #17419d;
}

.face:hover {
    background: transparent;
}
.face a:hover {
    background: transparent;
    color: #17419d;
}
.popup{cursor:pointer;z-index:9001;position:fixed;/* border-radius:20px; */display:flex;top:285px;background: #2ecc71;right: -250px;transition:.3s ease-in-out;}
  .popup a{text-decoration:none}
  .logo img{width: 50px;}
  .popup .content{margin:auto;width: 250px;padding: 0 0px;}
  .popup .content a{text-align:center;margin:auto;color:#fff;font-size:17px;font-family: var(--police_pricipal);}
  .popup:hover{right:0}
  @media screen and (max-width:991px){
	  .popup:hover {
		  max-width: 100%;
	  }
  }
  @media screen and (max-width:767px){
	  .popup .content {
	  padding: 0 24px;
	  }
  }

  @media (max-width:1850px){
/*   .body-page-1 .slogan {
    position: relative;
    margin-top: 46%;
    left: 60%;
    color: var(--color0);
    width: 90%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
} */
.body-page-1 .btn-descendre {
  position: relative;
  margin: 20px 0 0;
  display: flex;
  left: 49%;
  top: -65px;
  display: none;
  
}
  }
  @media (max-width:1550px){
  .realisations:after {
    content: "";
    /* background: url(../images/splash-1.png); */
    background-repeat: no-repeat;
    background-size: 14rem auto;
    width: 24%;
    height: 36%;
    top: -62px;
    right: 0;
    position: absolute;
    z-index: 1;
    background-position: right top;
}
.banniere .fond {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-background-size: cover!important;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 90rem auto;
}
  }
  @media (min-width:1200px) and (max-width:1450px){
  .body-page-1 .slogan:after {
    content: "";
    background: url(../images/garantie-decennale-1.png);
    width: 100%;
    height: 100%;
    top: 3px;
    right: 0;
    left: 12rem !important;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    z-index: -1;
}
.slogan .sous-titre {
  font-size: 30px;
  line-height: 26px;
  color: var(--color0);
  text-shadow: 3px -1px 3px black;
}
  }

  @media (max-width:1199px){
    h1, .h1{
      background-size: 25px auto !important;
    }
  .body-page-1 .slogan .titre {
    font-size: 55px;
    color: #ffffff;
    text-transform: initial;
    line-height: 80px;
    letter-spacing: 5px;
    font-family: var(--font_family_1);
    text-shadow: 3px -1px 3px black;
}
.body-page-1 .slogan {
  position: relative;
  margin-top: 75%;
  left: 50%;
  color: var(--color0);
  width: 90%;
  text-align: center;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.formulaire.contact-footer.col-md-6 {
  width: 100%;
}
.pied .bande1 {
  padding: 70px 15% 0;
  background: #f6f6f6;
  /* background-image: url(../images/srvHome.jpg); */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: auto;
}
.body-pageseo .slogan {
  left: 50%;
  margin-top: 60%;
}
  }
  @media (min-width: 991px) and (max-width:991px) {
  .contact .tab-formulaire .cell.gauche .contenu {
    padding: 303px 12% 0;
}
  }
  @media (max-width:991px) {
  .body-page-1 .slogan {
    position: relative;
    margin-top: 40%;
    left: 50%;
    color: var(--color0);
    width: 90%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.body-pageseo .slogan {
  left: 50%;
  margin-top: 30%;
}
.top-logo img {
  position: absolute;
  left: 4px;
  top: 2px;
  max-height: 76px;
  max-width: 129px;
  height: 62px;
}
span.span2 {
  position: absolute;
  left: 66px !important;
  top: 29px !important;
}
span.span1 {
  position: absolute;
  left: 66px !important;
  top: 7px !important;
  font-family: 'Montserrat-Regular';
}
.banniere .fond {
  background-position: center!important;
  background-size: contain!important;
  top: -23rem;
}
.body-page-1 .slogan:after {
  content: "";
  background: url(../images/garantie-decennale-1.png);
  width: 100%;
  height: 100%;
  top: -140px !important;
  right: 0;
  left: 0 !important;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center !important;
  z-index: -1;
}
  }

  .header-sidebars .header-top a {
    color: #17419d;
}
@media (max-width: 836px){
.banniere .fond {
  background-position: center!important;
  background-size: contain!important;
  top: -14rem;
}
}

@media (max-width: 767px){
  .tab-coordonnes .table-row {
    display: flex !important;
    flex-direction: column-reverse;
}
.services .cell.gauche {
    display: block;
    vertical-align: bottom;
    width: 50%;
    /* padding: 81px 0px 86px 35px; */
    position: relative;
    z-index: -12;
}
.body-page-1 .slogan .titre {
  font-size: 40px;
  color: #ffffff;
  text-transform: initial;
  line-height: 80px;
  letter-spacing: 5px;
  font-family: var(--font_family_1);
  text-shadow: 3px -1px 3px black;
}
.body-page-1 .slogan {
  position: relative;
  margin-top: 35%;
  left: 50%;
  color: var(--color0);
  width: 90%;
}
.banniere .fond {
  background-position: center!important;
  background-size: contain!important;
  top: -40rem;
}
.atouts {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
}
.pied .bande2 {
  padding: 30px 3% 50px;
  background: white;
  background-image: url(../images/footer-bg.jpeg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 16rem auto;
}
.slogan {
  position: relative;
  margin-top: 30%;
  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%);
}
.body-page-1 .slogan:after {
  content: "";
  background: url(../images/garantie-decennale-1.png);
  width: 100%;
  height: 100%;
  top: -116px !important;
  right: 0 !important;
  left: 0 !important;
   position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center !important;
  z-index: -1;
}
}

@media (max-width: 664px){
.banniere .fond {
  background-position: center!important;
  background-size: contain!important;
  top: -33rem;
}
.slogan {
  position: relative;
  margin-top: 42%;
  left: 50%;
}
}
@media (max-width: 572px){
.sur-banniere {
  position: relative;
  height: 350px!important;
}
.banniere .fond {
  background-position: center!important;
  background-size: contain!important;
  top: -40rem;
}
}

@media (max-width: 517px){
.coordonnees h1, .body-pageseo h1 {
  background: none;
  font-size: 20px;
}
}
@media (max-width: 502px){
.sur-banniere {
  position: relative;
  height: 290px!important;
}
.body-page-1 .slogan .titre {
  font-size: 25px;
  color: #ffffff;
  text-transform: initial;
  line-height: 70px;
  letter-spacing: 5px;
  font-family: var(--font_family_1);
  text-shadow: 3px -1px 3px black;
}
.slogan .sous-titre {
  font-size: 19px;
  line-height: 21px;
  position: relative;
  top: -20px;
  text-shadow: 3px -1px 3px black;
}
.slogan {
  position: relative;
  margin-top: 35%;
  left: 50%;
}
.banniere .fond {
  background-position: center!important;
  background-size: contain!important;
  top: -47rem;
}
}

@media (max-width: 500px){
span.span1 {
  position: absolute;
  left: 127px !important;
  top: 11px !important;
  font-family: 'Montserrat-Regular';
  font-size: 13px;
  font-weight: 700;
}
span.span2 {
  position: absolute;
  left: 128px !important;
  top: 29px !important;
  font-size: 13px;
  font-weight: 700;
}
}

@media (max-width: 499px){
.header-sidebars .header-top a.top-logo {
  color: #17419d;
  position: relative;
  right: 21%;
  left: -16%;
}
.top-logo img {
  position: absolute;
  left: 80px;
  top: 2px;
  height: 60px;
  max-height: 76px;
  max-width: 129px;
}
}
@media (max-width: 438px){
.body-page-1 .slogan .titre {
  font-size: 25px;
  color: #ffffff;
  text-transform: initial;
  line-height: 40px;
  letter-spacing: 2px;
  font-family: var(--font_family_1);
  text-shadow: 3px -1px 3px black;
  margin-left: 0;
}
.slogan .sous-titre {
  font-size: 19px;
  line-height: 21px;
  position: relative;
  top: 0px;
  text-shadow: 3px -1px 3px black;
}
.banniere .fond {
  background-position: center!important;
  background-size: contain!important;
  top: -40rem;
}
.popup {
  cursor: pointer;
  z-index: 9001;
  position: fixed;
  /* border-radius: 20px; */
  display: flex;
  top: 180px;
  background: #2ecc71;
  right: -250px;
  transition: .3s ease-in-out;
}
}

@media (max-width: 432px){
.top-logo img {
  position: absolute;
  left: 65px;
  top: 1px;
  height: 63px;
  max-height: 76px;
  max-width: 146px;
}
span.span1 {
  position: absolute;
  left: 112px !important;
  top: 12px !important;
  font-family: 'Montserrat-Regular';
  font-size: 12px;
  font-weight: 700;
}
span.span2 {
  position: absolute;
  left: 113px !important;
  top: 31px !important;
  font-size: 12px;
  font-weight: 700;
}
.atout {
  background-color: white;
  background-repeat: no-repeat;
  background-size: 50rem auto;
  position: relative;
  background-position: left center;
  margin-top: -2rem;
  padding: 1px 0px 80px;
}
.face a {
  color: #ffffff;
  text-decoration: none;
  height: 2rem;
  border: 1px solid #17419d;
  padding: 8px 0px 13px;
  background: #17419d;
  transition: all .4s ease;
  font-family: 'Montserrat-Regular';
  box-shadow: 0px 0px 13px #b5b5b5;
  font-size: 12px
}
.face img {
  height: 30px;
}
}
@media (max-width: 426px){
.sur-banniere {
  position: relative;
  height: 259px!important;
}
.banniere .fond {
  background-position: center!important;
  background-size: contain!important;
  top: -48rem;
}

}

@media (max-width: 420px){
.top-logo img {
  position: absolute;
  left: 68px;
  top: 7px;
  height: 50px;
  max-height: 60px;
  max-width: 90px;
}
}
@media (max-width: 391px){
.top-logo img {
  position: absolute;
  left: 58px;
  top: 2px;
  height: 60px;
  width: 85px;
  max-height: 60px;
  max-width: 90px;
}
span.span1 {
  position: absolute;
  left: 97px !important;
  top: 11px !important;
  font-family: 'Montserrat-Regular';
  font-size: 10.5px;
  font-weight: 700;
}
span.span2 {
  position: absolute;
  left: 101px !important;
  top: 29px !important;
  font-size: 10px;
  font-weight: 700;
}
}
@media (max-width: 367px){
.banniere .fond {
  background-position: center!important;
  background-size: cover!important;
}

}

.logo-site img {
  height: 25rem;
  width: 30rem;
  position: relative;
  top: -2rem;
  max-width: initial;
  max-height: initial;
}

.body-page-1 .services .cell.droite .contenu ul li:nth-child(1) a:after, .body-pageseo .services .cell.droite .contenu ul li:nth-child(1) a:after  {content: "";background: url(../images/placo.png);background-repeat: no-repeat;background-size: 40px;top: 3px;left: -44px;width: 100%;height: 100%;position: absolute;opacity: 0;}
.body-page-1 .services .cell.droite .contenu ul li:nth-child(1) a:hover:after, .body-pageseo .services .cell.droite .contenu ul li:nth-child(1) a:hover:after {
  opacity: 1;
  left: 0;
}

.body-page-1 .services .cell.droite .contenu ul li:nth-child(2) a:after, .body-pageseo .services .cell.droite .contenu ul li:nth-child(2) a:after {content: "";background: url(../images/pinceau.png);background-repeat: no-repeat;background-size: 38px auto;top: 4px;left: -44px;width: 100%;height: 100%;position: absolute;opacity: 0;}
.body-page-1 .services .cell.droite .contenu ul li:nth-child(2) a:hover:after, .body-pageseo .services .cell.droite .contenu ul li:nth-child(2) a:hover:after {
  opacity: 1;
  left: 0;
}

.body-page-1 .services .cell.droite .contenu ul li:nth-child(3) a:after, .body-pageseo .services .cell.droite .contenu ul li:nth-child(3) a:after {content: "";background: url(../images/doublage.png);background-repeat: no-repeat;background-size: 38px auto;top: 4px;left: -44px;width: 100%;height: 100%;position: absolute;opacity: 0;}
.body-page-1 .services .cell.droite .contenu ul li:nth-child(3) a:hover:after, .body-pageseo .services .cell.droite .contenu ul li:nth-child(3) a:hover:after {
  opacity: 1;
  left: 0;
}


.banniere .motif {
  /* background: var(--color4) url(../images/motif.png); */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .4;
}
h1.slogan {
  background: none;
}

.body-page-1 .banniere .motif {
  background: black;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.1;
}

span.span2 {
    position: absolute;
    left: 23px;
    top: 17px;
    font-family: 'Montserrat-Regular';
}

span.span1 {
    position: absolute;
    left: 25px;
}

address {
  display: table;
  margin-left: auto;
  margin-right: auto;
}



.body-page-1 .slogan:after {
  content: "";
  background: url(../images/garantie-decennale-1.png);
  width: 100%;
  height: 100%;
  top: 3px;
  right: 0;
  left: 6rem;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  z-index: -1;
  display: none;
}


@media (max-width: 400px){

.body-page-1 .slogan:after {
  content: "";
  background: url(../images/garantie-decennale-1.png);
  width: 100%;
  height: 100%;
  top: -90px !important;
  right: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  z-index: -1;
}
}