@import"https://fonts.googleapis.com/css2?family=Alata&family=Aldrich&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pinyon+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";
*,
*::after,
*::before {
    margin: 0;
    padding: 0
}

.popup {
    background: #fadc0a;
    padding: 20px;
    width: 90%;
    border-radius: 20px;
    font-size: 14px;
    position: absolute !important;
    bottom: 70px;
    z-index: 10000;
    left: 50%;
    transform: translate(-50%, 0px);
    text-align: left !important;
    color: #000
}

@media(min-width: 768px) {
    .popup {
        display: none !important
    }
}

.popup a {
    color: #fff !important
}

.popup .col-sm-6 {
    margin: 10px 0
}

.popup .col-sm-6 img {
    position: absolute;
    left: 14px
}

.popup .col-sm-6 .phone,
.popup .col-sm-6 .adresse {
    padding-left: 20px;
    margin-bottom: 10px
}

html {
    font-size: 62.5%;
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

.h1,
h1 {
    font-size: 28px
}

.h2,
h2 {
    font-size: 24px
}

.h3,
h3 {
    font-size: 22px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 16px
}

.h5,
h5 {
    font-size: 16px
}

.h6,
h6 {
    font-size: 14px
}

body {
    font-size: 14px;
    position: relative
}

.row {
    margin-left: 0;
    margin-right: 0
}

section {
    margin: 50px 0;
    position: relative;
    z-index: 2
}

a {
    text-decoration: none;
    color: initial
}

a:hover {
    list-style-type: none;
    text-decoration: none;
    cursor: pointer
}

img {
    max-width: 100%
}

html {
    scroll-padding-top: 130px
}

@media(max-width: 1024px) {
    html {
        scroll-padding-top: 130px
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .interne {
        margin-top: 10px !important
    }
}

.body-interne #accueil,
.body-interne .accueil {
    padding-top: 0px;
    padding-bottom: 220px;
    min-height: calc(100vh - 100px - 150px - 12px);
    margin-bottom: 0 !important
}

.internes {
    padding-top: 0px;
    padding-bottom: 100px;
    min-height: calc(100vh - 100px - 150px - 12px);
    margin-top: 20px
}

@media(max-width: 767px) {
    .internes {
        padding-bottom: 250px !important
    }
}

@media(max-width: 767px) {
    .body-interne #accueil,
    .body-interne .accueil,
    .internes {
        min-height: calc(100vh - 20px - 150px);
        padding-bottom: 350px !important
    }
}

@media(max-width: 991px)and (min-width: 768px) {
    .body-interne #accueil,
    .body-interne .accueil,
    .internes {
        min-height: calc(100vh - 90px - 150px)
    }
}

.fb_iframe_widget {
    background: url(images/phone.png) no-repeat;
    padding: 60px 33px;
    background-size: contain;
    padding-bottom: 15px;
    z-index: 2;
    padding-bottom: 80px;
    content: "";
    display: block
}

@media(max-width: 767px) {
    .fb_iframe_widget {
        padding: 0 !important
    }
}

@media(min-width: 992px)and (max-width: 1024px) {
    .fb_iframe_widget {
        padding: 0 !important;
        background: none !important
    }
}

@media(min-width: 992px)and (max-width: 1024px) {
    .fb-page,
    .fb_iframe_widget {
        background: none !important;
        padding: 0 !important
    }
}

@media(max-width: 767px) {
    .fb_iframe_widget {
        background: none !important;
        border: none !important
    }
}

.fb_iframe_widget iframe {
    width: 100% !important
}

@media(max-width: 767px) {
    .fb_iframe_widget iframe {
        overflow: hidden
    }
}

@media(max-width: 767px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        bottom: 91px !important
    }
    .s_actus_avis::after {
        display: none !important
    }
}

.eapps-instagram-feed-posts-slider {
    margin-bottom: 0 !important
}

.btn-voir_plus,
.btn,
.btn-primary {
    background: #B31921!important;
    padding: 10px 30px;
    width: fit-content;
    display: block;
    margin-top: 25px;
    font-size: 18px;
    border-radius: 0 0 50px;
    text-transform: uppercase;
    border: none !important;
    color: #fff !important;
    font-family: "aldrich";
    border: none !important
}

.contact .btn-primary {
    width: 100% !important
}

.btn_savoir_plus {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 16px;
    color: #343434;
    display: flex
}

.btn_savoir_plus::after {
    content: url(images/before_savoir_plus.png);
    margin-left: 10px
}

.btn_savoir_plus:hover:after {
    content: url(images/after_savoir_plus.png) !important
}

.btn_suite {
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Jost";
    font-weight: 500;
    color: #fff
}

@media(max-width: 767px) {
    .btn_suite {
        font-size: 16px !important
    }
}

.btn_suite::after {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #90bf21;
    display: block
}

.navbar-light .navbar-nav .nav-link.dropdown-toggle {
    padding: 0 !important
}

.btn-savoir-plus {
    color: #2e3c2d !important;
    background-color: #fff;
    padding: 10px 20px;
    display: block;
    font-size: 20px;
    width: fit-content;
    font-family: "Barlow Semi Condensed", sans-serif
}

.form-buttons {
    text-align: right
}

.elfsight-app-79561ff5-f521-4ec6-b910-35914fd3e460 {
    background: #fff;
    padding: 7px;
    border-radius: 10px
}

.form-buttons {
    text-align: left !important
}

@media(min-width: 768px) {
    .footer-phone {
        display: none !important
    }
}

.slick-dots li button {
    font-size: 12px !important;
    color: #000 !important;
    font-style: normal;
    background-color: #f2f2e6 !important
}

.slick-dots li button::before {
    display: none
}

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-dots li button:active {
    outline: 0;
    background-color: rgba(236, 64, 61, .35)
}

.slick-slide img {
    width: 100% !important
}

@media(min-width: 993px) {
    .concept_img img {
        border-radius: 40px
    }
    .accueil_img img {
        border-radius: 0 0 50px
    }
    .accueil_img .img2 {
        top: -140px;
        border: 17px solid #fff;
        border-radius: 157px
    }
}

.slick-prev {
    left: 0 !important
}

.slick-next {
    right: 0 !important
}

.slick-initialized .slick-slide {
    text-align: center !important
}

@media(max-width: 767px) {
    header::before {
        display: none !important
    }
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    font-family: "poppins" !important;
    font-size: 22px !important;
    text-transform: uppercase;
    color: #fff;
    background: #000 !important;
    font-weight: 700 !important;
    top: 34px !important
}

@media(max-width: 993px) {
    .twentytwenty-before-label:before,
    .twentytwenty-after-label:before {
        font-size: 18px !important
    }
}

.content-contact-interne {
    background: #e3e3e3;
    padding: 20px;
    padding-bottom: 40px
}

@media(max-width: 993px) {
    .content-contact-interne {
        padding: 0
    }
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #B31921!important;
    background-color: transparent
}

.slick-prev::before,
.slick-next::before {
    display: block !important;
    color: #ffd100 !important
}

/*.slick-prev::before{content:url(images/left.png) !important}.slick-next::before{content:url(images/right.png) !important}*/

@media(min-width: 768px) {
    .produits-items .slick-prev {
        left: -40px !important
    }
}

@media(min-width: 768px) {
    .produits-items .slick-next {
        right: -40px !important
    }
}

.produits-items .slick-track {
    margin-left: inherit !important;
    margin-right: inherit !important
}

.onepage .is-sticky .navbar-light .navbar-nav .active>.nav-link::after,
.onepage .is-sticky .navbar-light .navbar-nav .nav-link.active::after,
.onepage .is-sticky .navbar-light .navbar-nav .nav-link:hover::after {
    border: 2px solid #fef102 !important;
    margin-top: 2px !important
}

body {
    color: #343434;
    font-family: "poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow-x: hidden
}

@media(max-width: 1024px) {
    .h1 {
        font-size: 24px !important
    }
}

.onepage h2 {
    color: #000;
    font-family: "Alata";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 40px !important;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

@media(max-width: 767px) {
    .onepage h2 {
        margin-bottom: 20px !important;
        padding-left: 3px !important
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .onepage h2 {
        font-size: 30px !important
    }
}

@media(max-width: 992px) {
    h2 {
        font-size: 24px;
        margin-bottom: 10px !important
    }
}

@media(min-width: 992px)and (max-width: 1024px) {
    h2 {
        font-size: 24px !important
    }
}

@media(min-width: 993px)and (max-width: 1199px) {
    .onepage h2 {
        font-size: 24px !important
    }
}

@media(max-width: 767px) {
    .onepage h2,
    .onepage p.titre-page {
        padding-left: 2px !important
    }
}

.body-interne .titre-page::after {
    display: none !important
}

.interne .h1 {
    font-weight: 800;
    color: #000;
    margin-bottom: 20px
}

@media(min-width: 768px)and (max-width: 1199px) {
    .interne .h1 {
        font-size: 20px !important
    }
}

@media(min-width: 993px) {
    .acceuil_content {
        padding: 0 30px !important
    }
}

p.content {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 33%
}

.activites_img {
    position: relative
}

.h1 {
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .h1 {
        font-size: 22px !important
    }
}

.body-interne .navbar-light .navbar-nav .nav-link.active,
.body-interne .navbar-light .navbar-nav .show>.nav-link,
.body-interne .navbar-light .navbar-nav .nav-link:hover {
    color: #000 !important
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:hover {
    color: #B31921!important
}

.onepage .navbar-light .navbar-nav li:nth-child(4) .nav-link:focus::after,
.onepage .navbar-light .navbar-nav li:nth-child(4) .nav-link:hover::after .dropdown-item {
    font-weight: 700
}

h1.style-titre-p,
.h1.longtitle {
    font-size: 20px !important;
    text-transform: initial !important;
    font-weight: 500 !important
}

h1.style-titre-p::after,
.h1.longtitle::after {
    display: none !important
}

h1.styles-titre-p {
    font-size: 24px !important;
    text-transform: initial !important
}

h1.styles-titre-p::after {
    display: none !important
}

.onepage p.titre-page {
    text-align: center;
    border-bottom: 1px solid #b31921;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 40px;
    padding-bottom: 24px
}

.content-ite h3 {
    margin-top: 10px;
    font-size: 18px
}

.titre-page,
.h1:not(.style-titre-p),
.h1:not(.longtitle) {
    color: #000 !important;
    font-family: "Alata";
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    z-index: 1
}

.body-interne .titre-page,
.body-interne .h1:not(.style-titre-p),
.body-interne .h1:not(.longtitle) {
    font-size: 34px;
    text-align: center
}

.titre-page::after,
.h1:not(.style-titre-p)::after,
.h1:not(.longtitle)::after {
    content: url(images/beforeh1.png);
    display: block;
    position: absolute;
    left: -40px;
    z-index: -1;
    top: -10px
}

.body-interne .titre-page::after,
.body-interne .h1:not(.style-titre-p)::after,
.body-interne .h1:not(.longtitle)::after {
    display: none !important
}

@media(max-width: 1199px) {
    .titre-page::after,
    .h1:not(.style-titre-p)::after,
    .h1:not(.longtitle)::after {
        display: none !important
    }
}

@media(min-width: 1200px) {
    .titre-page,
    .h1:not(.style-titre-p),
    .h1:not(.longtitle) {
        margin-bottom: 30px !important
    }
}

.body-interne .titre-page,
.body-interne .h1:not(.style-titre-p),
.body-interne .h1:not(.longtitle) {
    color: #000 !important
}

@media(min-width: 993px)and (max-width: 1024px) {
    .titre-page,
    .h1:not(.style-titre-p),
    .h1:not(.longtitle) {
        font-size: 24px !important
    }
}

@media(max-width: 1199px) {
    .titre-page,
    .h1 {
        font-size: 30px !important
    }
}

.accueil_img2 {
    margin-top: 120px;
    text-align: right
}

@media(max-width: 767px) {
    .accueil_img2 {
        margin-top: 10px !important;
        order: 3
    }
}

.accueil_img1 {
    text-align: left
}

.onepage h2::after,
.onepage p.titre-page::after {
    content: url(images/beforeh1.png);
    display: block;
    position: absolute;
    left: -40px;
    z-index: -1;
    top: -10px
}

@media(max-width: 1199px) {
    .onepage h2::after,
    .onepage p.titre-page::after {
        font-size: 47px !important
    }
}

.onepage h2::after {
    left: 0 !important
}

.avant_apres h2 {
    margin: auto
}

.avant_apres h2::after {
    display: none !important
}

#galery-compare {
    width: 80%;
    margin: 0 auto
}

@media(max-width: 767px) {
    #galery-compare {
        width: 100%;
        margin: 0 auto;
        height: 240px
    }
}

@media(max-width: 767px) {
    .slide-ba {
        height: 240px !important;
        min-height: 200px !important
    }
}

@media(max-width: 767px) {
    .beer-reveal[data-beer-label]:after,
    .beer-slider[data-beer-label]:after {
        font-size: 14px !important
    }
}

.beer-handle {
    color: #000 !important;
    background: #d9d9d9 !important
}

.beer-slider {
    border: 7px solid #9e0b0f !important;
    border-radius: 0 !important;
    margin-top: 14px
}

.slick-next:before,
.slick-prev:before {
    display: block;
    font-size: 40px !important;
    color: #828282 !important;
    font-style: initial
}

.slick-prev,
.slick-next {
    width: 50px !important;
    height: 50px !important;
    overflow: hidden;
    line-height: 7;
    display: block !important;
    z-index: 1000 !important
}

.beer-reveal[data-beer-label]:after,
.beer-slider[data-beer-label]:after {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    font-family: "Poppins";
    text-align: left;
    position: absolute;
    left: 50% !important;
    transform: translate(-50%, 10px) !important;
    top: 30% !important;
    padding: 20px !important;
    padding-top: 50px !important
}

.beer-reveal[data-beer-label]:after {
    background-color: rgba(0, 0, 0, .7) !important
}

.beer-slider[data-beer-label]:after {
    background-color: rgba(232, 53, 37, .7) !important;
    right: auto !important
}

.compare-slide-container {
    z-index: 1
}

.avant-apres {
    width: 100%
}

.slick-dots {
    bottom: -37px !important
}

@media(max-width: 767px) {
    .slick-dots {
        bottom: -30px !important
    }
}

.slick-dots li button {
    font-size: 12px !important;
    color: #fff !important;
    font-style: normal;
    background-color: #4ba200 !important
}

.slick-prev::before,
.slick-next::before {
    display: block !important
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
    color: #fff !important;
    transition: .4s
}

.compare-slide-container {
    width: 100%;
    text-align: center
}

@media(min-width: 768px) {
    .avant-apres {
        margin-top: 50px
    }
}

@media(max-width: 767px) {
    .logo {
        width: 33% !important
    }
}

.logo span {
    color: #fff;
    font-size: 14px;
    display: block !important;
    margin-top: 7px;
    text-align: center
}

@media(min-width: 768px)and (max-width: 992px) {
    .logo span {
        color: #000 !important
    }
}

@media(max-width: 992px) {
    .logo span {
        color: #000 !important;
        font-size: 13px !important;
        display: initial !important;
        margin-left: 3px !important;
        left: 0 !important
    }
}

.is-sticky .logo span {
    color: #000 !important;
    display: initial !important;
    position: relative;
    left: 10px !important
}

.body-interne .logo span {
    color: #000 !important;
    display: initial !important;
    margin-left: 5px
}

.navbar-nav .nav-link {
    color: #000 !important;
    text-align: center;
    font-family: "alata";
    font-size: 17px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    padding: 3px 11px !important
}

.is-sticky .navbar-nav .nav-link {
    font-size: 16px !important
}

.body-interne .navbar-nav .nav-link {
    color: #000 !important
}

@media(max-width: 992px) {
    .navbar-nav .nav-link {
        color: #000 !important;
        padding-right: 0 !important;
        text-align: right !important;
        padding: 4px !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .navbar-nav .nav-link {
        font-size: 18px !important;
        padding: 5px !important;
        color: #fff
    }
}

@media(min-width: 1500px) {
    .navbar-nav .nav-link {
        padding: 3px 13px !important
    }
}

@media(min-width: 993px) {
    .navbar .dropdown a.nav-link {
        padding-right: 0 !important
    }
}

@media(max-width: 992px) {
    .dropdown-item {
        font-weight: 400
    }
}

.dropdown {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap
}

@media(max-width: 992px) {
    .dropdown .dropdown-menu {
        width: 100%;
        text-align: end;
        padding: 0;
        background: transparent
    }
}

@media(max-width: 993px) {
    .dropdown {
        justify-content: flex-end
    }
}

@media(min-width: 993px) {
    .dropdown {
        margin-right: 10px !important
    }
}

.dropdown-menu {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 10px;
    font-size: 14px
}

.navbar {
    background-color: #fff !important;
    margin-right: 0 !important
}

.nav-tabs .nav-item,
.nav-tabs .nav-link {
    color: #fff !important;
    font-family: "Alata";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: initial;
    padding: 5px 20px
}

.body-interne .nav-tabs .nav-item,
.body-interne .nav-tabs .nav-link {
    color: #000 !important
}

@media(max-width: 767px) {
    .nav-tabs .nav-item,
    .nav-tabs .nav-link {
        font-size: 24px
    }
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent !important
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    background: transparent !important;
    border: none;
    border-bottom: 5px solid #4ba200 !important
}

.nav-tabs {
    border-bottom: 1px solid #4ba200 !important
}

.container-onglets {
    margin: 18px 0 !important
}

@media(max-width: 767px) {
    .container-onglets {
        margin: 0px !important
    }
}

.container-intro {
    color: #656565;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end
}

.navbar-nav {
    margin-right: 0 !important
}

@media(min-width: 768px)and (max-width: 992px) {
    .navbar-nav {
        text-align: right
    }
}

@media(min-width: 1200px) {
    .is-sticky .navbar {
        background: #fff !important
    }
}

@media(min-width: 1200px) {
    .onepage .navbar-light .navbar-nav .active>.nav-link,
    .onepage .navbar-light .navbar-nav .nav-link.active {
        transition: .4s;
        border-radius: 0;
        background: transparent
    }
    .onepage .navbar-light .navbar-nav .active>.nav-link::after,
    .onepage .navbar-light .navbar-nav .nav-link.active::after {
        display: none !important
    }
    .is-sticky .navbar .container {
        top: 0
    }
    .body-interne .navbar .container {
        top: 0
    }
    .onepage .navbar-light .navbar-nav .nav-link:hover {
        transition: .4s;
        border-radius: 0;
        background: transparent
    }
    .onepage .navbar-light .navbar-nav .nav-link:hover::after {
        display: none !important
    }
}

@media(min-width: 1200px) {
    .navbar {
        padding: 0 !important
    }
    .container {
        padding: 0
    }
    .content-formation .col-sm-6,
    .infos .col-sm-6 {
        padding: 0
    }
}

@media(max-width: 767px) {
    #navbarSupportedContent {
        z-index: 10;
        background-color: #fff;
        text-align: right
    }
}

.navbar-light .navbar-nav .nav-link.dropdown-toggle:hover::after {
    border-top: .3em solid !important;
    border-right: .3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: .3em solid transparent !important;
    width: fit-content !important
}

footer .nav-link:focus,
footer .nav-link:hover {
    color: #B31921
}

.body-interne footer .nav-link:focus,
.body-interne footer .nav-link:hover {
    color: #B31921!important
}

.dropdown-toggle:hover::after {
    display: block !important
}

.form-control::-moz-placeholder {
    color: #000 !important;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important
}

::-webkit-input-placeholder {
    color: #000 !important;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important
}

::-moz-placeholder {
    color: #000 !important;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important
}

:-ms-input-placeholder {
    color: #000 !important;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important
}

:-moz-placeholder {
    color: #000 !important;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important
}

.form-control {
    color: #000 !important;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important;
    border-radius: 0px !important;
    opacity: 1;
    height: 50px;
    background: #fff !important;
    margin: 7px 0;
    padding: 10px !important;
    text-align: left !important;
    border: 0
}

@media(max-width: 767px) {
    .form-control {
        margin-bottom: 7px !important;
        margin-top: 0 !important
    }
}

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

.map iframe {
    height: 100%
}

@media(min-width: 768px) {
    .section-content {
        width: 88%;
        margin: 10px auto
    }
}

.form-control-message {
    height: 100px !important
}

.form-buttons {
    margin-top: 10px !important
}

.form h5 {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: #fff !important
}

label {
    font-size: 14px
}

label input {
    border: #280748;
    background: transparent;
    margin-right: 5px;
    margin-left: 10px
}

.contact-form .form_check {
    border-radius: 15px !important;
    border: 1px solid #fadc0a;
    padding: 10px;
    margin: 7px 0;
    font-size: 14px
}

.contact-form .form_check label {
    margin-right: 13px;
    color: #000;
    font-weight: 600
}

html {
    scroll-padding-top: 130px
}

.btn {
    scroll-padding-top: 130px
}

@media(max-width: 1024px) {
    html {
        scroll-padding-top: 130px
    }
}

.content-contact {
    justify-content: flex-start
}

@media(min-width: 1200px) {
    .coordonnees {
        margin-top: 50px !important
    }
}

.g-recaptcha>div {
    margin: 0 auto !important
}

.beer-reveal>img {
    height: 100% !important
}

.industriel_infos {
    font-size: 20px !important;
    font-weight: 500 !important
}

footer {
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 11;
    border-radius: 0;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    background-size: cover;
    background-size: cover;
    position: absolute;
    padding: 30px 0 !important;
    background-size: cover;
    background: #fff !important
}

.body-interne footer {
    position: relative !important
}

@media(max-width: 767px) {
    footer {
        padding: 0 !important
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    footer {
        padding-top: 20px !important
    }
}

footer::before {
    content: "";
    background: #000;
    background-size: cover;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    display: none !important
}

@media(max-width: 993px) {
    footer::before {
        display: none
    }
}

footer .mentions {
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    color: #4c4c4c;
    margin-top: 18px
}

@media(max-width: 767px) {
    .body-interne footer .mentions {
        margin-top: 20px !important
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    footer .mentions {
        margin-top: 10px !important
    }
}

@media(max-width: 767px) {
    footer .mentions {
        justify-content: center;
        margin-top: 0 !important
    }
}

footer .mentions img {
    padding-right: 10px;
    margin-top: 5px
}

footer .mentions a {
    color: #2c8c00;
    font-family: "raleway";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    margin: 0 9px !important
}

@media(min-width: 992px)and (max-width: 1199px) {
    footer .mentions a {
        font-size: 12px !important;
        margin: 0 2px !important
    }
}

footer .mentions .legales {
    padding-right: 10px;
    border-right: 1px solid #fff
}

@media(max-width: 767px) {
    footer .container {
        border-radius: 0 !important;
        padding: 20px 10px;
        padding-bottom: 110px
    }
    .body-interne footer .container {
        padding-bottom: 104px !important
    }
}

footer .content-menu-footer {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: center;
    background: #2c8c00;
    border-radius: 25px;
    padding: 11px 0
}

@media(max-width: 767px) {
    footer .content-menu-footer {
        margin-bottom: 20px;
        padding: 0 !important;
        border-radius: 20px
    }
}

footer .content-menu-footer::before {
    content: url(images/before_concept.png);
    display: block !important;
    position: absolute;
    left: 0;
    top: -40px
}

@media(max-width: 992px) {
    footer .content-menu-footer::before {
        display: none !important
    }
}

footer .content-menu-footer li {
    padding: 0 0;
    z-index: 2
}

footer .content-menu-footer li a {
    color: #fff;
    text-align: center;
    font-family: "Alata";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    margin: 0 10px;
    padding: 3px
}

@media(min-width: 992px)and (max-width: 1199px) {
    footer .content-menu-footer li a {
        margin: 0 6px !important;
        font-size: 13px !important
    }
}

.body-interne footer .content-menu-footer li a {
    font-size: 19px !important
}

@media(max-width: 1199px) {
    .body-interne footer .content-menu-footer li a {
        font-size: 14px !important
    }
}

.footer-menu {
    list-style: none;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0;
    align-items: center;
    padding: 0
}

@media(max-width: 767px) {
    .footer-menu {
        margin: 20px 0 !important
    }
}

@media(max-width: 992px) {
    .footer-menu {
        justify-content: center
    }
}

footer .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 14px !important
}

.body-interne .footer-menu li a {
    font-size: 14px !important
}

@media(min-width: 768px) {
    .footer-phone {
        display: none
    }
}

@media(min-width: 1200px) {
    .content-menu-footer {
        position: relative
    }
    .content-menu-footer::after {
        content: "";
        background: #2c8c00;
        width: 110%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        right: -353px
    }
}

footer .footer-menu li a.active {
    color: #B31921;
    text-shadow: none !important
}

.body-interne footer .footer-menu li a.active {
    text-shadow: none !important
}

@media(max-width: 767px) {
    .body-interne footer {
        padding-top: 0 !important
    }
}

p.tp img {
    width: 14px !important;
    margin-right: 6px !important
}

.footer-phone {
    padding: 10px;
    text-align: center;
    position: fixed;
    background: #fff;
    z-index: 1000;
    bottom: 0;
    width: 100%;
    color: #000 !important
}

.footer-phone p {
    font-weight: 700
}

.footer-phone p img {
    margin-right: 13px !important
}

.footer-phone a {
    color: #000 !important
}

.footer-phone:hover .popup {
    display: block !important;
    transition: 1.3s
}

.popup {
    display: none
}

.cookieconsent {
    top: inherit !important;
    bottom: 0;
    margin: 0 !important;
    background: rgba(0, 0, 0, .8) !important;
    color: #fff !important;
    border: none !important;
    opacity: 1;
    padding: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000 !important
}

.cookieconsent .btn-info {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #333 !important
}

.cookieconsent p {
    line-height: 1.5 !important
}

#breadcrumb {
    padding: 0;
    background: #eee;
    border-radius: 4px;
    margin: 0
}

#breadcrumb li {
    display: inline-block;
    padding: 5px 7px
}

#breadcrumb li a {
    color: #2c8c00
}

