@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&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 {
   
}
.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: 75px !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: 0px;
    /*min-height: calc(100vh - 100px - 150px - 12px);*/
    margin-top: 50px;
    margin-bottom: 40px;
    column-gap: 50px;
    row-gap: 50px;
    display: flex;
    flex-direction: column;
}
@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: 20px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !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;
}
.insta, .greviews {
    background: #fff;
    padding: 10px;
}
.content_actus .col-lg-8 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 19px;
}
@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-primary {
   color: #747474 !important;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    line-height: 1.4;
    padding: 10px 30px;
    width: 100% !important;
    border: none;
    background: #FFFFFF !important;
    border-radius: 0;
    text-transform: uppercase;
}
.body-interne .btn-primary {
    background: #002194 !important;
    color: #fff !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: #ffffff !important;
    background-color: #0874f6;
    padding: 10px 20px;
    font-size: 16px;
    width: fit-content;
    font-family: "Barlow Semi Condensed", sans-serif;
    display: block;
    margin-top: 20px;
}
.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, 0.35);
}
.slick-slide img {
    width: 100% !important;
}
.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: "Jost" !important;
    font-size: 24px !important;
    text-transform: uppercase;
    color: #fff;
    background: transparent !important;
    font-weight: 700 !important;
}
@media (max-width: 993px) {
    .twentytwenty-before-label:before,
    .twentytwenty-after-label:before {
        font-size: 18px !important;
    }
}
.text-top  {
    width: 60%;
    position: absolute;
    top: 36%;
    z-index: 10;
    color: #ffff;
    left: 50%;
    transform: translate(-50%, 10px);
    text-align: center;
    font-size: 48px;
        font-family: 'Bai Jamjuree';
}
.text-top h1 {
    font-size: 30px;
    font-weight: 400;
}
.text-top h3 {
background: #1473FC;
    width: fit-content;
    padding: 20px;
    font-size: 19px;
    text-transform: uppercase;0
    font-weight: 400;
    margin: 0 auto;
    margin-top: 50px;
}
.text-top h3::before {
   content: "";
    background: #FFFFFF;
    width: 1px;
    height: 40px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
    top: -26px;
}
.text-top h3 {
    position: relative;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background-color: transparent;
    font-weight: 700;
}
.slick-prev::before,
.slick-next::before {
    display: block !important;
    color:  #002965!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;
}
body {
       color: #000;
    font-family: 'Raleway';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow-x: hidden;
}
@media (max-width: 1024px) {
    .h1 {
        font-size: 24px !important;
    }
}
.onepage h2 {
    z-index: 10;
    position: relative;
}
.onepage #accueil h2 {
        font-size: 29px;
    color: #747474;
    text-align: left;
    margin-bottom: 20px !important;
    margin-left: 0;
}
.onepage #accueil h2::after {
    display: none !important;
}
.onepage h2::after {
      content: "";
    background: #1473FC;
    display: block;
    width: 134px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%, 0);
    z-index: -1;
}
.onepage #accueil .row {
    margin-top: 30px;
} 
h3 {
    font-weight: 700;
}
#services h3 {
    margin-bottom: 20px;
}
#services .content-txt {
    margin-top: 30px;
}
#services .services_item h3 {
    color: #003075;
    font-weight: 700;
    font-size: 24px;
    font-family: 'Bai Jamjuree';
    margin-top: 9px;
    margin-bottom: 0;
    text-align: left;
}
#services .services_item .content-txt {
    margin-top: 7px;
}
#devis .content-txt {
    background: #003075;
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding: 50px;
    font-family: 'Bai Jamjuree';
    font-weight: 400;
    padding-bottom: 80px;
    position: relative;
}
#devis .content-txt::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: -250px;
    background: #003075;
    top: 0;
    display: block;
    z-index: -1;
}
a.btn_realisation {
    background: #1473FC;
    color: #fff;
    width: fit-content;
    display: block;
    padding: 10px 30px;
    margin: 10px auto;
    text-transform: uppercase;
    font-size: 19px;
    margin-top: 40px;
}
@media (max-width:992px) {
    a.btn_realisation {
        font-size: 16px;
    }
}
.services_item {
    margin-bottom: 22px;
}
#services {
  column-gap: 50px;
    row-gap: 50px;
    display: flex;
    flex-direction: column;
}

