html .dock-barre{background:var(--fond-haut);color:var(--texte);box-shadow:0 0 0 1.5px var(--filet), 0 1.4rem 2.6rem -1.4rem color-mix(in srgb, var(--encre) 55%, transparent);position:relative}html .dock-nom{color:var(--texte-doux)}html .dock-nom:before{background:var(--accent)}html .dock-liste{background:var(--fond-haut)}html .dock-liste a,html .dock-liste button{color:var(--texte);transition:background-color var(--d-pose) linear, color var(--d-pose) linear;gap:.55rem}html .dock-liste a:hover,html .dock-liste button:hover{background:var(--fond-alt)}.dock-libelle{padding-top:.1em;line-height:1;display:block}.dock-picto{background:var(--fond-alt);width:1.85rem;height:1.85rem;color:var(--texte);transition:background-color var(--d-pose) linear, color var(--d-pose) linear, transform var(--d-glisse) var(--rebond);border-radius:50%;flex:none;place-items:center;display:grid}.dock-picto .picto{width:1.05rem;height:1.05rem}html .dock-liste a:hover .dock-picto{transform:rotate(-8deg)scale(1.08)}html .dock-liste :is([data-lu],[data-lue],[data-fait]) .dock-picto{background:color-mix(in srgb, var(--texte) 18%, var(--fond-haut));color:var(--texte)}html .dock-liste [aria-current=true],html .dock-liste [aria-current=step]{background:var(--bleu);color:var(--sur-accent)}html .dock-liste [aria-current=true] .dock-picto,html .dock-liste [aria-current=step] .dock-picto{background:var(--sur-accent);color:var(--bleu)}html .dock :focus-visible{outline:.1875rem solid var(--bleu-lisible);outline-offset:.15rem}html .dock .dock-action.bouton{background:var(--b-fond);min-height:2.9rem;color:var(--b-texte);flex:none;gap:.6rem;padding:.3rem .35rem .3rem 1.15rem;font-size:.8rem}html .dock .dock-action.bouton:hover,html .dock .dock-action.bouton:focus-visible{background:var(--b-fond);color:var(--b-texte-survol)}html .dock .dock-action.bouton>.icone{width:2.1rem;height:2.1rem;padding:.6rem;translate:none}html .dock .dock-action :is(.dock-action-long,.dock-action-court){padding-top:.1em;line-height:1}html .dock :is(.dock-liste a,.dock-liste button,.dock-bouton,.dock-nom,.dock-action){text-transform:uppercase;letter-spacing:.04em}html .dock-haut{display:none}@media (min-width:64rem){html .dock-barre{min-height:var(--dock-h);max-width:calc(100% - 2 * (var(--dock-h) + .75rem));box-shadow:0 0 0 1px var(--filet), 0 .9rem 2rem -1.2rem color-mix(in srgb, var(--encre) 45%, transparent);gap:.1rem;padding:.35rem}html .dock-nom{display:none}html .dock-liste a,html .dock-liste button{min-height:2.3rem;color:var(--texte-doux);letter-spacing:.06em;gap:.35rem;padding:0 .7rem 0 .5rem;font-size:.7rem;font-weight:700}html .dock-liste .dock-picto{width:1.1rem;height:1.1rem;color:inherit;background:0 0}html .dock-liste .dock-picto .picto{width:.95rem;height:.95rem}html .dock-liste :is([data-lu],[data-lue],[data-fait]){color:var(--texte)}html .dock-liste :is([data-lu],[data-lue],[data-fait]) .dock-picto{background:0 0}html .dock-liste a:hover,html .dock-liste button:hover{color:var(--texte)}html .dock-liste [aria-current=true],html .dock-liste [aria-current=step]{color:var(--sur-accent)}html .dock-liste [aria-current=true] .dock-picto,html .dock-liste [aria-current=step] .dock-picto{color:inherit;background:0 0}html .dock .dock-action.bouton{gap:.5rem;min-height:2.3rem;margin-left:.3rem;padding:.2rem .25rem .2rem .95rem;font-size:.7rem}html .dock .dock-action.bouton>.icone{width:1.8rem;height:1.8rem;padding:.5rem}html .dock-replie .dock-barre{width:min(46rem,100%)}html .dock-replie .dock-bouton{background:var(--fond-alt);min-height:2.3rem;color:var(--texte);letter-spacing:.06em;border-radius:6.1875rem;flex:1;align-items:center;gap:.5rem;padding:0 .7rem 0 .5rem;font-size:.7rem;font-weight:700;display:flex}html .dock-replie .dock-bouton .dock-picto{width:1.1rem;height:1.1rem;color:var(--bleu-lisible);background:0 0}html .dock-replie .dock-bouton-nom{padding-top:.1em;line-height:1}html .dock-replie .dock-bouton>.icone{width:1rem;height:1rem}html .dock.dock-replie .dock-liste{background:var(--fond-haut);max-height:min(60svh,30rem);box-shadow:0 0 0 1px var(--filet), 0 .9rem 2rem -1.2rem color-mix(in srgb, var(--encre) 45%, transparent);border-radius:1.25rem;padding:.4rem;display:none;position:absolute;bottom:calc(100% + .4rem);left:0;right:0;overflow:hidden auto}html .dock.dock-replie[data-ouvert] .dock-liste{display:grid}html .dock-replie .dock-liste a{white-space:normal;width:100%;min-height:2.6rem;padding-block:.4rem}html .dock-replie .dock-liste .dock-libelle{line-height:1.2}}@media (max-width:63.99rem){html .dock-bouton{background:var(--fond-alt);color:var(--texte)}html .dock-bouton .dock-picto{background:var(--bleu);color:var(--sur-accent)}html a.dock-action[href^=\/inscription]{display:none}html .dock-liste{box-shadow:0 0 0 1.5px var(--filet), 0 1.4rem 2.6rem -1.4rem color-mix(in srgb, var(--encre) 55%, transparent)}html .dock-liste a{padding:0 1rem 0 .5rem}html .dock-bouton-nom[data-rang]:after{content:attr(data-rang);font-family:var(--f-mono);letter-spacing:.02em;color:var(--texte-doux);margin-top:.2rem;font-size:.62rem;font-weight:500;display:block}.dock-libelle{padding-top:0;line-height:1.15}html .dock-haut{background:var(--fond-alt);width:2.65rem;height:2.65rem;color:var(--texte);flex:none;display:grid}html .dock-haut>.icone{width:1.05rem;height:1.05rem}}@media (prefers-reduced-motion:reduce){.dock-picto{transition:none}html .dock-liste a:hover .dock-picto{transform:none}}
