/*régle pour le corps de la page*/
body{
  width:800px;
  margin: auto;
  text-align:center;
  vertical-align:middle;
}
/*régle de la div principal de la page*/
.mainDiv{
	margin-top:13%;
	width:100%;
	text-align:left;
	font-family:verdana;
	font-size:12px;
}
.header{
text-align:center; 
}
.menu{
	background-color:#c7c6c7;
	width:400px;
	height:400px;
	float:left;
}
.menureser{
	background-color:#c7c6c7;
	width:350px;
	height:400px;
	float:left;
}
.contenu{
	float:left;
	background-color:#e5e2e2;
	width:400px;
	height:400px;
}
ul.sous_menu{
 margin-top:10%;
}
ul{
  list-style-type: none;
  }
a:link,a:visited,a:active{
font-size:14px;
text-decoration:none;
color:#aba8a8;
}
a:hover{
color:#FFFFFF;
}
.texte{
color:#FFFFFF;
margin-top:10%;
}
#carte{
}
form.css fieldset
  {
  padding: 1em;
  margin-top:5px;
  }
form.css label
  {
  display: inline;
  height:24px;
  width: 190px;
  float:left;

  }
a.info {
  font-size:13px;
  position: relative;
  text-decoration: none;
  color:black;
  border-bottom: 1px gray dotted;
  font-weight:bold;
}
a.info span {
  display: none;
}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500;
}
a.info:hover span {
  display: inline;
  position: absolute;
  top: 2em;
  left: 1em;
  background: #986b6b;
  text-align: center;
  color: black;
  padding: 2px;
  width:200px;
}
p{
 margin-left:7%;
}
.photos{
 text-align:center;
 margin-top:15%;
}
.pages{
 margin-top:8%;
 text-align:right;
 margin-right:5%;
 margin-left:5%;
 background-color:#986b69;
}
div input{
 margin-bottom:2px;
}
.titre{
font-size:12px;
  font-weight:bold;
  
}
.description{
color:#aba8a8;
font-size:10px;
}
h1{
font-size:20px;
font-weight:bold;
}