/* =====================================================================================
   L'ACCUEIL DU SITE (11/10/2026, Ju : « refaire le design avec du motion design pousse »)
   Nuit de stade, or et bleu. Tout le texte est dans le HTML et lisible sans script ; les
   animations ne font que l'amener. prefers-reduced-motion coupe tout le mouvement.
   ===================================================================================== */
:root{--nuit:#04071a;--nuit2:#0a1030;--or:#ffd76a;--or2:#e2a92b;--ciel:#4db8ff;--texte:#c9d3f0;--blanc:#fff;--doux:#8e9ac0;--ligne:rgba(255,255,255,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.sa{margin:0;background:var(--nuit);color:var(--texte);font:400 17px/1.7 Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
.sa a{color:var(--or)}
.sa h1,.sa h2,.sa h3{color:var(--blanc);margin:0}
.sa-col{max-width:760px;margin:0 auto;padding:0 20px}
.sa-centre{text-align:center}

/* --- progression du defilement --- */
.sa-progres{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.sa-progres i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--or2),var(--or),#fff3cf)}

/* --- en-tete : transparent au-dessus du stade, verre depoli ensuite --- */
.sa-haut{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:22px;padding:16px clamp(16px,4vw,48px);transition:background .4s,padding .4s,box-shadow .4s}
.sa-haut.colle{background:rgba(4,7,26,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-top:10px;padding-bottom:10px;box-shadow:0 1px 0 var(--ligne)}
.sa-marque{display:inline-flex;align-items:center;gap:10px;color:var(--or)!important;text-decoration:none;font-weight:900;letter-spacing:.18em;font-size:14px;white-space:nowrap}
.sa-losange{width:11px;height:11px;transform:rotate(45deg);background:linear-gradient(135deg,#fff3cf,var(--or2));box-shadow:0 0 12px var(--or)}
.sa-menu{display:flex;gap:6px;margin-left:auto}
.sa-menu a{color:#dfe6ff;text-decoration:none;font-size:14.5px;padding:8px 12px;border-radius:10px;position:relative}
.sa-menu a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.sa-menu a:hover::after{transform:scaleX(1)}
@media(max-width:860px){.sa-menu{display:none}.sa-haut .sa-btn-petit{margin-left:auto}}

/* --- boutons --- */
.sa-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;font-weight:900;font-size:16px;text-decoration:none;
  color:#1a1204!important;background:linear-gradient(135deg,#fff3cf,var(--or) 45%,var(--or2));box-shadow:0 10px 30px rgba(244,192,74,.35);overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s;will-change:transform}
.sa-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s;z-index:-1}
.sa-btn:hover::before{transform:translateX(120%)}
.sa-btn:hover{box-shadow:0 14px 40px rgba(244,192,74,.55)}
.sa-btn span{position:relative}
.sa-btn-sec{color:#fff!important;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.sa-btn-sec:hover{box-shadow:inset 0 0 0 1px var(--or),0 10px 30px rgba(0,0,0,.3)}
.sa-btn-petit{min-height:40px;padding:0 20px;font-size:14px}
.sa-btn-grand{min-height:62px;padding:0 38px;font-size:18px}
.sa-aimant::after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid var(--or);opacity:0;animation:saOnde 2.6s ease-out infinite;z-index:-2}
@keyframes saOnde{0%{opacity:.7;transform:scale(.92)}100%{opacity:0;transform:scale(1.18)}}

/* =================== 1. L'OUVERTURE =================== */
.sa-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:0 clamp(18px,5vw,64px) clamp(70px,12vh,120px)}
.sa-hero-fond{position:absolute;inset:-6% -2% -2%;will-change:transform}
.sa-hero-fond img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.12);animation:saZoom 18s ease-out forwards}
@keyframes saZoom{to{transform:scale(1.02)}}
.sa-hero-voile{position:absolute;inset:0;background:
  radial-gradient(90% 60% at 15% 100%,rgba(4,7,26,.96),transparent 70%),
  linear-gradient(180deg,rgba(4,7,26,.55) 0%,rgba(4,7,26,.15) 35%,rgba(4,7,26,.75) 75%,var(--nuit) 100%)}
.sa-faisceaux{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}
.sa-faisceaux i{position:absolute;top:-30%;width:28vw;height:140%;background:linear-gradient(180deg,rgba(255,240,200,.28),rgba(255,240,200,0) 70%);filter:blur(18px);transform-origin:50% 0;opacity:.7}
.sa-faisceaux i:nth-child(1){left:8%;animation:saBalai 9s ease-in-out infinite}
.sa-faisceaux i:nth-child(2){left:30%;animation:saBalai 11s ease-in-out -3s infinite reverse}
.sa-faisceaux i:nth-child(3){left:58%;animation:saBalai 10s ease-in-out -6s infinite}
.sa-faisceaux i:nth-child(4){left:80%;animation:saBalai 12s ease-in-out -2s infinite reverse}
@keyframes saBalai{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}
.sa-poussiere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sa-hero-texte{position:relative;max-width:820px}
.sa-sur{color:var(--or);font-weight:900;letter-spacing:.32em;text-transform:uppercase;font-size:12.5px;margin:0 0 14px}
.sa-titre{font:700 clamp(46px,8.4vw,112px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.01em;margin-bottom:22px;color:#fff}
/* Les lettres arrivent en blanc ; une fois posees, le script rend le texte au titre et le reflet dore passe. */
.sa-titre.reflet{background:linear-gradient(100deg,#fff 0%,#fff 40%,#fff3cf 48%,var(--or) 52%,#fff 60%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:saReflet 7s ease-in-out .4s infinite}
@keyframes saReflet{0%{background-position:100% 0}60%,100%{background-position:-60% 0}}
.sa-titre .mot{display:inline-block;white-space:nowrap}
.sa-titre .l{display:inline-block;opacity:0;transform:translateY(.6em) rotate(6deg);filter:blur(6px);animation:saLettre .9s cubic-bezier(.2,.9,.25,1) forwards}
@keyframes saLettre{to{opacity:1;transform:none;filter:none}}
.sa-chapo{font-size:clamp(17px,1.6vw,20px);color:#dfe6ff;max-width:58ch;margin:0 0 30px}
.sa-boutons{display:flex;flex-wrap:wrap;gap:12px}
[data-entree]{opacity:0;transform:translateY(24px);animation:saEntre 1s cubic-bezier(.2,.9,.25,1) forwards}
.sa-sur[data-entree]{animation-delay:.2s}.sa-chapo[data-entree]{animation-delay:1.2s}.sa-boutons[data-entree]{animation-delay:1.45s}
@keyframes saEntre{to{opacity:1;transform:none}}
.sa-descendre{position:absolute;left:50%;bottom:22px;width:28px;height:46px;margin-left:-14px;border:2px solid rgba(255,255,255,.4);border-radius:16px}
.sa-descendre span{position:absolute;left:50%;top:9px;width:4px;height:9px;margin-left:-2px;border-radius:2px;background:var(--or);animation:saMolette 1.8s ease-in-out infinite}
@keyframes saMolette{0%{opacity:0;transform:translateY(-4px)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* =================== 2. BANDEAU =================== */
.sa-bandeau{overflow:hidden;border-block:1px solid var(--ligne);background:linear-gradient(90deg,rgba(255,215,106,.06),rgba(77,184,255,.06));padding:16px 0;transform:rotate(-1.2deg) scale(1.03);margin:-10px 0 0}
.sa-bandeau-in{display:inline-flex;align-items:center;gap:28px;white-space:nowrap;animation:saDefile 38s linear infinite;font:600 clamp(20px,2.6vw,30px)/1 'Cormorant Garamond',serif;color:#fff}
.sa-bandeau-in b{color:var(--or);font-size:.7em}
@keyframes saDefile{to{transform:translateX(-50%)}}

/* =================== 3. LE PROPOS =================== */
.sa-intro{padding:clamp(80px,14vh,150px) 0 60px}
.sa-grand{font:500 clamp(26px,3.4vw,40px)/1.3 'Cormorant Garamond',serif;color:#fff;margin:0 0 22px}
.sa-grand em{color:var(--or);font-style:italic}
.sa-chiffres{max-width:1080px;margin:60px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.sa-chiffres > div{border-radius:18px;padding:22px 20px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--ligne)}
.sa-chiffres b{display:block;font:700 clamp(38px,4.4vw,56px)/1 'Cormorant Garamond',serif;color:var(--or)}
.sa-chiffres span{font-size:14px;color:var(--doux)}

/* =================== 4. LA GALERIE (horizontale) =================== */
.sa-galerie{position:relative;height:var(--haut,auto)}
.sa-galerie-colle{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:90px 0 40px}
.sa-galerie .sa-h2{padding:0 clamp(20px,5vw,64px);margin-bottom:34px}
.sa-piste{display:flex;gap:26px;padding:0 clamp(20px,5vw,64px);will-change:transform}
.sa-carte{flex:none;width:min(72vw,520px);margin:0;border-radius:22px;overflow:hidden;background:#0d1436;box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 0 0 1px var(--ligne);transform-style:preserve-3d;transition:transform .25s ease}
.sa-carte img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transform:scale(1.06);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.sa-carte:hover img{transform:scale(1.12)}
.sa-carte figcaption{padding:16px 20px 22px;font-size:15px;line-height:1.55}
.sa-carte figcaption b{display:block;color:#fff;font-size:19px;margin-bottom:4px}
/* sans defilement pilote (telephone, mouvement reduit) : une rangee qui se fait glisser au doigt */
.sa-galerie.libre .sa-galerie-colle{position:static;min-height:0}
.sa-galerie.libre .sa-piste{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:none}
.sa-galerie.libre .sa-carte{scroll-snap-align:center}
.sa-texte{padding:20px 0 40px}

/* =================== titres de section =================== */
.sa-h2{font:700 clamp(34px,4.6vw,60px)/1.05 'Cormorant Garamond',serif;letter-spacing:-.01em;margin-bottom:24px!important}
.sa-h2::after{content:"";display:block;width:60px;height:3px;margin-top:14px;background:linear-gradient(90deg,var(--or),transparent);transform-origin:left;transform:scaleX(var(--trait,1));transition:transform 1s .3s cubic-bezier(.2,.8,.2,1)}

/* =================== 5. LES ROLES =================== */
.sa-roles,.sa-guides,.sa-etapes-sec,.sa-nouv-sec{max-width:1160px;margin:0 auto;padding:clamp(70px,12vh,130px) 20px 20px}
.sa-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.sa-role{position:relative;border-radius:20px;padding:26px 24px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px var(--ligne);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.sa-role::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),rgba(255,215,106,.7),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}
.sa-role::after{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(255,215,106,.08),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.sa-role:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,215,106,.18)}
.sa-role:hover::before,.sa-role:hover::after{opacity:1}
.sa-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font-size:24px;color:#1a1204;background:linear-gradient(135deg,#fff3cf,var(--or),var(--or2));box-shadow:0 10px 24px rgba(244,192,74,.3);margin-bottom:16px}
.sa-role h3{font-size:20px;margin-bottom:8px}
.sa-role p{margin:0;font-size:15.5px;line-height:1.6}

/* =================== 6. L'ORBITE =================== */
.sa-orbite-sec{max-width:1160px;margin:0 auto;padding:clamp(70px,12vh,130px) 20px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.sa-orbite-texte{padding:0}
.sa-orbite{position:relative;aspect-ratio:1;max-width:540px;width:100%;margin:0 auto}
.sa-orbite-coeur{position:absolute;inset:38%;border-radius:50%;background:radial-gradient(circle,#fff3cf,var(--or) 40%,rgba(255,215,106,0) 72%);filter:blur(4px);animation:saPouls 4s ease-in-out infinite}
@keyframes saPouls{50%{transform:scale(1.15);opacity:.8}}
.sa-anneau{position:absolute;border-radius:50%;border:1px dashed rgba(255,215,106,.22);animation:saTourne linear infinite}
.sa-anneau-1{inset:24%;animation-duration:26s}
.sa-anneau-2{inset:11%;animation-duration:38s;animation-direction:reverse}
.sa-anneau-3{inset:0;animation-duration:52s}
@keyframes saTourne{to{transform:rotate(360deg)}}
.sa-anneau img{position:absolute;width:23%;height:23%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6));animation:saContre linear infinite;animation-duration:inherit;animation-direction:inherit}
.sa-anneau-3 img{width:17%;height:17%}
@keyframes saContre{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.sa-anneau-1 img:nth-child(1){left:50%;top:0;transform:translate(-50%,-50%)}
.sa-anneau-1 img:nth-child(2){left:93%;top:75%;transform:translate(-50%,-50%)}
.sa-anneau-1 img:nth-child(3){left:7%;top:75%;transform:translate(-50%,-50%)}
.sa-anneau-2 img:nth-child(1){left:50%;top:0;transform:translate(-50%,-50%)}
.sa-anneau-2 img:nth-child(2){left:100%;top:50%;transform:translate(-50%,-50%)}
.sa-anneau-2 img:nth-child(3){left:50%;top:100%;transform:translate(-50%,-50%)}
.sa-anneau-2 img:nth-child(4){left:0;top:50%;transform:translate(-50%,-50%)}
.sa-anneau-3 img:nth-child(1){left:50%;top:0;transform:translate(-50%,-50%)}
.sa-anneau-3 img:nth-child(2){left:97.5%;top:34.5%;transform:translate(-50%,-50%)}
.sa-anneau-3 img:nth-child(3){left:79.4%;top:90.5%;transform:translate(-50%,-50%)}
.sa-anneau-3 img:nth-child(4){left:20.6%;top:90.5%;transform:translate(-50%,-50%)}
.sa-anneau-3 img:nth-child(5){left:2.5%;top:34.5%;transform:translate(-50%,-50%)}
@media(max-width:860px){.sa-orbite-sec{grid-template-columns:1fr}.sa-orbite{max-width:400px}}

/* =================== 7. LES ETAPES =================== */
.sa-etapes{position:relative;max-width:760px}
.sa-trait{position:absolute;left:27px;top:20px;bottom:20px;width:6px;height:calc(100% - 40px);overflow:visible}
.sa-trait path{fill:none;stroke:var(--or);stroke-width:3;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:calc(300 - 300 * var(--trace,0));filter:drop-shadow(0 0 6px var(--or));vector-effect:non-scaling-stroke}
.sa-etapes ol{list-style:none;margin:0;padding:0}
.sa-etapes li{position:relative;display:flex;gap:22px;align-items:flex-start;padding:16px 0}
.sa-num{flex:none;position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font:700 28px/1 'Cormorant Garamond',serif;color:#1a1204;background:linear-gradient(135deg,#fff3cf,var(--or),var(--or2));box-shadow:0 0 0 6px var(--nuit),0 0 30px rgba(255,215,106,.45)}
.sa-etapes li > div{padding-top:12px;font-size:16.5px}
.sa-etapes b{color:#fff}

/* =================== 8. LE MONDE =================== */
.sa-monde{position:relative;margin-top:clamp(70px,12vh,130px);padding:clamp(90px,14vh,150px) 0;overflow:hidden}
.sa-monde-fond{position:absolute;inset:-15% 0;will-change:transform}
.sa-monde-fond img{width:100%;height:100%;object-fit:cover;opacity:.32}
.sa-monde::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--nuit),rgba(4,7,26,.6) 30%,rgba(4,7,26,.6) 70%,var(--nuit));z-index:1}
.sa-monde .sa-col{position:relative;z-index:2}
.sa-podium{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:10px}
.sa-podium li{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--ligne)}
.sa-podium .rang{font:700 28px/1 'Cormorant Garamond',serif;color:var(--or);width:28px}
.sa-podium .qui{flex:1;min-width:0}.sa-podium .qui b{color:#fff;display:block}.sa-podium .qui span{font-size:13px;color:var(--doux)}
.sa-podium .pts{font-weight:900;color:#fff}

/* =================== 9. GUIDES =================== */
.sa-guides .sa-col{padding:0;margin:0 0 26px}
.sa-grille-guides{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.sa-guide{position:relative;display:block;padding:22px 52px 22px 22px;border-radius:18px;text-decoration:none;background:linear-gradient(160deg,rgba(77,184,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--ligne);transition:transform .3s,box-shadow .3s}
.sa-guide b{display:block;color:#fff;font-size:18px;margin-bottom:4px}
.sa-guide span{color:var(--doux);font-size:14.5px}
.sa-guide::after{content:"→";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--or);font-size:22px;transition:transform .3s}
.sa-guide:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,215,106,.35),0 18px 40px rgba(0,0,0,.35)}
.sa-guide:hover::after{transform:translate(6px,-50%)}

/* =================== 10. FRISE =================== */
.sa-frise{list-style:none;margin:0;padding:0 0 0 26px;border-left:2px solid rgba(255,215,106,.25);max-width:820px}
.sa-frise li{position:relative;padding:0 0 26px 18px}
.sa-frise li::before{content:"";position:absolute;left:-34px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--or);box-shadow:0 0 0 5px var(--nuit),0 0 16px var(--or)}
.sa-frise time{font-weight:900;color:var(--or);font-size:13.5px;letter-spacing:.06em;text-transform:uppercase}
.sa-frise p{margin:4px 0 0}

/* =================== 11. L'APPEL FINAL =================== */
.sa-final{position:relative;margin-top:clamp(70px,12vh,130px);padding:clamp(90px,14vh,150px) 0;overflow:hidden;text-align:left}
.sa-final-fond{position:absolute;inset:0;background:conic-gradient(from var(--angle,0deg) at 50% 120%,rgba(255,215,106,.18),rgba(77,184,255,.14),rgba(181,123,255,.14),rgba(255,215,106,.18));filter:blur(40px);animation:saAngle 16s linear infinite}
@property --angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes saAngle{to{--angle:360deg}}
.sa-final .sa-col{position:relative}
.sa-final .sa-btn{margin-top:20px}

/* =================== pied =================== */
.sa-pied{border-top:1px solid var(--ligne);padding:40px 20px 50px;display:grid;gap:14px;justify-items:center;text-align:center;font-size:14px;color:var(--doux)}
.sa-pied nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
.sa-pied nav a{color:#dfe6ff;text-decoration:none}
.sa-pied nav a:hover{color:var(--or)}

/* =================== apparitions au defilement =================== */
.js [data-revele]{opacity:0;transform:translateY(40px);filter:blur(4px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1),filter 1s}
.js [data-revele].vu{opacity:1;transform:none;filter:none}
.js .sa-h2[data-revele]{--trait:0}
.js .sa-h2[data-revele].vu{--trait:1}

/* =================== mouvement reduit =================== */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  [data-entree],.sa-titre .l{opacity:1!important;transform:none!important;filter:none!important}
  .js [data-revele]{opacity:1;transform:none;filter:none}
  .sa-titre,.sa-titre.reflet{color:#fff;background:none}
  .sa-trait path{stroke-dashoffset:0}
}
@media(max-width:600px){
  body.sa{font-size:16px}
  .sa-hero{padding-bottom:90px}
  .sa-boutons .sa-btn{flex:1 1 100%}
  .sa-carte{width:84vw}
}

/* ajustements apres captures (11/10/2026) */
.sa-hero-texte{max-width:1040px}
.sa-haut .sa-btn-petit{flex:none}
@media(max-width:600px){
  .sa-haut{gap:10px;padding:12px 14px}
  .sa-marque{font-size:11.5px;letter-spacing:.12em;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .sa-haut .sa-btn-petit{min-height:36px;padding:0 16px;font-size:13px}
  .sa-titre{line-height:1.04;margin-bottom:28px}
  .sa-sur{letter-spacing:.2em;font-size:11px}
}
/* Le bandeau incline et l'anneau exterieur de l'orbite debordaient de l'ecran : sur telephone,
   la page s'elargissait et poussait le bouton Jouer de l'en-tete hors de vue. */
html{overflow-x:hidden}
.sa-orbite-sec,main{overflow-x:clip}