/*******************************************************
TITLE: Riad Nafis  V1.0
DATE: 26-04-2008
AUTHOR: Chafai Mohamed Fadel
E-MAIL : fadelmohamed@gmail.com
*******************************************************/

body {
	margin:0;
	padding:0;
	background:url(../images/bg.gif);
	/*background:#9c0701;*/
	color:#FFF;
	text-align:center;
	font-family: Tahoma, verdana, helvetica;
	font-size:12px;
}
img {
	border:none;
}
#center {
	position: absolute;
	left: 50%;
	width: 1000px;
	margin:0px 0px 0px -500px;
	padding-left:0px;
	padding-right:0px;/*
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../images/bg3.jpg); */
}
* html #center {
	height: 100%;
}
a {
	color:#FFF;
	text-decoration:none;
	text-transform:none;
}
blockquote {
	margin:1em;
	padding:.5em;
	background-color:#eeeeee;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
blockquote p {
	margin:.2em;
}
#centerColumn {
	width:776px;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding:5px 0 2em .5em;
	text-align:left;
}
html>body #centerColumn {
	margin-left:6em;
	margin-right:6em;
}
#centerColumn h2 {
	margin:0 0 -.5em 0;
	padding:.75em 0 0 0;
	font-size:1em;
	letter-spacing:.1em;
}
#header {
	margin:-1em 0 0 -.5em !important;
	padding:5px 2px 2px 5px;
	height:200px;
	width:776px;
	background-color:#e6b6a0;
	border:#e0ad98 1px solid;
}
#drapo{
	width:776px;
	text-align:right
}
#logo {
	width:253px;
	height:201px;
	margin:0 0 0 3px;
	display:inline;
	float:left;
	background:url(../images/logo.png);
}
#flash {
	width:505px;
	height:201px;
	display:inline;
	float:left;
	margin:2px 0 2px 10px;
}
#header h1 {
	margin:0 0 -.6em 0;
	padding:.5em 0 0 1em;
	font-size:1.5em;
	letter-spacing:.1em;
}
#header h2 {
	margin:0 0 0 0;
	padding:1em 0 0 1.75em;
	font-size:.9em;
	font-weight:300;
	letter-spacing:.1em;
}
#nav {
	padding:0 0 0 0;
	background:#9c0701;
	margin:0 0 0px 30px;
	padding:0;
	background:url(../images/nav_bg.png) no-repeat;
	width:749px;
	height:36px;
}

#sub_nav {
	padding:5px 0 0 0;
	background:#9c0701;
	margin:0 0 -5px 80px;
	padding:0;
	background:url(../images/sub_nav_bg.png);
	width:569px;
	height:36px;
}
#sub_nav_room {
	padding:5px 0 0 0;
	background:#9c0701;
	margin:0 0 1em 135px;
	padding:0;
	background:url(../images/sub_nav_room.png);
	width:461px;
	height:36px;
}

#content {
	margin:0px 0 10px 0;
}
#home_rimg {
	height:328px;
	width:271px;
	margin:0 0 0 15px;
	display:inline;
	float:left;
}
#home_rimg_room {
	height:328px;
	width:271px;
	margin:0 0 0 15px;
	display:inline;
	float:left;
}
#home_r {
	height:328px;
	width:271px;
	margin:0 0 0 15px;
	display:inline;
	float:left;
}
#footer {
	position:relative;
	bottom:0;
	margin:10px 0 0 0;
	padding:0;
	height:4em;
	text-align:center;
	font-size:10px;
	clear:both;
}
.riad_nafis_marrakech {
	position:relative;
	bottom:0;
	margin:0px 0 0 0;
	padding:0;
	height:4em;
	text-align:center;
	font-size:10px;
	clear:both;
}
.riad_nafis_marrakech2 {
	position:relative;
	width:100px;
	float:right;
	margin:-150px -10px 0 0px;
	padding:0;
	text-align:center;
	clear:both;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer li {
	margin:0 0 10px 0;
	padding:0 5px 20px 5px;
	padding-bottom:30px;
	display:inline;
	color:#FFFFFF;
}
#menu_liste_chambre ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menu_liste_chambre li {
	margin:0 0 10px 0;
	padding:0 5px 20px 5px;
	padding-bottom:30px;
	display:inline;
	color:#FFFFFF;
}

