/* --- bloc-bandeau-accueil.css --- */
.accueil-entete-video .titre-video {z-index: 1;    padding: 0 2rem;}
.container-bloc-bandeau-accueil { position: relative; overflow: hidden;}
.video-bg { width: 100%;     height: 25vh; object-fit: cover; position: relative;}
.titre-video h1 {font-weight: 900; font-size: 3.5rem; text-align: center; margin-left: auto; margin-right: auto;}
.titre-video h1 .underline {color: inherit;}
.accueil-entete-video{margin-bottom: 5rem;}
.video-bg .video-container { position: relative; width: 100%; height: 100%; overflow: hidden;}
.iconsound{ position: absolute; width: 50px; bottom: 10px; right: 10px; z-index: 9; cursor: pointer; display: none;}

@media (min-width: 768px) {
    .video-bg {
        height: 40vh;
    }
}

@media (min-width: 1000px) {

    .video-bg {height: 60vh; min-height: 800px;}
    .accueil-entete-video {margin-top:-30rem;}
    .colorwhite .titre-video p, .colorwhite .titre-video span{ color: white; }
    .home .bloc-carrousel.carrousel-actus {padding: 7rem 0;}
    .titre-video h1 {font-size: 5rem; }
    .accueil-entete-video .titre-video {position: absolute; bottom: 2rem;  left: 12rem; text-align: left; z-index: 1;}
    .titre-video h1 {text-align: left; color: #fff; padding: 0; margin-left: 0; margin-right: 0; }
    .container-bloc-bandeau-accueil:after{content: '';  position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: linear-gradient(180deg, rgba(1, 1, 1, 0), rgb(28 27 27 / 80%)); backdrop-filter: blur(1px);}


}



/* --- bloc-carrousel-liste-applicateurs.css --- */
.section-carrousel-applicateurs {position: relative;}

.section-carrousel-applicateurs .carrousel-applicateurs .slick-track {display: flex;}
.section-carrousel-applicateurs .carrousel-applicateurs .slick-slide {display: flex; flex-direction: column; align-items: center; justify-content: end; height: inherit; text-align: center; width: 25rem;}
.section-carrousel-applicateurs .carrousel-applicateurs .slick-slide img {width: 20rem; height: 20rem; object-fit: contain;border-radius: var(--border-radius); object-fit: cover;}
.section-carrousel-applicateurs .carrousel-applicateurs .slick-slide h4 {font-size: 1.4rem; margin-bottom: 0; color: var(--couleur-principale);}
.section-carrousel-applicateurs .carrousel-applicateurs .slick-slide p {font-weight: 300; font-size: 1.2rem; margin-top: .6rem; max-width: 20rem;}
.bloc-carrousel-applicateurs .carrousel-applicateurs-intro {margin-bottom: 4rem;}
.bloc-carrousel-applicateurs .carrousel-applicateurs-intro h3 {color: var(--couleur-principale); margin-bottom: 0;}
.bloc-carrousel-applicateurs .carrousel-applicateurs-intro h2 {color: var(--couleur-secondaire); margin-top: 8px;}
.bloc-carrousel-applicateurs .btn-cta {margin-left: 2rem; margin-right: 2rem; width: auto;}

.bloc-carrousel-applicateurs .slick-prev {left: 35px;}
.bloc-carrousel-applicateurs .slick-next {right: 35px;}
.bloc-carrousel-applicateurs .slick-prev i,.bloc-carrousel-applicateurs .slick-next i {color: var(--couleur-principale);}
.bloc-carrousel-applicateurs .slick-next::before, .bloc-carrousel-applicateurs .slick-prev::before {
  display: none;
}
@media (min-width: 768px) {
    .bloc-carrousel-applicateurs .carrousel-applicateurs-intro h2 {font-size: 2.2rem;}
    .bloc-carrousel-applicateurs .btn-cta {margin-left: auto; margin-right: auto; width: max-content;}
    .bloc-carrousel-applicateurs .carrousel-applicateurs-intro {margin-bottom: 5rem; max-width: 80rem;}
}

/* --- bloc-carrousel-piliers.css --- */

.slick-carousel-piliers .slick-track {display: flex;}
.slick-carousel-piliers .slick-slide {padding:0 1rem; height: inherit;}
.slick-carousel-piliers .slick-slide .vignette-piliers  {background-color: var(--couleur-fond-light); border-radius: var(--border-radius); margin: 0 auto; height: 100%; column-gap: 3rem; padding: 2rem 2.5rem; row-gap: 1.5rem; }
.slick-carousel-piliers .slick-slide img {width: 100%; object-fit: contain; max-height: 8.5rem;}
.slick-carousel-piliers .slick-slide h3, .slick-carousel-piliers .slick-slide .slide-num {display: inline-block;}
.slick-carousel-piliers .slick-slide h3 {margin: 0 0 1.2rem; font-size: 1.5rem; letter-spacing: 0.1rem; font-weight: 300; color: var(--couleur-principale); display: block;}
.slick-carousel-piliers .slick-slide .slide-num {font-size: inherit; color: #000; font-weight: 700; margin-right: 8px;}
.section-chronologie.section-carrousel-piliers .slick-carousel-piliers .slick-slide .slide-num {display: none;}
.section-chronologie.section-carrousel-piliers .slick-carousel-piliers .slick-slide h3 {font-weight: 800; font-size: 3rem;}

.slick-carousel-piliers .slick-slide p {font-size: 1.3rem; margin: 0;}
.section-carrousel-piliers {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; position: relative; flex-direction: column;}
.section-carrousel-piliers .bloc-fleche {display: flex;position: relative;}
.section-carrousel-piliers .bloc-fleche a {display: none !important;}
.section-carrousel-piliers h2 {font-size: 2rem; padding: 0 20px 15px;}
.slick-carousel-piliers .slick-slide .vignette-piliers .image-pillier {justify-content: center; align-items: center; width: 100%;}


.section-carrousel-piliers .slick-prev {display: block;}
.section-carrousel-piliers .slick-prev i,.section-carrousel-piliers .slick-next i {color: var(--couleur-principale);}

.section-carrousel-piliers .contneu-piliers{gap: 2rem;}

.section-carrousel-piliers .vignette-piliers {width: 270px;}


.section-carrousel-piliers .slick-next{left: -55px;}
.section-carrousel-piliers .slick-next:hover {opacity: 1;}
.section-carrousel-piliers .slick-next:before, .section-carrousel-piliers .slick-prev:before{display: none;}
.section-carrousel-piliers .slick-next, .section-carrousel-piliers .slick-prev {position: absolute; bottom: 0; left: auto; top: auto;}


.slick-carousel-piliers{  flex: 1 1 auto; width: 100%;}

.section-chronologie .fleche-chrono {display: none !important; top: 50%; z-index: 1; text-shadow: -5px 0 #f2f2f2, 0 5px #f2f2f2, 5px 0 #f2f2f2, 0 -5px #f2f2f2;}

.pilierhome .slick-carousel-piliers .slick-slide .slide-num {
  display: none;
}
.pilierhome .annee{
  font-size: inherit;
  color: #000;
  font-weight: 700;
  margin-right: 0;font-size:1.4rem;
}


@media (min-width: 768px) {
    .section-carrousel-piliers.section-chronologie {position: relative;}
    .section-carrousel-piliers.section-chronologie::before {content: ''; height: 2px; width: 100%; left: 0; background-color: var(--couleur-secondaire); position: absolute; display: block; top: calc(50% + 2px); opacity: .3;}
    .slick-carousel-piliers .slick-slide .vignette-piliers  {width: 47rem; padding: 2rem 3.5rem 2.5rem; }
    .section-chronologie.section-carrousel-piliers .slick-carousel-piliers .slick-slide .vignette-piliers {width: 35rem;}
    .slick-carousel-piliers .slick-slide img {max-width: 100%; max-height: 100%;}
    .slick-carousel-piliers .slick-slide p {font-size: 1.4rem;}
    .slick-carousel-piliers .slick-slide .carousel-piliers-infos {flex: 1;}
    .section-carrousel-piliers .slick-next, .section-carrousel-piliers .slick-prev {bottom: -3rem;}
    .section-carrousel-piliers .slick-next {left: 18rem;}
    .section-carrousel-piliers .slick-prev {right: 18rem;}
    .slick-carousel-piliers .slick-slide .vignette-piliers .image-pillier {width: 25%;}
    .section-carrousel-piliers.section-chronologie .fleche-chrono.slick-prev {left: 2rem; right: auto;}
    .section-carrousel-piliers.section-chronologie .fleche-chrono.slick-next {left: auto; right: 2rem;}

}

@media (min-width: 1000px) {
    .section-chronologie .fleche-chrono {display: block !important;}
    .section-carrousel-piliers.section-chronologie {padding-left: 6rem; padding-right: 6rem;}
    .section-carrousel-piliers .bloc-fleche a {display: block !important;top: -6rem;}
}

@media (min-width: 1200px) {
    .section-carrousel-piliers h2 {font-size: 2.5rem;  margin-top: 0;}
    .section-chronologie.section-carrousel-piliers .bloc-fleche {display: none !important;}

}







/* --- bloc-carrousel-recompenses.css --- */
.bloc-carrousel-recompenses {overflow: hidden;}
.bloc-carrousel-recompenses .slick-prev {left: 35px;}
.bloc-carrousel-recompenses .slick-next {right: 35px;}
.bloc-carrousel-recompenses .slick-prev i,.bloc-carrousel-recompenses .slick-next i {color: var(--couleur-principale);}
.bloc-carrousel-recompenses .slick-track {display: flex;}
.bloc-carrousel-recompenses .slick-slide {width: 28rem; height: inherit; background-color: var(--couleur-fond-light); border-radius: var(--border-radius); margin: 0 1rem; display: flex; flex-direction: column; align-items: center; padding: 2rem 2.5rem 3rem;}
.bloc-carrousel-recompenses .carrousel-temoignage {overflow-x: clip;}
.bloc-carrousel-recompenses .slick-slide img {position: relative; height: 15rem;object-fit: cover;}
.bloc-carrousel-recompenses .slick-slide h3, .bloc-carrousel-recompenses .slick-slide h4 {margin-top: 0; margin-bottom: 0;}
.bloc-carrousel-recompenses .slick-slide h3 {color: var(--couleur-principale); font-size: 1.5rem; font-weight: 600;}
.bloc-carrousel-recompenses .slick-slide h4 {font-size: 1.8rem; color: var(--couleur-secondaire);}
.bloc-carrousel-recompenses .slick-slide p {font-size: 1.3rem;}
.bloc-carrousel-recompenses .slick-slide p span {font-weight: 600;}
.bloc-carrousel-recompenses .slick-slide .btn-cta {margin-top: auto;}
.bloc-carrousel-recompenses .carrousel-recompenses-intro {margin-bottom: 3rem; padding: 0 2rem;}
.bloc-carrousel-recompenses .carrousel-recompenses-intro h3 {color: var(--couleur-secondaire); margin-bottom: 0;}
.bloc-carrousel-recompenses .carrousel-recompenses-intro h2 {margin-top: 8px;}
.bloc-carrousel-recompenses .btn-cta i {margin-right: 0.6rem; color: inherit;}
.btn-cta-video {cursor: pointer;}

.bloc-carrousel-recompenses .modal-temoignage {display: none; position: fixed; z-index: 1000; left: 0;top: 0; width: 100%;height: 100%; overflow: auto;}
.bloc-carrousel-recompenses  .section-carrousel-post .slick-prev,.bloc-carrousel-recompenses  .section-carrousel-post .slick-next {position: absolute;}


@media (min-width: 768px) {
    .bloc-carrousel-recompenses .slick-slide {padding: 0 2.5rem 3rem; width: 40rem; }
    .bloc-carrousel-recompenses .slick-slide img {max-width: 28rem; max-height: 20rem; height: 20rem; top: -2rem; }
    .bloc-carrousel-recompenses .slick-list, .bloc-carrousel-recompenses .section-carrousel-post {overflow: visible;}
    .bloc-carrousel-recompenses .carrousel-recompenses-intro {margin-bottom: 7rem;}
}



/* --- bloc-carrousel-reconversion.css --- */
.bloc-carrousel-reconversion {overflow: hidden;}
.bloc-carrousel-reconversion .slick-prev {left: 35px;}
.bloc-carrousel-reconversion .slick-next {right: 35px;}
.bloc-carrousel-reconversion .slick-prev i,.bloc-carrousel-reconversion .slick-next i {color: var(--couleur-principale);}
.bloc-carrousel-reconversion .slick-track {display: flex;}
.bloc-carrousel-reconversion .slick-slide {width: 100vw; height: inherit; background-color: var(--couleur-fond-light); border-radius: var(--border-radius); margin: 0 1rem; display: flex; flex-direction: column; align-items: center; padding: 2rem 2.5rem 3rem;}
.bloc-carrousel-reconversion .carrousel-temoignage {overflow-x: clip;}
.bloc-carrousel-reconversion .slick-slide img {position: relative; height: 15rem;}
.bloc-carrousel-reconversion .slick-slide h3, .bloc-carrousel-reconversion .slick-slide h4 {margin-top: 0; margin-bottom: 0;}
.bloc-carrousel-reconversion .slick-slide h3 {color: var(--couleur-principale); font-size: 1.5rem; font-weight: 600;}
.bloc-carrousel-reconversion .slick-slide h4 {font-size: 1.8rem; color: var(--couleur-secondaire);}
.bloc-carrousel-reconversion .slick-slide p {font-size: 1.4rem; font-weight: 300;}
.bloc-carrousel-reconversion .slick-slide p span {font-weight: 600;}
.bloc-carrousel-reconversion .slick-slide .btn-cta {margin-top: auto;}
.bloc-carrousel-reconversion .carrousel-temoignages-intro {margin-bottom: 3rem; padding: 0 2rem;}
.bloc-carrousel-reconversion .carrousel-temoignages-intro h3 {color: var(--couleur-secondaire); margin-bottom: 0;}
.bloc-carrousel-reconversion .carrousel-temoignages-intro h2 {margin-top: 8px;}
.bloc-carrousel-reconversion .btn-cta i {margin-right: 0.6rem; color: inherit;}
.bloc-carrousel-reconversion .modal-temoignage {display: none; position: fixed; z-index: 1000; left: 0;top: 0; width: 100%;height: 100%; overflow: auto;}
.bloc-carrousel-reconversion .section-carrousel-post .slick-prev,.bloc-carrousel-reconversion .section-carrousel-post .slick-next {position: absolute;}

@media (min-width: 768px) {
    .bloc-carrousel-reconversion .slick-slide {padding: 0 4rem 3rem; width: 40rem; }
    .bloc-carrousel-reconversion .slick-slide img {max-width: 28rem; max-height: 20rem; height: 16rem; top: -2rem; }
    .bloc-carrousel-reconversion .slick-list, .bloc-carrousel-reconversion .section-carrousel-post {overflow: visible;}
    .bloc-carrousel-reconversion .carrousel-temoignages-intro {margin-bottom: 7rem;}
}

@media (min-width: 900px) {
    .bloc-carrousel-reconversion .slick-slide {width: 60rem; }
}



/* --- bloc-carrousel-temoignages.css --- */
.bloc-carrousel-temoignages {overflow: hidden;}
.bloc-carrousel-temoignages .slick-prev {left: 35px;}
.bloc-carrousel-temoignages .slick-next {right: 35px;}
.bloc-carrousel-temoignages .slick-prev i,.bloc-carrousel-temoignages .slick-next i {color: var(--couleur-principale);}
.bloc-carrousel-temoignages .slick-track {display: flex;}
.bloc-carrousel-temoignages .slick-slide {width: 28rem; height: inherit; background-color: var(--couleur-fond-light); border-radius: var(--border-radius); margin: 0 1rem; display: flex; flex-direction: column; align-items: center; padding: 2rem 2.5rem 3rem;}
.bloc-carrousel-temoignages .carrousel-temoignage {overflow-x: clip;}
.bloc-carrousel-temoignages .slick-slide img {position: relative; height: 15rem;}
.bloc-carrousel-temoignages .slick-slide h3, .bloc-carrousel-temoignages .slick-slide h4 {margin-top: 0; margin-bottom: 0;}
.bloc-carrousel-temoignages .slick-slide h3 {color: var(--couleur-principale); font-size: 1.5rem; font-weight: 600;}
.bloc-carrousel-temoignages .slick-slide h4 {font-size: 1.8rem; color: var(--couleur-secondaire);}
.bloc-carrousel-temoignages .slick-slide p {font-size: 1.3rem;}
.bloc-carrousel-temoignages .slick-slide p span {font-weight: 600;}
.bloc-carrousel-temoignages .slick-slide .btn-cta {margin-top: auto;}
.bloc-carrousel-temoignages .carrousel-temoignages-intro {margin-bottom: 3rem; padding: 0 2rem;}
.bloc-carrousel-temoignages .carrousel-temoignages-intro h3 {color: var(--couleur-secondaire); margin-bottom: 0;}
.bloc-carrousel-temoignages .carrousel-temoignages-intro h2 {margin-top: 8px;}
.bloc-carrousel-temoignages .btn-cta i {margin-right: 0.6rem; color: inherit;}
.btn-cta-video {cursor: pointer;}

.bloc-carrousel-temoignages .modal-temoignage {display: none; position: fixed; z-index: 1000; left: 0;top: 0; width: 100%;height: 100%; overflow: auto;}
.bloc-carrousel-temoignages  .section-carrousel-post .slick-prev,.bloc-carrousel-temoignages  .section-carrousel-post .slick-next {position: absolute;}

.bloc-carrousel-temoignages .info-complementaire{ margin-top: 0;  font-weight: bold;}

@media (min-width: 768px) {
    .bloc-carrousel-temoignages .slick-slide {padding: 0 2.5rem 3rem; width: 40rem; }
    .bloc-carrousel-temoignages .slick-slide img {max-width: 28rem; max-height: 20rem; height: 20rem; top: -2rem; }
    .bloc-carrousel-temoignages .slick-list, .bloc-carrousel-temoignages .section-carrousel-post {overflow: visible;}
    .bloc-carrousel-temoignages .carrousel-temoignages-intro {margin-bottom: 7rem;}
}

@media (max-width: 768px) {
.bloc-carrousel-temoignages  .section-carrousel-post .slick-prev,.bloc-carrousel-temoignages  .section-carrousel-post .slick-next {display: none;}
}

/* --- bloc-entete-page.css --- */
.container-bloc-entete-page {display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap; gap: 5rem;}
.container-bloc-entete-page img {  max-width: 100%;height: auto;width: 100%;border-radius: var(--border-radius);}
.container-bloc-entete-page .texte h1{text-transform: uppercase;font-weight: 800;}
.container-bloc-entete-page .texte {text-align:center; }



@media (min-width: 768px) {
.container-bloc-entete-page .texte { flex: 1; max-width: 50%;text-align: left;}
.container-bloc-entete-page .image{width: calc(50% - 5rem);}
.container-bloc-entete-page .texte.noimage{max-width: 100%;text-align: center;}
}

/* --- bloc-jauges.css --- */
.section-jauge.section-margin {margin-top: 10rem;}
.section-jauge.section-margin .jauge-col {margin-top: 5rem;}
.bloc-jauges-investissements {display: flex; justify-content: center;align-items: center; flex-direction: column;margin: 20px;}
.contour-jauge { position: relative; width: 40rem;  height: 40rem;border-radius: 50%;  display: flex;align-items: center; justify-content: center;  flex-direction: column; text-align: center; border: 10px solid var(--couleur-principale);}
.bloc-jauges-investissements.jauge-noire-col .contour-jauge  {border-color: var(--couleur-secondaire);}

.bloc-jauges-investissements .contour-jauge .contenu-montant-global {position: absolute;top: -10rem;}
.bloc-jauges-investissements .contour-jauge .contenu-montant-global .titre {font-size: 1.6rem; font-weight: 500; color: var(--couleur-principale); max-width: 22rem; margin-bottom: 8px;}

.bloc-jauges-investissements .contour-jauge .contenu-montant-global .montant {font-size: 1.8rem; font-weight: 700; color: var(--couleur-principale);}
.bloc-jauges-investissements.jauge-noire-col .contenu-montant-global .titre, .bloc-jauges-investissements.jauge-noire-col .contenu-montant-global .montant {color: var(--couleur-secondaire);}



.bloc-jauges-investissements .jauge { position: relative;width: 100%;height: 100%; border-radius: 50%;background: conic-gradient(var(--couleur-principale) 0% 0%,var(--couleur-fond-light) 0% 100%);border: 10px solid white;display: flex;}
.bloc-jauges-investissements .jauge .contenu-addition-montant {position: relative;height: 80%;width: 80%;background-color: white;border-radius: 50%;margin: auto; flex-direction: column; align-items: center;  justify-content: center;}
.bloc-jauges-investissements .jauge .contenu-addition-montant .montant {font-weight: 600;}
.bloc-jauges-investissements .jauge .contenu-addition-montant .texte-valeur{margin: 0;font-size: 1.2rem;font-weight: bold;text-align: center;}
.bloc-jauges-investissements .jauge .contenu-addition-montant .plus {margin: 0; font-size: 1.6rem; color: var(--couleur-principale); font-weight: 600;}
.bloc-jauges-investissements .montant_1 span {color: var(--couleur-principale);}
.bloc-jauges-investissements .montant_2 span {color: var(--couleur-secondaire);}

/*.bloc-jauges-investissements .montant_1, .montant_2,.plus { position: absolute;  top: 50%; left: 50%;transform: translate(-50%, -50%);}*/
.bloc-jauges-investissements .montant_1 span, .montant_2 span { display: block;text-align: center; font-size: 1.5rem;}

.bloc-jauges-investissements .jauge {transition: background 1.5s ease-in-out;}
.bloc-jauges-investissements span {  display: block;text-align: center;}
.bloc-jauges-investissements .contour-jauge:before {content: ''; background-color: var(--couleur-principale); width: 4px; height: 15px; position: absolute; top: -25px;}
.bloc-jauges-investissements.jauge-noire-col .contour-jauge:before {background-color: var(--couleur-secondaire);}

.section-jauge .jauge-intro { font-size: 1.4rem; font-weight: 300; max-width: 80rem; margin-left: auto; margin-right: auto;}
.section-jauge .container-bloc-texte, .section-jauge .bloc-texte-contenu {padding-top: 0;}
.section-jauge .container-bloc-texte .btn-cta {margin-top: 0 !important;}
.section-jauge .jauge-texte h4 {color: var(--couleur-secondaire); font-size: 2rem; margin-bottom: 0;}
.section-jauge .jauge-texte p {font-size: 1.8rem; margin-top: 8px;}
.section-jauge .jauge-texte p strong {color: var(--couleur-principale);}
.liste-jauges{margin-top: 5rem;}

@media (min-width: 768px) {
    .section-jauge.section-margin {margin-top: 10rem;}
.contour-jauge { width: 30rem;  height: 30rem;}
}

@media (min-width: 1000px) {
    .contour-jauge {width: 40rem;  height: 40rem; }
}

@media (max-width: 1100px) {
.bloc-jauges-investissements .jauge .contenu-addition-montant{ height: 90%; width: 90%;}
.bloc-jauges-investissements .jauge .contenu-addition-montant .texte-valeur{font-size:1rem;}
.bloc-jauges-investissements .jauge .contenu-addition-montant .montant{font-size:1.2rem;}
.bloc-jauges-investissements .jauge .contenu-addition-montant .plus{font-size:1.4rem;}
}

@media (max-width: 768px) {
.contour-jauge{width:35rem;height:35rem;}
}

/* --- bloc-mise-en-avant.css --- */
.section-mise-avant {flex-wrap: wrap !important; column-gap: 2rem; row-gap: 2rem; align-items: normal !important;}
.bloc-mise-en-avant {flex-direction: column; border-radius: var(--border-radius); background-color: var(--couleur-fond-light); height: inherit; width: 100%;}
.bloc-mise-en-avant h3 {background-color: var(--couleur-principale); color: #fff; font-weight: 800; text-align: center; margin: 0; padding: 3rem 2rem 2.5rem; border-radius: var(--border-radius) var(--border-radius) 0 0;}
.bloc-mise-en-avant .mise-en-avant-txt {width: 100%; padding: 3rem; flex-direction: column; height: 100%;}
.bloc-mise-en-avant .mise-en-avant-txt p, .bloc-mise-en-avant .mise-en-avant-txt li {font-weight: 300;}
.bloc-mise-en-avant .mise-en-avant-txt {width: 100%;}
.bloc-mise-en-avant .mise-en-avant-txt .btn-cta {margin-left: auto; margin-right: auto;}
.bloc-mise-en-avant.mise-avant-img {position: relative;}
.bloc-mise-en-avant.mise-avant-img::after {content: ''; background: url('https://reseau-vertikal.vertikal.fr/wp-content/uploads/sites/84/2024/08/pot-vertikal.png') no-repeat; background-size: contain; width: 10rem; height: 15rem; position: absolute; right: 2rem; bottom: -3rem;}
.bloc-mise-en-avant.mise-avant-img .btn-cta {max-width: calc(100% - 10rem); margin-left: 0; z-index: 1;}
.etapes-formation h2 {margin-bottom: 3rem;}

.mise-en-avant-flex-container{align-items: center;}
.mise-en-avant-flex-container img{width: 70%;margin: auto;display: none;}

@media (min-width: 768px) {
.mise-en-avant-flex-container img{display: block;}
}

@media (min-width: 900px) {
    .section-mise-avant .bloc-mise-en-avant {width: calc(50% - 1rem);}
    .etapes-formation .section-mise-avant .bloc-mise-en-avant {width: calc(33% - 1rem);}
    .bloc-mise-en-avant .mise-en-avant-txt {padding: 3rem;padding-right:0;}
    .bloc-mise-en-avant.mise-avant-margin-top .mise-en-avant-txt p, .bloc-mise-en-avant.mise-avant-margin-top .mise-en-avant-txt .btn-cta {margin-top: auto;}
    .etapes-formation .section-mise-avant .bloc-mise-en-avant.mise-avant-margin-top .mise-en-avant-txt p {margin-top: 0;}
    .etapes-formation h2 {margin-bottom: 5rem;}
}
@media (min-width: 1000px) {
    .etapes-formation .section-mise-avant .bloc-mise-en-avant .mise-en-avant-txt {padding: 2.5rem 4rem 4rem;}
    .bloc-mise-en-avant.mise-avant-img::after {width: 13rem; height: 15rem; right: 2rem; bottom: -8rem;}
    .bloc-mise-en-avant.mise-avant-img .btn-cta {max-width: 55%;}
    .presentation-facade-vie h2 {font-size: 2rem;}
}

@media (min-width: 1500px) {
    .bloc-mise-en-avant.mise-avant-img::after {width: 18rem; height: 20rem; right: 2rem; bottom: -8rem;}
}

/* --- bloc-partenaires-vertikal.css --- */
.bloc-partenaires-vertikal { border-radius: var(--border-radius);  background-color: var(--couleur-fond-light);padding: 4rem; margin-bottom: 5rem;}
.bloc-partenaires-vertikal .bloc-left img {  max-width: 100%;height: 100%; object-fit: cover;   margin: auto; width: auto;padding-bottom: 2rem;}
.bloc-partenaires-vertikal .bloc-right h2 {margin-top: 0; color: var(--couleur-secondaire);text-transform: uppercase; font-weight: 900;margin-bottom: 0;}
.bloc-partenaires-vertikal .bloc-right h3{color:var(--couleur-principale);    font-size: 2rem;margin-bottom: 0;margin-top: 0;}
.bloc-partenaires-vertikal .liste_informations .information{padding: 2rem 0;border-bottom: 1px solid var(--couleur-texte);}
.bloc-partenaires-vertikal .liste_informations .information:last-child{border-bottom: 0px;}
.bloc-partenaires-vertikal .liste_informations .information p{margin: 0;}



@media (min-width: 1000px) {
   .bloc-partenaires-vertikal {display: flex;flex-wrap: wrap; justify-content: space-between;align-items: stretch;  gap: 2rem;}
   .bloc-partenaires-vertikal .bloc-left img{padding-bottom: 0;}
   .img-right .bloc-partenaires-vertikal{flex-direction: row-reverse;}
   .bloc-partenaires-vertikal .bloc-left,.bloc-partenaires-vertikal .bloc-right { flex: 1; max-width: 48%; display: flex; }
}


/* --- bloc-questions-reponses.css --- */
.bloc-question-reponses {padding: 2rem;}
.bloc-question-reponses .bloc-questions-intro {margin-bottom: 2.5rem; padding: 0;}
.bloc-question-reponses .bloc-questions-intro h2 {font-size: 2rem; margin-bottom: 3rem;}
.bloc-question-reponses .questions, .bloc-question-reponses .reponses  {width: 100%;}
.bloc-question-reponses .reponse { display: none;}
.bloc-question-reponses .reponse.active {display: block;}
.bloc-question-reponses .question {cursor: pointer; align-items: center; column-gap: 2rem; }
.bloc-question-reponses .question p {font-weight: 600; flex: 1; margin: 0; }
.bloc-question-reponses .question:not(:last-of-type) p {border-bottom: 1px solid var(--couleur-background);}
.bloc-question-reponses span.num-question {font-weight: 800; color: var(--couleur-principale); font-size: 2.5rem; display: inline-block; width: 2rem;}
.bloc-question-reponses .question i {font-size: 2.5rem; color: var(--couleur-principale); opacity: 0; transform: rotate(90deg);}
.bloc-question-reponses .question.active i {opacity: 1;}

.bloc-question-reponses .question p, .bloc-question-reponses span.num-question,  .bloc-question-reponses .question i {padding-bottom: 1.5rem;padding-top: 1.5rem;}

.bloc-question-reponses .question p {padding-left: 1.5rem;padding-right: 1.5rem; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent;text-align: left;}
.bloc-question-reponses .question.active p {  border-left-color: var(--couleur-principale); border-right-color: var(--couleur-principale); }
.section-produits-fonctions.bloc-question-reponses p {color: var(--couleur-secondaire);}
.section-produits-fonctions.bloc-question-reponses a {color: var(--couleur-principale); text-decoration: underline; font-weight: 600; font-size: 1.4rem;}


.accordeon-toggle {background-color: rgba(255, 255, 255, .6); font-size: 1.8rem; font-weight: 300;}
.accordeon-toggle:after {font-size: 2.2rem;}
.accordeon-section {margin-bottom: 2px;}
.numberjauge .montant:before{content:"≃ "}

@media (min-width: 768px) {
    .bloc-question-reponses .bloc-questions-intro {margin-bottom: 4rem;}
    .bloc-question-reponses {padding: 4rem;}
    .bloc-question-reponses .questions {width: 45%;}
    .bloc-question-reponses .question {column-gap: 1rem;}
    .bloc-question-reponses .reponses {width: 55%; padding-left: 4rem;}
    .bloc-question-reponses .question i {transform: none;}
    .bloc-question-reponses .reponses p:first-of-type {margin-top: 0;}
    .accordeon-toggle {font-size: 2rem; }
}

@media (min-width: 1000px) {
    .bloc-question-reponses .questions {width: 30%;}
    .bloc-question-reponses .reponses {width: 70%; padding-left: 7rem;}
    .bloc-question-reponses {padding: 5rem 7rem;}
}

/* --- bloc-satisfaction-concessionaire.css --- */
.bloc-satisfaction-concessionaire {background: url(https://reseau-vertikal.vertikal.fr/wp-content/uploads/sites/84/2024/08/k-alpha.png) no-repeat, #e96531; background-size: cover;}
.bloc-concessionaire-left, .bloc-concessionaire-right {width: 100%;}
.bloc-concessionaire-left {padding: 2.5rem 1.5rem;}
.bloc-concessionaire-left h2 {margin-top: 0;}
.bloc-concessionaire-left .compteur-item {margin: 0; padding: 1rem 0 1.5rem; text-align: left; width: 100%;} 
.bloc-concessionaire-left .compteur-item:not(:last-of-type) {border-bottom: 1px solid rgba(255, 255, 255, .3); }
.bloc-concessionaire-left .compteur-unite {font-weight: 800; display: inline-block;margin-right: 1rem; margin-left: .4rem;}
.bloc-concessionaire-left .compteurs-container + p {font-size: 1.2rem; font-style: italic;}
.bloc-concessionaire-left span.compteur-valeur {font-size: 1.4rem; font-weight: 300;}
.bloc-concessionaire-right {position: relative; justify-content: center; align-items: center; margin: 2.5rem 1.5rem; flex-direction: column;}
.bloc-concessionaire-right .photo-applicateur {margin: auto; z-index: 1; max-width: 80%;}
.bloc-concessionaire-right .macaron {position: absolute; top: -3rem; right: -2rem; width: 16rem;}
.bloc-satisfaction-concessionaire .btn-cta.btn-cta-blanc {z-index: 1;}
.bloc-concessionaire-left .compteur-nombre, .bloc-concessionaire-left .compteur-unite {font-size: 3rem;}


@media (min-width: 768px) {
    .bloc-concessionaire-left {padding: 2.5rem 4rem 1.5rem ;}
    .bloc-concessionaire-right {margin: 3rem;}
    .bloc-concessionaire-right .macaron {top: 0; right: 0; max-width: 14rem;}
    .bloc-satisfaction-concessionaire {background-size: contain; border-radius: var(--border-radius);}
    .bloc-concessionaire-right .photo-applicateur {max-width: 31rem;}
    .bloc-satisfaction-concessionaire .btn-cta.btn-cta-blanc {min-width: 31.5rem;}
}

@media (min-width: 1000px) {
    .bloc-concessionaire-left {padding: 2.5rem 4rem 1.5rem ; width: 55%;}
    .bloc-concessionaire-right {flex: 1; justify-content: flex-end;}
    .bloc-concessionaire-right .photo-applicateur {bottom: 2.8rem; position: absolute;}
}

@media (min-width: 1000px) {
    .bloc-concessionaire-left {padding: 2.5rem 7rem 1.5rem ;}
    .bloc-concessionaire-right {margin: 3rem 5rem 3rem 1rem;}
}

/* --- bloc-sitemap.css --- */
.section-sitemap h2{font-size: 22px;color:  var(--couleur-noir);margin: 10px 0;}
.section-sitemap ul li {margin: 5px 0;}


/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {
    .section-sitemap ul.ul-col-2 {columns: 2;}
}

/* --- bloc-slides-deroulantes.css --- */

.bloc-diapo-une{display: flex;width: 100%;}
.bloc-diapo-une .diapo-une{display: flex;background-size: cover;margin: 5px;height: 500px;transition: 1s;}
.bloc-diapo-une .diapo-une:first-child{border-top-left-radius: var(--border-radius);border-bottom-left-radius: var(--border-radius);}
.bloc-diapo-une .diapo-une:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius: var(--border-radius);}
.bloc-diapo-une .diapo-une .bloc-hover{display: none;}
.bloc-diapo-une .diapo-une .cartouche{margin: auto auto 35px auto; background-color: var(--couleur-principale); display: inline-block; width: 100%;text-align: center;padding: 15px;}
.bloc-diapo-une .diapo-une .cartouche h3{display: inline-block;margin-bottom: 0;color: white;margin-top: 0;}
.bloc-diapo-une .diapo-une .cartouche .numero{color:white;font-size: 1.8rem;font-weight: bold;margin-right: 10px;}
.bloc-diapo-une .diapo-une.non-hover{position: relative;}
.bloc-diapo-une .diapo-une.hover:first-child .bloc-hover{border-top-left-radius:var(--border-radius);border-bottom-left-radius: var(--border-radius);}
.bloc-diapo-une .diapo-une.hover .bloc-hover{display: flex;    width: 80%;background-color: var(--couleur-principale-light);text-align: center;padding: 40px;}
.bloc-diapo-une .diapo-une.hover .cartouche{display: none;}
.bloc-diapo-une .diapo-une.non-hover .cartouche{padding: 10px;font-size: 1.6rem;writing-mode: vertical-lr;transform: rotate(180deg);position: absolute;bottom: 10%;min-height: 300px;}
.bloc-diapo-une .diapo-une.non-hover .cartouche .numero{margin-right: 0px;margin-bottom: 10px;}
.bloc-diapo-une .diapo-une.hover .bloc-hover .titrebloc-hover h3{display: inline-block;margin-bottom: 10px;color: white;font-size: 3rem;ext-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);}
.bloc-diapo-une .diapo-une.hover .bloc-hover .titrebloc-hover .numero{color:white;font-size: 2.8rem;font-weight: bold;margin-right: 10px;}
.bloc-diapo-une .diapo-une.hover .bloc-hover .texte-descriptif{color: white;}
.bloc-diapo-une .diapo-une.hover .bloc-hover .texte-descriptif p,.bloc-diapo-une .diapo-une.hover .bloc-hover .texte-descriptif ul li{font-size: 1.9rem;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);}
.bloc-diapo-une .diapo-une.hover .bloc-hover .contenu-block-hover{margin: auto;}
.bloc-diapo-une .diapo-une .bloc-hover .texte-descriptif p,.bloc-diapo-une .diapo-une .bloc-hover .texte-descriptif *,.bloc-diapo-une .diapo-une .bloc-hover .texte-descriptif li,.bloc-diapo-une .diapo-une .bloc-hover .texte-descriptif{color: white; font-size: 1.5rem;}


.bloc-diapo-une .diapo-une.hover .contenu-block-hover{text-align: left;}
.bloc-diapo-une .diapo-une.hover .contenu-block-hover *{color:white;}

.bloc-diapo-une .diapo-une.hover .contenu-block-hover.displaytext .texte-descriptif{ opacity: 1;}
.bloc-diapo-une .diapo-une .contenu-block-hover .texte-descriptif{transition: 0s; opacity: 0; transition-timing-function: ease-in;}
@media only screen and (max-width: 1024px) {
.bloc-diapo-une .diapo-une .displaytext .texte-descriptif{ opacity: 1;}
.bloc-diapo-une{display: block;}
.bloc-diapo-une .diapo-une.hover{width: 100% !important;}
.bloc-diapo-une .diapo-une{width: 100% !important;}
.bloc-diapo-une .diapo-une:first-child{border-top-right-radius: var(--border-radius);border-bottom-left-radius: 0px;border-top-left-radius: var(--border-radius);}
.bloc-diapo-une .diapo-une:last-child { border-top-right-radius: 0px; border-bottom-right-radius: var(--border-radius); border-bottom-left-radius:var(--border-radius);}
.bloc-diapo-une .diapo-une{height: 100%;}

.bloc-diapo-une .diapo-une.hover-mobile .bloc-hover{display: flex;    width: 80%;background-color: var(--couleur-principale-light);text-align: center;padding: 20px;margin: auto;}
.bloc-diapo-une .diapo-une{display: flex;}
.bloc-diapo-une .diapo-une.hover-mobile .cartouche{display: none;}
.bloc-diapo-une{height: 100%;}
.bloc-diapo-une .diapo-une .cartouche{width: 50%;margin: 0 auto;}
.bloc-diapo-une .diapo-une .cartouche .numero{font-size: 1.4rem;}
.bloc-diapo-une .diapo-une .cartouche h3{font-size: 1.4rem;}
.bloc-diapo-une .diapo-une.hover-mobile .bloc-hover .titrebloc-hover h3{display: inline-block;margin-bottom: 30px;color: white;font-size: 2rem;}
.bloc-diapo-une .diapo-une.hover-mobile .bloc-hover .titrebloc-hover .numero{color:white;font-size: 2rem;font-weight: bold;margin-right: 10px;}
.bloc-diapo-une .diapo-une.hover-mobile .bloc-hover .texte-descriptif{color: white;font-size: 1.4rem;}

}

/* --- bloc-texte.css --- */
.container-bloc-texte {padding: 4rem 0 3rem; background-size: cover; background-repeat: no-repeat;}
.container-bloc-texte.border-radius {border-radius: var(--border-radius); overflow: hidden;}
.container-bloc-texte .bloc-texte-base>*, .container-bloc-texte .bloc-texte-base + .bloc-texte-btn {max-width: 800px; margin-left: auto; margin-right: auto; width: 100%;}
.container-bloc-texte ul {margin-bottom: 8px; margin-top: 8px;}
.container-bloc-texte h2 {margin-top: 0; margin-bottom: 0;}
.container-bloc-texte .bloc-texte-titre-center h2, .container-bloc-texte .bloc-texte-titre-center h3 {margin-left: auto; margin-right: auto; max-width: 800px;}



.container-bloc-texte .bloc-texte-base, .container-bloc-texte .bloc-texte-additionnel, .container-bloc-texte .bloc-texte-titre {width: 100%;}
.bloc-texte-titre {margin-bottom: 1.8rem;}
.container-bloc-texte .bloc-texte-btn {width: 100%;}
.bloc-left:not(.bloc-text) .btn-cta {margin-left: auto; margin-right: auto;}



@media (min-width: 768px) {
    .container-bloc-texte .bloc-texte-contenu {column-gap: 7rem; padding: 60px 50px; }
    .container-bloc-texte .btn-cta {max-width: max-content;}
    .container-bloc-texte img {margin-top: 50px;}
    .container-bloc-texte .bloc-texte-base, .bloc-texte-additionnel {flex: 1; width: auto; min-width: calc(50% - 50px);}
    .bloc-texte-titre {margin-bottom: 3rem;}

}

@media (min-width: 1200px) {
    .container-bloc-texte .bloc-texte-contenu {column-gap: 100px; }
}