:root{
  --color0: #ffffff; /** arrière plan du site + encarts**/
  --color1: 20, 20, 20; /*couleur principale*/
  --color2: #00AEEF; /*couleur titre & menu */
  --color3: #4c4c4c; /*couleur text input & menu mobile */
  --color4: #3d3d3d; /*btn dark & menu mobile */
  --color5: #00AEEF; /*couleur text principal */
  --color6: #929799; /*couleur text footer */
  --color7: #f0f0f0; /*couleur encarts gris light */
--color8: #141414; /*couleur hover btn */
  --font_family_1: 'Oswald-bold', sans-serif;
  --font_family_2: 'SourceSansPro', 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;}
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;padding: 0 5%;}
.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(--color8);font-family:var(--font_family_2);font-size:var(--taille_font);background:var(--color0)}

.bande_contact_footer div#contact-form {
    max-width: 800px;
    margin: auto;
}

body:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:300px;
  background:#000;
  z-index:1;
  
   background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6222689759497548) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6222689759497548) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
}

.sitemap hr {
  display: none;
}
.sitemap ul {
 margin-bottom: 0;
}
a,a:link,a:visited{color:var(--color5);text-decoration:underline}
a:hover{text-decoration:none}
.corps a:hover{color:rgba(var(--color1),1);}
a:active{outline:0}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{color: rgb(0 174 239);font-family:var(--font_family_1)}
h1,.h1{font-size:31px;line-height:31px;color:var(--color8);text-align:center;text-transform:uppercase;margin-bottom:80px;position:relative}

.mybusiness {
  padding: 100px;
  background: #f1f4f4;
}
.services .h1{
color: #fff;
}
.body-service .services .h1{
color: var(--color2);
}

.services .h1:not(.body-service-list .services .h1):before{

  filter:brightness(100);
  
}
.body-service-list .services .h1 {
  color: #00adee;
}
h1:before,.h1:before{content:"";width:40px;/* background:url(../images/separateur.svg) no-repeat center center; */position:absolute;bottom:-50px;left:50%;/*! margin-left:-25px; */height:7px;background-size: 80%;height: 40px;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:22px;line-height:30px;padding:5px 0 0;margin:0;color:var(--color5);font-family:'Lato-Light',sans-serif;text-align:center;margin-bottom:0;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:rgba(var(--color1),1);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;/*! color: var(--color5) !important; *//*! background: #fff; */overflow: hidden;}


.banniere:before {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: black;
  background-size: auto;
  background-size: 2px;
  /* -webkit-background-size: 2px; */
  -moz-background-size: 2px;
  -o-background-size: 2px;
  -ms-background-size: 2px;
  /* padding: 0 0 10em; */
  opacity: 0.45;
}

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


.body-service-list .hvr-shutter-out-horizontal{
 text-align: center;
}


