:root{
  --color0: #ffffff; /** arrière plan du site + encarts**/
  --color1: #0074D9; /*couleur principale*/
  --color2: #323435; /*couleur titre & menu */
  --color3: #929799; /*couleur text footer */
  --color4: #808080; /*couleur encarts gris light */
  --color5: #0989fa; /*couleur hover btn */
  --color6: dodgerblue;
  --b1: #06bcfb;
  --b2: #4884ee;
  --font_family_1: 'Montserrat-Regular', sans-serif;
  --font_family_2: 'Poppins-Regular', sans-serif;
  --taille_font: 16px;
}   

html,body{height:100%;scroll-behavior: smooth;}
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{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/puce.svg) no-repeat 0 center;padding-left:15px;}
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}
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.trait{height:1px;margin:-.5em 0;padding:0;color:var(--color3);background-color:var(--color3);border:0;opacity:.4}
.page-contenu img{margin:10px}
body{color:var(--color2);font-family:Arial,Helvetica,sans-serif;font-size:var(--taille_font);background:var(--color0)}
a,a:link,a:visited{color:var(--color2);text-decoration:underline}
a:hover{text-decoration:none}
.corps a:hover{color:var(--color1)}
a:active{outline:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{color:var(--color1);font-family:var(--font_family_1)}
h1,.h1{
  font-size: 31px;
  line-height: 31px;
  color: var(--color2);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 60px;
  position: relative;
}
h1:before,.h1:before{content:"";width:75px;background:var(--color1);position:absolute;bottom: -12px;left:50%;margin-left:-37px;height:2px;}
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: 21px;line-height:30px;padding:5px 0 0;margin:0;color:var(--color1);font-family:'Lato-Light',sans-serif;text-align:center;margin-bottom:0;display:block;}
.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background-color:var(--color1);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-shutter-out-horizontal.dark{background-color:var(--color2);color:var(--color0)}
.hvr-shutter-out-horizontal.active{background-color:var(--color5)}
.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color:var(--color5);-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:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;border-radius: 20px 20px 20px 0px !important; transition: 0.2s ease;}
.hvr-shutter-out-horizontal.dark:before{background-color:var(--color2)}
.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(--color0)}
.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{text-align:left;font-family:var(--font_family_1);color:var(--color0);text-decoration:none;padding:13px 20px;font-size:14px;text-transform:uppercase;border:0;padding-right:50px;border-radius: 20px 20px 0px 20px !important; transition: 0.2s ease;}
a.bouton-principal:after,button.bouton-principal:after{content:"";background-image:url(../images/paint.png);
  background-repeat: no-repeat;
  width: 34px;
  height: 35px;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-41%);
  z-index: 9900;
  position: absolute;}
