:root{
    --color0: #222; /** arriere plan du site + encarts**/
    --color1: 255, 205, 0; /*couleur principale*/
    --color2: #676767; /*couleur titre & menu */
    --color3: #4c4c4c; /*couleur text input & menu mobile */
    --color4: #222; /*btn dark & menu mobile */
    --color5: #454545; /*couleur text principal */
    --color6: #929799; /*couleur text footer */
    --color7: #fff; /*couleur encarts gris light */
    --color8: #FFCD00; /*couleur hover btn */
    --font_family_1: 'Roboto', sans-serif;
    --font_family_2: 'Roboto', sans-serif;
    --font_family_3:'Roboto', 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 center;padding-left:15px}


.niveau1:nth-of-type(4){
    display: none;
}
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(--color6);background-color:var(--color6);border:0;opacity:.4}
.page-contenu img{margin:10px}
body{color:var(--color5);font-family: var(--font_family_2),Arial,Helvetica,sans-serif;font-size: 16px;background:#fff;}
a,a:link,a:visited{color:var(--color8);text-decoration:underline}
a:hover{text-decoration:none}

a:active{outline:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{color:var(--color8);font-family: var(--font_family_1);font-weight: 900;}
h1,.h1{font-size: 40px;line-height:30px;color: #2b2b2b;text-align:center;text-transform:uppercase;margin-bottom:55px;position:relative;/*! letter-spacing: 1px; */margin-top: 35px;}
h1:before,.h1:before{content:"";width: 100%;background: url(../images/bg-titre.png) no-repeat center;position:absolute;top:-30px;left: 0;height: 7px;position: absolute;width: 59px;height: 6px;top: -30px;left: 50%;/*! border-radius: 5px; */background: #FFCD00;transform: translateX(-50%);}
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: 18px;line-height:30px;padding:10px 0 0;margin:0; font-weight: normal; color: var(--color4);font-family: var(--font_family_2);text-align:center;margin-bottom:10px;display:block;text-transform: none;}
.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:#FFCD00;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-shutter-out-horizontal.dark{background-color:var(--color4);color:var(--color0)}
.hvr-shutter-out-horizontal.active{background-color:var(--color8)}
.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color: var(--color8);-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;}
.hvr-shutter-out-horizontal.dark:before{background-color:var(--color5)}
.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:#000;text-decoration:none;padding:13px 20px;font-size: 15px;/*! text-transform:uppercase; */border:0;padding-right:50px;}
a.bouton-principal:after,button.bouton-principal:after{content:">";right: 22px;top: 50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:9900;position:absolute;transition: .5s;color: var(--color0);}
a.bouton-principal:hover:after{
    right: 15px;
}

.realisations .hvr-shutter-out-horizontal {
    background-color: #FFCD00;
}


.servicescont{
    background: #fff;
    width:100%;
    display: block;
    position: relative;
}
.advant .titre-secondaire{
    /*! color: #fff; */
}
 .body-page-1 .s-bright-arrow {
   display: block;
    position: absolute;
    top: -25px;
    height: 25px;
    width: 100%;
    left: 0;
    z-index: 100;
}

.s-bright-arrow {
  display: none;
}

 .s-bright-arrow .a1 {
    left: 0;
    border-right-color: transparent !important;
}

 .s-bright-arrow .a1, .s-bright-arrow .a2 {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 0;
    box-sizing: border-box;
    border: 25px solid transparent;
    border-top: none;
}

.videos .note-video-clip {
    margin: auto;
    margin-bottom: 30px;
    width: 100%;
}


 .s-bright-arrow .a2 {
    right: 0;
    border-left-color: transparent!important;
}



.btn-service a.bouton-principal::after{content:''}
.body-page-1 .corps a.bouton-principal,.body-page-1 .corps button.bouton-principal{width:180px;margin:35px 0 50px;/*! border-radius: 10px 10px 10px 10px/8px 8px 8px 8px; */color: #000;}
.main-page{position:relative;overflow:hidden}
.tete{position: fixed;left:0;right:0;z-index:9000;/*! background:#fff; *//*! padding: 0 5%; */}
.tete .header0 {background: #f4f4f4;padding: 19px 0 0 0;display: block;line-height: 1;height: auto;background: -webkit-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%);background: -o-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%);background: -moz-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%);background: linear-gradient(to right,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%);background: #fff;/*! background: transparent; *//*! background: rgb(92,251,99); *//*! background: -moz-linear-gradient(90deg, rgba(92,251,99,1) 0%, rgba(41,210,169,1) 100%); *//*! background: -webkit-linear-gradient(90deg, rgba(92,251,99,1) 0%, rgba(41,210,169,1) 100%); *//*! background: linear-gradient(90deg, rgba(92,251,99,1) 0%, rgba(41,210,169,1) 100%); */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5cfb63",endColorstr="#29d2a9",GradientType=1);}

.st3 {
    fill:var(--color5);
}
.realisations .h1{
    /*! color: #fff; */
}
.realisations .h1:before{
    background: #FFCD00;
}
.headerfixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
}


.tete .header {
    /*! padding: .2% 14% 0; */
    /*! position: fixed; */
    /*! top: 0; */
    /*! left: 0; */
    background: #fff;
    /*! width: 100%; */
    /*! background: #0000; */
    padding: 0 5%;
}
.body-page-1 .corps .h1::before, .body-page-1 .corps h1::before {
    /*! left: 0px; */
    /*! transform: none; */
}

.svgwave{
    position: relative;
    left: 0;
    top: -30px;
    display: none;
}
.svgwave path {
    fill:#fff;
}





.horaires{
    color: #fff;
    padding-left: 30px;
    background: url(../images/ico-horaires.svg) no-repeat;
    background-size: 18px;
    background-position-y: 4px;
}


.screenwait{
    position: fixed;
    overflow: hidden !important;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: #fff;
    /*! padding: 50vh; */
    display: grid;
    place-items: center;
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
    display: none !important;
}

.screenwait img {
    max-height: 100px;


    
     -webkit-animation: text-focus-in  1.5s ease 0s infinite;
  -moz-animation: text-focus-in  1.5s ease 0s infinite;

}


/* ----------------------------------------------
 * Generated by Animista on 2021-1-18 13:55:0
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


.header .logo-site{margin:0;padding: 0;padding: 21px 0 0 0;}
.fixedd .logo-site{
    top: 0;
}
.tete .logo-site a{font-size:15px;color:rgba(var(--color1),1);text-decoration:none;font-family:var(--font_family_1)}
.tete .logo-site a:focus,.tete .logo-site a:hover{color:rgba(var(--color1),1);text-decoration:none}
.tete .logo-site a img{
    height: auto;
    max-height: 100px;
    width: auto;
}
.tete .infos{background: transparent;display: flex;height: auto;padding: 0 0;align-items: center;justify-content: flex-end;width: 100%;}
.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: #fff;/*! padding: 0px 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;color: var(--color5);}
header .callTracker .t_affiche{/*! font-size:90% */font-size: 16px;color: #000;}
.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}
.pied .callTracker span.t_affiche{font-weight:bold;text-decoration:underline}
.tete .widget-partage{display:none}
.btn-partage .btnp{width: 23px;height:36px;border-radius:36px;background-color: transparent;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);}
.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:last-child{background:none}
.navh .menu_principal a,.navh .menu_principal a:visited{color: var(--color0);display:block;padding: 25px 18px 25px 15px;text-decoration:none;font-family: var(--font_family_2);transition:all 400ms ease;}
.navh .menu_principal a:hover,.navh .menu_principal li.active>a{}
.navh .menu_principal a:before{content: '';width: 0;left: 50%;height: 3px;background: var(--color0);display: block;position: absolute;bottom: 0;opacity: 0;transition: .2s ease-in-out;}
.navh .menu_principal a:hover:before,.navh .menu_principal li.active>a:before{
    width: 100%;
    opacity: 1;
    left: 0;
    right: 0;
}
.navh .menu_principal li:last-child a
{
    /*! padding-right: 0; */
}

.navh .menu_principal li.active>a:hover{cursor:default}
.slogan{position:absolute;top: -22vh;color: #fff9f9;width: 100;padding: 0 1%;text-align: center;margin: 0 0;left: 50%;transform: translateX(-50%);width: 100%;}
.body-page-1 .slogan {
    color: #fff;
}

h1.slogan:before,.h1.slogan:before{content:"";width:0;height:0;background:none;position:inherit;bottom:inherit;left:inherit}
.slogan .titre{font-size: 40px;font-family: var(--font_family_1);line-height: 1;font-weight: 900;display: block;text-transform: uppercase;}

.body-pageseo .slogan .titre{
    letter-spacing: 3px;
    text-align: center;
    /*! text-shadow: 0px 2px 3px #00000080; */
}

.body-page-1 .slogan .titre{font-size: 55px;font-family: var(--font_family_1);color: #fff;}
.slogan .titre span{font-size:40px}
.slogan .sous-titre{display: block;font-size: 35px;font-family: var(--font_family_1);font-weight: normal;letter-spacing: 0px;}
.body-page-1 .slogan{top: -50vh; text-align: center; padding: 1em; }
.video-accueil{position:fixed;top:0;left:50%;width:120%;width:120vw;height:100vh;margin-left:-60%;margin-left:-60vw}
.banniere{
    position: relative;
}

.body-page-1 .bantest {  opacity: .80;display: none;}
.bantest {
   
    position:absolute;
    top:0;
    left:-250px;
    width:1000px;
    height:100%;
    background:#fff;
    transform: skew(20deg);
    z-index:10;
    opacity: .60;
    /*! display: none; */
    background: #000000c9;
    transform: none;
    width: 100%;
    left: 0;
}
.banniere:after {
     /*! content:''; */ 
    position:absolute;
    top:0;
    right:0;
    width:40%;
    height:100%;
    /*! background:#000; */
    transform: skew(-20deg);
    z-index:10;
    opacity: .30;
}







.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%;background-position: left center;position: fixed;top: 0px;left: 0;width: 100%;margin-left: 0;height: 100%;
    background-position: center center;
    filter: blur(5px);}

   .body-page-1 .banniere {
    /*! animation: zoomInFaster 25s linear infinite 0s; *//*! -o-animation: zoomInFaster 25s linear infinite 0s; *//*! -moz-animation: zoomInFaster 25s linear infinite 0s; */
    /*! -webkit-animation: zoomInFaster 25s linear infinite 0s; */
     filter:none;
position: relative;



}
   
/* zoomInFaster */
@keyframes zoomInFaster {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
    }
    30% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        -ms-transformm: scale(1);
    }
}
@-o-keyframes zoomInFaster {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
    }
    30% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        -ms-transformm: scale(1);
    }
}
@-moz-keyframes zoomInFaster {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
    }
    30% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        -ms-transformm: scale(1);
    }
}
@-webkit-keyframes zoomInFaster {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
    }
    30% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        -ms-transformm: scale(1);
    }
}