#breadcrumb li a:after {
    content: ">";
    margin-left: 10px
}

@media(max-width: 991px) {
    #breadcrumb {
        padding: 1px
    }
    #breadcrumb li {
        font-size: 14px !important;
        padding: 2px !important
    }
}

.breadcrumb {
    margin-top: 5px !important;
    margin-bottom: 33px;
    justify-content: center
}

@media(max-width: 767px) {
    .breadcrumb {
        margin-bottom: 10px !important
    }
}

@media(max-width: 767px) {
    .Professionel {
        margin-top: 30px !important
    }
}

.scontact::after {
    content: url(images/after_contact.png);
    position: absolute;
    display: block;
    right: 0;
    bottom: 140px
}

.content_concept::before {
    content: url(images/before_concept.png);
    position: absolute;
    display: block;
    top: -60px;
    left: -50px
}

.content_sections {
    position: relative
}

.content_sections::before {
    content: "";
    background: #000;
    width: 92%;
    height: 115%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    border-radius: 64px
}

@media(max-width: 993px) {
    .content_sections::before {
        display: none
    }
}

.s_produits::before {
    content: "";
    background: #c9c9c9;
    width: 79%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 0 65px 65px 0 !important;
    border-right: 35px solid #fff
}

@media(max-width: 993px) {
    .s_produits::before {
        content: "";
        background: #c9c9c9;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        border-radius: 0;
        border-right: 0
    }
}

