#simulateur-mutuelle{font-family:var(--sans);color:var(--encre);background:var(--blanc);
 line-height:1.62;font-size:15.5px;font-variant-numeric:tabular-nums;
 -webkit-font-smoothing:antialiased;text-align:left}
#simulateur-mutuelle :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,thead,tbody,tr,td,th,figure,
 blockquote,fieldset,legend,form,label,button,input,select,textarea,section,header,footer,
 aside,nav,div,span,small,sup,a){font-family:inherit;font-size:inherit;line-height:inherit;
 letter-spacing:inherit;color:inherit;text-transform:none;text-align:inherit}
#simulateur-mutuelle :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,figure,blockquote,fieldset,table,form,
 header,footer,section,aside){margin:0;padding:0}
#simulateur-mutuelle :where(ul,ol){padding-left:18px}
#simulateur-mutuelle :where(table){border-collapse:collapse;border-spacing:0;width:auto}
#simulateur-mutuelle :where(td,th){border:0;padding:0;background:none}
#simulateur-mutuelle :where(button,input,select,textarea){appearance:auto;background:none;border:0;
 border-radius:0;margin:0;padding:0;box-shadow:none;min-height:0;text-transform:none;width:auto}
#simulateur-mutuelle :where(a){text-decoration:none;box-shadow:none}
#simulateur-mutuelle :where(img,svg,video){max-width:100%}
#simulateur-mutuelle :where(svg){vertical-align:middle}
/* La page autonome hérite de `[hidden]{display:none!important}` du squelette qui
   l'enveloppe ; une page WordPress, non. Sans cette ligne, l'étape « Variante »
   masquée réapparaît, vide, parce que `display:grid` l'emporte sur `[hidden]`. */
#simulateur-mutuelle [hidden]{display:none!important}

/* ── Charte hugobourdon.com : Open Sans, bleu #1E88E5, encre #1F2D3D ──
   Le site est en thème clair unique : cette page l'est aussi, et peint
   explicitement fonds et couleurs pour tenir sur n'importe quel support. */
#simulateur-mutuelle{
  --encre:#1F2D3D; --ardoise:#41526A; --doux:#7D8CA1;
  --bleu:#1E88E5; --bleu-fonce:#1565C0; --bleu-lien:#539FD6;
  --voile:#EFF6FC; --voile2:#F7FBFE; --bordure:#E7EEF4; --bordure2:#D3E2EF;
  --blanc:#FFFFFF;
  --vert:#15795A; --vert-voile:#E4F4EE;
  --ambre:#B4590E; --ambre-voile:#FCF0E2;
  --ombre:0 1px 2px rgba(31,45,61,.04), 0 10px 30px -14px rgba(31,45,61,.16);
  --r:14px; --rs:8px; --rp:999px;
  --sans:"Open Sans",-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
#simulateur-mutuelle,#simulateur-mutuelle *{box-sizing:border-box}
#simulateur-mutuelle{margin:0;background:var(--blanc);color:var(--encre);
     font-family:var(--sans);font-size:17px;line-height:1.7;
     font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
#simulateur-mutuelle h1,#simulateur-mutuelle h2,#simulateur-mutuelle h3,#simulateur-mutuelle h4{margin:0;text-wrap:balance;color:var(--bleu);font-weight:700;line-height:1.25}
#simulateur-mutuelle p{margin:0}
#simulateur-mutuelle button{font:inherit;color:inherit}
#simulateur-mutuelle a{color:var(--bleu)}
#simulateur-mutuelle:focus-visible{outline:2px solid var(--bleu);outline-offset:2px;border-radius:4px}

