body, html{
margin: 0;
padding: 0;
width: 100%;
height: 100%;

}

body{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.a_1{
width:800px;
padding-left:13px;
padding-right:13px;
margin:0 auto 0 auto;
height:auto;
text-align:left;
background:url(../images-mh/back_1.gif) repeat-y;
}

.titre_mh{
color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
display:block;
margin:0 0px 2px 0px;
font-weight:normal;
text-align:center;
width:790px;
}
.titre_mh a{
text-decoration:none;
color:#999999;
}
.thdr_1{
position:absolute;
top:74px;
left:156px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#3F95CD;
}
/*.thdr_1{
position:absolute;
top:105px;
left:120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}
.maj_hdr{
position:absolute;
bottom:2px;
left:2px;
color:#9E865E;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}*/
.maj_hdr{
position:absolute;
bottom:2px;
left:2px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.hdr1{
	position:relative;
	overflow:hidden;
	height:160px;
	width:790px;
	background-image: url(%20);

}
#cont_html_top{
width:622px;
border-right:solid 1px #CCCCCC;
float:left;
height:auto;
 
}
#contenu{
width:622px;
border-right:solid 1px #CCCCCC;
float:left;
height:auto;
min-height:600px;
 
}
#header-actualite{
width:622px;
border-right:solid 1px #CCCCCC;
float:left;
height:auto;
 
}
#cont_html_top1{
width:413px;
float:left;
height:auto;
overflow:hidden;

}

#cont_html{
width:419px;
border-right:solid 1px #CCCCCC;
float:left;
height:auto;
overflow:hidden;
padding-bottom:20px;
}
#cont_html_details{
width:600px;
border-right:solid 1px #CCCCCC;
float:left;
height:auto;
overflow:hidden;
padding-bottom:20px;
}
#menus{
float:left;
margin-left:4px;
width:365px;
height:100%;
border-left:solid 1px #ffffff;
}

.b_c{
clear:both; 
width:790px;
 
}

.situation{
font-size:11px;
color:#C49B5E;
}
.situation a{
font-size:11px;
color:#C49B5E;
text-decoration:none;
}
#footer{
clear:both;
text-align:center;
}
#footer .lien_menu_f a{
font-size:10px;
color:#432E0D;
font-weight:normal;
text-decoration:none;  

}

#footer .liens_ftr1{
color:#999999;
font-size:9px;
}
#footer .liens_ftr1 a{
color:#999999;
text-decoration:none;
}

#footer .liens_ftr2{
margin-top:2px;
color:#432E0D;
font-size:9px;
font-weight:bold;
}


#footer .liens_ftr2  a{
/*color:#432E0D;*/

}

.google_add{
height:90px;
margin:10px;
padding-top:5px;
border-top:dotted 1px #CCCCCC;
text-align:center;
clear:both;
text-align:center;
}

.footer_img{
background:url(../images/banner_bas1.gif) no-repeat;
height:100px;
position:relative;
}
.footer_img .google{
	color:#FFFFFF;
	text-align:right  background-color:#6B5736;;
	position:absolute;
	bottom:12px;
	right:5px;
	width: 475px;
	height: 87px;
}
.footer_img .google a{
color:#FFFFFF;  background-color:#6B5736;
text-decoration:none;
}
.footer_img .signature{
color:#FFFFFF;
text-align:right;
position:absolute;
bottom:10px;
right:0px;
}
.footer_img .signature a{
color:#FFFFFF;
text-decoration:none;
}


.actuals_titre{
height:23;
width:203px; padding-left:30px; padding-top:5px; font-size:10px; font-weight:bold; color:#FFFFFF; text-decoration:none
}
.actuals_titre a{
color:#FFFFFF;
text-decoration:none;}


.col_1{
width:200px;
margin:1px;
float:left;overflow:hidden
}
.col_1 #actuals{
height:194px;
width:203px;
border:solid 1px #CCCCCC;
background:url(../images/actu.gif) no-repeat;
margin-bottom:1px;
position:relative;
 overflow:hidden
}

.col_1 #bot{
position:relative;
}

.col_1 #apres{
display:block;
width:12px;
position:absolute;
background:url(../images/actu2.gif) no-repeat center;
height:10px;
left:5px;

}
.col_1 #avant{
display:block;
width:12px;
position:absolute;
background:url(../images/actu1.gif) no-repeat center;
height:10px;
right:5px;

}
.col_1 #milieu{
display:block;
position:absolute;
height:10px;
left:20px;

}



.col_1 #milieu  a{
display:block;



