/* MENU HAUT DEROULANT */
.top_menu ul {
	display: block;
	list-style-type: none;
	vertical-align: middle;
	float: left;
	
	
	z-index:0;
	width: auto;
	_width: 1%;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	border: 0;
	}
	
.top_menu li {}	

.top_menu a {
	z-index:0;
	display: block;
	padding: 6px 10px;
	font-size: 1.1em;
	color: #fff;
	text-align: left;
	font-weight: bold;
	}
	.top_menu a:hover { background: #014076; }
	
	#menu_8_root  a { background: #00AEEF; }
	#menu_9_root  a { background: #8CC63F; }
	#menu_10_root a { background: #EC008C; }
	#menu_11_root a { background: #903F98; }
	#menu_12_root a { background: #00B6BD; }
	#menu_13_root a { background: #FF9900; }
	#menu_14_root a { background: #FFC20E; }
	
	#menu_8_root  a:hover { background: #4CC6F4; }
	#menu_9_root  a:hover { background: #AED778; }
	#menu_10_root a:hover { background: #F24CAE; }
	#menu_11_root a:hover { background: #B178B7; }
	#menu_12_root a:hover { background: #4CCCD1; }
	#menu_13_root a:hover { background: #FFB74C; }
	#menu_14_root a:hover { background: #FFD456; }

.top_menu ul li {
	list-style-type: none;
	position: relative;
	height: 100%;
	vertical-align:middle;
	z-index:10;
	margin-left:0px;

	padding:0px;
	}

.top_menu ul li ul {
	display:block;
	
	visibility:hidden;
	height:auto;
	
	width: 170px;
	
	position:absolute;
	z-index:100;
	top: 100%;
	left: 0;
	border: 0;
	}

.top_menu ul li ul li a {
	display: block;
	width: 170px;
	padding: 5px 10px;
	font-size: 1em;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	}
	.top_menu ul li ul li a:hover { background: #ff9933; color: #fff; }	

.top_menu ul li ul li ul {
	display: none;
	}

/* --- MENU CONTEXTUEL HORIZONTAL --- */
#menu_contextuel_horizontal {
	_width: 273px;
	clear: both;
	}
	
	#menu_contextuel_horizontal a { border-bottom: 1px solid #fff; }

.rubrique-no { display: none; }

.rubrique-act a {
	text-align: left;
	display: block;
	padding: 4px 10px 4px 20px;
	text-decoration: none;
	}

.rubrique-no a { display: none; }

.rubrique-act a { color: #fff; font-weight: bold; }
	.rubrique-act a:hover { }	

	/* sousrubriques */
	.sousrubriques {}
		
	.sousrub-no a {
		text-decoration: none;
		font-weight: normal;
		padding-left: 30px;
		}
		.sousrub-no a:hover {}	
			
	.sousrub-act a {
		text-decoration: none;
		font-weight: bold;
		padding-left: 30px;
		} 
		.sousrub-act a:hover {}		
	
	#cat8  { background: #00AEEF; }
	#cat9  { background: #8CC63F; }
	#cat10 { background: #EC008C; }
	#cat11 { background: #903F98; }
	#cat12 { background: #00B6BD; }
	#cat13 { background: #FF9900; }
	#cat14 { background: #FFC20E; }

	#cat8 .sousrub-no a { background: #00AEEF url("images/cont_puce.gif") no-repeat 19px 8px; }
	#cat8 .sousrub-act a { background: #00AEEF url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat8 .sousrub-no a:hover { background: #4CC6F4 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat8 .sousrub-act a:hover { background: #4CC6F4 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		
	#cat9 .sousrub-no a { background: #8CC63F url("images/cont_puce.gif") no-repeat 19px 8px; }
	#cat9 .sousrub-act a { background: #8CC63F url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat9 .sousrub-no a:hover { background: #AED778 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat9 .sousrub-act a:hover { background: #AED778 url("images/cont_puceo.gif") no-repeat 19px 8px; }		
		
	#cat10 .sousrub-no a { background: #EC008C url("images/cont_puce.gif") no-repeat 19px 8px; }
	#cat10 .sousrub-act a { background: #EC008C url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat10 .sousrub-no a:hover { background: #F24CAE url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat10 .sousrub-act a:hover { background: #F24CAE url("images/cont_puceo.gif") no-repeat 19px 8px; }
		
	#cat11 .sousrub-no a { background: #903F98 url("images/cont_puce.gif") no-repeat 19px 8px; }
	#cat11 .sousrub-act a { background: #903F98 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat11 .sousrub-no a:hover { background: #B178B7 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat11 .sousrub-act a:hover { background: #B178B7 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		
	#cat12 .sousrub-no a { background: #00B6BD url("images/cont_puce.gif") no-repeat 19px 8px; }
	#cat12 .sousrub-act a { background: #00B6BD url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat12 .sousrub-no a:hover { background: #4CCCD1 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat12 .sousrub-act a:hover { background: #4CCCD1 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		
	#cat13 .sousrub-no a { background: #FF9900 url("images/cont_puce.gif") no-repeat 19px 8px; }
	#cat13 .sousrub-act a { background: #FF9900 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat13 .sousrub-no a:hover { background: #FFB74C url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat13 .sousrub-act a:hover { background: #FFB74C url("images/cont_puceo.gif") no-repeat 19px 8px; }
		
	#cat14 .sousrub-no a { background: #FFC20E url("images/cont_puce.gif") no-repeat 19px 8px; }
	#cat14 .sousrub-act a { background: #FFC20E url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat14 .sousrub-no a:hover { background: #FFD456 url("images/cont_puceo.gif") no-repeat 19px 8px; }
		#cat14 .sousrub-act a:hover { background: #FFD456 url("images/cont_puceo.gif") no-repeat 19px 8px; }		
		
	#cat9  a { background: #8CC63F; }
	#cat10 a { background: #EC008C; }
	#cat11 a { background: #903F98; }
	#cat12 a { background: #00B6BD; }
	#cat13 a { background: #FF9900; }
	#cat14 a { background: #FFC20E; }
	
	#cat8  a:hover { background: #4CC6F4;  }
	#cat9  a:hover { background: #AED778; }
	#cat10 a:hover { background: #F24CAE; }
	#cat11 a:hover { background: #B178B7; }
	#cat12 a:hover { background: #4CCCD1; }
	#cat13 a:hover { background: #FFB74C; }
	#cat14 a:hover { background: #FFD456; }
	
	
	
		
		/* sousousrubriques */
			.soussousrub-no, .soussousrub-act { }
			
			.soussousrub-no a, .soussousrub-act a {
				display: block;
				text-decoration: none;
				font-size: 0.9em;
								
				padding: 3px 10px 3px 40px;
				border: 0;
				}
			
/* --- menu contextuel horizontal --- */

/* --- GAUCHE --- */
#menu_gauche1 {
	clear: both;
	display: block;
	padding: 10px 10px 10px 0;
	width: 265px;
	_width: 253px;
	text-align: left;
	margin-bottom: 20px;
	}
	
#menu_gauche1 .rubrique_mere {
	display: none;
	}	
	
#menu_gauche1 a {
	font-size: 1.1em;
	display: block;
	font-weight: bold;
	color: #fff;
	line-height: 10pt;
	padding: 3px 16px 3px 10px;
	background: url("images/g1_puce.gif") no-repeat 100% 5px;
	width: 136px;
	}
	#menu_gauche1 a:hover { color: #000; background: url("images/g1_puceo.gif") no-repeat 100% 5px; }



#menu_gauche2 {
	clear: both;
	display: block;
	width: 134px;
	_width: 124px;
	text-align: left;
	float: left;
	border-right: 1px solid #7BB5E6;
	padding: 0 10px;
	}
	
#menu_gauche2 .rubrique_mere {
	font-family: Trebuchet MS;
	color: #fff;
	font-style: italic;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 6px;
	}	
	
#menu_gauche2 a {
	display: block;
	color: #94C6F0;
	line-height: 10px;
	padding: 3px 10px 3px 0;
	}
	#menu_gauche2 a:hover { color: #000; }	
	
	
#menu_gauche2 .a4 {
	font-family: Trebuchet MS;
	color: #fff;
	font-style: italic;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	}	