:root{
    --color0:#ffffff;
    --color1: #cb925d;
    --nuanceColor1: #001F3F;
    --color2: #002147;
    --color3:#212121;
    --color4: #002147;
    --bg-facultatif:#f0f0f0;
    --font_family_1:'Montserrat-Light',sans-serif;
    --font_family_2:'RobotoSlab-Bold',sans-serif;
    --font_family_3:'Montserrat-Regular',sans-serif;
    --taille_font: clamp(1.4rem, 0.9vw, 1.5rem);
    --border-radius: 0;
    letter-spacing: 1px;
}

#contactButtonsMobile a {
    font-size: 13px !important;
}
/*********/


.row.recup-photos.gallery {
    position: relative;
}

.r-flex .titre-secondaire {
    text-align: center;
}


.images-f {
    width: 100%;
}

.row.r-flex {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
    justify-content: center;
    padding-top: 5em;
}

.corps .row.r-flex {
    gap: 3%;
}

.corps .row.r-flex .h3, .corps .row.r-flex h3, .body-gallery-2 .corps h3, .body-gallery-2 .corps .h3  {
    /* font-size: calc(var(--taille_font) * 2.3); */
    /* font-weight: 800; */
    /* letter-spacing: 1px; */
}

.qsn-titles {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    left: 0;
    display: none;
}

.qsn-titles span {
    position: relative;
    font-size: 1.8vw;
    display: block;
    color: var(--color2);
    background: white;
    /* border-radius: 20px; */
    padding: 5px 30px 5px 0px;
    width: fit-content;
    border-radius: 0 20px 0 0;
}

.qsn-titles span:nth-child(2) {
    padding-right: 50px;
}

.qsn-titles span:before {
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    /* background: var(--color0); */
    left: -1px;
    top: -30px;
    background-size: contain;
    border-radius: 39px;
    box-shadow: -10px -7px 0px var(--color0);
    transform: rotate(270deg);
}
.qsn-titles span:after {
    content: '';
    position: absolute;
    height: 30px;
    width: 40px;
    /* background: var(--color0); */
    right: -40px;
    bottom: 0px;
    background-size: contain;
    border-radius: 0 0 0 20px;
    box-shadow: -7px 9px 0px var(--color0);
}
.row.r-flex .text-center {
    text-align: left;
}

.row.r-flex h1 {
    text-align: center;
    margin: calc(var(--taille-font) * 1) 0;
    margin-bottom: 35px;
}

.row.r-flex h1:before {
    /* left: 0; */
    /* margin-left: 0; */
}

.r-flex .recup-photos .propor .propor-cont .imagecont img {
    /* padding: 7px; */
}
.recup-photos .propor .propor-cont .imagecont:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.1);
}
.realisations .recup-photos .propor .propor-cont .imagecont img {
    object-position: center;
}

.recup-photos .propor {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    /*! border-radius: var(--border-radiusB); */
    /* overflow: hidden; */
    /*! height: 700px; */
    background: var(--color0);
    /* overflow: hidden; */
}
.propor.pic-1 {
    /*! height: 610px; */
    height: calc(3vw * 12.5);
    width: 90%;
    margin: auto;
    position: relative;
    /* border: 1px solid var(--color1); */
    border-radius: var(--border-radius);
}

/* .propor.pic-1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    transform: scale(1.1);
    z-index: -1;
} */
.r-flex .recup-photos .propor {
    /*! border-radius: 5px; */
    /*! filter: grayscale(0.5); */
    transition: all .3s ease;
    /* border-radius: calc(var(--taille-font)* 1.5); */
}

/* .r-flex .recup-photos .propor:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 100%;
    border: 1px solid var(--color1);
    left: -10%;
    top: -5%;
}
 */
.r-flex .recup-photos .propor:hover {
    filter: unset;
}

.recup-photos .propor:after {
    padding-top: 78%;
    display: block;
    content: '';
}

.recup-photos .propor .propor-cont {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.recup-photos .propor .propor-cont .imagecont .imagefond {
    image-rendering: optimizeQuality;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat
}

.recup-photos .propor .propor-cont .imagecont .masque {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: .5s;
    /* background-color: #0000008c; */
    /*! background-image: url(../images/ico-zoom.svg); */
    background-repeat: no-repeat;
    background-position: center center
}

.recup-photos .propor .propor-cont .imagecont:hover .masque {
    opacity: .7;
}

.recup-photos .propor .propor-cont .imagecont:hover .imagefond {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

/*********/

.corps .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(--color1);width: 100%;height: 100%;opacity: .2;left: 0;top: 0;z-index: -1;border-radius: var(--border-radius);}
.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;}
.alert.alert-warning.alert-dismissable { width: 100%; }

