/* --- bloc-accordeon.css --- */
.bloc-accordeon-intro {width: 100%; margin-left: auto; margin-right: auto;}
.accordeon-section .accordeon-toggle {padding: 2rem 0; font-size: 1.8rem;}

@media (min-width: 768px) {
} 

/* --- bloc-bandeau-entete.css --- */
.section-bandeau-entete .bandeau-entete-left {width: 100%; flex-direction: column; padding: 0 2rem;}
.section-bandeau-entete .bandeau-entete-right {width: 100%; overflow: hidden; order: -1;}
.section-bandeau-entete .slick-entete-galerie {width: 100%; max-width: 100%;}
.section-bandeau-entete .slick-entete-galerie .slick-slide img {height: 40vh; width: 100%; object-fit: cover;}
.section-bandeau-entete .slick-arrow {background-color: #fff; height: 5rem; width: 5rem; padding: 1rem; bottom: auto; top: 90%; left: auto; z-index: 1; transition: all 300ms ease-in-out;}
.section-bandeau-entete .slick-arrow:hover {background-color: #fff;}
.section-bandeau-entete .slick-next {right: 0;}
.section-bandeau-entete .slick-prev {right: 6rem;}
.section-bandeau-entete .bandeau-entete-btn {margin-top: 1.5rem; flex-direction: column;}
.section-bandeau-entete .bandeau-entete-btn a {max-width: max-content;}
.section-bandeau-entete .bandeau-entete-logo {max-width: max-content; margin: 0 auto;}
.section-bandeau-entete .bandeau-entete-logo img {margin: 2rem auto 2rem; height: 9.5rem;}
.section-bandeau-entete h1 {font-size: 2.8rem; color: var(--couleur-principale);}

@media (min-width: 1000px) {
    .section-bandeau-entete .bandeau-entete-left {width: calc(30% + 2rem);}
    .section-bandeau-entete .bandeau-entete-right {flex: 1;  order: initial;}
    .section-bandeau-entete .slick-entete-galerie .slick-slide img {height: 100vh;}
    .section-bandeau-entete .slick-arrow {bottom: 1rem; top: auto;}

}


@media (min-width: 1200px) {
    .section-bandeau-entete .bandeau-entete-right {flex: 2;}
    .section-bandeau-entete .bandeau-entete-left {padding: 0 4rem;}
    

}

@media (min-width: 1400px) {
    /*.section-bandeau-entete .bandeau-entete-left {width: 35%; flex-direction: column;}
    .section-bandeau-entete .bandeau-entete-right {width: 65%;}*/
    .section-bandeau-entete .bandeau-entete-left {padding: 0 6rem;}
    .section-bandeau-entete h1 {font-size: 3.2rem;}
}


@media (min-width: 1800px) {
    .section-bandeau-entete .bandeau-entete-logo img {height: 12rem;}
}


/* --- bloc-carrousel-ltr.css --- */
.section-carrousel-ltr .vignette-bg h3 {color: var(--couleur-tertiaire);}


@media (min-width: 768px) {

}


@media (min-width: 1000px) {
    .section-carrousel-ltr .section-carrousel-post {justify-content: flex-start;}
    .section-carrousel-ltr .slick-carousel-post {max-width: calc(80% - 2rem); width: 100%;}
    .section-carrousel-ltr.bloc-carrousel-rea .bloc-carrousel-intro {max-width: calc(80% - 5rem);}
    .section-carrousel-ltr h2 {text-align: right;}

    
}



@media (min-width: 1400px) {
    .section-carrousel-ltr .slick-carousel-post {max-width: calc(70% - 2rem);}
    .section-carrousel-ltr.bloc-carrousel-rea .bloc-carrousel-intro {max-width: calc(70% - 5rem);}

}

@media (min-width: 1700px) {
.section-carrousel-post .bloc-fleche {width: 30%;}
}



/* --- bloc-carrousel-realisation.css --- */
.bloc-carrousel-rea {padding: 0 2rem;}
.bloc-carrousel-rea .slick-carousel-post {width: 68%;}
.bloc-carrousel-rea .section-carrousel-post .bloc-fleche {order: -1;}
.bloc-carrousel-rea .vignette-bg { border-radius: var(--border-radius); overflow: hidden; background-color: var(--couleur-background-light); margin: .5rem 1rem; display: flex; flex-direction: column; height: inherit;}


.bloc-carrousel-rea .slick-track {display: flex;}

.bloc-carrousel-rea h2 {font-size: 3rem;border-bottom: 1px solid var(--couleur-principale); margin-bottom: 1.5rem; padding-bottom: 1.2rem;}


.bloc-carrousel-rea .slick-arrow {right: auto;}
.bloc-carrousel-rea .slick-prev {left: 4rem;}
.bloc-carrousel-rea .slick-next {left: 12rem;}



.bloc-carrousel-rea .bloc-post-sans-carrousel {display: flex; width: 100%;}
.bloc-carrousel-rea .bloc-post-sans-carrousel .vignette-bg {width: 100%;}

@media (min-width: 768px) {
    .bloc-carrousel-rea .section-carrousel-post .bloc-fleche .fleches {justify-content:flex-start;}
    .bloc-carrousel-rea .vignette-bg {margin: .5rem 1rem;}
    .bloc-carrousel-rea .bloc-post-sans-carrousel .vignette-bg {width: auto; flex: 1;}

}


@media (min-width: 1000px) {
    .bloc-carrousel-rea .bloc-fleche {padding-left: 4rem; padding-right: 2rem;}
    .bloc-carrousel-rea .section-carrousel-post .bloc-fleche {order: initial;}
    .bloc-carrousel-rea .vignette-bg {width: 33rem;}
    .bloc-carrousel-rea .bloc-carrousel-intro {max-width: calc(80% - 2rem); margin-left: 0; margin-right: auto;}
    .bloc-carrousel-rea h2 {text-align: right;}
    .bloc-carrousel-rea .bloc-post-sans-carrousel {max-width: 80%;} 
}



@media (min-width: 1200px) {
    

}


@media (min-width: 1400px) {
    .bloc-carrousel-rea .bloc-carrousel-intro {max-width: calc(70% - 2rem);}
    .bloc-carrousel-rea {padding: 0;}
    .bloc-carrousel-rea .bloc-post-sans-carrousel {max-width: 70%;} 
    }



@media (min-width: 1500px) {
    .bloc-carrousel-rea .vignette-bg {margin: .5rem 2rem;}
    }

/* --- bloc-carrousel-rtl.css --- */
.section-carrousel-rtl .vignette-bg.slick-slide {background-color: var(--couleur-tertiaire);}
.section-carrousel-rtl .vignette-bg h3 {color: var(--couleur-principale-light);}
.section-carrousel-rtl .vignette-bg .infos p {color: #fff;}
.section-carrousel-rtl .vignette-bg .carrousel-btn, .section-carrousel-rtl .vignette-bg .carrousel-btn span {color: var(--couleur-principale-light); font-weight: 500;}
.section-carrousel-rtl .bloc-carrousel-intro {margin: 0 2rem;}
.section-carrousel-rtl .bloc-carrousel-intro h2 {margin: 0; text-align: left; border-bottom: 1px solid var(--couleur-principale);  padding-bottom: 1.5rem;  }
.section-carrousel-rtl .bloc-carrousel-intro h2 br {display: none;}

@media (min-width: 1000px) {
    .section-carrousel-rtl.bloc-carrousel .bloc-carrousel-intro, .section-carrousel-rtl>.carrousel-btn {max-width: calc(80% - 2rem); margin-left: auto;}
    .section-carrousel-rtl .bloc-carrousel-intro {margin: 0;}
    .section-carrousel-rtl .bloc-carrousel-intro h2 {max-width: 100%; padding-bottom: 2rem; padding-right: 8rem;}
    .bloc-carrousel-rtl .bloc-fleche {width: 30%;}

    

    
}


@media (min-width: 1400px) {
    .section-carrousel-rtl.bloc-carrousel .bloc-carrousel-intro, .section-carrousel-rtl .carrousel-btn {max-width: calc(70% - 2rem);}


}

@media (min-width: 1700px) {
    .section-carrousel-rtl .bloc-fleche {width: 30%;}
}