/*  Fichier CSS les buis */
/* Communs */
body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color:#993366;
  scrollbar-face-color: #cccc99; 
  scrollbar-shadow-color: #336600;
  scrollbar-highlight-color: #336600;
  scrollbar-3dlight-color: #993366; 
  scrollbar-darkshadow-color: #336600; 
  scrollbar-track-color: #993366; 
  scrollbar-arrow-color: #336600;
  background-color:#cccc99;
}
li{
list-style-type:none;
}

/*End*/
/* Structure */


#contenu{
  position:absolute;
  top:76px;
  z-index:3;
}

#contenu p{
  padding-top:320px;
  padding-left:10px;
}

#contenuchambre{
  position:absolute;
  top:40px;
}

#contenuchambre p{
  padding-top:10px;
  padding-left:5px;
}

#reference{
	position:absolute;
	width:339px;
	top:358px;
	left:262px;
	height: 154px;

}

#textacces{
  color:#333300;
  position:absolute;
  width:154px;
  top:135px;
  left:590px;
}

#fond{
  position:absolute;
  width:760px;
  left:50%;
  margin-left:-380px;
  background:url(images/fondindex.jpg);
  background-repeat:no-repeat;
  z-index:1;
  border:1px solid #606730;
  top:5%;
}
#fondchambre{
  position:absolute;
  width:760px;
  height:464px;
  left:50%;
  margin-left:-380px;
  background:url(images/fond_texte_chambre.gif);
  background-repeat:no-repeat;
  border:1px solid #606730;
  top:5%;
  background-color:#FFFFCC;
}

#fondsalon{
  position:absolute;
  width:760px;
  height:440px;
  left:50%;
  margin-left:-380px;
  background:url(images/fond_texte_salon.gif);
  background-repeat:no-repeat;
  border:1px solid #606730;
  top:5%;
  background-color:#FFFFCC;
}

#fondpiscine{
  position:absolute;
  width:760px;
  height:440px;
  left:50%;
  margin-left:-380px;
  background:url(images/fond_texte_piscine.gif);
  background-repeat:no-repeat;
  border:1px solid #606730;
  top:5%;
  background-color:#FFFFCC;
}

#fondregion{
  position:absolute;
  width:760px;
  height:440px;
  left:50%;
  margin-left:-380px;
  background:url(images/fond_texte_region.gif);
  background-repeat:no-repeat;
  border:1px solid #606730;
  top:5%;
  background-color:#FFFFCC;
}
#fondregion p, #fondtable p, #fondchambre p, #fondpiscine p, #fondsalon p, #fondacces p{
  color:#333300;
  font-size:0.9em;
  text-align:right;
  margin-top:10px;
  margin-left:0px;
  margin-right:640px;
}

#fondtable{
  position:absolute;
  width:760px;
  height:440px;
  left:50%;
  margin-left:-380px;
  background:url(images/table.jpg);
  background-repeat:no-repeat;
  border:1px solid #606730;
  top:5%;
  background-color:#FFFFCC;
}

#fondacces{
  position:absolute;
  width:760px;
  height:440px;
  left:50%;
  margin-left:-380px;
  background:url(images/acces.jpg);
  background-repeat:no-repeat;
  border:1px solid #606730;
  top:5%;
  background-color:#FFFFCC;
}

a.defaut{
   color:#333300;
   font-weight:bold;
}

.animationindex{
  position:absolute;
  top:0px;
  z-index:3;
}

.animationchambre{
  position:absolute;
  top:30px;
  left:124px;
  z-index:3;
}

ul.menu{
  margin:0px;
  padding:0px;
}
ul.menu li a{
  position:absolute;
  list-style-type:none;
}
ul.menu li a{
  display:block;
}

ul.menu li a.chambres{
  width:324px;
  height:47px;
  left:395px;
  top:355px;
  background:url(images/btn_chambres.jpg);
  z-index:3;  
}
ul.menu li a.chambres:hover{
  background:url(images/btn_chambres2.jpg);
}

ul.menu li a.chambres-en{
  width:351px;
  height:40px;
  left:370px;
  top:355px;
  background:url(images/btn_chambre-en.gif);
  z-index:3;  
}
ul.menu li a.chambres-en:hover{
  background:url(images/btn_chambre2-en.gif);
}

ul.menu li a.chambresregion{
  width:314px;
  height:42px;
  left:395px;
  top:388px;
  background:url(images/btn_chambresbis.jpg);
  z-index:3;  
}
ul.menu li a.chambresregion:hover{
  background:url(images/btn_chambres2bis.jpg);
}