/**** video ****/
.video-header {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.video-header video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/***********/

/* preloader */
.preloader{
    position: fixed;
    z-index: 99999999;
    height: 100vh;
    width: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.preloader img {
    width: 100px;
}
.txt-loading {
    font-size: 5em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.txt-loading .letters-loading {
    position: relative;
}
.txt-loading .letters-loading:before {
    -webkit-animation: 4s infinite letters-loading;
    animation: 4s infinite letters-loading;
    color: #d8d8d8;
    content: attr(data-text-preloader);
    left: -1px;
    opacity: 0;
    position: absolute;
    /* top: -12px; */
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.txt-loading .letters-loading:nth-child(2):before {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.txt-loading .letters-loading:nth-child(3):before {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.txt-loading .letters-loading:nth-child(4):before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.txt-loading .letters-loading:nth-child(5):before {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.txt-loading .letters-loading:nth-child(6):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.txt-loading .letters-loading:nth-child(7):before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.txt-loading .letters-loading:nth-child(8):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}
.txt-loading .letters-loading:nth-child(9):before {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.txt-loading .letters-loading:nth-child(10):before {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.txt-loading .letters-loading:nth-child(11):before {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.txt-loading .letters-loading:nth-child(12):before {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}
.txt-loading .letters-loading:nth-child(13):before {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}


.txt-loading .letters-loading {
    color: var(--color2);
    font-family: var(--font_family_2);
}

.txt-loading .letters-loading:before {
    color: var(--color1);
    -webkit-text-fill-color: var(--color2);
}

@-webkit-keyframes letters-loading {
    0%,100%,75% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    25%,50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes letters-loading {
    0%,100%,75% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    25%,50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}
/* preloader */

.scroll-box {
      /*width: 10cm;*/
      max-height: 60vh;
      overflow: auto;
      /*border: 1px solid #ccc;*/
      padding: 10px;
    }

    /* Pour les navigateurs basés sur WebKit (Chrome, Safari) */
    .scroll-box::-webkit-scrollbar {
      width: 3px;
    }

    .scroll-box::-webkit-scrollbar-thumb {
      background-color: var(--color1); /* Couleur de la barre */
    }

    .scroll-box::-webkit-scrollbar-track {
      background-color: #f0f0f0; /* Couleur du fond */
    }

@media (max-width: 991px) {
    .scroll-box{
        max-height: -webkit-fill-available;
    }
}

body,html{height:100%}
body{width:100%;margin:0;padding:0}
a{-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out}
a img{border:none}
img{max-width:100%;object-fit:cover}
ul{list-style-position:inside;list-style-type:none;list-style-image:none}
ol li,ul li{padding-left:0;position:relative}
ul li:before{display:inline-block;content:"\f054";position:absolute;font-weight:700;font-family:'Font Awesome 5 Free';left:-15px;font-size:14px;color:var(--color1);top:0;width:9px;height:16px}
ol li::marker{color:var(--color1)}
ol li.niveau2,ul li.niveau2{margin-left:30px}
dir,menu{padding-left:15px}
blockquote p{font-size:inherit}
table,table td,table th{font-size:inherit;border:1px solid #7c7c7c}
article,aside,footer,header,hgroup,main,nav,section{display:block}
iframe{border:none;width: 100%;}
[data-anim]{opacity:0}
.row{margin-right:0!important;margin-left:0!important}
.nopad{padding-left:0;padding-right:0}

.r-flex .col-md-7.col-sm-12.col-xs-12.nopad {
    padding: 0 0 0 5%;
}
.nopad-l{padding-left:0}
.nopad-r{padding-right:0}
.nomargin{margin:0}
.hide{display:none}
.center{text-align:center}
.right{text-align:right}
.justify{text-align:justify}
.clear:after{content:'';display:block;clear:both}
.bold{font-weight:700}
.underline{text-decoration:underline}
.relative{position:relative}
.inline-block{display:inline-block;vertical-align:top}
.noflicker{-webkit-transform:translateZ(0)}
.retrait{margin-left:-15px!important;margin-right:-15px!important}
.transition{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateZ(0)}
.cover{-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important}
hr.trait{height:1px;margin:-.5em 0;padding:0;color:var(--color3);background-color:var(--color3);border:0;opacity:.4}
.page-contenu img{margin:10px}
body{color:var(--color3);font-family:var(--font_family_1);font-size:var(--taille_font);background:var(--color0)}
a,a:link,a:visited{color:var(--color2);text-decoration:underline}
a:hover{text-decoration:none}
.corps a:hover{color:var(--color1)}
a:active{outline:0}
.h1,.h2,.h3,h1,h2,h3,h4,h5,h6{color:var(--color1);font-family: var(--font_family_2);font-weight:200}
.h1,h1{font-size: calc(var(--taille_font) * 2.2);line-height: 1.3;color:var(--color2);text-align:center;text-transform:uppercase;margin-bottom:60px;position:relative;font-weight:700;text-wrap: balance;}

.AvisClientsBg .h1 {
    color: var(--color1);
}
.h1:before,h1:before{content:"";width:75px;background:var(--color1);position:absolute;bottom:-15px;left:50%;margin-left:-37px;height:2px}
.h2,h2{font-size: calc(var(--taille_font) * 1.8);}
.h3,h3{font-size: calc(var(--taille_font) * 1.6);}
h4{font-size:calc(var(--taille_font) * 1.4)}
h5{font-size:calc(var(--taille_font) * 1.2)}
h6{font-size:calc(var(--taille_font) * 1)}
.h1 a,.h1 a:link,.h1 a:visited,.h2 a,.h2 a:link,.h2 a:visited,.h3 a,.h3 a:link,.h3 a:visited,h1 a,h1 a:link,h1 a:visited,h2 a,h2 a:link,h2 a:visited,h3 a,h3 a:link,h3 a:visited,h4 a,h4 a:link,h4 a:visited,h5 a,h5 a:link,h5 a:visited,h6 a,h6 a:link,h6 a:visited{font-size:inherit;color:inherit;text-decoration:none}
.h1 a:hover,.h2 a:hover,.h3 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:underline}
.titre-secondaire{position:relative;font-size: 18px;/* line-height:30px; */padding:12px 0 0;margin:0;font-weight:200;color:var(--color1);text-align:center;margin-bottom:0;display:block;text-transform: initial;font-family: var(--font_family_3);}
.badge-optionnel{position:absolute;top:0;right:0;display: none;background:url(../images/badge-optionnel.png) no-repeat top right;width:139px;height:139px}
.bg-optionnel{background:url(../images/bg-optionel.svg) repeat top center;background-size:60px auto}
.bg-optionnel-gris{background: var(--color2);background-size:60px auto}
.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background-color:var(--color1);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-shutter-out-horizontal.dark{background-color:var(--color2);color:var(--color0)}
.hvr-shutter-out-horizontal.active{background-color:var(--color1)}
.hvr-shutter-out-horizontal:before{content:"";position: absolute;top: 0;bottom: 0;right: -5px;width: calc(100% + 5px);height: 110%;border-right: 2px solid #cb925d;transition: all .3s linear;z-index: -1;border-bottom: 2px solid #cb925d;/* -webkit;;ration:.3s; */}
.hvr-shutter-out-horizontal.dark:before{background-color:var(--color2)}
.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:active,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:hover{color:var(--color0);background: var(--nuanceColor1);}
.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{/* -webkit-transform:scaleX(1); *//* transform:scaleX(1); */border-color: var(--nuanceColor1);}
a.bouton-principal,button.bouton-principal{text-align:left;font-family:var(--font_family_1);color:var(--color0);text-decoration:none;padding:13px 20px;font-size:14px;text-transform:uppercase;border:0;padding-right:50px;border-radius:var(--border-radius);overflow: visible;transition: all .3s linear;}
a.bouton-principal:after,button.bouton-principal:after{content:"\f105";right:15px;top:50%;font-family:'Font Awesome 5 Free';font-size:23px;color:var(--color0);-webkit-transform:translateY(-50%);font-weight:700;-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:9900;position:absolute}
.btn-news a.bouton-principal,.btn-news button.bouton-principal,.btn-service a.bouton-principal,.btn-service button.bouton-principal{text-align:left;font-family:var(--font_family_1);color:var(--color0);text-decoration:none;padding:13px 20px;font-size:14px;text-transform:uppercase;border:0}
.btn-news a.bouton-principal:after,.btn-service a.bouton-principal:after{content:none}
.btn-news a.bouton-principal::after,.btn-service a.bouton-principal::after{background-image:none}
.body-page-1 .corps a.bouton-principal,.body-page-1 .corps button.bouton-principal{width:130px;margin:15px 0 50px}
.main-page{position:relative;overflow:hidden}
.tete{position:fixed;left:0;right:0;z-index:9000;height:90px;transition:.5s}
.header{display:flex;width:100%;align-items:center;padding:0 3%}
.tete .header .flex-logo{width:15%}
.tete .header .flex-infos{width:25%;height:100%}
.tete .logo-site{margin:0}
.tete .logo-site a{font-size:15px;color:var(--color1);text-decoration:none;font-family:var(--font_family_1)}
.tete .logo-site a:focus,.tete .logo-site a:hover{color:var(--color1);text-decoration:none}
.tete .logo-site a img{height:auto}
.tete .header .flex-infos .infos{display:flex;width:100%;justify-content:center;align-items:center;flex-wrap:nowrap}
.tete .infos .tel{display:inline-block;vertical-align:top;font-size:16px;font-weight: normal;color:var(--color0);padding:8px 14px 8px;margin:0;font-family: var(--font_family_1);background:var(--color1);border-radius:var(--border-radius);margin-right:1rem;transition:.5s;white-space:nowrap}
.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: center;height: 100%;margin: 2em 0;font-weight: 700;}

.body-page-1 .cta {
    justify-content: center;
}
.cta a.bouton-principal:hover, button.bouton-principal:hover, .cta .tel-header:hover {
    background: var(--nuanceColor1);
}
.cta a.bouton-principal:after {display: none;}
.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal {text-align: left;font-family: var(--font_family_1);color: var(--color0);text-decoration: none;margin: 0 0 0;display: inline-flex;text-transform: uppercase;border: 0;border-radius: var(--border-radius);overflow: visible;align-content: center;justify-content: center;align-items: center;transition: all .3s linear;}
.cta p.tel-header.bouton-principal.hvr-shutter-out-horizontal span {font-size: 100%;text-align: center;min-width: auto;font-size: 14px;} 
.cta a.bouton-principal, button.bouton-principal, .cta .tel-header {display: inline-flex;align-content: center;justify-content: center;align-items: center;line-height: 1.74em;font-size: 14px;padding: 13px 20px !important;min-width: 213px;position: relative;}

.temoignages button.bouton-principal {
    padding-right: 35px !important;
}
.callTracker:not(.active) a:hover,.callTracker:not(.active):hover{color:var(--color1)}
.tete .infos .tel a{color:inherit;text-decoration:none}
.header-phone{display:inline-flex;align-items:center;justify-content:center}
.header-phone .icones{margin:0 8px 0 0;fill:var(--color1);width:25px;height:25px}
.imagecont.noflicker.img1{display: block;margin: 1vh 0 2vh;height: 30vh;overflow: hidden;}
.sidebar-scroll-right .callTracker{width:100%;height:50px}
.callTracker{position:relative}
.callTracker a,.callTracker span{display:inline-block;text-align:left;min-width: 160px;padding:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;height:100%;text-decoration:none}
.callTracker .t_phone{opacity:0;display:none}
.callTracker .t_affiche{cursor:pointer}
header .callTracker a,header .callTracker span{top:5px}
.callTracker.active .t_phone{opacity:1;display:inline-block}

.tete .callTracker span {
    text-align: center;
}
.callTracker.active .t_affiche{opacity:0;display:none}
.coordonnees .callTracker a,.pied .callTracker a{position:relative;left:0}
.tete .infos .callTracker:not(.active) a:hover,.tete .infos .callTracker:not(.active):hover{color:var(--color0);background:var(--nuanceColor1)}
.tete .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 .4s ease;text-align:center;justify-content:center;align-items:center}
.tete .infos.infos_small .btn-partage .btnp{width:29px;height:29px}
.btn-partage .btnp:hover{transform:rotate(360deg);background-color:var(--color1)}
.copyright{text-align:justify}
.tete .btn-partage{padding:0;display:flex}
.tete .header .flex-menuP{width:60%}
.navh .menu_principal{margin:0 auto;padding:0;display:table}
.navh .menu_principal>li{position:relative;display:table-cell;vertical-align:middle;text-align:center;padding:0 2rem;background:0 0}
.navh .menu_principal>li:before{content:none}
.navh .menu_principal>li:last-child{background:0 0}
.navh .menu_principal a,.navh .menu_principal a:visited{position:relative;color:var(--color0);display:block;font-size:16px;padding:34px 0;/* font-weight:700; */text-decoration:none;font-family: var(--font_family_1);transition:all .4s ease}
.navh .menu_principal a:after{content:'';position:absolute;width:0;height:3px;background:var(--color0);left:0;bottom:0;transition:.5s}
.navh .menu_principal a:hover:after,.navh .menu_principal li.active>a:after{width:100%}
.icone-share{display:none}
.btn-partage .icones{width:16px;margin:0;height:16px;padding:0;position:relative;left:0;fill:var(--color0)}
@media(max-width:1530px){
.header{padding:0 1.5%}
}
@media(max-width:1376px){
.flex-infos{/* display:none; */}
.fluid-infos .infos p.tel { /*display: none;*/ }
 .btn-liens-rs { /*display: none;*/ }
.tete .header .flex-menuP{width:80%}
.fluid-infos{position:fixed;top:20vh;right:0;z-index:9999}
.fluid-infos .infos p.tel{margin:0;position:relative;left:155px;transition:.5s;background:var(--color1);line-height:1;padding:9px 9px;display:table;color:var(--color0)}
.fluid-infos .infos p.tel span{height:initial;line-height:1;top:7px;position:relative}
.fluid-infos .infos .tel .icones{margin:0 15px 0 0;width:26px;height:26px;float:left}
.fluid-infos .infos p.tel:hover{left:0}
.fluid-infos .infos .btn-partage{position:relative;margin:8px 0 0;display:flex;left:155px;transition:.5s;background:var(--color1);line-height:1;padding:7px 9px;align-items:center}
.fluid-infos .infos .btn-partage .icones{fill:var(--color0)}
.fluid-infos .infos .btn-partage .icones.icone-partage{width:25px;height:25px;top:5px;margin-right:14px;fill:var(--color0)}
.fluid-infos .infos .btn-partage:hover{left:0}
.fluid-infos .icone-share{display:block;width:34px;height:22px;fill:var(--color0);padding-right:10px}
.tete .header .btn-partage .icone-partage{/*display:block*/}
}
.fixed.tete{background:var(--color2)}
.slogan{position:relative;color:var(--color0);width:100%;padding: 0 4%;margin:0;text-align: center;z-index:2;top: 50px;}
.slogan h1 { position: relative; color: var(--color0); width: 100%; margin: 0; text-align: left; z-index: 2; }

.body-service-list .slogan h1 {
    text-align: center;
}
.h1.slogan:before,.slogan h1:before{content:"";width:0;height:0;background:0 0;position:inherit;bottom:inherit;left:inherit;display: none;}
.slogan .titre{font-size:46px;font-family: var(--font_family_2);text-transform:uppercase;line-height:40px;text-shadow: 0 0 10px #1212129e;}
.slogan .titre span{font-size:48px}
.slogan .sous-titre{font-size:27px;font-family:var(--font_family_1);line-height:45px;font-weight:200;/* text-transform:uppercase; */text-shadow: 0 0 10px #1212129e;}
.body-page-1 .slogan{top:50px;text-align: center;width: 100;padding: 0 10%;3%}
.video-accueil{position:fixed;top:0;left:50%;width:120%;width:120vw;height:100vh;margin-left:-60%;margin-left:-60vw}
.video-accueil video{width:100%;height:auto;vertical-align:top;z-index:1;position:relative}
.video-accueil .banniere{z-index:0}
.banniere{position:fixed;top: 0;margin-left:0;height:100%;left:0;width:100%;display:flex;justify-content:flex-start;align-items:center}
.banniere:after{content:'';background: linear-gradient(rgb(0 0 0 / 37%) 0, rgb(0 0 0 / 7%) 13%, rgb(0 0 0 / 0%) 75%, rgb(255 255 255 / 0) 100%);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:block}
.banniere::before{content:"";position:absolute;z-index:2;width:100%;height:100%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none}
.banniere img{position:absolute;top:0;left:0;width:100%;height:100%}
.body-page-1 .banniere::before{content:none}
@-moz-document url-prefix(){
.banniere img{filter:blur(4px);width:100%}
.body-page-1 .banniere{filter:blur(0);width:100%;left:0}
}
.btn-descendre,a.btn-descendre{width:60px;height:60px;position:relative;display:flex;text-decoration:none;align-items:center;justify-content:center;background:#fff;border-radius:100px;margin-top:23px}
.btn-descendre:after{content:"";position:absolute;z-index:0;left:0;top:0;transform:translateX(-50%) translateY(-50%);display:block;width:60px;height:60px;border-radius:50%;animation:pulse-border 1.5s ease-out infinite;background:#fff;z-index:-1}
@keyframes pulse-border{
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.8);opacity:0}
}
.btn-descendre i{font-size:30px}
.fluid-contenu{position:relative;z-index:10;background:var(--color0)}
.fluid-contenu .corps{padding:4em 10% 5em}

.body-page-1 .fluid-contenu .corps {
    position: relative;
}

.body-page-1 .fluid-contenu .corps:before {
    /* content: ''; */
    /* position: absolute; */
    /* bottom: 0; */
    /* right: 0; */
    /* width: 400px; */
    /* height: 400px; */
    /* background: url(../images/img-before.png); */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* opacity: 0.1; */
}
.page-contenu-home{position:relative;display:block;/* padding:4rem 13%; */}
.recup-photos .propor .propor-cont .imagecont{position:absolute;top:0;bottom:0;right:0;left:0}
.recup-photos .propor .propor-cont .imagecont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%;transition: .3s;}
.recup-photos .propor{width:100%;position:relative;margin-bottom:10px;border-radius:var(--border-radius);overflow:hidden}
.recup-photos .propor:after{padding-top:78%;display:block;content:''}
.recup-photos .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.recup-photos .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.recup-photos .propor .propor-cont .imagecont .masque{display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;transition:.5s;/* background-color:var(--color1); *//* background-image:url(../images/ico-zoom.svg); */background-repeat:no-repeat;background-position:center center}
.recup-photos .propor .propor-cont .imagecont:hover .masque{opacity:.7;filter:alpha(opacity=70)}
.recup-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.certifs{display:inline-block;width:100%;position:relative;z-index:8000;background:var(--bg-facultatif);padding:3em 10% 4em}
.certifs .cell.gauche{display:block}
.certifs .cell.gauche .contenu{padding:2em 13%}
.certifs .cell.droite{position:relative;display:block;padding:2em 7% 4em}
.certifs .logo-certifs{position:relative;padding:30px 13% 20px}
.certifs .swiper-slide{text-align:center}
.certifs .swiper-slide .img-swiper{position:relative;display:inline-block;border-radius:var(--border-radius);background-position:center center;background-repeat:no-repeat;-webkit-background-size:80% auto;-moz-background-size:80% auto;background-size:80% auto;background-color:var(--color0)}
.certifs .swiper-slide img{position:relative;display:block;width:100%;height:auto;position:relative;display:block;box-shadow:0 0 1px var(--color4)}
.certifs .swiper-button-prev{background-image:none;left:0;margin-top:-22px;opacity:.8}
.certifs .swiper-button-next{background-image:none;right:0;margin-top:-22px;opacity:.8}
.certifs .swiper-button-next i,.certifs .swiper-button-prev i{font-size:23px;color:var(--color2)}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1}
.certifs .logo-certifs .row-certifs{position:relative;display:table;width:100%}
.certifs .logo-certifs .row-certifs .certif-inline{position:relative;display:table-cell}
.certifs .logo-certifs .row-certifs .certif-inline>div{position:relative;background-repeat:no-repeat;background-position:center center;-webkit-background-size:60% auto;-moz-background-size:60% auto;background-size:60% auto;text-align:center}
.certifs .logo-certifs .row-certifs .certif-inline>div img{position:relative;overflow:hidden}
.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: 8em 10%;}
.actualites article{display:table;width:100%}
.actualites:nth-child(even+1){direction:rtl}
.actualites .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center;border-radius:var(--border-radius)}
.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: initial;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}
.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{font-size:15px;font-weight:700;color:var(--color2)}
.news .ligne-actus .date-article{margin-top:18px;margin-bottom:0}
.news .ligne-actus .contenu-article{margin-top:0}
.news .contenu-article{margin-top:21px}
.AvisClientsBg{position:relative;z-index:8000;background:var(--color4);text-align:center}
.AvisClientsBg{padding:0 7%}
.AvisClientsBg .bx-prev{left:-2vw}
.AvisClientsBg .bx-prev:before{display:inline-block;content:"\f053";font-weight:700;font-family:'Font Awesome 5 Free';font-size:23px;color: var(--color1);}
.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(--color1);}
.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 0 1em;padding: 0 0 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;background-color:var(--color0);padding:5rem 9% 3rem;text-align:center;height: 340px;margin-top:0;display:block;text-decoration:none;border-radius:var(--border-radius);box-shadow: 0 0 8px #2d2d2d2b;}
.AvisClients:active,.AvisClients:hover{background-color:var(--color0)}
.AvisClientsBg {background: var(--color0);}
.AvisClients .h{font-size:21px;color:var(--color2);text-align:center;text-transform:uppercase;font-weight:600;margin-bottom:0}
.AvisClients p{font-size:15px;margin-bottom:0;color:var(--color3);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 12%;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(--border-radius);width:48%}
.btn-avis{margin-bottom:30px}
.modal-content a,.modal-content a:link,.modal-content a:visited{color:var(--color2)}
.modal-header .h1{text-align:center;margin-bottom:40px;color:var(--color2);font-size:1.6vw;font-weight:700;text-shadow:none}
.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0;z-index:9999;font-size:16px;color:var(--color0)}
.modal-backdrop.in{z-index:0}
.modal-open .modal{z-index:99997;background:rgb(0 0 0 / 20%);color:var(--color2);text-shadow:none;font-family:Arial,Helvetica,sans-serif}
.modal-content .btn-close{border:0;background:0 0;padding:0;font-size:21px;color:var(--color2);opacity:.2;line-height:1}
.modal-content .form-control{min-height:44px;border-radius:2px}
.modal-content .btn-close:focus,.modal-content .btn-close:hover{opacity:.5}
.modal-content .submit-review{padding-right:60px!important}
.modal-content label.control-label{display:none;padding-top:0!important}
.modal-content label.control-label.label-note,.modal-content label.control-label.label-photo{display:block;padding-top:14px!important}
#add-review{text-align:center}
#add-review .form-group{text-align:left}
#add-review input[type=file]{display:block;width:100%;height:50px}
#add-review #stars-existing{margin:0 auto 10px;display:block;text-align:left;padding-top:15px}
#add-review .form-group #captcha{height:46px!important}
.formulaire #add-review .form-group .form-control,.formulaire #add-review .form-group input,.formulaire #add-review .form-group textarea{background:var(--color0);border:1px solid #ccc;color:var(--color2);border-radius:2px}
.modal-content .form-control::placeholder{color:var(--color2)!important;opacity:1}
#add-review .submit-review{margin:15px auto!important;padding:14px 15px!important;float:none;display:block;background-image:none}
#add-review .body-review{height:100px}
#add-review .form-group.form-group-1 .col-md-10,#add-review .form-group.form-group-2 .col-md-10,#add-review .form-group.form-group-4 .col-md-10{width:100%}
#add-review .conditions,.modal-content .email-block{font-size:10px;font-weight:400;font-style:italic;text-align:initial;opacity:.6;display:block;clear:both;color:var(--color2)!important}
.cont-slider{position:relative}
.sudo-slider{width:100%;z-index:8999999}
.sudo-slider .slide{text-align:center;height:135px;line-height:135px}
.sudo-slider .slide img{max-height:100%}
.cont-slider .controls{z-index:9002;display:inline-block;position:absolute;bottom:-70px;left:0;right:0;text-align:center}
.cont-slider .controls ol{margin:0;padding:0;list-style-type:none}
.cont-slider .controls ol li{display:inline-block;background:0 0;padding:0}
.cont-slider .controls ol li a{display:block;width:10px;height:10px;background:var(--color2);margin:0 5px;border-radius:10px;-webkit-border-radius:10px;opacity:.5}
.cont-slider .controls ol li.current a{opacity:1}
.cont-slider .controls ol li a span{display:none}
.centerservice2{margin:0 16%!important}
.centerservice{margin:0 33%!important}

/* custom services */
.nosServicesBg{position: relative;padding: 5em 10% 8em;z-index: 999;/* background: url(../images/bg-services.jpg); *//* background-attachment: fixed; *//* background-size: cover; */background: var(--color0);}
.services-container {
    position: relative;
    top: 0em;
    z-index: 1;
}

.nosServicesBg:before {
    content: "";
    position: absolute;
    inset: 0;
    /* background-color: #011425cf; */
}

.nosServicesBg:after {
    content: "";
    /* position: absolute; */
    /* width: 50%; */
    /* height: 108%; */
    /* background: var(--color0); */
    /* top: -4%; */
    /* z-index: 0; */
    /* left: 0; */
}
.base-container {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
    overflow: hidden;
    padding: 5% 10% 4% 10%;
    gap: 40px;
}
.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: flex-start; */
    /* align-items: center; */
    /* text-align: center; */
}

.description-services:before {
    width: 30px;
    height: 40px;
    background-color: var(--color1);
    position: absolute;
    left: 0px
}

.description-services .h1 {
    /* text-align: left; */
    margin-bottom: 3em;
}
.description-services .h1 .titre-secondaire{text-align: center;font-size: 18px;}

.description-services .h1:before {
    /* left: 0; */
    /* transform: translate(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: .5px;
    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-bottom: 10em;
}

.service-content {
    grid-column-gap: 30px;
    display: flex;
    width: 100%;
    position: relative;
}

.service-content:hover span.num {
    background: var(--nuanceColor1);
}

.service-content:hover .service-description {bottom: -40px;}

.service-image {
    width: 100%;
    height: 500px;
    max-width: 100%;
    flex: none;
    overflow: hidden;
    background: transparent;
    align-items: center;
    border-radius: var(--border-radius);
}

.service-image img {
    height: 100%;
    transition: all .3s ease;
    width: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
    /* filter: brightness(100%); */
}

.service-content:hover .service-image img {
    height: 100%
}

a.link-cms {
    color: var(--color2);
    text-decoration: none!important;
    transition: all .3s ease;
    text-align: center;
    letter-spacing: 1px;
    font-family: var(--font_family_2);
    font-size: 22px;
}
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 10px;
    display: flex;
    position: absolute;
    align-items: center;
    width: 90%;
    background: var(--color0);
    text-align: center;
    gap: 4px;
    transition: all .3s linear;
    overflow: visible;
    border-radius: var(--border-radius);
    bottom: -50px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 10px 10px 40px #00000036;
}
span.num{
    position: absolute;
    top: -20px;
    height: 20px;
    width: 20px;
    background: var(--color1);
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 45px;
    color: var(--color0);
}
.service-description .link-with-line {
    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: 18px;
    display: inline-block;
    transition: all .3s ease
}

a.link-collection {
    color: var(--color1);
    text-transform: initial;
    letter-spacing: 1px;
    font-family: var(--font_family_3);
    padding: 0;
    font-weight: 100;
    font-size: 16px;
}

a.link-collection:hover {opacity: 0.5;letter-spacing: 2px;}

.red-line {
    width: 0;
    height: 1px;
    background-color: var(--color3);
    position: absolute;
    top: auto;
    bottom: 0;
    left: -0%;
    right: auto;
    transition: all .3s ease
}

.service-content:hover .service-description .link-with-line .red-line {
}
.swiper-button-next-serv,.swiper-button-prev-serv{border-radius: 0%;background: transparent;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(--color3);border: 1px solid #cb925db0;}

.swiper-buttons i {
    color: var(--color1);
}

.swiper-button-next-serv:hover, .swiper-button-prev-serv:hover {
    background: var(--color1);
    color: var(--color0);
}

.swiper-button-next-serv:hover i, .swiper-button-prev-serv:hover i {
    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: 0;
    right: 0;
    transform: translateX(-50%);
}
/* custom services */

.services{display:table;width:100%;position:relative;z-index:8000;background:var(--color0);border-bottom:2px solid var(--color0);min-height:55vh}
.services.services-home{padding:7rem 10%}
.services .cell.gauche{display:table-cell;vertical-align:top;width:50%;border-right:2px solid var(--color0);background-position:center center;background-repeat:no-repeat}
.services .cell.gauche .vegas-slide-inner{border-radius:var(--border-radius)}
.services .cell.droite{display:table-cell;vertical-align:top;width:50%}
.services .cell.droite .contenu{padding:6rem 12%}
.services .cell.droite .contenu .liste-services{position:relative;display:block}
.services .cell.droite .contenu .liste-services h3{background:0 0;padding:0 0 0;margin:0 0 9px}
.services .cell.droite .contenu .liste-services h3:before{content:none}
.services .cell.droite .contenu .liste-servicesl h3 .bouton-principal{display:block}
.services .cell.droite .contenu .liste-services h3 .bouton-principal{font-size:16px;color:var(--color0);margin:0;display:block}
.services .cell.droite .contenu .liste-services h3 .bouton-principal:hover{text-decoration:none}
.btn-service{text-align:center;margin:10px 0}
.services .miettes{list-style-type:none;list-style-image:none;padding:0;margin:0;position:absolute;bottom:20px;left:0;right:0;text-align:center}
.services .miettes li{display:inline-block;vertical-align:top;background:0 0;padding:0}
.services .miettes li:before{content:none}
.services .miettes li a{width:12px;height:12px;border-radius:12px;background:var(--color0);display:inline-block;opacity:.5}
.services .miettes li a.active{opacity:1}
.AvisClientsBg,.realisations{position:relative;z-index:8000;text-align:center;padding: 5em 10% 6em;}

.AvisClientsList .swiper-slide {
    /* justify-content: center; */
    /* align-items: center; */
    /* display: flex; */
    /* height: -webkit-fill-available; */
}

.AvisClientsBg .contenu {
    position: relative;
    overflow: hidden;
    padding: 0;
}
.realisations {
    display: none;
}

.AvisClientsBg .picto i {width: auto;}
.AvisClientsBg .swiper-button-prev {background-image: none;left: 5%;top: 56%;margin-top:-22px;opacity:.8;}  
.AvisClientsBg .swiper-button-disabled {/* opacity: 0 !important; */} 
.AvisClientsBg .swiper-button-next {background-image: none;right: 5%;top: 56%;margin-top: -22px;opacity: .8;height: 24px;} 
.AvisClientsBg .swiper-button-next i,  .swiper-button-prev i {font-size: 23px;color: var(--color2);}
.AvisClientsBg .swiper-button-next:hover,.swiper-button-prev:hover {opacity: 1}
.AvisClientsBg .picto i {color: var(--color2);text-align: center;font-size: 3rem;}

.news .propor,.realisations .galerie .propor{width:100%;position:relative;margin-bottom:10px}
.news .propor:after,.realisations .galerie .propor:after{padding-top:78%;display:block;content:''}
.news .propor .propor-cont,.realisations .galerie .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.news .propor .propor-cont .imagecont,.realisations .galerie .propor .propor-cont .imagecont{height:100%;display:block;width:100%;overflow:hidden;position:relative;-webkit-transform:translateZ(0)}
.news .propor .propor-cont .imagecont .imagefond,.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}
.news .propor .propor-cont .imagecont .masque,.realisations .galerie .propor .propor-cont .imagecont .masque{transition:all .4s ease;display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;background-color:var(--color1);background-image:url(../images/ico-zoom.svg);background-repeat:no-repeat;background-position:center center}
.news .propor .propor-cont .imagecont:hover .masque,.realisations .galerie .propor .propor-cont .imagecont:hover .masque{opacity:.8;filter:alpha(opacity=80)}
.news .propor .propor-cont .imagecont:hover .imagefond,.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)}
.intervention{position:relative;z-index:8000;background:url(../images/bg-intervention.jpg) no-repeat center center/cover;background-attachment:fixed;padding: 6em 10%;}
.intervention:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: #000000;opacity: .65;z-index:-1}
.intervention .contenu{padding:0 13%;color:var(--color0);font-size:17px}
.intervention .contenu a,.intervention .contenu a:link,.intervention .contenu a:visited{color:var(--color0)}
.intervention h2{color:var(--color0);margin-top:0}
.intervention h2:before{background:var(--color0)}
.intervention ul{margin:30px 0 0;column-count:2;width:60%}
.note-avis{position:relative;display:flex;justify-content:center;align-items:center;margin:0 0 2rem}
.nbr-note{font-size:40px;margin-right:4rem}
.pied{position:relative;z-index:9;background:var(--color0)}
.pied .bande1{position: relative;padding: 5em 10% 5rem;background: url(../images/footer-julien.jpeg);background-repeat: no-repeat;/* background-position: center; */background-size: cover;background-attachment: fixed;}