section {
    margin: 50px 0;
    position: relative;
    z-index: 2;
    column-gap: 50px;
    row-gap: 50px;
    display: flex;
    flex-direction: column;
}
#realisations, #services  {
    margin-top: 90px;
}
#realisations .content_real {
    margin-top: 25px;
    position: relative;
}
@media (min-width:1200px) {
.onepage .content_real::before {
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 119px;
    right: -10px;
    top: -16px;
    z-index: -1;
    background: rgb(20, 115, 252);
}
}
.act_item {
    position: relative;
}
.onepage .act_item a {
    width: 100%;
    display: block;
    background: rgba(0, 48, 117, 1);
}
.onepage .act_item img {
    width: 100%;
}
.onepage .act_item:hover img {
   opacity: 0.4;
   transition: 0.4s;
}
.onepage .act_item h3 {
       position: absolute;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #fff;
    bottom: 30px;
}
#devis a {
        background: #1473FC;
    color: #fff;
    width: 92%;
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Bai Jamjuree';
    position: absolute;
    bottom: -40px;
}
#devis a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -250px;
    background: #1473fc;
    top: 0;
    display: block;
    z-index: -1;
}
.body-interne .onepage h2::after {
    display: none !important;
}
.onepage h2 {
       color: #003075;
    font-family: 'Bai Jamjuree';
    font-size: 63px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 40px !important;
    position: relative;
    text-align: center;
    width: fit-content;
    text-transform: initial;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .onepage h2 {
        margin-bottom: 20px !important;
    }
    #actus .row {
    margin-top: 23px;
}
}
@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;
    }
}
.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: 34px !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: #002965 !important;
    font-weight: 700;
}
.body-interne .navbar-light .navbar-nav li:nth-child(4) .nav-link:focus,
.body-interne .navbar-light .navbar-nav li:nth-child(4) .nav-link:hover,
.body-interne .navbar-light .navbar-nav li:nth-child(4) .nav-link.active {
      color: #002965 !important;
    font-weight: 700;
}
.navbar-light .navbar-nav li:nth-child(4) .nav-link:hover {
      color: #002965 !important;
    font-weight: 700;
}
footer .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
      color: #1473fc !important;
    font-weight: 700;
}
footer li:nth-child(4) .nav-link:focus,
footer li:nth-child(4) .nav-link:hover,
footer li:nth-child(4) .nav-link.active {
       color: #1473fc !important;
    font-weight: 700;
}
.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;
    font-weight: 400 !important;
}
h1.styles-titre-p::after {
    display: none !important;
}
.titre-page,
.h1:not(.style-titre-p),
.h1:not(.longtitle) {
     color: #003075 !important;
    font-size: 63px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    position: relative;
    text-align: center;
    z-index: 1;
    font-family: "Bai Jamjuree", sans-serif;
}
.titre-page {
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.titre-page::before {
        content: "";
    background: #1473FC;
    display: block;
    width: 134px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%, 0);
    z-index: -1;
}
.body-interne .titre-page::before {
    display: none !important;
}
.body-interne .titre-page {
    margin-bottom: 0 !important;
}
.body-interne .titre-page,
.body-interne .h1:not(.style-titre-p),
.body-interne .h1:not(.longtitle) {
    font-size: 48px;
    text-align: center;
}
.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: #003075 !important;
}
@media (min-width: 993px) and (max-width: 1024px) {
    .titre-page,
    .h1:not(.style-titre-p),
    .h1:not(.longtitle) {
        font-size: 37px !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 {
    font-family: "poppins";
}
@media (max-width: 1199px) {
    .onepage h2::after,
    .onepage p.titre-page::after {
        font-size: 47px !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, 0.7) !important;
}
.beer-slider[data-beer-label]:after {
    background-color: rgba(232, 53, 37, 0.7) !important;
    right: auto !important;
}
.compare-slide-container {
    z-index: 1;
}
.avant-apres {
    width: 100%;
}
#galery-compare::before {
    top: -26px;
    content: "";
    background: #828282;
    width: 2px;
    height: 107%;
    display: block;
    position: absolute;
    left: 12px;
    z-index: 1;
}
#galery-compare::after {
    content: "";
    background: #828282;
    width: 102%;
    height: 1px;
    display: block;
    position: absolute;
    left: -23px;
    top: 24px;
}
.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: #ffd100 !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: 0.4s;
}
.compare-slide-container {
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) {
    .avant-apres {
        margin-top: 50px;
    }
}
@media (max-width: 767px) {
    .logo {
        width: 15% !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: #0042A2 !important;
    text-align: center;
    font-family: "poppins";
    font-size: 16px !important;
    font-style: normal;
    padding: 3px 10px !important;
}
@media (max-width: 992px) {
    .navbar-nav .nav-link {
        color: #fff !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: 13px !important;
        padding: 5px !important;
        color: #000 !important;
    }
    .is-sticky .navbar-nav .nav-link {
        color: #000 !important;
    }
}
@media (min-width: 1500px) {
    .navbar-nav .nav-link {
        padding: 3px 13px !important;
    }
}
.dropdown-toggle {
    padding-left: 0 !important;
}
@media (min-width: 993px) {
    .navbar .dropdown a.nav-link {
        padding-right: 0 !important;
    }
     .content_actus {
    width: 99%;
    margin: 0 auto;
    margin-top: 25px;
}
}
@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: #1473fc;
    border: none;
    border-radius: 0;
    padding: 10px;
    font-size: 14px;
    min-width: 100%;
}
.dropdown-item {
    padding: 7px 0;
    color: #fff;
}
/*.navbar {
    background-color: #fff !important;
    margin-right: 0 !important;
}*/
.nav-tabs .nav-item,
.nav-tabs .nav-link {
    color: #656565 !important;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.container-onglets {
    margin: 18px 0 !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;
    }
}
 .navbar .container {
     background: #002965;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 10px);
}
.navbar .container::after {
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    right: -60%;
    position: absolute;
    z-index: -1;
}
#main_nav {
    background: url(images/bg_nav.png) left no-repeat;
    background-size: cover;
    padding: 35px 0;
}
@media (min-width: 1200px) {
    .onepage .navbar-light .navbar-nav .active > .nav-link,
    .onepage .navbar-light .navbar-nav .nav-link.active {
        transition: 0.4s;
        border-radius: 0;
        background: transparent;
    }
    .onepage .navbar-light .navbar-nav .active > .nav-link::after,
    .onepage .navbar-light .navbar-nav .nav-link.active::after {
        content: "";
        width: 100%;
        border: 3px solid #fadc0a;
        display: block !important;
        border-radius: 20px;
    }
    .is-sticky .navbar .container {
        top: 0;
    }
    .body-interne .navbar .container {
        top: 0;
    }
    .onepage .navbar-light .navbar-nav .nav-link:hover {
        transition: 0.4s;
        border-radius: 0;
        background: transparent;
    }
    .onepage .navbar-light .navbar-nav .nav-link:hover::after {
        content: "";
        width: 100%;
        border: 3px solid #fadc0a !important;
        display: block !important;
        border-radius: 20px;
    }
}
.onepage .navbar-light .navbar-nav li:nth-child(4) .nav-link:focus,
.onepage .navbar-light .navbar-nav .navbar-nav li:nth-child(4) .nav-link:hover {
    transition: 0.4s;
    border-radius: 0;
    background: transparent;
}
.onepage .navbar-light .navbar-nav li:nth-child(4) .nav-link:focus::after,
.onepage .navbar-light .navbar-nav .navbar-nav li:nth-child(4) .nav-link:hover::after {
    content: "";
    width: 100%;
    border: 3px solid #008020 !important;
    display: block !important;
    border-radius: 20px;
}
.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 {
    border: 3px solid #008020 !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:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #2c9ad7;
}
.navbar-light .navbar-nav .nav-link.dropdown-toggle:hover::after {
    border-top: 0.3em solid !important;
    border-right: 0.3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.3em solid transparent !important;
    width: fit-content !important;
}
footer .nav-link:focus,
footer .nav-link:hover {
       color: #1473fc !important;
    font-weight: 700;
}
.body-interne footer .nav-link:focus,
.body-interne footer .nav-link:hover {
     color: #ffffff !important;
    font-weight: 700;
}
.dropdown-toggle:hover::after {
    display: block !important;
}
.form-control::-moz-placeholder {
       color: #fff !important;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important;
}
::-webkit-input-placeholder {
       color: #fff !important;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important;
}
::-moz-placeholder {
       color: #fff !important;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important;
}
:-ms-input-placeholder {
      color: #fff !important;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important;
}
:-moz-placeholder {
     color: #fff !important;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important;
}
.form-control {
       color: #fff !important;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: initial;
    opacity: 1 !important;
    border-radius: 0;
    border: 1px solid #1473FC;
    opacity: 1;
    height: 50px;
    background: rgba(0, 48, 117, 0.41) !important;
    margin: 7px 0;
    padding: 10px !important;
    text-align: left !important;
}
@media (max-width: 767px) {
    .form-control {
        margin-bottom: 7px !important;
        margin-top: 0 !important;
    }
}
@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: relative;
    padding: 30px 0 !important;
    background-size: cover;
    background: transparent;
    position: absolute;
}
/*.body-interne footer {
   position: relative;
    background: #1473FC;
    padding-top: 0 !important;
}*/
.body-interne .act_item h3 {
    color: #002965;
    font-weight: 700;
    margin-top: 14px;

}
.body-interne .act_item {
    margin-bottom: 20px;
}
footer .container {
    border-top: 1px solid #1473FC;
    padding-top: 40px;
}
@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: flex-end;
    position: relative;
    color: #4c4c4c;
}
@media (max-width: 767px) {
    .body-interne footer .mentions {
        margin-top: 0 !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: #fff;
    font-family: "raleway";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    margin: 0 3px !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: 90px !important;
    }
}
footer .content-menu-footer {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: flex-start;
}
footer .content-menu-footer li {
    padding: 0 0;
    z-index: 2;
}
footer .content-menu-footer li a {
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 31px;
    margin: 0 1px;
    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: 12px !important;
}
@media (max-width: 1199px) and (min-width: 992px) {
    .body-interne footer .content-menu-footer li a {
        font-size: 13px !important;
    }
}
.footer-menu {
     list-style: none;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 0;
    align-items: center;
    padding: 0;
    display: flex;
    gap: 20px;
}
@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: 16px !important;
    color: #fff !important;
}
@media (min-width: 768px) {
    .footer-phone {
        display: none;
    }
}
footer .footer-menu li a.active {
    color: #fff;
    text-shadow: none !important;
}
.body-interne footer .footer-menu li a.active {
    color: #fff !important;
    text-shadow: none !important;
    font-weight: 700;
}
@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: #0d6efd !important;
    font-weight: 700;
}
.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, 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: #a4a4a4;
}
#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;
    }
}
.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;
    }
}
.produits {
    background: #000;
    padding: 40px;
    border-radius: 15px;
}
@media (max-width: 767px) {
    .produits {
        padding: 30px 10px;
    }
}
.produits h3 {
    color: #ffd100;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .produits h3 {
        font-size: 26px;
    }
}
.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 0.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: #000;
}
@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 0.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 0.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 0.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 0.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: 0.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: #f3f3f3;
    }
}
.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: 100%;
    text-align: center;
    margin-bottom: 72px !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: 60px !important;
    }
}
#sticker {
    z-index: 1000000 !important;
    position: fixed;
    width: 100%;
}
@media (max-width: 993px) {
    #sticker {
        position: relative;
    }
}
.navbar-expand-lg .navbar-collapse {
    justify-content: center !important;
}
.vegas-overlay,
.vegas-slide,
.vegas-slide-inner,
.vegas-timer,
.vegas-wrapper {
    background-color: rgba(0, 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;
    }
}
.header-top {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 0px);
}
@media (max-width: 767px) {
    .header-top {
        top: 47% !important;
    }
}
.slide-items .h1 {
    display: none !important;
}
@media (min-width: 768px) {
    .header_top {
        font-size: 32px;
        color: #fff;
        font-weight: 700;
    }
}
@media (max-width: 767px) {
    .header_top {
        margin: 40px 0;
    }
}
.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;
}
.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: #fff !important;
}
@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: #fff;
    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: 0px !important;
    }
    header {
        height: auto !important;
    }
}
.header-btn {
    margin-top: 20px;
}

