/* ASBB · styles du site, repris de la maquette (Site ASBB.dc.html). */
body{margin:0;background:#F5F4F2}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@keyframes asbb-defile{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes asbb-pulse{0%,100%{opacity:.5}50%{opacity:1}}
.asbb-grain{position:absolute;inset:0;pointer-events:none;background-image:url(../img/grainy.gif),radial-gradient(rgba(255,255,255,.9) .7px,transparent .8px),radial-gradient(rgba(255,255,255,.6) .6px,transparent .7px);background-size:200px 200px,6px 6px,11px 11px;background-position:0 0,0 0,3px 5px;background-repeat:repeat;opacity:.06}
.asbb-grain--sombre{background-image:url(../img/grainy.gif),radial-gradient(rgba(7,7,7,.9) .7px,transparent .8px),radial-gradient(rgba(7,7,7,.5) .6px,transparent .7px);opacity:.045}
@media (prefers-reduced-motion:reduce){.asbb-grain{background-image:radial-gradient(rgba(255,255,255,.9) .7px,transparent .8px),radial-gradient(rgba(255,255,255,.6) .6px,transparent .7px);background-size:6px 6px,11px 11px;background-position:0 0,3px 5px}}
.asbb-cta{position:relative;overflow:hidden;--asbb-circle:28px;--asbb-gap:8px;--asbb-text:#fff;--asbb-fill:#fff;--asbb-fill-text:#E7011D}
.asbb-cta>span:first-child{color:var(--asbb-text)}
.asbb-cta::before{content:"";position:absolute;z-index:1;top:calc((100% - var(--asbb-circle))/2);bottom:calc((100% - var(--asbb-circle))/2);right:var(--asbb-gap);left:calc(100% - var(--asbb-gap) - var(--asbb-circle));border-radius:calc(var(--asbb-circle)/2);background:var(--asbb-fill);pointer-events:none;transition:top 450ms cubic-bezier(.785,.135,.15,.86),bottom 450ms cubic-bezier(.785,.135,.15,.86),left 450ms cubic-bezier(.785,.135,.15,.86),right 450ms cubic-bezier(.785,.135,.15,.86),border-radius 450ms cubic-bezier(.785,.135,.15,.86)}
.asbb-cta::after{content:attr(data-label);position:absolute;z-index:2;inset:0;display:flex;align-items:center;padding:inherit;white-space:nowrap;color:var(--asbb-fill-text);pointer-events:none;clip-path:inset(calc((100% - var(--asbb-circle))/2) var(--asbb-gap) calc((100% - var(--asbb-circle))/2) calc(100% - var(--asbb-gap) - var(--asbb-circle)));transition:clip-path 450ms cubic-bezier(.785,.135,.15,.86)}
.asbb-cta:hover::before,.asbb-cta:focus-visible::before{top:0;bottom:0;right:0;left:0;border-radius:inherit}
.asbb-cta:hover::after,.asbb-cta:focus-visible::after{clip-path:inset(0 0 0 0)}
.asbb-cta>span:last-child,.asbb-cta>span:has(.asbb-fleche){position:relative;z-index:3;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}
.asbb-cta:hover .asbb-fleche,.asbb-cta:focus-visible .asbb-fleche{animation:asbb-fleche-relais 450ms cubic-bezier(.785,.135,.15,.86)}
@keyframes asbb-fleche-relais{0%{transform:translateX(0)}45%{transform:translateX(200%)}46%{transform:translateX(-200%)}100%{transform:translateX(0)}}
.asbb-cta-plain{position:relative;overflow:hidden;--asbb-fill:#E7011D;--asbb-fill-text:#fff;transition:border-color 450ms cubic-bezier(.785,.135,.15,.86)}
.asbb-cta-plain--blanc{--asbb-fill:#fff;--asbb-fill-text:#E7011D}
.asbb-cta-plain--noir{--asbb-fill:#070707;--asbb-fill-text:#fff}
.asbb-cta-plain::before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:100%;border-radius:inherit;background:var(--asbb-fill);pointer-events:none;transition:right 450ms cubic-bezier(.785,.135,.15,.86)}
.asbb-cta-plain::after{content:attr(data-label);position:absolute;z-index:2;inset:0;display:flex;align-items:center;padding:inherit;white-space:nowrap;color:var(--asbb-fill-text);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path 450ms cubic-bezier(.785,.135,.15,.86)}
.asbb-cta-plain:hover::before,.asbb-cta-plain:focus-visible::before{right:0}
.asbb-cta-plain:hover::after,.asbb-cta-plain:focus-visible::after{clip-path:inset(0 0 0 0)}
.asbb-cat{transition:border-color 220ms cubic-bezier(.2,.6,.2,1),transform 220ms cubic-bezier(.2,.6,.2,1),box-shadow 220ms cubic-bezier(.2,.6,.2,1)}
.asbb-cat:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,7,7,.08)}
.asbb-cat .asbb-cat-trait{transform:scaleX(0);transform-origin:left center;transition:transform 240ms cubic-bezier(.2,.6,.2,1)}
.asbb-cat:hover .asbb-cat-trait{transform:scaleX(1)}
.asbb-cat .asbb-cat-fleche{transition:transform 220ms cubic-bezier(.2,.6,.2,1)}
.asbb-cat:hover .asbb-cat-fleche{transform:translateX(4px)}
@keyframes asbb-monter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes asbb-pop{from{transform:scale(0)}to{transform:scale(1)}}
.asbb-apparition{animation:asbb-monter 420ms cubic-bezier(.2,.6,.2,1) both}
.asbb-apparition>span svg{animation:asbb-pop 480ms cubic-bezier(.2,.6,.2,1) 120ms both}
.asbb-header nav>button,.asbb-header nav>a{transition:color 200ms ease,background-color 200ms ease}
.asbb-header nav>button>span,.asbb-filtre>span{animation:asbb-pop 300ms cubic-bezier(.2,.6,.2,1) both}
.asbb-header-grille{max-width:1328px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;gap:32px}
.asbb-header-rail{display:flex;align-items:center;gap:2px;margin-left:auto;min-width:0}
.asbb-header-logo svg{height:68px;width:auto}
.asbb-header-logo{transition:opacity 200ms ease}
.asbb-hero-logo svg{height:clamp(220px,24vw,340px);width:auto}
@media (max-width:719px){.asbb-hero-logo svg{height:200px}.asbb-etiquette{font-size:12px!important;padding:7px 14px!important}}
.asbb-header-logo:hover{opacity:.82}
@media (max-width:1099px){.asbb-header-grille{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 16px}.asbb-header-logo svg{height:56px;width:auto}.asbb-header-rail{display:flex;margin-left:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.asbb-header-rail>nav{flex:none}}
.asbb-hero-scroll-wrap{transition:color 200ms ease}
.asbb-filtre{transition:border-color 200ms ease,color 200ms ease}
.asbb-faq-q>span:last-child{background:#F5F4F2;color:#E7011D;transition:background-color 220ms cubic-bezier(.2,.6,.2,1),color 220ms cubic-bezier(.2,.6,.2,1)}
.asbb-faq-q:hover>span:last-child,.asbb-faq-q.is-open>span:last-child{background:#E7011D;color:#fff}
.asbb-faq-q svg path[d="M12 5v14"]{transform-box:fill-box;transform-origin:center;transition:transform 260ms cubic-bezier(.2,.6,.2,1)}
.asbb-faq-q.is-open svg path[d="M12 5v14"]{transform:scaleY(0)}
.asbb-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows 380ms cubic-bezier(.2,.6,.2,1)}
.asbb-faq-a.is-open{grid-template-rows:1fr}
.asbb-faq-a>div{overflow:hidden;min-height:0}
.asbb-faq-a p{opacity:0;transform:translateY(-4px);transition:opacity 260ms ease,transform 300ms cubic-bezier(.2,.6,.2,1)}
.asbb-faq-a.is-open p{opacity:1;transform:none;transition-delay:90ms}
a[href^="mailto:"]:not([aria-label]),a[href^="tel:"]{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:2px;transition:color 200ms ease,background-size 300ms cubic-bezier(.2,.6,.2,1)}
a[href^="mailto:"]:not([aria-label]):hover,a[href^="tel:"]:hover{background-size:100% 1px}
footer button:not(.asbb-cta),footer a:not([aria-label]){background-image:linear-gradient(currentColor,currentColor)!important;background-size:0 1px!important;background-repeat:no-repeat!important;background-position:0 100%!important;padding-bottom:2px!important;transition:color 200ms ease,background-size 300ms cubic-bezier(.2,.6,.2,1)!important}
footer button:not(.asbb-cta):hover,footer a:not([aria-label]):hover{background-size:100% 1px!important}
main a[aria-label],footer a[aria-label]{transition:color 220ms ease,border-color 220ms ease,transform 220ms cubic-bezier(.2,.6,.2,1)}
main a[aria-label]:hover,footer a[aria-label]:hover{transform:translateY(-2px)}
.asbb-defile-zone:hover>div{animation-play-state:paused}
.asbb-avis-zone{overflow:hidden;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.asbb-avis-piste{display:flex;width:max-content;animation:asbb-avis-defile 70s linear infinite}
.asbb-avis-zone:hover .asbb-avis-piste{animation-play-state:paused}
.asbb-avis-carte{flex:none;width:clamp(290px,32vw,440px);margin-right:16px;display:flex;flex-direction:column;background:#1C1C1E;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:clamp(22px,2.6vw,32px)}
.asbb-avis-carte .asbb-etoile svg{fill:currentColor}
@media (max-width:1023px){.asbb-fiches-partenaires{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:639px){.asbb-fiches-partenaires{grid-template-columns:1fr!important}}
@media (max-width:719px){.asbb-archives{padding-left:24px!important}}
@keyframes asbb-avis-defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.asbb-avis-piste{animation:none}.asbb-avis-zone{overflow-x:auto}}
.asbb-hero{margin-top:calc(-1 * var(--asbb-header-h,69px));padding:calc(64px + var(--asbb-header-h,69px)) 24px 72px;display:flex;flex-direction:column;justify-content:center;min-height:100vh}
.asbb-hero-veil{background:linear-gradient(90deg,rgba(7,7,7,.95) 0%,rgba(7,7,7,.85) 32%,rgba(7,7,7,.66) 62%,rgba(7,7,7,.5) 100%),linear-gradient(180deg,rgba(7,7,7,.22) 0%,rgba(7,7,7,.05) 28%,rgba(7,7,7,.08) 55%,rgba(7,7,7,.74) 100%)}
.asbb-hero-scroll{animation:asbb-hero-scroll-move 2.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes asbb-hero-scroll-move{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(7px);opacity:1}}
@media (min-width:900px){.asbb-hero{padding-top:calc(80px + var(--asbb-header-h,69px));padding-bottom:96px}}
@media (max-width:719px){.asbb-hero{justify-content:flex-start;min-height:100vh;padding-bottom:136px}.asbb-hero-veil{background:linear-gradient(180deg,rgba(7,7,7,.65) 0%,rgba(7,7,7,.78) 42%,rgba(7,7,7,.9) 100%)}}
@media (max-height:760px){.asbb-hero{min-height:auto;justify-content:flex-start;padding-top:calc(56px + var(--asbb-header-h,69px));padding-bottom:120px}}
.asbb-page-top{margin-top:calc(-1 * var(--asbb-header-h,69px));padding:calc(clamp(56px,7vw,88px) + var(--asbb-header-h,69px)) 24px clamp(56px,7vw,88px)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
a{color:#E7011D;text-decoration:none}
a:hover{color:#BB0118;text-decoration:underline;text-underline-offset:3px}
.asbb-header{position:sticky;top:0;z-index:60;width:100%;transform:translate3d(0,0,0);transition:transform 560ms cubic-bezier(.22,1,.36,1);will-change:transform}
.asbb-header::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color:rgba(7,7,7,.72);background-image:linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 60%);backdrop-filter:saturate(165%) blur(20px);-webkit-backdrop-filter:saturate(165%) blur(20px);border-radius:0;box-shadow:inset 0 -1px 0 rgba(255,255,255,.09);transition:left 560ms cubic-bezier(.22,1,.36,1),right 560ms cubic-bezier(.22,1,.36,1),border-radius 560ms cubic-bezier(.22,1,.36,1),background-color 400ms ease,box-shadow 400ms ease}
.asbb-header-logo svg{transform-origin:left center;transition:transform 560ms cubic-bezier(.22,1,.36,1)}
.asbb-header.is-scrolled::before{background-color:rgba(7,7,7,.86);box-shadow:inset 0 -1px 0 rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.35)}
@media (min-width:1100px){.asbb-header.is-scrolled{transform:translate3d(0,12px,0)}.asbb-header.is-scrolled::before{left:max(12px,calc((100% - 1328px) / 2 + 8px));right:max(12px,calc((100% - 1328px) / 2 + 8px));border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 16px 40px rgba(0,0,0,.4)}.asbb-header.is-scrolled .asbb-header-logo svg{transform:scale(.84)}}
.asbb-hero.asbb-hero--page{min-height:max(440px,60vh);padding-bottom:clamp(56px,7vw,88px)}
@media (max-width:719px){.asbb-hero.asbb-hero--page{min-height:max(420px,60vh);justify-content:flex-end}}
/* Point rouge de la page active : posé dans la marge du lien, le texte ne bouge pas */
.asbb-header nav>a,.asbb-header nav>button{position:relative}
.asbb-nav-point{position:absolute;left:3px;top:calc(50% - 3px)}
/* ── Responsive : menu mobile ───────────────────────────────────────── */
.asbb-burger{display:none;flex-direction:column;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-left:auto;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:#fff;cursor:pointer}
.asbb-burger span{display:block;width:18px;height:1.5px;border-radius:2px;background:currentColor;transition:transform 260ms cubic-bezier(.2,.6,.2,1),opacity 200ms ease}
.asbb-burger span+span{margin-top:5px}
.asbb-header.is-menu-open .asbb-burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.asbb-header.is-menu-open .asbb-burger span:nth-child(2){opacity:0}
.asbb-header.is-menu-open .asbb-burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media (max-width:1099px){
  .asbb-header-grille{flex-direction:row!important;align-items:center!important;gap:16px!important;padding:8px 16px!important}
  .asbb-header-logo svg{height:52px!important}
  .asbb-burger{display:flex}
  .asbb-header-rail{display:none!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 80px);overflow-y:auto;margin:0!important;padding:8px 16px 20px;background:#0A0A0B;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.4)}
  .asbb-header.is-menu-open .asbb-header-rail{display:flex!important;animation:asbb-monter 260ms cubic-bezier(.2,.6,.2,1) both}
  .asbb-header-rail>nav{flex-direction:row!important;flex-wrap:wrap;align-items:center!important;gap:0!important}
  .asbb-header-rail>nav>a,.asbb-header-rail>nav>button{flex:1 1 100%}
  .asbb-header-rail>nav>a:not([aria-label]):not([title]),.asbb-header-rail>nav>button{min-height:52px;padding:14px 8px 14px 22px!important;font-size:15px!important;border-radius:10px!important;border-bottom:1px solid rgba(255,255,255,.07)}
  .asbb-header-rail .asbb-nav-point{left:8px}
  .asbb-header-rail>nav>span[aria-hidden]{flex:1 1 100%;height:0!important;margin:10px 0!important}
  .asbb-header-rail>nav>a[aria-label],.asbb-header-rail>nav>a[title],.asbb-header-rail .asbb-panier{flex:none!important;width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.14)}
  .asbb-header-rail>nav>a[title^="Fédération"]{width:auto!important;padding:0 16px!important;margin-left:8px;border-radius:999px}
  .asbb-header-rail>nav>a[aria-label]+a[aria-label],.asbb-header-rail .asbb-panier{margin-left:8px}
}

/* ── Responsive : grilles et sections ────────────────────────────────── */
@media (max-width:719px){
  .asbb-espace{padding-top:88px!important}
  .asbb-espace-bas{padding-bottom:88px!important}
  .asbb-grille-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .asbb-grille-2>*{min-width:0}
  .asbb-galerie{grid-template-columns:1fr!important}
  .asbb-galerie>*{grid-column:auto!important;min-height:220px!important}
  .asbb-logos>*{flex:1 1 calc(50% - 8px)!important}
  .asbb-tarifs-tete,.asbb-tarifs-ligne{grid-template-columns:minmax(0,1fr) auto!important;column-gap:16px!important;row-gap:2px!important;padding-left:18px!important;padding-right:18px!important}
  .asbb-tarifs-tete>:nth-child(2){display:none}
  .asbb-tarifs-ligne>:nth-child(2){grid-row:2;font-size:13.5px!important}
  .asbb-tarifs-ligne>:nth-child(3){grid-column:2;grid-row:1 / span 2;align-self:center;text-align:right}
}
@media (max-width:420px){
  .asbb-grille-2 .asbb-cat{padding:14px!important;min-height:68px!important}
  .asbb-grille-2 .asbb-cat-fleche{display:none!important}
}
/* Footer : logo | pages en 3 colonnes | coordonnées, séparés par des traits verticaux ; en bas réseaux puis copyright */
.asbb-pied-haut{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,3vw,48px)}
.asbb-pied-logo{flex:none;display:flex}
.asbb-pied-sep{flex:none;align-self:stretch;width:1px;margin:12px 0;background:rgba(255,255,255,.3)}
.asbb-pied-pages{flex:none;display:grid;grid-template-columns:repeat(3,max-content);column-gap:clamp(48px,5.5vw,96px)}
.asbb-pied-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.asbb-pied-contact{flex:none}
.asbb-pied-contact a span:last-child{white-space:nowrap}
.asbb-pied-bas{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:32px}
@media (max-width:1099px){.asbb-pied-haut{flex-direction:column;align-items:flex-start;gap:36px}.asbb-pied-sep{display:none}}
@media (max-width:479px){.asbb-pied-pages{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:24px;row-gap:14px}.asbb-pied-pages>.asbb-pied-col{display:contents}}
@media (max-width:1023px){.asbb-hero-grille{grid-template-columns:1fr!important;gap:40px!important}.asbb-hero-grille .asbb-hero-logo{justify-content:center!important}.asbb-chiffres{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Tour ASBB au-dessus des titres ; le liseré blanc la détache sur les fonds sombres */
.asbb-icone-titre{display:block;flex:none;width:34px;height:34px;background:url(../img/tour-asbb.png) center/contain no-repeat;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}
@media (max-width:719px){.asbb-icone-titre{width:30px;height:30px}}
/* Hauts de page des rubriques : titre sur une ligne, description sur deux, à la même hauteur partout */
@media (min-width:720px){.asbb-hero--page h1{white-space:nowrap;max-width:none!important}.asbb-hero--page>div>div{max-width:none!important}.asbb-hero--page p{max-width:560px!important}}
/* Galerie de l’accueil : 3 colonnes, 2 sur tablette et mobile */
@media (max-width:1023px){.asbb-galerie{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.asbb-galerie>*{min-height:0!important}}

/* Composants de formulaire du design system */
.asbb-champ{display:flex;flex-direction:column;gap:8px}
.asbb-champ__label{font-family:var(--display);font-weight:var(--w-petit-titre);font-size:13px;letter-spacing:var(--ls-pill);text-transform:uppercase;color:var(--texte-secondaire)}
.asbb-champ__aide{font-size:var(--fs-petit);line-height:var(--lh-petit);color:var(--texte-secondaire)}
.asbb-champ__erreur{font-size:var(--fs-petit);line-height:var(--lh-petit);color:var(--rouge)}
.asbb-input{width:100%;background:var(--gris-fonce);color:var(--blanc);font-family:var(--texte);font-size:var(--fs-corps);border:var(--trait-fin) solid var(--bordure);border-radius:var(--r-sm);padding:12px 14px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.asbb-input:hover:not(:disabled){border-color:var(--bordure-forte)}
.asbb-input:focus{outline:none;border-color:var(--rouge)}
.asbb-input--erreur{border-color:var(--rouge)}
.asbb-input:disabled{color:var(--disabled-fg);opacity:var(--disabled-opacity);cursor:not-allowed}
.asbb-input--zone{min-height:120px;resize:vertical;line-height:var(--lh-corps)}
.asbb-input--avec-icone{padding-left:42px}
.asbb-input-wrap{position:relative;display:flex;align-items:center}
.asbb-input-wrap__i{position:absolute;left:14px;color:var(--texte-secondaire);pointer-events:none;display:flex}
.asbb-select-wrap{position:relative;display:flex;align-items:center}
.asbb-select{width:100%;appearance:none;background:var(--gris-fonce);color:var(--blanc);font-family:var(--texte);font-size:var(--fs-corps);border:var(--trait-fin) solid var(--bordure);border-radius:var(--r-sm);padding:12px 40px 12px 14px;cursor:pointer;transition:border-color var(--dur) var(--ease)}
.asbb-select:hover:not(:disabled){border-color:var(--bordure-forte)}
.asbb-select:focus{outline:none;border-color:var(--rouge)}
.asbb-select:disabled{color:var(--disabled-fg);opacity:var(--disabled-opacity);cursor:not-allowed}
.asbb-select-wrap__fleche{position:absolute;right:14px;pointer-events:none;color:var(--texte-secondaire);display:flex}
.asbb-check{display:inline-flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:var(--fs-corps);color:var(--texte-corps);line-height:1.4}
.asbb-check input{position:absolute;opacity:0;width:0;height:0}
.asbb-check__boite{width:20px;height:20px;flex:none;margin-top:1px;border:var(--trait-outline) solid var(--bordure-outline);border-radius:var(--r-sm);background:transparent;display:grid;place-items:center;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.asbb-check__boite--ronde{border-radius:var(--r-pill)}
.asbb-check:hover .asbb-check__boite{border-color:var(--blanc)}
.asbb-check input:checked + .asbb-check__boite{background:var(--rouge);border-color:var(--rouge)}
.asbb-check input:focus-visible + .asbb-check__boite{outline:2px solid var(--focus-ring);outline-offset:2px}
.asbb-check__marque{width:12px;height:12px;color:var(--blanc);opacity:0;transition:opacity var(--dur) var(--ease)}
.asbb-check input:checked + .asbb-check__boite .asbb-check__marque{opacity:1}
.asbb-check__point{width:8px;height:8px;border-radius:var(--r-pill);background:var(--blanc);opacity:0;transition:opacity var(--dur) var(--ease)}
.asbb-check input:checked + .asbb-check__boite .asbb-check__point{opacity:1}
.asbb-check--off{opacity:var(--disabled-opacity);cursor:not-allowed;color:var(--disabled-fg)}

/* ══ Ajouts du thème WordPress ══════════════════════════════════════════ */
.asbb-site{background:#F5F4F2;color:#46464A;font-family:'Satoshi','Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:1.55;min-height:100vh}
body{background:#F5F4F2}
.asbb-ico{display:block;flex:none}
/* Liens qui remplacent les boutons de la maquette : pas de soulignement */
a.asbb-lien-bouton,a.asbb-lien-bouton:hover{text-decoration:none}
.asbb-evitement{position:absolute;left:16px;top:-80px;z-index:100;padding:12px 18px;border-radius:10px;background:#E7011D;color:#fff;font-family:'Winner Sans','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.asbb-evitement:focus{top:12px;color:#fff;text-decoration:none}
/* Menu principal */
.asbb-nav-lien{position:relative;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;font-family:'Winner Sans','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#D4D4D6;text-decoration:none;transition:color 200ms ease,background-color 200ms ease}
.asbb-nav-lien:hover,.asbb-nav-lien:focus-visible{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.asbb-nav-lien[aria-current="page"]{color:#fff}
.asbb-nav-point{width:6px;height:6px;border-radius:999px;background:#E7011D;flex:none}
.asbb-nav-sep{flex:none;width:1px;height:22px;background:rgba(255,255,255,.18);margin:0 10px}
.asbb-nav-reseau{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;color:#D4D4D6;text-decoration:none;transition:color 200ms ease,background-color 200ms ease}
.asbb-nav-reseau:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.asbb-nav-ffbb{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 11px;border-radius:999px;font-family:'Winner Sans','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#D4D4D6;white-space:nowrap;text-decoration:none}
.asbb-nav-ffbb:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
@media (max-width:1099px){
  .asbb-header-rail>nav>.asbb-nav-lien{flex:1 1 100%;min-height:52px;padding:14px 8px 14px 22px;font-size:15px;border-radius:10px;border-bottom:1px solid rgba(255,255,255,.07)}
  .asbb-header-rail>nav>.asbb-nav-sep{flex:1 1 100%;height:0;margin:10px 0}
  .asbb-header-rail>nav>.asbb-nav-reseau{width:44px;height:44px;border:1px solid rgba(255,255,255,.14)}
  .asbb-header-rail>nav>.asbb-nav-reseau+.asbb-nav-reseau{margin-left:8px}
  .asbb-header-rail>nav>.asbb-nav-ffbb{height:44px;padding:0 16px;margin-left:8px;border:1px solid rgba(255,255,255,.14)}
}
/* Contenu des pages éditées dans WordPress (mentions légales, confidentialité…) */
.asbb-contenu{max-width:820px;margin:0 auto;padding:clamp(56px,7vw,96px) 24px 152px;font-size:17px;line-height:1.7;color:#46464A}
.asbb-contenu h2{margin:48px 0 16px;font-family:'Winner Sans Cond','Winner Sans','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:clamp(24px,3vw,32px);line-height:1.2;text-transform:uppercase;color:#070707}
.asbb-contenu h3{margin:32px 0 12px;font-family:'Winner Sans','Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:19px;color:#070707}
.asbb-contenu p,.asbb-contenu ul,.asbb-contenu ol{margin:0 0 18px}
.asbb-contenu a{text-decoration:underline;text-underline-offset:3px}
.asbb-contenu img{height:auto;border-radius:16px}

/* ══ Bandeau cookies Complianz aux couleurs du club ═══════════════════════
   Petite carte gris clair en bas à gauche, quel que soit le réglage de position dans Complianz. */
.cmplz-cookiebanner,.cmplz-cookiebanner.cmplz-center,.cmplz-cookiebanner.cmplz-bottom,.cmplz-cookiebanner.cmplz-bottom-right,.cmplz-cookiebanner.cmplz-bottom-left{position:fixed!important;left:16px!important;right:auto!important;top:auto!important;bottom:16px!important;transform:none!important;margin:0!important;width:min(320px,calc(100vw - 32px))!important;min-width:0!important;max-width:min(320px,calc(100vw - 32px))!important;padding:16px!important;gap:10px!important;text-align:left!important;background:#F5F4F2!important;color:#46464A!important;border:1px solid rgba(7,7,7,.1)!important;border-radius:14px!important;box-shadow:0 12px 32px rgba(7,7,7,.18)!important;font-family:'Satoshi','Helvetica Neue',Arial,sans-serif!important}
.cmplz-soft-cookiewall,.cmplz-cookiebanner-overlay{display:none!important}
.cmplz-cookiebanner .cmplz-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;grid-template-columns:none!important}
.cmplz-cookiebanner .cmplz-logo{display:none!important}
.cmplz-cookiebanner .cmplz-title{flex:1 1 auto!important;margin:0!important;text-align:left!important;justify-self:start!important;font-family:'Winner Sans','Helvetica Neue',Arial,sans-serif!important;font-weight:500!important;font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#070707!important}
.cmplz-cookiebanner .cmplz-close{width:22px!important;height:22px!important;border:0!important;outline:0!important;color:#8A8A8E!important}
.cmplz-cookiebanner .cmplz-close svg{width:14px!important;height:14px!important;fill:#8A8A8E!important;color:#8A8A8E!important}
.cmplz-cookiebanner .cmplz-body,.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories{width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;text-align:left!important}
.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-message p{font-size:13px!important;line-height:1.5!important;color:#46464A!important}
.cmplz-cookiebanner .cmplz-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{width:100%!important;min-height:36px!important;height:auto!important;margin:0!important;padding:0 10px!important;border-radius:8px!important;font-family:'Winner Sans','Helvetica Neue',Arial,sans-serif!important;font-weight:500!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease!important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept{background:#E7011D!important;border:1px solid #E7011D!important;color:#fff!important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover{background:#F51A35!important;border-color:#F51A35!important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny{background:#EDEBE8!important;border:1px solid rgba(7,7,7,.28)!important;color:#070707!important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover{border-color:#070707!important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{grid-column:1 / -1!important;justify-self:start!important;width:auto!important;padding:0!important;min-height:24px!important;border:0!important;background:transparent!important;text-align:left!important;color:#6C6C70!important;font-family:'Satoshi','Helvetica Neue',Arial,sans-serif!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;text-decoration:underline!important;text-underline-offset:3px!important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover{color:#070707!important}
.cmplz-cookiebanner .cmplz-btn:focus-visible{outline:2px solid #E7011D!important;outline-offset:2px!important}
.cmplz-cookiebanner .cmplz-links{justify-content:flex-start!important;gap:4px 12px!important;margin:0!important}
.cmplz-cookiebanner .cmplz-links ul{display:flex!important;flex-wrap:wrap!important;gap:4px 12px!important;list-style:none!important;margin:0!important;padding:0!important}
.cmplz-cookiebanner .cmplz-links li{margin:0!important;padding:0!important}
.cmplz-cookiebanner .cmplz-links li:has(> .cookie-statement){display:none!important}
.cmplz-cookiebanner .cmplz-links a,.cmplz-cookiebanner .cmplz-link{color:#8A8A8E!important;font-size:11.5px!important;text-decoration:underline!important;text-underline-offset:3px!important}
.cmplz-cookiebanner .cmplz-links a:hover,.cmplz-cookiebanner .cmplz-link:hover{color:#070707!important}
.cmplz-cookiebanner .cmplz-links .cmplz-link.cookie-statement{display:none!important}
.cmplz-cookiebanner .cmplz-categories .cmplz-category{background:#fff!important;border-radius:8px!important}
.cmplz-cookiebanner .cmplz-category-title{color:#070707!important;font-size:13px!important}
@media (max-width:479px){.cmplz-cookiebanner .cmplz-header .cmplz-title{display:block!important}.cmplz-cookiebanner,.cmplz-cookiebanner.cmplz-center,.cmplz-cookiebanner.cmplz-bottom,.cmplz-cookiebanner.cmplz-bottom-right,.cmplz-cookiebanner.cmplz-bottom-left{left:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important}}
/* Onglet « Gérer le consentement » après le choix */
#cmplz-manage-consent .cmplz-manage-consent{background:#F5F4F2!important;color:#070707!important;border:1px solid rgba(7,7,7,.12)!important;font-family:'Winner Sans','Helvetica Neue',Arial,sans-serif!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
/* Carte Google bloquée tant que le visiteur n'a pas accepté */
.cmplz-blocked-content-notice{background:#070707!important;color:#fff!important;border-radius:8px!important;font-family:'Winner Sans','Helvetica Neue',Arial,sans-serif!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:10px 16px!important}
.cmplz-blocked-content-notice:hover{background:#E7011D!important}