/* CSS Document 08/2007*/
body{
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #2d1609;
color: #fff;
}

#top{
width: 100%;
height: auto;
background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
background-color:#3f2001;
}

#top_02{
width: 100%;
height: auto;
text-align: center;
background-image:url(/images/bg_02.jpg);
background-repeat:repeat-x;
background-color:#2D1509;
}

#bandeau{
width: 955px;
height: 117px;
margin: 0 auto;
padding: 0 0 0 0;
text-align: center;
background-image:url(/images/bg_bandeau.gif);
background-repeat:no-repeat;
}

#contenu{
width: 955px;
height: auto;
margin: 0 auto;
padding: 0;
background-image:url(/images/bg_contenu_01.jpg);
background-repeat:no-repeat;
}

#intro{
border: none;
}

#logo{
border: none;
}

#footer{
	width: 100%;
	height: auto;
	clear: both;
	text-align: left;
	padding: 30px 0 0 0;
	background-image:url(/images/bg_footer.jpg);
	background-repeat:repeat-x;
	margin: 0 auto;
}

#footer a{
color: #fff;
text-decoration: none;
}

#gauche{
width: 285px;
height: auto;
float: left;
margin: 0;
padding: 0 0 0 50px;
}

.clear{
clear: both;
margin: 0;
padding: 0;
}

#gauche ul{
list-style-type: none;
margin: 40px 0 20px 0;
padding: 0;
font-size: 0.9em;
}

#gauche ul li{
margin: 0 0 8px 0;
padding: 0 0 0 10px;
border-left: 3px solid #fff;
}

#gauche ul li:hover{
margin: 0 0 8px 0;
padding: 0 0 0 10px;
border-left: 3px solid #83512d;
}

#gauche ul a{
color: #fff;
text-decoration: none;
}

#gauche ul a:hover{
color: #83512d;
}


#gauche ul li.focus{
border-left : 3px solid #83512d;
}

#gauche ul li.focus a{
color: #83512d;
}

#droite_pres{
width: 523px;
height: auto;
float: left;
margin: 40px 0 0 0;
padding: 0 20px 15px 20px;
font-size: 0.9em;
background-image:url(/images/img_pres.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-color: #2d1609;
color: #905a33;
}

#droite_pres ul{
margin: 0;
padding: 0 0 0 15px;
list-style-type: square;
}

#droite_pres p{
margin: 0;
padding: 0 0 8px 0;
}


#droite{
width: 563px;
height: 349px;
float: left;
margin: 40px 0 0 0;
padding: 20px 0 0 0;
background-image:url(/images/img_00.jpg);
background-repeat:no-repeat;
color: #905a33;
}

#droite_00{
width: 353px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 220px 0 10px;
background-image:url(/images/img_00.jpg);
background-repeat:no-repeat;
color: #fff;
}

#droite_01, #droite_01_bis, #droite_02_bis, #droite_03_bis, #droite_04_bis, #droite_10, #droite_11, #droite_12, #droite_13{
width: 283px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 250px 0 40px;
background-image:url(/images/img_01.jpg);
background-repeat:no-repeat;
color: #fff;
font-size:11px;
}
#droite_14{
width: 523px;
height: auto;
float: left;
margin: 40px 0 0 0;
padding: 0 20px 15px 20px;
font-size: 0.9em;
background-image:url(/images/img_14.jpg);
background-repeat:no-repeat;
background-position: bottom;
background-color: #2d1609;
color: #905a33;
}

#droite_01_bis{
background-image:url(/images/img_10.jpg);
}

#droite_02_bis{
background-image:url(/images/img_11.jpg);
}
#droite_03_bis{
background-image:url(/images/img_12.jpg);
}
#droite_04_bis{
background-image:url(/images/img_13.jpg);
}
#droite_10{
background-image:url(/images/img_10.jpg);
}
#droite_11{
background-image:url(/images/img_11.jpg);
}
#droite_12{
background-image:url(/images/img_12.jpg);
}
#droite_13{
background-image:url(/images/img_13.jpg);
}
#droite_14{
background-image:url(/images/img_14.jpg);
}

#droite_00 p, #droite_01 p, #droite_01_bis p, #droite_02_bis p, #droite_03_bis p, #droite_04_bis p, #droite_01 p, #droite_10 p, #droite_11 p, #droite_12 p, #droite_13 p, #droite_14 p{
margin: 0;
padding: 0 0 8px 0;
font-size: 0.9em;
color: #905a33;
}

#droite_02{
width: 333px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 200px 0 40px;
background-image:url(/images/img_02.jpg);
background-repeat:no-repeat;
color: #83512D;
}

#droite_03{
width: 333px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 200px 0 40px;
background-image:url(/images/img_03.jpg);
background-repeat:no-repeat;
color: #905a33;
}

#droite_04{
width: 323px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 220px 0 40px;
background-image:url(/images/img_04.jpg);
background-repeat:no-repeat;
color: #905a33;
}

#droite_05{
width: 333px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 220px 0 40px;
background-image:url(/images/img_05.jpg);
background-repeat:no-repeat;
color: #905a33;
}

#droite_05 ul{
margin: 0;
padding: 0 0 0 15px;
list-style-type: square;
}

#droite_06{
width: 323px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 220px 0 40px;
background-image:url(/images/img_06.jpg);
background-repeat:no-repeat;
color: #905a33;
}

#droite_07{
width: 323px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 220px 0 40px;
background-image:url(/images/img_07.jpg);
background-repeat:no-repeat;
color: #905a33;
}

