*{
	margin:0;
	padding:0;
	}
	
body{
	background-color:#4d0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background-image:url(../images/bg_rep.gif); 
	background-position: top center;
	color:#3d2f20;
	}

a img{
	border:none;
	}

/*------------------------------------------------page layout-----------------------------------*/

#wrap{



	}

#subheader{

	color:#fff;
	text-align:center;
	padding:5px;
	}
	
	#subheader a:link,#subheader a:visited{
		color:#ccc;
		}
		
	#subheader a:hover{
		color:#fff;
		text-decoration:none;
		}
				
#header{
	width:800px;
	margin:auto;

	text-align:center;
	/*background-image:url(../images/header_bg.png);	
	background-repeat:repeat-x;*/
	color:#fff;
		border-bottom:1px solid #ea9797;
	border-top:1px solid #ea9797;
	padding:10px 0;
	}
	
	#logos{
		width:700px;
		margin:auto;
		}
		
/***primary navigation*/

.primaryNavigation{
	width:800px;
	margin:10px auto;
	padding:5px 0;

	clear:both;
	}
	
.primaryNavigation ul{
	font-size:90%;
	font-weight:bold;
	text-align:center;
	}
	
	.primaryNavigation ul li{
		display:inline;
		margin-right:15px;
	}
	
	
#content{
	width:810px;
	margin:auto;
    position:relative;
	background-image:url(../images/frame_rep.gif);
	background-repeat:repeat-y;
	}

#main_image{

	position:relative;
	_position:relative;
	width:644px;
	margin:auto;
	_margin-left:;
	height:408px;
	overflow:hidden;
	}
	
	#main_image img{/*fix image alignment in ie6*/
		_margin-left:-200px;
		}
			
#title{
	position:relative;
	width:732px;
	background-color:#3d2f20;
	/*margin:0 26px 20px 25px;*/
	margin:auto;
	margin-bottom:20px;
	padding:10px 0px 10px 28px;
	_margin-top:-5px;
	height:30px;
	}
	
#primary_content{
	position:relative;
	background-image:url(../images/frame_top.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:23px;
	padding-bottom:20px;

	}

	#primary_content ul{
		margin-left:20px;
		}
		
#content_bottom{
	background-image:url(../images/frame_bottom.gif);
	background-repeat:no-repeat;	
	height:27px;
	background-position:bottom left;
	width:810px;

	}
	
#footer{


	text-align:center;

	}
	
.quatres_hotel{
	clear:both;
}

.photo {/*set background shadow for images*/
	float:left;
	position:relative;
	margin:0 10px 10px 0;
	border:2px solid #604b35;
	}	
	
	.photo:hover{
		border:2px solid #000;
		}
		
.shadow {
	background-color:#fff;
	padding:3px;
	}
    
.thumb{
	width:70px;
	height:70px;
	}

.album{
	margin:10px 0 20px 0;
	text-align:center;
	display:block;
	}
	
/***table styles*/

table#tarifs{
	border:1px solid #2a2015;
	border-collapse:collapse;
	margin:20px 0;
	font-size:87%;
	color:#000;
width:700px;
margin:auto;
}
	
	
	table#tarifs thead tr{
		background-color:#7fbcff;
		}
	
	table#tarifs tr{
		background-color:#bf9c77;
		}
		
	table#tarifs tr.even{
		background-color:#977a5b;
	}
	
	table#tarifs th{
	border:1px solid #2a2015;
	border-collapse:collapse;
	padding:5px;
	}
		
	table#tarifs td{
	border:1px solid #2a2015;
	border-collapse:collapse;
	padding:5px;
	}
	
table#quatre_soeurs_reservation{
	display:block;
	text-align:left;
	}
	table#quatre_soeurs_reservation td{
		padding:5px;
		width:30%;
		}
table#opera_reservation{
	display:block;
	text-align:left;
	}
	table#opera_reservation td{
		padding:5px;
		width:30%;
		}			
/***forms*/
form{ 
	width:70%;
	margin:auto;
	}

label { 
	display:block;
	text-align:left; 
	margin:10px 0 5px 0;
	} 
	
input{
	display:block;
	width:100%; 
	}

textarea{
	display:block;
	width:100%;
	}
	
fieldset{
	margin-bottom:20px;
	border:1px solid #3d2f20;
	padding:10px;
	background-color:#f2d8a7;
	}	

legend{
	font-weight:bold;
	}
.inline{
	width:auto;
	display:inline;
	}		   
/***google map*/

#map{
    width: 700px;
    height:400px;
    margin: 10px auto;}
/*-------------------------------------------typography-----------------------------------*/

#primary_content h2{
	display:block;
	height:30px;
	color:#fff;
	background-repeat:no-repeat;
	background-position: 22px;
	margin:0;
	padding:0;
	font-size:10px;
	}
	
	
		
h1{
	text-align:left;
	margin-bottom:10px;
	font-size:200%;
	}	

h2{
	text-align:left;
	margin-bottom:10px;
	font-size:160%;
	padding-bottom:5px;
	}
	
h3{
	text-align:left;
	margin-bottom:10px;
	font-size:140%;
	}
	
h4{
	text-align:left;
	margin:10px 0;
}

#header p{
	text-align:center;	
	margin:3px 0;
}
	
#footer p{
	text-align:center;
	color:#fff;
	margin:10px 0;
	}

#footer a{
	text-align:center;
	color:#fff;
	margin:5px 0;
	}	

#footer a:hover{
	text-decoration:none;
	}
	
p{
	font-size:90%;
	text-align:justify;
	margin-bottom:10px;
	}


.album p{
	clear:both;
	}
	
/***links*/

.primaryNavigation ul li a:link, .primaryNavigation ul li a:visited{
	color:#fff;
	text-decoration:underline;
	}
	
.primaryNavigation ul li a:hover{
	text-decoration:none;
	}
		
.gutter{
	margin:0 50px;
	}
	
/*---------------------------------------------misc--------------------------------*/

.clr{
	clear:both;
	visibility:hidden;
	}
		
hr{
	/*border:1px solid #b7b8b5;*/
	height:1px;
	color:#b7b8b5;
	background-color:#b7b8b5;
	border:none;
}

/*---------------------------------------------sifr--------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 90px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/


/*************************  Forms ************************/

ul.form{list-style:none;padding:0;margin:0 auto;width:350px;border:0;}
ul.form li{border-bottom:1px dashed #464e5f;padding:6px 0;height:35px;}
.form_head{height:20px;width:400px;color:#aaa;text-align:center;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:180px;background-color:#ccc;border:2px solid #ccc;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{background:transparent url(/images/send.png) no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:34px;
width:110px;
overflow:hidden;
text-indent:-4000px;
float:right;}
#comment{width:400px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:340px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}