/* =========================================================
   Seror Fellous Avocats — modules ajoutés en octobre 2026
   (fiche de suivi : G30, G45, G110-G116, P01, P10)
   Couleurs du site : cuivre #c27e63, anthracite #2d2b34, fond #f6f6f6
   ========================================================= */
:root{--cuivre:#c27e63;--cuivre-fonce:#a86b53;--anthracite:#2d2b34;--encre:#242424;--gris:#6b6670;--trait:#e6e1de;--fond:#f6f6f6}

/* ---------- Bandeau titre : chapô + fil d'Ariane ---------- */
.banner_area .banner_inner{padding-bottom:60px}
.page-chapo{max-width:760px;margin:6px 0 20px;color:#f3efed;font-size:17px;line-height:1.6;font-family:"Lato",sans-serif}
.page-chapo .chapo-label{display:inline-block;background:var(--cuivre);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;margin-right:6px;vertical-align:2px}
.fil-ariane{margin:0;padding:0}
.fil-ariane li{display:inline-block;margin-right:22px}
.fil-ariane li a{font-size:14px}

/* ---------- Colonne latérale ---------- */
.sb{display:grid;gap:22px}
.sb-bloc{background:#fff;border:1px solid var(--trait);padding:18px}
.sb-titre{font-family:"Playfair Display",serif;font-size:18px;font-weight:700;color:var(--encre);margin:0 0 10px}
.sb-video .video-facade,.sb-video .video-iframe{max-width:210px;margin:0 auto}
.video-facade{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:9/16;max-width:100%;overflow:hidden}
.video-facade img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:opacity .2s}
.video-facade:hover img{opacity:1}
.video-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(194,126,99,.95)}
.video-play:after{content:"";position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.video-iframe{width:100%;aspect-ratio:9/16;border:0;display:block}
.sb-video-titre{font-size:14px;line-height:1.4;margin:10px 0 0;color:var(--encre)}
.sb-note{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;color:var(--encre);font-size:14px;margin-bottom:10px;text-decoration:none}
.sb-etoiles{color:#e3a33b;font-size:16px;letter-spacing:1px}
.sb-avis-item{margin:0;padding:12px 0;border-top:1px solid var(--trait)}
.sb-avis-item blockquote{margin:0;padding:0;border:0;font-size:14px;line-height:1.55;color:#4a4650;font-style:italic}
.sb-avis-item figcaption{font-size:12.5px;color:var(--gris);margin-top:6px}
.sb-cta{display:grid;gap:10px}
.cta-btn{display:grid;gap:2px;padding:12px 14px;text-decoration:none;border:1px solid var(--cuivre);transition:background .2s,color .2s}
.cta-btn .cta-t{font-weight:700;font-size:15px}
.cta-btn .cta-s{font-size:12.5px;opacity:.85}
.cta-rdv{background:var(--cuivre);color:#fff}
.cta-rdv:hover,.cta-rdv:focus{background:var(--cuivre-fonce);color:#fff}
.cta-rappel{background:#fff;color:var(--cuivre-fonce)}
.cta-rappel:hover,.cta-rappel:focus{background:#fbf3ef;color:var(--cuivre-fonce)}
.cta-tel{background:var(--anthracite);border-color:var(--anthracite);color:#fff}
.cta-tel:hover,.cta-tel:focus{background:#000;color:#fff}
.sb-formule{font-size:13px;color:var(--gris);margin:4px 0 0;text-align:center}

/* ---------- Fin d'article ---------- */
.lire-egalement{margin:40px 0 0;padding:18px 20px;background:var(--fond);border-left:3px solid var(--cuivre)}
.le-titre{font-family:"Playfair Display",serif;font-size:19px;font-weight:700;margin:0 0 8px;color:var(--encre)}
.lire-egalement ul{margin:0;padding-left:18px}
.lire-egalement li{margin:4px 0}
.lire-egalement a{color:var(--cuivre-fonce);font-weight:700}
.auteur-box{display:flex;align-items:center;gap:22px;margin:36px 0 0;padding:22px 26px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.auteur-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:0 0 96px}
.auteur-txt{min-width:0}
.auteur-label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.auteur-nom{font-family:"Playfair Display",serif;font-size:20px;font-weight:700;margin:2px 0 4px}
.auteur-nom a{color:var(--encre)}
.auteur-desc{font-size:14.5px;line-height:1.55;margin:0 0 6px;color:#4a4650}
.auteur-dates{font-size:13px;color:var(--gris);margin:0}
.cta-fin{margin:36px 0 10px;padding:26px;background:var(--anthracite);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 26px;align-items:center}
.cta-fin-titre{font-family:"Playfair Display",serif;font-size:22px;font-weight:700;margin:0 0 6px;color:#fff}
.cta-fin p{color:#e3dee0;margin:0;font-size:15px}
.cta-fin-btns{display:grid;gap:8px;min-width:230px}
.cta-fin .cta-rappel{background:transparent;color:#fff;border-color:#fff}
.cta-fin .cta-tel{background:transparent;border-color:rgba(255,255,255,.4)}

/* ---------- Fenêtre de contact ---------- */
dialog.cf{border:0;padding:0;max-width:960px;width:calc(100% - 24px);background:transparent}
dialog.cf::backdrop{background:rgba(20,18,24,.65)}
.cf-boite{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#fff;max-height:calc(100vh - 40px);overflow:auto}
.cf-fermer{position:absolute;right:10px;top:6px;border:0;background:none;font-size:30px;line-height:1;color:#2d2b34;cursor:pointer;z-index:2}
.cf-info{background:var(--anthracite);color:#e8e3e5;padding:30px 26px;font-size:14.5px}
.cf-surtitre{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cuivre);margin:0 0 6px;font-weight:700}
.cf-titre{font-family:"Playfair Display",serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 12px}
.cf-info ul{padding-left:18px;margin:14px 0 0;display:grid;gap:6px}
.cf-info a{color:#fff;text-decoration:underline}
.cf-forms{padding:22px 26px 26px}
.cf-onglets{display:flex;gap:4px;border-bottom:2px solid var(--trait);margin-bottom:16px}
.cf-onglet{border:0;background:none;padding:10px 12px;font-weight:700;color:var(--gris);border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer}
.cf-onglet[aria-selected="true"]{color:var(--encre);border-bottom-color:var(--cuivre)}
.cf-form{display:grid;gap:12px}
.cf-ligne label{display:block;font-size:13px;font-weight:700;color:var(--encre);margin-bottom:4px}
.cf-ligne input,.cf-ligne select,.cf-ligne textarea{width:100%;border:1px solid #d5cfcc;padding:9px 10px;font-size:15px;background:#fff;color:var(--encre)}
.cf-ligne input:focus,.cf-ligne select:focus,.cf-ligne textarea:focus{outline:2px solid var(--cuivre);outline-offset:0;border-color:var(--cuivre)}
.cf-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hp-champ{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-rgpd{font-size:12.5px;color:var(--gris);margin:0}
.cf-envoyer{justify-self:start;background:var(--cuivre);color:#fff;border:0;padding:11px 20px;font-weight:700;cursor:pointer}
.cf-envoyer:hover{background:var(--cuivre-fonce)}
.cf-envoyer:disabled{opacity:.6}
.cf-etat{font-size:14px;margin:0}
.cf-etat.ok{color:#2f7a55;font-weight:700}
.cf-etat.err{color:#b0423a}
.cf-agenda{width:100%;height:600px;border:0}

/* ---------- Barre d'action mobile ---------- */
.barre-mobile{display:none}
@media (max-width:767px){
  .barre-mobile{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:999;background:var(--anthracite);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 14px rgba(0,0,0,.2)}
  .barre-mobile a{color:#fff;text-align:center;padding:14px 4px;font-weight:700;font-size:14px;text-decoration:none;border-left:1px solid rgba(255,255,255,.12)}
  .barre-mobile a:first-child{border-left:0}
  .barre-mobile .bm-rdv{background:var(--cuivre)}
  body{padding-bottom:52px}
  .cf-boite{grid-template-columns:minmax(0,1fr)}
  .cf-2{grid-template-columns:1fr}
  .cta-fin{grid-template-columns:minmax(0,1fr)}
  .auteur-box{flex-direction:column;align-items:flex-start;padding:18px}
  .sb{position:static}
  .page-chapo{font-size:15.5px}
}

/* ---------- Pied de page ---------- */
.pied{padding:40px 0 20px}
.pied p,.pied a{color:#cfc9cc;font-size:14.5px}
.pied a:hover{color:#fff}
.pied-titre{font-family:"Playfair Display",serif;font-size:18px;color:#fff !important;margin-bottom:10px}
.pied-liens{list-style:none;padding:0;margin:0;columns:2;column-gap:20px}
.pied-liens li{margin:0 0 6px}
.pied-logo{text-align:right}
@media (max-width:991px){.pied-logo{text-align:left;margin-top:16px}}

/* ---------- Pages éditoriales (contact, profil, plan du site, 404) ---------- */
.page-contenu{padding:60px 0}
.page-contenu h2{font-family:"Playfair Display",serif;font-size:28px;margin:30px 0 12px;color:var(--encre)}
.page-contenu h2:first-child{margin-top:0}
.page-contenu p,.page-contenu li{font-size:16px;line-height:1.7;color:#4a4650}
.carte-nap{background:var(--fond);padding:22px;display:grid;gap:6px}
.carte-map{width:100%;aspect-ratio:4/3;border:0;max-width:100%}
.plan-site h2{font-size:22px;margin-top:28px}
.plan-site ul{columns:2 300px;column-gap:32px;padding-left:18px}
.plan-site li{margin:4px 0;break-inside:avoid}

/* ---------- Bloc d'avis (accueil, cabinet) ---------- */
.avis-section{padding:70px 0;background:var(--fond)}
.avis-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 20px;margin-bottom:24px}
.avis-tete h2{font-family:"Playfair Display",serif;font-size:32px;margin:0;color:var(--encre)}
.avis-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.avis-carte{margin:0;background:#fff;border-top:3px solid var(--cuivre);padding:20px}
.avis-carte blockquote{margin:0;padding:0;border:0;font-size:15px;line-height:1.6;color:#4a4650;font-style:italic}
.avis-carte figcaption{margin-top:10px;font-size:13px;color:var(--gris)}

/* ---------- Accueil : section locale + vidéos ---------- */
.local-paris{padding:50px 0;background:#fff;border-top:1px solid var(--trait)}
.local-paris h2{font-family:"Playfair Display",serif;font-size:30px;margin:0 0 14px;color:var(--encre)}
.local-paris p{max-width:860px;font-size:16px;line-height:1.7;color:#4a4650}
.videos-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.videos-grille figure{margin:0}
.videos-grille figcaption{font-size:13.5px;line-height:1.4;margin-top:8px;color:var(--encre)}
.videos-grille .video-iframe{width:100%}

/* ---------- Outils : simulateurs (P03), délais (P04) ---------- */
.outil{margin:36px 0;background:#fff;border:1px solid var(--trait);border-top:4px solid var(--cuivre);padding:24px 26px}
.outil-surtitre{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cuivre-fonce);font-weight:700;margin:0 0 4px}
.outil .outil-titre{font-family:"Playfair Display",serif;font-size:24px;line-height:1.3;margin:0 0 6px;color:var(--encre);text-wrap:balance}
.outil-intro{font-size:14.5px;color:var(--gris);margin:0 0 18px}
.of-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px 20px}
.of-champ{display:grid;gap:5px;align-content:start;min-width:0}
.of-large{grid-column:1/-1}
.of-champ label{font-weight:700;font-size:14px;color:var(--encre);margin:0}
.of-champ input[type=date],.of-champ input[type=number],.of-champ select{width:100%;height:42px;padding:6px 10px;border:1px solid #cfc8c4;background:#fff;font-size:15px;color:var(--encre);border-radius:0}
.of-champ input:focus,.of-champ select:focus{outline:2px solid var(--cuivre);outline-offset:0;border-color:var(--cuivre)}
.of-champ small{font-size:12.5px;line-height:1.45;color:var(--gris)}
.of-case label{font-weight:400;display:flex;gap:8px;align-items:flex-start}
.of-case input{margin-top:4px}
.of-calculer{margin-top:18px;background:var(--anthracite);color:#fff;border:0;padding:12px 24px;font-weight:700;font-size:15px;cursor:pointer}
.of-calculer:hover,.of-calculer:focus{background:#000}
.outil-resultat{margin-top:20px;padding:18px 20px;background:var(--fond);border-left:4px solid var(--cuivre)}
.outil-resultat p{font-size:15px;line-height:1.6;margin:0 0 10px;color:#4a4650}
.outil-resultat.or-err{border-left-color:#b3261e;background:#fbefee}
.outil-resultat.or-urgent{border-left-color:#d08a12;background:#fdf5e6}
.or-titre{font-family:"Playfair Display",serif;font-size:19px !important;color:var(--encre) !important;font-weight:700}
.or-montant{color:var(--cuivre-fonce);white-space:nowrap}
.or-sous{font-weight:700;color:var(--encre) !important;margin-top:14px !important}
.or-alerte{color:#b3261e !important;font-weight:700}
.or-note{font-size:13.5px !important;color:var(--gris) !important}
.or-detail{margin:0 0 10px}
.or-detail summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--cuivre-fonce)}
.or-detail ul,.or-fisc ul{margin:8px 0 10px;padding-left:18px}
.or-detail li,.or-fisc li{font-size:14.5px;line-height:1.6;color:#4a4650}
.or-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.or-cta .cta-btn{flex:1 1 200px;text-align:center}
.outil-avert{font-size:12.5px;line-height:1.5;color:var(--gris);margin:16px 0 0}
.outil-lien{margin:8px 0 0;font-size:14px}
.outil-lien a{color:var(--cuivre-fonce);font-weight:700}
.outil-validation{background:#fdf5e6;border:1px solid #e9c98f;padding:12px 16px;font-size:14px;color:#6b4a12;margin-bottom:20px}

/* ---------- Frise du licenciement (P11) ---------- */
.frise{margin:36px 0;padding:22px 24px;background:var(--fond)}
.frise-titre{font-family:"Playfair Display",serif;font-size:21px;font-weight:700;margin:0 0 14px;color:var(--encre)}
.frise-liste{list-style:none;margin:0;padding:0;display:grid;gap:0}
.frise-etape{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;position:relative;padding-bottom:16px}
.frise-etape:not(:last-child):before{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:#dcc5ba}
.frise-num{width:34px;height:34px;border-radius:50%;background:var(--cuivre);color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}
.frise-txt p{margin:0 0 4px;font-size:14.5px;line-height:1.55;color:#4a4650}
.frise-txt .frise-nom{font-weight:700;font-size:16px;color:var(--encre);margin-top:5px}
.frise-txt a{font-size:14px;font-weight:700;color:var(--cuivre-fonce)}
.frise-pied{margin:4px 0 0;font-size:14.5px}
.frise-pied a{color:var(--cuivre-fonce);font-weight:700}

/* ---------- Page vidéos (P15) ---------- */
.videos-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:28px 22px}
.videos-page figure{margin:0;display:grid;gap:8px;align-content:start}
.videos-page .video-facade,.videos-page .video-iframe{max-width:260px}
.videos-page figcaption{font-size:15px;line-height:1.45;color:var(--encre);font-weight:700}
.videos-page figcaption a{display:block;font-weight:400;font-size:14px;color:var(--cuivre-fonce);margin-top:4px}
.videos-page time{display:block;font-weight:400;font-size:12.5px;color:var(--gris)}

.cta-fin-txt a{color:#f0c3ae;text-decoration:underline}
.cta-fin-txt a:hover{color:#fff}

/* ---------- Questionnaire d'orientation (P02) et FAQ des demandes reçues (P13) ---------- */
.quiz-site{margin:36px 0;border:1px solid var(--trait);background:#fff}
.quiz-bandeau{margin:0;padding:14px 20px;background:var(--anthracite);color:#fff;font-family:"Playfair Display",serif;font-size:19px;font-weight:700;line-height:1.35}
.quiz-bandeau span{display:block;font-family:"Lato",sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cuivre);margin-bottom:2px}
.quiz-prog{height:4px;background:var(--trait)}
.quiz-prog i{display:block;height:100%;width:0;background:var(--cuivre);transition:width .3s}
.quiz-corps{padding:20px}
.quiz-q{font-weight:700;font-size:17px;color:var(--encre);margin:0 0 14px}
.quiz-q:focus,.quiz-res-titre:focus{outline:none}
.quiz-reps{display:grid;gap:10px}
.quiz-reps button{text-align:left;padding:12px 16px;border:1px solid #d6cdc8;background:#fff;color:var(--encre);font-size:15px;cursor:pointer;transition:border-color .2s,background .2s}
.quiz-reps button:hover,.quiz-reps button:focus{border-color:var(--cuivre);background:#fbf3ef}
.quiz-res{background:var(--fond);border-left:4px solid var(--cuivre);padding:16px 18px;margin-bottom:14px}
.quiz-res-titre{font-family:"Playfair Display",serif;font-size:19px;font-weight:700;color:var(--encre);margin:0 0 8px}
.quiz-res p{font-size:15px;line-height:1.6;color:#4a4650}
.quiz-actions{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.quiz-lien{font-weight:700;color:var(--cuivre-fonce)}
.quiz-nav{display:flex;gap:16px;margin-top:14px}
.quiz-retour{border:0;background:none;padding:0;color:var(--gris);font-size:14px;text-decoration:underline;cursor:pointer}
.faq-emails{margin:36px 0 0}
.faq-emails h2{font-family:"Playfair Display",serif;font-size:24px;margin:0 0 12px;color:var(--encre)}
.faq-item{border-top:1px solid var(--trait);padding:12px 0}
.faq-item:last-child{border-bottom:1px solid var(--trait)}
.faq-item summary{cursor:pointer;font-weight:700;font-size:16px;color:var(--encre)}
.faq-item p{margin:10px 0 0;font-size:15.5px;line-height:1.65;color:#4a4650}
.auteur-source{font-size:13px;color:var(--gris);margin:4px 0 0}
.auteur-source a{color:var(--cuivre-fonce)}

/* ---------- Contact : une seule option « Prendre rendez-vous » (CONTACT_RAPPEL = false) ---------- */
.cf-seul-titre{font-family:"Playfair Display",serif;font-size:22px;font-weight:700;color:var(--encre);margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--trait)}
@media (max-width:767px){.barre-mobile.deux{grid-template-columns:1fr 1fr}}

/* ---------- Questionnaire mis en avant sur l'accueil ---------- */
.quiz-site.quiz-accueil{margin:48px 0 8px;border:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(45,43,52,.14);text-align:left}
.quiz-accroche{background:radial-gradient(120% 160% at 100% 0,#5a4340 0,#3a3440 40%,var(--anthracite) 75%);color:#fff;padding:34px 40px 30px}
.quiz-accroche .qa-sur{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#f0c3ae;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:5px 12px;margin:0 0 14px}
.quiz-accroche .qa-titre{font-family:"Playfair Display",serif;font-size:clamp(24px,3.2vw,34px);line-height:1.2;color:#fff;margin:0 0 10px;max-width:24ch}
.quiz-accroche .qa-texte{font-size:17px;line-height:1.6;color:#e2dcdf;margin:0;max-width:62ch}
.quiz-accueil .quiz-prog{height:5px}
.quiz-accueil .quiz-corps{padding:30px 40px 34px}
.quiz-accueil .quiz-q{font-family:"Playfair Display",serif;font-size:24px;margin-bottom:18px}
.quiz-accueil .quiz-reps{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.quiz-accueil .quiz-reps button{padding:20px 22px;font-size:17px;font-weight:700;border-radius:14px;border:2px solid #eadfd8;background:#fcf8f6;position:relative;padding-right:46px}
.quiz-accueil .quiz-reps button:after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--cuivre);font-size:20px;transition:transform .2s}
.quiz-accueil .quiz-reps button:hover{border-color:var(--cuivre);background:#fff;box-shadow:0 8px 22px rgba(194,126,99,.18);transform:translateY(-2px)}
.quiz-accueil .quiz-reps button:hover:after{transform:translate(4px,-50%)}
.quiz-accueil .quiz-res{border-radius:14px;padding:20px 22px}
.quiz-accueil .quiz-res-titre{font-size:22px}
@media (max-width:767px){.quiz-accroche{padding:26px 20px 22px}.quiz-accueil .quiz-corps{padding:22px 18px 24px}.quiz-accueil .quiz-q{font-size:20px}}
/* Bandeau d'accroche du questionnaire de l'accueil : plus bas, le titre et le texte occupent toute la largeur */
.quiz-accroche{padding:18px 32px 16px}
.quiz-accroche .qa-sur{font-size:11px;padding:3px 10px;margin:0 12px 6px 0;vertical-align:middle}
.quiz-accroche .qa-titre{display:inline;font-size:clamp(20px,2.1vw,26px);max-width:none;margin:0;vertical-align:middle}
.quiz-accroche .qa-texte{max-width:none;font-size:15.5px;line-height:1.5;margin-top:8px}
@media (max-width:767px){.quiz-accroche{padding:16px 18px 14px}.quiz-accroche .qa-titre{display:block;margin-top:2px}}
/* Bulle et titre alignés verticalement (conteneur flexible) */
.qa-ligne{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}
.quiz-accroche .qa-ligne .qa-sur{margin:0;flex:none;line-height:1.4}
.quiz-accroche .qa-ligne .qa-titre{display:block;margin:0;line-height:1.2}
@media (max-width:767px){.quiz-accroche .qa-ligne .qa-titre{margin-top:0}}
/* Alignement optique : bulle et titre sur la même ligne de base (tailles de police différentes) */
.qa-ligne{align-items:baseline}
.quiz-accroche .qa-ligne .qa-sur{position:relative;top:-3px}