nav{
	position: -webkit-sticky;
    position: sticky;
    top: 55px;
	display:inline-block;
	width:100%;
	z-index:5;
}

/*
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu{
  position: relative;
    right: 0;
	top:0px;
    width: 100%;
   margin: 0;
    padding: 5px 0;
    background: #D8B782;
	text-align:center;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
 
}
#menu ul{
	max-width:1200px;
	margin:0 auto;
	padding:0px;
}
#menu li{
  font-size: 1.2em;
    list-style: none;
    display: inline-table;
    padding: 10px 0;
    width: 20%;
    text-transform: none;
}

#menu li.active a{
	color:#fff;
}

#menu li a {
	font-size:1em;
	color: #000;
    text-decoration: none;
    font-weight: 200;
	text-transform:none;
}
#menu li a{
	text-decoration:none;
	color:#000;
	transition:all 0.25s;
}
#menu li a:hover{
	color:#fff;
	transition:all 0.5s;
}
/*
 * And let's slide it in from the left
 */





.navbar-links {
    display: flex;
}

.navbar-links ul {
    list-style: none;
}

.navbar-links ul li {
    margin: 0 10px;
}

.navbar-links ul li a {
    text-decoration: none;
    color: #000;
    font-size: 1.2em;
}

.toggle-button {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 21px;
    cursor: pointer;
	position: relative;
    z-index: 10;
}

.bar {
    height: 3px;
    width: 100%;
    background-color: #000;
    border-radius: 10px;
	 transition: all 0.5s ease-in-out;
}

/*--------TRANSFORMATION DES BARS EN CROIX-----------------*/
/*.top-bar, .bottom-bar{
    transform: rotate(0deg);
	transition:all 0.5s;
}*/

.toggle-button.active .top-bar {
    transform: rotate(45deg);
    position: absolute;
    top: 9px;
	transition:all 0.5s;
}

.toggle-button.active .middle-bar {
    opacity: 0;
}

.toggle-button.active .bottom-bar {
    transform: rotate(-45deg);
    position: absolute;
    top: 9px;
	transition:all 0.5s;
}



@media (max-width: 768px) {
	#menu li{
		display:block;
		width:96%;
	}
	
    .navbar-links {
        display: none;
		position: absolute;
		width: 100%;
		top: 0;
    }
    .toggle-button {
        display: flex;
		margin:3% 1% 1%;
    }
	div.NavCat {
    position: relative;
    top: 0;
	}
}