/* Images de gauche (menu) */
#navindex {
	width: 168px;
	}

#navindex .menu {
	margin-left: 168px;
}

#nav {
	width : 129px;
	background : #FFF;
}

#nav .menu {
	margin-left: 129px;
}
#nav .menu ul, #navindex .menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav .menu li, #navindex .menu li {
	font-size: 10px;
}


#nav a, #navindex a {
	display : block;
	padding : 20px 0 20px 0;
	border-bottom : 1px solid #B7DAF7;
	background : #89BAE2 url(../images/pucenav.gif) no-repeat 10px center;
}

#nav a:hover, #nav a.selected, #navindex a:hover, #navindex a.selected {
	background : #F7D54E url(../images/pucenavh.gif) no-repeat 109px center;
}

#nav div a, #navindex div a {
	text-decoration: none;
	display : block;
	margin : 0;
	padding : 0;
	border-bottom : 1px solid #B7DAF7;
	background : none;
}


/* Menus survol */
#navindex .menu, #nav .menu {
	position : absolute;
	z-index : 2;
	visibility : hidden;
	padding : 3px;
	background : #3C558D;
	font-size : 10px;
}
#navindex .menu a, #nav .menu a {
	text-decoration: none;
	display: block;
	width: 100%;
	padding : 2px 0 2px 0;
	color : #FFFFFF;
	border: 0px;
}

#navindex .menu a:hover, #nav .menu a:hover {
	background : none;
	color : #F7D54E;
}