/* Grille des articles (blog, catégories, recherche) : images carrées non recadrées, thème seul sous l'image */
.grille-articles__item__link{background:#f4f4f4;position:relative}
.grille-articles__item__link::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:#21b273;transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.075,.82,.165,1)}
.grille-articles__item__link:hover::after,.grille-articles__item__link:focus-visible::after{transform:scaleX(1)}

.grille-articles__item__thumb{min-height:0!important;height:auto;aspect-ratio:1/1;background:#e6e6e6;flex-shrink:0}
.grille-articles__item__thumb img{inset:0;object-fit:contain}
.grille-articles__item__thumb img.grille-articles__item__thumb__fond{object-fit:cover;filter:grayscale(1) blur(16px);transform:scale(1.25);opacity:.55}
.grille-articles__item__link:hover .grille-articles__item__thumb img.grille-articles__item__thumb__fond,.grille-articles__item__link:focus-visible .grille-articles__item__thumb img.grille-articles__item__thumb__fond{filter:grayscale(0) blur(16px);transform:scale(1.3)}

.grille-articles__item__thumb__no-thumb{background-color:#3d3d3d!important;padding:12%;align-items:flex-start!important;justify-content:flex-end!important;transition:transform 1s cubic-bezier(.075,.82,.165,1),background-color .8s ease}
.grille-articles__item__link:hover .grille-articles__item__thumb__no-thumb,.grille-articles__item__link:focus-visible .grille-articles__item__thumb__no-thumb{background-color:#21b273!important}
.grille-articles__item__thumb__no-thumb::after{position:absolute;top:12%;left:12%;width:2.25rem!important}
.grille-articles__item__thumb__titre{color:#fff;font-weight:700;font-size:clamp(17px,1.6vw,22px);line-height:1.2}

.grille-articles__item__details{height:auto!important;flex:1 1 auto;padding:1rem 1.25rem 1.1rem!important}
.grille-articles__item__theme{display:flex;align-items:center;gap:.55rem;margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#21b273;line-height:1.3}
.grille-articles__item__theme::before{content:"";width:8px;height:8px;border-radius:50%;background:#21b273;flex-shrink:0}
.grille-articles__item__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.grille-articles__item--large .grille-articles__item__link{flex-wrap:nowrap!important;align-items:stretch}
.grille-articles__item--large .grille-articles__item__thumb{max-width:none!important;width:42%!important;flex:0 0 42%;align-self:flex-start}
.grille-articles__item--large .grille-articles__item__details{max-width:none!important;width:auto!important;flex:1 1 auto;padding:2rem 2.25rem!important}
.grille-articles__item--large .grille-articles__item__theme{margin-bottom:.9rem}
.grille-articles__item--large .grille-articles__item__title{font-size:clamp(22px,2.3vw,30px)!important;margin-bottom:.75rem}
.grille-articles__item__lire{margin-top:.5rem;font-size:14px;font-weight:700;color:#21b273}
.grille-articles__item__lire::after{content:" \2192";display:inline-block;transition:transform .4s ease}
.grille-articles__item__link:hover .grille-articles__item__lire::after{transform:translateX(4px)}

@media (max-width:639px){
.grille-articles__item--large .grille-articles__item__link{flex-direction:column!important}
.grille-articles__item--large .grille-articles__item__thumb{width:100%!important;flex-basis:auto;order:-1}
.grille-articles__item--large .grille-articles__item__details{padding:1.25rem!important}
}

/* Blog : les articles chargés par « Voir plus » restent sur 2 colonnes */
@media (min-width:40em){.blog .grille-articles__item.large-4:not(.grille-articles__item--large){width:calc(50% - 30px)}}