:root{--fond:#faf9f6;--encre:#292725;--rouge:#b8382f;--trait:#e5e2db;--second:#72706b;--vert:#216449}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--encre);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}a{color:var(--rouge);text-underline-offset:4px}button,input{font:inherit}.bouton,button{cursor:pointer;border:1px solid var(--trait);border-radius:8px;background:white;color:var(--encre);padding:11px 17px;display:inline-block;text-decoration:none;font-weight:600}button:disabled{cursor:not-allowed;opacity:.55}.bouton:hover,button:hover:not(:disabled){filter:brightness(.95)}:focus-visible{outline:3px solid #246cba;outline-offset:4px}.bouton{background:var(--rouge);color:white;border-color:var(--rouge)}p{margin:8px 0 16px}h1{font-size:38px;line-height:1.17;letter-spacing:-1px;margin:7px 0 13px}h2{font-size:21px;line-height:1.3;margin:0 0 12px;letter-spacing:-.4px}h3{font-size:16px;margin:28px 0 12px}.discret,small{font-size:13px;color:var(--second)}.surtitre{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700;color:var(--second);margin:0 0 10px}.marque{font-family:Georgia,serif;font-style:italic;font-size:36px;line-height:1;color:var(--encre);text-decoration:none}.marque span{color:var(--rouge)}.demo-note{background:#ede9e1;text-align:center;font-size:12px;padding:9px 20px;color:#504b44}.entete{display:flex;align-items:center;gap:22px;max-width:1256px;margin:auto;padding:24px 38px;border-bottom:1px solid var(--trait)}.division{border-left:1px solid var(--trait);padding-left:22px;color:var(--second);font-size:14px}.entete nav{margin-left:auto;font-size:13px}.avatar{border:1px solid var(--trait);background:white;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:600}.conteneur{max-width:1180px;margin:auto;padding:36px 24px 48px}.titre-page{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.titre-page p:not(.surtitre){color:var(--second)}.pastille{background:#e9f1eb;color:var(--vert);padding:5px 10px;border-radius:20px;font-size:12px;white-space:nowrap}.pastille.neutre{background:#f0eeea;color:var(--second)}.onglets{display:flex;gap:25px;border-bottom:1px solid var(--trait);margin-bottom:28px;overflow:auto}.onglets button{border:0;border-radius:0;background:transparent;padding:12px 0 15px;white-space:nowrap;font-size:14px;color:var(--second);border-bottom:2px solid transparent}.onglets button[aria-current]{border-bottom-color:var(--rouge);color:var(--rouge)}.statistiques{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:18px;margin-bottom:24px}.statistiques article{background:white;border:1px solid var(--trait);border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start}.statistiques article p{font-size:13px;color:var(--second);margin:0 0 8px}.statistiques strong{font-size:32px;font-weight:600;letter-spacing:-1px}.statistiques strong.code{font-size:22px;letter-spacing:0;padding:4px 0}.statistiques small{margin-top:6px}.lien{padding:0;margin-top:12px;border:0;background:none;color:var(--rouge);font-size:13px}.bloc{background:white;border:1px solid var(--trait);padding:27px 28px;border-radius:12px;margin-bottom:24px}.bloc-titre{display:flex;align-items:flex-start;justify-content:space-between}.bloc-titre p{font-size:13px;color:var(--second)}.graphe{height:228px;display:flex;gap:20px;align-items:flex-end;padding-top:24px}.jour{flex:1 1;min-width:0;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;font-size:12px}.jour>span{color:var(--second);font-size:11px;margin-bottom:8px}.jour small{margin-top:10px;font-size:11px}.piste{width:100%;max-width:82px;flex:1 1;display:flex;align-items:flex-end;border-bottom:1px solid var(--trait)}.piste i{display:block;background:#d6928a;width:100%;border-radius:5px 5px 0 0;min-height:2px}.jour:last-child .piste i{background:var(--rouge)}.deux-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.deux-colonnes .bloc{margin-bottom:0}dl{margin:16px 0}dl>div{display:flex;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px solid #f0eeea;font-size:14px}dt{color:var(--second)}dd{text-align:right;margin:0;font-weight:600}.versement-resume{background:#f4f1eb}.versement-resume small{display:block;margin-top:16px}.versement-resume p{margin-bottom:25px}.periode{display:grid;grid-template-columns:1fr 1.3fr 1.1fr;margin:28px 0;border:1px solid var(--trait);border-radius:8px}.periode>div{display:flex;flex-direction:column;padding:20px;gap:4px;border-right:1px solid var(--trait)}.periode>div:nth-child(2){border-bottom:3px solid var(--rouge);background:#fdf6f4}.periode>div:last-child{border-right:0}.montant{font-size:36px;letter-spacing:-1px;font-weight:600}.montant span{font-size:13px;color:var(--second);font-weight:400;letter-spacing:0}.avis{padding:18px 20px;border-left:3px solid #b9aa8e;background:#f7f4ed;font-size:14px;margin:22px 0}.avis p:last-child{margin-bottom:0}.succes{background:#edf5ef;border:1px solid #cee2d3;padding:18px 20px;border-radius:8px;margin:20px 0}.succes,.succes small{color:var(--vert)}.confirmation{padding:18px;border:1px solid var(--trait);border-radius:8px}.confirmation h3{margin-top:0}.confirmation button+button{margin-left:12px}.ligne-historique{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}.case{display:flex;align-items:flex-start;gap:12px;margin:25px 0}.case input{width:20px;height:20px;flex-shrink:0;accent-color:var(--rouge)}.contrat{max-width:850px}.admin-grille{display:grid;grid-template-columns:280px 1fr;gap:24px}.fiche{display:block;width:100%;text-align:left;margin-top:12px}.fiche small{display:block;font-weight:400}.fiche.selection{border-color:var(--rouge);background:#fdf6f4}.champs{display:flex;gap:24px;margin:25px 0}.champs label{display:block;flex:1 1;font-size:13px;font-weight:600}.champs input{display:block;width:100%;margin-top:8px;border:1px solid #c7c2b9;border-radius:7px;padding:12px}.ouverture{max-width:750px;margin:8vh auto;padding:32px}.ouverture .surtitre{margin-top:55px}.ouverture h1{font-size:46px}.ouverture>p{max-width:610px}.ouverture .bouton{margin:8px 0 10px}footer{border-top:1px solid var(--trait);text-align:center;color:var(--second);font-size:12px;padding:22px}@media(max-width:700px){h1{font-size:30px}.entete{padding:22px 20px;gap:13px}.marque{font-size:29px}.division{font-size:12px;padding-left:13px}.avatar{display:none}.entete nav{font-size:11px}.conteneur{padding:28px 18px}.titre-page{align-items:flex-start}.titre-page>.pastille{display:none}.onglets{gap:22px}.statistiques{grid-template-columns:1fr 1fr;gap:12px}.statistiques article{padding:17px 14px}.statistiques article:last-child{grid-column:1/-1}.statistiques strong{font-size:26px}.statistiques small{font-size:11px}.bloc{padding:22px 18px}.graphe{gap:10px;height:192px}.jour>span{font-size:9px}.jour small{font-size:10px}.admin-grille,.deux-colonnes,.periode{grid-template-columns:1fr}.periode>div{border-right:0;border-bottom:1px solid var(--trait);padding:15px}.deux-colonnes{gap:18px}.champs{gap:14px}.ligne-historique{flex-wrap:wrap;font-size:13px;gap:10px}.montant span{display:block}.ouverture{margin:4vh auto;padding:25px}.ouverture h1{font-size:36px}.confirmation button+button{margin-top:12px}.titre-page p:not(.surtitre){font-size:14px}.bloc-titre{gap:10px}}