@font-face{font-family:"Nunito Sans";font-weight:300 500;font-display:swap;src:url(/i/police/nunito-400.woff2) format("woff2")}
@font-face{font-family:"Nunito Sans";font-weight:501 760;font-display:swap;src:url(/i/police/nunito-700.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-weight:600 800;font-display:swap;src:url(/i/police/outfit-700.woff2) format("woff2")}
:root{--n:#0B2A5B;--n2:#003684;--j:#FEAD08;--j2:#F29100;--j5:#FFF5DE;--b:#0047AA;--f:#F4F6FA;--l:#E2E7EF;--t:#1B2333;--t2:#525E6E;--t3:#6E7887;
--ok:#167A45;--ok5:#E6F4EC;--r:#C23434;--r5:#FBEBEB;--v:#8A5A00;--v5:#FFF4DC;--i5:#EAF1FB}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--f);color:var(--t);
font-family:"Nunito Sans","Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}
a{color:var(--b)}h1,h2,h3{font-family:Outfit,"Nunito Sans",system-ui,sans-serif;line-height:1.2;color:var(--n)}
h1{font-size:26px;margin:4px 0 8px}h2{font-size:19px;margin:0 0 10px}h3{font-size:16px;margin:16px 0 6px}
.haut{background:var(--n);color:#fff;border-bottom:3px solid var(--j)}.haut .in{max-width:980px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:10px}
.haut .logo-produit{height:26px;width:auto}.haut .titre{font-weight:700;font-size:15px;opacity:.95;padding-left:10px;border-left:1px solid rgba(255,255,255,.35)}
.haut .esp{flex:1}.haut a,.haut button{color:#fff}.haut .btn{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
nav.menu{background:#fff;border-bottom:1px solid var(--l);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
nav.menu .in{max-width:980px;margin:0 auto;padding:0 8px;display:flex;gap:2px}nav.menu a{display:inline-block;padding:12px 12px;text-decoration:none;
color:var(--t2);font-weight:650;font-size:14.5px;border-bottom:3px solid transparent}nav.menu a.actif{color:var(--n);border-color:var(--j)}
main{max-width:980px;margin:0 auto;padding:18px 16px 60px}.carte{background:#fff;border:1px solid var(--l);border-radius:14px;padding:18px;margin-bottom:14px}
.muet{color:var(--t3);font-size:14px}.petit{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;
padding:0 16px;border-radius:10px;border:1.5px solid var(--l);background:#fff;font:inherit;font-weight:700;font-size:15px;color:var(--n);cursor:pointer;
text-decoration:none}.btn.p{background:var(--j);border-color:var(--j);color:var(--n)}.btn.p:hover{background:var(--j2);border-color:var(--j2)}
.btn.s{min-height:36px;padding:0 12px;font-size:14px}.btn.lien{border:0;background:none;color:var(--b);text-decoration:underline;padding:0;min-height:0}
.btn[disabled]{opacity:.5;cursor:not-allowed}
label{display:grid;gap:5px;font-weight:650;font-size:14px;color:var(--t2);margin-bottom:12px}input,select,textarea{font:inherit;font-size:16px;
min-height:46px;padding:8px 12px;border:1.5px solid var(--l);border-radius:10px;background:#fff;color:var(--t);width:100%}
textarea{min-height:90px}input:focus,select:focus,textarea:focus{outline:3px solid var(--j5);border-color:var(--b)}
input[type=checkbox],input[type=radio]{width:22px;min-height:22px;height:22px;margin:0;flex:0 0 auto;accent-color:var(--n2)}
.case{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--t)}.case span{padding-top:1px}
fieldset{border:0;padding:0;margin:0 0 12px}legend{font-weight:700;color:var(--t2);font-size:14px;margin-bottom:6px}
.choix{display:grid;gap:8px}.choix .case{border:1.5px solid var(--l);border-radius:10px;padding:12px;margin:0}
.alerte{background:var(--r5);color:#842424;padding:12px 14px;border-radius:10px;margin-bottom:14px}.succes{background:var(--ok5);color:#0F5733;padding:12px 14px;border-radius:10px;margin-bottom:14px}
.info{background:var(--i5);color:#1D4F87;padding:12px 14px;border-radius:10px;margin-bottom:14px}.attention{background:var(--v5);color:#6B4500;padding:12px 14px;border-radius:10px;margin-bottom:14px}
.puce{display:inline-block;padding:2px 10px;border-radius:99px;font-size:13px;font-weight:700;background:var(--f);color:var(--t2);white-space:nowrap}
.puce.ok{background:var(--ok5);color:var(--ok)}.puce.ko{background:var(--r5);color:var(--r)}.puce.v{background:var(--v5);color:var(--v)}.puce.b{background:var(--i5);color:var(--b)}
.rep{border-radius:14px;padding:16px;margin-bottom:14px;border:2px solid var(--l);background:#fff}.rep .n{font-family:Outfit,sans-serif;font-weight:800;font-size:18px;color:var(--n)}
.rep.r1{border-color:#9ED3B4;background:var(--ok5)}.rep.r2{border-color:#A9C4EA;background:var(--i5)}.rep.r3{border-color:#F0C877;background:var(--v5)}
.rep.r4{border-color:#C9CFD8}.rep.r5{border-color:#F0C877;background:var(--v5)}
.fiche{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14.5px;margin:10px 0 0}.fiche dt{color:var(--t3)}.fiche dd{margin:0;font-weight:600}
.liste{display:grid;gap:10px}.ligne-p{background:#fff;border:1px solid var(--l);border-radius:14px;padding:14px}.ligne-p .t{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ligne-p .nom{font-weight:800;color:var(--n);font-size:16.5px}.ligne-p .d{color:var(--t2);font-size:14px;margin-top:4px}.ligne-p .act{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.etapes{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.etapes span{font-size:13px;background:var(--f);border-radius:8px;padding:3px 8px;color:var(--t2)}
.etapes span.f{background:var(--ok5);color:var(--ok);font-weight:700}
.tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.tuile{background:#fff;border:1px solid var(--l);border-radius:14px;padding:14px}
.tuile b{display:block;font-family:Outfit,sans-serif;font-size:22px;color:var(--n)}.tuile span{color:var(--t3);font-size:13.5px}
.compteur{font-weight:700;color:var(--n);background:var(--j5);border-radius:99px;padding:3px 10px;font-size:14px}
.contrat{max-height:52vh;overflow:auto;border:1px solid var(--l);border-radius:12px;padding:6px 16px;background:#FBFCFE;font-size:14.5px}.contrat h3{color:var(--n)}
.code{font-family:Consolas,monospace;font-size:28px;letter-spacing:.3em;text-align:center}
.hero{background:linear-gradient(160deg,var(--n) 0%,#123E80 100%);color:#fff;border-radius:18px;padding:22px 18px;margin-bottom:14px}.hero h1{color:#fff;font-size:28px}
.hero p{color:#DCE5F3;margin:6px 0 0}.trois{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.trois div{background:#fff;border:1px solid var(--l);border-radius:14px;padding:14px}
.trois b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--j);color:var(--n);font-family:Outfit,sans-serif;margin-right:8px}
table.forfaits{width:100%;border-collapse:collapse;font-size:14.5px}table.forfaits td{padding:9px 6px;border-bottom:1px solid var(--l);vertical-align:top}table.forfaits td.m{font-weight:800;color:var(--n);white-space:nowrap}
.qr{width:150px;height:150px;border:1px solid var(--l);border-radius:10px;background:#fff;padding:6px}.qr svg{width:100%;height:100%}
.copie{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.copie input{flex:1 1 220px}.pre{white-space:pre-wrap;background:#FBFCFE;border:1px solid var(--l);border-radius:10px;padding:12px;font-size:14.5px}
.encadre{border-left:5px solid var(--j);background:var(--j5);border-radius:10px;padding:12px 14px}
.piege{position:absolute;left:-5000px}.cache{display:none}.pied{max-width:980px;margin:0 auto;padding:0 16px 30px;color:var(--t3);font-size:13px}
@media(min-width:760px){.deux{display:grid;grid-template-columns:1fr 1fr;gap:14px}main{padding-top:24px}}