/* Frise des agences de l'accueil (lot SEO B, 30/10/2026) — annonces/_frise_agences.html.
   Défilement en CSS seul, aucun script : la seconde piste, copie de la
   première en aria-hidden, sert à boucler sans saut. Pause au survol et au
   focus clavier ; aucun mouvement si l'utilisateur l'a demandé. */
.frise-agences { padding: 10px 0 4px; }
.frise-fenetre { display: flex; overflow: hidden; gap: 0; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.frise-piste { display: flex; flex-shrink: 0; gap: 12px; margin: 0; padding: 0 6px; list-style: none; animation: frise-defile 70s linear infinite; }
.frise-fenetre:hover .frise-piste,
.frise-fenetre:focus-within .frise-piste { animation-play-state: paused; }
.frise-piste li { flex-shrink: 0; }
.frise-piste a { display: flex; align-items: center; gap: 10px; height: 76px; padding: 0 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: inherit; font-size: 13px; font-weight: 500; white-space: nowrap; text-decoration: none; }
.frise-piste img { width: auto; height: 64px; max-width: 192px; object-fit: contain; }
@keyframes frise-defile { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
  .frise-piste { animation: none; }
  .frise-fenetre { overflow-x: auto; mask-image: none; }
  .frise-piste[aria-hidden="true"] { display: none; }
}