﻿/**** MENU ****/
	body
{
	font: 11px verdana, sans-serif; /* police */
	background: #000000; /* couleur fond */
	
}
#nav{
	/* START BLOCK IE7 */
    /* pour IE7, sinon les sous-menus sont placés derrière le contenu */
    position: relative;
	z-index: 1;
	/* END BLOCK IE7 */
    float: left;
	background-color: #000000;/* couleur menu 1 fond */
	width: 1070px;
	min-height: 20px;/* Hauteur block menu */
	padding: 0px 0px 0px 10px;
	text-align: left;		 
}

#nav li a {
	padding: 0;
	width: 260px;/* longueur zone pointer menu 1 2 3 4*/
	line-height: 25px;/* Interligne menu 1 2 3 */
	display: block;
	position: relative;
	z-index: 1000;
	text-decoration: none;
	color: #FFFFFF;/* couleur texte menu 1 fond */
	font-size: 1.2em;
	margin-right: 5px;	/* marge droite texte menu 2 3 */
}

#nav li a:hover{
    color: #FF0000;
    text-decoration: none;
    background: none; /* pour IE7, sinon affiche pas les sous menus */
}
#nav li a:link
#nav li a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    background: none; /* pour IE7, sinon affiche pas les sous menus */
}
#nav li a:active
{
	background-color: #000000;
	color: #FFFFFF;
}
#nav ul
{
    margin: 0px;
    padding: 0px;
}

#nav li{
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    display: block;
    float: left;
}

#nav li ul{
	position: absolute;
	z-index: 1000;
	left: -999em;
	margin: 10px 10 0px 260px;/* premier chiffre hauteur du block menu 2 3 4 /dernier chiffre longueur zone pointer menu 1 2 3 4*/
	padding: 0;
	display: block;
		
}

#nav li li{
	background-color: #333333;/* couleur fond menu 2 3 4 */
	border-bottom: 1px solid #000000;/* couleur bord horizotal menu 2 3 4 */
	border-left: 1px solid #000000;/* couleur bord vetical menu 2 3 4 */
	clear: both;
	width: 260px;
		
}

#nav li li a{
	display: block;
	padding-left: 24px;

}

/**** Compense le padding-left ci-dessus ****/
#nav li li li{
	overflow: visible;
	margin : -25px 0px 0px 260px;
	padding: 0px 0px 24px 0px;
	width: 300px;			
}

/**** Déroule sur 3 niveaux (rajouter ,#nav li:hover ul ul ul ul pour 4 niveaux, et ainsi de suite)  ****/
#nav li:hover ul ul, #nav li:hover ul ul ul {
    left: -999em;
}

/**** IDEM que précédemment ****/
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {
    left: auto;
    background: none; /* pour IE7, sinon les sous menus ne disparaissent pas quand on le quitte */
}

/** si est actif **/
#nav #current a {
    color: #befb19;
}

/** si parent actif et enfant non actif **/
#nav li.parent.active li a, #nav li li.parent.active li a {
	color: #ae9779;
}

/** si parent actif et enfant actif **/
#nav li.parent.active li a:hover, #nav li li.parent.active li a:hover{
	color: #befb19;
}

/** si est parent actif **/
#nav li.parent.active a, #nav li li.parent.active a {
	color: #befb19;
}
