.navbar-toggler {
    height: 50px;
    width: 70px;
    background: 
    linear-gradient(
        rgb(255, 255, 255), 
        rgb(200, 198, 198)
      );
      border: 10px solid white;
      
}

.nav-link {
    height: 100%;
    font-size: 20px;
    color: black;
}

.nav-link:hover {
    color: rgb(55, 163, 190);
    transform: scale(1.05);
}
/*
.navbar-nav:hover {
    transform: scale(1.05);
}
*/
.navbar-nav {
    box-shadow: 3px 2px 2px 0px #6c6c6ce0;   
}


#navbar li {
    margin: 0px 0px;
    width: 350px;
}

#navbar a {
    float: left;
    /*display: block;*/
    color: rgb(0, 0, 0);
    height: 100%;
    text-align: left;
    text-decoration: none;
}

#navbar a:hover {
    background-color: rgba(255, 254, 254, 0);
    color: rgb(179, 173, 173);
}


#navbar {
    position: fixed; /* Make it stick/fixed */
    top: -400px; /* Hide the navbar 50 px outside of the top view */
    width: 100%; /* Full width */
    transition: top 0.3s; /* Transition effect when sliding down (and up) */
    z-index: 3;
}
*/
/* Style the navbar links */

#navbar li {
    margin: 0px 0px;
    width: 100%;
}

.header-top {
    box-shadow: 0px 5px 15px 5px #00000017;
    background: 
    linear-gradient(
        rgba(0, 0, 0, 0.991), 
        #a1a8ac
      );
    color: rgb(241, 240, 240);
}

.boutonMenu {
    height: 50px;
    width: 70px;
    background: 
    linear-gradient(
        rgba(255, 255, 255, 0.903), 
        rgb(176, 175, 175)
      );
    border: 1px solid white;
    box-shadow: 3px 2px 2px 0px #b5acace0;  
    
}

.navbar-toggler-icon {
    width: 40px;
}
/* Style the navbar links */

#navbar li {
    margin: 0px 0px;
    width: 100%;
}

.navbar {
    color: rgb(218, 218, 218);
}