.services .hvr-shutter-out-horizontal:not(.body-service-list .hvr-shutter-out-horizontal){
color: var(--color0);
background: transparent;
width: 100%;
}
.services .hvr-shutter-out-horizontal:hover:not(.body-service .hvr-shutter-out-horizontal:hover){
color: var(--color0) !important;

}
.body-service-list .services .hvr-shutter-out-horizontal {
  box-shadow: 1px 3px 10px #00164224;
}
.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,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active,a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active{color:var(--color0);}
.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
p.bouton-principal, a.bouton-principal, button.bouton-principal{text-align:left;font-family:var(--font_family_2);color:var(--color0);text-decoration:none;padding: 18px 20px;font-size:16px;/*! text-transform:uppercase; */border:0;/* padding-right:50px; */transition: all 400ms ease;min-width: 200px;text-align: center;margin: 0;background: #00aeef;/* border: 1px solid #2c2c2c; */cursor: pointer;}

.cta p.bouton-principal:hover, .cta a.bouton-principal {
    /* background: transparent; */
}

p.tel-header.bouton-principal span {
    text-align: center;
    line-height: inherit;
}
a.bouton-principal:after,button.bouton-principal:after{content:"";/* background-image:url(../images/ico-suite2.svg); */width:23px;height:23px;right:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:9900;position:absolute;background-repeat: no-repeat;background-position-y: 3px;}

p.bouton-principal:hover, a.bouton-principal:hover, button.bouton-principal:hover{
  /*! opacity: .9; */
  /*! transform: translateY(-5px) scale(1.05); */
  background: var(--color3);
}

.body-service-list a.bouton-principal,.body-service-list button.bouton-principal {
  padding-right: 20px; 
}
.body-service-list a.bouton-principal:after,.body-service-list button.bouton-principal:after {
  display: none;
}


.hvr-shutter-out-horizontal:hover:after {
  /*! background-image: url(../images/ico-suite2.svg); */
  /*! background: red; */
}


.btn-service a.bouton-principal,.btn-service button.bouton-principal{text-align:left;font-family:var(--font_family_1);color:var(--color0);text-decoration:none;padding:13px 20px;font-size:14px;text-transform:uppercase;border:0}
.btn-service a.bouton-principal::after{background-image:none}
.body-page-1 .corps a.bouton-principal,.body-page-1 .corps button.bouton-principal{width:180px;margin:15px 0 50px;text-align: center;padding-right: 20px;}

.body-page-1 .corps a.bouton-principal:after {
  display:none;
}

.main-page{position:relative;overflow:hidden}
.tete{position:fixed;left:0;right:0;z-index:9000;height:90px;/*! background:var(--color0); */box-shadow:0 3px 9px rgba(0,0,0,0.15);/*! padding: 0 5%; */}
.tete .logo-site{margin:0;padding: 0px 0 3px 0px;height:90px;}
.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: 100%;/*! width: 200px; *//*! min-width: 200px; */transition: all 400ms ease;}
.tete .infos{/*! background:var(--color7); */display:inline-block;height:90px;padding:28px 30px 0;}
.tete .infos.infos_small{display:block;width:120%;padding:3px;height:38px;position:relative;left:-20%;/*! background: #fff; *//*! margin-bottom: 10px; */}
.tete .infos .tel{display:inline-block;vertical-align:top;font-size:16px;color:#fff;padding:5px 0px 0 0;margin:0;font-family:var(--font_family_1);}
.tete .infos .tel a{color:inherit;text-decoration:none}
a.imagecont.noflicker.img1{float:right;margin-left:10px;margin-bottom:10px}
.sidebar-scroll-right .callTracker{width:100%;height:50px}
.callTracker{position:relative}
.callTracker span,.callTracker a{display:inline-block;text-align:left;min-width:145px;padding:0;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;height:100%;line-height:1.64em;text-decoration:none}
.callTracker .t_phone{opacity:0;display:none}
.callTracker .t_affiche{cursor:pointer}
header .callTracker span,header .callTracker a{top:5px}
header .callTracker .t_affiche{font-size:90%;}
.callTracker.active .t_phone{opacity:1;display:inline-block}
.callTracker.active .t_affiche{opacity:0;display:none}
.pied .callTracker a,.coordonnees .callTracker a{position:relative;left:0}
.pied .callTracker span.t_affiche{font-weight:bold;text-decoration:underline}
.tete .widget-partage{display:none}
.btn-partage .btnp{width:36px;height:36px;background-color:var(--color0);background-repeat:no-repeat;background-position:center center;display:inline-block;transition:all 400ms ease;text-align:center}
.tete .infos.infos_small .btn-partage .btnp{width:29px;height:29px}
.btn-partage .btnp:hover{transform:rotate(360deg);background-color:rgba(var(--color1),1)}
.copyright{text-align:justify}
.tete .btn-partage{padding:0;display:inline-block;vertical-align:top;display: none;}
.navh{margin:0;z-index:8000;display:inline-block;vertical-align:top;position: fixed;left: 50%;transform: translateX(-50%);/*! width: 60%; */}
.navh .menu_principal{margin:0;padding:0;list-style:outside none;display:table;width:100%;}
.navh .menu_principal>li{position:relative;display:table-cell;vertical-align:middle;text-align:center;padding:0;background:none}
.navh .menu_principal > li::after{position:absolute;font-size:20px;right:0;top:43px;width:5px;height:5px;/*! background:rgba(var(--color1),1); */display:block;content:" "}
.navh .menu_principal > li:last-child::after{display:none}
.navh .menu_principal>li:last-child{background:none}
.navh .menu_principal a,.navh .menu_principal a:visited{color:#fff;display:block;font-size:16px;/*! text-transform:uppercase; */padding:35px 20px 35px 15px;text-decoration:none;font-family:var(--font_family_1);transition:all 400ms ease;/*! font-weight: 600; */}
.navh .menu_principal a:hover,.navh .menu_principal li.active>a{color:var(--color2);}
.navh .menu_principal li.active>a:hover{cursor:default}
.slogan{position:absolute;top: -270px;right:20px;color:var(--color0);width:100%;right:50%;padding:0 1%;text-align:center;margin:0 0 10px;text-shadow: 0px 2px 10px #000;transform: translateX(50%);padding: 2%;display: block;/*! background: #00000082; */}

.slogan.parallaxOpacity h1 {
    margin: 0;
}
h1.slogan:before,.h1.slogan:before{content:"";width:0;height:0;background:none;position:inherit;bottom:inherit;left:inherit}

.body-pageseo .slogan .titre{
  font-size: 35px;
  line-height: 40px;
}
.slogan .titre{font-size:61px;font-family:var(--font_family_1);text-transform:uppercase;line-height:75px;display: block;color: white;}
.slogan .titre span{font-size:48px}
.slogan .sous-titre{font-size:30px;font-family:var(--font_family_2);line-height:26px}
.body-page-1 .slogan{top:-600px;text-align:center;width:80%;/*! right:20px; *//*! padding:0; *//*! display: block; *//*! text-shadow: 0px 2px 10px #53290a; */}
.video-accueil{position:fixed;top:0;left:50%;width:120%;width:120vw;height:100vh;margin-left:-60%;margin-left:-60vw}

.hide-print.video-accueil.parallax:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000004d;
    z-index: 9;
}
.video-accueil video{width:100%;height:auto;vertical-align:top;z-index:1;position:relative}
.video-accueil .banniere{z-index:0}
.banniere{position:absolute;top:0;margin-left:0;height:100%;left:0;width:100%}

.hide-print.banniere img {
    width: 100%;
    /* height: 100%; */
    object-position: center;
    height: 100%;
    object-fit: cover;
}


.body-page-1 .banniere {
  position: relative;
  -webkit-animation: kenburns-top 5s ease-out both;
  animation: kenburns-top 5s ease-out both;
  background-position-y: center;
}


/* ----------------------------------------------
 * Generated by Animista on 2021-1-22 8:52:44
 * Licensed under FreeBSD License.

 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
 @-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}




/* .banniere::before{content:"";position:absolute;z-index:2;width:100%;height:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none} */
.body-page-1 .banniere::before{/*! content:none */}
@-moz-document url-prefix() {
.banniere {filter:blur(7px);width:110%;left:-5%}

  
  
  
  .body-page-1 .banniere{filter:blur(0px);width:100%;left:0}
}
.btn-descendre{width:60px;height:60px;background:url(../images/scroll-down.svg) no-repeat center top;position:absolute;top:-100px;left:50%;margin-left:-30px;overflow:hidden;text-indent:300px;white-space:nowrap;}
.btn-descendre:before{content:"";width:8px;height:8px;background:#fff;position:absolute;top:35px;left:50%;transition:all 400ms ease;margin-left: -4px;border-radius: 5px;}
.btn-descendre:hover:before{opacity:.4;filter:alpha(opacity=40);top:45px;}
.fluid-contenu{position:relative;z-index:10;background:var(--color0);}
.fluid-contenu .corps{padding:70px 10%}
.body-page-1  .fluid-contenu .corps{
  /*! padding-top:100px; */
}

.body-gallery-4 .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding:80px 0 0}
.body-service-list .fluid-contenu .corps{padding:0}
.recup-photos .propor .propor-cont .imagecont{position:absolute;top:0;bottom:0;right:0;left:0;overflow: hidden;}
.recup-photos .propor .propor-cont .imagecont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
.recup-photos .propor{width:100%;position:relative;margin-bottom:10px;/*! overflow: hidden; */}
.recup-photos .propor:after{padding-top:78%;display:block;content:''}

.recup-photos .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.recup-photos .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.recup-photos .propor .propor-cont .imagecont .masque{display:block;position:absolute;top:0;left:0;/*! opacity:0; */
  
  filter:alpha(opacity=0);width:100%;height:100%;background: rgb(255,141,40);
 background: rgb(0,47,99);
background: -moz-linear-gradient(180deg, rgba(0,47,99,0) 0%, rgba(3,97,172,0.3981793400954131) 55%, rgba(0,174,239,0.7903362028405112) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,47,99,0) 0%, rgba(3,97,172,0.3981793400954131) 55%, rgba(0,174,239,0.7903362028405112) 100%);
background: linear-gradient(180deg, rgba(0,47,99,0) 0%, rgba(3,97,172,0.3981793400954131) 55%, rgba(0,174,239,0.7903362028405112) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f63",endColorstr="#00aeef",GradientType=1); 


transition: all 500ms ease;
/*! 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%); */
}


.realisations  .recup-photos .propor .propor-cont {
   -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 .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);
}


.b-game-card .masquediv{
  position: relative;
  width: 100%;
  height: 100%;
  
  overflow: hidden;
}

.b-game-card .masque{
  position: absolute;
  width: 150%;
  height: 100%;
  z-index: 10;
  
  background: rgb(0,47,99);
background: -moz-linear-gradient(180deg, rgba(0,47,99,0) 0%, rgba(3,97,172,0.3981793400954131) 55%, rgba(0,174,239,0.7903362028405112) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,47,99,0) 0%, rgba(3,97,172,0.3981793400954131) 55%, rgba(0,174,239,0.7903362028405112) 100%);
background: linear-gradient(180deg, rgba(0,47,99,0) 0%, rgba(3,97,172,0.3981793400954131) 55%, rgba(0,174,239,0.7903362028405112) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f63",endColorstr="#00aeef",GradientType=1); 
  /*! display: none; */
  transition: all 500ms ease;
  display: none;
}
.recup-photos .propor .propor-cont .imagecont .masque:hover{
  /*! background: #f0822f; */
  

  /*! background-image: url(../images/ico-zoom.svg); */
  /*! background-repeat: no-repeat; */
  /*! background-position: center; */
}


.recup-photos .propor .propor-cont .imagecont img:hover {
  transform:scale(1.2);
}


.recup-photos .propor-cont:hover img, .ligne-photos .propor-cont:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.recup-photos .propor-cont img, .ligne-photos .propor-cont img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.recup-photos .propor .propor-cont .imagecont:hover .masque{opacity:.0;filter:alpha(opacity=80);/*! background-image: url(../images/ico-zoom.svg); *//*! background-repeat: no-repeat; *//*! background-position: center; */}
.recup-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.certifs{display:table;table-layout:fixed;width:100%;position:relative;z-index:8000;background:var(--color0);background-size:50% 1px;border-top:2px solid var(--color7);border-bottom:2px solid var(--color7)}
.certifs .cell.gauche{display:table-cell;vertical-align:top;width:50%;background:var(--color7)}
.certifs .cell.gauche .contenu{padding:150px 12% 140px}
.certifs .cell.droite{display:table-cell;vertical-align:middle;width:50%;padding:80px 50px;background:var(--color0)}
.certifs .cell.droite .logo-certif{padding:0 15px;height:260px;line-height:260px;vertical-align:middle;text-align:center}
.certifs .cell.droite .bg-noir{padding:150px 0}
.actualites .cell.photo a{display:block}
.actualites .cell.photo.cover img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
.actualites{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.actualites article{display:table;width:100%}
.actualites:nth-child(even+1){direction:rtl}
.actualites .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center}
.actualites .cell.photo:hover{opacity:.95;filter:alpha(opacity=95)}
.actualites .cell.texte{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid var(--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;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;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);}
.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:var(--font_family_2);}
.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;}
.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);}
.modal-content .form-control::placeholder{color:var(--color2)!important;opacity:1}
#add-review .submit-review{margin:15px auto!important;padding:14px 15px!important;float:none;display:block;background-image:none}
#add-review .body-review{height:100px}
#add-review .form-group.form-group-1 .col-md-10,#add-review .form-group.form-group-2 .col-md-10,#add-review .form-group.form-group-4 .col-md-10{width:100%}
#add-review .conditions,.modal-content .email-block{font-size:10px;font-weight:normal;font-style:italic;text-align:justify;opacity:.6;display:block;clear:both;color:var(--color2)!important}
.cont-slider{position:relative}
.sudo-slider{width:100%;z-index:8999999}
.sudo-slider .slide{text-align:center;height:200px;line-height:200px}
.sudo-slider .slide img{max-height:100%}
.cont-slider .controls{z-index:9000;display:inline-block;position:absolute;bottom:-100px;left:0;right:0;text-align:center}
.cont-slider .controls ol{margin:0;padding:0;list-style-type:none}
.cont-slider .controls ol li{display:inline-block;background:none;padding:0}
.cont-slider .controls ol li a{display:block;width:11px;height:11px;background:black;margin:0 2px;opacity:.1}
.cont-slider .controls ol li.current a{opacity:1;}
.cont-slider .controls ol li a span{display:none}
.centerservice2{margin:0 16%!important}
.centerservice{margin:0 33%!important}
.services{display:table;width:100%;position:relative;z-index:8000;background:var(--color0);border-bottom:2px solid var(--color7);min-height:55vh}
.body-page-1 .services, .body-pageseo .services{display:table;width:100%;position:relative;z-index: 800;/*! background: #fff url(../images/bg-s1.svg) no-repeat center; */border-bottom:none;padding: 60px 5%;/*! background: rgb(247, 247, 247); *//*! background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(25,26,26,1) 24%, rgba(25,26,26,1) 100%); *//*! background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(25,26,26,1) 24%, rgba(25,26,26,1) 100%); *//*! background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(25,26,26,1) 24%, rgba(25,26,26,1) 100%); *//*! filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#191a1a",GradientType=1); *//*! background-size: cover; *//*! background: var(--color0); *//*! margin-bottom: 15px; *//*! background: rgb(247,247,247); *//*! background: -moz-linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 52%, rgba(254,254,254,1) 52%, rgba(255,255,255,1) 100%); *//*! background: -webkit-linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 52%, rgba(254,254,254,1) 52%, rgba(255,255,255,1) 100%); *//*! background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 52%, rgba(254,254,254,1) 52%, rgba(255,255,255,1) 100%); *//*! filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7",endColorstr="#ffffff",GradientType=1); */}


