body{margin:0;background:#070e1a}
a{color:#ffffff}a:hover{color:#22b8e0}
.wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.hero{background:#070e1a url("/medias/fce766fa5d3b.webp") 50% 40%/cover no-repeat}
.degrade{background:linear-gradient(90deg,#eb0036,#22b8e0);-webkit-background-clip:text;background-clip:text;color:transparent}
.barre{background:linear-gradient(90deg,#eb0036,#22b8e0)}
.chiffres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.videos{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
.v-grande{grid-row:span 2;min-height:440px}
.v1{background:#080d17 url("/medias/b6d781acc97e.webp") 50% 45%/cover no-repeat}
.v2{background:#080d17 url("/medias/6e5c4ca2e7c4.webp") 50% 45%/cover no-repeat}
.v3{background:#080d17 url("/medias/109a8b61cf3f.jpg") 50% 45%/cover no-repeat}
.tf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.tf.inverse .tf-media{order:-1}
.mosaique{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mosaique img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}
.mosaique .big{grid-column:span 2;grid-row:span 2}
.shorts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.s1{background:#080d17 url("/medias/a87ca20e55c3.jpg") 50% 45%/cover no-repeat}
.s2{background:#080d17 url("/medias/3410342fe397.jpg") 50% 45%/cover no-repeat}
.s3{background:#080d17 url("/medias/41e04ab6c949.jpg") 50% 45%/cover no-repeat}
.s4{background:#080d17 url("/medias/392e4859caa5.webp") 50% 45%/cover no-repeat}
.s5{background:#080d17 url("/medias/ceb264bd173c.jpg") 50% 45%/cover no-repeat}
.voile{background:linear-gradient(180deg,rgba(7,14,26,0) 35%,rgba(7,14,26,.92))}
.voile-hero{background:linear-gradient(180deg,rgba(7,14,26,.55) 0%,rgba(7,14,26,.35) 40%,rgba(7,14,26,1) 100%)}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.fin{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.etu{background:#080d17 url("/medias/16023c90f1fc.jpg") 50% 50%/cover no-repeat}
.play{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#eb0036,#22b8e0);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.4)}
@media (max-width:900px){
.chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
.videos{grid-template-columns:1fr;grid-template-rows:none}.v-grande{grid-row:auto;min-height:300px}
.tf,.duo{grid-template-columns:1fr;gap:28px}.tf.inverse .tf-media{order:0}
.shorts{grid-template-columns:repeat(3,minmax(0,1fr))}
.fin{grid-template-columns:1fr}
}
@media (max-width:520px){.shorts{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaique{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaique .big{grid-column:span 2;grid-row:auto}}
html{scroll-behavior:smooth}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,14,26,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav a.lien{position:relative;text-decoration:none;color:#c6d0dd;padding:6px 0;transition:color .2s}
.nav a.lien::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,#eb0036,#22b8e0);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a.lien:hover{color:#ffffff}.nav a.lien:hover::after{transform:scaleX(1)}
.progress{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:linear-gradient(90deg,#eb0036,#22b8e0);transform-origin:left;transform:scaleX(0)}
@supports (animation-timeline: scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}}
@keyframes grow{to{transform:scaleX(1)}}
.cta{transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(228,18,58,.45);color:#ffffff}
.ticker{overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.08);background:#0b1424}
.ticker-in{display:inline-flex;gap:40px;padding:18px 0;animation:defile 38s linear infinite}
.ticker:hover .ticker-in{animation-play-state:paused}
@keyframes defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.puce{display:inline-flex;align-items:center;gap:40px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:22px;letter-spacing:1px;text-transform:uppercase;color:#fff}
.puce::after{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#eb0036,#22b8e0)}
.saut{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#ffffff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 18px 10px 10px;transition:background .2s,border-color .2s,transform .2s}
.saut:hover{background:rgba(255,255,255,.08);border-color:#22b8e0;transform:translateY(-2px);color:#ffffff}
.mosaique img,.tf-media img{transition:scale .5s ease,filter .5s ease}
.mosaique img:hover,.tf-media>img:hover{scale:1.04;filter:saturate(1.15)}
.v1,.v2,.v3,.s1,.s2,.s3,.s4,.s5{transition:translate .25s ease,box-shadow .25s ease}
.v1:hover,.v2:hover,.v3:hover,.s1:hover,.s2:hover,.s3:hover,.s4:hover,.s5:hover{translate:0 -4px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.play{transition:transform .25s}
a:hover .play{transform:scale(1.12)}
[id^="tf-"]{scroll-margin-top:96px}#journee,#videos,#rejoindre,#presse,#contact{scroll-margin-top:80px}
@supports (animation-timeline: view()){
.apparait{animation:monte both ease-out;animation-timeline:view();animation-range:entry 0% cover 30%}
}
@keyframes monte{from{opacity:.25;transform:translateY(40px)}to{opacity:1;transform:none}}
@media (max-width:900px){.nav .liens{display:none!important}.nav .cta{padding:9px 14px!important;font-size:12px!important;white-space:nowrap}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.ticker-in,.apparait,.progress{animation:none!important}.progress{display:none}*{transition:none!important}}
@supports (animation-timeline: view()){
.etape .num{display:inline-block;animation:numero both cubic-bezier(.2,.8,.2,1);animation-timeline:view();animation-range:entry 0% cover 28%}
.etape h3{animation:depuis-gauche both ease-out;animation-timeline:view();animation-range:entry 10% cover 32%}
.etape.inverse h3{animation-name:depuis-droite}
.etape p{animation:monte both ease-out;animation-timeline:view();animation-range:entry 18% cover 36%}
.etape p+p{animation-range:entry 26% cover 42%}
.etape .tf-media,.etape .mosaique{animation:none}
.etape .mosaique img,.etape .tf-media>img,.etape .shorts>a{animation:carte both cubic-bezier(.2,.8,.2,1);animation-timeline:view();animation-range:entry 8% cover 30%}
.etape .mosaique img:nth-child(2),.etape .shorts>a:nth-child(2){animation-range:entry 14% cover 34%}
.etape .mosaique img:nth-child(3),.etape .shorts>a:nth-child(3){animation-range:entry 20% cover 38%}
.etape .mosaique img:nth-child(4),.etape .shorts>a:nth-child(4){animation-range:entry 26% cover 42%}
.etape .mosaique img:nth-child(5),.etape .shorts>a:nth-child(5){animation-range:entry 32% cover 46%}
.etape .mosaique img:nth-child(6){animation-range:entry 38% cover 50%}
#tf-6{animation:balayage both ease-out;animation-timeline:view();animation-range:entry 0% cover 35%}
}
@keyframes numero{from{opacity:.15;transform:scale(.55) translateY(30px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes depuis-gauche{from{opacity:.2;transform:translateX(-48px)}to{opacity:1;transform:none}}
@keyframes depuis-droite{from{opacity:.2;transform:translateX(48px)}to{opacity:1;transform:none}}
@keyframes carte{from{opacity:.15;transform:translateY(48px) scale(.92) rotate(-1.5deg)}to{opacity:1;transform:none}}
@keyframes balayage{from{opacity:.3;clip-path:inset(0 60% 0 0 round 18px)}to{opacity:1;clip-path:inset(0 0 0 0 round 18px)}}
@media (prefers-reduced-motion: reduce){.etape *,#tf-6{animation:none!important}}
.decompte{display:flex;gap:10px;flex-wrap:wrap}
.case{min-width:84px;padding:12px 14px;border-radius:12px;background:rgba(7,14,26,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center}
.case b{display:block;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:40px;line-height:1;color:#ffffff;font-variant-numeric:tabular-nums}
.case>span{display:block;margin-top:6px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#c6d0dd}
.liste{position:relative;border-top:1px solid rgba(255,255,255,.12)}
.ligne{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none;color:#ffffff;transition:padding .3s ease,color .3s}
.ligne .t{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(30px,4.4vw,60px);line-height:1;transition:letter-spacing .3s ease;background-size:300% 100%}
.ligne .n{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:18px;color:#aebcce}
.ligne .m{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#aebcce}
.ligne .apercu{position:absolute;right:16%;top:50%;width:260px;height:170px;object-fit:cover;border-radius:12px;opacity:0;transform:translateY(-50%) rotate(-4deg) scale(.85);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:2}
.ligne:hover{padding-left:16px;color:#ffffff}
.ligne:hover .t{background-image:linear-gradient(90deg,#eb0036,#22b8e0);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px}
.ligne:hover .apercu{opacity:1;transform:translateY(-50%) rotate(3deg) scale(1)}
.cartes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.carte-role{position:relative;padding:3px;border-radius:20px;background:linear-gradient(160deg,#eb0036,#22b8e0);transition:translate .3s ease,rotate .3s ease}
.carte-role:hover{translate:0 -8px;rotate:-1.5deg}
.carte-role:nth-child(even):hover{rotate:1.5deg}
.carte-in{height:100%;border-radius:17px;overflow:hidden;background:#0b1424;display:flex;flex-direction:column}
.carte-photo{position:relative;height:220px}
.r1{background:#080d17 url("/medias/2b9894d111e2.webp") 50% 40%/cover no-repeat}
.r2{background:#080d17 url("/medias/392e4859caa5.webp") 50% 40%/cover no-repeat}
.r3{background:#080d17 url("/medias/109a8b61cf3f.jpg") 50% 40%/cover no-repeat}
.r4{background:#080d17 url("/medias/b6d781acc97e.webp") 50% 30%/cover no-repeat}
.libre{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(7,14,26,.7);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff}
.libre::before{content:"";width:7px;height:7px;border-radius:50%;background:#12a66a;box-shadow:0 0 0 3px rgba(18,166,106,.3)}
.carte-idee{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:30px 34px;border:2px dashed rgba(255,255,255,.28);border-radius:20px;background:rgba(255,255,255,.03);transition:border-color .3s,background .3s}
.carte-idee:hover{border-color:#22b8e0;background:rgba(34,184,224,.06)}
.carte-idee h3{margin:0 0 6px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:34px;line-height:1.05;color:#fff}
.carte-idee p{margin:0;max-width:62ch;font-size:16px;color:#c6d0dd}
.moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 48px}
.moment{padding:22px 24px;border-radius:16px;background:#0b1424;border:1px solid rgba(255,255,255,.08)}
.moment b{display:block;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#ff6b85}
.moment span{display:block;margin-top:8px;font-size:15px;line-height:1.55;color:#c6d0dd}
.manifeste{overflow:hidden;white-space:nowrap;padding:28px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.manifeste-in{display:inline-flex;gap:48px;animation:defile-inverse 30s linear infinite}
.creux{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(56px,9vw,140px);line-height:1;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.55);transition:color .4s,-webkit-text-stroke-color .4s}
.creux.plein{color:#ffffff;-webkit-text-stroke:0}
.manifeste:hover .creux:not(.plein){color:#ffffff;-webkit-text-stroke-color:transparent}
@keyframes defile-inverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (max-width:900px){.cartes{grid-template-columns:repeat(2,minmax(0,1fr))}.moments{grid-template-columns:1fr}.ligne{grid-template-columns:48px minmax(0,1fr)}.ligne .m,.ligne .apercu{display:none}
.shorts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}.shorts>a{flex:0 0 42%;scroll-snap-align:start}}
@media (max-width:520px){.cartes{grid-template-columns:1fr}.case{min-width:70px}.case b{font-size:30px}.carte-idee{padding:24px}}
@media (prefers-reduced-motion: reduce){.manifeste-in{animation:none}}
.projecteur{position:absolute;top:-30%;width:70%;height:160%;pointer-events:none;mix-blend-mode:screen;opacity:.55;filter:blur(18px)}
.projecteur.g{left:-20%;background:conic-gradient(from 160deg at 50% 0%,transparent 0deg,rgba(235,0,54,.55) 10deg,transparent 22deg);transform-origin:50% 0%;animation:balaye-g 9s ease-in-out infinite alternate}
.projecteur.d{right:-20%;background:conic-gradient(from 160deg at 50% 0%,transparent 0deg,rgba(34,184,224,.55) 10deg,transparent 22deg);transform-origin:50% 0%;animation:balaye-d 11s ease-in-out infinite alternate}
@keyframes balaye-g{from{transform:rotate(-18deg)}to{transform:rotate(22deg)}}
@keyframes balaye-d{from{transform:rotate(20deg)}to{transform:rotate(-24deg)}}
.mot{display:inline-block;animation:entre .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes entre{from{opacity:0;transform:translateY(60%) rotate(4deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@property --n{syntax:"<integer>";inherits:false;initial-value:0}
@supports (animation-timeline: view()){
.compte{animation:compter linear both;animation-timeline:view();animation-range:entry 0% cover 40%;counter-reset:n var(--n)}
.compte::after{content:counter(n)}
.compte .fixe{display:none}
}
@keyframes compter{from{--n:0}to{--n:var(--cible)}}
.mur{display:flex;flex-direction:column;gap:12px;padding:96px 0 0;overflow:hidden}
.rang{display:flex;gap:12px;width:max-content;animation:defile 60s linear infinite}
.rang.inv{animation-name:defile-inverse;animation-duration:70s}
.mur:hover .rang{animation-play-state:paused}
.rang img{height:220px;width:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;filter:grayscale(.35) contrast(1.05);transition:filter .3s,scale .3s}
.rang img:hover{filter:none;scale:1.03}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.v1.cadre-vivant{border:3px solid transparent;background:url("/medias/b6d781acc97e.webp") 50% 45%/cover padding-box,conic-gradient(from var(--a),#eb0036,#22b8e0,#7a5af8,#eb0036) border-box;animation:tourne 6s linear infinite}
@keyframes tourne{to{--a:360deg}}
.barre-mobile{display:none}
@media (max-width:900px){.barre-mobile{display:flex;position:sticky;bottom:0;z-index:60;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(7,14,26,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1)}.rang img{height:150px}.projecteur{opacity:.35}}
@media (prefers-reduced-motion: reduce){.projecteur,.mot,.rang,.cadre-vivant{animation:none!important}.compte{animation:none}.compte::after{content:none}.compte .fixe{display:inline}}
.degrade{background-image:linear-gradient(90deg,#eb0036,#22b8e0,#7a5af8,#eb0036);background-size:300% 100%;animation:ondule 7s linear infinite}
@keyframes ondule{from{background-position:0% 50%}to{background-position:300% 50%}}
@supports (animation-timeline: view()){
.titre-anim .w{display:inline-block;animation:mot-monte both cubic-bezier(.2,.8,.2,1);animation-timeline:view();animation-range:entry 0% cover 22%}
.titre-anim .w:nth-child(2){animation-range:entry 3% cover 25%}.titre-anim .w:nth-child(3){animation-range:entry 6% cover 28%}
.titre-anim .w:nth-child(4){animation-range:entry 9% cover 31%}.titre-anim .w:nth-child(5){animation-range:entry 12% cover 34%}
.titre-anim .w:nth-child(6){animation-range:entry 15% cover 37%}.titre-anim .w:nth-child(7){animation-range:entry 18% cover 40%}
.titre-anim .w:nth-child(8){animation-range:entry 21% cover 43%}.titre-anim .w:nth-child(9){animation-range:entry 24% cover 46%}
.etape h3{animation-name:remplit!important}
.surligne{background:linear-gradient(90deg,rgba(235,0,54,.35),rgba(34,184,224,.35)) no-repeat 0 100%/0% 100%,rgba(255,255,255,.05);animation:surligne both ease-out;animation-timeline:view();animation-range:entry 30% cover 50%}
}
@keyframes mot-monte{from{opacity:.1;transform:translateY(70%) skewY(6deg);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes remplit{from{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.8);letter-spacing:4px;opacity:.4}to{color:#ffffff;-webkit-text-stroke:0 transparent;letter-spacing:0;opacity:1}}
@keyframes surligne{to{background-size:100% 100%,auto}}
.roue{display:inline-block;height:1.15em;overflow:hidden;vertical-align:bottom}
.roue-in{display:flex;flex-direction:column;animation:roule 10s cubic-bezier(.7,0,.3,1) infinite}
.roue-in span{display:block;height:1.15em;line-height:1.15em}
@keyframes roule{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-1.15em)}50%,70%{transform:translateY(-2.3em)}75%,95%{transform:translateY(-3.45em)}100%{transform:translateY(-4.6em)}}
@media (prefers-reduced-motion: reduce){.degrade,.roue-in{animation:none!important}.titre-anim .w,.surligne{animation:none!important}}
.o{font-family:Oswald,'Arial Narrow',sans-serif}
.vt{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff}
.sh{position:relative;aspect-ratio:9/16;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff}
.sh .play{position:absolute;top:14px;right:14px;width:40px;height:40px}
.sh b{position:relative;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:22px}
.voile{position:absolute;inset:0}
.tfh{display:flex;align-items:baseline;gap:16px}
.tfh .num{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:96px;line-height:.8}
.tfh small{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:500;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#aebcce}
.tf h3,.tfh+h3{margin:18px 0 12px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:44px;line-height:1.02;color:#fff}
.ctx{margin:0;font-size:17px;color:#c6d0dd}
.surligne{margin:22px 0 0;padding:14px 18px;border-left:3px solid #e4123a;font-size:16px;color:#fff}
.surligne b,.vp{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:13px;color:#ff6b85;margin-right:8px}
.ph{height:420px;border-radius:14px;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover;display:block}
.chf{padding:36px 24px;border-right:1px solid rgba(255,255,255,.1)}.chf:first-child{padding-left:0}.chf:last-child{border-right:0;padding-right:0}
.chf .degrade{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:64px;line-height:1}
.chf>div+div{margin-top:8px;font-size:14px;color:#aebcce}
.carte-txt{padding:20px 20px 24px;display:flex;flex-direction:column;gap:8px}
.carte-txt .degrade{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:30px;line-height:1.05}
.carte-txt i{font-style:normal;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:500;font-size:17px;color:#fff}
.carte-txt span:last-child{font-size:14px;line-height:1.55;color:#c6d0dd}
.no{position:absolute;left:16px;bottom:12px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:15px;letter-spacing:2px;color:#fff}
.duo h3{margin:0 0 18px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:36px;color:#fff}
.duo p{margin:0 0 12px;font-size:18px;color:#c6d0dd;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.duo p:last-child{border-bottom:0;margin:0}
.duo .non p{color:#8f9bad}.duo .non p::before{content:"✕";margin-right:10px;color:#e4123a;font-weight:700}
.duo .oui p::before{content:"✓";margin-right:10px;color:#22b8e0;font-weight:700}
.soutiens{background:#ffffff;color:#12151c}
.soutiens-in{display:flex;align-items:center;gap:28px 48px;flex-wrap:wrap;padding-top:34px;padding-bottom:34px}
.soutiens p{margin:0;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:#b10e2e;flex:0 0 auto}
.logos{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;flex:1 1 640px}
.logos img{height:52px;width:auto;display:block;transition:scale .3s}
.logos img:hover{scale:1.06}
.logos img.large{height:40px}
@media (max-width:700px){.logos{justify-content:center}.logos img{height:40px}.logos img.large{height:30px}.soutiens p{flex-basis:100%;text-align:center}}
.tfv{position:relative;display:flex;align-items:flex-end;gap:14px;padding:18px;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;background:#080d17 center/cover no-repeat;transition:translate .25s ease,box-shadow .25s ease}
.tfv:hover{translate:0 -4px;box-shadow:0 18px 40px rgba(0,0,0,.45);color:#fff}
.tfv .play{position:relative;width:56px;height:56px;flex:0 0 auto}
.tfv .l{position:relative;display:flex;flex-direction:column}
.tfv b{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:22px;line-height:1.1}
.tfv small{font-size:13px;color:#d7dee8}
.presse{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.presse .moments{grid-template-columns:1fr;margin:0}
@media (max-width:900px){.presse{grid-template-columns:1fr;gap:28px}}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:Oswald,'Arial Narrow',sans-serif;font-size:16px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:#fff;padding:16px 26px;border-radius:999px}
.fiche{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fait{padding:20px 22px;border-radius:14px;background:#0b1424;border:1px solid rgba(255,255,255,.08)}
.fait b{display:block;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#ff6b85}
.fait span{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:#e7ecf3}
.fait.large{grid-column:span 2}
.communique{position:relative;padding:32px 34px;border-radius:18px;background:#ffffff;color:#12151c}
.communique p{margin:0 0 14px;font-size:16px;line-height:1.65;color:#2a2f3a}
.communique p:last-of-type{margin-bottom:0}
.communique .copier{position:absolute;top:18px;right:18px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;border:0;border-radius:999px;padding:10px 16px;background:#e4123a;color:#fff;cursor:pointer}
.communique p:first-of-type{padding-right:170px}
.ouvre{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dl{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.h2p{margin:0 0 10px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:clamp(32px,4.4vw,56px);line-height:1;color:#fff}
.sous{margin:0 0 32px;max-width:64ch;font-size:17px;color:#aebcce}
@media (max-width:900px){.fiche,.gens,.vids{grid-template-columns:repeat(2,minmax(0,1fr))}.ouvre{grid-template-columns:1fr}.communique{padding:64px 22px 24px}.communique p:first-of-type{padding-right:0}}
@media (max-width:520px){.fiche,.gens,.vids{grid-template-columns:1fr}.fait.large{grid-column:auto}}
.medias-j{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:14px;padding:20px 24px;border-radius:14px;background:linear-gradient(90deg,rgba(235,0,54,.18),rgba(34,184,224,.18));border:1px solid rgba(255,255,255,.14)}
.medias-j b{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#fff;flex:0 0 auto}
.medias-j span{font-size:16px;line-height:1.5;color:#fff;flex:1 1 420px}
.delegs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.deleg{padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.deleg b{display:block;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:22px;line-height:1.1;color:#fff}
.deleg span{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:#aebcce}
@media (max-width:900px){.delegs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.delegs{grid-template-columns:repeat(2,minmax(0,1fr))}}
#fiche,#communique,#coulisses,#images,#contact{scroll-margin-top:84px}
.nav span.o{white-space:nowrap}
.kicker-dp{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px;padding:10px 18px 10px 12px;border-radius:999px;background:rgba(7,14,26,.6);border:1px solid rgba(255,255,255,.22);font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:20px;letter-spacing:3px;text-transform:uppercase;color:#fff}
.kicker-dp::before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#eb0036,#22b8e0)}
.angle{margin:22px 0 0;padding:14px 18px;border-left:3px solid #22b8e0;background:rgba(34,184,224,.08);font-size:16px;color:#fff}
.angle b{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:13px;color:#7fd8f0;margin-right:8px}
.quand{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:999px;background:#e4123a;font-family:Oswald,'Arial Narrow',sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;vertical-align:middle}
.tf .tfv{min-height:300px}
.presse>div{min-width:0}
.mail-dp{overflow-wrap:anywhere}
@media (max-width:520px){.nav span.o{display:none}}
@media (max-width:900px){.tf .tfv{min-height:220px}}
.onglets{display:flex;justify-content:center;gap:6px;padding:7px 16px;background:#03070d;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto}
.onglets a{flex:0 0 auto;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:#aebcce;padding:6px 14px;border-radius:999px;border:1px solid transparent;transition:color .2s,border-color .2s}
.onglets a:hover{color:#fff;border-color:rgba(255,255,255,.25)}
.onglets a.actif{background:#e4123a;color:#fff}
@media (max-width:520px){.onglets{gap:2px;padding:6px 8px}.onglets a{font-size:11px;letter-spacing:1px;padding:6px 10px}.nav span.o{display:none}}
#tf-6{box-sizing:border-box;max-width:100%}.tfv .l{min-width:0}
@media (max-width:900px){.tf,.duo{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:600px){#tf-6{padding:44px 22px!important}}
.portes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.porte{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:3px;border-radius:22px;background:linear-gradient(160deg,#eb0036,#22b8e0);text-decoration:none;color:#fff;transition:translate .3s ease}
.porte:hover{translate:0 -8px;color:#fff}
.porte-in{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:19px;overflow:hidden;background:#0b1424 center/cover no-repeat}
.porte-in::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,14,26,.15) 20%,rgba(7,14,26,.95))}
.porte-in>*{position:relative}
.porte .pour{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:#ff9fb1}
.porte h3{margin:10px 0 10px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:40px;line-height:1.02}
.porte p{margin:0 0 22px;font-size:16px;line-height:1.55;color:#d7dee8}
.porte .go{align-self:flex-start;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:15px;letter-spacing:1px;text-transform:uppercase;padding:13px 22px;border-radius:999px;background:#e4123a}
.porte.bientot .go{background:transparent;border:1px solid rgba(255,255,255,.5)}
@media (max-width:900px){.portes{grid-template-columns:1fr}.porte{min-height:340px}}
@media (max-width:520px){.porte h3{font-size:34px}}
.onglets a:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #22b8e0;outline-offset:3px}
@media (max-width:520px){.onglets{justify-content:flex-start}}
.sur{margin:0 0 20px;display:flex;align-items:center;gap:12px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#fff}
.sur::before{content:"";display:inline-block;width:32px;height:4px;border-radius:2px;background:linear-gradient(90deg,#eb0036,#22b8e0)}
.angles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.angles .moment b{font-size:12px}
.angles .moment strong{display:block;margin-top:8px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;font-size:22px;line-height:1.1;color:#fff}
.angles .moment span{margin-top:6px;font-size:14px}
@media (max-width:900px){.angles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.angles{grid-template-columns:1fr}}
.renvoi{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
#portes,#delegations,#venir,#angles{scroll-margin-top:110px}
.mur{padding-top:72px}