@charset "utf-8";

/* ========= FORCE TYPO PARTOUT ========= */
html, body { 
  font-size: 14px !important; 
}

body {
  background: #f1f1f1 url(fond.png) fixed no-repeat 0 0;
  color: #000000 !important;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}

/* Conteneurs SciencesConf qui forcent souvent 12px */
#template_page,
#template_middle,
#template_content,
#template_body,
#template_main,
#template_center,
#template_wrapper,
#content, .content, #main, .main {
  font-size: 14px !important;
}

/* ========= TITRES ========= */
.titre,
#template_content .titre,
#template_content h1,
#template_content h2,
#template_content h3,
#template_content h4 {
  color: #384D8E !important;
  font-size: 15px;
}

/* Dans les formulaires : hériter la couleur */
.formcontent .titre {
  text-transform: none;
  color: inherit !important;
}

/* ========= HEADER ========= */
#template_header,
#template_header a {
  color: #000000;
}

/* ========= LISTES ========= */
ul, li {
  margin-bottom: 15px;
  font-weight: bold;
}

/* ========= MENU ========= */
.menu_niveau_1_on {
  background-color: #384D8E !important;
  color: #ffffff !important;
}

.menu_niveau_1_on a {
  color: #ffffff !important;
}

.menu_niveau_1 a:hover {
  color: #384D8E;
  background-color: #f1f1f1;
  border-top-color: #999;
}

/* ===== HEADER LAYOUT ===== */
.header-flex {
  display: flex;
  align-items: center;      /* alignement vertical */
  justify-content: flex-start;
  gap: 18px;                /* espace texte / image */
}

/* Texte à gauche */
.header-text {
  display: flex;
  flex-direction: column;
}

/* Titre */
.header-title {
  font-size: 1em;
  font-weight: bold;
}

/* Sous-titre */
.header-subtitle {
  font-size: 1em;
}

/* Image à gauche du bandeau */
.header-image img {
  max-height: 125px;         /* ajuste si besoin */
  width: auto;
  display: block;
}
/* Dates + logo en bas du bloc texte */
.header-dates-logo {
  display: flex;
  align-items: center;
  justify-content: center; /* reste centré comme le reste du texte */
  gap: 12px;
  margin-top: 6px;
}

/* Style des dates */
.header-dates {
  font-size: x-large;
  color: #384d8e;
}

/* Logo du colloque */
.header-dates-logo img {
  height: 70px;    /* ajuste si besoin */
  width: auto;
  display: block;
}
.header-logo-small {
  background-color: #fff;
  padding: 8px;
  border-radius: 6px;
}

/* ===== PAGE D’ACCUEIL ===== */

.home-intro {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  font-size: 1em;
  line-height: 1.6;
}

.home-highlight {
  font-size: 1.2em;
  margin-bottom: 1.5em;
}

.home-intro p {
  margin-bottom: 1.2em;
}

.home-intro h3 {
  margin-top: 2em;
  margin-bottom: 1em;
  color: #384D8E;
}

.home-program {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 500px;
}

.home-program li {
  margin-bottom: 0.6em;
}