@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	font: 62.5%/1.7em Verdana, Arial, Helvetica, Monospace, sans-serif;
	text-align:center;
	color:#74838B;
}

html, body {
margin:0;
padding:0;
background:#1B2E3F;
/*overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

html{
overflow:-moz-scrollbars-vertical;
overflow-y: scroll;
}

object:focus{outline: none;}
a{color:#1B2E3F;text-decoration:underline}
a:hover{color:#1B2E3F;text-decoration:none}
a:focus, a:active {outline: none;}

.clear{clear: both;font-size:2px;}

p{margin:5px 0 5px 0;font-size:1.1em;line-height:1.4em}

#wrapper {
width:950px; /* centered div must be given a width */
margin:0 auto; /* centers #wrapper */
}

* html #wrapper { 
/*height: 100%; /* IE6 treats height as min-height */
}

#wrapper-super {overflow:hidden;} /* background:#fff;necessaire pour entourer les floats */
#wrapper-hotel {overflow:hidden;} /* background:#fff;necessaire pour entourer les floats */

#footer {
position:relative;
background:#1B2E3F;
width:950px; /* centered div must be given a width */
text-align:center;
min-height:190px;height:auto !important;height:190px;
clear:both;
}
#footer a{color:#74838B;}
.footer-break {margin:0;padding:0} 

#content-header{
position:relative;
width:950px;
min-height:125px;height:auto !important;height:125px;
background:#1B2E3F;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentHeaderA{
position:relative;
float:left;
width:300px; 
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentHeaderB{
position:relative;
float:right;
width:650px; 
min-height:118px;height:auto !important;height:118px;
background:#F2F3F4;
overflow: hidden; /* necessaire pour entourer les floats */
}

/* ******************** */
/* Pour la page Accueil */ 
/* ******************** */