.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}
.slogan a.bouton-principal {
    /*! border: 2px solid var(--color5); */
    background: #FFCD00;
    color: var(--color0);
    margin-top: 50px;
    transition: all 400ms ease;
    display: none;
}
.slogan a.bouton-principal:hover{
    /*! border: 2px solid var(--color7); */
    color: var(--color7);
    opacity: .8;
}
.slogan a.bouton-principal: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;overflow: hidden;background-position: center;}
}
/*.banniere::after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
*/




.dflexleft{
    display: flex;
    width: 100%;
    justify-content: start;
}

.banniere:after {
  /*! content: ''; */
  /*! display: block; */
  /*! position: absolute; */
  /*! top: 0; */
  /*! bottom: 0; */
  /*! left: 50%; */
  /*! -webkit-transform: translateX(-50%); */
  /*! -ms-transform: translateX(-50%); */
  /*! transform: translateX(-50%); */
  /*! width: 100vw; */
  /*! height: 100vh; */
  /*! z-index: 1; */
  /*! background:url(../images/mask.png) no-repeat center center rgba(0, 0, 0, 0); */
  /*! mix-blend-mode: multiply; */
  /*! background-size: cover; */
  /*! opacity: .3; */
    /*! transition: all ease 400ms; */
}







.l-container {
    display: flex;
    /*! grid-template-columns: repeat(4, 1fr); */
    /*! grid-gap: 40px; */
    /*! width: 1170px; */
    /*! max-width: 1200px; */
    padding: 30px 5%;
  }
  @media screen and (max-width: 760px) {
    .l-container {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px !important;
    }
  }
  
  .b-game-card {
    position: relative;
    z-index: 1;
    width: 100%;
    /*! padding-bottom: 150%; */
    perspective: 1000px;
    max-height: 280px;
    height: 30vw;
    overflow: hidden;
  
  }
  
  
  
  .b-game-card__cover {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    background-size: cover;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
    transform-origin: top center;
    will-change: transform;
    transform: skewX(0.001deg);
    transition: transform 0.35s ease-in-out;
    
    background-position-x: center;
  }
  .b-game-card__cover::after {
    display: block;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: linear-gradient(226deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.2) 42%, rgba(255, 255, 255, 0) 60%);
    transform: translateY(-20%);
    will-change: transform;
    transition: transform 0.65s cubic-bezier(0.18, 0.9, 0.58, 1);
  }
  .b-game-card:hover .b-game-card__cover{
    /*! transform: rotateX(7deg) translateY(-6px); */
  }
  
  .b-game-card:hover .masquediv{
    /*! transform: scale(2); */
    /*! width: 10%; */
  }
  
  .b-game-card:hover .b-game-card__cover::after {
    transform: translateY(0%);
    width: 100%;
    /*! height: 100%; */
  }
  .b-game-card::before {
    display: block;
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    /*! background: rgba(0, 0, 0, 0.5); */
    box-shadow: 0 12px 15px 15px rgba(0, 0, 0, 0.4);
    will-change: opacity;
    transform-origin: top center;
    transform: skewX(0.001deg);
    transition: transform 0.35s ease-in-out, opacity 0.5s ease-in-out;
  }
  .b-game-card:hover::before {
    opacity: 0.6;
    transform: rotateX(7deg) translateY(-6px) scale(1.05);
    /*! box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.4); */
  }
  
  .b-game-card:hover  .masque{
    /*! background: transparent; */
    opacity: 0;
  }
  
  .b-game-card__cover a {
    width: 100%;
    height: 100%;
    z-index: 100;
    display: block;
    z-index: 3;
    position: absolute;
  }
  
  

  










.btn-descendre{width:45px;height:28px;background:url(../images/bg-descendre.png) no-repeat right top;position:absolute;top:-115px;left:50%;/*! margin-left:-56px; */overflow:hidden;text-indent:300px;white-space:nowrap;padding-left: 0;transform: translateX(-50%);}
.btn-descendre:before{/*! content:""; */width:8px;height:8px;/*! background:rgba(var(--color1),1); */border-radius:8px;position:absolute;top:40px;left:53px;transition:all 400ms ease}
.btn-descendre:hover:before{opacity:.4;filter:alpha(opacity=40);top:50px}

.btn-descendre{
    display:none;
}
.body-page-1 .btn-descendre{
    display:block;
}

.body-page-1 .fluid-contenu .corps{
    padding:0 0;
    padding-top: 120px;
}

.fluid-contenu .corps .recup-photos{
    position: relative;
    padding:5% 10% 3%;
     background-image: none;
    /*! margin-top: 10%; */
    /*! background: radial-gradient(circle at center,#FF9045 20%,var(--color8) 80%) !important; */
   
    margin: 0 auto;
    grid-gap: 40px;
    width: 100%;
}

.body-page-1 .fluid-contenu .corps .recup-photos{
    background: #fff;
   /*! background:  #000 url(../images/pattbg.jpg) top center repeat scroll; */
    /*! padding-bottom: 15%; */
    /*! /*! background: #f1f1f1; */ */
    /*! border-top: 5px solid #fff; */
    background: #f1f1f1;
    background-size: 150px;
    /*! background: #212121; */
}


.body-page-1 .fluid-contenu .corps .recup-photos:before {
    /*! content:''; */
    position: absolute;
    bottom: -1%;
    left: 0;
    width: 100%;
    height: 100%;
    /*! background: url(../images/linetop.svg) no-repeat center bottom; */
    background-size: 110%;
}

.fluid-contenu .corps .recup-photos:before{
    content: '';
    /*! position: absolute; */
    /*! top: 0; */
    /*! left: 0%; */
    
    /*! width: 120%; */
    /*! height: 100%; */
    /*! padding:10% 24%; */
    /*! background-image: radial-gradient(circle at center,#FF9045 20%,var(--color8) 80%) !important; */
    /*! transform:skew(0deg) rotate(8deg) translateX(-50%) translateY(-25%); */
}
.fixedd{
    /*! background: #fff !important; */
    /*! position: fixed; */
    /*! width: 100%; */
    /*! box-shadow: 0 1px 2px #00000030; */
}

.fluid-contenu .corps .recup-photos:after{
    /*! content: ''; */
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    height: 100%;
    /*! background: url(../images/linebottom.svg) no-repeat center top; */
    background-size: 110%;
    /*! z-index: 100; */
}

.body-page-1 .fluid-contenu .corps .page{
    padding:50px 0% 0;
    position:relative;
    /*! background: url(../images/homepaint.png) no-repeat right bottom; */
    background-size: contain;
    /*! padding-bottom: 0; */
    position: relative;
}

.body-page-1 .fluid-contenu .corps .page:before {
    content:'';
        position:absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 20px;
    /*! background: -webkit-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%); */
/*! background: -o-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%); */
/*! background: -moz-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%); */
/*! background: linear-gradient(to right,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%); */
    /*! background: red; */
    background: none;
}

.fluid-contenu .corps:before {
    content:'';
        position:absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 20px;
    /*! background: -webkit-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%); */
/*! background: -o-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%); */
/*! background: -moz-linear-gradient(left,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%); */
/*! background: linear-gradient(to right,#00d39f 0%,#008bd3 25%,#d40063 75%,#d4be00 100%); */
}



.imghome{
    position: relative;
    /*! background-size: 100%; */
    width: 100%;
    /*! height: 300px; */
}
.imghome:before{
/*! content:''; */
position: absolute;
top:0;
left:0;
/*! background: url(../images/shadow-slider.png) no-repeat center top; */
background-size: 100%;
height: 100%;
width: 100%;



}


.swiper-container {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /*! background: #000; */

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
  }



