.hero--cm2{padding-bottom:76px}.hero-cm2{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:40px 72px;padding-top:36px;display:grid}.titre-1--cm2{text-wrap:balance;font-size:clamp(50px,6vw,88px)}.hero-cm2 .para{max-width:30em}.sommaire ol{border-top:1.5px solid var(--lichen);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin:0;padding:0;list-style:none;display:grid}.sommaire li{border-bottom:1px solid #cfe08a42}.sommaire a{min-height:46px;color:var(--clair);font:600 18px/1.15 var(--f-titre);letter-spacing:.06em;text-transform:uppercase;align-items:baseline;gap:12px;padding:12px 0;text-decoration:none;display:flex}.sommaire a span{min-width:2.2ch;font:800 18px/1 var(--f-titre);color:var(--lichen);font-variant-numeric:tabular-nums}.sommaire a:hover span{color:var(--clair)}.sec--etape3{padding:92px 0;scroll-margin-top:0}.etape3{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px 64px;display:grid}@media (width>=1001px){.etape3{align-items:start}.etape3 .anim{position:sticky;top:28px}}.etape3--inverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.etape3--inverse .etape3__texte{order:2}.etape3__titre{font:700 clamp(36px, 3.6vw, 54px)/.98 var(--f-titre);color:var(--clair);text-wrap:balance;align-items:baseline;gap:18px;margin:14px 0 20px;display:flex}.papier .etape3__titre{color:var(--encre-rl)}.etape3__num{font:800 clamp(54px, 5vw, 78px)/.8 var(--f-titre);color:var(--lichen);font-variant-numeric:tabular-nums;flex:none}.papier .etape3__num{color:var(--olive)}.etape3__comment{gap:10px;max-width:34em;margin:20px 0 0;padding:0;list-style:none;display:grid}.etape3__comment li{font:400 16px/1.5 var(--f-texte);color:var(--clair-2);text-wrap:pretty;padding-left:22px;position:relative}.etape3__comment li:before{content:"";background:var(--lichen);width:10px;height:2px;position:absolute;top:.68em;left:0}.papier .etape3__comment li{color:var(--encre-rl-2)}.papier .etape3__comment li:before{background:var(--olive)}.anim{min-width:0;margin:0}.anim__scene{aspect-ratio:var(--rapport,1.25);background:var(--mousse-2);border:1.5px solid var(--lichen);border-radius:3px;position:relative;overflow:hidden}.papier .anim__scene{border-color:var(--encre-rl)}.anim__toile{width:100%;height:100%;display:block;position:absolute;inset:0}.anim__attente{color:var(--clair-2);font:600 14px/1 var(--f-titre);letter-spacing:.14em;text-transform:uppercase;place-items:center;margin:0;display:grid;position:absolute;inset:0}.anim:not([data-etat=attente]):not([data-etat=charge]) .anim__attente,.anim[data-etat=erreur] .anim__toile{display:none}.anim__barre{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 16px;margin-top:14px;display:grid}.anim__jouer{cursor:pointer;background:var(--lichen);width:52px;height:52px;color:var(--mousse);border:0;border-radius:50%;grid-row:1/span 2;place-items:center;padding:0;display:grid}.anim__jouer:hover{background:var(--clair)}.anim__jouer:disabled{opacity:.4;cursor:default}.anim__jouer svg{fill:currentColor;width:24px;height:24px;display:none}.anim[data-etat=joue] .i-pause,.anim[data-etat=fini] .i-rejouer,.anim:not([data-etat=joue]):not([data-etat=fini]) .i-lire{display:block}.papier .anim__jouer{background:var(--mousse);color:var(--clair)}.papier .anim__jouer:hover{background:var(--olive)}.anim__curseur{appearance:none;cursor:pointer;--piste:#efeee63d;--fait-c:var(--lichen);background:0 0;width:100%;height:30px;margin:0}.papier .anim__curseur{--piste:#1f2a1833;--fait-c:var(--mousse)}.anim__curseur:disabled{cursor:default;opacity:.5}.anim__curseur::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fait-c) var(--fait,0%), var(--piste) var(--fait,0%));border-radius:2px;height:4px}.anim__curseur::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fait-c);border:3px solid var(--mousse-2);border-radius:50%;width:18px;height:18px;margin-top:-7px}.papier .anim__curseur::-webkit-slider-thumb{border-color:var(--papier-rl)}.anim__curseur::-moz-range-track{background:var(--piste);border-radius:2px;height:4px}.anim__curseur::-moz-range-progress{background:var(--fait-c);border-radius:2px;height:4px}.anim__curseur::-moz-range-thumb{background:var(--fait-c);border:3px solid var(--mousse-2);border-radius:50%;width:14px;height:14px}.anim__lu{min-height:1.3em;color:var(--clair);font:600 18px/1.3 var(--f-titre);letter-spacing:.02em;font-variant-numeric:tabular-nums;display:block}.papier .anim__lu{color:var(--encre-rl)}.anim__legende{font:400 14px/1.45 var(--f-texte);color:var(--clair-2);margin-top:12px}.papier .anim__legende{color:var(--encre-rl-2)}.pastilles{flex-wrap:wrap;gap:8px 18px;max-width:34em;margin:20px 0 0;padding:0;list-style:none;display:flex}.pastilles li{font:500 15px/1.2 var(--f-texte);color:var(--clair-2);align-items:center;gap:8px;display:inline-flex}.pastilles i{border-radius:2px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000047}.pastilles small{font:600 13px/1 var(--f-titre);letter-spacing:.05em;opacity:.85}.papier .pastilles li{color:var(--encre-rl-2)}.pente{max-width:380px;margin:24px 0 0}.pente figcaption{margin-bottom:8px}.pente svg{width:100%;height:auto;display:block;overflow:visible}.pente__grille{stroke:#efeee624;stroke-width:1px}.pente__axe{font:600 12px var(--f-titre);letter-spacing:.04em;fill:var(--clair-2)}.pente__trait{fill:none;stroke:var(--lichen);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.pente__point circle{fill:var(--lichen);stroke:var(--mousse);stroke-width:2px}.pente__point:hover circle{fill:var(--clair)}.pente__note{font:600 13px var(--f-titre);letter-spacing:.03em;fill:var(--clair)}.papier .pente__grille{stroke:#1f2a1824}.papier .pente__axe{fill:var(--encre-rl-2)}.papier .pente__trait{stroke:var(--olive)}.papier .pente__point circle{fill:var(--olive);stroke:var(--papier-rl)}.papier .pente__note{fill:var(--encre-rl)}.sec--appel.fond-mousse2{background:var(--mousse-2)}@media (width<=1000px){.hero-cm2,.etape3,.etape3--inverse{grid-template-columns:minmax(0,1fr)}.etape3--inverse .etape3__texte{order:0}.sec--etape3{padding:72px 0}}@media (width<=560px){.sommaire ol{grid-template-columns:minmax(0,1fr)}.anim__lu{font-size:16px}.anim__jouer{width:48px;height:48px}}