/* =====================================================================
   v2 « Respiration » : les quatre fiches de formation (57586, 58341, 1735404, 1706285)
   Calque visuel seulement : aucun texte, aucun lien, aucune section ne change.
   body.yt-v2f ; contenu.js garde le contraste AAA mais laisse les coins et les ombres.
   ===================================================================== */
body.yt-v2f{ --v2f-ombre:0 14px 36px rgba(11,13,18,.10); --v2f-ombre2:0 22px 48px rgba(11,13,18,.16); }
/* rythme : de l'air entre les sections */
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div):not(.yt-afdas-bandeau){ margin-top:120px !important; }
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div)[id$="-hero"][id]{ margin-top:16px !important; }
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(.ytc-mid, .ytc-wrap, #yfc-realisations, #inscription){ margin-top:64px !important; }
/* hero */
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div)[id$="-hero"][id]{ border-radius:28px !important; }
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > .yt-afdas-bandeau{ border-radius:14px !important; }
/* titres de section */
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title){ font-size:48px !important; line-height:1.08 !important; letter-spacing:-0.03em !important; font-weight:700 !important; margin-bottom:20px !important; }
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title) + p{ font-size:20px !important; line-height:1.55 !important; }
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h3{ letter-spacing:-0.01em; }
/* grandes sections sombres arrondies */
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(.ydc, .ylm-hybrid, .fsr-section, [id$="-defi"], [id$="-studio"], #yt-lms){ border-radius:28px !important; }
/* cartes : arrondies, sans bordure, posées sur une ombre douce */
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.ygr-card, .yt-m__card, .yt-sc-card, .ywl3-card, .ap-comfort-card, .ydc-feature-card, .yfq-trainer, .ynv-col, .yqi-card, .ys-compare-card-dark, .yt-ia-card, .ytt-card, .yafd-card, .yfq-block, .ylm-geo-box, .yav2-out, .ytc-band, .yfq-note, .yfc-card, .yafd-foot, .yte-more a, .promise-card, .content-card){ border-radius:20px !important; border-color:transparent !important; box-shadow:var(--v2f-ombre) !important; }
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.ywl3-card, .ygr-card, .yt-m__card, .yt-sc-card, .ap-comfort-card, .yafd-card){ overflow:hidden; transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease !important; }
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.ywl3-card, .ygr-card, .yt-m__card, .yt-sc-card, .ap-comfort-card, .yafd-card):hover{ transform:translateY(-4px); box-shadow:var(--v2f-ombre2) !important; }
html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.ytt-card){ box-shadow:0 8px 24px rgba(11,13,18,.08) !important; }
html.yj-isdark body.yt-v2f{ --v2f-ombre:0 14px 36px rgba(0,0,0,.45); --v2f-ombre2:0 22px 48px rgba(0,0,0,.55); }
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title){ font-size:40px !important; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div):not(.yt-afdas-bandeau){ margin-top:72px !important; }
  html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div)[id$="-hero"][id]{ margin-top:12px !important; border-radius:20px !important; }
  html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(.ytc-mid, .ytc-wrap, #yfc-realisations, #inscription){ margin-top:40px !important; }
  html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title){ font-size:32px !important; line-height:1.12 !important; }
  html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title) + p{ font-size:18px !important; }
  html body.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(.ydc, .ylm-hybrid, .fsr-section, [id$="-defi"], [id$="-studio"], #yt-lms){ border-radius:20px !important; }
}

/* =====================================================================
   Les 4 fiches (modèle validé sur Logic Pro) : sections pleine largeur comme l'accueil, contenu inchangé
   ===================================================================== */