.produits {
    width: 66%;
    margin-left: 113px
}

@media(max-width: 993px) {
    .produits {
        width: 100%;
        margin-left: auto !important
    }
}

.produits::after {
    content: url(images/after_carte.png);
    display: block;
    position: absolute;
    right: -280px;
    top: 0
}

.exterieur img {
    clip-path: polygon(0% 0%, 100% 0%, 87% 100%, 0% 100%)
}

.interieur img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 11% 100%);
    position: relative;
    z-index: -2
}

@media(max-width: 767px) {
    .produits-items {
        margin-top: 20px
    }
}

.s_produits {
    padding: 50px 0
}

@media(max-width: 767px) {
    .produits {
        padding: 30px 10px
    }
}

.produits h3 {
    color: #000;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Lato";
    margin-top: 15px
}

@media(max-width: 767px) {
    .produits h3 {
        font-size: 26px
    }
}

@media(max-width: 767px) {
    .content-activites a {
        width: 100%
    }
}

.content_activites {
    margin-bottom: 20px
}

@media(max-width: 767px) {
    .content_activites {
        background: #fff;
        padding: 0px;
        text-align: right;
        box-shadow: 1px 1px #000
    }
}

@media(max-width: 767px) {
    .content_activites a {
        width: 100%
    }
}

