*,*:before,*:after{box-sizing:border-box}html,body,#racine{height:100%;margin:0}body{background:var(--vox-fond);color:var(--vox-texte);font-family:var(--vox-police);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.ossature{display:grid;grid-template-columns:232px 1fr;grid-template-rows:auto 1fr;height:100%}.bandeau{grid-column:1 / -1;display:flex;align-items:center;gap:var(--vox-espace-4);padding:var(--vox-espace-3) var(--vox-espace-5);background:var(--vox-surface);border-bottom:1px solid var(--vox-bordure)}.bandeau h1{font-size:15px;font-weight:600;margin:0;letter-spacing:.01em}.bandeau .profil{font-size:12px;color:var(--vox-texte-doux);padding:2px var(--vox-espace-2);border:1px solid var(--vox-bordure);border-radius:var(--vox-rayon-petit)}.bandeau .pousse{margin-left:auto}.bandeau .compte{font-size:13px;color:var(--vox-texte-doux)}.navigation{padding:var(--vox-espace-4) var(--vox-espace-3);background:var(--vox-surface);border-right:1px solid var(--vox-bordure);overflow-y:auto}.navigation .famille{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--vox-texte-doux);margin:var(--vox-espace-4) var(--vox-espace-2) var(--vox-espace-2)}.navigation .famille:first-child{margin-top:0}.navigation a{display:block;padding:var(--vox-espace-2) var(--vox-espace-3);border-radius:var(--vox-rayon-petit);color:var(--vox-texte)}.navigation a:hover{background:var(--vox-surface-creuse)}.navigation a[aria-current=page]{background:var(--vox-surface-creuse);font-weight:600;box-shadow:inset 2px 0 0 var(--vox-accent)}.contenu{padding:var(--vox-espace-5);overflow-y:auto}.contenu>h2{font-size:20px;margin:0 0 var(--vox-espace-2)}.contenu>.chapeau{color:var(--vox-texte-doux);margin:0 0 var(--vox-espace-5);max-width:68ch}.carte{background:var(--vox-surface);border:1px solid var(--vox-bordure);border-radius:var(--vox-rayon);box-shadow:var(--vox-ombre);padding:var(--vox-espace-4)}.tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--vox-espace-4)}.tuile h3{margin:0 0 var(--vox-espace-2);font-size:15px}.tuile p{margin:0;color:var(--vox-texte-doux)}.tuile.absent{background:var(--vox-surface-creuse);box-shadow:none}.etiquette{display:inline-block;font-size:11px;font-weight:600;padding:2px var(--vox-espace-2);border-radius:var(--vox-rayon-petit);margin-bottom:var(--vox-espace-2)}.etiquette.ouvert{background:var(--vox-conforme-fond);color:var(--vox-conforme)}.etiquette.sans_licence{background:var(--vox-attention-fond);color:var(--vox-attention)}.etiquette.hors_profil{background:var(--vox-surface-creuse);color:var(--vox-texte-doux)}.avis{border-radius:var(--vox-rayon);padding:var(--vox-espace-3) var(--vox-espace-4);margin-bottom:var(--vox-espace-4);border:1px solid transparent}.avis.refus{background:var(--vox-alerte-fond);color:var(--vox-alerte);border-color:var(--vox-alerte)}.avis.reserve{background:var(--vox-attention-fond);color:var(--vox-attention);border-color:var(--vox-attention)}label{display:block;font-size:13px;font-weight:600;margin-bottom:var(--vox-espace-1)}input,select,textarea{width:100%;padding:var(--vox-espace-2) var(--vox-espace-3);font:inherit;color:var(--vox-texte);background:var(--vox-surface);border:1px solid var(--vox-bordure);border-radius:var(--vox-rayon-petit)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--vox-accent);outline-offset:1px}.champ{margin-bottom:var(--vox-espace-4)}button{font:inherit;font-weight:600;padding:var(--vox-espace-2) var(--vox-espace-4);border-radius:var(--vox-rayon-petit);border:1px solid var(--vox-bordure);background:var(--vox-surface);color:var(--vox-texte);cursor:pointer}button.principal{background:var(--vox-accent);color:var(--vox-accent-texte);border-color:transparent}button:disabled{opacity:.6;cursor:progress}.connexion{display:grid;place-items:center;height:100%;padding:var(--vox-espace-5)}.connexion form{width:100%;max-width:380px}.connexion h1{font-size:22px;margin:0 0 var(--vox-espace-2)}.connexion .chapeau{color:var(--vox-texte-doux);margin:0 0 var(--vox-espace-5)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--vox-espace-2) var(--vox-espace-3);border-bottom:1px solid var(--vox-bordure)}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--vox-texte-doux)}.defilant{overflow-x:auto}@media(max-width:720px){.ossature{grid-template-columns:1fr}.navigation{border-right:none;border-bottom:1px solid var(--vox-bordure)}.navigation a{display:inline-block}}