/* Style de la barre de navigation */
.nav-wrapper {
    background-color: #1c3a69; /* Couleur de fond */
    position: fixed; /* Fixer la navbar en haut */
    width: 100%; /* Prend toute la largeur */
    z-index: 1000; /* Assurez-vous qu'elle est au-dessus des autres éléments */
    top: 0; /* Positionnée en haut */
    left: 0; /* Aligner à gauche */
    font-weight: bolder;
}

/* Style du logo dans la navbar */
.nav-wrapper .brand-logo img.logo-img {
    max-height: 100%; /* Ne dépasse pas la hauteur disponible */
    height: 58px; /* Hauteur fixe pour le logo */
    width: auto; /* Conserver le ratio d'origine de l'image */
    object-fit: contain; /* Contenir l'image dans son conteneur */
    padding: 5px 10px; /* Espacement autour de l'image */
    display: block; /* Assure que l'image reste dans les limites du conteneur */
}

/* Style pour les liens dans la navbar sur les écrans moyens et grands */
.nav-wrapper ul.right.hide-on-med-and-down li a {
    color: #fff; /* Couleur du texte */
    padding: 0 15px; /* Espacement horizontal des liens */
}

/* Style pour les liens au survol */
.nav-wrapper ul.right.hide-on-med-and-down li a:hover {
    color: #dcdbdb; /* Couleur au survol */
}

/* Styles pour les éléments du menu sur les petits écrans */
.sidenav {
    width: 250px; /* Largeur de la barre latérale */
}

/* Styles pour les liens dans la barre latérale */
.sidenav li a {
    color: #1c3a69; /* Couleur du texte */
}

/* Styles pour les liens au survol dans la barre latérale */
.sidenav li a:hover {
    background-color: #ddd; /* Couleur de fond au survol */
}