@media(max-width: 767px) {
    .content_activites img {
        width: 107px;
        float: left
    }
}

.content_activites h3 {
    text-align: center;
    color: #fff;
    font-size: 34px;
    font-family: "Alata";
    font-weight: 400;
    text-align: center;
    margin-top: 20px
}

.body-interne .content_activites h3 {
    color: #000;
    font-size: 21px
}

@media(min-width: 768px)and (max-width: 1199px) {
    .content_activites h3 {
        font-size: 19px !important
    }
}

@media(max-width: 767px) {
    .content_activites h3 {
        font-size: 18px !important;
        text-align: right;
        margin-right: 7px;
        color: #000 !important
    }
}

.produits-categ h3 {
    color: #ffd100;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase
}

@media(max-width: 1199px) {
    .produits-categ h3 {
        font-size: 26px
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .produits-items {
        margin-top: 30px !important;
        margin-bottom: 50px !important
    }
}

.content-produit {
    position: relative;
    padding: 0 6px
}

.content-produit h3 {
    font-size: 22px !important;
    text-transform: inherit !important;
    color: #fff !important;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 90%;
    z-index: 1
}

@media(min-width: 768px)and (max-width: 1199px) {
    .content-produit h3 {
        font-size: 14px !important
    }
}

.content-produit img {
    border-radius: 15px
}

.content-produit a {
    position: relative;
    width: 100%;
    display: block
}

.content-produit a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(180deg, transparent 50%, #000000)
}

.s_exterieur,
.s_interieur {
    margin: 50px 0
}

.produits-categ {
    position: relative;
    margin-bottom: 60px
}

@media(max-width: 767px) {
    .produits-categ {
        margin-bottom: 40px;
        padding-bottom: 70px
    }
}

.renovation {
    background: #000;
    padding: 50px;
    border-radius: 15px
}

@media(max-width: 767px) {
    .renovation {
        padding: 10px
    }
}

.renovation h2 {
    font-size: 42px;
    color: #ffd100;
    width: 100%;
    margin-bottom: 5px !important
}

.renovation h2::after {
    display: none !important
}

.renovation .btn {
    width: fit-content;
    padding: 10px 20px
}

.renovation .row {
    justify-content: center
}

.btn_panneau {
    font-size: 40px;
    text-transform: uppercase
}

@media(max-width: 1199px) {
    .btn_panneau {
        font-size: 24px
    }
}

.content_panneau {
    text-align: center;
    font-weight: 700
}

.panneau h2 {
    color: #000;
    font-size: 40px
}

.panneau .content_img_pan img {
    border-radius: 15px;
    width: 100%;
    object-fit: cover
}

.s_groupe::after {
    content: "";
    background: url(images/groupe.png) no-repeat;
    background-size: cover;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40%
}

.groupe {
    z-index: 10
}

.produits-more {
    background: #ffd100;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 15px;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    right: 0
}

@media(max-width: 767px) {
    .produits-more {
        display: block;
        width: fit-content;
        top: inherit;
        bottom: 0;
        right: 16px
    }
}

@media(max-width: 767px) {
    .content_img_pan {
        margin-top: 30px
    }
}

.content-fuel {
    display: none;
    font-weight: 400 !important
}

.installation-solaire {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    justify-content: center
}

.installation-solaire li {
    width: 48%;
    min-height: 250px;
    position: relative;
    height: auto;
    margin: 7px;
    transition: transform .8s;
    transform-style: preserve-3d
}

@media(max-width: 767px) {
    .installation-solaire li {
        width: 100%
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .installation-solaire li {
        min-height: 323px
    }
}

.content-etape {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d
}

.list-fuel .content-activites:hover .back {
    display: flex !important
}

.infos_etapes {
    text-align: right;
    padding-right: 14px;
    color: #0b1962
}

@media(max-width: 1199px) {
    .infos_etapes {
        position: absolute;
        color: #fff;
        width: 100%
    }
}

.infos_etapes span {
    background: #fadc0a;
    padding: 10px 20px;
    border-radius: 0 50px 50px 0;
    font-weight: 700;
    color: #000;
    position: absolute;
    font-size: 20px;
    left: 0
}

@media(max-width: 1199px) {
    .infos_etapes span {
        top: -45px
    }
}

@media(max-width: 1199px) {
    .infos_etapes a {
        color: #fff
    }
}

.infos_etapes h3 {
    margin-top: 16px
}

.list-fuel .content-activites>.front {
    position: absolute;
    transform: perspective(600px) rotateY(0deg);
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000
}

.installation-solaire .content-etape>.front {
    position: absolute;
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
    width: 100%;
    height: auto;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #fadc0a
}

@media(max-width: 992px) {
    .installation-solaire .content-etape>.front {
        justify-content: space-between !important
    }
}

.installation-solaire .content-etape>.front img {
    filter: brightness(0.5)
}

@media(max-width: 1199px) {
    .installation-solaire .content-etape>.front img {
        width: 100%
    }
}

.list-fuel .content-activites>.back {
    position: absolute;
    background: #000;
    transform: perspective(600px) rotateY(180deg);
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.installation-solaire .content-etape>.back {
    position: absolute;
    background: #fadc0a !important;
    color: #000;
    transform: perspective(600px) rotateY(180deg);
    backface-visibility: hidden;
    transition: transform .5s linear 0s;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 16px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.installation-solaire .content-etape>.back p {
    width: 100%
}

.list-fuel .content-activites:hover>.front {
    background: #000;
    transform: perspective(600px) rotateY(-180deg);
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.installation-solaire .content-etape:hover {
    cursor: pointer
}

.installation-solaire .content-etape:hover>.front {
    transform: perspective(600px) rotateY(-180deg);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.list-fuel .content-activites:hover>.back,
.installation-solaire .content-etape:hover>.back {
    transform: perspective(600px) rotateY(0deg)
}

li.content-activites:hover h3 {
    display: none !important
}

.encarts-fuels {
    max-width: 100% !important
}

.fuel h2,
.encarts-fuels h2 {
    color: #000
}

.fuel .content-h3,
.encarts-fuels .content-h3 {
    display: flex;
    align-items: center;
    padding: 0 !important;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap
}

.fuel .content-h3::before,
.encarts-fuels .content-h3::before {
    content: "";
    height: 80px;
    width: 26%;
    display: block;
    background: url(images/before.png) no-repeat;
    background-size: cover;
    margin-right: 0;
    border-radius: 9px;
    position: absolute;
    left: -20px;
    top: 0
}

@media(max-width: 1024px) {
    .fuel .content-h3::before,
    .encarts-fuels .content-h3::before {
        display: none !important
    }
}

.fuel .content-h3::after,
.encarts-fuels .content-h3::after {
    content: "";
    height: 80px;
    width: 26%;
    display: block;
    background: url(images/before.png) no-repeat;
    background-size: cover;
    border-radius: 9px;
    position: absolute;
    right: -20px;
    top: 0
}

@media(max-width: 1024px) {
    .fuel .content-h3::after,
    .encarts-fuels .content-h3::after {
        display: none !important
    }
}

.fuel .content-h3 h3,
.encarts-fuels .content-h3 h3 {
    background: #fadc0a;
    border-radius: 15px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 41px !important;
    padding: 10px 20px;
    color: #343434 !important
}

@media(max-width: 767px) {
    .fuel .content-h3 h3,
    .encarts-fuels .content-h3 h3 {
        font-size: 20px !important
    }
}

.fuel h3,
.encarts-fuels h3 {
    padding: 10px 20px;
    color: #fff;
    font-size: 17px !important;
    font-weight: 700 !important
}

@media(max-width: 767px) {
    .fuel h3,
    .encarts-fuels h3 {
        font-size: 20px
    }
}

@media(min-width: 1400px) {
    .fuel h3,
    .encarts-fuels h3 {
        font-size: 45px
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .fuel h3,
    .encarts-fuels h3 {
        font-size: 24px
    }
}

.content_fuel ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin-top: 20px;
    flex-wrap: wrap
}

.content_fuel li {
    border-radius: 15px;
    color: #fff;
    padding: 10px 20px;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24%;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

@media(max-width: 767px) {
    .content_fuel li {
        width: 44%;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        margin: 5px 9px;
        min-height: 170px;
        padding: 0 !important
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .content_fuel li {
        width: 48%;
        margin: 5px
    }
}

.content_fuel {
    padding: 0 20px
}

.dropdown {
    position: relative
}

.dropdown:hover .dropdown-menu {
    display: block !important;
    top: 100% !important;
    transition: .4s
}

.dropdown a:hover:after {
    display: none !important
}

.s_groupe {
    background: #000;
    padding: 50px 0;
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

@media(min-width: 1200px) {
    .s_content_sections .container {
        width: 83%
    }
}

@media(max-width: 767px) {
    .s_content_sections .content_ {
        order: 1
    }
    .s_content_sections .content_img {
        order: 2
    }
}

@media(max-width: 767px) {
    .content-activites img {
        width: 107px;
        float: left
    }
}

.entreprise .content_img img {
    width: 100%;
    z-index: -2;
    position: relative
}

.exterieur .row,
.interieur .row {
    align-items: center
}

.entreprise {
    max-width: 100% !important;
    width: 100%
}

.entreprise .content_img {
    padding: 0
}

.s_activites {
    background: url(images/activites.png) no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

@media(max-width: 767px) {
    .s_activites {
        padding: 30px 0
    }
}

.s_activites .activites {
    position: relative;
    color: #fff;
    z-index: 5
}

.s_activites .activites h2 {
    color: #000 !important;
    font-weight: 700
}

.activites_content a {
    color: #268ccf
}

.list-act {
    margin-top: 30px !important
}

@media(min-width: 768px) {
    .list-act {
        margin-top: 0 !important
    }
}

@media(max-width: 767px) {
    .onepage .list-act {
        margin-top: 10px !important
    }
}

.content-activites {
    color: #828282
}

@media(max-width: 767px) {
    .content-activites {
        padding: 0;
        background-color: #d6d6d6
    }
}

.activites_content h3 {
    color: #2c9ad7;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .activites_content {
        order: 2
    }
    .activites_img {
        order: 1;
        padding: 0;
        margin: 5px 0;
        background-color: #7c9c76;
        width: 100%;
        margin-bottom: 5px !important
    }
    .elfsight-app-011861c5-37ef-41fd-b2fb-658c0bc6ecbd {
        margin-top: 30px
    }
}

.list-fuel .content-activites:hover {
    cursor: pointer
}

.content-activites {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin-top: 26px !important
}

.content-activites::before {
    content: "";
    background: linear-gradient(rgba(46, 60, 45, 0), #000);
    position: absolute
}

.industriel {
    color: #fff !important
}

.content-activites .col-sm-6 {
    position: relative
}

.content-activites .col-sm-6 img {
    margin-top: 18px
}

@media(min-width: 768px) {
    .content-activites .col-sm-6 {
        padding-right: 40px
    }
    .content-activites .col-sm-6:nth-child(2) {
        padding-right: 10px !important
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .activites_img {
        width: 47%;
        margin: 7px 3px
    }
}

.activites_img img {
    width: 100%;
    height: auto
}

@media(max-width: 767px) {
    .activites_img img {
        width: 107px !important;
        float: left !important
    }
}

.list-act {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0
}

.list-act li {
    margin: 5px;
    position: relative
}

.list-act li::nth-child(2),
.list-act li::nth-child(4) {
    margin-top: 30px
}

@media(min-width: 1200px) {
    .list-act li {
        width: 24%
    }
}

.list-act li h3.titre-activite {
    text-shadow: 1px 1px 1px #000 !important
}

@media(min-width: 768px)and (max-width: 1199px) {
    .list-act li {
        width: 48% !important
    }
}

@media(min-width: 1200px) {
    .list-act li:nth-child(2),
    .list-act li:nth-child(4) {
        position: relative;
        top: 45px
    }
}

.similar_album {
    margin-top: 50px
}

.similar_album h5 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center
}

@media(max-width: 992px) {
    .similar_album h5 {
        font-size: 21px !important
    }
}

.album_nav a {
    display: none
}

.album-similar {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin-top: 20px
}

@media(min-width: 768px)and (max-width: 1199px) {
    .album-similar {
        justify-content: center
    }
}

.album-similar li {
    position: relative;
    width: 18%;
    margin: 10px !important
}

@media(min-width: 768px)and (max-width: 1199px) {
    .album-similar li {
        margin: 9px
    }
}

@media(max-width: 767px) {
    .album-similar li {
        width: 100% !important;
        background-color: #7c9c76;
        margin: 5px 0
    }
}

.album-similar li h4 {
    color: #fff;
    text-align: center;
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
    background-color: #7c9c76;
    padding: 20px
}

@media(max-width: 767px) {
    .album-similar li h4 {
        font-size: 15px !important;
        text-align: right !important
    }
}

.album-similar li h4 a {
    color: #fff !important
}

@media(max-width: 767px) {
    .album-similar li h4 {
        left: inherit;
        right: 10px;
        bottom: 28px
    }
}

@media(max-width: 767px) {
    .album-similar li img {
        width: 107px !important;
        float: left !important
    }
}

.li-act img {
    object-fit: cover
}

.activites_img {
    position: relative;
    margin-bottom: 24px !important
}

@media(max-width: 767px) {
    .content-activites {
        margin-top: 7px !important
    }
}

@media(min-width: 768px) {
    .content-activites {
        margin-bottom: 60px
    }
}

.content-activites h3,
.content-activites h4 {
    text-align: center;
    font-size: 16px;
    font-family: "poppins";
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 10px;
    width: 96%
}

@media(max-width: 767px) {
    .content-activites h3,
    .content-activites h4 {
        margin-top: 5px;
        right: 0px;
        transform: none;
        background: transparent;
        bottom: 0;
        padding-bottom: 0;
        text-transform: initial;
        top: 0;
        left: initial;
        width: 100%
    }
}

.avant_apres h2 {
    width: fit-content;
    text-align: center;
    color: #fff;
    font-size: 38px;
    border-bottom: 1px solid #B31921;
    padding: 10px;
    padding-bottom: 20px
}

@media(max-width: 767px) {
    .avant_apres h2 {
        color: #000 !important
    }
}

@media(max-width: 1024px) {
    h2::after {
        display: none !important
    }
}

.bfore_titre {
    font-weight: 600;
    font-size: 16px;
    color: #90bf21;
    text-transform: uppercase
}

.container_autres_activites {
    text-align: center;
    font-size: 20px;
    margin-top: 24px
}

.activites {
    position: relative
}

.content-activites>.activites_img::nth-child(2) {
    margin-top: 20px
}

@media(max-width: 767px) {
    .activites::before {
        font-size: 40px !important;
        top: 40px !important
    }
}

.onepage h2::after {
    font-family: "poppins" !important
}

.entreprise {
    color: #fff
}

@media(max-width: 767px) {
    .s_produits {
        margin-top: 20px !important;
        padding: 10px
    }
}

.s_facades {
    padding: 50px 0
}

.s_facades::before {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 400px;
    display: block;
    width: 100%;
    height: 117%
}

@media(max-width: 767px) {
    .s_facades::before {
        border-radius: 0px
    }
}

@media(min-width: 993px)and (max-width: 1199px) {
    .s_facades::before {
        border-radius: 0 0 100px;
        height: 113%
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .s_facades::before {
        border-radius: 0 0 100px;
        height: 100%
    }
}

.content_produits {
    margin-top: 40px
}

.facades {
    color: #fff
}

.facades h2 {
    color: #fff !important;
    margin-right: 50px
}

.facades .content_txt {
    display: flex;
    justify-content: space-between
}

@media(max-width: 767px) {
    .facades .content_txt {
        display: block !important
    }
}

.ite img {
    border-radius: 0 0 50px
}

.ite .row {
    align-items: flex-end
}

@media(max-width: 767px) {
    .ite h2 {
        margin-top: 10px
    }
}

.ite h2 span {
    font-size: 36px;
    margin-top: 20px;
    display: block
}

@media(max-width: 1199px) {
    .ite h2 span {
        font-size: 18px;
        margin-top: 0px
    }
}

.content-sections {
    position: relative;
    padding: 50px 0
}

@media(max-width: 767px) {
    .content-sections {
        padding-bottom: 0 !important
    }
}

.content-sections::before {
    background: url(images/realisation.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 47%;
    display: block !important;
    content: "";
    border-radius: 0 0 0 400px
}

@media(min-width: 768px)and (max-width: 1199px) {
    .content-sections::before {
        border-radius: 0 0 0 100px;
        height: 67%
    }
}

.realisations h2 {
    color: #fff !important
}

@media(min-width: 1200px) {
    .realisations h2 {
        width: 20%;
        line-height: 1.3
    }
}

.tab-content h3 {
    font-size: 25px !important;
    text-align: left !important
}

@media(max-width: 767px) {
    .tab-content h3 {
        text-align: right !important;
        font-size: 16px !important
    }
}

@media(min-width: 768px)and (max-width: 993px) {
    .tab-content h3 {
        font-size: 19px !important
    }
}

.tab-content img {
    border-radius: 0 !important
}

.realisations .btn_realisation {
    margin: 0 auto !important;
    margin-top: 24px !important;
    background: #4ba200 !important
}

#sticker {
    z-index: 1000000 !important;
    width: 100%;
    position: fixed !important
}

@media(max-width: 993px) {
    #sticker {
        position: relative
    }
}

@media(min-width: 1200px) {
    .navigation .container {
        display: block
    }
    .is-sticky .navigation .container {
        display: flex
    }
}

.body-interne .navigation .container {
    display: flex
}

@media(min-width: 992px)and (max-width: 1199px) {
    .logo {
        width: 120px
    }
}

@media(min-width: 1200px) {
    .logo {
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 19px
    }
    .is-sticky .logo {
        width: auto;
        margin-top: 0
    }
    .body-interne .logo {
        width: auto !important
    }
}

@media(min-width: 1200px) {
    #navbarSupportedContent {
        justify-content: center !important;
        margin-top: 18px
    }
    .body-interne #navbarSupportedContent,
    .is-sticky #navbarSupportedContent {
        justify-content: flex-end !important
    }
}

@media(max-width: 767px) {
    .slide {
        top: 78px !important
    }
}

@media(min-width: 768px)and (max-width: 993px) {
    .slide {
        top: 78px !important
    }
}

@media(min-width: 768px)and (max-width: 993px) {
    .logo img {
        width: 90px !important
    }
}

.body-interne header::before {
    display: none
}

.body-interne header::before {
    display: none !important
}

@media(max-width: 767px) {
    .content-contact-interne .coordonnees {
        order: 2
    }
}

.content-contact-interne .col-sm-7 {
    order: 1
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end !important
}

.list-info {
    background: #000;
    border-radius: 65px;
    padding: 20px;
    display: flex;
    position: absolute;
    top: -81px;
    text-align: center;
    justify-content: space-between;
    color: #fff;
    font-family: "Alata";
    font-size: 40px;
    text-transform: uppercase;
    list-style-type: none
}

@media(max-width: 767px) {
    .list-info {
        flex-wrap: wrap;
        font-size: 19px;
        border-radius: 4px;
        background: #fff;
        color: #000;
        position: relative;
        top: 10px
    }
}

@media(min-width: 768px)and (max-width: 993px) {
    .list-info {
        top: -54px;
        font-size: 20px;
        border-radius: 30px
    }
}

@media(min-width: 995px)and (max-width: 1199px) {
    .list-info {
        font-size: 30px
    }
}

.list-info li {
    position: relative
}

@media(max-width: 767px) {
    .list-info li {
        width: 40%;
        margin: 13px 5px
    }
}

.list-info li::after {
    content: url(images/after_li.png);
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -11px)
}

@media(min-width: 768px)and (max-width: 993px) {
    .list-info li::after {
        transform: translate(-50%, 5px)
    }
}

.list-info p {
    line-height: 1
}

.list-info a {
    color: #fff !important
}

@media(max-width: 767px) {
    .list-info a {
        color: #000 !important
    }
}

.list-info li:nth-child(1) .t-vert {
    color: #4ba200 !important;
    font-size: 23px
}

.list-info li:nth-child(2) .t-vert {
    color: #4ba200 !important
}

.list-info li:nth-child(3) .t-vert {
    color: #4ba200 !important;
    font-size: 43px
}

.list-info li:nth-child(4) .t-vert {
    color: #4ba200 !important;
    font-size: 29px
}

@media(max-width: 993px) {
    .t-vert {
        font-size: 18px !important
    }
}

@media(min-width: 993px)and (max-width: 1199px) {
    .t-vert {
        font-size: 24px !important
    }
}

.vegas-overlay,
.vegas-slide,
.vegas-slide-inner,
.vegas-timer,
.vegas-wrapper {
    background-color: rgba(0, 0, 0, .35)
}

.content-top {
    color: #fff;
    text-align: center;
    font-family: Oswald;
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    line-height: 98.7%
}

@media(max-width: 1199px) {
    .content-top {
        font-size: 50px !important
    }
}

@media(max-width: 767px) {
    .content-top {
        font-size: 40px !important
    }
}

.content-top P::nth-child(2) {
    color: #cecece;
    text-align: center;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@media(min-width: 768px)and (max-width: 992px) {
    .content-top P::nth-child(2) {
        font-size: 30px !important
    }
}

@media(max-width: 767px) {
    .header-top {
        top: 47% !important
    }
}

.slide-items .h1 {
    display: none !important
}

.header-btn a {
    background-color: #ffd100;
    padding: 7px 20px;
    border-radius: 17px;
    color: #000 !important;
    font-size: 19px;
    text-align: right;
    font-weight: 700
}

.content_header_top {
    position: absolute;
    bottom: 120px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align: right
}

@media(max-width: 767px) {
    .content_header_top {
        position: initial !important
    }
}

.content_header_top ul {
    font-family: "Open Sans";
    color: #fff;
    font-weight: 700;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    padding: 14px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 24px;
    width: 80%
}

@media(max-width: 767px) {
    .content_header_top ul {
        color: #000;
        font-size: 18px;
        width: 100%
    }
}

.content_header_top ul li::before {
    content: url(images/ico1.png);
    margin-right: 10px
}

@media(min-width: 768px)and (max-width: 992px) {
    .content_header_top ul {
        font-size: 16px !important
    }
}

.content_header_top .logo_header {
    width: 10%;
    text-align: right
}

@media(max-width: 767px) {
    .content_header_top .logo_header {
        width: 100%;
        text-align: center
    }
}

.content_header_top li img {
    margin-right: 14px
}

.body-interne .is-sticky .navigation {
    background: #fff !important
}

.accueil-img2 {
    position: absolute;
    bottom: 36px;
    left: 190px
}

@media(max-width: 767px) {
    .accueil-img2 {
        position: absolute;
        bottom: 36px;
        left: 90px
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .accueil-img2 {
        left: 250px
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .content-haeder-top {
        font-size: 30px !important
    }
}

header {
    position: relative
}

@media(max-width: 767px) {
    .interne header {
        height: auto !important
    }
}

.body-interne header,
.body-interne .slide {
    height: auto !important
}

@media(max-width: 1199px) {
    .body-interne header,
    .body-interne .slide {
        height: 90px !important
    }
}

.body-interne .header-top {
    display: none !important
}

.navigation {
    top: 0;
    z-index: 1000;
    background-size: cover !important;
    background: linear-gradient(180deg, #ffffff, transparent) !important;
    position: fixed
}

@media(max-width: 992px) {
    .navigation {
        background: #fff !important;
        box-shadow: 1px -1px 10px #000
    }
}

@media(min-width: 993px)and (max-width: 1199px) {
    .navigation {
        padding-bottom: 0px !important
    }
}

@media(min-width: 1200px) {
    .is-sticky .navigation {
        background: transparent !important
    }
}

.navigation .navbar {
    background-color: transparent !important
}

.header-msg {
    font-weight: 700
}

.sticky-wrapper {
    height: auto !important
}

@media(max-width: 767px) {
    header,
    .slide {
        height: 500px !important
    }
}

@media(max-width: 767px) {
    section {
        margin: 30px 0 !important
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .content-menu-footer,
    .mentions {
        flex: 0 0 auto;
        width: 100%;
        justify-content: center
    }
}

@media(min-width: 1200px) {
    .body-interne header,
    .body-interne .slide {
        height: 130px !important
    }
}

.navbar-toggler {
    position: relative
}

.navbar-toggler::after {
    content: "MENU";
    color: #000;
    position: absolute;
    font-size: 14px;
    top: 5px;
    right: 40px
}

@media(min-width: 768px)and (max-width: 1199px) {
    .content-top p:nth-child(2) {
        font-size: 30px !important
    }
}

@media(max-width: 767px) {
    .slide {
        height: 206px !important;
        margin-top: 7px !important
    }
    header {
        height: auto !important
    }
}

.header-btn {
    margin-top: 20px
}

@media(min-width: 768px)and (max-width: 992px) {
    .content-top {
        font-size: 50px !important
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .content-top p {
        padding-left: 10px !important
    }
}

.img_before {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 25px;
    top: 20px
}

.interieur .img_before {
    right: 25px !important;
    left: inherit
}

.interieur .content_img {
    text-align: right
}

.content_img {
    position: relative
}

.content_compter ul {
    display: flex;
    justify-content: space-around;
    list-style-type: none;
    font-family: "Open Sans";
    flex-wrap: wrap
}

.content_compter ul li {
    position: relative
}

@media(max-width: 767px) {
    .content_compter ul li {
        width: 34%
    }
}

.content_compter ul span {
    font-size: 128px;
    font-weight: 900;
    color: rgba(30, 30, 30, .2)
}

@media(max-width: 767px) {
    .content_compter ul span {
        font-size: 50px
    }
}

@media(min-width: 767px)and (max-width: 992px) {
    .content_compter ul span {
        font-size: 75px
    }
}

@media(max-width: 767px) {
    p.content {
        font-size: 18px !important
    }
}

@media(min-width: 767px)and (max-width: 992px) {
    p.content {
        font-size: 24px
    }
}

.content-accueil {
    padding: 0
}

.onepage #accueil {
    margin: 0 !important;
    padding: 50px 0 !important;
    margin-top: 158px !important;
    padding-top: 0 !important
}

@media(max-width: 767px) {
    .onepage #accueil::before {
        display: none !important
    }
}

.onepage #accueil .accl-content {
    position: relative
}

@media(max-width: 993px) {
    .onepage #accueil .accl-content {
        padding: 13px
    }
}

@media(min-width: 993px)and (max-width: 1199px) {
    .onepage #accueil {
        margin-top: 100px !important
    }
}

@media(max-width: 767px) {
    .onepage #accueil {
        padding-top: 24px !important;
        padding-bottom: 14px !important;
        margin-top: 0px !important
    }
}

@media(max-width: 992px) {
    .onepage #accueil {
        top: 0 !important
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .onepage #accueil {
        margin-top: 70px !important
    }
}

@media(max-width: 993px) {
    .is-sticky .navigation {
        background: #fff !important
    }
}

@media(max-width: 767px) {
    .concept_content {
        margin-top: 30px
    }
}

.btn_promo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px
}

.header-msg span {
    color: #ffd100;
    font-size: 41px
}

.btn_promo::after {
    content: url(images/afterpromos.png);
    display: block
}

.section-content {
    line-height: 1.1
}

@media(min-width: 768px) {
    .cont-fixed {
        position: sticky;
        top: 120px
    }
}

.s_concept {
    z-index: 4
}

.accueil_img {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

@media(max-width: 1199px) {
    .accueil_img {
        flex-wrap: nowrap !important
    }
}

@media(max-width: 767px) {
    .accueil_img {
        order: 2
    }
}

@media(max-width: 767px) {
    .acceuil_content {
        padding: 10px;
        order: 1
    }
}

.industriel_infos p {
    font-size: 20px;
    font-weight: 500
}

.industriel .btn_realisation {
    margin-top: 20px
}

.img2 {
    position: relative;
    top: -80px
}

@media(max-width: 767px) {
    .img2 {
        top: 30px
    }
}

@media(min-width: 993px)and (max-width: 1199px) {
    .slide {
        top: 140px !important
    }
}

.concept {
    background: #fef102;
    padding: 50px 30px;
    border-radius: 63px
}

@media(min-width: 768px)and (max-width: 1199px) {
    .content_accueil {
        margin-top: 40px
    }
}

@media(min-width: 768px) {
    .col-sm-7.acceuil_content {
        padding-right: 100px !important
    }
}

@media(max-width: 767px) {
    .content_text_accueil h1 {
        font-size: 19px !important;
        margin: 14px 0 !important
    }
}

.content-top p:nth-child(2) {
    color: #cecece;
    text-align: center;
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@media(max-width: 767px) {
    .content-top p:nth-child(2) {
        font-size: 18px !important
    }
}

.s_actus_avis {
    position: relative;
    margin-top: 50px !important;
    padding: 50px 0
}

@media(max-width: 993px) {
    .s_actus_avis {
        margin-top: 0 !important;
        padding: 24px 0 !important
    }
}

.s_actus_avis .actus {
    position: relative;
    z-index: 10;
    width: 78% !important
}

@media(max-width: 767px) {
    .s_actus_avis .actus {
        width: 100% !important
    }
}

.actus_avis h2 {
    color: #000 !important
}

.content_insta {
    margin-bottom: 20px
}

@media(min-width: 1200px) {
    .actus_avis {
        width: 79% !important
    }
}

.insta {
    background: #fff;
    padding: 7px
}

.avis_google {
    background: #fff;
    padding: 10px;
    margin-top: 20px
}

.Avis {
    padding-left: 50px
}

.content_actus {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.s_app_mobile {
    padding: 50px 0;
    color: #fff;
    margin: 0
}

.s_app_mobile h2 {
    color: #fff
}

.app_mobile ol {
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    font-family: "Poppins"
}

.app_mobile ol li {
    margin: 10px 0
}

.contact h2 {
    color: #fff !important
}

@media(min-width: 768px)and (max-width: 992px) {
    .fb,
    .avis {
        width: 100% !important
    }
    .fb-page,
    .fb_iframe_widget {
        padding: 0 !important;
        background: none !important
    }
}

.grid-list-item {
    top: 170px !important
}

@media(min-width: 992px)and (max-width: 1024px) {
    .actus {
        max-width: 1040px !important
    }
}

@media(min-width: 1700px) {
    .s_actus_avis::after {
        width: 26% !important
    }
}

@media(max-width: 992px) {
    .fb {
        margin-bottom: 20px !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .Avis,
    .fb {
        margin-bottom: 20px
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .Avis,
    .fb {
        text-align: center;
        width: 100% !important
    }
}

@media(max-width: 767px) {
    .Avis,
    .fb {
        text-align: center !important
    }
}

.content-contact h2 {
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 38px;
    border-bottom: 1px solid #B31921;
    padding: 10px;
    padding-bottom: 20px
}

.avis_google {
    position: relative
}

.avis_google::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 110px;
    height: 110px;
    background: #B31921
}

.actus h2 {
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    color: #000;
    font-size: 38px;
    border-bottom: 1px solid #B31921;
    padding: 10px;
    padding-bottom: 20px
}

@media(max-width: 1199px) {
    .actus {
        display: none !important
    }
}

.content-app {
    align-items: center
}

.app_mobile h2 div {
    text-shadow: 1px 1px 3px #000
}

.row {
    position: relative !important
}

@media(min-width: 768px)and (max-width: 992px) {
    .Avis,
    .fb {
        width: 100% !important;
        margin-bottom: 20px
    }
    .actus {
        text-align: center
    }
    .actus .row {
        justify-content: center
    }
}

@media(min-width: 767px) {
    .s_actus_avis::after {
        display: none !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .fb-page,
    .fb_iframe_widget {
        background: none !important;
        padding: 0 !important
    }
}

@media(min-width: 993px) {
    .content_activites img {
        border-radius: 0 0 50px;
        width: 100%
    }
    .s_actus_avis {
        margin-bottom: 0 !important
    }
    .content_sections::before {
        bottom: -30px;
        z-index: 3
    }
    .s_app_mobile {
        padding-top: 80px !important
    }
    .s_produits {
        z-index: 10
    }
    .s_actus_avis {
        z-index: 10
    }
}

a.dropdown-toggle::after {
    display: block !important
}

a.dropdown-toggle:hover::after {
    display: block !important
}

.body-interne .navbar-light .navbar-nav .nav-link.dropdown-toggle::after {
    display: block !important
}

.is-sticky .navigation {
    background: #fff !important;
    padding: 20px 0
}

@media(max-width: 993px) {
    .is-sticky .navigation {
        background: #fff !important;
        padding: 0
    }
}

header {
    padding: 0 !important
}

.is-sticky .logo img {
    width: 150px
}

.content_concept {
    align-items: center
}

@media(min-width: 768px)and (max-width: 992px) {
    .content-menu-footer,
    .mentions {
        justify-content: center !important
    }
}

.zone {
    padding: 0 !important
}

.zone iframe {
    border-radius: 30px !important;
    height: 100%
}

@media(min-width: 768px)and (max-width: 1199px) {
    .onepage h2,
    .titre-page,
    .style-titre-p {
        font-size: 30px !important
    }
    .content_text_accueil h1 {
        margin: 20px 0 !important;
        font-family: "PT Serif";
        font-size: 24px !important
    }
    .album-similar li {
        width: 24% !important
    }
}

@media(max-width: 768px) {
    .onepage h2 {
        font-size: 30px !important
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .album-similar li {
        width: 34% !important
    }
}

@media(min-width: 1200px) {
    .infos_industriel {
        display: flex;
        flex-wrap: wrap;
        height: 100% !important
    }
    .infos_industriel .content-btn {
        width: 100% !important
    }
}

a.dropdown-toggle::after {
    display: block !important
}

a.dropdown-toggle:hover::after {
    display: block !important
}

.body-interne .navbar-light .navbar-nav .nav-link.dropdown-toggle::after {
    display: block !important
}

.is-sticky .navigation {
    background: #fff !important;
    padding: 20px 0
}

@media(max-width: 993px) {
    .is-sticky .navigation {
        background: #fff !important;
        padding: 0
    }
}

header {
    padding: 0 !important
}

.is-sticky .logo img {
    width: 150px
}

.content_concept {
    align-items: center
}

@media(min-width: 768px)and (max-width: 992px) {
    .content-menu-footer,
    .mentions {
        justify-content: center !important
    }
}

.zone {
    padding: 0 !important
}

.zone iframe {
    border-radius: 30px !important;
    height: 100%
}

@media(min-width: 768px)and (max-width: 1199px) {
    .onepage h2,
    .titre-page,
    .style-titre-p {
        font-size: 30px !important
    }
    .content_text_accueil h1 {
        margin: 20px 0 !important;
        font-family: "PT Serif";
        font-size: 24px !important
    }
    .album-similar li {
        width: 24% !important
    }
}

@media(max-width: 768px) {
    .onepage h2 {
        font-size: 30px !important
    }
}

@media(min-width: 768px)and (max-width: 992px) {
    .album-similar li {
        width: 34% !important
    }
}

@media(min-width: 1200px) {
    .infos_industriel {
        display: flex;
        flex-wrap: wrap;
        height: 100% !important
    }
    .infos_industriel .content-btn {
        width: 100% !important
    }
}

.content_section {
    background: none;
    position: relative;
    padding: 50px 0;
    background-size: cover !important;
    padding-bottom: 0 !important
}

@media(max-width: 767px) {
    .content_section {
        padding-top: 10px !important
    }
}

.content_section::before {
    content: "";
    position: absolute;
    top: 0;
    background: url(images/industriel.png) no-repeat !important;
    left: 0;
    width: 100% !important;
    height: 40% !important;
    background-size: cover !important
}

@media(max-width: 992px) {
    .content_section::before {
        height: 38% !important
    }
}

.content_section::after {
    content: "";
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, .6);
    left: 0;
    width: 100% !important;
    height: 40% !important
}

@media(max-width: 992px) {
    .content_section::after {
        height: 38% !important
    }
}

#contact {
    background-size: cover;
    margin-bottom: 0;
    padding-bottom: 280px !important;
    position: relative;
    margin-top: 0 !important;
    padding-top: 50px !important;
    margin-top: 0px !important
}

@media(max-width: 767px) {
    #contact {
        padding-top: 20px !important;
        padding-bottom: 250px !important;
        margin-top: 0px !important
    }
}

#contact .container-fluid {
    padding: 0
}

.contact #contact H2 {
    position: relative !important
}

.zone {
    margin-top: 24px
}

.zone .eapps-google-maps {
    border-radius: 15px
}

.container {
    position: relative
}

.content-contact .col-sm-6 {
    position: relative;
    margin-bottom: 26px
}

@media(max-width: 767px) {
    .content-contact .col-sm-6 {
        margin-bottom: 16px
    }
}

.coordonnees,
.interne .coordonnees {
    color: #fff !important;
    font-family: "Alata";
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    padding-left: 10px
}

@media(max-width: 992px) {
    .coordonnees,
    .interne .coordonnees {
        padding: 20px 10px;
        font-size: 14px;
        background-color: transparent;
        color: #000 !important
    }
}

.coordonnees .phone,
.coordonnees .mail,
.coordonnees .adresse,
.interne .coordonnees .phone,
.interne .coordonnees .mail,
.interne .coordonnees .adresse {
    padding-left: 50px;
    color: #fff;
    position: relative;
    margin-right: 13px;
    margin-bottom: 29px !important
}

@media(max-width: 767px) {
    .coordonnees .phone,
    .coordonnees .mail,
    .coordonnees .adresse,
    .interne .coordonnees .phone,
    .interne .coordonnees .mail,
    .interne .coordonnees .adresse {
        color: #fff !important
    }
}

@media(max-width: 767px) {
    .coordonnees .phone,
    .coordonnees .mail,
    .coordonnees .adresse,
    .interne .coordonnees .phone,
    .interne .coordonnees .mail,
    .interne .coordonnees .adresse {
        width: 100% !important
    }
}

.coordonnees .phone img,
.coordonnees .mail img,
.coordonnees .adresse img,
.interne .coordonnees .phone img,
.interne .coordonnees .mail img,
.interne .coordonnees .adresse img {
    margin-right: 16px !important;
    position: absolute;
    left: 0
}

.coordonnees .phone a,
.coordonnees .mail a,
.coordonnees .adresse a,
.interne .coordonnees .phone a,
.interne .coordonnees .mail a,
.interne .coordonnees .adresse a {
    color: #fff !important
}

@media(max-width: 767px) {
    .coordonnees .phone a,
    .coordonnees .mail a,
    .coordonnees .adresse a,
    .interne .coordonnees .phone a,
    .interne .coordonnees .mail a,
    .interne .coordonnees .adresse a {
        color: #fff !important
    }
}

.coordonnees h3,
.interne .coordonnees h3 {
    color: #fff;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 162%;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .coordonnees h3,
    .interne .coordonnees h3 {
        font-size: 18px !important;
        color: #002194 !important
    }
}

.coordonnees {
    display: flex;
    flex-wrap: wrap
}

.interne .adresse .content-coord {
    display: flex;
    align-items: center
}

@media(min-width: 768px) {
    .interne .adresse img {
        display: block
    }
}

.interne .coordonnees {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    margin-top: 0 !important
}

.interne .coordonnees .phone,
.interne .coordonnees .mail,
.interne .coordonnees .adresse {
    color: #000 !important
}

.interne .coordonnees .phone a,
.interne .coordonnees .mail a,
.interne .coordonnees .adresse a {
    color: #000 !important
}

@media(min-width: 768px)and (max-width: 993px) {
    .interne .coordonnees {
        font-size: 14px !important
    }
}

@media(max-width: 767px) {
    #contact_form {
        margin-top: 0px !important;
        padding: 30px 10px !important;
        border-radius: 0 !important;
        margin-bottom: 20px !important;
        padding-top: 0 !important
    }
}

.scontact {
    background: url(images/contact.png) no-repeat;
    background-size: cover;
    border-radius: 0 400px 0 0;
    color: #fff
}

@media(max-width: 767px) {
    .scontact {
        border-radius: 0 !important
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .scontact {
        border-radius: 0 100px 0 0 !important
    }
}

.contact-form {
    position: relative !important
}

.body-interne .contact-form {
    margin-top: 30px
}

.body-interne #contact_form h2 {
    display: none !important
}

.fa-phone:before,
.fa-envelope:before {
    margin-right: 5px !important
}

@media(max-width: 767px) {
    .body-interne .coordonnees a {
        width: 100%
    }
}

@media(max-width: 767px) {
    #contact_form::before {
        border-radius: 0 !important
    }
}

.body-interne .coordonnees {
    margin: 20px 0 !important
}

#contact .contact h2 {
    position: relative !important;
    padding-left: 10px !important
}

#map-canvas {
    height: 100% !important;
    border-radius: 0 0 50px
}

.body-interne #map-canvas {
    height: 500px !important
}

@media(max-width: 767px) {
    #map-canvas {
        height: 400px !important;
        border-radius: 0
    }
}