.propor-swiper a {
width: 100%;
height: 100%;
display: block;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
transition: all 400ms ease;
}
.propor-swiper a:hover {
    transform: scale(1.3);
    
}
.swiper-nagivation{
    position: absolute;
    top: 55%;
    width: 100%;
    left: 0;
    /*! margin-left: 360px; */
    /*! transform: translateY(50%); */
}
.swiper-button-next,.swiper-button-prev {
    position: relative;
        max-width: 70px;
    max-height: 70px;
    background: #FFCD00;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4vw;
    height: 4vw;
    /*! color: #fff; */
    transition: all 400ms ease;
    border-radius: 30px;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
    opacity: .85;
}
.swiper-button-next:before,.swiper-button-prev:before {
   content:'❯';
    /*! background: #fff; */
    /*! width: 100px; */
    /*! height: 100px; */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   color: #fdfdff;
}

.swiper-button-next{
    right: 5%;

}

.swiper-button-prev{
    left: 5%;

}
.swiper-button-prev:before {
   content:'❮';
  
}




.swiper-slide img {
    /*! object-fit: none; */
    /*! object-fit: none; */
    /*! height: auto; */
    /*! width: 100%; */
    /*! position: absolute; */
}


.propor-swiper {
    height: 12vw;
    min-height: 150px;
    max-height: 300px;
    position: relative;
    width: 100%;
    overflow: hidden;
}










.fluid-contenu{position:relative;/* z-index: 8000; */background: var(--color7);}


.fluid-contenu:before {
    /*! content:''; */
    position: absolute;
    width: 100%;
    height: 100%;
       /*! background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABIFJREFUeNrEWk1rGzEQXWuX0prQECcQYjAUFvbqs3NMfnz+QyDXQiBpaA+hPRhXMpIrT97MPKXQGhRJu/pYab7ezCR0XTfFMu52u67Uso2eyffyXS7zUpy1Fi37yu9NdYh/tqk1m83GUst26aP3pY4LPtTjUj/Xr6nIder58f232F7I57Itf2WP0ums27AooFBBXUPeYtVe5DIiqmscc7QGsQk8gEdu60OsD9P6HqsNFukACzxIFkLklqxRsdmDfK6tZY0F8/qOEeh86ncpBUtANXZkuaD+tllulN9LOnA+9YsmbPJ20Lj6eRmPFAKaV1MRUVb292uIU5/l9hkrtJ5MaVRA81hKozlB3MaLvBlNBSP50W5ZzOkR5czbBnIi5WWQgxHroPdoPCnMW+WA1iVM8d09EvoyZtD42vpAjRKIly3+1+aAfbcOlf/Ykc1ms8x8t9JkwtIyjC1h+b5x3aRNp4OM3N3dfapPe3t7e2ppLUQVC+oUG6TxvaatCHu13Rfl5CtPk7BwhrEpFvRpmMcZtKp9zn50CxtphxDrn5UC5vE3lNvn5UCsTHgHYICrZ+c6dtP4+5zrj7Gc5vbSA4kWSs7lKj+/sgQbUOboICHpaM0wKbr+Zyzfc/sro16lahXteV5/7sGd5+fnkN8tkCmgoHuhSqFMTRHvFhlgKN5N3lpyz8GD4B5I1CwtMnCmQTMQBeIUqfIHyxojy2v5Ih4CljbFWLeGMX0NTxT27wNaqPU25AfWxk+TO+25IqOTBuVLO8gbQrcshUpujCy2FzBg9spj95a7nodYubNwFfLEEiZjBbcea6lgw8eZNNUux82KeWc8MVYONLnQ5mqs7cjRkQgEJn6E5ODm5uY1CZkXB5P2RMqPxqZWfAvKLAshvBAQG/ph3NtGZHAc1/JCoP8RKI7MmJDJNrf8AOm/a2TXQqKIHbwoDFLp6dn19fVS04QjCjJ70T4POnhxMgcKja1RSai1LPCoxagYO+FpJU97WXZpYDZiLHyttTQoAVhvqrMB1fheBhyYgB9kh6enpwC1A6kEPEPGuMG1QfTYc5YbEN16lPHCqchHsVC0pyjMb9mfxrCYbDxX28zSVkZ0XVr9y9h/THXsniAEERi44IHKFtVqwXkUuMv9x7rWZG782+wU4m3P8jNF7HlpqfmAgtUSMkuojqC7YIt7Vp03tE+kRnwTMm1JtVlazDNujS7D2OIyBAbtahESLdvLQBwme5vCuEg20b4H9fuv/AZrfS0LYM19k0Ns/WcBFp6zGeDGtPgkFUpgsrmpXq/XvzS1ivIbKPiA1KyFnFFkv4qybOu1BtZlVUlahW8AS6zys1XsfrCsuZX08VLXB1dXE1SN56ubvc+qtrdQQXSLf2hC68mBlsc0XV0mD86ESKdpWuX+qhTWO2RVOtjf99M9J6fV1fWUxXuSSoFJcWkyY+EsLTuLWNBLuKJnUs6CyBteXVxcfDHy2n0JASH5QTZF8PwWpRs8h83735RDEFsTbMZAeinp6gK6ojKJ8Z2kuob5yrzfAgwASaYfY2UgQSYAAAAASUVORK5CYII=); */

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  	filter: alpha(opacity=60);
     background-color: #fff !important; 
    /*! z-index: -1; */
    opacity: .2;
}


.fluid-contenu .corps{position: relative;padding: 60px 14% 60px;/*! background: var(--color7) url(../images/colored.png) top center repeat-x; */}
.body-gallery-4 .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding: 70px 5%;}

.recup-photos .propor .propor-cont .imagecont{position:absolute;top:0;bottom:0;right:0;left:0;text-decoration: none;}
.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%;}


.body-page-1 .recup-photos .propor .propor-cont .imagecont img 
{
    
    
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.3);
-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,.3);
box-shadow: 0 3px 3px 0 rgba(0,0,0,.3);
}


.body-page-1 .corps .recup-photos .propor .propor-cont .imagecont img 
{
    
    
    -webkit-box-shadow: 0 3px 5px 0 rgba(162, 70, 8,.06);
-moz-box-shadow: 0 3px 5px 0 rgba(162, 70, 8,.06);
box-shadow: 0 3px 5px 0 rgba(162, 70, 8,.6);
}





.recup-photos .propor{width:100%;position:relative;margin-bottom:10px;/*! max-width: 250px; */}
.recup-photos .propor:after{padding-top: 75%;display:block;content:'';}
.recup-photos .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0;}
.recup-photos .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.recup-photos .propor .propor-cont .imagecont .masque{display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;background-color: var(--color5);background-image:url(../images/ico-zoom.png);background-repeat:no-repeat;background-position:center center;transition: .5s;}
.recup-photos .propor .propor-cont .imagecont:hover .masque{opacity:.8;filter:alpha(opacity=80)}
.recup-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.corps .recup-photos {
    position: relative;
    padding: 0 10%;
    
}
.corps .recup-photos .propor:after{
    padding-top: 127%;
}
span.legende {
    position: relative;
    display: block;
    text-align: center;
    background: transparent;
   
    
    text-decoration: none;
    font-family: var(--font_family_1);
    padding: 14px 0;
    font-size: 22px;
    transition: .5s;
    

    display: none;
}

.certifs{
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
    z-index: 8000;
    background: #FFF;
    background-size: 50% 1px;
    border-top: 2px solid var(--color7);
    border-bottom: 2px solid var(--color7);
    padding: 0 0;
}
.certifs .cell.gauche{display:table-cell;vertical-align:top;width:50%;background:var(--color7)}
.certifs .cell.gauche .contenu{    padding: 150px 0% 140px;}
.certifs .cell.droite{display:table-cell;vertical-align:middle;width:50%;padding:80px 50px;}
.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: 50px 0;text-align: center;}
.actualites .cell.photo a{display:block}



.atouts {
    position: relative;
    background: url(../images/bg-atout.jpg) no-repeat center / cover;
    background-attachment: fixed;
    padding: 40px 11% 80px;
}
.atouts .flex-atouts {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 35px;
    flex-wrap: wrap;
}

.atouts .flex-atouts .item-atout {
    position: relative;
    width: 15%;
    background: rgba(var(--color1),.3);
    text-align: center;
    border-radius: 50%;
    padding: 80px 25px;
    color: var(--color7);
    font-family: var(--font_family_3);
    font-size: 20px;
    border: 1px solid #045761;
    transition: .5s;
}

