@font-face{font-family:Figtree;font-style:normal;font-weight:400 700;font-display:swap;src:url(polices/figtree-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:400 700;font-display:swap;src:url(polices/figtree-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(polices/instrument-serif-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(polices/instrument-serif-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(polices/instrument-serif-italique-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(polices/instrument-serif-italique-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:500 600;font-display:swap;src:url(polices/caveat-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:500 600;font-display:swap;src:url(polices/caveat-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--sol:#f4f4f2;--surface:#ffffff;--surface-creuse:#ecece9;--encre:#1a1524;--encre-douce:#5a5364;--encre-pale:#665e71;--encre-tres-pale:#9a9388;--encre-eteinte:#b3aca2;--trait:#e3e3df;--trait-marque:#d4d4cf;--bordeaux:#7a2438;--accent:#d9705f;--accent-clair:#ff9a8b;--accent-fond:#ffe1da;--accent-voile:#fdf1ec;--terre:#9f4536;--anneau:#c85f4e;--anneau-lisere:#ffffff;--anneau-cerne:#1a1524;--accent-filet:#f3cdc2;--en-ordre:#7ba86f;--en-ordre-fond:#e4efe1;--en-ordre-encre:#2f6b48;--ambre:#86600e;--ambre-fond:#f2e7cd;--post-it-jaune:#fbf3c9;--post-it-lavande:#ece8f4;--sol-lateral-haut:#ececea;--sol-lateral-bas:#e3e3e0;--trait-lateral:#d6d6d1;--encre-voile:rgba(26, 21, 36, 0.05);--sol-voile:rgba(244, 244, 242, 0.85);--page-voilee:rgba(26, 21, 36, 0.25);--titres:"Instrument Serif", Georgia, "Times New Roman", serif;--corps:"Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;--manuscrite:"Caveat", ui-sans-serif, system-ui, cursive;--rayon:13px;--rayon-large:16px;--rayon-serre:9px;--pas:4px;--bande-de-la-note:108px;--barre-laterale:15.75rem;--barre-basse:3.5rem;--cible-tactile:2.75rem;--courbe-sortie:cubic-bezier(0.23, 1, 0.32, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sol);color:var(--encre);font-family:var(--corps);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}h1,h2,h3{font-family:var(--titres);text-wrap:balance;letter-spacing:0;margin:0;font-weight:400;line-height:1.15}h1{letter-spacing:-.015em;font-size:2.6rem;line-height:1}h2{font-size:1.5rem}h3{font-size:1.15rem}p{margin:0}a{color:var(--bordeaux)}.page{min-height:100vh;padding:calc(var(--pas) * 6);flex-direction:column;justify-content:center;align-items:center;display:flex}.colonne{gap:calc(var(--pas) * 5);flex-direction:column;width:100%;max-width:27rem;display:flex}.large{max-width:52rem}.pile{gap:calc(var(--pas) * 4);flex-direction:column;display:flex}.pile-serree{gap:calc(var(--pas) * 2);flex-direction:column;display:flex}.ligne{align-items:center;gap:calc(var(--pas) * 3);flex-wrap:wrap;display:flex}.pousse{margin-left:auto}.marque{align-items:center;gap:calc(var(--pas) * 3);display:flex}.marque-bloc{flex-direction:column;display:flex}.marque-nom{font-family:var(--titres);letter-spacing:-.01em;font-size:1.75rem;font-weight:400;line-height:1}.marque-signature{color:var(--encre-pale);letter-spacing:.01em;margin-top:3px;font-size:.72rem;line-height:1.2;display:block}.carte{background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon-large);padding:calc(var(--pas) * 7)}.carte-serree{padding:calc(var(--pas) * 4);border-radius:var(--rayon)}.etiquette{letter-spacing:.12em;text-transform:uppercase;color:var(--encre-pale);font-size:.68rem;font-weight:500}.discret{color:var(--encre-douce);font-size:.9rem}.tres-discret{color:var(--encre-pale);font-size:.82rem}label{margin-bottom:calc(var(--pas) * 1.5);font-size:.85rem;font-weight:500;display:block}input:not([type]),input[type=email],input[type=password],input[type=text],input[type=search],input[type=date],input[type=file],select{width:100%;padding:calc(var(--pas) * 3);font:inherit;color:var(--encre);background:var(--fond-du-champ,var(--surface));border:1px solid var(--trait-du-champ,var(--trait-marque));border-radius:var(--rayon-serre);font-size:.95rem}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--anneau);outline-offset:2px}.code{letter-spacing:.28em;text-align:center;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,monospace;font-size:1.25rem}button{font:inherit;padding:calc(var(--pas) * 3) calc(var(--pas) * 5);border-radius:var(--rayon-serre);cursor:pointer;background:var(--encre);color:var(--surface);border:1px solid #0000;font-size:.95rem;font-weight:500}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled){filter:opacity(.88)}}button:disabled{opacity:.5;cursor:default}button.secondaire{color:var(--encre);border-color:var(--trait-marque);background:0 0}button.discret-bouton{color:var(--encre-douce);padding:calc(var(--pas) * 2) 0;text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.bloc{width:100%}.avis{padding:calc(var(--pas) * 3) calc(var(--pas) * 4);border-radius:var(--rayon-serre);border:1px solid;font-size:.9rem}.avis-erreur{background:var(--ambre-fond);border-color:var(--ambre);color:var(--ambre)}.avis-reussite{background:var(--en-ordre-fond);border-color:var(--en-ordre);color:var(--en-ordre-encre)}.avis-calme{background:var(--sol-lateral-haut);border-color:var(--trait-marque);color:var(--encre-douce)}.avis>p,.avis>ul{margin:0}.liste-de-refus{margin-top:calc(var(--pas) * 2);gap:var(--pas);flex-direction:column;padding:0;list-style:none;display:flex}.avis,.liste-de-refus>li{overflow-wrap:anywhere}.liste{gap:calc(var(--pas) * 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entree{gap:calc(var(--pas) * 4);padding:calc(var(--pas) * 3) 0;border-bottom:1px solid var(--trait);align-items:baseline;font-size:.9rem;display:flex}.entree:last-child{border-bottom:none}.jour{text-align:right;min-width:2.4rem;font-family:var(--titres);font-variant-numeric:tabular-nums;color:var(--accent);flex:none;font-size:1.35rem;line-height:1}.montant{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-weight:650}.entree-pliante{flex-wrap:wrap}.confirmation{gap:calc(var(--pas) * 2);width:100%;margin-top:calc(var(--pas) * 3);padding:calc(var(--pas) * 3) calc(var(--pas) * 4);border-radius:var(--rayon-serre);background:var(--surface-creuse);border-left:3px solid var(--ambre);flex-direction:column;display:flex}.confirmation .discret{color:var(--encre)}.confirmation .tres-discret{color:var(--encre-douce)}.confirmation button:not(.discret-bouton){background:var(--ambre);color:var(--accent-voile)}.horodatage{font-variant-numeric:tabular-nums;color:var(--encre-pale);flex:none;min-width:10.5rem;font-size:.82rem}.pastille{background:var(--surface-creuse);color:var(--encre-douce);border:1px solid var(--trait);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:500;display:inline-block}.defilant{overflow-x:auto}.depot input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.depot{padding:calc(var(--pas) * 6);border:1.5px dashed var(--trait-marque);border-radius:var(--rayon);text-align:center;cursor:pointer;background:var(--surface-creuse);margin-bottom:0;font-size:.92rem;font-weight:500;display:block;position:relative}.depot:hover{border-color:var(--accent);color:var(--accent)}.depot:focus-within{outline:2px solid var(--accent);outline-offset:2px}.qr{border-radius:var(--rayon-serre);padding:calc(var(--pas) * 2);border:1px solid var(--trait);background:#fff;margin:0 auto;display:block}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details summary:before{content:"▸ "}details[open] summary:before{content:"▾ "}.echelle{align-items:flex-end;gap:3px;display:flex}.echelle-cran{border-radius:var(--rayon-serre);text-align:center;min-width:0;color:var(--encre-douce);flex:1;padding:.45rem 0;font-size:.75rem;font-weight:600;line-height:1}.echelle-cran[data-actif=oui]{box-shadow:inset 0 0 0 2px var(--encre);padding:.9rem 0;font-size:1.15rem}.echelle-cran[data-lettre=A]{background:#dcece0}.echelle-cran[data-actif=oui][data-lettre=A]{background:#319834}.echelle-cran[data-lettre=B]{background:#e2f2de}.echelle-cran[data-actif=oui][data-lettre=B]{background:#4fc24a}.echelle-cran[data-lettre=C]{background:#eef6da}.echelle-cran[data-actif=oui][data-lettre=C]{background:#a8d94a}.echelle-cran[data-lettre=D]{background:#fbf8da}.echelle-cran[data-actif=oui][data-lettre=D]{background:#f2e34a}.echelle-cran[data-lettre=E]{background:#fbf2da}.echelle-cran[data-actif=oui][data-lettre=E]{background:#f2c14a}.echelle-cran[data-lettre=F]{background:#f9e9da}.echelle-cran[data-actif=oui][data-lettre=F]{background:#ee8f3f}.echelle-cran[data-lettre=G]{background:#f7dedb}.echelle-cran[data-actif=oui][data-lettre=G]{background:#e2534a}.chiffre{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;line-height:1.1}.provenance{border-top:1px solid var(--trait);color:var(--encre-pale);flex-wrap:wrap;gap:.4rem 1rem;margin-top:1rem;padding-top:.6rem;font-size:.78rem;display:flex}.risque{border-bottom:1px solid var(--trait);align-items:baseline;gap:.6rem;padding:.5rem 0;display:flex}.risque:last-child{border-bottom:0}.risque-etat{background:var(--trait-marque);border-radius:50%;flex:none;width:.5rem;height:.5rem}.risque-etat[data-etat=avere]{background:var(--ambre)}.jeton{word-break:break-all;-webkit-user-select:all;user-select:all;background:var(--surface-creuse);border:1px solid var(--trait);border-radius:var(--rayon-serre);padding:calc(var(--pas) * 3);margin:0;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,monospace;font-size:.9rem;line-height:1.6}.logement{gap:calc(var(--pas) * 2);flex-direction:column;display:flex}.logement+.logement{margin-top:calc(var(--pas) * 4)}.legende{gap:calc(var(--pas) * 2);border-top:1px solid var(--trait);flex-direction:column;margin:1rem 0 0;padding-top:.8rem;display:flex}.legende>div{align-items:baseline;gap:.6rem;display:flex}.legende dt{flex:none}.legende dd{margin:0}.chiffre-grand{letter-spacing:-.015em;font-variant-numeric:tabular-nums;margin:.15rem 0 .35rem;font-size:2.7rem;font-weight:600;line-height:1.05}.jauge{background:var(--surface-creuse);border:1px solid var(--trait);border-radius:999px;height:18px;position:relative;overflow:hidden}.jauge-part{background:var(--accent);border-radius:999px;height:100%}.jauge-bornes{justify-content:space-between;gap:calc(var(--pas) * 2);margin-top:calc(var(--pas) * 2);color:var(--encre-pale);font-variant-numeric:tabular-nums;font-size:.78rem;display:flex}.jauge-part-dite{justify-content:space-between;align-items:baseline;gap:calc(var(--pas) * 2);margin-bottom:calc(var(--pas) * 2);color:var(--encre-douce);font-size:.82rem;display:flex}.jauge-part-dite strong{font-variant-numeric:tabular-nums}.postes{gap:calc(var(--pas) * 4);margin:calc(var(--pas) * 6) 0 0;flex-direction:column;display:flex}.postes>div{align-items:baseline;gap:calc(var(--pas) * 3);padding-bottom:calc(var(--pas) * 3);border-bottom:1px solid var(--trait);flex-wrap:wrap;display:flex}.postes>div:last-child{border-bottom:none;padding-bottom:0}.postes dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.postes dd.tres-discret{flex-basis:100%;order:3;font-weight:400}.addition{margin:calc(var(--pas) * 6) 0 0;padding:calc(var(--pas) * 4);border-radius:var(--rayon-serre);background:var(--surface-creuse);gap:calc(var(--pas) * 2);flex-direction:column;font-size:.9rem;display:flex}.addition>div{align-items:baseline;gap:calc(var(--pas) * 3);display:flex}.addition dt{color:var(--encre-douce);flex:1}.addition dd{font-variant-numeric:tabular-nums;margin:0}.addition .somme{margin-top:calc(var(--pas) * 2);padding-top:calc(var(--pas) * 3);border-top:1px solid var(--trait-marque)}.addition .somme dt,.addition .somme dd{color:var(--encre);font-weight:600}.manque{color:var(--encre-pale);font-weight:400}.doute{gap:calc(var(--pas) * 2);margin-top:calc(var(--pas) * 4);padding:calc(var(--pas) * 3) calc(var(--pas) * 4);border-radius:var(--rayon-serre);background:var(--surface-creuse);border-left:3px solid var(--ambre);flex-direction:column;display:flex}.doute .discret{color:var(--encre)}.citation{margin:calc(var(--pas) * 2) 0 0;padding-left:calc(var(--pas) * 3);border-left:2px solid var(--accent);color:var(--encre-douce);font-size:.85rem}.coquille{grid-template-columns:var(--barre-laterale) 1fr;min-height:100dvh;display:grid}.barre-laterale{gap:calc(var(--pas) * 5.5);height:100vh;padding:calc(var(--pas) * 5.5) calc(var(--pas) * 3.5) calc(var(--pas) * 4.5);background:linear-gradient(180deg, var(--sol-lateral-haut) 0%, var(--sol-lateral-bas) 100%);border-right:1px solid var(--trait-lateral);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.barre-laterale .marque{padding:0 calc(var(--pas) * 2)}.carte-foyer{gap:calc(var(--pas) * .5);padding:calc(var(--pas) * 3) calc(var(--pas) * 3.25);background:var(--surface);border:1px solid var(--trait-lateral);border-radius:var(--rayon);flex-direction:column;display:flex}.carte-foyer strong{letter-spacing:-.006em;font-size:.85rem;font-weight:600}.carte-foyer .tres-discret{font-size:.71rem}.nav-foyer{flex-direction:column;gap:1px;display:flex}.nav-titre{letter-spacing:.15em;padding:calc(var(--pas) * 2) calc(var(--pas) * 3) calc(var(--pas) * 1.5);font-size:.6rem;font-weight:600}.nav-entree{align-items:center;gap:calc(var(--pas) * 2.75);padding:calc(var(--pas) * 2.25) calc(var(--pas) * 3);border-radius:var(--rayon-serre);color:var(--encre-douce);font-size:.89rem;text-decoration:none;transition:background .13s,color .13s;display:flex}.nav-entree:hover{background:var(--encre-voile)}.nav-entree[aria-current=page]{background:var(--accent-fond);color:var(--accent);font-weight:600}.nav-entree svg{opacity:.75;flex:none;width:16px;height:16px}.nav-compteur{font-variant-numeric:tabular-nums;background:var(--surface);margin-left:auto;padding:1px 8px;font-size:.68rem}.nav-compteur[data-vide=oui]{color:var(--encre-pale)}.pied-laterale{gap:calc(var(--pas) * 2);padding:calc(var(--pas) * 4) calc(var(--pas) * 3) 0;border-top:1px solid var(--trait-lateral);flex-direction:column;margin-top:auto;display:flex}.zone{flex-direction:column;min-width:0;display:flex}.barre-haut{z-index:5;justify-content:space-between;align-items:center;gap:calc(var(--pas) * 5);padding:calc(var(--pas) * 4) calc(var(--pas) * 9);border-bottom:1px solid var(--trait);background:var(--sol-voile);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;position:sticky;top:0}.barre-haut h1{letter-spacing:-.022em;font-size:1.3rem}.avatar{background:var(--accent);width:34px;height:34px;color:var(--accent-voile);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex}.avatar svg{width:17px;height:17px}.ecran{padding:calc(var(--pas) * 7) calc(var(--pas) * 9) calc(var(--pas) * 18);flex-direction:column;align-items:flex-start;display:flex}.barre-basse{z-index:20;background:var(--sol-lateral-haut);border-top:1px solid var(--trait-lateral);padding-bottom:env(safe-area-inset-bottom,0px);display:none;position:fixed;bottom:0;left:0;right:0}.onglets{align-items:stretch;max-width:30rem;margin:0 auto;display:flex}.onglet{min-width:0;min-height:var(--barre-basse);padding:calc(var(--pas) * 1.5) calc(var(--pas) * .5);color:var(--encre-douce);cursor:pointer;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;text-decoration:none;list-style:none;display:flex}.onglet::-webkit-details-marker{display:none}details .onglet:before,details[open] .onglet:before{content:none}details[open]>.onglet:after{content:"";inset:0 0 calc(var(--barre-basse) + env(safe-area-inset-bottom,0px)) 0;z-index:-1;background:var(--page-voilee);position:fixed}.onglet svg{opacity:.75;flex:none;width:22px;height:22px}.onglet-nom{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.66rem;font-weight:500;overflow:hidden}.onglet[aria-current=page],.onglet[data-actif=oui]{color:var(--accent);font-weight:600}.onglet[aria-current=page] svg,.onglet[data-actif=oui] svg{opacity:1}.onglet-plus{flex:1 1 0;min-width:0;display:flex}.feuille{max-width:30rem;max-height:70vh;padding:calc(var(--pas) * 2) calc(var(--pas) * 2) calc(var(--pas) * 3);background:var(--sol-lateral-haut);border-top:1px solid var(--trait-lateral);flex-direction:column;gap:1px;margin:0 auto;display:flex;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.feuille .nav-entree{min-height:var(--cible-tactile)}.feuille-foyer{align-items:flex-start;gap:calc(var(--pas) * 2);margin-top:calc(var(--pas) * 3);padding:calc(var(--pas) * 4) calc(var(--pas) * 3) 0;border-top:1px solid var(--trait-lateral);flex-direction:column;display:flex}.feuille-foyer .carte-foyer{width:100%}.feuille-moi{align-items:center;gap:calc(var(--pas) * 2.5);display:flex}.feuille-moi .avatar{width:26px;height:26px;font-size:.66rem}.feuille-moi .avatar svg{width:14px;height:14px}@media (max-width:60rem){.coquille{grid-template-columns:1fr}.barre-laterale{display:none}.barre-basse{display:block}.barre-haut{-webkit-backdrop-filter:none;backdrop-filter:none;padding:calc(var(--pas) * 5) calc(var(--pas) * 5) 0;background:0 0;border-bottom:0;position:static}.barre-haut .avatar{display:none}.barre-haut h1{font-size:1.45rem}.ecran{padding-top:calc(var(--pas) * 5);padding-left:calc(var(--pas) * 5);padding-right:calc(var(--pas) * 5);padding-bottom:calc(var(--barre-basse) + env(safe-area-inset-bottom,0px) + var(--pas) * 9)}}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.tache-saisie{align-items:flex-end;gap:calc(var(--pas) * 3);margin-top:calc(var(--pas) * 4);flex-wrap:wrap;display:flex}.tache-saisie>label{flex:0 11rem;margin-bottom:0}.tache-saisie>label.tache-champ-choix{flex:0 13rem}.tache-saisie>label.tache-champ-large{flex:14rem}.tache-saisie>button{flex:none}.tache-note{margin-top:calc(var(--pas) * 3)}.tache{align-items:center}.tache-libelle{align-items:center;gap:calc(var(--pas) * 2.5);cursor:pointer;flex:10rem;min-width:0;margin-bottom:0;font-size:.95rem;font-weight:400;display:flex}.tache[data-faite=oui] .tache-titre{color:var(--encre-pale);text-decoration:line-through}.tache-quand{font-variant-numeric:tabular-nums;color:var(--encre-douce);flex:none;font-size:.85rem}.tache-panneau{width:100%;margin-top:calc(var(--pas) * 3);padding:calc(var(--pas) * 2) calc(var(--pas) * 4) calc(var(--pas) * 4);border-radius:var(--rayon-serre);background:var(--surface-creuse)}.tache-repli summary h2{display:inline}.situation-questions{gap:calc(var(--pas) * 5);margin-top:calc(var(--pas) * 4);flex-direction:column;display:flex}.situation-axe{border:0;min-width:0;margin:0;padding:0}.situation-axe legend{color:var(--encre);padding:0;font-size:.95rem;font-weight:500}.situation-axe .tres-discret{margin:calc(var(--pas) * 1) 0 0}.situation-choix{gap:calc(var(--pas) * 2) calc(var(--pas) * 5);margin-top:calc(var(--pas) * 2);flex-wrap:wrap;display:flex}.situation-option{align-items:center;gap:calc(var(--pas) * 2);cursor:pointer;margin:0;font-weight:400;display:flex}input[type=radio]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.situation-repli{margin-top:calc(var(--pas) * 6)}.situation-repli summary{color:var(--encre-douce);font-size:.9rem}.situation-repli>.tres-discret{margin:calc(var(--pas) * 2) 0 0}.situation-note{margin:calc(var(--pas) * 5) 0 0}@media (pointer:coarse){button,details summary,.depot,input:not([type]),input[type=email],input[type=password],input[type=text],input[type=date],input[type=file],select{min-height:var(--cible-tactile)}button{justify-content:center;align-items:center;display:inline-flex}input[type=checkbox],input[type=radio]{width:1.5rem;height:1.5rem}.tache-libelle,.situation-option,.nav-entree{min-height:var(--cible-tactile)}.discret-bouton{padding-left:calc(var(--pas) * 2);padding-right:calc(var(--pas) * 2)}}.carte{box-shadow:0 1px 2px #1a15240d,0 18px 36px -24px #1a152457}.carte:not(.pile):not(.pile-serree):not(.ligne){gap:calc(var(--pas) * 4);flex-direction:column;display:flex}.chapeau{max-width:62ch;color:var(--encre-douce);font-size:.9rem}.pastille[data-ton=bien]{background:var(--accent-fond);color:var(--accent);border-color:#0000}.pastille[data-ton=attente]{background:var(--ambre-fond);color:var(--ambre);border-color:#0000}.pastille[data-ton=neutre]{background:var(--surface-creuse);color:var(--encre-douce)}.vide{text-align:center;padding:calc(var(--pas) * 10) calc(var(--pas) * 6);color:var(--encre-pale);text-wrap:balance;max-width:58ch;margin:0 auto;font-size:.9rem}.depot{transition:border-color .12s,background .12s,color .12s}.depot-actif{border-color:var(--accent);background:var(--accent-voile);color:var(--accent)}.situation-recapitulatif{gap:calc(var(--pas) * 4) calc(var(--pas) * 8);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:0;display:grid}.situation-recapitulatif>*{grid-template-rows:subgrid;grid-row:span 2;display:grid}.situation-recapitulatif dt{color:var(--encre-pale);margin-bottom:2px;font-size:.78rem}.situation-recapitulatif dd{margin:0;font-weight:500}.ecran{padding-top:calc(var(--pas) * 9)}.liste .entree{padding:calc(var(--pas) * 4) 0}.apercu{gap:calc(var(--pas) * 3);grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));display:grid}.repere{background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon);padding:calc(var(--pas) * 4) calc(var(--pas) * 5);flex-direction:column;gap:2px;display:flex;box-shadow:0 1px 2px #1a1c190a}.repere-valeur{font-family:var(--titres);letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:flex-end;min-height:2.415rem;font-size:2.1rem;font-weight:400;line-height:1.15;display:flex}.repere-valeur[data-texte=oui]{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.repere-quoi{color:var(--encre-pale);font-size:.76rem}.repere-valeur[data-inconnu=oui]{color:var(--encre-pale);font-weight:500}.repere[data-ton=attention]{border-color:var(--ambre);background:var(--ambre-fond)}.repere[data-ton=attention] .repere-valeur,.repere[data-ton=attention] .repere-quoi{color:var(--ambre)}.ecran .colonne.large{max-width:76rem}@media (min-width:1100px){.accueil-deux-colonnes{gap:calc(var(--pas) * 4);grid-template-columns:minmax(0,1.6fr) minmax(17rem,1fr);align-items:start;display:grid}.accueil-deux-colonnes>*{min-width:0}}.note-de-bas{border-left:2px solid var(--trait-marque);padding:calc(var(--pas) * 1) calc(var(--pas) * 4);gap:calc(var(--pas) * 2);flex-direction:column;display:flex}.gestes-de-ligne{align-items:center;gap:calc(var(--pas) * 3);flex:none;margin-left:auto;display:flex}.depliant>summary{cursor:pointer;color:var(--accent);padding:calc(var(--pas) * 2) 0;font-size:.9rem;font-weight:500}.depliant[open]>summary{margin-bottom:calc(var(--pas) * 3)}.accueil-public{--couloir:min(56rem, 100vw - 7rem);--marge:3.5rem;--bandeau:6.5rem;--au-dessus-du-telephone:2.75rem;--telephone-haut:650px;--echelle-telephone:1;--telephone-large:300px;min-height:100dvh;overflow-x:clip}.accueil-entete{z-index:5;height:var(--bandeau);position:absolute;top:0;left:0;right:0}.accueil-entete-liens{align-items:center;gap:28px;display:flex}.bouton-lien{background:var(--encre);color:var(--surface);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 24px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.bouton-lien:hover{opacity:.88}.bouton-lien.secondaire{background:var(--surface);color:var(--encre);border-color:var(--trait-marque)}.bouton-lien.secondaire:hover{background:var(--surface-creuse);color:var(--encre);opacity:1}.accueil-hero{background:radial-gradient(36% 40% at 50% 62%,#ff9a8b80 0%,#ff9a8b29 40%,#f6f0e600 70%),radial-gradient(90% 70% at 50% 40%,#faf6ee,#efe7da 100%);min-height:1040px;position:relative;overflow:hidden}.accueil-hero:after{content:"";background:linear-gradient(to top, var(--sol), transparent);pointer-events:none;height:200px;position:absolute;inset:auto 0 0}.accueil-hero-dire{z-index:2;text-align:center;max-width:var(--couloir);padding:132px var(--marge) 0;flex-direction:column;align-items:center;gap:20px;margin:0 auto;display:flex;position:relative}.accueil-surtitre{letter-spacing:.16em;text-transform:uppercase;color:var(--terre);font-size:.78rem;font-weight:700}.accueil-hero h1{letter-spacing:-.025em;max-width:100%;font-size:clamp(3.4rem,6.6vw,7.2rem);line-height:.92}.accueil-titre-italique{font-style:italic}.accueil-titre-accent{color:#b9503f}.accueil-accroche{color:var(--encre-douce);text-wrap:pretty;max-width:46ch;font-size:1.15rem;line-height:1.5}.accueil-scene{position:static}.accueil-appareil{z-index:2;margin-top:var(--au-dessus-du-telephone);transform:scale(var(--echelle-telephone));transform-origin:top;margin-bottom:calc(var(--telephone-haut) * (var(--echelle-telephone) - 1));justify-content:center;display:flex;position:relative}.accueil-appareil:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#ff9a8b38,#0000 62%);border-radius:999px;width:640px;height:640px;position:absolute;top:-60px}.accueil-fouillis{position:absolute;inset:0;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--bandeau), black calc(var(--bandeau) + 1.5rem)), linear-gradient(to right, black calc(50% - var(--telephone-large) * var(--echelle-telephone) / 2 - 36px), transparent calc(50% - var(--telephone-large) * var(--echelle-telephone) / 2), transparent calc(50% + var(--telephone-large) * var(--echelle-telephone) / 2), black calc(50% + var(--telephone-large) * var(--echelle-telephone) / 2 + 36px)), linear-gradient(to right, black calc(50% - var(--couloir) / 2 - 60px), transparent calc(50% - var(--couloir) / 2), transparent calc(50% + var(--couloir) / 2), black calc(50% + var(--couloir) / 2 + 60px)), linear-gradient(to top, black calc(var(--telephone-haut) * var(--echelle-telephone)), transparent calc(var(--telephone-haut) * var(--echelle-telephone) + var(--au-dessus-du-telephone)));mask-image:linear-gradient(to bottom, transparent 0, transparent var(--bandeau), black calc(var(--bandeau) + 1.5rem)), linear-gradient(to right, black calc(50% - var(--telephone-large) * var(--echelle-telephone) / 2 - 36px), transparent calc(50% - var(--telephone-large) * var(--echelle-telephone) / 2), transparent calc(50% + var(--telephone-large) * var(--echelle-telephone) / 2), black calc(50% + var(--telephone-large) * var(--echelle-telephone) / 2 + 36px)), linear-gradient(to right, black calc(50% - var(--couloir) / 2 - 60px), transparent calc(50% - var(--couloir) / 2), transparent calc(50% + var(--couloir) / 2), black calc(50% + var(--couloir) / 2 + 60px)), linear-gradient(to top, black calc(var(--telephone-haut) * var(--echelle-telephone)), transparent calc(var(--telephone-haut) * var(--echelle-telephone) + var(--au-dessus-du-telephone)));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in, source-in, source-over, source-over;mask-composite:intersect, intersect, add, add}.accueil-papier{color:var(--encre);filter:drop-shadow(0 40px 60px #3c283299)drop-shadow(0 3px 8px #3c283240);position:absolute}.accueil-feuille{background:linear-gradient(135deg,#fffdf9,#f7f3ea 60%,#efe9dc);flex-direction:column;gap:7px;padding:16px 14px;display:flex}.accueil-feuille-quoi{letter-spacing:.1em;text-transform:uppercase;color:#8a8378;font-size:.55rem;font-weight:600}.accueil-feuille-titre{font-family:var(--titres);font-size:1.2rem;line-height:1.05}.accueil-feuille i{background:#d8d2c6;border-radius:999px;height:3px;display:block}.accueil-feuille i:nth-child(2n){width:82%}.accueil-feuille i:last-of-type{width:54%}.accueil-tampon{border:2px solid var(--accent);opacity:.55;border-radius:999px;align-self:flex-end;width:42px;height:42px;margin-top:4px}.accueil-signe{font-family:var(--manuscrite);color:#4f4a42;font-size:.95rem;transform:rotate(-4deg)}.accueil-ticket{background:linear-gradient(#fbf6e6,#f3ecd6);flex-direction:column;gap:5px;padding:16px 12px 24px;display:flex;-webkit-mask-image:radial-gradient(circle at 6px 100%,#0000 5px,#000 5.6px);mask-image:radial-gradient(circle at 6px 100%,#0000 5px,#000 5.6px);-webkit-mask-size:12px 100%;mask-size:12px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.accueil-ticket-quoi{letter-spacing:.08em;text-transform:uppercase;color:#8a8378;text-align:center;font-size:.52rem;font-weight:600}.accueil-ticket-titre{font-family:var(--titres);text-align:center;margin-bottom:4px;font-size:1.1rem;line-height:1.1}.accueil-ticket span{color:#4f4a42;border-bottom:1px dashed #d8d2c6;justify-content:space-between;gap:8px;padding-bottom:3px;font-size:.58rem;display:flex}.accueil-postit{font-family:var(--manuscrite);text-align:center;color:#3b3446;justify-content:center;align-items:center;padding:18px 14px;font-size:1.25rem;line-height:1.15;display:flex}.accueil-postit:before{content:"";background:#ffffff73;border:1px solid #ffffff80;width:60px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2deg)}.accueil-postit.jaune{background:linear-gradient(160deg,#fbf0b8,#f1dd8c)}.accueil-postit.bleu{background:linear-gradient(160deg,#e9eef5,#d6dee8)}.accueil-postit.rose{background:linear-gradient(160deg,#fbe0d8,#f3c9be)}.accueil-enveloppe{background:linear-gradient(160deg,#f7f1e4,#ece4d2);height:110px}.accueil-enveloppe:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(160deg,#f2ebdb,#e4dbc7);height:62%;position:absolute;inset:0 0 auto}.accueil-enveloppe:after{content:"";background:var(--accent);opacity:.35;width:26px;height:32px;position:absolute;top:10px;right:12px}.accueil-etiquette{font-family:var(--manuscrite);color:#3b3446;background:#fffdf7;border-radius:6px 2px 8px 3px/3px 8px 2px 6px;padding:8px 14px;font-size:1.15rem}.accueil-invitation{z-index:2;text-align:center;padding:24px var(--marge) 120px;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}/* Le telephone, refait le 2026-09-27 : les regles de apps/web/src/app/design.css, sans leurs commentaires, pour le rendu fige de apps/web/src/app/telephone.tsx. Voir README.md. */

.telephone-cadre {
  position: relative;
  width: var(--telephone-large);
  height: var(--telephone-haut);
  padding: 10px;
  border-radius: 46px;
  background: linear-gradient(160deg, #3a3040 0%, #0f0c14 40%);
  
  box-shadow:
    0 2px 0 rgb(255 255 255 / 0.2) inset,
    0 60px 100px -30px rgb(26 21 36 / 0.5),
    0 0 120px rgb(255 154 139 / 0.18),
    0 0 0 1px rgb(255 255 255 / 0.06);
  display: flex;
  flex-direction: column;
}


.telephone-ile {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 84px;
  height: 22px;
  border-radius: 999px;
  background: #0f0c14;
  z-index: 3;
}


.telephone-ecran {
  --t-sol: #eeeeeb;
  --t-feuille: #ffffff;
  --t-creux: #e6e6e2;
  --t-encre: #1a1524;
  --t-encre-douce: #574f61;
  --t-encre-pale: #665e71;
  --t-trait: #dcdbd6;
  --t-corail: #d9705f;
  --t-terre: #9f4536;
  --t-corail-clair: #ff9a8b;
  --t-corail-fond: #fbe2d9;
  --t-nuit: #1f1929;
  --t-creme: #f3ecdf;
  --t-creme-douce: #c9c2b6;
  --t-creme-pale: #9a9388;
  --t-fenetre-allumee: #ffd9a3;
  --t-en-ordre-encre: #2f6b48;
  --t-posee:
    0 1px 2px rgb(26 21 36 / 0.07), 0 12px 26px -16px rgb(26 21 36 / 0.32),
    inset 0 1px 0 rgb(255 255 255 / 0.85);
  --t-levee:
    0 2px 6px rgb(26 21 36 / 0.1), 0 26px 44px -18px rgb(26 21 36 / 0.5),
    inset 0 1px 0 rgb(255 255 255 / 0.9);
  --t-creusee: inset 0 1px 3px rgb(26 21 36 / 0.11), inset 0 0 0 1px rgb(26 21 36 / 0.045);
  --t-feuille-sur-le-ciel: 0 -14px 30px -14px rgb(10 8 20 / 0.5);
  
  --app-echelle: calc(280 / 390);
  position: relative;
  flex: 1;
  min-height: 0;
  border-radius: 36px;
  overflow: hidden;
  background: var(--t-sol);
  color: var(--t-encre);
  font-family: var(--corps);
  text-align: left;
}

.telephone-app {
  position: absolute;
  top: 0;
  left: 0;
  width: 390px;
  height: calc((var(--telephone-haut) - 20px) / var(--app-echelle));
  display: flex;
  flex-direction: column;
  transform: scale(var(--app-echelle));
  transform-origin: 0 0;
}

.telephone-app *,
.telephone-app *::before,
.telephone-app *::after {
  box-sizing: border-box;
}

.telephone-app p {
  margin: 0;
}


.telephone-etat {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 34px 0 38px;
  color: var(--t-creme);
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

.telephone-etat svg {
  width: 58px;
  height: 16px;
}



.telephone-fenetre {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}


.telephone-pile {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--t-sol);
  visibility: hidden;
}

.telephone-pile.actif {
  visibility: visible;
}


.telephone-feuille > .telephone-arrivee {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: inherit;
}


.telephone-arrivee > * {
  flex-shrink: 0;
}


.telephone-pile.actif .telephone-arrivee {
  animation: telephone-arrivee 0.18s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes telephone-arrivee {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
}


.telephone-pile[aria-hidden="true"] .fenetre-decor * {
  animation-play-state: paused;
}



.telephone-ciel {
  position: relative;
  flex: none;
}


.telephone-grand-ciel {
  height: 484px;
}

.telephone-ciel-peint {
  position: absolute;
  inset: 0 0 16px;
  overflow: hidden;
  background: var(--t-nuit);
}


.telephone-sous-les-coins {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 16px;
}

.telephone-voile {
  position: absolute;
  inset: 0;
  pointer-events: none;
}


.telephone-voile-haut {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(180deg, rgb(10 8 20 / 0.34), rgb(10 8 20 / 0));
  pointer-events: none;
}

.telephone-sur-le-ciel {
  color: var(--t-creme);
  text-shadow: 0 1px 8px rgb(10 8 20 / 0.45);
}

.telephone-haut-du-ciel {
  position: absolute;
  top: 58px;
  left: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}


.telephone-role {
  font-size: 10.5px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.telephone-adresse {
  font-family: var(--titres);
  font-size: 34px;
  line-height: 36px;
  letter-spacing: -0.3px;
}


.telephone-mot {
  position: absolute;
  left: 20px;
  bottom: 92px;
  max-width: 72%;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.telephone-moment {
  font-size: 10.5px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--t-corail-clair);
}

.telephone-titre-du-ciel {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.telephone-titre-du-ciel > p:first-child {
  font-family: var(--titres);
  font-size: 25px;
  line-height: 27px;
}


.telephone-heros {
  display: flex;
  align-items: baseline;
  column-gap: 10px;
  font-family: var(--titres);
}

.telephone-heros > span:first-child {
  flex: none;
  padding: 0 2px;
  font-size: 116px;
  line-height: 96px;
  letter-spacing: -4.6px;
}

.telephone-heros > span:last-child {
  min-width: 0;
  font-size: 36px;
  line-height: 40px;
}


.telephone-prochaine {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 4px;
}

.telephone-prochaine-quoi {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}


.telephone-bord {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 28px;
  border-radius: 28px 28px 0 0;
  
  background: color-mix(
    in srgb,
    var(--lueur-teinte, transparent) calc(var(--lueur-force, 0) * 100%),
    var(--t-sol)
  );
  box-shadow: var(--t-feuille-sur-le-ciel);
}


.telephone-bandeau {
  height: 108px;
}

.telephone-bandeau > .telephone-ciel-peint {
  inset: 0;
}

.telephone-bandeau > .telephone-sous-les-coins {
  top: 100%;
  bottom: auto;
}


.telephone-retour {
  position: absolute;
  top: 52px;
  left: 14px;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 13px 0 7px;
  border: 1px solid rgb(243 236 223 / 0.14);
  border-radius: 999px;
  background: rgb(18 14 26 / 0.4);
  color: var(--t-creme);
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
}




.telephone-feuille {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: -12px;
  padding: 20px;
  border-radius: 28px 28px 0 0;
  background: var(--t-sol);
  box-shadow: var(--t-feuille-sur-le-ciel);
}

.telephone-contexte {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 8px;
  row-gap: 2px;
}

.telephone-contexte > span:last-child {
  font-size: 12.5px;
  font-weight: 500;
  line-height: 16px;
  color: var(--t-encre-douce);
}

.telephone-surtitre {
  font-size: 10.5px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--t-terre);
}

.telephone-petites-capitales,
.telephone-appui > span {
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--t-encre-pale);
}


.telephone-titre {
  font-family: var(--titres);
  font-size: 42px;
  line-height: 44px;
  letter-spacing: -0.6px;
  color: var(--t-encre);
}

.telephone-titre-d-ecran {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.telephone-chapeau {
  font-size: 15px;
  line-height: 22px;
  color: var(--t-encre-douce);
}


.telephone-sous-titre {
  font-family: var(--titres);
  font-size: 25px;
  line-height: 28px;
  color: var(--t-encre);
}


.telephone-precision {
  font-size: 12.5px;
  line-height: 16px;
  color: var(--t-encre-douce);
}


.telephone-geste {
  align-self: flex-start;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 18px;
  color: var(--t-terre);
}

.telephone-pastille {
  align-self: flex-start;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--t-corail-fond);
  color: var(--t-terre);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.2px;
}


.telephone-allume {
  padding: 0;
  background: var(--t-fenetre-allumee);
  color: inherit;
}


.telephone-numero {
  color: var(--t-terre);
  text-decoration: underline;
  text-underline-offset: 3px;
}


.telephone-chiffres-meles {
  font-family: var(--corps);
  font-size: 1.03em;
  font-style: normal;
  letter-spacing: 0;
}

.telephone-source {
  font-size: 12.5px;
  line-height: 16px;
  color: var(--t-encre-douce);
}


.telephone-prochaine > .telephone-source {
  color: var(--t-creme);
}


.telephone-preuve {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 12px;
  border-radius: 12px;
  background: var(--t-creux);
  box-shadow: var(--t-creusee);
}

.telephone-preuve-haut {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}


.telephone-page {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 0 9px 0 6px;
  border: 1px solid var(--t-trait);
  border-radius: 6px;
  background: var(--t-feuille);
  box-shadow: 0 1px 2px rgb(26 21 36 / 0.06);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 13px;
  font-variant-numeric: tabular-nums;
  color: var(--t-encre-douce);
}

.telephone-page svg {
  color: var(--t-corail);
}

.telephone-page::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 6px;
  height: 6px;
  background: linear-gradient(225deg, var(--t-creux) 50%, var(--t-trait) 50%);
}


.telephone-citation {
  position: relative;
  padding-left: 14px;
  font-family: var(--titres);
  font-size: 19px;
  font-style: italic;
  line-height: 25px;
  color: var(--t-encre);
}

.telephone-citation::before {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 0;
  width: 3px;
  border-radius: 2px;
  background: var(--t-corail);
}

.telephone-preuve-bas {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 1px;
}


.telephone-bouton-piece {
  align-self: flex-start;
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px 0 10px;
  border-radius: 999px;
  background: var(--t-feuille);
  box-shadow: var(--t-posee);
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
  color: var(--t-encre);
}

.telephone-bouton-piece svg {
  color: var(--t-terre);
}


.telephone-bouton {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
}

.telephone-bouton.plein {
  background: var(--t-encre);
  color: var(--t-feuille);
  box-shadow: 0 12px 22px -12px rgb(26 21 36 / 0.7);
}

.telephone-bouton.contour {
  border: 1.5px solid var(--t-encre);
  background: rgb(255 255 255 / 0.5);
  color: var(--t-encre);
}



.telephone-corps {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 20px 0;
}

.telephone-lueur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--lueur-teinte) calc(var(--lueur-force) * 100%), transparent) 0%,
    color-mix(in srgb, var(--lueur-teinte) calc(var(--lueur-force) * 45%), transparent) 45%,
    transparent 100%
  );
}

.telephone-en-bref {
  font-size: 16px;
  line-height: 23px;
  color: var(--t-encre);
}
.telephone-lien-du-bref {
  text-decoration: underline;
  text-decoration-color: var(--t-trait);
}

.telephone-salutation {
  display: flex;
  flex-direction: column;
  gap: 8px;
}


.telephone-salut {
  font-family: var(--titres);
  font-size: 42px;
  line-height: 44px;
  letter-spacing: -0.6px;
  color: var(--t-encre);
}


.telephone-regle {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 4px;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--t-creux);
}

.telephone-regle > i {
  flex: none;
  display: flex;
  padding-top: 2px;
  color: var(--t-en-ordre-encre);
}

.telephone-regle > span {
  font-size: 14px;
  line-height: 20px;
  color: var(--t-encre-douce);
}


.telephone-tuiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.telephone-tuile {
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 20px;
  background: var(--t-feuille);
  box-shadow: var(--t-posee);
}

.telephone-tuile > i {
  flex: none;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--t-corail-fond);
  color: var(--t-terre);
}

.telephone-tuile > span {
  font-size: 15px;
  font-weight: 600;
  line-height: 19px;
  color: var(--t-encre);
}




.telephone-heros-titre {
  align-items: flex-end;
  color: var(--t-encre);
}

.telephone-heros-titre > span:first-child {
  font-size: 88px;
  line-height: 76px;
  letter-spacing: -3.5px;
}

.telephone-heros-titre > span:last-child {
  font-size: 27px;
  line-height: 28px;
}


.telephone-ajouts {
  display: flex;
  gap: 8px;
}

.telephone-ajouts > .plein {
  flex: 1.2;
}

.telephone-ajouts > .contour {
  flex: 1;
}

.telephone-section {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 8px;
}

.telephone-chemises {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 12px;
}


.telephone-chemise {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}

.telephone-chemise > i {
  position: absolute;
}

.telephone-chemise-onglet {
  top: 7px;
  left: 3px;
  width: 44px;
  height: 14px;
  border-radius: 6px 8px 0 0;
  background: #d8c39c;
}

.telephone-chemise-dos {
  top: 16px;
  left: 3px;
  right: 3px;
  bottom: 0;
  border-radius: 4px 10px 10px;
  background: #d2bd95;
}

.telephone-feuillet {
  height: 50px;
  border: 0.5px solid rgb(26 21 36 / 0.14);
  border-radius: 4px;
  background: #fffdf8;
}

.telephone-feuillet::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 8px;
  width: 60%;
  height: 2px;
  border-radius: 1px;
  background: rgb(26 21 36 / 0.1);
}

.telephone-feuillet.devant {
  top: 18px;
  left: 12px;
  right: 12px;
}

.telephone-feuillet.milieu {
  top: 17px;
  left: 16px;
  right: 9px;
  transform: rotate(3.5deg);
}

.telephone-feuillet.fond {
  top: 17px;
  left: 9px;
  right: 16px;
  transform: rotate(-3deg);
}

.telephone-chemise-face {
  position: relative;
  min-height: 90px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 36px 12px 12px;
  border-radius: 10px;
  background: linear-gradient(180deg, #f4e5c9, #e8d4b0);
  box-shadow: 0 10px 18px -10px rgb(26 21 36 / 0.5);
}

.telephone-chemise-picto {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  color: var(--t-terre);
}

.telephone-chemise-nom {
  font-family: var(--titres);
  font-size: 22px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--t-encre);
}

.telephone-chemise-compte {
  font-size: 12.5px;
  line-height: 16px;
  color: var(--t-encre-douce);
}




.telephone-fil {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}


.telephone-bulle {
  align-self: flex-end;
  max-width: 82%;
  padding: 12px 12px 12px 16px;
  border-radius: 20px 20px 6px;
  background: var(--t-encre);
  color: var(--t-creme);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  box-shadow: 0 10px 20px -14px rgb(26 21 36 / 0.8);
}


.telephone-reponse {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 16px 12px;
  border-radius: 6px 20px 20px;
  background: var(--t-feuille);
  box-shadow: var(--t-posee);
}

.telephone-reponse-texte {
  font-size: 17px;
  line-height: 25px;
  color: var(--t-encre);
}

.telephone-appui {
  display: flex;
  align-items: center;
  gap: 8px;
}

.telephone-appui > i {
  flex: 1;
  height: 1px;
  background: var(--t-trait);
}


.telephone-pied {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 4px;
  font-size: 12.5px;
  line-height: 16px;
  color: var(--t-encre-douce);
}

.telephone-pied svg {
  flex: none;
  color: var(--t-terre);
}

.telephone-repartir {
  margin-top: 16px;
}


.telephone-saisie {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin: 0 -4px 42px;
  padding: 4px 4px 4px 20px;
  border-radius: 28px;
  background: var(--t-feuille);
  box-shadow: var(--t-levee);
}

.telephone-saisie > span {
  flex: 1;
  min-height: 44px;
  padding: 11px 0;
  font-size: 16px;
  line-height: 22px;
  color: var(--t-encre-pale);
}

.telephone-saisie > i {
  flex: none;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--t-encre);
  color: var(--t-feuille);
  opacity: 0.5;
}



.telephone-contrats {
  display: flex;
  flex-direction: column;
  gap: 24px;
}


.telephone-famille {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.telephone-famille-tete {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
}

.telephone-fiche {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: var(--t-feuille);
  box-shadow: var(--t-posee);
}


.telephone-ligne-de-contrat {
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 8px 12px 12px;
}


.telephone-medaillon {
  flex: none;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--t-corail-fond);
  color: var(--t-terre);
}

.telephone-identite {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.telephone-organisme {
  font-family: var(--titres);
  font-size: 21px;
  line-height: 25px;
  color: var(--t-encre);
}

.telephone-nature {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 2px;
  font-size: 12.5px;
  line-height: 16px;
  color: var(--t-encre-douce);
}


.telephone-signe {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: var(--t-terre);
}

.telephone-signe::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--t-corail);
}


.telephone-montant-de-ligne {
  flex: none;
  max-width: 42%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  font-family: var(--titres);
  font-size: 21px;
  line-height: 25px;
  text-align: right;
  color: var(--t-encre);
}

.telephone-montant-de-ligne > span:last-child:not(:first-child) {
  font-family: var(--corps);
  font-size: 11.5px;
  line-height: 15px;
  color: var(--t-encre-pale);
}

.telephone-chevron {
  flex: none;
  display: flex;
  color: var(--t-encre-pale);
}


.telephone-chevron.ouvert svg {
  transform: rotate(90deg);
}


.telephone-detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 12px;
  padding: 12px 0 16px;
  border-top: 1px solid var(--t-trait);
}

.telephone-essentiel {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.telephone-montant {
  font-family: var(--titres);
  font-size: 27px;
  line-height: 30px;
  color: var(--t-encre);
}

.telephone-suite {
  font-family: var(--corps);
  font-size: 15px;
  color: var(--t-encre-douce);
}




.telephone-carte-du-vehicule {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0 -8px;
  border-radius: 20px;
  background: var(--t-feuille);
  box-shadow: var(--t-posee);
}

.telephone-scene {
  display: block;
  flex: none;
  width: 100%;
  height: 136px;
}


.telephone-pile.actif .telephone-voiture {
  animation: telephone-voiture 0.9s var(--courbe-sortie) 0.12s both;
}

.telephone-pile.actif .telephone-roue {
  animation: telephone-roue 0.9s var(--courbe-sortie) 0.12s both;
}

@keyframes telephone-voiture {
  from {
    opacity: 0;
    transform: translateX(-56px);
  }
}

@keyframes telephone-roue {
  from {
    transform: rotate(-267deg);
  }
}

.telephone-corps-du-vehicule {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 16px 16px;
}

.telephone-vehicule-tete {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 12px;
  row-gap: 8px;
}

.telephone-vehicule-nom {
  font-family: var(--titres);
  font-size: 32px;
  line-height: 34px;
  letter-spacing: -0.5px;
  color: var(--t-encre);
}


.telephone-plaque {
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  border: 1.5px solid var(--t-encre);
  border-radius: 5px;
  background: #ffffff;
}

.telephone-plaque > span:first-child {
  display: grid;
  place-items: center;
  padding: 0 5px;
  background: #1d4fa0;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
}

.telephone-plaque > span:last-child {
  padding: 3px 10px 3px 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1.2px;
  color: var(--t-encre);
}


.telephone-controle {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 12px;
  border-top: 1px solid var(--t-trait);
}

.telephone-valeur {
  font-family: var(--titres);
  font-size: 27px;
  line-height: 30px;
  color: var(--t-encre);
}

.telephone-controle > .telephone-source {
  margin-top: 4px;
}


.telephone-lignes {
  display: flex;
  flex-direction: column;
  padding-top: 12px;
  border-top: 1px solid var(--t-trait);
}

.telephone-ligne-lue {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 0;
}

.telephone-ligne-lue + .telephone-ligne-lue {
  border-top: 1px solid var(--t-trait);
}

.telephone-ligne-valeur {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: var(--t-encre);
}

.telephone-renvoi {
  flex: none;
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 16px;
  color: var(--t-encre-pale);
}




.telephone-onglets {
  position: relative;
  z-index: 1;
  flex: none;
  height: 66px;
  display: flex;
  border-top: 1px solid rgb(26 21 36 / 0.07);
  background: var(--t-feuille);
  box-shadow: 0 -10px 26px -18px rgb(26 21 36 / 0.32);
}

.telephone-repere {
  position: absolute;
  top: -1px;
  left: 0;
  width: 22px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: var(--t-corail);
  transform: translateX(calc(var(--rang, 0) * 78px + 28px));
  transition:
    transform 0.35s cubic-bezier(0.32, 0.72, 0, 1),
    opacity 0.2s;
}


.telephone-repere.sous-le-disque {
  opacity: 0;
}

.telephone-onglet {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  padding: 0 0 12px;
  border: 0;
  background: none;
  color: var(--t-encre-pale);
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.telephone-onglet svg {
  flex: none;
}

.telephone-onglet.actif {
  color: var(--t-corail);
}

.telephone-onglet:focus-visible {
  
  outline: 2px solid var(--anneau-cerne);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 4px var(--anneau-lisere);
  border-radius: 16px;
}


.telephone-mot-d-onglet {
  font-size: 11.5px;
  font-weight: 500;
  line-height: 14px;
  white-space: nowrap;
  color: var(--t-encre-pale);
}

.telephone-onglet.actif .telephone-mot-d-onglet {
  font-weight: 700;
  color: var(--t-encre);
}


.telephone-bague {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  margin-top: -22px;
  border-radius: 50%;
  background: var(--t-feuille);
  box-shadow: 0 8px 16px -8px rgb(26 21 36 / 0.7);
}

.telephone-onglet.actif .telephone-bague {
  border: 1.5px solid var(--t-corail);
}

.telephone-disque {
  display: block;
  width: 54px;
  height: 54px;
  clip-path: circle(50%);
}


.telephone-gestes {
  flex: none;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--t-feuille);
}

.telephone-gestes i {
  width: 108px;
  height: 4px;
  border-radius: 2px;
  background: var(--t-encre);
  opacity: 0.85;
}


@media (prefers-reduced-motion: reduce) {
  .telephone-pile.actif .telephone-arrivee,
  .telephone-pile.actif .telephone-voiture,
  .telephone-pile.actif .telephone-roue {
    animation: none;
  }

  .telephone-repere {
    transition: none;
  }
}

/* Le decor du ciel (apps/web/src/app/decor-de-la-fenetre.tsx), et seulement ce dont le soir se sert : la fumee et les etoiles. */
.fenetre-decor {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.fenetre-fumee circle {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0;
  animation: fenetre-fumee 9s linear infinite;
}

.fenetre-fumee circle:nth-child(2) {
  animation-delay: 3s;
}

.fenetre-fumee circle:nth-child(3) {
  animation-delay: 6s;
}

@keyframes fenetre-fumee {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.45);
  }

  12% {
    opacity: 0.6;
  }

  100% {
    opacity: 0;
    transform: translate(17px, -58px) scale(3);
  }
}
.fenetre-scintille {
  animation: fenetre-scintille 6s ease-in-out infinite;
}

.fenetre-scintille-lent {
  animation-duration: 9s;
  animation-delay: 2.2s;
}

@keyframes fenetre-scintille {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.42;
  }
}
@media (prefers-reduced-motion: reduce) {

  .fenetre-fumee circle,
  .fenetre-scintille {
    animation: none;
  }

  .fenetre-fumee circle {
    opacity: 0.22;
  }
}.accueil-securite{background:var(--encre);color:#f3ecdf;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.accueil-securite-dire{gap:calc(var(--pas) * 6);padding:96px var(--marge);flex-direction:column;display:flex}.accueil-securite h2{letter-spacing:-.02em;font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.accueil-securite h2 em{color:var(--accent-clair);font-style:italic}.accueil-securite-dire>p{color:#c9c2b6;text-wrap:pretty;max-width:44ch;font-size:1.1rem}.accueil-preuves{margin-top:calc(var(--pas) * 4);border-top:1px solid #f3ecdf4d}.accueil-preuves li{gap:calc(var(--pas) * 4);padding:calc(var(--pas) * 6) 0;border-bottom:1px solid #f3ecdf4d;grid-template-columns:150px 1fr;align-items:baseline;display:grid}.accueil-preuve-chiffre{font-family:var(--titres);color:var(--accent-clair);font-size:2.6rem;line-height:1}.accueil-preuves p{color:#c9c2b6;text-wrap:pretty}.accueil-preuves strong{color:#f3ecdf;font-weight:600}.accueil-securite-image{object-fit:cover;background:#261e28;width:100%;height:100%;min-height:100%;display:block}.accueil-mardi{padding:120px var(--marge);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.accueil-mardi-dire{gap:calc(var(--pas) * 5);flex-direction:column;display:flex}.accueil-mardi h2{letter-spacing:-.02em;font-size:clamp(2.6rem,4.2vw,4.2rem);line-height:.98}.accueil-mardi-dire p{color:var(--encre-douce);text-wrap:pretty;max-width:44ch;font-size:1.1rem}.accueil-preuve-carte{gap:calc(var(--pas) * 4);background:var(--surface);border:1px solid var(--trait);border-radius:28px;flex-direction:column;padding:32px;display:flex;box-shadow:0 30px 60px -34px #1a152457,0 2px 6px -2px #1a15240d}.accueil-preuve-question{background:var(--encre);color:#f3ecdf;border-radius:999px;align-self:flex-start;max-width:90%;padding:10px 18px;font-size:.95rem;font-weight:600}.accueil-preuve-valeur{font-family:var(--titres);color:var(--accent);font-size:clamp(3rem,5vw,4.4rem);line-height:1}.accueil-preuve-nuance{color:var(--encre-douce)}.accueil-preuve-appel{justify-content:start;gap:2px calc(var(--pas) * 8);padding:calc(var(--pas) * 4) 0 calc(var(--pas) * 2);border-top:1px solid var(--trait);grid-template-columns:auto auto;display:grid}.accueil-preuve-appel span{letter-spacing:.1em;text-transform:uppercase;color:var(--encre-pale);font-size:.72rem;font-weight:600}.accueil-preuve-appel strong{font-family:var(--titres);font-variant-numeric:tabular-nums;color:var(--encre);font-size:1.5rem;font-weight:400}.accueil-preuve-source{border-left:2px solid var(--accent);color:var(--encre-pale);padding-left:14px;font-size:.88rem}.accueil-charge{gap:calc(var(--pas) * 3);padding:0 var(--marge) 120px;flex-direction:column;display:flex}.accueil-charge .accueil-surtitre{margin-bottom:calc(var(--pas) * 6)}.accueil-charge ul{border-top:1px solid var(--trait);flex-direction:column;list-style:none;display:flex}.accueil-charge li{padding:calc(var(--pas) * 5) 0;border-bottom:1px solid var(--trait);font-family:var(--titres);grid-template-columns:1fr 1fr;align-items:baseline;column-gap:clamp(1.25rem,3.5vw,4rem);font-size:clamp(1.7rem,3vw,3.1rem);line-height:1.1;display:grid}.accueil-charge .avant{text-align:right;color:#908a80;text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:2px}.accueil-charge .apres{font-size:.62em;font-style:italic}.accueil-appel{text-align:center;background:var(--surface-creuse);justify-content:center;align-items:center;min-height:620px;display:flex;position:relative;overflow:hidden}.accueil-appel>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.accueil-appel:after{content:"";background:radial-gradient(ellipse 62% 72% at 50% 50%, #f6f0e6e0, #f6f0e6b3 62%, #f6f0e600 100%), linear-gradient(to bottom, var(--sol), #f6f0e6b8 32%, #f6f0e6b8 68%, var(--sol));position:absolute;inset:0}.accueil-appel-dire{z-index:1;width:100%;max-width:var(--couloir);padding:0 var(--marge);flex-direction:column;align-items:center;gap:28px;display:flex;position:relative}.accueil-appel-dire h2{letter-spacing:-.025em;font-size:clamp(3rem,6vw,6.4rem);line-height:.95}.accueil-pied{gap:calc(var(--pas) * 4);padding:calc(var(--pas) * 8) var(--marge) calc(var(--pas) * 10);color:var(--encre-pale);flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.accueil-pied-marque{align-items:center;gap:10px;display:flex}@media (max-width:62rem){.accueil-public{--marge:1.25rem;--couloir:100%;--au-dessus-du-telephone:11rem;--echelle-papier:1.15;--echelle-telephone:.86}.accueil-scene{position:relative}.accueil-fouillis{inset:calc(-1 * var(--au-dessus-du-telephone)) calc(50% - 50vw) calc(var(--pas) * -8);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black calc(var(--au-dessus-du-telephone) * .3));-webkit-mask-image:linear-gradient(to bottom, transparent 0, black calc(var(--au-dessus-du-telephone) * .3));mask-image:linear-gradient(to bottom, transparent 0, black calc(var(--au-dessus-du-telephone) * .3));-webkit-mask-composite:source-over;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}.accueil-hero{min-height:0;padding-bottom:calc(var(--pas) * 12)}.accueil-hero-dire{padding-top:104px}.accueil-hero h1{font-size:clamp(2.6rem,11vw,3.4rem)}.accueil-appareil:before{width:420px;height:420px}.accueil-securite,.accueil-mardi{gap:calc(var(--pas) * 10);grid-template-columns:1fr}.accueil-securite-dire{padding:72px var(--marge)}.accueil-securite-image{min-height:260px}.accueil-preuves li{gap:calc(var(--pas) * 2);grid-template-columns:1fr}.accueil-mardi{padding:80px var(--marge)}.accueil-charge{padding-bottom:80px}.accueil-charge li{gap:calc(var(--pas) * 1);grid-template-columns:1fr}.accueil-charge .avant{text-align:left}.accueil-appel{min-height:480px}}.copilote-demande{align-items:center;gap:calc(var(--pas) * 3);flex-wrap:wrap;display:flex}.copilote-champ{flex:16rem;min-width:0;position:relative}.copilote-champ svg{left:calc(var(--pas) * 3.5);width:18px;height:18px;color:var(--encre-pale);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.copilote-champ input{height:52px;padding-left:calc(var(--pas) * 9);border-radius:var(--rayon);font-size:1rem}.copilote-suggestions{gap:calc(var(--pas) * 2);margin-top:calc(var(--pas) * 3);flex-wrap:wrap;display:flex}button.pastille{cursor:pointer;padding:calc(var(--pas) * 1.5) calc(var(--pas) * 3);font-weight:500}button.pastille:hover:not(:disabled){border-color:var(--accent);color:var(--accent);filter:none}.copilote-reponse{max-width:62ch;padding-bottom:calc(var(--pas) * 2);font-size:1.15rem;line-height:1.5}.copilote-source{gap:calc(var(--pas) * 1.5);flex-direction:column;min-width:0;display:flex}.copilote-source-titre{font-size:.9rem;font-weight:600}.copilote-reponse+h2{letter-spacing:.12em;text-transform:uppercase;color:var(--encre-pale);border-top:1px solid var(--trait);padding-top:calc(var(--pas) * 4);font-size:.78rem;font-weight:500}.nav-foyer{flex:auto;min-height:0;overflow-y:auto}.pied-laterale{flex:none}.agenda-mois+.agenda-mois{border-top:1px solid var(--trait);padding-top:calc(var(--pas) * 4)}.agenda-mois>h2{letter-spacing:.1em;text-transform:uppercase;color:var(--encre-pale);margin-bottom:calc(var(--pas) * 2);font-size:.78rem;font-weight:500}@media (min-width:60rem){.ecran,.barre-haut{padding-inline:max(calc(var(--pas) * 9), calc((100% - 76rem) / 2))}}.page-vide{min-height:100svh;padding:calc(var(--pas) * 6);background:var(--sol);justify-content:center;align-items:center;display:flex}.page-vide-corps{gap:calc(var(--pas) * 3);flex-direction:column;width:100%;max-width:34rem;display:flex}.page-vide-corps h1{letter-spacing:-.024em;text-wrap:balance;margin:0;font-size:1.9rem}.page-vide-corps>:first-child{margin-bottom:calc(var(--pas) * 4)}.page-vide-corps code{background:var(--sol-creux,#1a1c190d);-webkit-user-select:all;user-select:all;border-radius:4px;padding:1px 5px;font-size:.85em}.liste-forme{gap:calc(var(--pas) * 3);flex-direction:column;max-width:34rem;display:flex}.liste-champ{flex-direction:column;display:flex}.liste-champ .etiquette{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.liste-saisie{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.liste-saisie input{border-radius:12px;flex:200px;min-width:0;height:56px;padding:0 18px;font-size:1.02rem}.liste-saisie button{white-space:nowrap;border-radius:12px;flex:none;min-height:56px;padding:0 26px;font-size:1rem;font-weight:700}.liste-promesse{color:var(--encre-douce);font-size:.98rem}.liste-promesse strong{color:var(--terre);font-weight:600}.liste-faite{gap:calc(var(--pas) * 2);max-width:34rem;padding:calc(var(--pas) * 5) calc(var(--pas) * 6);background:var(--accent-fond);border-radius:var(--rayon-large);flex-direction:column;display:flex}.liste-faite-titre{letter-spacing:-.02em;color:var(--accent);font-size:1.3rem;font-weight:600}@media (max-width:62rem){.accueil-entete .bouton-lien{display:none}}.copilote-sans-reponse{border-left:3px solid var(--accent-fond)}.copilote-aveu{font-size:1.15rem;font-weight:500;line-height:1.4}.copilote-suite{color:var(--encre-douce);max-width:60ch}.copilote-sans-reponse .bouton-lien{color:var(--encre);border-color:var(--trait-marque);background:0 0;min-height:2.6rem;font-size:.88rem}.copilote-sans-reponse .bouton-lien:hover{background:var(--accent-fond);border-color:var(--accent-fond);opacity:1}.salutation{align-items:baseline;gap:calc(var(--pas) * 2) calc(var(--pas) * 4);flex-wrap:wrap;display:flex}.salutation-mot{font-family:var(--titres);font-size:1.6rem;line-height:1.1}.salutation-lien{color:var(--encre-pale);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.salutation-lien:hover{color:var(--accent)}.salutation-forme{gap:calc(var(--pas) * 1.5);flex-direction:column;flex:18rem;max-width:26rem;display:flex}.salutation-forme .liste-saisie input,.salutation-forme .liste-saisie button{border-radius:var(--rayon-serre);height:2.6rem;min-height:2.6rem;font-size:.92rem}.copilote-sources{gap:calc(var(--pas) * 2);flex-direction:column;display:flex}.copilote-sources li{align-items:center;gap:calc(var(--pas) * 2) calc(var(--pas) * 3);padding:calc(var(--pas) * 3) calc(var(--pas) * 4);background:var(--surface);border:1px solid var(--trait);border-left:3px solid var(--accent-fond);border-radius:var(--rayon);flex-wrap:wrap;display:flex}.copilote-sources .copilote-source{flex:20rem}.copilote-source-titre .tres-discret{color:var(--accent)}.copilote-ouvrir{margin-left:auto}.carte.phare{background:radial-gradient(ellipse 70% 120% at 88% 0%, #ff9a8b29, transparent 70%), var(--encre);color:#f3ecdf;border-color:#0000;box-shadow:0 1px 2px #1a15241a,0 26px 50px -28px #1a152473}.carte.phare .etiquette{color:var(--accent-clair);font-weight:650}.carte.phare .discret,.carte.phare .tres-discret{color:#c9c2b6}.carte.phare .chiffre-grand{font-family:var(--titres);letter-spacing:-.02em;color:#fbf7ee;font-size:3.4rem;font-weight:400}.carte.phare .entree,.carte.phare .liste>li+li{border-color:#f3ecdf29}.carte.phare .somme,.carte.phare strong{color:#fbf7ee}.bande-des-mois{gap:calc(var(--pas) * 2);flex-direction:column;display:flex}.bande-des-mois ol{gap:calc(var(--pas) * 1.5);grid-template-columns:repeat(12,minmax(0,1fr));list-style:none;display:grid}.bande-case{min-height:4.2rem;padding:calc(var(--pas) * 2) 0;border-radius:calc(var(--rayon) - 4px);border:1px solid var(--trait);background:var(--surface);color:var(--encre);flex-direction:column;justify-content:center;align-items:center;gap:1px;text-decoration:none;transition:transform .12s,border-color .12s;display:flex}.bande-case[data-vide=oui]{color:var(--encre-pale);box-shadow:none;background:#e6dfd073;border-color:#0000}.bande-case[data-courant=oui]{border-color:var(--accent)}.bande-case[data-retard=oui]{border-color:var(--ambre);background:var(--ambre-fond)}.bande-annee{letter-spacing:.04em;min-height:.8rem;font-size:.62rem}.bande-au-dela{font-size:.78rem}@media (max-width:62rem){.bande-des-mois ol{grid-template-columns:repeat(6,minmax(0,1fr))}}.copilote-echange{padding:0;overflow:hidden}.copilote-dit{gap:calc(var(--pas) * 3);padding:calc(var(--pas) * 6);background:radial-gradient(ellipse 70% 120% at 88% 0%, #ff9a8b24, transparent 70%), var(--encre);color:#f3ecdf;flex-direction:column;display:flex}.copilote-question{background:var(--accent);color:#fff;text-wrap:pretty;border-radius:999px;align-self:flex-end;max-width:80%;padding:10px 18px;font-size:.95rem;font-weight:600}.copilote-echange .copilote-reponse{font-family:var(--titres);letter-spacing:-.01em;color:#fbf7ee;max-width:46ch;margin:0;padding:0;font-size:1.6rem;line-height:1.25}.copilote-echange>h2,.copilote-echange>ul,.copilote-echange>p:last-of-type{margin-inline:calc(var(--pas) * 6)}.copilote-echange>h2{margin-top:calc(var(--pas) * 5)}.copilote-echange>ul:last-of-type,.copilote-echange>p:last-of-type{margin-bottom:calc(var(--pas) * 5)}.copilote-avatar{background:var(--sol);border-radius:999px;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.copilote-parole{align-items:flex-start;gap:calc(var(--pas) * 4);display:flex}.copilote-accueil{color:#c9c2b6;text-wrap:pretty;max-width:52ch;font-size:.95rem}.copilote-attente{align-items:center;gap:calc(var(--pas) * 4);flex-direction:row;display:flex}.copilote-avatar-bat{animation:1.6s ease-in-out infinite copilote-battement}@keyframes copilote-battement{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.copilote-avatar-bat{opacity:.85;animation:none}}.copilote-reponse-lue{font-family:var(--titres);letter-spacing:-.01em;max-width:52ch;font-size:1.35rem;line-height:1.3}.titre-de-section{justify-content:space-between;align-items:baseline;gap:calc(var(--pas) * 5);padding-bottom:calc(var(--pas) * 3);border-bottom:1px solid var(--encre);flex-wrap:wrap;display:flex}.titre-de-section>h2,.titre-de-section>h3{line-height:1}.titre-de-section>:not(h2):not(h3){color:var(--encre-pale);font-size:.8rem;font-weight:400}.section-ouverte{gap:calc(var(--pas) * 1.5);flex-direction:column;width:100%;display:flex}.compteurs{gap:calc(var(--pas) * 7);padding-bottom:calc(var(--pas) * 1.5);display:flex}.compteurs>*{flex-direction:column;display:flex}.compteurs>*+*{padding-left:calc(var(--pas) * 7);border-left:1px solid var(--trait)}.compteurs strong{font-family:var(--titres);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:400;line-height:1}.compteurs span{color:var(--encre-pale);font-size:.78rem}.entete-ecran{justify-content:space-between;align-items:flex-end;gap:calc(var(--pas) * 8);flex-wrap:wrap;width:100%;display:flex}.entete-ecran>.pile-serree,.entete-ecran>.pile{max-width:56ch}.carte.phare .chiffre-grand{font-size:4.2rem;line-height:.95}.delai{font-family:var(--titres);color:var(--accent-clair);font-size:1.5rem;font-style:italic;line-height:1}.carte:not(.phare) .delai,.ecran>.delai{color:var(--accent)}.mentions{gap:calc(var(--pas) * 1) calc(var(--pas) * 4.5);color:var(--encre-pale);flex-wrap:wrap;font-size:.78rem;display:flex}.mentions a{color:var(--encre-pale)}.carte.carte-a-volets{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;padding:0;display:grid}.carte-a-volets>.pile-serree{padding:calc(var(--pas) * 8) calc(var(--pas) * 9)}.volet-puis{gap:calc(var(--pas) * 3);padding:calc(var(--pas) * 8) calc(var(--pas) * 8);background:#f3ecdf08;border-left:1px solid #f3ecdf24;flex-direction:column;display:flex}.volet-puis>.etiquette{color:#c9c2b6}.volet-puis .entree{gap:calc(var(--pas) * 3.5);padding:0 0 calc(var(--pas) * 3.5);align-items:flex-start;display:flex}.volet-puis .entree:last-child{padding-bottom:0}.volet-puis .jour{font-family:var(--titres);color:#fbf7ee;flex:none;min-width:2.2ch;font-size:1.6rem;line-height:1}.volet-puis-quoi{justify-content:space-between;gap:calc(var(--pas) * 2.5);color:#fbf7ee;font-size:.95rem;display:flex}.volet-puis-quoi .montant{font-variant-numeric:tabular-nums;white-space:nowrap}.ligne-du-chiffre{align-items:baseline;gap:calc(var(--pas) * 3.5);flex-wrap:wrap;display:flex}.ligne-du-chiffre .chiffre-grand{margin:0}.phare-quoi{text-wrap:pretty;max-width:36ch;font-size:1.05rem}.titre-de-section-mince{border-bottom:none;padding-bottom:0}.liste-numerotee .entree{grid-template-columns:calc(var(--pas) * 7) minmax(0, 1fr);gap:calc(var(--pas) * 3);align-items:start;display:grid}.liste-numerotee .numero{font-family:var(--titres);color:var(--accent);font-size:1.4rem;line-height:1.1}.bouton-secondaire{min-height:40px;padding:0 calc(var(--pas) * 4);border:1px solid var(--encre);color:var(--encre);background:0 0;border-radius:999px;align-items:center;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.bouton-secondaire:hover{background:var(--encre);color:var(--surface)}.agenda-mois>h3{color:var(--encre-douce);font-size:1.15rem}@media (max-width:62rem){.carte.carte-a-volets{grid-template-columns:minmax(0,1fr)}.volet-puis{border-top:1px solid #f3ecdf24;border-left:none}}.carte.carte-a-volets:not(.pile):not(.pile-serree):not(.ligne){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;display:grid}.bande-des-mois>ol{--bande-haut-des-marques:calc(.9rem + var(--pas) * .25);column-gap:0;row-gap:calc(var(--pas) * 3);padding:calc(var(--pas) * 3) 0 0;grid-template-columns:repeat(12,minmax(0,1fr));margin:0;list-style:none;display:grid;position:relative}.bande-des-mois>ol>li{position:relative}.bande-des-mois>ol>li:before{content:"";left:0;right:0;top:calc(var(--bande-haut-des-marques) + 15px);background:var(--trait-marque);height:1px;position:absolute}.bande-case{place-items:center;gap:calc(var(--pas) * .25);background:0 0;border:none;border-radius:0;grid-template-rows:.9rem 30px .7rem .9rem;min-height:0;padding:0;display:grid}.bande-case .bande-mois{grid-row:1}.bande-case .bande-pastille{grid-row:2}.bande-case .bande-annee{grid-row:4}.bande-case[data-vide=oui]{background:0 0}a.bande-case:hover{border-color:#0000;transform:none}.bande-case .bande-pastille{z-index:1;background:var(--bordeaux);color:#fbf7ee;width:30px;height:30px;font-family:var(--titres);border-radius:999px;place-items:center;font-size:.95rem;line-height:1;display:grid;position:relative}.bande-case[data-vide=oui] .bande-pastille{background:var(--trait-marque);width:9px;height:9px;margin:10.5px 0}.bande-case[data-courant=oui] .bande-pastille{background:var(--accent);box-shadow:0 0 0 4px var(--accent-fond)}.bande-case[data-retard=oui] .bande-pastille{background:var(--ambre);box-shadow:0 0 0 4px var(--ambre-fond)}.bande-en-plus{color:var(--encre-pale);grid-row:3;font-size:.6rem;font-weight:600;line-height:.7rem}.bande-case .bande-mois{letter-spacing:.06em;color:var(--encre-douce);height:.9rem;font-size:.66rem;font-weight:700;line-height:.9rem}.bande-case[data-vide=oui] .bande-mois{color:var(--encre-eteinte)}.bande-case .bande-annee{color:var(--encre-tres-pale);font-size:.62rem;line-height:.9rem}.agenda-mois .jour{color:var(--encre)}.agenda-mois:first-of-type .liste>.entree:first-child .jour{color:var(--accent)}.carte.phare-a-cote:not(.pile):not(.pile-serree):not(.ligne){gap:calc(var(--pas) * 8);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.phare-cote{gap:calc(var(--pas) * 1);text-align:right;flex-direction:column;display:flex}.chiffre-cote{font-family:var(--titres);color:#fbf7ee;font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1.1}.deux-colonnes-egales{gap:calc(var(--pas) * 8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;width:100%;display:grid}@media (max-width:62rem){.carte.phare-a-cote:not(.pile):not(.pile-serree):not(.ligne){grid-template-columns:minmax(0,1fr);align-items:start}.phare-cote{text-align:left}.deux-colonnes-egales{grid-template-columns:minmax(0,1fr)}}.addition.carte{padding:calc(var(--pas) * 5.5) calc(var(--pas) * 6);border-radius:var(--rayon-large);background:var(--surface);font-variant-numeric:tabular-nums;margin:0}.addition.carte .somme{padding-top:calc(var(--pas) * 2.5);border-top:1px solid var(--encre)}.addition.carte .somme dd{font-family:var(--titres);font-size:1.6rem;font-weight:400;line-height:1.1}.postes>div{padding:calc(var(--pas) * 4) 0;border-top:1px solid var(--trait)}.postes>div:last-child{border-bottom:1px solid var(--trait)}.postes dt{color:var(--encre-pale);font-size:.78rem}.postes dd:not(.tres-discret){font-family:var(--titres);margin:0;font-size:1.7rem;font-weight:400;line-height:1.1}.postes dd.tres-discret{margin:0;font-size:.82rem}.carte-saisie{padding:calc(var(--pas) * 3)}.entete-logement{padding-bottom:calc(var(--pas) * 2)}.postes>div{align-items:stretch;gap:calc(var(--pas) * .5);padding:calc(var(--pas) * 4) 0;border-top:1px solid var(--trait);border-bottom:none;flex-flow:column;display:flex}.postes>div:last-child{padding-bottom:calc(var(--pas) * 4);border-bottom:1px solid var(--trait)}.postes dt{min-width:0;color:var(--encre-pale);flex:none;font-size:.78rem}.jauge-part{background:var(--encre)}.jauge-part-dite strong{font-family:var(--titres);font-size:1.6rem;font-weight:400;line-height:1}.copilote-reponse{font-family:var(--titres);letter-spacing:-.01em;color:#fbf7ee;max-width:34ch;font-size:clamp(1.5rem,1.05rem + 1.5vw,2.25rem);line-height:1.15}.copilote-valeur{color:var(--accent-clair)}.copilote-sources{gap:0}.copilote-sources li{padding:calc(var(--pas) * 3.5) 0;border:none;border-top:1px solid var(--trait);background:0 0;border-radius:0;align-items:start}.copilote-source-titre{font-weight:600}.copilote-source-titre .tres-discret{color:var(--encre-pale);font-weight:400}.copilote-source-titre .manque{color:var(--ambre)}.vignette{border:1px solid var(--trait);letter-spacing:.04em;width:44px;height:56px;color:var(--encre-tres-pale);background:#fff;border-radius:6px;flex:none;place-items:center;font-size:.58rem;font-weight:700;display:grid}.pastillon{background:var(--encre);color:#f3ecdf;letter-spacing:.02em;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;font-size:.8rem;font-weight:700;display:grid}.tache-libelle input[type=checkbox]{appearance:none;border:1.5px solid var(--trait-marque);cursor:pointer;background:0 0;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;margin:0;transition:background .12s,border-color .12s;display:grid}.tache-libelle input[type=checkbox]:hover:not(:disabled){border-color:var(--encre)}.tache-libelle input[type=checkbox]:checked{background:var(--encre);border-color:var(--encre)}.tache-libelle input[type=checkbox]:checked:after{content:"";border-bottom:2px solid #f3ecdf;border-left:2px solid #f3ecdf;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.tache-libelle input[type=checkbox]:disabled{opacity:.5;cursor:default}.entree-journal{gap:calc(var(--pas) * 4);grid-template-columns:6.5rem auto minmax(0,1fr);align-items:start;display:grid}.journal-quand{flex-direction:column;line-height:1.2;display:flex}.journal-jour{font-family:var(--titres);font-size:1.3rem;line-height:1.1}@media (max-width:42rem){.entree-journal{gap:calc(var(--pas) * 1.5);grid-template-columns:minmax(0,1fr)}.journal-quand{align-items:baseline;gap:calc(var(--pas) * 2);flex-direction:row}}.pile>.section-ouverte+*,.pile>*+.section-ouverte,.ecran>.section-ouverte+*,.ecran>*+.section-ouverte{margin-top:calc(var(--pas) * 6)}.entete-ecran+*{margin-top:calc(var(--pas) * 4)}.pastille[data-ton=bien]{background:var(--en-ordre-fond);color:var(--en-ordre-encre)}.pastille-service{background:var(--encre);color:#f3ecdf;border-color:#0000}.entree-corps{gap:calc(var(--pas) * 1.5);flex:18rem;min-width:0}.entree-titre{font-size:1.02rem;font-weight:600}.entree-meta{align-items:center;gap:calc(var(--pas) * 2);flex-wrap:wrap;display:flex}.carte.fiche-contrat{gap:0;padding:0;overflow:hidden}.fiche-tete{gap:calc(var(--pas) * 6);padding:calc(var(--pas) * 7) calc(var(--pas) * 9);background:radial-gradient(ellipse 60% 120% at 92% 0%, #ff9a8b29, transparent 70%), var(--encre);color:#f3ecdf;grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.fiche-tete h2{color:#fbf7ee;font-size:2.2rem;line-height:1}.fiche-tete .etiquette{color:var(--accent-clair);font-weight:650}.fiche-tete .tres-discret{color:#c9c2b6}.fiche-numero{gap:calc(var(--pas) * 1);text-align:right;flex-direction:column;display:flex}.fiche-numero .chiffre-cote{font-size:1.6rem}.fiche-tete .manque{color:#c9c2b6;font-style:italic}.fiche-corps{gap:calc(var(--pas) * 5);padding:calc(var(--pas) * 6) calc(var(--pas) * 9) calc(var(--pas) * 7);flex-direction:column;display:flex}.fiche-corps h3{margin:0}@media (max-width:48rem){.fiche-tete{padding:calc(var(--pas) * 6);grid-template-columns:minmax(0,1fr)}.fiche-numero{text-align:left}.fiche-corps{padding:calc(var(--pas) * 5) calc(var(--pas) * 6) calc(var(--pas) * 6)}}.chiffre{font-family:var(--titres);font-size:2.2rem;font-weight:400;line-height:1}@media (max-width:62rem){.carte.carte-a-volets:not(.pile):not(.pile-serree):not(.ligne){grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.bande-des-mois{padding:4px 0;overflow-x:auto}.bande-des-mois>ol{min-width:27rem}.liste>.entree{row-gap:calc(var(--pas) * 1.5);flex-wrap:wrap}.liste>.entree>.pousse{margin-left:0}}.agenda-annee{gap:calc(var(--pas) * 4);padding:calc(var(--pas) * 4) 0;border-top:1px solid var(--trait);grid-template-columns:5rem minmax(0,1fr);align-items:start;display:grid}.agenda-annee:last-child{border-bottom:1px solid var(--trait)}.annee-repere{font-family:var(--titres);color:var(--encre-pale);font-variant-numeric:tabular-nums;font-size:1.8rem;line-height:1}.agenda-annee .entree{padding:0 0 calc(var(--pas) * 2.5);border-bottom:none}.agenda-annee .entree:last-child{padding-bottom:0}@media (max-width:40rem){.agenda-annee{gap:calc(var(--pas) * 2);grid-template-columns:minmax(0,1fr)}}.gestes{gap:calc(var(--pas) * 2);flex-wrap:wrap;display:flex}.bouton-ecouter{align-self:flex-start;align-items:center;gap:calc(var(--pas) * 1.5);min-height:calc(var(--pas) * 8);padding:0 calc(var(--pas) * 3.5);color:#c9c2b6;background:0 0;border:1px solid #f3ecdf47;border-radius:999px;font-size:.85rem;font-weight:500;display:inline-flex}.bouton-ecouter svg{flex:none;width:16px;height:16px}.bouton-ecouter:hover{color:#fbf7ee;border-color:#f3ecdf80}.copilote-sans-reponse .bouton-ecouter{border-color:var(--trait-marque);color:var(--encre-douce)}.copilote-sans-reponse .bouton-ecouter:hover{border-color:var(--encre);color:var(--encre)}.bouton-dicter{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;gap:calc(var(--pas) * 1.5);width:var(--cible-tactile);height:var(--cible-tactile);border:1px solid var(--trait-marque);color:var(--encre-douce);background:0 0;border-radius:999px;flex:none;padding:0;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.bouton-dicter svg{flex:none;width:20px;height:20px}.bouton-dicter-libelle{display:none}.bouton-dicter:hover:not(:disabled){border-color:var(--encre);color:var(--encre)}.bouton-dicter[data-etat=ecoute]{border-color:var(--accent);background:var(--accent);color:var(--surface);animation:1.4s ease-in-out infinite dictee-pulse}.bouton-dicter[data-etat=transcription]{opacity:.55;cursor:progress}@keyframes dictee-pulse{0%,to{box-shadow:0 0 #d9705f73}50%{box-shadow:0 0 0 calc(var(--pas) * 2) #d9705f00}}@media (prefers-reduced-motion:reduce){.bouton-dicter[data-etat=ecoute]{animation:none}}@media (min-width:48rem){.bouton-dicter{width:auto;padding:0 calc(var(--pas) * 4)}.bouton-dicter-libelle{font-size:.9rem;font-weight:500;display:inline}}.copilote-bonjour{margin:0 0 calc(var(--pas) * 2);color:#f3ecdf9e;font-size:.95rem}.copilote-bonjour.sur-clair{color:var(--encre-pale)}.choix-de-la-voix{margin-top:calc(var(--pas) * 2);color:#f3ecdf8c;font-size:.85rem}.choix-de-la-voix summary{cursor:pointer;padding:calc(var(--pas)) 0}.choix-de-la-voix-pourquoi{margin:calc(var(--pas)) 0 calc(var(--pas) * 2);max-width:34rem;line-height:1.5}.choix-de-la-voix ul{gap:calc(var(--pas) * 2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.choix-de-la-voix .pastille{color:#c9c2b6;background:0 0;border-color:#f3ecdf47}.choix-de-la-voix .pastille.active{border-color:var(--accent-clair);color:var(--accent-clair)}.copilote-fil{gap:calc(var(--pas) * 4);padding-left:calc(var(--pas) * 4);border-left:2px solid var(--trait);flex-direction:column;display:flex}.copilote-tour{gap:calc(var(--pas));flex-direction:column;display:flex}.copilote-tour-question{color:var(--encre);margin:0;font-size:.95rem;font-weight:600}.copilote-tour-reponse{color:var(--encre-pale);margin:0;font-size:.9rem;line-height:1.55}.copilote-repartir{min-height:var(--cible-tactile);padding:0 calc(var(--pas) * 3);border:1px solid var(--trait-marque);color:var(--encre-douce);background:0 0;border-radius:999px;align-self:flex-start;font-size:.85rem}.copilote-repartir:hover{border-color:var(--encre);color:var(--encre)}.copilote-a-confirmer{margin:calc(var(--pas) * 3) 0 0;padding-left:calc(var(--pas) * 3);border-left:2px solid var(--accent-clair);color:#f3ecdfc7;max-width:38rem;font-size:.92rem;line-height:1.55}.copilote-a-confirmer.sur-clair{border-left-color:var(--accent);color:var(--encre-douce)}.bandeau-apercu{padding:calc(var(--pas) * 3) calc(var(--pas) * 4);border-left:3px solid var(--accent);border-radius:var(--rayon-serre);background:var(--accent-voile);color:var(--encre-douce);max-width:46rem;margin:0;font-size:.92rem;line-height:1.55}.bandeau-apercu strong{color:var(--encre)}.barres-de-conso{align-items:end;gap:calc(var(--pas) * 1.5);height:13rem;margin:calc(var(--pas) * 2) 0 0;grid-auto-columns:1fr;grid-auto-flow:column;padding:0;list-style:none;display:grid}.barres-de-conso.serre{gap:calc(var(--pas) * .5)}.barres-de-conso li{justify-content:flex-end;align-items:center;gap:calc(var(--pas));flex-direction:column;height:100%;display:flex}.barres-de-conso .barre-bouton{justify-content:flex-end;align-items:center;gap:calc(var(--pas));cursor:pointer;border-radius:var(--rayon-serre);background:0 0;border:0;flex-direction:column;width:100%;height:100%;padding:0;display:flex}.barres-de-conso .barre-bouton:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.barres-de-conso .barre-pile{align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.barres-de-conso .barre-empilee{flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative}.barres-de-conso .part{width:100%;min-height:1px;transition:opacity .12s ease-out}.barres-de-conso .part-creuses{background:var(--accent-clair);border-radius:var(--rayon-serre) var(--rayon-serre) 0 0}.barres-de-conso .part-pleines{background:var(--accent)}.barres-de-conso .part-abonnement{background:var(--encre)}.barres-de-conso .barre{border-radius:var(--rayon-serre) var(--rayon-serre) 0 0;background:linear-gradient(to top, var(--accent), var(--accent-clair));width:100%;min-height:2px;transition:background .12s ease-out;position:relative}.barres-de-conso .barre-fantome{border:1px dashed var(--trait-marque);border-radius:var(--rayon-serre) var(--rayon-serre) 0 0;background:0 0;border-bottom:0;position:absolute;bottom:0;left:-2px;right:-2px}.barres-de-conso li:last-child .barre{background:linear-gradient(to top, var(--encre), var(--encre-douce))}.barres-de-conso:has([aria-pressed=true]) .barre{opacity:.35;background:linear-gradient(to top, var(--accent), var(--accent-clair))}.barres-de-conso:has([aria-pressed=true]) .part{opacity:.3}.barres-de-conso [aria-pressed=true] .part,.barres-de-conso .barre-bouton:hover .part{opacity:1}.barres-de-conso [aria-pressed=true] .barre{opacity:1;background:linear-gradient(to top, var(--encre), var(--encre-douce))}.barres-de-conso .barre-bouton:hover .barre{opacity:1}.barres-de-conso .barre-mois{color:var(--encre-pale);text-transform:lowercase;font-size:.72rem}.barres-de-conso .barre-valeur{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.barres-de-conso.serre li:not(:nth-child(3n+1)) .barre-mois{visibility:hidden}@media (max-width:30rem){.barres-de-conso li:nth-child(2n) .barre-mois,.barres-de-conso.serre li:not(:nth-child(6n+1)) .barre-mois{visibility:hidden}}.reglages-de-graphique{gap:calc(var(--pas) * 3);margin-top:calc(var(--pas) * 2);flex-wrap:wrap;display:flex}.segments{border:1px solid var(--trait-marque);border-radius:var(--rayon-serre);background:var(--sol-lateral-haut);margin:0;padding:0;display:flex;overflow:hidden}.segments button{padding:calc(var(--pas) * 1.5) calc(var(--pas) * 3);color:var(--encre-douce);cursor:pointer;background:0 0;border:0;font-size:.85rem}.segments button+button{border-left:1px solid var(--trait-marque)}.segments button[aria-pressed=true]{background:var(--encre);color:var(--accent-voile)}.segments button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.legende-de-graphique{align-items:center;gap:var(--pas);margin-top:calc(var(--pas) * 2);color:var(--encre-tres-pale);flex-wrap:wrap;font-size:.78rem;display:flex}.puce-pleine,.puce-creuse{border-radius:2px;width:.7rem;height:.7rem;display:inline-block}.puce-pleine{background:var(--accent)}.puce-creuse{border:1px dashed var(--trait-marque);margin-left:calc(var(--pas) * 2)}.phare-comparaisons{margin:calc(var(--pas) * 3) 0 0;gap:var(--pas);flex-direction:column;padding:0;font-size:.88rem;list-style:none;display:flex}.phare-comparaisons li{justify-content:space-between;gap:calc(var(--pas) * 3);padding-bottom:var(--pas);border-bottom:1px solid color-mix(in srgb, currentcolor 15%, transparent);display:flex}.phare-comparaisons strong{font-variant-numeric:tabular-nums;white-space:nowrap}.hors-vue{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.recapitulatif{gap:calc(var(--pas) * 4);border-left:3px solid var(--en-ordre);flex-direction:column;display:flex}.recapitulatif-entete{justify-content:space-between;align-items:flex-start;gap:calc(var(--pas) * 3);display:flex}.recapitulatif-titre{font-family:var(--titres);color:var(--encre);margin:0;font-size:1.15rem}.recapitulatif-resume{margin:var(--pas) 0 0;color:var(--encre-douce);font-size:.92rem}.recapitulatif-reperes{gap:calc(var(--pas) * 2) calc(var(--pas) * 6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.recapitulatif-reperes>li{flex-direction:column;gap:2px;display:flex}.recapitulatif-reperes span{color:var(--encre-tres-pale);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.recapitulatif-reperes strong{color:var(--encre);font-size:.95rem}.recapitulatif-faits{gap:calc(var(--pas) * 3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.recapitulatif-faits>li{padding-left:calc(var(--pas) * 3);border-left:2px solid var(--trait-marque)}.recapitulatif-faits>li.supplante{opacity:.6;border-left-style:dashed}.recapitulatif-valeur{align-items:baseline;gap:calc(var(--pas) * 2);flex-wrap:wrap;margin:0;display:flex}.recapitulatif-valeur strong{color:var(--encre)}.recapitulatif-valeur span{color:var(--encre);font-variant-numeric:tabular-nums;font-size:1.05rem}.recapitulatif-citation{margin:var(--pas) 0 0;color:var(--encre-pale);overflow-wrap:anywhere;font-size:.85rem;font-style:italic}.recapitulatif-note{margin:var(--pas) 0 0;color:var(--encre-tres-pale);font-size:.78rem}.recapitulatif-echeances{gap:var(--pas);border-top:1px solid var(--trait);padding:0;padding-top:calc(var(--pas) * 3);flex-direction:column;margin:0;list-style:none;display:flex}.recapitulatif-echeances>li{justify-content:space-between;gap:calc(var(--pas) * 2);flex-wrap:wrap;font-size:.9rem;display:flex}.recapitulatif-echeances strong{color:var(--encre)}.recapitulatif-echeances span{color:var(--encre-douce)}.tableau-conso{gap:calc(var(--pas) * 3);flex-direction:column;display:flex}.periode{align-items:center;gap:calc(var(--pas) * 2);display:flex}.periode>button{border:1px solid var(--trait-marque);border-radius:var(--rayon-serre);width:2.2rem;height:2.2rem;color:var(--encre-douce);cursor:pointer;background:0 0;flex:none;padding:0;font-size:1.1rem;line-height:1}.periode>button:disabled{color:var(--encre-eteinte);cursor:default}.periode>button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.periode-libelle{text-align:center;color:var(--encre);flex:1;font-size:.95rem}.unites{gap:var(--pas);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.unites button{padding:calc(var(--pas) * 1.5) calc(var(--pas) * 3);border-radius:var(--rayon-serre);color:var(--encre-pale);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;font-size:1rem}.unites button[aria-pressed=true]{background:var(--sol-lateral-haut);border-color:var(--trait-marque);color:var(--encre);font-weight:600}.unites button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.puce{width:.7rem;height:.7rem;margin-left:calc(var(--pas) * 2);border-radius:2px;display:inline-block}.legende-de-graphique>.puce:first-child{margin-left:0}.puce-creuses{background:var(--accent-clair)}.puce-pleines{background:var(--accent)}.puce-abonnement{background:var(--encre)}.analyse{gap:calc(var(--pas) * 3);flex-direction:column;display:flex}.analyse-entete{align-items:flex-start;gap:calc(var(--pas) * 3);display:flex}.analyse-titre{font-family:var(--titres);color:var(--encre);margin:0;font-size:1.1rem}.analyse-resume{margin:var(--pas) 0 0;color:var(--encre-douce);font-variant-numeric:tabular-nums;font-size:.9rem}.analyse-constats{gap:calc(var(--pas) * 3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.analyse-constats>li{padding-left:calc(var(--pas) * 3);border-left:3px solid var(--trait-marque)}.analyse-constats>li[data-ton=a-regarder]{border-left-color:var(--ambre)}.constat-titre{color:var(--encre);margin:0;font-size:.98rem;font-weight:600}.constat-detail{margin:var(--pas) 0 0;color:var(--encre-douce);max-width:62ch;font-size:.88rem}.partage .pile{gap:18px;max-width:34rem}.partage-surtitre{letter-spacing:.08em;text-transform:uppercase;color:var(--encre-pale);margin:0;font-size:.78rem;font-weight:600}.partage .bouton-lien{align-self:flex-start;margin-top:6px}.partage-pied{border-top:1px solid var(--trait);margin-top:40px;padding-top:18px}.partage-pied p{margin:0}.partages{gap:calc(var(--pas) * 2);width:100%;margin-top:calc(var(--pas) * 3);padding:calc(var(--pas) * 3) calc(var(--pas) * 4);border-radius:var(--rayon-serre);background:var(--surface-creuse);border-left:3px solid var(--trait-lateral);flex-direction:column;display:flex}.partages .discret,.partages .tres-discret{margin:0}.champ-en-ligne{gap:calc(var(--pas) / 2);flex-direction:column;display:flex}.ligne>.champ-en-ligne{flex:14rem}.champ-en-ligne input{width:100%}.partage-neuf{gap:calc(var(--pas) * 2);padding:calc(var(--pas) * 3);border-radius:var(--rayon-serre);background:var(--surface);border:1px solid var(--trait);flex-direction:column;display:flex}.lien-a-copier{font-family:var(--police-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);flex:20rem;font-size:.82rem}.liste-nue{gap:calc(var(--pas) * 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.partages-liste li{align-items:center;gap:calc(var(--pas) * 2);padding-top:calc(var(--pas) * 2);border-top:1px solid var(--trait);display:flex}.partage-eteint{color:var(--encre-eteinte)}.heros{--heros-image:url(/images/porte-home.webp);gap:calc(var(--pas) * 6);min-height:19rem;padding:calc(var(--pas) * 8);margin-bottom:calc(var(--pas) * 5);border-radius:var(--rayon);border:1px solid var(--trait);background-image:linear-gradient(100deg, #f6f0e6f5 0%, #f6f0e6e6 30%, #f6f0e673 52%, #f6f0e600 68%), var(--heros-image,linear-gradient(120deg, #f0e4d8 0%, #e6d3c6 100%));background-position:50%;background-size:cover;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.heros-dire{gap:calc(var(--pas) * 3);flex-direction:column;align-items:flex-start;max-width:28rem;display:flex}.heros .salutation-mot{letter-spacing:.12em;text-transform:uppercase;color:var(--bordeaux,#7a2438);margin:0;font-family:inherit;font-size:.78rem;font-weight:600}.heros-chapeau{color:var(--encre-douce);margin:0;font-size:1.02rem;line-height:1.55}.heros-echeances{gap:calc(var(--pas) * 3);padding:calc(var(--pas) * 5);border-radius:var(--rayon-serre);color:#f7efe6;background:#3a0e1beb;flex-direction:column;display:flex;box-shadow:0 18px 40px #3a0e1b38}.heros-echeances-titre{letter-spacing:.12em;text-transform:uppercase;color:#d9b3ab;margin:0;font-size:.72rem;font-weight:600}.heros-echeances li{align-items:center;gap:calc(var(--pas) * 4);padding-top:calc(var(--pas) * 3);border-top:1px solid #f7efe624;display:flex}.heros-echeances li:first-child{border-top:0;padding-top:0}.heros-date{flex-direction:column;align-items:center;min-width:4.5rem;line-height:1.1;display:flex}.heros-date strong{font-family:var(--police-titre,inherit);color:#f7efe6;font-size:1.9rem;font-weight:500}.heros-date span{letter-spacing:.08em;color:#c99e96;font-size:.66rem}.heros-quoi{color:#f7efe6;font-size:.95rem}.heros-montant{color:#f7efe6;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.heros-delai{color:#c99e96;font-size:.8rem}@media (max-width:900px){.heros{gap:calc(var(--pas) * 5);padding:calc(var(--pas) * 5);background-image:linear-gradient(#f6f0e6ed, #f6f0e6ed), var(--heros-image,linear-gradient(120deg, #f0e4d8 0%, #e6d3c6 100%));grid-template-columns:minmax(0,1fr)}.heros-dire{max-width:none}}.rangement{gap:calc(var(--pas) * 3);margin-bottom:calc(var(--pas) * 5);padding-bottom:calc(var(--pas) * 4);border-bottom:1px solid var(--trait);flex-direction:column;display:flex}.rangement-note{max-width:44rem;margin:0}.rangement-recherche{gap:calc(var(--pas) * 1.5);flex-direction:column;max-width:34rem;display:flex}.rangement-recherche input[type=search]{padding-left:calc(var(--pas) * 8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a7386' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(var(--pas) * 3) center;background-size:17px 17px}.rangement-recherche input{width:100%}.rangement-natures{gap:calc(var(--pas) * 1.5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.rangement-natures button{background:var(--surface);border:1px solid var(--trait);min-height:34px;color:var(--encre-douce);border-radius:999px;padding:0 14px;font-size:.86rem;font-weight:500}.rangement-natures button:hover:not(:disabled){border-color:var(--trait-marque);color:var(--encre)}.rangement-natures .nature-choisie{background:var(--encre);border-color:var(--encre);color:#f3ecdf}.rangement-natures .nature-choisie .tres-discret{color:#cfc6b6}.raisons{margin:0 0 calc(var(--pas) * 2) 0;padding:0 0 0 calc(var(--pas) * 2);border-left:2px solid var(--trait);gap:calc(var(--pas) / 2);flex-direction:column;order:-1;width:100%;list-style:none;display:flex}.vignette-echeance{background:var(--surface-creuse);width:34px;height:34px;color:var(--encre-douce);border-radius:999px;flex:none;place-items:center;display:grid}.vignette-echeance[data-origine=pret],.vignette-echeance[data-origine=regularisation]{color:var(--bordeaux);background:#f3e3e4}.vignette-echeance[data-origine=tache]{color:var(--en-ordre-encre);background:#e2efe6}.vignette-echeance[data-origine=dpe],.vignette-echeance[data-origine=contrat]{background:var(--accent-fond);color:#a8503f}.vignette-echeance[data-origine=rupture]{color:#3f5b7a;background:#dfe6ee}.vignette-echeance[data-origine=inconnue]{background:var(--surface-creuse)}.section-encadree{gap:calc(var(--pas) * 4);background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon-large);width:100%;padding:calc(var(--pas) * 7);flex-direction:column;display:flex;box-shadow:0 1px 2px #1a15240d,0 18px 36px -24px #1a152457}.titre-encadre{align-items:center;gap:calc(var(--pas) * 3);flex-wrap:wrap;display:flex}.titre-encadre>h2,.titre-encadre>h3{margin:0;line-height:1}.titre-encadre>:not(h2):not(h3):not(.picto-de-section){color:var(--encre-pale);margin-left:auto;font-size:.8rem;font-weight:400}.picto-de-section{width:18px;height:18px;color:var(--encre-douce);flex:none;place-items:center;display:grid}.section-encadree .annee-repere{color:var(--encre);font-size:2.4rem}.section-encadree .agenda-annee{grid-template-columns:6.5rem minmax(0,1fr)}.section-encadree .agenda-annee:last-child{border-bottom:none;padding-bottom:0}@media (max-width:40rem){.section-encadree{padding:calc(var(--pas) * 4)}.section-encadree .annee-repere{font-size:2rem}}:is(.carte,.copilote-connu)>.vide+p{text-align:center;margin:0}:is(.carte,.copilote-connu)>.vide:has(+p){padding-bottom:calc(var(--pas) * 4)}.copilote-connu{gap:calc(var(--pas) * 2);padding:0 calc(var(--pas) * 6);margin-top:calc(var(--pas) * 3);flex-direction:column;display:flex}.copilote-connu .entree{padding:calc(var(--pas) * 2.5) 0}.ecran .section-ouverte:has(>.liste){max-width:50rem}.compte-adresse{overflow-wrap:anywhere;font-size:1.15rem;font-weight:600}.avatar-lien{border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:opacity .12s;display:flex}.avatar-lien:hover{opacity:.85}.avatar-lien:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.compte-gestes{gap:calc(var(--pas) * 2);flex-wrap:wrap;margin:0;display:flex}

/* --------------------------------------------------------------------------------
   Ajouts de la capture d'attente. Rien d'autre n'a été modifié dans cette feuille.
   Ils disparaissent avec elle, le jour où l'application sert elonora.fr elle-même.
   -------------------------------------------------------------------------------- */

.accueil-appel-bouton {
  margin: 26px 0 10px;
}

/* La section d'appel etait dimensionnee pour un formulaire. Le bouton de contact est plus
   court, mais `align-items: center` avec `overflow: hidden` rognait symetriquement des que
   le contenu depassait les 620 px. On laisse la hauteur suivre le contenu. */
.accueil-appel {
  min-height: 0;
  padding-block: clamp(88px, 13vh, 148px);
}

/* Le formulaire de liste d'attente, pose par la capture. Il reprend les jetons du produit
   plutot que d'inventer une seconde apparence. */
.liste-attente {
  width: 100%;
  max-width: 30rem;
  flex-direction: column;
  gap: 10px;
  display: flex;
}
.liste-attente .etiquette {
  text-align: left;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--encre-douce);
}
.liste-ligne {
  gap: 10px;
  display: flex;
}
.liste-ligne input {
  flex: 1;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid var(--trait);
  border-radius: var(--rayon);
  background: var(--surface);
  color: var(--encre);
  font-family: var(--corps);
  font-size: 1rem;
}
.liste-ligne input::placeholder { color: var(--encre-pale); opacity: 1; }
.liste-ligne input:focus-visible {
  outline: 2px solid var(--anneau);
  outline-offset: 1px;
  border-color: var(--anneau);
}
.liste-ligne button {
  padding: 14px 22px;
  border: 1px solid var(--encre);
  border-radius: var(--rayon);
  background: var(--encre);
  color: var(--surface);
  font-family: var(--corps);
  font-size: 0.98rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
.liste-ligne button:disabled { opacity: 0.6; cursor: default; }

/* Le leurre : hors de l'ecran plutot que `display: none`, que certains robots detectent. */
.liste-piege {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.liste-etat {
  min-height: 1.4em;
  margin: 0;
  text-align: left;
  font-size: 0.92rem;
  color: var(--encre-douce);
}
.liste-etat[data-ton="bien"] { color: var(--en-ordre-encre); }
.liste-etat[data-ton="mal"] { color: var(--bordeaux); }

/* 40 rem et non plus 30 depuis le 2026-09-29, comme le formulaire de l'application : entre
   les deux, le bouton tenait a cote du champ en le reduisant a une poignee de caracteres. */
@media (max-width: 40rem) {
  .liste-ligne { flex-direction: column; }
  .liste-ligne button { width: 100%; }
}

/* L'appel du haut, ajoute le 2026-09-09.
   La page n'avait son unique appel qu'en bas, apres tout le defilement : quelqu'un qui
   arrive convaincu par le titre n'avait rien a faire de sa conviction. Le bouton renvoie
   vers le meme champ plutot que d'en dupliquer un second, qui aurait double le leurre,
   l'etat et les identifiants pour la meme adresse a la fin. */
.accueil-hero-appel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 28px 0 0;
}

.accueil-hero-bouton {
  display: inline-block;
  padding: 14px 26px;
  border: 1px solid var(--encre);
  border-radius: var(--rayon);
  background: var(--encre);
  color: var(--surface);
  font-family: var(--corps);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .accueil-hero-bouton:hover { opacity: 0.88; }
}

.accueil-hero-suite {
  font-size: 0.92rem;
  color: var(--encre-douce);
}

/* Le defilement doux appartient a la feuille et non au script : `scroll-behavior` respecte
   `prefers-reduced-motion` tout seul dans les navigateurs recents, et une animation ecrite
   en JavaScript aurait fallu la reimplementer. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

/* La cible du saut se pose sous le haut de l'ecran plutot qu'a ras : un champ colle au bord
   superieur ne se lit pas comme la destination d'un clic. */
#liste { scroll-margin-top: 24vh; }

/* Reprises de `apps/web/src/app/design.css` le 2026-09-29, avec la feuille de route de
   l'interface. Ecrites ici plutot que dans la capture : elles se lisent comme des ajouts, et
   gagnent sur la capture parce qu'elles viennent apres elle. */

/* Les deux listes gardaient les 40 px de retrait du navigateur : les filets commencaient en
   retrait du titre qu'ils prolongent. */
.accueil-preuves { padding: 0; }
.accueil-charge ul { padding: 0; }

/* A 360 px, "LOGEMENT" tombait seul sur la seconde ligne. */
.accueil-surtitre { text-wrap: balance; }

/* Sous 40 rem, le bouton du heros prend toute la largeur, et sa phrase se centre dessous : a
   sa largeur, il tombait cale a gauche sous un texte centre. */
@media (max-width: 40rem) {
  .accueil-hero-appel { align-self: stretch; flex-direction: column; align-items: stretch; text-align: center; }
  .accueil-hero-bouton { display: block; text-align: center; }
}

/* --------------------------------------------------------------------------------
   L'en-tete des pages publiques du site (`en-tete-public.tsx`), le 2026-10-14 : ses regles sont
   recopiees telles quelles de `apps/web/src/app/design.css`, sans leurs commentaires, comme celles
   du telephone. `test/la-vitrine-porte-les-couleurs-et-l-en-tete-du-site.test.ts` les confronte.
   -------------------------------------------------------------------------------- */

.public-entete {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--pas) * 6);
  height: var(--bandeau);
  padding: 0 clamp(1.25rem, 4vw, 3.5rem);
  color: var(--encre);
}

.public-marque {
  color: inherit;
  text-decoration: none;
}

.public-entete-liens {
  display: flex;
  align-items: center;
  gap: calc(var(--pas) * 6);
}

.public-lien {
  padding: 6px 0;
  border-bottom: 1px solid transparent;
  font-size: 0.9rem;
  color: var(--encre-douce);
  text-decoration: none;
  white-space: nowrap;
}

.public-lien[aria-current="page"] {
  color: var(--encre);
  border-bottom-color: var(--terre);
}

@media (hover: hover) and (pointer: fine) {
  .public-lien:hover {
    color: var(--encre);
  }
}

.public-pilule {
  display: none;
}

@media (max-width: 62rem) {
  .public-entete-liens .public-bouton,
  .public-entete-liens .public-lien-page {
    display: none;
  }

  .public-entete-liens {
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
  }

  .public-entete-liens .public-pilule {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--encre);
    color: #f3ecdf;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }

  .public-entete-liens .public-lien {
    padding: 0;
    font-size: 0.82rem;
  }
}

/* Sur l'accueil, l'en-tete reste pose sur le heros, dans la bande que les papiers laissent vide,
   comme le dit `.accueil-entete` : la regle commune, venue apres elle, le remettrait dans le flux. */
.public-entete.accueil-entete {
  position: absolute;
}

