body {
font-family: verdana, arial, sans-serif;
background-image: url(Fond2.jpg);
}

.haut {
  	height: 100px;
	width: 100%;
}

.logo {
position: absolute;
  	float: left;
  	margin-left: 25px;
	width: 120px;
	height: 140px;
}
.titre {
position: absolute;
 	margin-left: 320px;
	width: 500px;
	height: 80px;
	font-size: 36px;
	padding: 15px 0px 0px 0px;
background-image: url(FondCadre.jpg);
	color: White;
 	text-align: center;
	background-color: #708090;
	border: thick ridge #B0C4DE;
}

.conteneur {
	height: 338px;
	width: 100%;
 	margin-top: 25px;
}

.gauche {
	position: absolute;
	left: 0;
	margin-left: 20px;
	width: 150px;
	height: 500px;
	background-color: #708090;
	border: thick ridge #B0C4DE;
background-image: url(FondCadre.jpg);
	color: White;
}

.cadre  {
position: absolute;
	background-color: #708090;
	border: thick ridge #B0C4DE;
	color: Black;
margin-left: 220px;
width: 660px;
height: 480px;
overflow: auto;
background-image: url(FondCadre.jpg);
 padding: 20px 20px 0px 20px;
}

.bas {
 height: 15px;
}

ul, li {margin: 0; padding: 0; list-style-type: none;}
ul {float: left; margin-top: 60px;}


ul li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 147px ;
line-height: 27px ;
color: Black;
text-indent: 5px ; /* On décale le texte du bord gauche */
 	text-align: center;
text-decoration: none ;
}