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

.section-carrousel-picto {position: relative; margin-top: 3.5rem; margin-bottom: 4rem;}
.bloc-carrousel-picto {max-width: 100%;}

 
.section-carrousel-picto .slick-prev, .section-carrousel-picto .slick-next {display: none; height: auto; width: auto;}
.section-carrousel-picto .slick-prev::before, .section-carrousel-picto .slick-next::before {display: none;}
.section-carrousel-picto .slick-arrow img {width: 30px;}
.section-carrousel-picto .slick-slide img {height: 60px; max-width: 60px; object-fit: contain; margin: 20px auto 10px;}
.slick-carousel-picto .slick-track {min-height: 200px;}
.slick-carousel-picto h3 {font-size: 1.5rem; margin: auto 10px 20px;text-align: center;}
.picto-vignette {flex-direction: column; background-color: #fff; aspect-ratio: 1/1; border-radius: 25px; width: 150px; align-items: center; margin-left: auto; margin-right: auto;}


.bloc-post-sans-carrousel {display: flex; column-gap: 5rem; margin-left: auto; margin-right: auto; flex-direction: column; row-gap: 2rem;}
.bloc-post-sans-carrousel .carrousel-vignette {display: flex; flex-direction: column;}
.slick-carousel-post .slick-slide a {display: block; margin: auto;}

.slick-carousel-post .slick-slide a:focus-visible {outline: none !important;}
.bloc-carrousel {padding: 2rem 0;}
.bloc-carrousel h2 {padding: 0 20px; text-align: center; margin: 0 auto 2rem;}
.bloc-carrousel>p {max-width: 800px; margin: 30px auto 60px; padding: 0 20px;}
.slick-carousel-post h3, .bloc-post-sans-carrousel h3 {text-align: center; margin: 1em auto 8px; font-size: 1.4rem; font-weight: 600; width: 250px;}
.slick-carousel-post p {margin: 8px 0;}
.carrousel-vignette .vignette-bg {height: 250px; width: 250px; background-color: #fff; background-image: url('https://unefacadesurlavie.vertikal.fr/wp-content/uploads/sites/86/2024/10/logo-maison-background.svg');  background-repeat: no-repeat; background-size: contain; background-position: center; border-radius: var(--border-radius); overflow: hidden;}
.slick-carousel-post img, .bloc-post-sans-carrousel img {width: 100%; height: 100%; object-fit: cover; margin-left: auto; margin-right: auto;}
.slick-carousel-post .post-resume {width: 250px;}
.section-carrousel-post .slick-prev, .section-carrousel-post .slick-next {top: 0; position: absolute;display: block;}
.bloc-carrousel-actus .slick-prev, .bloc-carrousel-actus .slick-next {top: auto;}
.section-carrousel-post .slick-next:before, .section-carrousel-post .slick-prev:before {display: none;}
.section-carrousel-post .slick-next, .section-carrousel-post .slick-prev {top: auto; left: auto; display: none !important;}
.section-carrousel-post .slick-next {opacity: .3;}
.section-carrousel-post .slick-next:hover {opacity: 1;}
.slick-carousel-texte-image h3 {border-radius: 25px; border: 2px solid var(--couleur-secondaire-light); color: var(--couleur-principale); font-size: 13px; font-weight: 400;}
.slick-carousel-texte-image {margin-bottom: 0 !important;}


.bloc-fleche{position: relative; margin-top: 3rem;}


.section-carrousel-post {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; margin-top: 4rem; position: relative; flex-direction: column;}
.slick-carousel-post {  flex: 1 1 auto; width: 100%;}

.slick-carousel-post .slick-slide {padding:0 2rem;}

.bloc-carrousel-actus {position: relative;}




.bloc-carrousel-actus .carrousel-voir-plus {margin-left: auto; display: block; padding: 0 2rem; text-decoration: underline; font-weight: 300; font-size: 1.4rem;}
.bloc-carrousel-actus .carrousel-voir-plus:hover {color: var(--couleur-secondaire);}
.bloc-inside{width: 100%; text-align: center;}
.bloc-inside .btn-cta{display: initial;}

@media (min-width: 768px) {
    .section-carrousel-picto {margin-top: 5rem; margin-bottom: 0;}
    .bloc-carrousel {padding: 0;}
    .bloc-carrousel h2 {max-width: 1180px;;}
    .section-carrousel-post {margin-top: 5rem;}


    .bloc-carrousel-actus .bloc-gauche-fleche {width: 40%; top: -7rem;}
    .section-carrousel-post .slick-next {right: 45px;}
    .section-carrousel-post .slick-prev {right: 120px;}
    .bloc-carrousel-actus .section-carrousel-post .slick-next {bottom: -6rem;}
    .bloc-carrousel-actus .section-carrousel-post .slick-prev {bottom: -6rem;}

}


@media (min-width: 900px) {
    .bloc-post-sans-carrousel {flex-direction: row;}

}



@media (min-width: 1200px) {
    .bloc-gauche-fleche {flex: 0 0 auto;display: flex;flex-direction: column; justify-content: center; align-items: end;width: 30%; }
    .bloc-carrousel-actus h2 {position: absolute; right: 60%; max-width: 300px; text-align: right; font-size: 2.5rem; top: 40px; line-height: normal;}
    .section-carrousel-post {flex-direction: row;}
    .section-carrousel-post .slick-next, .section-carrousel-post .slick-prev {display: block !important;}
    .bloc-inside{max-width: 30rem;}
}





/* --- bloc-carrousel-liste-applicateurs.css --- */
.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;}


@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.8rem; 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;}

