*,:before,:after{box-sizing:border-box}:root{--fond:#f6f7f9;--carte:#fff;--rayon:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--fond);color:var(--encre);font-family:var(--police);margin:0;font-size:15px;line-height:1.5}button,input,select{font:inherit}h1,h2,h3{margin:0;line-height:1.25}.barre{background:var(--carte);border-bottom:1px solid var(--ligne);align-items:center;gap:16px;padding:12px 24px;display:flex}.marque{letter-spacing:.02em;color:var(--encre);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:18px;font-weight:700;display:flex}.marque img{width:28px;height:28px}.marque small{color:var(--gris);font-size:14px;font-weight:500}.barre .espace{flex:1}.usager{color:var(--gris);font-size:14px}main{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.titre-page{margin-bottom:24px}.titre-page p{color:var(--gris);margin:6px 0 0}.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:var(--rayon);padding:20px}.btn{border:1px solid var(--ligne);background:var(--carte);color:var(--encre);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.btn:hover{border-color:var(--gris)}.btn.principal{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.principal:hover{filter:brightness(1.08)}.btn.lien{color:var(--gris);background:0 0;border:0;padding:4px 8px}.btn:disabled{opacity:.5;cursor:default}.connexion{place-items:center;min-height:100vh;padding:24px;display:grid}.connexion .carte{text-align:center;width:min(380px,100%);padding:36px 28px}.connexion img{width:56px;height:56px}.connexion h1{margin:14px 0 4px;font-size:26px}.connexion p{color:var(--gris);margin:0 0 24px}.connexion .btn{justify-content:center;width:100%;padding:11px 14px}.tuiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.tuile{text-align:left;cursor:pointer;border-top:4px solid var(--accent);transition:transform .1s,box-shadow .1s}.tuile:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1b243014}.tuile h2{font-size:19px}.tuile p{color:var(--gris);margin:8px 0 0}.onglets{border-bottom:1px solid var(--ligne);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.onglets button{color:var(--gris);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 16px}.onglets button.actif{color:var(--encre);border-bottom-color:var(--accent);font-weight:600}.vide{text-align:center;color:var(--gris);padding:48px 20px}.vide h3{color:var(--encre);margin-bottom:6px}.message{border:1px solid var(--ligne);background:var(--carte);border-radius:8px;margin-bottom:16px;padding:10px 14px}.message.erreur{background:#fdf1f1;border-color:#e3a4a4}.message.ok{background:#f0f9f1;border-color:#a8d5b0}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--ligne);vertical-align:middle;padding:10px 8px}th{color:var(--gris);font-size:13px;font-weight:600}.champ{color:var(--gris);flex-direction:column;gap:4px;font-size:14px;display:flex}.champ input,.champ select,td select{border:1px solid var(--ligne);color:var(--encre);background:var(--carte);border-radius:8px;padding:8px 10px}.ligne-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.section+.section{margin-top:20px}.section h2{margin-bottom:12px;font-size:17px}.couleur{align-items:center;gap:8px;display:flex}.couleur input[type=color]{width:42px;height:34px;padding:2px}.jaune{background:var(--jaune);border-radius:4px;padding:0 4px}@media (width<=640px){.barre{padding:10px 16px}main{padding:20px 16px 48px}.usager{display:none}}