/* ==========================================================================
   Sl3t, feuille de style StratCoRun 2026
   Contenu : 1) la feuille de style de la maquette en ligne (app.css),
             2) en fin de fichier, les aménagements spécifiques StratCoRun.
   ========================================================================== */

/* StratCoRun 2026, maquette connexion et programme, mode Scène (3.2) */
:root{
  color-scheme:dark;
  --fond:#26375F;--carte:#213762;--scene:#213863;--nuit:#0E1A33;--filet:rgba(255,255,255,.10);
  --citron:#D7F72A;--citron-clair:#E8FB8A;--encre:#FFF;--noir:#010101;
  --ombre-noir:-1px 2px 4px rgba(0,0,0,.16),-4px 7px 8px rgba(0,0,0,.14),-9px 15px 11px rgba(0,0,0,.08),-16px 27px 12px rgba(0,0,0,.02);
  --ombre-flottant:0 20px 50px rgba(0,0,0,.15);
  --marge:16px;--haut:100vh;
  --g:max(var(--marge),env(safe-area-inset-left));--d:max(var(--marge),env(safe-area-inset-right));
}
@supports(height:100dvh){:root{--haut:100dvh}}
@media(min-width:768px){:root{--marge:22px}}
*{box-sizing:border-box;margin:0;padding:0}
*:focus,*:focus-visible,*:active{outline:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{background:var(--fond);color:var(--encre)}
body{font-family:"Neue Montreal",Arial,sans-serif;letter-spacing:-.01em;min-height:var(--haut);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow-x:hidden}
body.menu-ouvert{overflow:hidden}
button,input{font:inherit;color:inherit}
a{color:inherit}
.ecran{display:none;min-height:var(--haut)}
.ecran.actif{display:block}

/* ===================== Connexion ===================== */
#auth{position:relative}
.fond-ecran{position:fixed;left:0;right:0;top:0;height:100vh;height:100lvh;background:var(--scene) url(../pictures/wallpaper.jpg) center top/cover no-repeat}
@media(max-width:520px){.fond-ecran{background-image:url(../pictures/wallpaper-488.jpg)}}
@media(max-width:520px) and (min-resolution:2dppx){.fond-ecran{background-image:url(../pictures/wallpaper.jpg)}}
.auth{position:relative;min-height:100vh;min-height:100lvh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--d) calc(16px + env(safe-area-inset-bottom)) var(--g)}
/* téléphone en portrait : formulaire en bas, le logo du fond reste visible en haut */
.auth .carte{width:100%;max-width:520px;margin:44vh auto 0}
@supports(height:100dvh){.auth .carte{margin-top:44dvh}}
/* paysage et grands écrans : le fond occupe la gauche, le formulaire la droite */
@media(orientation:landscape) and (min-width:640px),(min-width:1024px){
  .fond-ecran{right:auto;width:min(46vw,calc(var(--haut) * .568))}
  #auth{background:var(--fond)}
  .auth{justify-content:center;padding-left:calc(min(46vw,calc(var(--haut) * .568)) + 22px);padding-top:max(16px,env(safe-area-inset-top))}
  .auth .carte{margin:0 auto}
}
@media(orientation:landscape) and (max-height:500px){
  .auth .carte{padding:16px 18px}
  .auth h1{font-size:24px}
  .auth .sous,.pied-form{display:none}
  .champ{margin-top:8px}
  .champ span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bouton{margin-top:12px}
}
.carte{background:var(--carte);border:1px solid var(--filet);border-radius:28px;padding:24px 20px;box-shadow:var(--ombre-flottant)}
h1{font-size:32px;font-weight:500;letter-spacing:-.011em;line-height:1.1}
@media(min-width:768px){h1{font-size:40px}}
@media(min-width:1280px){h1{font-size:48px}}
.sous{font-size:14px;margin-top:8px;line-height:1.4}
.champ{display:block;margin-top:14px;position:relative}
.champ span{display:block;font-size:13px;margin:0 0 6px 22px}
.champ input{width:100%;height:50px;border:0;border-radius:999px;background:#FFF;color:#000;padding:0 22px;font-size:16px;-webkit-appearance:none;appearance:none}
.champ input::placeholder{color:#000;opacity:1}
.choix{display:inline-flex;align-items:center;gap:10px;margin-top:16px;min-height:44px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:0 18px 0 12px;font-size:14px;cursor:pointer;user-select:none}
.choix input{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:999px;background:#FFF;display:grid;place-items:center;cursor:pointer}
.choix input:checked{background:var(--citron)}
.choix input:checked::after{content:"";width:8px;height:8px;border-radius:999px;background:var(--scene)}
.bouton{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:20px;border:0;border-radius:99px;background:var(--citron);color:var(--scene);font-size:16px;font-weight:500;box-shadow:var(--ombre-noir);cursor:pointer}
.pied-form{text-align:center;font-size:12.5px;margin-top:18px;opacity:.8}

/* ===================== Programme, page de blog ===================== */
.une{position:relative;min-height:min(62vh,560px);display:flex;align-items:flex-end;overflow:hidden}
.une-image{position:absolute;inset:0;background:url(../pictures/wallpaper.jpg) center 22%/cover no-repeat}
.une-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(38,55,95,0) 30%,rgba(38,55,95,.75) 70%,var(--fond) 100%)}
.une-texte{position:relative;width:100%;max-width:760px;margin:0 auto;padding:0 var(--d) 8px var(--g)}
.une-meta{display:inline-block;background:var(--citron);color:var(--scene);border-radius:999px;padding:4.5px 10.5px;font-size:9.4px;font-weight:500}
.une h1{margin-top:12px}
.une-animation{font-size:14px;margin-top:8px;line-height:1.4}
.une-salut{font-size:14px;margin-top:6px;opacity:.85}
@media(orientation:landscape) and (min-width:900px){.une{min-height:46vh}.une-image{background-position:center 30%}}

.fil{max-width:760px;margin:0 auto;padding:18px var(--d) 24px var(--g);display:flex;flex-direction:column;gap:12px}
/* bloc de séance, il s'ouvre pour donner le détail */
.seance{background:var(--carte);border:1px solid var(--filet);border-radius:22px;overflow:hidden;scroll-margin-top:16px}
.seance.en-cours{border-color:var(--citron)}
.seance-tete{display:grid;grid-template-columns:64px 1fr 30px;gap:12px;align-items:start;width:100%;padding:18px 18px 18px 16px;background:none;border:0;text-align:left;cursor:pointer}
.seance-tete:disabled{cursor:default}
.heure{font-size:15px;font-weight:500;color:var(--citron);font-variant-numeric:tabular-nums;line-height:1.35;padding-top:1px}
.seance-corps{min-width:0}
.rubrique{display:inline-block;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:3px 10px;font-size:11.5px;margin-bottom:8px}
.en-cours-pastille{display:inline-block;background:var(--citron);color:var(--scene);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:500;margin:0 0 8px 6px}
.seance-titre{display:block;font-size:19px;font-weight:500;line-height:1.25;letter-spacing:-.015em}
.seance-sous{display:block;font-size:14px;margin-top:4px;line-height:1.35;opacity:.9}
.seance-noms{display:block;font-size:13.5px;margin-top:6px;line-height:1.4;opacity:.8}
/* signe plus qui devient moins (charte 14.6) ; icônes de navigation en noir et blanc partout (04/10/2026) */
.plus{position:relative;width:30px;height:30px;border-radius:999px;background:#010101;border:0;margin-top:-2px}
.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:4px;background:#FFF;transform:translate(-50%,-50%);transition:transform .4s ease}
.plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.seance.ouverte .plus::after{transform:translate(-50%,-50%) rotate(0deg)}
.seance.ouverte .plus{background:#FFF}
.seance.ouverte .plus::before,.seance.ouverte .plus::after{background:#010101}
.detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.seance.ouverte .detail{grid-template-rows:1fr}
.detail>div{overflow:hidden}
.detail-int{padding:0 18px 20px 92px;font-size:14.5px;line-height:1.5}
.detail-int p+p,.detail-int p+ul,.detail-int ul+p{margin-top:10px}
.detail-int ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:12px}
.detail-int li{border-top:1px solid var(--filet);padding-top:10px}
.detail-int li b{display:block;font-weight:500;font-size:15px}
.detail-int li span{display:block;opacity:.85;white-space:pre-line}
.detail-int .suite{margin-top:16px;font-weight:500}
@media(max-width:420px){.seance-tete{grid-template-columns:52px 1fr 30px;gap:10px}.detail-int{padding-left:78px}}
/* pause : bandeau simple, hachure de la charte */
.pause{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:14px 18px 14px 16px;border-radius:22px;border:1px dashed rgba(215,247,42,.45);background:repeating-linear-gradient(135deg,rgba(215,247,42,.07) 0 8px,transparent 8px 16px)}
.pause.en-cours{border-style:solid;border-color:var(--citron)}
.pause .titre-pause{font-size:15px;font-weight:500;line-height:1.35}
.pause .texte-pause{display:block;font-size:13.5px;opacity:.85;font-weight:400}
@media(max-width:420px){.pause{grid-template-columns:52px 1fr;gap:10px}}
.pied-page{max-width:760px;margin:0 auto;padding:0 var(--d) calc(110px + env(safe-area-inset-bottom)) var(--g);font-size:12.5px;line-height:1.6;opacity:.85}
.pied-page .reserve{font-weight:500;margin-bottom:8px}

/* ===================== Menu flottant ===================== */
.pilule{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;width:min(320px,calc(100vw - 32px));height:50px;border-radius:999px;background:rgba(1,1,1,.88);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);display:flex;align-items:center;gap:12px;padding:0 6px 0 22px;font-size:14px;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.pilule[hidden]{display:none}
.pilule-nom{font-weight:500}
/* pourcentage de lecture : sans trait de séparation, comme la pilule des autres pages (05/10/2026) */
.pilule-pc{display:none} /* Sl3t 07/10/2026 17h05 : pourcentage de lecture retiré de la pilule, remplacé par 2026 en citron collé à StratCoRun */
.pilule-annee{font-weight:500;color:var(--citron)}
/* Sl3t 07/10/2026 17h10 : StratCoRun2026 centré entre le bord gauche de la pilule et la mascotte */
.pilule .pilule-nom{flex:1;text-align:center;padding-right:10px}
.pilule .mascotte-bouton{margin-left:0}
.pilule-menu{margin-left:auto;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border:0;border-radius:999px;background:none;cursor:pointer;font-size:14px}
.croix{position:relative;width:16px;height:10px}
.croix i{position:absolute;left:0;width:16px;height:2px;border-radius:2px;background:#FFF;transition:transform .25s cubic-bezier(.25,.46,.45,.94),top .25s cubic-bezier(.25,.46,.45,.94)}
.croix i:first-child{top:0}.croix i:last-child{top:8px}
.menu-ouvert .croix i:first-child{top:4px;transform:rotate(45deg)}
.menu-ouvert .croix i:last-child{top:4px;transform:rotate(-45deg)}
.voile{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity .35s}
.menu-ouvert .voile{opacity:1}
.menu-carte{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:25;width:min(340px,calc(100vw - 24px));transform:translate(-50%,16px);opacity:0;background:#FFF;color:#000;border:1px solid rgba(0,0,0,.08);border-radius:32px;box-shadow:var(--ombre-flottant);padding:22px 22px 76px;display:flex;flex-direction:column;gap:14px;transition:opacity .35s cubic-bezier(.645,.045,.355,1),transform .35s cubic-bezier(.645,.045,.355,1)}
.menu-ouvert .menu-carte{opacity:1;transform:translate(-50%,0);transition:opacity .42s cubic-bezier(.215,.61,.355,1),transform .42s cubic-bezier(.215,.61,.355,1)}
.menu-rubrique{font-size:13px;font-weight:500}
.menu-lien{position:relative;align-self:flex-start;font-size:18px;font-weight:500;text-decoration:none;min-height:30px;display:flex;align-items:center}
/* soulignement qui se dessine (charte 14.5 bis) */
.menu-lien::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.215,.61,.355,1)}
@media(hover:hover) and (pointer:fine){.menu-lien:hover::after{transform:scaleX(1);transform-origin:left}}
.menu-lien.actif::after{transform:scaleX(1)}
.menu-trait{border:0;border-top:1px solid rgba(0,0,0,.10);margin:4px 0}
.menu-sortie{height:45px;border:0;border-radius:99px;background:var(--carte);color:#FFF;font-size:15px;cursor:pointer}
.menu-carte>*{opacity:0;transform:translateY(10px);transition:opacity .15s,transform .15s}
.menu-ouvert .menu-carte>*{opacity:1;transform:none;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.25,.46,.45,.94)}

.message{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:40;transform:translate(-50%,10px);background:#111827;color:#FFF;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:500;box-shadow:0 10px 25px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}
.message.visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.menu-carte[hidden],.voile[hidden]{display:none}
/* menu : jamais plus haut que l'écran (téléphone couché) */
.menu-carte{max-height:calc(var(--haut) - 24px - env(safe-area-inset-bottom) - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}
@media(orientation:landscape) and (max-height:500px){.menu-carte{gap:8px;padding:16px 22px 70px}.menu-lien{font-size:16px;min-height:26px}}
/* grands écrans couchés : l'image d'en-tête garde la largeur de lecture, sans être étirée */
@media(orientation:landscape) and (min-width:900px){
  .une{max-width:760px;margin:16px auto 0;border-radius:28px;min-height:52vh}
  .une-texte{padding-left:22px;padding-right:22px}
}
.menu-carte>*{flex-shrink:0}

/* ===== Plein écran et gain de place sur téléphone (03/10/2026) ===== */
/* lancée depuis l'écran d'accueil : le contenu passe sous la barre d'état */
.une-texte{padding-top:env(safe-area-inset-top)}
/* programme : plus de séances visibles dès l'ouverture sur téléphone */
@media(max-width:600px){
  .une{min-height:46vh;min-height:46svh}
  .fil{gap:10px;padding-top:12px}
  .seance-tete{padding:14px 14px 14px 12px}
  .pause{padding:12px 14px 12px 12px}
  .seance-titre{font-size:18px}
  .detail-int{padding:0 14px 16px 74px}
}
@media(max-width:420px){.detail-int{padding-left:74px}}

/* ===== Connexion : le formulaire tient entièrement dans la partie visible, au-dessus des barres du navigateur (03/10/2026) ===== */
.auth .carte{margin:auto auto 0}
@media(max-width:600px) and (orientation:portrait){
  .auth{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .auth .carte{padding:20px 18px 18px}
  .auth h1{font-size:28px}
  .auth .sous{font-size:13.5px;margin-top:6px}
  .auth .champ{margin-top:10px}
  .auth .champ span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .auth .champ input{height:48px}
  .auth .choix{margin-top:12px}
  .auth .bouton{margin-top:14px}
  .auth .pied-form{display:none}
}
/* écran visible court (barres de Chrome) : le fond remonte pour garder le logo dégagé au-dessus du formulaire */
@media(max-width:600px) and (orientation:portrait) and (max-height:700px){.fond-ecran{background-position:center -60px}}

/* page légèrement défilable pour que Chrome réduise ses barres (aménagement initial rétabli),
   le formulaire restant entièrement visible quand les barres sont affichées */
@supports(height:100svh){.auth::after{content:"";flex:0 0 auto;height:calc(100lvh - 100svh)}}

/* heure de fin sous l'heure de début, dans la colonne des horaires */
.heure-fin{display:block;font-size:12.5px;font-weight:400;color:#FFF;opacity:.7;margin-top:2px}
.heure-fin::before{content:"à "}

/* ===================== Nos partenaires : tuiles carrées blanches ===================== */
.vue[hidden]{display:none}
.partenaires{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:600px){.partenaires{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.partenaires{grid-template-columns:repeat(4,1fr)}}
.tuile-partenaire{position:relative;aspect-ratio:1;background:#FFF;border-radius:22px;display:grid;place-items:center;padding:14px;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.10);transition:transform .2s cubic-bezier(.25,.46,.45,.94)}
.tuile-partenaire img{max-width:100%;max-height:72%;object-fit:contain;display:block}
.tuile-fleche{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:999px;background:#010101;color:#FFF;display:grid;place-items:center}
@media(hover:hover) and (pointer:fine){a.tuile-partenaire:hover{transform:translateY(-3px)}}
a.tuile-partenaire:active{transform:scale(.97)}

/* ===================== Mascotte StratCo, reprise de la vidéo modèle (videoStrat.mp4) ===================== */
.mascotte-bouton{margin-left:auto;width:42px;height:42px;flex:0 0 42px;border:0;border-radius:999px;background:none;display:grid;place-items:center;cursor:pointer;padding:0}
/* mascotte collée au bouton Menu, à la même place sur toutes les pages (05/10/2026) */
.pilule .pilule-menu{margin-left:0}
.mascotte{width:36px;height:36px;overflow:visible;filter:drop-shadow(0 0 3px rgba(255,255,255,.55)) drop-shadow(0 0 7px rgba(255,255,255,.25))}
.mascotte.petite{width:34px;height:34px}
.mascotte-pastille{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#010101;display:grid;place-items:center}
.mascotte *{transition:opacity .18s,fill .35s}
.m-tete,.m-main{fill:#FFF}
.m-yeux-points circle,.m-joues ellipse{fill:#1A1A1A}
.m-joues ellipse{fill:#F4A3B4}
.m-yeux-joie path,.m-yeux-vertige path{fill:none;stroke:#1A1A1A;stroke-width:1.3;stroke-linecap:round}
.m-yeux-joie,.m-yeux-vertige,.m-joues,.m-badge,.m-etincelles{opacity:0}
.m-badge circle{stroke:#010101;stroke-width:.8}
.m-yeux-vertige path{stroke-width:.7}
.m-badge text{font:700 4.6px Arial,sans-serif;fill:#FFF;text-anchor:middle;dominant-baseline:central}
.m-etincelles path{fill:#7EE8C7}
/* corps : léger flottement permanent, sauts avec écrasement et étirement */
.m-corps{transform-box:view-box;transform-origin:20px 32px;animation:flotteCorps 3s ease-in-out infinite}
@keyframes flotteCorps{0%,100%{transform:translateY(0)}50%{transform:translateY(-.8px)}}
.mascotte.saute .m-corps{animation:saut .7s cubic-bezier(.3,.7,.4,1)}
@keyframes saut{0%{transform:scale(1,1)}18%{transform:scale(1.14,.8)}45%{transform:translateY(-5px) scale(.9,1.12)}70%{transform:translateY(0) scale(1.08,.9)}85%{transform:scale(.97,1.03)}100%{transform:scale(1,1)}}
/* yeux : clignement, regard qui cherche quand il réfléchit */
.m-yeux-points{transform-box:fill-box;transform-origin:center}
.mascotte.cligne .m-yeux-points{animation:clin .22s ease-in-out}
@keyframes clin{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.12)}}
/* mains : la petite main ronde flotte, la main allongée salue */
.m-main-g{transform-box:fill-box;transform-origin:center;animation:flotteMain 2.2s ease-in-out infinite}
@keyframes flotteMain{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.4px)}}
.m-main-d{transform-box:view-box;transform-origin:31px 23px;transform:rotate(-28deg)}
.mascotte.salue .m-main-d{animation:salut 1.2s ease-in-out}
@keyframes salut{0%,100%{transform:rotate(-28deg)}20%{transform:rotate(-62deg)}40%{transform:rotate(-20deg)}60%{transform:rotate(-62deg)}80%{transform:rotate(-24deg)}}
/* états */
.mascotte[data-etat=joie] .m-yeux-points,.mascotte[data-etat=fini] .m-yeux-points,.mascotte[data-etat=vertige] .m-yeux-points{opacity:0}
.mascotte[data-etat=joie] .m-yeux-joie,.mascotte[data-etat=fini] .m-yeux-joie{opacity:1}
.mascotte[data-etat=reflexion] .m-badge,.mascotte[data-etat=fini] .m-badge,.mascotte[data-etat=attention] .m-badge{opacity:1}
.mascotte[data-etat=reflexion] .m-badge circle{fill:#3570F6}
.mascotte[data-etat=fini] .m-badge circle{fill:#2BC48A}
.mascotte[data-etat=attention] .m-badge circle{fill:#F1A841}
.mascotte[data-etat=reflexion] .m-yeux-points{animation:cherche 1.6s ease-in-out infinite}
@keyframes cherche{0%,100%{transform:translate(-1.2px,-1px)}50%{transform:translate(1.2px,-1px)}}
.mascotte[data-etat=fini] .m-tete{fill:#E6FAF2}
.mascotte[data-etat=fini] .m-corps{animation:penche 1.4s ease-in-out}
@keyframes penche{0%,100%{transform:rotate(0)}30%{transform:rotate(-12deg) translateY(-2px)}65%{transform:rotate(6deg)}}
.mascotte[data-etat=fini] .m-etincelles{opacity:1}
.mascotte[data-etat=fini] .m-etincelles path{transform-box:fill-box;transform-origin:center;animation:etincelle 1.1s ease-in-out infinite}
.mascotte[data-etat=fini] .m-etincelles path:nth-child(2){animation-delay:.25s}.mascotte[data-etat=fini] .m-etincelles path:nth-child(3){animation-delay:.5s}
@keyframes etincelle{0%,100%{transform:scale(.3);opacity:.2}50%{transform:scale(1);opacity:1}}
.mascotte[data-etat=vertige] .m-yeux-vertige,.mascotte[data-etat=vertige] .m-joues{opacity:1}
.mascotte[data-etat=vertige] .m-yeux-vertige path{transform-box:fill-box;transform-origin:center;animation:tourne 1.2s linear infinite}
@keyframes tourne{to{transform:rotate(360deg)}}
.mascotte[data-etat=attention]{filter:drop-shadow(0 0 4px rgba(241,168,65,.8)) drop-shadow(0 0 9px rgba(241,168,65,.35))}
.mascotte[data-etat=attention] .m-tete{fill:#FFF4E2}
/* apparition : il surgit doucement depuis le bas */
.mascotte.arrive{animation:arrive .9s cubic-bezier(.215,.61,.355,1) both}
@keyframes arrive{0%{opacity:0;transform:translateY(8px)}60%{opacity:1}100%{opacity:1;transform:none}}
.mascotte-bouton:active .mascotte{transform:scale(.9)}
@media(prefers-reduced-motion:reduce){.mascotte *,.mascotte{animation:none!important}}

/* ===================== Discussion avec StratCo ===================== */
.voile-chat{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity .35s}
.voile-chat[hidden],.chat[hidden]{display:none}
.chat-ouvert .voile-chat{opacity:1}
body.chat-ouvert{overflow:hidden}
.chat{color:#000;position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:45;width:min(400px,calc(100vw - 24px));height:min(760px,calc(var(--haut) - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
  display:flex;flex-direction:column;background:#FFF;border:1px solid rgba(0,0,0,.08);border-radius:32px;box-shadow:var(--ombre-flottant);overflow:hidden;
  transform:translate(-50%,24px) scale(.6);transform-origin:50% 100%;opacity:0;
  transition:transform .35s cubic-bezier(.645,.045,.355,1),opacity .35s cubic-bezier(.645,.045,.355,1),width .35s cubic-bezier(.645,.045,.355,1),height .35s cubic-bezier(.645,.045,.355,1),bottom .35s,border-radius .35s}
@supports(height:100svh){.chat{height:min(760px,calc(100svh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}
.chat-ouvert .chat{transform:translate(-50%,0) scale(1);opacity:1;transition:transform .42s cubic-bezier(.215,.61,.355,1),opacity .42s cubic-bezier(.215,.61,.355,1),width .35s cubic-bezier(.645,.045,.355,1),height .35s cubic-bezier(.645,.045,.355,1),bottom .35s,border-radius .35s}
/* agrandie : presque tout l'écran visible */
.chat-grand .chat{width:min(720px,calc(100vw - 16px));height:calc(100vh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));bottom:calc(8px + env(safe-area-inset-bottom));border-radius:26px}
@supports(height:100svh){.chat-grand .chat{height:calc(100svh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
.chat-tete{display:flex;align-items:center;gap:10px;padding:14px 14px 12px 16px;border-bottom:1px solid rgba(0,0,0,.08)}
.chat-nom{flex:1;min-width:0;line-height:1.25}
.chat-nom b{display:block;font-weight:500;font-size:16px}
.chat-nom span{display:block;font-size:12.5px}
.chat-rond{color:#000;width:36px;height:36px;border-radius:999px;border:1px solid #E9E9E9;background:#F9FAFA;box-shadow:12px 8px 20px rgba(0,0,0,.06);display:grid;place-items:center;cursor:pointer;flex:0 0 36px}
.chat-fil{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:8px}
.bulle{max-width:86%;padding:10px 14px;border-radius:18px;font-size:14.5px;line-height:1.45;animation:bulleEntre .3s cubic-bezier(.25,.46,.45,.94)}
.bulle.bot{align-self:flex-start;background:#F1F1F1;color:#000;border-bottom-left-radius:6px}
/* réponse de l'agent : petit personnage StratCo en noir à gauche de la bulle (07/10/2026) */
.ligne-bot{align-self:flex-start;display:flex;align-items:flex-end;gap:6px;max-width:92%}
.ligne-bot .bulle{max-width:none;min-width:0}
.avatar-strat{width:26px;height:26px;flex:0 0 26px;overflow:visible;fill:#010101;margin-bottom:2px}
.avatar-strat .av-oeil{fill:#FFF}
@media(max-width:600px){.bulle{font-size:13.5px}}
.bulle.moi{align-self:flex-end;background:var(--carte);color:#FFF;border-bottom-right-radius:6px}
.bulle .rep-ligne{display:block}
.bulle .rep-ligne+.rep-ligne{margin-top:6px}
.bulle.attente{display:flex;gap:4px;padding:14px}
.bulle.attente i{width:7px;height:7px;border-radius:999px;background:#000;opacity:.4;animation:point 1s infinite}
.bulle.attente i:nth-child(2){animation-delay:.15s}.bulle.attente i:nth-child(3){animation-delay:.3s}
@keyframes point{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes bulleEntre{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.chat-saisie{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(0,0,0,.08)}
.chat-saisie input{flex:1;min-width:0;height:46px;border:0;border-radius:999px;background:#F3F4F6;color:#000;padding:0 18px;font-size:15px;-webkit-appearance:none;appearance:none}
.chat-saisie input::placeholder{color:#000;opacity:1}
.chat-saisie button{width:46px;height:46px;flex:0 0 46px;border:0;border-radius:999px;background:var(--carte);color:#FFF;box-shadow:var(--ombre-noir);display:grid;place-items:center;cursor:pointer}
@media(prefers-reduced-motion:reduce){.m-corps,.m-yeux ellipse,.m-main{animation:none}}

/* ==========================================================================
   AMÉNAGEMENTS SPÉCIFIQUES STRATCORUN (03/10/2026)
   Titres de page (ex. « Programme de la journée ») et « Bienvenue ! » :
   taille très légèrement réduite, graisse intermédiaire, lettres resserrées.
   Arial n'a pas de graisse entre le normal et le gras : la graisse intermédiaire
   est obtenue en partant du normal et en épaississant légèrement le trait.
   Ce bloc est placé en dernier : il prend le pas sur les règles ci-dessus.
   ========================================================================== */
h1{
  font-size:30px;                         /* était 32px sur téléphone */
  font-weight:400;
  -webkit-text-stroke:.45px currentColor; /* entre le normal et le gras */
  letter-spacing:-.025em;                 /* était -.015em, lettres resserrées */
}
@media(min-width:768px){h1{font-size:37px;-webkit-text-stroke:.55px currentColor}}    /* était 40px sur tablette */
@media(min-width:1280px){h1{font-size:44px;-webkit-text-stroke:.65px currentColor}}   /* était 48px sur grand écran */

/* « Bienvenue ! » de la page de connexion : même traitement */
.auth h1{font-weight:400;letter-spacing:-.025em}
/* téléphone en portrait : 28px conservé pour que le formulaire tienne au-dessus des barres du navigateur */
@media(max-width:600px) and (orientation:portrait){.auth h1{font-size:28px;-webkit-text-stroke:.42px currentColor}}
/* Nos partenaires : les logos apparaissent progressivement depuis le blanc de la tuile (les tuiles ne bougent pas). Rejoue à chaque ouverture de la page. */
.tuile-partenaire img{animation:logo-blanc 1.4s cubic-bezier(.4,0,.2,1) .2s both}
@keyframes logo-blanc{from{opacity:0}to{opacity:1}}
/* décalage : 0,2 seconde de plus pour chaque logo */
.tuile-partenaire:nth-child(2) img{animation-delay:0.4s}
.tuile-partenaire:nth-child(3) img{animation-delay:0.6s}
.tuile-partenaire:nth-child(4) img{animation-delay:0.8s}
.tuile-partenaire:nth-child(5) img{animation-delay:1.0s}
.tuile-partenaire:nth-child(6) img{animation-delay:1.2s}
.tuile-partenaire:nth-child(7) img{animation-delay:1.4s}
.tuile-partenaire:nth-child(8) img{animation-delay:1.6s}
.tuile-partenaire:nth-child(9) img{animation-delay:1.8s}
.tuile-partenaire:nth-child(10) img{animation-delay:2.0s}
.tuile-partenaire:nth-child(11) img{animation-delay:2.2s}
.tuile-partenaire:nth-child(12) img{animation-delay:2.4s}
/* logo StratCoRun 2026 au-dessus de la ligne édition et date : tracé vectoriel dans la page, couleurs réglées ici */
.logo-stratco{display:block;width:min(138px,36vw);height:auto;margin:0;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35)) drop-shadow(0 2px 4px rgba(0,0,0,.18))}
.logo-stratco .logo-blanc{fill:#FFF}
.logo-stratco .logo-citron{fill:var(--citron)}
/* logo et pastille en haut à gauche de l'en-tête, à 100 points du haut (Programme et Nos partenaires), hors du flux */
.une-coin{position:absolute;z-index:2;top:100px;left:var(--g);display:flex;flex-direction:column;align-items:flex-start;gap:10px}

/* ===================== Leader Réunion : pages du magazine l'une sous l'autre ===================== */
.leader-choix{display:flex;flex-direction:column;gap:10px}
/* Leader Réunion : tuiles typographiques : tuile citron (texte bleu nuit) et tuile mauve #7A62D3 (texte blanc, contraste 4,65), très grand mot détouré coupé par le bord, flèche ronde */
.tuile-typo{position:relative;display:block;text-decoration:none;width:100%;height:138px;border:0;border-radius:22px;overflow:hidden;padding:15px 16px;text-align:left;font:inherit;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.tuile-typo.noire{background:#FFF;color:#213762}
.tuile-typo.blanche{background:#FFF;color:#7A62D3}
.tuile-typo .geant{position:absolute;right:-8px;bottom:-22px;font-size:92px;font-weight:700;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.2px currentColor}
/* tuiles Leader Réunion sur fond blanc : texte et numéro en bleu pour l'une, en mauve pour l'autre (04/10/2026) */
.tuile-typo.noire .geant{-webkit-text-stroke-color:#213762}
.tuile-typo.blanche .geant{-webkit-text-stroke-color:#7A62D3}
.tuile-typo .nom{position:relative;display:block;font-size:20px;line-height:1.1;font-weight:400;-webkit-text-stroke:.35px currentColor;letter-spacing:-.02em}
.tuile-typo .nom b{font-weight:700;-webkit-text-stroke:0}
.tuile-typo .fleche{position:absolute;left:16px;bottom:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.tuile-typo .fleche svg{width:16px;height:16px}
.tuile-typo.noire .fleche{background:#010101;color:#FFF}
.tuile-typo.blanche .fleche{background:#010101;color:#FFF}
.tuile-typo:active{transform:scale(.98)}
/* pages courtes (Leader Réunion, Nos partenaires) : la page reste un peu plus haute que l'écran pour que le navigateur réduise ses barres
   en faisant défiler vers le haut, comme sur Programme */
#blog{min-height:calc(100vh + 60px)}
@supports(height:100lvh){#blog{min-height:calc(100lvh + 60px)}}
/* menu principal : « StratCo » écrit verticalement le long du bord droit, lettres ajourées (contour seul) violet léger, décoratif, sans toucher les liens */
.menu-filigrane{position:absolute;top:18px;right:14px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:64px;font-weight:700;letter-spacing:-.02em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.4);pointer-events:none;user-select:none;z-index:0}
.menu-carte > *:not(.menu-filigrane){position:relative;z-index:1}
@media(orientation:landscape) and (max-height:500px){.menu-filigrane{display:none}}
/* « StratCo » du menu lu de bas en haut : la rotation doit l'emporter sur l'animation d'ouverture des éléments du menu */
.menu-carte>.menu-filigrane{transform:rotate(180deg) translateY(-10px)}
.menu-ouvert .menu-carte>.menu-filigrane{transform:rotate(180deg)}
/* bouton « Se déconnecter » : jaune citron, texte bleu nuit */
.menu-sortie{background:var(--citron);color:var(--scene)}
/* tuile Leader Réunion : « Leader Réunion Octobre 2026 » sur une seule ligne, taille réduite automatiquement sur les écrans étroits */
.tuile-typo .nom b.une-ligne{white-space:nowrap;font-size:min(20px,5.1vw)}
/* tuiles Leader Réunion : « L'événement » et « Consulter le » très légèrement plus petits (17 points) ; la ligne en gras reste à 20 points */
.tuile-typo .nom{font-size:17px}
.tuile-typo .nom b{font-size:20px}
.tuile-typo .nom b.une-ligne{font-size:min(20px,5.1vw)}
/* bloc en cours du programme : pastille verticale « now ! » (lue de bas en haut), centrée, à l'extérieur du bloc, détachée de sa bordure gauche ;
   lettres pleines citron sans cadre, clignotantes, étirées sur toute la hauteur du bloc ; citron plus léger sur un petit bloc (--la posée par app.js) (04/10/2026) ; taille calculée selon la hauteur du bloc (variable --lt posée par app.js) */
.seance.en-cours,.pause.en-cours{position:relative;overflow:visible;margin-left:calc(var(--lt,24px) + 14px)}
.seance.en-cours::after,.pause.en-cours::after{content:"now !";position:absolute;left:calc(-1 * (var(--lt,24px) + 9px));top:0;height:100%;transform:rotate(180deg);writing-mode:vertical-rl;box-sizing:border-box;width:var(--lt,24px);padding:0;border-radius:0;background:none;color:rgba(215,247,42,var(--la,1));-webkit-text-stroke:0;animation:sc-clignote 1.1s ease-in-out infinite;font:700 var(--lt,24px)/var(--lt,24px) Arial,sans-serif;letter-spacing:0;text-align:center;white-space:nowrap;pointer-events:none}
@keyframes sc-clignote{0%,100%{opacity:1}50%{opacity:.15}}
/* bouton retour en haut de la page Leader Réunion : pilule noire, icône et texte intégrés, comme le LiveChat (05/10/2026) */
.retour-vue{position:absolute;z-index:3;top:calc(14px + env(safe-area-inset-top));left:var(--g);height:32px;padding:0 14px 0 9px;border:0;border-radius:99px;background:#010101;color:#FFF;display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.retour-vue[hidden]{display:none}
/* tuiles Leader Réunion en forme « hublot » côte à côte (05/10/2026) : forme B de la charte (superellipse d'exposant 5), 210 points de haut, fond blanc,
   texte et grand mot détouré en bleu ou en mauve ; l'ombre passe par le conteneur, car le découpage coupe celle de la tuile */
.leader-choix{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.leader-choix .tuile-typo{height:210px;border-radius:0;box-shadow:none;padding:22px 18px;-webkit-clip-path:polygon(100.00% 50.00%,99.98% 35.03%,99.90% 30.25%,99.78% 26.80%,99.61% 23.99%,99.40% 21.61%,99.13% 19.51%,98.81% 17.64%,98.44% 15.95%,98.02% 14.41%,97.55% 12.99%,97.02% 11.68%,96.44% 10.48%,95.80% 9.36%,95.11% 8.32%,94.35% 7.36%,93.53% 6.47%,92.64% 5.65%,91.68% 4.89%,90.64% 4.20%,89.52% 3.56%,88.32% 2.98%,87.01% 2.45%,85.59% 1.98%,84.05% 1.56%,82.36% 1.19%,80.49% 0.87%,78.39% 0.60%,76.01% 0.39%,73.20% 0.22%,69.75% 0.10%,64.97% 0.02%,50.00% 0.00%,35.03% 0.02%,30.25% 0.10%,26.80% 0.22%,23.99% 0.39%,21.61% 0.60%,19.51% 0.87%,17.64% 1.19%,15.95% 1.56%,14.41% 1.98%,12.99% 2.45%,11.68% 2.98%,10.48% 3.56%,9.36% 4.20%,8.32% 4.89%,7.36% 5.65%,6.47% 6.47%,5.65% 7.36%,4.89% 8.32%,4.20% 9.36%,3.56% 10.48%,2.98% 11.68%,2.45% 12.99%,1.98% 14.41%,1.56% 15.95%,1.19% 17.64%,0.87% 19.51%,0.60% 21.61%,0.39% 23.99%,0.22% 26.80%,0.10% 30.25%,0.02% 35.03%,0.00% 50.00%,0.02% 64.97%,0.10% 69.75%,0.22% 73.20%,0.39% 76.01%,0.60% 78.39%,0.87% 80.49%,1.19% 82.36%,1.56% 84.05%,1.98% 85.59%,2.45% 87.01%,2.98% 88.32%,3.56% 89.52%,4.20% 90.64%,4.89% 91.68%,5.65% 92.64%,6.47% 93.53%,7.36% 94.35%,8.32% 95.11%,9.36% 95.80%,10.48% 96.44%,11.68% 97.02%,12.99% 97.55%,14.41% 98.02%,15.95% 98.44%,17.64% 98.81%,19.51% 99.13%,21.61% 99.40%,23.99% 99.61%,26.80% 99.78%,30.25% 99.90%,35.03% 99.98%,50.00% 100.00%,64.97% 99.98%,69.75% 99.90%,73.20% 99.78%,76.01% 99.61%,78.39% 99.40%,80.49% 99.13%,82.36% 98.81%,84.05% 98.44%,85.59% 98.02%,87.01% 97.55%,88.32% 97.02%,89.52% 96.44%,90.64% 95.80%,91.68% 95.11%,92.64% 94.35%,93.53% 93.53%,94.35% 92.64%,95.11% 91.68%,95.80% 90.64%,96.44% 89.52%,97.02% 88.32%,97.55% 87.01%,98.02% 85.59%,98.44% 84.05%,98.81% 82.36%,99.13% 80.49%,99.40% 78.39%,99.61% 76.01%,99.78% 73.20%,99.90% 69.75%,99.98% 64.97%);clip-path:polygon(100.00% 50.00%,99.98% 35.03%,99.90% 30.25%,99.78% 26.80%,99.61% 23.99%,99.40% 21.61%,99.13% 19.51%,98.81% 17.64%,98.44% 15.95%,98.02% 14.41%,97.55% 12.99%,97.02% 11.68%,96.44% 10.48%,95.80% 9.36%,95.11% 8.32%,94.35% 7.36%,93.53% 6.47%,92.64% 5.65%,91.68% 4.89%,90.64% 4.20%,89.52% 3.56%,88.32% 2.98%,87.01% 2.45%,85.59% 1.98%,84.05% 1.56%,82.36% 1.19%,80.49% 0.87%,78.39% 0.60%,76.01% 0.39%,73.20% 0.22%,69.75% 0.10%,64.97% 0.02%,50.00% 0.00%,35.03% 0.02%,30.25% 0.10%,26.80% 0.22%,23.99% 0.39%,21.61% 0.60%,19.51% 0.87%,17.64% 1.19%,15.95% 1.56%,14.41% 1.98%,12.99% 2.45%,11.68% 2.98%,10.48% 3.56%,9.36% 4.20%,8.32% 4.89%,7.36% 5.65%,6.47% 6.47%,5.65% 7.36%,4.89% 8.32%,4.20% 9.36%,3.56% 10.48%,2.98% 11.68%,2.45% 12.99%,1.98% 14.41%,1.56% 15.95%,1.19% 17.64%,0.87% 19.51%,0.60% 21.61%,0.39% 23.99%,0.22% 26.80%,0.10% 30.25%,0.02% 35.03%,0.00% 50.00%,0.02% 64.97%,0.10% 69.75%,0.22% 73.20%,0.39% 76.01%,0.60% 78.39%,0.87% 80.49%,1.19% 82.36%,1.56% 84.05%,1.98% 85.59%,2.45% 87.01%,2.98% 88.32%,3.56% 89.52%,4.20% 90.64%,4.89% 91.68%,5.65% 92.64%,6.47% 93.53%,7.36% 94.35%,8.32% 95.11%,9.36% 95.80%,10.48% 96.44%,11.68% 97.02%,12.99% 97.55%,14.41% 98.02%,15.95% 98.44%,17.64% 98.81%,19.51% 99.13%,21.61% 99.40%,23.99% 99.61%,26.80% 99.78%,30.25% 99.90%,35.03% 99.98%,50.00% 100.00%,64.97% 99.98%,69.75% 99.90%,73.20% 99.78%,76.01% 99.61%,78.39% 99.40%,80.49% 99.13%,82.36% 98.81%,84.05% 98.44%,85.59% 98.02%,87.01% 97.55%,88.32% 97.02%,89.52% 96.44%,90.64% 95.80%,91.68% 95.11%,92.64% 94.35%,93.53% 93.53%,94.35% 92.64%,95.11% 91.68%,95.80% 90.64%,96.44% 89.52%,97.02% 88.32%,97.55% 87.01%,98.02% 85.59%,98.44% 84.05%,98.81% 82.36%,99.13% 80.49%,99.40% 78.39%,99.61% 76.01%,99.78% 73.20%,99.90% 69.75%,99.98% 64.97%)}
.leader-choix .tuile-typo .nom{font-size:15px}
.leader-choix .tuile-typo .nom b,.leader-choix .tuile-typo .nom b.une-ligne{display:block;margin-top:2px;font-size:18px;line-height:1.12;white-space:normal}
.leader-choix .tuile-typo .geant{font-size:48px;right:18px;bottom:16px}
.leader-choix .tuile-typo .fleche{left:18px;bottom:20px}
/* tuiles Leader Réunion (05/10/2026) : nettement plus hautes que larges (250 points), même forme hublot que le LiveChat (superellipse d'exposant 5 :
   bord presque droit au départ, courbe qui tourne doucement puis se ferme franchement dans l'angle) ; fond bleu plein (un flou est sans effet sous l'ombre du conteneur), écriture blanche, grand mot détouré citron */
.leader-choix .tuile-typo{height:250px!important;background:#213762!important;color:#FFF!important}
.leader-choix .tuile-typo .geant{-webkit-text-stroke:1.2px #D7F72A!important}
/* liseré clair qui suit la forme hublot (le découpage supprime la bordure : le liseré passe par le conteneur), comme les tuiles du LiveChat */
.leader-choix{filter:drop-shadow(0 0 .6px rgba(255,255,255,.55)) drop-shadow(0 10px 18px rgba(0,0,0,.22))!important}
/* tuiles Leader Réunion proportionnées (05/10/2026) : largeur limitée à 240 points (sur ordinateur elles ne s'étirent plus), rapport fixe 173 x 250
   quelle que soit la largeur ; texte, grand mot et flèche dimensionnés en proportion de la tuile (unités cqw) ; texte descendu et agrandi,
   « L'événement » / « Consulter le » en graisse moyenne, la ligne principale en gras */
.leader-choix{grid-template-columns:repeat(2,minmax(0,300px))!important}
.leader-choix .tuile-typo{height:auto!important;aspect-ratio:4/5;container-type:inline-size;padding:24% 11% 0!important}
.leader-choix .tuile-typo .nom{font-size:11.8cqw!important;line-height:1.15!important;font-weight:400;-webkit-text-stroke:.35px currentColor}
.leader-choix .tuile-typo .nom b,.leader-choix .tuile-typo .nom b.une-ligne{font-size:14.5cqw!important;line-height:1.08!important;margin-top:2cqw;font-weight:700;-webkit-text-stroke:0;white-space:normal}
.leader-choix .tuile-typo .geant{font-size:36cqw!important;right:11cqw!important;bottom:12cqw!important}
.leader-choix .tuile-typo .fleche{width:22cqw;height:22cqw;left:14cqw!important;bottom:16cqw!important}
.leader-choix .tuile-typo .fleche svg{width:11cqw;height:11cqw}
/* page Leader Réunion : l'image d'arrière-plan en plein écran, fixe, sans voile bleu, derrière les fenêtres (05/10/2026) */
body.vue-leader{background:transparent!important}
body.vue-leader::before{content:"";position:fixed;left:0;right:0;top:0;height:100vh;height:100lvh;z-index:-1;background:var(--scene) url(../pictures/wallpaper.jpg) center top/cover no-repeat}
body.vue-leader .une-image{display:none}
/* titre « Leader Réunion » en blanc sur l'image claire : légère ombre pour le détacher (05/10/2026) */
body.vue-leader .une h1{text-shadow:0 1px 2px rgba(0,0,0,.35),0 3px 10px rgba(0,0,0,.25)}
/* tuiles Nos partenaires : même forme hublot que le LiveChat (superellipse d'exposant 5), rien d'autre ne change ; l'ombre passe par le conteneur
   (le découpage coupe celle de la tuile) et la flèche est rentrée de quelques points pour ne pas être coupée par l'angle (05/10/2026) */
.partenaires{filter:drop-shadow(0 8px 20px rgba(0,0,0,.10))}
.tuile-partenaire{-webkit-clip-path:polygon(100.00% 50.00%,99.98% 35.03%,99.90% 30.25%,99.78% 26.80%,99.61% 23.99%,99.40% 21.61%,99.13% 19.51%,98.81% 17.64%,98.44% 15.95%,98.02% 14.41%,97.55% 12.99%,97.02% 11.68%,96.44% 10.48%,95.80% 9.36%,95.11% 8.32%,94.35% 7.36%,93.53% 6.47%,92.64% 5.65%,91.68% 4.89%,90.64% 4.20%,89.52% 3.56%,88.32% 2.98%,87.01% 2.45%,85.59% 1.98%,84.05% 1.56%,82.36% 1.19%,80.49% 0.87%,78.39% 0.60%,76.01% 0.39%,73.20% 0.22%,69.75% 0.10%,64.97% 0.02%,50.00% 0.00%,35.03% 0.02%,30.25% 0.10%,26.80% 0.22%,23.99% 0.39%,21.61% 0.60%,19.51% 0.87%,17.64% 1.19%,15.95% 1.56%,14.41% 1.98%,12.99% 2.45%,11.68% 2.98%,10.48% 3.56%,9.36% 4.20%,8.32% 4.89%,7.36% 5.65%,6.47% 6.47%,5.65% 7.36%,4.89% 8.32%,4.20% 9.36%,3.56% 10.48%,2.98% 11.68%,2.45% 12.99%,1.98% 14.41%,1.56% 15.95%,1.19% 17.64%,0.87% 19.51%,0.60% 21.61%,0.39% 23.99%,0.22% 26.80%,0.10% 30.25%,0.02% 35.03%,0.00% 50.00%,0.02% 64.97%,0.10% 69.75%,0.22% 73.20%,0.39% 76.01%,0.60% 78.39%,0.87% 80.49%,1.19% 82.36%,1.56% 84.05%,1.98% 85.59%,2.45% 87.01%,2.98% 88.32%,3.56% 89.52%,4.20% 90.64%,4.89% 91.68%,5.65% 92.64%,6.47% 93.53%,7.36% 94.35%,8.32% 95.11%,9.36% 95.80%,10.48% 96.44%,11.68% 97.02%,12.99% 97.55%,14.41% 98.02%,15.95% 98.44%,17.64% 98.81%,19.51% 99.13%,21.61% 99.40%,23.99% 99.61%,26.80% 99.78%,30.25% 99.90%,35.03% 99.98%,50.00% 100.00%,64.97% 99.98%,69.75% 99.90%,73.20% 99.78%,76.01% 99.61%,78.39% 99.40%,80.49% 99.13%,82.36% 98.81%,84.05% 98.44%,85.59% 98.02%,87.01% 97.55%,88.32% 97.02%,89.52% 96.44%,90.64% 95.80%,91.68% 95.11%,92.64% 94.35%,93.53% 93.53%,94.35% 92.64%,95.11% 91.68%,95.80% 90.64%,96.44% 89.52%,97.02% 88.32%,97.55% 87.01%,98.02% 85.59%,98.44% 84.05%,98.81% 82.36%,99.13% 80.49%,99.40% 78.39%,99.61% 76.01%,99.78% 73.20%,99.90% 69.75%,99.98% 64.97%);clip-path:polygon(100.00% 50.00%,99.98% 35.03%,99.90% 30.25%,99.78% 26.80%,99.61% 23.99%,99.40% 21.61%,99.13% 19.51%,98.81% 17.64%,98.44% 15.95%,98.02% 14.41%,97.55% 12.99%,97.02% 11.68%,96.44% 10.48%,95.80% 9.36%,95.11% 8.32%,94.35% 7.36%,93.53% 6.47%,92.64% 5.65%,91.68% 4.89%,90.64% 4.20%,89.52% 3.56%,88.32% 2.98%,87.01% 2.45%,85.59% 1.98%,84.05% 1.56%,82.36% 1.19%,80.49% 0.87%,78.39% 0.60%,76.01% 0.39%,73.20% 0.22%,69.75% 0.10%,64.97% 0.02%,50.00% 0.00%,35.03% 0.02%,30.25% 0.10%,26.80% 0.22%,23.99% 0.39%,21.61% 0.60%,19.51% 0.87%,17.64% 1.19%,15.95% 1.56%,14.41% 1.98%,12.99% 2.45%,11.68% 2.98%,10.48% 3.56%,9.36% 4.20%,8.32% 4.89%,7.36% 5.65%,6.47% 6.47%,5.65% 7.36%,4.89% 8.32%,4.20% 9.36%,3.56% 10.48%,2.98% 11.68%,2.45% 12.99%,1.98% 14.41%,1.56% 15.95%,1.19% 17.64%,0.87% 19.51%,0.60% 21.61%,0.39% 23.99%,0.22% 26.80%,0.10% 30.25%,0.02% 35.03%,0.00% 50.00%,0.02% 64.97%,0.10% 69.75%,0.22% 73.20%,0.39% 76.01%,0.60% 78.39%,0.87% 80.49%,1.19% 82.36%,1.56% 84.05%,1.98% 85.59%,2.45% 87.01%,2.98% 88.32%,3.56% 89.52%,4.20% 90.64%,4.89% 91.68%,5.65% 92.64%,6.47% 93.53%,7.36% 94.35%,8.32% 95.11%,9.36% 95.80%,10.48% 96.44%,11.68% 97.02%,12.99% 97.55%,14.41% 98.02%,15.95% 98.44%,17.64% 98.81%,19.51% 99.13%,21.61% 99.40%,23.99% 99.61%,26.80% 99.78%,30.25% 99.90%,35.03% 99.98%,50.00% 100.00%,64.97% 99.98%,69.75% 99.90%,73.20% 99.78%,76.01% 99.61%,78.39% 99.40%,80.49% 99.13%,82.36% 98.81%,84.05% 98.44%,85.59% 98.02%,87.01% 97.55%,88.32% 97.02%,89.52% 96.44%,90.64% 95.80%,91.68% 95.11%,92.64% 94.35%,93.53% 93.53%,94.35% 92.64%,95.11% 91.68%,95.80% 90.64%,96.44% 89.52%,97.02% 88.32%,97.55% 87.01%,98.02% 85.59%,98.44% 84.05%,98.81% 82.36%,99.13% 80.49%,99.40% 78.39%,99.61% 76.01%,99.78% 73.20%,99.90% 69.75%,99.98% 64.97%);box-shadow:none}
.tuile-partenaire .tuile-fleche{top:16px;right:16px}
/* séance en cours : « now ! » remplacé par une petite horloge au trait, citron adouci, qui clignote, en haut à gauche, à l'extérieur du bloc (05/10/2026) */
.seance.en-cours,.pause.en-cours{--lt:26px!important}
.seance.en-cours::after,.pause.en-cours::after{content:""!important;top:2px!important;height:26px!important;width:26px!important;left:-35px!important;transform:none!important;writing-mode:horizontal-tb!important;padding:0!important;font-size:0!important;background:rgba(215,247,42,.7)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M12 7v5l3.2 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M12 7v5l3.2 2'/%3E%3C/svg%3E") center/contain no-repeat;animation:sc-clignote 1.4s ease-in-out infinite!important}

/* Sl3t 07/10/2026 : accueil, déjeuner et cocktail en jaune, écriture bleue */
.pause.jaune{background:#D7F72A;border:1px solid #D7F72A;color:#213762}
.pause.jaune .heure,.pause.jaune .heure-fin,.pause.jaune .texte-pause{color:#213762}
.pause.jaune .titre-pause{font-size:19px;font-weight:500;line-height:1.25;letter-spacing:-.015em}
@media(max-width:600px){.pause.jaune .titre-pause{font-size:18px}}

/* Sl3t 07/10/2026 : Nos partenaires stratégiques, même structure que la page ordinateur partenaires_2026.html :
   bouton date bleu marine écrit en blanc, titre un peu plus bas, cartes des partenaires qui ont leur page, puis les autres logos */
body.vue-partenaires .une-meta{background:#213762;color:#FFF}
body.vue-partenaires .une h1{margin-top:20px}
.cartes-partenaires{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}
@media(min-width:600px){.cartes-partenaires{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.cartes-partenaires{grid-template-columns:repeat(3,1fr)}}
.carte-partenaire{display:flex;flex-direction:column;text-decoration:none;color:#FFF;background:#213762;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:transform .2s cubic-bezier(.25,.46,.45,.94)}
.carte-partenaire:active{transform:scale(.98)}
.cp-visuel{position:relative;display:block;aspect-ratio:16/9;background:radial-gradient(120% 90% at 85% 10%,#2E4C86 0%,#213762 60%,#132447 100%)}
.cp-visuel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cp-visuel.sans-photo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(215,247,42,0) 0 22px,rgba(215,247,42,.12) 22px 26px);-webkit-mask:linear-gradient(225deg,#000 0%,transparent 60%);mask:linear-gradient(225deg,#000 0%,transparent 60%)}
.cp-grand{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:38%;aspect-ratio:1;background:#FFF;border-radius:20px;display:grid;place-items:center;padding:5%;box-shadow:0 12px 26px rgba(0,0,0,.28)}
.cp-grand img{width:100%;height:auto}
.cp-logo{position:absolute;left:14px;bottom:-28px;z-index:1;width:72px;height:72px;background:#FFF;border-radius:18px;display:grid;place-items:center;padding:7px;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.cp-logo img{width:100%;height:auto}
.cp-texte{display:block;padding:38px 18px 18px}
.cp-texte b{display:block;font-size:20px;line-height:1.15;font-weight:400;letter-spacing:-.02em;color:#D7F72A}
.cp-voir{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:14px}
.cp-voir i{width:28px;height:28px;border-radius:99px;background:#D7F72A;color:#213762;display:grid;place-items:center}

/* ===== Mascotte StratCo animée en permanence (07/10/2026) : dans la barre du menu comme dans la discussion,
   couleurs qui se fondent doucement et mouvements vifs. Bleu ciel (yeux blancs), jaune (yeux bleus), mauve (yeux noirs). ===== */
@keyframes mascotteTeinte{
  0%,100%{fill:#8FD3F5}
  30%{fill:#8FD3F5}
  36%,63%{fill:#FFD93D}
  69%,94%{fill:#C49BF2}
}
@keyframes mascotteYeux{
  0%,100%{fill:#FFFFFF}
  30%{fill:#FFFFFF}
  36%,63%{fill:#2A63D4}
  69%,94%{fill:#010101}
}
@keyframes mascotteVive{
  0%,100%{transform:translateY(0) rotate(0)}
  20%{transform:translateY(-3.2px) rotate(-4deg)}
  40%{transform:translateY(0) rotate(0)}
  60%{transform:translateY(-3.6px) rotate(4deg)}
  80%{transform:translateY(-.6px) rotate(0)}
}
.mascotte .m-tete,.mascotte .m-main{animation:mascotteTeinte 12s ease-in-out infinite}
.mascotte.salue .m-main-d{animation:salut 1.2s ease-in-out,mascotteTeinte 12s ease-in-out infinite}
.mascotte .m-yeux-points circle{animation:mascotteYeux 12s ease-in-out infinite}
.mascotte .m-corps{animation:mascotteVive 1.8s ease-in-out infinite}
/* boutons de lien sous les réponses de l'agent (07/10/2026) : petites pilules bleu nuit avec une chaîne */
.liens-agent{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.lien-agent{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;background:var(--carte);color:#FFF;font:inherit;font-size:12.5px;line-height:1.2;padding:5px 11px 5px 9px;cursor:pointer;text-align:left}
.lien-agent:active{transform:scale(.97)}