body{
	padding: 0;
	margin: 0;
	background-image: url(img/bg.gif);
	font: 12px sans-serif;
}

/* partie principale pour la mise en page*/

#main{
	margin: 0 auto;
	padding: 0;
	width: 399px;
}
#top{
	
	height:195px;
	background-image: url(img/top.jpg);
	background-repeat: no-repeat;
	text-align: center;
	text-transform: uppercase;
	}
#milieu{
	height: auto;	
	background-image: url(img/fond.gif);
	background-repeat: repeat-y;
	padding: 10px 5px 10px 5px;
	text-align: justify;
	
}
#bottom{
	height: 22px;
	background-image: url(img/bottom.gif);
	background-repeat: no-repeat;
	text-align: center;
}

/* arrangement du top */

#top ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#top li{
	display: inline;
	color: white;

}
#top a{
	color: White;
	text-decoration: none;
}
#top a:hover{
	color : #DC143C;
	border-bottom: dotted;
}

/* arrangement du milieu */

#milieu a{
	color: #2E8B57;
	text-decoration: none;
}
#milieu a:hover {
	color : #DC143C;
	border-bottom: dotted;
}

/* arrangement du bas */

#bottom a{
	color: #2E8B57;
	text-decoration: none;
}
#bottom a:hover {
	color : #DC143C;
	border-bottom: dotted;
}