/* --- 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;  height: inherit; text-align: center; width: 25rem;}
.section-carrousel-applicateurs .carrousel-applicateurs .slick-slide .carrousel-applicateurs-texte {min-height: 8rem;}
.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;text-align: left;}
.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;}

/* Évite le flash vertical avant l'init Slick : slides déjà en ligne + invisible jusqu'à prêt */
.bloc-carrousel-recompenses .slick-carousel-recompenses:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  min-height: 380px;
  opacity: 0;
}
.bloc-carrousel-recompenses .slick-carousel-recompenses:not(.slick-initialized) > div {
  flex: 0 0 28rem;
  min-width: 28rem;
  margin: 0 1rem;
}
.bloc-carrousel-recompenses .slick-carousel-recompenses.slick-initialized {
  min-height: 0;
  opacity: 1;
  transition: opacity 0.15s ease-out;
}

.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 .slick-carousel-recompenses {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-recompenses {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.no-radius img { border-radius: 0; }
.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-le-saviez-vous.css --- */
.container-bloc-saviez-vous {
    padding: 2rem 0;
}

.saviez-vous-inner {
    background-color: var(--couleur-fond-light);
    border-radius: var(--border-radius);
    padding: 2.5rem 3rem;
    position: relative;
}

.saviez-vous-header {
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.saviez-vous-icone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
    background-color: var(--couleur-principale);
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
}

.saviez-vous-icone *{color: white;}

.saviez-vous-titre {
    margin: 0;
    color: var(--couleur-principale);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0 !important;
}

.saviez-vous-contenu {
    font-size: 1.6rem;
    line-height: 1.7;
}

.saviez-vous-contenu > *:first-child {
    margin-top: 0;
}

.saviez-vous-contenu > *:last-child {
    margin-bottom: 0;
}

.saviez-vous-contenu ul li::marker {
    color: var(--couleur-principale);
}

@media (max-width: 768px) {
    .saviez-vous-inner {
        padding: 2rem 2rem 2rem 1.8rem;
    }

    .saviez-vous-titre {
        font-size: 1.7rem;
    }

    .saviez-vous-icone {
        width: 4rem;
        height: 4rem;
        min-width: 4rem;
    }

    .saviez-vous-icone svg {
        width: 22px;
        height: 22px;
    }
}


/* --- bloc-liste-guides.css --- */
.container-bloc-liste-guides { margin: 4rem 0;}

.liste-guides-titre { margin-top: 0; margin-bottom: 3rem; }

/* Grille — 1 col mobile, 2 col tablette, 3 col desktop */
.guides-grille { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }

@media (min-width: 600px) {
    .guides-grille { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
    .guides-grille { grid-template-columns: repeat(3, 1fr); }
}

/* Carte — le <a> englobe tout le bloc */
.guide-card { border-radius: var(--border-radius); overflow: hidden; background-color: #fff; display: flex; flex-direction: column; transition: box-shadow 0.3s ease, transform 0.3s ease; text-decoration: none; color: inherit; }

.guide-card:hover { transform: translateY(-3px); }

/* Image à la une */
.guide-card-thumbnail { display: block; aspect-ratio: 16 / 9; overflow: hidden; }

.guide-card-thumbnail img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform 0.45s ease; }

.guide-card:hover .guide-card-thumbnail img { transform: scale(1.05); }

/* Corps */
.guide-card-body { padding: 2.5rem; display: flex; flex-direction: column; flex: 1; }

.guide-card-titre { margin: 0 0 1rem; font-size: 1.7rem; font-weight: 700; line-height: 1.3; color: var(--couleur-principale); transition: color 0.2s ease; padding-bottom: 0.5rem;}

.guide-card-titre *{color: var(--couleur-principale);}

.guide-card:hover .guide-card-titre { color: var(--couleur-principale); }

.guide-card-resume { font-size: 1.4rem; font-weight: 300; color: var(--couleur-texte); line-height: 1.65; margin-bottom: 2rem; flex: 1; text-align: left; }

/* Bouton ancré en bas — visuel uniquement */
.guide-card-btn { margin-top: auto; align-self: flex-start; }


/* --- 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;}
    .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 (max-width: 767px) {
    /* Questions : style accordéon */
    .bloc-question-reponses .questions { width: 100%; }
    .bloc-question-reponses .question {
        background-color: var(--couleur-fond-light);
        border-radius: 0.8rem;
        margin-bottom: 4px;
        padding: 0.4rem 1rem;
        column-gap: 1rem;
    }
    .bloc-question-reponses .question.active { background-color: var(--couleur-principale); }
    .bloc-question-reponses .question.active,
    .bloc-question-reponses .question.active * { color: white !important; }
    .bloc-question-reponses .question.active p { border-color: transparent; }

    /* Chevron toujours visible, pointe vers le bas ; vers le haut si actif */
    .bloc-question-reponses .question i { opacity: 1; transform: rotate(90deg); font-size: 1.6rem; transition: transform 200ms; }
    .bloc-question-reponses .question.active i { color: white; transform: rotate(-90deg); }

    /* Réponse inline injectée par JS */
    .mobile-reponse {
        display: none;
        padding: 1.5rem 1.5rem 1rem;
        background-color: white;
        border-radius: 0 0 0.8rem 0.8rem;
        margin-bottom: 8px;
        margin-top: -4px;
        box-sizing: border-box;
    }
}

@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-left .compteur-nombre, .bloc-concessionaire-left .compteur-unite {font-size: 3rem;}

/* Colonne droite : flex wrap, macarons côte à côte, photo et bouton centrés */
.bloc-concessionaire-right {position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 2.5rem 1.5rem;}
.bloc-concessionaire-right .macaron {width: 45%; max-width: 8rem; margin: 0.5rem;}
.bloc-concessionaire-right .macaron_2 {width: 45%; max-width: 8rem; margin: 0.5rem; z-index: 2;}
.bloc-concessionaire-right .photo-applicateur {flex-basis: 100%; max-width: 80%; margin: 0.5rem auto; z-index: 1;}
.bloc-satisfaction-concessionaire .btn-cta.btn-cta-blanc {flex-basis: 100%; text-align: center; z-index: 1;}


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

@media (min-width: 1000px) {
    .bloc-concessionaire-left {padding: 2.5rem 4rem 1.5rem; width: 55%;}
    .bloc-concessionaire-right {flex: 1;}
    .bloc-concessionaire-right .photo-applicateur {max-width: 29rem;}
    .bloc-satisfaction-concessionaire .btn-cta.btn-cta-blanc {min-width: 29rem;}
}

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

/* Grand écran : retour au layout original avec macarons en absolu */
@media (min-width: 1200px) {
    .bloc-concessionaire-right {flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center;}
    .bloc-concessionaire-right .macaron {position: absolute; top: 0; right: 0; width: 14rem; max-width: 14rem; margin: 0;}
    .bloc-concessionaire-right .macaron_2 {position: absolute; top: 16rem; right: 0; width: 14rem; max-width: 14rem; margin: 0;}
    .bloc-concessionaire-right .photo-applicateur {position: absolute; bottom: 2.8rem; flex-basis: auto; max-width: 31rem; margin: 0; margin-right: 10rem;}
    .bloc-satisfaction-concessionaire .btn-cta.btn-cta-blanc {flex-basis: auto; text-align: left; min-width: 31.5rem; margin-right: 10rem;}
}


/* --- bloc-section-liste-videos.css --- */
.section-video {gap: 40px; margin: 50px auto;}
.video-post { flex-direction: column; width: 100%; border: 1px solid #F0F0F0; transition: all 200ms ease-in-out; border-radius: var(--border-radius); overflow: hidden;}
.video-post:hover {box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;}

.video-post iframe, .video-post img {max-width: 100%; width: 100%; height: 180px; clip-path: polygon(0 0,100% 0%,100% 85%,50% 100%,0 85%)!important;}
.video-post img { width: 100%; object-fit: cover;}
.video-post h2 {text-transform: uppercase; color: var(--couleur-principale); font-weight: 700; font-size: 13px; margin-top: 15px; margin-bottom: 6px;}
.video-post h2, .video-post p {padding: 0 20px;}
.video-post p.post-date {margin: 0 0 10px; text-align: left;}

.video-post p:not(.post-date) { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 2;  -webkit-box-orient: vertical; text-align: left; margin: 0 0 25px;}


.pagination-list {width: 100%; text-align: center; font-size: 14px;}
.pagination-list a, .pagination-list span {margin: 0 5px;}

.pagination-list a {opacity: .6; color: var(--couleur-noir); background: rgba(0,0,0,.1); height: 30px;  width: 30px; border-radius: 3px; margin: 0 0 0 10px; color: rgba(0,0,0,.6);  display: inline-block; line-height: 30px;}
.pagination-list a:hover {opacity: 1;}

.pagination-list span:not(.dots) { background-color: var(--couleur-principale);  height: 30px; width: 30px; border-radius: 3px; margin: 0 0 0 10px;  display: inline-block; line-height: 30px; color: white!important;}

@media screen and (min-width: 768px) {
    .video-post { min-width: 250px; flex: 1; }

}


@media screen and (min-width: 850px) {
    .video-post { width: calc(33% - 13px); }
}

@media screen and (min-width: 1300px) {
    .section-video {padding: 0; column-gap: 40px;}
    .video-post { width: calc(25% - 30px); }


}


/* --- 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; transition: none !important;}
.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) {
    /* Container */
    .bloc-diapo-une { display: block; height: auto; }

    /* Chaque slide : pleine largeur, hauteur auto, flex colonne avec cartouche en bas */
    .bloc-diapo-une .diapo-une,
    .bloc-diapo-une .diapo-une.hover {
        width: 100% !important;
        height: auto;
        min-height: 150px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: stretch;
        cursor: pointer;
        margin-bottom: 4px;
        overflow: hidden;
    }

    /* Arrondis : seulement sur le premier et le dernier */
    .bloc-diapo-une .diapo-une:first-child { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); border-bottom-left-radius: 0; }
    .bloc-diapo-une .diapo-une:last-child { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); border-top-right-radius: 0; }

    /* Cartouche : barre horizontale toujours visible */
    .bloc-diapo-une .diapo-une .cartouche {
        writing-mode: initial;
        transform: none;
        position: static;
        width: 100%;
        min-height: auto;
        margin: 0;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 12px 18px;
        box-sizing: border-box;
        font-size: 1.4rem;
    }
    .bloc-diapo-une .diapo-une .cartouche .numero { font-size: 1.4rem; margin-right: 8px; margin-bottom: 0; }
    .bloc-diapo-une .diapo-une .cartouche h3 { font-size: 1.4rem; flex: 1; margin: 0; }

    /* Indicateur +/− */
    .bloc-diapo-une .diapo-une .cartouche::after { content: '+'; color: white; font-size: 2rem; font-weight: 300; line-height: 1; margin-left: 8px; flex-shrink: 0; }
    .bloc-diapo-une .diapo-une.hover-mobile .cartouche::after { content: '−'; }

    /* Contenu masqué par défaut */
    .bloc-diapo-une .diapo-une .bloc-hover { display: none; }

    /* État ouvert */
    .bloc-diapo-une .diapo-une.hover-mobile .cartouche { display: flex !important; }
    .bloc-diapo-une .diapo-une.hover-mobile .bloc-hover {
        display: block;
        width: 100%;
        background-color: var(--couleur-principale-light);
        padding: 20px 22px;
        margin: 0;
        box-sizing: border-box;
    }
    .bloc-diapo-une .diapo-une.hover-mobile .bloc-hover .contenu-block-hover { text-align: left; margin: 0; }
    .bloc-diapo-une .diapo-une.hover-mobile .bloc-hover .titrebloc-hover { display: none; }
    .bloc-diapo-une .diapo-une.hover-mobile .bloc-hover .texte-descriptif { color: white; font-size: 1.5rem; }
    .bloc-diapo-une .diapo-une .displaytext .texte-descriptif,
    .bloc-diapo-une .diapo-une.hover-mobile .texte-descriptif { opacity: 1; }
}

