body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #84d9f3;
	text-align: center;
	font-family: "century gothic", Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 0.9em;
}

html {
	margin: 0;
	padding: 0;
}

#page {
	text-align: left;
	width: 88%;
	margin: 10px auto 10px auto;
	position: relative;
	background: #fff;
	border: 2px solid #707070;
	padding: 0;
}

#page h1 {
	text-align: center;
	font-family: "century gothic", Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 2.4em;
}

#page h2 {
	padding:1px;
	margin: 1px 1px 20px 1px;
	text-align: center;
	font-family: "century gothic", Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-style:italic;
	border:1px solid #707070;
}

#page h3 {
	padding:1px;
	margin: 8px 1px 8px 1px;
	text-align: left;
	font-family: "century gothic", Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 1.1em;
}

#top {
	
}
.normal
{
	list-style-type: none;
	padding:5px;
}

#middle {
	margin:10px;
	padding:5px;
}

#middle td {
	margin:10px;
	padding:10px;
}

#middle a
{
   color: #FF6600;
   text-decoration:none;
   font-family: "century gothic", Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#middle a:hover
{
   color: #FF6600;
   text-decoration:underline;
}

#bottom
{
   	margin-top:20px;
	padding:2px;
}

#bottom a
{
   color: #FF6600;
   text-decoration:none;
   font-family: "century gothic", Tahoma, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#bottom a:hover
{
   color: #FF6600;
   text-decoration:underline;
}

.surligne:hover
{
	background-color:#DAECF2;
}

.nonsurligne:hover
{
	background-color:white;
}