.atouts .flex-atouts .item-atout {
    position: relative;
    width: 15%;
    background: rgba(var(--color1),.3);
    text-align: center;
    border-radius: 50%;
    padding: 80px 25px;
    color: var(--color7);
    font-family: var(--font_family_3);
    font-size: 20px;
    border: 1px solid #045761;
    transition: .5s;
}
.atouts .flex-atouts .item-atout:hover {
    background: rgb(47 47 47 / 71%);
    border: 1px solid #2d2d2d;
}
.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(--color7)}
.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(--color7);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(--color7)}
.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(--color7);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(--color5);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{var(--color5) !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: -65px;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: transparent;padding:0;}
.cont-slider .controls ol li a{display:block;width:11px;height:11px;background: #ffffff;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:flex;/*! width:100%; */position:relative;z-index:8000;min-height:55vh;}
.body-service-list .services,.body-service .services {
    /*! padding: 100px 0% 70px; */
    display: block;
    z-index: 0;
}

.niveau1 a,.niveau2 a {
    color:var(--color5);
}

.services.srv-acc:before{
    /*! content: ''; */ 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

	/*! -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; */
  	/*! filter: alpha(opacity=60); */
     /*! opacity: .2; */
    /*! z-index: 100; */
    
    background: url(../images/dark-tire.png);
    opacity: .10;
}
.advant:before{
    content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .10;
}

.headservice {

    padding: 100px 0;
    background-color: #fff;
    /*! display: block; */
    position: relative;
}

.services.srv-acc {
    position: relative;
    background-size: 100%;
    background: #fff;
    background: url(../images/grunge-big-light.png) no-repeat center center #fff;

}




.services .cell.gauche{display:table-cell;vertical-align:top;width:70%;background-position:center center;background-repeat:no-repeat;z-index: -100;/*! height: 550px !important; *//*! box-shadow: rgba(0, 0, 0, 0.2) 0px .2vw 1.8vw; */}
.services .cell.droite{width:60%; background: #FFCD00;}
.services .cell.droite .contenu .contenu-srv {
    position: relative;
    display: block;
    background: var(--color7);
    padding: 75px 2% 40px 10%;
    min-height: 480px;
}





.services .cell.droite .contenu .contenu-srv {
background: #000 url(../images/pattbg.jpg) top center repeat scroll;
/*! -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.10); */
/*! -moz-box-shadow: 0 1px 3px rgba(0,0,0,.10); */
/*! box-shadow: 0 1px 3px rgba(0,0,0,.10); */
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;

background-size: 150px;
/*! box-shadow: rgba(0, 0, 0, 0.2) 0px .2vw 1.8vw; */
background: #FFCD00;
}
.services .cell.droite .contenu ul{list-style-type:none;list-style-image:none;padding:0;margin:0;padding-top: 10px;}
.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;
    transition:all 400ms ease;
    background: transparent;color: #212121;font-family: var(--font_family_3);font-size: 18px;padding: 5px 0 5px 46px;}
.services .cell.droite .contenu ul li .bouton-principal:after{content: "";left: 0;right: initial;width: 33px;height: 1px;background: #212121;}

.services .cell.droite .contenu ul li:hover .bouton-principal:after
{
    width: 63px;

}
.services .cell.droite .contenu ul li:hover .bouton-principal
{
    padding-left: 80px;

}




.services .cell.droite .contenu ul li .bouton-principal:hover:before{
    content: none;
}
 .cell.droite .contenu ul li .bouton-principal.hvr-shutter-out-horizontal{
}
.services .cell.droite .contenu ul li .bouton-principal:hover{
}
.services .cell.droite .contenu ul li .bouton-principal:hover:after{
}
.services .cell.droite .contenu .h1, .services .cell.droite .contenu .h1 .titre-secondaire { text-align: left;}
.services .cell.droite .contenu .h1:before {   background: #2b2b2b; left: 0;transform: none;}
.btn-service{text-align:center;margin:10px 0}
.services .miettes{list-style-type:none;list-style-image:none;padding:0;margin:0;position:absolute;bottom:20px;left:0;right:0;text-align:center}
.services .miettes li{display:inline-block;vertical-align:top;background:none;padding:0}
.services .miettes li a{width:12px;height:12px;border-radius:12px;background:var(--color7);display:inline-block;opacity:.5}
.services .miettes li a.active{cursor:default;opacity:1}
.realisations,.AvisClientsBg{position:relative;z-index:8000;/*! background: #f2f2f2; */text-align:center;/*! width: 1170px; *//*! margin: 5% auto; */}
.realisations .contenu,.AvisClientsBg .contenu{padding: 60px 10% 60px;background: #eeeeee;background: #000 url(../images/pattbg.jpg) top center repeat scroll;background-size: 150px;/*! background: #F1F1F1 !important; *//*! background-image: radial-gradient(circle at center,#FFF 20%,#F2F2F2 80%) !important; */}
.realisations {
    /*! background: var(--color8); */
    position: relative;
    /*! padding-top: 50px; */
    /*! padding-bottom: 5% */
    /*! background: url(../images/grey-hexagon-bg.jpg) no-repeat center center; */
    /*! background-size: cover; */
    /*! padding: 5% 0; */
    background: #fff;
    padding-top: 0;
    /*! background-image: radial-gradient(circle at center,#FFF 20%,#F2F2F2 80%) !important; */
}

.realisations .h2 {
    color:#FFCD00;
}



.realisations:before {
    /*! content: ''; */
    position:absolute;
    top:-10%;
    left:0;
    /*! background:url(../images/linebottom.svg) no-repeat center top; */ 
    width:100%;
    height:100%;
   
    background-size: 120%;
    z-index: 0;
}
.realisations:after {
    /*! content: ''; */
    position:absolute;
    bottom:-10%;
    left:0;
    /*! background:url(../images/linetop.svg) no-repeat center bottom; */ 
    width:100%;
    height:100%;
   
    background-size: 120%;
    z-index: -1;
}

.body-pageseo .realisations  .contenu {
    
    
    /*! background: #fff; */

}

.body-pageseo .realisations .contenu{
    /*! padding-top: 30px; */
}

.body-pageseo .realisations .contenu:before  {
    
    transform: none;
    width: 100%;
    left: 0;
    background-image: none;
    filter: none;
    top: 0;
    padding-top: 60px;
    
}


.realisations .contenu:after {
    /*! content:''; */
    /*! position: absolute; */
    /*! top: 0; */
    /*! left: 0; */
    /*! width: 100%; */
    /*! height: 100%; */
    /*! background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABIFJREFUeNrEWk1rGzEQXWuX0prQECcQYjAUFvbqs3NMfnz+QyDXQiBpaA+hPRhXMpIrT97MPKXQGhRJu/pYab7ezCR0XTfFMu52u67Uso2eyffyXS7zUpy1Fi37yu9NdYh/tqk1m83GUst26aP3pY4LPtTjUj/Xr6nIder58f232F7I57Itf2WP0ums27AooFBBXUPeYtVe5DIiqmscc7QGsQk8gEdu60OsD9P6HqsNFukACzxIFkLklqxRsdmDfK6tZY0F8/qOEeh86ncpBUtANXZkuaD+tllulN9LOnA+9YsmbPJ20Lj6eRmPFAKaV1MRUVb292uIU5/l9hkrtJ5MaVRA81hKozlB3MaLvBlNBSP50W5ZzOkR5czbBnIi5WWQgxHroPdoPCnMW+WA1iVM8d09EvoyZtD42vpAjRKIly3+1+aAfbcOlf/Ykc1ms8x8t9JkwtIyjC1h+b5x3aRNp4OM3N3dfapPe3t7e2ppLUQVC+oUG6TxvaatCHu13Rfl5CtPk7BwhrEpFvRpmMcZtKp9zn50CxtphxDrn5UC5vE3lNvn5UCsTHgHYICrZ+c6dtP4+5zrj7Gc5vbSA4kWSs7lKj+/sgQbUOboICHpaM0wKbr+Zyzfc/sro16lahXteV5/7sGd5+fnkN8tkCmgoHuhSqFMTRHvFhlgKN5N3lpyz8GD4B5I1CwtMnCmQTMQBeIUqfIHyxojy2v5Ih4CljbFWLeGMX0NTxT27wNaqPU25AfWxk+TO+25IqOTBuVLO8gbQrcshUpujCy2FzBg9spj95a7nodYubNwFfLEEiZjBbcea6lgw8eZNNUux82KeWc8MVYONLnQ5mqs7cjRkQgEJn6E5ODm5uY1CZkXB5P2RMqPxqZWfAvKLAshvBAQG/ph3NtGZHAc1/JCoP8RKI7MmJDJNrf8AOm/a2TXQqKIHbwoDFLp6dn19fVS04QjCjJ70T4POnhxMgcKja1RSai1LPCoxagYO+FpJU97WXZpYDZiLHyttTQoAVhvqrMB1fheBhyYgB9kh6enpwC1A6kEPEPGuMG1QfTYc5YbEN16lPHCqchHsVC0pyjMb9mfxrCYbDxX28zSVkZ0XVr9y9h/THXsniAEERi44IHKFtVqwXkUuMv9x7rWZG782+wU4m3P8jNF7HlpqfmAgtUSMkuojqC7YIt7Vp03tE+kRnwTMm1JtVlazDNujS7D2OIyBAbtahESLdvLQBwme5vCuEg20b4H9fuv/AZrfS0LYM19k0Ns/WcBFp6zGeDGtPgkFUpgsrmpXq/XvzS1ivIbKPiA1KyFnFFkv4qybOu1BtZlVUlahW8AS6zys1XsfrCsuZX08VLXB1dXE1SN56ubvc+qtrdQQXSLf2hC68mBlsc0XV0mD86ESKdpWuX+qhTWO2RVOtjf99M9J6fV1fWUxXuSSoFJcWkyY+EsLTuLWNBLuKJnUs6CyBteXVxcfDHy2n0JASH5QTZF8PwWpRs8h83735RDEFsTbMZAeinp6gK6ojKJ8Z2kuob5yrzfAgwASaYfY2UgQSYAAAAASUVORK5CYII=); */

	/*! -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; */
  	/*! filter: alpha(opacity=60); */
  	/*! opacity: 0.2; */
    /*! z-index: -10; */
    
}

.realisations .contenu:before {
        content: '';
    position: absolute;
    top: 17%;
    right: 50%;
    width: 120%;
    height: 100%;
    padding: 10% 24%;
    /*! background-image: radial-gradient(circle at center,#FFF 20%,#F2F2F2 80%) !important; */
    /*! transform: skew(0deg) rotate(-8deg) translateX(-50%) translateY(-50%); */
z-index: 0;
}



.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:rgba(var(--color1),0.7);background-image:url(../images/ico-zoom.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;overflow:hidden;z-index:8000;background-size: cover;padding: 5% 10%;background: #fff;background-position: center;background-repeat: repeat;/*! padding: 100px 0; */}
.intervention .contenu{position: relative;display: flex;padding: 0;width: 100%;justify-content: space-between;align-items: center;background: #000 url(../images/grey-hexagon-bg.jpg) no-repeat center center;background-size: auto;background-size: cover;background: transparent;}
.intervention .contenu a,.intervention .contenu a:link,.intervention .contenu a:visited{color:var(--color0)}

.intervention h2, .certifs h2{ text-align: left;}
.intervention h2:before,
.certifs h2:before{ background:#FFCD00;left: 0;transform: none;}


.intervention h2 .titre-secondaire,
.certifs h2 .titre-secondaire{/*! font-size: 23px; */ color: var(--color8);text-align: left;}


.intervention .zone{position: relative;}
.intervention .description{width:50%;text-align: left;font-family: var(--font_family_2) !important;}
.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}


.intervention:before {
    /*! content:''; */
    position: absolute;
    /*! background: #000; */
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: -1;
}

.intervention:after {
    /*! content:''; */
    position: absolute;
    bottom: 0px;
    left: 0;
    /*! background: url(../images/strip-bg.jpg) no-repeat center bottom; */ 
    width: 100%;
    height: 100%;
    background-size: contain;
    
    z-index: -1;
}

.intervention .zone img{max-width: 633px; width: 100%;}




.realisations .contenu,.AvisClientsBg .contenu{/*! padding: 5% 10% 5%; */background: #f1f1f1;/*! box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; *//*! box-shadow: rgba(149, 157, 165, 0.2) 0px .2vw 1.8vw; *//*! border-bottom-left-radius: 30px; *//*! border-bottom-right-radius: 30px; *//*! background: #212121; *//*! background-image: url(../images/luxuary-tyre-1.png); */background-repeat: no-repeat;background-size: 200px;background-position-x: right;}
.realisations .galerie .propor,.news .propor{width:100%;position:relative;margin-bottom:10px}
.realisations .galerie .propor:after,.news .propor:after{padding-top:100%;display:block;content:'';}

.realisations .galerie .propor .propor-cont .imagecont img{object-fit: cover;    -o-object-fit: cover; min-width: 100%;min-height: 100%;width: auto;flex: 1;height: 100%;}
.realisations .galerie .propor .propor-cont,.news .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0;}
.realisations .galerie .propor .propor-cont .imagecont,.news .propor .propor-cont .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;-webkit-transform:translateZ(0);}
.news .propor .propor-cont .imagecont img{object-fit: cover;    -o-object-fit: cover; min-width: 100%;min-height: 100%;width: auto;flex: 1;height: 100%;}

.realisations .galerie .propor .propor-cont .imagecont .imagefond,.news .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;}
.realisations .galerie .propor .propor-cont .imagecont .masque,.news .propor .propor-cont .imagecont .masque{transition:all 400ms ease;display:block;position:absolute;top:50%;left:50%;opacity:0;filter:alpha(opacity=0);/*! width:100%; *//*! height:100%; *//*! background: rgba(0, 0, 0, 0.7) url(../images/ico-zoom.png) no-repeat center center; */width: 90%;height: 90%;background: rgb(239, 125, 0) url(../images/ico-zoom.svg) no-repeat center center;transition: 0.5s;transform: translate(-50%,-50%);background-size: 5vw;}
.realisations .galerie .propor .propor-cont .imagecont:hover .masque,.news .propor .propor-cont .imagecont:hover .masque{opacity:0.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);}

.headrealisation {
    display:flex;
    justify-content: space-between;
    background: #262729;
    padding: 40px 10% 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #000 url(../images/pattbg.jpg) top center repeat scroll;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    /*! box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    /*! border-top-left-radius: 30px; */
    /*! border-top-right-radius: 30px; */
    /*! flex-wrap: wrap; */
    align-items: center;
    background-size: 150px;
}
.headrealisation .h1.sans-image {
    color: #FFCD00;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
    /*! padding: 0; */
}

.headrealisation a.bouton-principal {
    /*! background: #8570b1; */
    margin-top: 0;
}


.realisations .contenu {
    position: relative;
}

















.dflexx{
    display: grid;
    place-items: center;
    padding: 5%;
    /*! padding-top: 0; */
}
.swiper-slide{
    display: flex;
    justify-content: center;
    
}

.swiper-pagination-bullet-active{
    background: var(--color5);
}

.body-page-1 .advant {
    display:block;
}


.advant {
    display: none;
    padding: 0;
    /*! background: #FFF9ED; */
    position: absolute;
    /*! padding-bottom: 80px; */
    
    /*! background: url(../images/grunge-big-light.png) no-repeat center center #fff; */
    /*! width: 1170px; */
    /*! margin: 5% auto; */
    
    /*! background: #FFCD00; */
    /*! background: #eee; */
    /*! padding-top: 0; */
    /*! background: #FFCD00; */
    /*! margin-top: 5%; */
    top: -45px;
    left: 0;
    width: 100%;
    z-index: 1;
}
.advant .h1 {
    /*! color: #fff; */
}
.advant .h1:before {
    background: #FFCD00;
}
.advant .containerr {
    margin: 10px auto 00px;
    /*! box-shadow: rgba(149, 157, 165, 0.2) 0px .2vw 1.8vw; */
    /*! background: #fff; */
    /*! padding: 3% 0; */
    background: #FFCD00;
    padding: 5%;
    position: relative;
    
}




.advant .container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: .25vw;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}












.advant:before {
        content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /*! background: url(../images/testbg.jpg) no-repeat center center #fff; */
    opacity: .40;
    
    
}



.certifs:before {
    content:'';
    background:url(../images/course-pic1.png) no-repeat center center;
    background-size: cover;
    top: -0px;
    left: 0;
    width:100%;
    height: 106px;
    z-index: 50;
    position: absolute;
    transform: scale(-1);
}


.advantcont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*! width: 150px; */
    /*! height: 150px; */
    /*! box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.05), inset -5px -5px 5px rgba(255, 255, 255, 0.5), 5px 5px 5px rgba(0, 0, 0, 0.05), -5px -5px 5px rgba(255, 255, 255, 0.5); */
    /*! border-radius: 15px; */
    /*! margin: 30px; */
    transition:all 200ms ease-in-out;
    /*! background: url(../images/hexagon2.svg) no-repeat center center; */
    background-size: 105%;
    padding: 1.5% 0;
    z-index: 11;
}
.advantcontc{
     display: flex;
    /*! flex-direction: column; */
    align-items: center;
    justify-content: center;
    /*! margin: 20px; */
    /*! background: #FFF9ED; */
/*! box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
/*! border-radius: 15px; */
/*! display: flex; */
/*! justify-content: center; */
/*! align-items: center; */
/*! transition: all 0.35s ease-in-out; */
    /*! padding: 0%; */
     /*! width: 150px; */
     /*! height: 150px; */
     /*! text-align: center; */
     /*! font-size: 16px; */
     /*! color: #000; */
     /*! background: url(../images/hexagon2.svg) no-repeat center center; */
     /*! background-size: 110%; */
     align-content: center;
}

.advantcontc p {
    margin: 0 0 0 1em;
}
.advantcont img {
    max-width: 70px;
    height: auto;
}











.swiper-container3 {
    padding-bottom: 40px;
    padding-top: 10px;
}













.pied{position:relative;z-index:9;background:var(--color7);}
.pied .bande1{position:relative;padding: 50px 10% 45px;background: #1a1a1a;}
.body-pageseo .pied .bande1 {
    background: #fff;
    color: var(--color5);
}
.body-pageseo .pied a,.body-pageseo .pied h3 {
    /*! background: #fff; */
    color: var(--color5);
}

.body-pageseo .pied .navf .menu_footer,.body-pageseo .pied address,
.body-pageseo .pied .navf .menu_footer li a::before,.body-pageseo .pied .menu_referencement li{
    color: var(--color5);
}
.pied .bande1:first-of-type::after{
    content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;


background: url(../images/dark-tire.png);
opacity: .10;
    z-index: -1;
}

.pied .bande-contact{
    padding: 60px 10%;
    /*! background: url(../images/bg-atout.jpg) no-repeat center / cover; */
    background-attachment: fixed;
    background: #FCFCFC;
    padding-top: 40px;
}
.pied .bande1 .row1{padding: 0;/*! background: rgb(43 43 43 / 93%); */}

.body-page-1 .pied .bande1 .row1{
    padding-top:30px;
}

.body-contact .pied .bande1:first-of-type::after,
.body-pageseo .pied .bande1:first-of-type::after{
    display:none;
}
.body-contact .pied .bande1:first-of-type::before,
.body-pageseo .pied .bande1:first-of-type::before{
    display:none;
}
.pied .bande2{padding: 10px 10%;background: #fff;}

.pied h3{color:var(--color7);font-size:16px;text-transform:uppercase;padding:0 0 5px;position:relative}
.pied h3::before{content:"";width:35px;height:10px;background:var(--color7);position:absolute;top:-15px;left:0;height:4px;border-radius: 10px;}
.pied .navf .menu_footer{color:var(--color7);padding:7px 0 30px;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:#fff;top:0;width:9px;height:16px}
.pied .navf .menu_footer li a:hover{text-decoration:underline}
.pied .navf .menu_footer li.active a:hover{cursor:default;text-decoration:none}
.pied .menu_referencement{color:var(--color6);list-style-image:none;list-style-type:none;margin:0;text-align:justify}
.pied .menu_referencement li{display:inline;padding:0;background:none;color: var(--color7);}
.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{/*! opacity: .8; */color: var(--color8);}
.pied .menu_referencement li.active a:hover{cursor:default;text-decoration:none}
.pied address{margin:0;padding:7px 0 30px;color:var(--color7);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:18px auto;background-position-y: 4px;}

.body-pageseo .pied address p.adresse,.body-pageseo .pied address p.tel{
    filter: brightness(.18);
}

.pied address p.tel.tel1{background-image:url(../images/ico-tel-f.svg);background-size:18px auto;background-position-y: 3px;}
.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(--color7);padding:10px 0 30px;margin:0;font-size:16px;padding-left: 30px;background-image: url(../images/ico-horaires.svg);background-size: 18px auto;background-repeat: no-repeat;background-position-y: 13px;}
.pied .copyright-footer{margin:5px 0 0;text-align:center;/*! filter: brightness(100); */}
.pied .btn-like{padding:20px 0 0}
.pied .btn-partage{text-align:right;padding:10px 0 0}

.corps .scrollbars {
    width: 60%;
}

.corps .scrollbars .mCustomScrollBox{
    background:#fff;
    /*! margin: 5% 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(--color7)}
.corps .mCSB_scrollTools .mCSB_draggerRail{
    background:#eee;
}
.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:rgba(var(--color1),1)}
.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: 60px 10% 90px;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: #fff;text-transform:none;position:relative;margin-bottom:20px;}
.tab-coordonnes h2:before{content:"";width:40px;height:4px;background:#fff;position:absolute;top:-13px;left:0;border-radius: 10px;}
.body-contact .tab-formulaire .cell.droite h2{text-align:center;margin-bottom:30px;font-size:24px;color: var(--color5);}
.body-contact .tab-formulaire .cell.droite h2:before{/*! content:""; */width:75px;height:2px;background:rgba(var(--color1),1);position:absolute;top:50px;left:50%;margin-left:-37px}
.contact .tab-coordonnes{display:table;width:100%;position:relative;z-index:8000;/*! background:#fff; */padding: 0 4% 125px;}
.contact .tab-coordonnes .cell.gauche{display:table-cell;vertical-align: middle;width: 25%;}
.contact .tab-coordonnes .cell.gauche .contenu{padding: 10% 10% 15%;background: #1a1a1a;display: block;position: relative;margin-left: -52px;z-index: 100;transform: translateX(5px);}






.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: 75%;margin-right: -50px;position: relative;}
.contact .tab-formulaire{display:table;width:100%;position:relative;z-index:8000;/*! background: url(../images/bg-atout.jpg) no-repeat center / cover; */background-attachment: fixed;}
.contact .tab-formulaire .cell.gauche{display:table-cell;vertical-align:top;width:50%;background: transparent;}

.contact .tab-formulaire .cell.gauche{display:table-cell;vertical-align:top;width:50%;background:url(../images/photo-contact2.jpg) no-repeat center center}

.contact .tab-formulaire .cell.droite{display:table-cell;vertical-align:top;width:50%;}
.contact .tab-formulaire .cell.droite .contenu{padding:40px 12%;}
.contact .plan{font-size:0}
.contact .plan .block #googlemapapi,.contact .plan iframe{width:100%!important;height:550px!important}
.contact .coordonnees{padding: 0 0 0;padding-bottom: 10px;}
.contact .coordonnees h2{margin-top:50px;}
.contact .coordonnees address p{padding:0 0 10px 30px;background-position:0 0;background-repeat:no-repeat;color: #fff;}
.contact .coordonnees address p.adresse{background-image:url(../images/ico-adresse-f.svg);background-size:18px auto;background-position-y: 3px;}
.contact .coordonnees address p.tel.tel1{background-image:url(../images/ico-tel-f.svg);margin:0;font-weight:bold;background-size:18px auto;background-position-y: 4px;}
.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;color: var(--color4);}
.coordonnees span.t_affiche{text-decoration:underline}
.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(--color8);}
.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: transparent;border-bottom:1px solid var(--color5);box-shadow:none;border-radius:0;width:100%!important;font-size:inherit;color: var(--color5);/*! border: 0; */border: none;border-bottom: 1px solid var(--color5);}
.form-control:focus{color:#000;background:var(--color0)}
.contact .formulaire .form-group textarea.form-control{height:109px;position:static}
.contact .formulaire .form-group input.form-control{height:50px;line-height:1;line-height:50px \9;padding:0 12px 0 0;}
.contact .formulaire .form-group .form-control:focus,.contact .formulaire .form-group .form-control:active{border-color:var(--color3)}
.contact .formulaire .form-group select.form-control{height:50px;line-height:50px;padding:5px 12px 5px 0;/*! font-family: var(--font_family_2); */}
.form-horizontal select.form-control option {
    color: inherit;
    font-family: var(--font_family_2);
}
@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;font-family: var(--font_family_2);}
}
.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}
.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: #FFCE00;color: var(--color5);text-align:left;border-radius:0;font-size: 15px;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: #F7CB2D;opacity: .85;}
::-webkit-input-placeholder{color:var(--color5) !important;opacity:1!important}
:-moz-placeholder{color:var(--color5)) !important;opacity:1!important}
::-moz-placeholder{color:var(--color5) !important;opacity:1!important}
:-ms-input-placeholder{color:var(--color5) !important;opacity:1!important}
::placeholder{color:var(--color5) !important;opacity:1!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}
.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-bottom: 30px;}
.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%}
.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: #212121c2;background-image:url(../images/ico-zoom.png);background-repeat:no-repeat;background-position:center center;}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque{opacity:1;filter:alpha(opacity=100)}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.gallery .nav{margin: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:rgba(var(--color1),1);border-radius:5px;display:block;content:" "}
.gallery .nav li:last-child::after{display:none}
.gallery .nav li a{background:none;display:block;color: var(--color6);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(--color8);}
.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%;background: #fff;}
.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: 5px;top: 50%;/*! max-height: 76px; */max-width: 145px;transform: translateY(-50%);}
.deploy-right-sidebar{border-left:1px #dfb60b  solid;display:table-cell;background-color:var(--color8);height:65px;width:65px;background-position:center center}
.deploy-right-mail{border-left:1px #dfb60b  solid;display:table-cell;background-color:var(--color8);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(--color8);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(--color5);}
.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(--color7)!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(--color7)!important;background:var(--color4);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(--color8);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:#131313;}
.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,rgba(var(--color1),1),rgba(var(--color1),1));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(--color7);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.77);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(--color5) 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(--color4);/*! opacity: .7; */}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
   background-color:var(--color8)
}


