/* ============================================================
   Slides — géométrie reprise du PDF (1 pt = 1 px, scène 960×540)
   ============================================================ */

/* Réglages communs aux icônes SVG */
svg.ico, .ico-ring svg, .browser__tools svg{
  fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;
}

/* ═════════════════════ 01 — Couverture ═════════════════════ */
.s01{ background:linear-gradient(180deg,#fefdfc 0%,#fefdfb 55%,#fdfcfa 100%); }

.s01__logo{ position:absolute; left:75px; top:73px; width:186px; height:66px; object-fit:contain; }

.s01__title{
  position:absolute; left:48px; top:198px; margin:0;
  font-size:35px; line-height:39px; font-weight:800;
  letter-spacing:-.018em; color:var(--navy);
}
.s01__title em{ font-style:normal; }

.s01__sub{
  position:absolute; left:48px; top:332px; margin:0;
  font-family:var(--font-alt); font-size:12px; font-weight:500;
  color:var(--navy); letter-spacing:-.002em;
}

/* ---------- Maquette ordinateur ---------- */
.laptop{
  position:absolute; left:377.5px; top:47.5px; width:533px; height:394px;
  background:#1b1f25; border-radius:14px;
  box-shadow:0 20px 64px rgba(7,26,60,.22), 0 4px 16px rgba(7,26,60,.10);
}
.laptop__cam{
  position:absolute; left:265px; top:2.5px; width:3px; height:3px;
  border-radius:50%; background:#3a4048;
}
.laptop__screen{
  position:absolute; left:5px; top:5px; width:523px; height:384px;
  background:#fff; border-radius:10px; overflow:hidden;
}
.laptop__base{
  position:absolute; left:344px; top:441.5px; width:600px; height:14px;
  background:#aeb6c3; border-radius:0 0 7px 7px;
  box-shadow:0 10px 22px rgba(7,26,60,.16);
}
.laptop__base i{
  position:absolute; left:267px; top:3.5px; width:66px; height:3px;
  border-radius:2px; background:#99a3b3;
}

/* Barre de navigateur */
.browser__top{ position:absolute; left:0; top:0; width:523px; height:47.5px; }
.browser__logo{ position:absolute; left:15px; top:10.5px; width:75px; height:26.5px; object-fit:contain; }
.browser__search{
  position:absolute; left:152.7px; top:12.3px; width:234.5px; height:23.5px;
  border:.5px solid var(--line-3); border-radius:11.75px;
  display:flex; align-items:center; gap:6px; padding:0 12px;
  font-family:var(--font-alt); font-size:8.5px; color:var(--muted);
}
.browser__search svg{ width:9px; height:9px; stroke-width:2.2; flex:none; }
.browser__tools{
  position:absolute; right:17px; top:19px; display:flex; align-items:center; gap:14px;
  color:var(--navy);
}
.browser__tools svg{ width:11px; height:11px; stroke-width:1.9; }

/* Menu principal */
.browser__nav{
  position:absolute; left:15px; top:47.5px; width:493px; height:29px;
  display:flex; align-items:center; gap:16.8px;
  border-top:.5px solid var(--line-2); border-bottom:.5px solid var(--line-2);
  font-size:9.25px; font-weight:600; color:var(--navy);
}
.browser__nav span{ position:relative; }
.browser__nav .is-current{ color:var(--rose); font-weight:800; }
.browser__nav .is-current::after{
  content:""; position:absolute; left:0; bottom:-8.2px;
  width:32.5px; height:1.5px; background:var(--rose-alt); border-radius:1px;
}

/* Bandeau héros */
.browser__hero{ position:absolute; left:0; top:77px; width:523px; height:186px; display:flex; }
.browser__heroTxt{ position:relative; width:242.9px; height:100%; background:var(--beige); }
.browser__heroTxt h2{
  position:absolute; left:15px; top:14.8px; margin:0;
  font-size:21px; line-height:27.5px; font-weight:800; color:var(--navy);
  letter-spacing:-.015em;
}
.browser__heroTxt h2 em{ font-style:normal; }
.browser__cta{
  position:absolute; left:15px; top:117px; width:128px; height:27.5px;
  background:var(--rose-alt); color:#fff; border-radius:13.75px;
  display:grid; place-items:center;
  font-size:10px; font-weight:700; letter-spacing:-.005em;
}
.browser__heroImg{ flex:1; overflow:hidden; position:relative; }
.browser__heroImg img{
  position:absolute; left:0; top:-13.4px; width:280.2px; height:226px; object-fit:cover;
}

/* Bandeau de réassurance dans la maquette */
.browser__feats{ position:absolute; left:0; top:263px; width:523px; height:100px; }
.browser__feat{
  position:absolute; top:31.3px; width:125px; margin-left:-62.5px;
  display:flex; flex-direction:column; align-items:center; gap:8.5px;
  font-size:8.5px; font-weight:600; line-height:11.5px; text-align:center; color:var(--navy);
}
.browser__feat:nth-child(1){ left:74.05px; }
.browser__feat:nth-child(2){ left:199.05px; }
.browser__feat:nth-child(3){ left:324.05px; }
.browser__feat:nth-child(4){ left:449.05px; }
.browser__feats::before,
.browser__feats::after{ content:""; position:absolute; top:35px; width:.5px; height:48px; background:var(--line-2); }
.browser__feats::before{ left:136.5px; }
.browser__feats::after{ left:261.5px; }
.browser__feat:nth-child(3)::before{
  content:""; position:absolute; left:-62.5px; top:3.7px; width:.5px; height:48px; background:var(--line-2);
}

/* Mascotte, par-dessus la maquette */
.s01__mascotte{ position:absolute; left:743.8px; top:113.6px; width:252px; height:639px; pointer-events:none; }


/* Blocs de la slide 04 détachés du fond : ils étaient peints dans
   l'image, découpés ils deviennent animables. */
.s04__bloc{ position:absolute; }
.s04__bloc--tirelire{ left:646px; top:48px; width:148px; height:206px; }
.s04__bloc--etincelles{ left:300px; top:46px; width:77px; height:168px; }
.s04__bloc--encart{ left:772px; top:106px; width:168px; height:146px; }
.s04__bloc--carte1{ left:17px; top:266px; width:319px; height:218px; }
.s04__bloc--carte2{ left:322px; top:266px; width:322px; height:218px; }
.s04__bloc--carte3{ left:636px; top:266px; width:319px; height:218px; }
.s04__bloc--barre{ left:64px; top:470px; width:812px; height:70px; }

/* ═════════════════════ 05 — Vidéo ═════════════════════ */
.s05{ background:linear-gradient(180deg,#fefdfc 0%,#fefdfa 100%); }

.s05__title{
  position:absolute; left:48px; top:64px; margin:0;
  font-size:26px; line-height:29.5px; font-weight:800;
  letter-spacing:-.016em; color:var(--navy);
}
.s05__title2{ display:block; margin-top:3.5px; color:var(--rose); }

.s05__list{ position:absolute; left:0; top:0; margin:0; padding:0; list-style:none; }
.s05__list li{ position:absolute; left:48.5px; }
.s05__list li:nth-child(1){ top:218px; }
.s05__list li:nth-child(2){ top:271.5px; }
.s05__list li:nth-child(3){ top:325.5px; }
.s05__ring{ position:absolute; left:0; top:.5px; width:28px; height:28px; }
.s05__ring svg{ width:14px; height:14px; }
.s05__list h3{
  margin:0 0 0 40.5px; font-size:13px; line-height:18px; font-weight:800;
  color:var(--navy); letter-spacing:.002em; white-space:nowrap;
}
.s05__list p{
  margin:3.7px 0 0 40.5px; font-family:var(--font-alt); font-size:9.5px; line-height:11.5px;
  color:var(--grey); white-space:nowrap;
}

/* Lecteur vidéo */
.s05__player{ position:absolute; left:438px; top:88px; width:474px; height:267px; }
.s05__card{
  position:absolute; inset:0; width:100%; height:100%; padding:0;
  border:none; border-radius:10px; cursor:pointer; overflow:hidden;
  background:linear-gradient(135deg,#f0831c 0%,#f0603e 38%,#f53352 76%,#fb1750 100%);
  box-shadow:0 14px 46px rgba(7,26,60,.24);
  transition:transform .25s ease, box-shadow .25s ease;
  font-family:var(--font);
}
.s05__card:hover{ transform:translateY(-2px); box-shadow:0 20px 56px rgba(7,26,60,.30); }
/* Vignette et bouton sont des liens : le navigateur ne leur donne ni la
   boîte ni la typographie d'un bouton, on les repose ici. */
a.s05__card{ display:block; box-sizing:border-box; text-decoration:none; }
/* L'illustration se pose sur le dégradé, sous le rond de lecture : le fond
   orange reste le fond, il ne sert plus de décor à lui tout seul. */
.s05__illus{ position:absolute; inset:0; }
.s05__illus img{
  display:block; width:100%; height:100%;
  object-fit:contain; object-position:center bottom;
}

.s05__logoBox{
  position:absolute; left:28px; top:26px; width:132px; height:54px;
  background:#fff; border-radius:10px; display:grid; place-items:center;
  box-shadow:0 6px 18px rgba(7,26,60,.14);
}
.s05__logoBox img{ width:108px; height:38px; object-fit:contain; }
.s05__play{
  position:absolute; left:194px; top:95.5px; width:86px; height:86px;
  border-radius:50%; background:rgba(255,255,255,.96);
  display:grid; place-items:center;
  box-shadow:0 10px 34px rgba(0,0,0,.30);
  transition:transform .25s ease;
}
.s05__card:hover .s05__play{ transform:scale(1.06); }
.s05__play svg{ width:30px; height:30px; fill:var(--rose-alt); stroke:none; margin-left:3px; }
/* La durée passe désormais devant l'illustration : sans son fond, elle se
   perdait dans le personnage assis. C'est la pastille des lecteurs vidéo,
   et elle tient sur n'importe quel décor. */
.s05__dur{
  position:absolute; right:16px; bottom:21px;
  padding:3.5px 9px; border-radius:9px; background:rgba(7,26,60,.55);
  font-size:8.5px; font-weight:700; color:#fff; letter-spacing:.19em;
}
.s05__bar{ position:absolute; left:0; bottom:0; width:100%; height:2.5px; background:rgba(255,255,255,.28); }
.s05__bar i{ display:block; width:104.5px; height:100%; background:#fff; }
.s05__player iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:10px; }

/* Bouton « Lancer la vidéo » */
.s05__cta{
  position:absolute; left:589px; top:376.5px; width:172px; height:43px;
  border:none; border-radius:21.5px; background:var(--rose-alt); cursor:pointer;
  color:#fff; font-family:var(--font); font-size:13px; font-weight:700;
  display:flex; align-items:center; justify-content:center; gap:0;
  padding-right:34px; letter-spacing:-.005em;
  box-shadow:0 10px 26px rgba(255,10,78,.32);
  transition:transform .2s ease, box-shadow .2s ease;
}
.s05__cta:hover{ transform:translateY(-1.5px); box-shadow:0 14px 32px rgba(255,10,78,.42); }
a.s05__cta{ box-sizing:border-box; text-decoration:none; }
.s05__ctaIco{
  position:absolute; right:11px; top:11px; width:21px; height:21px;
  border-radius:50%; background:#fff; display:grid; place-items:center;
}
.s05__ctaIco svg{ width:9px; height:9px; fill:var(--rose-alt); stroke:none; margin-left:1px; }

.ico-ring--gold2{ border-color:var(--gold-light); color:var(--gold-light); }


/* Blocs de la slide 08 détachés du fond : ils étaient peints dans
   l'image, découpés ils deviennent animables. */
.s08__bloc{ position:absolute; }
.s08__bloc--pastille1{ left:136px; top:138px; width:56px; height:36px; }
.s08__bloc--pastille3{ left:656px; top:138px; width:40px; height:36px; }
.s08__bloc--traitLogo{ left:50px; top:64px; width:70px; height:12px; }
.s08__bloc--liste{ left:136px; top:150px; width:146px; height:244px; }
.s08__bloc--centre{ left:266px; top:148px; width:270px; height:264px; }
.s08__bloc--carteA{ left:526px; top:164px; width:146px; height:244px; }
.s08__bloc--carteB{ left:656px; top:164px; width:144px; height:244px; }
.s08__bloc--carteC{ left:782px; top:176px; width:164px; height:234px; }
.s08__bloc--barre{ left:14px; top:402px; width:494px; height:112px; }
.s08__bloc--panneau{ left:500px; top:398px; width:466px; height:122px; }

/* ═════════════════════ 09 — Plateforme ═════════════════════ */
.s09{
  background:
    radial-gradient(ellipse 340px 168px at 72% -3%, #fdedf1 0%, rgba(253,237,241,0) 76%),
    linear-gradient(180deg,#fefefd 0%,#fdfcfa 100%);
}
.s09__title{
  position:absolute; left:0; right:0; top:44.3px; margin:0; text-align:center;
  font-size:26px; line-height:35.5px; font-weight:800; letter-spacing:-.016em; color:var(--navy);
}
.s09__title em{ font-style:normal; }
.s09__hint{
  position:absolute; left:0; right:0; top:86.8px; margin:0;
  display:flex; align-items:center; justify-content:center; gap:7px;
  font-size:10.5px; line-height:14.4px; font-weight:700; color:var(--grey);
}
.s09__hintIco{ display:grid; place-items:center; width:7px; height:7px; color:var(--gold); }
.s09__hintIco svg{ width:7px; height:7px; stroke-width:2.4; }

.s09__wires{ position:absolute; inset:0; width:960px; height:540px; pointer-events:none; }

.s09__col{ position:absolute; top:149.2px; width:235.5px; display:flex; flex-direction:column; gap:7.5px; }
.s09__col--l{ left:44.2px; }
.s09__col--r{ left:680.2px; }
.s09__pill{
  position:relative; width:235.5px; height:33.5px; padding:0; border:.5px solid #e7e9f0;
  background:#fff; border-radius:16.75px; cursor:pointer; text-align:left;
  box-shadow:0 3px 26px rgba(7,26,60,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  font-family:var(--font);
}
.s09__pill:hover{ transform:translateY(-1.5px); border-color:#ffc9d9; box-shadow:0 6px 22px rgba(255,10,78,.14); }
.s09__pico{
  position:absolute; left:9.3px; top:6.3px; width:21px; height:21px; border-radius:7px;
  background:var(--rose-pale); color:var(--rose-alt); display:grid; place-items:center;
}
.s09__pico svg{ width:11px; height:11px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.s09__plab{
  position:absolute; left:38.3px; top:0; height:33.5px; line-height:33.5px;
  font-size:9.5px; font-weight:700; color:var(--navy); letter-spacing:-.002em;
}
.s09__parr{
  position:absolute; left:213.5px; top:10.6px; width:12.5px; height:12.5px; border-radius:50%;
  border:.5px solid var(--gold); color:var(--gold); display:grid; place-items:center;
}
.s09__parr svg{ width:6px; height:6px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }

/* Maquette du site */
.s09__mock{
  position:absolute; left:325.2px; top:186.2px; width:309.5px; height:218.5px;
  background:#fff; border:.5px solid var(--line-3); border-radius:10px; overflow:hidden;
  box-shadow:0 14px 60px rgba(7,26,60,.16);
}
.s09__bar{ position:absolute; left:0; top:0; width:100%; height:21px; background:var(--paper); border-bottom:.5px solid var(--line); }
.s09__bar .dot{ position:absolute; top:8.3px; width:5px; height:5px; border-radius:50%; }
.dot--r{ left:9.3px; background:#ff5e57; }
.dot--y{ left:18.3px; background:#febc2e; }
.dot--g{ left:27.3px; background:#28c740; }
.s09__url{
  position:absolute; left:124.5px; top:4px; width:87.5px; height:13px; border-radius:6.5px;
  background:#fff; border:.5px solid #e7e9f0; display:grid; place-items:center;
  font-size:6px; font-weight:700; color:var(--muted); letter-spacing:.01em;
}
.s09__nav{ position:absolute; left:0; top:21px; width:100%; height:38.3px; }
.s09__nav img{ position:absolute; left:11.3px; top:10.3px; width:59px; height:21px; object-fit:contain; }
.s09__nav span{
  position:absolute; top:16.9px; font-size:5.5px; font-weight:700; color:var(--grey); letter-spacing:.01em;
}
.s09__nav span:nth-of-type(1){ left:150px; }
.s09__nav span:nth-of-type(2){ left:190px; }
.s09__nav span:nth-of-type(3){ left:230.4px; }
.s09__nav span:nth-of-type(4){ left:260.7px; font-weight:700; }
.s09__hero{
  position:absolute; left:11.3px; top:59.3px; width:287px; height:67px; border-radius:8px;
  background:linear-gradient(100deg,#f0811d 0%,#f45a34 48%,#f9373c 100%);
}
.s09__hero h3{
  position:absolute; left:11px; top:11.8px; margin:0;
  font-size:11px; line-height:13.5px; font-weight:800; color:#fff; letter-spacing:-.008em;
}
.s09__disc{
  position:absolute; left:11px; top:42.5px; width:51.5px; height:14.5px; border-radius:7.25px;
  background:#fff; color:var(--rose); display:grid; place-items:center;
  font-size:6px; font-weight:800; letter-spacing:.02em;
}
.s09__tiles .s09__tile{
  position:absolute; top:133.6px; width:67px; height:43.5px; border-radius:8px;
  background:var(--paper); border:.5px solid var(--line);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
  font-size:5.75px; font-weight:700; color:var(--navy);
}
.s09__tile:nth-child(1){ left:11.5px; }
.s09__tile:nth-child(2){ left:85px; width:66.5px; }
.s09__tile:nth-child(3){ left:158px; }
.s09__tile:nth-child(4){ left:231.6px; width:66.5px; }
.s09__tile span{ display:grid; place-items:center; }
.s09__tile svg{ width:9px; height:9px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.s09__rows .s09__row{
  position:absolute; top:183.6px; width:140px; height:23.5px; border-radius:8px;
  background:#fff; border:.5px solid var(--line);
  display:flex; align-items:center; gap:6px; padding-left:8.8px;
  font-size:5.75px; font-weight:700; color:var(--navy);
}
.s09__row:nth-child(1){ left:11.5px; }
.s09__row:nth-child(2){ left:158px; }
.s09__row svg{ width:6.5px; height:6.5px; flex:none; fill:none; stroke:var(--grey); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.s09__end{
  position:absolute; left:0; right:0; top:444.6px; margin:0; text-align:center;
  font-size:13px; line-height:17.5px; font-weight:800; color:var(--navy); letter-spacing:-.01em;
}
.s09__end em{ font-style:normal; }

/* ═════════════════════ 10 — Copilote Premium ═════════════════════ */
.s10{ background:linear-gradient(180deg,#fefdfc 0%,#fdfcfa 100%); }

.s10__eyebrow{
  position:absolute; left:44px; top:43.1px; margin:0;
  font-size:13px; line-height:17.8px; font-weight:700; color:var(--navy); letter-spacing:.29em;
}
.s10__eyebrow em{ font-style:normal; }
.s10__title{
  position:absolute; left:44px; top:70.8px; margin:0;
  font-size:33px; line-height:38px; font-weight:800; letter-spacing:-.018em; color:var(--navy);
}
.s10__title em{ font-style:normal; }
.s10__sub{
  position:absolute; left:44px; top:156.6px; margin:0;
  font-size:18px; line-height:20px; font-weight:700; letter-spacing:-.012em; color:var(--navy);
}
.s10__sub em{ font-style:normal; }
.s10__lead{
  position:absolute; left:44px; top:205.4px; margin:0;
  font-family:var(--font-alt); font-size:9.5px; line-height:15.25px; color:var(--grey);
}

/* Elle est calée sur le bas de page (pieds à 531 pt) : on la réduit par le
   haut, pour qu'elle cesse de mordre sur « Connecté à vos outils… ». */
.s10__femme{ position:absolute; left:47px; top:275px; width:92px; height:256px; }
.s10__tel{ position:absolute; left:310px; top:12px; width:190px; height:436px; z-index:2; }
.s10__homme{ position:absolute; left:480px; top:96px; width:118px; height:374px; z-index:3; }

/* Trois cas d'usage */
.s10__case{
  position:absolute; left:579px; width:368px; height:114px;
  background:#fff; border-radius:14px;
  box-shadow:0 6px 48px rgba(7,26,60,.10); z-index:4; }
.s10__case:nth-child(1){ top:43px; }
.s10__case:nth-child(2){ top:166px; }
.s10__case:nth-child(3){ top:289px; }
.s10__num{
  position:absolute; left:11px; top:48.5px; width:17px; height:17px; border-radius:50%;
  background:var(--rose-alt); color:#fff; display:grid; place-items:center;
  font-size:9px; font-weight:700; padding-bottom:.5px;
}
.s10__ask{
  position:absolute; left:38px; top:26px; width:98px; height:62px; border-radius:10px;
  background:var(--rose-pale-2); color:var(--navy);
  font-family:var(--font-alt); font-size:8.5px; line-height:12px;
  padding:7.3px 0 0 8px;
}
.s10__ask i{ position:absolute; right:8.5px; bottom:6px; font-style:normal; font-size:6.5px; color:var(--muted); }
.s10__arrow{
  position:absolute; left:145.8px; top:53px; width:12px; height:12px; color:var(--gold);
  display:grid; place-items:center;
}
.s10__arrow svg{ width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.s10__ico{
  position:absolute; left:167.5px; top:39px; width:36px; height:36px; border-radius:50%;
  border:1px solid var(--gold); color:var(--gold); display:grid; place-items:center;
}
.s10__ico svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.s10__ans{
  position:absolute; left:213px; top:31.5px; right:11px;
  font-family:var(--font-alt); font-size:8.5px; line-height:12px; color:var(--navy);
}
.s10__ans b{ font-family:var(--font); font-weight:800; }
.s10__ans i{ position:absolute; right:0; bottom:-27px; font-style:normal; font-size:6.5px; color:var(--muted); }

.s10__punch{
  position:absolute; left:703.5px; top:427px; margin:0;
  font-size:15px; font-weight:800; color:var(--rose); letter-spacing:-.012em;
}

/* Bandeau de réassurance */
.s10__foot{
  position:absolute; left:215px; top:461px; width:732px; height:59px;
  background:#fff; border-radius:14px; box-shadow:0 6px 48px rgba(7,26,60,.10); z-index:4; }
.s10__foot::before,
.s10__foot::after{ content:""; position:absolute; top:14px; width:.5px; height:31px; background:rgba(7,26,60,.14); }
.s10__foot::before{ left:243px; }
.s10__foot::after{ left:517.5px; }
.s10__fitem{ position:absolute; top:16px; display:flex; align-items:flex-start; gap:10.4px; }
.s10__fitem:nth-child(1){ left:54px; }
.s10__fitem:nth-child(2){ left:311px; }
.s10__fitem:nth-child(3){ left:585.5px; }
.s10__fitem > span:last-child{
  font-size:11px; line-height:14.5px; font-weight:600; color:var(--navy); padding-top:-1px;
  margin-top:-1.7px;
}

/* ═════════════════════ 11 — Références ═════════════════════ */
.s11{ background:linear-gradient(180deg,#fdfcfb 0%,#fcfbf8 100%); }
.s11__laurierG{ position:absolute; left:115px; top:12px; width:114px; height:165px; }
.s11__laurierD{ position:absolute; left:730.5px; top:12px; width:114.5px; height:165px; }

.s11__kpi1{
  position:absolute; left:0; right:0; top:18.5px; margin:0; text-align:center;
  font-size:33px; line-height:80.5px; font-weight:700; color:var(--navy); letter-spacing:-.015em;
}
.s11__kpi1 em{ font-style:normal; font-size:59px; font-weight:800; letter-spacing:-.02em; }
.s11__kpi1 b{ font-weight:700; }
.s11__stars{
  position:absolute; left:433.3px; top:96px; margin:0;
  display:flex; align-items:center; gap:9px;
  font-size:11px; color:var(--gold); line-height:1;
}
.s11__stars span{ display:block; width:11px; text-align:center; }
.s11__stars i{ display:block; width:88px; height:1.5px; background:var(--gold); margin-left:13px; }
.s11__kpi2{
  position:absolute; left:0; right:0; top:113px; margin:0; text-align:center;
  font-size:29px; line-height:56px; font-weight:700; color:var(--navy); letter-spacing:-.015em;
}
.s11__kpi2 em{ font-style:normal; font-size:41px; font-weight:800; letter-spacing:-.02em; }
.s11__kpi2 b{ font-weight:700; }

.s11__logos{
  position:absolute; left:32px; top:180px; width:896px; height:113.5px;
  background:#fff; border-radius:14px; box-shadow:0 6px 48px rgba(7,26,60,.10);
}
.s11__logos::after{ content:""; position:absolute; left:17px; top:61px; width:862px; height:.5px; background:var(--line); }
.s11__logos img{ position:absolute; object-fit:contain; }
.s11__row1, .s11__row2{ position:absolute; inset:0; }
.s11__row1 i, .s11__row2 i{ position:absolute; width:.5px; background:var(--line); }
.s11__row1 i{ top:15.5px; height:32px; }
.s11__row2 i{ top:72.5px; height:28px; }

.s11__quote{
  position:absolute; top:310px; width:289.5px; height:131.5px; margin:0;
  background:#fff; border-radius:14px; box-shadow:0 6px 48px rgba(7,26,60,.10);
}
.s11__quote--1{ left:32px; }
.s11__quote--2{ left:335.5px; width:289px; }
.s11__quote--3{ left:638.5px; }
.s11__mark{
  position:absolute; left:17px; top:2px;
  font-size:28px; font-weight:800; color:var(--gold); line-height:1;
}
.s11__quote p{
  position:absolute; left:38.8px; top:11.6px; right:12px; margin:0;
  font-family:var(--font-alt); font-size:9.5px; line-height:15.25px; color:var(--navy);
}
.s11__quote footer{
  position:absolute; left:17px; top:96.5px; right:17px; padding-top:9.5px;
  border-top:.5px solid rgba(216,156,36,.451);
  display:flex; align-items:center; gap:8px;
  font-size:10px; font-weight:800; color:var(--navy); letter-spacing:.005em;
}
.s11__badge{
  flex:none; width:22px; height:22px; border-radius:50%; background:var(--rose-alt);
  display:grid; place-items:center; color:#fff;
}
.s11__badge svg{ width:10px; height:10px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

.footbar--s11{ height:55px; }
.footbar__label--reg{ font-weight:600; }

/* ═════════════════════ 12 — Programme Fondateurs ═════════════════════ */
.s12{ background:linear-gradient(180deg,#fefdfc 0%,#fdfcfa 100%); }

.s12__tag{
  position:absolute; left:48.5px; top:52.5px; width:239.5px; height:28px; margin:0;
  border:1px solid var(--gold); border-radius:14px;
  display:flex; align-items:center; gap:0; padding-left:14.2px; white-space:nowrap;
  font-size:11px; font-weight:700; color:var(--gold); letter-spacing:.185em;
}
.s12__crown{ display:grid; place-items:center; width:11px; height:11px; color:var(--gold); }
.s12__crown svg{ width:11px; height:11px; fill:currentColor; stroke:none; }
.s12__tag i{ display:block; width:.5px; height:11px; background:rgba(216,156,36,.6); margin:0 8px 0 8.3px; }

.s12__title{
  position:absolute; left:48px; top:99px; margin:0;
  font-size:30px; line-height:36.5px; font-weight:800; letter-spacing:-.018em; color:var(--navy);
}
.s12__title em{ font-style:normal; }
.s12__sub{
  position:absolute; left:48px; top:186px; margin:0;
  font-size:13px; font-weight:600; color:var(--navy); letter-spacing:-.005em;
}

.s12__fusee{ position:absolute; left:530px; top:106px; width:430px; height:434px; }

.s12__card{
  position:absolute; top:235px; width:148px; height:194.5px; margin:0;
  background:#fff; border-radius:14px; box-shadow:0 6px 48px rgba(7,26,60,.10);
  text-align:center;
}
.s12__card--1{ left:48px; }
.s12__card--2{ left:209px; }
.s12__card--3{ left:370px; }
.s12__ico{
  position:absolute; left:50%; top:22px; transform:translateX(-50%);
  width:26px; height:26px; display:grid; place-items:center; color:var(--rose-alt);
}
.s12__ico svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.s12__ico--fill svg{ fill:currentColor; stroke:none; }
.s12__card h3{
  position:absolute; left:0; right:0; top:59px; margin:0;
  font-size:14px; line-height:17.5px; font-weight:800; color:var(--rose); letter-spacing:-.008em;
}
.s12__card--3 h3{ top:58px; }
.s12__card::after{
  content:""; position:absolute; left:59px; top:91px; width:30px; height:1px; background:var(--gold);
}
.s12__card--3::after{ top:107px; }
.s12__card p{
  position:absolute; left:14px; right:14px; top:99px; margin:0;
  font-family:var(--font-alt); font-size:9px; line-height:14.5px; color:var(--grey);
}
.s12__card--3 p{ top:115px; }

.s12__end{
  position:absolute; left:48px; top:459px; margin:0;
  font-size:20px; font-weight:800; color:var(--navy); letter-spacing:-.015em;
}
.s12__end em{ font-style:normal; }
.s12__end b{ font-size:17px; font-weight:700; margin-left:11px; }
.s12__end::after{
  content:""; position:absolute; left:0; top:29px; width:260px; height:2px;
  background:var(--gold); border-radius:1px;
}

.s12__box{
  position:absolute; left:680px; top:419px; width:154.5px; height:94.5px;
  background:linear-gradient(160deg,#081b40 0%,#0a214d 100%);
  border:1px solid var(--gold); border-radius:10px; text-align:center;
  box-shadow:0 12px 40px rgba(7,26,60,.28);
}
.s12__boxCrown{ position:absolute; left:50%; top:12px; transform:translateX(-50%); width:14px; height:10px; color:var(--gold-light); }
.s12__boxCrown svg{ width:14px; height:10px; fill:currentColor; stroke:none; }
.s12__box strong{
  position:absolute; left:0; right:0; top:26px;
  font-size:19px; font-weight:800; color:#fff; letter-spacing:-.005em;
}
.t-gold2{ color:var(--gold-light); font-style:normal; }
.s12__boxSub{
  position:absolute; left:0; right:0; top:48px;
  font-size:15px; font-weight:800; color:#fff; letter-spacing:-.002em;
}
.s12__boxFoot{
  position:absolute; left:0; right:0; top:70px;
  font-size:8.5px; font-weight:700; color:var(--gold-light); letter-spacing:.13em;
}

/* ═════════════════════ 13 — Conditions fondateurs ═════════════════════ */
.s13{ background:linear-gradient(180deg,#fefdfc 0%,#fdfcfa 100%); }
.s13__logo{ position:absolute; left:819px; top:20px; width:106px; height:37.5px; object-fit:contain; }

.s13__title{
  position:absolute; left:48px; top:47px; margin:0;
  font-size:28px; line-height:38.2px; font-weight:800; letter-spacing:-.018em; color:var(--navy);
}
.s13__title em{ font-style:normal; }
.s13__title::after{
  content:""; position:absolute; left:0; top:40.5px; width:60px; height:2px;
  background:var(--gold); border-radius:1px;
}

/* Grille tarifaire */
.s13__price{
  position:absolute; top:109px; width:119px; height:142px; margin:0;
  background:#fff; border-radius:14px; box-shadow:0 6px 42px rgba(7,26,60,.10);
  text-align:center;
}
.s13__price:nth-child(1){ left:48px; }
.s13__price:nth-child(2){ left:175px; }
.s13__price:nth-child(3){ left:302px; }
.s13__price:nth-child(4){ left:429px; }
.s13__pico{
  position:absolute; left:50%; top:16px; transform:translateX(-50%);
  width:16px; height:16px; color:var(--gold); display:grid; place-items:center;
}
.s13__pico svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.s13__price h3{
  position:absolute; left:0; right:0; top:45px; margin:0;
  font-size:13px; line-height:17.8px; font-weight:800; color:var(--navy); letter-spacing:-.008em;
}
.s13__price h3 span{ display:block; font-size:11.5px; font-weight:600; line-height:15.7px; }
.s13__price::after{
  content:""; position:absolute; left:32px; top:84.5px; width:55px; height:1px;
  background:rgba(216,156,36,.651);
}
.s13__amount{
  position:absolute; left:0; right:0; top:92px; margin:0;
  font-size:20px; line-height:27.3px; font-weight:800; color:var(--rose); letter-spacing:-.014em;
}
.s13__amount--sm{ font-size:17px; top:93.5px; }
.s13__unit{
  position:absolute; left:0; right:0; top:115.8px; margin:0;
  font-family:var(--font-alt); font-size:9.5px; color:var(--grey);
}

/* Ce qui est inclus */
.s13__incl{
  position:absolute; left:48px; top:267px; width:503px; height:48px;
  background:#fff; border-radius:14px; box-shadow:0 6px 42px rgba(7,26,60,.10);
}
.s13__incl::before, .s13__incl::after{
  content:""; position:absolute; top:11px; width:.5px; height:26px; background:var(--line);
}
.s13__incl::before{ left:130.5px; }
.s13__incl::after{ left:330px; }
.s13__inclItem{ position:absolute; top:0; height:48px; display:flex; align-items:center; gap:9px; }
.s13__inclItem:nth-child(1){ left:18.4px; }
.s13__inclItem:nth-child(2){ left:169.6px; }
.s13__inclItem:nth-child(3){ left:368.3px; }
.s13__inclItem svg{ width:14px; height:14px; flex:none; fill:none; stroke:var(--gold); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.s13__inclItem span{ font-size:9.5px; line-height:13px; font-weight:700; color:var(--navy); }

/* Vagues */
.s13__wavesTitle{
  position:absolute; left:50.7px; top:333px; margin:0;
  display:flex; align-items:center; gap:11.7px;
  font-size:15px; line-height:20.5px; font-weight:800; color:var(--navy); letter-spacing:-.01em;
}
.s13__wavesTitle em{ font-style:normal; }
.s13__wIco{ display:grid; place-items:center; width:13.6px; height:13.6px; color:var(--rose-alt); }
.s13__wIco svg{ width:13.6px; height:13.6px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.s13__wave{
  position:absolute; top:363px; width:95px; height:108.5px; margin:0;
  background:#fff; border-radius:14px; box-shadow:0 6px 42px rgba(7,26,60,.10);
  text-align:center;
}
.s13__wave:nth-child(1){ left:48px; }
.s13__wave:nth-child(2){ left:151px; }
.s13__wave:nth-child(3){ left:254px; }
.s13__wave:nth-child(4){ left:357px; }
.s13__wave:nth-child(5){ left:460px; }
.s13__wave h4{
  position:absolute; left:0; right:0; top:13px; margin:0;
  font-size:10px; line-height:13.7px; font-weight:800; color:var(--rose); letter-spacing:.005em;
}
.s13__wave svg{
  position:absolute; left:50%; top:32.6px; transform:translateX(-50%);
  width:10.8px; height:10.8px; fill:none; stroke:var(--rose-alt); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}
.s13__wave p{
  position:absolute; left:0; right:0; top:52.5px; margin:0;
  font-size:15px; line-height:20.5px; font-weight:800; color:var(--navy); letter-spacing:-.012em;
}
.s13__wave span{
  position:absolute; left:50%; top:79px; transform:translateX(-50%);
  height:18.5px; padding:0 8px; border-radius:9.25px;
  background:var(--rose-alt); color:#fff;
  display:grid; place-items:center;
  font-size:8.5px; font-weight:800; letter-spacing:.01em; white-space:nowrap;
}

.s13__note{ position:absolute; top:486px; display:flex; align-items:flex-start; gap:9px; }
.s13__note:nth-child(1){ left:49.9px; }
.s13__note:nth-child(2){ left:311.9px; }
.s13__note svg{ width:11.2px; height:11.2px; flex:none; margin-top:2.5px; fill:none; stroke:var(--gold); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.s13__note span{ font-family:var(--font-alt); font-size:9.5px; line-height:14px; color:var(--grey); }
.s13__notes::after{ content:""; position:absolute; left:274.5px; top:486px; width:.5px; height:28px; background:#e6e8ef; }

.s13__rule{ position:absolute; left:575px; top:48px; width:1px; height:466px; background:#e6e8ef; }

/* Colonne droite */
.s13__rtitle{
  position:absolute; left:605px; top:75.5px; margin:0;
  font-size:26px; line-height:31.5px; font-weight:800; letter-spacing:-.016em; color:var(--navy);
}
.s13__rtitle em{ font-style:normal; }
.s13__rlead{
  position:absolute; left:605px; top:150.5px; margin:0;
  font-family:var(--font-alt); font-size:10.5px; line-height:16.5px; color:var(--grey);
}
.s13__rnote{
  position:absolute; left:605px; top:189.5px; margin:0;
  font-size:10.5px; font-weight:700; color:var(--navy); letter-spacing:-.004em;
}

.s13__qr{
  position:absolute; left:605.2px; top:234.8px; width:124.5px; height:124.5px;
  background:#fff; border:.5px solid var(--line); border-radius:14px;
  box-shadow:0 10px 40px rgba(7,26,60,.12);
}
.s13__qr img{ position:absolute; left:8.3px; top:8.2px; width:108px; height:108px; }
.s13__cle{ position:absolute; left:753.5px; top:219px; width:127.9px; height:318px; }

.s13__cta{
  position:absolute; left:605px; top:392px; width:320px; height:45px;
  background:var(--rose-alt); border-radius:22.5px; text-decoration:none;
  display:flex; align-items:center; padding-left:50px;
  color:#fff; font-size:12px; font-weight:800; letter-spacing:.005em;
  box-shadow:0 12px 34px rgba(255,10,78,.30);
  transition:transform .2s ease, box-shadow .2s ease;
}
.s13__cta:hover{ transform:translateY(-1.5px); box-shadow:0 16px 40px rgba(255,10,78,.40); }
.s13__ctaIco{
  position:absolute; left:16px; top:11px; width:23px; height:23px; border-radius:50%;
  background:#fff; color:var(--rose-alt); display:grid; place-items:center;
}
.s13__ctaIco svg{ width:11px; height:11px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }

.s13__url{
  position:absolute; left:605px; top:447px; width:320px; height:35.5px;
  background:#fff; border:1px solid rgba(255,10,78,.16); border-radius:10px;
  display:flex; align-items:center; gap:11px; padding-left:17px; text-decoration:none;
  color:var(--navy); font-size:12px; font-weight:700; letter-spacing:-.004em;
  box-shadow:0 5px 20px rgba(7,26,60,.07);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.s13__url:hover{ border-color:rgba(255,10,78,.45); box-shadow:0 8px 24px rgba(255,10,78,.14); }
.s13__url svg{ width:12px; height:12px; flex:none; fill:none; stroke:var(--rose-alt); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }


/* Blocs de la slide 06 détachés du fond : ils étaient peints dans
   l'image, découpés ils deviennent animables. */
.s06__bloc{ position:absolute; }
.s06__bloc--persoD{ left:686px; top:44px; width:152px; height:104px; }
.s06__bloc--jeu1{ left:18px; top:138px; width:176px; height:294px; }
.s06__bloc--jeu2{ left:188px; top:138px; width:176px; height:294px; }
.s06__bloc--jeu3{ left:350px; top:138px; width:176px; height:294px; }
.s06__bloc--jeu4{ left:508px; top:138px; width:176px; height:294px; }
.s06__bloc--panneau{ left:678px; top:147px; width:270px; height:367px; }
.s06__bloc--barre{ left:14px; top:428px; width:680px; height:102px; }

/* ═════════════════════ 07 — Premium Play ═════════════════════ */
.s07{ background:linear-gradient(180deg,#fefdfc 0%,#fdfcfa 66%,#fdfcfa 100%); }

.s07__tag{
  position:absolute; left:63px; top:11px; height:20px; margin:0; padding:0 12px 0 9px;
  background:var(--rose-alt); border-radius:10px;
  display:flex; align-items:center; gap:6px;
  font-size:8px; font-weight:800; color:#fff; letter-spacing:.045em;
  box-shadow:0 5px 16px rgba(255,10,78,.34);
}
.s07__tag span{ display:grid; place-items:center; width:9px; height:9px; }
.s07__tag svg{ width:9px; height:9px; fill:none; stroke:#fff; stroke-width:2.4; }

.s07__persoG{ position:absolute; left:184px; top:20px; width:78px; height:106px; }
.s07__persoD{ position:absolute; left:766px; top:24px; width:66px; height:100px; }

.s07__title{
  position:absolute; left:0; right:0; top:20.5px; margin:0; text-align:center;
  font-size:28px; line-height:32.5px; font-weight:800; letter-spacing:-.012em; color:var(--navy);
}
.s07__title em{ font-style:normal; }
.s07__lead{
  position:absolute; left:0; right:0; top:92.3px; margin:0; text-align:center;
  font-family:var(--font-alt); font-size:9.5px; line-height:13.5px; color:var(--grey);
}
.s07__lead b{ color:var(--rose); font-weight:700; }

/* Cartes */
.s07__card{
  position:absolute; top:136.2px; width:139.5px; height:208.5px; margin:0;
  background:#fff; border:.5px solid #e7e9f0; border-radius:14px;
  box-shadow:0 5px 30px rgba(7,26,60,.07);
  text-align:center;
}
.s07__card--1{ left:36.2px; }
.s07__card--2{ left:185.7px; }
.s07__card--3{ left:335.2px; }
.s07__card--4{ left:485.2px; }
.s07__card--5{ left:634.8px; }
.s07__card--6{ left:784px; border:1px solid rgba(216,156,36,.549); }
.s07__step{
  position:absolute; left:50%; top:-9.2px; transform:translateX(-50%);
  width:19px; height:19px; border-radius:50%; background:var(--rose-alt); color:#fff;
  display:grid; place-items:center; font-size:9.5px; font-weight:800; padding-bottom:.5px;
}
.s07__card h3{
  position:absolute; left:0; right:0; top:11.7px; margin:0;
  font-size:9.5px; line-height:12px; font-weight:800; color:var(--navy); letter-spacing:.002em;
}
.s07__cs{
  position:absolute; left:0; right:0; top:41px; margin:0;
  font-family:var(--font-alt); font-size:6.25px; line-height:9px; color:var(--grey);
}
.s07__card--1 .s07__cs{ top:28px; }
.s07__card--6 .s07__cs{ top:29px; }
.s07__card--6 .s07__cs b{ color:var(--navy); font-weight:700; }

/* Encadrés internes */
.s07__box{
  position:absolute; left:9.3px; width:121px; border-radius:8px; background:var(--paper);
  text-align:left; padding:6px 6px 6px 28.5px;
}
.s07__card--1 .s07__box:nth-of-type(1){ top:53.3px; height:35.5px; }
.s07__card--1 .s07__box:nth-of-type(2){ top:93.3px; height:35px; }
.s07__card--1 .s07__box:nth-of-type(3){ top:132.8px; height:35.5px; }
.s07__card--3 .s07__box:nth-of-type(1){ top:65.3px; height:36px; padding-left:22px; }
.s07__card--3 .s07__box:nth-of-type(2){ top:105.8px; height:35.5px; padding-left:22px; }
.s07__box b{ display:block; font-size:6.25px; line-height:8.6px; font-weight:800; color:var(--rose); }
.s07__box i{ display:block; margin-top:1.4px; font-family:var(--font-alt); font-style:normal; font-size:5.5px; line-height:7.5px; color:var(--grey); }
.s07__bico{
  position:absolute; left:6.5px; top:6px; width:16px; height:16px; border-radius:50%;
  border:1px solid var(--rose-alt); color:var(--rose-alt); display:grid; place-items:center;
}
.s07__bico svg{ width:8px; height:8px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.s07__bico--flat{ border:none; width:9px; height:9px; left:6px; top:7px; }
.s07__bico--flat svg{ width:9px; height:9px; }

/* Carte 2 */
.s07__medaille{ position:absolute; left:30.8px; top:65.3px; width:78px; height:49px; object-fit:contain; }
.s07__pts{
  position:absolute; left:0; right:0; top:118px; margin:0;
  font-size:17px; line-height:23.2px; font-weight:800; color:var(--rose); letter-spacing:-.012em;
}
.s07__pts span{ display:block; font-size:7.5px; line-height:10.3px; letter-spacing:.02em; }
.s07__csb{
  position:absolute; left:0; right:0; top:154.6px; margin:0;
  font-family:var(--font-alt); font-size:6.25px; color:var(--grey);
}
.s07__pill{
  position:absolute; left:9.3px; top:167.3px; width:121px; height:20px; margin:0;
  background:var(--rose-pale); border-radius:10px;
  display:flex; align-items:center; justify-content:center; gap:5px;
  font-size:7px; font-weight:800; color:var(--navy); letter-spacing:.004em;
}
.s07__pill svg{ width:8px; height:8px; fill:none; stroke:var(--navy); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* Carte 3 — note */
.s07__note{
  position:absolute; left:9.3px; top:147.8px; margin:0; padding-left:20px;
  text-align:left; font-family:var(--font-alt); font-size:5.5px; line-height:8px; color:var(--grey);
}
.s07__note svg{ position:absolute; left:1px; top:2px; width:10px; height:10px; fill:none; stroke:var(--rose-alt); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

/* Carte 4 — classement */
.s07__rank{
  position:absolute; left:9.8px; top:64.8px; width:119px; height:130px;
  background:linear-gradient(165deg,#0a1f48 0%,#071b40 100%); border-radius:8px;
}
.s07__rankT{
  position:absolute; left:0; right:0; top:6.5px; margin:0; text-align:center;
  font-size:5.75px; font-weight:800; color:#fff; letter-spacing:.02em;
}
.s07__rank ol{ position:absolute; left:0; right:0; top:20.5px; margin:0; padding:0; list-style:none; }
.s07__rank li{
  position:relative; height:15.5px; display:flex; align-items:center;
  color:#fff; font-size:5.75px; font-weight:700;
}
.s07__rank li i{ position:absolute; left:9.8px; font-style:normal; font-size:5.5px; font-weight:800; }
.s07__rank li span{ position:absolute; left:23.8px; }
.s07__rank li b{ position:absolute; right:10.2px; font-size:6px; font-weight:700; }
.s07__rank li.is-you{
  background:var(--rose-alt); border-radius:4px; margin:0 4.8px; height:15.5px;
}
.s07__rank li.is-you i, .s07__rank li.is-you span, .s07__rank li.is-you b{ font-weight:800; font-size:6px; }
.s07__rank li.is-you i{ left:5px; font-size:5.5px; }
.s07__rank li.is-you span{ left:19px; }
.s07__rank li.is-you b{ right:5.4px; }
.s07__rankF{
  position:absolute; left:0; right:0; bottom:4px; margin:0; text-align:center;
  font-family:var(--font-alt); font-size:5px; color:rgba(255,255,255,.62);
}

/* Carte 5 — rangées */
.s07__card--5 .s07__row{
  position:absolute; left:9.2px; width:121px; height:28px; border-radius:8px;
  background:var(--paper); display:flex; align-items:center; gap:6px; padding-left:7px;
  text-align:left;
}
.s07__card--5 .s07__row:nth-of-type(1){ top:64.3px; }
.s07__card--5 .s07__row:nth-of-type(2){ top:97.3px; }
.s07__card--5 .s07__row:nth-of-type(3){ top:130.3px; }
.s07__card--5 .s07__row:nth-of-type(4){ top:163.3px; }
.s07__card--5 .s07__row svg{ width:10px; height:10px; flex:none; fill:none; stroke:var(--grey); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.s07__card--5 .s07__row span{ font-size:6px; line-height:8.6px; font-weight:700; color:var(--navy); }
.s07__card--5 .s07__row b{ display:block; font-size:6.25px; font-weight:800; }

/* Carte 6 */
.s07__trophee{ position:absolute; left:7px; top:82.3px; width:126px; height:118px; object-fit:contain; }

/* ---------- Bandeau bas ---------- */
.s07__band{
  position:absolute; left:0; right:0; top:359px; height:181px;
  background:linear-gradient(120deg,#071a3d 0%,#0a2149 55%,#0b244e 100%);
}
.s07__bandT{
  position:absolute; left:48px; top:16.2px; margin:0;
  font-size:12px; font-weight:800; color:#fff; letter-spacing:-.004em;
}
.s07__benefits{ position:absolute; left:48px; top:38.1px; margin:0; padding:0; list-style:none; }
.s07__benefits li{ position:relative; height:23px; padding-left:18.5px; }
.s07__benefits li span{
  position:absolute; left:0; top:.4px; width:13px; height:13px; border-radius:4px;
  background:var(--rose-alt); display:grid; place-items:center;
}
.s07__benefits li svg{ width:7.5px; height:7.5px; fill:none; stroke:#fff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.s07__benefits li b{ display:block; font-size:6.5px; line-height:8.9px; font-weight:700; color:#fff; }
.s07__benefits li i{ display:block; font-style:normal; font-size:6.5px; line-height:8.9px; font-weight:500; color:#fff; }

.s07__podium{
  position:absolute; left:231px; top:27px; width:68px; height:27.5px; margin:0;
  background:#0e2957; border:.5px solid rgba(255,255,255,.22); border-radius:8px;
  display:grid; place-items:center; text-align:center;
  font-size:6.5px; line-height:8px; font-weight:800; color:#fff;
}
.s07__groupe{ position:absolute; left:225px; top:56px; width:152px; height:110px; }

.s07__season{
  position:absolute; left:410px; top:14px; width:310px; margin:0;
  display:flex; align-items:center; justify-content:center; gap:10px;
  font-size:7.5px; font-weight:800; color:#fff; letter-spacing:.028em;
}
.s07__season i{ display:block; flex:1; height:1px; background:var(--rose-alt); }

.s07__steps{ position:absolute; left:414px; top:36px; width:285px; height:59px; }
.s07__st{
  position:absolute; top:0; width:63px; height:59px; border-radius:8px;
  background:rgba(255,255,255,.07); border:.5px solid rgba(255,255,255,.16);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3.5px;
  text-align:center; color:#fff;
}
.s07__st:nth-of-type(1){ left:0; }
.s07__st:nth-of-type(2){ left:74px; }
.s07__st:nth-of-type(3){ left:148px; }
.s07__st:nth-of-type(4){ left:222px; }
.s07__st--win{
  background:var(--rose-alt); border-color:var(--rose-alt);
  box-shadow:0 8px 26px rgba(255,10,78,.34);
}
.s07__st svg{ width:9px; height:9px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.s07__st--win svg{ fill:currentColor; stroke:none; width:10px; height:8px; }
.s07__st b{ font-size:5.75px; line-height:7.5px; font-weight:800; letter-spacing:.006em; }
.s07__st em{ font-style:normal; font-family:var(--font-alt); font-size:4.75px; line-height:6px; opacity:.85; }
.s07__arw{ position:absolute; top:24px; width:11px; height:11px; color:var(--rose-alt); display:grid; place-items:center; }
.s07__arw:nth-of-type(1){ left:63.5px; }
.s07__arw:nth-of-type(2){ left:137.5px; }
.s07__arw:nth-of-type(3){ left:211.5px; }
.s07__arw svg{ width:11px; height:11px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }

.s07__tags{ position:absolute; left:414px; top:108px; width:297px; height:23.5px; }
.s07__tg{
  position:absolute; top:0; width:70.5px; height:23.5px; border-radius:6px;
  background:rgba(255,255,255,.07);
  display:flex; align-items:center; gap:5px; padding-left:6px; color:#fff;
}
.s07__tg:nth-child(1){ left:0; } .s07__tg:nth-child(2){ left:75.5px; }
.s07__tg:nth-child(3){ left:151px; } .s07__tg:nth-child(4){ left:226.5px; }
.s07__tg svg{ width:8px; height:8px; flex:none; fill:none; stroke:var(--rose-alt); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.s07__tg span{ font-size:5.25px; line-height:7.2px; font-weight:700; }

/* Grand lot */
.s07__lot{
  position:absolute; left:735px; top:13px; height:21px; margin:0; padding:0 12px 0 10px;
  background:var(--rose-alt); border-radius:10.5px;
  display:inline-flex; align-items:center; gap:6px;
  font-size:8.5px; font-weight:800; color:#fff; letter-spacing:.012em;
  box-shadow:0 6px 20px rgba(255,10,78,.34);
}
.s07__lot svg{ width:10px; height:10px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.s07__prize{
  position:absolute; left:735px; top:36.5px; margin:0;
  font-size:26px; line-height:35.5px; font-weight:800; color:var(--gold-light); letter-spacing:-.014em;
}
.s07__prize span{ font-family:"Liberation Sans", Arial, sans-serif; font-weight:700; }
.s07__prizeS{
  position:absolute; left:735px; top:71.8px; margin:0;
  font-size:7.25px; line-height:9.9px; font-weight:800; color:#fff; letter-spacing:.008em;
}
.s07__prizeL{
  position:absolute; left:735px; top:95px; margin:0;
  font-family:var(--font-alt); font-size:6.75px; color:#fff;
}
.s07__photos img{
  position:absolute; background:#fff; border-radius:3px; object-fit:cover;
  box-shadow:0 6px 16px rgba(0,0,0,.35); padding:2.5px;
}
.s07__photos img:nth-child(1){ left:736px; top:113.5px; width:57px; height:43px; transform:rotate(-2.5deg); }
.s07__photos img:nth-child(2){ left:801.2px; top:114.6px; width:56.5px; height:43px; transform:rotate(2deg); }
.s07__photos img:nth-child(3){ left:866.2px; top:111.1px; width:56.6px; height:43px; transform:rotate(-1.5deg); }
.s07__illu{
  position:absolute; left:735px; top:160.5px; margin:0;
  font-size:4.75px; font-weight:700; color:rgba(255,255,255,.72); letter-spacing:.03em;
}

/* ═════════════════════ 02 — Ce que vous payez aujourd’hui ═════════════════════
   Fond photo repris du document d’origine (texte incrusté effacé par
   interpolation), cartes et textes entièrement redessinés en HTML.            */
.s02{ background:#fdfcfb; }
.s02__logoPo{ position:absolute; left:46px; top:40px; width:115px; height:40px; object-fit:contain; }
.s02__logoCep{ position:absolute; left:804px; top:28px; width:110px; height:18px; object-fit:contain; }

.s02__title{
  position:absolute; left:15.7px; right:0; top:61.3px; margin:0; text-align:center;
  font-size:33.6px; line-height:40px; font-weight:800; letter-spacing:-.019em; color:var(--navy);
}
.s02__title em{ font-style:normal; }
.s02__sub{
  position:absolute; left:15.2px; right:0; top:107.5px; margin:0; text-align:center;
  font-size:14.6px; line-height:20px; font-weight:500; color:#5b6a80; letter-spacing:-.004em;
}
.s02__rule{
  position:absolute; left:457px; top:133.4px; display:flex; align-items:center; gap:5px;
}
.s02__rule i{ display:block; width:48.8px; height:2.2px; background:var(--gold); border-radius:1px; }
.s02__rule b{ display:block; width:2.6px; height:2.6px; border-radius:50%; background:var(--gold); }

/* Pastille d’icône commune aux cartes */
.s02__disc{
  position:absolute; width:54px; height:54px; border-radius:50%;
  background:#f2f4f8; color:var(--rose-alt);
  display:grid; place-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75), 0 3px 10px rgba(7,26,60,.05);
}
.s02__disc svg{ width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

/* Indicateurs */
.s02__kpi{
  position:absolute; top:150px; height:136px; margin:0;
  background:#fff; border-radius:16px;
  box-shadow:0 4px 26px rgba(7,26,60,.07);
}
.s02__kpi--1{ left:47px; width:285px; }
.s02__kpi--2{ left:347px; width:267px; }
.s02__kpi--3{ left:629px; width:284px; }
.s02__kpi .s02__disc{ left:13.5px; top:20px; }
.s02__num{
  position:absolute; left:97px; top:18.9px; margin:0; white-space:nowrap;
  font-size:32px; line-height:36px; font-weight:800; color:var(--rose); letter-spacing:-.022em;
}
.s02__underline{
  position:absolute; left:97px; top:68px; width:31px; height:1.6px;
  background:var(--rose); border-radius:1px; opacity:.85;
}
.s02__lab{
  position:absolute; left:97px; top:70.4px; right:10px; margin:0;
  font-size:12.56px; line-height:19.5px; font-weight:700; color:var(--navy); letter-spacing:-.008em;
}
.s02__det{
  position:absolute; left:97px; right:10px; margin:0;
  font-size:9.47px; line-height:15.5px; font-weight:500; color:#5b6a80; letter-spacing:-.002em;
}
.s02__kpi--1 .s02__det{ top:107.3px; }
.s02__kpi--2 .s02__det{ top:91.3px; }
.s02__kpi--3 .s02__num,
.s02__kpi--3 .s02__underline,
.s02__kpi--3 .s02__lab,
.s02__kpi--3 .s02__det{ left:77px; }
.s02__kpi--3 .s02__det{ top:91.3px; }
.s02__kpi--3 .s02__num{ top:25.6px; font-size:24.5px; line-height:28px; }

/* Constats */
.s02__block{
  position:absolute; top:304px; height:139px; margin:0;
  background:#fff; border-radius:16px;
  box-shadow:0 4px 26px rgba(7,26,60,.07);
}
.s02__block--l{ left:48px; width:427px; }
.s02__block--r{ left:493px; width:419px; }
.s02__block .s02__disc{ left:12.5px; top:16px; }
.s02__block h2{
  position:absolute; left:77.8px; top:20.2px; margin:0;
  font-size:17.4px; line-height:24px; font-weight:800; color:var(--navy); letter-spacing:-.002em;
}
.s02__block--r h2{ left:91px; }

.s02__chain{
  position:absolute; left:75.5px; top:53.6px; margin:0;
  display:flex; align-items:center; gap:5px;
}
.s02__chain span{
  display:block; height:18.5px; padding:0 7px; border-radius:9.25px;
  background:#eef1f6; color:var(--navy);
  font-size:9px; line-height:18.5px; font-weight:500; letter-spacing:-.004em;
}
.s02__chain svg{ width:9.5px; height:9.5px; fill:none; stroke:var(--gold); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }

.s02__p{
  position:absolute; left:76px; margin:0;
  font-size:11.1px; line-height:16.6px; font-weight:500; color:#3d4a60; letter-spacing:-.005em;
}
.s02__p--b{ font-weight:700; color:var(--navy); }
.s02__block--l .s02__p{ top:83.9px; white-space:nowrap; }
.s02__block--l .s02__p--b{ top:103.4px; font-size:11px; }
.s02__block--r .s02__p--top{ left:91px; top:52.25px; font-size:11.17px; line-height:16.8px; }
.s02__block--r .s02__p--bot{ left:91px; top:89.9px; font-size:11.56px; line-height:16.25px; }

/* Conclusion */
.s02__result{
  position:absolute; left:51.5px; top:459px; width:858.5px; height:56px;
  background:#fff; border-radius:28px; box-shadow:0 4px 26px rgba(7,26,60,.07);
}
.s02__target{
  position:absolute; left:22.8px; top:3.5px; width:49px; height:49px; border-radius:50%;
  background:linear-gradient(140deg,#f0821c 0%,#ee3f6d 55%,#e0409a 100%);
  color:#fff; display:grid; place-items:center;
  box-shadow:0 5px 16px rgba(224,64,154,.30);
}
.s02__target svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.s02__result p{
  position:absolute; left:96px; top:19.4px; margin:0; white-space:nowrap;
  font-size:14px; line-height:20px; font-weight:500; color:#3d4a60; letter-spacing:-.009em;
}
.s02__result p b{ font-weight:800; color:var(--navy); }
.s02__result p em{ font-style:normal; font-weight:600; }
.s02__result p em:last-of-type{ font-weight:800; }
.s02__div{ position:absolute; left:743.5px; top:14px; width:1.4px; height:28px; background:var(--gold); opacity:.75; }
.s02__arrow{ position:absolute; left:788.5px; top:15px; width:26px; height:26px; color:var(--gold); }
.s02__arrow svg{ width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

/* ═════════════════════ 03 — Nés du loisir ═════════════════════
   Fond d’origine conservé (photos, lauriers, schéma, personnage) ;
   seul le texte incrusté a été effacé puis reposé en HTML.                    */
.s03{ background:#fdfdfd; }

.s03__cep{ position:absolute; left:829px; top:23px; width:96.5px; height:16.5px; object-fit:contain; }
.s03__cepSub{
  position:absolute; left:827.4px; top:47.3px; margin:0;
  font-size:6.56px; line-height:9px; font-weight:700; color:var(--navy-soft); letter-spacing:.171em;
}

.s03__t1, .s03__t2, .s03__t3{
  position:absolute; left:50px; margin:0;
  font-size:45.4px; line-height:53px; font-weight:800; letter-spacing:-.026em; color:var(--navy);
}
.s03__t1{ top:63.3px; }
.s03__t2{ top:116.5px; }
.s03__t3{ top:164.2px; }
.s03__t3 em{ font-style:normal; }

.s03__sub1{
  position:absolute; left:52.7px; top:229.8px; margin:0;
  font-size:12.33px; line-height:16px; font-weight:500; color:var(--navy); letter-spacing:-.004em;
}
.s03__sub2{
  position:absolute; left:52.7px; top:248.7px; margin:0;
  font-size:13px; line-height:16px; font-weight:700; color:var(--navy); letter-spacing:-.004em;
}

/* Cartes d’ancienneté */
.s03__n1, .s03__n2{
  position:absolute; top:297.2px; margin:0; width:60px; text-align:center;
  font-size:47px; line-height:52px; font-weight:800; color:var(--rose); letter-spacing:-.03em;
}
.s03__n1{ left:90.2px; }
.s03__n2{ left:259px; }
.s03__a1, .s03__a2{
  position:absolute; top:341.5px; margin:0; width:60px; text-align:center;
  font-size:19.2px; line-height:24px; font-weight:800; color:var(--rose); letter-spacing:-.014em;
}
.s03__a1{ left:90.2px; }
.s03__a2{ left:259px; }
.s03__l1, .s03__l2{
  position:absolute; top:366.9px; margin:0;
  font-size:12.3px; line-height:15px; font-weight:500; color:var(--navy); letter-spacing:-.004em;
}
.s03__l1{ left:70.7px; }
.s03__l2{ left:232px; }

/* Étiquettes des univers */
.s03__cat{
  position:absolute; margin:0; width:150px; margin-left:-75px; text-align:center;
  font-size:11.6px; line-height:14px; font-weight:700; color:var(--navy); letter-spacing:-.006em;
}
.s03__cat--spect{ left:633.5px; top:98px; }
.s03__cat--lois{  left:461.6px; top:213.8px; }
.s03__cat--bien{  left:809.4px; top:213.8px; }
.s03__cat--sej{   left:481.6px; top:369.4px; }
.s03__cat--resto{ left:776px;   top:370.4px; }

/* Cœur du schéma */

/* Barre du bas */
.s03__f1, .s03__f2, .s03__f3{
  position:absolute; top:446.9px; margin:0;
  font-size:10.6px; line-height:16.25px; font-weight:700; color:var(--navy); letter-spacing:-.006em;
}
.s03__f1{ left:106.8px; }
.s03__f2{ left:258.5px; }
.s03__f3{ left:425.5px; }

/* Lien de comparaison */
.s03__cmp{ position:absolute; left:607.5px; top:450.4px; text-decoration:none; }
.s03__cmp span{
  display:block; font-size:11.58px; line-height:15px; font-weight:700; color:var(--navy); letter-spacing:-.006em;
}
.s03__cmp i{
  display:block; margin-top:1.2px; font-style:normal;
  font-family:var(--font-alt); font-size:7.25px; line-height:12px; color:var(--grey);
}

/* Blocs de la slide 3 détachés du fond : cadres, cartes photo, barres.
   Ils étaient peints dans l'image ; découpés, ils deviennent animables. */
.s03__bloc{ position:absolute; }
.s03__bloc--spectacles{ left:542px; top:0px; width:180px; height:152px; }
.s03__bloc--loisirs{ left:390px; top:108px; width:154px; height:164px; }
.s03__bloc--bienetre{ left:722px; top:108px; width:168px; height:164px; }
.s03__bloc--sejours{ left:402px; top:266px; width:160px; height:154px; }
.s03__bloc--restaurants{ left:692px; top:270px; width:148px; height:148px; }
.s03__bloc--carte1{ left:35px; top:273px; width:172px; height:137px; }
.s03__bloc--carte2{ left:203px; top:273px; width:171px; height:137px; }
.s03__bloc--barre{ left:31px; top:417px; width:517px; height:93px; }
.s03__bloc--comparer{ left:542px; top:424px; width:234px; height:80px; }

/* ═════════════════════ 04 — Plus de pouvoir d’achat ═════════════════════
   Fond d’origine conservé (famille, tirelire, photos, bandeaux) ;
   textes incrustés effacés puis reposés en HTML.                            */
.s04{ background:#fefefe; }
.s04__logo{ position:absolute; left:802.5px; top:26px; width:139px; height:49px; object-fit:contain; }

.s04-or{ color:#f4861b; }
.s04-vi{ color:#8b47a1; }

.s04__t1{
  position:absolute; left:273px; top:15.3px; margin:0;
  font-size:30.91px; line-height:34px; font-weight:800; color:var(--navy); letter-spacing:-.01em;
}
.s04__t2{
  position:absolute; left:335.5px; top:47.2px; margin:0;
  font-size:40.77px; line-height:48px; font-weight:800; color:var(--rose); letter-spacing:-.012em;
}
.s04__big{
  position:absolute; left:352px; top:84.4px; margin:0;
  font-size:98.18px; line-height:118px; font-weight:800; letter-spacing:-.03em;
  background:linear-gradient(90deg,#f4861b 0%,#fa5c34 34%,#fc3b4b 62%,#fc0c45 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.s04__sub1{
  position:absolute; left:342px; top:184.6px; margin:0;
  font-size:21.65px; line-height:27px; font-weight:800; color:var(--navy); letter-spacing:-.016em;
}
.s04__sub2{
  position:absolute; left:380px; top:214.6px; margin:0;
  font-size:13.28px; line-height:16.75px; font-weight:500; color:#3d4a60; letter-spacing:-.004em;
}
.s04__sub2 b{ font-weight:700; color:var(--rose); }

/* Encart exclusivité */
.s04__box{ position:absolute; left:786px; top:155px; width:139.5px; text-align:center; }
.s04__boxT{ position:absolute; left:0; right:0; top:3.2px; margin:0;
  font-size:11.8px; line-height:16px; font-weight:800; color:#fff; letter-spacing:-.004em; }
.s04__boxG{ position:absolute; left:0; right:0; top:18.1px; margin:0;
  font-size:12.19px; line-height:17px; font-weight:800; color:var(--gold-light); letter-spacing:-.004em; }
.s04__boxP{ position:absolute; left:0; right:0; top:38.9px; margin:0;
  font-size:9.2px; line-height:14px; font-weight:500; color:#e8ecf4; }

/* Cartes */
.s04__tag{
  position:absolute; top:284.9px; margin:0; white-space:nowrap;
  font-size:12.75px; line-height:16.5px; font-weight:800; color:var(--navy); letter-spacing:-.002em;
}
.s04__tag em{ font-style:normal; }
.s04__tag--1{ left:74px; }
.s04__tag--2{ left:381.5px; }
.s04__tag--3{ left:684px; }

.s04__num{
  position:absolute; top:310.2px; margin:0; white-space:nowrap;
  font-size:34.7px; line-height:41px; font-weight:800; color:var(--rose); letter-spacing:-.022em;
}
.s04__num i{ font-style:normal; font-size:16.1px; letter-spacing:-.006em; }
.s04__num--1{ left:39px; }
.s04__num--2{ left:348px; }

.s04__lab{
  position:absolute; margin:0;
  font-size:14.8px; line-height:14.75px; font-weight:800; color:var(--navy); letter-spacing:-.012em;
}
.s04__lab--1{ left:38.8px; top:350.6px; }
.s04__lab--2{ left:347.3px; top:348.8px; }

.s04__desc3{
  position:absolute; left:684px; top:305.1px; margin:0;
  font-size:10.64px; line-height:12.5px; font-weight:500; color:#3d4a60; letter-spacing:-.004em;
}

/* Bandeaux navy des cartes */
.s04__strip p{
  position:absolute; top:441.6px; margin:0;
  font-size:6.8px; line-height:12.5px; font-weight:600; color:#fff; letter-spacing:-.002em;
}

.s04__foot{
  position:absolute; left:248px; top:494.9px; margin:0; white-space:nowrap;
  font-size:17.87px; line-height:25px; font-weight:500; color:var(--navy); letter-spacing:-.012em;
}
.s04__foot em{ font-style:normal; font-weight:800; }

/* ═════════════════════ 08 — Vous définissez les règles ═════════════════════
   Fond d’origine conservé (personnages, socle doré, cartes, bandeau) ;
   textes incrustés effacés puis reposés en HTML. Le numéro 08 fait
   partie du visuel d’origine : pas de pastille ajoutée ici.                  */
.s08{ background:#fdfdfd; }
.s08__po{ position:absolute; left:18px; top:18.5px; width:128.5px; height:45.5px; object-fit:contain; }
.s08__cep{ position:absolute; left:816px; top:19.5px; width:103.5px; height:17.5px; object-fit:contain; }
.s08__cepSub{
  position:absolute; left:813.7px; top:45.3px; margin:0;
  font-size:7.14px; line-height:9.5px; font-weight:700; color:var(--navy-soft); letter-spacing:.156em;
}

.s08__t1, .s08__t2, .s08__t3{
  position:absolute; margin:0;
  font-size:36.2px; line-height:35.67px; font-weight:800; letter-spacing:-.02em;
}
.s08__t1{ left:243.5px; top:17.7px; color:var(--navy); }
.s08__t2{ left:268.5px; top:53.3px; color:var(--rose); }
.s08__t3{ left:292.5px; top:89px; color:var(--rose); }
.s08__sub{
  position:absolute; left:327px; top:127.5px; margin:0;
  font-size:13.77px; line-height:17px; font-weight:700; color:var(--navy); letter-spacing:-.006em;
}

.s08__step1, .s08__step3{
  position:absolute; margin:0;
  font-size:11.5px; line-height:15px; font-weight:700; color:var(--navy); letter-spacing:-.004em;
}
.s08__step1{ left:173.5px; top:148.6px; }
.s08__step3{ left:693.8px; top:148.3px; }

.s08__list{ position:absolute; left:0; top:0; margin:0; padding:0; list-style:none; }
.s08__list li{
  position:absolute; left:177.6px; margin:0; white-space:nowrap;
  font-size:9.2px; line-height:11px; font-weight:600; color:var(--navy); letter-spacing:-.004em;
}

/* Carte « budget » centrale */
.s08__bud1{
  position:absolute; left:352px; top:202.9px; margin:0;
  font-size:13.72px; line-height:20px; font-weight:800; color:#fff; letter-spacing:-.01em;
}
.s08__bud2{
  position:absolute; left:360.8px; top:222px; margin:0;
  font-size:12.96px; line-height:19px; font-weight:600; color:#f2c66a; letter-spacing:-.008em;
}
.s08__bud3{
  position:absolute; left:342.3px; top:315.2px; margin:0;
  font-size:8.32px; line-height:13px; font-weight:600; color:#fff; letter-spacing:-.002em;
}
.s08__bud3 i{ font-style:normal; color:var(--rose); }

/* Trois usages */
.s08__card{ position:absolute; }
.s08__card--a{ left:540px; width:120px; }
.s08__card--b{ left:666px; width:120px; }
.s08__card--c{ left:795px; width:129px; }
.s08__ct{
  position:absolute; left:0; right:0; margin:0; text-align:center;
  font-size:13.8px; line-height:14.25px; font-weight:800; color:var(--navy); letter-spacing:-.012em;
}
.s08__ct em{ font-style:normal; }
.s08__card--a .s08__ct{ top:298.4px; }
.s08__card--b .s08__ct{ top:298.9px; }
.s08__card--c .s08__ct{ top:303.4px; }
.s08__cd{
  position:absolute; left:0; right:0; margin:0; text-align:center;
  font-size:9.1px; line-height:10.75px; font-weight:600; color:var(--navy); letter-spacing:-.004em;
}
.s08__card--a .s08__cd{ top:334.4px; }
.s08__card--b .s08__cd{ top:334.4px; }
.s08__card--c .s08__cd{ top:324.7px; }

/* Bandeau de chiffres */
.s08__n1, .s08__n2, .s08__n3{
  position:absolute; top:433.7px; margin:0;
  font-size:24.4px; line-height:38px; font-weight:800; letter-spacing:-.02em;
}
.s08__n1{ left:104px; color:var(--rose); }
.s08__n2{ left:257.5px; color:#f0a01c; }
.s08__n3{ left:414.5px; color:#7551c9; }
.s08__k1, .s08__k2, .s08__k3{
  position:absolute; margin:0;
  font-size:9.37px; line-height:13.5px; font-weight:600; color:var(--navy); letter-spacing:-.004em;
}
.s08__k1{ left:104.6px; top:465.7px; }
.s08__k2{ left:260.3px; top:468.2px; }
.s08__k3{ left:415.3px; top:465.2px; }

/* Bandeau conclusif */
.s08__p1{
  position:absolute; left:575.4px; top:433.7px; margin:0;
  font-size:9.81px; line-height:14.5px; font-weight:500; color:#e6eaf3; letter-spacing:-.004em;
}
.s08__p2{
  position:absolute; left:574.8px; top:450.5px; margin:0;
  font-size:11.28px; line-height:19px; font-weight:800; color:var(--gold-light); letter-spacing:-.008em;
}
.s08__p3{
  position:absolute; left:575.4px; top:470.9px; margin:0;
  font-size:12.2px; line-height:20px; font-weight:800; color:#fff; letter-spacing:-.01em;
}

/* ═════════════════════ 06 — Une bonne raison de revenir ═════════════════════
   Fond d’origine conservé : personnages, maquettes de jeux, visuels
   saisonniers, pictogrammes. Seuls les textes de mise en page ont été
   effacés puis reposés en HTML ; les maquettes d’écran restent des images,
   comme les captures du reste du document. Le numéro 06 fait partie du visuel.
   NB : « PLAN DE COMMUNICATION » corrige la coquille du document source.     */
.s06{ background:#fefefe; }
.s06__cep{ position:absolute; left:848.5px; top:21px; width:96.5px; height:16.5px; object-fit:contain; }
.s06__cepSub{
  position:absolute; left:846.9px; top:45.8px; margin:0;
  font-size:6.75px; line-height:9px; font-weight:700; color:var(--navy-soft); letter-spacing:.166em;
}

.s06__t1{
  position:absolute; left:0; width:938.8px; top:14.5px; margin:0; text-align:center;
  font-size:36.51px; line-height:42px; font-weight:800; color:var(--navy); letter-spacing:-.012em;
}
.s06__t2{
  position:absolute; left:0; width:960.8px; top:47.6px; margin:0; text-align:center;
  font-size:55.5px; line-height:56px; font-weight:800; color:var(--rose); letter-spacing:-.014em;
}
.s06__sub{
  position:absolute; left:0; width:938px; top:104.7px; margin:0; text-align:center;
  font-size:13.44px; line-height:17.25px; font-weight:600; color:var(--navy); letter-spacing:-.004em;
}
.s06__sub em{ font-style:normal; font-weight:800; }

/* Titres et légendes des quatre jeux */
.s06__ct{
  position:absolute; top:175.7px; margin:0; width:170px; margin-left:-85px; text-align:center;
  font-size:10.27px; line-height:13.25px; font-weight:800; color:var(--navy); letter-spacing:-.002em;
}
.s06__ct em{ font-style:normal; }
.s06__ct--1{ left:106px; }
.s06__ct--2{ left:275.75px; }
.s06__ct--3{ left:438px; }
.s06__ct--4{ left:596.5px; }

.s06__cc{
  position:absolute; top:393.3px; margin:0; width:180px; margin-left:-90px; text-align:center;
  font-size:9.29px; line-height:12.5px; font-weight:500; color:#3d4a60; letter-spacing:-.004em;
}
.s06__cc--1{ left:104.5px; }
.s06__cc--2{ left:271.5px; }
.s06__cc--3{ left:436px; }
.s06__cc--4{ left:594.5px; }

/* Panneau de droite */
.s06__rp1{
  position:absolute; left:718.25px; width:180px; top:154.6px; margin:0; text-align:center;
  font-size:11.08px; line-height:13.25px; font-weight:800; color:var(--navy); letter-spacing:-.002em;
}
.s06__sais{
  position:absolute; top:197.4px; margin:0; width:110px; margin-left:-55px; text-align:center;
  font-size:8.5px; line-height:11px; font-weight:800; color:var(--navy); letter-spacing:.002em;
}
.s06__sais--1{ left:734px; }
.s06__sais--2{ left:812px; }
.s06__sais--3{ left:889.5px; }
.s06__rp3{
  position:absolute; left:715px; width:180px; top:296.8px; margin:0; text-align:center;
  font-size:10.3px; line-height:12px; font-weight:800; color:var(--navy); letter-spacing:.002em;
}
.s06__rp3 em{ font-style:normal; }

.s06__st{
  position:absolute; left:785.5px; margin:0;
  font-size:7.74px; line-height:9.75px; font-weight:800; color:var(--rose); letter-spacing:-.002em;
}
.s06__st--1{ top:320.1px; }
.s06__st--2{ top:378.6px; }
.s06__st--3{ top:438.3px; }
.s06__sd{
  position:absolute; left:785px; margin:0;
  font-size:7.55px; line-height:10.25px; font-weight:500; color:#3d4a60; letter-spacing:-.004em;
}
.s06__sd--1{ top:341px; }
.s06__sd--2{ top:400.7px; }
.s06__sd--3{ top:460.2px; }

/* Bandeau des bénéfices */
.s06__bt{
  position:absolute; left:251px; width:180px; top:448px; margin:0; text-align:center;
  font-size:10.99px; line-height:13px; font-weight:800; color:var(--navy); letter-spacing:.004em;
}
.s06__b{
  position:absolute; margin:0;
  font-size:9.17px; line-height:13.25px; font-weight:800; color:var(--navy); letter-spacing:-.002em;
}
.s06__b em{ font-style:normal; }
.s06__b--1{ left:102.25px; top:470.3px; }
.s06__b--2{ left:265.25px; top:478.5px; }
.s06__b--3{ left:427.25px; top:477.8px; }
.s06__b--4{ left:593.75px; top:470.3px; }

/* Personnages recrees : ils sont entiers, on les pose sans les rogner. */
.s03__perso{ position:absolute; left:848px; top:262px; width:103px; height:276px; }
.s04__famille{ position:absolute; left:18px; top:2px; width:250px; height:343px; }
.s08__persoH{ position:absolute; left:2px; top:60px; width:132px; height:350px; }
.s08__persoF{ position:absolute; left:846px; top:44px; width:102px; height:319px; }