@import url('https://fonts.googleapis.com/css2?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&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
}

body {
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
}

body.merci {
    background: url(../img/bg_merci.jpg) top center no-repeat;
    text-align: center;
    color: #fff;
    background-size: cover;
    padding-top: 22vh;
}

body.merci h1 {
    font-size: 62px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}

body.merci p {
    font-size: 24px;
}

.container {
    display: flex;
    flex-wrap: inherit;
    justify-content: space-between;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.header {
    padding: 0;
    background: #fff;
    margin-top: 20px;
    border-radius: 10px;
    margin-top: 80px;
}

.partPhone {
    background: url("../img/bg_red.svg") top left no-repeat;
    min-width: 330px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    border-radius: 0 10px 10px 0;
}

.partPhone:hover {
    background: url("../img/bg_bt2.svg") top left no-repeat;
    border-radius: 0 10px 10px 0;
}

.logo {
    padding: 24px 0 24px 20px;
}

#sticky-bar {
    padding: 10px;
    color: #fff;
    background: #144734;
    position: fixed;
    top: 0;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    z-index: 10;
    text-align: center;
    box-shadow: 2px 2px 2px #00000033;
}

.valeursClimanova {
    display: flex;
    background: #05261A;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin: -30px 0 0 0;
    position: relative;
}

.valeursClimanova div {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 500;
    gap: 15px;
}

.imgAbout {
    width: 100%;
}

.imgC {
    height: 139px;
}

.scroll {

    opacity: 0;
    transition: all 1s ease-out;
    transform: translate3d(0, 2rem, 0);

}

.scrolled-in {

    opacity: 1;
    transform: translate3d(0, 0, 0);

}

body .forMob {
    display: none;
}

.forWeb {
    display: block;
}

.numForCTA {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.numForCTA span {
    margin-left: 15px;
    color: #fff;
}


.numForCTA span strong {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-top: -3px
}

#bannerLP {
    background: url("../img/banner.jpg") top center no-repeat;
    background-size: cover;
    width: 100vw;
    height: inherit;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 100px 60px;
}

#bannerLP .descriptionClient {
    margin-top: auto;
}



#bannerLP h1 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
}

#bannerLP h1::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: #144734;
}

#bannerLP h1 span {
    font-weight: 700;
}

#bannerLP p {
    color: #FFF;
    font-weight: 300;
    font-size: 18px;
    text-align: left;
    margin-bottom: 50px;
    width: 75%;
}

.pubAppareil {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.img3D {
    position: absolute;
    bottom: -80px;
    right: 0;
    display: none;
}

.desAppareil {
    background: #144734;
    border-radius: 8px;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    display: flex;
    gap: 20px;
    width: 80%;
    margin-bottom: 30px;
}

.allBlocks {
    align-items: flex-end;
    justify-content: space-between;
}

.fomulaireLP {
    max-width: 500px;
    width: 100%;
    padding: 20px;
    position: relative;
    margin-top: 20vh;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 10px;
    border-bottom: solid 8px rgba(20, 71, 52, 1);
    margin-bottom: 40px;
}

.fomulaireLP h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
    text-transform: none;
    text-align: center;
    width: 100%;
    padding: 0 0 15px 0;
}

.fomulaireLP iframe {
    height: 420px !important;
}

.partIMG {
    position: relative;

}


section h3 span {
    font-weight: 700;
}



.copyright {
    background: #000;
    padding: 20px 0;
    font-size: 18px;
    color: #8C8C8C;
}

.numForCTA {
    display: flex;
    align-items: center;
    gap: 0;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}


.numForCTA:hover .phone-icon {
    animation: vibrate 0.3s infinite alternate;
}

footer .numForCTA {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: #144734;
    font-size: 28px;
    background: #fff;
    border: solid 2px #144734;
    border-radius: 15px;
    padding: 0 20px 0 0;
    max-width: fit-content;
}


footer .numForCTA:hover {
    background: #144734;
    color: #fff;
}

