/* @import url('https://fonts.googleapis.com/css2?family=Playball&display=swap'); */
  :root{
    /*  */
    --color0: #ffffff; 
    --color1: #333333 !important; 
    --color2: #333333; 
    --color3: #929799; 
    --color4: #f0f0f0; 
    --color5: #444444;
    --color6: #0285ff;
    --color7: #1b91ff;
    /*  */
  --b2: #003f88 ;
  --b3: #3498db ; 
  --font_family_1:  'Poppins-Bold', cursive;
  --font_family_2: 'Playball-Regular', sans-serif;
  --font_family_3: 'Poppins', 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{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 0;padding-left:15px;background-size: 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: 100%!important;background-repeat: no-repeat;}
  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: var(--font_family_3);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_2);}
  h1,.h1{font-size: 40px;line-height: 36px;color:var(--color2);text-align:center;text-transform: lowercase;margin-bottom: 55px;/* margin-top: 55px; */position:relative;/* display: table; *//* margin: 0 auto; *//* margin-bottom: 55px; */font-weight: bold;}
  h1:before,.h1:before{content:"";width:75px;background:var(--color1);position:absolute;bottom: -10px;left:50%;/* margin-left:-37px; */height:2px;}
  h2,.h2{font-size:calc(var(--taille_font) + 0.8rem);text-transform: lowercase;}
  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: 22px;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: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;border-radius: 5px;/* opacity: 0; */}
  .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);/* border-radius: 50px; */}
  .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_2);color:var(--color0);text-decoration:none;padding:13px 20px;font-size: 20px;/* text-transform:uppercase; */border:0;padding-right:50px;border-radius: 2px;overflow: hidden;}
  a.bouton-principal:after,button.bouton-principal:after{content:"";background-image: url(../images/topTitle2.svg);width: 25px;height: 25px;right:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:9900;position:absolute;background-repeat: no-repeat;background-size: 100%;}
  .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: 180px;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;/* width: auto; */}
  .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%;width: auto;transform: scale(1.3);}
  .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%;top: -9px;}
  .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_2);}
  .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-top .btnp{z-index: 99999;width:36px;height:36px;border-radius: 2px;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{
    background-color: var(--color1);
    transform: scale(1.05);
    /* margin-bottom: 20px; */
  }
  .copyright{text-align:justify}
 .btn-partage-top{z-index: 999;padding:0;display: flex;/* vertical-align:top; */flex-direction: column;justify-content: center;align-items: center;position: fixed;top: 50%;transform: translateY(-50%);left: 0;background: #ffffff;box-shadow: 0 0 8px #163c5b6b;padding: 20px 10px;border-radius: 2px;}
  .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;padding: 35px 20px 35px 15px;}
  .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: 20px;/* text-transform:uppercase; *//* padding:35px 20px 35px 15px; */text-decoration:none;font-family: var(--font_family_2);transition:all 400ms ease;position: relative;font-weight: 400;}
  .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: 70px;font-family: var(--font_family_2);/* text-transform:uppercase; */line-height:40px;/* font-weight: 900; */}
  .slogan .titre span{font-size:48px}
  .slogan .sous-titre{font-size:30px;font-family:var(--font_family_2);line-height: 39px;}
  .body-page-1 .slogan{top: -477px;text-align: center;width: 100%;transform: translateX(-50%);left: 50%;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{width:112px;height:112px;/* background:url(../images/bg-descendre.png) no-repeat center top; */position:absolute;top: -211px;left:50%;margin-left:-56px;overflow:hidden;text-indent:300px;white-space:nowrap;}
  .btn-descendre:before{content:"";width:8px;height:8px;background:var(--color1);border-radius:8px;position:absolute;top:40px;left:53px;transition:all 400ms ease;display: none;}
  .btn-descendre:hover:before{opacity:.4;filter:alpha(opacity=40);top:50px}
  .fluid-contenu{position:relative;z-index:10;background:var(--color0)}
  .fluid-contenu .corps{padding: 79px 10%;}
  .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}
  .recup-photos .propor .propor-cont .imagecont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
  .recup-photos .propor{width:100%;position:relative;margin-bottom:10px}
  .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;overflow: hidden;border-radius: 2px;}
  .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/topTitle2.svg);background-repeat:no-repeat;background-position:center center;background-size: 60px;}
  .recup-photos .propor .propor-cont .imagecont:hover .masque{opacity:.7;filter:alpha(opacity=70)}
  .recup-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
  .certifs{display:table;table-layout:fixed;width:100%;position:relative;z-index:8000;background:var(--color0);background-size:50% 1px;border-top:2px solid var(--color4);border-bottom:2px solid var(--color4)}
  .certifs .cell.gauche{display:table-cell;vertical-align:top;width:50%;background:var(--color4);position: relative;}
  .certifs .cell.gauche .contenu{padding:150px 12% 140px;text-align: center;}
  .certifs .cell.droite{display:table-cell;vertical-align:middle;width:50%;padding:80px 50px;background:var(--color0)}
  .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:150px 0}
  .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:var(--color4);padding:80px 20px 20px;text-align:center;height:300px;margin-top:100px;display:block;text-decoration:none}
  .AvisClients:active,.AvisClients:hover{background-color:var(--color0)}
  .AvisClients .h{font-size:18px;color:var(--color2);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(--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}
  .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(--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;border-radius: 2px;}
  .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/ico-zoom.svg);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: linear-gradient(45deg, var(--color2), #5c5c5c);/* display: none; */}
  .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;/* font-style:italic */font-family: var(--font_family_2);font-size: 22px;}
  .pied{position:relative;z-index:9;background:var(--color0)}
  .pied .bande1{padding:30px 10% 70px;}
  .bande_contact_footer {padding:70px 10% 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: 0 10%;/* background: linear-gradient(45deg, var(--color2), #5c5c5c); */}
  .pied h2{/* font-size:24px */}
  .pied h3{color: var(--color0);font-size: 20px;/* text-transform:uppercase; */padding:0 0 20px;position:relative;/* font-weight: bold; */}
  .pied h3::before{content:"";width:75px;height:10px;background: var(--color0);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;color: var(--color0);}
  .pied .navf .menu_footer li a::before{display:inline-block;content:"";position:absolute;left: -4px;font-size:14px;color:var(--color1);top: 50%;transform: translateY(-50%);width: 16px;height: 16px;background: url(../images/brush.png);background-repeat: no-repeat;background-size: 90%;background-position: left center;}
  .pied .navf .menu_footer li a:hover{color: var(--color6);}
  .pied .navf .menu_footer li.active a {color: var(--color7); }
  .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(--color7);}
  .pied .menu_referencement li.active a:hover{cursor:default;text-decoration:none}
  .pied address{margin:0;padding:15px 0 0;color: var(--color0);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(--color0);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: 20px 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%;border-bottom:2px solid var(--color4)}
  .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%;border-top:2px solid var(--color4)}
  .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/contact.jpeg) no-repeat center center}
  .contact .tab-formulaire .cell.droite{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid var(--color4)}
  .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);/* font-weight:bold; */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);/* border-radius: 50px; */font-family: var(--font_family_3);}
  .form-control:focus{color:#000;background:var(--color0)}
  .contact .formulaire .form-group textarea.form-control{height:109px;position:static;border-radius: 2px;}
  .contact .formulaire .form-group input.form-control{height:50px;line-height:1;line-height:50px \9;padding:0 12px;border-radius: 5px;}
  .contact .formulaire .form-group .form-control:focus,.contact .formulaire .form-group .form-control:active{border-color: var(--color1);}
  .contact .formulaire .form-group select.form-control{height:50px;line-height:50px;padding:5px 12px;border-radius: 50px;}
  @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: 2px;}
  .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_2);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 0% 40px;text-align:justify;}
  .gallery .multiple .ligne-photos .col-md-1,.gallery .multiple .ligne-photos .col-md-2,.gallery .multiple .ligne-photos .col-md-3,.gallery .multiple .ligne-photos .col-md-4,.gallery .multiple .ligne-photos .col-md-6{padding-left: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;border-radius: 2px;overflow: hidden;border: 2px solid white;}
  .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: 2px solid white; */}
  .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/ico-zoom.svg);background-repeat:no-repeat;background-position:center center;background-size: 60px;}
  .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;color: var(--color6);}
  .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;position:relative;z-index:9999;text-align:center;overflow-y:hidden}
  .top-logo img{position:absolute;left: 10px;top: -6px;max-height:76px;max-width:129px;transform: scale(0.8);}
  .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: rgb(51 51 51 / 62%);border-radius: 2px;}
  .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) !important}
  .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: var(--color0);background: url(../images/brush.png);background-size: 100%;background-repeat: no-repeat;width: 18PX;height: 18px;}
  .btn-partage .icones{width:16px;margin:0;height:16px;padding:0;position:relative;top:9px;left:0;fill:var(--color3)}
  .btn-partage-top .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(--color0);}
  .tete .tel .icones{width:21px;margin:0 10px -3px 0;height:22px;fill:var(--color1)}
  .btn-partage .btnp:hover .icones{fill:var(--color0)}
  .btn-partage-top .btnp:hover .icones{fill:var(--color0)}
  .tete .infos.infos_small .btn-partage .icones{top:5px;left:0}
   .btn-partage-top .icones{top: 9px;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:var(--color4)}
  .newsItem .div-rs .btn-partage .btnp:hover{background-color:var(--color1)}