.services .cell.gauche{display:table-cell;vertical-align:top;width:50%;border-right:2px solid var(--color7);background-position:center center;background-repeat:no-repeat;display: table-cell;vertical-align: top;width: 50%;border: 12px solid #ffffff;background-position: center center;background-repeat: no-repeat;background: #fff;/*! border-radius: 5px; */box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);height: 586px !important;}
.services .cell.droite{display:table-cell;vertical-align:middle;width:50%;position: relative;
}

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

  /*! background-size: cover; */
  opacity: .2;
}
.services .cell.droite .contenu{padding:70px 12%;}
.services .cell.droite .contenu ul{list-style-type:none;list-style-image:none;padding:0;margin:0}
.btn-service{text-align:center;margin:10px 0}

.body-service .btn-service a:hover {
  opacity: .7;
}



.services .cell.droite .contenu {
  padding: 00px 12% 0px 12%;
}



.services .cell.droite .contenu ul {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.services .cell.droite .contenu ul li:hover {
  color: #fff;
  border: 1px solid var(--color8);
  color: #fff;
  background-position: 99% 50%;
}

.services .cell.droite .contenu ul li {
  display: inline-block;
  background: transparent;
  /*! text-transform: uppercase; */
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: rgba(223, 190, 106, 0.7);
  border-radius: 0;
  /*! padding: 10px 10px 10px; */
  transition: all 0.7s ease-out;
  background: linear-gradient( 270deg, var(--color1n), #d2aa5c, rgba(241, 135, 19, 0), rgba(34, 34, 34, 0) );
      background-position-x: 0%;
      background-position-y: 0%;
      background-size: auto;
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 1px solid var(--color0);
  width: 100%;
  text-align: center;
  /*! color: #000; */
  /*! color: #fff; */
}



.services .cell.droite .contenu ul li .bouton-principal:hover {
  color: #fff;
}





.l-container {
  display: flex;
  /*! grid-template-columns: repeat(4, 1fr); */
  gap: 1%;
  width: 100%;
  /*! max-width: 1200px; */
  padding: 30px 0%;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.l-container:before,.l-container:after {
    display: none;
}

.realisations .row.recup-photos.gallery.l-container .b-game-card {
    width: 24%;
}
@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: 32%;
  /*! padding-bottom: 150%; */
  perspective: 1000px;
  max-height: 450px;
  height: 30vw;
  /*! overflow: hidden; */
  margin-bottom: 30px;
}



.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%);
}
.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;
}







