/* Mise en page locale à index.php.
   Déplacer dans le global ce qui devient commun au fil des refactors. */

#main { display: grid; place-items: center; }

.lecteur-container {
  max-width: 1100px;
  width: 95%;
  margin: 0 auto 24px;
  background-color: #1F1F1F !important;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  padding: 20px;
  color: #fff;
}
.lecteur-container--light {
  background-color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 100, 214, 0.83);
  color: #000;
}
.section-title {
  text-align: center;
  margin: 0 0 12px 0;
}

/* Table-like layout */
.Table { display: table; width: 100%; }
.Heading { display: table-row; font-weight: 700; text-align: center; }
.Row { display: table-row; }
.Cell {
  display: table-cell;
  text-align: left;
  border: 0;
  padding: 6px 8px;
  width: 50%;
}
.Cell ul { margin: 6px 0 12px; padding-left: 18px; }

/* Top selection menu */
.select-menu {
  max-width: 1100px;
  margin: 0 auto 16px;
  background: #1F1F1F;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  padding: 16px;
}
.select-menu nav { text-align: center; margin-bottom: 6px; }
.select-menu .tabs {
  list-style: none; margin: 0; padding: 0;
  display: inline-flex; gap: 30px; flex-wrap: wrap;
}
.select-menu .tab-link {
  display: inline-block; padding: 10px 20px; border-radius: 8px;
  text-decoration: none; font-weight: 700; background: #1F83F1; color: #fff;
}
.select-menu .tab-link:hover { text-decoration: underline; }
.select-menu .tab-link.active { background: #0f62c0; text-decoration: underline; }
.select-menu__info { text-align: center; color: #fff; font-weight: 700; margin-top: 8px; }