* { margin:0; padding:0; list-style-type:none; border:0; color:#000;  }

/* hack hauteur IE */

html { height:100%; }

* html #main {
	height: 400px;
}

hr { border-bottom:1px dotted #CCCCCC; margin:5px 5px 5px 15px; width:685px; }
	
/* liens */ 

a, a:visited, a:active { text-decoration:none; color:#E82426; font-weight:bold; }
a:hover { text-decoration:underline; }

/* ------------------------------------- */

body { color:#545558; height:100%; font-family:Arial, Helvetica, sans-serif; background:url(images/ombre-page.gif) center 30% no-repeat; }

/* #cadre_bg { width:910px; background:url(images/ombre.gif) top center no-repeat;  } */

#cadre { width:900px; margin:0 auto; border:1px solid #545558; }

/* ------------------------------------- */

#header { position:relative; background:url(images/entete.jpg) no-repeat; width:900px; height:220px;  }

#menu {
font-family: Trebuchet MS, Helvetica, verdana, sans-serif; position: absolute; top: 2em; left: 160px; z-index:100; width: 760px; }

#menu dl { float: left; position: relative; margin: 0 2px 0 0; width:6.5em; } 

#menu dt { cursor: pointer; font-size:10px; text-transform: uppercase; text-align: left; font-weight: bold; height: 19px; }

#menu dd { font-size:11px; position: absolute; bottom:1.5em; width:100%;}

#menu li { text-align: left; margin: 0; padding: 0; }

#menu li a, #menu dt a { color: #E8BABA; text-decoration: none; display: block; height: 100%; width:100%; }

#menu li a:hover { color:#fff; background: transparent url(images/picto-menu.gif) no-repeat 0px 4px; padding-left:7px; }

#menu li a { color: #E8BABA; text-decoration: none; display: block; height: 100%; background: transparent url(images/picto-menu0.gif) no-repeat 0px 4px; padding-left:7px; }  

#menu dt a:hover { color:#fff; background: transparent url(images/over.gif) repeat-x 0px bottom; display: block; height: 100%; }

#retour { font-size:0.9em; position:absolute; top:180px; left:160px; }
	#retour a { background: url(images/puce-autre.gif) center left no-repeat; text-decoration:none; font-size:10px; font-weight:normal; padding-left:10px; }
	#retour a:hover { text-decoration:underline; color:#000; }

#menu_left { font-family: Trebuchet MS, Helvetica, verdana, sans-serif; font-size:11px; }

#menu_left li { background:url(images/bord-menu2.gif) bottom left no-repeat; height:40px; margin-top:5px; }

#menu_left li a {  padding-left:10px;  text-decoration:none; color:#000; text-transform:uppercase; margin-left:5px; width:100%; display:block; width:100%; }

#menu_left li a:hover { background:transparent url(images/puce-detail.gif) left center no-repeat ; }

/* ------------------------------------- */



#left { width:140px; float:left; }

	#left img { margin-bottom:3px; }

#main { min-height:400px; font-size:11px; float:left; width:690px; font-size:11px; margin: 0 15px 0 5px;   }

	#main p { line-height:1.5em; margin:10px 0; text-align:justify; }
	
	#main h2 { font-size:1.4em; font-weight:bold; text-transform: uppercase; font-family: Trebuchet MS, Helvetica, verdana, sans-serif; color:#E82426; background:url(images/puce-titre.gif) left 60% no-repeat; padding-left:15px; margin:0 0 10px 0; }
	#main h3 { font-size:1.3em; font-weight:bold; text-transform: uppercase; background:url(images/puce-detail.gif) left 60% no-repeat; padding-left:10px; color:#000; margin:0;}
	
	#main li { background:url(images/arrow_black.gif) center left no-repeat; padding-left:10px; margin:10px 0 10px 10px; }
	

	#main form { margin:10px 15px;}
	#main label { font-variant:small-caps; font-weight:bold; text-align:left; vertical-align:top; margin-right:10px; }
	#main input, #main textarea{ border:1px solid #545558; padding:2px; }
	
	.sansbordure { border:none; }
	#main select, #main option { padding:2px; }
	
	#main table { margin:10px 0; width:680px; border:1px solid #999999; padding:2px;  }
	#main th { background-color:#CFBE92; padding:2px; border-bottom:1px solid #fff; text-align:center; width:16%; font-size:0.9em; }
	#main td { text-align:center; }
	
	#form {  }
	#form table { padding:5px; border:none; }
	#form table td { padding:5px 2px; text-align:left;  }
	
	.index { width:305px; padding:0 20px 0 25px; background:url(images/bg_main.jpg) right bottom no-repeat; float:left;  }
	.autre { margin:0 25px 0 190px; }
	
	.service { padding:5px; border:1px dotted #eeeeee; margin:5px; float:right; }

/* images et styles particuliers */

	.location { position:relative; width:690px; margin-bottom:5px; height:97px; background:url(images/location.jpg) center left no-repeat; }
			.location h4 { font-size:1.1em; font-weight:bold; font-variant:small-caps; font-style:italic; margin:0 0 10px 0; text-align:right;  }
			.location h5 { margin:5px 0; font-weight:bold; font-size:1.1em; }
			
			.prix { background:url(images/puce-prix.gif) left center no-repeat; padding-left:15px; color:#545558; font-weight:bold; 	font-size:1.4em; font-family: Trebuchet MS, Helvetica, verdana, sans-serif; position:absolute; left:230px; top:40px;  }
			.picloc { position:absolute; left:15px; top:5px; width:150px;  }
			.info { position:absolute; right:5px; top:5px; width:300px;  }
	
	.pic { border:1px solid #545558; float:right; margin: 0 0 0 10px; }
	
	.reservation { background:#E82426; border-bottom:1px solid #545558; padding:5px; color:#FFFFFF; }
	.reservation a {  }
	
#diaporama { float:right; width:405px; }
	.pic_detail_thumb { margin:5px 2px; border:1px solid #545558; cursor: pointer; }
	.pic_detail { border:1px solid #545558; }
	
	.puce { background:url(images/puce.png) left center no-repeat; padding-left:10px; }
	
	
			
	.colleft { float:left; width:335px; margin-right:10px; border-right:1px dotted #545558; }
	.colright { float:left; width:335px; }
	.cadre { padding:5px 0; }
	
	.obli { color:#E82426; font-size:1.2em; font-weight:bold; }
	
#conditions { float:right; margin-left:10px; border:1px dotted #545558; padding:5px; }
#conditions li { margin-left:0; padding-left:10px; }
	
	
				
/* footer */

#footer {
	position:relative;
	background:url(images/footer.jpg) center top no-repeat;
	width:900px;
	height:65px;
	font-size:12px;
	background-color: #A71B1E;
}
		#footer blockquote { position:absolute; top:25px; left:20px; text-align:left;  }		
		#footer blockquote p { color: #fff;  }
		#footer a { color:#fff; }
		
#copyright { position:absolute; bottom:3px; text-align:center; color:#FFF; font-size:0.9em; left:90%;  }
	#copyright a { color:#FFF; }
	
/* hack clear float */ 	
	
.clr { clear: both; display: block; height: 1px; overflow: hidden; }