ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:0;
}

li { /* all list items */
	float: left;
	position: relative;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 18px;
	left: 0;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

ul li a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	color: #106195;
	background: transparent; /* IE6 Bug */
	padding: 3px 19px; /*Ceci gère l'espace entre les rubriques de premier rang*/
	/*border: 1px solid #cccccc; */ /*C'est le trait vertical qui peut séparer chaque rubrique*/
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 0;
}

li li {
	float: none;
	position: relative;
	text-align: left;
	cursor: pointer;
    width: 0em; /* Ceci rajoute de l'espace sans bordure dans les cases de menu de second rang */
	display: block;
	background: #555555; /* Couleur de fond du menu de second rang modifier en bas aussi*/
	border: 1px solid #222222;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 0;
}

li li a {
	float: none;
	position: relative;
	text-align: left;
	cursor: pointer;
    width: 199px; /* Gère la taille des cases du sous menu */
	display: block;
	background: #555555; /* Couleur de fond du menu de second rang modifier en haut aussi*/
	border: 1px solid #222222;
	border-left: 0;
	border-right: 0;
	border-bottom: 1;
	border-top: 0;
}

ul li a:hover { color: #FFCC00; } /* Hover Styles */
/* ul li a:hover { color: #E2144A; background: #FF0000; }  Si l'on veut avoir la background coloré au contact de la souris */
		
li ul li a { padding: 4px 8px; } /* Le 2e chiffre du padding sert à décaler le contenu du menu sur la droite par rapport à sa case */

#content {
	clear: left;
}

.mainnav1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: bold; font-size: 12px; color: #222222;} 
a.mainnav1:link {color: #222222; text-decoration: none; font-style: bold} 
a.mainnav1:visited {color: #222222; text-decoration: none; font-style: bold} 
a.mainnav1:active {color: #FFFFFF; text-decoration: none; font-style: bold} 
a.mainnav1:hover {color: #FFFFFF; text-decoration: none; font-style: bold;}

.mainnav2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: bold; font-size: 12px; color: #FFFFFF;} 
a.mainnav2:link {color: #FFFFFF; text-decoration: none; font-style: bold} 
a.mainnav2:visited {color: #FFFFFF; text-decoration: none; font-style: bold} 
a.mainnav2:active {color: #FFFFFF; text-decoration: none; font-style: bold} 
a.mainnav2:hover {color: #FFCC00; text-decoration: none; font-style: bold;}