.body-page-1 .services:before,.body-pageseo .services:before,.body-page-1 .services:after,.body-pageseo .services:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 560px;
  top: 50%;
  left: 0;
  background: #F2EDDA;
  -ms-transform: skewY(10deg);
  -webkit-transform: skewY(0deg);
  transform: skewY(0deg);
  z-index: -1;
  animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */     
  transform: translateY(-50%);
  background: rgb(0,47,99);
  background: -moz-linear-gradient(90deg, rgba(0,47,99,1) 0%, rgba(3,97,172,1) 55%, rgba(0,174,239,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,47,99,1) 0%, rgba(3,97,172,1) 55%, rgba(0,174,239,1) 100%);
  background: linear-gradient(90deg, rgba(0,47,99,1) 0%, rgba(3,97,172,1) 55%, rgba(0,174,239,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f63",endColorstr="#00aeef",GradientType=1);
  /*! background-image: url(../images/dark-tire.png); */
}








.body-page-1 .services:after,.body-pageseo .services:after {
  
 
    
    opacity: .2;
}


.google-button {
  display: block;
  margin: 15px auto;
  width: 100%;
  max-width: 600px;
  padding: 40px 20px 40px 50px;
  /*! border: 2px solid #00a0dc; */

  text-transform: uppercase;
  /*! text-decoration: none; */
  text-align: center;
  font-size: 22px;
  line-height: 20px;
  color: #00a0dc;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
    -webkit-animation: wiggle 2s ease-in infinite;
    -moz-animation: wiggle 2s ease-in infinite;
    -o-animation: wiggle 2s ease-in infinite;
  animation: wiggle 2s ease-in infinite;
  /*! margin-bottom: 60px; */
  font-family: var(--font_family_1);
  text-decoration: none !important;
  box-shadow: 1px 0px 10px #0058db2b;
}

  .google-button:hover {
    color: #ffffff;
    background-color: #ff8d28;
    border-color: #ff8d28;
}

  .google-button strong {
    font-size: 18px;
    display: block;
  }


@-webkit-keyframes wiggle {
  0%, 20%, 100% { background-position: left 20px center; }
  5% { background-position: left 15px center; }
  10% { background-position: left 20px center; }
  15% { background-position: left 25px center; }
}

@-moz-keyframes wiggle {
  0%, 20%, 100% { background-position: left 20px center; }
  5% { background-position: left 15px center; }
  10% { background-position: left 20px center; }
  15% { background-position: left 25px center; }
}

@-o-keyframes wiggle {
  0%, 20%, 100% { background-position: left 20px center; }
  5% { background-position: left 15px center; }
  10% { background-position: left 20px center; }
  15% { background-position: left 25px center; }
}

@keyframes wiggle {
  0%, 20%, 100% { background-position: left 20px center; }
  5% { background-position: left 15px center; }
  10% { background-position: left 20px center; }
  15% { background-position: left 25px center; }
}

.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;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:var(--color0);text-align:center}
.realisations .contenu,.AvisClientsBg .contenu{padding:60px 15px 60px;}
.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.svg);background-repeat:no-repeat;background-position:center center}
.realisations .galerie .propor .propor-cont .imagecont:hover .masque,.news .propor .propor-cont .imagecont:hover .masque{opacity:.8;filter:alpha(opacity=80)}
.realisations .galerie .propor .propor-cont .imagecont:hover .imagefond,.news .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.intervention{position:relative;z-index:8000;background: url(../images/zonebg.png) no-repeat center center var(--color8);/*! min-height: 595px; */background-size: cover;/*! background: var(--color5); *//*! background: url(../images/backjl.jpg); *//*! background: url(../images/zonebgit.jpg); */}
.intervention .contenu{padding:60px 3% 100px;color:var(--color0)}
.intervention .contenu a,.intervention .contenu a:link,.intervention .contenu a:visited{color:var(--color0)}
.intervention h2{color: #fff;}
.intervention h2:before {
  /*! color:#fff; */
  /*! filter: brightness(100); */
}











.intervention .h1 {
  margin-bottom: 20px;
}

.intervention .align-items-center {
    /*! background: url(../images/logobg.svg) no-repeat left 10vw center; */
    background-size: 300px;
    padding-top: 50px;
}
.intervention .zone{width: 650px;height: 360px;background:url(../images/zone.png) no-repeat center top;position:absolute;top: 16vh;right: 10vh;}
.intervention .description{/*! width: 40%; */color: #fff;font-size: 16px;/*! padding-top: 5%; */padding-left: 10%;}
.intervention ul{margin:30px 0 0;padding:0;list-style-type:none;list-style-image:none;/*! position: relative; */}
.intervention ul li{padding:5px 0 5px 25px;/*! font-style:italic; */position: relative;background: none;}


.intervention ul li:before {
  content:'';
  position: absolute;
  height: 15px;
  width:15px;
  background: #fff;
  top: 8px;
  left: 0;
}

.fixedd{
  background:var(--color8) !important;
}

.pied{position:relative;z-index:9;background:var(--color0);background: rgb(239,127,43);
   background: rgb(0,47,99);
background: -moz-linear-gradient(90deg, rgba(0,47,99,1) 0%, rgba(3,97,172,1) 55%, rgba(0,174,239,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,47,99,1) 0%, rgba(3,97,172,1) 55%, rgba(0,174,239,1) 100%);
background: linear-gradient(90deg, rgba(0,47,99,1) 0%, rgba(3,97,172,1) 55%, rgba(0,174,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f63",endColorstr="#00aeef",GradientType=1); 

}
.pied .bande1{padding: 30px 7% 70px;}
.bande_contact_footer {padding:70px 7% 50px;
/*! background: rgb(239,127,43); */
/*! background: -moz-linear-gradient(90deg, rgba(239,127,43,1) 0%, rgba(254,183,119,1) 100%); */
/*! background: -webkit-linear-gradient(90deg, rgba(239,127,43,1) 0%, rgba(254,183,119,1) 100%); */
/*! background: linear-gradient(90deg, rgba(239,127,43,1) 0%, rgba(254,183,119,1) 100%); */
/*! filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef7f2b",endColorstr="#feb777",GradientType=1); */



}





.bande_contact_footer:before {
  content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/dark-tire.png) center center;

opacity: .2; 
  z-index: -1;
}

.body-contact .bande_contact_footer{
  padding: 0;
}

.bande_contact_footer .row1 {
  padding:70px 3%;
  background: #fff;
}


.bande_contact_footer .row1::after{display:block;width:232px;height:1px;content:"";background:var(--color7);position:absolute;left:50%;transform:translate(-50%,0);margin-top:49px}
.pied .bande2{padding:30px 10%;background:var(--color8);}
.pied h2{font-size:24px}
.pied h3{color:#fff;font-size:16px;text-transform:uppercase;padding:0 0 5px;position:relative}
.pied h3::before{/*! content:""; */width:522px;height:10px;/*! background:url(../images/separateur.png) no-repeat; */position:absolute;bottom:3px;left:0;height:7px;}
.pied .navf .menu_footer{color:var(--color0);padding:15px 0;list-style-type:none;margin:0}
.pied .navf .menu_footer li{display:block;padding:0 0 4px;background:none;position:relative}
.pied .navf .menu_footer li:last-child{border:none}
.pied .navf .menu_footer li a,.pied .navf .menu_footer li a:visited{font-size:16px;/*! padding:0 0 0 15px; */color:inherit;text-decoration:none}
.pied .navf .menu_footer li a::before{display:inline-block;/*! content:"❯"; */position:absolute;left:0;font-size:14px;color:var(--color0);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(--color0);list-style-image:none;list-style-type:none;margin:0;text-align:justify}
.pied .menu_referencement li{display:inline;padding:0;background:none}
.pied .menu_referencement li:after{content:" - "}
.pied .menu_referencement li:last-child:after{content:""}
.pied .menu_referencement li a,.pied .menu_referencement li a:visited{color:inherit;font-size:16px;text-decoration:none}
.pied .menu_referencement li a:hover{color:var(--color8);}
.pied .menu_referencement li.active a:hover{cursor:default;text-decoration:none}
.pied address{margin:0;padding:15px 0 0;color:var(--color0);font-size:16px}
.pied address p{background-repeat:no-repeat;margin:0;background-position:0 0;padding:0 0 10px 30px;background-position-y: 3px;}
.pied address p.adresse{background-image:url(../images/ico-adresse-f-w.svg);background-size:20px auto;background-position-y: 0px;}
.pied address p.tel.tel1{background-image:url(../images/ico-tel-f-h.svg);background-size:20px auto;}
.pied address p.tel.tel2{background-image:url(../images/ico-tel-f-h.svg);background-size:20px 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:#fff;padding:0 0 10px 30px;margin:0;font-size:16px;/* background-image: url(../images/ico-horaires-w.svg) !important; */background-size: 20px auto;background-repeat: no-repeat;background-position-y: 2px;}
.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}
.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)}
.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-content{padding:0 30px 0 0;float:none!important}
.prestation{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.prestation:nth-child(even){direction:rtl}
.prestation .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center}
.prestation .cell.photo:hover{opacity:.95;filter:alpha(opacity=95)}
.prestation .cell.texte{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid var(--color7)}
.prestation:last-child .cell.texte{border-bottom:none}
.prestation .cell.texte .contenu{padding:90px 10%;text-align:center;direction:ltr}
.prestation .cell.texte .contenu p{padding:0 0 20px}
.prestation .cell.texte .contenu ul{padding:0;margin:0}
.prestation .cell.texte .contenu ul li{padding:5px 0 5px 20px;background:url(../images/puce.svg) no-repeat 0 9px}
.prestation .cell.texte .contenu ul li .bouton-principal{display:block}
.body-contact h2{color:var(--color2);text-transform:none;position:relative;margin-bottom:55px}
.tab-coordonnes h2:before{content:"";width:75px;height:2px;background:var(--color2);position:absolute;top:50px;left:0}
.body-contact .tab-formulaire .cell.droite h2{text-align:center;margin-bottom:70px;font-size:24px}
.body-contact .tab-formulaire .cell.droite h2:before{content:"";width:75px;height:2px;background:var(--color2);position:absolute;top:50px;left:50%;margin-left:-37px}
.contact .tab-coordonnes{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.contact .tab-coordonnes .cell.gauche{display:table-cell;vertical-align:top;width: 30%;border-top:2px solid var(--color7)}
.contact .tab-coordonnes .cell.gauche .contenu{padding:50px 12% 30px}
.contact .tab-coordonnes .cell.centre{display:table-cell;vertical-align:top;width:50%}
.contact .tab-coordonnes .cell.droite{display:table-cell;vertical-align:top;width:50%}
.contact .tab-formulaire{display:table;width:100%;position:relative;z-index:8000;background:var(--color0);margin-bottom: 6em;}
.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%;/* border-bottom:2px solid var(--color7); */}
.contact .tab-formulaire .cell.droite .contenu{/* padding:90px 12%; */max-width: 800px;margin: auto;}
.contact .plan{font-size:0}
.contact .plan .block #googlemapapi,.contact .plan iframe{width:100%!important;height: 690px!important;}
.contact .coordonnees{padding:0 0 20px}
.contact .coordonnees h2{margin-top:20px}
.contact .coordonnees address p{padding:0 0 10px 30px;background-position:0 0;background-repeat:no-repeat;background-position-y: 3px;}
.contact .coordonnees address p.adresse{background-image:url(../images/ico-adresse-f.svg);background-size:20px auto;background-position-y: 1px;}

.body-contact .horaires{background-image:url(../images/ico-horaires.svg);background-size:20px auto;background-position-y: 1px;padding-left: 30px;background-repeat: no-repeat;}

.contact .coordonnees address p.tel.tel1{background-image:url(../images/ico-tel-f.svg);margin:0;font-weight:bold;background-size:20px auto;}
.contact .coordonnees address p.tel.tel2{background-image:url(../images/ico-tel-f.svg);font-weight:bold;background-size:20px 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}
.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:rgba(var(--color1),1)}
.contact .formulaire .control-label{text-align:left!important;font-weight:normal}
.contact .formulaire .form-group{margin-bottom:8px;padding:0!important;margin-left:0!important;margin-right:0!important}
.contact .formulaire .form-group .form-control{background:var(--color0);/*! border-bottom:1px solid var(--color5) !important; */box-shadow:none;width:100%!important;font-size:inherit;color:var(--color8);padding: 12px 12px;border: none !important;border-bottom: 1px solid var(--color8) !important;border-radius: 0 !important;}
.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}
.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}