.btn-service a.bouton-principal,.btn-service button.bouton-principal{text-align:left;font-family:var(--font_family_1);color:var(--color0);text-decoration:none;padding:13px 20px;font-size:14px;text-transform:uppercase;border:0}
.btn-service a.bouton-principal::after{background-image:none}
.body-page-1 .corps a.bouton-principal,.body-page-1 .corps button.bouton-principal{width:150px;margin:15px 0 50px}
.main-page{position:relative;overflow:hidden}
.tete{position:fixed;left:0;right:0;z-index:9000;height:90px;background:var(--color0);box-shadow:0 3px 9px rgba(0,0,0,0.15)}
.tete .logo-site{margin:0;padding:17px 0 17px 35px;height:90px}
.tete .logo-site a{font-size:15px;color:var(--color1);text-decoration:none;font-family:var(--font_family_1)}
.tete .logo-site a:focus,.tete .logo-site a:hover{color:var(--color1);text-decoration:none}
.tete .logo-site a img{height:auto;max-height:100%}
.tete .infos{background: #ffffff;display:inline-block;height:90px;padding:25px 30px 0;}
.tete .infos.infos_small{display:block;width:120%;padding:3px;height:38px;position:relative;left:-20%}
.tete .infos .tel{display:inline-block;vertical-align:top;font-size:18px;color:var(--color1);padding:5px 20px 0 0;margin:0;font-family:var(--font_family_1)}
.tete .infos .tel a{color:inherit;text-decoration:none}
a.imagecont.noflicker.img1{float:right;margin-left:10px;margin-bottom:10px}
.sidebar-scroll-right .callTracker{width:100%;height:50px}
.callTracker{position:relative}
.callTracker span,.callTracker a{display:inline-block;text-align:left;min-width:145px;padding:0;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;height:100%;line-height:1.64em;text-decoration:none}
.callTracker .t_phone{opacity:0;display:none}
.callTracker .t_affiche{cursor:pointer}
header .callTracker span,header .callTracker a{top:5px}
header .callTracker .t_affiche{font-size:90%}
.callTracker.active .t_phone{opacity:1;display:inline-block}
.callTracker.active .t_affiche{opacity:0;display:none}
.pied .callTracker a,.coordonnees .callTracker a{position:relative;left:0}
.callTracker:not(.active) span:hover,
.callTracker:not(.active) a:hover { color: var(--color1); }

.tete .widget-partage{display:none}
.btn-partage .btnp{width:36px;height:36px;border-radius:36px;background-color:var(--color0);background-repeat:no-repeat;background-position:center center;display:inline-block;transition:all 400ms ease;text-align:center}
.tete .infos.infos_small .btn-partage .btnp{width:29px;height:29px}
.btn-partage .btnp:hover{transform:rotate(360deg);background-color:var(--color1)}
.copyright{text-align:justify}
.tete .btn-partage{padding:0;display:inline-block;vertical-align:top}
.navh{margin:0;z-index:8000;display:inline-block;vertical-align:top}
.navh .menu_principal{margin:0;padding:0;list-style:outside none;display:table;width:100%}
.navh .menu_principal>li{position:relative;display:table-cell;vertical-align:middle;text-align:center;padding:0;background:none}
.navh .menu_principal > li::after{position:absolute;font-size:20px;right:0;top:43px;width:5px;height:5px;background:var(--color1);border-radius:5px;display:block;content:" "; display: none;}
.navh .menu_principal > li:last-child::after{display:none}
.navh .menu_principal>li:last-child{background:none}
.navh .menu_principal a,.navh .menu_principal a:visited{color:var(--color2);display:block;font-size:14px;text-transform:uppercase;padding:35px 20px 35px 15px;text-decoration:none;font-family:var(--font_family_1);transition:all 400ms ease}
.navh .menu_principal a:hover,.navh .menu_principal li.active>a{color:var(--color1)}
.navh .menu_principal li.active>a:hover{cursor:default}
.slogan{position:absolute;top:-190px;right:20px;color:var(--color0);width:100%;right:0;padding:0 1%;text-align:center;margin:0 0 10px}
h1.slogan:before,.h1.slogan:before{content:"";width:0;height:0;background:none;position:inherit;bottom:inherit;left:inherit}
.slogan .titre{font-size: 65px;font-family:var(--font_family_1);text-transform:uppercase;line-height:40px;}
.slogan .titre span{font-size:48px}
.slogan .sous-titre{font-size: 25px;font-family:var(--font_family_2);line-height: 48px;}
.body-page-1 .slogan{
  top: -530px;
  text-align: center ;
  right: 20px;
  padding: 0;
}
.video-accueil{position:fixed;top:0;left:50%;width:120%;width:120vw;height:100vh;margin-left:-60%;margin-left:-60vw}
.video-accueil video{width:100%;height:auto;vertical-align:top;z-index:1;position:relative}
.video-accueil .banniere{z-index:0}
.banniere{position:fixed;top:0;margin-left:0;height:100%;left:0;width:100%}
.banniere::before{content:"";position:absolute;z-index:2;width:100%;height:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none}
.body-page-1 .banniere::before{content:none}
@-moz-document url-prefix() {
.banniere {filter:blur(7px);width:110%;left:-5%}
.body-page-1 .banniere{filter:blur(0px);width:100%;left:0}
}
.btn-descendre{    
  display: inline-block;
  width: 200px;
  height: 112px;
  background:url(../images/scroll.gif) no-repeat center top;    
  position: absolute;
  top: -147px;
  left: 50%;
  margin-left: -94px;
  overflow: hidden;
  text-indent: 300px;
  white-space: nowrap;
  background-size: 47%;
}
.btn-descendre:before{content:"";width:7px;height:7px;background:var(--color1);border-radius:7px;position:absolute;top:21px;left:97px;transition:all 400ms ease;display: none;}
.btn-descendre:hover:before{opacity:.4;filter:alpha(opacity=40);top:40px}
.fluid-contenu{position:relative;z-index:10;background:var(--color0)}
.fluid-contenu .corps{padding:70px 3%}
.body-gallery-4 .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding:80px 0 0}
.body-service-list .fluid-contenu .corps{padding:0}
.recup-photos .propor .propor-cont .imagecont{position:absolute;top:0;bottom:0;right:0;left:0;/* border-radius: 20px !important; */}
.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%;border-radius: 0px 20px;}
.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;/* border-radius: 20px; */}
.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-color:var(--color1);background-image:url(../images/paint2.png);background-repeat:no-repeat;background-position:center center;/* border-radius: 20px !important; */border-radius: 0px 20px;}
.recup-photos .propor .propor-cont .imagecont:hover .masque{opacity:.7;filter:alpha(opacity=70);/* border-radius: 20px; */}
.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: flex;flex-direction: column;align-items: center;table-layout:fixed;width:100%;position:relative;z-index:8000;background:var(--color0);background-size:50% 1px;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.certifs .cell.gauche{display:table-cell;vertical-align:top;width: 100%;background: white;}
.certifs .cell.gauche .contenu{padding: 53px 12% 36px;padding-bottom: 3px;}
.certifs .cell.droite{display:table-cell;vertical-align:middle;width: 100%;padding: 65px 50px;background:var(--color0);padding-top: 0px;}
.certifs .cell.droite .logo-certif{padding:0 15px;height:260px;line-height:260px;vertical-align:middle;text-align:center}
.certifs .cell.droite .bg-noir{padding: 45px 0;padding-top: 20px;/*background: #ededed;*/}
.actualites .cell.photo a{display:block}
.actualites .cell.photo.cover img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
.actualites{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.actualites article{display:table;width:100%}
.actualites:nth-child(even+1){direction:rtl}
.actualites .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center}
.actualites .cell.photo:hover{opacity:.95;filter:alpha(opacity=95)}
.actualites .cell.texte{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid var(--color4)}
.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:url(../images/puce.svg) 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:50px 0}
.actualites .date_post,.news .date-article{font-size:15px;font-style:italic;font-weight:bold;color:var(--color2)}
.news .ligne-actus .date-article{margin-top:18px;margin-bottom:0}
.news .ligne-actus .contenu-article{margin-top:0}
.news .contenu-article{margin-top:21px}
.AvisClientsBg{padding:0 7%}
.AvisClientsBg.bg-optionnel-gris .h1{color:var(--color0)}
.etoiles .fa{color:#FC0}
.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: #06bcfb;
  background-image: linear-gradient(45deg, #06bcfb 0%, #4884ee 74%);;padding:80px 20px 20px;text-align:center;height:300px;margin-top:100px;display:block;text-decoration:none;
  border-radius: 10px 10px 0px 10px;
}
/********** Page seo ***********************/
.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
}

