/*--------------------------------------
        Mise en Page Mas Arnal
       Source : www.masarnal.com 
      Copyright : Mas arnal-2005
--------------------------------------*/
/*------ Common --*/
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:75%;
  color:#FFFFC4;
  margin:0; 
  padding:0;
  background-image:url(images/background.gif);
  background-color:#FFA418;
}
img{
  border:0px;
}
ul, li{
  margin:0; 
  padding:0;  
}
a.default{
  color:#FFFFC4;
  font-weight:bold;
  text-decoration:none;
}
a.default:hover, a.default.focus{
  background-color:#FFFFC4;
  color:#CD9967
}
/*------ Structure ---*/
#left_accueil, 
#left_gite,
#left_chambre,
#left_region,
#left_mas{
  position:absolute;
  top;0;
  left:0;
  width:173px;
  height:585px;
  margin:0;
  padding:0;
  z-index:1;

}
#left_accueil{
  background-image:url(images/b_left_accueil.jpg);  
}
#left_gite{
  background-image:url(images/b_left_gite.jpg);
  margin-left:-173px;  
}
#left_chambre{
  background-image:url(images/b_left_chambre.jpg);
  margin-left:-173px;  
}
#left_mas{
  background-image:url(images/b_left_mas.jpg);
  margin-left:-173px;
}  
#left_region{
  background-image:url(images/b_left_region.jpg);
  margin-left:-173px;  
}
#screen{
  position:relative;
  top:0;
  left:0;
  background-color:#CCCC99;
  width:100%;
  height:585px;
  z-index:0;
  background-image:url(images/b_right.jpg);    
}
#content{
  position:absolute;
  left:173px;
  top:70px;
  width:619px;
  height:517px;
  background-image:url(images/b_accueil.jpg);
  background-repeat:no-repeat;  
  z-index:0;
  padding-top:10%;  
}
#content2{
  position:absolute;
  left:173px;
  top:70px;
  width:619px;
  height:517px;
  z-index:0;
  background-image:url(images/background.gif);   
}
#C_foot{
  background-image:url(images/background.gif); 
  margin-top:-200px;
  min-width:100%;
  height:89px;    
}
#footer{
  position:absolute;
  background-image:url(images/b_pied-de-page.gif);
  min-width:100%;
  height:277px;
  top:35em;
  z-index:3;
  margin:0;
  padding:0;
}
#footer a{
  position:absolute;
  margin-left:-16px;
  margin-top:7px  
}
/*------- Contenu ---*/
h1{
  position:absolute;
  top:0;
  left:173px;
  width:619px;
  text-align:right;
  background-image:url(images/background.gif);
  margin:0;
  padding:0;
}
#menu{
  position:absolute;
  top:50px;
  left:0;
  z-index:2;
  width:100%;
  background-color:#CD9967;
  padding:0.3em;
}
#menu li{
  display:inline;
  padding-right:1em;
}
#menu li a{
  color:#FFFFC4;
  font-weight:bold;
  text-decoration:none;
  padding-left:0.1em;
  padding-right:0.1em; 
}
#menu li a:hover, #menu li a:focus{
  background-color:#FFFFC4;
  color:#CD9967;
}
#menu li a#lang{
  display:block;
  float:left;
  widht:25px;
  height:15px;
  border:1px solid #CD9967;
}
#menu li a#lang:hover, #menu li a#lang:focus{
  background-color:#CD9967;
  border:1px solid #FFFFC4;    
}
#content p{
  width:23em;
  float:right;
  clear:both;
  font-weight:bold;
  margin-top:0;
  margin-bottom:1em;
  margin-right:0.3em;
  text-align:justify;
}
#content2 h2{
  position:absolute;
  top:0.5em;
  width:220px;  
  left:-10%;
  z-index:4;
  text-align:center;
  color:#295454;
  font-size:1.1em;  
}
#content2 #texte{
  position:absolute;
  top:4em;
  left:-10%;
  z-index:4;
  width:220px;
  font-weight:bold;
  text-align:justify;
  color:#295454;
}
/*----- Diaporama ----*/
#diaporama{
 position:absolute;
 right:10px;
 top:4em;
 width:405px;
 height:283px;
 background-color:#D0D0A0;
 z-index:0;
}
#diaporama object{
  margin-top:-40px;
  margin-left:-15px;
}
#plan{
 position:absolute;
 right:10px;
 top:1em;
 z-index:0;
}
/*------ Pop Up -----*/
#popup{
 position:absolute;
 width:35em;
 height:30em;
 top:10%;
 left:20%;
 background-color:#A09C70;
 border:5px solid #FFFFD0;
 z-index:4;
}
#popup h1{
 position:relative;
 background-image:none;
 text-align:left;
 width:100%;
 left:0;
 text-align:center; 
}
#close{
  position:absolute;
  top:2px;
  right:2px;
}
#CoinHG{
  position:absolute;
  top:-10px;
  left:-20px;
  z-index:4;
  width:44px;
  height:35px;
  background-image:url(images/coin_haut.gif);
}
#CoinBD{
  position:absolute;
  bottom:-10px;
  right:-12px;
  z-index:4;
  width:36px;
  height:36px;  
  background-image:url(images/coin_bas.gif);    
}
#popup h2{
  font-size:1.1em;
  text-decoration:underline;
  margin-left:2.8em; 
}
#popup ul{
  margin-left:3em; 
}
#Lien_G{
  float:left;
  width:49%;
}
#Lien_D{
  float:right;
  width:49%;
}
/*------ footer -----*/
#addr{
  position:absolute;
  width:590px;
  top:-0.8em;
  left:0px;
  text-align:right;
  font-weight:bold;
}
/*------ Divers -----*/
.adaptive{
  position:absolute;
 	left:0px;
 	top:-1000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}