/* CSS Document
 le mas du calme avril 2009 by JRz
*/

body {
	background: #cac06b;
	font-family:Georgia, Times, serif;
	color: #000;
	font-size: 12px;
}
a:link {
	color: #9A350A;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #9A350A;
}
a:hover {
	text-decoration: underline;
	color: #9A350A;
}
a:active {
	text-decoration: none;
	color: #9A350A;
}
 
#container{
    margin: 0 auto 0 auto;
    height:850px; 
    width:800px;
  }
  
#header{
   width:800px;
   height:50px;
   overflow:hidden;
}
  
#header h1{
   color:#5d3d28;
   font-size: 36px;
   letter-spacing:7px;
   margin-top:0;
}
  
#content_back{
   background: url(img/fond.jpg); 
   width:800px;
   height: 600px;
}
  
#content{
   position:absolute;
   margin: 80px auto auto 385px;
   width:380px; 
   height:450px; 
   /*border:1px solid;*/
   /*background: #5e7a86;*/
   color:#000;
   font-weight: bold;
   line-height:160%;
   overflow:hidden;
}

#content h1, content h2{
 font-size :100%;
 font-weight: bold;
 margin: 10px 0 5px 5px;
}
  
#content p{
   margin:5px 10px 15px 10px;
   font-size:100%;
   text-align: justify;
}
#menu{
   position:absolute;
   margin: 530px auto auto 385px;
   width:380px; 
}

#menu li{
 display: inline;
 margin: 0 5px 0 5px;
}

#gallery{
   width:800px;
   height:150px;
  }
  
#gallery img{
   border:none;
   width:200px;
   height:150px;
   float:left;
  }

#footer{
   text-align:center;
   font-size:80%;
   width:800px;
   height: 30px;
   overflow:hidden;
   margin: auto;
}
  
#footer p{
   margin:0;
}
  
#footer a{
   color:#000;
   text-decoration:none;
}

#mas{
 display: none;
}