.seo-content h1,
h2,
h3,
h4 {
    font-size: 20px;
    letter-spacing: 1px;
}

.flex-seoContain .seo-content h1,
.flex-seoContain .seo-form h2.h1 {
    text-align: left;
    font-size: 25px;
    font-family: var(--font_family_1)
}

.flex-seoContain .seo-content h1::before,
.flex-seoContain .seo-form h2.h1::before {
    left: 0;
    margin-left: 0;
    transform: translate(0)
}

.flex-seoContain .seo-content {
    width: 53%;
}

.flex-seoContain .seo-form {
    width: 44%;
    padding: 3em 3% 3em;
    background: #faf3f2cf
}

.img-seo img {
    border-radius: var(--border-radius);
    width: 240px;
    height: auto;
    float: right;
    margin: 0 0 5px 20px;
}


.AvisClients:active,.AvisClients:hover{background-color:var(--color0)}
.AvisClients .h{font-size:18px;color:white;text-align:center;text-transform:uppercase;margin-bottom:0}
.AvisClients p{font-size:16px;margin-bottom:0; color: white;}
.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; color: white;}
.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(--color0);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:var(--color4);border-radius:2px}
.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(0,0,0,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:var(--color2);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:var(--color0);border:1px solid #ccc;color:var(--color2);border-radius:2px}
.modal-content .form-control::placeholder{color:var(--color2)!important;opacity:1}
#add-review .submit-review{margin:15px auto!important;padding:14px 15px!important;float:none;display:block;background-image:none}
#add-review .body-review{height:100px}
#add-review .form-group.form-group-1 .col-md-10,#add-review .form-group.form-group-2 .col-md-10,#add-review .form-group.form-group-4 .col-md-10{width:100%}
#add-review .conditions,.modal-content .email-block{font-size:10px;font-weight:normal;font-style:italic;text-align:justify;opacity:.6;display:block;clear:both;color:var(--color2)!important}
.cont-slider{position:relative;}
.sudo-slider{width:100%;z-index:8999999 ; overflow: inherit !important;}
.sudo-slider .slide{text-align:center;height:150px;line-height:100px; }
.sudo-slider .slide img{max-height:100%; border-radius: 20px; box-shadow: 0 0 6px #ccc; }
.cont-slider .controls{z-index:9000;display:inline-block;position:absolute;bottom: -66px;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(--color2);margin:0 2px;border-radius:50%;-webkit-border-radius:50%;opacity:.1}
.cont-slider .controls ol li.current a{opacity:.25}
.cont-slider .controls ol li a span{display:none}
.centerservice2{margin:0 16%!important}
.centerservice{margin:0 33%!important}
.services{display:table;width:100%;position:relative;z-index:8000;background:var(--color0);/* border-bottom:2px solid var(--color4); */min-height:55vh;}
.services .cell.gauche{display:table-cell;vertical-align:top;width:50%;/* border-right:2px solid var(--color4); */background-position:center center;background-repeat:no-repeat;}
.services .cell.droite{display:table-cell;vertical-align:top;width:50%}
.services .cell.droite .contenu{padding:90px 12%}
.services .cell.droite .contenu ul{list-style-type:none;list-style-image:none;padding:0;margin:0}
.services .cell.droite .contenu ul li{background:none;padding:0;padding:0 0 10px 0}
.services .cell.droite .contenu ul li .bouton-principal{display:block}
.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 a{width:12px;height:12px;border-radius:12px;background:var(--color4);display:inline-block;opacity:.5}
.services .miettes li a.active{cursor:default;opacity:1}
.realisations,.AvisClientsBg{position:relative;z-index:8000;background:var(--color0);text-align:center}
.realisations .contenu,.AvisClientsBg .contenu{padding:60px 15px 80px}
.realisations .galerie .propor,.news .propor{width:100%;position:relative;margin-bottom:10px}
.realisations .galerie .propor:after,.news .propor:after{padding-top:78%;display:block;content:''}
.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)}
.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-color:var(--color1);background-image:url(../images/paint2.png);background-repeat:no-repeat;background-position:center center}
.realisations .galerie .propor .propor-cont .imagecont:hover .masque,.news .propor .propor-cont .imagecont:hover .masque{opacity:.8;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-color: #06bcfb;
  background-image: linear-gradient(315deg, #06bcfb 0%, #4884ee 74%);}
.intervention .contenu{padding:60px 10% 80px;color:var(--color0)}
.intervention .contenu a,.intervention .contenu a:link,.intervention .contenu a:visited{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;background: none;list-style: disc;}
.pied{position:relative;z-index:9;background:var(--color0)}
.pied .bande1{padding:30px 10% 70px;}
.bande_contact_footer {padding:70px 25% 50px;}
.bande_contact_footer .row1::after{display:block;width:232px;height:1px;content:"";background:var(--color4);position:absolute;left:50%;transform:translate(-50%,0);margin-top:49px}
.pied .bande2{
  padding:30px 10%;
  background-color: #06bcfb;
  background-image: linear-gradient(315deg, #06bcfb 0%, #4884ee 74%);}
.pied h2{font-size:24px}
.pied h3{color:var(--color1);font-size:16px;text-transform:uppercase;padding:0 0 20px;position:relative}
.pied h3::before{content:"";width:75px;height:10px;background:var(--color1);position:absolute;bottom:3px;left:0;height:2px}
.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 0 4px;background:none;position:relative}
.pied .navf .menu_footer li:last-child{border:none}
.pied .navf .menu_footer li a,.pied .navf .menu_footer li a:visited{font-size:16px;padding:0 0 0 15px;color:inherit;text-decoration:none}
.pied .navf .menu_footer li a::before{display:inline-block;content:"❯";position:absolute;left:0;font-size:14px;color:var(--color1);top:0;width:9px;height:16px}
.pied .navf .menu_footer li a:hover{color: var(--color1);}
.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:var(--color3);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:var(--color3);font-size:16px}
.pied address p{background-repeat:no-repeat;margin:0;background-position:0 0;padding:0 0 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-tel-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(--color3);padding:10px 0 0;margin:0;font-size:16px}
.pied .copyright-footer{margin:5px 0 0;text-align:center}
#logoFD svg * { fill: var(--color3); }
#logoFD svg { width: 210px;}
.pied .btn-like{padding:20px 0 0}
.pied .btn-partage{text-align:right;padding:10px 0 0}
.scrollbars{width:100%;height:28vh}
.scrollbar-path-vertical,.scrollbar-path-horizontal{position:absolute;background-color:#ececec;z-index:100}
.mCSB_scrollTools .mCSB_draggerRail{background-color:var(--color4)}
.scrollbar-path-horizontal{bottom:5px;left:0;width:100%;height:5px}
.scrollbar-path-vertical{right:5px;top:0;height:100%;width:5px;box-shadow:inset 1px 0 1 rgba(0,0,0,0.1)}
.scrollbar-path-horizontal{box-shadow:inset 0 1px 1 rgba(0,0,0,0.1)}
.scrollbar-handle{position:relative;top:0;left:0;background-color:var(--color1)}
.scrollbar-path-vertical .scrollbar-handle{height:20%;width:100%}
.scrollbar-path-horizontal .scrollbar-handle{width:20%;height:100%}
.scrollbar-path-vertical,.scrollbar-path-horizontal,.scrollbar-handle{border-radius:5px}
.scrollbar-content{padding:0 30px 0 0;float:none!important}
.prestation{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.prestation:nth-child(even){direction:rtl}
.prestation .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center}
.prestation .cell.photo:hover{opacity:.95;filter:alpha(opacity=95)}
.prestation .cell.texte{display:table-cell;vertical-align:top;width:50%;}
.prestation:last-child .cell.texte{border-bottom:none}
.prestation .cell.texte .contenu{padding:90px 10%;text-align:center;direction:ltr}
.prestation .cell.texte .contenu p{padding:0 0 20px}
.prestation .cell.texte .contenu ul{padding:0;margin:0}
.prestation .cell.texte .contenu ul li{padding:5px 0 5px 20px;background:url(../images/puce.svg) no-repeat 0 9px}
.prestation .cell.texte .contenu ul li .bouton-principal{display:block}
.body-contact h2{color:var(--color2);text-transform:none;position:relative;margin-bottom:55px}
.tab-coordonnes h2:before{content:"";width:75px;height:2px;background:var(--color1);position:absolute;top:50px;left:0}
.body-contact .tab-formulaire .cell.droite h2{text-align:center;margin-bottom:70px;font-size:24px}
.body-contact .tab-formulaire .cell.droite h2:before{content:"";width:75px;height:2px;background:var(--color1);position:absolute;top:50px;left:50%;margin-left:-37px}
.contact .tab-coordonnes{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.contact .tab-coordonnes .cell.gauche{display:table-cell;vertical-align:top;width:50%;}
.contact .tab-coordonnes .cell.gauche .contenu{padding:50px 12% 30px}
.contact .tab-coordonnes .cell.centre{display:table-cell;vertical-align:top;width:50%}
.contact .tab-coordonnes .cell.droite{display:table-cell;vertical-align:top;width:50%}
.contact .tab-formulaire{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.contact .tab-formulaire .cell.gauche{display:table-cell;vertical-align:top;width:50%;background:url(../images/photo-contact2.jpeg) no-repeat center center}
.contact .tab-formulaire .cell.droite{display:table-cell;vertical-align:top;width:50%;}
.contact .tab-formulaire .cell.droite .contenu{padding:90px 12%}
.contact .plan{font-size:0}
.contact .plan .block #googlemapapi,.contact .plan iframe{width:100%!important;height:550px!important}
.contact .coordonnees{padding:0 0 20px}
.contact .coordonnees h2{margin-top:20px}
.contact .coordonnees address p{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-tel-f.svg);margin:0;background-size:22px auto}
.contact .coordonnees address p.tel.tel2{background-image:url(../images/ico-tel2-f.svg);background-size:22px auto}
.contact .coordonnees address p.tel a{color:inherit;text-decoration:none}
.contact .coordonnees address p span.intitule{font-weight:bold}
.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)}
.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{background:var(--color0);border:1px solid var(--color3);box-shadow:none;border-radius:0;width:100%!important;font-size:inherit;color:var(--color2);font-family: var(--font_family_1);}
.form-control:focus{color:#000;background:var(--color0)}
.contact .formulaire .form-group textarea.form-control{
  height:109px;
  position:static;
  border-radius: 15px;
  padding: 5px 12px;
  border: 1px solid var(--color1);
  }
.contact .formulaire .form-group input.form-control{height:50px;line-height:1;line-height:50px \9;padding:0 12px}
.contact .formulaire .form-group .form-control:focus,.contact .formulaire .form-group .form-control:active{border-color:var(--color2)}
.contact .formulaire .form-group select.form-control{height:50px;line-height:50px;padding:5px 12px}
@media screen and (-webkit-min-device-pixel-ratio:0),screen and (-moz-images-in-menus:0) {
.form-horizontal select.form-control{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none;background-image:url(../images/image-select.svg)!important;background-repeat:no-repeat!important;background-position:right 15px center!important;line-height:normal!important;background-size:22px auto!important}
.form-horizontal select.form-control option{color:inherit}
}
.contact .formulaire .form-group input[name="captcha"]{width:31%!important;height:50px!important;display:inline-block;float:none!important;margin-right:2%!important;vertical-align:top}
.contact .formulaire .form-group input[name="captcha"]+a{width:35%;display:inline-block;margin-right:2%;vertical-align:top}
.contact .formulaire .form-group #captcha{width:100%;height:50px!important;border-radius:0;padding:0}
.contact .formulaire .form-group input.btn-primary{
  width: 30%;
  display: inline-block;
  position: relative;
  float: right;
  border-radius: 50px;
}
.contact .formulaire .form-actions{font-size:12px}
.contact a.btn.btn-default{float:right}
.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:15px 20px;font-family:var(--font_family_1);text-transform:uppercase;background-color:var(--color1);color:var(--color0);text-align:left;border-radius:0;font-size:14px;border:none;text-decoration:none;transition:all 400ms ease;background-size:24px auto;background-position:left 90% center;background-image:url(../images/ico-envoyer.svg);background-repeat:no-repeat}
.body-error404 a.btn.btn-default{background-image:none}
.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{background-color:var(--color5)}
::-webkit-input-placeholder{color:var(--color2)!important}
:-moz-placeholder{color:var(--color2)!important;opacity:1!important}
::-moz-placeholder{color:var(--color2)!important;opacity:1!important}
:-ms-input-placeholder{color:var(--color2)!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}
.gallery .bas-galerie{text-align:center;padding:40px 0 0}
.gallery .description-galerie{padding: 0 11% 40px;text-align:justify;padding-left: 0;}
.gallery .multiple .ligne-photos .col-md-1,.gallery .multiple .ligne-photos .col-md-2,.gallery .multiple .ligne-photos .col-md-3,.gallery .multiple .ligne-photos .col-md-4,.gallery .multiple .ligne-photos .col-md-6{padding-left:0!important;padding-right:0!important}
.gallery .multiple .ligne-photos{margin-left:0!important;margin-right:0!important}
.gallery .ligne-photos .propor{width:100%;position:relative;margin-bottom:15px}
.gallery .multiple .ligne-photos .propor{margin-bottom:0}
.custom-object-fit{position:relative;background-size:cover;background-position:center center}
.custom-object-fit img{opacity:0}
.gallery .ligne-photos .propor:after{padding-top:76%;display:block;content:''}
.gallery .ligne-photos .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.gallery .ligne-photos .propor .propor-cont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%;border-radius: 20px 20px 0px 20px !important;}
.gallery .ligne-photos .propor .propor-cont .imagecont{-webkit-transform:translateZ(0);justify-content:center;display:flex;flex-direction:row;overflow:hidden;position:relative;height:100%}
.gallery .ligne-photos .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.gallery .ligne-photos .propor .propor-cont .imagecont .masque{display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;background-color:var(--color1);background-image:url(../images/paint2.png);background-repeat:no-repeat;background-position:center center;border-radius: 20px 20px 0px 20px !important;}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque{opacity:0.7;filter:alpha(opacity=70)}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.gallery .nav{margin:10px 0;text-align:center}
.gallery .nav li{display:inline-block;margin-bottom:10px;background:none;padding:0 20px 0 5px}
.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{background:none;display:block;color:var(--color1);text-transform:uppercase;font-size:14px;font-family:var(--font_family_1);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(--color2)}
.gallery .nav li.active a{cursor:default}
.gallery .tab-content{padding-top:10px;padding-bottom:10px}
.gallery .tab-content h2{padding-left:15px;margin-bottom:20px}
.gallery .bas-galerie{text-align:center;padding:40px 0 0}
.gallery .bas-galerie a.bouton-principal{padding-right:60px}
.gallery .bas-galerie a.bouton-principal:after{background-image:none;width:22px;height:22px;content:"+";font-family:verdana;font-size:35px;position:absolute;right:20px;top:7px}
.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:0 2px 3px 1px rgba(0,0,0,0.1)}
.header-sidebars .header-top{display:table;height:65px;width:100%}
.top-logo{display:table-cell;vertical-align:middle;z-index:9999;text-align:center;overflow-y:hidden}
.top-logo img{position:absolute;left:16px;top:16px;max-height:76px;max-width:129px}
.deploy-right-sidebar{border-left:1px var(--color0) solid;display:table-cell;background-color:var(--color1);height:65px;width:65px;background-position:center center}
.deploy-right-mail{border-left:1px var(--color0) solid;display:table-cell;background-color:var(--color1);background-repeat:no-repeat;height:65px;width:65px;background-position:center center;position:absolute;right:65px;top:0}
.deploy-right-call{display:table-cell;background-color:var(--color1);background-size:auto 49%;height:65px;width:65px;background-position:center 16px;position:absolute;right:130px;top:0}
.sidebar-scroll-right{width:275px;overflow:auto!important;overflow-x:hidden!important;height:100%;background-color:var(--color1)}
.sidebar-right{font-family:var(--font_family_2)!important;background-repeat:repeat;position:fixed;overflow:hidden;z-index:99999;right:-280px;top:0;bottom:0;width:270px;margin-right:10px;box-shadow:-2px 0 2px 0 rgba(0,0,0,0.1)}
.sidebar-right a{text-decoration:none;display:block;overflow:hidden;position:relative;color:var(--color0)!important;z-index:1}
.sidebar-right-logo{margin-left:84px;top:14px;right:1px;max-width:180px;float:inherit;max-height:37px;position:relative}
.sidebar-divider-text{font-size:20px;padding-top:15px;padding-left:20px;padding-bottom:15px;margin-bottom:0;color:var(--color0)!important;background:var(--color2);opacity:.3}
.submenu a:first-child{background-image:none!important}
.submenu{display:none}
.submenu-active{display:block}
.sidebar-header-right{height:65px;background-color:var(--color1);position:relative}
.close-sidebar-right{height:65px;width:65px;margin-left:0;display:block}
.sidebar-right .close-sidebar-right{position:absolute!important}
.menu-mobile-dynamique{margin:0;padding:0;list-style-type:none;list-style-position:inside;list-style-image:none}
.menu-mobile-dynamique li{width:100%;margin-bottom:1px;background:none;padding-left:18px;background:var(--color5)}
.menu-mobile-dynamique .sub-menu li{background-color:transparent;margin-bottom:0}
.menu-mobile-dynamique .sub-menu li a{height:42px;text-transform:none}
.menu-mobile-dynamique .sub-menu{background-image:linear-gradient(to bottom,var(--color1),var(--color1));padding-top:18px;padding-bottom:18px}
.menu-mobile-dynamique li.parent{background-image:url(../images/gopage.svg);background-position:241px 26.2px;background-repeat:no-repeat;background-size:9px auto}
.menu-mobile-dynamique li a{display:table-cell;width:270px;vertical-align:middle;line-height:18px;font-size:16.2px;-webkit-tap-highlight-color:rgba(0,0,0,0);text-transform:uppercase;color:var(--color0);height:60px;padding-left:29px;background-position:6px 20.9px}
.menu-mobile-dynamique ul{list-style-image:none;list-style-position:inside;list-style-type:none;padding-left:0}
.menu-mobile-dynamique ul li a{background:none}
.menu-mobile-dynamique input{-webkit-appearance:none;border-radius:0}
.menu-mobile-dynamique label{display:block;overflow:hidden;position:relative;border:0;vertical-align:baseline;outline:none}
.no-bottom{margin-bottom:0!important}
.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(0,0,0,0.05);border-radius:3px}
.remonter button:hover{opacity:.8;filter:alpha(opacity=80)}
.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:url(../images/bg-optionel.svg) repeat top center;background-size:60px auto}
.bg-optionnel-gris{background:var(--color2) url(../images/bg-optionel-gris.svg) repeat top center;background-size:60px auto}
.deprecated-ie{text-align:center;color:#000;background:#eee}
.deprecated-ie p{line-height:30px;margin:0}
.deprecated-ie a{line-height:30px;font-family:Helvetica,arial,sans-serif;font-size:13px;color:#000;text-decoration:underline}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:var(--color1)}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:var(--color5)}
.bx-pager.bx-default-pager a{background-color:var(--color4)}
.bx-pager.bx-default-pager a:hover,.bx-pager.bx-default-pager a.active{background-color:var(--color4)}
.vegas-timer-progress{background:var(--color0)}
.icones{width:32px;margin:16px 0 0 16px;height:32px;fill:var(--color0)}
.deploy-right-sidebar .icones{width:29px}
.menu-mobile-dynamique li a::before{display:block;content:">";position:absolute;left:5px;font-size:15px;color:white}
.btn-partage .icones{width:16px;margin:0;height:16px;padding:0;position:relative;top:9px;left:0;fill:var(--color3)}
.remonter .icones{margin:0 0 -5px;fill:var(--color1)}
.tete .tel .icones{width:21px;margin:0 10px -3px 0;height:22px;fill:var(--color1)}
.btn-partage .btnp:hover .icones{fill:var(--color0)}
.tete .infos.infos_small .btn-partage .icones{top:5px;left:0}
.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(250,250,250,0.2);background-image:none}
.news .propor .propor-cont .imagecont:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.newsList .propor{overflow:hidden}
.newsList .item .h3{color:var(--color2);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:36px;position:relative;top:12px}
.newsItem .div-rs .btn-partage .btnp{background-color:#f0f0f0}
.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 var(--color4);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(--color3);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(--color2);transition:.8s;text-decoration:none;display:block}
.news_avant_apres a:hover span,.news_avant_apres a:focus span{color:var(--color2);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(--color2)}
a.return-to-news:hover,a.return-to-news:focus{text-decoration:underline;color:var(--color2)}
.pagination > li{background:none;padding-left:0}
.pagination > li > a,.pagination > li > span{color:var(--color1);border-color:var(--color3)}
.pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{color:var(--color0);background-color:var(--color1);border-color:var(--color1)}
.pagination > li > a:focus,.pagination > li > a:hover,.pagination > li > span:focus,.pagination > li > span:hover{color:var(--color1);background-color:var(--color4)}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
.lightboxOverlay{overflow:scroll}
.lightboxOverlay::-webkit-scrollbar{width:0}
}
@media (max-width:991px) {
   .flex-seoContain {
        flex-wrap: wrap;
    }

    .flex-seoContain .seo-content {
        width: 100%;
        background: 0 0
    }

    .flex-seoContain .seo-form {
        width: 100%
    }

.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}
.container{max-width:none;width:auto}
.centerservice2{margin:0!important}
.centerservice{margin:0 25%!important}
.contact .formulaire .form-group .col-md-4{width:100%!important}
.contact .formulaire .form-group .col-md-8{width:100%!important}
.contact .formulaire .form-group input[name="captcha"]{width:100%!important;margin-right:0!important;text-align:left!important}
.contact .formulaire .form-group input[name="captcha"]+a{position:absolute;width:140px;top:1px;right:1px;margin-right:0!important}
.contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;float:none}
.lb-prev{opacity:1!important;background:url(../images/lightbox-g.png) left 48% no-repeat}
.lb-next{opacity:1!important;background:url(../images/lightbox-d.png) right 48% no-repeat}
.video-accueil{position:static;width:100%;height:auto;margin-left:0}
.banniere{height:40vh;position:relative}
.pied .bande1{padding:0 10% 70px}
.prestation .cell.texte .contenu{padding:50px 10%}
.contact .tab-coordonnes .cell.gauche .contenu{padding:50px 7% 30px}
.certifs .logo-certif img{background-size:contain}
.fluid-contenu{margin:0!important}
.slogan{top:-125px;width:100%;left:0;padding:0 15px}
.body-page-1 .slogan{top:-200px;text-align:center}
.slogan .titre{font-size:32px;line-height:30px}
.slogan .titre span{font-size:29px}
.slogan .sous-titre{font-size:20px;line-height:20px}
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
}
@media (max-width:767px) {
.recup-photos .propor .propor-cont .imagecont .masque,
.recup-photos .propor .propor-cont .imagecont img {
  border-radius: 20px;
}
.corps{--taille_font:14px;font-size:var(--taille_font)}
.pad-xs{padding-left:15px!important;padding-right:15px!important}
.pad-xs-l{padding-left:15px!important}
.pad-xs-r{padding-right:15px!important}
.centerservice2{margin:0!important}
.centerservice{margin:0!important}
.nopad-xs{padding-left:0!important;padding-right:0!important}
.nopad-xs-l{padding-left:0!important}
.nopad-xs-r{padding-right:0!important}
h1,.h1{font-size:22px;line-height:22px}
.titre-secondaire{font-size:22px;line-height:24px}
.body-page-1 .slogan{position:static;background:var(--color1);width:100%;text-align:center;padding:15px}
.slogan{text-align:center}
.slogan .titre{font-size:23px;line-height:24px}
.slogan .titre span{font-size:23px}
.slogan .sous-titre{font-size:17px;line-height:17px}
.fluid-contenu .corps{padding:20px 15px 40px}
.recup-photos .col-md-4{padding-left:5px!important;padding-right:5px!important}
.recup-photos{margin-left:-5px!important;margin-right:-5px!important}
.newsList .recup-photos{margin-left:0!important;margin-right:0!important}
.recup-photos .propor{margin-bottom:5px}
.certifs{display:block}
.certifs .cell.gauche{display:block;width:100%}
.certifs .cell.gauche .contenu{padding:30px 15px 40px;padding-bottom: 5px;}
.certifs .cell.droite{display:block;width:100%;padding:0 15px 30px}
.certifs .cell.droite .bg-noir{padding:40px 0}
.cont-slider .controls{bottom:-40px}
.services{display:block}
.services .cell.gauche{display:block;width:100%;height:180px}
.services .cell.droite{display:block;width:100%}
.services .cell.droite .contenu{padding:30px 15px 40px}
.realisations{display:block}
.realisations .titre-secondaire{display:inline-block;width:100%}
.realisations .col-md-3{padding-left:5px!important;padding-right:5px!important}
.realisations{margin-left:-5px!important;margin-right:-5px!important}
.realisations .propor{margin-bottom:5px}
.realisations .contenu,.AvisClientsBg .contenu{padding:30px 15px 40px}
a.bouton-principal,button.bouton-principal{
  text-align: left;
  font-family: var(--font_family_1);
  color: var(--color0);
  text-decoration: none;
  padding: 13px 20px;
  font-size: 15px;
  text-transform: uppercase;
  border: 0;
  padding-right: 50px;
  border-radius: 50px;
}
.intervention .contenu{padding:40px 15px 50px}
.AvisClientsBg{padding:0}
.pied .bande1,.bande_contact_footer {padding:30px 15px}
.pied .btn-like{padding:0 0 15px;text-align:center}
.pied .btn-partage{text-align:center;padding:20px 0 0}
.pied .btn-partage a{text-align:center}
.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}
.contact .tab-coordonnes .cell.gauche .contenu{padding:0 15px 30px}
.contact .tab-coordonnes .cell.centre{display:block;width:100%}
.contact .tab-coordonnes .cell.droite{display:block;width:100%;height:180px}
.contact .plan .block #googlemapapi,.contact .plan iframe{height:250px!important}
.contact .tab-formulaire{display:block}
.contact .tab-formulaire .cell.gauche{display:none}
.contact .tab-formulaire .cell.droite{display:block;vertical-align:top;width:100%;border-bottom:2px solid var(--color4)}
.contact .tab-formulaire .cell.droite .contenu{padding:30px 15px}
.contact .coordonnees{padding:0}
.gallery .description-galerie{padding:0 15px 20px}
.prestation,.actualites{display:block;min-height:none}
.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,.actualites .cell.texte .contenu{padding:30px 15px}
.gallery .ligne-photos .col-md-1,.gallery .ligne-photos .col-md-2,.gallery .ligne-photos .col-md-3,.gallery .ligne-photos .col-md-4,.gallery .ligne-photos .col-md-6{padding-left:5px!important;padding-right:5px!important}
.gallery .ligne-photos{margin-left:-5px!important;margin-right:-5px!important}
.gallery .ligne-photos .propor{margin-bottom:10px}
.gallery .nav li{margin-bottom:0;background:none}
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
.services .cell.droite .contenu{clear:both}
.scrollbars{width:100%;height:auto}
.news_avant_apres > div:last-child{right:0}
.news_avant_apres > div{display:block;margin:0 0 5px}
.news_avant_apres > div,.news_avant_apres{display:block}
}
@media (min-width:768px) and (max-width:991px) {
.pad-sm{padding-left:15px!important;padding-right:15px!important}
.pad-sm-l{padding-left:15px!important}
.pad-sm-r{padding-right:15px!important}
.nopad-sm{padding-left:0!important;padding-right:0!important}
.nopad-sm-l{padding-left:0!important}
.nopad-sm-r{padding-right:0!important}
.slogan{text-align:center}
.scrollbars{height:240px}
.body-gallery-4 .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding:30px 0 0}
h1,.h1{font-size:26px;line-height:26px}
.titre-secondaire{font-size:23px;line-height:24px}
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
}
@media (min-width:991px) and (max-width:1199px) {
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
.tete .infos{height:auto;padding:40px 30px 2px}
.btn-descendre{top:-165px}
.slogan{top:-125px}
.body-page-1 .slogan{top:-450px}
.slogan .titre{font-size:32px;line-height:30px}
.slogan .titre span{font-size:29px}
.slogan .sous-titre{font-size:20px;line-height:20px}
.services a.bouton-principal{font-size:11px}
.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:16px 20px;font-size:12px}
.contact .coordonnees{padding:0}
.contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;float:none}
}
.infinite-scroll .chargement{background:rgba(0,0,0,0) url(../images/chargement.gif) no-repeat scroll center top;bottom:0;display:none;height:32px;left:50%;margin-left:-16px;position:absolute;width:32px}
.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%}
}
/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: rgb(219, 219, 219);
}
::-webkit-scrollbar-thumb {
  background-color: var(--color1);
  background-color: #06bcfb;
  background-image: linear-gradient(315deg, var(--b1) 0%, var(--b2) 74%);
  border-radius: 10px;
  border: 2px solid rgb(219, 219, 219);
}
.intervention  .titre-secondaire {
  color: white;
}