footer .numForCTA img {
    margin-bottom: -1px;
}

.zoneCoordonnes .mt-5 strong {
    font-size: 22px;
}

section#about {
    padding: 80px 0
}

section h2 {
    color: #144734;
    font-size: 16px;
    position: relative;
    display: inline-block;
}

section#partenaires h2 {
    font-size: 24px;
}

.forPartenaires {
    justify-content: center;
    gap: 6em;
    margin-top: 50px;
    flex-direction: row;
}

section#autreServices h2 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 0;
    position: relative;
    margin-bottom: 30px;
}

section#autreServices h2::after {
    background: url(../img/line_white.png) no-repeat;
    position: absolute;
    content: "";
    top: inherit;
    left: 0;
    width: 115px;
    height: 3px;
    bottom: -10px;
}

section h3 {
    color: #154835;
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}

section h3::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100px;
    background: #154835;
}

section h3 span {
    font-weight: 700;
}

section p {
    text-align: justify;
    font-size: 16px;
    color: #484848;
}

section#autreServices p {
    color: #fff;
    font-size: 18px;
}

.iconsAbout {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

}

.oneI {
    display: flex;
    gap: 20px;
    font-size: 22px;
    line-height: 22px;
    align-items: center;
    font-weight: 600;
    margin: 20px 0;
}

.Carousel {
    background: #fff;
    padding: 20px;
    min-height: 500px;
    border-radius: 10px;
}

section#temoignages h2 {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
}

section#temoignages h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-transform: none;
}

a.btContactUS {
    background: #144734;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 25px;
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background 0.3s ease;
    max-width: 265px;
    border-radius: 10px;
}



a.btContactUS img {
    transition: transform 0.3s ease;
}

a.btContactUS:hover {
    background: #000;
}

a.btsecondary {
    background: #144734;
    color: #fff;
    border: solid 1px #fff;
}

a.btsecondary:hover {
    background: #000;
    border: solid 1px #000;
}

a.btsecondary2 {
    background: #fff;
    color: #144734;
    border: solid 1px #144734;
    margin: 30px auto 0;
}

a.btsecondary2 svg {
    fill: #144734;
}

a.btsecondary2:hover {
    background: #144734;
    border: solid 1px #144734;
    color: #fff;
}

a.btsecondary2:hover svg {
    fill: #fff;
}

a.btContactUS:hover img {
    transform: translateX(5px);
}

section#conformite_energetique {
    background: url(../img/bg_service.png) center center no-repeat;
    background-size: cover;
    padding: 80px 0;
    min-height: 645px;
    display: flex;
    align-items: center;
}

.avantages {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    flex-direction: row;
}

.oneA {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    font-weight: 600;
    box-shadow: 2px 2px 11px #00000014;
    flex: 1;
}

.oneA p {
    padding-top: 10px;
    border-top: solid 1px;
    margin: 0;
    text-align: center;
}

.ones {
    background: #144734;
    padding: 30px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    font-weight: 600;
    box-shadow: 2px 2px 11px #00000014;
    flex: 1;
    justify-content: center;
    font-weight: 400;
}

.zoneVideo img {
    cursor: pointer;
    transition: filter 0.3s ease;
    height: 100%;
    object-fit: contain;
}

.zoneVideo img:hover {
    filter: brightness(70%);
}

.ones strong {
    font-weight: 600;
    display: contents;
}

.ones br {
    display: contents;
}

.ones img {
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
    margin: 0;
    text-align: center;
}

.threeBlocks {
    display: flex;
    gap: 20px;
    flex: 1;
}

section#subventions {
    padding: 80px 0;
}

section#subventions h3 {
    color: #000;
    margin: 0 0 20px 0;
    padding: 0;
}

section#subventions p {
    font-size: 20px;
    color: #000;
    /* margin-top: 20px; */
}

section#subventions p.up-text {
    font-size: 16px;
    color: #000;
}

