/*-------------------------------- CSS Document -----------------------------*/
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#302d1a;
}
/*-------------------------------- Général au site -----------------------------*/
*{
	outline:none;
}
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl{
	display:inline;
	margin:0px;
	padding:0px;
}
div {
	margin:0px;
	padding:0px;
}
a img{
	border:none;
}
a{
	text-decoration:none;
}
table{
	border-collapse:collapse;
}
p{
	font-size:12px;
}
/*-------------------------------- Haut -----------------------------*/
#haut{
	width:980px;
	height:10px;
	margin:30px auto 0px auto;
	padding:0px 10px;
	line-height:10px;
	font-size:10px;
	background:url(../images/haut.png) no-repeat;
	overflow:hidden;
}
/*-------------------------------- Global -----------------------------*/
#global{
	width:980px;
	margin:0px auto;
	padding:0px 10px;
	background:url(../images/boot-global.png) repeat-y;
}
/*-------------------------------- Global - Header -----------------------------*/
#global #header{
	position:relative;
	float:left;
	width:980px;
	margin:0px 0px 0px 0px;
	background:url(../images/header.jpg) no-repeat #fff;
}
#global #header h2{
	float:left;
	width:195px;
	margin:0px 0px 0px 20px;
}
#global #header h2 a img{
	float:left;
	margin:0px 0px 0px 0px;
}
#global #header p{
	float:right;
	width:80px;
	margin:20px 10px 0px 0px;
	font-size:12px;
	line-height:15px;
	text-align:right;
	color:#302d1a;
}
#global #header p.num{
	float:right;
	width:160px;
	margin:20px 50px 0px 0px;
	font-size:14px;
	font-weight:700;
	color:#f0a610;
}
#global #header p.num span{
	font-size:9px;
}
#global #header p.links{
	float:right;
	width:500px;
	margin:10px 0px 0px 0px;
	color:#302d1a;
}
#global #header p a{
	color:#302d1a;
}
#global #header p.links a{
	margin:0px 15px 0px 15px;
}
#global #header p a.cur{
	font-weight:700;
	color:#f0a610;
}
#global #header p a:hover{
	text-decoration:underline;
}
#global #header p a.cur:hover{
	text-decoration:none;
}
/*-------------------------------- Global - Header - Scroll -----------------------------*/
#global #header #fixe{
	display:inline;
	position:relative;
	float:left;
	height:160px;
	margin:0px 0px 0px 8px;
	overflow:hidden;
}
#global #header #fixe p.fhg{
	position:absolute;
	top:60px;
	left:10px;
	float:none;
	width:16px;
	height:40px;
	margin:0px 0px 0px 0px;
}
#global #header #fixe p.fhd{
	position:absolute;
	top:60px;
	right:10px;
	float:none;
	width:16px;
	height:40px;
	margin:0px 0px 0px 0px;
}
#global #header #fixe p img{
	float:left;
	margin:0px 0px 0px 0px;
}
#global #header #fixe #glisse{
	position:absolute;
	top:0px;
	height:160px;
	margin:0px 0px 0px 0px;
}
#global #header #fixe #glisse p{
	float:left;
	width:240px;
	margin:0px 1px 0px 0px;
}
#global #header #fixe #glisse p img{
	float:left;
	margin:0px 1px 0px 0px;
}
/*-------------------------------- Global - Header - Menu -----------------------------*/
#global #header #menu{
	float:left;
	width:980px;
	height:52px;
	margin:28px 0px 0px 0px;
	border-bottom:1px solid #fff;
	background:url(../images/feuille-menu.jpg) no-repeat;
}
#global #header #menu ul{
	float:left;
	margin:18px 0px 0px 30px;
}
#global #header #menu ul li{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	font-size:12px;
	line-height:16px;
	color:#fff;
}
#global #header #menu ul li a{
	color:#fff;
}
#global #header #menu ul li a:hover{
	color:#efa000;
}
/*-------------------------------- Global - Colonne -----------------------------*/
#global #colonne{
	float:left;
	width:279px;
	margin:0px 0px 0px 0px;
}
#global #colonne h2{
	float:left;
	width:244px;
	margin:35px 0px 0px 0px;
	padding:0px 0px 0px 35px;
	font-size:14px;
	font-weight:400;
	line-height:40px;
	color:#fff;
	background:#f0a610;
}
#global #colonne h3{
	float:left;
	width:259px;
	font-size:14px;
	margin:25px 0px 0px 10px;
	color:#333;
}
#global #colonne p{
	float:left;
	width:259px;
	font-size:12px;
	line-height:16px;
	margin:5px 0px 0px 10px;
	color:#333;
}
#global #colonne p a{
	color:#2f2c19;
	text-decoration:underline;
}
#global #colonne p a:hover{
	text-decoration:none;
}
#global #colonne p img{
	float:left;
	margin:0px 0px 0px 0px;
}
/*-------------------------------- Global - Corps -----------------------------*/
#global #corps{
	float:left;
	width:700px;
	margin:0px 0px 0px 1px;
}
/*-------------------------------- Global - Corps - Page -----------------------------*/
#global #corps #page{
	float:left;
	width:700px;
	margin:0px 0px 0px 0px;
}
#global #corps #page h1{
	float:left;
	width:430px;
	margin:20px 0px 0px 20px;
	padding:0px 0px 0px 10px;
	font-size:18px;
	font-weight:400;
	line-height:30px;
	color:#fff;
	background:url(../images/fd-titre.jpg) no-repeat;
}
#global #corps #page p{
	float:left;
	width:440px;
	margin:20px 0px 0px 20px;
	font-size:12px;
	line-height:16px;
	color:#333;
}
#global #corps #page p.msg_err{
	color:#da3838;
}
#global #corps #page p.acc{
	float:left;
	width:660px;
	margin:20px 0px 0px 20px;
	font-size:14px;
	font-weight:700;
	line-height:18px;
}
#global #corps #page p.t_ch{
	float:left;
	width:620px;
	margin:20px 0px 0px 40px;
	font-size:14px;
	line-height:18px;
}
#global #corps #page p.image{
	float:right;
	width:200px;
	margin:20px 20px 0px 0px;
	line-height:16px;
}
#global #corps #page p a{
	text-decoration:underline;
	color:#333;
}
#global #corps #page p a:hover{
	text-decoration:none;
}
#global #corps #page p.dl{
	width:400px;
	padding:0px 0px 0px 40px;
	line-height:30px;
	background:url(../images/pdf.jpg) no-repeat;
}
#global #corps #page img{
	float:left;
	margin:0px 0px 0px 0px;
}
#global #corps #page iframe{
	float:left;
	margin:20px 0px 0px 20px;
	border:1px solid #333;
}
/*-------------------------------- Global - Corps - Reservation -----------------------------*/
#global #corps #reservation{
	float:left;
	width:700px;
	margin:0px 0px 0px 0px;
}
#global #corps #reservation p{
	float:left;
	width:700px;
	margin:0px 0px 0px 0px;
}
#global #corps #reservation p a img{
	float:left;
	margin:0px 0px 0px 0px;
}
/*-------------------------------- Global - Corps - Page - Table -----------------------------*/
#global #corps #page table{
	float:left;
	width:660px;
	margin:0px 0px 0px 20px;
	font-size:11px;
	color:#333;
	background:#ffdd88;
	border:1px solid #333;
	border-collapse:collapse;
}
#global #corps #page table th{
	padding:0px 0px 0px 10px;
	line-height:20px;
	border:1px solid #333;
}
#global #corps #page table td{
	padding:0px 0px 0px 10px;
	line-height:20px;
	border:1px solid #333;
}
#global #corps #page table th.place{
	padding:0px 0px 0px 0px;
	text-align:center;
	background:#f0a60f;
}
#global #corps #page table th.surf{
	padding:0px 0px 0px 0px;
	text-align:center;
}
#global #corps #page table td.place{
	padding:0px 0px 0px 0px;
	text-align:center;
	background:#f0a60f;
}
#global #corps #page table td.surf{
	padding:0px 0px 0px 0px;
	text-align:center;
}
#global #corps #page table td a{
	font-weight:700;
	color:#333;
}
/*-------------------------------- Global - Corps - Page - Liens -----------------------------*/
#global #corps #page div.link{
	display:inline;
	float:left;
	width:660px;
	margin:20px 0px 0px 20px;
	padding:10px 0px 10px 0px;
	background:#bbaf9e;
}
#global #corps #page div.link h2{
	float:left;
	width:330px;
	margin:10px 0px 0px 20px;
	font-size:12px;
	font-weight:400;
	color:#333;
}
#global #corps #page div.link h2 a{
	color:#333;
}
#global #corps #page div.link h2 a:hover{
	color:#fff;
	text-decoration:underline;
}
#global #corps #page div.link p{
	float:left;
	width:300px;
	margin:0px 0px 0px 10px;
}
#global #corps #page div.link p img{
	float:left;
	margin:0px 0px 0px 0px;
}
/*-------------------------------- Global - Corps - Page - Formulaire -----------------------------*/
#global #corps #page #formulaire{
	display:inline;
	float:left;
	width:660px;
	margin:20px 0px 0px 20px;
}
#global #corps #page #formulaire div{
	float:left;
	width:660px;
	margin:10px 0px 0px 0px;
}
#global #corps #page #formulaire div p{
	float:left;
	width:150px;
	margin:0px 0px 0px 0px;
	line-height:20px;
}
#global #corps #page #formulaire div label{
	float:left;
	margin:0px 10px 0px 10px;
	font-size:12px;
	line-height:20px;
	color:#333;
}
#global #corps #page #formulaire div input{
	float:left;
	width:250px;
	height:16px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#333;
}
#global #corps #page #formulaire div input.radio{
	float:left;
	width:15px;
	height:15px;
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#global #corps #page #formulaire div input.submit{
	float:left;
	width:100px;
	height:20px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	color:#333;
	background:#f0a60f;
	border:1px solid #333;
}
#global #corps #page #formulaire div textarea{
	float:left;
	width:400px;
	height:200px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#333;
}
/*-------------------------------- Global - Corps - Home -----------------------------*/
#global #corps div.home{
	display:inline;
	position:relative;
	float:left;
	width:300px;
	height:225px;
	margin:20px 0px 0px 30px;
}
#global #corps div.home p{
	float:left;
	width:20px;
	height:225px;
	margin:0px 0px 0px 0px;
}
#global #corps div.home p a img{
	float:left;
	margin:0px 0px 0px 0px;
}
#global #corps div.home h2{
	float:left;
	width:280px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight:400;
	line-height:39px;
	color:#fff;
	background:url(../images/feuille-home.jpg) no-repeat;
	border-bottom:1px solid #fff;
}
#global #corps div.home h2 a{
	float:left;
	width:270px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	color:#fff;
}
#global #corps div.home h3{
	position:relative;
	float:left;
	width:280px;
	height:185px;
	margin:0px 0px 0px 0px;
}
#global #corps div.home h3 a img{
	float:left;
	margin:0px 0px 0px 0px;
}
#global #corps div.home h4{
	position:absolute;
	top:165px;
	left:20px;
	width:280px;
	font-size:12px;
	font-weight:400;
	line-height:16px;
	color:#fff;
}
#global #corps div.home h4 a{
	float:left;
	width:260px;
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	color:#fff;
}
/*-------------------------------- Global - Corps - Hébergements -----------------------------*/
#global #corps div.heberg{
	display:inline;
	float:left;
	width:621px;
	margin:25px 0px 0px 40px;
	background:url(../images/barre-heberg.jpg) no-repeat;
}
#global #corps div.heberg h2{
	float:left;
	width:590px;
	margin:0px 0px 0px 21px;
	padding:0px 0px 0px 10px;
	font-size:14px;
	font-weight:400;
	line-height:40px;
	color:#fff;
	background:#302d1a;
}
#global #corps div.heberg h2 a{
	color:#fff;
}
#global #corps div.heberg p{
	float:left;
	width:600px;
	height:185px;
	margin:0px 0px 0px 21px;
}
#global #corps div.heberg p img{
	float:left;
	margin:0px 0px 0px 0px;
}
/*-------------------------------- Global - Corps - Hébergements - Descriptif chambre -----------------------------*/
#global #corps div.desc_ch{
	display:inline;
	float:left;
	width:621px;
	margin:1px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	background:#c2b7a7;
}
#global #corps div.desc_ch h3{
	float:left;
	width:290px;
	margin:20px 0px 0px 20px;
	font-size:14px;
	color:#fff;
}
#global #corps div.desc_ch ul{
	float:left;
	width:290px;
	margin:10px 0px 0px 20px;
	color:#fff;
}
#global #corps div.desc_ch ul li{
	float:left;
	width:290px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	line-height:20px;
	color:#fff;
}
#global #corps div.desc_ch div{
	display:inline;
	float:right;
	width:275px;
	height:180px;
	margin:20px 20px 0px 0px;
}
#global #corps div.heberg div p{
	float:left;
	width:85px;
	height:85px;
	margin:0px 0px 10px 10px;
	background:#e6d9c6;
}
#global #corps div.heberg div p.first{
	margin:0px 0px 10px 0px;
}
/*-------------------------------- Global - Footer -----------------------------*/
#global #footer{
	width:980px;
	height:1px;
	margin:0px 0px 0px 0px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
	clear:both;
}
/*-------------------------------- Bas -----------------------------*/
#bas{
	width:980px;
	height:60px;
	margin:0px auto;
	padding:0px 10px;
	background:url(../images/bas.png) no-repeat;
}
#bas h2{
	float:left;
	width:170px;
	margin:30px 0px 0px 10px;
	font-size:10px;
	font-weight:400;
	line-height:20px;
	color:#fff;
}
#bas h2 a{
	color:#fff;
}
#bas h2 img{
	float:right;
	margin:2px 0px 0px 0px;
}
/*-------------------------------- Lightbox -----------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ 
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA); 
/* Trick IE into showing hover */ 
display: block; 
}
#prevLink { 
left: 0; 
float: left;
background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink { 
right: 0; 
float: right;
background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }