/* Styles communs aux pages du nouveau site (accueil par discipline, articles…). La couleur --d est donnée par chaque page. */
:root { --encre: #111418; --filet: #d9dce1; }
.titrage { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; letter-spacing: .01em; }
.d-bg { background: var(--d); transition: background .3s; }
.d-text { color: var(--d); transition: color .3s; }
.d-border { border-color: var(--d); }
.onglets { scrollbar-width: none; }
.onglets::-webkit-scrollbar { display: none; }
.onglet { position: relative; white-space: nowrap; color: #b9bec6; border-radius: 8px 8px 0 0; }
.onglet:hover { color: #fff; }
.onglet[aria-selected="true"], .onglet[aria-current="page"] { color: #fff; background: var(--o); }
.onglet::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--o); }
.onglet[aria-selected="true"]::after, .onglet[aria-current="page"]::after { display: none; }
.rubrique { border-top: 4px solid var(--encre); position: relative; }
.rubrique::before { content: ""; position: absolute; top: -4px; left: 0; width: 72px; height: 4px; background: var(--d); transition: background .3s; }
@media (prefers-reduced-motion: no-preference) {
    .zoom img { transition: transform .5s ease; }
}
.zoom:hover img { transform: scale(1.04); }
.rubrique h2 { margin-top: .5rem; }
.ligne + .ligne { border-top: 1px solid var(--filet); }
.visuel-vide { background: var(--c); color: rgba(255,255,255,.18); }
.une:hover h3, .ligne:hover .nom, .breve:hover h3 { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; }
.main-header .main-nav > ul > li > a > i:first-child { display: none; }
/* Barre des disciplines collée sous le menu du site. */
.barre-disciplines { position: sticky; top: var(--nav-height, 74px); z-index: 900; }
.bouton { border-radius: 8px; }
/* Annonce de la nouvelle page. */
.annonce { border-radius: 16px; overflow: hidden; }
.annonce::backdrop { background: rgba(10,12,15,.7); }