@media(max-width:991px){

      .hide-print.banniere.parallax.cover {
    height: 40vh !important;
}
.description-services {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin-bottom: 2em;
}
.col-lg-6.col-md-6.col-sm-12.col-xs-12.ytb-video {
    display: none;
}
.slogan-mobile h1, .slogan-mobile {
    margin: 0;
    padding: 0;
    color: var(--color0);
    font-size: 22px !important;
    line-height: 1.2;
}
    .flex-seoContain{flex-wrap:wrap;flex-direction: column;}
.flex-seoContain .seo-content{width:100%;background:0 0}
.flex-seoContain .seo-form{width:100%}
.img-seo img{width:100%;height:auto}
    .page-contenu-home .col-md-6{width: 100%;padding: 0;}

.page-contenu.page-contenu-home.clear .scrollbars {
    height: initial;
}
    .page-contenu-home{flex-direction: column;}
    .ytb-video iframe{width: 100%;}
    .accordion{grid-template-columns: 1fr;}
    .fluid-contenu .corps {padding: 2em 5% 6%;}
    .menu-mobile-dynamique li a > i{display: none;}
    .bloc-GMB .h1{line-height: 1.5;}
    .realisations .row.recup-photos.gallery{grid-template-rows: 0px 80px;grid-template-areas:
"item1 item1 item2 item2"
"item1 item1 item2 item2"
"item3 item3 item4 item4"
"item3 item3 item4 item4";grid-gap: 1px;}
    .certifs{padding: 4em 10%;}
    .certifs .cell.gauche{display: none;}
    .certifs .cell.droite{width: 100%;}
    .swiper-button-prev, .swiper-button-next{top: 60%;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 50px;
}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 50px;
}
    body{letter-spacing: 0px;}
    .lb-next,
    .lb-prev {
        opacity: 1 !important
    }

    .contact .formulaire .form-group>label.control-label {
        display: block;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        -webkit-transform: translateZ(0);
        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,
    .fluid-contenu {
        margin: 0 !important
    }

    .centerservice {
        margin: 0 25% !important
    }

    .contact .formulaire .form-group .col-md-4,
    .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: right
    }

    .lb-prev {
        background: url(../images/lightbox-g.png) left 48% no-repeat
    }

    .lb-next {
        background: url(../images/lightbox-d.png) right 48% no-repeat
    }

    .video-accueil {
        position: static;
        width: 100%;
        height: auto;
        margin-left: 0
    }

    .banniere {
        height: 50vh;
        position: relative;
        justify-content: center;
    }

.body-page-1 .banniere:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #00000070;
    z-index: 0;
    backdrop-filter: blur(0px);
}

    .banniere:after,
    .body-page-1 .banniere:after {
        display: none
    }

    .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
    }

    .slogan {
        width: 100%;
        left: 0;
        padding: 0 15px;
        top: auto
    }

    .body-page-1 .slogan {
        text-align: center;
        width: 100%;
        padding: 18vh 3%
    }

    .item-slide {
        height: 40vh !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .slogan .titre {
        font-size: 22px;
        line-height: 22px;
        color: var(--color0)
    }

    .body-service-list .slogan .titre {
        color: var(--color0)
    }

    .slogan .titre span {
        font-size: 29px
    }

    .slogan .sous-titre {
        font-size: 20px;
        line-height: 20px
    }

    .gallery .description-galerie {
        padding: 0 0 40px;
        text-align: justify
    }

    .actualites .cell.texte .contenu,
    .bande_contact_footer,
    .certifs .cell.gauche .contenu,
    .intervention .contenu,
    .livre-elements,
    .page-contenu-home {
        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%
    }
}
@media (min-width:768px) and (max-width:991px) {

    .pad-sm,
    .pad-sm-l {
        padding-left: 15px !important
    }

    .pad-sm,
    .pad-sm-r {
        padding-right: 15px !important
    }

    .nopad-sm,
    .nopad-sm-l {
        padding-left: 0 !important
    }

    .nopad-sm,
    .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: 30px;
        letter-spacing: 0px;
    }

    .titre-secondaire {
        font-size: 23px;
        line-height: 24px
    }

    .gallery .description-galerie {
        padding: 0 0 40px;
        text-align: justify
    }
}

@media (min-width:991px) and (max-width:1199px) {
    .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
    }
}

