/*
    Journees Margaux - theme noir et rouge (banniere 1c)
    Noir #151314 - Rouge #C8102E - Rouge clair #ff4d63
*/

:root {
  /* Header */
  --conf-theme-header-bg: #151314;
  --conf-theme-header-border-bottom: #C8102E;
  --conf-theme-header-text: #ffffff;

  /* Subtitle area */
  --conf-theme-subtitle-bg: #151314;
  --conf-theme-subtitle-border: #C8102E;
  --conf-theme-subtitle-text: #ffffff;

  /* Menu colors */
  --conf-theme-menu-bg: #151314;
  --conf-theme-menu-border: #151314;
  --conf-theme-menu-link: #ffffff;
  --conf-theme-menu-selected: #ffffff;
  --conf-theme-menu-selected-bg: #C8102E;
  --conf-theme-menu-selected-border: #C8102E;
  --conf-theme-hover-bg: #3a1218;
  --conf-theme-hover-color: #ff4d63;
  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;
  --conf-theme-announcement-border-top: 1px solid var(--conf-theme-announcement-border);
  --conf-theme-announcement-border-bottom: none;

  /* Support box */
  --conf-theme-support-bg: #151314;
  --conf-theme-support-border: #151314;
  --conf-theme-support-header-bg: #C8102E;
  --conf-theme-support-header-text: #ffffff;
  --conf-theme-support-text: #ff4d63;

  /* Background images */
  --conf-theme-sprite-image: none;

  /* Announcement colors */
  --conf-theme-announcement-bg: #151314;
  --conf-theme-announcement-border: #C8102E;
  --conf-theme-announcement-text: #ffffff;
}

/* ---------- En-tete : banniere visible, titre et fuseau masques ---------- */
.confheader .confTitle [itemprop="title"] {
  display: none;
}

.confheader,
.confheader .confTitleBox,
.confheader .confTitle,
.confheader .confTitle h1,
.confheader .confTitle h1 a,
.confheader .confTitle .conference-title-link {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  float: none !important;
}

/* Banniere : toute la largeur, proportions 3:1 conservees, s'adapte a l'ecran.
   L'image est affichee en fond du bloc pour passer outre les limites de taille d'Indico.
   Si vous changez le logo dans Indico, mettez a jour l'adresse ci-dessous. */
.confheader,
.confheader .confTitleBox,
.confheader .confSubTitleBox {
  background: #151314 !important;
  border-color: #151314 !important;
}

.confheader .confLogoBannerBox {
  display: block !important;
  width: 66.67% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 3 / 1 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
  background: #151314 url('/event/17501/logo-931651185.png') center / contain no-repeat !important;
}

.confheader .confLogoBannerBox img.confLogo {
  display: none !important;
}

.confheader .confSubTitleBox {
  display: none;
}

/* ---------- Petits ajustements ---------- */
.support_box a {
  color: #ff4d63;
}

.conference-page .i-button.highlight {
  background: #C8102E;
  border-color: #C8102E;
  color: #ffffff;
}

.conference-page .i-button.highlight:hover {
  background: #151314;
  border-color: #151314;
}