html
{
	background-color: rgb(242, 254, 255);
}
body
{
/*	width: 800px;
	margin: auto;*/
	
}
header
{
	width: 800px;
	margin: auto;
	background-color: rgb(201, 246, 255);	
	border: 1px solid blue;
}
.cote
{
	width: 152px;
	text-align: center;
}
.cote img
{
	width: 132px;	
	margin-top: 10px;
}
#milieu
{
	width: 496px;		
	text-align: center;
}
#chdefer
{
	width: 800px;
	height: 45px;
	margin: auto;
	background-color: rgb(255, 255, 245);
	color: rgb(1, 103, 255);
	font-family: Arial,"Courrier New";
	font-weight: bold;
	padding: 10px;
	text-align: left;
	border: 1px solid black;	
}
a, a:visited
{
	text-decoration: none;
	color: rgb(1, 103, 255);
}
#central
{
	width: 800px;
	margin: auto;
	background-color: white;
	padding-top: 15px;
	color: grey;
	font-family: Arial,"Courrier New";
	font-size: 1em;	
	font-family: Arial,"Courrier New";
}
.vpm	{
	padding-left: 550px;
	font-size: 2em;
	font-weight: bold;	
}
#les20
{
	border-collapse: collapse;
	border: 1px solid rgb(1, 103, 255);
}
#les20 a
{
	display: block;	/* Pour étendre le lien à tout le td	*/
}
#ligne
{
	border-bottom: 1px solid rgb(1, 103, 255);	
}
.vertic
{
	border-right: 1px solid rgb(1, 103, 255);
}
#petite
{
	cursor: zoom-in;
}
.titre
{
	text-align: center;
	color: rgb(1, 103, 255);
	font-size: 1.2em;	
}
.noir
{
	color: black;
}
.note
{
	color: maroon;
	text-indent: 2em;
	font-size: 0.8em;
}
#full
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(140, 140, 150);
	text-align: center;
	
	display: none;
}
#full img
{
	
	height: 100%;
	cursor: zoom-out;
}
#les20
{
	width: 800px;
	color: rgb(1, 103, 255);	
}
#les20 td
{
	width: 78px;
	text-align: center;
}