/* CSS Document */

html,
body {
	margin: 0px;
	background-color:gray;
	font:Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #000033;
	height: 100%;
	}
p {	font:Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #000033;
	height: 100%;}
img {border: 0px solid #999999;}
/*Blocs de base*/
#container {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     
     margin-top: -300px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
	 background-color: #fff;
	  /*orange border: 1px solid #FFB754;*/
}
#header {
position:relative;
	margin: 0;
	padding: 0;
	width: 800px;
/*	height:150px;*/
	height:130px;
	overflow:hidden;
	background-color:#fff;
}
#header img {border: 0px;} 
#menubloc{
	position:relative;
	text-align: left;
	width: 800px;
	height: 20px;
	background-color: transparent;
	z-index: 100;
	border-bottom: gray 1px solid;
	border-top: gray 1px solid;
}
#contenu {width: 680px; background-color: #FFFFFF; padding: 10px; margin-left: 60px;}
#contenu ul {margin: 0;padding: 0;font: Arial, Helvetica, sans-serif ;list-style-type: disc ; list-style-position:inside;width: 100%;  font-size: 95%;/* précision pour Opera */}
#contenu li {margin: 12px;padding: 0;text-indent: -12px; font-style:normal; font-variant:normal; font-weight:normal}
li {margin: 0;padding: 0;font: Arial, Helvetica, sans-serif ;}
#back {position:absolute;
left : 739px;
/*top: 530px;*/
top: 500px;
	text-align: center;
	width: 60px;
	height: 16px;
	background-color: #fff;
	border: 1px gray solid;
	border-right: 0px;
	z-index: 100;
	font-family: "Times New Roman", Times, serif;
	color:gray;
	font-size:12px;
	font-weight:bold;}
#back a:link {text-decoration:none;color: gray; line-height: 15px;}
#back a:visited {text-decoration:none;color: gray; line-height: 15px;}
#back a:HOVER {text-decoration:none;color: #000; line-height: 15px;}
#picture {position:absolute;
left : 630px;
top: 222px;
	text-align: left;
	width: 150px;
	height: 225px;
	background-color: white;
	z-index: 100;
	font-family:Arial, Helvetica, sans-serif;}
#footer {position:relative;
width: 800px;
height: 16px;
text-align: center;
background-color: #fff;
z-index: 100;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:11px;
}
/*Fin blocs de base*/

/*Styles de base*/
h3 {
font-family:Arial, Helvetica, sans-serif;
}
a:link, a:visited {text-decoration:none;color: #660033;}
a:HOVER {text-decoration:none;color: #666633;}
.bold {font-weight:bold;}
.titre {font-weight:bold; text-decoration:underline;}
.flotte-a-droite{float: right;margin:2px 0px 5px 10px;}
.flotte-a-gauche{float: left;margin:2px 10px 10px 0px;}
.bloctexte {position:relative;width: 730px;padding: 10px 30px 10px 30px;text-align: justify;}
.bloctexte li{ list-style-type:circle; margin-top:3; margin-bottom:3}
/*Fin styles de base*/

/*Menu*/

ul {margin: 0;padding: 0;font: Arial, Helvetica, sans-serif ;list-style-type: none;width: 100%; /* précision pour Opera */}

.menu li {
float: left;
font: "Times New Roman", Times, serif;
}

.menu a {
margin: 0 0px;
width: 200px;
height: 20px;
display: block;
text-align: center;
text-decoration: none;
color: #000;
/*background-color: #666666;*/
line-height: 19px;
}

.menu a:hover {
background: #fff;
color: gray;
}

.menu a:active {
background: gray;
color: #fff;
}

/*Fin menu */