/* Réinitialisation des styles par défaut */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Corps de la page : fond pastel, police lisible, largeur optimisée */
body {
   /* font-family: "Georgia", "Times New Roman", serif;  Police type "liseuse" */
    line-height: 1.7; /* Espacement généreux pour la lecture */
    color: #3e2723; /* Marron foncé pour un contraste doux sur fond pastel */
    background-color: #f9f5e7; /* Beige très clair, type papier vieilli */
    max-width: 900px; /* Largeur légèrement réduite pour évoquer une page de livre */
    margin: 0 auto;
    padding: 1.75rem;
}

/* Titres : tailles et bordures adaptées au fond pastel */
h1, h2, h3, h4, h5, h6 {
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    font-weight: 500;
    line-height: 1.3;
    color: #3e2723; /* Même couleur que le texte pour l'harmonie */
}

h1 {
    font-size: 2.2em;
    /* border-bottom: 1px solid #e0d7c7; Bordure beige clair */
    padding-bottom: 0.3em;
}

h2 {
    font-size: 1.7em;
    /*border-bottom: 1px solid #e0d7c7;*/
    padding-bottom: 0.3em;
}

h3 {
    font-size: 1.4em;
}

h5 {
    font-weight: bold;
}

h4, h5, h6 {
    font-size: 1.1em;
}

/* Paragraphes : espacement et alignement optimisés */
p {
    margin-bottom: 1.3em;
    text-align: justify; /* Justification pour un rendu "livre" */
}

/* Liens : couleur marron-rougeâtre pour rester dans les tons chauds */
a {
    color: #8d6e63; /* Marron-rouge clair */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #5d4037; /* Marron plus foncé au survol */
}

/* Listes : puces et numérotation discrètes */
ul, ol {
    margin-bottom: 1.3em;
    margin-left: 2em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

li {
    margin-bottom: 0.4em;
}

/* Blocs de code : fond crème et bordure douce */
pre, code {
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    background-color: #f5f1e8; /* Crème très clair */
    border: 1px solid #e0d7c7;
    border-radius: 3px;
}

code {
    padding: 0.2em 0.4em;
}

pre {
    padding: 1em;
    overflow-x: auto;
}

/* Citations : bordure gauche et fond légèrement teinté */
blockquote {
    border-left: 3px solid #e0d7c7;
    padding-left: 1em;
    margin-left: 0;
    background-color: #f7f3e9; /* Fond légèrement plus foncé que le body */
    color: #5d4037;
    font-style: italic;
}

/* Séparateurs : ligne fine et discrète */
hr {
    border: none;
    border-top: 1px solid #e0d7c7;
    margin: 2.5em 0;
}

/* Tableaux : bordures et fond adaptés */
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1.5em;
    background-color: #f7f3e9; /* Fond légèrement teinté */
}

th, td {
    border: 1px solid #e0d7c7;
    padding: 0.6em;
    text-align: left;
}

th {
    background-color: #f5f1e8; /* Fond crème pour les en-têtes */
}

/* Images : bordure douce et ombre légère */
img {
    max-width: 100%;
    border: 1px solid #e0d7c7;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Ombre subtile */
}

.logo-site {
    height: 7em; /* Hauteur fixe pour le logo */
    width: auto; /* Largeur proportionnelle */
    display: block;
    margin-left: auto;
    margin-right: auto;
}
   

/* Header : sobre et intégré au style */
header {
    margin-bottom: 2.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #e0d7c7;
}

header h1 {
    margin-bottom: 0.6em;
    text-align: center; /* Titre centré pour un rendu "livre" */
}

/* Navigation : discrète et horizontale */
nav ul {
    display: flex;
    list-style: none;
    gap: 1.5em;
    justify-content: center; /* Centrage des liens */
    margin-bottom: 1.5em;
}

nav ul li a {
    color: #8d6e63;
    font-weight: 400;
}

/* Footer : texte discret et centré */
footer {
    margin-top: 3em;
    padding-top: 1em;
    border-top: 1px solid #e0d7c7;
    color: #8d6e63;
    font-size: 0.9em;
    text-align: center;
}

/* Conteneur principal : espacement cohérent */
main {
    margin-bottom: 2.5em;
}