/* Le Pavillon de Raba - Template ver 1.0 | Author: Joe Palfrey contact@jp-design.fr*/


*{
	margin:0;
	padding:0;
	}
	
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	padding-top:20px;
	_text-align:center;
	line-height:16px;
	}

a img{
	border:none;
	}
		
/*---------------------------------general layout--------------------------*/


#wrap{
	width:800px;
	margin:auto;
	}
	

#sub_header{
	color:#d5c395;
	}

		
#inner_wrap{
	background-color:#d5c395;
	padding:8px 9px 8px 8px;
	}
	
	
	#navigation{
		width:216px;
		float:left;
		height:480px;
		}
		
		#navigation ul{
			list-style-type:none;
			margin:10px 0 0 30px;
			text-align:left;
			}
			
			#navigation ul li{
				margin:3px 0;
				}
				
				#navigation ul li a{
					font-family:"Times New Roman", Times, serif;
					color:#38233E;
					font-size:12px;
					}
					
	#main_image{
		float:right;
		width:567px;
		overflow:hidden;
		
		}
	
	#header_content{
		background-image:url(../images/header_content_bg.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
		width:783px;
		background-color:#fff;

		}
		
	#content{
		background-color:#862326;
		width:783px;
		background-color:#862326;
		background-position:bottom left;
		background-repeat:no-repeat;
		}
		
		#primary_content{
			width:560px;
			_width:530px;
			float:right;
			background-color:#862326;
			}
	
		#secondary_content{
			width:216px;
			float:left;
			
			}
		
/***reservation form*/	
#reservation{
	text-align:left;
	margin:10px;
	font-size:10px;
/*	border-left:1px solid #d5c395;
	border-right:1px solid #d5c395;*/
	width:202px;
	background-color:#9c1011;
	background-image:url(../images/box_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:5px;
	}	
	
	#reservation h3{
		background-image:url(../images/box_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		padding:10px 0 5px 10px;
		border-bottom:1px solid #d5c395;
		font-size:110%;
		}
		
	#reservation table{
		margin:3px;
		}
				
	#reservation select{
		/*border:1px solid #d5c395;*/
		font-size:9px;
		margin:3px 0;

		}
	
	#reser_button{
		font-size:100%;
		border:1px solid #d5c395;
		background-color:#fff4d7;
		}
	
	#reservation label{
		font-weight:bold;
		clear:both;
		margin:5px 0 2px 0;
		font-size:11px;
		}
		
	#reser_icon{
		float:left;
		margin-right:3px;
		}
/***end reservation*/
	
#contact_form{
	width:567px;
	height:480px;
	overflow:hidden;

	color:#6E0000;
	}
	
#photo_gallery{
	padding-bottom:30px;
	text-align:center;
	}
	
	#photo_gallery p{
		text-align:center;
		}
		
.gutter{
	margin:15px;
	}
	
	
#bon-cadeaux{
	width:202px;
	margin:10px;
	}
#chc{
	width:202px;
	margin:10px;
	}
	
/***tables*/
#primary_content table{
	border:1px solid #d4c193;
	width:100%;
	border-collapse:collapse;
}

#primary_content table th{
	border:1px solid #d4c193;
	padding:3px;
	font-size:12px;
	font-weight:bold;
}

#primary_content table td{
	border:1px solid #d4c193;
	padding:3px;
	font-size:11px;
}


/***lists*/
#primary_content ul{
	text-align:left,	
}

#primary_content li{
	text-align:left,	
}

/*------------------------------------typography-----------------------------*/

p{
	margin:10px 0;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	}
	
#footer p{
	text-align:right;
	font-size:11px;
	}
	
#sub_header p{
	text-align:right;
	font-size:11px;
	margin-top:3px;
	color:#434343;
	}
	
#sub_header label{
	font-size:11px;
	font-weight:bold;
	}
	
/*links*/
a:link, a:visited{
	color:#d5c395;
	line-height:16px;
	}
	
a:hover{
	color:#fff;
	text-decoration:none;
	}
	
#sub_header a:link, #sub_header a:visited{
	color:#434343;
	}
	
#sub_header a:hover, #footer a:hover{
	color:#434343;
	}

.text_center{
	text-align:center;
	}
		
/*------------------------------------misc-----------------------------------*/

.clr{
	clear:both;
	visibility:hidden;
	}
	
	
#placeholder{
	height:150px;
	}

.block{
	display:block;
	}
	
.left{
	float:left;

	}
	
.right{
	float:right;
	}
	
/*************************  Form validate ************************/
fieldset{border:0;}
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;}