.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 .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 { 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: 8px;
}
.un-pilier{
    text-align: center;
    padding: 1.5rem;
    background: white;
    border-radius: var(--border-radius);
    height: 100%;
}
.un-pilier h4{margin: 0px; font-weight: normal;}
.un-pilier .montant { color: var(--couleur-principale); font-weight: 800; font-size:2rem;  }
.un-pilier a{color: #707070;}

.container-chronologie{position: relative;}

.section-carrousel-piliers .bloc-fleche{display: none;}

@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 {top:40px;}
/*    .section-carrousel-piliers .slick-next {right: 45px;}*/
    .section-carrousel-piliers .slick-prev {left: -20px;}
    .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;}
    .section-carrousel-piliers.section-chronologie {padding-left: 6rem; padding-right: 6rem;}
    .section-carrousel-piliers .bloc-fleche a {display: block;opacity: 1;}
    .section-carrousel-piliers .bloc-fleche{display: block;}
}

@media (min-width: 1200px) {
/*    .section-carrousel-piliers .bloc-fleche {width: 35%; align-items: flex-end;}
    .section-chronologie.section-carrousel-piliers .bloc-fleche {display: none !important;}*/
.section-carrousel-piliers .bloc-fleche .slick-disabled{display: none !important;}
}







/* --- bloc-carrousel-reconversion.css --- */
.bloc-carrousel-reconversion {overflow: hidden;}
.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;}


@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;}

@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;}
}



/* --- bloc-liste-dons.css --- */
.section-liste-dons {overflow-x:auto;}
.tableau-dons { width: 100%; font-size: 1.3rem; border-spacing: 10px 8px; }
.tableau-dons .montanttotal { text-align: left; padding: 2rem 0; }
.tableau-dons td.Organisme { color: var(--couleur-principale) }
.tableau-dons .montant { text-align:right; font-weight:700; }
.tableau-dons td.action { font-style: italic; }
.tableau-dons .annee {font-weight: 700; color: var(--couleur-principale); }
.tableau-dons .orange {color: var(--couleur-principale); font-weight: bold;}
.tableau-dons th {text-align: left; font-weight: 700; color: var(--couleur-principale); text-transform: uppercase; padding: 2rem 0; border-bottom: 1px solid #404142; text-wrap: nowrap;}

.travaux_citoyens .action {line-height: 150%;}
.travaux_citoyens .action:after{ content:"Travaux citoyens"; background:var(--couleur-principale); margin-left: 0.7rem;padding: 0.3rem 0.7rem; border-radius: 0.3rem; color: white; font-size:1.2rem; text-wrap: nowrap; }


@media (min-width: 1000px) {
    .tableau-dons {font-size: 1.5rem; }
    .tableau-dons .annee {font-size: 2rem;}
    .tableau-dons .orange {font-size: 1.9rem;}
    .tableau-dons th {text-wrap: wrap;}
    .tableau-dons .montanttotal { text-align:center; padding: 2rem; }
}

@media (min-width: 1200px) {
    .travaux_citoyens .action {line-height: normal;}
}

/* --- bloc-membres-donateurs.css --- */
.section-membre-donateurs {flex-wrap: wrap; justify-content: center; row-gap: 1.5rem; column-gap: 2rem;}
.unapplicateur{ width: calc(50% - 1rem); }
.unapplicateur h4 {margin-bottom: 0px; color: var(--couleur-principale); font-size: 1.6rem;}
.unapplicateur p {margin: 0px; text-align: left;}
.section-membre-donateurs h2{flex-basis: 100%; text-align: center;}



@media (min-width: 768px) {
    .section-membre-donateurs {column-gap: 4rem;}
    .unapplicateur{ width: 25rem; }
}

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





@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) {
    .bloc-mise-en-avant .mise-en-avant-txt {padding: 2.5rem 8rem 4.5rem;}
    .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-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;}
.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;}
}