ul.menu li a.chambresregion-en{
  width:314px;
  height:42px;
  left:395px;
  top:388px;
  background:url(images/btn_chambresbis-en.jpg);
  z-index:3;  
}
ul.menu li a.chambresregion-en:hover{
  background:url(images/btn_chambres2bis-en.jpg);
}

ul.menu li a.chambresacces{
  width:314px;
  height:42px;
  left:190px;
  top:394px;
  background:url(images/btn_chambresbis.jpg);
  z-index:3;  
}
ul.menu li a.chambresacces:hover{
  background:url(images/btn_chambres2bis.jpg);
}

ul.menu li a.chambresacces-en{
  width:314px;
  height:42px;
  left:190px;
  top:394px;
  background:url(images/btn_chambresbis-en.jpg);
  z-index:3;  
}
ul.menu li a.chambresacces-en:hover{
  background:url(images/btn_chambres2bis-en.jpg);
}

ul.menu li a.region{
  width:196px;
  height:22px;
  left:520px;
  top:410px;
  background:url(images/btn_region.gif);
  z-index:3;   
}
ul.menu li a.region:hover{
  background:url(images/btn_region2.gif);
}

ul.menu li a.region-en{
  width:168px;
  height:26px;
  left:520px;
  top:410px;
  background:url(images/btn_region-en.gif);
  z-index:3;   
}
ul.menu li a.region-en:hover{
  background:url(images/btn_region2-en.gif);
}

ul.menu li a.regionchambre{
  width:196px;
  height:22px;
  left:540px;
  top:428px;
  background:url(images/btn_region.gif);
  z-index:3;   
}
ul.menu li a.regionchambre:hover{
  background:url(images/btn_region2.gif);
}

ul.menu li a.regionchambre-en{
  width:168px;
  height:26px;
  left:540px;
  top:428px;
  background:url(images/btn_region-en.gif);
  z-index:3;   
}
ul.menu li a.regionchambre-en:hover{
  background:url(images/btn_region2-en.gif);
}
ul.menu li a.lien{
  width:164px;
  height:22px;
  left:540px;
  top:428px;
  background:url(images/liens.gif);
  z-index:3;   
}
ul.menu li a.lien:hover{
  background:url(images/liens2.gif);
}

ul.menu li a.lien-en{
  width:164px;
  height:22px;
  left:540px;
  top:428px;
  background:url(images/liens-en.gif);
  z-index:3;   
}
ul.menu li a.lien-en:hover{
  background:url(images/liens2-en.gif);
}

ul.menu li a.contact{
  left:487px;
  top:5px;
  width:272px;
  height:75px;
  background:url(images/contact.gif);
  z-index:2;  
}
ul.menu li a.contact:hover{
  background:url(images/contact2.gif);
}

ul.menu li a.contactchambre{
  left:487px;
  top:0px;
  width:272px;
  height:75px;
  background:url(images/contact.gif);
  z-index:2;  
}
ul.menu li a.contactchambre:hover{
  background:url(images/contact2.gif);
}

ul.menu li a.acces{
  width:68px;
  height:39px;
  left:10px;
  top:350px;
  background:url(images/acces2.gif);
  z-index:3;   
}

ul.menu li a.acces:hover{
  background:url(images/acces.gif);
}

ul.menu li a.contact{
  left:487px;
  top:5px;
  width:272px;
  height:75px;
  background:url(images/contact.gif);
  z-index:2;  
}
ul.menu li a.contact:hover{
  background:url(images/contact2.gif);
}

ul.menu li a.acceschambre{
  width:119px;
  height:43px;
  left:133px;
  top:385px;
  background:url(images/acces_chambre2.gif);
  z-index:3;   
}

ul.menu li a.acceschambre:hover{
  background:url(images/acces_chambre.gif);
}

ul.menu li a.tarif{
  top:0px;
  left:300px;
  width:157px;
  height:67px;
  background:url(images/tarifs.gif);
  z-index:3;
}

ul.menu li a.tarif:hover{
  background:url(images/tarifs2.gif);
}

ul.menu li a.tarif-en{
  top:0px;
  left:300px;
  width:157px;
  height:66px;
  background:url(images/tarifs-en.gif);
  z-index:3;
}

ul.menu li a.tarif-en:hover{
  background:url(images/tarifs2-en.gif);
}

