/* ——— Typographie générale ——— */
body {
  font-family: "Book Antiqua", Palatino, serif;
  font-size: 17px;          /* confort de lecture */
  line-height: 1.35;        /* interligne plus serré */
  color: #000;
  text-align: justify;
}

/* Titres hiérarchisés (plus compacts) */
h1, h2, h3, h4, h5, h6 {
  font-family: "Book Antiqua", Palatino, serif;
  font-weight: bold;
  line-height: 1.2;
}

h1 { font-size: 1.6em; }   /* plus petit que 2em */
h2 { font-size: 1.3em; }
h3 { font-size: 1.15em; }

/* Liens sobres */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}/* ——— B. Rétro ornementé (fleurons) ——— */

/* Base = reprend A (si vous avez déjà collé A, vous pouvez coller B à la place) */
#contenu, .contenu, #content, .content, #main, .main, .article, .post, .entry, .page {
  font-family: "Book Antiqua", Palatino, "Palatino Linotype", serif !important;
  font-size: 17px !important; line-height: 1.35 !important;
  text-align: justify !important; text-justify: inter-word !important; color: inherit !important;
}
#contenu h1, .contenu h1, #content h1, .content h1, #main h1, .main h1,
.article h1, .post h1, .entry h1, .page h1 {
  font-family: inherit !important; font-weight: bold !important;
  font-size: 1.6em !important; line-height: 1.2 !important; margin: 1.4em 0 .5em !important;
}
#contenu h2, .contenu h2, #content h2, .content h2, #main h2, .main h2,
.article h2, .post h2, .entry h2, .page h2 {
  font-size: 1.3em !important; line-height: 1.2 !important; margin: 1.2em 0 .5em !important;
  position: relative;
}
#contenu h3, .contenu h3, #content h3, .content h3, #main h3, .main h3,
.article h3, .post h3, .entry h3, .page h3 {
  font-size: 1.15em !important; line-height: 1.2 !important; margin: 1.1em 0 .55em !important;
}

/* Liens : sobres, soulignés au survol */
#contenu a, .contenu a, #content a, .content a,
#main a, .main a, .article a, .post a, .entry a, .page a { text-decoration: none !important; }
#contenu a:hover, .contenu a:hover, #content a:hover, .content a:hover,
#main a:hover, .main a:hover, .article a:hover, .post a:hover, .entry a:hover, .page a:hover { text-decoration: underline !important; }

/* Figures & légendes */
figure { margin: 1.25em 0 !important; }
figure img, .article img, .post img { max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important; }
figcaption { text-align: center !important; font-size: .95em !important; opacity: .85; margin-top: .5em !important; }

/* Séparateur fleuron (❦) */
hr, .separator, .separateur { border: 0 !important; height: 0 !important; margin: 1.6em 0 !important; position: relative; }
hr::after, .separator::after, .separateur::after {
  content: "❦";
  display: block; text-align: center;
  opacity: .35; letter-spacing: .05em;
  font-size: 1em; line-height: 1; margin: .2em auto 0;
}

/* Fleuron discret sous les H2 */
#contenu h2::after, .contenu h2::after, #content h2::after, .content h2::after,
#main h2::after, .main h2::after, .article h2::after, .post h2::after, .entry h2::after, .page h2::after {
  content: "❦";
  display: block; text-align: center;
  opacity: .28; font-size: .9em; line-height: 1;
  margin: .35em auto 0;
}
/* — Titres de la colonne gauche : plus petits, compacts, sans casse forcée — */
#colonne_gauche h1, #colonne_gauche h2, #colonne_gauche h3,
#colonne-gauche h1, #colonne-gauche h2, #colonne-gauche h3,
[id*="gauche"] h1, [id*="gauche"] h2, [id*="gauche"] h3,
.sidebar-left h1, .sidebar-left h2, .sidebar-left h3,
.column-left h1, .column-left h2, .column-left h3,
#left h1, #left h2, #left h3, .left h1, .left h2, .left h3,
.sidebar h1, .sidebar h2, .sidebar h3,
.titre, .titre_module, .widget-title {
  font-family: "Book Antiqua", Palatino, serif !important;
  font-size: 1.05em !important;      /* ↓ taille des titres */
  line-height: 1.15 !important;       /* plus ramassé */
  font-weight: bold !important;
  text-transform: none !important;     /* évite les MAJUSCULES qui élargissent */
  letter-spacing: normal !important;
  margin: 0.4em 0 0.25em !important;
  /* Limiter les retours à la ligne moches */
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  hyphens: auto !important;
  overflow-wrap: anywhere !important;  /* casse propre sur mots longs */
  word-break: normal !important;
}