.pied .bande1:before {
    content: '';
    position: absolute;
    inset: 0;
    background: #000000;
    opacity: 0.65;
}
.bande_contact_footer{padding:70px 10% 50px}
.bande_contact_footer .row1{position:relative;display:block;background:var(--bg-facultatif);padding:5rem 28%;border-radius:var(--border-radius)}
.bande_contact_footer .row1::after{display:block;width:232px;height:1px;content:"";background:var(--color0);position:absolute;left:50%;transform:translate(-50%,0);margin-top:49px}
.pied .bande2{padding: 30px 0 0;/* background:var(--bg-facultatif); */}
.pied .title_footer{color:var(--color1);font-family: var(--font_family_2);font-size:22px;text-transform:uppercase;padding:0 0 20px;position: relative;font-weight:200;float: left;width: 100%;}
.pied .title_footer::before{content:"";width:75px;height:10px;background:var(--color1);position:absolute;bottom:3px;left:0;height:2px}
.pied .navf .menu_footer{color: var(--color0);padding:15px 20px;list-style-type:none;margin:0;position: relative;float: left;width: 100%;}
.pied .navf .menu_footer li{display:block;padding:0 0 4px;background:0 0;position:relative}
.pied .navf .menu_footer li:last-child{border:none}
.pied .navf .menu_footer li a,.pied .navf .menu_footer li a:visited{font-size:16px;padding:0 0 0;color:inherit;text-decoration:none}
.pied .navf .menu_footer li a:hover{color:var(--color1)}
.pied .navf .menu_footer li.active a{color:var(--color1)}
.pied .navf .menu_footer li.active a:hover{text-decoration:none}
.pied .menu_referencement{color: var(--color0);list-style-image:none;list-style-type:none;margin:0;text-align:justify;padding:0}
.pied .menu_referencement li{display:inline;padding:0;background:0 0}
.pied .menu_referencement li:before{content:none}
.pied .menu_referencement li:after{content:" - "}
.pied .menu_referencement li:last-child:after{content:""}
.pied .menu_referencement li a,.pied .menu_referencement li a:visited{color:inherit;font-size:16px;text-decoration:none}
.pied .menu_referencement li a:hover{color:var(--color1)}
.pied .menu_referencement li.active a:hover{text-decoration:none}
.pied address{margin:0;padding:15px 0 25px;color: var(--color0);font-size:16px;float: left;width: 100%;position: relative;}
.pied address p{background-repeat:no-repeat;margin:0;background-position:0 0;padding:0 0 10px 0}
.flex-address{position:relative;display:flex}
.flex-address i{margin-top:3px!important}
address i{margin:0;margin-right:12px;font-size:16px;color:var(--color2);width:16px}