.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#57EA82;}
.bx-pager.bx-default-pager a{background-color:var(--color7)}
.bx-pager.bx-default-pager a:hover,.bx-pager.bx-default-pager a.active{background-color:var(--color7)}
.vegas-timer-progress{background:var(--color8)}
.icones{width:32px;margin:16px 0 0 16px;height:32px;fill:#fffafa;}
.deploy-right-sidebar .icones{width:29px}
.menu-mobile-dynamique li a::before{display:block;content:">";position:absolute;left:5px;font-size:15px;color:#fff;}
.btn-partage .icones{width:16px;margin:0;height:16px;padding:0;position:relative;top:9px;left:0;fill: #000;}
footer .btn-partage .icones{
    fill: #1a1a1a;
}
.corps .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 60%;
}
.remonter .icones{margin:0 0 -5px;fill:rgba(var(--color1),1)}
.tete .tel .icones{width: 17px;margin: 0 10px -5px 0;height:22px;fill: #000;}
.btn-partage .btnp:hover .icones{fill: #1a1a1a;}
.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:rgba(var(--color1),1);position:absolute;left:0;top:0;padding:7% 4% 4%;z-index:50;margin:0}
.news .date_post span{display:block;line-height:13px;min-width:84px}
.news .date_post .s1{font-size:50px;line-height:35px;padding-bottom:5px;font-size:clamp(40px,2vw,50px)}
.newsList .propor .propor-cont .imagecont .masque{background-color:rgba(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:rgba(var(--color1),1)}
.newsList .item .h3 a:hover{text-decoration:none}
.item-news{position:relative}
.newsItem .photo img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;flex:1;width:100%;height:100%;overflow-x:hidden}
.newsItem .photo{width:100%;height:33vw;height:clamp(300px,40vw,650px);background-position:center!important;background-repeat:no-repeat!important;background-color:#f2f2f2;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;image-rendering:optimizeQuality}
.newsItem .contenu-article{padding:15px 0 0;min-height:200px;margin:0}
.newsItem .div-rs{margin:0 auto 40px}
.newsItem .div-rs .btn-partage{display:inline-block;overflow:hidden;height:36px;position:relative;top:12px}
.newsItem .div-rs .btn-partage .btnp{background-color:var(--color7)}
.newsItem .div-rs .btn-partage .btnp:hover{background-color:rgba(var(--color1),1)}
.newsItem .date_post{padding:5% 3% 3%}
.news_avant_apres{display:table;width:100%;text-align:center;margin:0;height:100%}
.news_avant_apres > div{display:table-cell;float:none;padding:0;height:100%}
.news_avant_apres a,.news_avant_apres a:visited{padding:15px 30px;color:rgba(var(--color1),1);text-decoration:none;border:1px solid var(--color7);display:block;height:100%;font-family:var(--font_family_1);text-transform:uppercase}
.news_avant_apres a:hover,.news_avant_apres a:focus{border-color:var(--color6);text-decoration:none}
.news_avant_apres > div:last-child{right:-5px}
.news_avant_apres a:hover b,.news_avant_apres a:focus b{text-decoration:none;color:rgba(var(--color1),1)}
.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:rgba(var(--color1),1);border-color:var(--color6)}
.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:rgba(var(--color1),1);border-color:rgba(var(--color1),1)}
.pagination > li > a:focus,.pagination > li > a:hover,.pagination > li > span:focus,.pagination > li > span:hover{color:rgba(var(--color1),1);background-color:var(--color7)}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.lightboxOverlay{overflow:scroll}
.lightboxOverlay::-webkit-scrollbar{width:0}
}




@media (max-width:1450px) {
    .services.srv-acc{
        /*! padding-right: 5%; */
        /*! padding-left: 5%; */
    }
}
@media (max-width:1350px) {
   
    .services .cell.droite {
 
    width: 70%;
}
}

@media (min-width:1300px) {
    .body-page-1 .fluid-contenu .corps .page{
        background-size: 65%;
        /*! border-radius: 50%/50px; */
        /*! padding-bottom: 0; */
    }
  
}







@media (max-width:991px) {
    
    .advant{
        position: static;
    }
    
    .intervention h2::before{
        left:50%;
        transform:translateX(-50%);
    }
    .intervention h2 {
   
    text-align: center;
}
    
    .banniere {
        background-position-y:center;
    }
    .titre-secondaire{
        font-size: 16px;
    }
    .body-page-1 .s-bright-arrow{
        display: none;
    }
     .body-pageseo .slogan{
        top: -200px;
    } 
    .b-game-card::before {
    box-shadow: 0 7px 8px 8px rgba(0, 0, 0, 0.4);
}
  
    
    .body-page-1 .fluid-contenu .corps .recup-photos{
        padding-bottom: 0;
        padding-top: 0;
    }
    .body-page-1 .fluid-contenu .corps .recup-photos:before{
        display: none;
    }
    .body-page-1 .fluid-contenu .corps .page{
        /*! background: #fff; */
        padding: 50px 5%;
    }
    
    
    .contact .tab-coordonnes .cell.gauche{
        width: 40%;
    }

    .advantcont img {
        max-width: 30px;
    }
    
    
    .services .cell.gauche {
        /*! height: 450px !important; */
    }
    
    .services.srv-acc::before{
        display: none;
    }
    .fluid-contenu::before{
        display: none;
    }
       
    .body-page-1 .fluid-contenu .corps{
        padding-top: 00px;
    }
    
    .svgwave{
        min-height: 50px!important;
    }
.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:relative;width:100%;height:auto;margin-left:0;margin: 0;left: 0;}
.banniere{height:50vh;position:relative;background-position-x: right !important;}
.prestation .cell.texte .contenu{padding:50px 10%}
.contact .tab-coordonnes .cell.gauche .contenu{/*! padding:50px 7% 30px; */transform: none;left: 0;margin-left: 0;box-shadow: none;}
.certifs .logo-certif img{background-size:contain}
.fluid-contenu{margin:0!important}
.slogan{top:-125px;width:100%;left:0;padding:0 15px;transform: none;}
.body-page-1 .slogan{top:-290px;text-align:center;z-index: 10;left: 0;}

    .body-page-1 .slogan .titre {
        font-size: 32px;
        line-height: 45px;
    }
    .slogan a.bouton-principal{
        margin-top: 25px;
    }
    
    .slogan .titre{font-size:32px;line-height:30px}
.slogan .titre span{font-size:29px}
.slogan .sous-titre{font-size:30px;line-height:38px;}
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
.atouts .flex-atouts .item-atout{width: 33%}
.fluid-contenu .corps{padding: 50px 5%;}
.corps .recup-photos{padding: 0}
.atouts{padding: 40px 7% 80px;}
.services.srv-acc{padding: 0;}
.intervention .contenu{padding: 30px 3% 30px;flex-direction: column;}
.contact .tab-coordonnes{    padding: 0 0% 45px;}
.contact .tab-formulaire .cell.gauche{display: none}
.contact .tab-formulaire .cell.droite .contenu {
    padding: 30px 12%;
}
    
    
    
    .fluid-contenu .corps .recup-photos{
        padding: 10%;
    }
    .fluid-contenu .corps .recup-photos::before {
        top: 41%;
    }
    
}


