html, body {
  font-size: 20px;     /* Taille de base intermédiaire */
  line-height: 1.7;
  font-family: 'Old Standard TT', serif;
}
.italic {
  font-style: italic;
}
.logo-container {
  text-align: center;
  margin: 3em 0 2em 0;
}
.logo-main {
  max-width: 410px;
  height: auto;
  margin-bottom: 1.6em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Conteneurs centraux */
.menu, .lecteur, main {
  max-width: 1200px;
  margin: 0 auto;
}
.menu { display: block; }
.lecteur { display: none; }

/* Titres centrés et agrandis raisonnablement */
h1, h2 {
  text-align: center;
}
h1 {
  font-size: 2.08em;
  margin-bottom: 0.45em;
  font-weight: 600;
  letter-spacing: 0.01em;
}
h2 {
  font-size: 1.58em;
  margin: 1.2em 0 0.6em 0;
  font-weight: 500;
}
.sous-titre {
  font-size: 1.15em;
  margin-bottom: 1.4em;
  text-align: center;
}
.retour-bouton {
  display: inline-block;
  margin-bottom: 2em;
  padding: 0.7em 1.7em;
  font-size: 1.11em;
  background: #e5dac6;
  color: #653813;
  border: 1.5px solid #ccbfa5;
  border-radius: 0.7em;
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 4px #0001;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.retour-bouton:hover,
.retour-bouton:focus {
  background: #f1e5c8;
  color: #3a2306;
  box-shadow: 0 2px 8px #0002;
  outline: none;
}

nav {
  font-size: 1.11em;
  margin-bottom: 2.3em;
  text-align: center;
}

/* Iframe adapté */
iframe {
  width: 100%;
  height: 1700px;
  border: 1px solid #ccbfa5;
  border-radius: 13px;
  background: #fff;
  display: block;
}

ul {
  font-size: 1.13em;
  margin: 0 auto 1em auto;
  padding-left: 2em;
}
li { margin-bottom: 1em; }

main {
  max-width: 1200px;
  margin: 3em auto 3em auto;
  font-size: 1.08em;
}
/* Style spécial pour la zone À propos (infos) */
section#infos {
  background: #f7f4ee;
  border-left: 5px solid #ccbfa5;
  border-radius: 0 0.8em 0.8em 0;
  padding: 2em 2.5em 1.5em 2em;
  margin: 2em 0 3em 0;
  box-shadow: 0 2px 8px 0 #0001;
  text-align: left;      /* Calé à gauche */
  max-width: 1200px;
  text-align: justify;
}

section#infos h2 {
  text-align: left;      /* Titre du À propos aligné à gauche */
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 600;
  color: #7c4d1e;
}

section#infos p {
  text-align: left;      /* Texte à gauche */
  margin-bottom: 0.7em;
  font-size: 1.08em;     /* NE PAS MODIFIER la taille ici */
  color: #2e2111;
}
section#infos ul {
  list-style: disc inside;
  padding-left: 1.5em;
  margin-bottom: 0.6em;
}
section#infos li {
  margin-bottom: 0.7em;
  line-height: 1.6;
}
section#infos table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0 0.5em 0;
  background: #fcfaf7;
}
section#infos td, section#infos th {
  border: 1px solid #ccbfa5;
  padding: 0.5em 1em;
  /* font-size: 1em;  déjà précisé plus haut */
}
footer {
  background: #ece6da;
  text-align: center;
  padding: 1.15em 0 0.85em 0;
  font-size: 1.03em;
  margin-top: 3em;
}
section#infos ul,
section#infos ul ul,
section#infos ol,
section#infos ol ol,
section#infos table,
section#infos td,
section#infos th {
  font-size: 1em;  /* force taille “normale” pour listes et tableaux dans #infos */
}
.variante-info {
  margin: 0.2em 0 1.2em 0;
  text-align: left;
  color: #6b5e3e;
  font-size: 0.98em;
  padding-left: 0.2em;
  font-style: italic;
  letter-spacing: 0.01em;
}
.liste-boutons-pieces {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 1.2em;
  justify-content: center;
  margin: 2em 0 1.5em 0;
}

.bouton-piece {
  display: inline-block;
  background: #e9dfcc;
  color: #563f1b;
  border: 1.7px solid #ccbfa5;
  border-radius: 0.9em;
  padding: 0.68em 1.45em;
  margin-bottom: 0.7em;
  font-size: 1.07em;
  font-family: inherit;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.18s, color 0.18s, border 0.18s, box-shadow 0.18s;
  box-shadow: 0 1px 4px #0001;
  cursor: pointer;
  text-align: center;
}

.bouton-piece:hover, .bouton-piece:focus {
  background: #f4ead4;
  color: #3a2306;
  border-color: #af9b77;
  box-shadow: 0 2px 9px #ccbfa533;
  outline: none;
}
.liens-telechargement {
  margin: 0.7em 0 1.1em 0;
  text-align: left;
  font-size: 1em;
}
.lien-telech {
  color: #7c4d1e;
  background: #f5eedd;
  border: 1px solid #ccbfa5;
  border-radius: 0.6em;
  padding: 0.32em 1.2em;
  margin-right: 0.7em;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.17s, color 0.17s, border 0.17s;
}
.lien-telech:hover, .lien-telech:focus {
  background: #f7ebce;
  color: #3a2306;
  border-color: #bca77d;
  outline: none;
}