/* Listing thématiques */
.home-listing-articles{display:flex; gap:2em; flex-wrap:wrap;}
.home-fiche-article{position:relative; flex:0 0 calc(25% - 1.5em); padding:20px 20px 100px; border-radius:10px;}
.home-fiche-article.blanc{background:var(--cl-white) url(../images/deco_e_gray.svg) scroll no-repeat bottom right / auto 40%;}
.home-fiche-article.blanc:hover{background-image:none;}
.home-fiche-article.gris{background:var(--cl-light-gray) url(../images/deco_e_white.svg) scroll no-repeat bottom right / auto 40%;}
.home-fiche-article.gris:hover{background-image:none;}
.home-fiche-article.noir{background-color:var(--cl-dark-gray); border:1px solid var(--cl-gray);}

.home-fiche-article__visuel{aspect-ratio:1.8; border-radius:10px; overflow:hidden;}
.home-fiche-article__visuel img{width:100%; height:100%; object-fit:cover;}
.home-fiche-article__visuel.logo-container{background-color:var(--cl-white); display:flex; justify-content:center; align-items:center;}
.home-fiche-article__visuel.logo-container img{width:auto; max-width:80%; height:80%; object-fit:contain;}
.home-fiche-article h3{margin:20px 0 60px; font-size:var(--size-h3);}
.home-fiche-article h3 a{color:var(--cl-black); text-decoration:none;}
.home-fiche-article.noir h3 a{color:var(--cl-white);}

.home-fiche-article.offre-partenaire{padding-bottom:80px;}
.home-fiche-article.offre-partenaire h3{color:var(--cl-white);}
.home-fiche-article__link{position:absolute; bottom:40px; left:20px; display:block; background-color:var(--cl-red); border:1px solid var(--cl-red); color:var(--cl-white); padding:10px 20px; border-radius:5px; text-decoration:none; width:max-content;}
.home-fiche-article__link:before{content:""; display:inline-block; vertical-align:middle; background:var(--cl-red) url(../images/arrow_white.svg) scroll no-repeat center / contain; width:12px; height:6px}
.home-fiche-article:hover .home-fiche-article__link{background-color:var(--cl-white);}
.home-fiche-article:hover .home-fiche-article__link:before{background-color:var(--cl-white); background-image:url(../images/arrow_green.svg)}

.home-fiche-article.blanc:hover, .home-fiche-article.gris:hover, .home-fiche-article.noir:hover{background-color:var(--cl-red); color:var(--cl-white);}
.home-fiche-article:hover a, .home-fiche-article:hover .porteur{color:var(--cl-white);}

@media all and (max-width:1199px){
    .home-listing-overflow{width:100%; overflow-x:scroll;}
    .home-listing-articles{width:max-content;}
    .home-fiche-article{flex:0 0 33.333vw;}
}

@media all and (max-width:781px){
    .home-fiche-article{flex:0 0 40vw;}
}

@media all and (max-width:600px){
    .home-listing-articles{gap:1em; width:calc(316vw + 3em);}
    .home-fiche-article{flex:0 0 79vw; padding:10px 10px 140px;}
}