/* =====================================================================
   YouTips · Pages du pied de page en style v2 (lot 50, 21 oct. 2026)
   A propos 1495 (.apr/.yab/.sp), Avis des stagiaires 1892102 (.yavh/.ytt), Contact 9043 (.yct),
   Mentions legales 10460 (.yml), CGV 1668732 (.ycgv), Reglement interieur 1668626 (.faq-/.ys-/.ri-).
   Calque visuel seulement : textes, avis et documents officiels inchanges.
   Charge par yt-accueil-v2.php (body.yt-pied), en plus de pages-v2.css (body.yt-v2).
   ===================================================================== */
html body.yt-pied #wrapper{ overflow-x:clip !important; }

/* --- hero : fond sombre pleine largeur, texte a gauche, titre XXL, pas de surtitre --- */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero, header.yavh, .yct-hero, .yml-hero, .ycgv-head, .faq-header){ position:relative !important; isolation:isolate; width:auto !important; max-width:none !important; min-height:0 !important; margin:0 !important; padding:120px max(40px, calc(50% - 560px)) 104px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; color:#FFFFFF !important; text-align:left !important; overflow:visible !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero, header.yavh, .yct-hero, .yml-hero, .ycgv-head, .faq-header)::before{ content:"" !important; display:block !important; position:absolute !important; top:0 !important; bottom:0 !important; left:-100vmax !important; right:-100vmax !important; z-index:-1 !important; opacity:1 !important; border-radius:0 !important; background:radial-gradient(40% 90% at 72% 0%, rgba(120,80,172,.42), transparent 70%), radial-gradient(35% 80% at 30% 110%, rgba(208,120,56,.22), transparent 70%), #0B0D12 !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero, header.yavh, .yct-hero, .yml-hero, .ycgv-head, .faq-header)::after{ display:none !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero .apr-in, .apr-hero .apr-top, .yavh-inner, .yct-hero-in, .yml-hero-in){ max-width:none !important; width:auto !important; margin:0 !important; padding:0 !important; text-align:left !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.yavh-inner, .yct-hero-in, .yml-hero-in){ display:block !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-eyebrow, .yavh-eyebrow, .yct-eyebrow, .yml-eyebrow, .ycgv-eyebrow, .faq-eyebrow, .ytt-eb, .yt-eb){ display:none !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero, header.yavh, .yct-hero, .yml-hero, .ycgv-head, .faq-header) h1{ max-width:980px !important; margin:0 0 24px !important; padding:0 !important; font-size:clamp(44px, 6.2vw, 84px) !important; line-height:1.02 !important; font-weight:700 !important; letter-spacing:-0.045em !important; color:#FFFFFF !important; text-align:left !important; -webkit-hyphens:none !important; hyphens:none !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-sub, .yavh-sub, .yct-hero-sub, .yml-hero-sub, .ycgv-subtitle, .faq-sub){ max-width:720px !important; margin:0 !important; padding:0 !important; font-size:21px !important; line-height:1.55 !important; color:rgba(255,255,255,.78) !important; text-align:left !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-sub, .yavh-sub, .yct-hero-sub, .yml-hero-sub, .ycgv-subtitle) a{ color:#FFFFFF !important; text-decoration:underline !important; text-underline-offset:4px; }
/* pastilles du hero */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .apr-hero :is(.apr-badges, .apr-meta, .apr-cta){ justify-content:flex-start !important; text-align:left !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .apr-hero .apr-badges{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:28px 0 0 !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero .apr-chip, .apr-hero a.apr-rating, .yml-hero .yml-updated){ display:inline-flex !important; align-items:center !important; gap:6px !important; margin:0 !important; padding:6px 14px !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.2) !important; background:rgba(255,255,255,.05) !important; color:rgba(255,255,255,.8) !important; font-size:14px !important; box-shadow:none !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .yml-hero .yml-updated{ margin-top:28px !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .yml-hero .yml-updated::before{ display:none !important; }
/* boutons du hero : le premier blanc, le suivant en lien */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero a.apr-btn, header.yavh a.yavh-back){ display:inline-flex !important; align-items:center !important; gap:8px !important; min-height:52px !important; margin:36px 20px 0 0 !important; padding:0 28px !important; border-radius:999px !important; border:0 !important; background:#FFFFFF !important; color:#0B0D12 !important; font-size:17px !important; font-weight:600 !important; text-decoration:none !important; box-shadow:none !important; transition:transform .25s ease !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero a.apr-btn, header.yavh a.yavh-back):hover{ transform:translateY(-2px) !important; filter:none !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero a.apr-btn + a.apr-btn, header.yavh a.yavh-back + a.yavh-back){ min-height:0 !important; padding:0 !important; background:none !important; color:rgba(255,255,255,.82) !important; font-size:16px !important; text-decoration:underline !important; text-underline-offset:4px !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero a.apr-btn, header.yavh a.yavh-back) svg{ color:currentColor !important; }

/* --- sections : grands titres, plus d'air --- */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.yab-h2, .sp-h2, .yct-h2, .ytt-titre, .ap-mapsec h2, .yab h2){ margin-bottom:24px !important; font-size:clamp(36px, 4.6vw, 56px) !important; line-height:1.06 !important; font-weight:700 !important; letter-spacing:-0.035em !important; color:var(--yj-text,#0B0D12) !important; text-wrap:balance; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.yml-h2, .ycgv-section-title, .ys-faq-block h2, .ys-faq-block h3.ys-faq-title){ font-size:clamp(26px, 2.8vw, 34px) !important; line-height:1.15 !important; font-weight:700 !important; letter-spacing:-0.025em !important; color:var(--yj-text,#0B0D12) !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.yct-sub, .yab-sub, .sp-sub, .ytt-sous, .ytt-chapo){ font-size:20px !important; line-height:1.55 !important; color:var(--yj-text2,#4A4E55) !important; }

/* --- cartes : coins genereux, ombre douce, sans bordure --- */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-photo, .apr-feat, .yab-trainer, .yab-val, .sp-card, .ap-map-card, .yab-stat, .yab-indic-group, .yct-info, .yct-form-card, figure.ytt-card, .ycgv-meta, .ycgv-intro, .ycgv-toc, article.ycgv-item, .yml-toc, .yml-card, .ri-intro, .ys-faq-meta, section.ys-faq-block){ border-radius:24px !important; border-color:transparent !important; box-shadow:0 1px 2px rgba(11,13,18,.04), 0 18px 48px rgba(11,13,18,.07) !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-photo, .ap-map-card) img{ border-radius:24px !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.ycgv-tip, .ycgv-sub, .ycgv-callout, .ycgv-signature, .ys-faq-tip){ border-radius:16px !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper a.ycgv-toc-link{ border-radius:14px !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.yct-form-card) :is(input, textarea, select){ border-radius:14px !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.yct-form-card) :is(button, input[type=submit]){ min-height:52px !important; padding:0 28px !important; border-radius:999px !important; background:#0B0D12 !important; border-color:#0B0D12 !important; color:#FFFFFF !important; font-weight:600 !important; }
/* boutons du corps en pilules */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(a.yab-btn, a.yml-closing-btn, a.yml-closing-ghost){ display:inline-flex !important; align-items:center !important; min-height:52px !important; padding:0 26px !important; border-radius:999px !important; font-weight:600 !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(a.yab-btn, a.yml-closing-btn):first-of-type{ background:#0B0D12 !important; border-color:#0B0D12 !important; color:#FFFFFF !important; }
/* reglement interieur : la page n'est plus une grande carte */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .faq-wrap-inner{ border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; padding-top:0 !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.faq-wrap, .faq-wrap-inner, .ycgv, .yml, .yct, .apr){ padding-top:0 !important; margin-top:0 !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.ycgv-head, .faq-header) + *{ margin-top:56px !important; }

@media (max-width:760px){
  html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero, header.yavh, .yct-hero, .yml-hero, .ycgv-head, .faq-header){ padding:64px 20px 56px !important; }
  html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-sub, .yavh-sub, .yct-hero-sub, .yml-hero-sub, .ycgv-subtitle, .faq-sub){ font-size:17px !important; }
  html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-hero a.apr-btn, header.yavh a.yavh-back){ margin-top:28px !important; }
  html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.apr-photo, .apr-feat, .yab-trainer, .yab-val, .sp-card, .ap-map-card, .yab-stat, .yab-indic-group, .yct-info, .yct-form-card, figure.ytt-card, .ycgv-meta, .ycgv-intro, .ycgv-toc, article.ycgv-item, .yml-toc, .yml-card, .ri-intro, .ys-faq-meta, section.ys-faq-block){ border-radius:20px !important; }
}
/* titres de sommaire : plus de petit libelle bleu */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper :is(.yml-toc-title, .ycgv-toc-title, .ycgv-toc > p:first-child, .ycgv-toc > span:first-child){ color:var(--yj-text,#0B0D12) !important; font-size:20px !important; font-weight:700 !important; letter-spacing:-0.01em !important; text-transform:none !important; }

/* =====================================================================
   Lot 51 : calque generique pour les autres pages de contenu (body.yt-pied2)
   Hero = le bloc qui porte le H1 (classe en -hero, .yl-band, .hero, .yt-hero-section)
   ===================================================================== */
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1){ position:relative !important; isolation:isolate; max-width:none !important; margin-top:0 !important; margin-left:0 !important; margin-right:0 !important; padding-top:112px !important; padding-bottom:96px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; color:#FFFFFF !important; text-align:left !important; overflow:visible !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1)::before{ content:"" !important; display:block !important; position:absolute !important; top:0 !important; bottom:0 !important; left:-100vmax !important; right:-100vmax !important; width:auto !important; height:auto !important; z-index:-1 !important; opacity:1 !important; transform:none !important; border-radius:0 !important; background:radial-gradient(40% 90% at 72% 0%, rgba(120,80,172,.42), transparent 70%), radial-gradient(35% 80% at 30% 110%, rgba(208,120,56,.22), transparent 70%), #0B0D12 !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) :is([class$="-hero-in"], [class$="-hero-inner"], [class$="-hero-content"], .yl-in, .hero-inner, .ys-hw, .yt-hero-container){ text-align:left !important; margin-left:0 !important; margin-right:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) h1{ max-width:980px !important; margin-left:0 !important; margin-right:0 !important; font-size:clamp(40px, 5.8vw, 80px) !important; line-height:1.03 !important; font-weight:700 !important; letter-spacing:-0.045em !important; color:#FFFFFF !important; text-align:left !important; -webkit-hyphens:none !important; hyphens:none !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) h1 + p{ max-width:720px !important; margin-left:0 !important; margin-right:0 !important; font-size:21px !important; line-height:1.55 !important; color:rgba(255,255,255,.78) !important; text-align:left !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) :is(p, li, span, small, strong, dt, dd){ color:inherit; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) :is(a[class], button){ border-radius:999px !important; }
/* plus de surtitres */
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class*="eyebrow"], [class$="-eb"], .yt-eb, .ytkb-eye){ display:none !important; }
/* titres de section */
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content h2:is([class$="-h2"], [class$="-title"], [class$="-titre"]){ font-size:clamp(30px, 3.8vw, 48px) !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-0.03em !important; text-wrap:balance; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section) h2:is([class$="-h2"], [class$="-title"], [class$="-titre"]){ color:#FFFFFF !important; }
/* cartes */
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-card"], [class*="-card "]):not(a){ border-radius:24px !important; }
@media (max-width:760px){
  html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1){ padding-top:64px !important; padding-bottom:56px !important; }
  html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) h1 + p{ font-size:17px !important; }
  html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-card"], [class*="-card "]):not(a){ border-radius:20px !important; }
}
/* lot 51b : textes et alignements du hero generique */
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) :is(p, li, dd, dt, small, time):not([class*="btn"]):not([class*="chip"]):not([class*="badge"]):not([class*="pill"]):not([class*="tag"]){ color:rgba(255,255,255,.78) !important; text-align:left !important; margin-left:0 !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) :is(strong, b){ color:#FFFFFF !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) :is(p, li, h1) a:not([class*="btn"]){ color:#FFFFFF !important; text-decoration:underline !important; text-underline-offset:4px; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) h1 a{ text-decoration:none !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) :is(div, ul, ol, nav, p){ justify-content:flex-start !important; justify-items:start !important; }
/* lot 52 : titres sans soulignement, photo et sous-titre du hero alignes a gauche */
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) h1 a:not([class*="btn"]){ color:inherit !important; text-decoration:none !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) :is(img, picture, figure, [class*="avatar"], [class*="photo"]){ margin-left:0 !important; margin-right:auto !important; }
html body.yt-pied2.yt-pied2 #wrapper#wrapper#wrapper#wrapper .entry-content :is([class$="-hero"], .yl-band, .hero, .yt-hero-section):has(h1) h1 + :is(p, div, span){ color:rgba(255,255,255,.78) !important; }
/* lot 55 : colonne de lecture des pages legales (mentions, reglement) bornee a 1120 px */
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .yml-main .yml-in{ max-width:1120px !important; width:auto !important; margin-left:auto !important; margin-right:auto !important; padding-left:40px !important; padding-right:40px !important; box-sizing:content-box !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .yml-hero .yml-hero-in{ max-width:1120px !important; margin-left:auto !important; margin-right:auto !important; }
html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .yml-hero .yml-updated{ margin-top:28px !important; margin-right:6px !important; }
@media (max-width:760px){ html body.yt-pied.yt-pied #wrapper#wrapper#wrapper#wrapper .yml-main .yml-in{ padding-left:20px !important; padding-right:20px !important; } }