@media(max-width:500px) {
   
    .services .cell.gauche {
        height: 280px !important;
    }
}

@media (max-width:767px) {
    .intervention{
        padding: 5% 3%;
    }


    .advantcont img {
        max-width: 30px;
    }

     .intervention .description p{
        text-align: center ;
    }
    .body-page-1 .corps a.bouton-principal, .body-page-1 .corps button.bouton-principal {
    
    margin: 35px 0 00px;
    }
    .headservice{
        padding:50px 0 0;
    }
    .advant .container{
        flex-wrap: wrap;
    }
    
    .advant .container .advantcont{
        width: 50%;
      
    }
     .advant .container .advantcont p{
        font-size: 14px;
    }
    
    
    .banniere {
    height: 25vh;
    }
    .advant{
        position: relative;
        top: 0;
    }
    
     .body-page-1 .bantest{
        display: none;
    }
    
     .banniere:after{
        display: none;
    }
    
    .body-page-1 .s-bright-arrow{
        display: none;
    }
    .gallery .ligne-photos .propor .propor-cont .imagecont .masque{
        background-size: 50px;
    }
    
      
  .b-game-card::before {
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, 0.4);
}



    
    .realisations .contenu:before {
        transform: none;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    
    .body-page-1 .fluid-contenu .corps .page{
        /*! padding-bottom: 50px; */
        background: #fff;
    }
    .services.srv-acc{
        /*! padding: 0px 0 00px; */
        padding-bottom: 0px;
        padding-top: 0;
    }
    .fluid-contenu .corps .recup-photos::before {
        transform: none;
        
         top: 0;
        left: 0;
    }
    
    .fluid-contenu .corps .recup-photos{
        padding: 10% 5%;
       
    }
    .pied .bande1 .row1{
        padding-left: 1px;
        padding-right: 1px;
    }
    .body-page-1 .pied .bande1 .row1{
        padding-top: 20px;
    }
    .slogan a.bouton-principal{
        /*! background: var(--color8); */
    }
      .body-page-1 .fluid-contenu .corps{
        padding-top: 00px;
    }
    
    
    
    
    .svgwave{
        position: absolute;
        fill: grey !important;
    }
    .svgwave path{
        
        fill: var(--color5);
    }
.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,.pied h2,.intervention h2{font-size:22px;line-height:22px;margin-top: 50px;margin-bottom: 30px;}
.titre-secondaire,.intervention h2 .titre-secondaire{font-size:18px;line-height:24px;text-align: center;}
.body-page-1 .slogan{position:static;background:#2b2b2b;width:100%;text-align:center;padding:15px 15px;z-index: 10;overflow:hidde;}

    .slogan br {
        display:none;
    }
    
    .body-page-1 .slogan .titre {
        font-size: 24px;
        letter-spacing: 1px;
        text-shadow: none;
        color: #fff;
        line-height: 30px;
        padding-bottom: 5px;
        /*! padding-top: 5%; */
    }
    
    .horaires {
        background-position-y: 2px;
    }
    .slogan{text-align:center;left: 0;transform: none;}
    .body-pageseo .slogan{
        top:-120px;
    }
   .body-pageseo .slogan .titre{font-size:20px;line-height:22px}
    .slogan .titre{font-size:23px;line-height:24px}
.slogan .titre span{font-size:23px}
.slogan .sous-titre{font-size:15px;line-height:17px;background: none !important;box-shadow: none;text-shadow: none !important;color: var(--color8) !important;}
.fluid-contenu .corps{padding:70px 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;padding: 60px 0%;}
.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:-85px}
.services{display:block}
.services .cell.gauche{display:block;width:100%;max-height:380px !important;}
.services .cell.droite{display:block;width:100%;padding-left: 0;background: transparent;}
.services .cell.droite .contenu{padding:0;}
.realisations{display:block}
.realisations .titre-secondaire{display:inline-block;width:100%}
.realisations .col-md-3{padding-left:5px!important;padding-right:5px!important}
.realisations{margin-left:-5px!important;margin-right:-5px!important;padding: 0;}
.realisations .propor{margin-bottom:5px}
.realisations .contenu,.AvisClientsBg .contenu{padding:30px 15px 40px;}
a.bouton-principal,button.bouton-principal{padding:13px 40px 13px 20px}
.intervention .description{width:100%}
.intervention .contenu{padding:20px 0px 30px;flex-direction: column;text-align: center;}
.services .cell.droite .contenu .contenu-srv {
    margin-left: 0;
    padding: 40px 5% 55px;
    min-height: auto;
}
    .theimage {
        display: none !important;
    }
.AvisClientsBg{padding:0}
.pied .bande1{padding:50px 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:60px 0 0;}
.contact .tab-coordonnes{display:block}
.contact .tab-coordonnes .cell.gauche{display:block;width:100%;border:none;margin-top: 10%;/*! margin-bottom: 10%; */}
.contact .tab-coordonnes .cell.gauche .contenu{/*! padding:0 15px 30px; */margin: 0;}
.contact .tab-coordonnes .cell.centre{display:block;width:100%}
.contact .tab-coordonnes .cell.droite{display:block;width:100%;height: auto;margin-right: 0;}
.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(--color7)}
.contact .tab-formulaire .cell.droite .contenu{padding:30px 15px}
.contact .coordonnees{padding:0;padding-bottom: 10px;}
.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:10px 15px 70px;}
.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;margin-left: 0;}
.scrollbars{width:100%;height:auto;width: 100% !important;}

    .fluid-contenu .corps .scrollbars{
        padding: 0;
    }   
    .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}