body.yt-v2f.yt-v2f{ --v2-rouge:linear-gradient(140deg,#8D3A34,#C2564B); --v2-ocre:linear-gradient(140deg,#7F4A22,#B9702F); --v2-violet:linear-gradient(140deg,#5A3E8A,#8A5CC4); --v2-bleu:linear-gradient(140deg,#1E4E9C,#3B7BE0); --v2-noir:#0B0D12; --lb-blanc:var(--yj-card,#FFFFFF); --lb-gris:var(--yj-bg,#F0F2F5); }
/* toutes les sections bout à bout, en bandes pleine largeur */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div):not(.yt-afdas-bandeau){ margin-top:0 !important; padding-top:144px !important; padding-bottom:144px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(:is(#yt-lp-method, #yt-lp3-prog, .yt-promesse, #yt-promesse), #yt-niveau, #yt-ia, :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section), #yt-lp-scene, #yt-cta-programme, #yt-lp-spaces, #ytj-jeux, :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq), .ytc-wrap, :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis), #yt-compose, #yfc-realisations, #yt-cta-preuve, #yt-gratuit, #yt-avant, .yafd, #yt-lp-niveaux, #inscription, #yt-liens-utiles){ background:var(--lb-blanc) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-niveau, :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section), #ytj-jeux, :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis), #yt-gratuit, .yafd, #yt-lp-niveaux, #yt-liens-utiles){ background:var(--lb-gris) !important; }
/* blocs qui prolongent la section du dessus */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-cta-programme, .ytc-wrap, #yfc-realisations, #yt-cta-preuve){ padding-top:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-scene, :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq), #yt-compose, #yfc-realisations){ padding-bottom:72px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #inscription{ padding-top:96px !important; }
/* hero et sections sombres : pleine largeur, sans coins */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(:is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero), :is(#yt-lp-defi, #yt-lp3-defi, .ydc), #yt-lms, :is(#yt-lp-studio, #yt-lp3-studio, .fsr-section)):is([id], .fsr-section, .ydc){ width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; border-radius:0 !important; padding-left:max(24px, calc((100% - 1120px) / 2)) !important; padding-right:max(24px, calc((100% - 1120px) / 2)) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero)[id]{ margin-top:16px !important; padding-top:88px !important; padding-bottom:104px !important; min-height:min(88vh,820px); display:flex !important; flex-direction:column; justify-content:center; align-items:center; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) h1{ font-size:60px !important; line-height:1.04 !important; letter-spacing:-0.04em !important; font-weight:700 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(:is(#yt-lp-defi, #yt-lp3-defi, .ydc), #yt-lms, :is(#yt-lp-studio, #yt-lp3-studio, .fsr-section)){ background-color:var(--v2-noir) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-defi, #yt-lp3-defi, .ydc) .ydc-hero{ padding-top:0 !important; }
/* titres et chapôs à l'échelle de l'accueil */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title){ font-size:56px !important; line-height:1.06 !important; letter-spacing:-0.035em !important; margin-bottom:24px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title) + p{ font-size:21px !important; line-height:1.55 !important; }
/* cartes de couleur penchées */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-cols{ gap:28px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col{ border:0 !important; border-radius:20px !important; padding:36px 34px !important; box-shadow:0 16px 38px rgba(11,13,18,.16) !important; background:var(--v2-rouge) !important; transform:rotate(-1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col--need{ background:var(--v2-bleu) !important; transform:rotate(1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col *{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col svg, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col li::before, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col li::marker{ color:#FFFFFF !important; stroke:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-h{ font-size:22px !important; font-weight:700 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yafd-card{ border:0 !important; border-radius:20px !important; padding:34px 32px !important; box-shadow:0 16px 38px rgba(11,13,18,.16) !important; background:var(--v2-violet) !important; transform:rotate(-1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yafd-card:nth-child(2){ background:var(--v2-ocre) !important; transform:rotate(1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yafd-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yafd-card *{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yafd-card svg{ stroke:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yafd-card a{ text-decoration:underline !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yt-m__card{ transform:rotate(-1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yt-m__card:nth-child(2){ transform:rotate(1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yt-m__card:hover{ transform:rotate(0) translateY(-6px) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ywl3-card:nth-child(odd){ transform:rotate(-.5deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ywl3-card:nth-child(even){ transform:rotate(.5deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ywl3-card:hover{ transform:rotate(0) translateY(-4px) !important; }
/* appel final : inscription, sombre et centré, avec le halo de l'accueil */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri{ position:relative; overflow:hidden; background:var(--v2-noir) !important; padding-top:160px !important; padding-bottom:160px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri::before{ content:""; position:absolute; left:50%; top:50%; width:860px; height:860px; margin:-430px 0 0 -430px; border-radius:50%; background:conic-gradient(from 180deg,rgba(255,55,95,.26),rgba(255,159,10,.2),rgba(50,215,75,.14),rgba(10,132,255,.28),rgba(191,90,242,.26),rgba(255,55,95,.26)); filter:blur(110px); pointer-events:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri > *{ position:relative; z-index:1; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri .yri-cta, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri .yri-cta > :is(h2, p){ text-align:center !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri .yri-cta > *{ margin-left:auto !important; margin-right:auto !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri h2{ max-width:980px !important; font-size:64px !important; line-height:1.04 !important; color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri p, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri li{ color:rgba(255,255,255,.8) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri strong{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri .yt-eb{ color:#8AB8FF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri a:not([class*="btn"]){ color:#8AB8FF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri .yri-deadline{ display:inline-flex !important; background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.18) !important; border-radius:999px !important; color:#FFFFFF !important; padding:10px 18px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri .yri-deadline *{ color:#FFFFFF !important; }
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) h1{ font-size:46px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title){ font-size:46px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri h2{ font-size:50px !important; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div):not(.yt-afdas-bandeau){ padding-top:80px !important; padding-bottom:80px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-cta-programme, .ytc-wrap, #yfc-realisations, #yt-cta-preuve){ padding-top:0 !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-scene, :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq), #yt-compose, #yfc-realisations){ padding-bottom:48px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero)[id]{ min-height:0; margin-top:12px !important; padding-top:56px !important; padding-bottom:56px !important; padding-left:20px !important; padding-right:20px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(:is(#yt-lp-defi, #yt-lp3-defi, .ydc), #yt-lms, :is(#yt-lp-studio, #yt-lp3-studio, .fsr-section)):is([id], .fsr-section, .ydc){ padding-left:20px !important; padding-right:20px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) h1{ font-size:36px !important; line-height:1.1 !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title){ font-size:34px !important; line-height:1.1 !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(section, div) h2:not(.ylm-dist-title) + p{ font-size:18px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ynv-col--need, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yafd-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yafd-card:nth-child(2), html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yt-m__card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yt-m__card:nth-child(2), html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ywl3-card:nth-child(n){ transform:none; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri{ padding-top:96px !important; padding-bottom:96px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri h2{ font-size:38px !important; }
}
/* --- Essai Logic Pro, passe 2 (20 oct. 2026) --- */
/* bandes collées : aucune marge entre les sections */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-cta-programme, #yt-cta-preuve, #yfc-realisations, #inscription, .ytc-wrap){ margin-top:0 !important; }
/* surtitres de section retirés comme sur l'accueil (les étiquettes dans les cartes restent) */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-eb, .yt-ia-eb, .ynv-eyebrow, .yt-m__label, .ywl3-intro-eyebrow, .ywl3-eyebrow, .ap-full-photo-eyebrow, .yfq-eyebrow, .fsr-eyebrow, .ycp-eyebrow, .ygr-eyebrow, .yav2-eyebrow, .yafd-eyebrow, .ys-hero-eyebrow, .ytj-k, .yfc-eyebrow, .ylm-tag){ display:none !important; }
/* hero : le nom de la formation en très grand, le reste en sous-titre */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) h1:is(.yt-lp__title, .yt-lp3__title, .yt-piano__title){ font-size:80px !important; line-height:1 !important; letter-spacing:-0.05em !important; margin-bottom:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) .yt-lp__title-sub{ display:block !important; margin-top:20px !important; font-size:30px !important; line-height:1.25 !important; font-weight:500 !important; letter-spacing:-0.02em !important; color:rgba(255,255,255,.86) !important; -webkit-text-fill-color:rgba(255,255,255,.86) !important; background:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yt-lp__sr{ position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__sub, .yt-lp3__sub, .yt-piano__sub){ max-width:640px; margin:22px auto 0 !important; font-size:19px !important; line-height:1.55 !important; color:rgba(255,255,255,.72) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__sub, .yt-lp3__sub, .yt-piano__sub) b{ font-weight:400 !important; color:rgba(255,255,255,.78) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__specs, .yt-lp3__specs, .yt-piano__specs){ margin-top:36px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__actions, .yt-lp3__actions, .yt-piano__actions){ margin-top:28px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yt-afdas-ligne{ max-width:620px; margin:10px auto 0 !important; font-size:13px !important; line-height:1.5 !important; color:rgba(255,255,255,.55) !important; text-align:center; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .yt-afdas-ligne strong{ color:rgba(255,255,255,.75) !important; font-weight:600 !important; }
/* Défi Compo : la photo en carte arrondie, détachée du reste */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-defi, #yt-lp3-defi, .ydc) .ydc-hero{ border-radius:28px !important; overflow:hidden !important; border-bottom:0 !important; margin-bottom:104px !important; padding:120px 56px !important; }
/* Quatre formations : section sombre pleine largeur, cartes de couleur */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux{ background:var(--v2-noir) !important; padding-left:max(24px, calc((100% - 1120px) / 2)) !important; padding-right:max(24px, calc((100% - 1120px) / 2)) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-hero-dark{ border-radius:28px !important; overflow:hidden !important; margin-bottom:72px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-outer-dark, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-container{ background:transparent !important; padding-left:0 !important; padding-right:0 !important; max-width:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-grid{ gap:24px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark{ border:0 !important; border-radius:22px !important; background:var(--v2-rouge) !important; box-shadow:0 18px 40px rgba(0,0,0,.35) !important; transform:rotate(-1deg); transition:transform .35s cubic-bezier(.2,.8,.2,1) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(2){ background:var(--v2-ocre) !important; transform:rotate(1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(3){ background:var(--v2-violet) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(4){ background:var(--v2-bleu) !important; transform:rotate(1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:hover{ transform:rotate(0) translateY(-6px); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark *{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark li::before{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-lvl-title{ font-size:30px !important; letter-spacing:-0.02em !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-badge{ background:rgba(255,255,255,.2) !important; border:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark.secondary{ background:rgba(255,255,255,.16) !important; border:1px solid rgba(255,255,255,.3) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark.disabled{ background:#FFFFFF !important; color:#0B0D12 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark.disabled *{ color:#0B0D12 !important; }
/* flèche de l'appel final : cliquable */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri a.yri-arrow{ display:inline-flex !important; cursor:pointer; }
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) h1:is(.yt-lp__title, .yt-lp3__title, .yt-piano__title){ font-size:60px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) .yt-lp__title-sub{ font-size:24px !important; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) h1:is(.yt-lp__title, .yt-lp3__title, .yt-piano__title){ font-size:44px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) .yt-lp__title-sub{ font-size:20px !important; margin-top:14px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__sub, .yt-lp3__sub, .yt-piano__sub){ font-size:17px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-defi, #yt-lp3-defi, .ydc) .ydc-hero{ border-radius:20px !important; padding:64px 24px !important; margin-bottom:56px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux{ padding-left:20px !important; padding-right:20px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-hero-dark{ border-radius:20px !important; margin-bottom:40px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(n){ transform:none; }
}
/* --- Essai Logic Pro, passe 3 (20 oct. 2026) : blocs plus épurés, apparitions élégantes --- */
/* programme : les 12 modules en grille de 3 cartes, photo en tête */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:28px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline::before, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline::after{ display:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:nth-child(n){ display:flex !important; flex-direction:column !important; gap:0 !important; padding:0 !important; height:100%; background:var(--lb-blanc) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media{ width:100% !important; max-width:none !important; flex:none !important; margin:0 !important; aspect-ratio:16 / 10; overflow:hidden; border-radius:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:0 !important; transition:scale .8s cubic-bezier(.2,.8,.2,1) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:hover .ywl3-media img{ scale:1.05; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-body{ padding:28px 28px 30px !important; width:auto !important; flex:1 1 auto !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card-title{ font-size:21px !important; line-height:1.25 !important; letter-spacing:-0.015em !important; margin-bottom:12px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-text{ font-size:15px !important; line-height:1.6 !important; }
/* avis : mur de témoignages sur 3 colonnes, cartes légères */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-liste{ gap:24px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-card{ margin:0 !important; padding:36px 40px !important; background:var(--lb-blanc) !important; box-shadow:0 10px 30px rgba(11,13,18,.07) !important; transition:translate .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-card:hover{ translate:0 -4px; box-shadow:0 18px 40px rgba(11,13,18,.12) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-quote, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-quote p{ font-size:16px !important; line-height:1.65 !important; }
/* détails pratiques : cartes d'infos sans bordure, sur fond doux */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-block, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card{ box-shadow:none !important; background:var(--lb-gris) !important; border-color:transparent !important; }
/* apparitions au défilement (translate et opacité : les cartes penchées gardent leur angle) */
html.v2f-anim body.yt-v2f .v2f-rv{ opacity:0; translate:0 40px; transition:opacity .8s ease var(--d,0ms), translate 1s cubic-bezier(.16,1,.3,1) var(--d,0ms) !important; }
html.v2f-anim body.yt-v2f .v2f-rv.v2f-vis{ opacity:1; translate:0 0; }
/* hero : entrée en douceur du sous-titre, des dates et des boutons */
@keyframes v2fUp{ from{ opacity:0; translate:0 18px; filter:blur(6px); } to{ opacity:1; translate:0 0; filter:blur(0); } }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__title-sub, :is(.yt-lp__specs, .yt-lp3__specs, .yt-piano__specs), :is(.yt-lp__actions, .yt-lp3__actions, .yt-piano__actions), :is(.yt-lp__deadline, .yt-lp3__deadline, .yt-piano__deadline), :is(.yt-lp__avis, .yt-avis-hero)){ animation:v2fUp .9s cubic-bezier(.16,1,.3,1) both; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) .yt-lp__title-sub{ animation-delay:.12s; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__specs, .yt-lp3__specs, .yt-piano__specs){ animation-delay:.24s; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__actions, .yt-lp3__actions, .yt-piano__actions){ animation-delay:.34s; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(:is(.yt-lp__deadline, .yt-lp3__deadline, .yt-piano__deadline), :is(.yt-lp__avis, .yt-avis-hero)){ animation-delay:.46s; }
@media (prefers-reduced-motion:reduce){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__title-sub, :is(.yt-lp__specs, .yt-lp3__specs, .yt-piano__specs), :is(.yt-lp__actions, .yt-lp3__actions, .yt-piano__actions), :is(.yt-lp__deadline, .yt-lp3__deadline, .yt-piano__deadline), :is(.yt-lp__avis, .yt-avis-hero)){ animation:none; }
}
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline{ grid-template-columns:1fr !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-card{ padding:24px 22px !important; }
}
/* mur d'avis replié : une hauteur, un fondu, un bouton */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-liste.v2f-plie{ max-height:1200px; overflow:hidden; -webkit-mask-image:linear-gradient(#000 84%, transparent); mask-image:linear-gradient(#000 84%, transparent); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .v2f-ouvrir{ display:block; margin:8px auto 0; min-height:52px; padding:0 28px; border:1px solid var(--yj-border2,#CED0D4); border-radius:999px; background:var(--lb-blanc); color:var(--yj-text,#050505); font:600 16px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; cursor:pointer; transition:background .25s ease, translate .25s ease; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .v2f-ouvrir:hover{ background:var(--yj-text,#050505); color:var(--lb-blanc); translate:0 -2px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .v2f-ouvrir:focus-visible{ outline:2px solid var(--yj-link,#124CA3); outline-offset:3px; }
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-liste.v2f-plie{ max-height:1600px; }
}
/* --- Essai Logic Pro : « Entraînez-vous gratuitement » plus ludique --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-in{ text-align:center !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-in > :is(h2, .ytj-p, .ytj-s){ margin-left:auto !important; margin-right:auto !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-p{ max-width:680px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-in > :is(h2, .ytj-p, .ytj-s){ text-align:center !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:32px !important; margin:64px 0 56px !important; padding:0 !important; list-style:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g > li{ animation:v2fFlotte 6s ease-in-out infinite; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g > li:nth-child(2){ animation-delay:-2s; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g > li:nth-child(3){ animation-delay:-4s; }
@keyframes v2fFlotte{ 0%, 100%{ translate:0 0; } 50%{ translate:0 -10px; } }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-c{ position:relative; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:8px !important; min-height:260px; padding:34px 30px 30px !important; border:0 !important; border-radius:24px !important; background:var(--v2-rouge) !important; box-shadow:0 22px 44px rgba(11,13,18,.22) !important; text-align:left !important; overflow:hidden; transform:rotate(-2deg); transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g > li:nth-child(2) .ytj-c{ background:var(--v2-violet) !important; transform:rotate(1.5deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g > li:nth-child(3) .ytj-c{ background:var(--v2-bleu) !important; transform:rotate(-1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g > li .ytj-c:hover{ transform:rotate(0) scale(1.04); box-shadow:0 30px 60px rgba(11,13,18,.3) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-c::after{ content:""; position:absolute; right:-40px; top:-40px; width:160px; height:160px; border-radius:50%; background:rgba(255,255,255,.12); pointer-events:none; transition:scale .5s ease; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-c:hover::after{ scale:1.4; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-c, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-c *{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-i{ display:inline-flex !important; align-items:center; justify-content:center; width:64px !important; height:64px !important; margin-bottom:14px !important; border-radius:18px !important; background:rgba(255,255,255,.2) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-i svg{ width:32px !important; height:32px !important; stroke:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-n{ font-size:24px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:-0.02em !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-d{ font-size:16px !important; line-height:1.5 !important; color:rgba(255,255,255,.85) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-j{ margin-top:auto !important; display:inline-flex !important; align-items:center; min-height:44px; padding:0 20px !important; border-radius:999px !important; background:#FFFFFF !important; color:#0B0D12 !important; font-weight:700 !important; transition:translate .3s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-c:hover .ytj-j{ translate:4px 0; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-b{ min-height:52px; display:inline-flex !important; align-items:center; padding:0 28px !important; border-radius:999px !important; font-size:17px !important; }
@media (prefers-reduced-motion:reduce){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g > li{ animation:none; }
}
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #ytj-jeux .ytj-g{ grid-template-columns:1fr !important; max-width:480px; margin-left:auto !important; margin-right:auto !important; }
}
/* --- Essai Logic Pro : programme en section sombre, les 12 modules dans un carrousel --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section){ position:relative; overflow:hidden !important; background:var(--v2-noir) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section)::before{ content:""; position:absolute; right:-260px; top:-260px; width:760px; height:760px; border-radius:50%; background:conic-gradient(from 200deg, rgba(10,132,255,.30), rgba(191,90,242,.26), rgba(255,55,95,.22), rgba(10,132,255,.30)); filter:blur(120px); pointer-events:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) > *{ position:relative; z-index:1; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(p, li, span, figcaption, blockquote, .ywl3-intro-text){ color:rgba(255,255,255,.72) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(h2, h3, strong, b){ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) a{ color:#8AB8FF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-intro-funding span{ background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.14) !important; color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-avis{ border-color:rgba(255,255,255,.18) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-modules{ margin-top:72px !important; }
/* le carrousel : déborde à droite jusqu'au bord de l'écran, aimanté carte par carte */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline{ display:flex !important; grid-template-columns:none !important; gap:24px !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; overscroll-behavior-x:contain; margin-right:calc(50% - 50vw) !important; padding:12px calc(50vw - 50%) 36px 0 !important; counter-reset:ymod; outline:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline::-webkit-scrollbar{ display:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline.v2f-drag{ scroll-snap-type:none; scroll-behavior:auto; cursor:grabbing; user-select:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline.v2f-slider{ cursor:grab; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline:focus-visible{ outline:2px solid #8AB8FF; outline-offset:6px; border-radius:28px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:nth-child(n){ flex:0 0 min(440px, 82vw) !important; height:auto !important; scroll-snap-align:start; counter-increment:ymod; display:flex !important; flex-direction:column !important; background:#15171D !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:28px !important; box-shadow:0 30px 60px rgba(0,0,0,.35) !important; overflow:hidden !important; transform:none !important; transition:translate .5s cubic-bezier(.16,1,.3,1), border-color .4s ease, box-shadow .4s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:hover{ translate:0 -8px; border-color:rgba(255,255,255,.22) !important; box-shadow:0 40px 80px rgba(0,0,0,.5) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media{ position:relative; aspect-ratio:4 / 3 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(21,23,29,0) 35%, rgba(21,23,29,.92) 100%); pointer-events:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media::after{ content:counter(ymod, decimal-leading-zero); content:counter(ymod, decimal-leading-zero) / ""; position:absolute; left:28px; bottom:6px; z-index:2; font-size:112px; line-height:1; font-weight:800; letter-spacing:-0.06em; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.85); pointer-events:none; transition:color .5s ease; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:hover .ywl3-media::after{ color:rgba(255,255,255,.95); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media img{ -webkit-user-drag:none; user-select:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-body{ padding:22px 30px 34px !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card-eyebrow, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card-eyebrow *{ color:#8AB8FF !important; font-size:13px !important; letter-spacing:.02em !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card-title{ font-size:23px !important; line-height:1.22 !important; letter-spacing:-0.02em !important; margin:10px 0 14px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-text{ font-size:15px !important; line-height:1.65 !important; color:rgba(255,255,255,.66) !important; }
/* barre de navigation du carrousel */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nav{ display:flex; align-items:center; gap:16px; margin:8px 0 0; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-prog{ flex:1 1 auto; height:2px; background:rgba(255,255,255,.14); border-radius:2px; overflow:hidden; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-prog span{ display:block; height:100%; width:100%; background:linear-gradient(90deg, #0A84FF, #BF5AF2, #FF375F); transform-origin:left center; transform:scaleX(.08); transition:transform .5s cubic-bezier(.16,1,.3,1); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-count{ margin:0 8px !important; min-width:72px; font-size:15px !important; font-variant-numeric:tabular-nums; color:rgba(255,255,255,.6) !important; text-align:center; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-count b{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(.v2f-prev, .v2f-next){ display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; padding:0; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06); color:#FFFFFF; cursor:pointer; transition:background .3s ease, scale .3s ease, opacity .3s ease; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(.v2f-prev, .v2f-next):hover:not(:disabled){ background:#FFFFFF; color:#0B0D12; scale:1.06; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(.v2f-prev, .v2f-next):disabled{ opacity:.3; cursor:default; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(.v2f-prev, .v2f-next):focus-visible{ outline:2px solid #8AB8FF; outline-offset:3px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(.v2f-prev, .v2f-next) svg{ width:22px; height:22px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs{ margin-top:72px !important; }
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media::after{ font-size:84px; left:22px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-body{ padding:18px 22px 28px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(.v2f-prev, .v2f-next){ width:48px; height:48px; }
}
@media (prefers-reduced-motion:reduce){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline{ scroll-behavior:auto; }
}
/* carrousel : en ligne (le bloc d'origine imposait une colonne) */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline{ flex-direction:row !important; flex-wrap:nowrap !important; align-items:stretch !important; }
/* --- Essai Logic Pro : « Quatre formations, quatre moments » plus sobre, la formation en cours bien visible --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-hero-dark{ background:transparent !important; min-height:0 !important; padding:0 !important; margin:0 auto 72px !important; border-radius:0 !important; overflow:visible !important; text-align:center !important; max-width:760px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux :is(.ys-hero-bg, .ys-hero-gradient){ display:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-hero-content{ padding:0 !important; position:static !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-hero-title{ text-align:center !important; color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-hero-desc{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; color:rgba(255,255,255,.66) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark *{ color:rgba(255,255,255,.66) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-grid{ display:grid !important; grid-template-columns:repeat(4, minmax(0, 1fr)) !important; gap:20px !important; align-items:stretch !important; counter-reset:yniv; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(n){ counter-increment:yniv; position:relative; display:flex !important; flex-direction:column !important; padding:34px 26px 28px !important; background:#121419 !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:24px !important; box-shadow:none !important; transform:none !important; opacity:.82; transition:opacity .4s ease, translate .5s cubic-bezier(.16,1,.3,1), border-color .4s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(n):hover{ opacity:1; translate:0 -6px; border-color:rgba(255,255,255,.24) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark::before{ content:counter(yniv, decimal-leading-zero); content:counter(yniv, decimal-leading-zero) / ""; display:block; margin-bottom:22px; font-size:52px; line-height:1; font-weight:800; letter-spacing:-0.05em; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.45); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark.current:nth-child(n){ opacity:1; background:linear-gradient(#121419, #121419) padding-box, linear-gradient(135deg, #0A84FF, #BF5AF2 55%, #FF375F) border-box !important; border:2px solid transparent !important; box-shadow:0 30px 80px rgba(110,80,255,.30), 0 0 0 6px rgba(140,110,255,.08) !important; translate:0 -10px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark.current::before{ color:#FFFFFF; -webkit-text-stroke:0; background:linear-gradient(135deg, #0A84FF, #BF5AF2, #FF375F); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-badge{ position:absolute !important; top:-14px !important; left:24px !important; right:auto !important; margin:0 !important; padding:6px 14px !important; border:0 !important; border-radius:999px !important; background:linear-gradient(135deg, #0A84FF, #BF5AF2, #FF375F) !important; color:#FFFFFF !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.04em !important; box-shadow:0 8px 20px rgba(110,80,255,.4) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-lvl-title{ font-size:28px !important; line-height:1.1 !important; letter-spacing:-0.03em !important; color:#FFFFFF !important; margin:0 0 8px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-lvl-subtitle{ font-size:15px !important; line-height:1.45 !important; color:rgba(255,255,255,.8) !important; margin:0 0 20px !important; min-height:3em; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-features{ margin:0 0 24px !important; padding:18px 0 0 !important; border-top:1px solid rgba(255,255,255,.08) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-features li{ font-size:14px !important; line-height:1.55 !important; margin-bottom:10px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-features li::before{ color:rgba(255,255,255,.35) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-features strong{ color:rgba(255,255,255,.92) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark{ margin-top:auto !important; display:flex !important; align-items:center; justify-content:center; min-height:48px; padding:10px 14px !important; border-radius:999px !important; font-size:13.5px !important; line-height:1.25 !important; white-space:nowrap; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark.secondary{ background:transparent !important; border:1px solid rgba(255,255,255,.26) !important; color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark.secondary:hover{ background:#FFFFFF !important; color:#0B0D12 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark.disabled, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark.disabled *{ background:#FFFFFF !important; color:#0B0D12 !important; }
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; row-gap:36px !important; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-grid{ grid-template-columns:1fr !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark.current:nth-child(n){ translate:0 0; }
}
/* --- Essai Logic Pro : un module à la fois, façon pages produits Apple, avec les 12 numéros en bas --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-timeline{ position:relative !important; margin-right:0 !important; padding:12px 0 28px !important; gap:24px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:nth-child(n){ flex:0 0 100% !important; flex-direction:row !important; min-height:540px; scroll-snap-align:center; scroll-snap-stop:always; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:hover{ translate:0 0; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media{ flex:0 0 56% !important; width:56% !important; aspect-ratio:auto !important; height:auto !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media img{ position:absolute; inset:0; width:100% !important; height:100% !important; object-fit:cover !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media::before{ background:linear-gradient(90deg, rgba(21,23,29,0) 55%, rgba(21,23,29,.85) 100%), linear-gradient(180deg, rgba(21,23,29,0) 55%, rgba(21,23,29,.7) 100%) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media::after{ font-size:168px; left:36px; bottom:18px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-body{ flex:1 1 auto !important; display:flex !important; flex-direction:column !important; justify-content:center !important; padding:56px 56px 56px 48px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card-title{ font-size:34px !important; line-height:1.12 !important; letter-spacing:-0.03em !important; margin:14px 0 20px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-text{ font-size:17px !important; line-height:1.65 !important; }
/* navigation : flèches et les 12 numéros */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nav{ justify-content:center; gap:20px; margin-top:12px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums{ display:flex; align-items:center; gap:6px; margin:0 !important; padding:0 !important; list-style:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums li{ margin:0 !important; padding:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums li::before, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums li::marker{ content:none !important; display:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums button{ position:relative; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; color:rgba(255,255,255,.45) !important; font:600 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-variant-numeric:tabular-nums; cursor:pointer; transition:color .3s ease, background .3s ease; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums button:hover{ color:#FFFFFF !important; background:rgba(255,255,255,.08); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums button::after{ content:""; position:absolute; left:50%; bottom:2px; width:18px; height:2px; margin-left:-9px; border-radius:2px; background:linear-gradient(90deg, #0A84FF, #BF5AF2, #FF375F); transform:scaleX(0); transition:transform .45s cubic-bezier(.16,1,.3,1); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums button[aria-current="true"]{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums button[aria-current="true"]::after{ transform:scaleX(1); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums button:focus-visible{ outline:2px solid #8AB8FF; outline-offset:2px; }
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:nth-child(n){ flex-direction:column !important; min-height:0; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media{ flex:none !important; width:100% !important; aspect-ratio:16 / 10 !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media::before{ background:linear-gradient(180deg, rgba(21,23,29,0) 40%, rgba(21,23,29,.92) 100%) !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media::after{ font-size:120px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-body{ padding:28px 32px 40px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card-title{ font-size:28px !important; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media::after{ font-size:88px; left:22px; bottom:8px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-body{ padding:20px 22px 30px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card-title{ font-size:23px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-text{ font-size:15px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) :is(.v2f-prev, .v2f-next){ display:none !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums{ flex-wrap:wrap; justify-content:center; gap:2px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .v2f-nums button{ width:38px; height:38px; font-size:14px; }
}
/* --- Essai Logic Pro, passe 6 : diapositives réparées, hero plus vivant, détails en couleur --- */
/* programme : la photo occupe toute la hauteur de la diapositive */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-card:nth-child(n){ align-items:stretch !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media{ align-self:stretch !important; min-height:540px; }
/* avis : les deux boutons du bas centrés */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-cta{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:center !important; gap:14px !important; text-align:center !important; margin-top:40px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-avis, #yt-lp3-avis, #yt-piano-avis, #yt-prop-avis) .ytt-cta > a{ margin:0 !important; }
/* Quatre formations : deux par ligne */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:28px !important; row-gap:40px !important; max-width:980px; margin-left:auto !important; margin-right:auto !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(n){ padding:40px 38px 34px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-lvl-title{ font-size:34px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-lvl-subtitle{ font-size:16px !important; min-height:0; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-features li{ font-size:15px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark{ font-size:15px !important; padding:12px 22px !important; align-self:flex-start; min-width:220px; }
/* hero : la photo respire, un halo de couleur tourne doucement derrière le titre */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero){ position:relative; overflow:hidden !important; isolation:isolate; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero)::before{ background:radial-gradient(120% 90% at 50% 40%, rgba(6,10,22,.25) 0%, rgba(6,10,22,.62) 60%, rgba(6,10,22,.94) 100%) !important; z-index:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero)::after{ content:""; position:absolute; left:50%; top:42%; width:980px; height:980px; margin:-490px 0 0 -490px; border-radius:50%; background:conic-gradient(from 0deg, rgba(10,132,255,.55), rgba(191,90,242,.45), rgba(255,55,95,.40), rgba(255,159,10,.30), rgba(10,132,255,.55)); filter:blur(140px); opacity:.55; mix-blend-mode:screen; pointer-events:none; z-index:1; animation:v2fHalo 22s linear infinite; }
@keyframes v2fHalo{ to{ rotate:360deg; } }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__inner, .yt-lp3__inner, .yt-piano__inner){ position:relative; z-index:2; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__title, .yt-lp3__title, .yt-piano__title) .accent{ background:linear-gradient(90deg, #5AC8FA, #0A84FF, #BF5AF2, #FF375F, #FF9F0A, #5AC8FA) !important; background-size:300% 100% !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important; animation:v2fBrille 10s linear infinite; }
@keyframes v2fBrille{ to{ background-position:300% 0; } }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__spec, .yt-lp3__spec, .yt-piano__spec){ background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.16) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-radius:999px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__btn--primary, .yt-lp3__btn--primary, .yt-piano__btn--primary){ min-height:56px !important; padding:0 30px !important; border-radius:999px !important; font-size:17px !important; box-shadow:0 14px 40px rgba(10,132,255,.45) !important; transition:translate .3s ease, box-shadow .3s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__btn--primary, .yt-lp3__btn--primary, .yt-piano__btn--primary):hover{ translate:0 -2px; box-shadow:0 20px 50px rgba(10,132,255,.6) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__btn--ghost, .yt-lp3__btn--ghost, .yt-piano__btn--ghost){ min-height:56px !important; padding:0 30px !important; border-radius:999px !important; font-size:17px !important; background:rgba(255,255,255,.08) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
/* détails pratiques : les 6 repères en cartes de couleur */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta tbody{ border:0 !important; background:transparent !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card:nth-child(n){ --v2-g:var(--v2-bleu); background:var(--v2-g) !important; border:0 !important; border-radius:22px !important; padding:30px 28px !important; box-shadow:0 18px 40px rgba(11,13,18,.18) !important; transform:rotate(-1deg); transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card:nth-child(2){ --v2-g:var(--v2-violet); transform:rotate(1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card:nth-child(3){ --v2-g:var(--v2-rouge); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card:nth-child(4){ --v2-g:var(--v2-ocre); transform:rotate(1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card:nth-child(5){ --v2-g:linear-gradient(140deg, #2F5D47, #3F8A63); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card:nth-child(6){ --v2-g:linear-gradient(140deg, #1D2B53, #3A5BA8); transform:rotate(1deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card:nth-child(n):hover{ transform:rotate(0) scale(1.03); box-shadow:0 26px 54px rgba(11,13,18,.26) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card *{ color:#FFFFFF !important; background-color:transparent; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card :is(th, td){ background:transparent !important; border:0 !important; padding:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-ico{ display:inline-flex !important; align-items:center; justify-content:center; width:44px !important; height:44px !important; border-radius:14px !important; background:rgba(255,255,255,.2) !important; margin-bottom:14px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-ico svg{ stroke:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-label{ display:block !important; font-size:13px !important; font-weight:600 !important; letter-spacing:.03em !important; color:rgba(255,255,255,.82) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-value{ display:block !important; margin-top:6px !important; font-size:26px !important; line-height:1.15 !important; font-weight:700 !important; letter-spacing:-0.025em !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-sub{ display:block !important; margin-top:8px !important; font-size:14px !important; line-height:1.5 !important; color:rgba(255,255,255,.82) !important; }
@media (prefers-reduced-motion:reduce){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero)::after, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__title, .yt-lp3__title, .yt-piano__title) .accent{ animation:none; }
}
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ywl3-media{ min-height:0; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-grid{ grid-template-columns:1fr !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark{ align-self:stretch; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero)::after{ width:560px; height:560px; margin:-280px 0 0 -280px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-card:nth-child(n){ transform:none; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq) .yfq-meta-value{ font-size:22px !important; }
}
/* --- 4 fiches, passe 7 (20 oct. 2026) : hero collé à l'en-tête, boutons bleus toujours en blanc, objectifs sur fond sombre, encart « question sans réponse » --- */
/* hero : plus d'espace blanc entre l'en-tête et la photo */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-hero, #yt-lp3-hero, #yt-piano-hero)[id][id]{ margin-top:0 !important; }
/* boutons bleus : texte blanc quoi qu'il arrive (le correcteur de contraste peut poser une couleur sombre en ligne) */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp__btn--primary, .yt-lp3__btn--primary, .yt-piano__btn--primary, .ytc-b, .ytc-band-btn:not(.ytc-band-btn--ghost), .yfc-btn:not(.yfc-btn--ghost), .ytj-b, .ytt-btn, .yafd-cta){ --yj-btn:#124CA3; --yj-btn-text:#FFFFFF; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp__btn--primary, .yt-lp3__btn--primary, .yt-piano__btn--primary, .ytc-b, .ytc-band-btn:not(.ytc-band-btn--ghost), .yfc-btn:not(.yfc-btn--ghost), .ytj-b, .ytt-btn, .yafd-cta) *{ color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
/* objectifs pédagogiques : verre fumé dans la section sombre du programme, numérotés en dégradé */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs{ max-width:none !important; margin:80px 0 0 !important; padding:48px 52px !important; background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:28px !important; box-shadow:none !important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs > p:first-child{ margin:0 0 32px !important; font-size:26px !important; line-height:1.25 !important; letter-spacing:-0.025em !important; font-weight:700 !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs ol{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px 48px; margin:0 !important; padding:0 !important; list-style:none !important; counter-reset:yob; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs li{ position:relative; margin:0 !important; padding:0 0 0 52px !important; font-size:16px !important; line-height:1.6 !important; list-style:none !important; counter-increment:yob; -webkit-text-fill-color:rgba(255,255,255,.8) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs li::marker{ content:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs li::before{ content:counter(yob, decimal-leading-zero) !important; position:absolute; left:0; top:0; display:block !important; width:auto !important; height:auto !important; border:0 !important; border-radius:0 !important; font-size:16px; font-weight:700; font-variant-numeric:tabular-nums; background:linear-gradient(90deg, #5AC8FA, #BF5AF2) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; }
/* fin de la FAQ : plus de trait gris, l'encart « question sans réponse » devient une carte douce sans ombre */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp1-faq, #yt-lp3-faq, #yt-piano-faq)::after{ display:none !important; content:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > .ytc-wrap .ytc-band{ padding:44px 52px !important; background:var(--lb-gris, #F5F5F7) !important; border:0 !important; border-radius:28px !important; box-shadow:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > .ytc-wrap .ytc-band-title{ font-size:28px !important; line-height:1.2 !important; letter-spacing:-0.025em !important; margin-bottom:10px !important; }
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs{ margin-top:56px !important; padding:30px 22px !important; border-radius:22px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs ol{ grid-template-columns:1fr; gap:16px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs > p:first-child{ font-size:21px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs li{ padding-left:40px !important; font-size:15px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > .ytc-wrap .ytc-band{ padding:30px 22px !important; border-radius:22px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > .ytc-wrap .ytc-band-title{ font-size:22px !important; }
}
/* --- 4 fiches, passe 7b : photo du hero mixage sous le voile, objectifs sans césure --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp3-hero .yt-lp3__bg{ z-index:-1 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .yt-objectifs :is(p, li){ -webkit-hyphens:manual !important; hyphens:manual !important; }
/* --- 4 fiches, passe 7c : piano et Final Cut, l'intro du programme rejoint la section sombre ; encart du programme en verre fumé --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section{ width:100% !important; max-width:none !important; margin:0 !important; padding:144px max(40px, calc((100% - 1120px) / 2)) 0 !important; box-sizing:border-box !important; background:var(--v2-noir, #0B0D12) !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section > *{ max-width:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section + .ywl3-modules-section{ margin-top:0 !important; padding-top:72px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section :is(h2, h3, strong, b){ color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section :is(p, li){ color:rgba(255,255,255,.72) !important; -webkit-text-fill-color:rgba(255,255,255,.72) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section a{ color:#8AB8FF !important; -webkit-text-fill-color:#8AB8FF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section .ywl3-intro-funding span{ background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.14) !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section .ywl3-intro-funding{ color:rgba(255,255,255,.72) !important; -webkit-text-fill-color:rgba(255,255,255,.72) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ytc-band{ margin-top:32px !important; padding:36px 44px !important; background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:28px !important; box-shadow:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ytc-band-title{ font-size:24px !important; line-height:1.25 !important; letter-spacing:-0.02em !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ytc-band-sub{ -webkit-text-fill-color:rgba(255,255,255,.72) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ytc-band-btn--ghost{ background:transparent !important; border:1px solid rgba(255,255,255,.3) !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section{ padding:80px 20px 0 !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section + .ywl3-modules-section{ padding-top:48px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > :is(#yt-lp-program, #yt-lp3-prog2, .ywl3-modules-section) .ytc-band{ padding:26px 22px !important; border-radius:22px !important; }
}
/* --- 4 fiches, passe 7d : titre de l'intro du programme (piano, Final Cut) à la taille des autres sections, halo déplacé sur l'intro --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section h2{ font-size:56px !important; line-height:1.06 !important; letter-spacing:-0.035em !important; font-weight:700 !important; margin-bottom:24px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section h2 + p{ font-size:21px !important; line-height:1.55 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section{ position:relative !important; overflow:hidden !important; isolation:isolate; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section::before{ content:""; position:absolute; right:-260px; top:-200px; z-index:-1; width:760px; height:760px; border-radius:50%; background:conic-gradient(from 200deg, rgba(10,132,255,.30), rgba(191,90,242,.26), rgba(255,55,95,.22), rgba(10,132,255,.30)); filter:blur(120px); pointer-events:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section + .ywl3-modules-section::before{ display:none !important; }
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section h2{ font-size:46px !important; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section h2{ font-size:34px !important; line-height:1.1 !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section h2 + p{ font-size:18px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > header.ywl3-intro-section::before{ width:420px; height:420px; right:-180px; }
}
/* --- 4 fiches, passe 7e : voile plus dense sur la photo du hero mixage, « Quatre formations » sans débordement sur mobile --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp3-hero::before{ background:radial-gradient(120% 90% at 50% 40%, rgba(6,10,22,.6) 0%, rgba(6,10,22,.8) 60%, rgba(6,10,22,.95) 100%) !important; }
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-outer-dark{ margin-left:0 !important; margin-right:0 !important; width:auto !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-grid{ grid-template-columns:minmax(0, 1fr) !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(n){ min-width:0 !important; padding:30px 22px 26px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-btn-dark{ white-space:normal !important; min-width:0 !important; text-align:center; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-lvl-title{ font-size:28px !important; }
}
/* --- 4 fiches, passe 8 (21 oct. 2026) : boutons bleus garantis, morceau de stagiaire en vinyle, cours gratuits en cartes couleur, « La question à se poser » fusionnée avec le financement, photo derrière « Quatre formations », formulaire dans le bloc d'inscription --- */
/* boutons bleus : le fond reste bleu même si l'adaptateur du mode sombre pose un fond blanc en ligne */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp__btn--primary, .yt-lp3__btn--primary, .yt-piano__btn--primary, .ytc-b, .ytc-band-btn:not(.ytc-band-btn--ghost), .yfc-btn:not(.yfc-btn--ghost), .ytj-b, .ytt-btn, .yafd-cta){ background-image:linear-gradient(#124CA3, #124CA3) !important; border-color:#124CA3 !important; }
@keyframes v8Aurora{ to{ transform:rotate(14deg) scale(1.15); } }
@keyframes v8Spin{ to{ rotate:360deg; } }
@keyframes v8Eq{ 0%,100%{ background-size:3px 30%, 3px 90%, 3px 50%, 3px 70%; } 33%{ background-size:3px 90%, 3px 40%, 3px 100%, 3px 30%; } 66%{ background-size:3px 55%, 3px 100%, 3px 35%, 3px 85%; } }
@keyframes v8Zoom{ from{ transform:scale(1.04); } to{ transform:scale(1.16) translate(-2%, -1%); } }
/* morceau composé en formation : section immersive, aurore de couleur, vinyle qui tourne derrière le lecteur */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose{ position:relative; overflow:hidden !important; isolation:isolate; padding:168px max(40px, calc((100% - 1120px) / 2)) !important; background:#07080C !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose::before{ content:""; position:absolute; inset:-25%; z-index:-2; background:radial-gradient(38% 48% at 22% 32%, rgba(191,90,242,.55), transparent 70%), radial-gradient(42% 52% at 78% 68%, rgba(10,132,255,.5), transparent 70%), radial-gradient(30% 40% at 62% 18%, rgba(255,55,95,.38), transparent 70%); filter:blur(30px); animation:v8Aurora 18s ease-in-out infinite alternate; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose::after{ content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(120% 90% at 50% 50%, transparent 35%, rgba(7,8,12,.88) 100%); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner{ position:relative; display:grid !important; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); column-gap:80px; align-items:center; min-height:470px; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner > :not(iframe){ grid-column:1; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner::after{ content:""; position:absolute; left:calc(75% + 20px); top:50%; z-index:1; width:150px; height:150px; margin:-115px 0 0 -75px; border-radius:50%; background:radial-gradient(circle, #0B0D12 0 7%, transparent 8%), conic-gradient(from 0deg, #0A84FF, #BF5AF2, #FF375F, #FF9F0A, #0A84FF); box-shadow:0 0 0 1px rgba(255,255,255,.12); animation:v8Spin 5s linear infinite; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner::before{ content:""; position:absolute; left:calc(75% + 20px); top:50%; z-index:0; width:420px; height:420px; margin:-250px 0 0 -210px; border-radius:50%; background:conic-gradient(from 30deg, transparent 0 40deg, rgba(255,255,255,.07) 60deg, transparent 80deg 220deg, rgba(255,255,255,.05) 240deg, transparent 260deg), repeating-radial-gradient(circle, #121318 0 2px, #1A1C22 2px 4px); box-shadow:0 40px 100px rgba(0,0,0,.7), inset 0 0 0 1px rgba(255,255,255,.06); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner > iframe{ position:relative; z-index:2; grid-column:2; grid-row:1 / span 4; align-self:end; width:100% !important; max-width:520px; height:175px !important; margin:0 0 -40px !important; border:0 !important; border-radius:20px !important; background:#1C1C1E; box-shadow:0 30px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.1); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-eyebrow{ display:inline-flex !important; align-items:center; gap:12px; margin:0 0 22px !important; font-size:15px !important; font-weight:600 !important; color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-eyebrow::before{ content:""; width:18px; height:18px; background:linear-gradient(#FF375F, #FF375F) 0 100% / 3px 30% no-repeat, linear-gradient(#BF5AF2, #BF5AF2) 5px 100% / 3px 90% no-repeat, linear-gradient(#0A84FF, #0A84FF) 10px 100% / 3px 50% no-repeat, linear-gradient(#FF9F0A, #FF9F0A) 15px 100% / 3px 70% no-repeat; animation:v8Eq 1.2s ease-in-out infinite; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose h2{ margin:0 0 24px !important; font-size:64px !important; line-height:1.03 !important; letter-spacing:-0.045em !important; color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-lede{ max-width:520px; margin:0 0 36px !important; font-size:20px !important; line-height:1.55 !important; color:rgba(255,255,255,.75) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-link{ justify-self:start; display:inline-flex !important; align-items:center; gap:8px; min-height:52px; padding:0 26px !important; border:1px solid rgba(255,255,255,.24) !important; border-radius:999px !important; background:rgba(255,255,255,.08) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:#FFFFFF !important; font-weight:600 !important; text-decoration:none !important; transition:background .3s ease, color .3s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-link:hover{ background:#FFFFFF !important; color:#0B0D12 !important; }
/* cours gratuits : grandes cartes couleur, entièrement cliquables */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-grid{ gap:28px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card:nth-child(n){ --v8g:var(--v2-bleu); position:relative; overflow:hidden; display:flex !important; flex-direction:column; min-height:340px; padding:40px 38px 34px !important; border:0 !important; border-radius:32px !important; background:var(--v8g) !important; box-shadow:0 24px 60px rgba(18,76,163,.28) !important; color:#FFFFFF !important; transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card:nth-child(2){ --v8g:var(--v2-violet); box-shadow:0 24px 60px rgba(102,68,146,.3) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card::after{ content:""; position:absolute; right:-80px; bottom:-80px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.22), transparent 70%); pointer-events:none; transition:transform .6s cubic-bezier(.2,.8,.2,1); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card:hover{ transform:translateY(-8px) rotate(-.6deg); box-shadow:0 34px 80px rgba(11,13,18,.3) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card:hover::after{ transform:scale(1.4); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card *{ color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-tag{ align-self:flex-start; margin:0 0 26px !important; padding:6px 14px !important; border:1px solid rgba(255,255,255,.3) !important; border-radius:999px !important; background:rgba(255,255,255,.14) !important; font-size:13px !important; font-weight:600 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-head{ display:flex !important; align-items:center; gap:18px; margin:0 0 18px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-av{ flex:none; width:64px !important; height:64px !important; border-radius:50% !important; box-shadow:0 0 0 3px rgba(255,255,255,.85), 0 12px 30px rgba(0,0,0,.25) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-t{ margin:0 !important; font-size:28px !important; line-height:1.12 !important; letter-spacing:-0.025em !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-t a{ text-decoration:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-t a::after{ content:""; position:absolute; inset:0; z-index:1; border-radius:32px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-x{ flex:1 1 auto; margin:0 0 28px !important; font-size:17px !important; line-height:1.55 !important; -webkit-text-fill-color:rgba(255,255,255,.88) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-go{ align-self:flex-start; display:inline-flex !important; align-items:center; gap:8px; min-height:48px; padding:0 24px !important; border-radius:999px !important; background:#FFFFFF !important; color:#0B0D12 !important; -webkit-text-fill-color:#0B0D12 !important; font-weight:600 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-go *{ -webkit-text-fill-color:#0B0D12 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-video{ border-radius:28px !important; box-shadow:0 30px 80px rgba(11,13,18,.25) !important; }
/* « La question à se poser » et « Se former plusieurs fois » : un seul bloc sombre */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant{ position:relative; overflow:hidden !important; isolation:isolate; padding-top:160px !important; padding-bottom:64px !important; background:#0B0D12 !important; color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant::before{ content:""; position:absolute; left:-200px; top:-240px; z-index:-1; width:800px; height:800px; border-radius:50%; background:conic-gradient(from 90deg, rgba(10,132,255,.4), rgba(191,90,242,.36), rgba(255,55,95,.3), rgba(10,132,255,.4)); filter:blur(140px); opacity:.55; pointer-events:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant h2{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant p{ max-width:780px; font-size:19px !important; line-height:1.6 !important; color:rgba(255,255,255,.75) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant strong{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant a{ color:#8AB8FF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant p.yav2-q{ max-width:1000px; margin:36px 0 32px !important; font-size:46px !important; line-height:1.1 !important; letter-spacing:-0.035em !important; font-weight:700 !important; background:linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 35%, #8AB8FF 60%, #BF5AF2 85%, #FF375F 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent !important; color:transparent !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant .yav2-out{ max-width:none !important; margin-top:40px !important; padding:26px 30px !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:22px !important; background:rgba(255,255,255,.05) !important; box-shadow:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant .yav2-out p{ margin:0 !important; font-size:17px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd{ margin-top:0 !important; padding-top:24px !important; padding-bottom:160px !important; background:#0B0D12 !important; color:#FFFFFF !important; border-top:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-inner{ padding-top:56px !important; border-top:1px solid rgba(255,255,255,.1) !important; background:transparent !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd :is(.yafd-eyebrow){ display:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-title{ margin:0 0 14px !important; font-size:34px !important; line-height:1.15 !important; letter-spacing:-0.025em !important; color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd :is(.yafd-sub, .yafd-card-p, .yafd-foot-p, .yafd-annexes){ color:rgba(255,255,255,.72) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd :is(.yafd-note){ color:rgba(255,255,255,.5) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd strong, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-card-t{ color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-link{ color:#8AB8FF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-card:nth-child(n){ transform:none !important; padding:32px 30px !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:24px !important; background:rgba(255,255,255,.05) !important; box-shadow:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-card svg{ stroke:#8AB8FF !important; color:#8AB8FF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-foot{ border:0 !important; border-radius:24px !important; background:linear-gradient(135deg, rgba(18,76,163,.45), rgba(102,68,146,.4)) !important; box-shadow:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-cta{ display:inline-flex !important; align-items:center; min-height:52px; padding:0 26px !important; border-radius:999px !important; color:#FFFFFF !important; }
/* Quatre formations : une photo du studio en fond, qui avance doucement */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux{ position:relative; overflow:hidden !important; isolation:isolate; background:#05060A !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux::before{ content:""; position:absolute; left:0; right:0; top:0; z-index:-2; height:1400px; background:url(/wp-content/uploads/2026/10/Studio-YouTips-Grenoble-clavier-maitre-Logic-Pro.webp) center 30% / cover no-repeat; opacity:.8; animation:v8Zoom 32s ease-in-out infinite alternate; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(5,6,10,.35) 0, rgba(5,6,10,.15) 380px, rgba(5,6,10,.78) 950px, #05060A 1400px), radial-gradient(60% 40% at 80% 10%, rgba(191,90,242,.28), transparent 70%); pointer-events:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark:nth-child(n){ border:1px solid rgba(255,255,255,.12) !important; background:rgba(16,18,26,.55) !important; -webkit-backdrop-filter:blur(20px) saturate(140%); backdrop-filter:blur(20px) saturate(140%); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux .ys-compare-card-dark.current{ border-color:rgba(138,184,255,.6) !important; box-shadow:0 0 0 1px rgba(138,184,255,.4), 0 30px 80px rgba(10,132,255,.25) !important; }
/* inscription : le formulaire fait partie du même bloc sombre */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri{ margin-bottom:0 !important; padding-bottom:56px !important; border-radius:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri ~ #inscription{ margin-top:0 !important; padding:0 max(40px, calc((100% - 1120px) / 2)) 160px !important; background:#0B0D12 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri ~ #inscription .fluentform{ max-width:860px; margin:0 auto !important; padding:48px 52px !important; border-radius:28px !important; background:#FFFFFF !important; box-shadow:0 40px 100px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.08) !important; }
@media (prefers-reduced-motion:reduce){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose::before, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner::after, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-eyebrow::before, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux::before{ animation:none; }
}
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner{ grid-template-columns:1fr; row-gap:0; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner::before, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner::after{ display:none; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-inner > iframe{ grid-column:1; grid-row:auto; max-width:none; margin:8px 0 32px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose h2{ font-size:52px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant p.yav2-q{ font-size:38px !important; }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose{ padding:88px 20px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose h2{ font-size:38px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose .ycp-lede{ font-size:18px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-card:nth-child(n){ min-height:0; padding:30px 24px 26px !important; border-radius:26px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-gratuit .ygr-t{ font-size:23px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant{ padding-top:88px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant p.yav2-q{ font-size:30px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd{ padding-bottom:88px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-avant ~ .yafd .yafd-title{ font-size:27px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-lp-niveaux::before{ height:900px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri ~ #inscription{ padding:0 12px 88px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri ~ #inscription .fluentform{ padding:28px 20px !important; border-radius:22px !important; }
}
/* --- 4 fiches, passe 8b (21 oct. 2026) : mode sombre, formulaire en carte sombre, titres des bandeaux lisibles, respiration sous le vinyle --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose ~ #yfc-realisations{ padding-top:96px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > .ytc-mid .ytc-l{ -webkit-text-fill-color:var(--yj-text, #050505) !important; }
html.yj-isdark body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > section.yri.yri ~ #inscription .fluentform{ background:#1C1E24 !important; box-shadow:0 40px 100px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.1) !important; }
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content > #yt-compose ~ #yfc-realisations{ padding-top:56px !important; }
}
/* --- Logic Pro, passe 9 (21 oct. 2026) : mur d'avis en mouvement, barre de candidature, programme façon Logic, 10 jours 10 créations, chiffres du hero, écoute --- */
@keyframes v9Mur{ to{ transform:translateX(-50%); } }
@keyframes v9Eq{ 0%,100%{ background-size:3px 30%, 3px 90%, 3px 50%, 3px 70%; } 33%{ background-size:3px 90%, 3px 40%, 3px 100%, 3px 30%; } 66%{ background-size:3px 55%, 3px 100%, 3px 35%, 3px 85%; } }
/* 1. mur d'avis : deux rangées qui glissent en sens inverse, pause au survol */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur{ position:relative; display:flex; flex-direction:column; gap:22px; margin:48px calc(50% - 50vw) 40px; overflow:hidden; -webkit-mask:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur-track{ display:flex; gap:22px; width:max-content; animation:v9Mur var(--dur, 120s) linear infinite; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur-row:nth-child(2) .v2f-mur-track{ animation-direction:reverse; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur:hover .v2f-mur-track{ animation-play-state:paused; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .ytt-card{ flex:0 0 380px; width:380px; margin:0 !important; padding:28px 28px 26px !important; border:0 !important; border-radius:24px !important; background:var(--yj-card, #FFFFFF) !important; box-shadow:0 14px 34px rgba(11,13,18,.09) !important; transform:none !important; translate:none !important; opacity:1 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .ytt-quote, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .ytt-quote p{ display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; font-size:16px !important; line-height:1.6 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur-on .ytt-liste.v2f-plie{ display:none !important; }
/* 2. barre de candidature qui suit la lecture */
html body .v2f-bar{ position:fixed; left:50%; bottom:20px; z-index:9990; display:flex; align-items:center; gap:22px; max-width:calc(100vw - 24px); padding:10px 10px 10px 26px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(14,15,20,.78); -webkit-backdrop-filter:blur(20px) saturate(160%); backdrop-filter:blur(20px) saturate(160%); box-shadow:0 20px 50px rgba(0,0,0,.35); color:#FFFFFF; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; transform:translate(-50%, 140%); opacity:0; transition:transform .55s cubic-bezier(.2,.8,.2,1), opacity .4s ease; }
html body .v2f-bar.v2f-vu{ transform:translate(-50%, 0); opacity:1; }
html body .v2f-bar-t{ display:flex; flex-direction:column; gap:2px; min-width:0; }
html body .v2f-bar-t strong{ font-size:15px; font-weight:700; color:#FFFFFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body .v2f-bar-t span{ font-size:13px; color:rgba(255,255,255,.7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html body .v2f-bar-t span b{ color:#FF8A8A; font-weight:600; }
html body .v2f-bar a.v2f-bar-btn{ flex:none; display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 22px; border-radius:999px; background:#124CA3; color:#FFFFFF !important; font-size:15px; font-weight:600; text-decoration:none !important; box-shadow:0 10px 26px rgba(10,132,255,.45); }
html body .v2f-bar a.v2f-bar-btn:hover{ background:#1A5BC0; }
html body .v2f-bar a.v2f-bar-btn:focus-visible{ outline:2px solid #8AB8FF; outline-offset:3px; }
/* 3. programme façon Logic : les 12 modules en régions colorées, avec tête de lecture */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr{ align-items:stretch; gap:14px; margin-top:24px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums{ position:relative; flex:1 1 auto; display:grid !important; grid-template-columns:repeat(var(--n, 12), minmax(0, 1fr)); gap:4px !important; padding:24px 8px 10px !important; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:#101217 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums::before{ content:""; position:absolute; left:8px; right:8px; top:6px; height:12px; background:repeating-linear-gradient(90deg, rgba(255,255,255,.28) 0 1px, transparent 1px calc((100% - 0px) / var(--n, 12))); pointer-events:none; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums li{ min-width:0; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums button{ display:flex !important; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; width:100% !important; height:52px !important; padding:6px 8px !important; overflow:hidden; border-radius:6px !important; background:var(--rc, #3A6FD8) !important; color:rgba(255,255,255,.92) !important; text-align:left; opacity:.55; transition:opacity .3s ease, filter .3s ease, box-shadow .3s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums li:nth-child(6n+1) button{ --rc:linear-gradient(180deg, #4A84E8, #2F64C8); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums li:nth-child(6n+2) button{ --rc:linear-gradient(180deg, #A06AD8, #7C46B8); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums li:nth-child(6n+3) button{ --rc:linear-gradient(180deg, #E5894A, #C76A2C); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums li:nth-child(6n+4) button{ --rc:linear-gradient(180deg, #46B07A, #2E8F5C); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums li:nth-child(6n+5) button{ --rc:linear-gradient(180deg, #E26170, #C2404F); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums li:nth-child(6n+6) button{ --rc:linear-gradient(180deg, #D9B33C, #B8921F); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums button::after{ display:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums button b{ font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; color:#FFFFFF; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums button em{ display:block; width:100%; overflow:hidden; font-style:normal; font-size:11px; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; color:rgba(255,255,255,.85); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums button:hover{ opacity:.85; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums button[aria-current="true"]{ opacity:1; box-shadow:0 0 0 2px #FFFFFF, 0 8px 22px rgba(0,0,0,.4); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-ph{ position:absolute; top:4px; bottom:4px; left:var(--ph, 8px); z-index:2; width:2px; margin-left:-1px; background:#FFFFFF; box-shadow:0 0 12px rgba(255,255,255,.7); pointer-events:none; transition:left .55s cubic-bezier(.2,.8,.2,1); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-ph::before{ content:""; position:absolute; top:-2px; left:-6px; border:7px solid transparent; border-top-color:#FFFFFF; border-bottom:0; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr :is(.v2f-prev, .v2f-next){ align-self:center; }
/* 4. Défi Compo : 10 jours, 10 créations, les cartes se retournent l'une après l'autre */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours{ display:grid !important; grid-template-columns:repeat(10, minmax(0, 1fr)); gap:12px; max-width:1120px; margin:48px auto 8px !important; padding:0 !important; list-style:none !important; perspective:900px; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours li{ position:relative; height:110px; margin:0 !important; padding:0 !important; list-style:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours li::before, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours li::marker{ content:none !important; display:none !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours .v2f-j-in{ position:absolute; inset:0; transform-style:preserve-3d; transition:transform .8s cubic-bezier(.2,.8,.2,1) var(--d, 0ms); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours.v2f-go .v2f-j-in{ transform:rotateY(180deg); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours :is(.v2f-j-f, .v2f-j-b){ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border-radius:16px; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours .v2f-j-f{ border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); color:rgba(255,255,255,.75); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours .v2f-j-b{ transform:rotateY(180deg); background:var(--jc, linear-gradient(140deg, #124CA3, #664492)); color:#FFFFFF; box-shadow:0 14px 30px rgba(0,0,0,.35); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours li:nth-child(5n+2) .v2f-j-b{ --jc:linear-gradient(140deg, #664492, #BF5AF2); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours li:nth-child(5n+3) .v2f-j-b{ --jc:linear-gradient(140deg, #8D3A34, #FF375F); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours li:nth-child(5n+4) .v2f-j-b{ --jc:linear-gradient(140deg, #7F4A22, #FF9F0A); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours li:nth-child(5n+5) .v2f-j-b{ --jc:linear-gradient(140deg, #2F5D47, #3F8A63); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours small{ font-size:12px; font-weight:600; letter-spacing:.02em; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours strong{ font-size:30px; font-weight:800; line-height:1; letter-spacing:-0.04em; font-variant-numeric:tabular-nums; }
/* 6. écoute depuis le hero */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content a.v2f-ecoute{ display:inline-flex !important; align-items:center; gap:12px; margin:22px auto 0 !important; padding:10px 18px 10px 14px !important; border:1px solid rgba(255,255,255,.2) !important; border-radius:999px !important; background:rgba(255,255,255,.08) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:#FFFFFF !important; font-size:15px !important; font-weight:600 !important; text-decoration:none !important; transition:background .3s ease !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content a.v2f-ecoute:hover{ background:rgba(255,255,255,.16) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-eq{ flex:none; width:18px; height:18px; background:linear-gradient(#FF375F, #FF375F) 0 100% / 3px 30% no-repeat, linear-gradient(#BF5AF2, #BF5AF2) 5px 100% / 3px 90% no-repeat, linear-gradient(#0A84FF, #0A84FF) 10px 100% / 3px 50% no-repeat, linear-gradient(#FF9F0A, #FF9F0A) 15px 100% / 3px 70% no-repeat; animation:v9Eq 1.2s ease-in-out infinite; }
@media (prefers-reduced-motion:reduce){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur-track{ animation:none; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur{ overflow-x:auto; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours .v2f-j-in{ transition:none; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-eq{ animation:none; }
}
@media (max-width:1024px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums button em{ display:none; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours{ grid-template-columns:repeat(5, minmax(0, 1fr)); }
}
@media (max-width:760px){
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .ytt-card{ flex-basis:300px; width:300px; padding:22px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums{ grid-template-columns:repeat(6, minmax(0, 1fr)); padding-top:10px !important; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums::before, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-ph{ display:none; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-nav.v2f-arr .v2f-nums button{ height:40px !important; align-items:center; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours{ gap:8px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours li{ height:84px; }
  html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-jours strong{ font-size:22px; }
  html body .v2f-bar{ left:12px; right:12px; bottom:12px; gap:12px; padding:8px 8px 8px 18px; transform:translate(0, 140%); }
  html body .v2f-bar.v2f-vu{ transform:translate(0, 0); }
  html body .v2f-bar-t span{ display:none; }
}
/* --- Logic Pro, passe 9b (21 oct. 2026) : cartes du mur d'avis sur une colonne, citation coupée en fondu --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .v2f-mur-track{ align-items:stretch; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .ytt-card{ display:flex !important; flex-direction:column; gap:12px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .ytt-card > *{ grid-area:auto !important; margin:0 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .ytt-quote{ display:block !important; flex:1 1 auto; max-height:9.6em !important; overflow:hidden !important; -webkit-mask:linear-gradient(#000 72%, transparent); mask:linear-gradient(#000 72%, transparent); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .v2f-mur .ytt-quote p{ display:block !important; margin:0 !important; -webkit-line-clamp:unset !important; }
/* --- Logic Pro, passe 9c (21 oct. 2026) : Défi Compo, mise en situation live de chaque création --- */
@keyframes v9Live{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,55,95,.7); } 70%{ box-shadow:0 0 0 12px rgba(255,55,95,0); } }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ydc-live{ display:flex; flex-direction:column; align-items:center; gap:12px; max-width:760px; margin:40px auto 0 !important; padding:28px 36px !important; border:1px solid rgba(255,55,95,.45); border-radius:24px; background:linear-gradient(135deg, rgba(255,55,95,.16), rgba(191,90,242,.12)); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 20px 60px rgba(255,55,95,.18); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ydc-live .ydc-live-k{ display:inline-flex; align-items:center; gap:10px; margin:0 !important; padding:6px 14px !important; border-radius:999px; background:#FF375F; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF; font-size:13px !important; font-weight:700 !important; letter-spacing:.02em; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ydc-live .ydc-live-dot{ width:8px; height:8px; border-radius:50%; background:#FFFFFF; animation:v9Live 1.6s ease-out infinite; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content .ydc-live .ydc-live-t{ margin:0 !important; font-size:22px !important; line-height:1.45 !important; font-weight:600 !important; text-align:center !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF; }
@media (prefers-reduced-motion:reduce){ L .ydc-live .ydc-live-dot{ animation:none; } }
@media (max-width:760px){ L .ydc-live{ padding:22px 20px !important; } L .ydc-live .ydc-live-t{ font-size:18px !important; } }
/* --- Logic Pro, passe 9d (21 oct. 2026) : hero lisible et vendeur (voile sombre au centre, titre 84 px en dégradé, panneau AFDAS remonté sous les boutons) --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero::before{ background:radial-gradient(70% 60% at 50% 45%, rgba(7,8,12,.86) 0%, rgba(7,8,12,.72) 55%, rgba(7,8,12,.55) 100%), linear-gradient(180deg, rgba(7,8,12,.35), rgba(7,8,12,.9) 92%) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero::after{ opacity:.38 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__inner{ display:flex !important; flex-direction:column; align-items:center; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__title{ order:1; font-size:84px !important; line-height:.98 !important; letter-spacing:-0.05em !important; font-weight:800 !important; text-shadow:0 6px 40px rgba(0,0,0,.55); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__title .accent{ background:linear-gradient(90deg, #5AA9FF 0%, #9C7CFF 50%, #FF5C8A 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; text-shadow:none; filter:drop-shadow(0 4px 24px rgba(90,120,255,.35)); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__title-sub{ display:block !important; margin-top:22px !important; font-size:26px !important; line-height:1.35 !important; letter-spacing:-0.01em !important; font-weight:500 !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; opacity:.92; text-shadow:0 2px 18px rgba(0,0,0,.7); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__title-sub::first-letter{ text-transform:uppercase; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__specs{ order:2; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__spec{ background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.2) !important; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__spec *{ color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__actions{ order:3; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__btn--primary{ min-height:58px !important; padding:0 30px !important; font-size:17px !important; box-shadow:0 14px 40px rgba(18,76,163,.6), 0 0 0 1px rgba(255,255,255,.12) inset !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__btn--ghost{ min-height:58px !important; padding:0 28px !important; font-size:17px !important; background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.3) !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__deadline{ order:4; max-width:640px !important; margin:22px auto 0 !important; padding:14px 22px !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:18px !important; background:rgba(7,8,12,.55) !important; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); font-size:15px !important; line-height:1.55 !important; color:rgba(255,255,255,.82) !important; -webkit-text-fill-color:rgba(255,255,255,.82) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__deadline strong{ color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__deadline .date{ color:#FF8A9E !important; -webkit-text-fill-color:#FF8A9E !important; font-weight:700 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero a.v2f-ecoute{ order:5; margin-top:18px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__avis{ order:6; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__avis blockquote{ font-size:19px !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; text-shadow:0 2px 14px rgba(0,0,0,.7); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__avis figcaption{ color:rgba(255,255,255,.72) !important; -webkit-text-fill-color:rgba(255,255,255,.72) !important; text-shadow:0 2px 10px rgba(0,0,0,.7); }
@media (max-width:1024px){ L #yt-lp-hero .yt-lp__title{ font-size:60px !important; } L #yt-lp-hero .yt-lp__title-sub{ font-size:21px !important; } }
@media (max-width:760px){ L #yt-lp-hero .yt-lp__title{ font-size:44px !important; } L #yt-lp-hero .yt-lp__title-sub{ font-size:18px !important; margin-top:14px !important; } L #yt-lp-hero .yt-lp__btn--primary, html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content #yt-lp-hero .yt-lp__btn--ghost{ min-height:52px !important; font-size:16px !important; } }
/* --- 4 fiches, passe 9e (21 oct. 2026) : le hero de la fiche Logic appliqué aux trois autres (piano, mixage, Final Cut) --- */
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero)::before{ background:radial-gradient(70% 60% at 50% 45%, rgba(7,8,12,.86) 0%, rgba(7,8,12,.72) 55%, rgba(7,8,12,.55) 100%), linear-gradient(180deg, rgba(7,8,12,.35), rgba(7,8,12,.9) 92%) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero)::after{ opacity:.38 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__inner, .yt-piano__inner){ display:flex !important; flex-direction:column; align-items:center; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__title, .yt-piano__title){ order:1; font-size:68px !important; line-height:1 !important; letter-spacing:-0.045em !important; font-weight:800 !important; text-shadow:0 6px 40px rgba(0,0,0,.55); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__title, .yt-piano__title) .accent{ background:linear-gradient(90deg, #5AA9FF 0%, #9C7CFF 50%, #FF5C8A 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; text-shadow:none; filter:drop-shadow(0 4px 24px rgba(90,120,255,.35)); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__title-sub, .yt-piano__sub){ order:1; display:block !important; margin-top:22px !important; font-size:24px !important; line-height:1.35 !important; letter-spacing:-0.01em !important; font-weight:500 !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; opacity:.92; text-shadow:0 2px 18px rgba(0,0,0,.7); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero) .yt-lp__title-sub::first-letter{ text-transform:uppercase; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero) .yt-piano__sub *{ color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__specs, .yt-piano__specs){ order:2; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__spec, .yt-piano__spec){ background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.2) !important; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__spec, .yt-piano__spec) *{ color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__actions, .yt-piano__actions){ order:3; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__btn--primary, .yt-piano__btn--primary){ min-height:58px !important; padding:0 30px !important; font-size:17px !important; box-shadow:0 14px 40px rgba(18,76,163,.6), 0 0 0 1px rgba(255,255,255,.12) inset !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__btn--ghost, .yt-piano__btn--ghost){ min-height:58px !important; padding:0 28px !important; font-size:17px !important; background:rgba(255,255,255,.1) !important; border:1px solid rgba(255,255,255,.3) !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__deadline, .yt-piano__deadline){ order:4; max-width:640px !important; margin:22px auto 0 !important; padding:14px 22px !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:18px !important; background:rgba(7,8,12,.55) !important; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); font-size:15px !important; line-height:1.55 !important; color:rgba(255,255,255,.82) !important; -webkit-text-fill-color:rgba(255,255,255,.82) !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__deadline, .yt-piano__deadline) strong{ color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(.yt-lp3__deadline, .yt-piano__deadline) .date{ color:#FF8A9E !important; -webkit-text-fill-color:#FF8A9E !important; font-weight:700 !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero) a.v2f-ecoute{ order:5; margin-top:18px !important; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero) .yt-avis-hero{ order:6; }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero) .yt-avis-hero blockquote{ font-size:19px !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF !important; text-shadow:0 2px 14px rgba(0,0,0,.7); }
html body.yt-v2f.yt-v2f.yt-v2f #wrapper#wrapper#wrapper#wrapper .entry-content :is(#yt-lp3-hero, #yt-piano-hero) .yt-avis-hero figcaption{ color:rgba(255,255,255,.72) !important; -webkit-text-fill-color:rgba(255,255,255,.72) !important; text-shadow:0 2px 10px rgba(0,0,0,.7); }
@media (max-width:1024px){ L :is(.yt-lp3__title, .yt-piano__title){ font-size:52px !important; } L :is(#yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__title-sub, .yt-piano__sub){ font-size:20px !important; } }
@media (max-width:760px){ L :is(.yt-lp3__title, .yt-piano__title){ font-size:38px !important; } L :is(#yt-lp3-hero, #yt-piano-hero) :is(.yt-lp__title-sub, .yt-piano__sub){ font-size:17px !important; margin-top:14px !important; } L :is(.yt-lp3__btn--primary, .yt-piano__btn--primary, .yt-lp3__btn--ghost, .yt-piano__btn--ghost){ min-height:52px !important; font-size:16px !important; } }