.questionnaire{min-height:100svh;padding-block:clamp(32px,6vw,72px) clamp(64px,9vw,120px)}.questionnaire .ecran{flex-direction:column;gap:16px;max-width:44rem;transition:opacity .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1);display:flex}@starting-style{.questionnaire .ecran{opacity:0;transform:translateY(8px)}}.questionnaire .ecran-large{max-width:none}.questionnaire .etiquette{font-family:var(--police-titre);font-size:var(--t-etiquette);letter-spacing:var(--suivi-caps);text-transform:uppercase;font-weight:600}.questionnaire .etiquette-alerte{color:var(--alerte)}.questionnaire .titre-question{font-family:var(--police-titre);letter-spacing:var(--suivi-titre);text-wrap:balance;margin:6px 0 0;font-size:clamp(1.6rem,1.2rem + 1.8vw,2.25rem);font-weight:500;line-height:1.15}.questionnaire .titre-question:focus{outline:none}.questionnaire .titre-bloc{font-family:var(--police-titre);font-size:1.5rem;font-weight:500;line-height:1.2}.questionnaire .aide{color:var(--doux);max-width:56ch}.questionnaire .note{border-left:6px solid var(--filet);background:var(--surface);max-width:60ch;padding:14px 18px}.questionnaire .note-alerte{border-left-color:var(--alerte);background:var(--alerte-fond);color:var(--alerte)}.questionnaire .note-summer{border-left-color:var(--summer)}.questionnaire .note-choix{border-left-color:var(--texte)}.questionnaire .note-ligne{align-items:center;gap:16px;display:flex}.questionnaire .note-verif{flex-direction:column;gap:14px;max-width:62ch;padding:20px 22px;display:flex}.questionnaire .verif-titre{flex-direction:column;gap:2px;display:flex}.questionnaire .verif-titre b{font-family:var(--police-titre);font-weight:500;font-size:var(--t-chapo);line-height:1.25}.questionnaire .verif-titre span{color:var(--doux)}.questionnaire .note-verif .points{margin:0}.questionnaire .verif-suite{margin:0;padding-top:4px;font-weight:600}.questionnaire .note-choix .vignette{border-radius:12px}.questionnaire .consentement{border-top:1px solid var(--filet);flex-direction:column;gap:8px;padding-top:16px;display:flex}.questionnaire .consentement-titre{font-weight:700;font-size:var(--t-texte)}.questionnaire .consentement-texte{font-size:var(--t-texte);color:var(--texte);line-height:1.55}.questionnaire .consentement-texte a{font-weight:500}.questionnaire .progression{gap:4px;display:flex}.questionnaire .progression span{height:8px;box-shadow:inset 0 0 0 1px var(--champ-bord);background:0 0;border-radius:999px;flex:1}.questionnaire .progression .fait{background:var(--doux);box-shadow:none}.questionnaire .progression .en-cours{background:var(--texte);box-shadow:none}.questionnaire .avancement{color:var(--doux);font-family:var(--police-titre);font-size:var(--t-etiquette);letter-spacing:var(--suivi-caps);text-transform:uppercase;justify-content:space-between;font-weight:600;display:flex}.questionnaire .options{flex-direction:column;gap:10px;margin-top:8px;display:flex}.questionnaire .option{cursor:pointer;border:2px solid var(--filet);background:var(--surface);border-radius:28px;align-items:center;gap:16px;min-height:56px;padding:14px 22px 14px 16px;transition:border-color .15s,background-color .15s,transform .16s ease-out;display:flex;position:relative}.questionnaire .option:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.questionnaire .option:hover{border-color:var(--texte)}}.questionnaire .option:has(input:checked){background:var(--choisi);border-color:var(--texte);box-shadow:inset 0 0 0 1px var(--texte)}.questionnaire .option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.questionnaire .option input{appearance:none;border:2px solid var(--texte);background:var(--surface);cursor:pointer;flex:none;place-items:center;width:24px;height:24px;margin:0;display:grid}.questionnaire .option input[type=radio]{border-radius:50%}.questionnaire .option input[type=checkbox]{border-radius:7px}.questionnaire .option input:checked{background:var(--action);border-color:var(--action)}.questionnaire .option input[type=radio]:checked:after{content:"";background:var(--sur-action);border-radius:50%;width:8px;height:8px}.questionnaire .option input[type=checkbox]:checked:after{content:"";border:solid var(--sur-action);border-width:0 3px 3px 0;width:6px;height:11px;margin-top:-2px;transform:rotate(45deg)}.questionnaire .option input:focus-visible{outline:none}@supports not selector(:has(*)){.questionnaire .option input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}}.questionnaire .libelle{flex-direction:column;gap:2px;display:flex}.questionnaire .libelle b{font-size:var(--t-texte);font-weight:700}.questionnaire .libelle small{color:var(--doux);font-size:var(--t-texte)}.questionnaire .actions-question{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.questionnaire .actions-question .btn:only-child{margin-left:auto}.questionnaire .btn:disabled,.questionnaire .btn.est-inactif{opacity:.45;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.questionnaire .btn-plein:disabled:hover{opacity:.45}}.questionnaire .actions-resultat{border-top:1px solid var(--filet);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;padding-top:20px;display:flex}.questionnaire .lien-action{font:inherit;color:var(--texte);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:10px 0;font-weight:500;text-decoration:underline}@media (hover:hover) and (pointer:fine){.questionnaire .lien-action:hover{text-decoration-thickness:2px}}.questionnaire .lien-action:active{opacity:.7}.questionnaire .texte-bloc{flex-direction:column;gap:14px;max-width:62ch;display:flex}.questionnaire .texte-bloc h2{font-family:var(--police-titre);font-size:1.5rem;font-weight:500}.questionnaire .texte-bloc .liste-bloc{flex-direction:column;gap:6px;padding-left:1.2rem;display:flex}.questionnaire .encadre{border-left:6px solid var(--alerte);background:var(--alerte-fond);color:var(--alerte);padding:14px 18px}.questionnaire .deux-choix{gap:20px;margin-top:10px;display:grid}.questionnaire .carte-choix{background:var(--surface);border-top:6px solid var(--p-fond);border-radius:20px;flex-direction:column;gap:12px;min-width:0;padding:28px;display:flex}.questionnaire .carte-choix .btn{align-self:flex-start;margin-top:auto}.questionnaire .carte-preferee{box-shadow:inset 0 0 0 2px var(--p-fond)}.questionnaire .carte-choix .pastille{align-self:flex-start}.questionnaire .par-vivace{color:var(--doux);margin-top:-6px}.questionnaire .format{font-family:var(--police-titre);font-size:1.375rem;font-weight:500;line-height:1.2}.questionnaire .petite-note,.questionnaire .detail-prix{font-size:var(--t-petit);color:var(--doux)}.questionnaire .precision{color:var(--doux);font-size:var(--t-chapo)}.questionnaire .fiche-programme{max-width:62ch;margin:0 0 10px}.questionnaire .points{border-top:1px solid var(--filet);padding:0;list-style:none}.questionnaire .points li{border-bottom:1px solid var(--filet);gap:12px;padding:9px 0;display:flex}.questionnaire .points li:before{content:"";background:var(--texte);border-radius:50%;flex:none;width:10px;height:10px;margin-top:.5em}.questionnaire .prix{font-family:var(--police-titre);letter-spacing:-.02em;font-size:2rem;font-weight:500;line-height:1}.questionnaire .resultat-grille{gap:28px;display:grid}.questionnaire .pdf-repliable{border-top:1px solid var(--trait)}.questionnaire .pdf-repliable summary{cursor:pointer;min-height:56px;font-family:var(--police-titre);justify-content:space-between;align-items:center;gap:16px;font-size:1.5rem;font-weight:500;line-height:1.2;list-style:none;display:flex}.questionnaire .pdf-repliable summary::-webkit-details-marker{display:none}.questionnaire .pdf-repliable summary:after{content:"+";width:36px;height:36px;font-size:var(--t-h3);border:2px solid;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.questionnaire .pdf-repliable[open] summary:after{content:"−"}.questionnaire .pdf-repliable summary:active{background:color-mix(in srgb, currentColor 6%, transparent)}.questionnaire .resultat-principal{flex-direction:column;gap:16px;display:flex}.questionnaire .resultat-principal .vignette{margin-bottom:4px}.questionnaire .specs{border-top:1px solid var(--trait);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:6px;display:grid}.questionnaire .specs div{border-bottom:1px solid var(--filet);padding:12px 12px 12px 0}.questionnaire .specs dt{font-family:var(--police-titre);font-size:var(--t-etiquette);letter-spacing:var(--suivi-caps);text-transform:uppercase;color:var(--doux);font-weight:600}.questionnaire .specs dd{font-weight:700}.questionnaire .resultat-principal .titre-bloc{margin-top:18px}.questionnaire .resultat-achat{background:var(--surface);border-top:6px solid var(--p-fond,var(--filet));border-radius:20px;flex-direction:column;align-self:start;gap:12px;padding:28px;display:flex}.questionnaire .grand-prix{font-size:3rem}.questionnaire .resultat-achat{scroll-margin-top:16px}.questionnaire .resultat-achat:focus{outline:none}.questionnaire .paiement{flex-direction:column;gap:10px;display:flex}.questionnaire .paiement .btn{justify-content:center;width:100%}@media (width>=1000px){.questionnaire .deux-choix{grid-template-columns:1fr 1fr;align-items:stretch}.questionnaire .resultat-grille{grid-template-columns:repeat(12,1fr);align-items:start;gap:16px 24px}.questionnaire .resultat-tete{grid-area:1/1/auto/span 7}.questionnaire .resultat-suite{grid-area:2/1/auto/span 7}.questionnaire .resultat-achat{grid-area:1/9/span 2/span 4;position:sticky;top:24px}.questionnaire .ecran:not(.ecran-large){margin-left:16.6667%}}@media (prefers-reduced-motion:reduce){.questionnaire .option{transition:border-color .15s,background-color .15s}.questionnaire .option:active,.questionnaire .ecran{transform:none}}
