/* CSS Document */
body{margin:0px; padding:0px; background-color:#EAEAEA; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h1{margin:0px; padding:0px; padding-top:6px; padding-bottom:6px; text-align:center; font-family:Algerian; font-size:15px; color:#DADADA;}
h2{margin:0px; padding:0px; padding-top:6px; padding-bottom:6px; text-align:center; font-family:Algerian; font-size:15px; color:#99D1F2; }
a{text-decoration:none; color:#000000;}
a:hover{text-decoration:none; color:#666666;}
form{padding-left:4px;}
#top{height:507px; width:auto; text-align:center; background:url(../image/22074-bg.jpg); background-repeat:repeat-x; background-color:#EAEAEA;}
#toptop{width:915px; height:206px; margin:auto; }
#menuu{width:860px; height:80px; float:left; clear: both; margin-top:124px; margin-left:51px!important; margin-left:26px;}
.accueil{width:135px; height:80px; float:left;}
.riad{width:140px; height:80px; float:left;}
.appartement{width:140px; height:80px; float:left;}
.villa{width:140px; height:80px; float:left;}
.marrakech{width:140px; height:80px; float:left;}
.contact{width:116px; height:80px; float:left;}
#top1{width:915px; height:206px; margin:auto; background:url(../anim/menu_03.jpg) no-repeat; margin-left:1px;}

#page{width:813px;  height:auto; margin:auto; border-left:1px solid #DEDEDE;}

#cente{width:590px; height:auto; float:left;}
#content{width:590px!important; width:588px;  height:auto; float:left; background-color:#FFFFFF;  border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE;}
#bas{height:27px; width:590px!important; border-left:1px solid #DEDEDE;  width:588px; background:url(../image/bas.jpg) no-repeat; float:left; clear:both;}

#pub{
	height:1218px; width:220px;   float:left; 
}

#pub1{
	height:1266px; width:220px; background-color:#FFFFFF; border:1px solid #DEDEDE;  float:left; border-top:0px; border-bottom:0px; float:left; clear:both;
}
#pub2{height:28px; width:220px; background:url(../image/b2.jpg) no-repeat;  clear:both; background-position:center;}
#part{padding-left:4px;}
.sel{height:20px; width:120px; font-size:11px;}

.txttab{text-align:justify;}

#tect{text-align:center; height:auto; width:auto; padding-left:10px; padding-right:10px;}

#btet{width:580px; height:80px; margin:auto; float:left; clear:both; text-align:center; padding:4px; padding-top:20px;}
/***** RIAD - SPA ****/		
.spa{
			text-align:left;
			position:relative;
			width:550px;
			height:178px;
			background-color:#FFF;
			margin-left:20px;
			margin-bottom:15px;
			color:#918E8E;
			}

#content div.fd img {
			width:148px;
			height:112px;
			}
			#content .thalasso, #content .thalasso div.fd img {
			border:1px solid #2DAABC;
			}
			#content .balneo, #content .balneo div.fd img {
			border:1px solid #5FDAE1;
			}
			#content .spa, #content .spa div.fd img {
			border:1px solid #CCC090;
			}
			#content .default, #content .default div.fd img {
			border:1px solid #9F9F9F;
			}
			
			#content .thalasso div.fd, 
			#content .balneo div.fd, 
			#content .spa div.fd, 
			#content .default div.fd {
			display:block;
			width:126px;
			height:178px;
			background-image:url(../image/vague.gif);
			background-position:right;
			background-repeat:no-repeat;
			}
			#content .thalasso div.fd {
			background-color:#ABDDE4;
			}
			#content .balneo div.fd {
			background-color:#E0F8F9;
			}
			#content .spa div.fd {
			background-color:#EBE6D3;
			}
			#content .default div.fd {
			background-color:#85AE24;
			}
			
			#content div.fd img {
			position:absolute;
			top:50px;
			left:15px;
			}

			#content .titre_dest {
			font-size:16px;
			font-weight:bold;
			position:absolute;
			top:10px;
			left:120px;
			width:360px;
			}
			#content .thalasso .titre_dest {
			color:#2DAABC;
			}
			#content .balneo .titre_dest {
			color:#3DD2DB;
			}
			#content .spa .titre_dest {
			/*color:#CCC090;*/
			color:#B4A76C;
			}
			#content .default .titre_dest {
			color:#623510;
			}
			
			#content .titre_theme {
			font-size:16px;
			font-weight:bold;
			margin-left:10px;
			padding-top:6px;
			}
			#content .thalasso .titre_theme {
			color:#2DAABC;
			}
			#content .balneo .titre_theme {
			color:#3DD2DB;
			}
			#content .spa .titre_theme {
			color:#B4A76C;
			}
			#content .default .titre_dest {
			color:#623510;
			}
			
			#content a.prix {
			font-weight:bold;
			color:#FFF;
			position:absolute;
			right:-1px;
			top:0px;
			padding:5px;
			width:288px;
			text-align:center;
			font-size:15px;
			text-decoration:none;
			}
			#content div.descriptif {
			position:absolute;
			left:170px;
			top:71px;
			width:380px;
			height:90px;
			overflow:hidden;
			}
			#content a.nom_pdt {
			font-size:14px;
			display:block;
			position:relative;
			font-weight:bold;
			padding:2px 5px;
			width:330px;
			min-width:200px;
			color:#FFF;
			text-decoration:none;
			}
			#content .thalasso .prix, #content .thalasso .nom_pdt {
			background-color:#C6E47C;
			}
			#content .balneo .prix, #content .balneo .nom_pdt {
			background-color:#C6E47C;
			}
			#content .spa .prix, #content .spa .nom_pdt {
			/*background-color:#CCC090;*/
			background-color:#C6E47C;
			}
			#content .default .prix, #content .default .nom_pdt {
			background-color:#C6E47C;
			}
			#content a.details {
			position:absolute;
			left:424px;
			top:155px;
			font-weight:bold;
			text-decoration:none;
			color:#46AAE8;
			width:123px;
			}
			
