body
{
	margin: auto;
	margin-bottom: 20px;
	height: 640px;
	width: 800px;
	background-color: #333366;
}	

#header
{
	margin: auto;
	width: 800px;
	height: 100px;
}

#menu
{
	background-color: #333366;
	margin-top: 0px;
	padding: 25px;
	padding-top: 50px;
	float: left;
	width: 100px;
	height: 600px;
}

#tableau
{
	width: 650px;
	margin: auto;
	margin-top: 20px;
	border-collapse: collapse;
}

#logo
{
	border: 2px ridge #11a4ef;
	font: "Trebuchet MS";
	font-weight: bold;
	font-variant: small-caps;
	color: black;
	font-size: 1.1em;
	height: 40px;
	text-align: center;
	width: 100px;
	border-bottom: none;
	background-image: url("images/bleble2.jpg");
}

a
{
	text-decoration: none;
}

.td
{
	font: "Trebuchet MS";
	font-weight: bold;
	font-variant: small-caps;
	color: black;
	font-size: 1.1em;
	text-align: center;
	width: 100px;
	background-image: url("images/bleble1.jpg");
	height: 40px;
	border: 2px ridge #11a4ef;
}

.td:hover
{
	background-image: url("images/bleble2.jpg");
}

.bord
{
	width: 165px;
	border: 2px ridge #11a4ef;
	border-top: none;
	border-right: none;
	border-left: none;
	height: 40px;
}

#mil
{
	border: none;
	background-image: url("images/bande.jpg");
	height: 20px;
}

#bas
{
	width: 100%;
	height: 380px;
	border: none;
	background-color: #3168d5;
}

#range_tablo
{
	height: 380px;
	padding: 10px;
	padding-top: 0px;
	overflow: auto;
}

.images
{
	width: 130px;
	height: 125px;
	background-color: #1d90e9;
	text-align: center;
	padding-top: 8px;
	border: 5px solid #3168d5;
	border-right: 8px solid #3168d5;
}

#footer
{
	padding-top: 10px;
	background-color: #333366;
	margin: auto;
	margin-top: 0px;
	margin-left: 360px;
	width: 220px;
	height: 140px; 
}

#logo_home
{
	float: left; 
	margin-left: 0px;
	margin-top: 0px;
}

#logo_mail
{
	float: right; 
	margin-right: 0px;
	margin-top: 0px;
}

#copyright
{ 
	margin-top: 30px;
	font-size: 0.7em;
	text-align: center;
}

img
 {
	border: none;
 }