.pied address i {
    color: var(--color1);
}
.pied address p.tel a{color:inherit;text-decoration:none}
.pied address p a{text-decoration:none;color:inherit}
.pied address p a:hover{text-decoration:underline}
.pied .scrollbars{margin:15px 0 0;height:260px;position: relative;float: left;width: 100%;}
.pied .horaires{color:var(--color3);padding:10px 0 35px;margin:15px 0 0;font-size:16px;float: left;width: 100%;}

.pied .horaires .horaire-table {
    color: var(--color0) !important;
}
.horaires{display:inline-grid}
.horaires i{margin:4px 0 0;margin-right:12px;font-size:16px;color:var(--color2)}
.pied .copyright-footer{margin:5px 0 0;text-align: left;}
#logoFD svg *{fill: var(--color0);}
#logoFD svg{width:210px}
.pied .btn-like{padding:20px 0 0}
.pied .btn-partage{text-align:right;padding:10px 0 0;display:flex;justify-content:flex-end}
.scrollbars{width:100%;height:28vh}
.scrollbar-path-horizontal,.scrollbar-path-vertical{position:absolute;background-color:#ececec;z-index:100}
.mCSB_scrollTools .mCSB_draggerRail{background-color:var(--color0)}
.scrollbar-path-horizontal{bottom:5px;left:0;width:100%;height:5px}
.scrollbar-path-vertical{right:5px;top:0;height:100%;width:5px;box-shadow:inset 1px 0 1 rgba(0,0,0,.1)}
.scrollbar-path-horizontal{box-shadow:inset 0 1px 1 rgba(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-handle,.scrollbar-path-horizontal,.scrollbar-path-vertical{border-radius:5px}
.scrollbar-content{padding:0 30px 0 0;float:none!important}
.prestation{display:table;width:100%;position:relative;z-index:8000;background:var(--color0);margin-bottom:10rem}
.prestation:nth-child(even){direction:rtl}
.prestation .cell.photo{display:table-cell;vertical-align:top;width:50%;background-position:center center;border-radius:var(--border-radius)}
.prestation .cell.texte{display:table-cell;vertical-align:top;width:50%;border-bottom:2px solid var(--color0)}
.prestation:last-child .cell.texte{border-bottom:none}
.prestation .cell.texte .contenu{padding:90px 10%;text-align:center;direction:ltr}
.prestation .cell.texte .contenu p{padding:0 0 20px}
.prestation .cell.texte .contenu ul{padding:0;margin:0}
.prestation .cell.texte .contenu ul li{padding:5px 0 5px 20px;background:url(../images/puce.svg) no-repeat 0 9px}
.prestation .cell.texte .contenu ul li .bouton-principal{display:block}
.body-contact h2{color:var(--color2);text-transform:none;position:relative;margin-bottom:55px;font-weight:600}
.tab-coordonnes h2:before{content:"";width:75px;height:2px;background:var(--color1);position:absolute;top:50px;left:0}
.body-contact .tab-formulaire .cell.droite h2{text-align:center;margin-bottom:70px;font-size:24px}
.body-contact .tab-formulaire .cell.droite h2:before{content:"";width:75px;height:2px;background:var(--color1);position:absolute;top:50px;left:50%;margin-left:-37px}
.contact .tab-coordonnes{display:table;width:100%;position:relative;z-index:8000;background:var(--color0)}
.contact .tab-coordonnes .cell.gauche{display:table-cell;vertical-align:top;width:50%;border-top:2px solid var(--color0)}
.contact .tab-coordonnes .cell.gauche .contenu{padding:3em 7% 0}
.contact .tab-coordonnes .cell.centre{display:table-cell;vertical-align:top;width:50%}
.contact .tab-coordonnes .cell.droite{display:table-cell;vertical-align:top;width:50%}
.contact .tab-formulaire{display:block;width:100%;position:relative;z-index:8000;background:var(--bg-facultatif);padding:5rem 28%;margin-top:5em;border-radius:var(--border-radius)}
.contact .tab-formulaire .contenu h2{text-align:center}
.contact .plan{font-size:0}
.contact .plan .block #googlemapapi,.contact .plan iframe{width:100%!important;height:700px!important}
.contact .coordonnees{padding:0 0 20px}
.contact .coordonnees h2{margin-top:20px}
.contact .coordonnees address p{padding:0 0 10px 0}
.contact .coordonnees address p.tel a{color:inherit;text-decoration:none}
.contact .coordonnees address p span.intitule{font-weight:700}
.contact .coordonnees address p a{text-decoration:none;color:inherit}
.contact .coordonnees address p a:hover{text-decoration:underline}
.contact .description-contact{padding:0 0 10px}
.contact .formulaire .form-group label.col-md-4{padding-left:0!important;padding-right:0!important}
.contact .formulaire .form-group div.col-md-8{padding-left:0!important;padding-right:0!important}
.contact .formulaire .form-group .col-md-4{display:none}
.contact .formulaire .form-group .col-md-8{width:100%!important}
.form-group .label-rgpd strong,.info-rgpd a,.info-rgpd a:visited,.info-rgpd strong{color:var(--color1)}
.contact .formulaire .control-label{text-align:left!important;font-weight:400}
.contact .formulaire .form-group{margin-bottom:8px;padding:0!important;margin-left:0!important;margin-right:0!important}
.contact .formulaire .form-group .form-control{background:#ffffff9e;border:0;box-shadow:none;border-radius:0;width:100%!important;font-size:inherit;color:var(--color2);border-radius:var(--border-radius)}
.form-control:focus{color:#000;background:var(--color0)}
.contact .formulaire .form-group textarea.form-control{height:109px;position:static}
.contact .formulaire .form-group input.form-control{height:50px;line-height:1;line-height:50px\9;padding:0 12px}
.contact .formulaire .form-group .form-control:active,.contact .formulaire .form-group .form-control:focus{border:1px solid var(--color2)}
.contact .formulaire .form-group select.form-control{height:50px;line-height:50px;padding:5px 12px}
@media screen and (-webkit-min-device-pixel-ratio:0),screen and (-moz-images-in-menus:0){
.form-horizontal select.form-control{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none;background-image:url(../images/image-select.svg)!important;background-repeat:no-repeat!important;background-position:right 15px center!important;line-height:normal!important;background-size:22px auto!important}
.form-horizontal select.form-control option{color:inherit}
}
.contact .formulaire .form-group input[name=captcha]{width:31%!important;height:50px!important;display:inline-block;float:none!important;margin-right:2%!important;vertical-align:top}
.contact .formulaire .form-group input[name=captcha]+a{width:35%;display:inline-block;margin-right:2%;vertical-align:top}
.contact .formulaire .form-group #captcha{width:100%;height:50px!important;border-radius:0;padding:0}
.contact .formulaire .form-group input.btn-primary{display:inline-block;position:relative;float:right;padding-right:70px}
.contact .formulaire .form-actions{font-size:12px}
.contact a.btn.btn-default{float:right}
.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:15px 20px;font-family:var(--font_family_1);text-transform:uppercase;background-color:var(--color1);color:var(--color0);text-align:left;border-radius:var(--border-radius);font-size:14px;border:none;text-decoration:none;transition:all .4s ease;background-size:24px auto;background-position:left 90% center;background-image:url(../images/ico-envoyer.svg);background-repeat:no-repeat}
.body-error404 a.btn.btn-default{background-image:none}
.body-error404 a.btn.btn-default:active,.body-error404 a.btn.btn-default:hover,.contact .formulaire input.btn-primary:active,.contact .formulaire input.btn-primary:hover,.contact a.btn.btn-default:active,.contact a.btn.btn-default:hover{background-color:var(--nuanceColor1)}
::-webkit-input-placeholder{color:var(--color2)!important}
:-moz-placeholder{color:var(--color2)!important;opacity:1!important}
::-moz-placeholder{color:var(--color2)!important;opacity:1!important}
:-ms-input-placeholder{color:var(--color2)!important}
.pageseo .formulaire .form-group input[name=captcha]{width:100%!important;margin-right:0!important;text-align:left!important}
.pageseo .formulaire .form-group input[name=captcha]+a{position:absolute;width:140px;top:0;right:0;margin-right:0!important}
.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}
.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%;}
.flex-seoContain .seo-content img { width: 100%; height: 100%; }
.atouts{display: block;width: 100%;padding: 5em 10% 7em;width: 100%;position: relative;/* background: var(--bg-facultatif); */}
.atouts .swiper-pagination-bullet-active { background: var(--color0); }
.atouts p.legend {font-size: 15px;font-weight: bold;text-align: center;margin: 0 0;color: var(--color2);font-family: var(--font_family_2);}
.atouts .swiper-pagination-bullet { background: var(--color0);}
.atouts .picto {margin-bottom: 2.5em;}

.atouts .picto img {
    width: 80px;
}
.atouts .picto i {width: auto;}
.atouts .swiper-button-prev {background-image: none;left:0;margin-top:-22px;opacity:.8;}  
.atouts .swiper-button-disabled {/* opacity: 0 !important; */} 
.atouts .swiper-button-next {background-image: none;right: 2px;top: 50%;margin-top: -22px;opacity: .8;height: 24px;} 
.atouts .swiper-button-next i,  .swiper-button-prev i {font-size: 23px;color: var(--color2);}
.atouts .swiper-button-next:hover,.swiper-button-prev:hover {opacity: 1}
.atouts .picto i {color: var(--color2);text-align: center;font-size: 3rem;}
.atout {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 4em 3vh;background: var(--color0);border-radius: var(--border-radius);min-height: 280px;}
.atouts .swiper.mySwiper {overflow: hidden;position: relative;}
.atouts-cont {position: relative;display: block;padding: 1em 7% 3em;}
.gallery .bas-galerie{text-align:center;padding:40px 0 0}
.gallery .description-galerie{padding:0 11% 40px;text-align:justify}
.gallery .multiple .ligne-photos .col-md-1,.gallery .multiple .ligne-photos .col-md-2,.gallery .multiple .ligne-photos .col-md-3,.gallery .multiple .ligne-photos .col-md-4,.gallery .multiple .ligne-photos .col-md-6{padding-left:10px!important;padding-right:10px!important;margin-bottom:20px}
.gallery .multiple .ligne-photos{margin-left:0!important;margin-right:0!important}
.gallery .ligne-photos .propor{width:100%;position:relative;margin-bottom:15px}
.gallery .multiple .ligne-photos .propor{margin-bottom:0}
.custom-object-fit{position:relative;background-size:cover;background-position:center center}
.custom-object-fit img{opacity:0}
.gallery .ligne-photos .propor:after{padding-top:76%;display:block;content:''}
.gallery .ligne-photos .propor .propor-cont{position:absolute;top:0;bottom:0;right:0;left:0}
.gallery .ligne-photos .propor .propor-cont img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;width:auto;flex:1;height:100%;border-radius:var(--border-radius)}
.gallery .ligne-photos .propor .propor-cont .imagecont{-webkit-transform:translateZ(0);justify-content:center;display:flex;flex-direction:row;overflow:hidden;position:relative;height:100%}
.gallery .ligne-photos .propor .propor-cont .imagecont .imagefond{image-rendering:optimizeQuality;display:block;height:100%;width:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.gallery .ligne-photos .propor .propor-cont .imagecont .masque{display:block;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%;background-color:var(--color1);background-image:url(../images/ico-zoom.svg);background-repeat:no-repeat;background-position:center center;border-radius:var(--border-radius)}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .masque{opacity:.7;filter:alpha(opacity=70)}
.gallery .ligne-photos .propor .propor-cont .imagecont:hover .imagefond{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.gallery .nav{margin:10px 0;text-align:center}
.gallery .nav li{display:inline-block;margin-bottom:10px;background:0 0;padding:0 3px 0 5px}
.gallery .nav li:before{content:none}
.gallery .nav li a.bouton-principal{display:block;text-transform:uppercase;font-size:14px;font-family:var(--font_family_1);text-align:center;border-radius:var(--border-radius);background:var(--color1);text-decoration:none}
.gallery .nav li a.bouton-principal:after{content:none}
.gallery .nav li.active a{background:var(--nuanceColor1)}
.gallery .tab-content{padding-top:10px;padding-bottom:10px}
.gallery .tab-content h2{padding-left:15px;margin-bottom:20px}
.gallery .bas-galerie{text-align:center;padding:40px 0 0}
.gallery .bas-galerie a.bouton-principal{padding-right:60px}
.gallery .bas-galerie a.bouton-principal:after{background-image:none;width:22px;height:22px;content:"+";font-family:verdana;font-size:35px;position:absolute;right:20px;top:7px}
.header-sidebars,.sidebar-left,.sidebar-right{background-color:var(--color2)}
.contactButton,.nav-item-active,.sidebar-bottom-controls a,.sidebar-divider-text,.sidebar-form label,.sidebar-left a,.sidebar-right a,.sidebar-send-button{color:var(--color0)!important}
.header-sidebars{height:65px;z-index:9999;position:fixed;left:0;right:0;top:0;width:100%;box-shadow:0 2px 3px 1px rgba(0,0,0,.1)}
.header-sidebars .header-top{display:table;height:65px;width:100%}

.header-sidebars .header-top a:first-child {
    width: 50%;
}
.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: 15px;top: 17px;max-height: 93px;max-width: 160px;}
.deploy-right-sidebar{border-left:1px var(--color0) solid;display:table-cell;background-color:var(--color1);height:65px;width:65px;background-position:center center}
.deploy-right-mail{border-left:1px var(--color0) solid;display:table-cell;background-color:var(--color1);background-repeat:no-repeat;height:65px;width:65px;background-position:center center;position:absolute;right:65px;top:0}
.deploy-right-call{display:table-cell;background-color:var(--color1);background-size:auto 49%;height:65px;width:65px;background-position:center 16px;position:absolute;right:130px;top:0}
.sidebar-scroll-right{width:275px;overflow:auto!important;overflow-x:hidden!important;height:100%;background-color: var(--color0);}
.sidebar-right{font-family:var(--font_family_2)!important;background-repeat:repeat;position:fixed;overflow:hidden;z-index:99999;right:-280px;top:0;bottom:0;width:270px;margin-right:10px;box-shadow:-2px 0 2px 0 rgba(0,0,0,.1)}
.sidebar-right a{text-decoration:none;display:block;overflow:hidden;position:relative;color:var(--color0)!important;z-index:1}
.sidebar-right-logo{margin-left:84px;top:14px;right:1px;max-width:180px;float:inherit;max-height:37px;position:relative}
.sidebar-divider-text{font-size:20px;padding-top:15px;padding-left:20px;padding-bottom:15px;margin-bottom:0;color: var(--color2)!important;background: var(--color0);/* opacity:.3; */3}
.submenu a:first-child{background-image:none!important}
.submenu{display:none}
.submenu-active{display:block}
.sidebar-header-right{height:65px;background-color:var(--color2);position:relative}
.close-sidebar-right{height:65px;width:65px;margin-left:0;display:block}
.sidebar-right .close-sidebar-right{position:absolute!important}
.menu-mobile-dynamique{margin:0;padding:0;list-style-type:none;list-style-position:inside;list-style-image:none}
.menu-mobile-dynamique li{width:100%;margin-bottom:1px;background:0 0;padding-left:18px;background:var(--color2)}
.menu-mobile-dynamique li.active{background: var(--color1);}
.menu-mobile-dynamique .sub-menu li{background-color:transparent;margin-bottom:0}
.menu-mobile-dynamique .sub-menu li a{height:42px;text-transform:none}
.menu-mobile-dynamique .sub-menu{background-image:linear-gradient(to bottom,var(--color1),var(--color1));padding-top:18px;padding-bottom:18px}
.menu-mobile-dynamique li.parent{background-image:url(../images/gopage.svg);background-position:241px 26.2px;background-repeat:no-repeat;background-size:9px auto}
.menu-mobile-dynamique li a{display:table-cell;width:270px;vertical-align:middle;line-height:18px;font-size:16.2px;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--color0);height:60px;padding-left:29px;background-position:6px 20.9px}
.menu-mobile-dynamique ul{list-style-image:none;list-style-position:inside;list-style-type:none;padding-left:0}
.menu-mobile-dynamique ul li a{background:0 0}
.menu-mobile-dynamique input{-webkit-appearance:none;border-radius:0}
.menu-mobile-dynamique label{display:block;overflow:hidden;position:relative;border:0;vertical-align:baseline;outline:0}
.no-bottom{margin-bottom:0!important}
.menu-mobile-dynamique .sub-menu{display:none}
.remonter{position:fixed;z-index:9999;display:none;bottom:10px;right:10px;width:44px}
.remonter button{display:block;padding:6px 9px;text-align:center;border:none;background:rgba(0,0,0,.05);border-radius:3px}
.remonter button:hover{opacity:.8;filter:alpha(opacity=80)}
.deprecated-ie{text-align:center;color:#000;background:#eee}
.deprecated-ie p{line-height:30px;margin:0}
.deprecated-ie a{line-height:30px;font-family:Helvetica,arial,sans-serif;font-size:13px;color:#000;text-decoration:underline}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:var(--color1)}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:var(--color1)}
.bx-pager.bx-default-pager a{background-color:var(--color2)}
.bx-pager.bx-default-pager a.active,.bx-pager.bx-default-pager a:hover{background-color:var(--color2)}
.vegas-timer-progress{background:var(--color0)}
.icones{width:32px;margin:16px 0 0 16px;height:32px;fill:var(--color0)}
.deploy-right-sidebar .icones{width:29px}
.menu-mobile-dynamique li a::before{display:block;content:"\f105";position:absolute;font-family:'Font Awesome 5 Free';left:5px;font-weight:700;font-size:15px;color: var(--color0);}
.pied .btn-partage .icones{fill:var(--color3)}
.remonter .icones{margin:0 0 -5px;fill:var(--color1)}
.tete .tel .icones, .tel-header .icones{width:19px;margin: -2px 10px -3px 0;height:17px;fill:var(--color0)}
.btn-partage .btnp:hover .icones{fill:var(--color0)}
.tete .infos.infos_small .btn-partage .icones{top:5px;left:0}
.newsList{float:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;width:100%}
.newsList .ligne-actus{flex:0 0 auto;margin:0 0 30px;float:none}
.news .date_post{text-align:center;color:var(--color0);font-weight:800;font-size:14px;font-size:clamp(12px,.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-top-left-radius:var(--border-radius)}
.news .date_post span{display:block;line-height:13px;min-width:84px}
.news .date_post .s1{font-size:50px;line-height:35px;padding-bottom:5px;font-size:clamp(40px,2vw,50px)}
.newsList .propor .propor-cont .imagecont .masque{background-color:rgba(250,250,250,.2);background-image:none}
.news .propor .propor-cont .imagecont:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.newsList .propor{overflow:hidden}
.newsList .item .h3{color:var(--color1);padding:5px 0 25px;margin:0;font-weight:200;font-family:var(--font_family_1)}
.newsList .item:hover .h3{color:var(--nuanceColor1)}
.newsList .item .h3 a:hover{text-decoration:none}
.item-news{position:relative}
.newsItem .photo img{object-fit:cover;-o-object-fit:cover;min-width:100%;min-height:100%;flex:1;width:100%;height:100%;overflow-x:hidden}
.newsItem .photo{width:100%;height:33vw;border-radius:var(--border-radius);overflow:hidden;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;display:flex;align-content:center;align-items:center}
.newsItem .div-rs .btn-partage{display:flex;overflow:hidden;height:36px;position:relative;top:0;margin-left:2rem}
.newsItem .div-rs .btn-partage .icones{fill:var(--color1)}
.newsItem .div-rs .btn-partage .btnp{background-color:var(--color0)}
.newsItem .div-rs .btn-partage .btnp:hover{background-color:var(--color1)}
.newsItem .div-rs .btn-partage .btnp:hover .icones{fill:var(--color0)}
.newsItem .date_post{padding:5% 3% 3%}
.news_avant_apres{display:table;width:100%;text-align:center;margin:0;height:100%}
.news_avant_apres>div{display:table-cell;float:none;padding:0;height:100%}
.news_avant_apres a,.news_avant_apres a:visited{padding:15px 30px;color:var(--color1);text-decoration:none;border:1px solid var(--bg-facultatif);display:block;height:100%;font-family:var(--font_family_1);text-transform:uppercase;border-radius:var(--border-radius)}
.news_avant_apres a:focus,.news_avant_apres a:hover{border-color:var(--color1);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}
.pagination>li{background:0 0;padding-left:0}
.pagination>li>a,.pagination>li>span{color:var(--color1);border-color:var(--color3)}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:var(--color0);background-color:var(--color1);border-color:var(--color1)}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--color1);background-color:var(--color0)}
@media (min-width:768px){
.dispaly_flex{display:flex}
.flex_child_2{flex:2}
.flex_child_1{flex:1}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.lightboxOverlay{overflow:scroll}
.lightboxOverlay::-webkit-scrollbar{width:0}
}
@media (max-width:991px){
    .AvisClients, .AvisClients:link, .AvisClients:visited{
        height: 310px;
    }
    .pied .copyright-footer{
        
text-align: center;
    }
     .r-flex .recup-photos .propor .propor-cont .imagecont, .r-flex .recup-photos .propor .propor-cont {
        all: unset;
        margin: auto;
        display: flex;
    }

.r-flex .recup-photos .propor .propor-cont .imagecont, .r-flex .recup-photos .propor .propor-cont {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
    .r-flex .recup-photos .propor .propor-cont .imagecont .masque {
        all: unset;
    }
    .body-page-1 .corps a.bouton-principal, .body-page-1 .corps button.bouton-principal {
        margin-bottom: 30px;
    }

    .row.r-flex h1 {
        margin-bottom: 50px;
    }
    .propor.pic-2 {
        width: 100% !important;
        position: static !important;
        height: auto !important;
        display: flex;
        justify-content: center;
    }

.propor.pic-2 img {
    border-radius: var(--border-radiusC);
    width: 90% !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
}
    .row.r-flex .col-md-5 {
        top: 0;
    }
  .propor.pic-1, .qsn-titles  {
      /* display: none; */
  } 
    .propor.pic-1{
        height: 600px;
    }
.row.r-flex {
       display: flex;
       flex-direction: column;
       gap: 30px !important;
    }

.row.r-flex article {
    padding: 0;
}

.contact .formulaire .form-group>label.control-label{display:block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateZ(0);bottom:11px;opacity:.5;position:relative;font-size:0}
.contact .formulaire .form-group>label.focus{bottom:auto;font-size:var(--taille_font);padding-top:5px}
.container{max-width:none;width:auto}
.centerservice2{margin:0!important}
.centerservice{margin:0 25%!important}
.contact .formulaire .form-group .col-md-4{width:100%!important}
.contact .formulaire .form-group .col-md-8{width:100%!important}
.contact .formulaire .form-group input[name=captcha]{width:100%!important;margin-right:0!important;text-align:left!important}
.contact .formulaire .form-group input[name=captcha]+a{position:absolute;width:140px;top:1px;right:1px;margin-right:0!important}
.contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;float:none}
.lb-prev{opacity:1!important;background:url(../images/lightbox-g.png) left 48% no-repeat}
.lb-next{opacity:1!important;background:url(../images/lightbox-d.png) right 48% no-repeat}
.video-accueil{position:static;width:100%;height:auto;margin-left:0}
.banniere{height: 40vh !important;position:relative}
.pied .bande1{padding:5rem 10% 70px}
.prestation .cell.texte .contenu{padding:50px 10%}
.contact .tab-coordonnes .cell.gauche .contenu{padding:50px 7% 30px}
.certifs .logo-certif img{background-size:contain}
.fluid-contenu{margin:0!important}
.slogan{width:100%;left:0;padding:0 15px;top:auto}
.body-page-1 .slogan{text-align:center;width:100%}
.slogan .titre{font-size:32px;line-height:30px}
.slogan .titre span{font-size:29px}
.slogan .sous-titre{font-size:20px;line-height:20px}
.gallery .description-galerie{padding:0 0 40px;text-align:initial}
.page-contenu-home{padding:0 0}
.certifs .cell.gauche .contenu{padding:0 0}
.intervention .contenu{padding:0 0}
.actualites .cell.texte .contenu{padding: 0 20px;}
.bande_contact_footer{padding:0}
.flex-seoContain{flex-wrap:wrap}
.flex-seoContain .seo-content{width:100%;background:0 0}
.flex-seoContain .seo-form{width:100%}
.img-seo img{width:100%;height:auto}
.bande_contact_footer .row1{padding:5rem 11%}
.contact .tab-formulaire{padding:5rem 10%}
.livre-elements{padding:0 0}
}
@media (max-width:767px){
    .AvisClientsBg .swiper-button-prev{
        
left: 8px;
    }
    .AvisClientsBg .swiper-button-next{
        
right: 8px;
    }
    .AvisClients, .AvisClients:link, .AvisClients:visited{
        
height: auto;
    }
    .atouts{
        background: var(--color0);
        padding: 3em 10% 3em;
    }

.atouts-cont {
    padding: 1em 5% 0;
}
    .nosServicesBg{
        
padding: 2em 10% 5em;
    }
.corps{--taille_font: 15px;font-size:var(--taille_font)}
.pad-xs{padding-left:15px!important;padding-right:15px!important}
.pad-xs-l{padding-left:15px!important}
.pad-xs-r{padding-right:15px!important}
.centerservice2{margin:0!important}
.centerservice{margin:0!important}
.nopad-xs{padding-left:0!important;padding-right:0!important}
.nopad-xs-l{padding-left:0!important}
.nopad-xs-r{padding-right:0!important}
.h1,h1{font-size:22px;line-height:22px}
.titre-secondaire{font-size: 21px;line-height:24px}
.body-page-1 .slogan{position:absolute;background:var(--color1);width:100%;text-align:center;padding:15px;bottom:0;top:auto}
.slogan{text-align:center}
.slogan .titre{font-size:23px;line-height: 40px;text-shadow: none;}

.r-flex .col-md-7.col-sm-12.col-xs-12.nopad {
    padding: 0;
}

.row.r-flex {
    padding-top: 10px;
}
.slogan .titre span{font-size:23px}
.slogan .sous-titre{font-size:17px;line-height: 25px;text-shadow: none;}
.fluid-contenu .corps{padding:20px 15px 40px}
.recup-photos .col-md-4{padding-left:5px!important;padding-right:5px!important}
.recup-photos{margin-left:-5px!important;margin-right:-5px!important}
.newsList .recup-photos{margin-left:0!important;margin-right:0!important}
.recup-photos .propor{margin-bottom:5px}
.certifs{display:block}
.certifs .cell.gauche{display:block;width:100%}
.certifs .cell.gauche .contenu{padding:30px 15px 40px}
.certifs .cell.droite{display:block;width:100%;padding:0 15px 30px}
.certifs .cell.droite .bg-noir{padding:40px 0}
.cont-slider .controls{bottom:-20px}
.services{display:block}
.services .cell.gauche{display:block;width:100%;height:180px}
.services .cell.droite{display:block;width:100%}
.services .cell.droite .contenu{padding:30px 15px 40px}
.realisations{/* display:block; */}
.realisations .titre-secondaire{display:inline-block;width:100%}
.realisations .col-md-3{padding-left:5px!important;padding-right:5px!important}
.realisations{/* margin-left:-5px!important; *//* margin-right:-5px!important; */}
.realisations .propor{margin-bottom:5px}
.AvisClientsBg .contenu,.realisations .contenu{padding: 30px 5% 40px;}
a.bouton-principal,button.bouton-principal{padding:13px 40px 13px 20px}
.intervention .contenu{padding: 40px 15px 0;}
.intervention ul{column-count:1;width:100%}
.AvisClientsBg{padding:0}
.temoignageScroll{max-height:135px}
.temoignageScroll{max-height: max-content;}
.note-avis{flex-wrap:wrap}
.bande_contact_footer .row1{padding:2rem 8%}
.divAvis{width:100%}
.pied .bande1{padding:30px 15px}
.pied .btn-like{padding:0 0 15px;text-align:center}
.pied .btn-partage{text-align:center;padding:20px 0 0;justify-content:center}
.pied .btn-partage a{text-align:center}
.body-contact .fluid-contenu .corps,.body-gallery-4 .fluid-contenu .corps{padding:30px 0 0}
.contact .tab-coordonnes{display:block}
.contact .tab-coordonnes .cell.gauche{display:block;width:100%;border:none}
.contact .tab-coordonnes .cell.gauche .contenu{padding:0 15px 30px}
.contact .tab-coordonnes .cell.centre{display:block;width:100%}
.contact .tab-coordonnes .cell.droite{display:block;width:100%;height:180px}
.contact .plan .block #googlemapapi,.contact .plan iframe{height:250px!important}
.contact .tab-formulaire{display:block;padding:5rem 8%}
.contact .coordonnees{padding:0}
.gallery .description-galerie{padding:0 15px 20px}
.actualites,.prestation{display:block;min-height:none}

.actualites {
    padding: 5em 8% 1em;
}
.actualites .cell.photo,.prestation .cell.photo{display:block;width:100%;height:180px}
.actualites .cell.texte,.prestation .cell.texte{display:block;width:100%;clear:both}
.actualites .cell.texte .contenu,.prestation .cell.texte .contenu{padding:30px 15px}
.gallery .ligne-photos .col-md-1,.gallery .ligne-photos .col-md-2,.gallery .ligne-photos .col-md-3,.gallery .ligne-photos .col-md-4,.gallery .ligne-photos .col-md-6{padding-left:5px!important;padding-right:5px!important}
.gallery .ligne-photos{margin-left:-5px!important;margin-right:-5px!important}
.gallery .ligne-photos .propor{margin-bottom:10px}
.gallery .nav li{margin-bottom:0;background:0 0;}
.gallery .description-galerie{padding:0 0 40px;text-align:initial}
.services .cell.droite .contenu{clear:both}
.scrollbars{width:100%;height:auto}
.news_avant_apres>div:last-child{right:0}
.news_avant_apres>div{display:block;margin:0 0 5px}
.news_avant_apres,.news_avant_apres>div{display:block}
}
@media (min-width:768px) and (max-width:991px){
.pad-sm{padding-left:15px!important;padding-right:15px!important}
.pad-sm-l{padding-left:15px!important}
.pad-sm-r{padding-right:15px!important}
.nopad-sm{padding-left:0!important;padding-right:0!important}
.nopad-sm-l{padding-left:0!important}
.nopad-sm-r{padding-right:0!important}
.slogan{text-align:center}
.scrollbars{height:240px}
.body-contact .fluid-contenu .corps,.body-gallery-4 .fluid-contenu .corps{padding:30px 0 0}
.h1,h1{font-size:26px;line-height:26px}
.titre-secondaire{font-size: 16px;line-height:24px}

.body-service-list .fluid-contenu .corps {
    padding: 4em 3%;
}
.gallery .description-galerie{padding:0 0 40px;text-align:initial}
}
@media (min-width:991px) and (max-width:1199px){
.slogan .sous-titre{font-size:20px;line-height:20px}
.services a.bouton-principal{font-size:11px}
.body-error404 a.btn.btn-default,.contact .formulaire input.btn-primary,.contact a.btn.btn-default{padding:16px 20px;font-size:12px}
.contact .coordonnees{padding:0}
.contact .formulaire .form-group input.btn-primary{width:100%;margin-top:8px;float:none}
}
.infinite-scroll .chargement{background:rgba(0,0,0,0) url(../images/chargement.gif) no-repeat scroll center top;bottom:0;display:none;height:32px;left:50%;margin-left:-16px;position:absolute;width:32px}
.g-recaptcha{float:left}
#g-recaptcha-response{left:12px;position:relative;display:block!important;top:-45px;opacity:0!important;margin:0!important;height:10px!important}
@media print{
@page{size:portrait;margin:2cm}
body{background-color:var(--color0);font-family:Serif;font-size:10pt}
a:after{content:" [" attr(href) "] "}
h1,h2,h3{font-family:verdana,serif}
.hide-print{display:none}
.hide{display:none}
.clear{clear:both}
div[class^=col-]{width:100%}
.gallery .ligne-photos div[class=col-md-2]{width:16.666666666667%}
.gallery .ligne-photos div[class=col-md-3]{width:25%}
.gallery .ligne-photos div[class=col-md-4]{width:33%}
.gallery .ligne-photos div[class=col-md-6]{width:50%}
}