.intervention .h1:before {
  background: #fff;
}
.slogan {
  position: absolute;
  top: -190px;
  right: 20px;
  color: var(--color0);
  width: 100%;
  right: 0;
  padding: 0 1%;
  text-align: center;
  margin: 0 0 10px;
}
.body-page-1 .banniere::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1;
    width: 100%;
    height: 100%;
}
.contact .formulaire .form-group input.form-control {
  height: 50px;
  line-height: 1;
  line-height: 50px \9;
  padding: 0 12px;
  /* border: none; */
  border: 1px solid var(--color1);
  border-radius: 50px 50px 0px 50px;
  font-family: var(--font_family_1);
}
.contact .formulaire .form-group select.form-control {
  height: 50px;
  line-height: 50px;
  padding: 5px 12px;
  border: 1px solid var(--color1);
  border-radius: 50px 0px 50px 50px;
  font-family: var(--font_family_1);
}
svg#logo_FD *{
  fill: #fff;
}
input#contact_7-element-4 {
  border-radius: 50px 0px 50px 50px;
}

input#contact_7-element-6 {
  border-radius: 50px 0px 50px 50px;
}

select#contact_7-element-7 {
  border-radius: 50px 50px 0px 50px;
}
.body-page-1 .services.services-home {
  padding: 0 53px !important;

}
.body-page-1 .services .cell.gauche {
  border-radius: 20px  !important ;
}
@media(max-width:1299px){
  .body-page-1 .services.services-home {
    padding: 0 !important;
   
  }
  .body-page-1 .services .cell.gauche {
    border-radius: 0px  !important ;
  }
}
@media(max-width:1400px){
  .services a.bouton-principal {
    font-size: 11px;
  }
}
@media(max-width:1053px){
  .services a.bouton-principal {
    font-size: 10px;
  }
}
.gallery .ligne-photos .propor .propor-cont img {}

