/*
 * Fichier Style.css pour la version autre que IE6
 */ 

*{
	margin: 0;
	padding: 0;	
}

body {	
	font-family : bookmanOldStyle,Calibri,Arial;  
	font-size : 0.8em;
	color:white;
	background-color:#9d1c0f;
	
}

#id_page{
	width:70.5em;		
}

.center{
	margin-left:auto;
	margin-right:auto;
}

.left{
	float:left;
}

.right{
	float:right;
}

#header{
	height:28.7em;		
				
}

#header_left{
	width:20.84em;	
	height:27.8em;	
	background-image : url("../images/Hotel_slice_r1_c2.jpg");
	background-repeat: no-repeat;
	position:relative;		
	top:0em;
	left:0em;	
	float:left;	
	
}

#header_right{
	float:left;
	width:48.7em;
	/*height:28.8em;*/		
	position:relative;
	top:0em;
	left:0em;
	
}

#HL_imgTop{
	width:18em;
	height:13em;
	background-image : url("../images/Hotel_slice_r1_c3.jpg");
	background-repeat: no-repeat;	
	position:relative;
	top:0em;
	left:2.7em;		
		
}

#HL_imgBottom{
	width:18em;
	height:13em;
	background-image : url("../images/Hotel_slice_r2_c3.jpg");
	background-repeat: no-repeat;	
	position:relative;	
	top:0em;
	left:2.8em;	

}

#HL_text{
	position:absolute;
	top:12.5em;
	left:5em;
	z-index:1000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-left:3em;	
	
}

#HL_stars{
	background-image : url("../images/3stars.jpg");
	background-repeat: no-repeat;	
	position:absolute;
	height:3em;	
	width:5em;
	top:17em;
	left:11em;	
	z-index:1000;
}

#HL_imgBottomBkHeader{
	width:20.84em;
	height:3.4em;
	background-image : url("../images/Hotel_slice_r22_c2.jpg");
	background-repeat: no-repeat;	
	position:relative;	
	top:-0.6em;
	left:0em;	
		
}

/**  Header Right Side ***/

#HR_imgTop_BkLayer{
	width:48.7em;
	height:28.8em;
	background-image : url("../images/Hotel2_r1_c11.jpg");
	background-repeat: no-repeat;	
	position:relative;	
	top:0em;
	left:0em;	
	
}

#HR_imgTop_UpLayer{
	width:48.7em;
	height:25em;
	background-image : url("../images/Hotel_slice_contourImgHeader.png");
	background-repeat: no-repeat;	
	position:absolute;
	top:0em;
	left:0.3em;	
	z-index:1000;	
}

#HR_imgTop_OverlayLayer{
	width:48.7em;
	height:25em;
	background-image : url("../images/Hotel_slice_overlayImgHeader.png");
	background-repeat: no-repeat;	
	position:absolute;
	top:3.5em;
	left:1.5em;	
	z-index:999;		
}

#HR_imgTop_TextLayer{
	position:absolute;
	z-index:1001;
	top:13em;
	left:3em;	
}

#HR_imgTop_TextLayer span{
	font-size:1.4em;
}

/**** Section du menu ****/

#HR_menu{
	position:absolute;
	top:24em;
	left:1em;		
	color:#4f3326;	
	z-index:1006;		
}

#HR_menu a{
	text-decoration:none;
	color:#4f3326;
}

#HR_menu > a:hover{	
	color:#9d1c0f;
}

#HR_menu ul{
	list-style-type:none;		
	position: relative;
}

#HR_menu li{
	float:left;
	width:6.3em;
	height:5.4em;
	text-align : center;	
	padding-left : 1.5em;		
	font-weight:bold;
	z-index:1000;
}


#HR_menu > ul > li:hover {		
	cursor:pointer;	
}

#HR_Li2{
	background-image : url("../images/cle_1.png");
	background-repeat: no-repeat;
	position:relative;
	top:-0.9em;
	left:-1em;
}

