body
{
	font: 16px verdana;
	background-image: url("../etape4/images/bg.jpg");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}


#menu
{
	width: 644px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu li
{
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}


/*
	Etape 6
	Occupons-nous de nos sous-menus. 
	Commençons par empêcher l'affichage des puces en utilisant list-style-type: none; sur les éléments "ul" 
	de nos sous-menus. Comme nous avons fait flotter à gauche les éléments "li" (en utilisant #menu li) parents de nos sous-menus, 
	ces derniers vont hériter de cette propriété. Il faut que nous empêchions les éléments "li" de notre sous-menu de flotter,
	pour cela on utilise float: none
*/


#menu .sousMenu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;  /* Largeur de chaque élément dans le sous-menu */
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
