@charset "utf-8";
/* CSS Document */
body{ 
		background: url(../images/bg-riad-amiran.jpg) top center repeat-y #000;
		margin: 0;
		padding: 0;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}
h1{ margin: 4px 0 20px 0;font-family:"NeutonCursive"; font-size: 27px;}

h1 a:link, h1 a:visited{ color:#FFF; text-decoration:none;}

h2 a:link, h2 a:visited{ color:#FFF; text-decoration:none;}

a:link,a:visited  { color: #E8C78B; }
/*@font-face {
	font-family: 'Gabriola';
	src: url('../font-face/Gabriola.eot');
	src: local('☺'), url('../font-face/Gabriola.woff') format('woff'), url('../font-face/Gabriola.ttf') format('truetype'), url('../font-face/Gabriola.svg#webfontONLVcg9K') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
 @font-face {font-family:"Gabriola";src:url("../font-face/Gabriola.eot?") format("eot"),url("../font-face/Gabriola.woff") format("woff"),url("../font-face/Gabriola.ttf") format("truetype"),url("../font-face/Gabriola.svg#Gabriola") format("svg");font-weight:normal;font-style:normal;}
#raid_amiran{
	width: 1024px;
	margin: 0 auto;
	
}


 
@font-face {
    font-family: 'NeutonCursive';
    src: url('../font-face/neuton-cursive-webfont.eot');
    src: url('../font-face/neuton-cursive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font-face/neuton-cursive-webfont.woff') format('woff'),
         url('../font-face/neuton-cursive-webfont.ttf') format('truetype'),
         url('../font-face/neuton-cursive-webfont.svg#NeutonCursive') format('svg');
    font-weight: normal;
    font-style: normal;

}

#logo_amiran{
	height: 115px;
	padding:0 114px;
}
.logo{
	float:left;
	
}
#lang{
	float: right;
	margin-top:89px;
}
#menu_amiran{
	float: left;
	clear:both;
	background: url(../images/bg-menu.jpg) top left no-repeat;
	height: 53px;
	line-height: 53px;
	width: 905px;
	padding: 0 0 0 118px;
}
#menu_amiran a:link,#menu_amiran a:visited{
	color: #fff;
	font-size: 28px;
	text-decoration: none;
	padding: 0 20px;
	margin: 0 10px;
	font-family:"NeutonCursive";
	 font-weight: 200;
	
}

.riad_lux{
	float: left;
	width: 140px;
	
}
.riad_lux_right {
		float: right;
	width: 140px;
	clear:none;
}
#riad_article{
	float: left;
	width: 744px;
	clear:none;
}
#photo_amiran{
	float: left;
	width: 744px;
	height: 313px;
}
#meteo_marrakech{
	float: right;
	width: 197px;
	height: 110px;
	background: url(../images/meteo-marrakech.png) top left no-repeat;
	margin-top: 73px;
}

#meteo_top{
	float: right;
	width: 197px;
	height: 110px;
	background: url(../images/meteo-marrakech.png) top left no-repeat;
}
#media_sociaux{
	float: right;
	width: 735px;
	height: 36px;
	margin-top: 33px;
	padding-right:15px;
	clear:both;
}

#footer{
	float: left;
	width: 1024px;
	height: 43px;
	background: url(../images/bg-footer.jpg) top left no-repeat;
}

#adresse{
	float: left;
	margin-left: 5px;
	margin-top: 13px;
	padding-left: 10px;
	height: 43px;
	width: 650px;
	font-family: "Century Gothic" ;
	font-size: 12px;
	background: url(../images/puce-adresse.jpg) 0 4px no-repeat;
}
#menu_footer{
	float: right;	
	padding-left: 10px;
	height: 43px;
	width: 330px;
	font-family: "Century Gothic" ;
	font-size: 12px;

}
#menu_footer a:link,#menu_footer a:visited{
	float: left;
	color: #FFF;
	margin: 0 5px 0;
	text-decoration: none;
}
#menu_footer a:hover{
	text-decoration: underline;
}


#riad_marrakech{
	float: left;
	padding: 10px 20px;
	width: 700px;
	min-height: 200px;
	line-height: 20px;
}

#liste_chambres{
	float: left;
	padding: 0;
	width: 700px;
}

#liste_chambres img{
	width: 330px;
}
#riad_marrakech h2,#liste_chambres h2{ margin: 10px 0 0px 0;font-family:"NeutonCursive"; font-size: 24px; font-weight: 300}
#riad_marrakech p{
	text-align: justify;
}


#riad_marrakech input, #riad_marrakech select, #riad_marrakech textarea{
	border: 1px solid #fff;
	background: #131313;
	color: #FFF;
	 -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}

#riad_marrakech textarea{
	width: 398px;
	height: 70px;
	margin: 0;
	padding: 0 5px;
}



#riad_marrakech .reservation_btn{
	border: 1px solid #fff;
	background: #131313;
	color: #FFF;
	cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
}

#customForm{
	margin-top: 30px;
}
.form_contact{
	width: 337px;
	float: right;
	margin-top: 20px;
}
#form_contact textarea{
	width: 337px;
	height: 90px;
}

#adress_contact{
	width: 257px;
	height: 133px;
	background: url(../images/bg-txt.png) top left no-repeat;
	float: left;
	margin-top: 20px;
	padding:20px;	
}

.margin_0{ margin-bottom: 0px;}

.chambres{
	width: 377px;
	float: left;
	
}


#tarif{
	width: 281px;
	height: 230px;
	float: right;
	}


#music {
position:absolute;
top:0;
right:0;
height:30px;
width:30px;
padding:15px;
background:url(../images/music.png) center center no-repeat;
z-index:100;
}
#right_banner {
	float:right;
	margin-right:3px;
	margin-top:10px;
}
/* This rule is read by Galleria to define the gallery height: */
#galleria .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:720px;margin:20px;}

#galleria p{margin:0 0 20px}
#galleria a {color:#22BCB9;text-decoration:none;}



#galleria{height:424px;}
.bookingamiran{
	position:absolute;
	margin-top:240px;
 	width:538px;
	height: 50px;
	clear:both;
	overflow:hidden;
	background:url(../images/fe.png) repeat;
	padding:10px 80px 10px 120px;
	margin-left:4px;
}
#f2b-dispo{ float:left; margin-right:10px; color:#333; font-weight:bold; font-size:20px; padding-top:14px;}
#f2b-widget{ float:left; margin-right:10px;}