margin-right:1px;
height:10px;
width:18px;
background:#C4D7DB;
float:left
}
.color2{
background:#005569 !important;
}
.col_2 #promo{
height:160px;
width:160px;
border:solid 1px #CCCCCC;
background:url(../images/promotion-marrakech-2.gif) no-repeat;
margin-bottom:1px;
margin-top:1px;
}
.col_2 #promo .link_promo{
color:#00CC33;
float:left;
}
.col_2 #promo .prix_promo{
color:#FF6600;
float:right;
}
.col_2 #promo .promo_lb{
color:#FF3300;
font-weight:bold;

}

.col_1 #add-m{
height:205px;
width:200px;
border:solid 1px #CCCCCC;
background:url(../images/add-marrakech-1.gif) no-repeat;
margin-bottom:1px;
}


.col_11{
width:186px;
margin:1px;
float:left;
}
.col_11 #actuals{
height:180px;
width:200px;
border:solid 1px #CCCCCC;
background:url(../images/actualite_b.gif) no-repeat;
margin-bottom:1px;
}
.col_11 #promo{
height:150px;
width:200px;
border:solid 1px #CCCCCC;
background:url(../images/promotion-marrakech-1.gif) no-repeat;
margin-bottom:1px;
}
.col_11 #promo .link_promo{
color:#00CC33;
float:left;
}
.col_11 #promo .prix_promo{
color:#FF6600;
float:right;
}
.col_11 #promo .promo_lb{
color:#FF3300;
font-weight:bold;

}

.col_11 #add-m{
height:205px;
width:186px;
border:solid 1px #CCCCCC;
background:url(../images/add-marrakech-1.gif) no-repeat;
margin-bottom:1px;
}
.small_promo_view{
height:118px; margin:10px; width:140px; overflow:hidden;
left:0;
}
.small_actual{
 width:200px; position:relative;margin-top:15px;  overflow:hidden; 
}.small_ban_view{
height:138px; margin:4px; width:196px;  position:relative; overflow:hidden;  
}

.small_ban_view1{
height:136px;  width:196px;  float:left;overflow:hidden; 
}
.cont_prd{
margin:2px; position:relative; border-bottom:dotted 1px #CCCCCC; padding-bottom:4px; padding-top:5px;
width:98%;
display:block;
overflow:hidden;

}

.cont_prd1{
margin:2px; 
padding:4px;
 float:left;
width:17%;
font-size:10px;
color:#629AA7
}
.cont_prd a{
text-decoration:none;

color:#629AA7;
}
.txt_prd{
width:79%; float:right; padding-right:5px; margin-bottom:5px; 
}
.prd_img_link{
display:block;  float:left; margin-left:5px; border:solid 1px #6C5735; padding:1px;
}


.prd_plus1{
color:#046B86; font-weight:bold; font-size:10px;    float:right;padding-right:0px; padding-top:5px;  display:block
}
.prd_plus{
color:#046B86; font-weight:bold; font-size:10px; float:right; width:20%; display:block
}
.col_2{
width:160px;
margin:1px;
margin-right:0px;
margin-left:4px;
float:left;
height:100px;
}

#meteo_marrakech{
width:160px;
border:solid 1px #CCCCCC;
height:88px;
}

#meteo_marrakech #ville{
margin:5px;
font-weight:bold;
color:#68ACDD;
text-decoration:none;
}

#meteo_marrakech #max{
margin:5px;
display:block
}

#meteo_marrakech #min{
margin:5px;
margin-top:15px;
display:block
}


.col1_ban1{
border:solid 1px #CCCCCC;
width:200px;
overflow:hidden;
height:120px;
margin:1px 0 1px 0;
}

.col2_ban1{
border:solid 1px #CCCCCC;
width:160px;
margin:1px 0 1px 0;
height:110px;
overflow:hidden
}
.col2_ban2, .col2_ban3{
border:solid 1px #CCCCCC;
width:160px;
margin:1px 0 1px 0;
height:200px;
overflow:hidden;
}

.col2_agenda{
border:solid 1px #CCCCCC;
width:160px;
margin:1px 0 1px 0;
height:auto;
overflow:hidden
}
.col2_agenda a{
color:#333333; text-decoration:none;
}

.col2_agenda a:hover{
color:#333333; text-decoration:underline;
}

.txt_rouge{
color:#FF0000;
}


/*galeries*/


#tabbed_box {
    margin: 0px auto 0px auto;
    width:100%;
}

#galerie{
	padding:1px; height:300px; display:none
}

#galerie #cnt_img_big{
	height:3px; width:386px; float:left; position:relative
}

