html, body{
    height: 100%;
    margin: 0;
    padding: 0;
}


body{
    min-height: 100vh;
}


body, .navbar, .navbar-nav, .dropdown-menu, .btn-custom {
    background-color: black;
    color: white;
}


.nav-link,
.nav-item,
.dropdown-item,
.active {
    color: white;
    cursor: pointer;
}

.navbar-logo {
    height: 5vh;
}

/* Style pour le menu déroulant */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30' height='30'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-width='2' d='M5 7h20M5 15h20M5 23h20'%3E%3C/path%3E%3C/svg%3E");
}

.navbar .dropdown-menu {
    background-color: black; /* Même couleur de fond que la navbar */
    border: none; /* Supprimer la bordure par défaut */
}

.nav-link:hover,
.navbar .dropdown-menu .dropdown-item:hover {
    transition: color 0.5s ease;
    color: grey;
    background-color: black;
}

.btn-custom:hover {
    background-color: rgba(200, 200, 200, 0.2);
}

/* Assurez-vous que le menu déroulant est visible au survol */
.dropdown:hover .dropdown-menu {
    display: block;
}