.conferences-page {
  overflow-x: clip;
}

.conferences-page .site-yellow-separator {
  display:flex;
  justify-content:center;
  margin:58px 0 62px;
  padding:0 100px;
}

.conferences-page .site-yellow-separator img {
  display:block;
  width:min(560px, 92%);
  height:auto;
  opacity:.95;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.10));
}

/* Même axe global que les pages déjà validées. */
#conferences-intro-widget .tt-heroWrap,
#conferences-recentes-widget .tt-confContainer,
#conferences-contact-widget .tt-eventBlock {
  max-width:var(--page-hero-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Hero d'ouverture harmonisé. */
#conferences-intro-widget .tt-heroTitle {
  font-size:var(--page-hero-size) !important;
  line-height:var(--page-hero-line) !important;
  letter-spacing:var(--page-hero-letter) !important;
  max-width:none !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

/* Le bloc 1 contient déjà son propre séparateur entre hero et expertise :
   on le conserve, puis on ajoute notre séparateur entre les 3 widgets. */

#conferences-contact-widget .tt-eventBlock {
  padding-bottom:30px !important;
}

#conferences-contact-widget .tt-embedBox iframe {
  min-height:650px !important;
}

@media (max-width:900px) {
  .conferences-page .site-yellow-separator {
    margin:38px 0 42px;
    padding:0 30px;
  }

  #conferences-intro-widget .tt-heroTitle {
    max-width:none !important;
  }

  #conferences-contact-widget .tt-embedBox iframe {
    min-height:760px !important;
  }
}


/* =========================================================
   V32 — Conférences : raccord post-it > séparateur > conférences
   Même respiration que séparateur > "vous organisez un évènement ?"
   ========================================================= */

@media (min-width: 901px) {
  /* Le bloc d'intro gardait encore 100 px de padding bas issus de Wix. */
  #conferences-intro-widget .tt-heroFormations {
    padding-bottom: 0 !important;
  }

  /* Le post-it jaune avait lui-même 40 px de padding sous son contenu. */
  #conferences-intro-widget .tt-bookPostitSection {
    padding-bottom: 20px !important;
  }
}

/* Même amorce après le séparateur, sur desktop comme sur mobile. */
#conferences-recentes-widget .tt-heroFormations {
  padding-top: 6px !important;
}

/* Le h2 gardait une marge haute native du navigateur, responsable du grand blanc. */
#conferences-recentes-widget .tt-sectionTitle {
  margin-top: 0 !important;
}

/* On garde les mêmes marges du séparateur lui-même pour les deux raccords. */
.conferences-page .site-yellow-separator {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

@media (max-width: 900px) {
  .conferences-page .site-yellow-separator {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}