#galerie #loading_img{
	position:absolute; top:145px; left:161px; display:none
}

#menu_gal_img{
	width:165px; float:left; height:250px; position:relative
}

#menu_gal_img img{
float:left; margin-left:1px; margin-bottom:1px;
cursor:pointer;
}

#menu_gal_img #pages_gal{
	width:143px;
	padding:10px;
	bottom:-7px;
background: rgb(247, 247, 247) none repeat scroll 0% 0%; 
	left:1px;
	text-align:center;
	font-weight:bold;
	position:absolute;
	height: 10px;
}


.style_image{
border:double 3px #C7C7C7;
}

.div_desc_ch{
float:left; width:250px; list-style:none; list-style-image:none
}
#ul_desc{
list-style:none; list-style-image:none; margin:0;
}
.cont_desc_ch{
margin:10px 20px 0px 20px;
overflow:hidden;
height:auto;
}

.last_viewed{
background:#F2F2F2; margin:3px; padding:3px; height:60px
}

.last_viewed .img_bh{
border:double 3px #C9C9C9; float:left; margin-right:5px
}

.last_viewed .nom_hb{
font-family:'Times New Roman', Times, serif; font-size:12px; color:#003F68; font-style:italic; display:block; text-decoration:none
}

.tit h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:23px;
    color:#3BB9EC;
    letter-spacing:-1px;

}
.tit h4 small {
    color:#e3e9ec;
    font-weight:normal;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}


.tabbed_box h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:23px;
    color:#57933E;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.tabbed_box h4 small {
    color:#6B5736;
    font-weight:normal;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
  /*  text-transform:uppercase;*/
    position:relative;
   left:6px;
    letter-spacing:0px;
}


.tabbed_box h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    color:#57933E;
    /*letter-spacing:-1px;*/
    margin-bottom:10px;
}

.tabbed_area {
  
    
    padding:8px;
}
ul.tabs {
    margin:0px; padding:0px;
}
ul.tabs li {
    list-style:none;
    display:inline;
}
ul.tabs li a {
    background-color:#6B5736;
    color:#ffebb5;
    padding:8px 14px 6px 14px;
	
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
}
ul.tabs li a:hover {
    background-color:#89734E;
    border-color:#CCCCCC;
}
ul.tabs li a.active {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #CCCCCC;
    border-bottom: 1px solid #ffffff;
}
.content {
    background-color:#ffffff;
    padding:10px;
    border:1px solid #CCCCCC; 
}
#content_2, #content_3 { display:none; }




ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
}

