/*****************************************************/
   /*****        CSS MENU HORIZONTALE        ******/
/*****************************************************/
#navigation {
	position:relative;
	background: #91AE44;
	width:942px;
	margin:0 0 0 0;
	pading:0 0 0 0;
	text-align:left;
	z-index:100;
}
.menulist { 
margin:0 0 0 0;
}
.menulist li {
	float:left;
	position:relative;
	padding : 5px 0px 1px 10px;
	list-style-type: none;
	z-index:100;
	
}
.menulist ul {
	visibility:hidden;
	position:absolute;
	top:25px; 
	left:0;
	width:160px;
	background:#91AE44;
	margin:0 0 0 0;
	padding:0 0 0 0;
	z-index:1;
}
.menulist ul ul {
	top:0;
	left:155px;
	padding:0 0 0 0;
	margin : 0 0 0 0;
	z-index:100;
}
.menulist ul li { 
	float:none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}


.menulist a {
	display:block;
	color : #FFFFFF;
	font-size :12px;
	font-family :Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	padding:0 0 0 0;
	margin : 0 0 0 0;
}
.menulist ul a {
	text-indent:0;
	padding:5px 5px 5px 5px;
	margin : 0 0 0 0;
}
.menulist a:hover, 
.menulist a.highlighted, 
.menulist a.highlighted:hover, 
.menulist a:focus, 
.menulist a.rubon {
	color:#E7F1D2;
	border:none;
	font-size : 12px;
	text-decoration: none;
	font-weight: bold;
}
.ssmenu li {
	float:left;
	position:relative;
	padding : 5px 5px 5px 5px;
	margin : 0 0 0 0;
}
.ssmenu li a:hover {
	background-color:#B1CF69;
	color:#FFFFFF;
}
.menulist a#accueil {width:35px; }
.menulist a#tri-pres-de-chez-vous {width:135px; }
.menulist a#guide-tri {width:124px; }
.menulist a#espace-junior {width:81px; }
.menulist a#quizz-tri {width:80px; }
.menulist a#coulisse {width:111px; }
.menulist a#arrivant {width:110px; }
.menulist a .subind { display:none; }
.menulist ul a .subind {
	display:block;
	float:right;
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float:left; }
.menulist ul a { float:none; }
/* \*/
.menulist a { float:none; }
/* */

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float:left;
 height:1%;
}
* html .menulist  ul a { height:1%; }
/* End Hack */

/*****************************************************/
/*****************************************************/




/*****************************************************/
  /*****        CSS MENU GAUCHE       ******/
/*****************************************************/

/*.menu_gauche a{
	color : #FFFFFF;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight : bold;
	padding : 5px 5px 5px 5px;
	background : #4CC0EB;
}
.menu_gauche a:hover{
	color : #43ABD1;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight : bold;
	padding : 5px 5px 5px 5px;
	background : #FFFFFF;
	width : 145px;
}*/
.menu_gauche{
	color : #FFFFFF;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight : bold;
	padding : 5px 0 5px 0;
	background : #4CC0EB;
	width : 145px;
	list-style-type: none;
	float : left;
	text-align:center;
	margin: 3px 0 0 5px;
}

.menu_gauche:hover{
	color : #4CC0EB;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight : bold;
	padding : 5px 0 5px 0;
	background : #FFFFFF;
	width : 145px;
	list-style-type: none;
	float : left;
	text-align:center;
	margin: 3px 0 0 5px;
}

.menu_gauche_select{
	color : #4CC0EB;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight : bold;
	padding : 5px 0 5px 0;
	background : #FFFFFF;
	width : 145px;
	list-style-type: none;
	float : left;
	text-align:center;
	margin: 3px 0 0 5px;
}

.menu_gauche_select:hover{
	color : #4CC0EB;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight : bold;
	padding : 5px 0 5px 0;
	background : #FFFFFF;
	width : 145px;
	list-style-type: none;
	float : left;
	text-align:center;
	margin: 3px 0 0 5px;
}



.titre_gauche{
	color : #FFFFFF;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight : bold;
	padding : 5px 0 5px 0;
	background : #4CC0EB;
	width : 145px;
	list-style-type: none;
	float : left;
	text-align:center;
	margin: 5px 0 0 5px;
}
.titre_gauche:hover{
	color : #FFFFFF;
	font-size :12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight : bold;
	padding : 5px 0 5px 0;
	background : #4CC0EB;
	width : 145px;
	list-style-type: none;
	float : left;
	text-align:center;
	margin: 5px 0 0 5px
}

/*****************************************************/
/*****************************************************/




/*****************************************************/
  /*****        CSS MENU DROITE       ******/
/*****************************************************/
/*titre de la rubrique*/
.menu_droite{
	color : #6C8B1C;
	font-size :12px;
	font-family :Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
.menu_droite:hover{
	color : #91AE44;
	font-size :12px;
	font-family :Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
/*puce des sous rubrique*/
.menu_puce{
	color : #ED008C;
	padding : 0 0 0 5px;
}
/*titre de la sous rubrique*/
.ssmenu_droite{
	color : #4D4D4D;
	font-size :11px;
	font-family :Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.ssmenu_droite:hover{
	color : #4D4D4D;
	font-size :11px;
	font-family :Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/*****************************************************/
/*****************************************************/