section#subventions .threeBlocks p {
    font-size: 14px;
    color: #FFF;
}

section#subventions h3::after {
    display: none;
}

section#solutions_energetiques {
    background: url(../img/bg_service1.png) center center no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-position-x: -1px;
}

section#efficacite_energetiques {
    background: url(../img/bg_service2.png) center center no-repeat;
    background-size: cover;
    padding: 80px 0;
    min-height: 645px;
    display: flex;
    align-items: center;
}

section#chauffage_climatisation {
    background: url(../img/bg_service3.png) center center no-repeat;
    background-size: cover;
    padding: 80px 0;
    min-height: 645px;
    display: flex;
    align-items: center;
}

section#installation {
    background: url(../img/bg-battrie-install.png) center center no-repeat;
    background-size: cover;
    padding: 80px 0;
    min-height: 645px;
    display: flex;
    align-items: center;
}

section#installation .video {
    cursor: pointer;
}

section#avantages {
    padding: 80px 0;
    background: #F4F7F9;
}

#avantages .box-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

#avantages .box {
    background: #fff;
    /* border-radius: 15px; */
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

#avantages .box img {
    width: 60px;
    height: 60px;
    margin-bottom: 8px;
}

#avantages .box h6 {
    color: #144734;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1.3;
    white-space: nowrap;
}

#avantages .box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#avantages .box ul li {
    color: #6B6B6B;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0px;
    padding-left: 20px;
    position: relative;
}

#avantages .box ul li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #144734;
    font-weight: bold;
    font-size: 20px;
}


#avantages .top-content p {}

#avantages .top-content h4 {
    font-size: 40px;
    font-weight: 700;
    color: #144734;
}

#avantages .bottom-img {
    margin-top: 20px;
}

#generatrice {
    background-image: url(../img/bg-generatrice.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 80px 0 60px;
}

#generatrice .container {
    display: inherit;
}

#generatrice h3 {
    color: #FFF;
    padding-bottom: 0;
}

#generatrice p {
    color: #FFF;
}


#galerie .container {
    display: inherit;
}

#galerie {
    padding: 100px 0;
    text-align: center;
    background-color: #FBF9F9;
}

#galerie .heading-top {
    margin-bottom: 30px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

#galerie h3::after {
    display: none;
}

#galerie .heading-top small {
    font-size: 18px;
    font-weight: 600;
    color: #1B75BC;
}

#galerie h3 {
    color: #000 !important;
    text-transform: uppercase;
    padding-bottom: 0;
}

#galerie .gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 37px auto;
    gap: 15px;
    justify-content: center;
}

section#solutions_energetiques h3::after,
section#efficacite_energetiques h3::after,
section#chauffage_climatisation h3::after,
section#installation h3::after {
    background: #fff;
}

section#solutions_energetiques ul,
section#efficacite_energetiques ul,
section#chauffage_climatisation ul,
section#installation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
}

section#solutions_energetiques ul li,
section#efficacite_energetiques ul li,
section#chauffage_climatisation ul li,
section#installation ul li {
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
}

section#chauffage {
    background-color: #fff;
    background: url(../img/img_chauffage.jpg) top right no-repeat;
    padding: 80px 0;
}


section#solutions_energetiques h2,
section#efficacite_energetiques h2,
section#chauffage_climatisation h2,
section#installation h2 {
    color: #fff;
}

section#solutions_energetiques h3,
section#efficacite_energetiques h3,
section#chauffage_climatisation h3,
section#installation h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 40px;
}

section#solutions_energetiques p,
section#efficacite_energetiques p,
section#chauffage_climatisation p,
section#installation p {
    color: #fff;
    text-align: justify;
}

.encartssolutions_energetiques {
    display: flex;
    margin: 20px 0;
}

.oneEE {
    background: #fff;
    padding: 20px 40px;
}

section#solutions_energetiques .oneEE p {
    color: #000;
    text-transform: none;
    font-size: 14px;
}

