body {background:#333;font-family: "New Century Schoolbook", Times, serif;
      color: #ccc;
background-image: url("http://pierrelachance.net/wiki/images/bord.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom left;
}
	   

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

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

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

}

a.info {
	position: relative;
	z-index:1;
	text-decoration: none; 
	color:#ccc;
}
a.info img {border: none;}	
a.info span {
	display: none;
}
a.info:hover {
	color: #ffd89a;
	background: #333; 
	z-index: 100;
	cursor:crosshair;
}				 
a.info:hover span {	
	position: absolute;
	top: 2.0em;
	left: 0;
	border: 1px dotted #aaa;
	text-align: left;
	padding: 8px;
	display: inline;
	width: 300px;
	font-size: 14px;
	background-color: #444;
	font-weight: bold;
	color: #ccc;z-index: 100;
}
.pl {!width: 350px; !height: 250px; }
.pl:hover {
	z-index: 999;
}
a.vide {cursor: help;}

a.faq {font-size: 20px;color: red;}