/* ============================================================
   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%; }
.page-wrapper { box-sizing: border-box; }

/* --------------------------------------------------------
   COLONNES — position absolute pour col3-3
   Le td parent devient position:relative
   Le contenu gauche occupe 50% gauche (via padding-right)
   col3-3 se positionne en haut à droite
   -------------------------------------------------------- */
td[colspan="2"],
td[style*="vertical-align:top"] {
  position: relative !important;
  padding-right: 50% !important;
  box-sizing: border-box !important;
  min-height: 100px;
}

#col3-3, #coldroite {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 48% !important;
  box-sizing: border-box !important;
  padding-left: 2% !important;
}

/* col2-3 occupe tout l'espace gauche (le padding-right du td le contraint) */
#col2-3, #colgauche {
  display: block !important;
  width: 100% !important;
  float: none !important;
}

/* TITRE */
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.5em 0 !important;
  line-height: 1.25 !important;
}
h1 big, h1 small { font-size: inherit !important; }
h1 a { color: inherit !important; text-decoration: none !important; }

/* TYPOGRAPHIE */
#col2-3, #col3-3, #colgauche, #coldroite,
td[colspan="2"], td[style*="vertical-align:top"] {
  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,
#col3-3 big, #col3-3 small, #col3-3 font,
#colgauche big, #colgauche small,
#coldroite big, #coldroite small {
  font-size: inherit !important; font-family: inherit !important;
}
#col2-3 span, #col3-3 span, #colgauche span, #coldroite span {
  font-family: inherit !important; font-size: inherit !important; color: inherit !important;
}
o\:p { display: none; }

/* PARAGRAPHES */
#col2-3 p, #col3-3 p, #colgauche p, #coldroite p { margin: 0 0 0.7em 0 !important; text-indent: 1.2em; }

/* MASQUÉS */
#menu { display: none !important; }
.next_col img, #divretour > img { display: none !important; }
.index-item img, .puce { display: inline-block !important; }

/* SUITE */
.next_col { display: block; margin-top: 1em; }
.next_col a, div > a[href*="suite"] {
  font-family: var(--nav-font) !important; font-size: 0.9rem !important;
  color: var(--brun) !important; text-decoration: none !important;
}
.next_col a:hover, div > a[href*="suite"]:hover { text-decoration: underline !important; }

/* RETOUR / TABLE DES MATIÈRES */
#divretour {
  position: relative !important;
  clear: both; padding-top: 0.8em;
  border-top: 1px solid rgba(153,102,51,0.2); margin-top: 0.5em;
  display: flex; align-items: center; gap: 12px;
}
#divretour 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 small, #divretour big { font-size: inherit !important; }

/* J'AIME */
.jaime, div.jaime { margin-left: 0 !important; margin-top: 0.8em !important; display: block !important; }
div.jaime form { display: flex !important; align-items: center !important; gap: 8px !important; }
input.bt_jaime { cursor: pointer !important; background-color: transparent !important; border: none !important; }

/* RETOUR LIEN */
.retour { display: block; clear: both; margin-top: 1em; font-family: var(--nav-font); font-size: 0.9rem; color: var(--brun); text-decoration: none; }
.retour:hover { text-decoration: underline; }

/* INDEX */
.index-textes { display: flex; flex-wrap: wrap; gap: 2px 14px; padding: 8px 0 16px; border-bottom: 1px solid rgba(153,102,51,0.2); margin-bottom: 24px; }
.index-item { display: flex; align-items: center; gap: 4px; }
.puce { width: 12px !important; height: 12px !important; }
.index-lien { font-family: var(--nav-font); font-size: 0.82rem; color: var(--brun); text-decoration: none; white-space: nowrap; }
.index-lien:hover { text-decoration: underline; }

/* SÉPARATEUR */
tr + tr > td { border-top: 1px solid rgba(153,102,51,0.1); padding-top: 1.5em !important; }