#simulateur-mutuelle .enveloppe{max-width:1720px;margin:0 auto;padding:0 40px}
@media(max-width:700px){#simulateur-mutuelle .enveloppe{padding:0 20px}}

/* ── en-tête ── */
#simulateur-mutuelle .bandeau{border-bottom:1px solid var(--bordure);background:var(--blanc)}
#simulateur-mutuelle .bandeau .enveloppe{display:flex;align-items:center;gap:14px;padding-top:14px;padding-bottom:14px}
#simulateur-mutuelle .marque{display:block;flex:none}
#simulateur-mutuelle .identite{display:flex;flex-direction:column;line-height:1.35}
#simulateur-mutuelle .identite b{font-size:16px;font-weight:700;color:var(--bleu)}
#simulateur-mutuelle .identite span{font-size:12.5px;color:var(--ardoise)}
#simulateur-mutuelle .bandeau .lieu{margin-left:auto;font-size:13px;color:var(--ardoise);text-align:right;line-height:1.45}
@media(max-width:660px){#simulateur-mutuelle .bandeau .lieu{display:none}}

/* ── chapeau ── */
#simulateur-mutuelle .chapeau{padding:48px 0 34px}
#simulateur-mutuelle .chapeau h1{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.01em}
#simulateur-mutuelle .chapeau .texte{margin-top:22px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px 52px;max-width:1180px}
#simulateur-mutuelle .chapeau .intro{color:var(--ardoise);font-size:17px}
#simulateur-mutuelle .chapeau .intro strong{color:var(--encre);font-weight:600}
#simulateur-mutuelle .avis{margin-top:26px;display:flex;gap:14px;align-items:flex-start;
  background:var(--voile);border-radius:var(--r);padding:16px 20px;max-width:1180px}
#simulateur-mutuelle .avis svg{flex:none;margin-top:4px}
#simulateur-mutuelle .avis p{font-size:15px;color:var(--ardoise);line-height:1.6}
#simulateur-mutuelle .avis b{color:var(--bleu-fonce);font-weight:700}

/* ── grille ── */
#simulateur-mutuelle .travail{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:46px;align-items:start;padding-bottom:64px}
@media(max-width:940px){#simulateur-mutuelle .travail{grid-template-columns:minmax(0,1fr);gap:28px}}

/* ── étapes ── */
#simulateur-mutuelle .etape{margin-bottom:32px}
#simulateur-mutuelle .etape>header{display:flex;align-items:baseline;gap:10px;margin-bottom:15px;
  padding-bottom:10px;border-bottom:1px solid var(--bordure)}
#simulateur-mutuelle .rang{font-size:12px;font-weight:700;color:var(--bleu);flex:none}
#simulateur-mutuelle .etape>header h2{font-size:15.5px;font-weight:700;color:var(--encre)}
#simulateur-mutuelle .etape>header .aide{margin-left:auto;font-size:13px;color:var(--doux)}

/* onglets familles */
#simulateur-mutuelle .familles{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
#simulateur-mutuelle .familles button{background:var(--blanc);border:1px solid var(--bordure2);border-radius:var(--rp);
  padding:7px 16px;font-size:14px;font-weight:600;color:var(--bleu);cursor:pointer;transition:.14s}
#simulateur-mutuelle .familles button:hover{background:var(--voile);border-color:var(--bleu)}
#simulateur-mutuelle .familles button[aria-selected="true"]{background:var(--bleu);border-color:var(--bleu);color:var(--blanc)}

/* cartes actes */
#simulateur-mutuelle .actes{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:11px}
#simulateur-mutuelle .acte{text-align:left;background:var(--blanc);border:1px solid var(--bordure2);
  border-radius:var(--r);padding:15px 16px 14px;cursor:pointer;transition:.14s;display:block;width:100%}
#simulateur-mutuelle .acte:hover{border-color:var(--bleu);background:var(--voile2)}
#simulateur-mutuelle .acte[aria-pressed="true"]{border-color:var(--bleu);background:var(--voile);box-shadow:0 0 0 1px var(--bleu) inset}
#simulateur-mutuelle .acte b{display:block;font-weight:700;font-size:15px;line-height:1.35;color:var(--encre)}
#simulateur-mutuelle .acte small{display:block;margin-top:3px;color:var(--doux);font-size:13px;line-height:1.4}
#simulateur-mutuelle .acte .prix{display:block;margin-top:9px;font-size:13px;color:var(--ardoise)}
#simulateur-mutuelle .acte .prix em{font-style:normal;color:var(--encre);font-weight:700}
#simulateur-mutuelle .puce{display:inline-block;margin-top:9px;font-size:11px;letter-spacing:.02em;
  padding:3px 10px;border-radius:var(--rp);background:var(--vert-voile);color:var(--vert);font-weight:700}
#simulateur-mutuelle .puce.hn{background:var(--ambre-voile);color:var(--ambre)}
#simulateur-mutuelle .puce.opt{background:var(--voile);color:var(--bleu-fonce)}

/* yeux */
#simulateur-mutuelle .yeux{display:flex;gap:9px}
#simulateur-mutuelle .yeux button{flex:1;background:var(--blanc);border:1px solid var(--bordure2);border-radius:var(--r);
  padding:12px;cursor:pointer;font-size:15px;font-weight:600;color:var(--ardoise);transition:.14s}
#simulateur-mutuelle .yeux button:hover{border-color:var(--bleu);background:var(--voile2)}
#simulateur-mutuelle .yeux button[aria-pressed="true"]{border-color:var(--bleu);background:var(--voile);color:var(--bleu-fonce)}

/* sélecteurs */
#simulateur-mutuelle .champs{display:grid;gap:12px}
#simulateur-mutuelle .champ{display:flex;flex-direction:column;gap:6px}
#simulateur-mutuelle .champ label{font-size:12.5px;color:var(--ardoise);font-weight:700}
#simulateur-mutuelle .champ select,#simulateur-mutuelle .champ input{width:100%;background:var(--blanc);color:var(--encre);
  border:1px solid var(--bordure2);border-radius:var(--rs);padding:11px 12px;font:inherit;font-size:15px}
#simulateur-mutuelle .champ select:disabled{color:var(--doux);background:var(--voile2)}
#simulateur-mutuelle .champ select:focus,#simulateur-mutuelle .champ input:focus{border-color:var(--bleu);outline:none;box-shadow:0 0 0 3px var(--voile)}

/* ── résultat ── */
#simulateur-mutuelle .resultat{position:sticky;top:20px;background:var(--blanc);border:1px solid var(--bordure2);
  border-radius:var(--r);box-shadow:var(--ombre);overflow:hidden}
@media(max-width:940px){#simulateur-mutuelle .resultat{position:static}}
#simulateur-mutuelle .resultat>.tete{padding:16px 21px;border-bottom:1px solid var(--bordure);background:var(--voile)}
#simulateur-mutuelle .resultat>.tete .eyebrow{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--bleu);font-weight:700}
#simulateur-mutuelle .resultat>.tete h3{font-size:20px;margin-top:2px;color:var(--encre)}
#simulateur-mutuelle .resultat>.tete .meta{font-size:13px;color:var(--ardoise);margin-top:4px;line-height:1.5}
#simulateur-mutuelle .corps{padding:19px 21px 21px}

#simulateur-mutuelle .vide{padding:46px 26px;text-align:center;color:var(--doux);font-size:15px;line-height:1.6}
#simulateur-mutuelle .vide svg{opacity:.5;margin-bottom:12px}

/* le grand chiffre */
#simulateur-mutuelle .phare{border-radius:var(--r);background:var(--voile);padding:16px 18px;margin-bottom:19px}
#simulateur-mutuelle .phare .quoi{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--bleu-fonce);font-weight:700}
#simulateur-mutuelle .phare .combien{font-size:38px;line-height:1.1;margin-top:6px;font-weight:700;
  letter-spacing:-.02em;color:var(--bleu-fonce)}
#simulateur-mutuelle .phare .combien small{font-size:20px;font-weight:600}
#simulateur-mutuelle .phare .combien.fourchette{font-size:27px;white-space:nowrap}
#simulateur-mutuelle .phare .combien.fourchette small{font-size:16px}
#simulateur-mutuelle .phare .par{font-size:13.5px;color:var(--ardoise);margin-top:5px;line-height:1.5}
#simulateur-mutuelle .phare.muet{background:var(--voile2);border:1px solid var(--bordure)}
#simulateur-mutuelle .phare.muet .quoi{color:var(--doux)}
#simulateur-mutuelle .phare.muet .combien{font-size:23px;color:var(--ardoise)}

/* tableau */
#simulateur-mutuelle .entete-tableau{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--doux);
  font-weight:700;margin-bottom:6px}
#simulateur-mutuelle .devis{width:100%;border-collapse:collapse;font-size:15px}
#simulateur-mutuelle .devis td{padding:8px 0;vertical-align:baseline}
#simulateur-mutuelle .devis td:last-child{text-align:right;white-space:nowrap;padding-left:14px;font-weight:600}
#simulateur-mutuelle .devis tr.sous td{color:var(--doux);font-size:13px;padding-top:0;padding-left:15px;
  white-space:normal;text-align:left;font-weight:400}