.partenaires-pic:before  {

  /*! content: ''; */
  /*! background: url(../images/zonebg.png) no-repeat left bottom; */
  /*! height: 100%; */
  /*! max-width: 223px; */
  /*! width: 15vw; */
  /*! z-index: 10; */
  /*! position: absolute; */
  /*! top: 0; */
  /*! background-size: 100%; */
  /*! transform: scale(-1); */
  /*! right:0; */
  /*! margin: 1%; */
}



.partenaires-pic-head {
  /*! position: relative; */
  /* background: rgb(0,0,0); */
  background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6054622532606793) 25%, rgba(0,0,0,0.7651261188068977) 50%, rgba(0,0,0,0.5970588919161415) 75%, rgba(0,0,0,0) 100%);
  /* background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6054622532606793) 25%, rgba(0,0,0,0.7651261188068977) 50%, rgba(0,0,0,0.5970588919161415) 75%, rgba(0,0,0,0) 100%); */
  /* background: linear-gradient(180deg, #00000000, #00000073, #00000000); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.partenaires-pic-head:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/dark-tire.png);
/*! opacity: .2; */
  /*! background-position-y: top; */
  top: 0;
  left: 0;
  opacity: .2;
  /*! z-index: 1000; */
}




.swiperflex {
  width: 100%;

}
.swiperflexwrapper {
  display:flex;

  justify-content: space-between;
  align-items: center;
}
.swiper-container {
  width: 100%;
  height: 100%;
  /*! padding: 2.9% 10%; */
  /*! padding-bottom: 3.5%; */
}

.swiper-slideflex {
  text-align: center;
  font-size: 16px;
  /*! background: #fff; */

  /* 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;
  color: #fff;
  flex: 1;
}
.swiper-slideflex img {
  max-height: 85px;
}

.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -50px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.partenaires-pic-head .swiper-container{
  /*! padding-bottom: 50px; */
}



.bx-wrapper:after {
  content:"";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 70%;
  left: 0;
  /*! background: url(../images/motifroof.png) repeat center center; */
  background-size: 5%;
  -ms-background-size: 5%;
  -o-background-size: 5%;
  -webkit-background-size: 5%;
  z-index: 1;
  filter: grayscale(.5);
  opacity: .4;
  background-size: 50px;
}



.bx-pager {
  z-index: 2;
  /*! text-align: left; */
  /*! padding-left: 0; */
}



.padleft {
  padding-right:5px;
}

.partenaires-pic h1 {
  /*! color:#fff; */
}
.partenaires-pic h1:before {
  /*! filter:brightness(100); */
}


.sliderBg:before {
  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: rgba(0,0,0,0.1) linear-gradient(180deg,rgba(0,0,0,0.3) 3.62%,rgba(0,0,0,0) 17.92%);
  mix-blend-mode: multiply;
}

.d-flex {
  display: flex;
  /*! align-items: center; */
  /*! justify-content: center; */
  /*! align-content: center; */
}
.align-items-center {
  align-items: center;
}



.zone-map img {
  position: relative;
  /*! bottom: 60px; */
  background-size: 50%;
}
.ml-auto {
  margin-left: auto;
}





.body-page-1 .partenaires-pic {
  /*! display: block; */
  /*! background: var(--color5); */
  /*! place-content: center; */
  /*! position: relative; */
  /*! background: var(--color1n); */
}
.partenaires-pic {
  /* height: 600px; */
  /*! padding: 60px 1% 60px; */
  /*! margin: 40px auto; */
  /*! margin-top: 0; */
  /*! padding-top: 0; */
  /*! position: relative; */
}
.partenaires-pic {
  /*! display: none; */
}

.partenaires-pic ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  /* padding: 100px 0 50px; */
  flex-wrap: wrap;
  align-content: center;
  place-content: space-evenly;
  margin-bottom: 30px;
  top: 12px;
}



.partenaires-pic ul li {
  /* margin: 50px; */
  padding: 0;
}

.partenaires-pic .sudo-slider3  ul li{
  display: flex !important;

  
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.partenaires-pic .sudo-slider3 ul li p {
  padding-left: 20px;
  padding-bottom: 10px;
}

.partenaires-pic ul li {
  background: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  /* padding-left: 0px; */
  align-self: start;
  width: 200px;
  margin: 0 20px;
}
.partenaires-pic ul li p{
color: #FFF;
}
.partenaires-pic ul li a {
  padding: 30px 0;
  padding-top: 0px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.partenaires-pic ul img {
  width: 180px;
  margin-bottom: 20px;
}


.part1 ul img,.part2 ul img{
  transition: all 400ms ease;
  filter:grayscale(1);
  
}

.part1 ul img:hover,.part2 ul img:hover{
  filter:grayscale(0);
  
}



.partenaires-pic .controls .prevBtn, .partenaires-pic .controls .nextBtn {
  position: absolute;
  bottom: 50%;
  z-index: 99999;
  /*! filter: brightness(100); */
}
.partenaires-pic .controls .prevBtn {
  position: absolute;
  left: -1%;
}

.partenaires-pic .controls .nextBtn {
  position: absolute;
  right: -1%;
  margin-left: 0px;
  margin-right: 15px;
}
.prevBtn, .nextBtn {
  z-index: 9000;
  position: absolute;
  top: 0;
  display: inline-block;
  width: 30px;
  font-size: 0;
  height: 32px;
  margin-left: 15px;
  margin-top: 8px;
}


.partenaires-pic.partenaires-pic-head .controls {
    bottom: -20%;
    z-index: 99999;
}


.partenaires-pic .controls {
  z-index: 9000;
  display: inline-block;
  position: absolute;
  bottom: 46%;
  left: 0;
  margin-bottom: -20px;
  right: 0;
  text-align: center;
  z-index: 999;
}
.partenaires-pic .controls {
  opacity: 0;
  visibility: hidden;
}


.sudo-slider3 img {
  max-width: 50px;
  
  
  
}
@media (max-width:1450px) {
  
  .navh .menu_principal a, .navh .menu_principal a:visited{
    font-size: 16px;
    padding-left: 10px;
    /*! padding-left: 10px; */
    padding: 35px 15px 35px 10px;
  }
  
 
  
 .partenaires-pic .controls {
  opacity: 1;
  visibility: visible;
}
}


@media(max-width:1300px) {
  
  .tete .logo-site a img{
    width:130px;
    top: 10px;
    position: relative;
  }
   .navh{
    /*! width: 50%; */
    position: relative;
    transform: none;
    left: 0;
  }
}



.partenaires-pic-head {
  padding: 0;
  margin: 10%;
  /*! padding: 5%; */
  /*! padding-bottom: 0; */
 /*! padding-bottom: 5%; */
  margin: 0;
  /*! display: block; */
  position: absolute;
  /*! padding-bottom: 0; */
  /*! border-top: 4px solid #fff; */
  padding: 30px 10% 25px;
  /*! padding-bottom: 2.1%; */
  top: -345px;
  left: 0;
  transform: none;
  width: 100%;
}


.partenaires-pic-head .swiper-pagination{
  /*! bottom: -20px; */
  /*! z-index: 100; */
}


.partenaires-pic-head p {
  /*! padding-left: 5%; */
  font-size: 20px;
  font-family: var(--font_family_1);
  margin: 0;
}

.nextBtn {
  background: url(../images/d.png) no-repeat center center;
  right: -3vw;
}

.prevBtn {
  left: -3vw;
  background: url(../images/g.png) no-repeat center center;
}

.partenaires-pic.part2 {
    display:none;
    /*! padding-top: 0; */
  }


@media(max-width:1350px) {
  .partenaires-pic-head p{
    font-size: 16px
  }
}



@media(min-width:992px) {
  
  .partenaires-pic.part2 {
    display:block;
  }
  .partenaires-pic.part1 {
    display:none;
  }
  
  .partenaires-pic .sudo-slider4 ul, .partenaires-pic .sudo-slider5 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    }
 .sudo-slider5 .part2{
   display: block ;
 }
 .sudo-slider4 .part1{
  display: none ;
}
  .sudo-slider5 ul {
    margin-bottom: 0;
  }
  
  
  
  
}








@media screen and (-webkit-min-device-pixel-ratio:0),screen and (-moz-images-in-menus:0) {
.form-horizontal select.form-control{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none;background-image:url(../images/image-select.svg)!important;background-repeat:no-repeat!important;background-position:right 15px center!important;line-height:normal!important;background-size:22px auto!important}
.form-horizontal select.form-control option{color:inherit}
}
.contact .formulaire .form-group input[name="captcha"]{width:31%!important;height:50px!important;display:inline-block;float:none!important;margin-right:2%!important;vertical-align:top}
.contact .formulaire .form-group input[name="captcha"]+a{width:35%;display:inline-block;margin-right:2%;vertical-align:top}
.contact .formulaire .form-group #captcha{width:100%;height:50px!important;border-radius:0;padding:0}
.contact .formulaire .form-group input.btn-primary{width:30%;display:inline-block;position:relative;float:right}
.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:rgba(var(--color1),1);color:var(--color0);text-align:center;border-radius:0;font-size:18px;border:none;text-decoration:none;transition:all 400ms ease;background-size:24px auto;background-position:left 90% center;/*! background-image:url(../images/ico-envoyer.svg); */background-repeat:no-repeat;}
.body-error404 a.btn.btn-default{background-image:none}
.body-error404 a.btn.btn-default:hover,.body-error404 a.btn.btn-default:active,.contact .formulaire input.btn-primary:hover,.contact .formulaire input.btn-primary:active,.contact a.btn.btn-default:hover,.contact a.btn.btn-default:active{background-color:var(--color2);}
::-webkit-input-placeholder{color:var(--color8)!important}
:-moz-placeholder{color:var(--color8)!important;opacity:1!important}
::-moz-placeholder{color:var(--color8) !important;opacity:1!important}
:-ms-input-placeholder{color:var(--color8)!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-left:0!important;padding-right:0!important}
.gallery .multiple .ligne-photos{margin-left:0!important;margin-right:0!important}
.gallery .ligne-photos .propor{width:100%;position:relative;margin-bottom:15px;overflow: hidden;}


