/* ============================================================
   texte.css — Texte_A … Texte_E
   ============================================================ */

:root {
  --brun:     rgb(153, 102, 51);
  --nav-font: Arial, Helvetica, sans-serif;
  --txt-font: Georgia, 'Times New Roman', serif;
}

/* ---- LARGEUR ---- */
.page-wrapper table { width: 100% !important; max-width: 100%; }

/* ---- COLONNES (structure originale conservée) ---- */
#menu {
  float: left;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#col2-3 p[class], #col3-3 p[class],
#colgauche p[class], #coldroite p[class] {
  text-indent: 1.5em !important;
  margin: 0 0 0.7em 0 !important;
}

#col2-3, #colgauche {
  display: block;
  float: left;
  width: 46%;
  margin-top: 0;
  margin-left: 0;
  box-sizing: border-box;
  padding-right: 1%;
}
#col3-3, #coldroite {
  display: block;
  float: left;
  width: 46%;
  margin-top: 0;
  margin-left: 2%;
  box-sizing: border-box;
}
#col2-3 > big, #colgauche > big,
#col3-3 > big, #coldroite > big {
  display: block !important;
}
#divretour, .divretour { clear: both; }
td[colspan="2"] { overflow: hidden; }

/* ---- TYPOGRAPHIE ---- */
#col2-3, #col3-3, #colgauche, #coldroite {
  font-family: var(--txt-font) !important;
  font-size: 12pt !important;
  line-height: 1.65 !important;
  color: #111 !important;
  text-align: justify;
}
#col2-3 big, #col2-3 small, #col2-3 font, #col2-3 span,
#col3-3 big, #col3-3 small, #col3-3 font, #col3-3 span,
#colgauche big, #colgauche small, #colgauche font, #colgauche span,
#coldroite big, #coldroite small, #coldroite font, #coldroite span {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}
o\:p { display: none; }

/* ---- TITRES ---- */
h1[style*="color: rgb(153, 102, 51)"] {
  font-family: var(--txt-font) !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
  color: var(--brun) !important;
  margin: 0 0 0.4em 0 !important;
  line-height: 1.25 !important;
}
h1 big, h1 small { font-size: inherit !important; }
h1 a { color: inherit !important; text-decoration: none !important; }

/* ---- PARAGRAPHES ---- */
p.MsoNormal, .MsoNormal {
  margin: 0 0 0.6em 0 !important;
  text-indent: 1.2em;
}

/* ---- LIEN SUITE ---- */
/* Conteneur du lien suite : toujours sur sa propre ligne */
#col2-3 > div, #colgauche > div {
  display: block;
  clear: both;
  margin-top: 0.8em;
}

a[href*="suite"],
a.a[href*="suite"],
div > a[href*="suite"] {
  font-family: var(--nav-font) !important;
  font-size: 0.9rem !important;
  color: var(--brun) !important;
  text-decoration: none !important;
  display: inline !important;
}

/* Remettre la plume (ul.gif) visible */
a[href*="suite"] img,
a.a[href*="suite"] img {
  display: inline !important;
  width: 16px !important;
  height: 16px !important;
  vertical-align: middle !important;
  margin-right: 2px;
}

a[href*="suite"]:hover { text-decoration: underline !important; }

/* ---- TABLE DES MATIÈRES / RETOUR ---- */
#divretour {
  clear: both;
  padding-top: 0.6em;
  margin-top: 0.4em;
}
#divretour a, #divretour small a {
  font-family: var(--nav-font) !important;
  font-size: 0.9rem !important;
  color: var(--brun) !important;
  text-decoration: none !important;
}
#divretour a:hover { text-decoration: underline !important; }
#divretour img { display: none !important; }
#divretour big, #divretour small { font-size: inherit !important; }

/* ---- BOUTON J'AIME — aligné à droite de col3-3 ---- */
#col3-3 .jaime,
#coldroite .jaime {
  margin-left: 0 !important;
  margin-top: 0.8em;
  text-align: right;
}
#col3-3 .jaime form,
#coldroite .jaime form {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  float: right;
}
input.bt_jaime { cursor: pointer; border: none; }

/* ---- LIEN RETOUR ---- */
.retour {
  font-family: var(--nav-font);
  font-size: 0.9rem;
  color: var(--brun);
  text-decoration: none;
}
.retour:hover { text-decoration: underline; }

/* ---- INDEX ---- */
.index-textes {
  column-count: 3;
  column-gap: 20px;
  padding: 10px 0 18px;
  border-bottom: 1px solid rgba(153,102,51,0.2);
  margin-bottom: 24px;
}
.index-item {
  display: flex;
  align-items: center;
  gap: 4px;
  break-inside: avoid;
  padding: 2px 0;
}
.index-item img, .puce {
  width: 14px !important;
  height: 14px !important;
  vertical-align: middle !important;
  display: inline-block !important;
  flex-shrink: 0;
}
.index-lien {
  font-family: var(--nav-font);
  font-size: 0.95rem;
  color: var(--brun);
  text-decoration: none;
}
.index-lien:hover { text-decoration: underline; }

/* ---- UNIFORMISER INTERLIGNES ---- */
/* Supprimer les <br> doubles dans le corps du texte */
#col2-3 br + br,
#col3-3 br + br,
#colgauche br + br,
#coldroite br + br { display: none !important; }

/* Uniformiser tous les éléments de texte */
#col2-3 br, #col3-3 br,
#colgauche br, #coldroite br {
  line-height: 1.65 !important;
}



/* ---- SÉPARATEUR ENTRE TEXTES ---- */
tr + tr > td[colspan="2"] {
  border-top: 1px solid rgba(153,102,51,0.1);
  padding-top: 1.2em !important;
}

/* ---- PARAGRAPHES ---- */
#col2-3 p, #col3-3 p, #colgauche p, #coldroite p,
#col2-3 .MsoNormal, #col3-3 .MsoNormal, #colgauche .MsoNormal, #coldroite .MsoNormal {
  display: block !important;
  margin: 0 0 0.7em 0 !important;
  line-height: 1.65 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 12pt !important;
  text-align: justify !important;
  text-indent: 1.5em !important;
}