#mainmenu
{
	position:absolute;
	width: 621px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 8px;
	border: 0;
	font-family:"Arial";
	font-size:11px;
	overflow:hidden;
	z-index:5;
}
#mainmenu li
{
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	border: 0;
}		

#mainmenu .ssmenu
{
 position:relative;
 display: none;
 list-style-type: none;
 margin: 3px 0 0 0;
 padding: 0;
 border: 0;
 z-index:5;
}
#mainmenu .ssmenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 160px;
 }		

/** Liens du menu, 1er niveau */
#mainmenu li a:link, #mainmenu li a:visited
{
	display: block;
	color: #FFF;
	background: #2C569A;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
/** Liens du menu, 1er niveau, au survol /click de la souris */
#mainmenu li a:hover,
#mainmenu li a:active { 
	background-color: #416CAF; 
	cursor:pointer;
}

/** Liens du menu, 2nd niveau */
#mainmenu .ssmenu li a:link,
#mainmenu .ssmenu li a:visited
{
	height:20px;
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	padding:8px 0 0 15px;
	text-decoration: none;
	background: #2C569A;
}
/** Liens du menu, 2nd niveau, au survol de la souris*/
#mainmenu .ssmenu li a:hover
{
	background-image: none;
	background-color: #416CAF;
}			


#mainmenu li:hover > .ssmenu { display: block; }	

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7
{
	padding-left:17px;
}
#menu1{	background:0 url(images/carre_orange.jpg) no-repeat ;}
#menu2{	background:0 url(images/carre_vert.jpg) no-repeat ;}
#menu3{	background:0 url(images/carre_rose.jpg) no-repeat ;}
#menu4{	background:0 url(images/carre_beige.jpg) no-repeat ;}
#menu5{	background:0 url(images/carre_violet.jpg) no-repeat ;}
#menu6{	background:0 url(images/carre_bleu.jpg) no-repeat ;}
#menu7{	background:0 url(images/carre_gris.jpg) no-repeat ;}