.body-gallery-4 .gallery .ligne-photos .propor {
  border-radius: 0;
}
.gallery .multiple .ligne-photos .propor{margin-bottom:0}
.custom-object-fit{position:relative;background-size:cover;background-position:center center}
.custom-object-fit img{opacity:0}
.gallery .ligne-photos .propor:after{padding-top:76%;display:block;content:''}
.gallery .ligne-photos .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.gallery .ligne-photos .propor .propor-cont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%}
.gallery .ligne-photos .propor .propor-cont .imagecont{-webkit-transform:translateZ(0);justify-content:center;display:flex;flex-direction:row;overflow:hidden;position:relative;height:100%}
.gallery .ligne-photos .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.gallery .ligne-photos .propor .propor-cont .imagecont .masque{display:block;position:absolute;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.svg);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);display:block;content:" "}
.gallery .nav li:last-child::after{display:none}
.gallery .nav li a{background:none;display:block;color:rgba(var(--color1),1);text-transform:uppercase;font-size:14px;font-family:var(--font_family_1);padding:10px;text-align:center;border-radius:0;text-decoration:none}
.gallery .nav li a:hover,.gallery .nav li.active a{background:none;color:var(--color2)}
.gallery .nav li.active a{cursor:default}
.gallery .tab-content{padding-top:10px;padding-bottom:10px}
.gallery .tab-content h2{padding-left:15px;margin-bottom:20px}
.gallery .bas-galerie{text-align:center;padding:40px 0 0}
.gallery .bas-galerie a.bouton-principal{padding-right:60px}
.gallery .bas-galerie a.bouton-principal:after{background-image:none;width:22px;height:22px;content:"+";font-family:verdana;font-size:35px;position:absolute;right:20px;top:7px}
.header-sidebars,.sidebar-left,.sidebar-right{background-color:var(--color0);letter-spacing:1px}
.sidebar-left a,.sidebar-right a,.sidebar-bottom-controls a,.contactButton,.nav-item-active,.sidebar-form label,.sidebar-send-button,.sidebar-divider-text{color:var(--color0)!important}
.header-sidebars{height:65px;z-index:9999;position:fixed;left:0;right:0;top:0;width:100%;box-shadow:0 2px 3px 1px rgba(0,0,0,0.1)}
.header-sidebars .header-top{display:table;height:65px;width:100%;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:16px;top:10px;max-height:76px;max-width:100px;}
.deploy-right-sidebar{border-left:1px var(--color0) solid;display:table-cell;background-color:var(--color8);height:65px;width:65px;background-position:center center}
.deploy-right-mail{border-left:1px var(--color0) 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;border-left: 1px var(--color0) solid;}
.sidebar-scroll-right{width:275px;overflow:auto!important;overflow-x:hidden!important;height:100%;background-color:var(--color4);}
.sidebar-right{font-family:var(--font_family_2)!important;background-repeat:repeat;position:fixed;overflow:hidden;z-index:99999;right:-280px;top:0;bottom:0;width:270px;margin-right:10px;box-shadow:-2px 0 2px 0 rgba(0,0,0,0.1)}
.sidebar-right a{text-decoration:none;display:block;overflow:hidden;position:relative;color:var(--color0)!important;z-index:1;font-family: var(--font_family_1);}
.sidebar-right-logo{margin-left:84px;top:14px;right:1px;max-width:180px;float:inherit;max-height:37px;position:relative}
.sidebar-divider-text{font-size:20px;padding-top:15px;padding-left:20px;padding-bottom:15px;margin-bottom:0;color:var(--color0) !important;/*! background:var(--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:var(--color8);}
.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:16px;-webkit-tap-highlight-color:rgba(0,0,0,0);/*! text-transform:uppercase; */color:var(--color0);height:60px;padding-left:29px;background-position:6px 20.9px}
.menu-mobile-dynamique ul{list-style-image:none;list-style-position:inside;list-style-type:none;padding-left:0}
.menu-mobile-dynamique ul li a{background:none}
.menu-mobile-dynamique input{-webkit-appearance:none;border-radius:0}
.menu-mobile-dynamique label{display:block;overflow:hidden;position:relative;border:0;vertical-align:baseline;outline:none}
.no-bottom{margin-bottom:0!important}
.menu-mobile-dynamique .sub-menu{display:none}
.remonter{position:fixed;z-index:9999;display:none;bottom:10px;right:10px;width:44px}
.remonter button{display:block;padding:6px 9px;text-align:center;border:none;background:rgba(0, 0, 0, 0.7);}
.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(--color8);}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:var(--color5);}
.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(--color0)}
.icones{width:32px;margin:16px 0 0 16px;height:32px;fill:var(--color0);}
.deploy-right-sidebar .icones{width:29px}
.menu-mobile-dynamique li a::before{display:block;content:"❯";position:absolute;left:5px;font-size:15px;color:#fff;}
.btn-partage .icones{width:16px;margin:0;height:16px;padding:0;position:relative;top:9px;left:0;fill:var(--color6)}
.remonter .icones{margin:0 0 -5px;fill:var(--color0);}
.tete .tel .icones{width:21px;margin:0 10px -3px 0;height:22px;fill:#fff;}
.btn-partage .btnp:hover .icones{fill:var(--color0)}
.tete .infos.infos_small .btn-partage .icones{top:5px;left:0}
.newsList{float:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;width:100%}
.newsList .ligne-actus{flex:0 0 auto;margin:0 0 30px;float:none}
.news .date_post{text-align:center;color:var(--color0);font-weight:800;font-size:14px;font-size:clamp(12px,0.5vw,14px);line-height:18px;text-transform:uppercase;display:block;background-color: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 (min-width:768px) {
.dispaly_flex { display:flex;}
.flex_child_2 {flex:2;}
.flex_child_1 {flex:1;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.lightboxOverlay{overflow:scroll}
.lightboxOverlay::-webkit-scrollbar{width:0}
}
@media (max-width:991px) {
  .swiper-slideflex img{
    max-width: 45px;
  }
    .partenaires-pic-head p{
    font-size: 14px;
  }
  
  .services .cell.droite .contenu ul li a {

font-size: 14px;

}
  
  
  .services .cell.droite .contenu{
    padding-right: 0;
    
  }
  
  .b-game-card::before {
    
    box-shadow: 0 7px 8px 8px rgba(0, 0, 0, 0.4);
  
  }
  .l-container{
    padding: 0;
    /* grid-gap: 20px; */
  }

.realisations .row.recup-photos.gallery.l-container .b-game-card {
    width: 49%;
    margin-bottom: 10px;
}
  .body-page-1 .fluid-contenu .corps{
    /*! padding-top: 60px; */
    padding-bottom: 20px;
  }
  .partenaires-pic-head{
    position: relative;
    top: 0px;
    background:var(--color8);
    padding: 5% 2%;
  }
  
  .partenaires-pic .sudo-slider3 ul li p{
    font-size: 14px;
  }
  .sudo-slider4 .part1{
    display: block;
  }
  
  
  .sudo-slider5 .part2{
    display: none ;
  }
  
  .intervention .align-items-center {
   
    background-size: 200px;
}
  
  

  .zone-map img {
    position: static;
}

  
  .bx-pager, .bx-controls-auto {
    bottom: 550px;
}
  
  
  .imgbg{
    width:60%;
  }
  

.contact .formulaire .form-group > label.control-label{display:block;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;-webkit-transform:translateZ(0);bottom:11px;opacity:.5;position:relative;font-size:0}
.contact .formulaire .form-group > label.focus{bottom:auto;font-size:var(--taille_font);padding-top:5px}
.container{max-width:none;width:auto}
.centerservice2{margin:0!important}
.centerservice{margin:0 25%!important}
.contact .formulaire .form-group .col-md-4{width:100%!important}
.contact .formulaire .form-group .col-md-8{width:100%!important}
.contact .formulaire .form-group input[name="captcha"]{width:100%!important;margin-right:0!important;text-align:left!important}
.contact .formulaire .form-group input[name="captcha"]+a{position:absolute;width:140px;top:1px;right:1px;margin-right:0!important}
.contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;float:none}
.lb-prev{opacity:1!important;background:url(../images/lightbox-g.png) left 48% no-repeat}
.lb-next{opacity:1!important;background:url(../images/lightbox-d.png) right 48% no-repeat}
.video-accueil{position:static;width:100%;height:auto;margin-left:0}
.banniere{height: 40vh !important;!i;!;position:relative}
.pied .bande1{padding:0 10% 70px}
.prestation .cell.texte .contenu{padding:50px 10%}
.contact .tab-coordonnes .cell.gauche .contenu{padding:50px 7% 30px}
.certifs .logo-certif img{background-size:contain}
.fluid-contenu{margin:0!important;}
.slogan{top:-125px;width:100%;/*! left:0; */padding:0 15px;transform: none;right: 0;}

  
  .body-pageseo .slogan {
    top: -180px;
    
  }
  .body-pageseo .slogan .titre {
    font-size: 26px;
    
  }
  .body-page-1 .slogan{top:-155px;text-align:center;right: 0;transform: none;width: 100%;}
.slogan .titre{font-size:26px;line-height:30px}
.slogan .titre span{font-size:29px}
.slogan .sous-titre{font-size:20px;line-height:20px}
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
}
@media (max-width:767px) {
  .body-page-1 .services, .body-pageseo .services{display:block; }
  .body-pageseo .slogan .titre {
    font-size: 22px;
    line-height: 30px;
    
  }
  .body-page-1 .fluid-contenu .corps {
    
    padding-bottom: 10px;
}
  
  .b-game-card::before {
    
    box-shadow: 0 2px 4px 4px rgba(0, 0, 0, 0.4);
  
  }
  .services .cell.droite .contenu ul li a{
    font-size: 13px;
  }
  .swiperflexwrapper{
    flex-wrap: wrap;
  }
  
  .swiper-slideflex {
    flex: 150px;
    -webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: start;
justify-content: start;
-webkit-box-align: start;
    
  }
  .partenaires-pic-head p{
    font-size: 12px;
  }
  .body-page-1 .services::before, .body-pageseo .services::before, .body-page-1 .services::after, .body-pageseo .services::after{
    transform: none;
  }
  .body-page-1 .slogan{
    text-shadow: none;
    margin: 0;
  }
  
  .mybusiness{
    padding-left: 5%;
    padding-right: 5%;
    padding: 7%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .google-button{
    padding:30px 30px 30px 60px;
    font-size: 14px;
    max-width: 500px;
  }
  
  
  .contact .formulaire .form-group .form-control{
    font-size:13px;
  }
  
  
  .top-logo {

    top: 7px;
 
  }
  
  .top-logo img{
    
    top: 8px;
    width:90px;
    left: 5px;
  }
  .sudo-slider-head ul img{
    height: 30px;
    width: 30px;
    
    
  }
  
  
  .sudo-slider-head .sudo-slider3{
    top: 0px;
  }
  
  
.sudo-slider-head{
    margin-bottom: 30px;
    height: 80px;
  }

  .intervention .align-items-center {
    background: none;
    padding-top: 20px;
 }
 

 
 
 
 
 
   .zone-intervention {
     display: block !important;
 }
   .zone-map img {
     margin: auto;
     margin-bottom: 20px;
 }
 
 
   
   
   .body-page-1 .slogan br{display:none;}
   
   .bx-pager, .bx-controls-auto {
    display:none;
 }
   




.corps{--taille_font:14px;font-size:var(--taille_font)}
.pad-xs{padding-left:15px!important;padding-right:15px!important}
.pad-xs-l{padding-left:15px!important}
.pad-xs-r{padding-right:15px!important}
.centerservice2{margin:0!important}
.centerservice{margin:0!important}
.nopad-xs{padding-left:0!important;padding-right:0!important}
.nopad-xs-l{padding-left:0!important}
.nopad-xs-r{padding-right:0!important}
h1,.h1{font-size:22px;line-height:22px}
.intervention .h1{
  margin-bottom:40px;
}
.titre-secondaire{font-size:16px;line-height:22px;}
.body-page-1 .slogan{position:static;background:#fff;width:100%;text-align:center;padding:15px;color: var(--color8);font-family: var(--font_family_2);}
.slogan{text-align:center}
.slogan .titre{font-size:19px;line-height:24px;/*! font-family: var(--font_family_2); */font-weight: normal;}
.slogan .titre span{font-size:23px}
.slogan .sous-titre{font-size:17px;line-height:17px}
.fluid-contenu .corps{padding:20px 15px 40px}
.recup-photos .col-md-4{padding-left:5px!important;padding-right:5px!important}
.recup-photos{margin-left:-5px!important;margin-right:-5px!important;}
.newsList .recup-photos{margin-left:0!important;margin-right:0!important}
.recup-photos .propor{margin-bottom:5px}
.certifs{display:block}
.certifs .cell.gauche{display:block;width:100%}
.certifs .cell.gauche .contenu{padding:30px 15px 40px}
.certifs .cell.droite{display:block;width:100%;padding:0 15px 30px}
.certifs .cell.droite .bg-noir{padding:40px 0}
.cont-slider .controls{bottom:-20px}
.services{display:block}
  .body-page-1 .services, .body-pageseo .services{
    padding-top: 50px;
  }
  .services .cell.gauche{display:block;width:100%;height:180px}
.services .cell.droite{display:block;width:100%}
.services .cell.droite .contenu{padding:30px 15px 40px;}
.realisations{display:block}
.realisations .titre-secondaire{display:inline-block;width:100%}
.realisations .col-md-3{padding-left:5px!important;padding-right:5px!important}
.realisations{margin-left:-5px!important;margin-right:-5px!important}
.realisations .propor{margin-bottom:5px}
.realisations .contenu,.AvisClientsBg .contenu{padding:30px 15px 40px}
a.bouton-principal,button.bouton-principal{padding:13px 40px 13px 20px}
/* .intervention .contenu{padding:40px 15px 50px} */

.intervention .description{width:100%;font-size: 16px;padding: 0 5%;}
.intervention .contenu{padding:40px 1% 50px;}
.intervention .zone{width:100%;height:300px;position:static;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}

.AvisClientsBg{padding:0}

.pied .bande1,.bande_contact_footer {padding:30px 15px}
.pied .btn-like{padding:0 0 15px;text-align:center}
.pied .btn-partage{text-align:center;padding:20px 0 0}
.pied .btn-partage a{text-align:center}
.body-gallery-4 .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding:30px 0 0}
.contact .tab-coordonnes{display:block}
.contact .tab-coordonnes .cell.gauche{display:block;width:100%;border:none}
.contact .tab-coordonnes .cell.gauche .contenu{padding:0 15px 30px}
.contact .tab-coordonnes .cell.centre{display:block;width:100%}
.contact .tab-coordonnes .cell.droite{display:block;width:100%;height:180px}
.contact .plan .block #googlemapapi,.contact .plan iframe{height:250px!important}
.contact .tab-formulaire{display:block}
.contact .tab-formulaire .cell.gauche{display:none}
.contact .tab-formulaire .cell.droite{display:block;vertical-align:top;width:100%;border-bottom:2px solid var(--color7)}
.contact .tab-formulaire .cell.droite .contenu{padding:30px 15px}
.contact .coordonnees{padding:0}
.gallery .description-galerie{padding:0 15px 20px}
.prestation,.actualites{display:block;min-height:none}
.prestation .cell.photo,.actualites .cell.photo{display:block;width:100%;height:180px}
.prestation .cell.texte,.actualites .cell.texte{display:block;width:100%;clear:both}
.prestation .cell.texte .contenu,.actualites .cell.texte .contenu{padding:30px 15px}
.gallery .ligne-photos .col-md-1,.gallery .ligne-photos .col-md-2,.gallery .ligne-photos .col-md-3,.gallery .ligne-photos .col-md-4,.gallery .ligne-photos .col-md-6{padding-left:5px!important;padding-right:5px!important}
.gallery .ligne-photos{margin-left:-5px!important;margin-right:-5px!important}
.gallery .ligne-photos .propor{margin-bottom:10px}
.gallery .nav li{margin-bottom:0;background:none}
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
.services .cell.droite .contenu{clear:both;padding: 30px 0px 0px;}
.scrollbars{width:100%;height:auto}
.news_avant_apres > div:last-child{right:0}
.news_avant_apres > div{display:block;margin:0 0 5px}
.news_avant_apres > div,.news_avant_apres{display:block}
}
@media (min-width:768px) and (max-width:991px) {
  .intervention .zone{width:322px;height:353px;top: 38vh;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

.pad-sm{padding-left:15px!important;padding-right:15px!important}
.pad-sm-l{padding-left:15px!important}
.pad-sm-r{padding-right:15px!important}
.nopad-sm{padding-left:0!important;padding-right:0!important}
.nopad-sm-l{padding-left:0!important}
.nopad-sm-r{padding-right:0!important}
.slogan{text-align:center}
.scrollbars{height:240px}
.body-gallery-4 .fluid-contenu .corps,.body-contact .fluid-contenu .corps{padding:30px 0 0}
h1,.h1{font-size:26px;line-height:26px}
.titre-secondaire{font-size:23px;line-height:24px}
.gallery .description-galerie{padding:0 0 40px;text-align:justify}
}
@media (min-width:991px) and (max-width:1199px) {
  .intervention .zone{width:402px;height:443px;top: 28vh;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

.gallery .description-galerie{padding:0 0 40px;text-align:justify}
.tete .infos{height:auto;/*! padding:40px 30px 2px; *//*! padding-right: 0; */}
.btn-descendre{top:-165px}
  .body-pageseo .slogan {
    top: -170px;
  }
  .slogan{top:-125px}
.body-page-1 .slogan{top:-470px;}
.slogan .titre{font-size:32px;line-height:38px;}
.slogan .titre span{font-size:29px}
.slogan .sous-titre{font-size:20px;line-height:20px}
.services a.bouton-principal{font-size:11px}
.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:16px 20px;font-size:12px}
.contact .coordonnees{padding:0}
.contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;float:none}
}
.infinite-scroll .chargement{background:rgba(0,0,0,0) url(../images/chargement.gif) no-repeat scroll center top;bottom:0;display:none;height:32px;left:50%;margin-left:-16px;position:absolute;width:32px}
.g-recaptcha{float:left}
#g-recaptcha-response{left:12px;position:relative;display:block!important;top:-45px;opacity:0!important;margin:0!important;height:10px!important}
@media print {
@page{size:portrait;margin:2cm}
body{background-color:var(--color0);font-family:Serif;font-size:10pt}
a:after{content:" [" attr(href) "] "}
h1,h2,h3{font-family:verdana,serif}
.hide-print{display:none}
.hide{display:none}
.clear{clear:both}
div[class^="col-"]{width:100%}
.gallery .ligne-photos div[class="col-md-2"]{width:16.666666666667%}
.gallery .ligne-photos div[class="col-md-3"]{width:25%}
.gallery .ligne-photos div[class="col-md-4"]{width:33%}
.gallery .ligne-photos div[class="col-md-6"]{width:50%}
}






.fixeddimg{
  /* max-height: 100% !important; */
}


svg#logo_FD *{
  fill: #fff;
}