.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;}
.slick-carousel-post h3, .bloc-post-sans-carrousel h3 {text-align: center; margin: 1em auto 8px; font-size: 1.6rem; font-weight: 600; width: 250px;}
.slick-carousel-post p {margin: 8px 0;}
.carrousel-vignette .vignette-bg {height: 250px; width: 250px; background-color: var(--couleur-secondaire-light); 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;}

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



.picto-tooltip-container{position: relative; margin: 20px;}
.tooltip-text, .flip-tooltip .picto-vignette {-webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 150px; aspect-ratio: 1/1; left: calc(50% - 75px);}
.tooltip-text {background-color: var(--couleur-secondaire) !important; color: #fff; padding: 15px !important; border-radius: 25px !important; top: 0; text-align: left;font-size: 1.2em;}
.tooltip-text .flex-container {align-items: center; height: 100%; justify-content: center; width: 100%;}
.tooltip-text p {font-size: 1.3rem; max-height: 110px; overflow-y: auto; margin: 0; scrollbar-width: thin; scrollbar-color: var(--couleur-principale) transparent; text-align: center;}
.bloc-fleche{display: none; position: relative;}


.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%;}

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

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



.picto-tooltip-container.flip-tooltip {transition: transform 0.6s; transform-style: preserve-3d;}
.picto-tooltip-container.flip-tooltip:hover {transform: rotateY(180deg);}
.tooltip-text {transform: rotateY(180deg);font-size: 1rem;}
.tooltip-text,.tooltip-text a,.tooltip-text p{font-size: 1.2rem;line-height: 1.2rem;}
.toggle-full-text{cursor: pointer;font-size: 1.5rem;display: inline-block;position: relative;vertical-align: middle; transition: font-weight 0.3s ease; }
.post-resume .excerpt{display: inline;font-size:1.2rem;}
.full-text p{display: inline;font-size:1.2rem;}
.toggle-full-text:hover{font-weight: bold;}


.carrousel-voir-plus {display: none;}
.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);}


@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-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) {

    /*.section-carrousel-post{
        display: table;
    }
    .section-carrousel-post .slick-carousel-post{
        display: table-cell;
        width: 70%;
    }*/
    .bloc-fleche {flex: 0 0 auto;display: flex;flex-direction: column; justify-content: center; align-items: center;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;}
}