/* ==========================================================================
   1. HARMONISATION GLOBALE & OPTIMISATION CLS
   ========================================================================== */
body {
    /* FIX CLS : On prépare immédiatement le fondu marron/brun pour éviter le flash blanc/gris */
    background-color: #A07643; 
    color: #1f2937;           /* Texte gris foncé de base */
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-family: sans-serif;
}

/* ==========================================================================
   2. STYLES DE L'INDEX & EFFETS VISUELS
   ========================================================================== */
.hero-gradient { 
    background-color: #eed9b3; /* Rappel du beige central */
    /* Crée un effet de vignette qui se fond avec les bords sombres de l'image */
    background: radial-gradient(circle, #eed9b3 60%, #bc925c 100%);
}

.service-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 25px rgba(0,0,0,.1); 
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Menu Déroulant (Dropdown) */
.dropdown:hover .dropdown-menu { 
    display: block; 
}

.dropdown-menu { 
    min-width: 200px; 
}

/* ==========================================================================
   3. STYLES SPÉCIFIQUES POUR LA CHARTE
   ========================================================================== */
.charter-card { 
    width: 100%; 
    border: 2px solid #0b0505; 
    padding: 30px; 
    background-color: #f0f00c; /* Le jaune fétiche historique */
    color: #000000; 
    border-radius: 8px;
    margin-bottom: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15); /* Ombre pour donner du relief */
}

.charter-title { 
    color: #1e3a8a; 
    font-weight: bold; 
    margin-bottom: 1rem; 
    border-bottom: 2px solid #1e3a8a; 
    display: inline-block; 
}

.charter-list { 
    list-style-type: disc; 
    padding-left: 1.5rem; 
}

.charter-list li { 
    margin-bottom: 0.5rem; 
}

/* Puces personnalisées de la charte */
.charter-item { 
    position: relative; 
    padding-left: 2rem; 
}

.charter-item:before { 
    content: ""; 
    position: absolute; 
    left: 0; 
    top: .45rem; 
    width: 0.65rem; 
    height: 0.65rem; 
    background: #1e3a8a; /* Harmonisé avec le bleu du titre de la charte */
    border-radius: 50%; 
}