@charset "UTF-8";
/* paradis.css — version nettoyée (août 2025)
   - Hiérarchie clarifiée et doublons supprimés
   - Titres h2 : marge haut 2.5em, bas 0.8em
   - Mini‑sommaire : liste inline, séparateur mdash, marge basse 5em
   - Backref (retour de note) : ⬆ allégé, pas de soulignement
*/

/* =====================
   Base de page
   ===================== */
html {
  background-color: #fdfaf4;
  font-size: 1.25rem; /* ≈ 20px */
}

body {
  font-family: 'Georgia', serif;
  max-width: 40em;
  margin: 2em auto;
  padding: 0 1em;
  color: #111;
  background-color: transparent;
}

/* =====================
   Liens
   ===================== */
a {
  color: #7a1f1f;            /* rouge profond, sérieux sans être criard */
  text-decoration: underline;
}

a:hover {
  color: #a32525;            /* un peu plus clair au survol */
}

/* =====================
   Titres
   ===================== */
h1 {
  font-size: 1.8rem;
  margin-bottom: 2em;
}

h1 > .titre-partie {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

h2 {
  margin-top: 2.5em;         /* espace avant */
  margin-bottom: 0.2em;       /* espace après */
}

h3 {
  margin-top: 1.5em;         /* espace avant */
  margin-bottom: 0.2em;       /* espace après */
}

/* Élément de titre plus petit et discret (sur/sous‑titre) */
.titre-partie {
  font-size: 0.80em;
  display:block;
  color: #444;
}

/* =====================
   Paragraphes et helpers
   ===================== */
main {  line-height: 1.7;
}

main > p {
  margin-top: 1em;
  text-align: justify;
  text-indent: 1.5em;
}

p. { text-indent: 0; }

p.stb { margin-top: 2em; }
p.initial { margin-top: 2em; 
text-indent: 0em;}

/* Appels de paragraphe (# visibles au survol uniquement sur ordinateur) */
a.permalink {
  visibility: hidden;
  text-decoration: none;
  font-size: 0.8em;
  margin-left: 0.4em;
  color: #888;
}

p:hover a.permalink,
blockquote:hover a.permalink { visibility: visible; }

@media (hover: none), (pointer: coarse) {
  a.permalink { display: none; }
}

/* =====================
   Notes
   ===================== */
/* Appels de notes dans le corps */
a.note {
  font-size: 0.75em;
  vertical-align: super;
  text-decoration: none;
  color: #444;                  /* gris un peu plus soutenu */
  background-color: #f5e3e0;    /* fond inspiré du rouge, très désaturé */
  padding: 0 0.25em;
  border-radius: 0.25em;
  margin-left: 0.1em;
  font-style: normal;
}

/* Bloc des notes */
.footnotes {
  border-top: 1px solid #ccc;
  margin-top: 3em;
  padding-top: 1em;
  font-size: 0.95em;
  line-height: 1.5;
}

.footnotes ol {
  padding-left: 2em;
  list-style-position: outside;
}

.footnotes li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 1em;
}

.footnotes li::marker {
  font-weight: bold;
  font-size: 0.9em;
  color: #444;
}

.footnotes li p {
  text-indent: 0;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  text-align:justify;
}

/* Citations dans les notes */
.footnotes li blockquote { text-indent: 0; padding-left: 1em; margin-left: 0; }

.footnotes li blockquote.verse {
  border-left: 2px solid #eee8dc;
  padding-left: 1em;
  margin: 1em 0 1em 1.2em; /* même marge que le texte principal */
}

/* Lien de retour depuis une note (↑/⬆) — plus discret, pas de soulignement */
a.backref,
a.footnote-backref {
  text-decoration: none;
  color: rgba(122, 31, 31, 0.65);  /* même teinte que les liens, plus claire */
  font-size: 0.9em;                 /* légèrement réduit */
}

a.backref:hover,
a.footnote-backref:hover {
  text-decoration: underline;
  color: rgba(122, 31, 31, 0.9);    /* plus lisible au survol */
}



/* =====================
   Citations, poésie
   ===================== */