@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, 0.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: 0px !important;
    background: #EAF2FE;
}
#actus {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 50px;
    z-index: 3;
}
#actus::before {
     background: url(images/bg_actus.png) top no-repeat;
    content: "";
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover;
}
#actus::after {
  content: "";
    width: 100%;
    height: 113px;
    background: url(images/after_accueil.svg) bottom no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -70px;
    left: 0;
}
.onepage #accueil::before {
    content: "";
    width: 100%;
    height: 113px;
    /* background: url(images/before_accueil.png) top no-repeat; */
    background-size: cover;
    position: absolute;
    top: -70px;
    left: 0;
    clip-path: polygon(0% 30%, 20% 0%, 85% 50%, 100% 0%, 100% 50%, 100% 100%, 0% 100%);
    background: #eaf2fe;
}
.onepage #accueil::after  {
     content: "";
    width: 100%;
    height: 113px;
    background: url(images/after_accueil.svg) bottom no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -70px;
    left: 0;
}
@media (max-width: 767px) {
    .onepage #accueil::before {
        display: none !important;
    }
}
.onepage #accueil .accl-content {
    position: relative;
    background-color: #fff;
    padding: 60px;
    border-radius: 15px;
}
@media (max-width: 993px) {
    .onepage #accueil .accl-content {
        padding: 13px;
    }
    #main_nav {
    background: none;
    background-size: cover;
    padding: 20px 0;
}
}
@media (max-width: 767px) {
    .onepage #accueil {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        margin-top: 50px !important;
    }
    .services_item img {
    width: 110px;
}
    .services_item {
    text-align: center;
} 
 #services .services_item h3 {
    text-align: center !important;
 }
    .navbar .container {
               position: relative;
        top: 0;
        padding: 0 10px;
        margin-top: 0 !important;
        left: auto;
        transform: none;
    }
    #sticker {
        padding: 0;
    }
    .text-top {
    width: 90%;
    position: relative;
    top: 0;
    z-index: 10;
    color: #000000;
    left: 50%;
    transform: translate(-50%, 10px);
    text-align: left;
    font-size: 48px;
    font-family: 'Bai Jamjuree';
    margin: 20px 0;
}
.text-top h1 {
    font-size: 20px;
 }
 .text-top h3 {
    width: fit-content;
    padding: 11px;
    font-size: 18px;
    margin-top: 16px;
    color: #fff;
    text-align: center;
}
.text-top h3::before {
    display: none !important;
}
}
@media (max-width: 992px) {
    .onepage #accueil {
        top: 0 !important;
    }
    .navbar .container::after {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .onepage #accueil {
        margin-top: 0px !important;
    }
}
.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;
    }
}
.accueil_img img {
    width: 100%;
    position: relative;
    z-index: 10;
}
.accueil_content {
    padding-left: 50px !important;
}
.accueil_img {
    position: relative;
    height: 100%;
}
.accueil_img::after {
   content: "";
    display: block;
    position: absolute;
    background: #1473FC;
    width: 80px;
    height: 119px;
    left: -10px;
    bottom: -16px;
    z-index: 1;
}
@media (max-width: 767px) {
    .accueil_img {
        order: 2;
        margin-top: 20px;
    }
    .accueil_img::after {
        display: none;
    }
    .onepage #accueil::after {
        display: none;
    }
}
@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;
}
@media (min-width: 1200px) {
    .content_accueil {
        padding-right: 20px !important;
    }
}
@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;
    }
}
.onepage .HeaderContainer__Inner-sc-1532ffp-0 {
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid;
    border-radius: 0;
}
.actus_avis h2 {
    color: #000 !important;
}
.content_insta {
    margin-bottom: 20px;
}
.onepage .ekAyuU {
    color: #fff;
}
.onepage .bCOkEF {
    color: #fff;
}
.onepage .jOTRLf {
    color: #fff;
}
.onepage .fwTHkW path {
    fill: #90bf21 !important;
}
.onepage .ButtonBase__ButtonContainer-sc-p43e7i-3 {
    color: #000 !important;
    background: #fff !important;
    border: none !important;
    background-color: #fff !important;
    font-size: 14px !important;
    font-family: "Open Sans" !important;
}
@media (min-width: 1200px) {
    .actus_avis {
        width: 79% !important;
    }
}
.content_actus {
  margin-top: 25px;
}
@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;
    }
}
.actus::before {
    color: rgba(255, 255, 255, 0.34);
    font-family: Poppins;
    font-size: 150px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    content: "Actus / avis";
    position: absolute;
    top: -57px;
    left: 0;
}
@media (max-width: 1199px) {
    .actus::before {
        display: none !important;
    }
}
.actus .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;
    }
}
.body-interne .navbar-light .navbar-nav .nav-link.dropdown-toggle::after {
    display: block !important;
}
@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;
}
@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;
}
.body-interne .navbar-light .navbar-nav .nav-link.dropdown-toggle::after {
    display: block !important;
}
@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;
}
@media (min-width: 768px) and (max-width: 1199px) {
    .onepage h2,
    .titre-page,
    .style-titre-p {
        font-size: 40px !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: 37px !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, 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: 180px !important;
    position: relative;
    background: url(images/bg_contact.png) no-repeat;
    padding-top: 90px !important;
    background-size: cover;
    margin-top: 0;
}
.footer-menu a {
    color: #fff !important;
    font-size: 16px;
}
#contact .content-txt {
    margin-top: 0;
    margin-bottom: 20px;
    flex-direction: column;
}
.coordonees {
       color: #fff;
    font-size: 19px;
    font-family: 'Bai Jamjuree';
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    background: #121B1C;
    padding: 30px 20px;
    border: 1px solid #1473FC;
    border-left: 0;
    position: relative;
    height: 100%;
}
.adresse .content_ico {
    width: 30px;
}
.coordonees > div {
       display: flex;
    align-items: flex-start;
    gap: 7px;
    flex-direction: column;
}
#contact h2 {
    color: #fff !important;
}
.coordonees::before {
       content: "";
    background: #121B1C;
    border: 1px solid #1473FC;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -90%;
    top: 0;
    z-index: -1;
}
.coordonees a {
    color: #fff;
}
#contact {
    color: #fff;
}
@media (max-width: 767px) {
    #contact {
         padding-top: 30px !important;
        padding-bottom: 250px !important;
        margin-top: 0px !important;
    }
    .formulaire {
        margin-top: 24px;
    }
    .navbar-brand img {
        width: 60%;
    }
    .coordonees {
        padding: 13px !important;
        border: 0 !important;
        min-height: auto;
    }
    .coordonees::before {
        display: none;
    }
}
#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: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    padding-left: 10px;
}
@media (max-width: 767px) {
    .coordonnees,
    .interne .coordonnees {
        padding: 20px 10px;
        font-size: 16px;
        background-color: transparent;
        color: #000 !important;
        padding-bottom: 0 !important;
    }
}
.coordonnees .phone,
.coordonnees .mail,
.coordonnees .adresse,
.interne .coordonnees .phone,
.interne .coordonnees .mail,
.interne .coordonnees .adresse {
    padding-left: 30px;
    color: #fff;
}
@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-family: "open sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    margin-top: 0 !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: #000;
    color: #fff;
}
.contact-form {
    position: relative !important;
}
.body-interne .contact-form {
   
}
.body-interne #contact_form h2 {
    display: none !important;
}
.content-contact-interne {
    margin-top: 25px;
}
.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;
}
.body-interne #map-canvas {
    height: 500px !important;
}
@media (max-width: 767px) {
    #map-canvas {
        height: 400px !important;
    }
}
.coordonnees h3 {
    color: #002194;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 162%;
    text-transform: uppercase;
}
.contact {
    padding: 50px !important;
}
@media (max-width: 767px) {
    .contact {
        padding: 10px !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: flex-start !important;
    }
    #contact .contact h2 {
        margin-bottom: 10px !important;
    }
}
@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-top: 56px !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;
    }
} /*# sourceMappingURL=styles.css.map */
@media (min-width: 768px) {
    .navbar-nav .nav-link {
  
    }
    .logo img:nth-child(2) {
        width: 120px;
    }
}
@media (max-width: 767px) {
    .logo img.logo1 {
        width: 60px;
    }
    .logo {
        width: 30% !important;
    }
}
@media (min-width: 993px) and (max-width: 1024px) {
    .logo img:nth-child(2) {
        width: 78px;
    }
    .logo1 {
        width: 50px;
    }
}
.body-interne #contact {
    padding-top: 40px !important;
}
@media (max-width: 767px) {
    .container-onglets {
        margin: 0px !important;
    }
    .body-interne #contact {
    padding: 30px 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 270px !important;
}
    .accueil_content {
    padding-left: 10px !important;
}
 .onepage #accueil h2 {
    font-size: 24px !important;
 }
 #devis .content-txt {
        padding: 19px;
        font-size: 18px;
    }
    #devis a {
        font-size: 18px;
        padding: 10px;
        bottom: -60px;
    }
    #realisations, #servives {
    margin-top: 80px !important;
}
 .act_item img {
    width: 107px !important;
}
.act_item h3 {
    position: initial !important;
    width: 100%;
    text-align: end !important;
    font-weight: 400 !important;
    color: #fff;
    bottom: 0;
    font-size: 18px !important;
    right: 21px ;
}
.act_item a {
    width: 100%;
    display: flex !important;
    background: rgba(0, 48, 117, 1);
    align-items: center !important;
    padding-right: 11px !important;
    margin: 5px 0 !important;
}
#actus::after {
    display: none;
}
.body-interne .act_item
 {
    margin-bottom: 8px;
}
.body-interne .act_item a {
          background: #f3f3f3 !important;
        margin: 0 !important;
}
.body-interne .act_item h3 {
    color: #002965;
    font-weight: 700 !important;
}
.content-activites a {
  width: 100%;
}
.content-activites .content_img {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 10px;
}
.content-activites h3, .content-activites h4 {
    text-align: right;
    font-size: 18px;
  }
  .col-form {
    margin-top: 20px;
 }
}
@media (min-width: 768px) and (max-width: 992px) {
    .content-top {
        font-size: 50px !important;
    }
    .navbar .container {
    background: #002965;
    border-radius: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: auto;
    transform: none;
}
.accueil_content {
    padding-left: 0;
    margin-bottom: 24px;
}
#sticker
 {
    z-index: 1000000 !important;
    position: fixed;
    width: 100%;
    background-color: #002965 !important;
}
.text-top {
    width: 90%;
    top: 36%;
    font-size: 30px;

}
.text-top h1 {
    font-size: 21px;
}
.text-top h3 {
    font-size: 18px !important;
}
.onepage #accueil::before, .onepage #accueil::after {
 display: none;
}
.services_item {
    width: 49%;
} 
#devis a {
    font-size: 19px;
}
.footer .col-lg-4 {
    text-align: center;
    margin-top: 20px;
}
.coordonees {
    font-size: 18px;
}
.content_ico {
    width: 100% !important;
}
.act_item {
    position: relative;
    width: 33%;
    margin-bottom: 20px;
}
.coordonees > div {
    flex-wrap: wrap;
}
footer .navbar {
    justify-content: center;
} 
.formulaire {
    margin-top: 20px;
}
}
.body-interne footer .mentions a {
    color: #fff;
}
@media (min-width:993px) and (max-width:1024px) {
    .text-top {
        width: 96%;
        top: 27%;
    }
    .text-top h1 {
        font-size: 24px;
    }
    .navbar .container {
    background: #002965;
    border-radius: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: auto;
    transform: none;
}

 .accueil_img::after {
    top: 170px;
 }
 #devis a {
    font-size: 24px;
 }
}
.content-activites .content_img {
    position: relative;
    width: 100%;
}
.content-activites a {
    width: 100%;
}
.slide img {
    width: 100%;
}
.body-interne .coordonees::before {
    display: none;
}
.body-interne .coordonees {
    border: none;
}
.body-interne .form-control {
    background: rgb(0 48 117 0.8) !important;
}
@media (min-width:768px) {
.navbar-brand  {
    padding: 0 24px;
}

}
a.dropdown-toggle::after {
    display: block !important;
}
@media (min-width:992px) {
   .dropdown-toggle {
    padding-left: 0 !important;
    }
}
@media (min-width:1200px) {
    .coordonees > div {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex-direction: row;
   }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .interne .style-titre-p {
        font-size: 24px !important;
    }
}
/*.body-interne #main_nav {
    background: transparent !important;
    position: relative;
    z-index: 2;
}*/
@media (min-width:992px) {
.body-interne #main_nav {
    background-size: cover;
    padding: 35px 0;
    background: none !important; 
    /*clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);*/
    position: relative;
  }
  .body-interne #main_nav::after {
    background: #1473fc !important; 
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block !important;
    content: "";
  }
  .body-interne .navbar-nav {
     z-index: 2;
  }
   .body-interne .navbar-nav .nav-link {
    color: #fff !important;
  }
}
.body-interne .navbar .container::after {
    display: none !important;
}
.avis_google, .greviews {
    margin-top: 20px;
}