.btn-partage-top .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: 1;}
  .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) {
  .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: 30vh;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) {
  .body-contact-5 .fluid-contenu .corps .titre-secondaire{
    font-size:14px ;
    font-weight:bold;
  }
  .body-contact-5 .fluid-contenu .corps h1{
    font-size: 20px !important;
  }
  h1::before, .h1::before{
    /* width: 100px !important; */
  }
  .fluid-contenu .corps h1, .fluid-contenu .corps .h1{
    margin-top:50px;
  }
  .body-page-1 .banniere::after{
    opacity:0.3;
  }
  .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: 18px;line-height:24px;}
  .body-page-1 .slogan{position:static;background:var(--color1);width:100%;text-align:center;padding:15px;transform: translateX(0);}
  .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}
  .certifs .cell.droite{display:block;width:100%;padding:0 15px 30px}
  .certifs .cell.droite .bg-noir{padding:40px 0}
  .cont-slider .controls{bottom:-20px}
  .services{display:block}
  .services .cell.gauche{display:block;width:100%;height:180px}
  .services .cell.droite{display:block;width:100%}
  .services .cell.droite .contenu{padding:30px 15px 40px}
  .realisations{display:block}
  .realisations .titre-secondaire{display:inline-block;width:100%}
  .realisations .col-md-3{padding-left:5px!important;padding-right:5px!important}
  .realisations{margin-left:-5px!important;margin-right:-5px!important}
  .realisations .propor{margin-bottom:5px}
  .realisations .contenu,.AvisClientsBg .contenu{padding: 30px 15px 40px !important;}
  a.bouton-principal,button.bouton-principal{padding:13px 40px 13px 20px}
  .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: -268px;}
  .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%}
  }
  .intervention .h1 {
  margin-bottom: 10px;
  }
  .flex_child_2 {
  font-size: 1.8rem;
  }
  /* Scrollbar */
  ::-webkit-scrollbar {
  width: 8px;
  }
  ::-webkit-scrollbar-track {
  background: rgb(219, 219, 219);
  }
  ::-webkit-scrollbar-thumb {
  background-color: var(--color1);
  /* background-image: linear-gradient(315deg, lightblue 0%, var(--color1) 74%); */
  border-radius: 10px;
  border: 2px solid rgb(219, 219, 219);
  } 
  ::selection {
  background: var(--color1);
  color: white ;
  }
  .banniere::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0 0 0 / 20%);
  z-index: 1;
  width: 100%;
  height: 100%;
  /* opacity: 0.1; */
  }
  h1::before, .h1::before {content: "";width: 50px;background: url(../images/topTitle.svg);background-repeat: no-repeat;position: absolute;top: -42px;left: 50%;/* margin-left: -37px; */height: 37px;z-index: 0;transform: translateX(-50%);/* padding: 18px; */background-size: 100%;}
  p.horaires {background-image:url(../images/calendar.png);background-size:22px auto;background-repeat: no-repeat;background-position: left top;margin: 0 !important;padding: 0 0 0px 31px !important;}
  .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%;width: auto;}

  .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: 50%;transform: translateY(-50%);max-height:76px;max-width: 129px;}
  @media(max-width:354px){
  .top-logo img {
    max-width: 115px;
    left: 5px ;
  }
  }
  p {
  font-family: var(--font_family_3);
  }
  .body-page-1 #section10 {
  display : block ;
  }
  #section10 { position: relative; width: 100%; height: 100%; display :none}
  #section10::after { position: absolute; bottom: 0px; left: 0px; content: ""; width: 100%; height: 80%; }
  #section10 h1 { position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); color: rgb(255, 255, 255); font: 300 64px / 1 "Josefin Sans", sans-serif; text-align: center; white-space: nowrap; }
  #scroll { background-color: rgb(255, 255, 255); }
  #scroll::after { content: none; }
  .scroll10 i { position: absolute; bottom: 20px; left: 50%; z-index: 2; display: inline-block; transform: translate(0px, -50%); color: rgb(255, 255, 255); font: 400 20px / 1 "Josefin Sans", sans-serif; letter-spacing: 0.1em; text-decoration: none; transition: opacity 0.3s ease 0s; }
  #section10 i { padding-top: 60px; }
  #section10 i span { position: absolute; top: 34px; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid rgb(255, 255, 255); border-radius: 50px; box-sizing: border-box; }
  #section10 i span::before { position: absolute; top: 10px; left: 50%; content: ""; width: 6px; height: 6px; margin-left: -3px; background-color: rgb(255, 255, 255); border-radius: 100%; animation: 2s ease 0s infinite normal none running sdb10; box-sizing: border-box; }
  @-webkit-keyframes sdb10 { 
  0% { transform: translate(0px, 0px); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0px, 20px); opacity: 0; }
  100% { opacity: 0; }
  }
  @keyframes sdb10 { 
  0% { transform: translate(0px, 0px); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0px, 20px); opacity: 0; }
  100% { opacity: 0; }
  }
  .services {
  padding: 79px 10%;
  }
  @media(max-width: 1044px){
  .body-page-1 .services{
  padding: 79px 2%;
  }
  }
  .body-service-list-0 .services {
  padding: 0 ;
  }
  svg#logo_FD *{
    fill: #fff;
  }
  .navh > ul > li> a:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0;
  height: 1.5px;
  background: var(--color1);
  transition: .5s;
  width: 0%;
  }
  .navh > ul a:hover:after, .navh > ul > li.active > a:after {
  width: 100%;
  transition: .5s;
  }
  /* atous */
  .atous  {
  vertical-align: middle;
  width: 100%;
  padding: 6px 50px;
  /* background:white; */
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  justify-content: space-evenly;
  /* align-items: center; */
  /* flex-wrap: wrap; */
  /* align-items: self-start; */
  user-select: none !important;
  position: relative;
  /* text-align: center; */
  grid-gap: 10px;
  }
  .atous .legend {margin-top: 10px;font-family: var(--font_family_3);/* font-weight: bold; */}
  .atous .bloc {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;/* min-height: 300px; */position: relative;/* padding-top: 30px; */transition: all 0.15S ease;text-align: center;/* padding: 12px; */background: #fff;/* clip-path: circle(); */box-shadow: 0 0 6px rgba(0,0,0,16%);padding: 20px;border-radius: 2px;/* margin-bottom: 10px; *//* text-align: center; *//* overflow: hidden; */z-index: 100;transition: 0.2s ease-in-out;overflow: hidden;}
  .atousImg {display: flex;align-items: center;justify-content: center;width: 80%;height: 100px;/* border-radius: 50%; */border: 1px solid #3333335e;/* border-left: none; *//* border-right: none; */}
  .atous .bloc img{
    width: 80px;
  height: auto;
  padding: 8px;
  }
  .atouts-container {padding-top: 80px;padding-bottom: 80px;/* padding-bottom: 30px; */background: #ffffff;position: relative;/* margin-bottom: 80px; */padding: 79px 10%;/* margin-bottom: 50px; */}

  .atous .bloc:hover {
  box-shadow: none;
  }

  @keyframes animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  }
  /* end atous */
  .garentie {
  margin-top: 20px;

  }
  .realisations .contenu, .AvisClientsBg .contenu {
  padding: 79px 10% ;
  }


  @media(max-width:425px){
  a.bouton-principal, button.bouton-principal{
    font-size: 20px;
  }
  }

  div#contactButtonsMobile a {
  border-radius: 10px !important;
  font-size: 10px;
  }

  .body-page-1 .fluid-contenu .corps::after {
  }
  .pied .bande1 {position: relative;/* background: linear-gradient(45deg, var(--color2), #5c5c5c); */}
  .body-page-1 .pied .bande1::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(
  ../images/rappel.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 900px;
  z-index: -100;
  opacity: 0.2;
  }
  @media(max-width: 910px){
  .body-page-1 .fluid-contenu .corps::after , .body-page-1 .pied .bande1::after{
    display: none ;
  }
  } 
  #section10 { position: relative; width: 100%; height: 100%; }
  #section10::after {position: absolute;bottom: 0;left: 0px;content: "";width: 100%;height: 80%;}
  #section10 h1 { position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); color: rgb(255, 255, 255); font: 300 64px / 1 "Josefin Sans", sans-serif; text-align: center; white-space: nowrap; }
  #scroll { background-color: rgb(255, 255, 255); }
  #scroll::after { content: none; }
  .scroll10 i { position: absolute; bottom: 20px; left: 50%; z-index: 2; display: inline-block; transform: translate(0px, -50%); color: rgb(255, 255, 255); font: 400 20px / 1 "Josefin Sans", sans-serif; letter-spacing: 0.1em; text-decoration: none; transition: opacity 0.3s ease 0s; }
  #section10 i { padding-top: 60px; }
  #section10 i span { position: absolute; top: 34px; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid rgb(255, 255, 255); border-radius: 50px; box-sizing: border-box; }
  #section10 i span::before { position: absolute; top: 10px; left: 50%; content: ""; width: 6px; height: 6px; margin-left: -3px; background-color: rgb(255, 255, 255); border-radius: 100%; animation: 2s ease 0s infinite normal none running sdb10; box-sizing: border-box; }
  @-webkit-keyframes sdb10 { 
  0% { transform: translate(0px, 0px); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0px, 20px); opacity: 0; }
  100% { opacity: 0; }
  }
  @keyframes sdb10 { 
  0% { transform: translate(0px, 0px); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0px, 20px); opacity: 0; }
  100% { opacity: 0; }
  }
  .intervention .h1::before {background-image: url(../images/topTitle2.svg);}
  .certifs .cell.gauche::before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/certif-bg.png) no-repeat center center;
    background-size: contain;
    z-index: -1;
    animation: filter 3s ease infinite alternate;
    transition:all 0.2s ease-in-out;
  }
  @keyframes filter {
    0% {
    filter: grayscale(0.1) 
    }
    50% {
      filter: grayscale(0.5) ;
      
    }
    100% {
      filter: grayscale(1)
    }
  }
  .certifs .cell.gauche {
    overflow: hidden;
    z-index: 10;
  }
  span.cp {
    display: inline-block;
    text-align: left;
  }