/* --- 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; }
}

/* --- bloc-video-youtube.css --- */
.container-bloc-video-youtube { width: 100%; margin: 20px 0; }
.video-youtube-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background: #000; overflow: hidden;border-radius: var(--border-radius); }
.video-youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.video-youtube-placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; transition: transform 0.3s ease; }
.video-youtube-placeholder:hover { transform: scale(1.02); }
.video-youtube-placeholder img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease; }
.video-thumbnail { content-visibility: auto; contain-intrinsic-size: 640px 480px; }
.video-placeholder { background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%); }
.video-youtube-placeholder:hover img { opacity: 0.9; }
.video-youtube-play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.9; transition: all 0.3s ease; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)); }
.video-youtube-placeholder:hover .video-youtube-play-button { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }
.video-youtube-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.spinner { width: 40px; height: 40px; border: 4px solid rgba(255,255,255,0.3); border-top: 4px solid #fff; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.video-error { padding: 20px; text-align: center; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 8px; color: #dc3545; }

/* Responsive */
@media (max-width: 768px) {
    .video-youtube-play-button svg { width: 50px; height: 36px; }
    .container-bloc-video-youtube { margin: 15px 0; }
}

/* Optimisations pour les performances */
.video-youtube-container { will-change: transform; }
.video-youtube-placeholder { contain: layout style paint; }
.video-loaded { opacity: 1; transition: opacity 0.3s ease; }
.video-placeholder { opacity: 0.7; transition: opacity 0.3s ease; }


/* --- bloc-videos-portraits.css --- */
/* === LAYOUT DESKTOP === */
.module-video-shorts-slider { display: flex; flex-direction: row; gap: 1rem; flex-wrap: wrap; }
.module-video-shorts-slider .uploaded-video-wrapper { flex: 1; position: relative; cursor: pointer; border-radius: var(--border-radius); overflow: hidden; }
.module-video-shorts-slider .uploaded-video { height: 100%; width: 100%; object-fit: cover; display: block; }
.module-video-shorts-slider .video-title { position: absolute; bottom: 10px; left: 10px; z-index: 2; color: white !important; font-size: 18px !important; font-weight: 400; line-height: 16px !important; margin: 0; }
.module-video-shorts-slider .uploaded-video-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 1; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); pointer-events: none; }

