a{ color: #FFF; text-decoration: none; cursor:pointer;border:none}
a:link{ color: #FFF; text-decoration: none; cursor:pointer;border:none}
a:visited{ color: #FFF; text-decoration: none; cursor:pointer;border:none}
a:hover {  color: #FFF; cursor:pointer;text-decoration:underline;border:none}

#site { width:950px; height:auto;min-height:782px; overflow:hidden; margin:auto; padding:0;margin-bottom:10px;}
#ctn { width:950px; height:auto;min-height:600px; margin:auto; overflow:hidden;}
#ctn2 { width:950px; height:auto; margin:auto; overflow:hidden;}


#milieu { 

float:left;
width: 600px;
padding:5px 0 5px 5px;
margin-top:0;
height:auto;
min-height:800px;
padding-bottom:10px;
color:#979797;



}






	/*MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/
#rech {
	width: 490px;
	color:#000;
	float:left;
	background: rgba(0, 0, 0, 0.5); /* browsers */ 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); /* IE */
	height:38px;
	margin:45px 0 0 0;
	padding: 1px 0 0 5px;
    
}

#lng{ float:right; padding:5px; margin:55px 10px 0 0; background: rgba(0, 0, 0, 0.5); /* browsers */ 
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); /* IE */}
	/*MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/
#lng img{ margin:0 2px 0 0}




#titre_chambre{width:363px;height:30px;float:right;margin:15px 0 0 0;background:url(../images/bande.png);color:#FFFFFF;font-weight:bold;font-size:16px;text-align:right;padding:7px 5px 0 0}

#milieu_riad {
	width: 944px;
    float:left;
	margin:2px 1px 0 3px;
	background: url(../images/riad.jpg) no-repeat center #7d6356;
	height:436px;
	 
}

#gallery_wrap {
width: 944px;
	height: 558px;
	padding:2px 3px 0 3px;
	
	background-color:#FFF;/*byad*/
	
	
	
}

#descr_gal{
width:740px;height:60px;position:absolute;top:300px;left:100px;background-color: rgba(0, 0, 0, 0.5);padding:10px
}

#descr_other{
width:440px;height:auto;position:absolute;top:110px;left:460px;background-color: rgba(0, 0, 0, 0.5);padding:10px; text-align:justify
}



#gallery {
	width: 950px;
    float:left;
	height:105px;
	
	  
}

h3 {
	border-bottom-color: white;
}

ul.filmstrip img{width:135px;height:100px;float:left;border:none;}
#message_erreur{color:#FF0000;font-weight:bold;font-size:12px;}


#all_pagination{width:99%;height:auto;float:left;margin:15px 0 0 10px;}
paginationg { padding:1px; margin:1px; border:#5F380D solid 1px;  float: left; background-color:#FFFFFF; }
#pagination { padding:4px 7px; margin:1px; border:#FFF solid 1px;  float: left; background-color:#5F380D; color:#FFFFFF;}

#pagination1 { padding:4px 7px; margin:1px; border:#FFF solid 1px;  float: left; background-color:#fff; color:#5F380D}
#pagination a:link{color:#FFF;}
#pagination a:visited{color:#FFF;}









/*********gallery******/
#galleryContainer{
		
		height:132px;	/* Height of the images + 2 */
		position:relative;
		overflow:hidden;
		
		
		/* CSS HACK */
		height: 134px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/132px;	/* Other browsers */
		height: /**/132px;
		
		
		

				
	}

.galleryview{border:1px solid #FF0000;}	
#photos{border:1px solid #FF0000;}	
	#arrow_left{
		position:absolute;
		left:0;
		z-index:10;
		padding:2px 0 0 0;
		
		
		
	}
	#arrow_right{
		position:absolute;
		right:0;
		z-index:10;
		padding:2px 0 0 0;
		
				
	}
	#theImages{
		position:absolute;
		height:125px;
		width:100000px;
		left:40px;
		
		border:1px solid #FF0000;
		background-color:#FF0000;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		/*filter: alpha(opacity=50);
		opacity: 0.5;*/
		cursor:pointer;
		border:0px;
		margin:0 5px 0 0;
		width:135px;
		height:100px;
		border:1px solid #986224;
		
	}
		#theImages img:hover{

		border:1px solid #FFF;
		
	}
	
	

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
/******* fin gallery******/


/****************************/
/* 	début menu	déroulant	*/
/****************************/




#menu ul{
	width: 940px;
	color:#FFF;
	float:left;
	height:30px;
	list-style:none;
	padding:0;
	
    
}




ul, li {
list-style-type:none;
}
 
/*chaque sous-menu*/
#menu ul li {
position:relative;
cursor:pointer;
display:block;
width: 122px;
color:#FFF;
float:left;
margin-right:8px;
text-align:center;
padding:0;
height:auto;


}
 
/*carré déroulant sous un sous-menu niveau 1*/

 
#menu ul li ul li {
height:100%;
padding:8px 0 8px 5px;

}