span.legende {
    /*! min-height: 29px; */
    /*! display: block; */
}
.atouts .flex-atouts .item-atout {
    width: 49%;
    margin-bottom: 5px;
}

.atouts {
    padding: 40px 2% 80px;
}
}
@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}
.intervention .zone{/*! width:322px; *//*! height:353px; *//*! top:33%; *//*! -webkit-background-size:contain; *//*! -moz-background-size:contain; *//*! -o-background-size:contain; *//*! background-size:contain */}
.slogan{text-align:center}
.scrollbars{height:240px}
.body-gallery-4 .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding:30px 0 0}
h1,.h1,.intervention h2{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:1046px){
    .atouts .flex-atouts .item-atout {
    width: 23%;
    margin: 0 1% 10px;
}

.atouts .flex-atouts {
    justify-content: center;
}
}
@media (min-width:991px) and (max-width:1199px) {
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
.tete .infos{height:auto;padding: 0;}
.btn-descendre{top:-165px}
.slogan{top:-125px}

    
    .body-pageseo .slogan{
        top: -200px;
    }  
    .body-page-1 .slogan{}
.slogan .titre{font-size:32px;line-height:30px}
.slogan .titre span{font-size:29px}
.slogan .sous-titre{font-size:26px;/*! line-height:26px; */}
.services a.bouton-principal{font-size:11px}
.intervention .zone{/*! width:402px; *//*! height:443px; *//*! top:19%; *//*! -webkit-background-size:contain; *//*! -moz-background-size:contain; *//*! -o-background-size:contain; *//*! background-size:contain */}
.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}
.tete .header, .tete .header0, .slogan, .fluid-contenu .corps{/*! padding: 0 2%; */padding-left: .5%;padding-right: .5%;}
    .logowidth{width: 20%;}
    .menuright{width: 30%;}
    .navh{
        margin-left: 50px;
    }
    .tete .header0{
        padding-right: 0;
        padding-left: 0;
    }
    .navh .menu_principal a, .navh .menu_principal a:visited,header .callTracker .t_affiche{
        font-size: 14px;
    } 
    .navh .menu_principal a, .navh .menu_principal a:visited{
        /*! padding-left: 10px; */
        padding-right: 10px;
    }
    .fluid-contenu .corps{padding-top:20px}
