body
{
	position: relative;
	background: url(images/tuile.png) repeat;
	text-align: center;
	font-family: Times New Roman;
	font-style: italic;
}
#titre
{
	position: absolute;
	width: 600px;
	height: 27px;
	top: 10px;
	left: 50%;
	margin-left: -300px;	
	font-size: 17px;
	font-weight: bold;
	background-color: #f0e2c4;
}
#essai
{
	position: absolute;
	width: 40px;
	height: 40px;
	top: 100px;
	left: 50%;
	margin-left: -280px;
}
#cercle
{	
	fill: #ccc4b4;	
}
#essai:hover circle
{
	fill: #f0e2c4;
}
#trgl
{
	fill: black;	
}
#trglgrd
{
	opacity: 0;
}

#trglgrd:hover
{
	opacity: 1;
}
figure
{
	text-align: center;
}
figure img
{
	border: solid 8px white;	
	box-shadow: 3px 3px 3px gray;
}
figcaption
{	
	font-weight: bold;
	background-color: rgb(241,228,181);
	border-radius: 4px;
	box-shadow: 3px 3px 3px gray;
	
}
#st
{
	position: absolute;
	width: 200px;
	height: 150px;
	top: 70px;
	left: 50%;
	margin-left: -100px;
	text-align: center;
}
#st figcaption
{
	width: 216px;
}
#as
{
	position: absolute;
	width: 150px;
	height: 200px;
	top: 300px;
	left: 50%;
	margin-left: -275px;
	text-align: center;
}
#as figcaption
{
	width: 166px;
}
#rl
{
	position: absolute;
	width: 200px;
	height: 150px;
	top: 300px;
	left: 50%;
	margin-left: 100px;
	text-align: center;
}

footer
{
	position: absolute;
	width: 900px;
	top: 600px;
	left: 50%;
	margin-left: -450px;
	color: gray;
}
footer a
{
	color: gray;
	text-decoration: none;
}
footer a:visited
{
	color: gray;
}
footer table
{
	
	width: 890px;
	
}