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; 
	top: 93%; 
	right:5px;  
	color: #aaa;
}
#choix {position: absolute;
top: 5px;
right: 5px;
font-size: 90%;
}

a {
	position: relative;
	z-index:1;
	text-decoration: none; 
	color:#ccc;
}
a img {border: none;}	
a span {
	display: none;
}

a:hover {
	color: #ccc;
	background: none; 
	z-index: 100;
	cursor:crosshair;
}				 
a:hover span {	
	position: absolute;
	top: 2.0em;
	!top: 150px;
	left: 0;
	border: 0px double black;
	text-align: left;
	padding: 8px;
	display: inline;
	width: 350px;
	font-size: 18px;
	background: none;
	font-weight: bold;
	color: #ccc;z-index: 100;
}

.pl {!width: 350px; !height: 250px;filter:alpha(opacity=40); }
.pl:hover {
	z-index: 999;filter:alpha(opacity=100);
}
a.vide {cursor: help;}
a img {

-moz-opacity: 0.5; 
opacity: 0.5;

}

a:hover img {
 
-moz-opacity: 1.0;   
opacity: 1.0;z-index: 100;
}