:root{
  --color0: #fff;
  --nuancecolor1: #9d9d9d;
  --nuancecolor2: #4e8df7;
  --nuancecolor3: #146CBB;
  --color1: #f4c82b;
  --color2: #070707;
  --color3: #3b5998;
  --color4: #333333;
  --font1: "Outfit-ExtraBold";
  --font2: "lato-Light";
  --font3: "lato-Regular";
  --font4: "Outfit-SemiBold";
  --light: #f5f5f5;
  --taille_font: 1.5rem;
  --taille_font_h1: 4.5rem;
  --taille_font_h2: 2.5rem;
  --taille_font_h3: 2rem;
  --radius: 10px;
  --radius-btn: 10px;
}


/******Partie presentation*******/

.r-flex .row.recup-photos.gallery {
    position: relative;
}
p.text-ans {
    font-size: 20px;
    font-family: 'Outfit-ExtraBold';
}

.text-experience:before {
    width: 43px;
    height: 39px;
    position: absolute;
    bottom: 0;
    left: -42px;
    content: '';
    background-color: #264179;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.text-experience {
    position: absolute;
    width: 200px;
    right: 100px;
    bottom: -29px;
    background: var(--color3);
    /* border: 5px solid #ffffff; */
    color: #fff;
    text-align: center;
    font-family: var(--font2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 20px;
    height: 200px;
    backdrop-filter: blur(10px);
    /* border-radius: var(--radius); */
}

p.annee {
    font-family: var(--font1);););
    font-size: 40px;
}

.fluid-contenu .corps:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 11vh;
  background: url(../images/texturestarnk.png);
  width: 26%;
  height: 64%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
.row.r-flex article h1 {
  /* margin-bottom: 0; */
  text-align: left;
}

.row.r-flex article h1:before {
    left: 0;
    transform: none;
}

.row.r-flex .titre-secondaire {
  text-align: left;
  margin-bottom: 1em;
}

.text-center.btnflex {
  display: flex;
}


.r-flex .row.recup-photos.gallery:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 140px;

    left: 183px;

    top: -33px;
    border-radius: var(--border-radius);
    background-color: var(--color1);
    display: none;
}

.images-f {
    width: 80%;
}

.images-f:before {
    content: ""; 
     position: absolute;
     width: 50%;
     height: 66%; 
     bottom: 12vh; 
     left: 15vw; 
    background: url(../images/texturecercle.svg);
    z-index: -1; 
    background-repeat: no-repeat;
}

.images-f:after {
     content: ""; 
    position: absolute;
    left: -82px; 
     bottom: 44vh; 
    width: 30%;
    height: 45%;
    /*! background: url(../images/bg.png); */ 
     z-index: -1; 
     background-size: contain;
}

.row.r-flex {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    /* gap: 15px; */
    position: relative;
}


.propor.pic-1 {
    height: 620px !important;
}

.propor.pic-2 {
    position: absolute !important;
    width: 60% !important;
    height: 260px !important;
    bottom: 16vh;
    right: 10px;
    border: 8px solid var(--color0) !important;
}


/***/


.video-header {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.video-header video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.main-page{overflow-x:hidden;position:relative;}
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:0px;list-style-type:none;list-style-image:none;}
ul li, ol li{/* background:url(../images/puce.png) no-repeat 0 center; */padding-left: 25px;/* filter: grayscale(1); */position: relative;}
.body-page-1 .corps ul li:before {
    display: inline-block;
    content: "\f054";
    position: absolute;
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    left: 0;
    font-size: 14px;
    color: var(--color3);
    top: 2px;
    width: 10px;
    height: 16px;
    content: "\f058";
}

menu, dir{padding-left:15px}
blockquote p{font-size:inherit}
table, table td, table th{font-size:inherit;border:1px solid #7C7C7C}
.datepicker table{border:none;}
main, section, article, aside, footer, header, nav, hgroup{display:block}
iframe{border:none;width: 100%;}
*[data-anim]{opacity:0}
.row{margin-right:0 !important;margin-left:0 !important}

.home-text .row.recup-photos.gallery div {
    height: 100%;
}
.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}

.col-md-9.col-lg-10.nopad.right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 100px;
}
.justify{text-align:justify}
.clear:after{content:'';display:block;clear:both}
.bold{font-weight:bold}
.underline{text-decoration:underline}
.relative{position:relative;}

.row.relative.header1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    background: transparent;
    padding: 5px 0;
    color: var(--color0);
    font-size: 12px;
    border-bottom: 1px solid #cecece73;
}

.tete.fixed .row.relative.header1 {
    padding: 7px 0;
}
.telephone {
    display: flex;
}

.tete.fixed .row.relative {
    /* padding: 0px 5%; */
}

.row.relative.header1 i {
    margin: 0 10px 0 0;
    font-size: 15px;
}

.row.relative.header1:before,.row.relative.header1:after {
    display: none;
}

.row.relative.header {
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.inline-block{display:inline-block;vertical-align:top}
.noflicker{-webkit-transform:translateZ(0);transform:translateZ(0)}
.retrait{margin-left:-15px !important;margin-right:-15px !important}
.transition{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;-webkit-transform:translateZ(0);transform:translateZ(0)}
.cover{-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important}
.contain{-webkit-background-size:contain !important;-moz-background-size:contain !important;-o-background-size:contain !important;background-size:contain !important}
hr.trait{height:1px;margin:-0.5em 0;padding:0;color:#e0e0e1;background-color:#e0e0e1;border:0}
.page-contenu img{margin:10px}
/* STYLE GENERAL ***********************************************************/
body{color: #191919;font-family: var(--font2);font-size:16px;background:#fff;letter-spacing: 0.5px;}
a, a:link, a:visited{color:#616161;text-decoration:underline}
a:hover{}
a:active{outline:0}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3{color: var(--color3);););font-family:var(--font1), sans-serif;}
.body-catalogue-item .formulaire h2, .pied .formulaire h2, h1, .h1{color: var(--color3);text-align:center;text-transform: inherit;margin-bottom: 50px;position:relative;font-size: var(--taille_font_h1);););}

.body-service-list .slogan h1 {
    margin: 0;
    color: var(--color0);
    text-align: left;
}

.body-service-list .slogan h1:before {
    display: none;
}
.prestation .h1{font-size: 35px;}
.home-text h2.h1.sans-image.text-left {
    text-align: left;
}
.body-catalogue-item .formulaire h2:before, h1:before, .h1:before{content:"";width: 50px;height: 2px;/* background: var(--color1); */position:absolute;bottom: -12px;left:50%;transform: translate(-50%);}

.home-text h2.h1.sans-image.text-left::before {
    left: 0;
    margin: 0;
    transform: none;
}
.centerservice {margin: 0 33%!important}
section.section-2 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4% 10% 4%;
    background-color: var(--light);
}

section.section-2 h1 {
    margin: 0;
}

.stats {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 20px;
    padding: 0% 0;
    position: relative;
    align-items: center;
    width: 100%;
}

.stats .item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    width: 25%;
    padding: 20px;
}

.stats .item .chiffre {
    display: flex;
}

.stats .item p {
    position: relative;
    white-space: nowrap;
    color: var(--color2);
    font-size: 18px;
}

.stats .item span {
    color: var(--color2);
    /* font-family: var(--font1); */
    font-size: 45px;
    opacity: .5;
}
/*h1.sans-image, .h1.sans-image{margin-bottom:0px}*/
/* h1.sans-image:before,.h1.sans-image:before{display:none}*/
h2, .h2{font-size:26px}
h3, .h3{font-size:20px;}
h4, h5, h6{font-size:16px}
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: var(--taille_font_h2);line-height: 1.5;padding: 0;margin:0;color: var(--color3);););font-family: var(--font4), sans-serif;),sans-serif;),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: var(--color3);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.hvr-shutter-out-horizontal.active{background-color:#880612;}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active{color: var(--color2);background: var(--color1);}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before{top: 0%;width: 100%;height: 100%;right: 3%;border-right: 0;opacity: 0;}

.hvr-shutter-out-horizontal:hover:after, .hvr-shutter-out-horizontal:focus:after, .hvr-shutter-out-horizontal:active:after {
    width: 100%;
    z-index: -2;
}
a.bouton-principal{text-align: center;font-family: var(--font4), sans-serif;),sans-serif;),sans-serif;,sans-serif;color:#fff;text-decoration:none;padding: 15px 20px;font-size: 16px;e;letter-spacing: 1px;transition: all .3s linear;border-radius: var(--radius-btn);}

p.center.btn-news a span:before {
    display: none;
}
.body-page-1 .corps a.bouton-principal{width:130px;margin: 50px 0 0px 0;}

.hero-slider .slide-inner a.bouton-principal:before {
    display: none;
}


/* CORPS DE LA PAGE *******************************************************/
.tete{position:fixed;left:0;right:0;z-index:9999;background: #ffffff3b;padding: 5px 10%;transition: all .3s linear;display: flex;flex-direction: column;/* gap: 10px; */backdrop-filter: blur(10px);}
.tete.fixed{background: var(--color3);padding: 0 10% 0;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.15);/* transform: translateY(-57px); */}
.tete .logo-site{margin:0;/* filter: grayscale(1) invert(1); */}