#pub1 ul{ margin:0px; padding:0px; margin-top:4px; margin-bottom:10px; margin-left:26px;}
#pub1 h2{font-size:14px; color:#000000; font-weight:normal; margin:0px; padding:0px; margin-left:4px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; border: 1px solid #e1e1e1;
	padding: 0 0 0 8px;
	height: 22px;
	font-family: "Howie's_Funhouse", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #3f78ae; padding-left:2px; padding-top:3px; margin-right:1px;}			


/****************** agence *****************/
.tpagence{width:570px; margin-left:6px; margin-top:20px; height:22px; float:left; clear:both; background:url(../image/bgGradiant.gif); padding-left:6px; font-weight:bold;}

.detagence{width:570px; margin-left:6px;  height:auto; float:left; clear:both; border: 1px solid #e1e1e1;}

.logo22{width:155px; height:115px; float:left; margin:6px;}
.txtdesc{width:390px; height:auto; float:left; margin-top:6px; margin-left:4px; text-align:justify;}
/*--------------------------	produit  						--------------------------*/
/*-----slideshow-----*/
#slideShow{
	clear:both; 
	border: 1px solid #e1e1e1;
	margin: 0 10px 10px 0; margin-left:10px;
	padding: 5px;
	width: 462px;
	height: 290px;
}

.imaa{float:left; width:356px; height:auto; margin-top:14px;}
.pimg{ height:285px; width:93px !important; width:90px; float:left;  text-align:center; margin:2px; padding-top:4px; }
#diaporama{float:left;}
.miniphotos {clear:both; border: 2px solid #e1e1e1; margin:2px!important;  margin:1px; }

.brimage{border: 2px solid #e1e1e1; }

.lt1{ color:#99D1F2;}


/********* villa *** appartement **** riad****/
.var{width:280px; float:left; clear:both; background-color:#EFEFEF; padding-bottom:4px;}
.var1{width:280px; height:220px; float:left; clear:both;}
.var2{width:274px; height:80px; float:left; clear:both; padding:2px; padding-left:4px; font-family: Arial,sans-serif;
	font-size: 12px;
	
	
	text-align:left;}

.type25{
	color:#C1C1C1;
	text-decoration: none;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin-top: -5px;
	margin-left: 0px;
	display:block;
	}
	
	.type26{
	color:#8BCBF1;
	text-decoration: none;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin-top: -5px;
	margin-left: 0px;
	display:block;
	}
	
		.type27{
	color:#C6E47C;
	text-decoration: none;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin-top: -5px;
	margin-left: 0px;
	display:block;
	}