html {overflow: hidden;}
body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-image: url("../img/text.jpg");
	color: #630;font-size: 13px;font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	height: 100%;
width: 100%;
	
}
#menu {
	margin: auto;
	position: absolute;
	width: 75px;
	height: 100%;
	text-align: left;
	padding-right: 700px;	
	position: relative;
	z-index: 500;
	line-height: 15px;
	
}
#menu ul {
	list-style: none; margin: 0; padding: 0 0 0 10px;
}

.contenant {
overflow: auto;
height: 100%;
width: 100%;
position: absolute;
text-align: center;

}
.menu { border: none; height: 5px; overflow: visible;}


#contenu {
	margin: auto;
	position: relative;
	padding-left: 90px;
	width: 640px;
	text-align: left;
	overflow: visible;
	height: 600px;
}
/*reservation*/
#contenu div.fond_clair {background: url(../img/textpage.jpg); margin-top: -13px; padding-top: 20px; width: 740px; position: relative; }
#contenu div.fond_clair div {position: relative; width: 245px; float: left; text-align: center;}
#contenu div.fond_clair div.etroit {width: 180px; padding-top: 50px;} 
#contenu div.fond_clair div.centre {padding-top: 70px;} 
p.retrait {margin: 20px 140px;}

/*localisation*/
#img_localisation {position: relative; float: left; width: 370px;}
#situation {position: absolute; left: 100px;}
#anim_carte {position: absolute; with: 425px; height: 280px; top: 100px; left: 390px;}
#anim_carte img {display: none;position: absolute;}


p.cl {clear: both;}
p.r{text-align: right;}
p.c{text-align: center;}

/*resto*/
div.col_g, div.col_d {position: relative; float: left; width: 320px;}
div.etroit {width: 200px;}
div.large {width: 440px}

/*hotel*/
#hotel1 {position: absolute; left:20px; top:200px }
#hotel2 {position: absolute; left:110px; top:260px }
#hotel3 {position: absolute; left: 40px; top: 350px }

/*environnement*/
#padirac {position: absolute; top: 205px; left: 90px;}
#chasteau1 {position: absolute; bottom: 100px; left: 360px;}
#chasteau2 {position: absolute; bottom: 325px; left: 320px;}

/*economie*/
#economie {position: absolute; left:430px; top:110px}

/*index*/

#contenu #coinbas {position:absolute; left:0; top:351px; width:182px; height:106px; z-index:1; float: none}

#coinhaut {position:absolute; left:0; top:16px; width:188px; height:97px; z-index:2}

#titres {position:absolute; left:25px; top:19px; width:449px; height:332px; z-index:3}
#photo1 {position:absolute; left:431px; top:19px; width:423px; height:164px; z-index:4}

#votre {position:absolute; left:393px; top:332px; width:127px; height:48px; z-index:5}
#etape {position:absolute; left:505px; top:106px; width:139px; height:62px; z-index:1}

#photo2 {position:absolute; left:300px; top:239px; width:253px; height:140px; z-index:7}
#txtindex {position:absolute; left:565px; top:240px; width:212px; z-index:8}
#txtindex2 {position:absolute; left:-1550px; top:420px; width:180px; z-index:9; }



span.fl_l {position: relative; display: block; float: left;}
span.fl_r {position: relative; display: block; float: right; width: 80px; font-size: 11px; margin-right: 50px;}

span.let {color: #cc3300; font-weight: bold; font-size: 16px;}

.vert{color: #336600; text-align: center; font-weight: bold;}
a {color: #336600;}
a img {border: none;}
a:hover{color: ##663300;}
/*
h5    { color: #630; font-weight: normal; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; word-spacing: -1px; letter-spacing: 0px; vertical-align: baseline }
h1 { color: #630; font-weight: normal; font-size: 12px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; word-spacing: -1px; letter-spacing: 0px; vertical-align: baseline }
h4 { color: #630; font-weight: bold; font-size: 15px; line-height: 17px; font-family: "Nom de police", "Times New Roman", Georgia, Times; text-align: left; vertical-align: baseline }
h3   { color: #630; font-weight: bold; font-size: 15px; line-height: 17px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center; vertical-align: baseline }
.lettrine  { color: #c30; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; vertical-align: baseline }
h2     { color: #360; font-weight: bold; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center; word-spacing: 0px; vertical-align: baseline }
.lettrine1 { color: #630; font-weight: bold; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; vertical-align: baseline }


a { color: #360; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a:hover { color: #630; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
*/
#contenant{ width: 700px;}
#contenant h1{ text-align: center; font-weight: bold; font-size: 16px;}
#contenant h2{font-weight: bold; font-size: 14px; border-bottom: 1px solid #a90f0f;padding: 8px 0;}

#resto_titres {text-align: center;}
#resto_titres a { color: #000; padding: 4px 5px 8px 5px; margin: 0px; text-decoration: none; outline: none;  font-weight: bold;}
#resto_titres a:hover{ text-decoration: underline;}
#resto_titres a.actif {font-weight: bold; font-size: 12px; background-color: #d1af63;}

#resto_detail {text-align: center; margin: 5px 30px 30px 30px; padding: 30px; border: 1px solid #c19538; background-color: #d1af63; display: none;}
#hotel td {font-size: 12px; font-weight: bold;}
#hotel td.prix {color: #336633;}