#content-hotel{
position:relative;
width:950px;
/*min-height:800px;height:auto !important;height:800px;*/
background:#1B2E3F;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentHotelBlock{
position:relative;
width:946px; /* tenir compte de la bordure de 2 px */
border:2px solid #80BDDA;
/*min-height:124px;height:auto !important;height:124px; /* l'image doit faire 120 de haut */
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
margin-bottom:10px;
}
.contentHotelBlockA{
position:relative;
float:left;
width:298px; 
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentHotelBlockB{
position:relative;
float:right;
width:648px; 
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}

#content-map{
position:relative;
width:950px;
min-height:240px;height:auto !important;height:240px;
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentMapBlockA{
position:relative;
float:left;
width:300px; 
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentMapBlockB{
position:relative;
float:right;
width:650px; 
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}

#content-mapTitre{
position:relative;
width:950px;
/*min-height:240px;height:auto !important;height:240px;*/
background:none;
overflow: hidden; /* necessaire pour entourer les floats */
margin-bottom:10px;
}
.contentMapTitreA{
position:relative;
float:left;
width:300px; 
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentMapTitreB{
position:relative;
float:right;
width:650px; 
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentMapTitreA h3, .contentMapTitreB h3{ font-size:1.8em;text-align:left;padding-left:2em}

#content-contact{
position:relative;
width:950px;
/*min-height:240px;height:auto !important;height:240px;*/
background:none;
overflow: hidden; /* necessaire pour entourer les floats */
margin-top:10px;
}
.contentContactBlockA{
position:relative;
float:left;
width:298px; /* tenir compte de la bordure de 1 px */
border:1px solid #80BDDA;
min-height:250px;height:auto !important;height:250px;
background:#0E1720;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentContactBlockB{
position:relative;
float:right;
width:650px; 
background:none;
overflow: hidden; /* necessaire pour entourer les floats */
}

#content-contactTitre{
position:relative;
width:950px;
/*min-height:240px;height:auto !important;height:240px;*/
background:none;
overflow: hidden; /* necessaire pour entourer les floats */
margin-top:10px;
}
.contentContactTitreA{
position:relative;
float:left;
width:300px; 
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentContactTitreB{
position:relative;
float:right;
width:650px; 
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentContactTitreA h3, .contentContactTitreB h3{ font-size:1.8em;text-align:left;padding-left:2em}




/* ********************* */
/* Pour les pages Hotels */ 
/* ********************* */

#content-right{
position:relative;
float:left;
width:650px;
min-height:800px;height:auto !important;height:800px;
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentRightBlockA{
position:relative;
clear:both;
float:left;
width:325px;
min-height:600px;height:auto !important;height:600px;
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentRightBlockAA{
position:relative;
float:left;
width:325px;
min-height:170px;height:auto !important;height:170px;
background:#4BA6B8;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentRightBlockAB{
position:relative;
float:left;
width:325px;
min-height:460px;height:auto !important;height:460px;
background:#ADBECD;
color:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentRightBlockAC{
position:relative;
clear:left;
float:left;
width:325px;
/*min-height:500px;height:auto !important;height:500px;*/
background:#fff;
color:#333;
overflow: hidden; /* necessaire pour entourer les floats */
}

.contentRightBlockB{
position:relative;
float:right;
width:325px;
min-height:600px;height:auto !important;height:600px;
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentRightBlockBA{
position:relative;
float:left;
width:325px;
min-height:170px;height:auto !important;height:170px;
background:#656B67;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentRightBlockBB{
position:relative;
float:left;
width:325px;
min-height:1000px;height:auto !important;height:1000px;
background:#fff;
color:#333;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentRightBlockC{
position:relative;
clear:both;
width:650px;
min-height:200px;height:auto !important;height:200px;
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}

#content-left{
position:relative;
float:left;
width:300px;
min-height:800px;height:auto !important;height:800px;
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentLeftBlockA{
position:relative;
float:left;
width:300px;
min-height:170px;height:auto !important;height:170px;
background:#fff;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentLeftBlockB{
position:relative;
clear:left;
float:left;
width:300px;
min-height:1000px;height:auto !important;height:1000px;
background:#0E1720;
overflow: hidden; /* necessaire pour entourer les floats */
}
.contentLeftBlockC{
position:relative;
clear:left;
float:left;
width:300px;
min-height:250px;height:auto !important;height:250px;
background:#EDEAE3;
overflow: hidden; /* necessaire pour entourer les floats */
}

.contentDivCommun{
margin:0 auto;
width:90%;
}
.contentDivCommun h3{font-size:1.1em;text-align:left;padding:.7em 0 .2em}
.contentDivCommun p{text-align:justify;color:#41596F}

.contentPub{
margin:0 auto;
width:94%;
}
.contentPub h3{font-size:1.8em;text-align:left;padding:1em}

.dossierLoad{margin:0 auto;margin-top:10px;padding:2px;text-align:center;background:#080D14;border:1px solid #65ACF5;color:#65ACF5}
.dossierLoad a{color:#65ACF5;text-decoration:none}

	/* Easy Slider */
	#sliderH1 ul, #sliderH1 li,
	#sliderH1 li{ width:648px; height:120px; overflow:hidden; }	
	#sliderH2 ul, #sliderH2 li,
	#sliderH2 li{ width:648px; height:120px; overflow:hidden; }	
	#sliderH3 ul, #sliderH3 li,
	#sliderH3 li{ width:648px; height:120px; overflow:hidden; }	
	#sliderH4 ul, #sliderH4 li,
	#sliderH4 li{ width:648px; height:120px; overflow:hidden; }	

	#slider ul, #slider li,
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:325px; 
		height:170px; 
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:600px;/* 696px */
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		/*background:url(../images/btn_prev.gif) no-repeat 0 0;	*/
		}	
	#nextBtn a, #slider1next a{ 
		/*background:url(../images/btn_next.gif) no-repeat 0 0;	*/
		}	
	/* numeric controls */	
	ol#controls{
		margin:.3em 0 2em 32.7em;
		padding:0;
		height:18px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:18px;
		line-height:18px;
		}
	ol#controls li a{
		float:left;
		height:18px;
		line-height:18px;
		border:1px solid #FAF9F8;
		background:#E5E1D6;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#AACB54;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	/* // Easy Slider */

.bstip {
	color:#630;
	z-index:8887;
	background-color:#fff;
	display:none;
	padding:5px 10px 5px 10px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:2px solid #7F973F;
}

.demo-show2 {margin:0 auto;width:100%;border-bottom:1px solid #fff}
.demo-show2 h4 {background:#7ABDDA;margin: 0;padding: .25em 0 .25em 1em;border-top:1px solid #fff;border-bottom:1px solid #fff;font-size:1.8em;color:#fff;text-align:left;cursor:pointer;}
.demo-show2 div {padding:0;text-align:left;}
.demo-show2 p {padding:0 2em;text-align:justify;color:#41596F}

table{font-size:1.1em;margin-left:auto;margin-right:auto;background:none}
td{padding:0}
td h3{font-size:1.8em;line-height:2em}

input{width:170px;}
select{width:240px;}
input{padding:1px;font-size:12px;background:#41596F;border:1px solid #000;color:#fff}
select{padding:1px;font-size:12px;background:#41596F;border:1px solid #000;color:#fff}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif;padding:2px;font-size:11px;background:#41596F;width:98%;border:1px solid #000;color:#fff;resize:none}
input.court {width:100px;}
input[type="checkbox"], input[type="radio"]{background:transparent;border:0;width:20px;margin-right:82px}

.btnform{margin:0 auto;width:98%;text-align:center;height:2em;line-height:2em;border-top:1px solid #000;border-bottom:1px solid #000;}
.btnform a{margin:0 auto;width:80%;text-align:center;border:1px solid #41596F;padding:2px 10px}
.btnform span{margin:0 auto;width:80%;text-align:center;border:1px solid #41596F;padding:2px 10px;cursor:pointer}

img, div { behavior: url(../styles/iepngfix.htc) }