.slick-carousel-post .slick-slide a {display: block; margin: auto;}

.slick-carousel-post .slick-slide a:focus-visible {outline: none !important;}
.bloc-carrousel>p {max-width: 800px; margin: 30px auto 60px; padding: 0 20px;}

.bloc-post-sans-carrousel img {width: 100%; height: 100%; object-fit: cover; margin-left: auto; margin-right: auto;}


.slick-carousel-texte-image {margin-bottom: 0 !important;}


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


.bloc-carrousel-ltr .vignette-bg {width: 40rem; border-radius: var(--border-radius); overflow: hidden; background-color: var(--couleur-fond-light); margin: .5rem 1rem; display: flex; flex-direction: column; height: inherit;}
.bloc-carrousel-ltr .vignette-bg:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.bloc-carrousel-ltr .slick-track {display: flex;}

.bloc-carrousel-ltr .bloc-fleche {flex-direction: column; width: 100%; order: -1; margin-bottom: 3rem; margin-left: 3rem; margin-right: 3rem;}
.bloc-carrousel-ltr .bloc-fleche h2 {margin-top: 0; text-align: center; margin-bottom: 1rem;}
.bloc-carrousel-ltr .bloc-fleche .fleches {justify-content: space-between; display: none; margin-top: 2rem;}
.bloc-carrousel-ltr .bloc-fleche p {text-align: center;}

.bloc-carrousel-ltr .ltr-slider-thumbnail {height: 17rem; overflow: hidden;}
.bloc-carrousel-ltr .ltr-slider-thumbnail img {width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease-in-out;}
.bloc-carrousel-ltr .vignette-bg:hover .ltr-slider-thumbnail img {transform: scale(1.1);}



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

}


@media (min-width: 1000px) {
    .bloc-carrousel-ltr .bloc-fleche {padding-left: 4rem; padding-right: 2rem; order: initial; margin-bottom: 0; margin-left: 0; margin-right: 0; width: 35%;}
    .bloc-carrousel-ltr .bloc-fleche * {text-align: left;}
    .bloc-carrousel-ltr .slick-carousel-post { width: 60%;}
    .bloc-carrousel-ltr .bloc-fleche h2, .bloc-carrousel-ltr .bloc-fleche p {text-align: left;}
    .bloc-carrousel-ltr .bloc-fleche .fleches {justify-content:flex-start; display: flex;}
}



@media (min-width: 1200px) {
    .bloc-carrousel-ltr .bloc-fleche {width: 32%;}
    .bloc-carrousel-ltr .bloc-fleche * {max-width: 26rem;}
    .bloc-carrousel-ltr .slick-carousel-post { width: 68%;}

}