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


/****************************************************************
******************** MENU ***************************
****************************************************************/

#menu{
	position: absolute;
	font-size:12px;

	left:250px;
	top:82px;
	text-align: left;
	height: 70px;
	width:500px;
	margin:0;
	padding:0;
	z-index:500;
}


#menu a{

	text-decoration:none;

}

#menu a.bat_rubrique{
	text-transform:uppercase;
	display:block;
	float:left;
	padding:8px 20px 0px 20px;
	margin:0;
	color:#CCC;
	text-decoration:none;
	height:28px;
	letter-spacing:0.1em;
}

#menu a.bat_rubrique:hover{

	display:block;
	float:left;
	padding:8px 20px 0px 20px;
	margin:0;
	background-color:#292929;
	color:#00ffff;
	text-decoration:none;

}

#menu a.bat_rubrique.actif{
	background-color:#292929;
	color:#00FFFF;


}





#menu #sousmenu{
	position:absolute;
	top:36px;
	left:0;
	z-index:500;
	width:450px;
	text-align:left;
	margin:0;
	padding:0;
}




#menu #sousmenu .sous_rubrique{
	display:none;
	width:100%;
	height:28px;
	letter-spacing:0.1em;
}

#menu #sousmenu .sous_rubrique.actif{
	display:block;
}




#menu #sousmenu .sous_rubrique a{
	float:left;
	display:block;
	padding:5px 15px;
	background-color:#DDD;
	color:#555;

}
#menu #sousmenu .sous_rubrique a:hover{
	background-color:#00FFFF;
	text-decoration:none;
	color:#666;
}



#menu #sousmenu .sous_rubrique a.actif{

	color:#333;
	font-weight:bold;
}