.parcours{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.parcours__corps{width:100%;max-width:var(--largeur-max);padding:var(--e-4) var(--gouttiere) var(--e-7);flex:1 0 auto;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.parcours__corps:focus{outline:none}.parcours__scene{width:100%;min-width:0;max-width:40rem;margin-inline:auto;position:relative}.parcours__aside{display:none}.etape{min-width:0;position:relative}@media (min-width:1024px){.parcours__corps{padding-top:var(--e-6)}.parcours[data-disposition=deux-colonnes] .parcours__corps{column-gap:var(--e-8);grid-template-columns:minmax(0,34rem) minmax(0,1fr);align-items:start}.parcours[data-disposition=deux-colonnes] .parcours__scene{max-width:none;margin:0}.parcours[data-disposition=deux-colonnes] .parcours__aside{top:var(--e-5);min-width:0;display:block;position:sticky}}html[data-disposition=plein-ecran]{overflow:hidden}.parcours[data-disposition=plein-ecran]{height:100vh;height:100dvh;min-height:0;overflow:hidden}.parcours[data-disposition=plein-ecran] .parcours__corps{flex:auto;grid-template-rows:minmax(0,1fr);max-width:none;min-height:0;padding:0}.parcours[data-disposition=plein-ecran] .parcours__scene{max-width:none;height:100%}.parcours[data-disposition=plein-ecran] .etape{height:100%}.etape__intro{margin-top:var(--e-3);max-width:var(--largeur-texte);font-size:var(--t-2);color:var(--encre-douce);line-height:1.45}.etape__pile>*+*{margin-top:var(--e-5)}.etape__actions{z-index:var(--z-barre);gap:var(--e-3);margin:var(--e-6) calc(-1 * var(--gouttiere)) 0;padding:var(--e-6) var(--gouttiere) calc(var(--e-4) + env(safe-area-inset-bottom));background-color:var(--papier);background-image:var(--texture-papier);background-size:var(--taille-texture) var(--taille-texture);background-blend-mode:multiply;flex-direction:column;display:flex;position:sticky;bottom:0;-webkit-mask-image:linear-gradient(#0000 0,#000 22px);mask-image:linear-gradient(#0000 0,#000 22px)}.etape__actions .btn{width:100%}html:has(.etape__actions){scroll-padding-bottom:calc(var(--barre-actions,180px) + var(--e-4))}@media (max-width:639px){.parcours__scene{flex-direction:column;display:flex}.etape{flex-direction:column;flex:1 0 auto;display:flex}.etape>.etape__actions{margin-top:auto}.parcours:not([data-disposition=plein-ecran]) .etape:not(:has(>.etape__actions)){padding-bottom:var(--e-7)}.parcours[data-disposition=epure] .parcours__corps,.parcours[data-disposition=deux-colonnes] .parcours__corps{padding-bottom:0}html.clavier-ouvert .etape__actions{position:static}}@media (min-width:640px){.etape__actions{background:0 0;flex-flow:wrap;align-items:center;margin-inline:0;padding:0;position:static;-webkit-mask-image:none;mask-image:none}.etape__actions .btn{width:auto}}.progression{justify-content:space-between;align-items:center;gap:var(--e-2);min-width:0;display:flex}.progression__piste{flex:none;padding-top:12px;position:relative}.progression__trace{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.progression__bande-bord{fill:none;stroke:var(--encre);stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.progression__bande{fill:none;stroke:var(--papier-2);stroke-width:6.5px;stroke-linecap:round;stroke-linejoin:round}.progression__liste{margin:0;padding:0;list-style:none;display:flex;position:relative}.progression__item{justify-content:center;width:44px;display:flex}.progression__bouton{width:48px;min-height:48px;color:var(--encre);border-radius:var(--r-2);cursor:pointer;flex:none;align-content:start;justify-items:center;margin-inline:-2px;padding:6px 0 4px;display:grid}.progression__bouton:disabled,.progression__bouton[aria-disabled=true]{cursor:default}.progression__case{background:var(--blanc);border:3.5px solid var(--case-couleur,var(--brun));width:32px;height:32px;box-shadow:0 0 0 2px var(--encre), 2px 3px 0 2px var(--encre);rotate:var(--case-inclinaison,0deg);transition:translate var(--d-rapide) var(--courbe-sortie), scale var(--d-moyen) var(--courbe-ressort);border-radius:7px;place-items:center;display:grid;position:relative}.progression__numero{font-family:var(--police-titre);color:var(--encre);padding-top:.14em;font-size:.95rem;line-height:1}.progression__coche{color:var(--vert-texte);display:none}.progression__coche .icone{width:20px;height:20px}.progression__libelle{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.progression__bouton:not(:disabled,[aria-disabled=true]):hover .progression__case{translate:0 -2px}.progression__item[data-etat=courante] .progression__case{scale:1.12}.progression__item[data-etat=faite] .progression__numero{display:none}.progression__item[data-etat=faite] .progression__coche{display:block}.progression__item[data-etat=a-venir] .progression__case{background:var(--papier);border-color:var(--papier-3);box-shadow:0 0 0 2px var(--brun)}.progression__item[data-etat=a-venir] .progression__numero{color:var(--brun-texte)}.progression__pion{z-index:2;pointer-events:none;opacity:0;will-change:transform;width:22px;height:34px;position:absolute;top:0;left:0}.progression__pion--pret{opacity:1}.progression__pion .pion{width:100%;height:100%;display:block;overflow:visible}.progression__resume{text-align:right;justify-items:end;min-width:0;line-height:1.1;display:grid;overflow:hidden}.progression__compte{color:var(--encre-douce);white-space:nowrap;font-size:.78125rem;font-weight:600}.progression__nom{max-width:100%;font-family:var(--police-titre);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.9375rem;overflow:hidden}@media (max-width:359px){.progression{gap:6px}.progression__item{width:39px}.progression__bouton{margin-inline:-4.5px}.progression__compte{font-size:.75rem}.progression__nom{letter-spacing:.02em;font-size:.875rem}}@media (min-width:1024px){.progression{justify-content:center}.progression__piste{padding-top:18px}.progression__item{width:92px}.progression__bouton{width:92px;margin-inline:0;padding-top:4px}.progression__case{border-width:4px;width:38px;height:38px}.progression__numero{font-size:1.1rem}.progression__coche .icone{width:24px;height:24px}.progression__libelle{clip-path:none;white-space:nowrap;width:auto;height:auto;margin-top:7px;font-size:.8125rem;font-weight:700;line-height:1.2;position:static;overflow:visible}.progression__item[data-etat=a-venir] .progression__libelle{color:var(--brun-texte);font-weight:500}.progression__item[data-etat=courante] .progression__libelle{text-decoration:underline;-webkit-text-decoration-color:var(--case-couleur,var(--rouge));text-decoration-color:var(--case-couleur,var(--rouge));text-underline-offset:4px;text-decoration-thickness:3px}.progression__pion{width:27px;height:42px}.progression__resume{display:none}}