section#autreServices {
    background: url(../img/img_autre-services.jpg) top center no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-position-x: 70%;
}

section#assrances {
    padding: 50px 0;
}

section#assrances h2 {
    font-size: 32px;
    color: #06DB46;
    font-weight: 700;
    text-transform: uppercase;
}

section#assrances p {
    font-size: 20px;
}

.oneService {
    display: flex;
    flex-direction: row;
    margin: 20px 0;
    background: #fff;
    position: relative;
    z-index: 1;
}

.description {
    padding: 40px;
}

section#autreServices h3 {
    font-weight: 700;
}

.oneService img {
    max-width: 100%;
}

.cercle-jaune {
    width: 394px;
    position: absolute;
    z-index: -1;
    top: -70px;
    left: -60px;
    height: 332px;
}

.zonePourcentage {
    background: #fff;
    padding: 20px;
    position: absolute;
    bottom: 20px;
    width: 160px;
    left: 20px;
    font-size: 36px;
    font-weight: 600;
}

#counter2 {
    width: 45px;
    display: inline-block;
}

.zonePourcentage .title {
    font-size: 13px;
    font-weight: 400;
    display: block;

}

section#urgence {
    background: url(../img/bg_urgence.jpg) top center no-repeat;
    text-align: center;
    padding: 80px 0 120px 0;
    background-size: cover;
}

section#urgence h2 {
    color: #FFC947;
    font-weight: 600;
    font-size: 42px;
    margin-top: 30px;
}

section#urgence h3 {
    color: #fff;
    text-transform: none;
}

section#urgence p {
    color: #E9F9E6;
    text-align: center;
    font-size: 18px;
}

@keyframes popIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.hidden-before-scroll {
    opacity: 0;
    transform: scale(0.8);
}

.popIn {
    animation: popIn 0.6s ease-out forwards;
}

a.numForCTAThanks {
    background: url(../img/ic_call2.svg) center left no-repeat;
    border: solid 2px #fff;
    color: #fff;
    text-decoration: none;
    height: 67px;
    display: inline-block;
    padding-left: 80px;
    padding-right: 20px;
    font-size: 28px;
    line-height: 67px;
    font-weight: 500;
    margin: 20px 0 0 0;
    border-radius: 14px;
}

a.numForCTAThanks:hover {
    background: #fff url(../img/ic_call2.svg) center left no-repeat;
    color: #154835;
}

.zoneForContact {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
}

.zoneForContact span {
    display: inline-block;
    margin-top: 20px;
}


section#temoignages {
    background: #154835 url(../img/bg_temoignages.jpg) top center no-repeat;
    padding: 80px 0;
    background-size: cover;
}

.carousel {
    margin: 0 auto;
    margin-top: 20px;
}

.carousel .carousel-item {
    color: #12141D;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 340px;
}

.carousel .carousel-item a {
    color: #eb7245;
}

.carousel .img-box {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
}

.carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}

.carousel .testimonial {
    padding: 30px 0 10px;
    text-align: center;
}

.carousel .overview {
    text-align: center;
    padding-bottom: 5px;
}