#simulateur-mutuelle .devis tr.trait td{border-top:1px solid var(--bordure2);padding-top:10px}
#simulateur-mutuelle .devis tr.forte td{font-weight:700}
#simulateur-mutuelle .devis tr.rac td{border-top:2px solid var(--encre);padding-top:11px;font-size:17px;font-weight:700}
#simulateur-mutuelle .devis tr.rac td:last-child{color:var(--ambre)}
#simulateur-mutuelle .devis tr.rac.nul td:last-child{color:var(--vert)}
#simulateur-mutuelle .devis tr.rac.attente td:last-child{color:var(--doux);font-weight:400}
#simulateur-mutuelle .devis tr.total td{font-size:14px;color:var(--ardoise);padding-top:6px}
#simulateur-mutuelle .devis tr.total td:last-child{color:var(--encre);font-weight:700}
#simulateur-mutuelle .devis .neg{color:var(--vert)}

#simulateur-mutuelle .note{margin-top:15px;padding:12px 14px;border-radius:var(--rs);font-size:14px;line-height:1.6;
  background:var(--voile2);border:1px solid var(--bordure);color:var(--ardoise)}
#simulateur-mutuelle .note b{color:var(--encre);font-weight:700}
#simulateur-mutuelle .note+.note{margin-top:9px}
#simulateur-mutuelle .note.attention{background:var(--ambre-voile);border-color:transparent;color:var(--ambre)}
#simulateur-mutuelle .note.attention b{color:var(--ambre)}
#simulateur-mutuelle .note ul{margin:7px 0 0;padding-left:18px}
#simulateur-mutuelle .note li+li{margin-top:6px}

#simulateur-mutuelle .fiab{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--doux);margin-top:15px}
#simulateur-mutuelle .fiab i{width:8px;height:8px;border-radius:50%;background:var(--vert);flex:none;font-style:normal}
#simulateur-mutuelle .fiab.confirme{color:var(--vert);font-weight:600}
#simulateur-mutuelle .fiab.confirme i{background:var(--vert);box-shadow:0 0 0 3px var(--vert-voile)}
#simulateur-mutuelle .fiab.est i{background:var(--ambre)}
#simulateur-mutuelle .fiab.non i{background:var(--doux)}

/* panorama */
#simulateur-mutuelle .panorama{margin-top:20px;padding-top:17px;border-top:1px solid var(--bordure)}
#simulateur-mutuelle .panorama h4{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--doux);
  font-weight:700;margin:0 0 10px}
#simulateur-mutuelle .jauge{height:7px;border-radius:var(--rp);background:var(--bordure);position:relative;overflow:hidden;margin-bottom:7px}
#simulateur-mutuelle .jauge i{position:absolute;inset:0 auto 0 0;background:var(--bleu);display:block;border-radius:var(--rp)}
#simulateur-mutuelle .panorama .legende{display:flex;justify-content:space-between;font-size:12px;color:var(--doux)}
#simulateur-mutuelle .panorama p{font-size:13.5px;color:var(--ardoise);margin-top:10px;line-height:1.6}

#simulateur-mutuelle .cloture{margin-top:18px;padding-top:15px;border-top:1px solid var(--bordure);
  font-size:13.5px;color:var(--ardoise);line-height:1.6}
#simulateur-mutuelle .cloture b{color:var(--encre);font-weight:700}

/* ── pied ── */
#simulateur-mutuelle .pied{border-top:1px solid var(--bordure);background:var(--voile);padding:34px 0 44px;
  font-size:13.5px;color:var(--ardoise);line-height:1.7}
#simulateur-mutuelle .pied .enveloppe{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px 56px}
#simulateur-mutuelle .pied h4{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--bleu);font-weight:700;margin:0 0 8px}
#simulateur-mutuelle .pied p+p{margin-top:10px}
#simulateur-mutuelle .pied a{color:var(--bleu);text-decoration:none;border-bottom:1px solid transparent}
#simulateur-mutuelle .pied a:hover{border-bottom-color:currentColor}
#simulateur-mutuelle .pied strong{color:var(--encre);font-weight:600}

@media(prefers-reduced-motion:reduce){#simulateur-mutuelle,#simulateur-mutuelle *{transition:none!important;animation:none!important}}

@media (min-width:1024px){
#simulateur-mutuelle{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
}

#simulateur-mutuelle .resultat{top:calc(var(--entete-site, 0px) + 20px)}