.body-gallery-4 .gallery .ligne-photos .propor .propor-cont img {
    border-radius: 0 !important;
    border: 2px solid white;
}
.loader{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 10001;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.loader img {
  width: 200px;
}
h1::after, .h1::after {
  content: "";
  width: 92px;
  height: 80px !important;
  background: url(../images/paint3.png) no-repeat;
  position: absolute;
  top: -54px;
  left: 50%;
  /* margin-left: -37px; */
  height: 56px;
  transform: translateX(-39%) scale(0.6);
  background-repeat: no-repeat !important;
}
.intervention .h1::after {
  background: url(../images/paint2.png);
}
.body-service-list-0 h1.slogan::after {
  display: none;
}
.body-service-list-0 a.bouton-principal.hvr-shutter-out-horizontal {
  width: 200px;
}
@media(max-width:1153px){
  .navh .menu_principal a, .navh .menu_principal a:visited {
    font-size: 11px;
  }
}
@media(max-width:991px){
  .loader img {
    width: 100px;
  }
}
a.return-to-news {
  background: var(--color1);
  color: white !important;
  padding: 15px 20px;
  border-radius: 20px 20px 0px 20px;
  transition: 0.2s ease-in-out;
}
a.return-to-news:hover {
  background: var(--color5);
  text-decoration: none;
  border-radius: 20px 20px 20px 0px;
}
.divAvis {
  padding: 30px 20px;
  margin-bottom: 60px;
  border-radius: 20px 20px 0px 20px;
  background-color: #06bcfb;
  background-image: linear-gradient(to right, #06bcfb 0%, #4884ee 74%);
  color: white !important;
}
.divAvis .pseudo {
  color: white !important;
}
.divAvis img {
    border: 4px solid white;
    border-radius: 50%;
}

a.bouton-principal:hover, button.bouton-principal:hover {
  border-radius: 20px 20px 20px 0px !important;
}
.body-gallery-4 .gallery .ligne-photos .propor .propor-cont .imagecont .masque {
  border-radius: 0 !important;
}