body {background:#fff;font-family: "New Century Schoolbook", Times, serif;
      color: #aaa;
font-style: italic;
}
	   

#titre {font-size: 400%;
	position:absolute;
	top:80%;
	left:1%;	
}

#footer {text-align: right; 
	position: absolute; 
	bottom: 1%; 
	right:5px;  
	color: #6c6c6c;
	font-size: 90%;
}
#choix {position: absolute;
top: 5px;
left: 5px;
font-size: 90%;
}

a {
	position: relative;
	z-index:24;
	text-decoration: none; 
	color:#aaa;
}
a img {border: none;}	
a span {
	display: none;
}
a:hover {
	color: #aaa;
	background: none; 
	z-index: 100;
	cursor:crosshair;
}				 
a:hover span {	
	position: absolute;
	top: 4.5em;
	left: 0;
	border: 1px dotted #aaa;
	text-align: left;
	padding: 8px;
	display: inline;
	width: 300px;
	font-size: 14px;
	background-color: #fff;
	font-weight: bold;
	color: #aaa;z-index: 100;

}

a.info {
	position: relative;
	z-index:1;
	text-decoration: none; 
	color:#aaa;
}
a.info img {border: none;}	
a.info span {
	display: none;
}
a.info:hover {
	color: #b76e20;
	background:  none; 
	z-index: 100;
	cursor:crosshair;
}				 
a.info:hover span {	
	position: absolute;
	top: 4.0em;
	left: 0;
	border: 1px dotted #aaa;
	text-align: left;
	padding: 8px;
	display: inline;
	width: 300px;
	font-size: 14px;
	background-color: #fff;
	font-weight: bold;
	color: #aaa;z-index: 100;
}

.pl:hover {
	z-index: 999;
}