.nav-top-menu{
 position: absolute;
 z-index: 1100;
 height: 70px;
 top: 1%;
 /*border: 1px solid red;*/
 width: 100%;
 display: flex;
 flex-direction: row;
 justify-content: flex-end;
 align-items: right;
 min-width: 900px;
}
/*******************le 1er sous div****************/
.website-logo{
	position: absolute;
	left:1%;
	background-image: url("/css/homepage/logo4.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 200px;
	height: 41px;
	cursor: pointer;
	/*display: none;*/
	/*background-color: pink;*/
}



/*************************le 2e sous div***************/
.nav-top-menu-ul{
	font-size: 1.6em;
	position: relative;
	max-width: 68%;
	margin-right: 1%;
	/*background-color: rgba(255,255,255,0.7);*/
	padding: 2px;
	border-radius: 12px;
	margin-top: 16px;
	/*transition: 1s;*/
	display: block;
	
}

/*.nav-top-menu-ul:hover{
	background-color: rgba(255,255,255,0.8);

}*/


.nav-top-menu-li{
 display: inline-block;
 text-align: left;
	background-color: rgba(255,255,255,0.7);
	padding:8px;
	border-radius: 16px;

}

.nav-top-menu-li:hover{ /**QUAND ON PASSE DESSUS*/ 
 text-decoration: underline overline solid black; 
	background-color: rgba(255,255,255,0.9);


}

.nav-top-menu-li a{
	color:black;
}




/***********************Le 3e sous div *************************/
.right-menu{
	height: 60px;
	width: 60px;
	/*border: 2px solid black;*/
	border-radius: 20px;
	background-color: none;
	background-image: url("/css/homepage/menu-icon2.png");
	background-size: cover;
	z-index: 1000;
	margin: 10px;
	display: none;
	/*display: none; version de base dans JS*/
}

.right-menu:hover{
	cursor: pointer;
}