html
{
	width:100%;
}
a{
 color: white;
 text-decoration: none;
 font-size: 18px;
 font-family:"Lucida Calligraphy";
 }
#content td {
    padding: 2px;
	font-size: 20px;
}
#content th {
    font-weight: bold;
}
#content table {
    text-align: center;
    width: 100%;
}
a:active {
 color: #FF9933;
}

body
{
	background-image: url("../images/8.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family:"times new roman", times, serif;
	color: white;
	font-size: 35px;
	background-repeat:no-repeat;
    width: 1300px;
	height: 920px; 
	position:fixe;	

}
#wrap
{
	 background-image: url("../images/7.png"); 
	 	width: 1154px;
		height: 602px;
		margin: auto;
		margin-top: 100px;
		
}
#wrap1
{
	 
	width: 1154px;
	height: 602px;
		margin: auto;
		margin-top: 100px;
		
}
#MenuBackground
{
	background-image: url("../images/6.jpg");
	width: 1164px;
	height: 182px;
	margin: auto;
	margin-top: 40px;
/* 	margin-left: 5px;
	margin-right : auto;
	
	position:absolute; */	
}
#Espace
{
	background-image: url("../images/4.jpg");
	width: 186px;
	height: 166px;
	margin-left: 10px;
	margin-top: 8px;
	position:absolute;	
	z-index:100;
}
#Plats
{
	background-image: url("../images/5.jpg");
	width: 186px;
	height: 166px;
	margin-left: 202px;
	margin-top: 8px;
	position:absolute;	
	z-index:100;
}
#Personnels
{
	background-image: url("../images/9.jpg");
	width: 186px;
	height: 166px;
	margin-left: 394px;
	margin-top: 8px;
	position:absolute;	
	z-index:100;
}
#Milieu
{
	background-image: url("../images/2.jpg");
	width: 186px;
	height: 166px;
	margin-left: 586px;
	margin-top: 8px;
	position:absolute;	
	z-index:100;
}
#Activite
{
	background-image: url("../images/1.jpg");
	width: 186px;
	height: 166px;
	margin-left: 778px;
	margin-top: 8px;
	position:absolute;	
	z-index:100;
}
#Contact
{
	background-image: url("../images/3.jpg");
	width: 186px;
	height: 166px;
	margin-left: 970px;
	margin-top: 8px;
	position:absolute;	
	z-index:100;
}

.BoutonEspace
{
	/* background-image: url("../images/BoutonAccueil.png"); */
		position:relative;
		left:10px;
		top: 130px;
}
.BoutonPlat
{
	/* background-image: url("../images/BoutonForfaits.png"); */
	
	position:relative;
		left:5px;
		top: 130px;
}
.BoutonPersonnel
{
	/* background-image: url("../images/BoutonServices.png"); */
	
	position:relative;
		left:5px;
		top: 130px;
}
.BoutonMilieu
{
	/* background-image: url("../images/BoutonActivites.png"); */
	
	position:relative;
		left:20px;
		top: 130px;
}
.BoutonActivite
{
	/* background-image: url("../images/BoutonAccueil.png"); */
	
	position:relative;
		left:10px;
		top: 130px;
}
.BoutonContact
{
	/* background-image: url("../images/BoutonForfaits.png"); */
	position:relative;
		left:20px;
		top: 130px;
}
.BoutonEspace:hover ,.BoutonPlat:hover ,.BoutonPersonnel:hover ,.BoutonMilieu:hover ,.BoutonActivite:hover,.BoutonContact:hover
{
	 color : #FF9933;
}

.texte
{
width:750px;
height: 572px;
}

.map
{
position: absolute;
margin-left: 450px;
margin-top:  90px;

}
#content
{	

	font-family:"times new roman", times, serif;
	font-size: 60%;
	color: white;
	width:1150px;
	height: 572px;
	padding : 30px 10px 10px 20px;
	z-index:1100;
		
}

#footer
{
 font-size : 15px;
 position: center;

}
a.wael 
{
	text-decoration: underline;
}
#textArea
{
  position:absolute;
  top: 350px;
  left: 450px;
}

#titreConnexion
{
font-size: 25px;
}
.logo
{
font-family:"times new roman";
position : absolute;
font-size : 40px;
font-weight:bold;
color: white;
top: 30px;
left : 80px;

}