:root {
    --deep-blue: #0a192f;
    --hydro-cyan: #0dcaf0;
}

body { font-family: 'Open Sans', sans-serif; background: #f4f7f6; }
h1, h2 { font-family: 'Montserrat', sans-serif; }

/* Style du Header de page */
.map-header {
    height: 35vh;
    background: linear-gradient(rgba(10, 25, 47, 0.85), rgba(10, 25, 47, 0.85)), 
                url('https://images.unsplash.com/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=1600&q=80') center/cover;
}

.card-img-top{
    width: 100px;      /* Votre taille */
    height: 100px;
    border-radius: 50%; /* Transforme le carré de l'image en cercle */
    object-fit: cover;  /* S'assure que le logo est bien centré */
}


/* Container de la carte */
.map-container {
    height: 70vh; /* La carte prend 70% de la hauteur de l'écran */
    min-height: 500px;
    background-color: #e5e3df; /* Couleur fond de secours */
}

/* Style de la Navigation (Identique aux autres pages) */
.custom-nav {
    background: rgba(10, 25, 47, 0.9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Footer Dynamique */
#dynamic-footer {
    position: fixed;
    bottom: -100px; /* Caché par défaut */
    left: 0;
    right: 0;
    height: 80px;
    background: rgba(10, 25, 47, 0.98); /* Bleu très profond */
    backdrop-filter: blur(15px);
    border-top: 2px solid #0dcaf0; /* La ligne cyan du visuel */
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 2000;
}

.texte_footer {
    color: #f0f2f5;
}

/* Classe ajoutée par le JavaScript au scroll */
#dynamic-footer.visible {
    bottom: 0;
}

.f-link {
    color: white;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    opacity: 0.6;
    transition: 0.3s;
}

.f-link:hover {
    opacity: 1;
    color: #0dcaf0;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

/* Responsive : On empile sur mobile */
@media (max-width: 768px) {
    .border-start, .border-end { border: none !important; }
    .f-link { font-size: 0.65rem; }
}