.carousel .overview b {
    color: #333;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}

.carousel .star-rating i {
    font-size: 18px;
    color: #ffdc12;
}

.carousel-control-prev,
.carousel-control-next {
    width: 24px;
    height: 24px;
    text-shadow: none;
    top: -40px;
}

.carousel-control-prev i,
.carousel-control-next i {
    font-size: 20px;
    margin-right: 2px;
}

.carousel-control-prev {
    left: auto;
    right: 40px;
}

.carousel-control-next i {
    margin-right: -2px;
}

.carousel .carousel-indicators {
    bottom: 15px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
    border-radius: 50%;
}

.carousel-indicators li {
    background: #e2e2e2;
    border: none;
    cursor: pointer;
}

.carousel-indicators li::marker {
    display: none;
    font-size: 0;
}

.carousel-indicators li.active {
    background: #888;
}

.carousel-control-next-icon {
    background-image: url(../img/arrow_next.svg);
}

.carousel-control-prev-icon {
    background-image: url(../img/arrow_prev.svg);
}

footer {
    background: #fff;
    padding: 80px 0 0 0;
    position: relative;
    z-index: 1;
    color: #000;
}

.zoneForm {
    padding: 0 50px;
    text-align: center;
    max-height: 590px;
    margin-bottom: 30px;
}

.zoneForm h2 {
    font-size: 24px;
    color: #154835;
    font-weight: 700;
    text-align: center;
    margin: 20px 0;
}

body.merci footer {
    background: none;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.zoneCoordonnes {
    position: relative;
}

footer .container {
    align-items: center;
}

.zoneCoordonnes:after {
    width: 2px;
    height: 50%;
    background: #dedede;
    position: absolute;
    content: "";
    top: 10%;
    right: -40px;
}

footer h4 {
    margin: 50px 0 20px 0;
    position: relative;
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 20px;
    color: #fff;
}



.block-red-footer {
    position: absolute;
    top: 0;
    background: #154835;
    padding: 20px;
    color: #fff;
}

footer .block-red-footer h4 {
    margin: 0;
    padding: 0;
    font-size: 46px;
    font-weight: 700;
}

footer .block-red-footer p {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 22px;
    margin: 10px 0;
}

.block-blue {
    color: #fff;
    background: #2059A5;
    padding: 30px;
}

.block-blue h4 {
    font-size: 128px;
    font-weight: 600;
    margin: 0;
}

section .block-blue p {
    color: #fff;
    margin: 0;
}

.block-blue p.sousTitle {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}

.block-red {
    background: url(../img/bg_red.png);
    padding: 0 50px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block-red h4 {
    font-size: 96px;
    font-weight: 600;
    margin: 0;
}

section .block-red p {
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}

.nav-tabs .nav-link.active {
    background-color: white;
    color: #154835;

    position: relative;
}

.nav-tabs .nav-link {
    color: white;
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    border-radius: 0;
    border: none;
    padding: 13px 30px;
}

.nav-tabs {
    border-bottom: none;
    margin-top: 40px;
}

.nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}

.tab-content {
    color: white;
    padding: 30px 0 0 0;
}

section#autreServices a.btContactUS {
    background: transparent;
    border: solid 1px #fff;
}

section#autreServices a.btContactUS:hover {
    background: #2059A5;
    border: solid 1px #2059A5;
}

.img-container {
    position: absolute;
    left: 0;
}

section#realisations {
    padding: 100px 0;
}

.carousel-item .card {
    border: none;
    text-align: left;
}

.carousel-item .card-body {
    background: #F6F5FF;
    padding: 20px;
}

section .carousel-item .card p {
    text-align: left;
    font-size: 14px;
}

section .carousel-item .card h5 {
    font-size: 16px;
    color: #12141D;
    font-weight: 600;
}

section#guide {
    background: url(../img/bg_guide.jpg) top left no-repeat;
    padding: 100px 0;
    background-size: cover;
    background-position: fixed;
}

.zoneGuide {
    background: #154835;
    border-left: solid 10px #154835;
    text-align: left;
    color: #fff;
    padding: 70px 100px;
}

.zoneGuide h3 {
    font-size: 24px;
    color: #fff;
    margin: 0;
    font-weight: 300;
    text-transform: none;
    margin-bottom: 10px;
}

.zoneGuide h4 {
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 600;
}

section#partenaires {
    text-align: center;
    padding: 70px 0 100px 0;
}

section#partenaires .onePartenaire img {
    filter: grayscale(100%);

    transition: filter 0.5s ease;
}

section#partenaires .onePartenaire img:hover {
    filter: grayscale(0%);
}


section#FAQ {
    padding: 80px 0;
    background: #F6F5FF;
    text-align: center;
}

