.af-etapes{--largeur: 100%;--u: min(1vw, 1.13cqw);container:af-etapes / inline-size;position:relative;width:min(100%,var(--largeur));font-size:1rem;color:var(--af-texte, var(--af-encre))}.af-etapes__rang{--leve: clamp(14px, 3.6vh, 34px);display:grid;grid-template-columns:var(--colonnes);align-items:stretch;gap:clamp(14px,calc(1.8 * var(--u)),32px);padding:var(--leve) 6px 6px 0}.af-etapes__etape{position:relative;display:flex;flex-direction:column;padding:clamp(14px,2.8vh,30px) clamp(16px,calc(1.6 * var(--u)),28px) clamp(16px,3vh,32px);border:2.5px solid currentColor;border-radius:calc(var(--af-r-carte) * 1.4);transform:var(--pose, none)}.af-etapes__n{font:700 clamp(4rem,min(calc(8.4 * var(--u)),16vh),11rem)/.78 var(--af-police-titre);color:transparent;-webkit-text-stroke:2.5px var(--af-texte, var(--af-encre))}.af-etapes__titre{margin-top:clamp(8px,1.8vh,18px);font:700 clamp(1.5rem,min(calc(2.6 * var(--u)),4.8vh),3.125rem)/.95 var(--af-police-titre);text-transform:uppercase;overflow-wrap:break-word}.af-etapes__texte{margin-top:clamp(6px,1.2vh,12px);font-size:clamp(.9375rem,min(calc(1.12 * var(--u)),2.2vh),1.1875rem);line-height:1.42}.af-etapes__etape[data-accent]{--pose: translateY(calc(-1 * var(--leve))) rotate(-1.1deg);border-color:var(--af-encre-profonde);background:var(--af-jaune-papier);color:var(--af-encre-profonde);box-shadow:var(--af-o-objet, var(--af-o-portee))}.af-etapes__etape[data-accent][data-rang=impair]{--pose: translateY(calc(-1 * var(--leve))) rotate(.9deg)}.af-etapes__etape[data-accent=brique]{border-color:var(--af-brique);background:var(--af-brique);color:var(--af-blanc-papier)}.af-etapes__etape[data-accent] .af-etapes__titre{font-size:clamp(1.625rem,min(calc(3.1 * var(--u)),5.8vh),3.75rem)}.af-etapes__etape[data-accent] .af-etapes__texte{position:relative;z-index:1;font-size:clamp(1rem,min(calc(1.34 * var(--u)),2.6vh),1.4375rem);line-height:1.38}.af-etapes__etape[data-accent] .af-etapes__n{font-size:clamp(4rem,min(calc(10 * var(--u)),19vh),13.125rem);color:currentColor;-webkit-text-stroke:0}.af-etapes__etape:not(:last-child):after{content:"";position:absolute;z-index:2;top:clamp(34px,7vh,76px);left:calc(100% + 2px);width:clamp(14px,calc(1.8 * var(--u)),32px);height:clamp(14px,2.4vh,22px);background:var(--af-texte, var(--af-encre));clip-path:polygon(0 34%,52% 34%,52% 0,100% 50%,52% 100%,52% 66%,0 66%)}.af-etapes__etape[data-accent]:not(:last-child):after{left:calc(100% + 10px);width:clamp(8px,calc(1.2 * var(--u)),22px)}.af-etapes__coin{position:absolute;z-index:3;top:clamp(14px,3vh,32px);right:clamp(14px,calc(1.6 * var(--u)),28px)}.af-etapes__coin[data-illustre]{width:min(46%,19.5vh);transform:rotate(2.4deg)}.af-etapes__mention{display:block;padding:5px 12px 2px;background:color-mix(in srgb,var(--af-blanc-papier) 92%,transparent);border:4px solid var(--af-brique);border-radius:calc(var(--af-r-carte) * .6);color:var(--af-brique);font:700 clamp(.875rem,min(calc(1.25 * var(--u)),2.4vh),1.4375rem)/1 var(--af-police-titre);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;filter:url(#af-encre);transform:rotate(6deg)}.af-etapes__coin[data-illustre] .af-etapes__mention{position:absolute;right:58%;bottom:6%;transform:rotate(-8deg)}.af-etapes__signe{position:absolute;top:clamp(14px,2.8vh,30px);right:clamp(14px,calc(1.6 * var(--u)),28px);font:700 clamp(4rem,min(calc(10 * var(--u)),19vh),13.125rem)/.78 var(--af-police-titre);color:transparent;-webkit-text-stroke:2.5px color-mix(in srgb,var(--af-encre-profonde) 45%,transparent);pointer-events:none}.af-etapes__etape[data-accent=brique] .af-etapes__signe{-webkit-text-stroke-color:color-mix(in srgb,var(--af-blanc-papier) 55%,transparent)}@container af-etapes (max-width: 805px){.af-etapes__rang{--leve: 0px;grid-template-columns:minmax(0,1fr);gap:10px}.af-etapes__etape{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding:9px 12px 11px;border-width:2px;border-radius:var(--af-r-carte)}.af-etapes__etape[data-accent]{--pose: none;margin-right:4%}.af-etapes__etape[data-accent][data-rang=impair]{--pose: none;margin-right:0;margin-left:4%}.af-etapes__n{grid-row:1 / span 2}.af-etapes__etape:not([data-accent]) .af-etapes__n{font-size:3.75rem;-webkit-text-stroke-width:2px}.af-etapes__titre{margin-top:0}.af-etapes__etape:not([data-accent]) .af-etapes__titre{font-size:1.375rem}.af-etapes__texte{margin-top:3px}.af-etapes__etape:not([data-accent]) .af-etapes__texte{font-size:.84375rem;line-height:1.34}.af-etapes__etape:after{content:none!important}.af-etapes__illustration,.af-etapes__signe{display:none}.af-etapes__coin,.af-etapes__coin[data-illustre]{top:7px;right:8px;width:auto;transform:none}.af-etapes__mention,.af-etapes__coin[data-illustre] .af-etapes__mention{position:static;padding:3px 7px 1px;border-width:2.5px;font-size:.75rem;transform:rotate(6deg)}}.af-etapes[data-arme] .af-etapes__etape{opacity:0;transform:translateY(40px)}.af-etapes[data-arme][data-vu] .af-etapes__etape{opacity:1;transform:var(--pose, none);transition:transform .7s var(--af-m-ressort) calc(var(--i) * .14s),opacity .25s linear calc(var(--i) * .14s)}@media(prefers-reduced-motion:reduce){.af-etapes__etape{transition:none!important}}