blockquote {
  margin: 1em 2em;
  padding-left: 1em;
  border-left: 3px solid #eee8dc;
  color: #444;
  font-style: normal;
  text-align:justify;
}

blockquote blockquote {margin: 1em 1em;
padding-left: 0em;
border-left: none;
color: #444;
font-style: italic;
font-size:0.9em;
}

blockquote.verse,
.poeme {
  border-left: 2px solid #eee8dc;
  padding-left: 1em;
  margin: 1.5em 2em;
  line-height: 1.6;
}

blockquote.verse p,
.poeme p {
  margin: 0.3em 0;
  text-indent: 0;
  text-align: left;
  text-indent: 0;
}

.poeme-title { text-align: center; margin-bottom: 0.5em; }

/* =====================
   Petites capitales
   ===================== */
.sc {
  font-variant: small-caps;
  font-feature-settings: "smcp";
  font-size: 1.10em;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}

.sc sup {
  font-variant: normal;
  font-feature-settings: normal;
  font-size: 0.6em;
  vertical-align: 0.54em;
  font-family: inherit;
}

/* =====================
   Pied de page, auteur, formats
   ===================== */
footer {
  margin-top: 3em;
  font-size: 0.9em;
  color: #555;
  border-top: 1px solid #ccc;
  padding-top: 1em;
}

footer p { text-indent: 0;  text-align: justify;}

.author {
  margin-top: 2em;
  padding-top: 1em;
  font-size: 0.95em;
  text-align: right;
  color: #666;
  font-style: normal;
}

.author p { text-indent: 0; margin: 0.3em 0; }

