/*
 * Affiches tournées (mu-plugin maj-mcf-elements) : classes posées sur un élément Image natif.
 * Repris de la CSS de page de l'accueil 13425. La largeur est un réglage de l'élément Image (max_width) ; l'arrondi et
 * l'ombre restent ici, avec la rotation : mesuré le 02/10/2026, les réglages natifs les posent sur le conteneur, ce qui
 * donne une ombre droite derrière une affiche penchée et un arrondi sur le <picture> du WebP, pas sur l'image.
 * La classe atterrit sur l'image elle-même (sur le <picture> quand l'image est servie en WebP) : on vise l'img.
 */
/* Affiche de la 49e (grande) */
.mcf-aff49 img{border-radius:6px;transform:rotate(-4deg);box-shadow:0 50px 90px -24px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.08);transition:transform .45s cubic-bezier(.2,.8,.2,1.2)}
.mcf-aff49:hover img{transform:rotate(0) scale(1.03)}
/* Affiche de la 48e (petite) */
.mcf-aff48 img{border-radius:6px;box-shadow:0 30px 60px -12px rgba(0,0,0,.9);transform:rotate(-4deg);transition:transform .35s}
.mcf-aff48:hover img{transform:rotate(0) scale(1.03)}
/* Téléphone : l'affiche de la 49e centrée à 78 % (le réglage natif de largeur ne la centre pas, 30 px de décalage mesurés) */
@media (max-width:690px){.mcf-aff49 img{max-width:78%!important;margin:0 auto}}