section#FAQ h2 {
    text-transform: uppercase;
    color: #154835;
    font-weight: 700;
    margin-bottom: 50px;
    padding: 0;
    font-size: 34px;
}

section#FAQ h2::after {
    display: none;
}

.accordion-button:not(.collapsed),
.accordion-button {
    background: #fff !important;
    box-shadow: none;
    border: none;
    color: #154835 !important;
}

.accordion-item {
    border: none !important;
}

.accordion-item {
    border: none !important;
    background: #fff !important;
    margin-bottom: 7px;
}

.accordion-button {
    font-size: 20px;
    font-weight: 500;
    color: #144734 !important;
    padding: 30px !important;
}

.accordion-button::after {
    flex-shrink: 0;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3104 6.5625H9.78625V0.9375C9.78625 0.68886 9.67169 0.450403 9.46777 0.274588C9.26385 0.0987722 8.98727 0 8.69889 0C8.4105 0 8.13393 0.0987722 7.93001 0.274588C7.72609 0.450403 7.61153 0.68886 7.61153 0.9375V6.5625H1.08736C0.798975 6.5625 0.5224 6.66127 0.318481 6.83709C0.114561 7.0129 0 7.25136 0 7.5C0 7.74864 0.114561 7.9871 0.318481 8.16291C0.5224 8.33873 0.798975 8.4375 1.08736 8.4375H7.61153V14.0625C7.61153 14.3111 7.72609 14.5496 7.93001 14.7254C8.13393 14.9012 8.4105 15 8.69889 15C8.98727 15 9.26385 14.9012 9.46777 14.7254C9.67169 14.5496 9.78625 14.3111 9.78625 14.0625V8.4375H16.3104C16.5988 8.4375 16.8754 8.33873 17.0793 8.16291C17.2832 7.9871 17.3978 7.74864 17.3978 7.5C17.3978 7.25136 17.2832 7.0129 17.0793 6.83709C16.8754 6.66127 16.5988 6.5625 16.3104 6.5625Z' fill='%23144734'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.oneE {
    background: #212533;
    text-align: center;
    padding: 50px;
}

.oneER {
    background: #154835;
    text-align: center;
    padding: 50px;
    color: #fff;
}

.oneER p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin: 10px 0 0 0;
}

.oneER p span {
    font-size: 48px;
    font-weight: 700;
}

.gap-7 {
    gap: 4rem;
}

.partDescription {
    flex: 1;
}

@media only screen and (max-width:2000px) {
    section#solutions_energetiques {
        background-position-x: 50%;
    }

}


@media only screen and (max-width:1820px) {}

@media only screen and (max-width:1680px) {
    .allBlocks {
        align-items: center;
    }
}




