.g-sujet-cadre{position:relative}.g-sujet-cadre:before{content:"";position:absolute;inset:8% 6%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(47,99,226,.22),transparent 75%)}.g-sujet-cadre .g-sujet{position:relative;display:block;width:100%;max-width:520px;max-height:280px;margin:0 auto;overflow:visible}@media(max-width:1023px){.g-sujet-cadre{margin-top:8px}.g-sujet-cadre .g-sujet{max-width:440px;max-height:220px}}.g-sujet .d-trait{stroke-width:2}.g-s-txt{fill:#9db5f2;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-family:inherit}.g-s-barre{fill:#7fa8fa1f;stroke:#7fa8fa;stroke-width:1.8;transform-box:fill-box;transform-origin:50% 100%}.g-s-barre:last-of-type{fill:#e3942029;stroke:#e39420}.g-s-point{fill:#040b22;stroke:#f2a541;stroke-width:2.4;transform-box:fill-box;transform-origin:center}.g-s-rouge{fill:none;stroke:#e39420;stroke-width:8;stroke-linecap:round;opacity:.9}.g-s-aiguille,.g-s-aiguille-t{transform-box:view-box;transform-origin:240px 214px}.g-s-aiguille{rotate:62deg}.g-s-aiguille-t{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round}.g-s-moyeu{fill:#0b1b45;stroke:#7fa8fa;stroke-width:2.4}.g-s-drapeau{fill:#e39420d9;stroke:#f2a541;stroke-width:1.5;stroke-linejoin:round;transform-box:fill-box;transform-origin:0 50%}.g-s-marcheur{fill:#f2a541;transform:translate(392px,71px)}.g-s-noeud{fill:#0b1b45;stroke:#7fa8fa;stroke-width:2;transform-box:fill-box;transform-origin:center}.g-s-goutte{fill:#7fa8fa}.g-s-fiche{transform-box:fill-box;transform-origin:50% 100%}.g-s-coche{fill:none;stroke:#6ee7b7;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.g-s-boucle{transform-box:view-box;transform-origin:240px 68px}.g-s-jalon circle{fill:#0b1b45;stroke:#7fa8fa;stroke-width:2;transform-box:fill-box;transform-origin:center}.g-s-jalon text{fill:#dce7ff;font-size:12px;font-weight:800;font-family:inherit}.g-s-jalon:last-of-type circle{stroke:#f2a541}@media(prefers-reduced-motion:no-preference){.d-anim .d-page .g-s-barre{scale:1 0;transition:scale 1.1s cubic-bezier(.2,.8,.2,1) calc(.35s + var(--i) * .12s)}.d-anim .d-page.vu .g-s-barre{scale:1 1}.d-anim .d-page :is(.g-s-point,.g-s-noeud,.g-s-fiche){scale:0;transition:scale .6s cubic-bezier(.3,1.6,.5,1) calc(1.2s + var(--i) * .18s)}.d-anim .d-page.vu :is(.g-s-point,.g-s-noeud,.g-s-fiche){scale:1}.d-anim .d-page .g-s-aiguille{rotate:-78deg;transition:rotate 2.4s cubic-bezier(.3,1.35,.4,1) .5s}.d-anim .d-page.vu .g-s-aiguille{rotate:62deg}.d-anim .d-page .g-s-rouge{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s ease 1.6s}.d-anim .d-page.vu .g-s-rouge{stroke-dashoffset:0}.d-anim .d-page .g-s-coche{stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .5s ease calc(1.8s + var(--i) * .18s)}.d-anim .d-page.vu .g-s-coche{stroke-dashoffset:0}.g-s-barre{animation:gRespire 5s ease-in-out calc(var(--i) * -.8s) infinite alternate}@keyframes gRespire{0%{transform:scaleY(1)}to{transform:scaleY(.93)}}.g-s-aiguille-t{animation:gTremble 1.8s ease-in-out infinite alternate}@keyframes gTremble{0%{transform:rotate(-3deg)}40%{transform:rotate(2deg)}to{transform:rotate(4deg)}}.g-s-drapeau{animation:gFlotte 1.6s ease-in-out infinite alternate}@keyframes gFlotte{0%{transform:skewY(0) scaleX(1)}to{transform:skewY(5deg) scaleX(.84)}}.d-anim .g-s-marcheur{transform:none;offset-path:path("M40 253 H104 V217 H168 V181 H232 V145 H296 V109 H360 V73 H396");offset-rotate:0deg;animation:gGravit 7s cubic-bezier(.5,0,.5,1) 1.5s infinite}@keyframes gGravit{0%{offset-distance:0%;opacity:0}8%{opacity:1}85%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.g-s-noeud{animation:gAllume 3.2s ease-in-out calc(var(--i) * .8s) infinite}@keyframes gAllume{0%,60%,to{fill:#0b1b45}25%{fill:#7fa8fa}}.d-anim .g-s-goutte{animation:gTombe 3.4s cubic-bezier(.5,0,.8,.6) calc(var(--i) * .38s) infinite}@keyframes gTombe{0%{transform:translate(0);opacity:0}12%{opacity:1}72%{transform:translate(var(--x),150px);opacity:1}80%,to{transform:translate(var(--x),160px);opacity:0}}.g-s-boucle{animation:gTourne 6s linear infinite}@keyframes gTourne{to{transform:rotate(360deg)}}.g-s-jalon circle{animation:gJalon 3.6s ease-in-out calc(var(--i) * 1.2s) infinite}@keyframes gJalon{0%,45%,to{fill:#0b1b45;transform:scale(1)}18%{fill:#f2a54180;transform:scale(1.18)}}}.g-s-trotteuse{transform-box:view-box;transform-origin:150px 150px}.g-s-trotteuse path{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round}.g-s-trotteuse circle{fill:#0b1b45;stroke:#f2a541;stroke-width:2.4}.g-s-case{fill:#7fa8fa14;stroke:#7fa8fa;stroke-width:1.8}.g-s-q{fill:#f2a541;font-size:70px;font-weight:800;font-family:Playfair Volta,Georgia,serif;transform-box:fill-box;transform-origin:50% 100%}.g-s-bulle{fill:#7fa8fa0f}.g-s-dot{fill:#dce7ff;transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){.g-s-trotteuse{animation:gTourne 10s linear infinite}.g-s-q{animation:gBalance 2.8s ease-in-out infinite alternate}@keyframes gBalance{0%{transform:rotate(-7deg)}to{transform:rotate(7deg) translateY(-4px)}}.g-s-dot{animation:gTape 1.2s ease-in-out calc(var(--i) * .16s) infinite}@keyframes gTape{0%,60%,to{transform:translateY(0);opacity:.45}25%{transform:translateY(-7px);opacity:1}}.d-anim .d-page .g-s-case{scale:0;transition:scale .5s cubic-bezier(.3,1.6,.5,1) calc(.9s + var(--i) * .25s);transform-box:fill-box;transform-origin:center}.d-anim .d-page.vu .g-s-case{scale:1}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.d-anim .g-sujet-cadre{animation:gParallaxe linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes gParallaxe{0%{translate:0 46px}to{translate:0 -46px}}}}.g-sujet .d-trait{fill:none;stroke:#7fa8fa;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.g-sujet .d-courant{fill:none;stroke:#e39420;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 22;opacity:.9}@media(prefers-reduced-motion:no-preference){.g-sujet .d-courant{animation:gCourant 1.6s linear infinite}@keyframes gCourant{to{stroke-dashoffset:-26}}}.g-sujet[data-pause],.g-sujet[data-pause] *{animation-play-state:paused!important}