#HR_Li2 > a{
	position:relative;
	top:1em;
	left:0.5em;	
}


#HR_Li3{
	background-image : url("../images/cle_2.png");
	background-repeat: no-repeat;
	position:relative;
	top:-0.9em;
	left:-1em;	
}

#HR_Li3 > a{
	position:relative;
	top:0.7em;
	left:0.5em;	
}

#HR_Li4{
	background-image : url("../images/cle_3.png");
	background-repeat: no-repeat;
	position:relative;
	top:-1.67em;
	left:-1.3em;	
}

#HR_Li4 > a{
	position:relative;
	top:1em;
	left:0.7em;	
}

#HR_Li5{
	background-image : url("../images/cle_4.png");
	background-repeat: no-repeat;
	position:relative;
	top:-2em;
	left:-1em;	
}

#HR_Li5 > a{
	position:relative;
	top:1em;
	left:0.8em;	
}

#HR_Li6{
	background-image : url("../images/cle_5.png");
	background-repeat: no-repeat;
	position:relative;
	top:-2.37em;
	left:-1em;	
}

#HR_Li6 > a{
	position:relative;
	top:1em;
	left:0em;	
}

#HR_Li6 > a:hover,#HR_Li5 > a:hover,#HR_Li4 > a:hover,#HR_Li3 > a:hover,#HR_Li2 > a:hover,#HR_Li1 > a:hover{
	color:#fff;
	
}
/**** Section Content ****/

#Content{
	position:relative;
	min-height:72em;	
	top:-0.2em;
	left:0em;	
}


/**** Colonne Left ****/
#col_left{
	float:left;
	width:20.8em;	
	height:72em;	
	background-image : url("../images/Hotel_slice_r22_c2.jpg");
	background-repeat: repeat-y;
	position:relative;
	top:0em;
	left:0em;
}

#infoTitle1{
	background-image : url("../images/Hotel_slice_r16_c5.jpg");
	background-repeat: no-repeat;
	margin-left : 2.5em;
	font-size:2em;
	padding-left:1.5em;	
}

.seperatorLineBeige{
	background-image : url("../images/Hotel_slice_r5_c4.jpg");
	background-repeat: no-repeat;
	margin-left:4.5em;
	margin-top:1em;
	height:2em;	
}


.imgColRight1{
	margin-left:6em;
	margin-top:1em;
}

.img3stars{
	width:7.65em;
	padding-left:4em;	
}
#blockInfo1{
	margin-left:6em;	
	margin-top:0.5em;
	width:13.5em;
	color:#fff5ce;
}

/**** Colonne Right ****/

#col_right{
	float:left;
	height:68em;		
	width:48.7em;	
	position:relative;
	top:0em;
	left:0.07em;
		
}

#col_right p{
	padding-bottom:1em;
}

#RC_headerTitleContainer{
	height:7em;
	background-image : url("../images/Hotel_slice_r9_c11.jpg");
	background-repeat: no-repeat;	
	position:relative;
	top:0em;
	left:0em;
	padding-left:3em;
	
}

#RC_headerTitleContainer > p {
	font-size:1.3em;
}

#RC_headerTitleContainer > h2 {
	font-size:2em;
}

#CT_imgTop{
	width:48.7em;
	height:6.5em;
	background-image : url("../images/Hotel_slice_r10_c11.jpg");
	background-repeat: no-repeat;	
	position:relative;
	top:0em;
	left:0em;	
	
}

#contentContainer{
	background-image : url("../images/Hotel_slice_r12_c11.jpg");
	background-repeat: repeat-y;
	height:57em;	
	padding-bottom:2em;
	
}
#contentText{
	height:50em;		
	position:relative;
	top:0em;
	left:0em;		
	color:#695332;
	font-size:1.1em;
	margin-right:4em;
	padding-left:2em;
	overflow-y:auto;
	
}

.introContent > p:first-letter{
	font-size:3.5em;
	font-family:Papyrus;	
}

