/*--------------------------------------
        Mise en Page are y sem
       Source : www.restaurant-areysem.com
      Copyright : com-and-sites.net - 2008
--------------------------------------*/
/*------ Common--*/ 
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:75%;
  color:#660033;
  margin:-15px 0 0 2px; 
  padding:0;
  background:url(images/fond_all.jpg) no-repeat;
  background-color:#ffffff;
}
img{
  border:0px;
}
ul, li{
  margin:0; 
  padding:0;  
}
a{
  color:#800000;
  font-weight:bold;
}


a:hover, a:focus{
  color:#fffff0;
}

.petit{
font-size:80%;}

.italic,.bitalic,.pitalic{
font-style:italic;
}

.bitalic{
font-weight:bold;
}
.pitalic{
display:block;
padding-top:20px;
text-align:left;
font-size:80%;
}


a.info{
display:block;
margin-top:-5px;
font-size:80%;
padding:5px;
color:#ffcc66;
 z-index:3;
}

a.info:hover, a.info:focus{
color:#fffff0;
}
.bold{
font-weight:bold;
}

/*------ Structure ---*/

#gauche{
  position:absolute;
  top:0;
  left:2px;
  width:174px;
  height:100%;
  z-index:0;
  background:url(images/fond_gauche.jpg) no-repeat;    
}

#contener{
  position:relative;
  top:0;
  left:174px;
  width:598px;
  z-index:0;
  background-color:#ffcc33;
	padding-bottom:20px;    
}

#head{
  position:relative;
  top:0;
  left:174px;
  width:569px;
  height:240px;
  z-index:0;
  background-image:url(images/fond_head.jpg);    
}


#fondmenu{
  position:relative;
	 width:300px;
  top:0;
  left:0px;
  background-color:#FFFFFF;
  z-index:1;  
}

#titre,#titre_menu,#titre_photo,#titre_acces{
  position:absolute;
  top:-181px;
  left:360px;
  width:400px;
  height:326px;
  z-index:0;
  background-image:url(images/titre.jpg);    
}

#titre_menu{
  background-image:url(images/titre_menu.jpg);    
}
#titre_photo{
  background-image:url(images/titre_photo.jpg); 
}
#titre_acces{
  background-image:url(images/titre_acces.jpg);    
}

#droite,#droitephoto{
	float:right;
  margin-top:0;
  width:250px;
	min-height:480px;
	color:#ffffff;
	background: #660033 url(images/pied_droite.gif) no-repeat bottom; 
} 
#droitephoto{
	min-height:600px;
} 


#zone_texte{
  position:relative;
  left:0px;
  top:0px;
  width:345px;
	min-height:400px;
	font-size:90%;
}

#zone_texte p{
  padding-left:5px;
}


#module_letter,#module_letter2{
	position:absolute;
	width:120px;
  margin-top:200px;
	margin-left:-70px;
	color:#ffcc33;
  background-color:#660033;
	border:2px solid #ffffff;
	padding-bottom:10px;
}

#module_letter h2,#module_letter2 h2,#module_letter p,#module_letter2 p{
font-size:95%;
	text-align:center;
}

#module_letter2{
  margin-top:300px;
	margin-left:-90px;
	width:150px;

}


#zone_texte_news{
  position:relative;
  left:90px;
	width:220px;
}

.decalage{
  margin-left:40px;
}

#milieu{
	width:300px;
	font-size:95%;
	
}

.Hdroite, .Hdroite2,.Hdroite4{
position:relative;
padding:60px 0 0 5px;
 z-index:3;
}

.Hdroite2{
font-size:90%;
}

.Hdroite4{
padding:80px 0 0 5px;
font-size:90%;
 z-index:3;
}



.droite{
font-size:90%;
padding:0px 5px 0 5px;
}

#droite p,#droitephoto p{
position:relative;
margin-top:-5px;
padding:0 0 0 5px;
 z-index:3;
	 
}


#feuille{
	position:relative;
  background:url(images/feuille.gif) no-repeat;
	margin-top:-40px; 
	width:138px;
  height:189px; 
	margin-left:213px;
}


/*------- Contenu ---*/
#menu{
  position:relative;
  top:0;
  left:5px;
  z-index:3;
  width:370px;
  background-color:#FFFFFF;
  padding-top:0.5em;
	padding-bottom:0.7em;

}


#menu li{
  display:inline;
	position:relative;
	z-index:3;
}

#menu li a{
position:relative;
	z-index:3;
  color:#ffcc33;
	padding: 0.9em 0.2em 0.9em 0.2em;
  font-weight:bold;
  text-decoration:none;
}


#menu li a:hover, #menu li a:focus{
   color:#660033;
	 background-color:#ffcc33;
	 border:2px solid #ffffff; 
}
#menu li a#lang{
  display:block;
  float:left;
	margin-left:20px;
	margin-top:-30px;
  width:25px;
  height:15px;

}

#menu li a#lang:hover, #menu li a#lang:focus{
  border:1px solid #3399ff;    
}





/*------ footer -----*/

#footer{
  position:relative;
	font-size:97%;
  text-align:right;
	margin-right:90px;
	margin-top:-55px;
  font-weight:bold;
}

#com{
  position:relative;
	width:174px;
	font-size:85%;
  text-align:right;
	margin-left:-180px;
  font-weight:bold;
}

a.com{
  text-decoration:none;
	color:#ffcc33;
}
a.com:hover, a.default.focus{
  color:#660033;
}










/*----- Diaporama ----*/

object{
  margin-left:10px;
	z-index:1;
}


/*------ Pop Up -----*/
#popup,#popup2,#popup3,#popup4{
 position:absolute;
 width:20em;
 height:36em;
 top:20%;
 left:30%;
 padding:10px;
 background-color:#ffcc33;
 border:5px solid #FFFFD0;
 text-align:center;
 z-index:4;
}

#popup2{
 top:20%;
 left:20%;
 width:32em;
 height:30em;
 text-align:left;

}
#popup3{
width:24em;
 height:20em;
 text-align:left;

}

#popuppartenaire{
 position:absolute;
 width:20em;
 height:18em;
 top:8%;
 left:40%;
 padding:10px;
 background-color:#ffcc33;
 border:5px solid #FFFFD0;
 text-align:left;
 z-index:4;
}

#popup4{
 top:20%;
 left:20%;
 width:32em;
 height:50em;
 text-align:left;

}



#popup h3{
 position:relative;
padding-top:30px;
 left:0;

}
#close{
  position:absolute;
  top:2px;
  right:2px;
}



/*------ Divers -----*/
.adaptive{
  position:absolute;
 	left:0px;
 	top:-1000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}