.coordonnees h3 {
    color: #002194;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 162%;
    text-transform: uppercase
}

.contact {
    padding-left: 0
}

@media(max-width: 767px) {
    .contact {
        padding: 10px !important
    }
}

.contact h2:after {
    display: none !important
}

@media(min-width: 768px)and (max-width: 1199px) {
    #contact .content-contact .contact-form .col-sm-6 {
        width: 100% !important
    }
}

@media(max-width: 767px) {
    .phone,
    .mail,
    .adresse {
        width: 100% !important
    }
}

#contact .coordonnees .phone,
#contact .coordonnees .mail,
#contact .coordonnees .adresse,
.body-interne .coordonnees .phone,
.body-interne .coordonnees .mail,
.body-interne .coordonnees .adresse {
    margin-bottom: 18px
}

@media(min-width: 1200px) {
    #contact .coordonnees,
    #contact .interne .coordonnees {
        justify-content: space-between !important;
        width: 75% !important
    }
    #contact .contact h2 {
        margin-bottom: 10px !important
    }
}

.zone,
.contact {
    position: relative;
    z-index: 1
}

@media(max-width: 767px) {
    .zone,
    .contact {
        margin-top: 20px !important
    }
}

.body-interne .content-contact {
    background: #828282;
    padding: 24px !important
}

