:root{--bleu:#0b1a5e;--bleu-fonce:#08133f;--bleu-clair:#e3e7f2;--rouge:#a3172a;--fond:#f4f5fa;--blanc:#fff;--texte:#141a33;--gris:#4e5578;--trait:#d5d9e8;--vert:#1e7a46}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;color:var(--texte);background:var(--fond)}a{color:var(--bleu);text-decoration:none}.marque-nom,h1,h2{font-family:Archivo,system-ui,sans-serif}h1{font-size:24px;font-weight:800;color:var(--bleu);margin:0 0 16px}h2{font-size:17px;margin:24px 0 12px}.connexion{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--fond)}.carte-connexion{width:100%;max-width:360px;background:var(--blanc);border:1px solid var(--trait);border-radius:12px;padding:28px 24px}.logo{display:block;height:44px;width:auto;margin-bottom:20px}.marque{gap:10px;margin-bottom:24px}.marque,.marque-pastille{display:flex;align-items:center}.marque-pastille{width:36px;height:36px;border-radius:10px;background:var(--bleu);color:var(--blanc);justify-content:center;font-weight:700}.marque-nom{font-size:22px;font-weight:800;color:var(--bleu)}.drapeau{display:flex;height:4px;border-radius:2px;overflow:hidden;margin:0 0 24px}.drapeau span{flex:1 1}label{display:block;font-size:14px;color:var(--gris);margin:14px 0 6px}input[type=email],input[type=password],input[type=tel],input[type=text],select{width:100%;padding:11px 12px;border:1px solid var(--trait);border-radius:8px;font-size:15px;background:var(--blanc);color:var(--texte)}input:focus,select:focus{outline:2px solid var(--bleu);border-color:transparent}.bouton{display:inline-block;border:0;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;background:var(--bleu);color:var(--blanc)}.bouton:hover{background:var(--bleu-fonce)}.bouton.plein{width:100%;margin-top:22px}.bouton.discret{background:var(--bleu-clair);color:var(--bleu)}.message{font-size:14px;margin-top:14px;padding:10px 12px;border-radius:8px}.message.erreur{background:#fdecee;color:var(--rouge)}.message.ok{background:#e7f5ec;color:var(--vert)}.cases{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px}.cases label{display:flex;align-items:center;gap:6px;margin:0;color:var(--texte)}.coque{display:flex;min-height:100vh}.barre{width:230px;flex-shrink:0;background:var(--bleu-fonce);padding:20px 12px;display:flex;flex-direction:column}.barre,.barre .marque-nom{color:var(--blanc)}.barre .marque-pastille{background:var(--blanc);color:var(--bleu-fonce)}.barre nav a{display:block;color:#d6def3;padding:10px 12px;border-radius:8px;margin-bottom:2px}.barre nav a:hover{background:hsla(0,0%,100%,.08);color:var(--blanc)}.barre nav a.actif{background:hsla(0,0%,100%,.16);color:var(--blanc);font-weight:600}.barre .bas{margin-top:auto;font-size:13px;color:#aab6d6}.barre .bas button{background:none;border:0;color:#d6def3;cursor:pointer;padding:10px 12px;font-size:14px}.contenu{flex:1 1;padding:28px 32px;min-width:0}.panneau{background:var(--blanc);border:1px solid var(--trait);border-radius:12px;padding:20px;margin-bottom:20px}.vide{color:var(--gris)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--gris);font-weight:500;padding:8px 10px}td,th{border-bottom:1px solid var(--trait)}td{padding:10px;vertical-align:top}.etiquette{display:inline-block;padding:2px 8px;border-radius:6px;font-size:13px;background:var(--bleu-clair);color:var(--bleu)}.grille{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}@media (max-width:760px){.coque{flex-direction:column}.barre{width:100%;flex-direction:row;align-items:center;gap:8px;padding:10px 12px;overflow-x:auto}.barre .marque{margin:0 8px 0 0}.barre nav{display:flex;gap:4px}.barre nav a{white-space:nowrap;margin:0}.barre .bas{margin:0 0 0 auto}.contenu{padding:18px 16px}.grille{grid-template-columns:1fr}}