ul.tabs li a {
    background-image:url(images/tab_off.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}
ul.tabs li a.active {
    background-image:url(images/tab_on.jpg);
    background-repeat:repeat-x;
    background-position:top;
}
.content {
    background-image:url(images/content_bottom.jpg);
    background-repeat:repeat-x; 
    background-position:bottom;
}



/*tarifs*/

.tab_tarif{
margin:15px auto;
background:none;
}

.tab_tarif td, .tab_tarif th {
padding:10px 5px;
background:url(http://marrakech-hotels.ma/images/tris.gif) repeat-x top;
}
.tab_tarif tr.saisons th {
padding:2px;
}
.tab_tarif th span {
font-weight:normal
}
.tab_tarif .saisons{
 background: rgb(247, 247, 247) none repeat scroll 0% 0%; 
color:#fff
}
.tab_tarif tr.saisons .basse{
background:#7BC25E ;
}
.tab_tarif tr.saisons .moyenne{
background:#67B348;
}
.tab_tarif tr.saisons .haute{
background:#57933E;
}

.lien{
   color:#6B5736;
    font-weight:normal;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*reservation*/

.input_style1{
width:140px;
border:solid 1px #D9D9D5;
height:16px;
margin-top:10px;
color:#666666;
font-size:11px;
}

.input_style2{
width:95%; 
margin-bottom:20px;
border:solid 1px #D9D9D5;
height:16px;

color:#666666;
font-size:11px;
}
/*   Validation*/


.partenaire{
   color:#6B5736;line-height:15px;
    font-weight:normal;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


.plan{
   color:#6B5736;
   line-height:15px;
   text
    font-weight:normal;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.plan a{
   color:#6B5736;
    font-weight:normal;
	padding:4px;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}
.partenaire a{
   color:#6B5736;
    font-weight:normal;
	text-decoration:none;
	padding:4px;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}


.bas_du_page{
   color:#6B5736;
   text-align:left;
   padding:10px;
   width:100%;
   line-height:15px;
    font-weight:normal;
	position:relative;
    font-size:9px;
	float:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:30px;
}
.bas{
  float:left;
  height:120px;
  padding-left:30px;
  padding-right:30px;
  border-right:dotted 1px #CCCCCC;
 
}

.bas a{
   color:#6B5736;
    font-weight:normal;
	text-decoration:none;
	padding:4px;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}
.bas h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
  color:#046B86; 
    /*letter-spacing:-1px;*/
    margin-bottom:10px;
}

.bas h3 a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
	font-weight:bold;
	text-decoration:none;
  color:#046B86; 
    /*letter-spacing:-1px;*/
    margin-bottom:10px;
}
.meteo{
margin:15px auto;
background:none;
position:relative;
line-height:15px;
}

.meteo h3 {
   font-weight:bold;color:#68ACDD; font-size:13px;
}

.cul {
   font-weight:bold;color:#68ACDD; font-size:12px;
   padding:4px;
}

.r_annuaire  {
    background:url(../images/annuaire_cat.gif)  #FFFFFF no-repeat;
    color:#ffebb5;
    padding:10px 14px 1px 14px;
	text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
  
	margin:6px;
	height:30px;

	
 }


.r_annuaire  a{
    
    color:#ffebb5;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;


	
 }
.s_annuaire {
 position:relative;	 
float:left;
overflow:hidden;
width:200px;
background-color:#FFFFFF;
color:#6B5736;
font-weight:normal;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
 
}

.ul_{
list-style:none;
 width:200px; 
 margin-top:4px;
list-style-image:none; 
  color:#6B5736;
  line-height:15px;
    font-weight:normal;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
}

.ul_ a{
   color:#6B5736;
    font-weight:normal;
	text-decoration:none;
	padding:4px;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}

.ajouter_site{
width:95%;
font-weight:bold;
color:#68ACDD;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.ajouter_site a{
font-weight:bold;
color:#68ACDD;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;


}

.ajouter_site2{
padding-bottom:20px;
 padding-top:10px;
  line-height:15px; 
width:95%;
  color:#000000;
    font-weight:normal;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
  /*  text-transform:uppercase;*/
    position:relative;
   left:20px;
    letter-spacing:0px;
}
.ajouter_site2 a{
 color:#000000;
    font-weight:normal;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
  /*  text-transform:uppercase;*/
    position:relative;

    letter-spacing:0px;


}
.ajouter_site1 {
font-weight:bold;
color:#68ACDD;
font-size:11px; 


}
.html_lien a{
text-decoration:none;
color:#000000;
}

.html_lien1 a{
text-decoration:none;
color:#999999;
}



/*menuuuuuuuuuuuuuuuuuuuuuuuu*/








ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 370px;
	height:25px;
	font-size: 10px;
	background: url(../images/aa.png) no-repeat;
}
ul.topnav li {
	float: left;
	
	margin: 0;
	padding:0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 0;
 width:78px;
	height:24px;	
	line-height:24px; border-right:1px solid #79623F;  
	text-align:center;
	
	margin:0 9px 0 0;
 /*font-weight:bold; */
 font-weight:inherit;
 font-size:11px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/bg_menu_hoverb.png) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 13px;
	height: 16px;
	margin:5px 0 0 -30px;
	float: left;
	background: url(../images/arrow1.png) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 24px;
	background: #877353;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #877353;

}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 170px;

}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 140px;
	background: #877353 url(../images/arrow2.png) no-repeat 10px center;
	padding-left: 30px;
  text-align:left;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #6D5632 url(../images/arrow2.png) no-repeat 15px center;
}

/*calendar*/

.calendarNav1     {  font-family: Verdana, Arial, Helvetica; font-size: 9px; font-style: normal; background-color: #ffffff}
.calendarTop1     {  font-family: Verdana, Arial, Helvetica; font-size: 11px; font-style: normal; color: #555555; font-weight: bold;  background-color: #ffffff}
.calendarToday1 {  font-family: Verdana, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #990000; background-color: #A0C0C0;}
.calendarDays1     {  width:20; height:20; font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #000000; background-color: #FFFFFF; text-align: center}
.calendarHL1     {  width:20; height:20;font-family: Verdana, Arial, Helvetica; font-size: 10px; font-style: normal; color: #FF0000; background-color: #00FF00; text-align: center}
.calendarHeader1{  font-family: Verdana, Arial, Helvetica; font-size: 9px; background-color: #555555; color: #FFFFFF;}
.calendarTable1 {  background-color: #ffffff; border: 1px #ffffff solid}