#droite_08{
width: 323px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 220px 0 40px;
background-image:url(/images/img_08.jpg);
background-repeat:no-repeat;
color: #905a33;
}


#droite_09{
width: 323px;
height: 369px;
float: left;
margin: 40px 0 0 0;
padding: 0 220px 0 40px;
background-image:url(/images/img_09.jpg);
background-repeat:no-repeat;
color: #905a33;
}

#reserve{
width: 152px;
height: 90px;
margin: 0 0 0 0;
padding: 35px 0 0 20px;
font-weight: bold;
font-size: 1em;
text-transform: uppercase;
background-image:url(/images/btn_reserve.jpg);
background-repeat:no-repeat;
}

#boutique a, #reserve a{
color: #fff;
text-decoration: none;
}

#boutique a:hover, #reserve a:hover{
color: #2D1509;
text-decoration: none;
}

#boutique span,#reserve span{
margin: 0 0 0 30px;
}

/* ------------------FORM RESEREVE -----------------*/

form{
margin: 0;
padding: 0;
font-size: 0.85em;
}

form p{
margin: 0;
padding: 0 0 10px 0;
}

form label{
display: block;
width: 90px;
float: left;
}

form .label2{
display: block;
width: 110px;
float: left;
}

form .input{
border: 1px solid #905a33;
width: 150px;
background-color: #2d1609;
color: #fff;
}

form .input2{
border: 1px solid #905a33;
width: 133px;
background-color: #2d1609;
color: #fff;
}

form .date{
border: 1px solid #905a33;
width: 46px;
background-color: #2d1609;
color: #fff;
}

#contenu .select1{
border: 1px solid #905a33;
width: 74px;
background-color: #2d1609;
color: #fff;
}

.select2{
border: 1px solid #905a33;
width: 245px;
background-color: #2d1609;
color: #fff;
}

form #left{
width: 250px;
height: auto;
float: left;
padding: 0 20px 0 20px;
}

form #right{
width: 250px;
height: auto;
float: left;
}

form #submit{

width: 152px;
height: 16px;
margin: 20px 0 0 0;
padding: 0;
background-image:url(/images/submit.gif);
border: 0;
}

.blanc{
color: #fff;
padding: 10px 20px 30px 20px;
font-size: 0.85em;
}

h3{
color: #fff;
margin: 0;
padding: 0 0 15px 0;
font-size: 1.1em;
font-family:Verdana;
}

#contenu p.prix{
color: #fff;
padding: 3px 0 3px 2px;
margin: 40px 0 0 0;
font-family:Verdana;
font-size: 12px;
font-weight: bold;
border-top: 2px solid #905a33;
border-bottom: 2px solid #905a33;
}

h3.pres{
color: #fff;
margin: 0;
padding: 0 0 5px 0;
font-size: 1.1em;
font-family:Verdana;
clear: both;
}

.lien1{
color: #905a33;
}


#contenu p.prix1{
width: 280px;
}

#contenu p.prix2{
width: 187px;
}

#contenu p.prix3{
width: 180px;
}

#contenu p.prix4{
width: 183px;
}

#contenu p.prix5{
width: 123px;
}

#contenu p.prix6{
width: 123px;
}

#contenu p.prix7{
width: 80px;
}

#contenu p.prix8{
width: 80px;
}

#contenu p.prix9{
width: 128px;
}

#contenu p.prix10{
width: 90px;
}

#contenu p.prix11{
width: 90px;
margin: 20px 0 0 0;
}

h2{
margin: 0;
padding: 0 0 10px 0;
font-size: 1.2em;
}

h2 span{
font-size: 0.8em;
font-weight: normal;
}

h3.contact{
margin: 0 0 50px 20px;
padding: 0;
}

/*------diaporama-----------*/
#prev{
float: left;
margin: 0;
padding: 90px 15px 90px 0;
border: none;
}

#grande{
float: left;
margin: 0 0 20px 0;
padding: 2px;
border: 1px solid #83512d;
}

#next{
float: left;
margin: 0;
padding: 90px 0 50px 15px;
border: none;
}

#tt a{
border: none;
text-decoration: none;
color: #fff;
font-size: 0.7em;
}

#tt img{
border: none;
}

#boutique{
width: 152px;
height: 77px;
margin: 0 0 0 0;
padding: 35px 0 0 20px;
font-weight: bold;
font-size: 1em;
text-transform: uppercase;
background-image:url(/images/btn_reserve.jpg);
background-repeat:no-repeat;
}


.tdleft { 	font-size:8pt;
			text-align:left;			
			vertical-align:middle; }



.tdright { 	font-size:8pt;
			text-align:right;
			vertical-align:middle; }

.tdcenter { font-size:8pt;
			text-align:center;
			vertical-align:middle; }
			

.basCenter { font-size:8pt;
			text-align:center;
			vertical-align:middle;
			background-color:#9EB0BC;
			padding:3px; }

.tdtitre { 	font-size:10pt;
			font-weight:bold;
			color:#FFFFFF;
			background-color:#E0E2E3;
			text-align:center;
			vertical-align:middle; }

/*///* popup ****/

.relat {
	float:left;
	width:1px;
	height:1px;
	position:relative;
}

#gauche .absol#video {
	position:absolute;
	top:-530px;
	left:305px;
	width:482px;
	display: none;
	background-color: #000000;
	padding: 20px;
	margin: 0;
}

#gauche .absol#video object {
	width:480px;
	height:320px;
	display:block;
}

.fermer-carte {
	background: #000;
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.fermer-carte a {
	color: #fff;
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.fermer-carte a:hover {
	color:#3F2001;
	text-decoration: none;
}
