/* Keine externen Ressourcen, keine Webfonts, keine Cookies. */
:root{
  --texte:#1c2430; --gris:#5b6673; --trait:#e2e6ec; --fond:#ffffff;
  --doux:#f6f8fa; --accent:#1d4ed8; --accent-fonce:#1739a8;
  --largeur:themeMax;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--fond); color:var(--texte);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.65;
}
.conteneur{max-width:860px;margin:0 auto;padding:0 22px}
a{color:var(--accent)}
a:hover{color:var(--accent-fonce)}

header.site{border-bottom:1px solid var(--trait);background:var(--fond);position:sticky;top:0;z-index:10}
header.site .conteneur{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.marque{font-weight:700;letter-spacing:-.01em;text-decoration:none;color:var(--texte);font-size:17px}
.marque span{color:var(--accent)}
header.site nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
header.site nav a{text-decoration:none;color:var(--gris);font-size:15px}
header.site nav a:hover{color:var(--texte)}

h1{font-size:2.15rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 18px}
h2{font-size:1.4rem;line-height:1.3;margin:44px 0 14px;letter-spacing:-.01em}
h3{font-size:1.08rem;margin:26px 0 8px}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:7px}

.hero{padding:56px 0 12px}
.chapeau{font-size:1.12rem;color:var(--gris);margin-bottom:26px}
.boutons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.bouton{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  padding:13px 22px;border-radius:7px;font-weight:600;font-size:16px;border:0;cursor:pointer}
.bouton:hover{background:var(--accent-fonce);color:#fff}
.bouton.secondaire{background:transparent;color:var(--accent);border:1px solid var(--trait)}
.bouton.secondaire:hover{background:var(--doux);color:var(--accent-fonce)}
.mention-prix{font-size:14.5px;color:var(--gris);margin:0}

.bandeau{background:var(--doux);border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);
  margin:40px 0 0;padding:16px 0;font-size:15px;color:var(--gris)}
.bandeau ul{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:0;padding:0}
.bandeau li{margin:0}

.citations{border-left:3px solid var(--trait);padding-left:18px;color:var(--gris);font-style:italic}
.etapes{counter-reset:e;list-style:none;padding:0}
.etapes li{counter-increment:e;padding-left:42px;position:relative;margin-bottom:18px}
.etapes li::before{content:counter(e);position:absolute;left:0;top:1px;width:28px;height:28px;
  border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;
  justify-content:center;font-size:15px;font-weight:700}

.cadre-demo{border:1px solid var(--trait);border-radius:12px;overflow:hidden;background:var(--doux)}
.cadre-demo .barre{display:flex;align-items:center;gap:7px;padding:10px 14px;
  background:#eef1f5;border-bottom:1px solid var(--trait);font-size:13px;color:var(--gris)}
.pastille{width:10px;height:10px;border-radius:50%;background:#cfd6de}
.cadre-demo iframe{display:block;width:100%;height:560px;border:0;background:#fff}
.avis-ia{display:block;background:#fffbeb;border:1px solid #f2dfae;border-radius:8px;
  padding:12px 14px;font-size:14.5px;color:#5c4a12;margin:14px 0 0}

.tarifs{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.carte{border:1px solid var(--trait);border-radius:10px;padding:20px}
.carte .prix{font-size:1.5rem;font-weight:700;margin:0 0 4px}
.carte .prix small{font-size:15px;font-weight:400;color:var(--gris)}
@media(max-width:640px){.tarifs{grid-template-columns:1fr}h1{font-size:1.75rem}}

details{border-bottom:1px solid var(--trait);padding:14px 0}
details summary{cursor:pointer;font-weight:600;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"+ ";color:var(--accent);font-weight:700}
details[open] summary::before{content:"– "}
details p{margin:12px 0 0;color:var(--gris)}

.encart{background:var(--doux);border:1px solid var(--trait);border-radius:10px;padding:20px;margin:26px 0}
.a-completer{background:#fff4f4;border:1px dashed #e0a3a3;border-radius:5px;padding:1px 7px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:#a12b2b}

footer.site{border-top:1px solid var(--trait);margin-top:64px;padding:30px 0 50px;
  font-size:14.5px;color:var(--gris)}
footer.site a{color:var(--gris)}
footer.site .liens{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0}

table.simple{border-collapse:collapse;width:100%;font-size:15.5px;margin:0 0 18px}
table.simple th,table.simple td{border:1px solid var(--trait);padding:9px 12px;text-align:left;vertical-align:top}
table.simple th{background:var(--doux);font-weight:600}

.juridique{padding-top:34px}
.juridique h2{font-size:1.18rem;margin-top:34px}
.juridique p,.juridique li{font-size:16px}
.maj{color:var(--gris);font-size:14.5px}

form.desinscription{border:1px solid var(--trait);border-radius:10px;padding:22px;margin:22px 0}
form.desinscription label{display:block;font-weight:600;margin-bottom:7px}
form.desinscription input[type=email]{width:100%;padding:12px 13px;border:1px solid var(--trait);
  border-radius:7px;font-size:16px;font-family:inherit;margin-bottom:14px}