body {
	background-color: #000;
	margin: 0px 0px;
	text-align: center;
	font-size: 1em;
	font-family: Arial, sans serif; 
	color: #FFF;
	
}
a{color: #FFF}

img, table { margin: 0; padding: 0; border: none; }
/*h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }*/
td{font-size: 12px;}
#conteneur {
	width: 958px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid;*/
	
	padding: 0;
	position: relative;
	/*height: 823px;*/
}
#bandeau{
	position: relative;
	/*height: 250px;*/
	width: 100%;
	/*background-color: black;
	height: 180px;*/
	border: none;
	line-height: 0;
}
#bandeau a img, #bandeau a {border: none; margin: 0; position: relative;}

#corps{
	/**/position: relative;
	height: 398px;
	background-repeat: no-repeat;
	padding-top: 25px;/**/
	
	width: 970px;
	z-index: 10;
}
#corps #texte {height: 350px; overflow: auto;}

#corps.index{background-image: url("../img/fond-home.jpg");text-align: left; background-position: 450px 0}
#corps.chambres{background-image: url("../img/fond-chambres.jpg");}
#corps.c1930 {background-image: url("../img/fond-1930.jpg");}
#corps.acces {background-image: url("../img/fond-acces.jpg");}
#corps.contact {background-image: url("../img/fond-contact.jpg");}
#corps.tarifs {background-image: url("../img/fond-tarifs.jpg");}
#corps.liens {background-image: url("../img/fond-contact.jpg");}

#corps p, #corps.tarifs table{margin: 5px 0 5px 80px; width: 250px; font-family: Trebuchet MS, Verdana; font-size: 13px; padding: 0;  }

#corps.index #txt {width: 450px; margin-left: 0; margin-right: auto; position: relative; opacity: 0.8;  filter:alpha(opacity=80);background-color: black;margin-top: -15px;}
#corps.index p{ padding: 0px 5px 5px 5px;; text-align: justify; width: auto;margin: 0;}

#corps.tarifs div#texte div{position: relative; float: left; width: 350px; height: 250px;}
#corps.tarifs div#texte div p {margin: 3px;}
#corps.c1930 div#texte {height: 370px;}


#ligne{height: 8px; /*background-image: url("../img/fond-ligne.gif");*/}

#pied{
	height: 74px;
	margin: 0;
	padding: 0;
	font-family:  Times new roman, serif;
	font-size: 14px;
	text-align: center;
}

#infos-legales {text-align: center;}
#infos-legales a{font-size: 12px}

#langues {position: absolute; right: 30px; top: 170px; z-index: 1000; width: 90px;}

/*menu*/
#menu,#menu ul.sm{ list-style: none;}
#menu{position: relative; z-index: 500; margin: 0; /*border-top: 8px solid #FFF;*/padding: 10px 0;text-align: center; width: 880px; padding-left: 00px; height: 25px;margin-left: auto; margin-right: auto;}
#menu li{position: relative;z-index: 500;  margin: 0 12px;padding: 0; height: 40px; 
display: block; float: left;
}
#menu li a {font-family: /*"Trebuchet MS",*/ Arial, sans serif; font-size: 15px; /*font-weight: bold;*/ text-decoration: none; color: #FFF; }
#menu ul.sm {/*border: 1px solid #000;*/display: none;  position: absolute; text-align: left; width: 150px;
	margin: 0px 0; 
	padding: 20px 0 0 0; z-index: 500; }
#menu ul.sm li{display: block; width: 100%; position: relative; height: auto; margin: 0px; padding: 0 5px 5px 1px; z-index: 500;background-color: #000}/*background-image: url("../img/noir.png");*/
#menu ul.sm li a {font-weight: normal; }
#menu li a:hover, ul.sm li a:hover, #menu a.hover{color: #fbe9e5}
/*#menu ul.sm li a:hover {color: #fbe9e5 }*/

/*txt vetical à gauche*/
#vertic_g {position: absolute; top: 17px; left: 18px; width: 47px; height: 360px;}
#titre_d {position: absolute; top: 23px; right: 55px; text-transform: uppercase; font-family: Arial, sans serif; color: #FFF; font-size: 17px; text-align: right;}


/*index*/
#popup {position: absolute; z-index: 1000; left: 320px; top: 210px; display: none;}
#offres_bt {position: absolute; right: 20px; top: 80px; z-index: 1000;}
#offres_bt a{outline: none;}
#popup img {cursor: pointer;}


/*photos chambres*/
#vignettes {position: absolute; left: 350px; top: 55px; width: 240px;}
#vignettes p{text-align: center; margin: 0;width: 240px; float: none;}
#vignettes a {width: 110px; position: relative; }/*display: block; float: left;*/
#vignettes a img {margin: 3px; border: 1px solid #FFF}
#vignettes a.marg_g{}

#img {position: absolute; left: 600px; top: 50px; width: 320px; height: 300px; }
#img img{border: 1px solid #FFF}

#img.c1930{
	display: none; left: 345px; width: 410px; background-color: #000;
}
#img.c1930 img{cursor: pointer;}
#vignettes.c1930 {left: auto; right: 30px; height: 250px; width: 160px; overflow: auto;}
#vignettes.c1930 a {display: block; text-align: center;}

/*contact*/
form, input, select {font-family: "Trebuchet MS", Arial, sans serif; font-size: 12px; height: 18px;}

#formulaire {position: absolute; top: 40px; right: 70px;font-family: Trebuchet MS, Verdana; font-size: 13px; width: 280px;}
h2 {font-size: 16px;}
#corps.contact #texte, #corps.acces #texte, #corps.c1930 #texte{margin: 20px 0 0 70px;}
 #texte p {margin: 2px 0}
#form_contact, #col_g {position: relative; float: left; margin: 0; width: 280px;}






/*
#chambres {top: 20px}
#location-exclusive {top: 56px}
#location-salle{top: 76px;}
#mariages {top: 110px;}
#plan {top: 146px;}
#tomate{top: 183px;}*/




#chambre-menu, #mariage-menu{position: absolute; z-index: 150; left: 120px;}
.fermer_ch{position: absolute; right: 0; outline: none;}
.fermer_ch a {outline: none;}
#chambre-contenu{position: absolute; z-index: 150; display: none; height: 200px; top: 0px; width: 800px; }

#ch_navig {height: 59px; }
#ch_navig a{color: #aad94d; text-decoration: none; font-size: 16px; padding: 25px 0 0 20px; display: block; float: left; outline: none;}
#ch_navig a.actif {font-size: 25px; padding-top: 15px;}


.ch_photo {position: relative; float: left; margin-left: 38px; width: 300px;}
.ch_txt {color: #FFF;position: relative; float: left; margin-left: 38px; Font-family:"Trebuchet MS"; width: 300px; padding: 0; font-size: 14px;}
.prix{color: #aad94d;}

.ch_reserv {}

.inv{display: none;}


/*chambres*/
#precedent, #suivant {position: absolute; z-index: 500; top: 235px; outline: none;}
#precedent  img, #suivant  img{border: none;}
#precedent:hover img, #suivant:hover img{border: 1px solid #3c4718;}
#precedent {left: 500px; }
#suivant {left: 529px}
#ph_mariage {position: absolute; z-index: 500; left: 442px; top: 91px; width: }




#instructions {
	position: absolute; bottom: 49px; left: 346px; font-size: 12px; font-style: italic; color: #666; width: 250px; text-align: center; 
}
#instructions.c1930 {bottom: 69px; left: 780px; width: 110px;}
*html #instructions.c1930 {bottom: 95px;}


