/* Site public du club : version claire, inspirée du style éditorial (Barlow / Barlow Condensed hébergées ici). */
:root{--red:#b6000c;--red2:#8f0009;--redl:#e1000f;--ink:#0e0e0e;--muted:#5b6470;--bg:#f3f4f6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 "Barlow",system-ui,sans-serif;display:flex;flex-direction:column;min-height:100vh}
a{color:inherit;text-decoration:none}a:hover{color:var(--red)}
h1,h2,h3,p{margin:0}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 28px}
.muted{color:var(--muted)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;font:700 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid transparent;cursor:pointer;white-space:nowrap}
.pill.sm{height:38px;padding:0 18px;font-size:15px}
.pill.w{background:var(--ink);color:#fff}.pill.w:hover{background:var(--red);color:#fff}
.pill.o{border-color:rgba(14,14,14,.35);color:var(--ink)}.pill.o:hover{border-color:var(--ink);background:rgba(14,14,14,.06);color:var(--ink)}
.pill.wh{background:#fff;color:var(--red)}.pill.wh:hover{background:var(--ink);color:#fff}
.pill.ow{border-color:#fff;color:#fff}.pill.ow:hover{background:rgba(255,255,255,.15);color:#fff}
.card{background:#fff;border-radius:20px;border:1px solid rgba(14,14,14,.07);box-shadow:0 1px 2px rgba(14,14,14,.05),0 10px 28px rgba(14,14,14,.06)}
.tag{display:inline-flex;height:26px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(14,14,14,.08);font:600 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.tag.r{background:var(--red);color:#fff}
.eyebrow{font:600 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--red2)}
h2{font:800 72px/.88 "Barlow Condensed",sans-serif;text-transform:uppercase;text-wrap:balance;margin-top:12px}
.ph{background:repeating-linear-gradient(135deg,#e3e6ea 0 16px,#ebeef1 16px 32px);color:#6b7480;display:grid;place-items:center;font:600 13px/1 "Barlow",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.sec{padding-top:88px}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.ann{background:var(--red);color:#fff;text-align:center;padding:8px 16px;font:600 14px/1.3 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 36px}
.ann a{text-decoration:underline;color:#fff}
.ann a:hover{text-decoration:none}
/* lien vers l'appli : bouton blanc à part, bien détaché du texte */
.ann a.aa{background:#fff;color:var(--red);text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.1em;padding:5px 16px 4px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 0 rgba(0,0,0,.18);transition:transform .15s,background .15s,color .15s}
.ann a.aa:hover,.ann a.aa:focus-visible{background:#111;color:#fff;transform:translateY(-1px)}
/* en-tête noir, logo débordant */
/* en-tête : le conteneur .hdw (collant) garde une hauteur FIXE ; seul l'en-tête qu'il contient rétrécit. Ainsi la hauteur de la page ne change pas pendant le défilement :
   sinon Chrome (ancrage du défilement) corrige la position de 22 px, ce qui défait le rétrécissement et fait vibrer l'en-tête (Safari n'a pas cet ancrage). */
.hdw{position:sticky;top:0;z-index:50;height:85px;overflow-anchor:none}
html,body{overflow-anchor:none}
.hd{background:#000;border-bottom:1px solid rgba(255,255,255,.1);transition:box-shadow .2s}
.hd.sm{box-shadow:0 6px 24px rgba(0,0,0,.35)}
.hd .in,.hd .logo,.hd .logo img{transition:all .25s ease}
.hd.sm .in{height:62px;padding-left:132px}.hd.sm .logo{left:20px;top:3px}.hd.sm .logo img{width:84px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
html{scroll-padding-top:84px}
.hd .in{position:relative;display:flex;align-items:center;gap:30px;height:84px;padding-left:228px}
.hd .logo{position:absolute;left:28px;top:6px;display:block;line-height:0}
.hd .logo img{width:150px;height:auto;display:block;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55))}
.nav{display:flex;gap:30px;align-items:center}
.nav a{font:600 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.nav>a:hover{color:var(--redl)}
.n1{margin-right:auto}
/* sous-menus du bureau : une carte blanche arrondie, qui s'ouvre au survol, au clavier ou au toucher */
.g{position:relative}
.gb{position:relative;white-space:nowrap;background:none;border:0;padding:0;cursor:pointer;font:600 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.gb::after{content:"";display:inline-block;margin-left:7px;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.g:hover .gb,.g:focus-within .gb,.g.open .gb{color:var(--redl)}
.g:hover .gb::after,.g.open .gb::after{transform:translateY(0) rotate(225deg)}
.sub{display:none;position:absolute;left:-18px;top:100%;padding-top:20px;min-width:230px;z-index:30}
.sub .sp{background:#fff;border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.05);animation:subin .16s ease-out}
.sub .sp a{color:#111;padding:12px 14px;white-space:nowrap;border-radius:10px;font:600 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.09em}
.sub .sp a:hover{background:#f3f4f6;color:var(--red)}
.g:hover .sub,.g:focus-within .sub,.g.open .sub{display:block}
@keyframes subin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cart{position:relative;display:inline-flex;align-items:center;margin-left:-10px;color:#fff;padding:4px}
.cart:hover{color:var(--redl)}
.cn{position:absolute;top:-4px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font:700 12px/18px "Barlow Condensed",sans-serif;text-align:center;letter-spacing:0}
.cn[hidden]{display:none}
.cartm{display:none}
.cartm .cart{margin-left:0}
/* ouverture */
.hero{position:relative;overflow:hidden;background:#0a0a0a}
.hero .slides{position:absolute;inset:0}
.hero .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:0;transition:opacity 1.2s ease}
.hero .slide.on{opacity:1}
.hero .dots{display:flex;gap:10px;margin-top:26px}
.hero .dot{width:34px;height:5px;border-radius:3px;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer}
.hero .dot.on{background:#fff}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.1) 80%),linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.65) 100%)}
.hero .tx{position:relative;min-height:600px;padding-top:120px;padding-bottom:150px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.hero h1{font:800 calc(168px * var(--ht,1))/.82 "Barlow Condensed",sans-serif;text-transform:uppercase}
.hero h1 span{color:var(--redl)}
.hero p{font-size:calc(19px * var(--hp,1));margin-top:22px;max-width:min(820px,100%);line-height:1.5;color:#eee}
/* prochain match */
.nextm{margin-top:-92px;position:relative;z-index:5}
.bar{background:var(--red);color:#fff;border-radius:20px;padding:26px 32px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.bar .when{display:flex;flex-direction:column;gap:6px;flex:1 1 220px}
.bar .when span{font:500 15px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.92}
.bar .when b{font:700 30px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.bar .teams{display:flex;align-items:center;gap:18px;flex:2 1 320px;justify-content:center;flex-wrap:wrap;text-align:center}
.bar .teams b{font:700 34px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.vs{font:500 20px/1 "Barlow Condensed",sans-serif;letter-spacing:.2em;opacity:.85}
.bar .cd{display:flex;align-items:center;gap:22px;flex:1 1 260px;justify-content:flex-end}
.bar .live{display:flex;align-items:center;gap:12px;font:700 34px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.bar .live i{width:14px;height:14px;border-radius:50%;background:#fff;animation:livep 1.4s ease-in-out infinite}@keyframes livep{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.bar .live i{animation:none}}
.digits{display:flex;gap:12px}.digits div{text-align:center}
.digits b{display:block;font:700 44px/1 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums}
.digits i{font:500 12px/1 "Barlow Condensed",sans-serif;font-style:normal;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.bar .go{width:54px;height:54px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font:700 26px/1 "Barlow",sans-serif;flex:none}
.bar .go:hover{background:var(--ink);color:#fff}
/* cartes de matchs */
.strip{display:flex;gap:18px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.mc{flex:0 0 340px;padding:26px;display:flex;flex-direction:column;gap:20px;scroll-snap-align:start}
.mc .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mc .dt{font:500 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.crests{display:flex;align-items:center;justify-content:center;gap:16px}
.crests .vs{color:var(--muted);font-size:18px}
.crest{width:72px;height:72px;border-radius:50%;background:#eef0f3;border:1px solid rgba(14,14,14,.12);display:grid;place-items:center;font:700 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;color:#6b7480;text-transform:uppercase;flex:none}
.nm{text-align:center;display:flex;flex-direction:column;gap:4px}
.nm b{font:700 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.mc .btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
/* actualités */
.news{display:flex;gap:22px;flex-wrap:wrap}
.news .big{flex:1.5 1 520px;overflow:hidden;display:flex;flex-direction:column}
.news .big .ph{height:340px}
.news .big .tx{padding:24px 28px 28px;display:flex;flex-direction:column;gap:12px}
.news .big h3{font:800 42px/.98 "Barlow Condensed",sans-serif;text-transform:uppercase}
.news .big p{font-size:17px;line-height:1.5;color:var(--muted);max-width:58ch}
.news .col{flex:1 1 340px;display:flex;flex-direction:column;gap:14px}
.news .sm{display:flex;gap:16px;padding:16px}
.news .sm .ph{width:110px;height:110px;border-radius:12px;flex:none}
.news .sm>div:last-child{display:flex;flex-direction:column;gap:8px;justify-content:center}
.news .sm h3{font:700 25px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.tags{display:flex;gap:8px;flex-wrap:wrap}
/* boutique */
.shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.prod{padding:14px;display:flex;flex-direction:column;gap:14px}
.prod .ph{height:270px;border-radius:12px}
.prod .row{padding:0 6px 8px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.prod b{font:700 26px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.prod span{font:700 16px/1 "Barlow Condensed",sans-serif;color:var(--red2);letter-spacing:.1em;text-transform:uppercase}
.note{font-size:14px;margin-top:16px}
/* rejoindre */
.join{background:var(--red);color:#fff;border-radius:24px;padding:48px 44px;display:flex;gap:32px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.join h2{font-size:64px;max-width:14ch;margin:0}
.join .r{flex:1 1 360px;max-width:520px;display:flex;flex-direction:column;gap:14px}
.join p{font-size:18px;line-height:1.5}
.join .btns{display:flex;gap:12px;flex-wrap:wrap}
/* pied de page, compact : logo blanc à gauche, contact dessous, liens à droite */
.ft{margin-top:72px;background:#000;color:#fff;border-top:3px solid var(--red)}
.ft .fg{display:grid;grid-template-columns:minmax(220px,290px) 1fr;gap:26px 56px;padding-top:30px;padding-bottom:22px;align-items:start}
.ft .fb{display:flex;flex-direction:column;gap:10px;min-width:0}
.ft .flogo{display:block;width:min(100%,210px);height:auto}
.ft .fsl{color:#a3a3a3;font-size:14px;line-height:1.4}
.ft .fct{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.4;color:#d4d4d4}
.ft .fsoc{display:flex;gap:16px;font:600 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase}.ft .fsoc:empty{display:none}
.ft .fn{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px 28px}
.ft .fn>div{display:flex;flex-direction:column;gap:6px;font-size:14px;min-width:0}
.ft a:hover,.ft a.on{color:var(--redl)}
.ft h4{margin:0 0 2px;font:600 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--redl)}
.ft .legal{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 18px;padding-top:12px;padding-bottom:16px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#a3a3a3}
@media (max-width:760px){.ft{margin-top:56px}.ft .fg{grid-template-columns:1fr;gap:22px;padding-top:26px}.ft .fn{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* tablette / téléphone */
@media (max-width:1180px){.n1,.n2{display:none}.cartm{display:flex;align-items:center;gap:6px;margin-left:auto}.hd .in{gap:14px;justify-content:flex-end}.menu{display:block}}
@media (max-width:1100px){.hero h1{font-size:calc(120px * var(--ht,1))}h2{font-size:56px}}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .hdw{height:65px}.hd .in{height:64px;padding-left:112px;gap:10px}.hd .logo{left:16px;top:4px}.hd .logo img{width:88px}
  .hd.sm .in{height:54px;padding-left:92px}.hd.sm .logo{left:14px;top:2px}.hd.sm .logo img{width:68px}
  .hero .tx{min-height:420px;padding-top:70px;padding-bottom:120px}.hero h1{font-size:calc(68px * var(--ht,1))}.hero p{font-size:calc(16px * var(--hp,1))}
  h2{font-size:42px}.sec{padding-top:56px}
  .nextm{margin-top:-72px}.bar{padding:20px;gap:18px}.bar .teams b{font-size:26px}.bar .cd{justify-content:space-between}
  .mc{flex-basis:290px;padding:20px}
  .news .big h3{font-size:30px}.news .big .ph{height:220px}
  .join{padding:32px 22px}.join h2{font-size:44px}
}
@media (prefers-reduced-motion:no-preference){.pill,.bar .go{transition:background .15s,color .15s}}

/* ---- pages intérieures ---- */
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:10px 16px;border-radius:8px;z-index:100}.skip:focus{left:8px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:2px}
main{flex:1}
.stack{display:flex;flex-direction:column;gap:28px}
.center{display:flex;justify-content:center;margin-top:12px}
.phead{padding-top:56px;padding-bottom:36px;display:flex;flex-direction:column;gap:14px}
.phead h1,.arthead h1{font:800 clamp(52px,9.5vw,136px)/.86 "Barlow Condensed",sans-serif;text-transform:uppercase;text-wrap:balance;width:100%}
.phead .intro{font-size:19px;line-height:1.5;color:var(--muted);max-width:62ch}
.two{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.side{display:flex;flex-direction:column;gap:18px;position:sticky;top:20px}
.main{min-width:0}
.card.empty,.card.contact{padding:32px;display:flex;flex-direction:column;gap:8px}
.card .h{font:700 20px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.lab{font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(14,14,14,.2);font:600 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#fff}
.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.filt{padding:22px;display:flex;flex-direction:column;gap:18px}.filt>div{display:flex;flex-direction:column;gap:10px}
.dark{background:var(--ink);color:#fff;padding:22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.dark p{color:#d4d4d4;line-height:1.5}
.pill.r{background:var(--red);color:#fff}.pill.r:hover{background:#fff;color:var(--red)}
.row2{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.day{margin-bottom:30px}.dh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.dh h2{font:800 40px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:0}
.mrow{display:flex;align-items:center;gap:20px;padding:16px 22px;margin-bottom:10px}
.mrow .hr{font:700 32px/1 "Barlow Condensed",sans-serif;min-width:76px}
.mrow .crests{gap:8px}.mrow .crest{width:48px;height:48px;font-size:11px}.mrow .crests .vs{font-size:13px}
.mrow .tx{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.mrow .tx b{font:700 24px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.mrow .act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tag.k{background:#12803a;color:#fff}.tag.d{background:var(--red);color:#fff}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tile{padding:20px 22px;display:flex;flex-direction:column;gap:8px}.tile b{font:800 54px/1 "Barlow Condensed",sans-serif}
.rgrp{margin-bottom:34px}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.rc{padding:20px;display:flex;flex-direction:column;gap:14px}.rc .top{display:flex;justify-content:space-between;align-items:center}
.rc .sc{display:flex;flex-direction:column;gap:8px}
.rc .ln{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rc .ln b{font:700 26px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.rc .ln em{font:800 44px/1 "Barlow Condensed",sans-serif;font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}
.rc .ln em.w{color:var(--ink)}
.rc .ln.o span{font:600 20px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--muted)}
.rc .ln.o em{font-size:36px}
.egrp{margin-bottom:40px}.egrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.ecard{overflow:hidden;display:flex;flex-direction:column}.ecard .ph{height:210px;width:100%;object-fit:cover}
.ecard .tx{padding:20px;display:flex;flex-direction:column;gap:10px}.ecard h3{font:800 34px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.ecard .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
img.ph{display:block;object-fit:cover}
.feat{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}.feat .ph{height:100%;min-height:340px;width:100%}
.feat .tx{padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.feat h2{font:800 54px/.92 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:0}
.more{font:700 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--red2)}
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.ncard{overflow:hidden;display:flex;flex-direction:column}.ncard .ph{height:200px;width:100%}
.ncard .tx{padding:20px;display:flex;flex-direction:column;gap:10px}.ncard h3{font:800 30px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.ncard p{line-height:1.45;font-size:16px}
.arthead{padding-top:48px;padding-bottom:28px;display:flex;flex-direction:column;gap:16px}
.crumb{display:flex;gap:8px;font:600 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cover .ph{width:100%;max-height:520px;height:auto;border-radius:20px;aspect-ratio:21/9;object-fit:cover}
.art{padding-top:36px}
.prose{font-size:18px;line-height:1.65;max-width:72ch}
.prose>*+*{margin-top:1em}
.prose h2{font:800 40px/.95 "Barlow Condensed",sans-serif;text-transform:uppercase;margin-top:1.6em}
.prose h3{font:700 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin-top:1.4em}
.prose a{color:var(--red2);text-decoration:underline}
.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.3em}
.prose img{max-width:100%;height:auto;border-radius:14px;display:block}
.prose blockquote{margin-left:0;padding:4px 0 4px 20px;border-left:4px solid var(--red);font-size:21px}
.prose hr{border:0;border-top:1px solid rgba(14,14,14,.15)}
.prose a.doc{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1.5px solid rgba(14,14,14,.2);border-radius:12px;background:#fff;text-decoration:none;color:var(--ink);font-weight:600}
.prose a.doc::before{content:"PDF";font:700 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;background:var(--red);color:#fff;padding:5px 7px;border-radius:6px}
.prose a.doc:hover{border-color:var(--ink)}
.tw{overflow-x:auto}.prose table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden}
.prose th,.prose td{padding:10px 14px;border-bottom:1px solid rgba(14,14,14,.1);text-align:left}.prose th{background:var(--ink);color:#fff;font:600 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.side .mini{display:flex;gap:12px;align-items:center;margin-top:14px}.side .mini .ph{width:72px;height:72px;border-radius:10px;flex:none}
.side .mini b{font:700 20px/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase}
.side .lk{display:block;padding:10px 0;border-top:1px solid rgba(14,14,14,.1);font-weight:600}.side .lk:first-of-type{margin-top:10px}
.card.contact .ci{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid rgba(14,14,14,.08)}.card.contact .ci b{font-size:20px}
.card.contact .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
@media (max-width:980px){.two{grid-template-columns:1fr}.side{position:static}.feat{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .phead{padding-top:36px}.phead .intro{font-size:17px}
  .mrow{flex-wrap:wrap;gap:12px;padding:16px}.mrow .hr{min-width:0;font-size:26px}.mrow .act{justify-content:flex-start;width:100%}
  .dh h2{font-size:30px}.feat .tx{padding:22px}.feat h2{font-size:38px}.prose{font-size:17px}.prose h2{font-size:32px}
}
@media print{
  .ann,.hd,.ft,.side,.chips,.skip,.hero .dots,.center,.pill{display:none!important}
  body{background:#fff}.card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.wrap{max-width:none;padding:0}.two{display:block}
}
.crest{overflow:hidden}.crest img{width:100%;height:100%;object-fit:contain;display:block}
.ft .legal{display:flex;justify-content:space-between;gap:16px}
.tiles{margin-bottom:12px}.stack>.rgrp:first-of-type{margin-top:0}
.phead h1,.arthead h1{text-wrap:wrap}
.phead{padding-top:104px}.arthead{padding-top:104px}
.side>.card:not(.filt):not(.dark):not(.row2){padding:22px}
@media (max-width:640px){.phead,.arthead{padding-top:64px}}

/* classements */
.clgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.clc{padding:24px;display:flex;flex-direction:column;gap:16px}
.clc .clh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.clc h2{font-size:34px;margin:0}
.clw{overflow-x:auto}
.cl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.cl th{font:600 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;padding:8px 6px;border-bottom:2px solid var(--ink)}
.cl td{text-align:center;padding:9px 6px;border-bottom:1px solid #e6e8eb;font-size:15px}
.cl .n{text-align:left}.cl th.n{text-align:left}.cl td.n{font-weight:600}.cl .nw{display:flex;align-items:center;gap:10px}
.cl td.p{font-weight:700;width:34px}.cl td.pt{font-weight:800}
.cl tr.me td{background:#fff1f2;color:#111}.cl tr.me td.p{color:var(--red)}
.crest.sm{width:26px;height:26px;flex:none;font-size:10px}.crest.sm img{width:100%;height:100%;object-fit:contain}
@media (max-width:980px){.clgrid{grid-template-columns:1fr}}
@media (max-width:520px){.cl .hx{display:none}.clc{padding:16px}.clc h2{font-size:28px}}

/* palmarès */
.pstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.ps{background:var(--ink);color:#fff;border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;gap:6px}
.ps b{font:700 80px/.9 "Barlow Condensed",sans-serif;letter-spacing:-.01em}
.ps span{font:600 14px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#cfd3d8}
.ps.k1 b{color:#f1b434}.ps.k2 b{color:#b9c2cc}.ps.k3 b{color:#cd8a5c}
.precs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.prec{padding:22px;display:flex;flex-direction:column;gap:4px}
.prec small{font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.prec b{font:700 40px/1 "Barlow Condensed",sans-serif}
.pclub{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.dist{display:flex;gap:16px;align-items:center;padding:20px}
.dist .cup{width:52px;height:52px;border-radius:50%;background:#f1b434;color:#fff;display:grid;place-items:center;font-size:24px;flex:none}
.dist b{display:block;font:700 22px/1.1 "Barlow Condensed",sans-serif;letter-spacing:.02em}
.pseasons{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.psn{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;padding:24px 0;border-top:2px solid var(--ink)}
.pyr h3{font-size:50px;margin:0;line-height:.95;white-space:nowrap}
.pls{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pl{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e6ea;border-radius:14px;padding:14px 16px}
.pl .med{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;font:800 18px/1 "Barlow Condensed",sans-serif;color:#fff;background:#aab2bb}
.pl.r1 .med{background:#d99a1e}.pl.r2 .med{background:#8c97a3}.pl.r3 .med{background:#a9683a}
.pl .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pl .tx b{font:700 21px/1.1 "Barlow Condensed",sans-serif;letter-spacing:.02em}
.pl .tx em{font-style:normal;font-size:13px;color:var(--muted)}
.pl .res{font:700 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:right}
.pl.r1 .res{color:#a8700d}
@media (max-width:980px){.pstats{grid-template-columns:repeat(2,minmax(0,1fr))}.precs{grid-template-columns:1fr}.psn{grid-template-columns:1fr;gap:12px}.pls{grid-template-columns:1fr}.pyr{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.pyr h3{font-size:44px}}
@media (max-width:520px){.ps b{font-size:60px}.ps{padding:18px}}
.tag{white-space:nowrap}

/* contact */
.cgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.cform{padding:32px;display:flex;flex-direction:column;gap:16px}.cform h2{font-size:40px;margin:0}
.cform .g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fl{display:flex;flex-direction:column;gap:6px;font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fl input,.fl select,.fl textarea{font:400 17px/1.4 "Barlow",sans-serif;letter-spacing:0;text-transform:none;color:var(--ink);background:#fff;border:1.5px solid #cfd4da;border-radius:10px;padding:12px 14px;width:100%;box-sizing:border-box}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:3px solid rgba(225,6,29,.25);border-color:var(--red)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ferr{background:#fff1f2;color:#9b1c28;border:1px solid #f3c1c6;border-radius:10px;padding:12px 14px;margin:0;font-weight:600}
.okmsg{grid-column:1/-1}.small{font-size:13px}
button.pill{border:0;cursor:pointer;font-family:inherit}
@media (max-width:860px){.cgrid{grid-template-columns:1fr}.cform .g2{grid-template-columns:1fr}.cform{padding:20px}}

/* boutique du club, dans l'esprit d'une vitrine de marque de sport : grandes images, peu de texte */
.shophero{background:#000;color:#fff;padding:92px 0 56px;margin-top:-1px}
.shophero h1{font:800 clamp(64px,10vw,150px)/.86 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:6px 0 16px;max-width:none}
.shophero p{font-size:19px;color:#cfd3d8;max-width:56ch;margin:0}
.shophero .eyebrow{color:var(--redl)}
.shopbody{padding-top:28px}
.shopnav{display:flex;gap:26px;flex-wrap:wrap;padding:6px 0 22px;border-bottom:1px solid #dfe2e6;margin-bottom:26px}
.shopnav a{font:700 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-bottom:8px;border-bottom:3px solid transparent}
.shopnav a:hover{color:var(--ink)}.shopnav a.on{color:var(--ink);border-bottom-color:var(--red)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}
.pcard{display:flex;flex-direction:column;gap:12px;color:inherit}
.pimg{position:relative;aspect-ratio:4/5;background:#efefef;overflow:hidden;border-radius:6px}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .6s ease}
.pimg img.alt{opacity:0}
.pcard:hover .pimg img.alt{opacity:1}.pcard:hover .pimg img:first-child{transform:scale(1.03)}
.pcard:not(:has(img.alt)):hover .pimg img{transform:scale(1.05)}
.ptag{position:absolute;left:12px;top:12px;background:#fff;color:#000;font:700 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:3px;z-index:2}
.ptag.static{position:static;display:inline-block;align-self:flex-start}
.pinfo{display:flex;flex-direction:column;gap:3px}.pinfo b{font:700 24px/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em}
.pinfo .muted{font-size:15px}
.pr{display:flex;gap:10px;align-items:baseline;margin-top:6px;font-weight:600}.pr .pp{font:700 22px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em}.pr s{color:var(--muted);font-size:15px;font-weight:400}
.pr.big .pp{font-size:34px}
.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.shopnote{background:#f0f1f3;border-radius:16px;padding:28px 32px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.shopnote b{font:700 30px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.shopnote span{flex:1;min-width:220px;color:var(--muted)}
/* fiche article */
.pdet{padding-top:112px}.crumb{font-size:14px;color:var(--muted);margin-bottom:20px}.crumb a{color:var(--muted)}.crumb a:hover{color:var(--ink)}.crumb span{margin:0 4px}
.pcols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:start}
.pgal{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;grid-template-areas:"th main"}
.pgal:not(:has(.th)){grid-template-columns:1fr;grid-template-areas:"main"}
.pmain{grid-area:main;aspect-ratio:4/5;background:#efefef;border-radius:6px;overflow:hidden}.pmain img{width:100%;height:100%;object-fit:cover}
.pth{grid-area:th;display:flex;flex-direction:column;gap:10px}.pth:empty{display:none}
.pth .th{border:2px solid transparent;border-radius:4px;padding:0;background:#efefef;cursor:pointer;aspect-ratio:1;overflow:hidden}.pth .th.on{border-color:var(--ink)}.pth .th img{width:100%;height:100%;object-fit:cover;display:block}
.pbuy{display:flex;flex-direction:column;gap:14px;position:sticky;top:104px}
.pbuy h1{font:800 clamp(44px,5vw,72px)/.92 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:0;max-width:none}
.pdesc p{margin:0 0 10px;line-height:1.6;font-size:17px}
.pcoupe{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:1px solid #e1e4e8}.pcoupe b{font:700 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.pill.blk{background:#000;color:#fff;border-color:#000}.pill.blk:hover{background:var(--red);border-color:var(--red)}
.pill.big{font-size:20px;padding:20px 30px;justify-content:center;width:100%;box-sizing:border-box;margin-top:6px}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.pcols{grid-template-columns:1fr;gap:28px}.pbuy{position:static}.pgal{grid-template-columns:1fr;grid-template-areas:"main" "th"}.pth{flex-direction:row;overflow-x:auto}.pth .th{width:72px;flex:none}}
@media (max-width:640px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.pinfo b{font-size:20px}.shophero{padding:72px 0 40px}.shopnav{gap:18px}}
@media (max-width:640px){.pdet{padding-top:72px}}

/* Le staff */
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.scard{padding:0;overflow:hidden;display:flex;flex-direction:column}
.scard .ph{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 12%;display:block;background:#e9ebef}.scard .ph.full{object-fit:contain;object-position:center}
.scard .ph.ini{display:flex;align-items:center;justify-content:center;font:800 64px/1 "Barlow Condensed",sans-serif;color:#9aa1ab;letter-spacing:.04em}
.scard .tx{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.scard h3{margin:0;font:800 26px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.scard .fn{font:600 14px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.scard .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.scard p{margin:0;font-size:14px;line-height:1.4}
@media (max-width:1100px){.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scard .tx{padding:14px}.scard h3{font-size:22px}}
@media (max-width:420px){.sgrid{grid-template-columns:1fr}}
/* Partenaires */
.partgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.pcell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 16px;text-align:center;aspect-ratio:1/.8}
.pcell img{max-width:100%;max-height:96px;object-fit:contain}
.pcell span{font:600 14px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6b7280}
a.pcell:hover{box-shadow:0 10px 30px rgba(0,0,0,.12)}
@media (max-width:1100px){.partgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.partgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* Fiche équipe : nom en tête quand le calendrier / résultats / classements sont filtrés */
.mc .nm b,.mrow .tx b,.rc .ln span{overflow-wrap:anywhere}

/* ---------- boutique en ligne : choix de l'article, panier, commande, suivi ---------- */
.shophero.withimg{background-color:#000;background-size:cover;background-position:center}
.pp small{font-size:.6em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.buy{display:flex;flex-direction:column;gap:18px;margin-top:6px}
.bfield{display:flex;flex-direction:column;gap:8px}
.bfield[hidden]{display:none}
.blab{font:700 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{font:700 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;min-width:52px;height:44px;padding:0 16px;border-radius:10px;border:1.5px solid #cfd4da;background:#fff;color:var(--ink);cursor:pointer}
.opt:hover{border-color:var(--ink)}
.opt.on{background:#000;color:#fff;border-color:#000}
.opt:focus-visible,.qbox button:focus-visible,.cdel:focus-visible{outline:3px solid rgba(225,6,29,.35);outline-offset:2px}
.bfield.qty{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.bfield.qty .blab{flex-basis:100%}
.qbox{display:inline-flex;align-items:center;border:1.5px solid #cfd4da;border-radius:10px;background:#fff;overflow:hidden}
.qbox button{width:42px;height:42px;border:0;background:transparent;font:700 22px/1 "Barlow",sans-serif;cursor:pointer;color:var(--ink)}
.qbox button:hover{background:#f0f1f3}
.qbox output{min-width:38px;text-align:center;font:700 18px/1 "Barlow",sans-serif}
.bprice{font:800 36px/1 "Barlow Condensed",sans-serif;letter-spacing:.02em}
.bok{background:#ecfdf3;color:#136c3a;border:1px solid #b6e8c8;border-radius:10px;padding:12px 14px;font-weight:600;margin:0}
.bok a{text-decoration:underline}
.chk{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:16px;line-height:1.35}
.chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--red);flex:none}
.ok{background:#ecfdf3;color:#136c3a;border:1px solid #b6e8c8;border-radius:10px;padding:12px 14px;margin:0;font-weight:600}
.cartpg{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:28px;align-items:start;padding-bottom:60px}
.cartl2{display:flex;flex-direction:column;gap:14px}
.cline{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;padding:14px;align-items:center}
.cline img{width:96px;height:112px;object-fit:cover;border-radius:12px;background:#eceef1}
.cmid{display:flex;flex-direction:column;gap:6px;min-width:0}
.cmid b{font:700 22px/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.cmid .qbox{align-self:flex-start;margin-top:6px}
.cpr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.cpr b{font:800 24px/1 "Barlow Condensed",sans-serif}
.cdel{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:14px;padding:6px 0}
.cartsum{padding:24px;display:flex;flex-direction:column;gap:14px;position:sticky;top:104px}
.cartsum h2{font:800 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.sr{display:flex;justify-content:space-between;gap:14px;padding:6px 0;font-size:16px}
.sr.tot{border-top:2px solid var(--ink);margin-top:8px;padding-top:12px;font-size:20px}
.sr.disc{color:#136c3a}
.sum2{margin-top:6px;border-top:1px solid rgba(14,14,14,.1);padding-top:6px}
.cfld{display:flex;gap:8px;margin-top:4px}
.cfld input{flex:1;min-width:0;font:400 17px/1.4 "Barlow",sans-serif;text-transform:uppercase;letter-spacing:.06em;border:1.5px solid #cfd4da;border-radius:10px;padding:10px 12px}
.centered{text-align:center;color:var(--muted);text-decoration:underline}
.pill.big{width:100%}
.ckf{padding:28px;display:flex;flex-direction:column;gap:18px}
.ckf h2{font:800 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin-top:6px}
.pays{display:flex;flex-direction:column;gap:10px}
.payopt{display:flex;gap:12px;align-items:center;border:1.5px solid #cfd4da;border-radius:12px;padding:14px 16px;cursor:pointer;background:#fff}
.payopt:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 2px rgba(14,14,14,.08)}
.payopt input{accent-color:var(--red);width:20px;height:20px}
.acct{padding:18px;display:flex;flex-direction:column;gap:12px;background:#fafafa}
.cgv{padding:16px;background:#fafafa;line-height:1.45}
.ordpg{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:28px;align-items:start;padding-bottom:60px}
.ord{padding:26px;display:flex;flex-direction:column;gap:18px}
.ord h2{font:800 40px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.ordpg aside{display:flex;flex-direction:column;gap:14px}
.ordpg aside .card{padding:20px;display:flex;flex-direction:column;gap:6px}
.ostat{background:#f6f7f9;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.ostat>b{font:800 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.ostat.ko{background:#fff1f2;color:#9b1c28}
.tl{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0 0;padding:0}
.tl li{display:flex;flex-direction:column;align-items:center;gap:6px;font:600 13px/1.1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;position:relative}
.tl li i{width:16px;height:16px;border-radius:50%;background:#d5d8dd;display:block;position:relative;z-index:1}
.tl li:not(:last-child)::after{content:"";position:absolute;top:7px;left:50%;width:100%;height:2px;background:#d5d8dd}
.tl li.done i,.tl li.done:not(:last-child)::after{background:var(--ink)}
.tl li.now i{background:var(--red);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 22%,transparent)}
.tl li.done,.tl li.now{color:var(--ink)}
.otbl{width:100%;border-collapse:collapse}
.otbl th{font:700 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 8px;border-bottom:2px solid var(--ink)}
.otbl td{padding:12px 8px;border-bottom:1px solid rgba(14,14,14,.08);vertical-align:top}
.otbl .n{text-align:right;white-space:nowrap}
.otbl tr.tot td{border-bottom:0;font-size:18px}
.olist{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.oline{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;align-items:center}
.oline:hover{border-color:var(--ink)}
.oline .r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.spill{background:#eef1f4;border-radius:999px;padding:5px 12px;font:700 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.spill.ko{background:#fff1f2;color:#9b1c28}
.fact .card{padding:30px;display:flex;flex-direction:column;gap:20px}
.fact h2{font:800 36px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.fparts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:900px){.cartpg,.ordpg{grid-template-columns:1fr}.cartsum{position:static}.cline{grid-template-columns:72px minmax(0,1fr)}.cline img{width:72px;height:88px}.cpr{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.fparts{grid-template-columns:1fr}.ckf{padding:20px}.tl li{font-size:11px}}
@media print{.ann,.hd,.ft,.pill,.btns{display:none!important}.fact .card{border:0;box-shadow:none;padding:0}}

/* page Contact : une seule colonne si le formulaire ou les coordonnées sont masqués, carte au clic */
.cgrid.one{grid-template-columns:minmax(0,1fr)}
.card.contact .ci a{color:inherit;text-decoration:none}.card.contact .ci b{overflow-wrap:anywhere}
.mapcard{padding:0;overflow:hidden}.mapbox{min-height:380px;display:flex}.mapbox iframe{border:0;width:100%;min-height:420px;display:block}
.mapph{margin:auto;padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:560px}
.mapph b{font:800 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.mapph .btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}

.gdl{display:inline-block;margin-top:8px;font-size:14px;font-weight:600;color:var(--red);text-decoration:underline;text-underline-offset:3px}

.cart.cacct{margin-left:-4px}
.cartm .cart+.cart{margin-left:0}

/* bandeau rouge de l'accueil : logos des deux équipes */
.bar .tm{display:flex;align-items:center;gap:14px;text-align:left}
.bar .when{flex:1 1 190px}.bar .teams{flex:3 1 460px;flex-wrap:nowrap;gap:14px}.bar .tm{min-width:0}.bar .teams b{font-size:30px;line-height:1.05;overflow-wrap:anywhere}
.bar .crest{width:68px;height:68px;background:#fff;border:0;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#6b7480;font-size:20px}
@media (max-width:700px){.bar .teams{flex-wrap:wrap}.bar .crest{width:56px;height:56px}.bar .tm{gap:10px}.bar .teams{gap:12px}.bar .teams b{font-size:22px}}

/* Accueil : bande noire des logos partenaires (défilement continu) */
.pband{background:#000;color:#fff;padding:34px 0 38px;margin:64px 0 0;overflow:hidden}
.pband .pbh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pband .pbh span{font:700 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.pband .pbh a{font:600 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.8}.pband .ph a:hover{opacity:1;color:#fff}
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trk{display:flex;width:max-content;animation:marq 40s linear infinite;will-change:transform}
@media (hover:hover) and (pointer:fine){.trk:hover{animation-play-state:paused}}
.trk .g{display:flex;align-items:center;flex:none}
.trk .g>a,.trk .g>span{display:flex;align-items:center;justify-content:center;flex:none;height:64px;padding:0 28px}
.trk img{display:block;flex:none;object-fit:contain;opacity:1}
.trk img.dk{filter:brightness(0) invert(1)}
.trk img.pl{background:#fff;border-radius:10px;padding:6px 10px;box-sizing:content-box;object-fit:contain}
.trk img.pl.pd{background:#14181d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.trk img.bg{filter:grayscale(1) invert(1)}
.trk.t8{animation-duration:40s}.trk.t9{animation-duration:45s}.trk.t10{animation-duration:50s}.trk.t11{animation-duration:55s}.trk.t12{animation-duration:60s}.trk.t13{animation-duration:65s}.trk.t14{animation-duration:70s}.trk.t15{animation-duration:75s}.trk.t16{animation-duration:80s}.trk.t17{animation-duration:85s}.trk.t18{animation-duration:90s}.trk.t19{animation-duration:95s}.trk.t20{animation-duration:100s}.trk.t21{animation-duration:105s}.trk.t22{animation-duration:110s}.trk.t23{animation-duration:115s}.trk.t24{animation-duration:120s}
@keyframes marq{to{transform:translateX(-50%)}}
.pband.paused .trk{animation-play-state:paused}
/* avec JavaScript : le bandeau est une bande qu'on peut faire glisser, le défilement automatique est piloté par le script */
.marq.js{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab}
.marq.js::-webkit-scrollbar{display:none}
.marq.js.drag{cursor:grabbing;user-select:none}
.marq.js .trk{animation:none;will-change:auto}
@media (max-width:760px){.trk .g>a,.trk .g>span{height:52px;padding:0 18px}.trk img{transform:scale(.8)}}

/* Images dans les textes : position (gauche, centre, droite) et taille (% de la largeur du texte) */
.prose img.al-l{float:left;margin:.3em 1.4em .8em 0}
.prose img.al-r{float:right;margin:.3em 0 .8em 1.4em}
.prose img.al-c{margin-left:auto;margin-right:auto}
.prose img.w25{width:25%}.prose img.w33{width:33%}.prose img.w50{width:50%}.prose img.w75{width:75%}.prose img.w100{width:100%}
.prose h2,.prose h3,.prose hr,.prose table,.prose .tw{clear:both}
.prose::after{content:"";display:block;clear:both}
@media (max-width:620px){.prose img.al-l,.prose img.al-r{float:none;margin:.3em 0}.prose img.w25,.prose img.w33{width:50%}.prose img.w50,.prose img.w75{width:100%}}

/* Écussons : un logo (PNG) est montré tel quel, sans rond ; seules les initiales de repli gardent le rond */
.crest.has,.bar .crest.has{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.crest.has img{width:100%;height:100%;object-fit:contain}

/* Pages du club : menu du groupe (page en cours en évidence) et « Sur cette page » */
html{scroll-behavior:smooth}
.prose h2,.prose h3{scroll-margin-top:96px}
.side .lk.on{color:var(--red);font-weight:800}
.toc .lk{font-weight:500;padding:8px 0}.toc .lk.l3{padding-left:16px;font-size:.94em;color:var(--muted)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Page Équipes : cartes alignées, bandeau d'équipe sans photo, boutons côte à côte */
.ecard .ph{height:190px}
.ecard .ph.nop{display:grid;place-items:center;background:linear-gradient(135deg,#0e0e0e 0%,#2a0b0e 60%,var(--red) 140%);height:120px}
.ecard .ph.nop span{font:800 52px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;color:#fff;opacity:.92}
.ecard .tx{flex:1;gap:12px}.ecard .tags{display:flex;gap:6px;flex-wrap:wrap}.ecard h3{margin:0}
.ecard .ent .lab{display:block;font:700 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ecard .ent ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:15px}
.ecard .ent li span{color:var(--muted)}.ecard .ent .soon{color:var(--muted)}
.ecard .rank{font-size:14px;color:var(--muted)}.ecard .rank b{color:var(--red);font:800 22px/1 "Barlow Condensed",sans-serif;margin-right:2px}
.ecard .btns{margin-top:auto;padding-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ecard .btns .pill{justify-content:center;text-align:center}

/* Bande rouge : libellé qui explique pourquoi ce match est en avant */
.bar .cdw{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}
.bar .cdl{white-space:nowrap;font:600 14px/1.1 "Barlow Condensed",sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.92}
@media (max-width:700px){.bar .cdw{align-items:flex-start;text-align:left}}

/* Accueil : un titre et une phrase par image ; les points sont posés sous le texte */
.hero .txs{position:relative;display:grid}
.hero .txs .tx{grid-area:1/1;min-height:600px;padding-top:120px;padding-bottom:150px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.hero .txs .tx.on{opacity:1;visibility:visible}
.hero.multi .txs .tx{padding-bottom:186px}
.hero .dotsw{position:absolute;left:0;right:0;bottom:150px}
.hero .dotsw .dots{margin-top:0}
@media (max-width:760px){.hero .txs .tx{min-height:420px;padding-top:70px;padding-bottom:120px}.hero.multi .txs .tx{padding-bottom:156px}.hero .dotsw{bottom:120px}}
@media (prefers-reduced-motion:reduce){.hero .txs .tx{transition:none}}

.ft .legal .fl{display:flex;flex-direction:row;gap:18px;flex-wrap:wrap;color:#b5b5b5}

/* page affichée dans le menu : pastille rouge (en-tête), repère rouge (sous-menus) */
.nav>a,.gb{position:relative}
.nav>a.on::before,.gb.on::before{content:"";position:absolute;left:0;right:0;bottom:-11px;height:3px;border-radius:3px;background:var(--red)}
.nav>a.on,.gb.on{color:#fff}
.sub .sp a.on{color:var(--red);background:#fbeaec;font-weight:700}
/* cartes résultat dans la bande de l'accueil : même gabarit que les cartes de matchs */
.strip .rc{flex:0 0 340px;padding:26px;scroll-snap-align:start;gap:16px;border-top:4px solid #12803a}
.strip .rc.loss,.rc.loss{border-top-color:var(--red)}.strip .rc.nul,.rc.nul{border-top-color:#9aa3ad}
.rc.win{border-top:4px solid #12803a}.rc.loss{border-top:4px solid var(--red)}.rc.nul{border-top:4px solid #9aa3ad}
.rc .lab{white-space:nowrap}.rc .top{gap:10px}
.rc .ln b,.rc .ln span{min-width:0;overflow-wrap:anywhere}.rc .ln em{flex:none}
@media (max-width:1100px){.strip .rc{flex-basis:290px;padding:20px}}
.tile.win b{color:#12803a}.tile.loss b{color:var(--red)}
.digits[hidden]{display:none}
.digits.hms{gap:10px;align-items:baseline}.digits.hms div{display:flex;align-items:baseline;gap:5px}
.digits.hms i{font:600 20px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:none;opacity:.9}
@media (max-width:640px){.digits.hms b{font-size:36px}.digits.hms{gap:7px}.digits.hms i{font-size:17px}}
/* horaires d'entraînement */
.plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start;margin:8px 0 4px}
.pday{background:#fff;border-radius:16px;border:1px solid rgba(14,14,14,.07);box-shadow:0 1px 2px rgba(14,14,14,.05);padding:16px 18px}
.pday h3{font:800 24px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;color:var(--red)}
.pday ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pday li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:9px 0;border-top:1px solid #e6e9ed;align-items:baseline}
.pday li:first-child{border-top:0}
.pday li b{font:700 17px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.04em;white-space:nowrap}
.pday li .pt{font-weight:600}
.pday li em{grid-column:2;font-style:normal;color:var(--muted);font-size:14px}
.mdplan{background:#fff;border:1px dashed #cfd4da;border-radius:12px;padding:12px 14px;color:var(--muted);font-size:14px}
.prose .plan{margin:18px 0}
/* bouton inséré dans un texte */
.prose p.mdbtn{margin:18px 0}
/* texte général au-dessus des packs : 3 lignes puis « En savoir plus » */
.packtx{margin:0 0 22px}.packtx .prose{max-width:none}
.packtx .clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.packtx .clamp.open{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.packtx .clamp>*:first-child{margin-top:0}
.packtx .more{margin-top:8px;background:none;border:0;padding:4px 0;cursor:pointer;font:700 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--red);text-decoration:underline;text-underline-offset:4px}
.packtx .more:focus-visible{outline:3px solid color-mix(in srgb,var(--red) 40%,transparent);outline-offset:3px}

/* ===== Accueil « Folkling entre en jeu » : ouverture animée, vidéo facultative ===== */
.hero h1 i{display:inline-block;font-style:normal;animation:ent .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.25s + var(--i,0)*.12s)}
.hero h1 span i{color:var(--redl)}
@keyframes ent{from{opacity:0;transform:translate3d(0,.45em,0) rotateX(40deg)}to{opacity:1;transform:none}}
.hero .txs p{animation:ent 1s .9s cubic-bezier(.2,.8,.2,1) both}
.hero .hvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.hero .hvid.on{opacity:1}
.hero .slides{transform:translate3d(calc(var(--px,0)*-10px),calc(var(--py,0)*-8px),0) scale(1.04);transition:transform .35s ease-out}
@media (prefers-reduced-motion:reduce){.hero h1 i,.hero .txs p{animation:none}.hero .slides{transform:none;transition:none}}
@media print{.hero .hvid{display:none}}
.hero .txs{z-index:2}
.hero .txs .tx{padding-bottom:168px}
.hero.multi .txs .tx{padding-bottom:204px}
.hero .dotsw{bottom:150px}
@media (max-width:760px){.hero .txs .tx{padding-bottom:132px}.hero.multi .txs .tx{padding-bottom:168px}.hero .dotsw{bottom:120px}}

/* Boutique : liste claire, comme le reste du site ; les photos des articles ne sont jamais retouchées */
.vest{padding:8px 0 48px}

/* En-tête : entre 1341 et 1560 px, les 9 liens + le bouton Menu serrent un peu (jamais de débordement) */
@media (min-width:1181px) and (max-width:1560px){.hd .in{gap:16px;padding-left:210px}.nav{gap:15px}.nav a{font-size:15px;letter-spacing:.07em}}


/* Accueil : « Le club en chiffres » — bandeau sobre, sous le prochain match */
.chf{background:#fff;border-bottom:1px solid #e3e5e9}
.chf ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:34px 0}
.chf li{display:flex;flex-direction:column;gap:6px;padding:4px 28px;border-left:2px solid #e3e5e9}
.chf li:first-child{border-left:0;padding-left:0}
.chf b{font:800 clamp(46px,6vw,76px)/.95 "Barlow Condensed",sans-serif;color:var(--red);font-variant-numeric:tabular-nums}
.chf li>span{font:600 15px/1.25 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:26ch}
@media (max-width:640px){.chf ul{grid-template-columns:1fr 1fr;gap:20px 0;padding:24px 0}.chf li{padding:2px 14px}.chf li:nth-child(odd){border-left:0;padding-left:0}.chf li:last-child:nth-child(odd){grid-column:1/-1}}.pcell .avt{font:500 13px/1.3 "Barlow",sans-serif;color:var(--red);letter-spacing:0;text-transform:none}

/* bouton pause du défilement (images d'ouverture, partenaires) */
.pz{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.25);color:#fff;padding:0;cursor:pointer;margin-left:6px;vertical-align:middle}
.pz:hover,.pz:focus-visible{background:#fff;color:#111}
.hero .dots{align-items:center}

/* page Partenaires : logos blancs sur carte sombre, texte d'accroche, documents */
.pcell.pdark{background:#14181d;border-color:#14181d}.pcell.pdark span{color:rgba(255,255,255,.8)}.pcell.pdark .avt{color:rgba(255,255,255,.7)}
.ptxt .prose{max-width:80ch}
.pdocs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.pdoc{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px;color:var(--ink)}
.pdoc .pdi{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:44px;height:52px;border-radius:6px;background:var(--red);color:#fff;font:700 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em}
.pdoc b{font:700 20px/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}.pdoc small{color:var(--muted)}
a.pdoc:hover{box-shadow:0 10px 30px rgba(0,0,0,.12)}
/* page sans bloc de droite : le texte (grilles du staff comprises) prend toute la largeur */
.art.full .prose{max-width:none}
/* photo des packs du club */
.prod .pkph{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#e5e7eb}

/* Bandeau « prochain match » sur téléphone : date en haut, les deux équipes côte à côte (écusson au-dessus du nom), compte à rebours et flèche en bas.
   Sur ordinateur rien ne change. */
@media (max-width:700px){
  .bar{padding:18px 18px 16px;gap:14px;border-radius:18px}
  .bar .when{flex:1 1 100%;gap:4px}
  .bar .when span{font-size:13px}
  .bar .when b{font-size:26px}
  .bar .teams{flex:1 1 100%;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
  .bar .tm{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;text-align:center;gap:8px}
  .bar .teams b{font-size:19px;line-height:1.05;overflow-wrap:anywhere}
  .bar .crest{width:60px;height:60px}
  .bar .teams .vs{flex:none;align-self:center;font-size:14px;letter-spacing:.14em}
  .bar .cd{flex:1 1 100%;justify-content:space-between;gap:12px}
  .bar .cdw{align-items:flex-start;text-align:left;gap:6px}
  .bar .digits{gap:14px}.bar .digits b{font-size:34px}
  .bar .live{font-size:26px}
  .bar .go{width:46px;height:46px;font-size:22px}
}

/* résultats : même ligne que le calendrier, le score à droite à la place de « Domicile / Extérieur » */
.mrow.res{border-left:6px solid #9aa3ad}.mrow.res.win{border-left-color:#12803a}.mrow.res.loss,.mrow.res.ff{border-left-color:var(--red)}
.mrow.res .scr{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;min-width:150px}
.mrow.res .nums{display:flex;align-items:baseline;gap:8px;font:800 44px/1 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}
.mrow.res .nums i{font-style:normal;font-weight:600;font-size:28px;color:#9aa3ad}
.mrow.res.win .nums b:first-child{color:#12803a}.mrow.res.loss .nums b:first-child,.mrow.res.ff .nums b:first-child{color:var(--red)}.mrow.res.nul .nums b:first-child{color:var(--ink)}
.card.bil .bg{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:12px}
.card.bil .bg b{display:block;font:800 44px/1 "Barlow Condensed",sans-serif}
.card.bil .bg .win b{color:#12803a}.card.bil .bg .loss b{color:var(--red)}
@media (max-width:640px){
  .mrow.res{flex-wrap:nowrap;gap:10px;padding:14px 14px 14px 12px;align-items:center}
  .mrow.res .hr{display:none}.mrow.res .crest{width:38px;height:38px}.mrow.res .crests .vs{display:none}.mrow.res .crests{flex-direction:column;gap:4px}
  .mrow.res .tx b{font-size:19px;line-height:1.05}.mrow.res .tx .muted{font-size:13px}
  .mrow.res .scr{min-width:0;gap:4px}.mrow.res .nums{font-size:34px;gap:5px}.mrow.res .nums i{font-size:20px}
  .mrow.res .act,.mrow.res .scr{width:auto}
}

.mtop{display:none}
@media (max-width:980px){.mtop{display:block;margin:0 -16px 18px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mtop .chips{flex-wrap:nowrap;width:max-content}.mtop .chip{flex:none}}
@media print{.mtop{display:none!important}}

.mrow,.ncard{scroll-margin-top:96px}

/* ===== Page « Historique du club » : frise chronologique animée ===== */
.fr-stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;margin:0 0 24px}
.fr-stats li{border-top:3px solid var(--red);padding-top:12px}
.fr-stats b{display:block;font:800 clamp(48px,6vw,88px)/.9 "Barlow Condensed",sans-serif;color:var(--ink)}
.fr-stats span{display:block;margin-top:6px;color:var(--muted);font-size:15px}
.fr{background:#fff;color:var(--ink);border-radius:36px 36px 0 0;margin-top:8px;box-shadow:0 -1px 0 rgba(14,14,14,.06)}
.fr .wrap{max-width:1180px}
.fr-track{position:relative;--lx:50%;padding-top:72px}
.fr-line{position:absolute;left:var(--lx);top:0;bottom:240px;width:3px;margin-left:-1.5px;background:rgba(14,14,14,.12);border-radius:2px}
.fr-fill{position:absolute;inset:0;background:linear-gradient(#ff4a4a,#e1000f);box-shadow:0 0 18px 2px rgba(225,0,15,.65);border-radius:2px;transform-origin:top;transform:scaleY(var(--p,1))}
.fr-list{list-style:none;margin:0;padding:0;position:relative}
.fr-ch{position:relative;z-index:2;padding:104px 0 36px;text-align:center}
.fr-ch:first-child{padding-top:8px}
.fr-ch>div{position:relative;display:inline-block;background:#fff;padding:0 40px 10px;max-width:880px}
.fr-ch small{display:block;font:800 clamp(80px,13.5vw,196px)/.8 "Barlow Condensed",sans-serif;letter-spacing:-.01em;white-space:nowrap;color:transparent;-webkit-text-stroke:2px rgba(14,14,14,.17)}
.fr-ch h2{position:relative;font:800 clamp(56px,8.6vw,132px)/.88 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:-.5em 0 0;color:var(--ink)}
.fr-ch h2::after{content:"";display:block;width:120px;height:10px;background:#e1000f;margin:20px auto 0;transform-origin:center}
.fr-ch p{margin:18px auto 0;max-width:46ch;color:var(--muted);font-size:18px;line-height:1.55}
.fr-ev{position:relative;display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;padding:34px 0}
.fr-dot{grid-column:2;grid-row:1;justify-self:center;position:relative;z-index:3;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid rgba(14,14,14,.28);transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.fr-ev.passed .fr-dot{background:#e1000f;border-color:#fff;box-shadow:0 0 0 2px #e1000f,0 0 0 8px rgba(225,0,15,.16)}
.fr-ev.act .fr-dot{transform:scale(1.3);box-shadow:0 0 0 2px #e1000f,0 0 0 10px rgba(225,0,15,.22)}
.fr-d{grid-column:1;grid-row:1;justify-self:end;text-align:right;padding:0 24px 0 0;display:block;font-style:normal;position:relative;z-index:1}
.fr-d small{display:block;margin:0 0 8px;font:700 18px/1 "Barlow Condensed",sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#a2a8b0;transition:color .3s}
.fr-d b{display:block;padding-top:.06em;font:800 clamp(72px,9.4vw,136px)/.84 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.005em;color:transparent;-webkit-text-stroke:2px rgba(14,14,14,.22);transition:color .35s,-webkit-text-stroke-color .35s}
.fr-dw b{font-size:clamp(44px,5.6vw,80px);line-height:.92;max-width:10ch;margin-left:auto;text-transform:uppercase}
.fr-ev.passed .fr-d b{color:var(--ink);-webkit-text-stroke-color:var(--ink)}
.fr-ev.passed .fr-d small{color:var(--ink)}
.fr-ev.act .fr-d b{color:#e1000f;-webkit-text-stroke-color:#e1000f}
.fr-ev.act .fr-d small{color:#e1000f}
.fr-card{grid-column:3;grid-row:1;position:relative;z-index:1;max-width:520px;padding:0 0 0 24px}
.fr-card::before{content:"";position:absolute;left:-26px;top:calc(50% - 1.5px);width:50px;height:3px;background:#e1000f;border-radius:2px;transform-origin:left}
.fr-b{display:inline-block;margin-bottom:10px;padding:5px 13px;border-radius:999px;background:#e1000f;color:#fff;font:700 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.fr-t{display:block;font:800 clamp(34px,4vw,54px)/.95 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#e1000f}
.fr-card h3{font:800 clamp(32px,3.4vw,46px)/.98 "Barlow Condensed",sans-serif;letter-spacing:.01em;text-transform:uppercase;margin:0 0 12px;color:var(--ink);transition:color .3s}
.fr-ev.act .fr-card h3{color:#e1000f}
.fr-card p{margin:0;font-size:17px;line-height:1.65;color:#3b4046}
.fr-pic{margin:20px 0 0;rotate:-1.3deg}
.fr-ev:nth-child(even) .fr-pic{rotate:1.1deg}
.fr-pic img{display:block;width:100%;max-height:300px;object-fit:contain;background:#fff;border-radius:4px;padding:8px;box-shadow:0 0 0 1px rgba(14,14,14,.08),0 20px 40px -22px rgba(14,14,14,.55)}
.fr-ball{display:none;position:absolute;left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;z-index:6;pointer-events:none;will-change:transform;filter:drop-shadow(0 8px 8px rgba(0,0,0,.32))}
.fr-ball svg{display:block}
.fr.js .fr-ball{display:block}
.fr-hoop{position:relative;height:330px}
.fr-e1,.fr-e2,.fr-e3{display:none;position:absolute;background:rgba(14,14,14,.12);border-radius:2px;transition:background .3s,box-shadow .3s}
.fr-e1{left:calc(var(--lx) - 1.5px);top:0;width:3px;height:41px}
.fr-e2{left:calc(var(--lx) - 1.5px);top:40px;width:calc(50% - var(--lx) + 3px);height:3px}
.fr-e3{left:calc(50% - 1.5px);top:40px;width:3px;height:50px}
.fr.ov .fr-e1,.fr.ov .fr-e2,.fr.ov .fr-e3{background:#e1000f;box-shadow:0 0 14px 1px rgba(225,0,15,.6)}
.fr-rig{position:absolute;left:calc(var(--lx) - 110px);top:90px;width:220px;height:190px}
.fr-board,.fr-net{position:absolute;left:0;top:0;width:220px;height:190px;overflow:visible}
.fr-board{z-index:2}.fr-net{z-index:7}
.fr-rim{position:absolute;left:110px;top:136px;width:1px;height:1px}
.fr-mesh{transform-box:fill-box;transform-origin:50% 0}
.fr-fin{text-align:center;padding:8px 0 96px}
.fr-fin b{display:block;font:800 clamp(52px,8.6vw,128px)/.88 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#e1000f;text-wrap:balance}
.fr-fin p{margin:16px auto 26px;max-width:44ch;font-size:22px;line-height:1.5;color:#3b4046}
.fr-hud{display:none;position:fixed;right:18px;bottom:18px;z-index:40;background:rgba(14,14,14,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:8px 16px 9px;color:#fff;text-align:right}
.fr-hud b{display:block;font:800 30px/1 "Barlow Condensed",sans-serif}
.fr-hud span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ff6a73}
.fr.js .fr-hud.on{display:block}
.fr-gal{padding-bottom:32px}
.fr-gal h2{font:800 clamp(44px,6vw,80px)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:8px 0 24px}
.fr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.fr-grid figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.fr-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 20%}
.fr-grid figcaption{padding:10px 14px;font-size:14px;color:var(--muted)}
@media (prefers-reduced-motion:no-preference){
  /* date : elle sort d'une fente (façon tableau d'affichage) pendant que son année défile */
  .fr.js .fr-d{overflow:hidden;padding-bottom:6px}
  .fr.js .fr-d b,.fr.js .fr-d small{transform:translateY(115%);transition:transform .85s cubic-bezier(.2,.8,.2,1),color .35s,-webkit-text-stroke-color .35s}
  .fr.js .fr-ev.in .fr-d b{transform:none;transition-delay:.08s,0s,0s}
  .fr.js .fr-ev.in .fr-d small{transform:none;transition-delay:.3s,0s}
  /* le trait « tir » part du point et le contenu se lève, élément après élément */
  .fr.js .fr-card::before{transform:scaleX(0);transition:transform .55s cubic-bezier(.3,.7,.2,1) .3s}
  .fr.js .fr-ev.in .fr-card::before{transform:none}
  .fr.js .fr-card>*{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1),color .3s}
  .fr.js .fr-ev.in .fr-card>*{opacity:1;transform:none}
  .fr.js .fr-ev.in .fr-card>:nth-child(1){transition-delay:.35s}
  .fr.js .fr-ev.in .fr-card>:nth-child(2){transition-delay:.45s}
  .fr.js .fr-ev.in .fr-card>:nth-child(3){transition-delay:.55s}
  .fr.js .fr-ev.in .fr-card>:nth-child(n+4){transition-delay:.65s}
  /* chapitres : le chiffre fantôme monte, le titre suit, le trait rouge se trace */
  .fr.js .fr-ch small{opacity:0;transform:translateY(46px);transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1)}
  .fr.js .fr-ch h2{opacity:0;transform:translateY(34px);transition:opacity .7s .2s,transform .8s cubic-bezier(.2,.7,.2,1) .2s}
  .fr.js .fr-ch h2::after{transform:scaleX(0);transition:transform .7s cubic-bezier(.3,.7,.2,1) .7s}
  .fr.js .fr-ch p{opacity:0;transition:opacity .8s .6s}
  .fr.js .fr-ch.in small,.fr.js .fr-ch.in h2{opacity:1;transform:none}
  .fr.js .fr-ch.in h2::after{transform:none}
  .fr.js .fr-ch.in p{opacity:1}
  .fr.js .fr-fin b{opacity:.2;transform:scale(.88);transition:opacity .5s,transform .6s cubic-bezier(.2,1.4,.3,1)}
  .fr.js.sc .fr-fin b{opacity:1;transform:none}
  .fr.sc .fr-mesh{animation:fr-sw .95s ease-out}
}
@keyframes fr-sw{0%{transform:scale(1)}25%{transform:scale(1.2,1.12)}55%{transform:scale(.9,1.06)}100%{transform:scale(1)}}
@media (max-width:760px){
  .fr-line{bottom:330px}
  .fr-rig{left:calc(50% - 110px)}
  .fr-e1,.fr-e2,.fr-e3{display:block}
  .fr-stats{grid-template-columns:repeat(2,1fr)}
  .fr{border-radius:24px 24px 0 0}
  .fr-track{--lx:22px;padding-top:48px}
  .fr-ball{width:38px;height:38px;margin:-19px 0 0 -19px}
  .fr-ev{grid-template-columns:44px 1fr;padding:20px 0}
  .fr-dot{grid-column:1;grid-row:1/3;align-self:start;margin-top:14px}
  .fr-d{grid-column:2;grid-row:1;justify-self:start;text-align:left;padding:0 0 10px 10px}
  .fr-d b{font-size:clamp(60px,19vw,88px)}.fr-dw b{font-size:clamp(36px,11vw,50px);max-width:none;margin-left:0}
  .fr-card{grid-column:2;grid-row:2;max-width:none;padding:0 0 0 10px}
  .fr-card::before{display:none}
  .fr-ch{text-align:left;padding:64px 0 16px 44px}
  .fr-ch:first-child{padding-top:0}
  .fr-ch>div{padding:0 0 6px;display:block}
  .fr-ch small{font-size:clamp(54px,15.5vw,80px)}
  .fr-ch h2{font-size:clamp(48px,14vw,72px)}
  .fr-ch h2::after{margin-left:0}
  .fr-ch p{margin-left:0}
  .fr-hud{right:10px;bottom:10px;padding:6px 12px}
}

/* Historique : graphique des licenciés, bouton « Plus de détails » et fenêtre */
.fr-stat{padding-top:20px;padding-bottom:8px}
.fr-stat h2{font:800 clamp(44px,6vw,80px)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:8px 0 12px}
.fr-lead{font-size:19px;line-height:1.5;color:var(--muted);max-width:62ch;margin:0 0 28px}
.fr-chart{margin:0;padding:22px 16px 4px 46px;overflow-x:auto;overflow-y:hidden}.fr-plot{min-width:calc(var(--n,6) * 38px)}
.fr-plot{position:relative;height:320px;margin-bottom:46px}
.fr-gl{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(14,14,14,.18)}
.fr-gl:first-child{border-top:2px solid rgba(14,14,14,.45)}
.fr-gl span{position:absolute;left:-46px;width:38px;text-align:right;transform:translateY(-50%);font:600 14px/1 "Barlow Condensed",sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}
.fr-bars{position:absolute;inset:0;display:flex;gap:2.5%}
.fr-bar{position:relative;flex:1;min-width:0}
.fr-col{position:absolute;left:12%;right:12%;bottom:0;display:flex;flex-direction:column;transform-origin:bottom}
.fr-tot{position:absolute;left:-10px;right:-10px;top:-30px;text-align:center;font:800 clamp(20px,2.4vw,30px)/1 "Barlow Condensed",sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.fr-col i{display:flex;align-items:center;justify-content:center;min-height:3px}
.fr-col em{font:700 15px/1 "Barlow Condensed",sans-serif;font-style:normal;color:#fff;font-variant-numeric:tabular-nums}
.fr-sf{background:var(--red)}.fr-sh{background:var(--ink)}.fr-so{background:#9aa3ab}
.fr-gap>b{font-size:20px;color:var(--muted);letter-spacing:.1em}.fr-live .fr-col{opacity:.5}.fr-bar>b small{display:block;white-space:nowrap;font-size:.72em;font-weight:600;color:var(--muted);letter-spacing:.02em;text-transform:lowercase}.fr-lv{color:var(--muted)}
.fr-col .fr-sf{border-radius:6px 6px 0 0}
.fr-bar>b{position:absolute;left:-6px;right:-6px;top:100%;margin-top:10px;text-align:center;font:600 clamp(13px,1.5vw,17px)/1.1 "Barlow Condensed",sans-serif;letter-spacing:.04em;color:var(--ink)}
.fr-leg{display:flex;gap:20px;margin-top:6px;font:600 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.fr-leg span{display:inline-flex;align-items:center;gap:8px}.fr-leg i{width:14px;height:14px;border-radius:3px;display:inline-block}
.fr-note{margin:14px 0 0;color:var(--muted);font-size:14px}
.fr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fr-more{margin-top:16px}
.fr-btn{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:9px 18px;border-radius:999px;border:1.5px solid rgba(14,14,14,.4);color:var(--ink);font:700 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,border-color .2s}
.fr-btn::-webkit-details-marker{display:none}
.fr-btn::after{content:"+";font-size:19px;line-height:.8}
.fr-btn:hover,.fr-btn:focus-visible{background:#e1000f;border-color:#e1000f;color:#fff}
.fr-more[open]>.fr-btn::after{content:"–"}
.fr-detail{margin-top:16px;text-align:left}
.fr-detail .prose,.fr-dlg .prose{max-width:none;font-size:17px;line-height:1.65;color:#33383d}
.fr-dlg .prose{color:#d3d6db}
.fr-detail .prose h2,.fr-dlg .prose h2{font:800 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--ink);margin:26px 0 8px}
.fr-dlg .prose h2{color:#fff}
.fr-detail .prose a{color:#c4000d}.fr-dlg .prose a{color:#ff6a73}.fr-detail .prose strong{color:var(--ink)}.fr-dlg .prose strong{color:#fff}
.fr-detail .prose p,.fr-dlg .prose p{margin:0 0 14px}.fr-detail .prose ul,.fr-dlg .prose ul{padding-left:1.2em;margin:0 0 14px}
.fr-dph{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:20px}
.fr-dph img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.fr-dlg{border:0;padding:0;background:#141414;color:#e8e9ec;border-radius:24px;width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.fr-dlg::backdrop{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.fr-dc{padding:34px 34px 38px;overflow:auto;max-height:calc(100dvh - 32px)}
.fr-dc .fr-detail{margin:0}
.fr-dc .fr-t{color:#fff;-webkit-text-stroke:0;font-size:clamp(40px,7vw,64px)}
.fr-dc h3{font:800 clamp(30px,5vw,44px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#fff;margin:6px 0 20px}
.fr-x{position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font:400 28px/1 sans-serif;cursor:pointer}
.fr-x:hover{background:#e1000f}
html.fr-lock{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .fr-stat.js .fr-col{transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 90ms)}
  .fr-stat.js .fr-tot{opacity:0;transition:opacity .4s ease;transition-delay:calc(var(--i) * 90ms + 700ms)}
  .fr-stat.js.in .fr-col{transform:none}.fr-stat.js.in .fr-tot{opacity:1}
  .fr-dlg[open]{animation:fr-dlg .35s cubic-bezier(.2,.8,.2,1)}
}
@keyframes fr-dlg{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media (max-width:760px){
  .fr-chart{padding-left:34px}.fr-gl span{left:-34px;width:28px}.fr-plot{height:260px}.fr-bars{gap:1.5%}.fr-col{left:6%;right:6%}.fr-col em{font-size:12px}
  .fr-dc{padding:26px 20px 30px}
}

/* Historique : photo en grand au clic */
#frise .fr-pic img,.fr-gal .fr-grid img,.fr-dc .fr-dph img,.fr-dc .prose img{cursor:zoom-in;transition:transform .25s,box-shadow .25s}
#frise .fr-pic img:hover,.fr-gal .fr-grid img:hover,.fr-dc .fr-dph img:hover,.fr-dc .prose img:hover{transform:scale(1.015);box-shadow:0 8px 24px rgba(0,0,0,.35)}
#frise .fr-pic img:focus-visible,.fr-gal .fr-grid img:focus-visible,.fr-dc .fr-dph img:focus-visible,.fr-dc .prose img:focus-visible{outline:3px solid #e1000f;outline-offset:2px}
.fr-lb{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:rgba(8,8,8,.94);color:#fff;overflow:hidden}
.fr-lb[open]{display:flex;align-items:center;justify-content:center}
.fr-lb::backdrop{background:rgba(0,0,0,.9)}
.fr-lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:calc(100vw - 32px)}
.fr-lb img{display:block;max-width:min(96vw,1600px);max-height:calc(100dvh - 96px);width:auto;height:auto;object-fit:contain;border-radius:8px;background:#fff;cursor:zoom-out}
.fr-lb figcaption{max-width:70ch;text-align:center;font-size:16px;line-height:1.4;color:#d6d8dc}
.fr-lb button{position:absolute;z-index:2;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font:400 32px/1 sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 4px}
.fr-lb button:hover,.fr-lb button:focus-visible{background:#e1000f}
.fr-lb button[hidden]{display:none}
.fr-lbx{top:14px;right:14px}.fr-lbp{left:14px;top:50%;margin-top:-24px}.fr-lbn{right:14px;top:50%;margin-top:-24px}
@media (max-width:760px){.fr-lbp,.fr-lbn{top:auto;bottom:16px;margin-top:0}.fr-lbp{left:calc(50% - 60px)}.fr-lbn{right:calc(50% - 60px)}.fr-lb img{max-height:calc(100dvh - 150px)}}
@media (prefers-reduced-motion:no-preference){.fr-lb[open] img{animation:fr-dlg .3s cubic-bezier(.2,.8,.2,1)}}

/* ===== En-tête v2 : bureau (barre + sous-menus), téléphone et tablette (bouton rond + panneau plein écran) ===== */
.nav>a.cta{padding:10px 20px;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;transition:background .15s,color .15s,border-color .15s}
.nav>a.cta:hover{background:#fff;color:var(--ink);border-color:#fff}
.nav>a.cta.on::before{display:none}.nav>a.cta.on{background:var(--red);border-color:var(--red)}
.hd .in{z-index:2}
.burger{list-style:none;position:relative;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:rgba(255,255,255,.06);-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}
.burger::-webkit-details-marker{display:none}
.burger:hover,.menu[open] .burger{background:var(--red);border-color:var(--red)}
.burger i{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .22s,opacity .15s}
.menu[open] .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu[open] .burger i:nth-child(2){opacity:0}
.menu[open] .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.burger:focus-visible{outline:3px solid #fff;outline-offset:3px}
.menu .dd{--hb:84px;position:fixed;left:0;right:0;top:var(--dt,0px);bottom:0;z-index:1;background:linear-gradient(#000 0,#000 var(--hb),#fff var(--hb));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--pt,152px) 22px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px;animation:ddin .2s ease-out}
@keyframes ddin{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
html.mo{overflow:hidden}
.mn{display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto}
.mr,.mg>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:0 4px;border-bottom:1px solid #e9eaec;font:700 27px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#0e0e0e;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.mg>summary::-webkit-details-marker{display:none}
.mr .chv,.mg>summary .chv{flex:none;color:#9aa0a6;transition:transform .2s,color .2s}
.mg[open]>summary .chv{transform:rotate(180deg);color:var(--red)}
.mg[open]>summary,.mr.on,.mg:has(.on)>summary{color:var(--red)}
.mgl{display:flex;flex-direction:column;gap:2px;padding:6px 0 14px 14px;margin:2px 0 0 4px;border-left:3px solid var(--red)}
.mgl a{padding:13px 10px;border-radius:10px;font:600 20px/1.1 "Barlow Condensed",sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#2b2f33}
.mgl a:hover,.mr:hover{background:#f3f4f6}
.mgl a.on{background:#fbeaec;color:var(--red);font-weight:700}
.mtl{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:640px;margin:0 auto}
.mt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 12px;border-radius:16px;background:#f1f2f4;color:#0e0e0e;font:700 19px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.mt:hover{background:#e6e8eb}
.mt.on{background:var(--red);color:#fff}
.mt:first-child:nth-last-child(odd){grid-column:1/-1}
.mt .cn{position:static}
.mcta{display:flex;align-items:center;justify-content:center;min-height:60px;border-radius:999px;background:var(--red);color:#fff;font:700 21px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;width:100%;max-width:640px;margin:0 auto;box-shadow:0 8px 20px rgba(182,0,12,.28)}
.mcta:hover{background:var(--red2);color:#fff}
.mfoot{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;width:100%;max-width:640px;margin:0 auto;padding-top:6px;font:600 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.mfoot a{color:#5b6168;padding:8px 2px}
.hd.sm .menu .dd{--hb:62px}
.hd .logo,.cartm{z-index:3}.cartm{position:relative}.burger{z-index:3}
@media (max-width:640px){.menu .dd{--hb:64px;padding-top:var(--pt,100px)}.hd.sm .menu .dd{--hb:54px}.burger{width:44px;height:44px}.mr,.mg>summary{font-size:25px;min-height:58px}}
@media (min-width:1181px){.menu{display:none!important}html.mo{overflow:auto}}
@media (prefers-reduced-motion:reduce){.menu .dd,.sub .sp{animation:none}.burger i,.mg>summary .chv,.gb::after{transition:none}}

/* dossiers de documents (bloc [[docs:…]]) */
.ddos{margin:8px 0 28px}
.ddos .dh{margin-bottom:14px}
.dgrp{margin-top:22px}
.dgrp h3{display:flex;align-items:baseline;gap:10px;font:700 26px/1.1 "Barlow Condensed",sans-serif;letter-spacing:.02em;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.dgrp h3 small{font:600 13px/1 "Barlow",sans-serif;color:var(--mute,#666);letter-spacing:0}
.dlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.dlist li{border-bottom:1px solid rgba(14,14,14,.1)}
.dlist li[hidden]{display:none}
.dfile{display:flex;align-items:center;gap:14px;padding:12px 4px;text-decoration:none;color:var(--ink)}
.dfile:hover{background:rgba(14,14,14,.04)}
.dfile:hover b{text-decoration:underline;text-underline-offset:3px}
.dk{font:700 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;background:var(--red);color:#fff;padding:7px 8px;border-radius:6px;font-style:normal;flex:none;min-width:42px;text-align:center}
.dt{display:flex;flex-direction:column;gap:2px;min-width:0}
.dt b{font-weight:600;overflow-wrap:anywhere}
.dt .dd{font-size:14px;color:var(--mute,#555)}
.dt em{font-style:normal;font-size:13px;color:var(--mute,#666)}
.dsearch{width:100%;max-width:420px;padding:11px 14px;border:1.5px solid rgba(14,14,14,.2);border-radius:10px;font:inherit;background:#fff;margin-bottom:6px}
.dsearch:focus{outline:2px solid var(--red);outline-offset:1px}
.prose .dlist{margin:0;padding:0;list-style:none}.prose .dlist li{margin:0;padding:0}
.prose a.dfile{text-decoration:none;color:var(--ink);font-weight:400;display:flex}
.prose a.dfile .dt b{font-weight:600}.prose a.dfile:hover .dt b{color:var(--red)}
.prose .dgrp h3{margin:0 0 8px}

/* dossiers : affichage en cartes */
.prose .dlist.dcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:6px}
.prose .dlist.dcards li{border:0}
.prose .dcards a.dfile{flex-direction:column;align-items:flex-start;gap:12px;height:100%;padding:18px;background:#fff;border:1.5px solid rgba(14,14,14,.14);border-radius:14px;transition:transform .15s,box-shadow .15s,border-color .15s}
.prose .dcards a.dfile:hover{background:#fff;border-color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.1)}
.dcards .dk{font-size:13px;padding:10px 12px;min-width:56px}
.dcards .dt b{font-size:17px;line-height:1.25}
.ddos .dsearch{display:block}

/* ---------- Menu flottant (réglage « Style du menu du haut » : flottant / classique) ----------
   Le bandeau noir disparaît : le logo (plus grand, sans texte) et deux pastilles de verre flottent au-dessus de l'image. Sur l'accueil l'en-tête
   recouvre le haut de la vidéo ; sur les autres pages il garde sa place réservée. Le bandeau rouge d'annonce reste tout en haut. */
:root{--glass:rgba(12,12,12,.46);--glass2:rgba(12,12,12,.72);--glb:rgba(255,255,255,.18)}
.hdw.fl{height:100px}
.hdw.fl.hm{height:0}
.hdw.fl.hm .hd{position:absolute;left:0;right:0;top:0}
.hd.fl{background:transparent;border:0}
.hd.fl.sm{box-shadow:none}
.hd.fl .in{height:100px;padding-left:210px;gap:16px}
.hd.fl .logo{left:26px;top:8px}
.hd.fl .logo img{width:170px}
.hd.fl.sm .in{height:78px;padding-left:136px}
.hd.fl.sm .logo{left:22px;top:6px}.hd.fl.sm .logo img{width:98px}
.hd.fl .nav{gap:2px;padding:6px;border-radius:999px;background:var(--glass);border:1px solid var(--glb);box-shadow:0 10px 30px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);transition:background .25s}
.hd.fl.sm .nav{background:var(--glass2)}
.hd.fl .n1{margin-left:auto}
.hd.fl .n2{margin-left:auto;padding-left:10px}
.hd.fl .nav>a,.hd.fl .gb{padding:12px 17px;border-radius:999px;transition:background .15s,color .15s}
.hd.fl .nav>a:hover,.hd.fl .gb:hover,.hd.fl .g:hover .gb,.hd.fl .g:focus-within .gb,.hd.fl .g.open .gb{background:var(--red);color:#fff}
.hd.fl .nav>a.on,.hd.fl .gb.on{background:var(--red);color:#fff}
.hd.fl .nav>a.on::before,.hd.fl .gb.on::before{display:none}
.hd.fl .sub{left:0}
.hd.fl .cart{margin-left:0;padding:8px}
.hd.fl .nav>a.cta{background:#fff;color:#0e0e0e;border:0;padding:12px 20px}
.hd.fl .nav>a.cta:hover{background:var(--red);color:#fff}
.hd.fl .nav>a.cta.on{background:var(--red);color:#fff}
.hd.fl .burger{background:var(--glass);border-color:var(--glb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hd.fl .cartm{padding:4px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--glb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hdw.hm~main .hero .tx{min-height:700px}
@media (min-width:1181px) and (max-width:1560px){.hd.fl .in{padding-left:200px}.hd.fl .nav>a,.hd.fl .gb{padding:11px 12px}}
@media (max-width:1180px){.hd.fl .in{justify-content:flex-end}}
@media (max-width:640px){
  .hdw.fl{height:76px}.hdw.fl.hm{height:0}
  .hd.fl .in{height:76px;padding-left:122px;gap:8px}
  .hd.fl .logo{left:14px;top:4px}.hd.fl .logo img{width:104px}
  .hd.fl.sm .in{height:62px;padding-left:96px}.hd.fl.sm .logo{left:12px;top:2px}.hd.fl.sm .logo img{width:76px}
  .hdw.hm~main .hero .tx{min-height:660px}
}
.hdw.fl:not(.hm) .hd .nav,.hdw.fl:not(.hm) .hd .cartm,.hdw.fl:not(.hm) .hd .burger{background:rgba(12,12,12,.9)}

/* ---------- Bloc « match » de l'accueil : trois styles (blanc, noir, rouge), volets à faire glisser ----------
   Réglé dans Site internet › Accueil. Blanc = billet ; noir et rouge = barre. Les logos sont posés tels quels (PNG à fond transparent). */
.mbs{display:flex;gap:calc(var(--sp,28px) + 24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;--sp:28px;padding:18px var(--sp) 44px;margin:-18px calc(-1 * var(--sp)) -44px;scroll-padding-inline:var(--sp);-webkit-overflow-scrolling:touch}   /* la marge intérieure laisse la place à l'ombre : elle n'est plus coupée net sur les côtés */
.mbs::-webkit-scrollbar{display:none}
.mbs:focus-visible{outline:3px solid var(--redl);outline-offset:-3px;border-radius:30px}
.mb{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:grid;align-items:center}
.mb .mbi{display:flex;flex-direction:column;gap:5px;min-width:0}
.mb .lv{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 "Barlow",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.mb .lv i{width:8px;height:8px;border-radius:50%;background:var(--redl);box-shadow:0 0 0 4px rgba(225,0,15,.28);flex:none}
.mb .lv i.g{background:#37c76a;box-shadow:0 0 0 4px rgba(55,199,106,.25)}
.mb .dt{font:900 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.mb .sb{font-size:13px}
.mb .mbt{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0}
.mb .tm{display:flex;align-items:center;gap:12px;min-width:0}
.mb .tm b{font:800 26px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.mb .crest{width:62px;height:62px}
.mb .crest.has{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}
.mb .vs{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid currentColor;font:900 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;opacity:.85;flex:none}
.mb .score{display:flex;align-items:baseline;gap:8px}
.mb .score b{font:900 38px/.9 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums}
.mb .score i{font:700 24px/1 "Barlow Condensed",sans-serif;font-style:normal;opacity:.5}
.mb .mbr{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.mb .mbc{display:flex;align-items:center}
.mb .digits{display:flex;gap:6px;align-items:baseline}
.mb .digits div{display:flex;align-items:baseline;gap:3px;text-align:left}
.mb .digits div+div::before{content:":";font:700 28px/1 "Barlow Condensed",sans-serif;margin-right:3px;opacity:.55}
.mb .digits b{display:inline;font:900 44px/1 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums}
.mb .digits i{font:600 13px/1 "Barlow",sans-serif;letter-spacing:.06em;text-transform:none;opacity:.7}
.mb .live{display:flex;align-items:center;gap:12px;font:800 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.mb .live i{width:12px;height:12px;border-radius:50%;background:currentColor;animation:livep 1.4s ease-in-out infinite}
.mb .vb{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;font:700 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.mb .go{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;text-decoration:none}
.mb .go em{font-style:normal}
.mb .go span{display:grid;place-items:center;font-size:20px;font-weight:700}
/* barre (noir et rouge) */
.mbx[data-st="noir"] .mb,.mbx[data-st="rouge"] .mb{grid-template-columns:auto 1fr auto;gap:30px;padding:18px 22px 18px 28px;border-radius:30px;color:#fff}
.mbx[data-st="noir"] .mb{background:linear-gradient(135deg,#1a1a1b,#0b0b0c);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 26px -10px rgba(0,0,0,.45)}
.mbx[data-st="rouge"] .mb{background:linear-gradient(135deg,var(--redl),var(--red) 45%,var(--red2));box-shadow:0 14px 26px -10px rgba(143,0,9,.5)}
.mbx[data-st="noir"] .mbi,.mbx[data-st="rouge"] .mbi{min-width:190px}
.mbx[data-st="noir"] .lv{color:#ff9aa1}
.mbx[data-st="rouge"] .lv{color:rgba(255,255,255,.88)}.mbx[data-st="rouge"] .lv i{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}.mbx[data-st="rouge"] .lv i.g{background:#fff}
.mbx[data-st="noir"] .sb{color:#a6a9ae}.mbx[data-st="rouge"] .sb{color:rgba(255,255,255,.82)}
.mbx[data-st="noir"] .vs{border-color:rgba(255,255,255,.35)}.mbx[data-st="rouge"] .vs{border-color:rgba(255,255,255,.55)}
.mbx[data-st="noir"] .crest:not(.has),.mbx[data-st="rouge"] .crest:not(.has){background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff}
.mbx[data-st="noir"] .digits div+div::before{color:var(--redl);opacity:1}
.mbx[data-st="noir"] .vb.win{background:rgba(55,199,106,.18);color:#7be39e}.mbx[data-st="noir"] .vb.loss{background:rgba(225,0,15,.2);color:#ff9aa1}.mbx[data-st="noir"] .vb.nul{background:rgba(255,255,255,.12);color:#d3d6da}
.mbx[data-st="rouge"] .vb{background:rgba(255,255,255,.2);color:#fff}.mbx[data-st="rouge"] .vb.win{background:#12803a;color:#fff}
.mbx[data-st="noir"] .go,.mbx[data-st="rouge"] .go{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--ink)}
.mbx[data-st="rouge"] .go{color:var(--red)}
.mbx[data-st="noir"] .go:hover{background:var(--redl);color:#fff}.mbx[data-st="rouge"] .go:hover{background:var(--ink);color:#fff}
.mbx[data-st="noir"] .go em,.mbx[data-st="rouge"] .go em{display:none}
/* billet (blanc) */
.mbx[data-st="blanc"] .mb{grid-template-columns:1fr auto 1fr;gap:28px;padding:26px 30px;border-radius:26px;background:#fff;color:var(--ink);box-shadow:0 14px 26px -10px rgba(14,14,14,.26),0 0 0 1px rgba(14,14,14,.05)}
.mbx[data-st="blanc"] .mbi{align-items:flex-start;gap:8px}
.mbx[data-st="blanc"] .lv{height:28px;padding:0 12px;border-radius:999px;background:var(--red);color:#fff;font:700 13px/1 "Barlow Condensed",sans-serif}
.mbx[data-st="blanc"] .lv i{display:none}
.mbx[data-st="blanc"] .mbr2 .lv{background:var(--ink)}
.mbx[data-st="blanc"] .dt{font-size:36px}
.mbx[data-st="blanc"] .sb{color:var(--muted);font-size:14px}
.mbx[data-st="blanc"] .tm{flex-direction:column;gap:6px;text-align:center}
.mbx[data-st="blanc"] .mbt{gap:22px}
.mbx[data-st="blanc"] .crest{width:78px;height:78px}
.mbx[data-st="blanc"] .score b{font-size:50px}.mbx[data-st="blanc"] .score i{font-size:28px;color:#9aa1ab;opacity:1}
.mbx[data-st="blanc"] .digits{gap:8px}
.mbx[data-st="blanc"] .digits div{flex-direction:column;align-items:center;gap:3px;min-width:74px;padding:10px 12px 8px;border-radius:14px;background:#f1f2f4;text-align:center}
.mbx[data-st="blanc"] .digits div+div::before{display:none}
.mbx[data-st="blanc"] .digits b{font-size:40px}
.mbx[data-st="blanc"] .digits i{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:1}
.mbx[data-st="blanc"] .vb.win{background:#e4f4e8;color:#14702f}.mbx[data-st="blanc"] .vb.loss{background:#fde8ea;color:#a3000b}.mbx[data-st="blanc"] .vb.nul{background:#eceef1;color:#4a5260}
.mbx[data-st="blanc"] .go{height:48px;padding:0 7px 0 20px;border-radius:999px;background:var(--ink);color:#fff;font:700 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.mbx[data-st="blanc"] .go span{width:34px;height:34px;border-radius:50%;background:var(--redl);font-size:17px}
.mbx[data-st="blanc"] .go:hover{background:var(--red)}
/* navigation du carrousel */
.mbn{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.mbd{display:flex;gap:7px;align-items:center}
.mbd i{width:8px;height:8px;border-radius:50%;background:rgba(14,14,14,.22);cursor:pointer;transition:width .2s,background .2s}
.mbd i.on{width:24px;border-radius:4px;background:var(--red)}
.mbp,.mbq{width:36px;height:36px;border-radius:50%;border:1px solid rgba(14,14,14,.18);background:#fff;color:var(--ink);font:700 20px/1 "Barlow",sans-serif;cursor:pointer;padding:0 0 3px}
.mbp:hover,.mbq:hover{background:var(--ink);color:#fff}
@media (hover:none){.mbp,.mbq{display:none}}
@media (prefers-reduced-motion:reduce){.mb .live i{animation:none}.mbd i{transition:none}}
@media (max-width:760px){
  .mbs{--sp:16px}
  .mbx[data-st="noir"] .mb{box-shadow:0 12px 22px -8px rgba(0,0,0,.45)}.mbx[data-st="rouge"] .mb{box-shadow:0 12px 22px -8px rgba(143,0,9,.5)}.mbx[data-st="blanc"] .mb{box-shadow:0 12px 22px -8px rgba(14,14,14,.26),0 0 0 1px rgba(14,14,14,.05)}
  .mb .dt{font-size:24px}
  .mb .tm b{font-size:21px;white-space:normal;overflow-wrap:anywhere;line-height:1.05}
  .mb .crest{width:58px;height:58px}
  .mb .mbi{min-width:0!important}
  .mbx[data-st="noir"] .mb,.mbx[data-st="rouge"] .mb{grid-template-columns:1fr;gap:16px;padding:18px 16px;border-radius:24px}
  .mbx[data-st="noir"] .mbt,.mbx[data-st="rouge"] .mbt{justify-content:space-between;gap:8px;align-items:flex-start}
  .mbx[data-st="noir"] .tm,.mbx[data-st="rouge"] .tm{flex-direction:column;gap:6px;text-align:center;flex:1 1 0}
  .mbx[data-st="noir"] .vs,.mbx[data-st="rouge"] .vs{align-self:center}
  .mbx[data-st="noir"] .score,.mbx[data-st="rouge"] .score{align-self:center}
  .mbx[data-st="noir"] .mbr,.mbx[data-st="rouge"] .mbr{justify-content:space-between;gap:10px}
  .mbx[data-st="noir"] .mbc,.mbx[data-st="rouge"] .mbc{flex:1;justify-content:space-around;padding:10px 8px;border-radius:18px;background:rgba(255,255,255,.1)}
  .mb .digits b{font-size:34px}
  .mb .live{font-size:22px}
  .mbx[data-st="blanc"] .mb{grid-template-columns:1fr;gap:18px;padding:20px 18px;border-radius:22px}
  .mbx[data-st="blanc"] .mbi{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}
  .mbx[data-st="blanc"] .dt{font-size:28px}
  .mbx[data-st="blanc"] .sb{flex-basis:100%}
  .mbx[data-st="blanc"] .mbt{justify-content:space-between;gap:10px;align-items:flex-start}
  .mbx[data-st="blanc"] .tm{flex:1 1 0}
  .mbx[data-st="blanc"] .crest{width:58px;height:58px}
  .mbx[data-st="blanc"] .score b{font-size:38px}.mbx[data-st="blanc"] .score i{font-size:22px}
  .mbx[data-st="blanc"] .mbr{flex-direction:column;align-items:stretch;gap:12px}
  .mbx[data-st="blanc"] .mbc .digits{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .mbx[data-st="blanc"] .mbc{display:block}
  .mbx[data-st="blanc"] .digits div{min-width:0}
  .mbx[data-st="blanc"] .vb{align-self:flex-start}
  .mbx[data-st="blanc"] .go{justify-content:space-between;height:52px;padding:0 9px 0 22px}
}
.mb .digits[hidden],.mb [hidden]{display:none!important}

/* ---------- Accueil : agenda des prochains matchs ---------- */
.ag [hidden]{display:none!important}
.ag .agf{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 18px;margin:0 -2px;scrollbar-width:none}.ag .agf::-webkit-scrollbar{display:none}
.ag .agf .chip{flex:none;cursor:pointer;font-family:inherit;height:40px;padding:0 18px;font:700 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em}
.ag .agf i{flex:none;width:1px;background:rgba(14,14,14,.2);margin:6px 6px}
.ag .agw{margin-bottom:26px}
.ag .agwh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--ink);font:700 15px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ag .agwh em{font-style:normal;color:var(--red);text-align:right}.ag .agwh a{color:var(--red)}
.ag .agd{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin-bottom:14px}
.ag .agdh{align-self:start;position:sticky;top:104px;padding-top:14px}
.ag .agdh b{display:block;font:900 32px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.ag .agdh i{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:999px;background:var(--red);color:#fff;font:700 12px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;font-style:normal}
.ag .agdh span{display:block;margin-top:4px;color:var(--muted);font-size:14px}
.ag .agr{display:grid;gap:10px;min-width:0}
.ag .agm{display:grid;grid-template-columns:96px minmax(150px,auto) minmax(0,1fr) auto auto;align-items:center;gap:8px 22px;background:#fff;border-radius:18px;padding:14px 20px;border-left:5px solid var(--red);box-shadow:0 1px 2px rgba(14,14,14,.05),0 12px 26px -16px rgba(14,14,14,.3)}
.ag .agm.away{border-left-color:#aeb4bd}
.ag .agh{font:900 40px/1 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ag .agm .crests{gap:8px;min-width:150px}.ag .agm .crest{width:46px;height:46px;font-size:11px}.ag .agm .crests .vs{font-size:13px}
.ag .agn{min-width:0}.ag .agn b{display:block;font:700 23px/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.ag .agn b em{font:500 15px/1 "Barlow",sans-serif;font-style:normal;text-transform:none;color:var(--muted);margin:0 2px}
.ag .agn span{display:block;margin-top:4px;color:var(--muted);font-size:14px}
.ag .agt{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ag .agm .tag.k{background:var(--ink);color:#fff}
.ag .aga{display:flex;gap:8px}
.ag .agb{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:999px;border:1.5px solid rgba(14,14,14,.25);font:700 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#fff}
.ag .agb svg{width:16px;height:16px;fill:currentColor;flex:none}
.ag .agb:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.ag .agb:focus-visible,.ag .agf .chip:focus-visible,.ag [data-more]:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ag .agmore{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}
.ag .agmore .agall{font:700 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.ag .agvide{text-align:center;padding:26px 0}
.ag .agw.res .mrow{margin-bottom:0}
@media (max-width:1100px){.ag .agd{grid-template-columns:1fr;gap:6px}.ag .agdh{position:static;display:flex;align-items:baseline;gap:10px;padding-top:4px;flex-wrap:wrap}.ag .agdh i{margin-top:0}.ag .agdh span{margin-top:0}}
@media (max-width:900px){
  .ag .agm{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"h t" "v n" "a a";gap:10px 16px;padding:14px 16px}
  .ag .agh{grid-area:h;font-size:36px}.ag .agm .crests{grid-area:v;min-width:0}.ag .agn{grid-area:n}.ag .agt{grid-area:t;justify-content:flex-end;align-self:center}.ag .aga{grid-area:a}
  .ag .agb{flex:1;justify-content:center;height:44px}
  .ag .agdh b{font-size:28px}
}
@media (max-width:420px){.ag .agm .crest{width:42px;height:42px}.ag .agn b{font-size:21px}.ag .agwh{font-size:14px;letter-spacing:.1em}}
@media (prefers-reduced-motion:no-preference){.ag .agm{transition:transform .18s,box-shadow .18s}.ag .agm:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(14,14,14,.05),0 18px 30px -16px rgba(14,14,14,.38)}}
@media print{.ag .agf,.ag .aga,.ag .agmore{display:none!important}}

/* ---------- Blocs « Statistiques » des pages ---------- */
.stb{margin:30px 0;padding:26px 28px;background:#fff;border-radius:22px;border:1px solid rgba(14,14,14,.07);box-shadow:0 1px 2px rgba(14,14,14,.05),0 12px 28px -16px rgba(14,14,14,.25);font-family:"Barlow",system-ui,sans-serif}
.stb h3{margin:0 0 18px;font:800 26px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.prose .stb ul,.stb ul{list-style:none;margin:0;padding:0}
.stb .stn{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 22px}
.stb .stn li{display:flex;flex-direction:column;gap:6px;padding-left:16px;border-left:4px solid var(--red)}
.stb .stn b{font:900 clamp(40px,6vw,60px)/.95 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}
.stb .stn li>span{font:700 15px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.stb .stbars{display:grid;gap:12px}
.stb .stbars li{display:grid;grid-template-columns:minmax(110px,200px) 1fr auto;align-items:center;gap:14px}
.stb .stl{font:700 17px/1.15 "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.stb .stbar{height:22px;border-radius:999px;background:#eceef1;overflow:hidden}
.stb .stbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red2),var(--redl))}
.stb .stbars b{font:800 24px/1 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right}
.stb .stline{display:block;width:100%;height:auto;overflow:visible}
.stb .stline .g{stroke:#e3e5e9;stroke-width:1.5}.stb .stline .ax{fill:var(--muted);font:600 19px "Barlow Condensed",sans-serif;letter-spacing:.04em}
.stb .stline .ln{fill:none;stroke:var(--red);stroke-width:4.5;stroke-linejoin:round;stroke-linecap:round}.stb .stline .ar{fill:rgba(182,0,12,.1)}
.stb .stline .pt{fill:#fff;stroke:var(--red);stroke-width:3.5}.stb .stline .vl{fill:var(--ink);font:800 22px "Barlow Condensed",sans-serif}
.stb .stdn{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.stb .stdn svg{width:230px;max-width:100%;height:auto;flex:none}
.stb .stdn .tot{font:900 40px "Barlow Condensed",sans-serif;fill:var(--ink)}.stb .stdn .sub{font:600 14px "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;fill:var(--muted)}
.stb .stleg{display:grid;gap:10px;flex:1;min-width:220px}
.stb .stleg li{display:grid;grid-template-columns:16px 1fr auto auto;align-items:center;gap:12px}
.stb .stleg i{width:16px;height:16px;border-radius:50%}
.stb .stleg span{font:700 17px/1.15 "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.stb .stleg b{font:800 24px/1 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums}.stb .stleg em{font-style:normal;color:var(--muted);min-width:3.2em;text-align:right}
@media (max-width:560px){.stb .stline .ax{font-size:27px}.stb .stline .vl{font-size:29px}.stb{padding:20px 18px}.stb .stbars li{grid-template-columns:1fr auto;gap:6px 12px}.stb .stbars .stbar{grid-column:1/-1;grid-row:2}.stb .stdn{gap:20px}.stb .stdn svg{width:190px;margin:0 auto}}

/* ---------- Accueil : « affiche de match » ---------- */
.afs{position:relative;isolation:isolate;overflow:hidden;margin-top:64px;padding:56px 0 64px;color:#fff;background:#050505}
.afs::before{content:"";position:absolute;inset:0;z-index:-2;background:#0b0b0c}
.afs .afc{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:.1}
.afs .afh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}
.afs .afh .eyebrow{color:#ff7a84}.afs .afh h2{color:#fff;margin-top:2px}
.afs .pill.o{color:#fff;border-color:rgba(255,255,255,.5)}.afs .pill.o:hover{background:#fff;color:var(--ink);border-color:#fff}
.afs .afg{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:22px;align-items:stretch}
.afs .afp{position:relative;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;min-height:430px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.afs .afo{display:none;position:relative;grid-template-columns:1.25fr 1fr;gap:20px;padding:34px 36px;height:100%}.afs .afo.on{display:grid}
.afs .afgh{position:absolute;right:-10px;top:-50px;font:600 380px/1 "Barlow Condensed",sans-serif;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.14);pointer-events:none;letter-spacing:-.02em}
.afs .afl,.afs .afr{position:relative;z-index:1;min-width:0}
.afs .afchip{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--red);color:#fff;font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.afs .afdj{margin:18px 0 0;font:600 22px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ffb3b8}
.afs .afo h3{margin:6px 0 0;font:600 clamp(64px,7.4vw,108px)/.85 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;color:#fff}
.afs .afvs{margin:10px 0 0;font:600 36px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}.afs .afvs i{font:500 18px "Barlow",sans-serif;text-transform:none;opacity:.7;font-style:normal;margin-right:6px}
.afs .afcr{display:flex;align-items:center;gap:16px;margin-top:26px}.afs .afcr>img{height:96px;width:auto}.afs .afcr>span{font:600 16px "Barlow Condensed",sans-serif;letter-spacing:.2em;opacity:.7}
.afs .afcr .crest{width:84px;height:84px;font-size:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff}.afs .afcr .crest.has{background:none;border:0;border-radius:0}
.afs .afr{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;align-items:flex-start}
.afs .afhh{font:600 clamp(70px,9vw,128px)/.8 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff,#ff7a84);-webkit-background-clip:text;background-clip:text;color:transparent}
.afs .afcd{display:flex;gap:10px}.afs .afcd div{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 14px;text-align:center;min-width:76px}
.afs .afcd b{display:block;font:600 38px/1 "Barlow Condensed",sans-serif;font-variant-numeric:tabular-nums}.afs .afcd i{font:600 12px "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-style:normal}
.afs .aflo{margin:0;opacity:.8}
.afs .afbt{display:flex;gap:10px;flex-wrap:wrap}.afs .afbt a{display:inline-flex;align-items:center;height:46px;padding:0 24px;border-radius:999px;font:600 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.afs .afb1{background:#fff;color:var(--red)!important}.afs .afb1:hover{background:var(--red);color:#fff!important}.afs .afb2{border:1.5px solid rgba(255,255,255,.6)}.afs .afb2:hover{background:#fff;color:var(--red)!important}
.afs .afli{display:flex;flex-direction:column;gap:10px;min-width:0}.afs .afli h4{margin:0 0 4px;font:600 15px "Barlow Condensed",sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.65}
.afs .afls{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto;scrollbar-width:thin;padding-right:2px}
.afs .afn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:12px 16px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:background .2s,transform .2s}
.afs .afn:hover{background:rgba(255,255,255,.12)}.afs .afn.on{background:#fff;color:var(--ink);border-color:#fff}
.afs .afn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.afs .afdd{display:flex;flex-direction:column;align-items:center;padding:6px 0;border-radius:14px;background:rgba(255,255,255,.1);line-height:1}.afs .afn.on .afdd{background:var(--red);color:#fff}
.afs .afdd i{font:600 12px "Barlow Condensed",sans-serif;letter-spacing:.16em;font-style:normal;opacity:.85}.afs .afdd b{font:600 32px/1 "Barlow Condensed",sans-serif}.afs .afdd em{font:600 11px "Barlow Condensed",sans-serif;letter-spacing:.16em;font-style:normal;opacity:.85}
.afs .aftt{min-width:0}.afs .aftt b{display:block;font:600 21px/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase}.afs .aftt small{font:500 14px "Barlow",sans-serif;text-transform:none;opacity:.6}.afs .aftt em{font-style:normal;font-size:14px;opacity:.7}
.afs .afar{font:700 22px "Barlow",sans-serif;opacity:.6}.afs .afall{margin-top:auto;align-self:flex-start}
@media (prefers-reduced-motion:reduce){.afs .afn{transition:none}}
/* fond blanc */
.afs.light{background:#fff;color:var(--ink)}
.afs.light::before{background:#f6f6f7}
.afs.light .afc{opacity:.07;filter:invert(1)}
.afs.light .afh .eyebrow{color:var(--red)}.afs.light .afh h2{color:var(--ink)}.afs.light .pill.o{color:var(--ink);border-color:rgba(14,14,14,.35)}.afs.light .pill.o:hover{background:var(--ink);color:#fff}
.afs.light .afp{background:#fff;border:1px solid rgba(14,14,14,.08);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 30px 60px -28px rgba(14,14,14,.35),0 2px 6px rgba(14,14,14,.06)}
.afs.light .afgh{-webkit-text-stroke:2px rgba(182,0,12,.16)}.afs.light .afdj{color:var(--red)}.afs.light .afo h3,.afs.light .afvs{color:var(--ink)}
.afs.light .afhh{background:linear-gradient(180deg,#e1000f,#8f0009);-webkit-background-clip:text;background-clip:text}
.afs.light .afcd div{background:#f3f4f6;border-color:rgba(14,14,14,.1)}.afs.light .afcr .crest{background:#eceef1;border-color:#d6d9df;color:#3b424c}.afs.light .afcr .crest.has{background:none;border:0}.afs.light .afcr>span{color:var(--ink)}
.afs.light .aflo{color:var(--muted);opacity:1}.afs.light .afb1{background:var(--red);color:#fff!important}.afs.light .afb1:hover{background:var(--ink)}
.afs.light .afb2{border-color:rgba(14,14,14,.4);color:var(--ink)!important}.afs.light .afb2:hover{background:var(--ink);color:#fff!important}
.afs.light .afli h4{color:var(--ink)}.afs.light .afn{background:#fff;border-color:rgba(14,14,14,.1);box-shadow:0 8px 18px -14px rgba(14,14,14,.4)}.afs.light .afn:hover{background:#f3f4f6}
.afs.light .afn.on{background:var(--ink);color:#fff;border-color:var(--ink)}.afs.light .afdd{background:#f0f1f3}.afs.light .afn.on .afdd{background:var(--red);color:#fff}.afs.light .afn:focus-visible{outline-color:var(--red)}
@media (max-width:980px){.afs .afg{grid-template-columns:1fr}.afs .afo{grid-template-columns:1fr;padding:26px 22px}.afs .afgh{font-size:260px;top:-30px}
  .afs .afls{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px}.afs .afli h4,.afs .afall{display:none}.afs .afn{flex:0 0 78%;scroll-snap-align:start}}
@media (max-width:560px){.afs .afh{flex-direction:column;align-items:flex-start}.afs .afo h3{font-size:84px}.afs .afvs{font-size:30px}.afs .afhh{font-size:76px}.afs .afcr>img{height:72px}.afs .afcr .crest{width:64px;height:64px;font-size:16px}.afs{padding-top:40px}}
@media print{.afs .afli{display:none}}

.afs .afh h2{font-weight:600;letter-spacing:.01em}.afs .afhh,.afs .afo h3{letter-spacing:0}

/* ===== Page « L'appli ! » ===== */
.ap-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center;padding-top:8px}
.ap-ph{display:flex;justify-content:center}
.ap-phone{width:min(330px,100%);border-radius:46px;background:#0b0b0c;padding:11px;box-shadow:0 0 0 2px #2a2a2c,0 40px 70px -30px rgba(14,14,14,.45)}
.ap-scr{border-radius:36px;overflow:hidden;aspect-ratio:9/17.2;background:#e9ecef}
.ap-scr img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ap-feat{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ap-feat li{display:flex;gap:18px;align-items:flex-start;padding:20px 22px;background:#fff;border-radius:20px;border:1px solid rgba(14,14,14,.07);box-shadow:0 1px 2px rgba(14,14,14,.05),0 10px 28px rgba(14,14,14,.05)}
.ap-i{flex:none;width:52px;height:52px;border-radius:16px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center}
.ap-feat b{display:block;font:800 26px/1 "Barlow Condensed",sans-serif;letter-spacing:.02em;text-transform:uppercase}
.ap-feat p{margin:6px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
.ap-ffbb{margin-top:88px;background:#0e0e0e;color:#fff;padding:72px 0}
.ap-ffbb .eyebrow{color:#ff6a73}
.ap-ffbb h2{font:800 clamp(44px,6vw,84px)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:12px 0 16px;max-width:14ch}
.ap-ffbb p{margin:0;max-width:none;font-size:19px;line-height:1.55;color:#d6d8dc}
.ap-chips{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0;padding:0}
.ap-chips li{padding:12px 22px;border-radius:999px;border:1.5px solid rgba(255,255,255,.4);font:700 20px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ap-how h2{font:800 clamp(40px,5vw,68px)/.92 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:10px 0 28px}
.ap-steps{list-style:none;counter-reset:ap;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 32px;padding:0}
.ap-steps li{counter-increment:ap;border-top:3px solid var(--red);padding-top:16px}
.ap-steps li::before{content:counter(ap);display:block;font:800 56px/.9 "Barlow Condensed",sans-serif;color:var(--red)}
.ap-steps b{display:block;margin-top:6px;font:800 26px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.ap-steps p{margin:8px 0 0;color:var(--muted);line-height:1.5}
.ap-how .btns{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:24px}
.big-ap{height:54px;padding:0 30px;font-size:19px}
.ap-head .intro{max-width:none}
.ap-lead{margin:0 0 24px;max-width:none;font-size:18px;line-height:1.55;color:var(--muted)}
.ap-inst{padding-bottom:32px}
.ap-inst h2{font:800 clamp(40px,5vw,68px)/.92 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:10px 0 16px}
.ap-os{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ap-os .card{padding:26px 28px}
.ap-os .card .h{display:flex;align-items:baseline;gap:12px;font-size:28px}
.ap-os .card .h small{font:600 14px/1 "Barlow Condensed",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--red2)}
.ap-os-l{list-style:none;counter-reset:os;margin:16px 0 0;padding:0;display:grid;gap:12px}
.ap-os-l li{counter-increment:os;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;line-height:1.5;font-size:16.5px}
.ap-os-l li::before{content:counter(os);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font:700 18px/1 "Barlow Condensed",sans-serif}
@media (max-width:900px){.ap-os{grid-template-columns:1fr}.ap-top{grid-template-columns:1fr;gap:32px}.ap-steps{grid-template-columns:1fr}.ap-ffbb{padding:52px 0}}