/* CSS Document */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu /* position du menu */
{
	position: relative;
	top: 0;
	left: 0;
}


.menutitle /* attribut titre niveau 1 - sans lien */
{
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;
	/* ajout bord inférieur en pointillé gris clair, 5px en dessous de la news */
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #999;
	border-left: none;
	/* définition de la police par défaut */	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px;
	color: #4295C6;
}

.menutitle a { /* attribut police titre niveau 1 - avec liens */
	cursor: pointer;
	display: block;
	border: 0 none;
	background-color: #FFFFFF;
	width: 100%;
}

.submenu { /* attribut police titre niveau 2 - sans liens */
	/* définition de la police par défaut*/
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #333333;
	
}
.submenu a { /* attribut police titre niveau 2 - avec liens*/
	cursor: pointer;
	text-align: left;
	/* définition de la police par défaut*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	/* bloc de décor derrière*/
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 5px;
	background-color: #E7F1F8;
	width: 150px;
}

/* effet coloré quand survole de la souris sur le bloc généré autour de la news */
.menutitle:hover, .submenu a:hover, .menutitle a:hover {
	background:url(../css/menu_fond.gif) repeat-x left top;
}

/* ajout code pour que l'effet coloré marche dans IE */
 * html #links li a {  
	width: 170px;
}