.atouts{padding: 40px 5% 80px}
.pied .bande-contact{padding: 60px 5%;}
.intervention .contenu{padding: 0;}
.services.srv-acc{padding: 0;}
.pied .bande1{padding: 60px 5%;}
}
.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%}
}








.theimage{
    display: grid;
    height: 100%;
    position: relative;

    place-items: center;
    overflow-x: hidden;
    padding: 0;
  }



.theimage:before{
    
    content:'';
    position: absolute;
    bottom: 10px;
    left: -10px;
    background: url(../images/drop.svg) no-repeat;
   
    z-index: 100;
    color: red;
  }





  .theimage img{
    position: relative;
    /*! top: 40px; */
    /*! left: 40px; */
    max-width: 450px;
    width: 100%;
  }

.theimage img{

    max-width: 400px;
    min-width: 50px;
    width: 100%;
}


  .thecontent{
    /*! padding-right: 6.5%; */
    padding-bottom: 2%;
    padding-left: 0;
    padding-top: 1%;
  }
  .thecontent h1{
   text-align: left;
   /*! margin: 0; */
   /*! margin-bottom: 30px; */
    /*! color:var(--color0); */
  }
  

  .home-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding-top: 3em;
  }
  
  
  .thecontent p,.thecontent span,.thecontent a{
    color: #3d3d3d;
    text-align: left;
  }
  
  
  .dflex2 a{
    background: var(--color8);
    padding: 2vh 3vh;
    color: #fff;
    /* position: absolute;
    bottom: -39px;
    left: 0;
    right: 0;
    margin: auto; */
    width: 12vw;
    text-transform: uppercase;
    font-size: 18px;
    /*! font-size: 0.9vw; */
    /*! font-family: 'Montserrat-Bold'; */
    text-decoration: none;
    transition: 0.5s;
    border: 1px solid var(--lightbrown);
    min-width: 130px;
  }
  .homeslogan a:hover, .dflex2 a:hover{
    background-color: var(--color5);
  }
  
  
  .dflex2{
    padding-bottom: 5%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0);
    text-align: center;
    background: #fff;
    padding-top: 1%;
  }

.off{
    display: none!important;
}


  .text-focus-in {
     
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.body-page-1 .titrehome{
    opacity: 0;
}
.body-page-1 .stitrehome{
    /*! opacity: 0; */
    /*! max-width: 500px; */
    /*! background: #000; */
    display: inline-block;
    /*! padding: 0 10px; */
    color: var(--color8);
}


/* ----------------------------------------------
 * Generated by Animista on 2021-1-18 13:5:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
 @-webkit-keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  .body-pageseo .titrehome {
      opacity: 1 !important;
  }









@media (max-width:1400px) {
    .thecontent {
        /*! padding-left: 0; */
    }
}



#logoFD svg {
    width: 150px;
}
#logoFD svg * {
    fill: #1a1a1a;
}









.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    margin: -80px 0px 0px -80px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #E3E4DC;
  }
  .loader:before {
    content: "";
    width: 164px;
    height: 164px;
    display: block;
    position: absolute;
    border: 2px solid #898a86;
    border-radius: 50%;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    clip: rect(0px, 35px, 35px, 0px);
    z-index: 10;
    animation: rotate infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
  }
  .loader:after {
    content: "";
    width: 164px;
    height: 164px;
    display: block;
    position: absolute;
    border: 2px solid #c1bebb;
    border-radius: 50%;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    clip: rect(0px, 164px, 150px, 0px);
    z-index: 9;
    animation: rotate2 3s linear infinite;
  }
  
  .hexagon-container {
    position: relative;
    top: 33px;
    left: 41px;
    border-radius: 50%;
  }
  
  .hexagon {
    position: absolute;
    width: 40px;
    height: 23px;
    background-color: #556C82;
  }
  .hexagon:before {
    content: "";
    position: absolute;
    top: -11px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 11.5px solid #556C82;
  }
  .hexagon:after {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 11.5px solid #556C82;
  }
  
  .hexagon.hex_1 {
    top: 0px;
    left: 0px;
    animation: Animasearch 3s ease-in-out infinite;
    animation-delay: 0.2142857143s;
  }
  
  .hexagon.hex_2 {
    top: 0px;
    left: 42px;
    animation: Animasearch 3s ease-in-out infinite;
    animation-delay: 0.4285714286s;
  }
  
  .hexagon.hex_3 {
    top: 36px;
    left: 63px;
    animation: Animasearch 3s ease-in-out infinite;
    animation-delay: 0.6428571429s;
  }
  
  .hexagon.hex_4 {
    top: 72px;
    left: 42px;
    animation: Animasearch 3s ease-in-out infinite;
    animation-delay: 0.8571428571s;
  }
  
  .hexagon.hex_5 {
    top: 72px;
    left: 0px;
    animation: Animasearch 3s ease-in-out infinite;
    animation-delay: 1.0714285714s;
  }
  
  .hexagon.hex_6 {
    top: 36px;
    left: -21px;
    animation: Animasearch 3s ease-in-out infinite;
    animation-delay: 1.2857142857s;
  }
  
  .hexagon.hex_7 {
    top: 36px;
    left: 21px;
    animation: Animasearch 3s ease-in-out infinite;
    animation-delay: 1.5s;
  }
  
  @keyframes Animasearch {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    15%, 50% {
      transform: scale(0.5);
      opacity: 0;
    }
    65% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes rotate {
    0% {
      transform: rotate(0);
      clip: rect(0px, 35px, 35px, 0px);
    }
    50% {
      clip: rect(0px, 40px, 40px, 0px);
    }
    100% {
      transform: rotate(360deg);
      clip: rect(0px, 35px, 35px, 0px);
    }
  }
  @keyframes rotate2 {
    0% {
      transform: rotate(0deg);
      clip: rect(0px, 164px, 150px, 0px);
    }
    50% {
      clip: rect(0px, 164px, 0px, 0px);
      transform: rotate(360deg);
    }
    100% {
      transform: rotate(720deg);
      clip: rect(0px, 164px, 150px, 0px);
    }
  }
  @keyframes rotate3 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }