@font-face{font-family:"Geist";src:url("fonts/Geist-Variable.woff2") format("woff2");
  font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight:100 900;font-display:swap}

:root{
  --bs-body-font-family:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --toile:#F3F2F0; --toile-2:#ECEAE7; --surface:#FFFFFF;
  --ink:#111111; --muted:#6B6B6B; --line:#E3E1DD; --soft:#F8F7F5;

  --amber:#EC5A3E; --amber-2:#EC5A3E;
  --amber-soft:#FCE3DC;
  --amber-texte:#C2412A;          
  --sur-amber:#160A06;            

  --sh-sm:0 1px 2px rgba(20,20,20,.06);
  --sh:0 1px 0 rgba(0,0,0,.02),0 18px 40px -24px rgba(20,20,20,.22);
  --sh-lg:0 30px 60px -30px rgba(20,20,20,.28);
}
html[data-theme="sombre"]{
  --toile:#0F0F10; --toile-2:#151517; --surface:#1B1B1E;
  --ink:#F3F2F0; --muted:#A3A3A8; --line:#2B2B30; --soft:#222226;
  --amber:#FF7A55; --amber-2:#FF7A55;
  --amber-soft:rgba(255,122,85,.16);
  --amber-texte:#FF9A7C;
  --sh-sm:0 1px 2px rgba(0,0,0,.22);
  --sh:0 1px 0 rgba(255,255,255,.04),0 18px 40px -24px rgba(0,0,0,.5);
  --sh-lg:0 30px 60px -30px rgba(0,0,0,.6);
}

html body{font-family:var(--bs-body-font-family) !important;
  background:var(--toile) !important;letter-spacing:-.005em;
  font-feature-settings:"ss01","cv11"}
main{background:transparent !important}
h1,h2,h3,.hero-title{letter-spacing:-.04em !important}
.sec-soft{background:var(--toile-2) !important}
.mono,code,kbd{font-family:var(--mono) !important}

.card-soft,.carte,.plan,.fn,.etape,.rapport-apercu,.ecran,.tuile{
  background:var(--surface) !important;border:1px solid var(--line) !important;
  box-shadow:var(--sh) !important}

.btn-amber,.btn-amber:hover,.btn-amber:focus,
.liens-nav .lien.principal,.liens-nav .lien.principal:hover,
.liens-nav .lien.principal:focus,.cta,.sig-btn,.sig-btn:hover{
  background:var(--amber) !important;color:var(--sur-amber) !important;
  box-shadow:none !important;border-color:transparent !important}
.btn-amber:hover,.liens-nav .lien.principal:hover,.sig-btn:hover{
  filter:brightness(.95)}

.beacon{box-shadow:none !important;animation:none !important}
.composeur-bas .btn-env,.plan .ruban,.demo .ong-centre,
.ban-dedans .pro-pastille{box-shadow:none !important}

.form-control:focus,.form-select:focus{
  box-shadow:none !important;border-color:var(--ink) !important;
  outline:2px solid var(--amber);outline-offset:1px}

.lab,.surtitre{letter-spacing:.14em}
.text-amber,.t-code,.code-defaut{color:var(--amber-texte) !important}

.hero-title .t2,
html[data-theme="sombre"] .hero-title .t2{
  background:none !important;-webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;color:var(--muted) !important}
.hero-bg h1,.hero-bg .hero-title .t1,
html[data-theme="sombre"] .hero-bg h1,
html[data-theme="sombre"] .hero-bg .hero-title .t1{color:var(--ink) !important}

.hero-bg,.photo-bg{background:var(--toile) !important}
.hero-bg::before,.photo-bg::before{background-image:none !important;
  filter:none !important}
.hero-bg::after,.photo-bg::after{background:none !important}
.hero-bg .lead,.hero-bg .lab,.photo-bg p,.photo-bg .lab,
html[data-theme="sombre"] .hero-bg .lead,
html[data-theme="sombre"] .hero-bg .lab{color:var(--muted) !important}
.photo-bg h2,.photo-bg h3,
html[data-theme="sombre"] .photo-bg h2,
html[data-theme="sombre"] .photo-bg h3{color:var(--ink) !important}
.hero-bg .compteur,html[data-theme="sombre"] .hero-bg .compteur{
  background:var(--surface) !important;border:1px solid var(--line) !important}
.hero-bg .compteur b,html[data-theme="sombre"] .hero-bg .compteur b{
  color:var(--ink) !important}

.btn-soft,.btn-soft:hover{background:var(--surface) !important;
  color:var(--ink) !important;border:1px solid var(--line) !important}

.nav-bar,#navWrap .nav-bar{background:color-mix(in srgb,var(--toile) 88%,transparent) !important;
  border-bottom-color:var(--line) !important}

.compteur .unite b,
html[data-theme="sombre"] .compteur .unite b{
  background:none !important;-webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;color:var(--ink) !important}

.cnx-partage{background:none !important}

.ban,.at-ban,
html[data-theme="sombre"] .ban,html[data-theme="sombre"] .at-ban{
  background:var(--surface) !important;border:1px solid var(--line) !important;
  box-shadow:var(--sh) !important}
.ban-fond,.at-ban-fond{display:none !important}
.ban-mots h1,.at-ban-mots h1,
html[data-theme="sombre"] .ban-mots h1,
html[data-theme="sombre"] .at-ban-mots h1{color:var(--ink) !important}
.ban-mots .mail,.at-ban-mots .sous,.at-ban-mots .lab,
html[data-theme="sombre"] .ban-mots .mail,
html[data-theme="sombre"] .at-ban-mots .sous{color:var(--muted) !important}

html[data-theme="sombre"] main,
html[data-theme="sombre"] body main{background:transparent !important}
html[data-theme="sombre"] .sec-soft{background:var(--toile-2) !important}

.hero-title,h1.hero-title{font-weight:600 !important;
  font-size:clamp(2.4rem,4.9vw,4.1rem) !important;line-height:1.02 !important}

.liens-nav .lien.principal::after{background:var(--sur-amber) !important;opacity:.55}

.cnx-amb{color:var(--muted) !important;background:none !important;
  -webkit-text-fill-color:currentColor !important}
a[style*="--amber"]{color:var(--amber-texte) !important}

.beta,.prio,.ctx .val.code,.demo .etat.att,.etat.inactif,
[style*="color:var(--amber"]{color:var(--amber-texte) !important}

.btn-compte .pastille,.apercu-rond,.pro-pastille,.ruban,.plan .ruban{
  color:var(--sur-amber) !important}

.demo .tel{border-color:#111111 !important;
  box-shadow:0 30px 70px -30px rgba(20,20,20,.45) !important}
html[data-theme="sombre"] .demo .tel{
  box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 70px -26px rgba(0,0,0,.7) !important}
.demo .encoche{background:#111111 !important}
html[data-theme="sombre"] .demo .app,html[data-theme="sombre"] .demo .a-bas{background:#141413 !important}
html[data-theme="sombre"] .demo .moi{background:#1E1E20 !important}
html[data-theme="sombre"] .demo .etapes,html[data-theme="sombre"] .demo .carte,html[data-theme="sombre"] .demo .tag{background:#1B1B1A !important}
html:not([data-theme="sombre"]) .demo .tag{background:#FFFFFF !important}
html[data-theme="sombre"] .demo .a-tete,html[data-theme="sombre"] .demo .a-bas,html[data-theme="sombre"] .demo .etapes,html[data-theme="sombre"] .demo .carte,html[data-theme="sombre"] .demo .saisie,
html[data-theme="sombre"] .demo .rond,html[data-theme="sombre"] .demo .etape,html[data-theme="sombre"] .demo .source,html[data-theme="sombre"] .demo .puce{border-color:#2C2B29 !important}

.aremplir,.avert b{color:var(--amber-texte) !important}

html:not([data-theme="sombre"]) .aremplir,
html:not([data-theme="sombre"]) .avert b{color:#7A4600 !important}

@media (max-width:575.98px){
  body:not([data-page="recherche"]){padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}
  .dock,.sig-btn{transition:opacity .25s ease,transform .25s ease}
  html.haut-de-page .dock,html.haut-de-page .sig-btn{opacity:0;pointer-events:none;transform:translateY(14px)}
}

@media (max-width:575.98px){
  .doc table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .doc td,.doc th{min-width:5.5rem;hyphens:auto}
}

.avis-langue{max-width:52rem;margin:0 auto 1rem;padding:.7rem 1rem;border-radius:.8rem;
  background:var(--amber-soft);color:var(--ink);font-size:.9rem}
html[lang="fr"] .avis-langue{display:none}

.propulse{color:var(--muted);text-decoration:none;white-space:nowrap;
  margin-left:.75rem;padding-left:.75rem;border-left:1px solid var(--line)}
.propulse b{color:var(--ink);font-weight:700;transition:color .15s}
.propulse:hover b,.propulse:focus-visible b{color:var(--amber-texte)}
html[data-theme="sombre"] .propulse:hover b,html[data-theme="sombre"] .propulse:focus-visible b{color:var(--amber)}
.pied-legal .propulse{margin-left:1.2rem;font-size:.85rem}

.haut-page{position:fixed;right:1.1rem;bottom:calc(1.1rem + 62px + env(safe-area-inset-bottom,0px));z-index:1040;
  width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);
  display:grid;place-items:center;font-size:1rem;cursor:pointer;box-shadow:0 10px 28px -14px rgba(0,0,0,.45);
  opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,border-color .15s}
.haut-page.visible{opacity:1;pointer-events:auto;transform:none}
.haut-page:hover{border-color:var(--amber);color:var(--amber-texte)}
html[data-theme="sombre"] .haut-page{background:#1B1B1E;border-color:rgba(255,255,255,.1)}
body:not(:has(.sig-btn)) .haut-page{bottom:calc(1.1rem + env(safe-area-inset-bottom,0px))}
@media (max-width:575.98px){
  .haut-page{right:.8rem;width:42px;height:42px}
  html.haut-de-page .haut-page{opacity:0;pointer-events:none}
}


.btn-amber,.btn-amber:hover,.btn-amber:focus{background:#111111 !important;color:#FFFFFF !important;border-color:#111111 !important;border-radius:999px !important}
html[data-theme="sombre"] .btn-amber,html[data-theme="sombre"] .btn-amber:hover,html[data-theme="sombre"] .btn-amber:focus{background:#F3F2F0 !important;color:#111111 !important;border-color:#F3F2F0 !important}
.btn-soft,.btn-ghost{border-radius:999px !important}
.pay-rayons,.ec-rayons,.sc-rayons{display:none !important}
.pay-disque,.ec-disque{fill:url(#orbe) !important;filter:none !important}
.sc-disque{fill:url(#scOrbe) !important;filter:none !important}
.pay-halo,.ec-lueur{opacity:.55}
.mx-premium{background:#111111 !important}
.mx-premium .btn-amber,.mx-premium .btn-amber:hover{background:#F3F2F0 !important;color:#111111 !important;border-color:#F3F2F0 !important}
.mx-ent{background:rgba(255,255,255,.92) !important}
html body .mx-tarifs .x-titre span{color:#3A1A10 !important;opacity:.75}

.dropdown-menu{--bs-dropdown-link-hover-bg:var(--soft);--bs-dropdown-link-hover-color:var(--ink);
  --bs-dropdown-link-active-bg:var(--amber-soft);--bs-dropdown-link-active-color:var(--ink)}
.dropdown-item:focus,.dropdown-item:active,.dropdown-item.active{background-color:var(--amber-soft);color:var(--ink)}
.dropdown-item:focus i,.dropdown-item:active i,.dropdown-item.active i{color:var(--amber-texte)}
.dropdown-item:focus:not(:focus-visible){outline:none}
html[data-theme="sombre"] .dropdown-item:focus,html[data-theme="sombre"] .dropdown-item:active,
html[data-theme="sombre"] .dropdown-item.active{background-color:rgba(255,122,85,.16);color:var(--ink)}
html[data-theme="sombre"] .dropdown-item:focus i,html[data-theme="sombre"] .dropdown-item:active i{color:var(--amber)}
.dropdown-menu .quitter:focus,.dropdown-menu .quitter:active{background-color:rgba(180,35,24,.1);color:#B42318}
html[data-theme="sombre"] .dropdown-menu .quitter:focus,html[data-theme="sombre"] .dropdown-menu .quitter:active{background-color:rgba(240,138,128,.14);color:#F08A80}