#menu_liste_chambre li a:hover{
	color:#ca3e01;
}
#home{
	float:left; 
	display:inline; 
	width:480px; 
	height:160px; 
	margin:0 0 0 10px
}
#home_left {
	margin-top:-200px;
	width:460px;
	height: 150px;
	position:relative;
	top:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	word-spacing:2px;
	padding:15px 5px 5px 5px;
	text-align:justify;
	line-height:1.5em;
	overflow: auto;
}
#home_left_tr {
	width:470px;
	height:180px;
	background-color:#c8b18f;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	border:1px #7c4203 solid;
	overflow: hidden;
}

#home_room{
	float:left; 
	display:inline; 
	width:480px; 
	height:260px; 
	margin:0px 0 0 10px
}

#home_left_room {

	margin-top:-290px;
	width:460px;
	height: 260px;
	position:relative;
	top:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	word-spacing:2px;
	padding:10px 5px 5px 5px;
	text-align:justify;
	line-height:1.5em;
}
#home_left_tr_room {
	width:470px;
	height:260px;
	background-color:#c8b18f;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	border:1px #7c4203 solid;
}


#home_left_prestation {

	width:760px;
	height: 1000px;
	position:relative;
	top:20px;
	color:#FFFFFF;
	font-weight:bold;
	margin: -1010px 0 0 5px;
	font-size:11px;
	word-spacing:2px;
	padding:5px 5px 5px 5px;
	text-align:justify;
	line-height:1.5em;
}
#home_left_tr_prestation {
	width:780px;
	height:1000px;
	background-color:#c8b18f;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	border:1px #7c4203 solid;
}



#home_prestations{
	float:left; 
	display:inline; 
	width:480px; 
	height:400px; 
	margin:20px 0 0 10px
}

#home_left_prestations {

	margin-top:-390px;
	width:460px;
	height: 360px;
	position:relative;
	top:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	word-spacing:2px;
	padding:10px 5px 5px 5px;
	text-align:justify;
	line-height:1.5em;
}
#home_left_tr_prestations {
	width:470px;
	height:360px;
	background-color:#c8b18f;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	border:1px #7c4203 solid;
}
#monForm label
{
	
	display: block;
	width: 160px;
	float: left;
	padding-right: 1%;
	letter-spacing: 1px;
}
.input
{
	width: 180px;
	height:15px;
	border: #ca4a1e 1px solid;
	font-size:10px;
	font-weight:bold;
}
#monForm textarea
{
	width: 280px;
	height:100px;
	padding:2px;
	border: #ca4a1e 1px solid;
	font-size:10px;
	font-weight:bold;
}
#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus, #monForm textarea:hover, #monForm textarea:focus 
{
	border: #ca4a1e 1px solid;
	background-color: #fef9cf;
	font-weight:bold;
	font-size:11px;
}
.gust
{
	width: 20px;
	height:15px;
	padding:2px;
	border: #ca4a1e 1px solid;
	font-size:10px;
	font-weight:bold;
}
.dateinput{
	width: 80px;
	height:15px;
	padding:2px;
	border: #ca4a1e 1px solid;
	font-size:10px;
	font-weight:bold;
}
.submit{
	border: #ca4a1e 1px solid;
	padding:2px;
	font-weight:bold;
	font-size:10px;
}

#home_left_resa{

	margin-top:-740px;
	width:660px;
	height: 720px;
	position:relative;
	top:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	word-spacing:2px;
	padding:10px 5px 5px 5px;
	text-align:justify;
	line-height:1.5em;
}
#home_left_tr_resa {
	width:780px;
	height:720px;
	background-color:#c8b18f;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	border:1px #7c4203 solid;
}

.menu_title{
	font-weight:bold
}

#menuadecouvrir{
	width:120px; 
	padding:5px; 
	margin:4px; 
	border:#990000 1px solid; 
	display:inline; 
	float:left
}

#menuadecouvrir a:hover{
	color:#9b0700;
}

#titleadecouvrir{
	display:inline; 
	float:left; 
	margin:5px 0 0 5px; 
	padding:10px 0 10px 5px; 
	width:620px; 
	border:#990000 1px solid
}

#artimg{
	display:inlin; 
	float:left;
	padding:3px;
}