/* CSS Reset */
        *, *::before, *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Variables - Thème Grimoire/Médiéval */
        :root {
            --couleur-parchemin: #f4e4bc;
            --couleur-parchemin-fonce: #e8d4a8;
            --couleur-encre: #2c1810;
            --couleur-or: #c9a227;
            --couleur-or-fonce: #8b6914;
            --couleur-rouge: #8b2332;
            --couleur-vert: #2d5a27;
            --couleur-bleu: #1e3a5f;
            --couleur-bordure: #6b4423;
            --bordure-radius: 4px;
        }
        @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');

        body {
            font-family: 'Crimson Text', Georgia, serif;
            background-color: #1a1412;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%23ffffff' stroke-width='0.5' opacity='0.03'/%3E%3C/svg%3E");
            color: var(--couleur-encre);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        #entete {
            background: linear-gradient(180deg, var(--couleur-parchemin) 0%, var(--couleur-parchemin-fonce) 100%);
            padding: 1rem 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 4px solid var(--couleur-bordure);
            box-shadow: 0 4px 20px rgba(0,0,0,0.5);
        }
        #navigation-principale {
            display: flex;
            gap: 0.5rem;
        }

        #navigation-principale a {
            font-family: 'Cinzel', serif;
            color: var(--couleur-encre);
            text-decoration: none;
            font-size: 0.85rem;
            padding: 0.5rem 1rem;
            border: 2px solid transparent;
            transition: all 0.2s;
        }
        #navigation-principale a:hover {
            border-color: var(--couleur-or);
            background: rgba(201, 162, 39, 0.1);
        }
        #pied-page {
            background: var(--couleur-parchemin-fonce);
            color: var(--couleur-encre);
            padding: 1rem 2rem;
            text-align: center;
            font-size: 0.85rem;
            border-top: 4px solid var(--couleur-bordure);
            font-style: italic;
        }