.seperatorLineRed{
	background-image : url("../images/Hotel_slice_line_bkdBeige.jpg");
	background-repeat: no-repeat;
	margin-left:4.5em;
	margin-top:1em;
	height:2em;	
}

/* Placer l'image a gauche des autres element, comme le texte */
div.img_float_left{
    float : left;
	margin-right : 0.5em;
	margin-top : 0.5em;
	margin-bottom : 0em;
}



/* Placer l'image a droite des autres element, comme le texte */

div.img_float_right{
    float : right;
	margin-left : 0.5em;
	margin-top : 0.5em;
	margin-bottom : 0em;	
}


/**** Section Footer ****/
#footer{
	width:69.5em;
	height:12.5em;
	background-image : url("../images/Hotel_slice_r23_c2.jpg");
	background-repeat: no-repeat;	
	position:relative;
	top:-1.5em;
	left:0em;			
	
}

#FT_menu{
	position:relative;
	top:9em;
	left:0em;		
	color:white;	
	z-index:1006;
	height:1.5em;	
	margin-left:20em;	
	margin-right:3em;
	border:0.1em solid #9d1c0f;
	
}
#FT_menu a{
	text-decoration:none;
	color:white;
}

#FT_menu a:hover{	
	color:gray;
}

#FT_menu ul{
	list-style-type:none;		
	position: relative;
}

#FT_menu li{
	float:left;
	width:6em;
	height:1.5em;
	text-align : center;	
	padding-left : 0.7em;		
	padding-right : 0.3em;	
	/*padding-top:0.2em;*/
	font-weight:bold;
	z-index:1006;
	background-image : url("../images/Hotel_slice_icon_indexball.jpg");
	background-repeat: no-repeat;	
	
}

#FT_menu > ul > li:hover {
	cursor:pointer;
}

/* Index */

#imageListContainer{
	width:21.5em;
	margin:1em;	
}

#imagesList{
	width:30em;
	margin-bottom:2em;
	border:0.1em solid black;
}

/* Page Activites */

#imgActivityContent{	
	width:35.2em;		
	height:12em;	
}  

#contentList{
	width:35.2em;	
	height:18em;
	margin-top:1em;	
	
}
 
#contentList h2{
	margin-bottom:0.5em;
}

#contentList ul {
	list-style-type:none;		
}
 
#summer{
	width:17em;	
} 
 
#winter{	
	width:15em;
}

#infoProximite{
	margin-left:1.5em;
	margin-top:1em;	
}

#infoProximite h2{
	margin-bottom:0.5em;
}

#infoProximite ul{
	list-style-type:none;
}

/* Section Tarifs */


#tblTarifsPeriode{
	border-spacing: 0px;   
   	border-collapse : collapse;	
	width:95%;
	border:0.1em solid white;	
	font-weight : bold;

}

#tblTarifsPeriode td{
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-left:0.1em solid white;
}

#tblTarifsPeriode th{
	padding:0.3em;
}

#tblTarifsPeriode .ligneTblHeader{
	background-color:#6b2d1d;
	color:white;
}

tr{
  text-align : center;
}
tr.ligne1 {
   background-color:#695332;   
   color:white;  
}

tr.ligne2 {
   background-color:#c3ab6a;
   color:white;
}

thead{
   text-align : center;
   padding:0;
               
}

#conditionContainer{
	padding:1em;
	font-size:0.83em;
}

#conditionContainer ul{
	list-style-type:circle;
	padding-left:1.5em;	
}

#conditionContainer #noteInclus{
	margin-top:0.5em;	
}

/* Localisation */

#contentMap{
	border:0.1em solid black;
	height:20em;
	width:25em;
}

#infoLocalisation{
	padding-left:1em;
}

#infoLocalisation h3{
	margin-top:1em;
	margin-bottom:0.3em;
	padding:0.2em;
	background-color:#695332;
	color:white;
}

#dirLocalisation {
	padding-top:1em;
}

