/* CSS Document */


/*----------------------------*/
		/*Navigation*/
		
#navigation {
	margin-left: 0px;
	list-style: none:;
	width: 240px;
	font-size: 0.7em;
	font-weight: bold;	
			}

			
#navigation ul, li {
	
	list-style-type: none;

}
			
#navigation a, #navigation span {
	color: #0d0d0d;
	text-decoration: none;
	display: block;
	padding-bottom: 4px;
	padding-left: 15px;
	padding-top: 4px;
			}
			
#navigation .toggleSubMenu {
	background-image: url(../images/fond_menu1.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;	
}

#navigation .NotoggleSubMenu {
	background-image: url(../images/fond_menu1.gif);
	background-repeat: no-repeat;
	background-position: 10px 0px;	
}

#navigation .subMenu {
	background-image: url(../images/fond_menu2.gif);
	background-position: 10px 0px;
	background-repeat: repeat-y;
	padding-top: 4px;
	padding-bottom: 4px;
}
			
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	background-image: url(../images/fleche_grise.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#navigation .NotoggleSubMenu span {
	background-image: url(../images/fleche_grise.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding:0;
}


#navigation .open a, #navigation .open span {
			background-image: url(../images/fleche_rouge.gif);
			}
#navigation a:hover, #navigation a:focus, #navigation a:active {
			color: #d60c16;
			}



#navigation ul.subMenu a {
	color: #000000;
	background-image: url(../images/menu_puce_sous_menu.gif);
	padding-left: 15px;
	margin-left: 8px;
	border-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	
			}