@charset "UTF-8";

body {
	font: lighter 11px/14px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background:url(../pictures/bg-pattern.gif) repeat-x;
	}

/********************/
/*		HEAD		*/
/********************/
#head {
	margin-top: 0;
	top:0;
	}
	#head div#header-top{
		margin:0;
		padding:0;
		height: 32px;
		background: url(../pictures/top-panel.png) no-repeat;
		}
		#head div#header-top span#top-infos{
			margin:7px auto auto auto;
			padding:0;
			height: 13px;
			width:415px;
			text-indent:-9000px;
			display:block;
			overflow:hidden;
			background: url(../pictures/header-info.png) no-repeat;
			}
	#head div#header-logo{
		margin:0;
		padding:0;
		height: 83px;
		background: url(../pictures/logo-panel.png) no-repeat;
		}
		#head div#header-logo span#logo{
			margin:0 auto auto auto;
			padding:0;
			height: 83px;
			width:363px;
			text-indent:-9000px;
			display:block;
			overflow:hidden;
			background: url(../pictures/logo.png) no-repeat;
			}
	#head div#header-nav{
		margin:0;
		padding:0;
		height: 62px;
		background: url(../pictures/nav-panel.jpg) no-repeat;
		}
		#head div#header-nav ul#nav{
			margin:15px auto auto auto;
			padding:0;
			height: 20px;
			width: 500px;
			}
			#head div#header-nav ul#nav li{
				list-style:none;
				float:left;
				display:inline-block;
				padding-right: 10px;
				padding-left: 10px;
				height: 20px;
				text-transform:uppercase;
				background:url(../pictures/separator.gif) no-repeat;
				background-position:right center;
				}
				#head div#header-nav ul#nav li a{
					padding:0;
					height: 20px;
					text-indent: -9000px;
					display:block;
					overflow:hidden;
					background: url(../pictures/nav-matrix.png) no-repeat;
					}
				#head div#header-nav ul#nav li a#nav-accueil{
					width:70px;
					background-position: 0px top;
					}
					#head div#header-nav ul#nav li a#nav-accueil:hover{
						background-position: 0px bottom;
						}
				#head div#header-nav ul#nav li a#nav-leriad{
					width:58px;
					background-position: -100px top;
					}
					#head div#header-nav ul#nav li a#nav-leriad:hover{
						background-position: -100px bottom;
						}
				#head div#header-nav ul#nav li a#nav-galerie{
					width:72px;
					background-position: -184px top;
					}
					#head div#header-nav ul#nav li a#nav-galerie:hover{
						background-position: -184px bottom;
						}
				#head div#header-nav ul#nav li a#nav-reservation{
					width:110px;
					background-position: -283px top;
					}
					#head div#header-nav ul#nav li a#nav-reservation:hover{
						background-position: -283px bottom;
						}
				#head div#header-nav ul#nav li a#nav-contact{
					margin-right: 0;
					width:73px;
					background-position: -415px top;
					}
					#head div#header-nav ul#nav li a#nav-contact:hover{
						background-position: -415px bottom;
						}
	#head div#ban{
		margin:0;
		padding:0;
		height: 156px;
		background: url(../pictures/ban.jpg) no-repeat;
		}
	#head div#welcome{
		margin:0;
		padding:0;
		height: 30px;
		background: url(../pictures/welcome-panel.jpg) no-repeat;
		text-align: center;
		}
		#head div#welcome span{
			margin:10px auto auto auto;
			display: block;
			}
			
#main {
	margin-top: 0;
	color: #fff;
	background-image: url(../pictures/buck2.jpg);	
	
	}			

	#main-center {
	margin: 0 auto;
	text-align: center;
	
	color: #000000;
	width:600px;
	padding-top:30px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	
	}	
#main-right {
	margin-top: 0;
	color: #000000;
	float:right;
	width:270px;
	text-align:left;
	padding-top:12px;
	}	
#main-left {
	margin-top: 0;
	color: #000000;
	
	width:600px;
	padding-left:12px;
	padding-top:12px;
	font-size: 16px;
}	
#main-left2 {
	margin-top: 0;
	color: #000000;
	
	width:887px;
	padding-left:12px;
	padding-top:12px;
	font-size: 16px;
}	

#main-lang{
	margin-top: 0;
	color: #000000;
	width:300px;
	padding-left:12px;
	padding-top:12px;
	font-size: 16px;
	text-align: center;
}	


#footer {
	margin-top: 0;
	height:40px;
	color: #341a04;
	background:url(../pictures/footer-panel.jpg) no-repeat;
	}
	#footer ul#footer-nav {
		margin:10px auto auto 5px;
		padding:0;
		position: relative;
		float:left;
		display: inline;
		}
		#footer ul#footer-nav li{
			list-style:none;
			margin-left:10px;
			float:left;
			}
			#footer ul#footer-nav li a{
				font:12/14px Georgia, "Times New Roman", Times, serif;
				color: #341a04;
				text-transform:uppercase;
				text-decoration: none;
				border:none;
				}
				#footer ul#footer-nav li a:hover{
					border-bottom: 1px dotted #341a04;
					}
	#footer span#copyright {
		margin:10px auto auto 30px;
		float:left;
		display:block;
		}
	#footer span#credits {
		margin:10px 0px auto 30px;
		float:left;
		text-indent:-9000px;
		display: block;
		overflow: hidden;
		width: 80px;
		height: 24px;
		background:url(../pictures/247.png) no-repeat;
		}
		
		
/* Div pour la mise en forme */
#main-right {
	margin-top: 0;
	color: #000000;
	float:right;
	width:270px;
	text-align:left;
	padding-top: 0px;
	}	
/* IE6 Only */
* html #main-right {
margin-top: 0;
	color: #000000;
	float:right;
	width:270px;
	text-align:left;
	padding-top:35px;
	}
#main-left {
	margin-top: 0;
	color: #000000;
	float:left;
	width:600px;
	padding-left:12px;
	padding-top:12px;
	}	
/* IE6 Only */
* html #main-left {
margin-top: 0;
	margin-top: 0;
	color: #000000;
	float:left;
	width:600px;
	padding-top:12px;
	padding-left:18px;
}

#riad-right {
float:right;
	width: 250px;
	
	padding-right:10px;
	}	
	
#riad-left {
float:left;

width:450px;
padding-left:25px;
margin-top:15px;
	}	
/* IE6 Only */
* html #riad-left {	
float:left;

width:450px;
padding-left:15px;
margin-top:15px;
	}
	
#riad-center {
float:left;

margin-top:20px;

width:130px;
	}
/* IE6 Only */
* html #riad-center {	
float:left;

margin-top:-300px;
padding-left:460px;
width:130px;
	}	
	
		
	
#gal {
float:left;

width:550px;
padding-left:180px;
margin-top:0px;
}	
/* IE6 Only */
* html #gal {
float:left;

width:550px;
padding-left:180px;
margin-top:0px;
}

/* IE6 Only */
* html #res {
float:left;

width:600px;
padding-left:150px;
margin-top:0px;
}
	
	/*images effects*/
	img.solid {
	border:1px solid #999999;
	margin:5px 0pt 2px 2px;
	padding:1px;
}

img.bold {
	border:5px solid #acabab;
	margin:5px 0pt 2px 2px;
	padding:1px;
}
	
	img.bold2 {
	border:3px solid #acabab;
	margin:5px 0pt 2px 2px;
	padding:1px;
}
img.dashed {
	border:1px #999999 dashed;
	margin:5px 0pt 2px 2px;
	padding:1px; 
}