#dirLocalisation h3{
	background-color:#695332;
	color:white;
	padding:0.3em;
	margin-bottom:0.3em;
}

#dirLocalisation #locNote{
	font-size:0.9em;
	padding:0.5em;
	padding-left:1.5em;
	
}

#dirLocalisation ul{
	list-style-type:circle;
	padding-left:1.5em;	
}

/* Contact */

#formEmailContainer{
	height:25em;	
	margin-bottom:1em;		
}

.inputDivSpace{
	width:25em;
	margin-left:2em;		
}

.labelDivWidth{
	width:10em;
	font-size:1em;
	font-weight:bold;	
}

.inputStyle1{
	border:0.1em solid #a1a1a1;
	padding:0.3em;
	width:15em;
}

.ligneInputContainer{
	height:3.5em;	
}
.ligneTextAreaContainer{
	height:7em;	
}

.inputSubmitWidth{
	width:15em;	
}

.inputTextAreaStyle{
	border:0.2em solid #a1a1a1;
}

.inputSubmit:hover{
	cursor:pointer;
}

.inputSubmit{
	border:0.1em solid #656565;
	background-color:#454545;
	color:white;
	font-weight:bold;
	width:15em;
	height:2.5em;
}

.messageErreur{
	color:#8B0000;
	font-weight:bold;
}

#infoContactContainer{
	margin-top:1em;
	margin-bottom:2em;

}

#infoContactContainer > h3{
	text-align:center;
	padding:0.5em;
	background-color:#4f3326;
	color:white;
	font-weight:bold;
}

#messageConfirmMail{
	text-align:center;
	font-weight:bold;
	color:#8B0000;	
}

#messageInfoChampsObligatoire{
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
}

/* Reservation */

#formContainer{
	
}

#couleurReserved{
	color:#FF0000;
} 

#reservedDateListContainer{
	margin-top:1em;
	margin-bottom:2em;
}

#reservedDateListContainer > h3{
	text-align:center;
	padding:0.5em;
	background-color:#4f3326;
	color:white;
	font-weight:bold;
}

#calendrierClient{
	/*display:none;*/
	margin-top:1em;	
}


/* Login administration */

#id_page_Login{
	width:50em;		
}

#pageAdminRedirectMainContainer{
	text-align:right;
	margin-top:1em;	
}

#pageAdminRedirectMainContainer  a:hover{
	cursor:pointer;	
	color:yellow;
	text-decoration:underline;
}

#pageAdminRedirectMainContainer  a{
	text-decoration:none;
	text-align:right;
	width:50em;
	color:white;
	margin-top:1em;	
}

#log_header{
	width:100%;	
	text-align:center;
	border-bottom:0.1em solid black;	
}

#formLoginContainer{
	margin-top:2em;
	padding:2em;
	background-color:#fff5ce;
	color:#4f3326;
	font-size:1.2em;	
	text-align:center;
	border:0.1em solid black;
}

.labelDivWidthLogin{
	width:13em;
	font-size:1em;
	font-weight:bold;	
}

.inputDivSpaceLogin{
	width:20em;
	margin-left:2em;	
	
} 
 
/* Admin Calendrier */ 

#id_page_Calendrier{
	width:50em;	
}

#calendrierContainerAdmin{
	margin-top:1em;
	padding:2em;
	background-color:#fff5ce;
	width:50em;
	border:0.1em solid black;
} 

#pageReservationHeaderContainer{
	border-bottom:0.1em solid #4f3326;
	color:white;
	padding:1em;
	margin-bottom:0.5em;
	color:#4f3326;
	text-align:center;	
}

#pageReservationLogoutContainer{
	text-align:right;
	width:50em;
	color:white;
	margin-top:1em;	
}

#pageReservationLogoutContainer  a:hover{
	cursor:pointer;	
	color:yellow;
	text-decoration:underline;
}

#pageReservationLogoutContainer  a{
	text-decoration:none;
	text-align:right;
	width:50em;
	color:white;
	margin-top:1em;	
}