/* CSS horizontal menu */


/* TOP MENU
-------------------------------------------------------- */

#menu dl, dt, dd, ul, li {
	background:#FFFFFF;
	margin: 0;
	padding: 0 0 0 0;	/* top right bottom left */
	list-style-type: none;
}
#menu {
	position: absolute;
	width: 980px;
	padding-left:0px;
	z-index:100;
}

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

#menu dl {
	float: left;
	width: 140px;
	position: relative;
	margin: 0 0 0 0;	/* top right bottom left */
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	/*background-color: #99ccff;  bleu */
	background-image:url(../images/fond-menu.jpg);
	border: 1px solid #ffffff;
	height:30px;	/* banner height gradient background */
}

#menu dt a { /* menu principal */
	color: #003366; /* dark blue */
	font-size: 13px;
	text-decoration: none;
	display: block;
	vertical-align:bottom;
	border: 0 none;
	/*border-top: 1px solid #fff;*/
	/*margin-top:2px;*/
	padding-top:8px;
}
#menu dt a:hover {
	/* background:#ffffff; white */
	background-image:url(../images/onglet.png);
	color:#003366; /* dark blue */
	/*border-bottom: #3366CC 1px dotted;*/
}

/********** SOUS-MENU *********/

#menu dd {
	/*background-color: #ccc;*/
	position: absolute;
	top:35px;
	width:210px;
	z-index:1000;
}

#menu li {
	text-align:center;
	background:#003366; /* dark blue */
}
#menu li a {
	color: #ffffff; /* white */
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	vertical-align:middle;
	border: 0 none;
	/*border-top: 1px solid #fff;*/
	margin-top:2px;
}
#menu li a:hover {
	background:#b2d8ff; /* blue*/
	color:#003366; /* dark blue */
}



/* MENU DU BAS
-------------------------------------------------------- */

#menubas dl, dt, dd, ul, li {
	margin: 0 0 0 0;	/* top right bottom left */
	padding: 0 0 0 0;	/* top right bottom left */
	list-style-type: none;
}
#menubas {
	position: absolute;
	width: 980px;
	/*width: 100%;  correction pour Opera */
	/*padding-top:30px;*/
	z-index:100;
}

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

#menubas dl {
	float: left;
	width: 140px;
	position: relative;
	margin: 0 0 0 0;	/* top right bottom left */
}
#menubas dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	/*background-color: #99ccff;  bleu */
	background-image:url(../images/fond-menu.jpg);
	border: 1px solid #ffffff;
	height:30px;	/* banner height gradient background */
}
#menubas dt a {
	color: #003366; /* dark blue */
	font-size: 13px;
	text-decoration: none;
	display: block;
	vertical-align:middle;
	border: 0 none;
	/*border-top: 1px solid #fff;*/
	/*margin-top:2px;*/
	padding-top:12px;
}
#menubas dt a:hover {
	/*background:#ffffff;  white */
	/*background-image:url(../images/onglet.png);*/
	color: #ffffff; /* white */
}

/********** SOUS-MENU *********/

#menubas dd {
	/*background-color: #ccc;*/
	position: absolute;
	bottom:32px;
	width:210px;
}
#menubas li {
	text-align:center;
	background:#003366; /* dark blue */
}
#menubas li a {
	color: #ffffff; /* white */
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	vertical-align:middle;
	border: 0 none;
	/*border-top: 1px solid #fff;*/
	margin-top:2px;
}
#menubas li a:hover {
	background:#b2d8ff; /* blue*/
	color:#003366; /* dark blue */
}


/* CLASS for the current page
-------------------------------------------------------- */

#en-cours a{
	background-image:url(../images/onglet.png);
	color:#003366; /* dark blue */
}
#menubas #en-cours-menubas a{
	color:#ffffff; /* white */
}