:root{--encre: #1b2330;--encre-douce: #5a6676;--trait: #e3e6eb;--fond: #f6f7f9;--blanc: #ffffff;--accent: #2563eb;--accent-sombre: #1d4ed8;--succes: #16a34a;--alerte: #b45309;--erreur: #dc2626;--rayon: 8px;--ombre-basse: 0 1px 2px rgba(15, 23, 42, .06);--ombre-haute: 0 4px 12px rgba(15, 23, 42, .08);--laterale: 260px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--encre);background:var(--fond);font-size:15px;line-height:1.5}a{color:var(--accent)}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:0 0 .75rem}.coque{display:grid;grid-template-columns:var(--laterale) 1fr;min-height:100vh}.laterale{background:var(--blanc);border-right:1px solid var(--trait);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.marque{display:flex;flex-direction:column;gap:.15rem}.marque strong{font-size:1.05rem;font-weight:700;letter-spacing:.04em}.laterale nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.laterale nav a{padding:.75rem;border-radius:var(--rayon);text-decoration:none;color:var(--encre-douce);font-size:.95rem}.laterale nav a:hover{background:var(--fond)}.laterale nav a.actif{background:var(--accent);color:var(--blanc);font-weight:600}.laterale-pied{border-top:1px solid var(--trait);padding-top:1rem;display:flex;flex-direction:column;gap:.6rem}.utilisateur .nom{font-weight:600;font-size:.9rem}.utilisateur .courriel{font-size:.8rem;overflow-wrap:anywhere}.contenu{padding:2rem;overflow-x:auto}.barre-mobile,.voile{display:none}@media(max-width:768px){.coque{grid-template-columns:1fr;grid-template-rows:auto 1fr}.barre-mobile{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:var(--blanc);border-bottom:1px solid var(--trait);box-shadow:var(--ombre-basse);position:sticky;top:0;z-index:20}.sandwich{min-height:40px;min-width:40px;padding:0 .6rem}.sandwich-icone{display:block;width:20px;height:14px;position:relative}.sandwich-icone span{display:block;position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px}.sandwich-icone span:nth-child(1){top:0}.sandwich-icone span:nth-child(2){top:6px}.sandwich-icone span:nth-child(3){top:12px}.laterale{position:fixed;top:0;left:0;bottom:0;width:84%;max-width:300px;z-index:30;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--ombre-haute);overflow-y:auto}.laterale.ouvert{transform:translate(0)}.voile{display:block;position:fixed;inset:0;background:#0f172a73;z-index:25;animation:apparition .22s ease}@keyframes apparition{0%{opacity:0}to{opacity:1}}.contenu{padding:1rem .9rem 2rem}}.carte{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rayon);padding:1.1rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--trait)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--encre-douce);font-weight:600}td.nombre,th.nombre{text-align:right;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.table-defile{overflow-x:auto}.pastille{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--fond);border:1px solid var(--trait);color:var(--encre-douce);white-space:nowrap}.pastille.succes{color:var(--succes);border-color:#bfe3d0;background:#f0f9f4}.pastille.alerte{color:var(--alerte);border-color:#f0d6c0;background:#fdf5ef}label{display:block;font-weight:600;margin-bottom:.3rem;font-size:.9rem}input[type=email],select{width:100%;padding:.6rem .7rem;border:1px solid var(--trait);border-radius:var(--rayon);font:inherit;background:var(--blanc);color:inherit}input[type=email]:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.bouton{display:inline-block;padding:.62rem 1.1rem;border:0;border-radius:var(--rayon);background:var(--accent);color:var(--blanc);font:inherit;font-weight:600;cursor:pointer}.bouton:hover:not(:disabled){background:var(--accent-sombre)}.bouton:disabled{opacity:.55;cursor:default}.bouton.discret{background:transparent;color:var(--accent);padding:.4rem .6rem}.message{padding:.8rem 1rem;border-radius:var(--rayon);margin-bottom:1rem;border:1px solid}.message.info{background:#eef4fb;border-color:#cfe0f5}.message.succes{background:#f0f9f4;border-color:#bfe3d0;color:var(--succes)}.message.erreur{background:#fdf0ef;border-color:#f3cdc9;color:var(--erreur)}.vide{text-align:center;color:var(--encre-douce);padding:2rem 1rem}.discret{color:var(--encre-douce);font-size:.88rem}.centre{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.centre .carte{max-width:420px;width:100%}.bandeau-apercu{grid-column:1 / -1;background:#fef3c7;border-bottom:2px solid #f59e0b;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.9rem;line-height:1.4}.ba-contenu{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;flex:1}.ba-etiquette{background:#b45309;color:#fff;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ba-texte{color:#78350f}.ba-fermer{min-height:unset;padding:.4rem .9rem;border-color:#b45309}.ba-fermer:hover{background:#fde68a}
