body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  background-color:#666666;
  padding:0;
  margin:0;
  padding-top:10px;
  color:#FFFFFF;
}

a {
  color: #0149A3;
  text-decoration: none;
}
a:hover {
  color:#0165DE;
}
p {
	margin:0;
	padding:3px;
}
.toptitre {
  font-size: 120%;
  color: white;
}
h1 {
  padding:0;
  margin:0;
  margin-bottom:5px;
  font-size:18px;
}
h2{
	font-size: 115%;
	color: darkblue;
  padding:0;
  margin:0
  margin-bottom:1px;
}
h3 {
	font-size: 110%;
 color: blue;
  padding:0;
  margin:0
  margin-bottom:1px;
}

/* menu css */
#conteneur {
  width:800px;
  margin-left:auto;
  margin-right:auto;
  background-color:#969696;
  padding:5px;
}
#accueil {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 509px;
     height: 101px;
     margin-top: -50px; /* moitié de la hauteur */
     margin-left: -254px; /* moitié de la largeur */
     }
#accueil2 {
	position:absolute;
	top: 50%;
	width: 100%;
	height: 108px;
	margin-top: -50px;
	background-color:#999999;
	z-index: -1;
     }
#menu {
  position:absolute;
  width:147px;
  margin-left:37px;
  margin-top:250px;
}

#centerpage {
  position:absolute;
  margin-left:220px;
  margin-top:105px;
  width:580px;
}

#pied_de_page{
  /* width:100%; */
  text-align:center;
  font-size:10px;
  padding:10px;
  height:50px;
}



.pied a{
  text-size:10px;
  color:#CCCCCC;
}
.pied a:hover{
  text-size:10px;
  color:#FFFFFF;
}


.titre {
	margin:0;
	padding:0;
	margin-bottom:6px;
	margin-top:3px;
	color:#FB9700;
	font-weight: bold;
	font-size:16px;
}
.soustitre {
	margin:0;
	padding:0;
	margin-bottom:3px;
	margin-top:3px;
	color:#FFBA53;
	font-weight: bold;
	font-size:13px;
}
 
 .information {
  color:green;
  padding:8px;
  margin:10;
  margin-left:20px;
  font-size:16px;
 }
 .information_bad {
  color:red;
  padding:8px;
  margin:10;
  margin-left:20px;
  font-size:16px;
 }