/* --------------------------------------------------------------------------------
   Le cadre des pages legales du site (`textes-legaux/page-legale.tsx`), recopie de meme : les
   mesures des pages publiques, l'ouverture claire avec l'en-tete et le titre, puis le texte.
   -------------------------------------------------------------------------------- */

.page-publique {
  min-height: 100dvh;
  overflow-x: clip;
  --couloir: min(56rem, 100vw - 7rem);
  --marge: 3.5rem;
  --bandeau: 6.5rem;
  --au-dessus-du-telephone: 2.75rem;
  --telephone-haut: 650px;
  --echelle-telephone: 1;
  --telephone-large: 300px;
}

/* Le pied de l'accueil, pose sous les pages legales, prend sa marge de `--marge` : sous 62 rem,
   la meme que sur l'accueil. */
@media (max-width: 62rem) {
  .page-publique {
    --marge: 1.25rem;
  }
}

.produit-surtitre,
.secu-surtitre {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--terre);
}

.page-legale {
  display: flex;
  flex-direction: column;
  background: var(--sol);
  color: var(--encre);
}

.legale-ouverture {
  padding-bottom: clamp(32px, 5vw, 56px);
  border-bottom: 1px solid var(--trait);
  background:
    radial-gradient(
      ellipse 50% 120% at 85% 0%,
      rgb(255 154 139 / 0.28) 0%,
      rgb(255 154 139 / 0) 70%
    ),
    radial-gradient(ellipse 90% 140% at 50% 0%, #faf6ee, var(--sol) 100%);
}

.legale-tete {
  width: min(46rem, 100% - 2 * clamp(20px, 4vw, 56px));
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: calc(var(--pas) * 4);
  padding-top: clamp(16px, 4vh, 40px);
}

.legale-tete h1 {
  font-size: clamp(2.4rem, 5vw, 3.8rem);
  line-height: 1.02;
  letter-spacing: -0.02em;
}

.legale-chapeau {
  max-width: 60ch;
  font-size: clamp(1.05rem, 1.4vw, 1.2rem);
  line-height: 1.55;
  color: var(--encre-douce);
}

.legale-date {
  font-size: 0.95rem;
  color: var(--encre-pale);
}

.legale-texte {
  width: min(46rem, 100% - 2 * clamp(20px, 4vw, 56px));
  margin: 0 auto;
  padding: clamp(40px, 6vw, 72px) 0 clamp(64px, 9vw, 112px);
}

.legale-texte section {
  padding: calc(var(--pas) * 6) 0 calc(var(--pas) * 5);
  border-top: 1px solid var(--trait);
}

.legale-texte section:first-child {
  padding-top: 0;
  border-top: none;
}

.legale-texte h2 {
  margin-bottom: calc(var(--pas) * 3);
  font-size: clamp(1.45rem, 2.4vw, 1.85rem);
  line-height: 1.15;
}

.legale-texte p,
.legale-texte ul,
.legale-texte ol,
.legale-texte blockquote,
.legale-texte .legale-tableau {
  margin: 0 0 calc(var(--pas) * 3);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--encre-douce);
}

.legale-texte ul,
.legale-texte ol {
  display: flex;
  flex-direction: column;
  gap: calc(var(--pas) * 1.5);
  padding-left: 1.3rem;
}

.legale-texte strong {
  font-weight: 600;
  color: var(--encre);
}

.legale-texte a:not(.bouton-lien) {
  color: var(--bordeaux);
  text-underline-offset: 3px;
}

.legale-texte blockquote {
  padding: calc(var(--pas) * 3) calc(var(--pas) * 4);
  border-left: 3px solid var(--accent);
  border-radius: 0 var(--rayon) var(--rayon) 0;
  background: var(--accent-voile);
}

.legale-texte .legale-tableau {
  overflow-x: auto;
}

.legale-tableau table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.legale-tableau th,
.legale-tableau td {
  padding: 10px 14px 10px 0;
  border-bottom: 1px solid var(--trait);
  text-align: left;
  vertical-align: top;
}

.legale-tableau th {
  font-weight: 600;
  color: var(--encre);
}