/* =====================================================================
   YouTips · Accueil v2 « Respiration » (20 oct. 2026)
   Maquette validée par Fabien. Couleurs par jetons --yj-* (clair/sombre),
   sections noires fixes en #0B0D12. Préfixe : html body .ya2
   ===================================================================== */
.ya2{
  --ya2-mute:#666B73; --ya2-etoile:#8D5A00; --ya2-noir:#0B0D12; --ya2-noir2:#12151B;
  --ya2-rouge:linear-gradient(135deg,#8D3A34 45%,#C45048 160%);
  --ya2-ocre:linear-gradient(135deg,#7F4A22 45%,#D07838 160%);
  --ya2-violet:linear-gradient(135deg,#664492 45%,#7850AC 160%);
  --ya2-bleu:linear-gradient(135deg,#124CA3 45%,#345890 160%);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased; color:var(--yj-text,#050505);
  width:100%; max-width:none; margin:0; overflow-x:clip;
}
html.yj-ok.yj-isdark .ya2{ --ya2-mute:#9AA0A8; --ya2-etoile:#F5C451; }
html body .ya2 *, html body .ya2 *::before, html body .ya2 *::after{ box-sizing:border-box; }
html body .ya2 p, html body .ya2 h1, html body .ya2 h2, html body .ya2 h3, html body .ya2 ul, html body .ya2 figure, html body .ya2 blockquote{ margin:0 !important; padding:0; }
html body .ya2 ul{ list-style:none !important; }
html body .ya2 ul li{ margin:0 !important; padding-left:0; }
html body .ya2 ul li::before{ content:none; }
html body .ya2 img{ max-width:100%; }

/* --- cadre --- */
html body .ya2 .ya2-in{ width:100%; max-width:1120px; margin:0 auto; position:relative; }
html body .ya2 .ya2-sec{ padding:160px max(40px, calc((100% - 1120px) / 2)) !important; position:relative; }
html body .ya2 .ya2-blanc{ background:var(--yj-card,#FFFFFF); }
html body .ya2 .ya2-gris{ background:var(--yj-bg,#F0F2F5); }
html body .ya2 .ya2-noir{ background:var(--ya2-noir); color:#FFFFFF; }
html body .ya2 .ya2-centre{ text-align:center; }
html body .ya2 .ya2-centre .ya2-in, html body .ya2 .ya2-in.ya2-centre{ display:flex; flex-direction:column; align-items:center; gap:28px; }

/* --- typo --- */
html body .ya2 .ya2-display{ font-size:64px !important; line-height:1.05 !important; font-weight:700 !important; letter-spacing:-0.035em !important; color:var(--yj-text,#050505) !important; max-width:820px; }
html body .ya2 .ya2-display-s{ font-size:56px !important; line-height:1.08 !important; letter-spacing:-0.03em !important; }
html body .ya2 .ya2-display-l{ font-size:72px !important; line-height:1.04 !important; letter-spacing:-0.04em !important; }
html body .ya2 .ya2-noir .ya2-display{ color:#FFFFFF !important; }
html body .ya2 .ya2-mute{ color:var(--ya2-mute) !important; }
html body .ya2 .ya2-bleu{ color:var(--yj-link,#124CA3) !important; }
html body .ya2 .ya2-statement{ font-size:64px; line-height:1.08; font-weight:700; letter-spacing:-0.035em; color:var(--yj-text,#050505); }
html body .ya2 .ya2-chapo{ font-size:21px !important; line-height:1.55 !important; color:var(--yj-text2,#4A4E55) !important; max-width:640px; }
html body .ya2 .ya2-noir .ya2-chapo{ color:rgba(255,255,255,.75) !important; }
html body .ya2 .ya2-rb{ background:linear-gradient(90deg,#FF375F 0%,#FF9F0A 22%,#FFD60A 40%,#32D74B 60%,#0A84FF 80%,#BF5AF2 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-box-decoration-break:clone; box-decoration-break:clone; }

/* --- liens et boutons --- */
html body .ya2 a{ text-underline-offset:3px; }
html body .ya2 .ya2-lien{ font-size:16px; font-weight:600; color:var(--yj-link,#124CA3) !important; text-decoration:none !important; }
html body .ya2 .ya2-lien-d{ font-size:16px; font-weight:600; color:#8AB8FF !important; text-decoration:none !important; }
html body .ya2 .ya2-lien:hover, html body .ya2 .ya2-lien:focus-visible, html body .ya2 .ya2-lien-d:hover, html body .ya2 .ya2-lien-d:focus-visible{ text-decoration:underline !important; }
html body .ya2 .ya2-btns{ display:flex; flex-wrap:wrap; gap:12px; }
html body .ya2 .ya2-btns-c{ justify-content:center; }
html body .ya2 .ya2-btn{ display:inline-flex; align-items:center; min-height:48px; padding:0 22px; border-radius:6px; font-size:16px; font-weight:600; line-height:1.2; text-decoration:none !important; border:0; transition:background-color .15s, border-color .15s; }
html body .ya2 .ya2-btn-p{ background:var(--yj-btn,#124CA3) !important; color:var(--yj-btn-text,#FFFFFF) !important; }
html body .ya2 .ya2-btn-p:hover{ filter:brightness(1.08); }
html body .ya2 .ya2-noir .ya2-btn-p, html body .ya2 .ya2-hero .ya2-btn-p{ background:#124CA3 !important; color:#FFFFFF !important; }
html body .ya2 .ya2-btn-g{ background:transparent !important; border:1px solid rgba(255,255,255,.32) !important; color:#FFFFFF !important; }
html body .ya2 .ya2-btn-g:hover{ border-color:rgba(255,255,255,.65) !important; }
html body .ya2 .ya2-btn:focus-visible{ outline:2px solid #8AB8FF; outline-offset:3px; }

/* --- hero plein cadre --- */
html body .ya2 .ya2-hero{ position:relative; overflow:hidden; min-height:min(92vh,860px); display:flex; align-items:flex-end; padding:120px max(40px, calc((100% - 1120px) / 2)) 96px !important; background:var(--ya2-noir); color:#FFFFFF; }
html body .ya2 .ya2-hero-img{ position:absolute !important; inset:0; width:100% !important; height:100% !important; max-width:none; object-fit:cover; object-position:62% 50%; border-radius:0 !important; }
html body .ya2 .ya2-hero::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(11,13,18,.35) 0%, rgba(11,13,18,.05) 30%, rgba(11,13,18,.6) 60%, rgba(11,13,18,.97) 100%); }
html body .ya2 .ya2-hero-in{ z-index:2; display:flex; flex-direction:column; gap:28px; }
html body .ya2 .ya2-hero-sur{ font-size:15px; font-weight:600; color:rgba(255,255,255,.78); }
html body .ya2 .ya2-h1{ max-width:980px; font-size:88px !important; line-height:1.02 !important; font-weight:700 !important; letter-spacing:-0.045em !important; color:#FFFFFF !important; text-align:left; }
html body .ya2 .ya2-hero-chapo{ max-width:560px; font-size:21px; line-height:1.5; color:rgba(255,255,255,.85); }
html body .ya2 .ya2-preuves{ display:flex; flex-wrap:wrap; gap:6px 0; margin-top:4px !important; font-size:14px; color:rgba(255,255,255,.75); }
html body .ya2 .ya2-preuves li + li::before{ content:"·"; margin:0 10px; color:rgba(255,255,255,.5); }
html body .ya2 .ya2-preuves a{ color:rgba(255,255,255,.88) !important; text-decoration:underline; text-decoration-color:rgba(255,255,255,.35); }
html body .ya2 .ya2-preuves a:hover{ text-decoration-color:#FFFFFF; }

/* --- formations : 4 rangées photo + promesse --- */
html body .ya2 .ya2-tete{ display:flex; flex-direction:column; gap:20px; max-width:760px; margin-bottom:72px; }
html body .ya2 .ya2-lanes{ display:flex; flex-direction:column; gap:96px; }
html body .ya2 .ya2-lane{ display:flex; flex-wrap:wrap; align-items:center; gap:48px 64px; }
html body .ya2 .ya2-lane-inv{ flex-direction:row-reverse; }
html body .ya2 .ya2-lane-photo{ flex:1 1 520px; position:relative; display:block; border-radius:8px; overflow:hidden; aspect-ratio:4 / 3; background:var(--ya2-noir2); }
html body .ya2 .ya2-lane-photo img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:0 !important; transition:transform .5s ease; }
html body .ya2 .ya2-lane-photo:hover img{ transform:scale(1.03); }
html body .ya2 .ya2-onde{ position:absolute; left:0; right:0; bottom:0; height:64px; display:flex; align-items:center; gap:3px; padding:0 18px; }
html body .ya2 .ya2-onde span{ display:block; flex:1 1 0; border-radius:2px; background:rgba(255,255,255,.6); }
html body .ya2 .ya2-t-rouge .ya2-onde, html body .ya2 .ya2-t-rouge .ya2-badge{ background:var(--ya2-rouge); }
html body .ya2 .ya2-t-ocre .ya2-onde, html body .ya2 .ya2-t-ocre .ya2-badge{ background:var(--ya2-ocre); }
html body .ya2 .ya2-t-violet .ya2-onde, html body .ya2 .ya2-t-violet .ya2-badge{ background:var(--ya2-violet); }
html body .ya2 .ya2-t-bleu .ya2-onde, html body .ya2 .ya2-t-bleu .ya2-badge{ background:var(--ya2-bleu); }
html body .ya2 .ya2-lane-txt{ flex:1 1 380px; display:flex; flex-direction:column; gap:20px; }
html body .ya2 .ya2-badge{ align-self:flex-start; padding:6px 12px; border-radius:6px; color:#FFFFFF; font-size:14px; font-weight:600; }
html body .ya2 .ya2-promesse{ font-size:48px !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-0.03em !important; }
html body .ya2 .ya2-promesse a{ color:#FFFFFF !important; text-decoration:none !important; }
html body .ya2 .ya2-promesse a:hover, html body .ya2 .ya2-promesse a:focus-visible{ text-decoration:underline !important; text-decoration-thickness:2px; }
html body .ya2 .ya2-lane-desc{ font-size:19px; line-height:1.55; color:rgba(255,255,255,.8); }
html body .ya2 .ya2-lane-pour{ font-size:16px; line-height:1.5; font-style:italic; color:rgba(255,255,255,.72); }
html body .ya2 .ya2-lane-meta{ display:flex; flex-direction:column; gap:4px; padding-top:16px; border-top:1px solid rgba(255,255,255,.14); }
html body .ya2 .ya2-lane-titre{ font-size:15px; font-weight:600; color:#FFFFFF; }
html body .ya2 .ya2-lane-dates{ font-size:14px; color:rgba(255,255,255,.7); }
html body .ya2 .ya2-faits{ display:flex; flex-wrap:wrap; gap:12px 40px; margin-top:96px; padding-top:32px; border-top:1px solid rgba(255,255,255,.14); font-size:15px; color:rgba(255,255,255,.75); }
html body .ya2 .ya2-faits strong{ color:#FFFFFF; }
html body .ya2 .ya2-faits .ya2-lien-d{ font-size:15px; }

/* --- deux colonnes (financement, FAQ) --- */
html body .ya2 .ya2-duo{ display:flex; flex-wrap:wrap; gap:64px; align-items:flex-start; }
html body .ya2 .ya2-duo-g{ flex:1 1 440px; display:flex; flex-direction:column; gap:28px; }
html body .ya2 .ya2-afdas-note{ font-size:15px; line-height:1.6; color:var(--yj-text2,#4A4E55); max-width:520px; }
html body .ya2 .ya2-afdas-note:empty{ display:none; }
html body .ya2 .ya2-afdas-note strong{ color:var(--yj-text,#050505); }
html body .ya2 .ya2-carte{ flex:1 1 380px; background:var(--yj-card,#FFFFFF); border:1px solid var(--yj-border,#DADDE1); border-radius:8px; }
html body .ya2 .ya2-garanties li{ padding:28px !important; display:flex; flex-direction:column; gap:6px; }
html body .ya2 .ya2-garanties li + li{ border-top:1px solid var(--yj-border,#DADDE1); }
html body .ya2 .ya2-g-t{ font-size:19px; font-weight:700; line-height:1.35; color:var(--yj-text,#050505); }
html body .ya2 .ya2-g-d{ font-size:15px; line-height:1.55; color:var(--yj-text2,#4A4E55); }
html body .ya2 .ya2-g-d a, html body .ya2 .ya2-mentions a, html body .ya2 .ya2-rep a{ color:var(--yj-link,#124CA3) !important; font-weight:600; text-decoration:none; }
html body .ya2 .ya2-g-d a:hover, html body .ya2 .ya2-mentions a:hover, html body .ya2 .ya2-rep a:hover,
html body .ya2 .ya2-g-d a:focus-visible, html body .ya2 .ya2-mentions a:focus-visible, html body .ya2 .ya2-rep a:focus-visible{ text-decoration:underline; }

/* --- résultats --- */
html body .ya2 .ya2-chiffres{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:48px 32px; margin:64px 0 48px !important; }
html body .ya2 .ya2-chiffres li{ display:flex; flex-direction:column; gap:12px; border-top:1px solid var(--yj-border2,#CED0D4); padding-top:24px !important; }
html body .ya2 .ya2-num{ font-size:88px; font-weight:700; letter-spacing:-0.04em; line-height:1; color:var(--yj-text,#050505); font-variant-numeric:tabular-nums; }
html body .ya2 .ya2-num-s{ font-size:72px; }
html body .ya2 .ya2-num-l{ font-size:16px; line-height:1.5; color:var(--yj-text2,#4A4E55); }
html body .ya2 .ya2-mentions{ max-width:860px; font-size:14px; line-height:1.6; color:var(--yj-off,#4C5058); }
html body .ya2 .ya2-mentions strong{ color:var(--yj-text,#050505); }

/* --- écoute --- */
html body .ya2 .ya2-ecoute{ display:flex; flex-wrap:wrap; gap:24px; align-items:stretch; margin:48px 0 24px; }
html body .ya2 .ya2-portrait{ flex:0 1 300px; min-height:360px; border-radius:8px; overflow:hidden; background:var(--ya2-noir2); }
html body .ya2 .ya2-portrait img{ display:block; width:100%; height:100%; object-fit:cover; object-position:50% 25%; border-radius:0 !important; }
html body .ya2 .ya2-carte-n{ background:var(--ya2-noir2); border:1px solid rgba(255,255,255,.12); border-radius:8px; }
html body .ya2 .ya2-titre-son{ flex:1 1 520px; padding:40px; display:flex; flex-direction:column; justify-content:center; gap:14px; }
html body .ya2 .ya2-titre-son h3, html body .ya2 .ya2-clip-txt h3{ font-size:28px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:-0.01em; color:#FFFFFF !important; }
html body .ya2 .ya2-titre-son p, html body .ya2 .ya2-clip-txt p{ font-size:16px; line-height:1.55; color:rgba(255,255,255,.75); }
html body .ya2 .ya2-audio{ margin-top:14px; border-radius:8px; overflow:hidden; }
html body .ya2 .ya2-audio iframe{ display:block; width:100%; height:175px; border:0; }
html body .ya2 .ya2-clip{ display:flex; flex-wrap:wrap; align-items:center; gap:24px 40px; padding:24px; }
html body .ya2 .ya2-video{ flex:1 1 480px; position:relative; aspect-ratio:16 / 9; border-radius:6px; overflow:hidden; background:#000; }
html body .ya2 .ya2-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
html body .ya2 .ya2-clip-txt{ flex:1 1 240px; display:flex; flex-direction:column; gap:8px; }
html body .ya2 .ya2-liens{ display:flex; flex-wrap:wrap; gap:16px 40px; margin-top:40px; }

/* --- avis --- */
html body .ya2 .ya2-avis{ padding-bottom:0 !important; }
html body .ya2 .ya2-citation{ display:flex; flex-direction:column; gap:28px; max-width:960px; }
html body .ya2 .ya2-citation blockquote{ font-size:48px; line-height:1.18; font-weight:600; letter-spacing:-0.025em; color:var(--yj-text,#050505); border:0 !important; font-style:normal; quotes:none; }
html body .ya2 .ya2-citation blockquote::before, html body .ya2 .ya2-citation blockquote::after{ content:none !important; }
html body .ya2 .ya2-citation figcaption{ font-size:16px; color:var(--yj-text2,#4A4E55); }
html body .ya2 .ya2-citation figcaption strong{ color:var(--yj-text,#050505); }
html body .ya2 .ya2-notes{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px 40px; margin-top:56px; padding-top:40px; border-top:1px solid var(--yj-border,#DADDE1); }
html body .ya2 .ya2-notes .ya2-liens{ margin-top:0; }
html body .ya2 .ya2-note{ display:grid; grid-template-columns:auto auto; align-items:baseline; column-gap:12px; row-gap:4px; text-decoration:none !important; color:var(--yj-text,#050505) !important; }
html body .ya2 .ya2-note-n{ font-size:48px; font-weight:700; letter-spacing:-0.03em; line-height:1; }
html body .ya2 .ya2-etoiles{ font-size:18px; letter-spacing:2px; color:var(--ya2-etoile); }
html body .ya2 .ya2-note-l{ grid-column:1 / -1; font-size:14px; color:var(--yj-text2,#4A4E55); }
html body .ya2 .ya2-note:hover .ya2-note-l{ text-decoration:underline; }
html body.page-id-361467 #yt-home-temoignages.ytt{ background:var(--yj-card,#FFFFFF) !important; padding-top:72px !important; }

/* --- formateurs --- */
html body .ya2 .ya2-equipe{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:48px 32px; margin-top:64px !important; }
html body .ya2 .ya2-equipe li{ display:flex; flex-direction:column; gap:14px; }
html body .ya2 .ya2-photo{ position:relative; display:block; aspect-ratio:1 / 1; border-radius:8px; overflow:hidden; background:var(--yj-bg,#F0F2F5); }
html body .ya2 .ya2-photo img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:0 !important; }
html body .ya2 .ya2-photo::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:6px; }
html body .ya2 .ya2-t-rouge .ya2-photo::after{ background:var(--ya2-rouge); }
html body .ya2 .ya2-t-ocre .ya2-photo::after{ background:var(--ya2-ocre); }
html body .ya2 .ya2-t-violet .ya2-photo::after{ background:var(--ya2-violet); }
html body .ya2 .ya2-t-bleu .ya2-photo::after{ background:var(--ya2-bleu); }
html body .ya2 .ya2-equipe h3{ font-size:20px !important; line-height:1.3 !important; font-weight:700 !important; color:var(--yj-text,#050505) !important; }
html body .ya2 .ya2-equipe h3 a{ color:inherit !important; text-decoration:none !important; }
html body .ya2 .ya2-equipe h3 a:hover, html body .ya2 .ya2-equipe h3 a:focus-visible{ text-decoration:underline !important; }
html body .ya2 .ya2-equipe p{ font-size:15px; line-height:1.55; color:var(--yj-text2,#4A4E55); }

/* --- gratuit --- */
html body .ya2 .ya2-tuiles{ display:grid; gap:16px; margin-top:16px; }
html body .ya2 .ya2-tuiles-3{ grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); margin-top:56px; }
html body .ya2 .ya2-tuiles-2{ grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); }
html body .ya2 .ya2-tuile{ position:relative; overflow:hidden; display:flex; flex-direction:column; gap:12px; min-height:300px; padding:36px 32px; background:var(--yj-card,#FFFFFF); border:1px solid var(--yj-border,#DADDE1); border-radius:8px; color:var(--yj-text,#050505) !important; text-decoration:none !important; transition:border-color .15s, box-shadow .15s; }
html body .ya2 .ya2-tuiles-2 .ya2-tuile{ min-height:240px; }
html body .ya2 .ya2-tuile:hover{ border-color:var(--yj-border2,#CED0D4); box-shadow:0 2px 12px rgba(0,0,0,.08); }
html body .ya2 .ya2-tuile-k{ position:relative; font-size:13px; font-weight:600; color:var(--yj-off,#4C5058); }
html body .ya2 .ya2-tuile-t{ position:relative; font-size:28px; font-weight:700; letter-spacing:-0.02em; line-height:1.15; }
html body .ya2 .ya2-tuile-d{ position:relative; font-size:15px; line-height:1.55; color:var(--yj-text2,#4A4E55); }
html body .ya2 .ya2-tuile-go{ position:relative; margin-top:auto; font-size:15px; font-weight:600; color:var(--yj-link,#124CA3); }
html body .ya2 .ya2-tuile:hover .ya2-tuile-go, html body .ya2 .ya2-tuile:focus-visible .ya2-tuile-go{ text-decoration:underline; }
html body .ya2 .ya2-tuile-noire{ background:var(--ya2-noir); border-color:var(--ya2-noir); color:#FFFFFF !important; }
html body .ya2 .ya2-tuile-noire .ya2-tuile-k{ color:rgba(255,255,255,.72); }
html body .ya2 .ya2-tuile-noire .ya2-tuile-d{ color:rgba(255,255,255,.78); }
html body .ya2 .ya2-tuile-noire .ya2-tuile-go{ color:#8AB8FF; }
html body .ya2 .ya2-halo{ position:absolute; right:-60px; top:-60px; width:240px; height:240px; border-radius:50%; background:conic-gradient(rgba(255,55,95,.5),rgba(255,159,10,.5),rgba(50,215,75,.45),rgba(10,132,255,.55),rgba(191,90,242,.5),rgba(255,55,95,.5)); filter:blur(50px); }

/* --- FAQ --- */
html body .ya2 .ya2-faq-g{ flex:1 1 360px; }
html body .ya2 .ya2-encart{ display:flex; flex-direction:column; gap:12px; padding:28px; background:var(--yj-soft,#F6F9FA); border:1px solid var(--yj-border,#DADDE1); border-radius:8px; }
html body .ya2 .ya2-accomp{ display:flex; flex-direction:column; gap:10px; }
html body .ya2 .ya2-accomp p{ font-size:15px; line-height:1.55; color:var(--yj-text2,#4A4E55); }
html body .ya2 .ya2-accomp .ya2-accomp-t{ font-weight:600; color:var(--yj-text,#050505); }
html body .ya2 .ya2-accomp .ya2-lien{ font-size:15px; }
html body .ya2 .ya2-petit{ font-size:13px !important; color:var(--yj-off,#4C5058) !important; }
html body .ya2 .ya2-faq{ flex:1 1 520px; display:flex; flex-direction:column; }
html body .ya2 .ya2-faq details{ border-top:1px solid var(--yj-border,#DADDE1); padding:26px 0; margin:0; background:transparent; }
html body .ya2 .ya2-faq details:last-child{ border-bottom:1px solid var(--yj-border,#DADDE1); }
html body .ya2 .ya2-faq summary{ cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:21px; font-weight:600; line-height:1.35; letter-spacing:-0.01em; color:var(--yj-text,#050505); }
html body .ya2 .ya2-faq summary::-webkit-details-marker{ display:none; }
html body .ya2 .ya2-faq summary:focus-visible{ outline:2px solid var(--yj-link,#124CA3); outline-offset:4px; border-radius:4px; }
html body .ya2 .ya2-plus{ position:relative; flex:none; width:18px; height:18px; }
html body .ya2 .ya2-plus::before, html body .ya2 .ya2-plus::after{ content:""; position:absolute; left:0; top:8px; width:18px; height:2px; border-radius:1px; background:var(--yj-link,#124CA3); transition:transform .2s; }
html body .ya2 .ya2-plus::after{ transform:rotate(90deg); }
html body .ya2 .ya2-faq details[open] .ya2-plus::after{ transform:rotate(0deg); }
html body .ya2 .ya2-rep{ padding-top:14px; display:flex; flex-direction:column; gap:12px; }
html body .ya2 .ya2-rep p{ font-size:16px; line-height:1.6; color:var(--yj-text2,#4A4E55); }
html body .ya2 .ya2-faq-liens{ display:flex; flex-wrap:wrap; gap:8px 24px; }

/* --- appel final --- */
html body .ya2 .ya2-fin{ overflow:hidden; padding-top:180px !important; padding-bottom:180px !important; }
html body .ya2 .ya2-halo-fin{ position:absolute; left:50%; top:50%; width:900px; height:900px; transform:translate(-50%,-50%); border-radius:50%; background:conic-gradient(from 180deg,rgba(255,55,95,.22),rgba(255,159,10,.18),rgba(50,215,75,.16),rgba(10,132,255,.24),rgba(191,90,242,.22),rgba(255,55,95,.22)); filter:blur(120px); pointer-events:none; }
html body .ya2 .ya2-fin .ya2-display{ max-width:none; }

/* --- tablette --- */
@media (max-width:1024px){
  html body .ya2 .ya2-h1{ font-size:68px !important; }
  html body .ya2 .ya2-display, html body .ya2 .ya2-statement{ font-size:52px !important; }
  html body .ya2 .ya2-promesse{ font-size:40px !important; }
}
/* --- mobile --- */
@media (max-width:760px){
  html body .ya2 .ya2-sec{ padding:88px 20px !important; }
  html body .ya2 .ya2-fin{ padding-top:104px !important; padding-bottom:104px !important; }
  html body .ya2 .ya2-hero{ min-height:640px; padding:96px 20px 56px !important; }
  html body .ya2 .ya2-hero-img{ object-position:70% 50%; }
  html body .ya2 .ya2-hero-in{ gap:22px; }
  html body .ya2 .ya2-h1{ font-size:44px !important; line-height:1.05 !important; letter-spacing:-0.035em !important; }
  html body .ya2 .ya2-hero-chapo, html body .ya2 .ya2-chapo{ font-size:18px !important; }
  html body .ya2 .ya2-btns .ya2-btn{ width:100%; justify-content:center; }
  html body .ya2 .ya2-preuves{ flex-direction:column; gap:6px; }
  html body .ya2 .ya2-preuves li + li::before{ content:none; }
  html body .ya2 .ya2-display, html body .ya2 .ya2-display-s, html body .ya2 .ya2-statement{ font-size:38px !important; line-height:1.08 !important; }
  html body .ya2 .ya2-display-l{ font-size:44px !important; }
  html body .ya2 .ya2-tete{ margin-bottom:48px; }
  html body .ya2 .ya2-lanes{ gap:64px; }
  html body .ya2 .ya2-lane, html body .ya2 .ya2-lane-inv{ flex-direction:column; align-items:stretch; gap:24px; }
  html body .ya2 .ya2-lane-photo, html body .ya2 .ya2-lane-txt{ flex:none; width:100%; }
  html body .ya2 .ya2-onde{ height:44px; gap:2px; }
  html body .ya2 .ya2-promesse{ font-size:34px !important; }
  html body .ya2 .ya2-lane-desc{ font-size:17px; }
  html body .ya2 .ya2-faits{ margin-top:64px; flex-direction:column; gap:10px; }
  html body .ya2 .ya2-duo{ gap:40px; }
  html body .ya2 .ya2-duo-g, html body .ya2 .ya2-carte, html body .ya2 .ya2-faq{ flex:1 1 100%; }
  html body .ya2 .ya2-garanties li{ padding:22px !important; }
  html body .ya2 .ya2-num{ font-size:56px; }
  html body .ya2 .ya2-num-s{ font-size:56px; }
  html body .ya2 .ya2-chiffres{ grid-template-columns:1fr 1fr; gap:32px 20px; margin:40px 0 32px !important; }
  html body .ya2 .ya2-portrait{ flex:1 1 100%; min-height:0; aspect-ratio:4 / 5; }
  html body .ya2 .ya2-titre-son{ flex:1 1 100%; padding:24px; }
  html body .ya2 .ya2-titre-son h3, html body .ya2 .ya2-clip-txt h3{ font-size:23px !important; }
  html body .ya2 .ya2-clip{ padding:16px; }
  html body .ya2 .ya2-video{ flex:1 1 100%; }
  html body .ya2 .ya2-citation blockquote{ font-size:30px; }
  html body .ya2 .ya2-tuiles-3, html body .ya2 .ya2-tuiles-2{ grid-template-columns:1fr; }
  html body .ya2 .ya2-tuile{ min-height:0; padding:28px 24px; }
  html body .ya2 .ya2-faq summary{ font-size:18px; }
  html body .ya2 .ya2-equipe{ grid-template-columns:1fr 1fr; gap:32px 16px; }
  html body .ya2 .ya2-equipe h3{ font-size:17px !important; }
  html body .ya2 .ya2-equipe p{ font-size:14px; }
  html body.page-id-361467 #yt-home-temoignages.ytt{ padding-top:48px !important; }
}
@media (max-width:420px){
  html body .ya2 .ya2-chiffres{ grid-template-columns:1fr; }
  html body .ya2 .ya2-num{ font-size:52px; }
}
@media (prefers-reduced-motion:reduce){
  html body .ya2 .ya2-lane-photo img, html body .ya2 .ya2-plus::before, html body .ya2 .ya2-plus::after{ transition:none; }
  html body .ya2 .ya2-lane-photo:hover img{ transform:none; }
}

/* --- retouches après rendu (20 oct.) --- */
html body .ya2 .ya2-chiffres .ya2-num{ font-size:72px; white-space:nowrap; }
html body.page-id-361467 #yt-home-temoignages .ytt-titre{ font-size:56px !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-0.03em !important; }
@media (max-width:1024px){ html body .ya2 .ya2-chiffres .ya2-num{ font-size:60px; } }
@media (max-width:760px){
  html body .ya2 .ya2-chiffres .ya2-num{ font-size:48px; }
  html body.page-id-361467 #yt-home-temoignages .ytt-titre{ font-size:38px !important; }
}
html body .ya2, html body .ya2 *{ -webkit-hyphens:none !important; hyphens:none !important; }
/* Bandeau méthode : « Peu de théorie. Beaucoup de pratique. » sur une seule ligne (≥ 761 px) */
@media (min-width:761px){
  html body .ya2 .ya2-statement{ font-size:min(64px, calc((100vw - 80px) / 16.8)) !important; }
  html body .ya2 .ya2-statement .ya2-l1{ white-space:nowrap; }
}

/* --- Gratuit : tuiles à image (21 oct.) --- */
html body .ya2 .ya2-tuile-m{ padding:0 !important; gap:0; }
html body .ya2 .ya2-corps{ position:relative; display:flex; flex-direction:column; gap:12px; flex:1 1 auto; padding:28px 32px 32px; }
html body .ya2 .ya2-media{ position:relative; display:block; aspect-ratio:16 / 9; overflow:hidden; background:#121215; }
html body .ya2 .ya2-media img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:0 !important; transition:transform .5s ease; }
html body .ya2 .ya2-tuile-m:hover .ya2-media img{ transform:scale(1.03); }
html body .ya2 .ya2-media-rdv{ display:flex; align-items:center; justify-content:center; background:#121215; }
html body .ya2 .ya2-media-rdv::before{ content:""; position:absolute; inset:-20%; background-image:var(--ya2-poch); background-size:cover; background-position:center; filter:blur(28px) saturate(1.4); opacity:.75; }
html body .ya2 .ya2-media-rdv img{ position:relative; width:auto; height:72%; aspect-ratio:1 / 1; border-radius:6px !important; box-shadow:0 10px 30px rgba(0,0,0,.45); }
html body .ya2 .ya2-tuile-m:hover .ya2-media-rdv img{ transform:scale(1.04); }
html body .ya2 .ya2-media-num{ position:absolute; left:20px; bottom:14px; font-size:72px; font-weight:700; letter-spacing:-0.04em; line-height:1; color:#FFFFFF; text-shadow:0 2px 18px rgba(0,0,0,.6); }
html body .ya2 .ya2-media::after{ content:""; position:absolute; inset:0; pointer-events:none; }
html body .ya2 .ya2-tuile-m .ya2-media:not(.ya2-media-rdv):not(.ya2-media-icones)::after{ background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 55%); }
html body .ya2 .ya2-media-num{ z-index:1; }
html body .ya2 .ya2-media-icones{ display:flex; align-items:center; justify-content:center; gap:12px; padding:0 20px; background:#121215; }
html body .ya2 .ya2-media-icones img{ width:18%; height:auto; max-width:64px; aspect-ratio:1 / 1; border-radius:14px !important; box-shadow:0 6px 18px rgba(0,0,0,.4); }
html body .ya2 .ya2-media-icones img:nth-child(odd){ transform:translateY(-8px); }
html body .ya2 .ya2-tuile-m:hover .ya2-media-icones img{ transform:none; }
html body .ya2 .ya2-tuile-h{ flex-direction:row; align-items:center; gap:24px; }
html body .ya2 .ya2-tuile-h .ya2-corps{ padding:0; flex:1 1 auto; align-self:stretch; }
html body .ya2 .ya2-pochettes{ position:relative; flex:0 0 150px; height:170px; }
html body .ya2 .ya2-pochettes img{ position:absolute; top:10px; width:120px; height:120px; border-radius:6px !important; box-shadow:0 8px 24px rgba(0,0,0,.5); transition:transform .3s ease; }
html body .ya2 .ya2-pochettes img:nth-child(1){ left:0; transform:rotate(-8deg); }
html body .ya2 .ya2-pochettes img:nth-child(2){ left:14px; top:30px; transform:rotate(-2deg); }
html body .ya2 .ya2-pochettes img:nth-child(3){ left:28px; top:20px; transform:rotate(5deg); }
html body .ya2 .ya2-pochettes img:nth-child(4){ left:36px; top:44px; transform:rotate(10deg); }
html body .ya2 .ya2-tuile-h:hover .ya2-pochettes img:nth-child(1){ transform:rotate(-14deg) translateX(-8px); }
html body .ya2 .ya2-tuile-h:hover .ya2-pochettes img:nth-child(4){ transform:rotate(16deg) translateX(8px); }
html body .ya2 .ya2-apps{ flex:0 0 150px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
html body .ya2 .ya2-apps img{ width:64px; height:64px; border-radius:14px !important; box-shadow:0 6px 18px rgba(0,0,0,.18); }
html body .ya2 .ya2-apps img:last-child{ border-radius:16px !important; }
html body .ya2 .ya2-tuile-noire .ya2-halo{ display:none; }

/* --- Appel final en photo (21 oct.) --- */
html body .ya2 .ya2-fin-img{ position:absolute !important; inset:0; width:100% !important; height:100% !important; max-width:none; object-fit:cover; object-position:50% 35%; border-radius:0 !important; }
html body .ya2 .ya2-fin::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(11,13,18,.82) 0%, rgba(11,13,18,.62) 45%, rgba(11,13,18,.88) 100%); }
html body .ya2 .ya2-fin .ya2-in{ z-index:2; }
html body .ya2 .ya2-fin .ya2-chapo{ color:rgba(255,255,255,.88) !important; }
html body .ya2 .ya2-halo-fin{ display:none; }

@media (max-width:760px){
  html body .ya2 .ya2-tuile-m{ padding:0 !important; }
  html body .ya2 .ya2-corps{ padding:22px 24px 26px; }
  html body .ya2 .ya2-tuile-h{ flex-direction:column-reverse; align-items:flex-start; }
  html body .ya2 .ya2-pochettes{ flex:none; width:170px; height:150px; }
  html body .ya2 .ya2-apps{ flex:none; justify-content:flex-start; }
  html body .ya2 .ya2-apps img{ width:52px; height:52px; }
  html body .ya2 .ya2-media-num{ font-size:56px; }
}
@media (prefers-reduced-motion:reduce){
  html body .ya2 .ya2-media img, html body .ya2 .ya2-pochettes img{ transition:none; }
}

/* --- Formations : bandeau titre + dates sous la photo, à la place des ondes (21 oct.) --- */
html body .ya2 .ya2-lane-visuel{ flex:1 1 520px; display:flex; flex-direction:column; border-radius:8px; overflow:hidden; background:var(--ya2-noir2); }
html body .ya2 .ya2-lane-visuel .ya2-lane-photo{ flex:none; border-radius:0; aspect-ratio:16 / 10; }
html body .ya2 .ya2-lane-bande{ display:flex; flex-direction:column; gap:4px; padding:18px 22px 20px; color:#FFFFFF; }
html body .ya2 .ya2-t-rouge .ya2-lane-bande{ background:var(--ya2-rouge); }
html body .ya2 .ya2-t-ocre .ya2-lane-bande{ background:var(--ya2-ocre); }
html body .ya2 .ya2-t-violet .ya2-lane-bande{ background:var(--ya2-violet); }
html body .ya2 .ya2-t-bleu .ya2-lane-bande{ background:var(--ya2-bleu); }
html body .ya2 .ya2-lane-bande .ya2-lane-titre{ font-size:18px; font-weight:700; line-height:1.3; color:#FFFFFF; }
html body .ya2 .ya2-lane-bande .ya2-lane-dates{ font-size:15px; line-height:1.45; color:rgba(255,255,255,.92); }
@media (max-width:760px){
  html body .ya2 .ya2-lane-visuel{ flex:none; width:100%; }
  html body .ya2 .ya2-lane-bande{ padding:14px 18px 16px; }
  html body .ya2 .ya2-lane-bande .ya2-lane-titre{ font-size:16px; }
  html body .ya2 .ya2-lane-bande .ya2-lane-dates{ font-size:14px; }
}

/* --- Financement : tuiles colorées (21 oct.) --- */
html body .ya2 .ya2-atouts{ flex:1 1 440px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
html body .ya2 .ya2-atouts li{ display:flex; flex-direction:column; gap:6px; min-height:220px; padding:26px 24px !important; border-radius:8px; color:#FFFFFF; transition:transform .25s ease; }
html body .ya2 .ya2-atouts li:hover{ transform:rotate(-1deg) scale(1.02); }
html body .ya2 .ya2-atouts li:nth-child(even):hover{ transform:rotate(1deg) scale(1.02); }
html body .ya2 .ya2-atouts .ya2-t-rouge{ background:var(--ya2-rouge); }
html body .ya2 .ya2-atouts .ya2-t-ocre{ background:var(--ya2-ocre); }
html body .ya2 .ya2-atouts .ya2-t-violet{ background:var(--ya2-violet); }
html body .ya2 .ya2-atouts .ya2-t-bleu{ background:var(--ya2-bleu); }
html body .ya2 .ya2-atout-big{ font-size:44px; font-weight:700; letter-spacing:-0.035em; line-height:1.05; color:#FFFFFF; }
html body .ya2 .ya2-atout-t{ font-size:17px; font-weight:700; line-height:1.3; color:#FFFFFF; }
html body .ya2 .ya2-atout-d{ margin-top:auto; padding-top:12px; font-size:14px; line-height:1.5; color:rgba(255,255,255,.9); }
html body .ya2 .ya2-atout-d a{ color:#FFFFFF !important; font-weight:600; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(255,255,255,.5); }
html body .ya2 .ya2-atout-d a:hover, html body .ya2 .ya2-atout-d a:focus-visible{ text-decoration-color:#FFFFFF; }

/* --- Résultats : couleurs, jauges, compteur (21 oct.) --- */
html body .ya2 .ya2-chiffres li{ border-top:0 !important; padding-top:0 !important; }
html body .ya2 .ya2-chiffres .ya2-t-rouge .ya2-num{ color:#8D3A34; }
html body .ya2 .ya2-chiffres .ya2-t-ocre .ya2-num{ color:#7F4A22; }
html body .ya2 .ya2-chiffres .ya2-t-violet .ya2-num{ color:#664492; }
html body .ya2 .ya2-chiffres .ya2-t-bleu .ya2-num{ color:#124CA3; }
html.yj-ok.yj-isdark body .ya2 .ya2-chiffres .ya2-t-rouge .ya2-num{ color:#FF9A90; }
html.yj-ok.yj-isdark body .ya2 .ya2-chiffres .ya2-t-ocre .ya2-num{ color:#F0B27A; }
html.yj-ok.yj-isdark body .ya2 .ya2-chiffres .ya2-t-violet .ya2-num{ color:#C9A8F5; }
html.yj-ok.yj-isdark body .ya2 .ya2-chiffres .ya2-t-bleu .ya2-num{ color:#A8CAFF; }
html body .ya2 .ya2-jauge{ display:block; height:8px; border-radius:4px; background:var(--yj-bg,#F0F2F5); overflow:hidden; }
html body .ya2 .ya2-jauge span{ display:block; height:100%; width:var(--v); border-radius:4px; transform-origin:left center; transition:transform 1.4s cubic-bezier(.2,.8,.2,1); }
html body .ya2 .ya2-chiffres:not(.ya2-vu) .ya2-jauge span{ transform:scaleX(0); }
html body .ya2 .ya2-t-rouge .ya2-jauge span{ background:var(--ya2-rouge); }
html body .ya2 .ya2-t-ocre .ya2-jauge span{ background:var(--ya2-ocre); }
html body .ya2 .ya2-t-violet .ya2-jauge span{ background:var(--ya2-violet); }
html body .ya2 .ya2-t-bleu .ya2-jauge span{ background:var(--ya2-bleu); }
@media (max-width:760px){
  html body .ya2 .ya2-atouts{ flex:1 1 100%; grid-template-columns:1fr; }
  html body .ya2 .ya2-atouts li{ min-height:0; padding:22px 20px !important; }
  html body .ya2 .ya2-atout-big{ font-size:36px; }
}
@media (prefers-reduced-motion:reduce){
  html body .ya2 .ya2-atouts li{ transition:none; }
  html body .ya2 .ya2-atouts li:hover{ transform:none; }
  html body .ya2 .ya2-jauge span{ transition:none; }
}

/* --- Formations sur fond clair (21 oct.) --- */
html body .ya2 #ya2-formations .ya2-promesse a{ color:var(--yj-text,#050505) !important; }
html body .ya2 #ya2-formations .ya2-lane-desc{ color:var(--yj-text2,#4A4E55); }
html body .ya2 #ya2-formations .ya2-lane-pour{ color:var(--yj-text2,#4A4E55); }
html body .ya2 #ya2-formations .ya2-faits{ border-top-color:var(--yj-border,#DADDE1); color:var(--yj-text2,#4A4E55); }
html body .ya2 #ya2-formations .ya2-faits strong{ color:var(--yj-text,#050505); }
html body .ya2 #ya2-formations .ya2-lane-visuel{ box-shadow:0 18px 40px rgba(11,13,18,.14); }

/* --- Avis : plus de vie (21 oct.) --- */
html body .ya2 .ya2-avis{ padding-bottom:40px !important; }
html body .ya2 .ya2-citation{ position:relative; }
html body .ya2 .ya2-guillemet{ display:block; font-size:200px; line-height:.75; font-weight:700; height:110px; margin-bottom:8px; font-family:Georgia,"Times New Roman",serif; }
html body .ya2 .ya2-citation blockquote{ font-size:52px; }
html body .ya2 .ya2-note{ display:inline-grid; padding:18px 26px; background:var(--yj-card,#FFFFFF); border:1px solid var(--yj-border,#DADDE1); border-radius:999px; box-shadow:0 8px 24px rgba(11,13,18,.08); transition:transform .25s ease; }
html body .ya2 .ya2-note:hover{ transform:rotate(-2deg) scale(1.03); }
html body .ya2 .ya2-etoiles{ font-size:24px; letter-spacing:3px; color:#F5B400; }
html.yj-ok.yj-isdark body .ya2 .ya2-etoiles{ color:#F5C451; }
html body.page-id-361467 #yt-home-temoignages.ytt{ background:var(--yj-bg,#F0F2F5) !important; padding-top:24px !important; }
html body.page-id-361467 #yt-home-temoignages .ytt-liste{ padding-top:18px !important; padding-bottom:28px !important; }
html body.page-id-361467 #yt-home-temoignages .ytt-card{ position:relative; overflow:hidden; border:0 !important; border-top:6px solid #8D3A34 !important; box-shadow:0 10px 30px rgba(11,13,18,.10) !important; transform:rotate(-1.2deg); transition:transform .3s ease, box-shadow .3s ease !important; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n+2){ border-top-color:#7F4A22 !important; transform:rotate(.9deg); }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n+3){ border-top-color:#664492 !important; transform:rotate(-.6deg); }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n){ border-top-color:#124CA3 !important; transform:rotate(1.3deg); }
html body.page-id-361467 #yt-home-temoignages .ytt-card:hover{ transform:rotate(0) translateY(-6px); box-shadow:0 18px 40px rgba(11,13,18,.16) !important; }
html body.page-id-361467 #yt-home-temoignages .ytt-card::after{ content:"“"; position:absolute; right:14px; top:-18px; font-family:Georgia,"Times New Roman",serif; font-size:140px; line-height:1; font-weight:700; color:#8D3A34; opacity:.10; pointer-events:none; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n+2)::after{ color:#7F4A22; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n+3)::after{ color:#664492; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n)::after{ color:#124CA3; }
html body.page-id-361467 #yt-home-temoignages .ytt-photo{ box-shadow:0 0 0 3px var(--yj-card,#FFFFFF), 0 0 0 5px #8D3A34; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n+2) .ytt-photo{ box-shadow:0 0 0 3px var(--yj-card,#FFFFFF), 0 0 0 5px #7F4A22; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n+3) .ytt-photo{ box-shadow:0 0 0 3px var(--yj-card,#FFFFFF), 0 0 0 5px #664492; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n) .ytt-photo{ box-shadow:0 0 0 3px var(--yj-card,#FFFFFF), 0 0 0 5px #124CA3; }

/* --- Formateurs : à part, en polaroïds sur fond noir (21 oct.) --- */
html body .ya2 .ya2-equipe-sec .ya2-mute{ color:#9AA0A8 !important; }
html body .ya2 .ya2-equipe-sec .ya2-equipe{ gap:56px 36px; margin-top:72px !important; }
html body .ya2 .ya2-equipe-sec .ya2-equipe li{ gap:18px; }
html body .ya2 .ya2-polaroid{ position:relative; display:flex; flex-direction:column; gap:14px; padding:12px 12px 18px; background:#FFFFFF; border-radius:4px; box-shadow:0 18px 40px rgba(0,0,0,.45); transform:rotate(-2.5deg); transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; }
html body .ya2 .ya2-equipe li:nth-child(2) .ya2-polaroid{ transform:rotate(1.8deg) translateY(10px); }
html body .ya2 .ya2-equipe li:nth-child(3) .ya2-polaroid{ transform:rotate(-1.2deg) translateY(-6px); }
html body .ya2 .ya2-equipe li:nth-child(4) .ya2-polaroid{ transform:rotate(2.6deg) translateY(6px); }
html body .ya2 .ya2-equipe li:hover .ya2-polaroid{ transform:rotate(0) scale(1.04); box-shadow:0 26px 60px rgba(0,0,0,.55); }
html body .ya2 .ya2-polaroid .ya2-photo{ border-radius:2px; }
html body .ya2 .ya2-polaroid .ya2-photo::after{ display:none; }
html body .ya2 .ya2-scotch{ position:absolute; z-index:2; top:-12px; left:50%; width:92px; height:26px; margin-left:-46px; transform:rotate(-3deg); opacity:.85; border-radius:2px; box-shadow:0 2px 6px rgba(0,0,0,.25); }
html body .ya2 .ya2-t-rouge .ya2-scotch{ background:var(--ya2-rouge); }
html body .ya2 .ya2-t-ocre .ya2-scotch{ background:var(--ya2-ocre); transform:rotate(4deg); }
html body .ya2 .ya2-t-violet .ya2-scotch{ background:var(--ya2-violet); transform:rotate(-5deg); }
html body .ya2 .ya2-t-bleu .ya2-scotch{ background:var(--ya2-bleu); transform:rotate(2deg); }
html body .ya2 .ya2-equipe-sec .ya2-equipe h3{ padding:0 4px; font-size:20px !important; color:#050505 !important; }
html body .ya2 .ya2-equipe-sec .ya2-equipe h3 a{ color:#050505 !important; }
html body .ya2 .ya2-equipe-sec .ya2-equipe p{ color:rgba(255,255,255,.75); padding:0 4px; }
@media (max-width:760px){
  html body .ya2 .ya2-guillemet{ font-size:140px; height:80px; }
  html body .ya2 .ya2-citation blockquote{ font-size:32px; }
  html body .ya2 .ya2-note{ border-radius:20px; padding:14px 20px; }
  html body .ya2 .ya2-equipe-sec .ya2-equipe{ gap:40px 18px; }
  html body .ya2 .ya2-polaroid{ padding:8px 8px 12px; gap:10px; }
  html body .ya2 .ya2-equipe-sec .ya2-equipe h3{ font-size:16px !important; }
  html body .ya2 .ya2-scotch{ width:64px; height:20px; margin-left:-32px; top:-9px; }
}
@media (prefers-reduced-motion:reduce){
  html body .ya2 .ya2-polaroid, html body .ya2 .ya2-note, html body.page-id-361467 #yt-home-temoignages .ytt-card{ transition:none !important; }
}
/* retouches : inclinaison forcée (le carrousel impose transform:none), guillemet arc-en-ciel sur le glyphe */
html body.page-id-361467 #yt-home-temoignages .ytt-card{ transform:rotate(-1.2deg) !important; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n+2){ transform:rotate(.9deg) !important; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n+3){ transform:rotate(-.6deg) !important; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:nth-child(4n){ transform:rotate(1.3deg) !important; }
html body.page-id-361467 #yt-home-temoignages .ytt-card:hover{ transform:rotate(0) translateY(-6px) !important; }
html body .ya2 .ya2-guillemet{ display:inline-block; align-self:flex-start; padding-right:.05em; }
@media (prefers-reduced-motion:reduce){ html body.page-id-361467 #yt-home-temoignages .ytt-card:hover{ transform:rotate(0) !important; } }
html body.page-id-361467 #yt-home-temoignages, html body.page-id-361467 #yt-home-temoignages *{ -webkit-hyphens:none !important; hyphens:none !important; }

/* --- Retouches 21 oct. : espaces des avis, polaroïds sans scotch, apparitions au défilement --- */
html body .ya2 .ya2-avis{ padding-top:120px !important; }
html body .ya2 .ya2-citation{ gap:16px; }
html body .ya2 .ya2-guillemet{ height:92px; margin-bottom:0; }
html body.page-id-361467 #yt-home-temoignages.ytt{ padding-bottom:120px !important; }
html body .ya2 .ya2-scotch{ display:none !important; }

html.ya2-anim body .ya2 .ya2-rv, html.ya2-anim body #yt-home-temoignages .ya2-rv{ opacity:0; transform:translateY(32px); transition:opacity .7s ease var(--d,0ms), transform .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms) !important; }
html.ya2-anim body .ya2 .ya2-atouts li.ya2-rv{ transform:translateY(24px) scale(.92) rotate(-2deg); }
html.ya2-anim body .ya2 .ya2-equipe li.ya2-rv{ transform:translateY(-36px) rotate(-6deg); }
html.ya2-anim body .ya2 .ya2-equipe li.ya2-rv:nth-child(even){ transform:translateY(-36px) rotate(6deg); }
html.ya2-anim body .ya2 .ya2-lane.ya2-rv{ transform:translateY(56px); }
html.ya2-anim body .ya2 .ya2-tuile.ya2-rv{ transform:translateY(32px) scale(.96); }
html.ya2-anim body .ya2 .ya2-rv.ya2-vis, html.ya2-anim body #yt-home-temoignages .ya2-rv.ya2-vis{ opacity:1; transform:none; }
@media (max-width:760px){
  html body .ya2 .ya2-avis{ padding-top:80px !important; }
  html body .ya2 .ya2-guillemet{ height:66px; }
  html body.page-id-361467 #yt-home-temoignages.ytt{ padding-bottom:80px !important; }
}
/* Le thème (layout.css) met padding-bottom:0 à la dernière section de la page : l'espace sous les boutons des avis passe par une marge */
html body.page-id-361467 #yt-home-temoignages .ytt-cta{ margin-bottom:120px !important; }
@media (max-width:760px){ html body.page-id-361467 #yt-home-temoignages .ytt-cta{ margin-bottom:80px !important; } }

/* --- Polaroïds cliquables (21 oct.) --- */
html body .ya2 a.ya2-polaroid{ text-decoration:none !important; color:#050505 !important; cursor:pointer; }
html body .ya2 a.ya2-polaroid h3{ color:#050505 !important; }
html body .ya2 a.ya2-polaroid:hover h3, html body .ya2 a.ya2-polaroid:focus-visible h3{ text-decoration:underline; text-underline-offset:4px; }
html body .ya2 a.ya2-polaroid:focus-visible{ outline:3px solid #8AB8FF; outline-offset:4px; }
html body .ya2 .ya2-equipe li:focus-within .ya2-polaroid{ transform:rotate(0) scale(1.04); }

/* --- Ingénierie pédagogique : frise en 5 étapes (21 oct.) --- */
html body .ya2 .ya2-noir .ya2-mute{ color:#9AA0A8 !important; }
html body .ya2 .ya2-etapes{ position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin:0 !important; padding:0 !important; list-style:none !important; counter-reset:none; }
html body .ya2 .ya2-etapes::before{ content:""; position:absolute; left:8px; right:8px; top:9px; height:2px; border-radius:1px; background:linear-gradient(90deg,#C45048,#D07838,#7850AC,#345890,#BF5AF2); transform-origin:left center; transition:transform 1.4s cubic-bezier(.2,.8,.2,1); }
html.ya2-anim body .ya2 .ya2-etapes.ya2-rv{ opacity:1; transform:none; }
html.ya2-anim body .ya2 .ya2-etapes.ya2-rv:not(.ya2-vis)::before{ transform:scaleX(0); }
html body .ya2 .ya2-etapes li{ position:relative; display:flex; flex-direction:column; gap:8px; margin:0 !important; padding:44px 0 0 !important; }
html body .ya2 .ya2-etapes li::before{ content:""; position:absolute; left:0; top:0; width:20px; height:20px; border-radius:50%; border:4px solid #0B0D12; box-shadow:0 0 0 2px rgba(255,255,255,.18); }
html body .ya2 .ya2-etapes .ya2-t-rouge::before{ background:#C45048; }
html body .ya2 .ya2-etapes .ya2-t-ocre::before{ background:#D07838; }
html body .ya2 .ya2-etapes .ya2-t-violet::before{ background:#7850AC; }
html body .ya2 .ya2-etapes .ya2-t-bleu::before{ background:#345890; }
html body .ya2 .ya2-etapes .ya2-t-arc::before{ background:conic-gradient(#FF375F,#FF9F0A,#FFD60A,#32D74B,#0A84FF,#BF5AF2,#FF375F); }
html body .ya2 .ya2-etape-n{ font-size:56px; font-weight:700; letter-spacing:-0.04em; line-height:1; }
html body .ya2 .ya2-t-rouge .ya2-etape-n{ color:#FF9A90; }
html body .ya2 .ya2-t-ocre .ya2-etape-n{ color:#F0B27A; }
html body .ya2 .ya2-t-violet .ya2-etape-n{ color:#C9A8F5; }
html body .ya2 .ya2-t-bleu .ya2-etape-n{ color:#A8CAFF; }
html body .ya2 .ya2-t-arc .ya2-etape-n{ background:linear-gradient(90deg,#FF375F 0%,#FF9F0A 25%,#FFD60A 45%,#32D74B 65%,#0A84FF 85%,#BF5AF2 100%); -webkit-background-clip:text; background-clip:text; color:transparent; align-self:flex-start; }
html body .ya2 .ya2-etape-k{ font-size:13px; font-weight:600; color:rgba(255,255,255,.7); }
html body .ya2 .ya2-etapes .ya2-etape-t{ font-size:19px !important; line-height:1.3 !important; font-weight:700 !important; color:#FFFFFF !important; }
html body .ya2 .ya2-etapes li p{ font-size:15px; line-height:1.55; color:rgba(255,255,255,.75); }
html body .ya2 #ya2-pedagogie .ya2-liens{ margin-top:56px; }
@media (max-width:1024px){
  html body .ya2 .ya2-etapes{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 24px; }
  html body .ya2 .ya2-etapes::before{ display:none; }
}
@media (max-width:760px){
  html body .ya2 .ya2-etapes{ grid-template-columns:1fr; gap:28px; padding-left:36px !important; }
  html body .ya2 .ya2-etapes::before{ display:block; left:9px; right:auto; top:8px; bottom:8px; width:2px; height:auto; background:linear-gradient(180deg,#C45048,#D07838,#7850AC,#345890,#BF5AF2); transform-origin:center top; }
  html.ya2-anim body .ya2 .ya2-etapes.ya2-rv:not(.ya2-vis)::before{ transform:scaleY(0); }
  html body .ya2 .ya2-etapes li{ padding:0 !important; }
  html body .ya2 .ya2-etapes li::before{ left:-36px; top:4px; }
  html body .ya2 .ya2-etape-n{ font-size:44px; }
}
@media (prefers-reduced-motion:reduce){ html body .ya2 .ya2-etapes::before{ transition:none; } }

/* --- Pédagogie : cartes à retourner (communauté, jeux, glossaire, rendez-vous) (21 oct.) --- */
html body .ya2 .ya2-outils-t{ margin:88px 0 24px !important; font-size:28px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:-0.02em; color:#FFFFFF !important; }
html body .ya2 .ya2-cartes{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 !important; padding:0 !important; list-style:none !important; }
html body .ya2 .ya2-cartes li{ margin:0 !important; padding:0 !important; }
html body .ya2 .ya2-carte-j{ position:relative; display:block; height:330px; perspective:1200px; text-decoration:none !important; color:#FFFFFF !important; border-radius:12px; }
html body .ya2 .ya2-carte-j:focus-visible{ outline:3px solid #8AB8FF; outline-offset:4px; }
html body .ya2 .ya2-face{ position:absolute; inset:0; display:flex; flex-direction:column; padding:24px; border-radius:12px; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition:transform .75s cubic-bezier(.2,.8,.2,1); }
html body .ya2 .ya2-recto{ background:#12151B; border:1px solid rgba(255,255,255,.12); transform:rotateY(0); }
html body .ya2 .ya2-verso{ transform:rotateY(180deg); gap:12px; justify-content:center; }
html body .ya2 .ya2-t-rouge .ya2-verso{ background:var(--ya2-rouge); }
html body .ya2 .ya2-t-ocre .ya2-verso{ background:var(--ya2-ocre); }
html body .ya2 .ya2-t-violet .ya2-verso{ background:var(--ya2-violet); }
html body .ya2 .ya2-t-bleu .ya2-verso{ background:var(--ya2-bleu); }
html body .ya2 .ya2-carte-j:hover .ya2-recto, html body .ya2 .ya2-carte-j:focus-visible .ya2-recto{ transform:rotateY(-180deg); }
html body .ya2 .ya2-carte-j:hover .ya2-verso, html body .ya2 .ya2-carte-j:focus-visible .ya2-verso{ transform:rotateY(0); }
html body .ya2 .ya2-recto-vis{ flex:1 1 auto; display:flex; align-items:center; justify-content:center; min-height:0; }
html body .ya2 .ya2-recto-big{ font-size:40px; font-weight:700; letter-spacing:-0.035em; line-height:1.05; }
html body .ya2 .ya2-t-rouge .ya2-recto-big{ color:#FF9A90; }
html body .ya2 .ya2-t-ocre .ya2-recto-big{ color:#F0B27A; }
html body .ya2 .ya2-t-violet .ya2-recto-big{ color:#C9A8F5; }
html body .ya2 .ya2-t-bleu .ya2-recto-big{ color:#A8CAFF; }
html body .ya2 .ya2-recto-l{ margin-top:4px; font-size:15px; font-weight:600; color:rgba(255,255,255,.8); }
html body .ya2 .ya2-vis-icones{ flex-wrap:wrap; gap:10px; padding:0 8px; }
html body .ya2 .ya2-vis-icones img{ width:52px; height:52px; border-radius:12px !important; box-shadow:0 6px 16px rgba(0,0,0,.4); }
html body .ya2 .ya2-vis-icones img:nth-child(odd){ transform:translateY(-6px) rotate(-4deg); }
html body .ya2 .ya2-vis-icones img:nth-child(even){ transform:translateY(6px) rotate(4deg); }
html body .ya2 .ya2-vis-jeu{ position:relative; }
html body .ya2 .ya2-mini-carte{ position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:120px; height:150px; border-radius:10px; background:#FFFFFF; color:#050505; box-shadow:0 10px 24px rgba(0,0,0,.45); transform:rotate(-8deg) translateX(-26px); text-align:center; padding:10px; }
html body .ya2 .ya2-mini-2{ background:#F6E7D8; transform:rotate(7deg) translateX(30px) translateY(10px); }
html body .ya2 .ya2-mini-k{ font-size:10px; line-height:1.3; color:#4A4E55; }
html body .ya2 .ya2-mini-q{ font-size:30px; font-weight:700; line-height:1; color:#7F4A22; }
html body .ya2 .ya2-mini-carte:first-child .ya2-mini-q{ color:#124CA3; }
html body .ya2 .ya2-vis-az{ font-size:72px; font-weight:700; letter-spacing:-0.04em; background:linear-gradient(90deg,#C9A8F5,#FFFFFF); -webkit-background-clip:text; background-clip:text; color:transparent; gap:6px; }
html body .ya2 .ya2-vis-az span{ font-size:40px; -webkit-text-fill-color:rgba(255,255,255,.5); }
html body .ya2 .ya2-vis-poch{ position:relative; margin:-24px -24px 16px; overflow:hidden; }
html body .ya2 .ya2-vis-poch::before{ content:""; position:absolute; inset:-20%; background-image:var(--ya2-poch); background-size:cover; background-position:center; filter:blur(26px) saturate(1.4); opacity:.7; }
html body .ya2 .ya2-vis-poch img{ position:relative; width:120px; height:120px; border-radius:8px !important; box-shadow:0 10px 26px rgba(0,0,0,.5); }
html body .ya2 .ya2-verso-t{ font-size:24px; font-weight:700; letter-spacing:-0.02em; line-height:1.2; color:#FFFFFF; }
html body .ya2 .ya2-verso-d{ font-size:15px; line-height:1.55; color:rgba(255,255,255,.92); }
html body .ya2 .ya2-verso-go{ margin-top:8px; font-size:15px; font-weight:600; color:#FFFFFF; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:1024px){ html body .ya2 .ya2-cartes{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* Écrans tactiles, petites largeurs et animations réduites : recto et verso l’un sous l’autre */
@media (hover:none), (max-width:760px), (prefers-reduced-motion:reduce){
  html body .ya2 .ya2-carte-j{ height:auto; perspective:none; display:flex; flex-direction:column; }
  html body .ya2 .ya2-face{ position:relative; inset:auto; transform:none !important; transition:none; }
  html body .ya2 .ya2-recto{ height:230px; border-radius:12px 12px 0 0; border-bottom:0; }
  html body .ya2 .ya2-verso{ border-radius:0 0 12px 12px; padding:20px 24px 24px; }
}
@media (max-width:760px){
  html body .ya2 .ya2-cartes{ grid-template-columns:1fr; }
  html body .ya2 .ya2-outils-t{ margin-top:64px !important; font-size:23px !important; }
}
/* retouches cartes : icônes en carré 2×2, mini-cartes lisibles */
html body .ya2 .ya2-vis-icones{ display:grid; grid-template-columns:repeat(2,56px); gap:14px; justify-content:center; align-content:center; }
html body .ya2 .ya2-vis-icones img{ width:56px; height:56px; }
html body .ya2 .ya2-mini-carte{ width:112px; height:144px; transform:rotate(-8deg) translateX(-34px); }
html body .ya2 .ya2-mini-2{ transform:rotate(7deg) translateX(38px) translateY(10px); }
html body .ya2 .ya2-mini-q{ font-size:24px; white-space:nowrap; }
/* 20 oct. 2026 : hero moins haut (demande de Fabien), le surtitre passe dans la ligne de preuves */
html body .ya2 .ya2-hero{ min-height:min(80vh,740px); padding-top:88px !important; }
@media (max-width:760px){
  html body .ya2 .ya2-hero{ min-height:560px; padding-top:72px !important; }
}