/* === MODAL — centrage garanti avec flexbox + transition CSS (pas de fadeIn jQuery) === */
#videoModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); display: flex; justify-content: center; align-items: center; z-index: 9999; cursor: pointer; opacity: 0; pointer-events: none; transition: opacity 300ms ease; }
#videoModal.is-open { opacity: 1; pointer-events: auto; }
#videoModal #modalVideo { width: auto; max-width: 90vw; height: auto; max-height: 85vh; display: block; cursor: default; border-radius: var(--border-radius); }
#videoModal .close-modal { position: absolute; top: 1.5rem; right: 2rem; font-size: 4rem; line-height: 1; color: white; cursor: pointer; z-index: 10000; }

/* === HOVER (desktop) === */
@media (hover: hover) {
    .module-video-shorts-slider .uploaded-video-wrapper:hover .uploaded-video { transform: scale(1.03); transition: transform 400ms ease; }
}

/* === TABLETTE === */
@media (max-width: 1100px) {
    .module-video-shorts-slider .uploaded-video-wrapper { flex: 1 1 calc(33% - 1rem); }
}

/* === MOBILE — scroll natif horizontal === */
@media (max-width: 768px) {
    .module-video-shorts-slider.native-scroll { flex-wrap: nowrap; overflow-x: scroll; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; gap: 1rem; padding-bottom: 0.5rem; }
    .module-video-shorts-slider.native-scroll::-webkit-scrollbar { display: none; }
    .module-video-shorts-slider.native-scroll .uploaded-video-wrapper { flex: 0 0 78%; scroll-snap-align: start; margin: 0; }
    .module-video-shorts-slider.native-scroll .uploaded-video-wrapper:first-child { margin-left: 1.5rem; }
    .module-video-shorts-slider.native-scroll .uploaded-video-wrapper:last-child { margin-right: 1.5rem; }

    #videoModal #modalVideo { max-width: 95vw; max-height: 90vh; }
    #videoModal .close-modal { top: 1rem; right: 1rem; font-size: 3rem; }
}