/*   .atous .bloc::before {
    content: "";
    position: absolute;
    width: 100px ;
    height: 500px ;
    background-color: var(--color1);
    background-image: linear-gradient(315deg, var(--color1) 0%, var(--color2) 74%);

    z-index: -2;
    } */
/*     .atous .bloc::after {
    content: "";
    position: absolute ;
    inset: 1px ;
    background: #FFF;
      z-index: -1;
    } */
/*     @keyframes animate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
    }
  .atous .bloc:hover {
        transform: translateY(-10px) !important;
  } */
  .intervention li {
    background: no-repeat !important;
  }
  .pied .menu_referencement li a {
      color: var(--color0);
  }
  .pied .navf .menu_footer li.active a::before ,
  .pied .navf .menu_footer li:hover a::before 
  {
    background-image: url(../images/brush2.png);
  }
  .bande-container {
    background: linear-gradient(45deg, var(--color2), #5c5c5c) ;
    
  }
  .row.description-galerie.clear li {
    background: no-repeat;
  }
.body-page-1 .fluid-contenu .corps::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/paint.png) left top no-repeat;
  background-size: contain;
  opacity: 0.4;
  z-index: -2;
}
.body-page-1 .fluid-contenu .corps{
  position: relative;
}
.fluid-contenu .corps::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 120px;
   background: url(../images/b.png) no-repeat;
   /* background: red; */
   transform: translateY(-75px);
}
.gmb {
  width: 36px;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px;
  border-radius: 2px;
  display: none;
}
.gmb img {
  width: 25px;
}
.gmb:hover {
  background: var(--color1)
}
.btn-partage-top a {
    border: 1px solid #929799;
    margin-bottom: 10px;
}
.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;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  /* display: none; */
  z-index: 9999;
}

