/*encart présent au dessus (normalement) du bandeau de navigation*/

/* Style de l'encart (au-dessus du menu au départ) */
.encart-container .header-accueil {
    position: relative; /* L'encart est au-dessus du menu */
    width: 100%;
    background-color: #E3F2E3; /* Vert pâle */
    text-align: center;
    padding: 20px 15px;
    font-size: 22px;
    font-weight: bold;
    color: #2C5E2E;
    border-radius: 0px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease-out;
    z-index: 2; /* Assure qu'il est au-dessus du menu */
    margin-top: 70px;
    
}

/* L'encart devient invisible quand il atteint le haut */
.header-accueil.hidden {
    opacity: 0;
    pointer-events: none; /* Empêche toute interaction */
}

/* Ajout d’un espace pour éviter que le contenu ne soit masqué */
.content {
    margin-top: 140px; /* Ajuste selon la hauteur de l'encart */
}

/* Barre esthétique sous le nom */
.encart-container .header-separator {
    width: 50%; /* Ajustez selon le design souhaité */
    margin: 10px auto;
    border: none;
    border-top: 2px solid #2C5E2E; /* Couleur verte */
}

/* Texte de localisation en plus petit */
.localisation {
    font-size: 14px !important;
    color: #555 !important; 
}
/* Protéger les paragraphes de l'encart */
.encart-container .header-accueil p {
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    margin: 0;
}