body{
	font-family:Trebuchet MS;
	font-size:13px;
	height:750px;
	width:1250px;
	position:absolute;
	left:5%;
	top:5%;
	background-color:#000000;

}

.blanc{
color:white;
}

#bienvenue{
	position:absolute;
	top:2%;
	right:2%;
}

#etable{
	position:absolute;
	top:2%;
	left:2%;
}

#wrapper{
	height:750px;
	width:1250px;

}

#background{
	position:absolute;
}

#contentAttente{

	height:300px;
	width:650px;
	position:absolute;
	top:20%;
	left:1%;


}

#attente{
	height:300px;
	width:650px;
	padding-left:10px;
	padding-bottom:5px;
	text-align:center;
	overflow:auto;

}

.infos{
	color:white;
	font-size:16px;
	line-height:30px;

}

#contentAccueil{

	height:400px;
	width:650px;
	position:absolute;
	top:23%;
	left:2%;
}

#text{
	height:245px;
	width:450px;
	padding-left:35px;
	padding-bottom:5px;
	text-align:justify;
	overflow:auto;
}

#contentEtable{

	height:200px;
	width:440px;
	position:absolute;
	bottom:10%;
	left:2%;
	right:2%;
}

#textEtable{
	color:white;
	height:245px;
	width:405px;
	padding-left:25px;
	padding-bottom:5px;
	text-align:justify;
	overflow:auto;
}

#contentAnimaux{

	height:227px;
	width:444px;
	position:absolute;
	bottom:12.5%;
	left:2.5%;
}

#textAnimaux{
	color:white;
	height:227px;
	width:405px;
	padding-left:25px;
	text-align:justify;
	overflow:auto;
}

#contentOutils{

	height:202px;
	width:413px;
	position:absolute;
	bottom:14%;
	left:3%;
}

#textOutils{
	color:white;
	height:227px;
	width:380px;
	padding-left:25px;
	text-align:justify;
	overflow:auto;
}

#contentMusee{

	height:202px;
	width:413px;
	position:absolute;
	bottom:12%;
	left:2.5%;
}

#textMusee{
	color:white;
	height:227px;
	width:385px;
	padding-left:25px;
	text-align:justify;
	overflow:auto;
}

#contentConstruction{

	height:90px;
	width:350px;
	position:absolute;
	top:2%;
	right:3%;

}

#textConstruction{
	color:white;
	height:90px;
	width:350px;
	padding-left:25px;
	padding-bottom:5px;
	text-align:justify;
	overflow:auto;
}

#textContact{
	font-size:16px;
	color:white;
	height:150px;
	width:350px;
	padding-left:25px;
	padding-bottom:5px;
	text-align:right;
	overflow:auto;
	margin-top:525px;
	margin-left:-20px;

}

p{
	padding-right:20px;
}

a img{
	border:none;
}


/*MENU*/

.menu {
  font-family: verdana, arial, sans-serif;
  position: relative;
  top:725px;


}
.menu, .menu .toggle {
  height: 25px;
  line-height: 25px;
 
}
.menu .toggle {
  color: #FC9E22;
  font-size: 14px;
  cursor: pointer;
  text-transform:uppercase;
  position: absolute;
  left: 0;
  top: 0;
  padding-left:5px;
  width: 60px;
 
}
.menu .toggle-hover {
  color: #FC9E22;
}

.menu .items {
  position: absolute;
  left: 75px;
  top: 0;
}

.menu .items ul,
.menu .items li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu .items li {
  float: left;
  height: 25px;
  line-height: 25px;
  padding: 0 20px 0 0;
}
.menu .items a {
  font-size: 14px;
  font-weight: regular;
  color: #FFFFFF;
  text-decoration: none;
}
.menu .items a:hover {
  color:#888;
}
.menu .items a.current {
  color: #999;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */