/* Effets de survol pour les liens de la navigation */
.navbar ul li a {
    transition: color 0.3s ease, background-color 0.3s ease; /* Transition fluide */
}

.navbar ul li a:hover,
.navbar ul li a.active {
    color: #030186; /* Bleu vif lors du survol ou de l'activation */
    background-color: #ecf0f1; /* Fond clair lors du survol */
    border: #f39c12 solid 1px;
    border-radius: 30px; /* Coins arrondis */
    padding: 6px;
}

/* Effets de survol pour les éléments du dropdown */
.navbar ul li .dropdown ul li a {
    padding: 10px 20px;
}

.navbar ul li .dropdown ul li a:hover {
    color: #12f3bb; /* Jaune doré au survol */
    background-color: #f5f6f7; /* Fond clair au survol */
}

/* Animation pour le bouton mobile */
.mobile-nav-toggle:hover {
    color: #030186; /* Bleu vif au survol */
}

/* Effet de survol pour les boutons */
.btn {
    transition: background-color 0.3s ease; /* Transition fluide */
}

.btn:hover {
    background-color: #2980b9; /* Couleur plus foncée au survol */
}

/* Effets de survol pour les titres */
h1:hover,
h2:hover,
h3:hover {
    color: #3498db; /* Bleu vif au survol des titres */
}

/* Effets de survol pour les liens du footer */
.footer a {
    transition: color 0.3s ease; /* Transition fluide */
}

.footer a:hover {
    color: #ffffff; /* Blanc au survol des liens du footer */
}



/* Style général du footer */
.footer {
    background-color: #06273d; /* Gris bleu foncé */
    color: #ffffff; /* Texte en blanc */
    padding: 40px 0; /* Espacement vertical */
}

/* Contenu du footer */
.footer-content {
    margin-bottom: 20px; /* Espacement en bas */
}

/* Style des colonnes du footer */
.footer-info,
.footer-links {
    margin-bottom: 30px; /* Espacement entre les colonnes */
}

.footer-info h3 {
    color: #3b12f3; /* Jaune doré pour le titre */
    margin-bottom: 15px; /* Espacement en bas du titre */
}

.footer-links h4 {
    color: #f39c12; /* Jaune doré pour le titre */
    margin-bottom: 15px; /* Espacement en bas du titre */
}

/* Style des liens dans le footer */
.footer a {
    color: #ffffff; /* Liens en blanc */
    text-decoration: none; /* Pas de soulignement */
    transition: color 0.3s ease; /* Transition fluide */
}

/* Effets de survol pour les liens */
.footer a:hover {
    color: #3498db; /* Bleu vif au survol */
}

/* Style des réseaux sociaux */
.social-links a {
    margin: 0 10px; /* Espacement horizontal entre les icônes */
    color: #ffffff; /* Icônes en blanc */
    transition: color 0.3s ease; /* Transition fluide */
}

.social-links a:hover {
    color: #3498db; /* Bleu vif au survol des icônes */
}

/* Style des éléments légaux */
.footer-legal {
    background-color: #1a1a1a; /* Fond noir pour la section légale */
    padding: 20px 0; /* Espacement vertical */
}

.footer-legal .copyright,
.footer-legal .credits {
    color: #ffffff; /* Texte en blanc */
    margin: 0; /* Pas de marge */
}

/* Liens dans la section légale */
.footer-legal .credits a {
    color: #f39c12; /* Jaune doré pour le lien */
    text-decoration: underline; /* Soulignement pour le lien */
}

.footer-legal .credits a:hover {
    color: #3498db; /* Bleu vif au survol */
}