nav
{
	position:absolute ;
	top:350px ;
	left:0 ;
	width:100% ;
	height:50px ;
	/* background-color: #3F4E56 ; */
	background-color:#2A2A2A ; 
	font-size:16px ;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;
	border-top:solid black 2px ;
	z-index:100 ;
}
#espace_menu { /* defini l'espace entre le menu et les premiers elements de la page,d'autres solutions ne fonctionnent pas */
	height:20px ;
}
#control_menu {
	width:1000px ;
	margin:auto ;	
}
.replacement_menu {
	position:relative ;
	left:4px ;
}
ul#menu {
	list-style:none ;
	height:51px ;
	width:1000px ;
	line-height:51px ;
	padding:0 ;
	margin:0 ;
}

nav li.menu_global {
	display:inline-block ;
	color:#F0F0F0 ;
	margin-left:-5px ; /* il y a un espace qui se cree entre les li principaux ca permet de le combler*/


}
nav li.menu_global a.lien_principal,nav li.menu_global a.lien_menu_acheter,nav li.menu_global a.lien_menu_location,nav li.menu_global a.lien_menu_colocation,nav li.menu_global a.lien_menu_location_temporaire {
	display:inline-block ;
	color:white ;
	text-decoration:none ;
	padding-right:25px ;
	padding-left:25px ;
}

nav li.menu_global:hover a.lien_principal,nav li.menu_global:hover a.lien_menu_acheter,nav li.menu_global:hover a.lien_menu_location,nav li.menu_global:hover a.lien_menu_colocation,nav li.menu_global:hover a.lien_menu_location_temporaire {
	color:black ;
}

nav li:hover {
	background-color:white ;
	color:black ;
}

li.menu_global .menu_boite {
	display:none ;
	z-index:10 ;
	margin-left:-5px ;/* obligatoire voir le commentaire dans nav li.menu_global */
}

li.menu_global:hover .menu_boite {
	display:block ;
	position:absolute ;
	left:-1px ;
	top:49px ;
	width:1001px ;
	height:285px ;
	cursor:default ;
	border:solid black 1px ;
	border-top:none ;
	background-color: white ;
}
.englobe {
	display: flex;
	align-items: center;
}
li.menu_type {
	width:530px ;
	cursor:pointer ;
	list-style: none;
	font-size: 14px;
	font-family:"Times New Roman", Times, serif ;
	text-transform:none ;
}
li.menu_type:hover {
	height: 27px ;
	line-height:27px ;
	list-style:url(../images/triangle_menu.png) ;
	background-color: #efefef ;
}
img.eclaire {
	width:120px ;
	visibility: hidden;
}
li.menu_vide {
	height:27px ;
	list-style: none;
	text-transform:none ;
}

a.menu_lien {
	display: block ;
	height: 27px ;
	line-height:27px ;
	width:500px ;
	text-decoration:none ;
	margin-left: 10px;
	font-weight:500 ;
	color:black ;
}
a.menu_lien:hover {
		color: #c8a31e;

}
/**********************************************************************/

.ocean {
	height:285px ;
	width:431px ;
}
.ocean_temporaire {
	height:285px ;
	width:431px ;
}

	
/*******************************************************/
li.passer_annonce {
	display:inline-block ;	
	background-color:#F36007 ;
	width:272px ;
	height:50px ;
	line-height:50px ;	
	text-align:center ;
	color:white ;
	font-size:17px ;
	margin-left:-4px ;

}

li.passer_annonce:hover {
	cursor:default ;
}

nav li.passer_annonce a.lien_principal {
	color:white ;
	text-decoration:none ;
	border:none ;
}
nav li.passer_annonce:hover a.lien_principal {
	color:black ;
}
.lien_acheter {

}
li.passer_annonce .menu_boite {
	display:none ;
	padding-top:2px ;
	z-index:10 ;
}

li.passer_annonce:hover .menu_boite {
	display:block ;
	position:absolute ;
	left:691px ;
	top:49px ;
	background-color:transparent ;
	width:307px ;
	height:200px ;
	cursor:default ;
  	border:solid black 1px ;
	border-top:none ;
	font-size:16px ;
	font-family:"Times New Roman", Times, serif ;
	font-weight:400 ;
}

a.menu_lien2 {
	display:inline-block ;
	width:305px ;
	height:50px ;
	line-height:50px ;
	text-align:center ;
	color:black ;
	background-color:white ;
	text-decoration:none ;
}
a.menu_lien2:hover {
	background-color:#0070A6 ;
	color:white ;
}
.gratuit {
	position:relative ;
	top:5px ;
	left:5px ;
	font-size:12px ;
}
/********************************************************************/	
#shadow2 {
    background-color:black ;
	opacity:0.7 ;
    position:absolute;
    left:0;
    top:0px;
    width:100%;
    z-index:70;
}