@media(max-width: 767px) {
    .body-interne .content-contact {
        padding: 0 !important
    }
}

.body-interne .content-contact .coordonnees {
    color: #fff !important
}

@media(min-width: 1200px) {
    #contact .coordonnees {
        margin: 20px 0 !important
    }
}

.zone h2 {
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 50px;
    color: #000
}

.s_sur_mesure {
    background: url(images/surmesure.png) bottom no-repeat;
    background-size: cover !important;
    padding: 120px 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 120px !important
}

@media(max-width: 767px) {
    .s_sur_mesure {
        padding-top: 34px !important;
        padding-bottom: 30px !important
    }
}

.s_sur_mesure h3 {
    font-family: "poppins";
    font-size: 20px;
    margin-bottom: 30px
}

.s_sur_mesure img {
    width: 100%
}

.s_sur_mesure h2:after {
    background-color: #fff !important
}

.s_sur_mesure .content_sur_mesure {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: flex-end;
    color: #fff !important
}

@media(min-width: 768px)and (max-width: 992px) {
    .sur_mesure_content {
        margin-top: 30px !important
    }
}

@media(min-width: 993px) {
    .sur_mesure_content {
        margin-top: 130px
    }
}

@media(min-width: 993px) {
    .sur_mesure_img img {
        height: 100%;
        object-fit: cover
    }
}

@media(max-width: 767px) {
    .list-info li::after {
        display: none !important
    }
}