.elementor-27556 .elementor-element.elementor-element-92007d0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27556 .elementor-element.elementor-element-cd1b04f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:120px 0px 0px 0px;}.elementor-27556 .elementor-element.elementor-element-cd1b04f.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for container, class: .elementor-element-92007d0 *//* helpers (déjà présents sur les autres pages) */
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.lead{font:400 18px/1.65 "Open Sans",sans-serif;color:var(--muted);max-width:820px;margin:0 auto}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:30px;font:700 15.5px/1 "Montserrat",sans-serif;text-decoration:none;transition:all .25s}
.btn--primary{background:var(--corail);color:#fff!important;box-shadow:0 4px 12px rgba(255,127,79,.25)}
.btn--primary:hover{background:#FF885C;transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,127,79,.35)}
.btn--outline{border:2px solid var(--corail);color:var(--corail)}
.btn--outline:hover{background:var(--corail);color:#fff}

/* hero */
.train-hero{background:linear-gradient(to bottom,var(--beige2),#fff);padding:110px 0 80px;text-align:center}
.train-hero h1{font:800 44px/1.2 "Montserrat",sans-serif;color:var(--text);margin:0 0 14px}

/* formats */
.train-formats{background:#fff;padding:80px 0}
.train-formats h2{font:800 34px/1.25 "Montserrat",sans-serif;text-align:center;margin:0 0 24px}
.fmt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;list-style:none;padding:0}
.fmt{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.03)}
.fmt h3{font:700 18px/1.35 "Montserrat",sans-serif;margin:0 0 6px;color:var(--text)}
.fmt p{font:400 15.5px/1.6 "Open Sans",sans-serif;color:var(--muted)}

/* blocs alternés */
.train-block{background:#fff;padding:80px 0}
.train-block.alt{background:var(--beige2)}
.train-block .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.train-block h2{font:800 32px/1.25 "Montserrat",sans-serif;margin:0 0 8px;color:var(--text)}
.train-block .intro{font:400 17px/1.65 "Open Sans",sans-serif;color:var(--muted);margin:0 0 12px}
.check{list-style:none;padding:0;margin:0 0 14px}
.check li{font:400 16px/1.6 "Open Sans",sans-serif;color:var(--muted);margin:0 0 6px}
.illus{height:280px;max-width:520px;margin:0 auto;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.06);display:grid;place-items:center;background:#fff}
.illus img{height:200px;width:auto;object-fit:contain;display:block}

/* modalités */
.train-terms{background:#fff;padding:80px 0}
.train-terms h2{font:800 32px/1.25 "Montserrat",sans-serif;text-align:center;margin:0 0 20px}
.terms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.term{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.03)}
.term h3{font:700 16px/1.35 "Montserrat",sans-serif;margin:0 0 6px}
.term p{font:400 15px/1.6 "Open Sans",sans-serif;color:var(--muted)}
.muted.center{text-align:center;font:400 14.5px/1.6 "Open Sans",sans-serif;color:#666;margin-top:14px}

/* faq + cta */
.train-faq{background:var(--beige2);padding:80px 0}
.train-faq h2{font:800 32px/1.25 "Montserrat",sans-serif;text-align:center;margin:0 0 18px}
.faq{max-width:900px;margin:0 auto}
.faq details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:10px 0;box-shadow:0 6px 20px rgba(0,0,0,.02)}
.faq summary{font:700 15.5px/1.4 "Montserrat",sans-serif;cursor:pointer}
.train-cta{background:linear-gradient(135deg,var(--corail) 0%,var(--beige) 100%);padding:90px 0;text-align:center;color:#fff}
.train-cta h2{font:800 34px/1.2 "Montserrat",sans-serif;margin:0 0 10px;color:#fff}

/* animations sobres */
.train-hero h1,.train-hero .lead,.train-hero .btn,
.train-formats h2,.fmt,.train-block h2,.train-block .intro,.illus,
.train-terms h2,.term,.train-faq h2,.faq details,.train-cta h2,.train-cta .lead,.train-cta .btn{
  opacity:0;transform:translateY(12px);animation:fadeUp .55s ease-out forwards
}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  .train-hero h1,.train-hero .lead,.train-hero .btn,.train-formats h2,.fmt,.train-block h2,.train-block .intro,.illus,.train-terms h2,.term,.train-faq h2,.faq details,.train-cta h2,.train-cta .lead,.train-cta .btn{animation:none!important;opacity:1!important;transform:none!important}
}

/* responsive + “option A” (visuel compact mobile) */
@media (max-width:1024px){
  .fmt-grid{grid-template-columns:1fr}
  .train-block .grid{grid-template-columns:1fr;gap:22px}
  .terms-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .train-hero h1{font-size:32px}
  .btn--primary,.btn--outline{width:100%}
  .train-block .txt{order:1}
  .train-block .media{order:2}
  .illus{height:140px;max-width:360px;border-radius:14px;box-shadow:0 6px 14px rgba(0,0,0,.05)}
  .illus img{height:120px}
  .train-block + .train-block{padding-top:56px}
  .terms-grid{grid-template-columns:1fr}
}



/* Boutons alignés à gauche dans les blocs Formations (texte + visuel) */
.train-block .txt .cta-row{
  justify-content: flex-start;   /* au lieu de center */
  margin-top: 14px;
}

@media (max-width: 768px){
  /* Sur mobile, on garde l’alignement gauche pour rester cohérent avec le texte */
  .train-block .txt .cta-row{
    justify-content: flex-start;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92007d0 */.callout-dates{padding:28px 0}
.callout-dates__box{
  display:flex;gap:16px;align-items:center;justify-content:space-between;
  background:linear-gradient(180deg,#FFF9E3,#FFF);
  border:1px solid #FFE2C9;border-radius:16px;padding:18px 20px;
  box-shadow:0 8px 22px rgba(0,0,0,.04)
}
.callout-dates__txt h3{margin:0 0 6px;font:800 18px/1.3 "Montserrat",sans-serif;color:#222}
.callout-dates__txt .muted{margin:0;font:400 15.5px/1.6 "Open Sans",sans-serif;color:#555}
@media (max-width:768px){
  .callout-dates__box{flex-direction:column;align-items:flex-start}
  .callout-dates .btn{width:100%}
}/* End custom CSS */