.formation-detail-page{overflow-x:clip}.detail-hero{padding:46px 0 8px;color:#2d2d2d}.detail-hero-wrap{max-width:1120px;margin:auto;padding:0 20px;text-align:center}.detail-kicker{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(45,45,45,.7)}.detail-kicker span{width:10px;height:10px;border-radius:50%;background:#00d2d3}.detail-hero h1{max-width:18ch;margin:12px auto 20px;font-size:clamp(44px,6vw,58px);line-height:.95;letter-spacing:-.03em;font-weight:950}.detail-hero mark,.tab-copy mark{color:inherit;background:linear-gradient(transparent 58%,rgba(255,222,89,.78) 58% 92%,transparent 92%);padding:0 .08em}.detail-hero-lead{max-width:72ch;margin:0 auto;font-size:clamp(18px,1.55vw,20px);line-height:1.55;font-weight:750;color:rgba(45,45,45,.78)}.detail-benefit{width:min(850px,100%);margin:34px auto 0;padding:30px;border-left:6px solid #00d2d3;background:#fff;text-align:left;box-shadow:0 10px 24px rgba(0,0,0,.08)}.detail-benefit>strong{color:#00b6b7;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.detail-benefit p{font-size:18px;line-height:1.55;margin-bottom:0}.detail-benefit span{background:linear-gradient(transparent 60%,rgba(255,222,89,.66) 60%)}.detail-hero-image{margin:40px auto 24px}.detail-hero-image img{width:min(720px,92%);height:auto;border-radius:18px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 28px rgba(0,0,0,.1)}
.detail-separator{max-width:560px;margin:42px auto 54px;padding:0 20px}.detail-separator img{display:block;width:100%;height:auto}
.training-tabs{max-width:1220px;margin:0 auto 26px;padding:0 18px}.training-tablist{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 18px}.training-tab{border:1px solid rgba(175,172,251,.82);border-radius:999px;background:rgba(175,172,251,.1);color:#111827;padding:10px 14px;font:800 14px/1 system-ui,-apple-system,sans-serif;cursor:pointer}.training-tab:hover{background:rgba(175,172,251,.2)}.training-tab.is-active,.training-tab[aria-selected=true]{background:#AFACFB;color:#fff}.training-panel-shell{border:1px solid rgba(0,0,0,.12);border-radius:18px;background:#fff;min-height:320px;padding:32px 22px 34px}.training-panel[hidden]{display:none!important}
.tab-copy{max-width:1100px;margin:auto;padding:10px clamp(4px,2vw,18px);color:#2d2d2d;font-size:18px;line-height:1.7}.tab-copy h2{margin:0 auto 32px;text-align:center;font-size:clamp(24px,2.55vw,38px);line-height:1.22;letter-spacing:-.02em}.tab-copy h3{font-size:clamp(20px,1.7vw,26px);margin:32px 0 12px}.tab-copy p{margin:0 0 20px}.tab-copy em{color:#e63946;font-style:normal;font-weight:650}.tag{display:inline-block;background:rgba(45,45,45,.06);border-radius:8px;padding:1px 9px;font-weight:750}.arrow-list,.check-list{list-style:none;padding:0;margin:10px 0 24px}.arrow-list li,.check-list li{position:relative;padding-left:28px;margin:12px 0}.arrow-list li::before{content:"→";position:absolute;left:0;color:#22c7c3;font-weight:950}.check-list li::before{content:"✓";position:absolute;left:0;color:#22c7c3;font-weight:950}.aqua-note{margin:28px 0;padding:20px 24px;border-radius:20px;background:linear-gradient(180deg,rgba(34,199,195,.18),rgba(34,199,195,.1));border:1px solid rgba(34,199,195,.42)}.aqua-note>strong{color:#0f766e;text-transform:uppercase;letter-spacing:.05em;font-size:15px}.aqua-note.dashed{border-style:dashed;border-width:2px}.aqua-note small{display:block;margin-top:16px;opacity:.72;font-style:italic}.important{font-weight:850}.left-accent{border-left:4px solid #22c7c3;padding-left:20px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.two-cards article{border:1px solid #eee;border-radius:20px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.two-cards article>strong{color:#22c7c3;text-transform:uppercase;font-size:14px}.trainer-copy{border-left:2px solid #AFACFB;padding-left:30px}.trainer-copy strong{background:rgba(175,172,251,.1);padding:0 3px}.program-lead{font-size:1.15em;font-weight:550}.program-copy .muted{color:#666}.steps article{border-left:2px solid rgba(34,199,195,.22);padding:3px 0 3px 26px;margin:20px 0}.steps article strong{color:#0f766e;font-size:1.08em}.registration-copy .tab-crosslink{margin-top:36px;border-top:1px solid #eee;padding-top:20px}.tab-copy a{color:#0f766e;font-weight:750}.price-lead{font-size:clamp(20px,2.5vw,24px);font-weight:800}.accessibility-copy h3{display:flex;align-items:center;gap:12px}.red-dot{width:10px;height:10px;border-radius:50%;background:#e63946;box-shadow:0 0 0 6px rgba(230,57,70,.18)}.center{display:flex;justify-content:center;margin:18px 0 26px}.aqua-button{display:inline-flex;padding:12px 16px;border-radius:16px;background:rgba(34,199,195,.16);border:1px solid rgba(34,199,195,.42);color:#0f766e!important;text-decoration:none}
.detail-form{max-width:1120px;margin:0 auto;padding:0 20px}.detail-satisfaction{display:flex;justify-content:center;margin:32px auto 62px;padding:0 20px}.sat-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(175,172,251,.55);border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.08)}.sat-pill{padding:7px 10px;border-radius:999px;background:rgba(175,172,251,.16);font-weight:900;font-size:13px}.sat-score{display:flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer;font:inherit}.sat-score strong{font-size:28px;line-height:1}.sat-stars{position:relative;color:rgba(0,0,0,.16);letter-spacing:2px;white-space:nowrap}.sat-stars-fill{position:absolute;inset:0;overflow:hidden;width:0;color:#E6C200;white-space:nowrap;transition:width .9s ease}.detail-funding{max-width:950px;margin:0 auto 74px;padding:0 20px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:70px;align-items:center;justify-items:center}.detail-funding a{display:flex;min-height:150px;align-items:center;justify-content:center;width:100%}.detail-funding img{display:block;width:100%;height:auto;object-fit:contain}.detail-funding a:nth-child(1) img{max-width:270px}.detail-funding a:nth-child(2) img{max-width:265px}.detail-funding a:nth-child(3) img{max-width:245px}
@media(max-width:768px){.detail-hero{padding-top:22px}.detail-hero h1{font-size:38px}.detail-benefit{padding:22px}.detail-separator{margin:28px auto 34px}.training-panel-shell{padding:22px 12px 24px}.training-tablist{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.training-tab{flex:0 0 auto}.two-cards{grid-template-columns:1fr;gap:16px}.tab-copy{font-size:17px;text-align:left}.detail-funding{grid-template-columns:1fr;gap:20px;max-width:360px}.detail-funding a{min-height:0}.detail-satisfaction{margin-bottom:40px}}

/* V5 — ajustements */
#panel-finance-component .tt-accordion .tt-heroTitle {
  font-size: clamp(20px, 2.5vw, 24px) !important;
}

.detail-form-title {
  max-width: 900px;
  margin: 0 auto 46px;
  text-align: center;
  color: #31405a;
  font-size: clamp(42px, 5.6vw, 68px);
  line-height: 1.03;
  letter-spacing: -.025em;
  font-weight: 900;
}

@media (max-width: 768px) {
  .detail-form-title {
    margin-bottom: 30px;
    font-size: clamp(34px, 10vw, 48px);
  }
}


/* V8 — Hero interne harmonisé */
.detail-hero-wrap {
  max-width: var(--page-hero-max) !important;
}

.detail-hero h1 {
  font-size: var(--page-hero-size) !important;
  line-height: var(--page-hero-line) !important;
  letter-spacing: var(--page-hero-letter) !important;
  max-width: 15ch !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}


/* =========================================================
   V37 — finition page formation
   ========================================================= */

/* Smart hover de l'encart "Au programme". */
.detail-benefit {
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s ease,
    border-color .35s ease;
  transform-origin: center;
}
.detail-benefit:hover {
  transform: translateY(-3px) scale(1.012);
  box-shadow: 0 18px 38px rgba(0,0,0,.12);
  border-left-color: #22c7c3;
}

/* Smart hover de l'image juste après. */
.detail-hero-image {
  perspective: 1000px;
}
.detail-hero-image img {
  transition:
    transform .42s cubic-bezier(.2,.8,.2,1),
    box-shadow .42s ease;
}
.detail-hero-image:hover img {
  transform: scale(1.025);
  box-shadow: 0 20px 42px rgba(0,0,0,.15);
}

/* Le titre du formulaire reste un titre de section, pas un second hero. */
.detail-form-title {
  max-width: 760px !important;
  margin-bottom: 34px !important;
  font-size: clamp(30px, 3.6vw, 46px) !important;
  line-height: 1.06 !important;
}

/* Logos financeurs plus discrets. */
.detail-funding {
  max-width: 760px !important;
  gap: 48px !important;
}
.detail-funding a {
  min-height: 110px !important;
}
.detail-funding a:nth-child(1) img {
  max-width: 185px !important;
}
.detail-funding a:nth-child(2) img {
  max-width: 180px !important;
}
.detail-funding a:nth-child(3) img {
  max-width: 165px !important;
}

@media (max-width: 768px) {
  .detail-benefit:hover {
    transform: none;
  }
  .detail-hero-image:hover img {
    transform: none;
  }
  .detail-form-title {
    margin-bottom: 26px !important;
    font-size: clamp(28px, 8vw, 38px) !important;
  }
  .detail-funding {
    max-width: 300px !important;
    gap: 16px !important;
  }
  .detail-funding a {
    min-height: 0 !important;
  }
  .detail-funding a:nth-child(1) img {
    max-width: 165px !important;
  }
  .detail-funding a:nth-child(2) img {
    max-width: 160px !important;
  }
  .detail-funding a:nth-child(3) img {
    max-width: 150px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .detail-benefit,
  .detail-hero-image img {
    transition: none !important;
  }
  .detail-benefit:hover,
  .detail-hero-image:hover img {
    transform: none !important;
  }
}

/* V38 — lisibilité des onglets de navigation de la formation */
.training-tab {
  font-size: 16px !important;
  line-height: 1.1 !important;
}

@media (max-width: 768px) {
  .training-tab {
    font-size: 15px !important;
  }
}

/* Satisfaction : note noire sur mobile, sans modifier les étoiles dorées. */
@media (max-width:768px) {
  .detail-satisfaction .sat-score,
  .detail-satisfaction .sat-score strong,
  .detail-satisfaction .sat-score .sat-num {
    color: #1f1f1f !important;
  }
}