dl, dt, dd, ul, li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

dd
{
	display:none;
	position:absolute;
}

#menu 
{ 
	position: absolute;
	height:30px;
	width:900px;
	font-family:Arial;
	font-size:medium;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	background-image:url('Images/Menu2001.png');
	background-repeat:no-repeat;
}

#Spots
{
	left:50px;	
	width:153px;
}

#Carte
{
	left:224px;	
	width:145px;
}

#Aide
{
	left:763px;	
	width:46px;
}

#Contact
{
	left:814px;	
	width:40px;	
}

#Lecture
{
	left:668px;	
	width:74px;
}

/* Les titres des menus : Spot, carte des spots, aide, etc. */
#menu dl 
{
	float: left;
	padding: 2px 0px;
	height:30px;
	position:absolute;
	color:White;
}

#menu dt 
{
	cursor: pointer;
	text-align: center;
	_font-weight: bold;
	height:19px;	/* Quand on hover, c'est cette hauteur qui est prise*/
}

#menu ul 
{
	border: 1px solid gray;
	margin:4px 0 0 0;
}

#menu li 
{
	text-align: left;
	background-image:url('Images/Menu2001_EmptyBk_90.png'); 
	background-repeat:repeat;
	padding: 0 10px 0 5px;
}

/* Ca mettait en rouge "Lecture"
#menu dt
{
	color:Red;
}
*/

#menu li a, 
#menu dt a 
{
	color:white;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#menu li:hover
{
	background-image:url('Images/Menu2001_EmptyBk_65.png'); 
}

#menu dt:hover 
{
	/*background: #bbe;bof bof
	
	background-image:url('Images/Menu2001_EmptyBk.png'); 
*/
	background-image:url('Images/Menu2001_Hover.png'); 
}



a 
{
	text-decoration: none;
	color: black;
	color: #222;
}


/*
#menu dt:hover
{
	color:Gray;
}
*/