@media only screen and (max-width:787px) {
    .zoneVideo img {
        width: 100%;
    }

    footer {
        text-align: center;
    }

    .col-12 {
        width: 100%;
    }

    .forPartenaires {
        justify-content: center;
        gap: 5%;
    }

    .forPartenaires img {
        width: 28%;
        max-width: 100%;
    }

    section#solutions_energetiques,
    section#efficacite_energetiques,
    section#chauffage_climatisation,
    section#installation {
        padding: 40px 0;
        background: #144734;
    }

    section#conformite_energetique {
        padding: 40px 0;
        background: #F6F5FF;
    }

    section#conformite_energetique .container {
        flex-direction: column;
    }

    #sticky-bar {
        font-size: 16px;
    }

    .header {
        margin-top: 100px;
        width: 96%;
    }

    .forWeb {
        display: none !important;
    }

    .zoneCoordonnes:after {
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    section#autreServices h2 {
        font-size: 32px;
    }

    .nav-tabs .nav-link {
        border: solid 1px #fff;
    }

    section#FAQ {
        padding: 50px 0;
    }

    footer .numForCTA {
        margin: 0 auto;
    }

    #bannerLP {
        position: relative;
        padding-bottom: 20px;
        background-position-x: -349px;
    }

    #bannerLP p {
        text-align: center;
        width: 100%;
        color: #FFF;
    }

    #bannerLP h1 {
        text-align: center;
    }

    .pubAppareil {

        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .desAppareil {
        width: 100%;
    }

    .img3D {
        position: relative;
        bottom: 0;
        right: 0;
    }

    .fomulaireLP iframe,
    .zoneForm iframe {
        height: 610px !important;
    }

    #bannerLP .container {
        position: relative;
        z-index: 2;
    }

    #bannerLP::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        /* Couleur et opacité de l’overlay */
        z-index: 1;
    }

    section#about {
        padding: 40px 0;
    }

    section#about p {
        text-align: left;
    }

    .forMob {
        display: flex !important;
        margin: 20px 0;
    }

    section#solutions_energetiques p,
    section#efficacite_energetiques p,
    section#chauffage_climatisation p,
    section#installation p {
        text-align: left;
    }

    section#solutions_energetiques ul li,
    section#efficacite_energetiques ul li,
    section#chauffage_climatisation ul li,
    section#installation ul li {
        align-items: flex-start;
    }

    section#solutions_energetiques ul li img,
    section#efficacite_energetiques ul li img,
    section#chauffage_climatisation ul li img,
    section#installation ul li img {
        margin-top: 2px;
    }

    section#subventions p {
        text-align: left;
    }

    .threeBlocks {
        flex-direction: column;
        margin-top: 20px;
    }

    .valeursClimanova {
        flex-direction: column;
        gap: 30px;
    }

    .gap-7 {
        gap: 0;
    }

    section#FAQ p {
        text-align: left;
    }

    section#subventions p br {
        display: none;
    }

    section h3 {
        font-size: 28px;
    }

    section#subventions {
        padding: 40px 0;
    }

    .avantages {
        flex-direction: column;
    }

    a.forMob {
        font-size: 30px;
        margin: 30px auto 0
    }

    a.numForCTA.forMob {
        margin: 0 auto;
        align-items: center;
        /* display: flex
; */
        justify-content: center;
        background: #144734;
        max-width: max-content;
        padding: 0 15px 0 5px;
        border-radius: 8px;
        font-size: 24px;
    }

    .fomulaireLP h2 {
        padding: 0
    }

    section#autreServices .partDescription {
        max-width: 100%;
    }

    section#autreServices {
        padding-bottom: 0;
        padding-top: 50px;
    }

    li.nav-item {
        width: 100%;
    }

    .nav-tabs .nav-link {
        width: 100%;
    }

    .nav-tabs .nav-link.active::after {
        display: none;
    }

    .img-container {
        display: none;
    }

    section#realisations {
        padding: 50px 0;

    }

    section#realisations .col-3 {
        width: 50%;
        margin-bottom: 20px;
    }

    section#subventions .flex-row {
        flex-direction: column !important;
    }

    section#temoignages .container {
        flex-direction: column-reverse;
        z-index: 2;
        position: relative;
    }

    section#temoignages {
        position: relative;
    }

    section#temoignages h3 {
        color: #fff;
        font-size: 32px;
    }

    section#temoignages h3::after {
        display: none;
    }

    #contact:before {
        display: none;
    }

    .oneER,
    .oneE {
        padding: 20px
    }

    .oneER p span {
        font-size: 40px;
    }

    .zoneGuide {
        padding: 30px 20px;
    }

    .zoneGuide h4 {
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 600;
    }

    section#temoignages::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        /* Couleur et opacité de l’overlay */
        z-index: 1;
    }

    section#partenaires .col-12.flex-row {
        flex-direction: column !important;
    }

    section#partenaires .col-md-4.flex-row {
        flex-direction: row !important;
    }

    .onePartenaire {
        width: 50% !important;
        margin-bottom: 20px;
    }

    section#chauffage {
        background: #fff;
        padding: 50px 0;
    }

    #bannerLP .flex-row {
        flex-direction: column !important;
    }

    .partPhone {
        display: none;
    }

    section#about .col-6 img {
        max-width: inherit;
        width: 100%;
    }

    .block-red {
        order: 3;
        min-height: 300px;
        margin-bottom: 20px;
    }

    .imgAb2 {
        order: 2;
    }

    .imgAb4 {
        order: 4;
    }

    section#services .container,
    section#bannerLP .container,
    section#about .container,
    section#autreServices .container,
    section#pourquoi .container,
    footer#contact .container,
    .flex-mob,
    .allEncarts,
    .iconsAbout,
    section#solutions_energetiques .container,
    .encartssolutions_energetiques,
    .oneService,
    section#assrances .container,
    section#solutions_energetiques .container,
    section#efficacite_energetiques .container,
    section#chauffage_climatisation .container,
    #installation .container {
        flex-direction: column;
    }

    .col-6,
    section#solutions_energetiques .container .col-9,
    section#solutions_energetiques .container .col-10,
    #temoignages .col-5 {
        width: 100%;
        max-width: 100%;
    }

    section#solutions_energetiques .container .col-10 {
        padding: 20px;
    }

    #about .container {
        gap: 20px;
    }

    section#assrances .container .col-6:first-child {
        order: 2;
    }

    #about .container .col-6:last-child,
    section#assrances .container .col-6:last-child {
        order: 1;
    }

    img {
        max-width: 100%;
    }

    .logo {
        text-align: center;
    }

    .header .numForCTA {

        justify-content: center;
        margin-top: 40px;
    }

    .oneEncart,
    .allEncarts {
        width: 100%;
    }

    .oneEncart {
        align-items: center;
        justify-content: center;
    }

    .oneEncart p {
        text-align: center;
    }

    .fomulaireLP {
        max-width: 100%;
        margin: 20px 0;
        padding: 0;
    }

    .allEncarts {
        order: 3;
    }

    .allEncarts,
    .fomulaireLP {
        margin-bottom: 20px;
    }

    h1 br {
        display: none;
    }

    .oneService .description {
        order: 2;
    }

    section#autreServices {
        padding-bottom: 0;
    }

    section#urgence h2 {
        font-size: 32px;
    }

    section#urgence h3 {
        font-size: 24px;
    }

    .zoneForContact {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        margin-top: 0;
    }

    section#temoignages {
        padding: 50px 0
    }

    section#temoignages h2 {
        color: #fff;
    }

    .carousel .img-box {
        width: 100px;
        height: 100px;
    }

    footer#contact .col-5,
    footer#contact .col-7 {
        width: 100%;
        padding: 0;
    }

    footer#contact .copyright {
        margin-top: 120px;
    }

    footer h4 {
        font-size: 28px;
    }

    #bannerLP h1 {
        font-size: 24px;
        margin-top: 20px !important;
        color: #FFF;
    }

    #bannerLP h1::after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 100px;
        height: 2px;
        background: #fff;
        right: 0;
        margin: 0 auto;
    }

    body.merci {
        padding: 15vh 0;
        background-size: inherit;
    }

    body.merci h1 {
        font-size: 42px;
    }

    body.merci p {
        font-size: 22px;
        padding: 0 10px;
    }

    body.merci #contact:after,
    body.merci #contact:before {
        display: none;
    }

    section#avantages {
        padding: 60px 0;
        background: #F4F7F9;
    }

    #avantages .box-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    #avantages .top-content h4 {
        font-size: 24px;
        font-weight: 700;
        color: #144734;
    }

    #avantages .bottom-img {
        margin-bottom: 30px;
    }
}

.global-styles,
.eapps-widget-toolbar {
    display: none !important;
}

@media only screen and (max-width: 1400px) and (max-height:800px) {
    body.merci footer {
        position: relative;
    }
}

@media only screen and (max-width:400px) {
    #sticky-bar img {
        display: none;
    }

    body.merci footer {
        position: fixed;
    }
}