.defil{--defil-fond:#faf7f2;--defil-encre:#1f2238;--defil-douce:#4b5170;--defil-nuit:#151a35;--defil-nuit-2:#2e3a6e;--defil-haut:0px;--defil-decalage:0px;--defil-voile-p:1;--defil-halo:62%;--defil-lent:.7s;--defil-sortie:.8s;--defil-moyen:.5s;isolation:isolate;padding-block:var(--espace-bloc) var(--espace-section);background:var(--defil-fond);color:var(--defil-encre);position:relative}.defil [hidden]{display:none!important}.defil__boite{width:min(100% - 2 * var(--gouttiere), 40rem);margin-inline:auto}.defil__media,.defil__repli{aspect-ratio:16/9;mix-blend-mode:multiply;-webkit-mask-composite:source-in;width:100%;display:block;position:relative;-webkit-mask-image:radial-gradient(50% 70% at 50% 48%,#000 58%,#0000 100%),linear-gradient(#0000,#000 10% 86%,#0000);mask-image:radial-gradient(50% 70% at 50% 48%,#000 58%,#0000 100%),linear-gradient(#0000,#000 10% 86%,#0000);mask-composite:intersect}.defil__poster,.defil__video,.defil__repli{object-fit:cover;width:100%;height:100%;display:block}.defil__video,.defil__cles,.defil__fondu,.defil__fumee,.defil__invite,.defil__attente,.defil__jalons,.defil__pesent{display:none}.defil__textes{gap:var(--s-10);margin-top:var(--s-6);display:grid}.defil__bloc{justify-items:center;gap:var(--s-4);text-align:center;max-width:30rem;margin-inline:auto;display:grid}.defil__corps{justify-items:center;gap:var(--s-4);display:grid}.defil__texte,.defil__punch{text-shadow:0 0 .5em color-mix(in srgb, var(--defil-fond) 85%, transparent);letter-spacing:var(--ls-titre);text-wrap:balance;margin:0}.defil__texte{font:340 var(--t-xl)/var(--lh-titre) var(--f-titre)}.defil__punch{font:italic 340 var(--t-2xl)/var(--lh-serre) var(--f-titre)}.defil__trait{background:var(--bougie-filet);width:3rem;height:1px;display:block}.defil__action,.defil__ligne{margin:0}.defil__produit{min-height:var(--h-cible);border:1px solid color-mix(in srgb, var(--defil-nuit) 55%, transparent);color:var(--defil-nuit);font:500 var(--t-m)/var(--lh-titre) var(--f-texte);text-align:center;transition:background-color var(--duree-1) var(--ease), border-color var(--duree-1) var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.25rem;text-decoration:none;display:inline-flex}@media (hover:hover){.defil__produit:hover{background:color-mix(in srgb, var(--defil-nuit) 8%, transparent);border-color:var(--defil-nuit)}}.defil__ligne{max-width:22rem;color:var(--defil-douce);font:400 var(--t-s)/var(--lh-texte) var(--f-texte);text-wrap:balance}.defil__vedette{min-height:var(--h-cible);color:var(--defil-douce);font:400 var(--t-s)/var(--lh-texte) var(--f-texte);text-underline-offset:.25em;align-items:center;text-decoration:underline 1px;display:inline-flex}.defil__bouton{--bouton:var(--defil-nuit);--bouton-survol:var(--defil-nuit-2)}.defil[data-mode=immersif]{--defil-haut:4.5rem;--defil-blanc:#fff;height:calc(100vh - var(--defil-haut));height:calc(100svh - var(--defil-haut));background:var(--defil-nuit);color:var(--defil-blanc);padding:0;overflow:hidden}body:has(.defil[data-mode=immersif]) .entete{position:sticky;top:0}.defil[data-mode=immersif] .defil__boite,.defil[data-mode=immersif] .defil__media{aspect-ratio:auto;width:auto;margin:0;position:absolute;inset:0}.defil[data-mode=immersif] .defil__media{mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}.defil[data-mode=immersif] .defil__poster,.defil[data-mode=immersif] .defil__video,.defil[data-mode=immersif] .defil__cles,.defil[data-mode=immersif] .defil__cles img,.defil[data-mode=immersif] .defil__fondu,.defil[data-mode=immersif] .defil__fumee{object-fit:cover;object-position:50% 24%;width:100%;height:100%;position:absolute;inset:0}.defil[data-mode=immersif] .defil__video,.defil[data-mode=immersif] .defil__cles,.defil[data-mode=immersif] .defil__fondu,.defil[data-mode=immersif] .defil__fumee{display:block}.defil[data-mode=immersif] .defil__fondu,.defil[data-mode=immersif] .defil__fumee,.defil[data-mode=immersif] .defil__envers{pointer-events:none;opacity:0}.defil[data-mode=immersif] .defil__fondu,.defil[data-mode=immersif] .defil__envers{will-change:opacity}.defil[data-mode=immersif] .defil__poster,.defil[data-mode=immersif] .defil__cles{transition:opacity var(--defil-lent) var(--ease)}.defil[data-mode=immersif][data-pret] .defil__poster,.defil[data-mode=immersif][data-pret] .defil__cles{opacity:0;pointer-events:none}.defil[data-mode=immersif] .defil__cles img{opacity:0}.defil[data-mode=immersif] .defil__repli{display:none}.defil[data-mode=immersif] .defil__media:after{content:"";pointer-events:none;opacity:var(--defil-voile-p);background:linear-gradient(90deg, color-mix(in srgb, var(--defil-nuit) 80%, transparent) 0%, color-mix(in srgb, var(--defil-nuit) 52%, transparent) 20%, color-mix(in srgb, var(--defil-nuit) 0%, transparent) 40%, color-mix(in srgb, var(--defil-nuit) 0%, transparent) 60%, color-mix(in srgb, var(--defil-nuit) 52%, transparent) 80%, color-mix(in srgb, var(--defil-nuit) 80%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--defil-nuit) 50%, transparent) 0%, color-mix(in srgb, var(--defil-nuit) 0%, transparent) 16%, color-mix(in srgb, var(--defil-nuit) 0%, transparent) 72%, color-mix(in srgb, var(--defil-nuit) 55%, transparent) 100%);position:absolute;inset:0}.defil[data-mode=immersif] .defil__textes{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.defil[data-mode=immersif] .defil__bloc{text-align:left;width:30%;max-width:none;translate:0 calc(var(--y,0) * var(--s-5));flex-direction:column;justify-content:center;align-items:stretch;margin:0;display:flex;position:absolute;inset-block:0 8%}.defil[data-mode=immersif] .defil__bloc--gauche{left:4.5%}.defil[data-mode=immersif] .defil__bloc--droite{right:4.5%}.defil[data-mode=immersif] .defil__final{--defil-halo:56%;width:32%}.defil[data-mode=immersif] .defil__corps{isolation:isolate;justify-items:start;gap:var(--s-4);position:relative}.defil[data-mode=immersif] .defil__texte,.defil[data-mode=immersif] .defil__punch{color:var(--defil-blanc);text-shadow:0 1px 3px color-mix(in srgb, var(--defil-nuit) 55%, transparent), 0 2px 26px color-mix(in srgb, var(--defil-nuit) 60%, transparent)}.defil[data-mode=immersif] .defil__texte{font:340 var(--t-2xl)/var(--lh-serre) var(--f-titre)}.defil[data-mode=immersif] .defil__punch{font:italic 340 var(--t-h1)/var(--lh-serre) var(--f-titre)}.defil[data-mode=immersif] .defil__mot{--k:clamp(0, calc((var(--o,0) - var(--i) / var(--n) * .55) / .45), 1);opacity:var(--k);translate:0 calc((1 - var(--k)) * .5em);filter:blur(calc((1 - var(--k)) * 6px));display:inline-block}.defil[data-mode=immersif] .defil__mot--lueur{color:color-mix(in srgb, var(--bougie-vive) calc(var(--k) * 88%), var(--defil-blanc));text-shadow:0 0 .55em color-mix(in srgb, var(--bougie) calc(var(--k) * 70%), transparent), 0 2px 26px color-mix(in srgb, var(--defil-nuit) 60%, transparent)}.defil[data-mode=immersif]:not([data-attente=""]) .defil__bloc:first-child .defil__mot{animation:defil-mot var(--defil-lent) var(--ease) backwards;animation-delay:calc(.25s + var(--i) * 90ms)}@keyframes defil-mot{0%{opacity:0;filter:blur(6px);translate:0 .5em}}.defil[data-mode=immersif]:not([data-attente=""]) .defil__bloc:first-child .defil__corps:before,.defil[data-mode=immersif]:not([data-attente=""]) .defil__bloc:first-child .defil__corps>:not(.defil__texte){animation:defil-vient .9s var(--ease) .7s backwards}@keyframes defil-vient{0%{opacity:0}}.defil[data-mode=immersif] .defil__corps>:not(.defil__texte,.defil__punch){opacity:clamp(0, calc((var(--o,0) - .5) * 2), 1)}.defil[data-mode=immersif] .defil__corps>.defil__trait{opacity:var(--o,0)}.defil[data-mode=immersif] .defil__ligne{color:var(--defil-blanc);text-shadow:0 1px 3px color-mix(in srgb, var(--defil-nuit) 60%, transparent)}.defil[data-mode=immersif] .defil__trait{background:color-mix(in srgb, var(--defil-blanc) 65%, transparent)}.defil[data-mode=immersif] .defil__final .defil__trait{background:var(--bougie)}.defil[data-mode=immersif] .defil__corps:before{content:"";z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--defil-nuit) var(--defil-halo), transparent);filter:blur(2.2rem);opacity:var(--o,0);border-radius:50%;position:absolute;inset:-4.5rem -5.5rem}.defil[data-mode=immersif] .defil__bloc :is(a,button){pointer-events:none}.defil[data-mode=immersif] .defil__bloc[data-actif] :is(a,button){pointer-events:auto}.defil[data-mode=immersif] .defil__bouton{--bouton:var(--defil-blanc);--bouton-survol:#f1ece2;background:var(--defil-blanc);color:var(--defil-nuit);text-align:left;border-color:#0000}.defil[data-mode=immersif] .defil__produit{border-color:color-mix(in srgb, var(--defil-blanc) 70%, transparent);background:color-mix(in srgb, var(--defil-nuit) 40%, transparent);color:var(--defil-blanc);text-align:left}@media (hover:hover){.defil[data-mode=immersif] .defil__produit:hover{background:color-mix(in srgb, var(--defil-blanc) 18%, transparent);border-color:var(--defil-blanc)}}.defil[data-mode=immersif] .defil__vedette{color:var(--defil-blanc);text-shadow:0 1px 3px color-mix(in srgb, var(--defil-nuit) 60%, transparent)}.defil[data-mode=immersif] .defil__final[data-actif] .defil__bouton{animation:4.8s ease-in-out 1.2s infinite defil-pouls}@keyframes defil-pouls{0%,to{box-shadow:0 0 0 0px color-mix(in srgb, var(--defil-blanc) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--defil-blanc) 20%, transparent)}}.defil[data-mode=immersif] :is(a,button):focus-visible{outline:2px solid var(--defil-blanc);outline-offset:3px;box-shadow:0 0 0 5px color-mix(in srgb, var(--defil-nuit) 70%, transparent)}.defil[data-mode=immersif] .defil__pesent{gap:var(--s-2);margin-top:var(--s-2);display:grid}.defil[data-mode=immersif]:not([data-vivant]) .defil__pesent{visibility:hidden}.defil[data-mode=immersif] .defil__pesent-q{color:var(--defil-blanc);font:400 var(--t-s)/var(--lh-texte) var(--f-texte);text-shadow:0 1px 3px color-mix(in srgb, var(--defil-nuit) 60%, transparent);margin:0}.defil[data-mode=immersif] .defil__pastilles{gap:var(--s-2);flex-wrap:wrap;display:flex}.defil[data-mode=immersif] .defil__pastille{min-height:var(--h-cible);border:1px solid color-mix(in srgb, var(--defil-blanc) 60%, transparent);background:color-mix(in srgb, var(--defil-nuit) 40%, transparent);color:var(--defil-blanc);font:400 var(--t-s)/var(--lh-court) var(--f-texte);cursor:pointer;transition:background-color var(--duree-1) var(--ease), color var(--duree-1) var(--ease), border-color var(--duree-1) var(--ease);-webkit-tap-highlight-color:transparent;border-radius:999px;padding:.25rem 1rem}@media (hover:hover){.defil[data-mode=immersif] .defil__pastille:hover{background:color-mix(in srgb, var(--defil-blanc) 18%, transparent);border-color:var(--defil-blanc)}}.defil[data-mode=immersif] .defil__pastille[aria-pressed=true]{background:var(--defil-blanc);border-color:var(--defil-blanc);color:var(--defil-nuit)}.defil[data-mode=immersif] .defil__jalons{z-index:4;right:max(.125rem, env(safe-area-inset-right,0px));display:block;position:absolute;top:50%;translate:0 -50%}.defil[data-mode=immersif] .defil__jalons ol{filter:drop-shadow(0 1px 3px color-mix(in srgb, var(--defil-nuit) 70%, transparent));margin:0;padding:0;list-style:none;display:grid}.defil[data-mode=immersif] .defil__jalon{width:var(--h-cible);height:var(--h-cible);color:var(--defil-blanc);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.defil[data-mode=immersif] .defil__jalon:before{content:"";border:1px solid var(--defil-blanc);background:color-mix(in srgb, var(--defil-nuit) 35%, transparent);width:.5rem;height:.5rem;transition:background-color var(--duree-2) var(--ease), scale var(--duree-2) var(--ease);border-radius:50%}.defil[data-mode=immersif] .defil__jalon[aria-current=step]:before{background:var(--defil-blanc);scale:1.5}.defil[data-mode=immersif] .defil__jalon-nom{background:color-mix(in srgb, var(--defil-nuit) 70%, transparent);font:400 var(--t-xs)/var(--lh-court) var(--f-texte);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duree-2) var(--ease);border-radius:999px;padding:.125rem .5rem;position:absolute;right:100%}@media (hover:hover){.defil[data-mode=immersif] .defil__jalon:hover .defil__jalon-nom{opacity:1}}.defil[data-mode=immersif] .defil__jalon:focus-visible .defil__jalon-nom{opacity:1}.defil[data-mode=immersif][data-attente] .defil__attente{--p:0;z-index:5;place-content:center;justify-items:center;gap:var(--s-4);padding:var(--s-6) var(--gouttiere) calc(var(--s-6) + env(safe-area-inset-bottom,0px) + var(--defil-decalage));background:radial-gradient(ellipse 60% 55% at 50% 50%, color-mix(in srgb, var(--defil-nuit) 40%, transparent), color-mix(in srgb, var(--defil-nuit) 64%, transparent));backdrop-filter:blur(9px)saturate(.85);color:var(--defil-blanc);text-align:center;transition:opacity var(--defil-sortie) var(--ease);display:grid;position:absolute;inset:0}.defil[data-mode=immersif][data-attente=""] .defil__attente{animation:defil-secours-efface var(--defil-sortie) var(--ease) 14s forwards}.defil[data-mode=immersif][data-attente=fin] .defil__attente{opacity:0;pointer-events:none}.defil[data-mode=immersif][data-attente=""] :is(.defil__textes,.defil__jalons,.defil__invite){visibility:hidden;animation:0s 14s forwards defil-secours-montre}@keyframes defil-secours-efface{to{opacity:0;visibility:hidden}}@keyframes defil-secours-montre{to{visibility:visible}}.defil[data-mode=immersif] .defil__cercle{width:7rem;height:7rem;transition:scale var(--defil-sortie) var(--ease);place-items:center;display:grid;position:relative}.defil[data-mode=immersif][data-attente=fin] .defil__cercle{scale:1.06}.defil[data-mode=immersif] .defil__cercle svg{width:100%;height:100%;animation:5s ease-in-out infinite defil-ondule;position:absolute;inset:0;overflow:visible;rotate:-90deg}@keyframes defil-ondule{50%{scale:1.035}}.defil[data-mode=immersif] .defil__cercle circle{fill:none;stroke-width:1px}.defil[data-mode=immersif] .defil__cercle-fond{stroke:color-mix(in srgb, var(--defil-blanc) 18%, transparent)}.defil[data-mode=immersif] .defil__cercle-arc{stroke:var(--bougie);stroke-linecap:round;stroke-dasharray:345.58;stroke-dashoffset:calc((1 - var(--p)) * 345.58px)}.defil[data-mode=immersif] .defil__cercle-tete{transform-origin:56px 56px;rotate:calc(var(--p) * 360deg)}.defil[data-mode=immersif] .defil__cercle-tete circle{fill:var(--bougie-vive);stroke:none;filter:drop-shadow(0 0 3px var(--bougie));animation:2.8s ease-in-out infinite defil-luit}@keyframes defil-luit{0%,to{opacity:.55}50%{opacity:1}}.defil[data-mode=immersif] .defil__attente-pc{font:300 var(--t-s)/1 var(--f-titre);font-variant-numeric:lining-nums tabular-nums;letter-spacing:var(--ls-etiquette);color:color-mix(in srgb, var(--defil-blanc) 88%, transparent)}.defil[data-mode=immersif] .defil__attente-pc:after{content:" %";color:color-mix(in srgb, var(--defil-blanc) 60%, transparent);font-size:.75em}.defil[data-mode=immersif] .defil__attente[data-indefini] .defil__attente-pc,.defil[data-mode=immersif] .defil__attente[data-indefini] .defil__cercle-tete{visibility:hidden}.defil[data-mode=immersif] .defil__attente[data-indefini] .defil__cercle-arc{stroke-dashoffset:259.18px;transform-origin:56px 56px;animation:2.6s linear infinite defil-tourne}@keyframes defil-tourne{to{rotate:360deg}}.defil[data-mode=immersif] .defil__attente-marque{margin:var(--s-2) 0 0;font:500 var(--t-xs)/var(--lh-court) var(--f-texte);letter-spacing:.3em;text-transform:uppercase;color:var(--bougie);text-shadow:0 1px 2px color-mix(in srgb, var(--defil-nuit) 60%, transparent)}.defil[data-mode=immersif] .defil__attente-phrases{max-width:22rem;font:italic 340 var(--t-l)/var(--lh-titre) var(--f-titre);color:color-mix(in srgb, var(--defil-blanc) 92%, transparent);text-shadow:0 1px 3px color-mix(in srgb, var(--defil-nuit) 60%, transparent), 0 2px 18px color-mix(in srgb, var(--defil-nuit) 55%, transparent);text-wrap:balance;margin:0;display:grid}.defil[data-mode=immersif] .defil__attente-phrases>span{opacity:0;animation:defil-phrase 12s var(--ease) calc(var(--i) * 4s) infinite backwards;grid-area:1/1}@keyframes defil-phrase{0%,40%,to{opacity:0}8%,32%{opacity:1}}.defil[data-mode=immersif] .defil__attente-phrases>.defil__attente-geste,.defil[data-mode=immersif] .defil__attente[data-geste] .defil__attente-phrases>span{opacity:0;transition:opacity var(--defil-lent) var(--ease);animation:none}.defil[data-mode=immersif] .defil__attente[data-geste] .defil__attente-phrases>.defil__attente-geste{opacity:1}.defil[data-mode=immersif] .defil__invite{z-index:3;left:50%;bottom:calc(var(--s-6) + var(--defil-decalage));border-right:2px solid var(--defil-blanc);border-bottom:2px solid var(--defil-blanc);opacity:0;pointer-events:none;width:.875rem;height:.875rem;filter:drop-shadow(0 1px 2px var(--defil-nuit));transition:opacity var(--defil-lent) var(--ease);margin-left:-.4375rem;display:block;position:absolute;rotate:45deg}.defil[data-mode=immersif][data-arret="0"]:not([data-transition]) .defil__invite{opacity:.85;animation:2.4s ease-in-out infinite defil-invite}@keyframes defil-invite{0%,to{translate:0}50%{translate:0 .375rem}}@media (width<=59.99rem){.defil{--defil-haut:3.9375rem}}@media (width<=69.99rem),(aspect-ratio<=5/4){.defil[data-mode=immersif] .defil__poster,.defil[data-mode=immersif] .defil__video,.defil[data-mode=immersif] .defil__cles,.defil[data-mode=immersif] .defil__cles img,.defil[data-mode=immersif] .defil__fondu,.defil[data-mode=immersif] .defil__fumee{object-position:50% 18%}.defil[data-mode=immersif] .defil__media:after{background:linear-gradient(180deg, color-mix(in srgb, var(--defil-nuit) 50%, transparent) 0%, color-mix(in srgb, var(--defil-nuit) 0%, transparent) 14%, color-mix(in srgb, var(--defil-nuit) 0%, transparent) 40%, color-mix(in srgb, var(--defil-nuit) 82%, transparent) 100%)}.defil[data-mode=immersif] .defil__bloc,.defil[data-mode=immersif] .defil__final{--defil-bas:max(5%, calc(env(safe-area-inset-bottom,0px) + var(--s-3)));top:auto;bottom:calc(var(--defil-bas) + var(--defil-decalage));width:auto;padding:0 max(var(--gouttiere), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));text-align:center;transition:bottom var(--defil-moyen) var(--ease);left:0;right:0}.defil[data-mode=immersif] .defil__bloc--gauche,.defil[data-mode=immersif] .defil__bloc--droite{left:0;right:0}.defil[data-mode=immersif] .defil__corps{justify-items:center;gap:var(--s-3)}.defil[data-mode=immersif] .defil__texte{font:340 var(--t-xl)/var(--lh-serre) var(--f-titre)}.defil[data-mode=immersif] .defil__punch{font:italic 340 var(--t-2xl)/var(--lh-serre) var(--f-titre)}.defil[data-mode=immersif] .defil__bouton,.defil[data-mode=immersif] .defil__produit{text-align:center}.defil[data-mode=immersif] .defil__pastilles{justify-content:center}.defil[data-mode=immersif] .defil__jalons{opacity:.75;top:28%}.defil[data-mode=immersif] .defil__jalon:before{width:.375rem;height:.375rem}.defil[data-mode=immersif] .defil__invite{display:none}}@media (width<=47.99rem) and (height<=44rem){.defil[data-mode=immersif] .defil__jalons{display:none}}@media (width<=47.99rem) and (height<=48rem){.defil[data-mode=immersif] .defil__bloc{--defil-bas:max(var(--s-3), env(safe-area-inset-bottom,0px))}.defil[data-mode=immersif] .defil__corps{gap:var(--s-2)}.defil[data-mode=immersif] .defil__texte{font-size:var(--t-l)}.defil[data-mode=immersif] .defil__pesent{gap:var(--s-1);margin-top:0}}html:has(.defil[data-mode=immersif]){overscroll-behavior-y:none}
