/* pour avoir une carte qui prend toute la fenêtre */

body {
    margin: 0px;
    width: 100%;
    height: 100%;
}

#macarte {
    width: 100%;
    height: 100%;
}

/* paramétrage popup */

#popup {
    display: none;
    position: sticky;
    border: 2px solid #333;
    background-color: rgba(255, 255, 255, 0.9); /* Fond semi-transparent pour un effet moderne */
    bottom: 20px;
    left: 20px;
    width: 400px;
    max-height: 500px;
    overflow-y: auto; /* Rendement légèrement plus fluide */
    padding: 15px;
    border-radius: 10px; /* Coins arrondis pour un look plus doux */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ajout d'une ombre pour donner de la profondeur */
    font-family: Arial, sans-serif; /* Police moderne et propre */
}

#popup img {
    width: 100%;
    margin: 15px 0; /* Espacement uniforme */
    border-radius: 5px; /* Coins légèrement arrondis pour un effet harmonieux */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Légère ombre pour les images */
}

#popup h4 {
    background: linear-gradient(90deg, #ddd, #eee); /* Dégradé subtil pour le fond */
    padding: 10px;
    border-radius: 5px; /* Harmonisation avec les autres éléments */
    color: #333; /* Meilleure lisibilité */
    font-size: 1.2em; /* Taille légèrement augmentée pour un titre plus visible */
    margin-bottom: 10px; /* Espacement sous le titre */
    text-align: center; /* Centrage pour un rendu équilibré */
}