ul.menu li a.retour{
 top:0px;
 color:#606730;
 font-size:0.9em;
 padding-left:120px;
}

#roseD{
  position:absolute;
  width:55px;
  height:54px;
  top:10px;
  left:10px;
  background:url(images/roseD.gif);
  z-index:2;  
}
#roseM{
  position:absolute;
  top:10px;
  left:350px;
  width:116px;
  height:60px;
  background:url(images/roseM.gif);
  background-repeat:no-repeat;
  z-index:3; 
}

#pieddepage{
  margin-top:44em;
  font-size:0.85em;
  text-align:right;
  border-top:1px solid #606730;
  padding-top:5px;
  letter-spacing:0.2em   
}

#pieddepage img{
  border:0px;
  float:left;
  margin-top:-5px;  
}

a.com{
  color:#606730;
  text-decoration:none; 
}

/*End*/
/*---- Style texte ---*/
h1{
  color:#606730;
  font-weight:bold;
  font-size:1.2em;
  font-variant:small-caps;
  margin-top:85px;
  margin-left:280px;
}

/*---- Extra ---*/
span.adaptive{
  display:bloc;
  position:absolute;
  top:-1000px;
  font-size:1px;
  width:1px;
  height:1px;
}

/*---- PopUp ---*/
div#popup, div#poptarif{
  position:absolute;
  width:520px;
  height:407px;
  top:50%;
  left:50%;
  margin-top:-210px;
  margin-left:-250px;
  background:url(images/fondpopup2.gif);
  background-repeat:no-repeat;
  z-index:4;
}

div#popup img.close, div#poptarif img.close{
  position:absolute;
  top:250px;
  left:160px;
  z-index:4;
  border:none;
}

div#popup ul{
  width:390px;
  margin-left:70px;
}

div#popup li{
  list-style-type:square;
}

/*----- Formulaire ----*/
div#popup img.closeF, div#poptarif img.closeF {
  position:absolute;
  top:58px;
  left:465px;
  z-index:4;
  border:none;
}
div#popup form{
  width:420px;
  margin-left:90px;
  text-align:left;
}

div#popup fieldset{
  border:none;
}

div#popup legend{
display:none;
}
div#popup p.type{
  font-size:1em;
  text-align:right;
  display:inline;
}

div#popup input.contact{
  border:none;
  border-bottom:1px solid #cccc99;
  background-color:#FFFFCC;
  color:#606730;
}
div#popup textarea.contact{
  border:1px solid #cccc99;
  background-color:#FFFFCC;
  color:#606730;   
}
div#popup input.envoyer{
  margin-left:100px;
  border:none; 
}

div#popup p.init, div#poptarif p.init{
  font-size:0.85em;
  margin-top:95px;
  margin-left:100px;
  text-align:right;
  padding-right:50px;
}

div#popup a, div#poptarif a{
   color:#333300
}

td.texteftarif2 {
	color: #3E3E1C;
	border: none;
	text-align: right;
	vertical-align: middle;
}

td.textetarif {
	font-weight: bold;
	color: #3E3E1C;
	border: none;
	text-align: center;
	vertical-align: middle;
}

td.textetarif3 {
	font-weight: bold;
	color: #3E3E1C;
	border: none;
	text-align: right;
	vertical-align: middle;
  padding-right:25px;
  
}

td.texteformulaire {
	font-weight: bold;
	color: #333333;
	border: none;
	text-align: left;
	vertical-align: middle;

}
table{
width:320px;
margin-left:120px;
margin-top:40px;
}

td{
padding-bottom:1em;
}

div#erreur, div#message{
  position:absolute;
  top:50px;
  margin-left:150px;
}
div#erreur h1, div#message h1{
  font-size:0.9em;
  color:#3E3E1C;
  margin-bottom:0.3em;
  margin-left:80px;
}
div#message p{
  width:80%;
  text-align:center;
  font-size:1em;
  margin-top:0.3em;
}
p.erreur{
  margin:-10px;
  margin-left:80px;
}

/*----- liste normal sans puce ---*/
ul.none li{
  list-style-type:none;  
}
/*----- scroll --------*/
div#scroll{
	position:absolute;
	width:200px;
	left:80px;
	z-index:3;
	top: -4px;
}
div#scrollCache{
  position:absolute;
  width:200px;
  height:100px;
  left:0px;
  top:-101px;
  background-color:#cccc99;
  z-index:4;
}
div#scroll p{
	position:absolute;
	z-index:3;
	width: 156px;
	height: 139px;
	left: 95px;



}