#gallery {width:337px; /*margin-left:4px;*/}
#gallery div.off{
	background-color: #999;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	width:111px;
	height:22px;
	padding:8px 0px 0px 0px;
	border-right: #666 1px solid;
	text-align:center;
	float:left;
	margin:1px 0px 0px 0px;
	cursor:pointer;
}
#gallery div.onn {
	background-color: #666;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	width:113px;
	height:22px;
	padding:8px 0px 0px 0px;
	text-align:center;
	float:left;
	margin:1px 0px 0px 0px;
}

/*#gallery div.off {
	background-image:url(../riad-images/inactif.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	width:108px;
	height:32px;
	padding-top:8px;
	text-align:center;
	float:left;
	margin-right:1px;
	cursor:pointer;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#gallery div.on {
	background-image:url(../riad-images/actif.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	width:108px;
	height:32px;
	padding-top:5px;
	text-align:center;
	float:left;
	margin-right:1px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}*/

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:both; width:330px; margin:0px; }

#gallery1 {
	width:578px;
	height:25px;
	}
#gallery1 div.ofd {
	/*background-image:url(../riad-images/inactifd.jpg);
	background-repeat:no-repeat;*/
	background-color: #8A2F61;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	width:143px;
	height:22px;
	padding:8px 0px 0px 0px;
	border-right: #ccc 1px solid;
	text-align:center;
	float:left;
	margin:1px 0px 0px 0px;
	cursor:pointer;
}
#gallery1 div.od {
	/*background-image:url(../riad-images/actifd.jpg);
	background-repeat:no-repeat;;*/
	background-color: #FFFFFF;
	color:#8A2F61;
	font-size:11px;
	font-weight:bold;
	width:144px;
	height:22px;
	padding:8px 0px 0px 0px;
	text-align:center;
	float:left;
	margin:1px 0px 0px 0px;
	border:solid 1px #CCC;
	border-bottom:none;
	
}

div.hidd {display:none; width:0; overflow:hidden;}
div.shod {clear:both; width:578px; margin:0px;  }

.clear {clear:both;}
.ListeRiadsHome{
	border:solid 1px #D1CDCD; 
	border-top:none; 
	height:660px;
	padding-top:0;
	margin-top:0;
	float:none;
	clear:both;
}
.TopHotelDestination{
	width:564px;
	border-bottom:#CCCCCC dashed 1px;
	display:block;
	float:left;
	padding-left:2px;
	margin-top:5px;
	height:100px;
}
.TopHotelDestination img{
	width:132px;
	padding:10px 5px 0px 2px;
	height:78px;
	float:left;
}
.TopHotelDestination img a{
	width:132px;
	padding-left:2px;
	padding-right:2px;
	height:78px;
	float:left;
}
.TopHotelDestination .description{
	width:422px;
	padding-right:2px;
	float:left;
	text-align:left;
	height:82px;
	min-height:82px;
	margin-bottom:10px;
	padding-top:0px !important;
	padding-top:5px;
	position:relative;
}
.TopHotelDestination .description h2{
	color:#816442;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	width:420px;
	border-bottom:solid 1px #CCCCCC;
	height:20px;
	margin:0 !important;
	padding:0 !important;
}
.TopHotelDestination .description h2 a{
	color:#816442;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;


}
.TopHotelDestination .description p{
	color:#444444;
	font-size:10px;
	line-height:13px !important;
	margin:0 !important;
	padding:0 !important;
}
.TopHotelDestination .price{
	width:132px;
	color:#F00;
	text-align:center;
	float:left;
	position:absolute;
	top:4px;
	left:300px;
}
.TopHotelDestination .more{
	width:300px;
	color:#0066CC;
	text-align:left;
	float:left;
	padding-left:5px;
	font-size:10px;
}
.TopHotelDestination .more a{
	width:300px;
	color:#0066CC;
	text-align:left;
	float:left;
	padding-left:5px;
	font-size:10px;
}