/******************
Menu de navigation*
*******************/
#nav {/*attention ces instructions s'applique sur un élément ul (de type block)*/
	margin-left: 4%;
	padding: 0px;
	list-style: none; 
	list-style-image: none;
	font: normal 19px serif;
}
#nav li {
	float: left;
	margin-right: 5px;
	list-style:none;
}
#nav a /*styles des liens ainsi que du background du lien*/{
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	color: #888;	
}
/*Syles des boutons principaux du menu, IMPORTANT : il faut rajouter la page si on modifie le nombre de page(ORIGINAL 4,5,6,7,8,69)*/
.page-item-4 , .page-item-5, .page-item-6, .page-item-7, .page-item-8, .page-item-69, .on {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background: #FAFAFA;
}
.page-item-4:hover, .page-item-5:hover, .page-item-6:hover, .page-item-7:hover, .page-item-8:hover, .page-item-69:hover, .on:hover, .current_page_item{
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* Menus déroulants */		
#nav li ul {
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 190px;
	font-weight: bold;
}
#nav li li{
	width: 190px;
}
#nav li li a{
	color: #000;
	font-size: 13px;
	padding: 1px 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	background: #fff;
}	
#nav li li a:hover{
	background:#000;
	text-decoration:none;
	color: #f5f5f4;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}