.squares {
  display: grid;
  grid-template-columns: repeat(3 , 30px);
}
.squares div {
  width: 25px;
  height: 25px;
  background: rgba(0, 0, 0, 0.562) ;
  border: 2px solid white;
  animation: scale 1s ease infinite;
  transition: 0.2s ease;
  transform-origin: 50% 50%;
}
.squares div:nth-child(2n+1) { 
    background: var(--color1);
    opacity: 0.2;
}

@keyframes scale {
 from {
    transform: scale(0);
    /* opacity: 0; */
  }
  to {
    transform: scale(1);
    /* opacity: 1; */
  }
}
.body-page-1 .certifs .h1 , .body-page-1 .atouts-container .h1 {
  text-transform: lowercase;
}
.body-page-1 .certifs .h1:first-letter,
.body-page-1 .atouts-container .h1:first-letter {
    text-transform: uppercase ;
}
h1:first-letter ,.h1:first-letter , .h:first-letter {
  text-transform: uppercase ;
}
span.company-name , .intro-title  {
  text-transform: capitalize;
}
.atout-title {
  text-align: center;
}
.slide-atout.slide {
    background: white;
/*     border: 1px solid; */
    display: flex !important;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/dd.svg) ;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/gg.svg);
}
.logo-certifs{position:relative;padding:30px 13% 20px}
.swiper-button-prev,.certifs .swiper-container-rtl .swiper-button-next{left:0;margin-top:-22px;filter:contrast(0%) brightness(0%);opacity:.8}
.swiper-button-next,.certifs .swiper-container-rtl .swiper-button-prev{ right:0;margin-top:-22px;filter:contrast(0%) brightness(0%);opacity:.8}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1}
.at-container {
  width: 100%;
  background: white;
  position: relative;
}
@media(max-width:780px){
  .fluid-contenu .corps::before {
    display: none;
  }
}
.btn-partage-top {
  z-index: 99999 !important;
}