@charset "utf-8";
/* CSS Document */

/* feuille de style pour l'interface admin de navigation*/

/*body {behavior: url(csshover.htc);} */

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
		background:#a1b55d;  /*vert olive*/
	color:#990000;   /*rouge fonce*/ 
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
}
#menu {
    	width: 180px;
    float: left;
}
#menu a {
    	display: block;
	height: 1%; 
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
	color: #FF6533;  /*rose orange*/
}
#menu a:hover, #menu a:focus, #menu a:active {
	background: #000000;   /*noir*/
	color:#990000;  /*rouge fonce*/
}

/* on enleve la taille de ul et la bordure*/
#menu ul {
  	display:block; 
	padding-left:6px;
	list-style-type: none;
}

#menu li.famille:hover ul.ssliste {
	display:block;
}
#menu  li:hover {
	/*background: #EDD;*/
	color:#FFD700;
}
#menu  li a {
	text-decoration: none; 
	padding: 4px 0 4px /*8px*/; 
	display:block; /*border-left: 8px solid #BBB; */
	width:150px;
}
#menu li a hover {
    display:block;
	color:#990000;  /*rouge fonce*/
}
#menu  li.sousmenu:hover {
	/*background: #EBB;*/
	color:#FFD700;
}

#menu  li.sousmenu {
	/*background: url(fleche.gif) 95% 50% no-repeat;*/
	/*list-style: circle;*/
}

/* float left pour les li afin d'aligner le menu et plus de bordures*/
#menu  ul li {
	position:relative; 
	list-style: none;
	/*border-bottom:1px solid;*/
	/*background-color:#aaaaaa;*/
	background:#4a87b7;
	float:left;
}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
#menu  ul ul {
	position: absolute;
	/* top: -1px; left: 150px; */
	display:none; 
	width:150px;
}
#menu ul.ssliste {
  	display:block; 
	margin: 0;
	padding-top:0px;
	padding-bottom:10px;
}

#menu  ul.ssliste li.sousmenu:hover ul.ssliste, 
#menu  ul.sousssliste li.sousmenu:hover ul.niveau3 {display:block;}

/*Il faut decaler les soussous menu de la taille du sous menu */
#menu  ul.niveau3 {
	top:0; 
	left: 150px;
}

on enleve la bordure de chaque hauteur a une couleur de survol
#menu  li a:hover {
	border-left-color: red;
}
#menu  ul ul li a:hover {
	border-left-color: #00FF00;
}

#menu  ul ul ul li a:hover {
	border-left-color: #0000FF;}

	
.clear {
	clear:both;
}