@media (max-width:767px) {
    .body-contact .tab-formulaire .cell.droite h2{font-size: 30px;margin-bottom: 30px;padding-bottom: 5px;}
    .body-contact .tab-formulaire .cell.droite h2:before{top: 125%;}
    .ytb-video iframe{height: 300px;}
    .slogan-mobile h1, .slogan-mobile{font-size: 25px;}
    .pad-xs,
    .pad-xs-l {
        padding-left: 15px !important
    }

    .pad-xs,
    .pad-xs-r {
        padding-right: 15px !important
    }

    .slogan .titre,
    .slogan .titre span {
        font-size: 22px;
    }

    .pied .btn-like,
    .pied .btn-partage,
    .pied .btn-partage a,
    .slogan {
        text-align: center
    }

    .corps {
        --taille_font: 14px;
        font-size: var(--taille_font)
    }

    .nopad-xs,
    .nopad-xs-l {
        padding-left: 0 !important
    }

    .nopad-xs,
    .nopad-xs-r {
        padding-right: 0 !important
    }

    .centerservice,
    .centerservice2 {
        margin: 0 !important
    }

    .gallery .ligne-photos,
    .realisations,
    .recup-photos {
        margin-left: -5px !important;
        margin-right: -5px !important
    }

    .h1,
    h1 {
        font-size: 22px;
        /* line-height: 22px; */
        /* margin-bottom: 57px */
    }

.description-services .h1:before {
    left: 40%;
}

    .titre-secondaire {
        font-size: 22px;
        line-height: 24px
    }

    .body-page-1 .slogan {
        position: absolute;
        background: var(--color1);
        width: 100%;
        text-align: center;
        padding: 15px;
        bottom: 0;
        top: auto;
        color: var(--color2)
    }

    .slogan .titre {
    }

    .slogan .sous-titre {
        font-size: 17px;
        line-height: 17px
    }

    .fluid-contenu .corps {
        padding: 20px 15px 40px
    }

    .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,
    .realisations .col-md-3,
    .recup-photos .col-md-4 {
        padding-left: 5px !important;
        padding-right: 5px !important
    }

    .newsList .recup-photos {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .realisations .propor,
    .recup-photos .propor {
        margin-bottom: 5px
    }

    .certifs,
    .news_avant_apres,
    .news_avant_apres>div,
    .realisations,
    .services {
        display: block
    }

    .AvisClientsBg .contenu,
    .certifs .cell.gauche .contenu,
    .realisations .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.services-home {
        padding-bottom: initial
    }

    .atout {
        padding-top: initial !important
    }

    .actualites .cell.photo,
    .contact .tab-coordonnes .cell.droite,
    .prestation .cell.photo,
    .services .cell.gauche {
        display: block;
        width: 100%;
        height: 180px
    }

    .contact .tab-coordonnes .cell.centre,
    .services .cell.droite {
        display: block;
        width: 100%
    }

    .services .cell.droite .contenu {
        padding: 30px 15px 40px;
        clear: both
    }

    .realisations .titre-secondaire {
        display: inline-block;
        width: 100%
    }

    a.bouton-principal,
    button.bouton-principal {
        padding: 10px 20px
    }

    .intervention .contenu {
        padding: 40px 15px 50px
    }

    .intervention ul {
        column-count: 1;
        width: 100%
    }

    .AvisClientsBg,
    .contact .coordonnees {
        padding: 0
    }

    .temoignageScroll {
        max-height: 135px
    }

    .note-avis {
        flex-wrap: wrap
    }

    .bande_contact_footer .row1 {
        padding: 2rem 8%
    }

    .divAvis {
        width: 100%
    }

    .actualites .cell.texte .contenu,
    .pied .bande1,
    .prestation .cell.texte .contenu {
        padding: 30px 15px
    }

    .pied .btn-like {
        padding: 0 0 15px
    }

    .pied .btn-partage {
        padding: 0 0 80px;
        justify-content: center
    }

    .body-contact .fluid-contenu .corps,
    .body-gallery-4 .fluid-contenu .corps {
        padding: 30px 0 0
    }

    .contact .tab-coordonnes {
        display: none
    }

    .contact .tab-coordonnes .cell.gauche {
        display: block;
        width: 100%;
        border: none
    }

    .contact .tab-coordonnes .cell.gauche .contenu {
        padding: 1px 15px 30px
    }

    .contact .plan .block #googlemapapi,
    .contact .plan iframe {
        height: 250px !important
    }

    .contact .tab-formulaire {
        display: block;
        padding: 5rem 8%;
        margin-top: 0
    }

    .tab-coordonnes1 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .actualites,
    .prestation {
        display: block;
        min-height: none;
        padding: 2em;
    }

    .actualites .cell.texte,
    .prestation .cell.texte {
        display: block;
        width: 100%;
        clear: both
    }

    .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: justify
    }

    .scrollbars {
        width: 100%;
        height: auto
    }

    .news_avant_apres>div:last-child {
        right: 0
    }

    .news_avant_apres>div {
        margin: 0 0 5px
    }

    .gallery .description-galerie h2,
    .gallery .description-galerie h3,
    .gallery .description-galerie h4 {
        font-size: 18px
    }

    .block-parent .popup_left {
        display: none !important
    }

    .block-parent .popup_right {
        width: 100% !important;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .block_remercions {
        font-size: 10px
    }

    .informations_message {
        width: 77% !important
    }
}
@media(max-width:1530px) {
    .header {
        padding: 0 1.5%
    }
}

@media(max-width:1376px) {
    .navh .menu_principal a, .navh .menu_principal a:visited {
    position: relative;
    color: var(--color0);
    display: block;
    font-size: 12px;
    padding: 30px 0;
    font-weight: 100;
    text-decoration: none;
    font-family: var(--font_family_3);
    transition: all .4s ease;
    letter-spacing: .5px;
    text-transform: uppercase;
}

    .fluid-infos .infos .btn-partage,
    .fluid-infos .infos p.tel {
        position: relative;
        transition: .5s;
        background: var(--color1);
        line-height: 1
    }

    .flex-infos {
        display: none
    }

    .tete .header .flex-menuP {
        width: 80%
    }

    .fluid-infos {
        position: fixed;
        top: 20vh;
        right: 0;
        z-index: 9999
    }

    .fluid-infos .infos {
        display: block;
        position: relative
    }

    .fluid-infos .infos p.tel {
        margin: 0;
        left: 155px;
        padding: 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 .btn-partage:hover,
    .fluid-infos .infos p.tel:hover {
        left: 0
    }

    .fluid-infos .infos .btn-partage {
        margin: 8px 0 0;
        display: flex;
        left: 186px;
        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 .icone-share {
        display: block;
        width: 34px;
        height: 22px;
        fill: var(--color0);
        padding-right: 10px
    }

    .tete .header .btn-partage .icone-partage {
        display: block
    }
}
@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
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .lightboxOverlay {
        overflow: scroll
    }

    .lightboxOverlay::-webkit-scrollbar {
        width: 0
    }
}