.navigation-help { font-size: 0.9em; color: #555; margin-top: 1.5em; }

.rights img { margin-left: 0.3em; }

p.rights { font-size: 0.9em; color: #555;}

/* Liens vers formats (PDF / EPUB) */
.format-links {
  text-align: right;
  margin-top: -2rem;
  margin-bottom: 2rem;
  position: relative;            /* ancrage du filigrane */
}

.format-icon { width: 48px; margin-left: 0.5rem; vertical-align: middle; }

/* Filigrane (année) */
.meta-date {
  position: absolute;
  top: -5rem;
  right: 2rem;
  font-size: 8rem;
  color: #f6f3ed;
  font-weight: bold;
  pointer-events: none;
  z-index: -1;
  margin-bottom: -0.5em;
  pointer-events: none;
}

/* =====================
   Mini‑sommaire (version texte, en ligne)
   ===================== */
.mini-sommaire {
  font-size: 0.81em;   /* discret */
  margin: 0.75em 0 5em;  /* laisse respirer au-dessus du filigrane .meta-date */
  text-indent: 0;
  text-align: left;
  text-align: justify;
}

.mini-sommaire a { text-decoration: none; }
.mini-sommaire a:hover { text-decoration: underline; }

/* =====================
   Responsive
   ===================== */
@media (max-width: 600px) {
  .footnotes ol { padding-left: 1em; }
  .footnotes li { text-indent: -0.8em; padding-left: 0.8em; }
  .footnotes li blockquote.verse { margin-left: 0.8em; }
}

.nde {
  color: #666;    /* gris moyen */
  font-size: 0.75em; /* légèrement plus petit */
}

/* Listes à la française — site entier
   Niveaux: 1) —  2) –  3) ·
   (n'affecte pas les listes numérotées <ol>) */

/* Niveau 1 */
ul {
  list-style: none;
  margin: 0.6em 0 1em;
  padding-left: 0;           /* on gère l'indentation nous-mêmes */
}
ul > li {
  position: relative;
  padding-left: 1.2em;       /* place pour le cadratin */
  text-indent: 0;
}
ul > li::before {
  content: "—\00A0";         /* cadratin + espace insécable */
  position: absolute;
  left: 0;
  top: 0;
  color: #555;
}

/* Niveau 2 */
ul ul > li {
  padding-left: 1.2em;
}
ul ul > li::before {
  content: "–\00A0";         /* demi‑cadratin */
  color: #666;               /* un ton plus clair */
}

/* Niveau 3 */
ul ul ul > li {
  padding-left: 1.2em;
}
ul ul ul > li::before {
  content: "·\00A0";         /* point médian */
  color: #777;
}

.verse {
  padding-left: 1em;
  margin: 1.5em 2em;
  line-height: 1.6;

}

.verse > p {
	text-indent: 0&#8239;!important;
}

.noindent{
	text-indent:0;
}
	

.epigraphes-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* Alignement à droite pour le conteneur */
  margin-bottom: 1rem; /* Espacement entre différents jeux d'épigraphes */
}

.epigraphe {
  max-width: 50%; /* Limite la largeur à 50% de l'écran */
  width: auto; /* S'adapte au contenu si plus petit */
  font-size: 0.8em;      /* plus petit que le corps */
  line-height: 1.4;
  text-align: justify;
  margin-top: 0em;
  margin-bottom: 0em;
}

.reference {
  max-width: 50%; /* Limite la largeur à 50% de l'écran */
  font-size: 0.8em;      /* plus petit que le corps */
  text-align: right; /* Alignement du texte à droite */
  margin-top: 0em;
  margin-bottom: 0em;
  color: #666;
}

	
small {
		font-size: 0.9em;
		color: #555;
		line-height: 1em ;
	}
	
.notice {
	font-size: 0.9em;
	color: #555;
	line-height: 1.3em ;
	text-align: justify;
	border-bottom: solid thin;
	
}	
	
em em {
	  font-style: normal;
	}
	
	/* Superscripts/subscripts en notes : ne pas gonfler la hauteur de ligne */
	.footnotes sup,
	.footnotes sub {
	  font-size: 0.7em;          /* petit, mais lisible */
	  line-height: 0;            /* clé : n'affecte pas la line-height */
	  vertical-align: baseline;  /* on sort du "super" */
	  position: relative;
	}

	.footnotes sup { top: -0.45em; }   /* ajuste la montée visuelle */
	.footnotes sub { bottom: -0.15em; }/* ... et la descente */
	
	/* Priorité en notes sur le cas petites capitales + sup */
	.footnotes .sc sup {
	  line-height: 0;
	  vertical-align: baseline;
	  position: relative;
	  top: -0.45em;
	}
	
	/* --- Superscripts/subscripts dans le TEXTE : stabilité de la hauteur de ligne --- */
	sup,
	sub {
	  font-size: 0.7em;        /* lisible mais discret */
	  line-height: 0;          /* n'augmente pas la line-height */
	  vertical-align: baseline;/* sort des "super/sub" métriques */
	  position: relative;      /* permet l'ajustement visuel */
	}

	sup { top: -0.45em; }
	sub { bottom: -0.15em; }

	/* Petites capitales + sup : même logique, sans vertical-align */
	.sc sup {
	  font-variant: normal;
	  font-feature-settings: normal;
	  font-size: 0.6em;
	  line-height: 0;
	  vertical-align: baseline;
	  position: relative;
	  top: -0.45em;
	}

	.illustration {
	  margin: 1.5rem auto;
	  text-align: center;
	  max-width: 100%;
	}

	.illustration img {
	  display: block;
	  max-width: 100%;   /* pas plus large que la colonne */
	  height: auto;      /* conserve le ratio */
	  margin: 0 auto;
	}

	/* Variante paysage : occupe toute la largeur disponible */
	.illustration.paysage img {
	  max-width: 100%;
	  max-height: 96vh;  /* limite en hauteur pour que le comportement soit le même qu’avec portrait */
	  width: auto;       /* largeur s’adapte proportionnellement */
	}

	/* Variante portrait : limite la hauteur à la fenêtre */
	.illustration.portrait img {
	  max-height: 96vh;  /* jamais plus haut que 90% de la fenêtre */
	  width: auto;       /* largeur s’adapte proportionnellement */
	}
  
	.illustration figcaption {
	  font-size: 0.8em;
	  color: #555;
	  margin-top: 0.5rem;
	}
	
	/* dans paradis.css */
	hr {
	  border: 0;          /* on neutralise les styles UA */
	  height: 0;          /* pas de “bande” résiduelle */
	  border-top: 1px solid #ccc;
	  margin: 3em 0;
	  width: 100%;
	}