/* Ajouter une couleur au texte du menu */
.menu-item {
    color: #333;
    /* Couleur du texte */
}

.menuBackColor {
    background-color: #082445;
}

/* Centrer le menu horizontalement */
.navbar {
    /* Alignement du contenu à droite */
    justify-content: flex-end;
}

.navbar-light .navbar-nav .nav-link {
    color: white !important;
}

.logo {
    max-height: 50px;
    /* Définir la taille maximale du logo */
    width: auto;
    /* Pour conserver les proportions */
}

.menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 103%;
    z-index: 1000; /* Assurez-vous que le menu est au-dessus des autres éléments */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optionnel : ajoutez une ombre pour l'esthétique */
    padding: 10px 0; /* Optionnel : ajustez le padding selon vos besoins */
}

/* Centrer les éléments du menu hamburger */
@media (max-width: 991px) {
    .navbar-collapse {
        justify-content: center;
    }

    .navbar-nav {
        text-align: center;
    }

    .nav-item {
        margin: 0 auto;
    }

    .navbar-toggler {
        border-color: white;
    }

    .navbar-toggler-icon {
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="rgba(255, 255, 255, 1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E');
    }
}