.tete .logo-site img {
    width: 260px;
    /* filter: invert(1); */
    transition: all .3s ease;
}
.tete.fixed .logo-site img{/* width: 245px; */}
.tete .infos{background: transparent;display: flex;align-items: center;}
.tete .infos .tel{display:inline-block;vertical-align:top;font-size: 16px;color:#fff;padding: 0px 20px 0 30px;margin:0;font-family: var(--font2), sans-serif;/* background:url(../images/ico-tel.png) no-repeat 0 center; */letter-spacing: 1px;}
.tete .infos .tel a{color:inherit;text-decoration:none}
.widget-partage{display:none}
.btn-partage .btnp{width:36px;height:36px;border-radius:36px;background-repeat:no-repeat;background-position:center center;display: flex;transition:all 300ms ease;align-items: center;justify-content: center;background-color: var(--color2);}
.btn-partage .btnp:hover{transform:rotate(360deg);background-color: var(--color1);}
.btn-partage .btnp.btn-fb{}
.btn-partage .btnp.btn-twitter{}
.btn-partage .btnp.btn-google{background-image:url(../images/ico-google.png)}
.btn-partage .btnp.btn-ami{}
.btn-partage .btnp.btn-fb:hover{}
.btn-partage .btnp.btn-twitter:hover{}
.btn-partage .btnp.btn-google:hover{background-image:url(../images/ico-google-h.png)}
.btn-partage .btnp.btn-ami:hover{}
/**call Tracker**/
.sidebar-scroll-right .callTracker { width: 100%; height:50px;}
.callTracker{/*width: 173px; overflow: hidden;height: 33px;*/position: relative;}
.callTracker span,.callTracker a {display: inline-block;text-align: left;/*position: absolute;left: 30px;top: 0px;width: 160px;*/min-width: 145px;padding: 0;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;height: 100%;text-decoration: none;}
.callTracker .t_phone {opacity: 0;display:none;}
.callTracker .t_affiche {cursor: pointer;}
.contact .coordonnees address p.tel.tel1.callTracker span {
    font-weight: bold;
    text-decoration: underline;
}
header .callTracker span,header .callTracker a {top:5px;}
header .callTracker .t_affiche {font-size: 14px;}
.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: 0px;}
.pied .callTracker span.t_affiche {text-decoration: underline;}
/**call Tracker**/
ul li.niveau2, ol li.niveau2{margin-left:30px}
/*.tete .btn-partage{padding:0px 0px 0px 0px;display:inline-block;vertical-align:top;}*/
.tete .devis{transition:all 300ms ease;display:inline-block;vertical-align:top;background: var(--color3);text-decoration:none;color:#fff;padding: 10px 20px;font-family: var(--font4);font-size: 14px;border: 1px solid #ffffff26;border-radius: var(--radius-btn);}

.tete.fixed  .devis {
    background: var(--color3);
    color: var(--color0);
}
.tete .devis:hover{background: var(--color1);color: var(--color2);}
.tete .btn-favoris{position:relative;background:url(../images/ico-favoris.png) no-repeat center top;display:inline-block;vertical-align:top;width: 36px;height:36px;margin:0 15px 0 0;}
/*.tete .btn-favoris:before{content:"";position:absolute;top:9px;right:-10px;border-right:1px solid #fff;height:20px;}*/
.zone-favoris{display:none;z-index:9997;background:#fff;position:fixed;top: 144px;left:0px;right:0px;bottom:0px;padding:40px 15px;box-shadow:0 2px 3px rgba(0, 0, 0, 0.1) inset;text-align:center;}
.zone-favoris .contenu{overflow-y:auto;height:100%;}
.zone-favoris h2{color:#000;font-size:23px;margin:10px 0 5px 0;}
.zone-favoris .soustitre{font-size:21px;color:#6d6d6d;background:url(../images/trait.png) no-repeat center bottom;padding:0 0 15px 0;margin:0 0 50px 0;}
.zone-favoris .item{position:relative;padding:30px 0 0 0;}
.zone-favoris .item h3{color:var(--color1);margin:20px 0 5px 0;}
.zone-favoris .item .droite{text-align:left;}
.zone-favoris .item .prix{font-size:35px;}
.zone-favoris .item .prix sup{top:-9px;font-size:19px;}
.zone-favoris .item .retirer{background:url(../images/ico-fermer.png) no-repeat center top;display:inline-block;width:14px;height:14px;position:absolute;top:0px;right:0px;overflow:hidden;text-indent:100px;}
.zone-favoris .btn-fermer{color:#000;display:inline-block;position:absolute;top:15px;right:15px;width:50px;height:50px;background:url(../images/ico-croix.png) no-repeat center top;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}
.zone-favoris .btn-fermer:hover{opacity:0.8;filter:alpha(opacity=80);}
.zone-catalogue{display:none;z-index:9999;background:#fff;position:fixed;top:0px;left:0px;right:0px;height:100%;width:100%;padding:40px 0;box-shadow:0 2px 3px rgba(0, 0, 0, 0.1) inset;}
.zone-catalogue .categorie{border-bottom:1px solid #e0e0e0;padding:35px 0 0 0;}
.zone-catalogue .categorie:last-child{border-bottom:none}
.zone-catalogue .categorie .titre-cats{text-transform:uppercase;margin:0 auto 20px;padding:0 0 0 25px;font-family: var(--font1);/* max-width:1392px;*/
}
.zone-catalogue .categorie .titre-cats a{color:inherit;text-decoration:none;}
.zone-catalogue .categorie .titre-cats a:hover{text-decoration:underline;}
.zone-catalogue .categorie .liste-cats{color:#000;padding:5px 0 45px 0;list-style-type:none;margin:0;display:table;table-layout:fixed;width:100%;}
.zone-catalogue .liste-cats .menu-item a{display:inline-block;line-height:1;text-decoration:none;}
.zone-catalogue .liste-cats .menu-item a img{margin-top:10px;}
.zone-catalogue .liste-cats .menu-item a:hover{color:#a00d15;}
.zone-catalogue .categorie .liste-cats li{display:table-cell;vertical-align:top;text-align:center;}
.zone-catalogue .categorie .liste-cats li a, .zone-catalogue .categorie .liste-cats li a:visited{font-size:20px;display:block;padding:0 0 110px 0;color:inherit;text-decoration:none;background-position:center bottom;background-repeat:no-repeat;}
.zone-catalogue .categorie .liste-cats li.active a, .zone-catalogue .categorie .liste-cats li a:hover{color:#a00d15;}
.zone-catalogue .categorie .liste-cats li.active a:hover{cursor:default;text-decoration:none}
.zone-catalogue .btn-fermer{color:#000;display:inline-block;position:absolute;top:15px;right:15px;width:50px;height:50px;background:url(../images/ico-croix.png) no-repeat center top;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}
.zone-catalogue .btn-fermer:hover{opacity:0.8;filter:alpha(opacity=80);}
.masque-noir{display:none;background:rgba(0, 0, 0, 0.8);position:fixed;top:90px;right:0px;left:0px;bottom:0px;z-index:9996;cursor:pointer;}
.navh{margin:0;z-index:8000;}
.navh .menu_principal{margin:0;padding:0;list-style:outside none;display: flex;width:100%;gap: 20px;}
.navh .menu_principal>li{position:relative;display:table-cell;vertical-align:middle;text-align:center;padding:0px 0px;list-style: none;background: no-repeat;}
.navh .menu_principal>li:last-child{background:none}
.navh .menu_principal a, .navh .menu_principal a:visited{color:#fff;display:block;font-size: 17px;text-decoration:none;transition:all 300ms ease;letter-spacing: 1px;font-weight: 600;}
.navh .menu_principal a:hover, .navh .menu_principal li.active>a{color: var(--color1);}
.navh .menu_principal li.active>a:hover{cursor:default}
.slogan{position:absolute;top:-190px;left: 10%;color:#fff;text-align:left;margin:0 0 10px;}
h1.slogan:before, .h1.slogan:before{content:"";width:0;height:0;background:none;position:absolute;bottom:inherit;left:inherit;margin-left:0; display:none;}
.slogan .titre{font-size: calc( var(--taille_font_h1) * 1.5 );font-family:var(--font1), sans-serif;text-transform: inherit;line-height: 68px;margin: 0 0 10px;text-shadow: 0 1px BLACK;}
.slogan .titre span{font-size:48px}
.slogan .sous-titre{font-size: var(--taille_font_h2);font-family: var(--font3), sans-serif;),sans-serif;),sans-serif;line-height:26px;margin: 5px 0 0;display: block;text-shadow: 0 0 9px #141414d1;}
.body-page-1 .slogan{top: -600px;text-align:left;width: 60%;left: 0;padding: 1em 10%;}
.video-accueil{position:fixed;top:0px;left:50%;width:1920px;margin-left:-960px;}
.video-accueil video{width:100%;height:auto;vertical-align:top;}
.banniere{position:relative;top:0px;left:0;width:100%;/* height:100%;*/
 margin-left:0;height:460px;background-position:center center;}
.body-page-1 .banniere::before{content:none}
@-moz-document url-prefix(){.banniere img{filter:blur(4px);width:100%;}
 .body-page-1 .banniere{filter:blur(0px);width:100%;left:0}
}
.banniere::before {content: "";position: absolute;z-index: 2;width: 100%;height: 100%;backdrop-filter: blur(0px);pointer-events: none;background: linear-gradient(180deg, #2b2b2b82, transparent);}
.body-page-1 .banniere{height:100%;position:fixed;}

.body-page-1 .banniere:before {
    content: "";
    /* position: absolute; */
    /* inset: 0; */
    background: #0000008c;
}
.btn-descendre{width:112px;height:112px;background:url(../images/bg-descendre.png) no-repeat center top;position:absolute;top:-236px;left:50%;margin-left:-56px;overflow:hidden;text-indent:300px;white-space:nowrap;}
.btn-descendre:before{content:"";width:8px;height:8px;background:var(--color1);border-radius:8px;position:absolute;top:40px;left:53px;transition:all 300ms ease}
.btn-descendre:hover:before{opacity:0.4;filter:alpha(opacity=40);top:50px;}
.fluid-contenu{position:relative;z-index:8000;background:#fff;margin-top: 0px !important;}
.fluid-contenu .corps{padding: 7em 8% 6em;}


.body-page-1 .fluid-contenu .corps:before {
    content: '';
    position: absolute;
    top: -65px;
    left: -70px;
    width: 150px;
    height: 150px;
    background: url(../images/bg-att.png););
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    opacity: 0.2;
}

.body-page-1 .fluid-contenu .corps:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url(../images/bg-page.png); */);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.05;
    z-index: -1;
}

.slider-handle{background:url(../images/poignee.png) no-repeat center top;filter: grayscale(1);}
.bx-wrapper .bx-loading {background: url('../images/bx_loader.gif') center center no-repeat #ffffff;}
.bx-wrapper .bx-pager.bx-default-pager a {background-image: url('../images/miette.png');}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus { background-image: url('../images/miette-h.png');}
.bx-wrapper .bx-prev {background: url('../images/controls.png') no-repeat 0 -32px;}
.bx-wrapper .bx-next {background: url('../images/controls.png') no-repeat -43px -32px;}
.bx-wrapper .bx-controls-auto .bx-start {background: url('../images/controls.png') -86px -11px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-stop {background: url('../images/controls.png') -86px -44px no-repeat;}
/***********************/
.body-gallery-4 .fluid-contenu .corps, .body-contact .fluid-contenu .corps{padding:80px 0 0 0}
.body-contact.body-contact-132 .fluid-contenu .corps{padding:0}
.body-service-list .fluid-contenu .corps{}
/* custom services */
.base-container {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: hidden;
    padding: 4em 0% 4% 10%;
    gap: 40px;
}

.base-container:before {
    content: '';
    position: absolute;
    inset: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background-image: url(../images/bg-page.png);
    /* background-repeat: no-repeat; */
    background-size: contain;
    /* background-position: bottom; */
    transform: rotate(1deg);
    opacity: 0.1;
}
.actualites .date_post:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 148.5px;
    width: 69px;
    height: 44px;
    background: #d2ad27;
    /* clip-path: polygon(0 0, 0% 100%, 100% 100%); */
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    transform: rotate(359deg);
}
.nosServicesBg .section-line {
    width: 4px;
    height: 100px;
    background-color: var(--color1);
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    margin-top: 140px;
    margin-left: 120px
}

.services-block-wrap {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 2;
    gap: 40px;
    flex-direction: column;
}

.description-services {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10% 0 0;
}

.description-services:before {
    width: 30px;
    height: 40px;
    background-color: var(--color1);
    position: absolute;
    left: 0px
}

.description-services .h1 {margin-bottom: 20px;text-align: left;}
.description-services .h1 .titre-secondaire{text-align: left;}

.description-services .h1:before {left: 0;transform: translate(0, 10px);margin: 0;}

.description-services .paragraph-with-margin {
    margin: 15px 0 25px;
    font-size: 18px
}

.description-services .secondary-button.black-text.w-button {
    color: var(--color1);
    letter-spacing: 1px;
    background-color: var(--color0);
    border: 1px solid var(--color1);
    padding: 10px 20px;
    font-family: var(--font_family_1);
    font-weight: 400;
    line-height: 1.5em;
    transition: all .3s ease;
    text-decoration: none;
}

.description-services .secondary-button.black-text.w-button:hover {
    background: var(--color1);
    color: var(--color0);
    text-decoration: none
}

.card-wrapper {
    flex-direction: row;
    width: 100%;
    position: relative
}

.card-wrapper .services-list {
    overflow: hidden;
    padding: 0 0px 8em 0px;
}

.service-content {
    grid-column-gap: 30px;
    display: flex;
    width: 100%;
    position: relative;
}

.service-content:hover .service-description {transform: translate(-50%, -5%);}

.service-image {
    width: 100%;
    height: 500px;
    max-width: 100%;
    flex: none;
    overflow: hidden;
    background: transparent;
    align-items: center;
    border-radius: var(--radius);
}

.service-image img {
    height: 100%;
    transition: all .3s ease;
    width: 100%;
    object-fit: cover;
    /* border-radius: var(--border-radius); */
}

.service-content:hover .service-image img {transform: scale(1.1);}

a.link-cms {
    color: var(--color2);
    font-size: 18px;
    text-decoration: none!important;
    transition: all .3s ease;
    text-align: center;
    letter-spacing: 1px;
    font-family: var(--font_family_2);
    line-height: 1.5;
}
p.paragraph-with-margin {
    margin-top: 20px;
    margin-bottom: 50px;
    overflow: hidden;
    height: 112px;
    line-height: 1.4;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical
}

.service-description {
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    display: flex;
    position: absolute;
    height: auto;
    align-items: center;
    width: 90%;
    background: var(--color0);
    text-align: center;
    gap: 10px;
    transition: all .3s linear;
    overflow: hidden;
    border-radius: var(--radius-btn);
    left: 50%;
    transform: translate(-50%);
    bottom: -5%;
    box-shadow: 10px 10px 50px #0000002b;
}

.service-description .link-with-line {
    position: relative;
    transition: all .3s linear;
}

.service-description:hover .link-with-line {
    position: relative;
    opacity: 1;
    left: 0;
}

.link-collection {
    color: var(--color0);
    text-transform: uppercase;
    text-decoration: none!important;
    margin-bottom: 10px;
    font-family: var(--font_family_1);
    font-size: 16px;
    display: inline-block;
    transition: all .3s ease
}

a.link-collection {
    color: var(--color1);
    text-transform: initial;
    letter-spacing: 1px;
    font-family: var(--font2);
    padding: 0;
}

a.link-collection:hover {opacity: 1;letter-spacing: 2px;}

.red-line {
    width: 0;
    height: 1px;
    background-color: var(--color1);
    position: absolute;
    top: auto;
    bottom: 0;
    left: -0%;
    right: auto;
    transition: all .3s ease
}

.service-content:hover .service-description .link-with-line .red-line {
    width: 100%;
    display: none;
}
.swiper-button-next-serv,.swiper-button-prev-serv{border-radius: 0;background: var(--color3);margin: 0px 1rem;display: flex;justify-content: center;align-items: center;text-align: center;width: 40px;height: 40px;font-size: 13px;transition: all .3s linear;color: var(--color0);border-radius: var(--radius-btn);}

.swiper-button-next-serv:hover, .swiper-button-prev-serv:hover {
    background: var(--color1);
    color: var(--color0);
}.swiper-buttons{display:flex;justify-content:center;position:absolute;bottom:0px;/* left:50%; */transform:translateX(-50%);}
.swiper-buttons {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0px;
    right: 10%;
    transform: none;
}
/* custom services */

.fluid-app{height:700px;border-bottom:1px solid #fff;background-color:#0c0c0c;background-image:url(../images/bg-app-homme.png), url(../images/bg-app.jpg);background-repeat:no-repeat, repeat;background-position:50% 0, 50% 0;padding:10px 0 0 0;z-index:8000;position:relative;}
.fluid-app h2{text-align:center;font-size:31px;color:#fff;text-transform:uppercase;margin:20px 0 5px 0;}
.fluid-app .soustitre{text-align:center;color:#a00d15;font-size:22px;line-height:22px;}
.fluid-app .liste-app{list-style-type:none;list-style-image:none;padding:0 0 0 40px;margin:90px 0 0 0}
.fluid-app .liste-app li{background:url(../images/ico-puce.png) no-repeat 0 center;padding:7px 0 8px 25px;font-size:18px;color:#767779;}
.fluid-app .qrcode{text-align:center;text-transform:uppercase;margin:160px 0 0 0;position:relative;color:#fff;font-size:20px;letter-spacing:2px;}
.fluid-app .qrcode .fleche{width:118px;height:96px;background:url(../images/fleche.png) no-repeat center top;position:absolute;top:-80px;left:45px;}
.fluid-app .liste-boutiques{list-style-type:none;list-style-image:none;padding:40px 0 0 0px;margin:0; text-align: center;}
.fluid-app .liste-boutiques li{display:inline-block;vertical-align:top;padding:0;background:none;border:1px solid rgba(255, 255, 255, 0.27);border-radius:8px;}
.fluid-app .apps{position:absolute;top:160px;right:-340px;width:600px;height:500px;}
.fluid-app .apps:before{width:733px;height:63px;content:"";background:url(../images/ombre-app.png) no-repeat center top;z-index:-1;position:absolute;bottom:0px;right:160px;}
.fluid-app .apps .app{position:absolute;}
.fluid-app .apps .app.app1{bottom:0px;left:0px;width:389px;height:429px;background:url(../images/app1.png) no-repeat center top;}
.fluid-app .apps .app.app2{bottom:60px;left:0px;width:414px;height:447px;background:url(../images/app2.png) no-repeat center top;}
.fluid-app .apps .app.app3{bottom:120px;left:0px;width:456px;height:477px;background:url(../images/app3.png) no-repeat center top;}
.fluid-consultation{z-index:8000;position:relative;padding:120px 0 0 0;text-align:center;background:url(../images/bg-consultation.jpg) no-repeat center top;height:540px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.fluid-consultation h3{color:#fff;text-transform:uppercase;font-size:70px;text-shadow:0px 4px 0px rgba(0, 0, 0, 0.3);margin-bottom:60px;}
.fluid-consultation .bouton-principal{padding:20px 100px 20px 30px;}
.fluid-consultation a.bouton-principal:after{background:url(../images/ico-lien.png) no-repeat center top;width:31px;height:31px;right:35px;}
.recup-photos .propor{width:100%;position:relative;margin-bottom:10px}
.recup-photos .propor:after{display:block;content:'';}
.recup-photos .propor .propor-cont{top:0;bottom:0;right:0;left:0;height: 100%;}
.recup-photos .propor .propor-cont .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius: var(--radius);}
.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(0 0 0 / 86%) url(../images/ico-zoom.png) no-repeat center center; */}
.recup-photos .propor .propor-cont .imagecont:hover .masque{/* opacity:0.8; */filter:alpha(opacity=80);}

.recup-photos .propor .propor-cont .imagecont:hover img {
    transform: scale(1.1);
}
.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;width:100%;position:relative;z-index:8000;background:#fff;border-top:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;}
.certifs .cell.gauche{display:table-cell;vertical-align:middle;width:50%;border-right:2px solid #e6e6e6;}
.certifs .cell.gauche .contenu{padding:40px 12% 40px 12%}
.certifs .cell.droite{display:table-cell;vertical-align:middle;width:50%;}
.certifs .cell.droite .row{margin-bottom:-2px;}
.certifs .cell.droite .logo-certif{padding:15px 15px;/* height:260px;*/
 /* line-height:260px;*/
 vertical-align:middle;text-align:center;}
.certifs .cell.droite .logo-certif a{display:block;height:100%;}
/* .certifs .cell.droite .logo-certif img{max-width:100%;width:auto;} */
.certifs .row.table{width:100%;margin-left:0;margin-right:0;margin-bottom:0;display:table;}
.certifs .row.table .ligne-photos{display:table-row;height:100%;}
.certifs .row.table [class*=col-]{display:table-cell;float:none;vertical-align:middle;border-right:2px solid #e6e6e6;border-bottom:0 solid #e6e6e6;}
.certifs .cell.droite .ligne-photos:nth-child(n+2)>[class*=col-]{border-top:2px solid #e6e6e6;}
.certifs .logo-certif img{background-repeat:no-repeat;background-position:50% 50%;width:100%;background-size:120px auto;}
.certifs .oneCertif .logo-certif img{width:auto;}

.miettes{list-style-type:none;list-style-image:none;padding:0;margin:0;position:absolute;bottom:20px;left:0px;right:0px;text-align:center;}
.miettes li{display:inline-block;vertical-align:top;background:none;padding:0;}
.miettes li a{width:12px;height:12px;border-radius:12px;background:#ed0202;display:inline-block;}
.miettes li a.active{background:#000;cursor:default}
.realisations{position:relative;z-index:8000;background:#fff;text-align:center;padding: 3em 10% 5em;}
/* .realisations .titre-secondaire{display:inline-block;width:48%;}*/
.realisations .contenu{}
.realisations .galerie .propor{width:100%;position:relative;margin-bottom:10px}
.realisations .galerie .propor:after{padding-top:78%;display:block;content:'';}
.realisations .galerie .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0;}
.realisations .galerie .propor .propor-cont .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}
.realisations .galerie .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{transition:all 300ms ease;display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;background:rgba(163, 14, 25, 0.7) url('../images/ico-zoom.png') no-repeat center center;}
.realisations .galerie .propor .propor-cont .imagecont:hover .masque{opacity:0.8;filter:alpha(opacity=80);}
.realisations .galerie .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);}
/* Display Gallery Photo */

/* Gallery Photo  */
.realisations .row.recup-photos.gallery::before{display: none;}
.realisations .row.recup-photos.gallery{
  padding: 0 0%;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-areas:
    "item1 item2 item4"
    "item3 item2 item4";
  grid-template-rows: 250px 250px;
  grid-gap: 15px;
}
.recup-photos .propor{width:100%;position:relative;margin-bottom:10px;height: 100%;border-radius: var(--radius);}
/* Gallery Photo  */

.realisations .row.recup-photos.gallery .col-md-3{width: 100%;padding: 0;}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(1){grid-area: item1;}

.realisations .row.recup-photos.gallery .col-md-3:nth-child(5) {
    grid-area: item5;
}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(2){grid-area: item2;}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(3){grid-area: item3;}
.realisations .row.recup-photos.gallery .col-md-3:nth-child(4){grid-area: item4;}

/* Display Gallery Photo */
.intervention{position:relative;z-index:8000;background: var(--light);padding: 3% 10%;}
.intervention .contenu{color:#fff;}
.intervention h2{}
.intervention .zone{}
.intervention .description{width: 60%;color: var(--color2);text-align: left;line-height: 1.7;margin: auto;}
.intervention ul{margin:30px 0 0 0;padding:0;list-style-type:none;list-style-image:none;}
.intervention ul li{padding:5px 0 5px 15px;font-style:italic;}
/********************/
.modal{z-index:99999}
.modal-backdrop{z-index:99998}
.modal-content .btn-inline{display:inline-block;background:#fff;border:1px solid #000;text-transform:uppercase;color:#000;border-radius:0px;font-size: 16px;text-decoration:none;transition:all 300ms ease;border-radius: var(--radius-btn);}
.modal-content .btn-inline:hover{color:#fff;background:#000;}
/* Footer */
.pied{position:relative;z-index:8000;background:#fff;}
.pied .bande1{padding: 4em 10% 4em;background: var(--color3);position: relative;/* background: url(../images/footer-dem.jpeg); */}

.pied .bande1:before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000;url(
    ../images/.pied .bande1);
    opacity: 0;
    display: none;
}
.pied ul.menu_footer li a:before {
    display: inline-block;
    content: "\f054";
    position: absolute;
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    left: 0;
    font-size: 14px;
    color: var(--color1);
    top: 2px;
    width: 10px;
    height: 16px;
    content: "\f058";
}
.pied .bande1 .row1{padding:0 0 50px 0;margin-bottom:30px;}
.pied .bande1-2{background:#0c0c0c;padding: 30px 10% 20px 10%;}
.pied .bande2{/* padding: 10px 10%; *//* background:#040404; */}
.pied h2{font-size:24px;}
.pied h3{color:var(--color1);font-size:16px;text-transform:uppercase;background:url(../images/bg-titre2.png) no-repeat 0 bottom;padding:0 0 20px 0;}
/*.pied .navf{}*/
.pied .navf .menu_footer{color: var(--color0);padding: 5px 0 15px 0;list-style-type:none;margin:0}
.pied .navf .menu_footer li{display:block;padding:0 0 8px 0;background:none;}
.pied .navf .menu_footer li:last-child{border:none}
.pied .navf .menu_footer li a, .pied .navf .menu_footer li a:visited{font-size:16px;padding: 0 0 0 25px;/* background:url(../images/ico-puce2.png) no-repeat 0 center; */color:inherit;text-decoration:none;/* filter: grayscale(1); */position: relative;}
.pied .navf .menu_footer li.active a:hover,.pied .navf .menu_footer li a:hover{cursor:default;text-decoration:none;color: var(--color1);}
.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;line-height: 1.7;}
.pied .menu_referencement li:after{content:" - "}
.pied .menu_referencement li:last-child:after{content:""}
.pied .menu_referencement li a, .pied .menu_referencement li a:visited{color:inherit;font-size:16px;text-decoration:none}
.pied .menu_referencement li a:hover{color: var(--color1);}
.pied .menu_referencement li.active a:hover{cursor:default;text-decoration:none}
.pied address{margin:0;padding: 5px 10px 0 0;color: var(--color0);font-size:16px;display: flex;flex-direction: column;gap: 20px;}
.pied address p{background-repeat:no-repeat;margin:0;background-position:0 0px;}
.pied address p.tel.tel1{
    font-weight: 100;
}

.pied address i {
    margin: 0 10px 0 0;
    color: var(--color1);
}
.pied address p.tel.tel2{/* background-image:url(../images/ico-tel2-f.png); */}
.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 0;}
.pied .horaires{color: #151515!important;padding:10px 0 0 0;margin:0;}

.horaires .horaire-table {
    color: #151515 !important;
}

.pied .horaires .horaire-table {
    color: var(--color0) !important;
}
.pied .copyright-footer{margin:5px 0px 0px 0px;text-align: right;}
#logoFD svg * {fill: var(--color1);}
#logoFD svg { width: 190px;}
.pied .btn-like{padding:20px 0px 0px 0px}
.pied .btn-partage{text-align:right;padding:10px 0 0 0;display: flex;justify-content: flex-end;gap: 20px;}
.pied .bande1-2 p{padding-right:20px;}
/* SCROLL PERSONNALISE ****************************************************/
/* *************************************************************************/
.scrollbars{width:100%;height: 300px;}

.page-contenu.page-contenu-home.clear.scrollbars {
    height: 400px;
}
.scrollbar-path-vertical, .scrollbar-path-horizontal{position:absolute;background-color:#ececec;z-index:100;}
.scrollbar-path-horizontal{bottom:5px;left:0;width:100%;height:5px;}
.scrollbar-path-vertical{right:5px;top:0;height:100%;width: 4px;}
.scrollbar-path-vertical{box-shadow:inset 1px 0px 1 rgba(0, 0, 0, 0.1)}
.scrollbar-path-horizontal{box-shadow:inset 0px 1px 1 rgba(0, 0, 0, 0.1)}
.scrollbar-handle{position:relative;top:0;left:0;background-color:var(--color1);}
.scrollbar-path-vertical .scrollbar-handle{height:20%;width:100%;}
.scrollbar-path-horizontal .scrollbar-handle{width:20%;height:100%;}
.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle{border-radius:5px;}
.scrollbar-content{padding:0 30px 0 0;float:none !important}
/* MODULE SERVICES ********************************************************/
.prestation{display:table;width:100%;position:relative;z-index:8000;background:#fff;margin-bottom: 50px;}
.prestation:nth-child(even){direction:rtl}
.prestation .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center;border-radius: var(--radius);}
.prestation .cell.photo:hover{opacity:0.95;filter:alpha(opacity=95);}
.prestation .cell.texte{display:table-cell;vertical-align:top;width:50%;/* border-bottom:2px solid #e6e6e6; */}
.prestation:last-child .cell.texte{border-bottom:none}
.prestation .cell.texte .contenu{padding:120px 10% 120px 10%;text-align:center;direction:ltr}
.prestation .cell.texte .contenu ul{padding:0;margin:0;}
.prestation .cell.texte .contenu ul li{padding:5px 0 5px 20px;background:url(../images/puce.png) no-repeat 0 9px;}
.prestation .cell.texte .contenu ul li .bouton-principal{display:block;}
/* MODULE CONTACT *********************************************************/
.body-contact .corps h2{color: var(--color3);text-transform:none;position:relative;margin-bottom: 60px;}
.body-contact .corps h2:before{content:"";width: 50px;height: 2px;background: var(--color1);position:absolute;top: 45px;left:0}
.body-contact .tab-formulaire .cell.droite h2{text-align:center;font-size: 30px;margin: 45px;}
.body-contact .tab-formulaire .cell.droite h2:before{content:"";width: 50px;height: 3px;background: var(--color2);position:absolute;top:50px;left:50%;margin-left:-37px;display: none;}
.contact .tab-coordonnes{display:table;width:100%;position:relative;z-index:8000;background:#fff}
.contact .tab-coordonnes .cell{border-bottom:2px solid #e6e6e6;}
.contact .tab-coordonnes .cell.gauche{display:table-cell;vertical-align:top;width:50%;border-top:2px solid #e6e6e6;}
.contact .tab-coordonnes .cell.gauche .contenu{padding:50px 12% 30px 12%}
.contact .tab-coordonnes .cell.centre{display:table-cell;vertical-align:top;width:50%;}
.contact .tab-formulaire{display:table;width:100%;position:relative;z-index:8000;background:#fff;}
.contact .tab-formulaire .cell.gauche{display:table-cell;vertical-align:top;width:50%;background:#000000 url(../images/photo-contact2.jpg) no-repeat bottom;}
.pageDevis .tab-formulaire .cell.gauche{background:url(../images/photo-devis.jpg) no-repeat center top;}
.contact .tab-formulaire .cell.droite{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid #e6e6e6;}
.contact .tab-formulaire .cell.droite .contenu{padding:90px 12% 90px 12%}
.contact .plan{font-size:0}
.contact .plan .block #googlemapapi, .contact .plan iframe{width:100% !important;height: 690px !important;}
.contact .coordonnees{padding:0 0 20px 0;}
.contact .coordonnees h2{margin-top:20px;}
.contact .coordonnees address p{padding: 0 0 10px 0px;background-position:0 0px;background-repeat:no-repeat;position: relative;margin: 0;}
.contact .coordonnees i{margin: 10px 10px 0px 0;color: var(--color2);}
.contact .coordonnees address p.tel.tel1{margin:0;}
.contact .coordonnees address p.tel a{color:inherit;text-decoration:none}
.contact .coordonnees address p span.intitule{color: var(--color2);font-family: var(--font1);}
.contact .coordonnees address p a{text-decoration:none;color:inherit}
.contact .coordonnees address p a:hover{text-decoration:underline}
.contact .formulaire .form-group .checkbox.label-rgpd {padding: 6px 0 8px 0;text-align: justify;}
.form-group .label-rgpd strong,.info-rgpd strong,.info-rgpd a,.info-rgpd a:visited { color: #c11718;}
.contact .formulaire .form-group .col-md-12 {padding: 0;}
/* Texte description */
.contact .description-contact{padding:0px 0px 10px 0px}
/* Enlever padding conteneur champs */
.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}
/* Changement largeurs labels+champs */
.contact .formulaire .form-group .col-md-4{display:none;}
.contact .formulaire .form-group .col-md-8{width:100% !important}
/* Style des champs */
.contact .formulaire .control-label{text-align:left !important;font-weight:normal;}
/* Labels */
.contact .formulaire .form-group{margin-bottom:8px;padding:0 !important;margin-left:0 !important;margin-right:0 !important}
/* Espace entre lignes */
.contact .formulaire .form-group .form-control{background:#fff;border:1px solid #c8cbcf;box-shadow:none;border-radius:0px;width:100% !important;font-size:inherit;resize:auto!important;border-radius: var(--radius);}
.contact .formulaire .form-group textarea.form-control{position:static;height:139px;}
.body-catalogue-item .contact .formulaire .form-group textarea.form-control, .body-contact .contact .formulaire .form-group textarea.form-control{height:78px;}
.contact .formulaire .form-group input.form-control{height:50px;line-height:1;line-height:50px \9;padding:0px 12px;}
.input-group-addon{border-radius:0;}
/* Ne pas toucher le padding */
.contact .formulaire .form-group select.form-control{height:50px;line-height:50px;padding:5px 41px 5px 12px;}
/* Jouer avec le padding pour corriger FF */
/* Changement des images des champs select pour webkit + firefox (Utiliser quand champs avec fond noir par exemple) */
@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.png) !important;background-repeat:no-repeat !important;background-position:right center !important;line-height:normal !important;filter: grayscale(1);}
 .form-horizontal select.form-control option{color:inherit }
}
/* Captcha + Bouton submit (MODELE 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;}
/* Texte required */
.contact .formulaire .form-actions{font-size:12px}
/* Agrandir le plan */
.contact a.btn.btn-default{float:right}
/* Bouton submit + Agrandir le plan + bouton page erreur 404 */
.body-error404 a.btn.btn-default, .contact .formulaire input.btn-primary, .contact a.btn.btn-default{padding: 15px 60px 15px 18px;font-family:var(--font1), sans-serif;text-transform:uppercase;background: var(--color3) url(../images/ico-envoyer.png) no-repeat 94% center;color:#fff;text-align:left;border-radius:0px;font-size:14px;border:none;text-decoration:none;transition:all 300ms ease;float: right;border-radius: var(--radius-btn);}
.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(--color1);/* color: var(--color2); */}
/* Couleurs des placeholder */
*::-webkit-input-placeholder{color:#4b4b4b !important}
*:-moz-placeholder{color:#4b4b4b !important;opacity:1 !important}
/* FF 4-18 */
*::-moz-placeholder{color:#4b4b4b !important;opacity:1 !important}
/* FF 19+ */
*:-ms-input-placeholder{color:#4b4b4b !important}
/* IE 10+ */
/* Formulaire pageseo */
.pageseo .formulaire .form-group input[name=captcha] {
    width: 100%!important;
    margin-right: 0!important;
    text-align: left!important
}

.pageseo .formulaire .form-group input[name=captcha]+a {
    position: absolute;
    width: 140px;
    top: 0;
    right: 0;
    margin-right: 0!important
}

.flex-seoContain {
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

.flex-seoContain .seo-content {
    width: 55%;
    padding-top: 1em
}

.flex-seoContain .seo-content h1,.flex-seoContain .seo-form h2.h1 {
    text-align: left
}

.flex-seoContain .seo-content h1:before,.flex-seoContain .seo-form h2.h1:before {
    left: 0;
    margin-left: 0;
    transform: translate(0)
}

.flex-seoContain .seo-form {
    width: 44%;
    padding: 1em 3% 3em;
    background: var(--bg-facultatif)
}

.img-seo img {
    border-radius: var(--border-radius);
    width: 100%;
    height: 100%;
}
.imagecont.noflicker.img1 {
    display: block;
    margin: 1vh 0 2vh;
    height: 30vh;
    overflow: hidden;
}

.flex-seoContain .seo-content img {
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    object-fit: cover;
}
.corps .page-contenu h2:first-of-type, .corps .gallery h2:first-of-type , .corps .seo-content h2:first-of-type , .corps .newsItem h2:first-of-type {
    position: relative;
    padding: 3vh 2vw;
    font-size: calc(var(--taille_font) + .2rem);
    line-height: calc(var(--taille_font) + 1rem);
    border: none;
    font-weight: 700;
    z-index: 1;
}

.corps .page-contenu h2:first-of-type:before, .corps .gallery h2:first-of-type:before , .corps .seo-content h2:first-of-type:before , .corps .newsItem h2:first-of-type:before {
    content: '';
    position: absolute;
    background: var(--color3);););
    width: 100%;
    height: 100%;
    opacity: 0.1;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: var(--radius-btn);
}

.corps .page-contenu h2, .corps .gallery h2 , .corps .seo-content h2, .corps .newsItem h2 {
    margin-bottom: 2vh;
}
.corps blockquote {
    font-size: inherit;
    background: var(--bg-facultatif);
    border-radius: var(--border-radius);
    border: 0;
    padding: 3vh 2vw;
    margin: 3vh 0;
}
.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:0px !important;}
.contact .formulaire .form-group .checkbox{padding:7px 50px 5px 20px;float:left;}
.contact .formulaire .form-group .checkbox .col-md-8{width:auto !important;}
.contact .formulaire .form-group input.datepicker{background:url(../images/ico-calendrier.png) no-repeat 95% center;filter: grayscale(1);}
.flex-seoContain{position:relative;display: grid;width:100%;flex-wrap:wrap;grid-template-columns: 1fr 1fr;grid-gap: 50px;}
.flex-seoContain .seo-content{width: 100%;padding-top:1em;}
.flex-seoContain .seo-content h1, .flex-seoContain .seo-form h2.h1{text-align:left;}
.flex-seoContain .seo-content h1:before, .flex-seoContain .seo-form h2.h1:before{left:0;margin-left:0;}
.flex-seoContain .seo-form{width: 100%;padding: 0;position: relative;}
.img-seo img{width: 245px;height: auto;}
/* devis */
.contact .formulaire .form-group.index_20 .col-md-4 {
    display: none;
}
.contact .formulaire .form-group.index_0, .contact .formulaire .form-group.index_2, .contact .formulaire .form-group.index_8, .contact .formulaire .form-group.index_15, .contact .formulaire .form-group.index_6, .contact .formulaire .form-group.index_13,  .contact .formulaire .form-group.index_14 {
  display: inline-block;
  width: 50%;
  padding-right: 15px !important;
}

.contact .formulaire .form-group.index_1, .contact .formulaire .form-group.index_3, .contact .formulaire .form-group.index_9, .contact .formulaire .form-group.index_16, .contact .formulaire .form-group.index_6, .contact .formulaire .form-group.index_7 {
    display: inline-block;
    width: 50%;
}

.contact .formulaire .form-group.index_4, .contact .formulaire .form-group.index_12, .contact .formulaire .form-group.index_19, .contact .formulaire .form-group.index_20, .contact .formulaire .form-group.index_20, .formulaire .form-group.index_10, .formulaire .form-group.index_11, .formulaire .form-group.index_17,.formulaire .form-group.index_18 {
    display: flex;
}
.contact.pageDevis .formulaire .control-label {
    padding-left: 0;font-weight: bold;
}

.contact.pageDevis .formulaire input[type="date"]::-webkit-inner-spin-button,
.contact.pageDevis .formulaire input[type="date"]::-webkit-calendar-picker-indicator {
    opacity:0;
}

.contact.pageDevis .formulaire .form-group .col-md-12.choix + .col-md-12, .contact.pageDevis .formulaire .form-group .col-xs-12.choix + .col-md-12 {
    width: 100% !important;
}
.contact .formulaire .form-group.index_4 label, .contact .formulaire .form-group.index_10 label, .contact .formulaire .form-group.index_11 label, .contact .formulaire .form-group.index_17 label, .contact .formulaire .form-group.index_28 label, .contact .formulaire .form-group.index_20 label,.contact .formulaire .form-group.index_18 label {
    display: inline-block;
    margin-right: 45px;
    margin-bottom: 0;
}
.contact.pageDevis .form-horizontal .checkbox, .contact.pageDevis .form-horizontal .radio {
    float: left;
    position: static;
    width: auto;
    text-align: left;
    position: relative;
    top: -1.5px;font-weight: normal;
}
.contact.pageDevis span.help-inline, .contact.pageDevis span.help-block {
    font-size: 1em;
    font-style: normal;
    display: inline-block;
    padding-top: 14px;
}
.contact .formulaire .form-group.index_20 {
    display: inline-block;
    width: 65%;
    padding-right: 15px !important;
}
.contact.pageDevis .formulaire .calcul-btn {
    display: inline-block;
    width: 35%;
}
.contact.pageDevis .formulaire .hvr-shutter-out-horizontal {
    padding: 14px 10px 14px 10px;
    font-size: 15px;
    width: 100%;
    position: relative;
    top: -80px;
    border: 0;
    color: #fff;
    font-family: var(--font1), sans-serif;
    text-transform: uppercase;
    background-color: var(--color3);
    border-radius: var(--radius-btn);
    transition: .3s;
}

.contact.pageDevis .formulaire .hvr-shutter-out-horizontal:hover {
    background: var(--color1);
}

.contact.pageDevis .formulaire .hvr-shutter-out-horizontal::before {
    background-color: #010101;
}
label span.required {
    display: none;
}
.contact.pageDevis hr {margin-top:35px; margin-bottom:35px;border-top:1px solid #eaeaea;}
#calculateurmodal #accordion .glyphicon, .service-wrapper #accordion .glyphicon {
    font-size: 15px;
    float: right;
}


/* MODAL */

#calculateurmodal .hvr-shutter-out-horizontal {
  border: 0;
  color: #fff !important;
  font-family: var(--font1), sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 18px 20px 15px 20px;
  min-width: 168px;
  line-height: 19px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 0px;
  text-transform:uppercase;
  border-radius: var(--radius-btn);
}


#calculateurmodal .panel-heading {
  background-color: transparent;
  transition: all 300ms ease;
  border-radius: 26px;
  padding: 0;
  color: #FFF;
  border-radius: 0px;
}

#calculateurmodal .panel-heading.active, #calculateurmodal .panel-heading, #calculateurmodal .panel-heading:active {
  background-color: var(--color3);
  border-radius: var(--radius-btn);
}

#calculateurmodal .panel-heading h4 {
  font-size: 18px;
  font-weight: 400;
}

#calculateurmodal .panel-heading h4 a {
  text-decoration: none;
  width: 100%;
  display: inline-block;
  height: 100%;
  cursor: pointer;
  padding: 20px 30px 18px 30px;
  color: #FFF;
}

#calculateurmodal .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 25px;
  margin-top: 5px;
}

#calculateurmodal .panel {
  box-shadow: none;
  border: 0;
}

#calculateurmodal .modal-content label.control-label {
  display: inline-block;
  /*! color: #323435; */
  padding-top: 0 !important;
  font-weight: 400;
  font-size: 17px;
}
#calculateurmodal #accordion .form-control {
  margin-bottom: 15px;
  border: 1px solid #bfbfbf;
  border-radius: 0px;
  font-size: 16px;
  color: #323435;
  height: 41px;
}

.collapsible-link {
  position: relative;
}

.quantiteTotal {
  margin-top: 10px;
}

.quantiteTotalFlex {
  display: flex;
  align-items: center;
}

.quantiteTotalFlex span {
  display: inline-block;
  margin-left: 10px;
  font-weight: 700;
  font-size: 17px;
}

#calculateurmodal #accordion .quantiteTotalFlex .form-control, #collapse5 .quantiteTotal .form-control {
  margin-bottom: 0 !important;
}

.modal-content .btn-close {
    border: 0;
    background: none;
    padding: 0;
    font-size: 21px;
    color: #000;
    opacity: 0.2;
    line-height: 1;
    outline: none;
}
.modal-content .btn-close:hover, .modal-content .btn-close:focus { opacity: 0.5;}
.modal-content {font-family: var(--font2), sans-serif;}

.menu-item.devis {/* background: var(--color2); */padding: 0;}

.menu-item.devis:hover {
    background: var(--color1);
}

.menu-item.devis:hover a {
    color: var(--color2) !important;
}
/*** devis ****/
/* MODULE GALERIE *********************************************************/
.gallery .bas-galerie{text-align:center;padding:40px 0 0 0;}
.gallery .description-galerie{padding:0 11% 40px 11%;text-align:justify}
/* Espace entre colonnes de photos */
.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:0px !important; *//* padding-right:0px !important; */}
/* Espace gauche et droite des lignes de photos */
.gallery .multiple .ligne-photos{margin-left:0px !important;margin-right:0px !important}
.gallery .ligne-photos .propor{width:100%;position:relative;margin-bottom:15px;}
.gallery .multiple .ligne-photos .propor{margin-bottom: 25px;}
.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 .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius: var(--radius);}
.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;}
/* Effet photo */
.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: rgb(0 0 0 / 70%) url(../images/ico-zoom.png) no-repeat 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 img {
    transform: scale(1.1);
}
.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);}
.propor .propor-cont .imagecont img {
    object-fit: cover;
    -o-object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    flex: 1;
    height: 100%;
    transition: all .3s ease;
}

.home-text .row.recup-photos.gallery .propor .propor-cont .imagecont img {
    width: 100%;
    height: 100%;
}
/* GALERIE MULTIPLE */
.gallery .nav{margin:10px 0px;text-align:center;}
.gallery .nav li{display:inline-block;margin-bottom:10px}
.gallery .nav li{background:url(../images/sep.png) no-repeat right center;padding:0 20px 0 5px}
.gallery .nav li:last-child{background:none}
.gallery .nav li a{background:none;display:block;color:var(--color1);text-transform:uppercase;font-size:14px;font-family:var(--font1), sans-serif;padding:10px 10px;text-align:center;border-radius:0;text-decoration:none}
.gallery .nav li a:hover, .gallery .nav li.active a{background:none;color:#323435}
.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 0;}
.gallery .bas-galerie a.bouton-principal{/*padding-right:60px;*/}
.gallery .bas-galerie a.bouton-principal:after{background-image:url(../images/ico-plus.png);width:22px;height:22px;}
/* MODULE CATALOGUE / GARAGE / IMMO *****************************************/
.etiquette{position:absolute;z-index:9000;}
.etiquette.favoris{background:url(../images/ico-coeur.png);top:5px;right:5px;width:25px;height:23px;transition:all 300ms ease}
.item:hover .etiquette.favoris{background:url(../images/ico-coeur-h.png)}
.mentions{padding:0 0 10px 0;margin:0;list-style-type:none;list-style-image:none;}
.mentions .mention{color: var(--color1);font-style:italic;text-align:center;font-size:18px;margin:0;/* line-height:21px; */background-image:none;}
.fil-arianne{border-bottom:1px solid #b9b8b8;padding:0 0 10px 0;font-size:22px;}
.fil-arianne a{text-decoration:none;color:inherit;}
.fil-arianne a:hover{text-decoration:underline}
.fil-arianne span{color:var(--color1);}
.cat-produit .fil-arianne{margin:0 0 50px 0;}
.cat-liste .titre-liste{background:#3f3f3f;border-radius:3px;margin-bottom:20px}
.cat-liste .titre-liste h2{background:none;margin:0}
.cat-liste #filtres{display:block;padding:20px 0 0 0;font-size:14px;text-align:right;text-transform:uppercase;}
.cat-liste #filtres form{display:inline-block;}
.cat-liste #filtres form#form_ipp{padding-right:0px}
.cat-liste #filtres form label, .cat-liste #filtres form b{font-weight:normal;}
.cat-liste #filtres form label{background:url(../images/points.png) no-repeat right 4px;padding:0 10px 0 0;}
.cat-liste #filtres p{margin:0}
.cat-liste #filtres select{height:30px;line-height:30px;padding:5px;border:1px solid #ccc;margin:0 0 0 10px;}
.cat-liste #pagination{padding:8px 0;text-align:right;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:30px 0 0 0;}
.cat-liste #pagination ul{margin:0;padding:0;list-style-type:none;list-style-image:none;}
.cat-liste #pagination ul li{display:inline-block;width:28px;}
.cat-liste #pagination ul li a{background:#f5f5f5;font-weight:normal;text-align:center;display:block;height:28px;line-height:28px;font-weight:bold;font-size:16px;text-decoration:none;}
.cat-liste #pagination ul li a:hover, .cat-liste #pagination ul li.active a{background:#edebeb;}
.filtres-catalogue{background:#f8f8f8;padding:15px;margin:0 0 15px 0;}
.filtres-catalogue button, .filtres-catalogue a.btn-reset{text-decoration:none;border:1px solid #9a9a9a;display:block;background:none;text-align:center;text-transform:uppercase;color:#000;width:100%;font-size:16px;padding:12px 0 12px 0;border-radius: var(--radius-btn);}
.filtres-catalogue button:hover, .filtres-catalogue a.btn-reset:hover{color: var(--color2);background: var(--color1);border: 1px solid var(--color1);}
.filtres-catalogue h3{text-transform:uppercase;font-size:16px;color:#3f3f3f;padding:5px 0 5px 0;}
.filtres-catalogue p{line-height:26px;}
.filtres-catalogue p.range{padding:10px 10px 20px 10px}
.filtres-catalogue label{font-weight:normal;font-size:16px;color:#838383;margin:0;padding:0 0 0 5px;}
.filtres-catalogue input:disabled+label{font-weight:normal;font-size:20px;color:#d2d2d2;margin:0;padding:0 0 0 5px;font-style:italic;}
.filtres-catalogue input[type="submit"]{margin:30px 0 20px 0;transition:all 300ms ease;background: var(--color3);font-size:16px;color:#ffffff;text-align:center;display:block;width:100%;border:none;padding:13px 0;text-transform:uppercase;border-radius: var(--radius-btn);}
.filtres-catalogue input[type="submit"]:hover{background: var(--color1);color: var(--color2);}
.modele-liste{margin-left:-10px !important;margin-right:-10px !important;padding:0}
.encarts .modele-liste, .encarts2 .modele-liste, .encarts3 .modele-liste{margin-left:0px !important;margin-right:0px !important;padding:0}
.modele-liste .col-md-2, .modele-liste .col-md-3, .modele-liste .col-md-4, .modele-liste .col-md-6{padding-left:10px !important;padding-right:10px !important}
.modele-liste .item{margin-bottom:30px;position:relative}
.modele-liste.cont-sliderfav .item{width:100%;padding:0 20px;}
.modele-liste.cont-sliderred .item{width:100%;padding:0 20px;}
.modele-liste.cont-slidernouv .item{width:100%;padding:0 20px;}
.modele-liste.cont-sliderfav .item .div-proportionnel-item, .modele-liste.cont-sliderred .item .div-proportionnel-item, .modele-liste.cont-slidernouv .item .div-proportionnel-item{width:220px !important;display:inline-block;}
.modele-liste .item .div-proportionnel-item{width:100%;position:relative}
.modele-liste .item .div-proportionnel-item:after{padding-top:80%;display:block;content:'';}
.modele-liste .item .div-proportionnel-item .cont-propor{position:absolute;top:0;bottom:0;right:0;left:0;}
.modele-liste .item .div-proportionnel-item .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;transition:all 300ms ease}
.modele-liste .item .div-proportionnel-item .imagecont:hover{opacity:0.8;filter:alpha(opacity=80);}
.modele-liste .item .div-proportionnel-item .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;}
.modele-liste .item .noimage{background:#fff url(../images/noim.jpg) no-repeat center center}
.modele-liste .item .tableau{width:100%}
.modele-liste .item h2, .modele-liste .item h3{margin:20px 0 10px 0;font-size:23px;text-transform:uppercase;text-align:center;padding:0;}
.modele-liste .item h2 a, .modele-liste .item h3 a{color: var(--color2);}
.modele-liste .item .prix-item{font-size: 27px;text-align:center;/* line-height:23px; */color: var(--color2);}
.modele-liste .item .prix-item div{display:inline-block;vertical-align:top;/* padding:7px 8px 0px 8px */
}
/*.modele-liste .item .prix-item div.cell2{display:block;}*/
.modele-liste .item .prix-item div.ancien{text-decoration:line-through;color:#9e9e9e;position:relative;font-size:24px;}
.modele-liste .item .prix-item div.ancien:before{content:"";position:absolute;top:18px;left:2px;right:2px;border-bottom:1px solid #9e9e9e;display:inline-block;display:none;}
.saluuut .item .prix-item{font-size:22px;line-height:23px;}
.saluuut .item .prix-item div{display:inline-block;vertical-align:top;/* padding:7px 8px 0px 8px */
}
/*.saluuut .item .prix-item div.cell2{display:block;}*/
.saluuut .item .prix-item div.ancien{/*text-decoration:line-through;*/
 color:#9e9e9e;position:relative;font-size:24px;}
.saluuut .item .prix-item div.ancien:before{content:"";position:absolute;top:18px;left:2px;right:2px;border-bottom:1px solid #9e9e9e;display:inline-block;}
.saluuut .mentions .mention{text-align:left;padding:0;}
.cat-produit .btn-partage{text-align:right;position:absolute;top:0px;right:0px;}
.cat-produit .btn-partage .btnp{width:25px;height:25px;margin:0 1px;background-repeat:no-repeat;background-position:center center;display:inline-block;transition:all 300ms ease;vertical-align:top;cursor:pointer;}
.cat-produit .btn-partage .btnp img{vertical-align:top;}
.cat-produit .btn-partage .btnp:hover{transform:rotate(360deg);background:none;}
.cat-produit .btn-partage .btnp.btn-fb{background-image:url(../images/ico-fb2.png);}
.cat-produit .btn-partage .btnp.btn-twitter{background-image: url(../images/ico-twitter.png);background-color: var(--color1);background-size: 16px;background-repeat: no-repeat;background-position: center;}
.cat-produit .btn-partage .btnp.btn-google{background-image:url(../images/ico-google2.png)}
.cat-produit .btn-partage .btnp.btn-pinterest{background-image:url(../images/ico-pinterest2.png)}
.cat-produit .btn-partage .btnp.btn-tumblr{background-image:url(../images/ico-tumblr2.png)}
.cat-produit .btn-partage .btnp.btn-ami{background-image:url(../images/ico-ami2.png);}
.cat-produit .btn-partage .btnp.btn-fb:hover{/* background-image:url(../images/ico-fb2-h.png); */}
.cat-produit .btn-partage .btnp.btn-twitter:hover{background-image:url(../images/ico-twitter2-h.png)}
.cat-produit .btn-partage .btnp.btn-tumblr:hover{background-image:url(../images/ico-tumblr2-h.png)}
.cat-produit .btn-partage .btnp.btn-google:hover{background-image:url(../images/ico-google2-h.png)}
.cat-produit .btn-partage .btnp.btn-pinterest:hover{background-image:url(../images/ico-pinterest2-h.png)}
.cat-produit .btn-partage .btnp.btn-ami:hover{/* background-image:url(../images/ico-ami2-h.png); */}
.cat-produit .particularites{margin:30px 0 30px 0;padding:0;list-style-type:none}
.cat-produit .particularites li{font-size:18px;color:#858585;background:none;padding:0;}
.cat-produit .particularites li span{color:#000;}
.cat-produit .item-titre{font-size:25px;color:var(--color1);margin:0 0 0 0;max-width:65%;font-family:arial;text-transform:uppercase;}
/*.cat-produit .item-date{}*/
.cat-produit .item-description{font-size:17px;padding:0 0 90px 0;color:#676767;}
.cat-produit .item-prix{font-size:28px;line-height:28px;padding:5px 0 0 0;}
.cat-produit .item-prix div{display:inline-block;vertical-align:top;/* padding:0 8px;*/
}
/*.cat-produit .item-prix div.cell2{display:block;}*/
.cat-produit .item-prix div.ancien{text-decoration:line-through;color:#9e9e9e;position:relative;font-size:24px;}
.cat-produit .item-prix div.ancien:before{content:"";position:absolute;top:12px;left:2px;right:2px;border-bottom:1px solid #9e9e9e;display:inline-block;display:none;}
.cat-produit .equipements ul{margin:0;padding:0;list-style-type:none}
.cat-produit .btn-retour{padding:20px 0 0 0;}
.cat-produit .btn-retour a{transition:all 300ms ease;display:inline-block;text-decoration:none;border:1px solid #585858;font-size:16px;color:#000;padding:15px 30px 12px 30px;text-transform:uppercase;border-radius: var(--radius-btn);}
.cat-produit .btn-retour a:hover{background: var(--color1);color: var(--color2);border-color: var(--color1);}
.cat-produit .titre-similaire{font-size:28px;margin-bottom:20px;text-transform:uppercase;padding:19px 0 12px 15px;color:#403f3f;text-align:center;border:1px solid #c8c8c8;margin:70px 0 50px 0;}
.cat-produit .titre-desc{text-transform:none;font-size:19px;margin:20px 0 5px 0;color:#000;}
.cat-produit .btn-envie{text-align:right;}
.cat-produit .btn-envie a{transition:all 300ms ease;display:inline-block;text-decoration:none;border:1px solid #585858;font-size:16px;color:#000;padding:15px 30px 12px 55px;text-transform:uppercase;background:url(../images/ico-envie.png) no-repeat 30px center;border-radius: var(--radius-btn);}
.cat-produit .btn-envie a:hover, .cat-produit .btn-envie a.remove-from-wishlist{background:#000 url(../images/ico-envie-h.png) no-repeat 30px center;color:#fff;}
.cat-produit{position:relative;}
/*.cat-produit .cont-sliderthumb{}*/
.cat-produit .cont-sliderthumb .div-proportionnel{width:100%;position:relative;}
.cat-produit .cont-sliderthumb .div-proportionnel:after{padding-top:72%;display:block;content:'';}
.cat-produit .cont-sliderthumb .div-proportionnel .cont-propor{position:absolute;top:0;bottom:0;right:0;left:0;}
.cat-produit .cont-sliderthumb .div-proportionnel .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;cursor:zoom-in}
.cat-produit .cont-sliderthumb .div-proportionnel .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;}
.cat-produit .noimage{display:block;background:#fff url(../images/noim.jpg) no-repeat center center;width:100%;height:400px}
.cat-produit .sudo-slider-thumb{padding:0;text-align:center;}
.cat-produit .noimage{background:#fff url(../images/noim.jpg) no-repeat center center;background-size:auto !important}
.cat-produit .cont-miniatures{overflow:hidden;position:relative;margin:30px 0 0 0}
.cat-produit .miniatures{width:300000px}
.cat-produit .miniatures .miniature{width:181px;float:left;margin-right:30px;border:1px solid #ccc;}
.cat-produit .miniatures .div-proportionnel{width:100%;position:relative;}
.cat-produit .miniatures .div-proportionnel:after{padding-top:94%;display:block;content:'';}
.cat-produit .miniatures .div-proportionnel .cont-propor{position:absolute;top:0;bottom:0;right:0;left:0;}
.cat-produit .miniatures .div-proportionnel .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative}
.cat-produit .miniatures .div-proportionnel .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;}
.cat-produit .cont-miniatures .precedent-miniatures{position:absolute;top:50%;margin-top:-16px;left:15px;display:none;width:32px;height:32px;background:url(../images/ico-thumb-g.png)}
.cat-produit .cont-miniatures .suivant-miniatures{position:absolute;top:50%;margin-top:-16px;right:15px;display:none;width:32px;height:32px;background:url(../images/ico-thumb-d.png)}
.cat-produit .cont-miniatures:hover .precedent-miniatures, .cat-produit .cont-miniatures:hover .suivant-miniatures{display:block}
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"], .cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"]{z-index:9000;position:absolute;top:50%;display:none;width:32px;height:32px;margin-top:-16px}
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"]{left:0px;background:url(../images/ico-thumb-g.png)}
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"]{right:0px;background:url(../images/ico-thumb-d.png)}
.cat-produit .cont-sliderthumb a.customLinkThumb[data-target="prev"]:hover, .cat-produit .cont-sliderthumb a.customLinkThumb[data-target="next"]:hover{opacity:0.8}
.cat-produit .cont-sliderthumb:hover a.customLinkThumb[data-target="prev"], .cat-produit .cont-sliderthumb:hover a.customLinkThumb[data-target="next"]{display:block}
.cat-produit .controlsthumb{list-style-type:none;list-style-image:none;padding:0;margin:0;position:absolute;bottom:10px;left:0px;right:0px;text-align:center;}
.cat-produit .controlsthumb{display:none !important}
.cat-produit .controlsthumb ol{margin:0;padding:0;list-style-type:none}
.cat-produit .controlsthumb ol li{display:inline-block;vertical-align:top;background:none;padding:0;}
.cat-produit .controlsthumb ol li a{width:12px;height:12px;border-radius:12px;background:#ed0202;display:inline-block;margin:0 5px;}
.cat-produit .controlsthumb ol li.current a.active, .cat-produit .controlsthumb ol li.current a{background:#000;cursor:default}
.cat-produit .controlsthumb ol li.current a{background:#000;cursor:default}
.cat-produit .controlsthumb ol li a span{display:none}
.cat-produit .zone-leads{padding:30px 0 0 0;}
.cat-produit .form-question{padding:20px 0 0 0}
.cat-produit .form-question select{width:100%;border:1px solid #B9B9B9;height:48px;margin:0 0 10px 0;line-height:32px;padding:5px 5px 5px 10px;}
.cat-produit .form-question textarea{width:100%;border:1px solid #B9B9B9;padding:10px;height:280px;margin:0 0 4px 0;}
.cat-produit .form-question input[type="text"], .cat-produit .form-question input[type="email"], .cat-produit .form-question input[type="tel"]{width:100%;border:1px solid #B9B9B9;margin:0 0 10px 0;height:48px;line-height:1;line-height:48px \9;padding:0px 10px;}
.cat-produit .form-question input[type="submit"]{width:43%;border:none;padding:12px 0 12px 20px;text-align:left;color:#fff;text-transform:uppercase;background:var(--color1) url(../images/ico-envoyer.png) no-repeat 90% center;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.cat-produit .form-question input[type="submit"]:hover{background-color:#930c16;color:#fff;}
.help-block{margin-top:5px;margin-bottom:10px;position:relative;}
.cat-produit .form-question input[name="captcha"]{width:35%}
.cat-produit .form-question #captcha3{height:48px !important;padding:0px 4px;}
.cat-produit .form-question #captchaRefresher{text-decoration:none;}
@media screen and (-webkit-min-device-pixel-ratio:0), screen and (-moz-images-in-menus:0){.cat-produit .form-question select{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none;background-image:url(../images/image-select.png) !important;background-repeat:no-repeat !important;background-position:right center !important;line-height:normal !important;}
 .cat-produit .form-question select option{color:inherit }
}
/* Couleurs des placeholder */
.cat-produit .form-question *::-webkit-input-placeholder{color:#616161 !important}
.cat-produit .form-question *:-moz-placeholder{color:#616161 !important;opacity:1 !important}
.cat-produit .form-question *::-moz-placeholder{color:#616161 !important;opacity:1 !important}
.cat-produit .form-question *:-ms-input-placeholder{color:#616161 !important}
.modal-backdrop.in{z-index:99996}
.modal-open .modal{z-index:999999}
.sidebar-left .btn-recherche{margin:0px 0 0 0;overflow:hidden;text-indent:100px;background:url(../images/ico-recherche.png) no-repeat center center;display:inline-block;vertical-align:top;width:50px;height:48px;position:absolute;top:0px;right:50px;}
.sidebar-left .btn-favoris{position:absolute;margin:0px 0 0 0;top:0px;right:0;overflow:hidden;text-indent:110px;background:url(../images/ico-favoris.png) no-repeat center center;display:inline-block;vertical-align:top;width:50px;height:48px;}
/* MENU MOBILE 3 ***********************************************************/
.header-sidebars,.sidebar-left,.sidebar-right{background-color: #ffffff;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:#fff!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: var(--color2);}
.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: 7px;max-height: 60px;max-width: 265px;}
.deploy-left-sidebar{display:table-cell;background-color:#c11718;background-size:auto 49%;background-image:url(../images/menu-mobile-3/nav.svg);background-repeat:no-repeat;height:65px;width:65px;background-position:center center}
.deploy-right-sidebar{border-left: 1px #1e1e1e solid;display:table-cell;background-color: var(--color3);background-size:auto 49%;background-image:url(../images/menu-mobile-3/nav.svg);background-repeat:no-repeat;height:65px;width:65px;background-position:center center;}
.deploy-right-mail{border-left: 1px #1e1e1e solid;display:table-cell;background-color: var(--color3);background-size:auto 49%;background-image:url(../images/menu-mobile-3/mail.svg);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(--color3);background-size:auto 49%;background-image:url(../images/menu-mobile-3/telephone.svg);background-repeat:no-repeat;height:65px;width:65px;background-position:center 16px;position: absolute !important;right: 130px;top:0;}
.deploy-back-home{background-image:url(../images/menu-mobile-3/home.png);background-repeat:no-repeat;background-color:#f9fafc;width:50px;height:50px;background-position:center center;float:right;margin-top:-50px}
.delete-right-sidebar{display:none;background-image:url(../images/menu-mobile-3/contact.png);background-repeat:no-repeat;background-color:#f9fafc;width:50px;height:50px;background-position:center center;float:right;margin-top:-50px}
.sidebar-left{font-family:Helvetica!important;width:270px;position:fixed;z-index:9999;top:0;left:-270px;bottom:0;overflow:hidden;position:fixed;box-shadow:3px 0px 3px 0px rgba(0, 0, 0, 0.1);}
.sidebar-scroll-left{padding-right:20px;left:0;width:310px;overflow:scroll!important;overflow-x:hidden!important;-webkit-overflow-scroll:touch!important;height:100%;background-color:#c31c26;}
.sidebar-scroll-right{width: 275px;overflow:hidden!important;overflow-x:hidden!important;height:100%;background-color: var(--color2);}
.sidebar-right{font-family:Helvetica!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 0px 2px 0px rgba(0, 0, 0, 0.1);}
.sidebar-decoration{background-image:url(../images/menu-mobile-3/sidebar-deco.png);background-repeat:repeat-x;height:2px;margin-bottom:15px}
.sidebar-left a,.sidebar-right a{text-decoration:none;display:block;overflow:hidden;position:relative;color: #ffffff !important;z-index:1;}
.sidebar-header-left{height:65px;background-color:#c11718;position:relative}
.sidebar-left-logo{max-height:75px;position:absolute;top:-2px;left:8px;margin-right:179px;}
.sidebar-right-logo{top: 20px;right: 17px;max-width: 180px;float: right;max-height: 32px;position: relative;}
.close-sidebar-left{background-image:url(../images/menu-mobile-3/left-chevron.svg);background-size:45% auto;background-repeat:no-repeat;background-position:center center;height:65px;width:65px;margin-left:205px;display:block}
.sidebar-divider-text{font-size:20px;padding-top:15px;padding-left: 20px;padding-bottom:15px;margin-bottom:0;color: var(--color0) !important;background: var(--color2);}
.home-nav{background-image:url(../images/menu-mobile-3/home.png)}
.info-nav{background-image:url(../images/menu-mobile-3/infoabout.png)}
.folio-nav{background-image:url(../images/menu-mobile-3/bendedright.png)}
.mail-nav{background-image:url(../images/menu-mobile-3/mail.svg)}
.newsletter-nav{background-image:url(../images/menu-mobile-3/rss.png)}
.call-nav{background-image:url(../images/menu-mobile-3/phonehook.svg)}
.text-nav{background-image:url(../images/menu-mobile-3/speechbubble4.png)}
.facebook-nav{background-image:url(../images/menu-mobile-3/facebook.png)}
.twitter-nav{background-image:url(../images/menu-mobile-3/twitter.png)}
.sidebar-bottom-controls{background-color:#f78e1e;}
.sidebar-bottom-controls p{margin-top:3px;}
.sidebar-bottom-controls a{font-size:12px;background-repeat:repeat-y;text-align:center;float:left;width:33%;line-height:10px;display:block}
.facebook-bottom{display:block;padding-top:26px;background-image:url(../images/menu-mobile-3/facebook.png);background-repeat:no-repeat;background-position:center 33px;background-size:16px 16px;height:50px;margin-top:-25px}
.twitter-bottom{display:block;background-image:url(../images/menu-mobile-3/twitter.png);background-repeat:no-repeat;background-position:center 33px;background-size:16px 16px;height:50px;margin-top:-25px}
.close-bottom-left,.close-bottom-right{display:block;padding-top:26px;background-image:url(../images/menu-mobile-3/accessdenied.png);background-repeat:no-repeat;background-position:center 33px;background-size:16px 16px;height:50px;margin-top:-25px}
.nav-item{font-size:16.2px;-webkit-tap-highlight-color:rgba(0,0,0,0);background-size:22px auto;background-color:#c9323b;height:60px;line-height:61.5px;background-repeat:no-repeat;padding-left:60px;background-position:20px center;margin-bottom:1px;}
.icon-active{position:absolute;background-image:url(../images/menu-mobile-3/left-sidebar/location.png);background-size:10px 15px;background-repeat:no-repeat;display:block;width:10px;height:15px;top:19px;left:240px}
.icon-page{position:absolute;background-image:url(../images/menu-mobile-3/left-sidebar/gopage.png);background-size:8px 11px;background-repeat:no-repeat;display:block;width:10px;height:15px;top:19px;left:240px}
.icon-drop{position:absolute;background-image:url(../images/menu-mobile-3/left-sidebar/godrop.png);background-size:10px 8px;background-repeat:no-repeat;display:block;width:10px;height:15px;top:19px;left:239px}
.submenu a{text-shadow:0 2px 0 rgba(0,0,0,1);background-image:url(../images/menu-mobile-3/sidebar-deco.png);background-repeat:repeat-x;padding-top:12px;padding-bottom:12px;padding-left:25px;font-size:10px;color:#878787;text-transform:uppercase;font-weight:900}
.submenu a em{background-image:url(../images/menu-mobile-3/left-sidebar/gopage.png);background-size:8px 11px;background-repeat:no-repeat;float:left;width:10px;height:15px;display:block;margin-top:5px;padding-right:35px}
.submenu a:first-child{background-image:none!important}
.submenu{display:none}
.submenu-active{display:block}
.sidebar-notifications a{margin-bottom:15px;background-repeat:no-repeat;background-position:0 center;padding-left:38px;margin-left:20px;font-size:10px;color:#878787;font-family:var(--font2),sans-serif;font-weight:700;text-transform:uppercase;line-height:10px}
.sidebar-header-right{height:65px;background-color: var(--color2);position:relative;}
.close-sidebar-right{background-image:url(../images/menu-mobile-3/right-chevron.svg);background-size:45% auto;background-repeat:no-repeat;background-position:center center;height:65px;width:65px;margin-left:0;display:block}
.sidebar-left .close-sidebar-left, .sidebar-right .close-sidebar-right{position:absolute !important;}
.right-sidebar-copyright{margin:20px 0}
.footer-text a{padding-top:10px;font-size:10px;color:#8a8a8a}
.copyright-sidebar{font-size:10px;text-align:center;text-transform:uppercase}
.menu-mobile-dynamique{margin:0;padding:0;list-style-type:none;list-style-position:inside;list-style-image:none}
.menu-mobile-dynamique li{width:100%;margin-bottom: 1px;padding-left: 18px;background-image: none;background: var(--color3);}
.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, #c11618, #c11618);padding-top:18px;padding-bottom:18px;}
.menu-mobile-dynamique li.parent{background-image:url(../images/menu-mobile-3/left-sidebar/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;text-decoration: none !important;line-height:18px;font-size: 15.2px;background-image:url(../images/menu-mobile-3/bendedright.svg);-webkit-tap-highlight-color:rgba(0,0,0,0);background-size:8px auto;text-transform:uppercase;color:#fff;height:60px;background-repeat:no-repeat;padding-left: 29px;background-position: 6px 20.9px;}

.menu-item.devis a {
    color: var(--color0) !important;
    padding: 0;
    text-align: center;
    background-image: none;
}
.menu-mobile-dynamique ul{list-style-image:none;list-style-position:inside;list-style-type:none;padding-left:0}
.menu-mobile-dynamique ul li a{background:none;color:#BEBEBE}
.small-notification p{margin:10px 13px;padding-bottom:2px;line-height:18px}
.text-input{overflow:hidden;position:relative;font-size:11px;color:#666;width:230px;margin-left:20px;height:30px;padding-left:10px;padding-right:10px;margin-bottom:10px;display:block;box-sizing:border-box;background-color:rgba(255,255,255,0.1);border:solid 1px #3d3d3d}
#contactEmail{margin-bottom:-5px!important}
#contactMessage{display:none}
#contactName{display:none;margin-bottom:10px}
#left_label_name{overflow:hidden;position:relative;display:none;text-align:left;margin-left:200px;font-size:11px;color:#8c8c8c;opacity:.3;margin-top:-20px;padding-bottom:5px;margin-bottom:10px}
#name_label{overflow:hidden;position:relative;display:none;margin-top:20px;margin-left:20px;font-family:var(--font2),sans-serif;font-size:12px;color:#c5c5c5}
#email_label{margin-top:20px;margin-left:20px;font-size:12px;color:#c5c5c5;display:block;overflow:hidden;position:relative}
#left_label_mail{display:block;overflow:hidden;position:relative;line-height:18px;text-align:left;margin-left:200px;font-size:11px;color:#8c8c8c;opacity:.3;font-family:'Open Sans',sans-serif;margin-top:-20px;padding-bottom:5px;margin-bottom:10px}
.contact-button-house{line-height:18px;margin-bottom:20px;font-size:11px;display:block;overflow:hidden;position:relative;/*vertical-align:baseline;*/outline:none}
.contactButton{display:block;overflow:hidden;position:relative;margin-left:20px;margin-top:30px;height:36px;font-family:var(--font2),sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;width:230px;background-color:rgba(255,255,255,0.1);border:solid 1px #3d3d3d}
.buttonWrap{padding:10px!important;min-width:43%}
.contactSubmitButton{display:block!important;height:36px!important;margin-right:4px;float:left;margin-bottom:20px}
.contactNameField{padding-bottom:5px;font-size:12px}
.contactField{font-size:15px;overflow:hidden;position:relative;color:#fff;min-width:100%;display:block;box-sizing:border-box;height:30px;padding-left:10px;padding-right:10px;margin-bottom:10px}
.contactTextarea{font-size:15px;overflow:hidden;position:relative;color:#fff;min-width:100%;display:block;box-sizing:border-box;margin-bottom:20px;line-height:18px;height:90px;padding:9px 12px}
.menu-mobile-dynamique input{-webkit-appearance:none;appearance:none;border-radius:0}
.sidebar-form{display:none;margin-left:20px;width:230px;box-sizing:border-box}
.sidebar-form2{display:none}
.sidebar-form label{font-size:13px;border-radius:0!important;color:#c5c5c5;text-transform:uppercase;padding-top:10px;display:block;opacity:.8;filter:alpha(opacity=80)}
.sidebar-form label span{text-transform:lowercase;float:right;opacity:.5}
.sidebar-form input{background-color:rgba(255,255,255,0.1);border:solid 1px #3d3d3d}
.sidebar-form textarea{background-color:rgba(255,255,255,0.1);border:solid 1px #3d3d3d;margin-bottom:0}
.sidebar-send-button{font-size:13px;display:block;width:100%;color:#d2d2d2;font-family:var(--font2),sans-serif;text-transform:uppercase;font-weight:700}
.success-subscribe{margin-top:20px;width:230px;margin-left:20px}
.sidebar-form{margin-bottom:0!important;margin-top:-10px!important}
.sidebar-form .formSuccessMessageWrap{width:230px;margin-top:20px;margin-bottom:0}
.sidebar-form .small-notification{margin-top:20px}
.sidebar-form #emailError{margin-top:20px;width:230px;margin-left:20px;border-radius:0;height:36px}
.sidebar-form #emailError p{text-align:center;color:#ff8181;margin:8px 0;display:block;background-image:none;text-transform:uppercase;padding-left:0}
.sidebar-form #emailError2{margin-top:20px;width:230px;margin-left:20px;border-radius:0;height:36px}
.sidebar-form #emailError2 p{text-align:center;color:#ff8181;margin:8px 0;display:block;background-image:none;text-transform:uppercase;padding-left:0}
.subscribe-notification{width:230px!important;margin-left:20px;border-radius:0!important;margin-bottom:-15px!important;margin-top:20px!important;background-image:none!important}
.subscribe-notification p{background-image:none!important;text-align:center;color:#ff8181!important;margin:8px 0;display:block;text-transform:uppercase;padding-left:0;margin-top:20px}
.formValidationError{margin-bottom:-15px}
.sidebar-form .formValidationError div{margin-top:20px;width:230px;border-radius:0!important;height:36px;margin-top:20px!important}
.sidebar-form .formSubmitButtonErrorsWrap{overflow:visible!important;margin-bottom:20px}
.sidebar-form .formValidationError p{text-align:center;color:#ff8181!important;margin:8px 0;display:block;background-image:none;text-transform:uppercase;padding-left:0}
.menu-mobile-dynamique label{display:block;overflow:hidden;position:relative;border:0;/*vertical-align:baseline;*/outline:none}
.red-notification{background-color:rgba(219,84,84,0.5);border-radius:5px;border:solid 1px #f78e1e}
.formValidationError .red-notification p{background-image:none!important;display:block!important;padding-left:0!important;text-align:center!important}
.no-bottom{margin-bottom:0!important}
.menu-mobile-dynamique .sub-menu{display:none}
/* AUTRES STYLES FIXES ****************************************************/
.remonter{position:fixed;z-index:9995;display:none;bottom:10px;right:10px;width:44px;}
.remonter button{display:block;padding:6px 10px 11px 10px;text-align:center;border:0;background:rgba(0, 0, 0, 0.05);border-radius:3px;}
.remonter button:hover{opacity:0.8;filter:alpha(opacity=80)}
/* Div IE <8 dÃ©prÃ©ciÃ© */
.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}

/* Fix pour fond noir lightbox qui n'apparait pas sur chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){.lightboxOverlay{overflow:scroll }
 .lightboxOverlay::-webkit-scrollbar{width:0px }
}
/* banner slider */

:after,
:before,
*{
    box-sizing: border-box;
}

.atouts-container {
    overflow: hidden;
}

.formulaire h2 {
    color: var(--color3);
}

.body-service .glyphicon-chevron-left:before {
    display: none;
}

.slider-selection {
    background: var(--color1);
}

.nosServicesBg {
    position: relative;
    background: var(--color0);
}

span.btn-partage {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.map-top p {
    margin: 0;
}

.telephone  p {
    margin: 0;
}

.btn-service {
    text-align: center;
}

.contact {
    position: sticky;
    top: 0px;
}

svg.icones {
    fill: var(--color0);
    width: 20px;
    height: 20px;
}

svg.icones.icone-share {
    display: none;
}

.flex-address {
    display: flex;
}

p.title_footer {
    font-size: 25px;
    color: var(--color1);
    font-family: var(--font1);
}

/*.atouts {
    position: relative;
    padding: 4% 10% 5%;
    background: var(--light);
}

.atouts h2 {
}

.atout-item {
    display: flex;
    gap: 20px;
    border: 1px solid #9d9d9d30;
    box-shadow: 10px 10px 150px #00000017;
    align-items: center;
    padding: 15px 40px;
    transition: all .3s linear;
    margin: 7px 0;
    justify-content: flex-start;
    text-wrap: balance;
    height: 200px;
}

.atout-item:nth-child(1) {grid-area: z1}

.atout-item .h3 {
    font-size: 18px;
    color: #424242;
}
.atout-item:nth-child(5) {grid-area: z5}
.atout-item:nth-child(6) {grid-area: z6}
.atout-item img {
    width: 65px;
}
.atout-item:nth-child(2) {grid-area: z2}
.atout-img{grid-area: z3;padding: 0 8%;display: flex;align-items: center;justify-content: center;}
.atout-item:nth-child(4) {grid-area: z4}
.atout-item:hover {
    transform: translateY(-10px);
    background: var(--color0);
}

.atout-item i {
    color: var(--color1);
    font-size: 65px;
}

.atoutbloc {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        "z1 z3 z2"
        "z4 z3 z5"
        "z6 z3 z7";
    margin-top: 5%;
    grid-template-rows: 250px 250px;
}

.atoutbloc {}
*/

/* Atouts */

.atouts-content {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    row-gap: 1em;
    column-gap: 2%;
    position: relative;
}

.atouts-content:before {
    content: '';
    position: absolute;
    top: -65px;
    left: -70px;
    width: 150px;
    height: 150px;
    background: url(../images/bg-att.png););
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    opacity: 0.2;
}

.atout-cont {
    position: relative;
    width: 48%;
    display: flex;
    /* border: 1px solid #47474738; */
    padding: 30px 20px 20px 30px;
    background: var(--color0);
    min-height: 190px;
    overflow: hidden;
    align-items: stretch;
    border-radius: 25px 0;);
    border-bottom: 4px solid #146cbb2b;
    box-shadow: 0 34.211px 114.035px rgba(170,194,186,.17);
    -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.atout-cont:last-child {
    margin: auto;
}

.atout-cont:hover {
    border-bottom-color: var(--color3);
    transition-property: initial !important;
}

.atout-cont:hover:before {
   transform: scale(1);
}
.atout-cont:before {
    content: '';
    position: absolute;
    top: -60px;
    border-radius: 1e3px;
    left: -65px;
    width: 170px;
    height: 170px;
    background-color: var(--color3);
    border: 4px solid #fff;
    box-shadow: 0 20px 50px rgba(150, 157, 176, .25);
    transform: scale(0);
    -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .5s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .5s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .5s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .5s cubic-bezier(.645, .045, .355, 1);
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}

.img-att {
    width: 50%;
    box-shadow: 0 5px 25px rgb(0 0 0 / 19%);
    position: relative;
    overflow: visible;
    z-index: 1;
}

.img-att:before {position: absolute;right: -50px;top: 40px;width: 200px;height: 40%;content: "";background: var(--color1);z-index: -1;clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);}

.img-att:after {
    position: absolute;
    right: -50px;
    bottom: 40px;
    width: 200px;
    height: 40%;
    content: "";
    background: var(--color2);
    z-index: -1;
    clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
    padding-top: 0 !important;
}

.img-att img {width: 100%;height: 100%;object-fit: cover;object-position: right;}

.pic-att {
    width: 90px;
    height: 90px;
    min-width: 90px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d9e7f4;
    border-radius: 50%;);
    border: 1px dashed var(--color3);
}

.pic-att img {
    filter: brightness(0);
    filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(1288%) hue-rotate(190deg) brightness(99%) contrast(93%);
    padding: 22px;
}
.atouts-sect {
    display: flex;
    padding: 3em 0;
    gap: 10px;
}

.atouts-1 .atouts-sect {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0 6%;
}

.atouts {
  position: relative;
  padding: 3em 10% 7em;
  background: var(--light);
  background-size: cover;
  background-repeat: no-repeat;
}

.atouts.atouts-1 h2, .atouts.atouts-1 h2 .titre-secondaire {
    /* text-align: left; */
}
.atout {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.atout .picto img {
    width: 70px;
}

.text-att {
    text-align: left;
    margin-top: 12px;
}

p.legend {
    font-size: 20px;
    color: var(--color3);
}
.atouts .h1:after {
    left: 0;
    margin: 0;
}


.texts-att {
    padding: 0 0 0 17px;
}

p.legend-att {
    font-size: var(--taille_font_h2);
    color: #373737;
    font-family: var(--font1);
    margin: 0 0 20px;
}
p.text-att {
    opacity: .7;
    /* font-size: 14px; */
}

/**********/


.home-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5%;
}
.container{
  width:1200px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

@media (max-width: 991px) {
    .base-container{
        
padding: 4em 10%;
    }
     .realisations .row.recup-photos.gallery {
        padding: 0px;
        display: grid;
        grid-template: "item1 item2" 150px "item3 item4" 150px / 1fr 1fr;
        gap: 10px;
    }
    .atouts{
        padding: 3em 10% 3em;
    }
    .text-att{
        text-align: center;
    }
    .body-service-list .slogan h1{
        
text-align: center;
    }
    /**Presentation*/

    .text-experience{
        display: none;
    }

    .row.r-flex {
        flex-direction: column;
        gap: 0;
    }

    .r_name {
        height: initial;
        display: flex;
        width:100%;
        padding: 10px 0px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }


    .recup-photos .propor {
        width: 100%;
        height: 100%;
        margin: 3em 0 1em;
    }

    .propor.pic-2,
    .r_name {
        display: none;
    }
    .images-f{
        width: initial !important;
    }
    .stats{flex-wrap: wrap}
    .service-image{height: 400px}
  .hero-slider {
    height: 600px;
  }
}


.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.hero-slider .slide-inner:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, black, transparent);
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  transform:translateX(0);
  opacity:1;
  visibility:visible;
}

@media (max-width: 767px) {
    .service-description{
        padding: 10px;
    }
    .corps .page-contenu h2:first-of-type, .corps .gallery h2:first-of-type, .corps .seo-content h2:first-of-type, .corps .newsItem h2:first-of-type{
        padding: 3vh 4vh;
    }
    .top-logo img{
        
width: 160px;
        
top: 20px;
    }
    .description-services{flex-wrap: wrap;gap: 50px;}
  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next {
    display: none;
  }
}

.hero-slider .swiper-button-prev {
  left: 25px;
  transform:translateX(50px);
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 25px;
  transform:translateX(-50px);
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 0.3;
  background:#fff;
  transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity:1;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

@media screen and (min-width: 992px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction {
/*     display: none; */
  }
}
.swiper-pagination {
  text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:50px;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:30px;
 
}
}
/*--------------------------------------------------------------
	#hero-style
--------------------------------------------------------------*/
.hero-style {
  height: 100vh;
  transition:all .4s ease;
}

@media (max-width: 991px) {
  .hero-style {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .stats .item p{white-space: wrap;}
  .hero-style{
    height: 31vh;
  }
}

@media screen and (min-width: 992px) {
  .hero-style .container {
    padding-top: 95px;
  }
}

@media (min-width:991px) and (max-width:1199px) {
     .images-f {
  width: 100%;
}
    .fluid-contenu .corps {
  padding: 8em 0% 6em;
}
    .text-experience{
        display: none;
    }
    .propor.pic-2{
        display: none;
    }
}

.hero-style .slide-title h2 {
  font-size: 55px;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  margin: 0 0 20px;
  transition:all .4s ease;
  text-wrap: balance;
  text-align: center;
}

@media (max-width: 1199px) {
  .hero-style .slide-title h2 {
    font-size: 75px;
  }
}

@media (max-width: 991px) {
  .hero-style .slide-title h2 {
    font-size: 50px;
    margin: 0 0 35px;
  }
}

@media (max-width: 767px) {
  .hero-style .slide-title h2 {
    font-size: 25px;
    margin: 0 0 15px;
  }
}

.hero-style .slide-text p {
  opacity: 0.8;
  font-family: var(--font2);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 25px;
  transition:all .4s ease;
  text-align: center;
}

@media (max-width: 767px) {
  .hero-style .slide-text p {
    font-weight: normal;
    margin: 0 0 30px;
    font-size: 20px;
  }
}

.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}


/*--------------------------------------------------------------
	#button-style
--------------------------------------------------------------*/
.theme-btn, .theme-btn-s2{
    background-color: #ffffff;
    font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color:#2b3b95;
    padding: 9px 32px;
    border: 0; 
  border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    line-height: initial;
  transition:all .4s ease;
}
a {
    text-decoration: none;
    transition: all 0.2s ease;
}
.theme-btn-s2{
    background-color: rgba(255, 255, 255, 0.9);
    color: #131e4a;
}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {
    background-color:#2b3b95 ;
    color: #fff;
}
.theme-btn-s3{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
  text-transform: uppercase;
}
i.fa-chevron-circle-right{
  height:22px;
  width:22px;
}
a:hover {
    text-decoration: none;
    color: var(--color2);
}
@media (max-width: 991px){
  .theme-btn, .theme-btn-s2, .theme-btn-s3 {
    font-size: 13px;
    padding: 15px 25px;
  }
}
@media (max-width: 767px){
  .theme-btn, .theme-btn-s2{
    padding: 13px 20px;
    font-size: 13px;
  }
}

.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal a { color: var(--color0); text-align: center; }
.cta {display: flex;flex-wrap: wrap;align-content: space-around;align-items: stretch;column-gap: 10px;justify-content: left;height: 100%;margin: 1em 0 0;}

.body-page-1 .cta {
    justify-content: flex-start;
    margin: 2em 0 0;
}
.cta a.bouton-principal:after {display: none;}
.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal {text-align: left;font-family: var(--font4);color: var(--color0);text-decoration: none;margin: 0 0 0;display: inline-grid;text-transform: inherit;border: 0;overflow: hidden;align-content: center;justify-content: center;align-items: center;font-size: 16px;background: var(--color3);letter-spacing: 1px;padding: 10px 20px;transition: all .3s linear;border-radius: var(--radius-btn);}

.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal:hover {
    color: var(--color2);
    background: var(--color1);
}

.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal {
    background: var(--color3);
}
.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal span {font-size: 100%;text-align: center;min-width: auto;} 
header a.bouton-principal:before {background: red;}

.cta a.bouton-principal:hover, button.bouton-principal:hover, .cta .tel-header:hover {
    background: var(--color1);
}

/* banner slider */

/* MEDIA QUERIES **********************************************************/
/* *************************************************************************/
/* Mobile + Tablette (col-xs + col-sm) */
@media (max-width:991px){.remonter{display:none !important }
.centerservice2 {margin: 0 0 !important;}
.centerservice{ margin: 0 25% !important;}
 .container{max-width:none;width:auto }
 /* Changement largeurs labels+champs contact */
 .contact .formulaire .form-group .col-md-4{width:100% !important }
 .contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;}
 .contact .formulaire .form-group .col-md-8{width:100% !important }
 /* Captcha Contact */
 .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:0px;right:0px;margin-right:0px !important;}
 .contact .formulaire .form-group .form-control{font-size:12px;}
 .contact .formulaire .form-group .checkbox{font-weight:normal;font-size:12px;}
 .contact .formulaire .form-group .checkbox .col-md-8{margin-top:2px;}
 /* Forcer l'affichage des flÃ¨ches de la lightbox car pas de hover sur mobile */
 .lb-prev{opacity:1 !important;background:url(../images/lightbox-g.png) left 48% no-repeat;}
 .lb-next{opacity:1 !important;background:url(../images/lightbox-d.png) right 48% no-repeat;}
 .video-accueil{position:static;width:100%;height:auto;margin-left:0;}
 .banniere{height: 40vh;position:relative;}
 .fluid-contenu{margin:0 !important;}
 .slogan{width:100%;right:0;padding:0 30px;text-align:center;top:-130px;left: 0;}
 .miettes{bottom:0;}
 .masque-noir{top:0;}
 .body-page-1 .slogan{top:-200px;}
 .slogan .titre{font-size:32px;line-height:30px;}
 .slogan .titre span{font-size:29px;}
 .slogan .sous-titre{font-size:20px;line-height:20px;}
 .cat-produit .btn-partage{position:static;padding:10px 0 0 0;}
 .cat-liste #filtres{padding:20px 0 20px 0;}
 .zone-favoris{top:50px;position:absolute;}
 .body-page-1 .slogan{top:-200px;text-align:center;width:100%;left:0;padding:0 90px;}
 .slogan .titre{font-size:32px;line-height:30px;}
 .intervention{height:auto;padding: 3em 5%;}
 .intervention .zone{}
 .fluid-consultation h3{font-size:50px;}
 .pied .bande1{padding: 60px 9% 9%;}
 .gallery .description-galerie{padding:0 0 40px;text-align:justify;}
 .cat-produit .btn-envie a{padding:15px 30px 12px 75px;text-align:left;}
 .cat-produit .cont-miniatures .suivant-miniatures, .cat-produit .cont-miniatures .precedent-miniatures{display:block;}
 .fluid-contenu .corps{padding: 5em 5%;}
 .cat-produit .cont-miniatures{display:none;}
 .cat-produit .controlsthumb{display:block !important }
 .flex-seoContain{flex-wrap:wrap;display: block;}
.flex-seoContain .seo-content{width:100%;background:transparent;}
.flex-seoContain .seo-form{width:100%;}
.img-seo img{width:100%;height:auto;}.bande_contact_footer .row1{padding:5rem 11%;}
.contact .tab-formulaire{padding:0;}
 .livre-elements{padding:0 0;}
a.img-seo.imagecont.noflicker.img1 { float: inherit; margin-left: 0; margin-bottom: 15px; display: block; }

}

.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-color: var(--color0);
    padding: 6em 10%
}

.actualites article {
    display: table;
    width: 100%
}

.actualites:nth-child(even+1) {
    direction: rtl
}

.actualites .cell.photo {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 50%;
    background-position: center center;
    border-radius: var(--radius);
    background-size: contain !important;
    background-repeat: no-repeat;
}

.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(--color0)
}

.actualites:last-child .cell.texte {
    border-bottom: none
}

.actualites .cell.texte .contenu {
    padding: 3em 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
}
.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
}

.actualites .date_post,.news .date_post {
    text-align: center;
    color: var(--color0);
    font-weight: 800;
    font-size: 14px;
    font-size: clamp(12px,.5vw,14px);
    line-height: 18px;
    text-transform: uppercase;
    display: block;
    background-color: var(--color1);
    position: absolute;
    left: 0;
    top: 0;
    padding: 7% 4% 4%;
    z-index: 50;
    margin: 0;
    border-radius: var(--border-radius) 0 0 0
}

.actualites .date_post span,.news .date_post span {
    display: block;
    line-height: 13px;
    min-width: 84px
}

.actualites .date_post .s1,.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,.2);
    background-image: none
}

.news .propor .propor-cont .imagecont:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.newsList .propor {
    overflow: hidden
}

.newsList .item .h3 {
    color: var(--color2);
    padding: 5px 0 25px;
    margin: 0
}

.newsList .item:hover .h3 {
    color: var(--color1)
}

.newsList .item .h3 a:hover {
    text-decoration: none
}

.item-news {
    position: relative
}

.newsItem .photo img {
    object-fit: cover;
    -o-object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    border-radius: var(--border-radius)
}

.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;
    left: 15px;
}

.newsItem .div-rs .btn-partage .btnp {
    background-color: var(--color2);
}

.newsItem .div-rs .btn-partage .btnp:hover {
    background-color: var(--color1)
}

.newsItem .date_post {
    padding: 5% 3% 3%
}

.news_avant_apres {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0;
    height: 100%
}

.news_avant_apres a,.news_avant_apres a:visited {
    padding: 15px 30px;
    color: var(--color1);
    text-decoration: none;
    border: 1px solid var(--color4);
    display: block;
    height: 100%;
    font-family: var(--font_family_1);
    text-transform: uppercase
}

.news_avant_apres>div {
    display: table-cell;
    float: none;
    padding: 0;
    height: 100%
}

.news_avant_apres a:focus,.news_avant_apres a:hover {
    border-color: var(--color3);
    text-decoration: none
}

.news_avant_apres>div:last-child {
    right: -5px
}

.news_avant_apres a:focus b,.news_avant_apres a:hover b {
    text-decoration: none;
    color: var(--color1)
}

.navButtons,.navButtons:visited {
    padding: 0 0 10px;
    color: var(--color2);
    transition: .8s;
    text-decoration: none;
    display: block
}

.news_avant_apres a:focus span,.news_avant_apres a:hover span {
    color: var(--color2);
    text-decoration: none
}

.view-btn-all {
    position: relative;
    display: table;
    margin: 20px auto
}

.view-btn-all i {
    margin-left: 8px;
    font-size: 14px
}

.actualites .date_post,.news .date-article {
    position: absolute;
    font-size: 15px;
    font-weight: 700;
    color: var(--color2)
}
.actualites .cell.texte .contenu .content {
    margin: 0 0 4rem
}
.actualites .date_post,.news .date_post {
    text-align: center;
    color: var(--color2);
    font-weight: 800;
    font-size: 14px;
    font-size: clamp(12px,.5vw,14px);
    line-height: 18px;
    text-transform: uppercase;
    display: block;
    background-color: var(--color1);
    position: absolute;
    left: 0;
    top: 0;
    padding: 7% 4% 4%;
    z-index: 50;
    margin: 0;
    border-radius: var(--border-radius) 0 0 0
}

.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 {
    position: relative;
    z-index: 8000;
    text-align: center;
    padding: 5% 10%;
}
.AvisClientsBg .bx-prev {
    left: -2vw
}
@media (max-width: 767px) {
    .body-page-1 .banniere{
        height: 40vh;
    }
    .base-container{padding: 5%}
    .atouts{padding: 4em 5% 5% 5%}
  .atout-item{
    padding: 20px;
    background: transparent;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.atout-item i {
    font-size: 45px;
}
    .actualites article{
    display: flex;
    flex-direction: column;
}

.actualites .cell.photo {
    width: 100%;
    height: 400px;
    position: relative;
}

.actualites .cell.texte {
    width: 100%;
}

.actualites .cell.texte .contenu {
    padding: 5% 0;
}

.actualites {
    padding: 5em 5% 3em;
}
    .realisations .row.recup-photos.gallery{
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "item1 item2"
        "item3 item4";
    grid-template-rows: 100px 100px;
    grid-gap: 10px;
}

.realisations .row.recup-photos.gallery .col-md-3 {
    padding: 0;
    margin: 0;
}
    .stats .item{width: 100%;border: 1px solid #00000030;}
    .home-text{grid-template-columns: 1fr}
}

.AvisClientsBg .bx-prev:before {
    display: inline-block;
    content: "\f053";
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    font-size: 23px;
    color: var(--color0);
}

.AvisClientsBg .bx-next {
    right: -2vw
}

.AvisClientsBg .bx-next:before {
    display: inline-block;
    content: "\f054";
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
    font-size: 23px;
    color: var(--color0)
}

.AvisClientsBg .bx-next,.AvisClientsBg .bx-prev {
    text-indent: initial;
    font-size: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-top: -55px;
    justify-content: center;
    opacity: .7;
    transition: .5s
}

.AvisClientsBg .bx-next:hover,.AvisClientsBg .bx-prev:hover {
    opacity: 1
}

.AvisClientsBg .contenu .bx-viewport {
    padding: 28px 0 45px;
    display: block;
    height: auto!important
}

.AvisClientsBg.bg-optionnel-gris .h1 {
    color: var(--color0)
}

.etoiles .fa {
    color: #fc0
}

.AvisClientsList {
    margin: 0;
    padding: 0
}

.AvisClientsList li {
    list-style: none;
    background: 0 0
}

.AvisClientsList li:before {
    content: none
}

.avisClientsBg .h {
    text-align: center
}

.AvisClients,.AvisClients:link,.AvisClients:visited {
    position: relative;
    padding: 4rem 9% 3rem;
    text-align: center;
    height: 335px;
    margin-top: 0;
    display: block;
    text-decoration: none;
    border-radius: var(--radius-btn);
    border: 1px solid #c9c9c9;
}

.AvisClients:active,.AvisClients:hover {
    background-color: var(--light);
    border-color: transparent;
}

.AvisClients .h {
    font-size: 21px;
    color: var(--color3);
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0
}

.AvisClients p {
    font-size: 15px;
    margin-bottom: 0;
    color: var(--color2);
    padding-top: 15px
}

.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(--color0)
}

.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: 15px;
    padding: 4px 0
}

.date_post i {
    margin-right: 8px
}

.AvisClientsBg .bx-controls.bx-has-pager {
    display: block;
    position: relative;
    height: 70px
}

.livre-elements {
    padding: 0%;
    margin-bottom: 40px;
    text-align: center
}

.livre-elements .livre-ligne {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.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: 6px;
    font-size: 21px;
    color: var(--color2);
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}

.livre-elements .date {
    margin-bottom: 2px!important;
    color: var(--color2)
}

.livre-elements .etoiles {
    margin-bottom: 0!important
}

.livre-elements .temoignage {
    text-align: center;
    display: block;
    margin-top: 20px
}

.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: 25px 27px;
    margin-bottom: 3rem;
    background-color: var(--bg-facultatif);
    border-radius: var(--radius);
    width: 48%;
    border: 1px solid #d5d5d5;
}

.btn-avis {
    margin-bottom: 30px;
    padding: 12px 20px;
    border: transparent;
    color: var(--color0);
    font-size: 15px;
    letter-spacing: 1px;
    transition: all .3s linear;
    border-radius: var(--radius-btn);
}

/* Mobile (col-xs) */
@media (max-width:767px){.pad-xs{padding-left:15px !important;padding-right:15px !important }
.actualites .cell.photo{height: 200px;}
.AvisClientsBg{padding: 5em 5%;}
.centerservice2 {margin: 0 0 !important;}
.centerservice{ margin: 0 0 !important;}
 .pad-xs-l{padding-left:15px !important }
 .pad-xs-r{padding-right:15px !important }
 .nopad-xs{padding-left:0 !important;padding-right:0 !important }
 .nopad-xs-l{padding-left:0 !important }
 .nopad-xs-r{padding-right:0 !important }
 h1, .h1{font-size: 25px;line-height:1;}
 .titre-secondaire{font-size:16px;line-height:24px;}
 .prestation .h1{font-size: 25px;}
 .body-page-1 .slogan{position:static;background: var(--color3);width:100%;text-align:center;padding:15px 15px;}
 .slogan .titre{font-size:23px;line-height:24px;}
 .slogan .titre span{font-size:23px;}
 .slogan .sous-titre{font-size:17px;line-height:17px;}
 .fluid-contenu .corps{padding: 5em 5%;}
 .body-gallery-4 .fluid-contenu .corps, .body-contact .fluid-contenu .corps{padding:30px 15px 0;}
 .body-contact.body-contact-132 .fluid-contenu .corps{padding:0px 15px 0}
 .page-contenu, .intervention .description{text-align:justify }
 .recup-photos .col-md-4{padding-left:5px !important;padding-right:5px !important }
 .recup-photos{margin-left:-5px !important;margin-right:-5px !important }
 .recup-photos .propor{margin-bottom:5px;}

.propor.pic-1 {
    height: 300px !important;!i;!;
}
 .certifs{display:block;}
 .certifs .cell.gauche{display:block;width:100%;}
 .certifs .cell.gauche .contenu{padding:30px 15px 40px 15px;}
 .certifs .cell.droite{display:block;width:100%;border-top:2px solid #e6e6e6;}
 .certifs .cell.droite .logo-certif{padding:0 15px;height:130px;line-height:130px;}
 .certifs .cell.droite .logo-certif img{max-height:80% }
 .services{display:block;}
 .services .cell.gauche{display:block;width:100%;height:180px;}
 .services .cell.droite{display:block;width:100%;}
 .services .cell.droite .contenu{padding:30px 15px 40px 15px;}
 .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 5%;}
 .realisations .propor{margin-bottom:5px;}
 .realisations .contenu{padding:30px 15px 40px 15px;}
 /* a.bouton-principal{padding:13px 40px 13px 20px;} */
 .intervention .contenu{padding:40px 15px 50px 15px;}
 .intervention .zone{}
 .intervention .description{width:100%;}
 .pied .bande1{padding:30px 15px 30px 15px;}
 .pied .btn-like{padding:0px 0px 15px 0px;text-align:center;}
 .pied .btn-partage{text-align:center;padding:20px 0 0 0;justify-content: center;}

.pied .copyright-footer {
    text-align: center;
}
 .contact .tab-coordonnes{display:block }
 .contact .tab-coordonnes .cell.gauche{display:block;width:100%;border:none;}
 .contact .tab-coordonnes .cell.gauche .contenu{padding:0px 15px 30px 15px }
 .contact .tab-coordonnes .cell.centre{display:block;width:100% }
 .contact .tab-formulaire{display:block }
 .contact .tab-formulaire .cell.gauche{display:none }
 .contact .tab-formulaire .cell.droite{display:block;width:100%;border-bottom:2px solid #e6e6e6;}
 .contact .tab-formulaire .cell.droite .contenu{padding:30px 0px 30px 0px }
 .contact .plan .block #googlemapapi, .contact .plan iframe{height:250px !important;}
 .contact .coordonnees{padding:0 0 0px 0;}
 .prestation{display:block }
 .prestation .cell.photo{display:block;width:100%;height:180px }
 .prestation .cell.texte{display:block;width:100%;}
 .prestation .cell.texte .contenu{padding:30px 30px 30px 30px;}
 .mentions .mention, .saluuut .item .prix-item div.ancien{font-size:14px;}
 .saluuut .item .prix-item{font-size:25px;}
 .gallery .description-galerie{padding:0 0px 20px 0px;}
 .body-gallery-4 .gallery .description-galerie{padding:0 15px 20px 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{margin:15px;}
 .gallery .nav li{padding:0 10px 0 10px;display:block;background:#f7f7f7;margin-bottom:5px;}
 .gallery .nav li:last-child{background:#f7f7f7;}
 .gallery .nav li a{padding:8px 10px;}
 .gallery .tab-content{padding-top:0 }
 .fluid-consultation{height:450px;}
 .fluid-consultation h3{font-size:25px;}
 .fil-arianne{font-size:17px;}
}
/* Tablette (col-sm) */
@media (min-width:768px) and (max-width:991px){
.pad-sm{padding-left:15px !important;padding-right:15px !important }
.contact.pageDevis .formulaire .hvr-shutter-out-horizontal {top: -57px;} 
 .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 }
 h1, .h1{font-size: 30px;/* line-height:26px; */}
 .titre-secondaire{font-size:23px;line-height:24px;}
 .intervention .zone{}
 .scrollbars{height:240px;}
 .contact .tab-coordonnes .cell.droite{display:none;}
 .body-gallery-4 .fluid-contenu .corps, .body-contact .fluid-contenu .corps{padding:30px 0 0 0;}
 .body-contact.body-contact-132 .fluid-contenu .corps{padding: 0}
 .prestation .cell.texte .contenu{padding:40px 8% 40px 8%;}
 .body-contact .corps h2:before{display:none;}
}
/* Pc normal (col-md) */
@media (min-width:991px) and (max-width:1199px){.remonter{display:none !important }
.hero-style .slide-title h2{font-size: 40px;}
.stats{flex-wrap: wrap;}
.stats .item{border: 1px solid #d5d5d5;}
 .tete .infos{height:auto;padding:7px 30px 7px 30px }
 .btn-descendre{top:-165px;}
 .slogan{width:39%;top:-125px;}
 .body-page-1 .slogan{top: -370px;}
 .slogan .titre{font-size:32px;line-height:30px;}
 .slogan .titre span{font-size:29px;}
 .slogan .sous-titre{font-size:20px;line-height:20px;}
 .services a.bouton-principal{font-size:11px;}
 .intervention .zone{width:402px;height:230px;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 }
 .navh .menu_principal a, .navh .menu_principal a:visited{font-size:12px;padding:35px 12px 35px 5px;}
 .logo-demepool{width:75%;}
 .body-contact .corps h2:before{display:none;}
 .cat-produit .btn-partage{position:static;padding:10px 0 0 0;}
}
/* Pc large (col-lg) */
@media (min-width:1200px){}
.infinite-scroll{padding:0 0 50px 0;position:relative;}
.infinite-scroll .btn, .infinite-scroll .btn:focus{border:3px solid #000;background:#fff;padding:11px 20px 11px 20px;text-decoration:none;color:#000;border-radius:0;text-transform:uppercase;font-family:var(--font2);transition:all 300ms ease;}
.infinite-scroll .btn:hover{background:#000;color:#fff;border:3px solid #000;}
.infinite-scroll .chargement{display:none;background:url(../images/chargement.gif) no-repeat center top;height:32px;width:32px;position:absolute;bottom:0px;left:50%;margin-left:-16px;}
/************************************************/
/***************** page loader **************/
/************************************************/
#pageLoader{position:fixed;top:0;left:0;bottom:0;right:0;z-index:99999;background-image:url(../images/pageLoader.gif);background-repeat:no-repeat;background-position:50% 0;background-color:rgba(255, 255, 255, .95);}
.sk-circle{margin:0px auto;width:50px;height:50px;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0;}
.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#a00d15;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);}
.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}
.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);}
.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);}
.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);}
.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);}
.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);}
.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg);}
.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s;}
.sk-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.sk-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
.sk-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}
.sk-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
.sk-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.sk-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}
.sk-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
.sk-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
.sk-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}
@-webkit-keyframes sk-circleBounceDelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0);}
 40%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes sk-circleBounceDelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0);}
 40%{-webkit-transform:scale(1);transform:scale(1);}
}
/*************************************************/
/**************** B-lazy ****************/
img.blazy{width:100%;background-image:url('../images/bx_loader.gif');background-repeat:no-repeat;background-position:50% 50%;background-color:#F6F6F6;}
img.blazy.b-error{background-image:url('../images/noImage.png');}
div.blazy{width:100%;background-image:url('../images/bx_loader.gif');background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;}
div.blazy img{width:100%;}
div.blazy.b-error{background-image:url('../images/noImage.png');}
.blazy.imgLoaded{background-size:100% auto;}
#clear-filter-form{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;/* display:none;*/
}
.zone-catalogue .categorie{min-height:295px;}
.slideUp{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);opacity:0;visibility:hidden;}
.slideDown{display:block;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);opacity:1;visibility:visible;}
.slide{line-height:normal;text-align:center;}
.slide .blazy.imgLoaded{background-size:contain;}
.btn{padding: 8px 12px 8px 12px;}

.modal-footer .btn+.btn {
    background: var(--color3);
    color: var(--color0);
    border-color: var(--color0);
}
.contact .formulaire .form-group label.col-md-4{padding-left:0 !important;padding-right:0 !important;}
.ancien{display:block;width:100%;}
.g-recaptcha{width:301px !important;height:76px !important;/*display:inline-block;float:none!important;*/
 margin-right:2% !important;vertical-align:top;padding-right:20px;/* display:table-cell;*/
 float:left;}
.body-catalogue-item textarea.form-control{height:196px!important;}

@media (max-width: 575.98px) {
  
#calculateurmodal .panel-default:last-child>.panel-heading+.panel-collapse>.panel-body {
  margin-bottom: 0; 
}
#calculateurmodal .panel-body {padding:0;}
#calculateurmodal .h1 {margin-bottom: 30px;}
  .contact.pageDevis .formulaire .hvr-shutter-out-horizontal {
    width: 100%;
    position: static;
  }

  .contact.pageDevis .formulaire .calcul-btn {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }

  .contact.pageDevis .formulaire .form-group.index_25 {
    width: 100% !important;
    display: block;
    padding-right: 0 !important;
    margin-bottom: 0;
  }

.contact.pageDevis .formulaire .form-group.index_6, .contact .formulaire .form-group.index_12,
.contact.pageDevis .formulaire .form-group.index_19{margin-top: 15px;}
.contact.pageDevis .form-horizontal .checkbox, .contact.pageDevis .form-horizontal .radio{top: -2.3px;}
.contact .formulaire .form-group.index_4, .contact .formulaire .form-group.index_12, .contact .formulaire .form-group.index_13, .contact .formulaire .form-group.index_19, .contact .formulaire .form-group.index_20, .contact .formulaire .form-group.index_18 {font-size: 15px;}

.contact.pageDevis fieldset h2 {
    margin-top: 35px !important;
}

.contact .formulaire .form-group.index_0, .contact .formulaire .form-group.index_2, .contact .formulaire .form-group.index_4, .contact .formulaire .form-group.index_8, .contact .formulaire .form-group.index_10, .contact .formulaire .form-group.index_15, .contact .formulaire .form-group.index_17 {
  display: block;
  width: 100%;
  padding-right: 0 !important;
}

.contact .formulaire .form-group.index_1, .contact .formulaire .form-group.index_3, .contact .formulaire .form-group.index_5, .contact .formulaire .form-group.index_9, .contact .formulaire .form-group.index_11, .contact .formulaire .form-group.index_16, .contact .formulaire .form-group.index_18 {
  display: block;
  width: 100%;
}


.contact.pageDevis .formulaire .form-group input.btn-primary {width: 100%;margin-top: 8px;}
.contact .formulaire .form-group.index_20 { width:100%; padding:0 !important;}
.control-label.col-xs-12.choix {
    margin-right: 0 !important;padding-top: 3px;
}
}
#contactButtonsMobile > div:nth-child(1) > a{background: var(--color3) !important;color: #fff !important;border-radius: var(--radius-btn) !important;}
#contactButtonsMobile > div:nth-child(2) > a{background: var(--color3) !important;color: #fff !important;border-radius: var(--radius-btn) !important;}
#Capa_1 svg path *,#Capa_1 > g:nth-child(1) > path,#Capa_2 > g:nth-child(1) > path,#Capa_2 > path{fill: #fff !important;color: #fff !important;}

@media (min-width:991px) and (max-width:1400px){
    .tete{
        
padding: 5px 4%;
    }

.tete.fixed {
    padding: 0 4%;
}
}