.logo {
    height: 40px; 
    width: auto;
}
/* Sur mobile, réduire la taille du logo */
@media (max-width: 576px) {
    .logo {
        height: 30px;
    }
}
#competences .list-group-item {
    transition: background-color 0.3s, transform 0.3s;
}
#competences .list-group-item:hover {
    color: #fff;
    background-color: #6298ce;
    transform: scale(1.05); /* léger agrandissement au survol */
}
#formation .list-group-item {
    transition: background-color 0.3s, transform 0.3s;
}
#formation .list-group-item:hover {
    color: #fff;
    background-color: #6298ce;
    transform: scale(1.05); /* léger agrandissement au survol */
}
/* Section de Contact */
.contact-link {
    text-decoration: none;
    color: #333;
    font-size: 1.2rem;
    transition: color 0.3s ease, transform 0.2s;
}
.contact-link i {
    margin-right: 8px;
    font-size: 1.5rem;
}
.contact-link:hover {
    color: #007bff;
    transform: scale(1.1);
}
/* Effet d'agrandissement au survol */
.img-fluid {
    transition: transform 0.3s ease-in-out;
}
.img-fluid:hover {
    transform: scale(1.2); /* Agrandit légèrement l'image */
}
/* Images de la section formation */
.nursery-img {
    width: 100%; /* Ajuste l'image pour une meilleure responsivité */
    max-width: 300px; /* Taille maximale */
    height: auto;
    border-radius: 10px; /* Coins arrondis */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ombre douce */
    transition: transform 0.3s ease-in-out;
}
.nursery-img:hover {
    transform: scale(1.05); /* Effet de zoom au survol */
}
.dropdown-menu.bg-dark .dropdown-item { /* Couleur du texte du menu dropdown de Formation */
    color: #a1a1a1;
}
.dropdown-menu.bg-dark .dropdown-item:hover {
    background: rgb(39, 39, 39);
}
/* Ajout d'une transition fluide à la flèche Bootstrap par défaut */
.dropdown-toggle::after {
  transition: transform 0.3s ease;
}

/* Fait pivoter la flèche lorsque le menu est ouvert */
.dropdown.show > .dropdown-toggle::after {
  transform: rotate(180deg);
}