/* Option mobile : encore un cran plus petit si l’écran est étroit */
@media (max-width: 800px) {
  #colonne_gauche h1, #colonne_gauche h2, #colonne_gauche h3,
  #colonne-gauche h1, #colonne-gauche h2, #colonne-gauche h3,
  [id*="gauche"] h1, [id*="gauche"] h2, [id*="gauche"] h3,
  .sidebar-left h1, .sidebar-left h2, .sidebar-left h3,
  .column-left h1, .column-left h2, .column-left h3,
  #left h1, #left h2, #left h3, .left h1, .left h2, .left h3,
  .sidebar h1, .sidebar h2, .sidebar h3,
  .titre, .titre_module, .widget-title {
    font-size: 0.98em !important;
  }
}
  1
  .article h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 .75rem; font- variant-numeric: oldstyle-nums; }
.article h2 { font-size: 1.35rem; margin: 2rem 0 .75rem; border-bottom: 1px solid var(--rule); padding-bottom: .25rem; }
.article h3 { font-size: 1.15rem; margin: 1.25rem 0 .5rem; }
/* Chapeau */
.lead { font-size: 1.05rem; color: var(--muted); margin-bottom: 1rem; text- indent: 0; }
/* Images + légendes */
figure { margin: 1.25rem 0; }
figure img { display: block; max-width: 100%; height: auto; margin: 0 auto; } figcaption { font-size: .9rem; color: var(--muted); text-align: center; margin-top: .35rem; font-style: italic; }
/* Blocs de citation */
blockquote { border-left: 3px solid var(--rule); padding: .5rem 1rem; color: #333; margin: 1rem 0; font-style: italic; }
blockquote footer { font-style: normal; color: var(--muted); }
/* Encadrés (notes d’auteur, avertissements, etc.) */
.callout { border: 1px solid var(--rule); padding: .75rem 1rem; border- radius: 6px; background: #faf9f7; margin: 1rem 0; }
.callout .title { font-weight: 700; text-transform: uppercase; letter- spacing: .04em; font-size: .85rem; color: var(--accent); margin-bottom: . 35rem; }
/* Tableaux */
.article table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .95rem; }
.article th, .article td { border: 1px solid var(--rule); padding: .5rem . 6rem; text-align: left; }
.article thead th { background: #f3f3f3; }
/* Liens */
.article a { text-decoration: none; border-bottom: 1px solid var(--accent); } .article a:hover { border-bottom-color: currentColor; }
/* Notes / renvois */
.sup { font-variant-position: super; font-size: 75%; }
.footnotes { border-top: 1px solid var(--rule); margin-top: 2rem; padding- top: .75rem; font-size: .9rem; }
/* Vidéos — cadre commun */
.video { width: 960px; max-width: 100%; margin: 1rem auto; }
.video .ratio { position: relative; width: 100%; padding-bottom: 56.25%; } .video iframe, .video .ratio > * {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}
2

  /* Version "lite" (méthode 2) */
.video-lite { cursor: pointer; background: #000; position: relative; } .video-lite img { display: block; width: 100%; height: auto; } .video-lite .play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
background: rgba(255,255,255,.9); padding: .5rem .75rem; border-radius: 999px; font-weight: 700; }
#titre_lien {
  display: flex;
  align-items: center;  /* centre verticalement */
  justify-content: center; /* centre horizontalement */
  height: 100%; /* prend toute la hauteur du conteneur */
  margin: 0;
  padding: 0;
}