/* CSS Document */
* {
padding : 0;
margin : 0;
border : 0 none;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
color : #000000;
}
b{ font-size:12px }
h2 {
text-indent : -900%;
}
ul {
list-style-type : none;
}
/*
.padding_top_10{ padding-top: 10px}
.padding_top_30{ padding-top: 20px}
.mrg_left_200{ margin-left:200px}
.mrg_left_150{ margin-left:150px}
.mrg_left_100{ margin-left:100px}
.mrg_left_80{ margin-left:40px}
#contenu a {
cursor:pointer;
text-decoration : none;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}  */
select,textarea,input{ border:1px solid #776957}
div.clear {
clear : both;
font-size : 0;
line-height : 0;
height : 0;
}
#conteneur {
background:url(images/immobilier_maroc_gb_conteneur.png) repeat-y;
margin : 0 auto;
width : 815px;
padding-left:16px;
}
#contenu{
background: #fffdf9 url(images/bg_contenu.png) repeat-x left top;
width:784px;
padding-top:2px;
padding-left:17px;

}

/******************************************* header *******************************/
#headre{ position:relative; height:400px;}
/*#menu1 ul{ padding-top:8px}
#menu1 ul li { display:block; background: url(images/immobilier_maroc_puce2_menu_1.png) right bottom no-repeat; float:left; height:30px; margin-left:20px; padding-right:20px; }
#menu1 ul li a{ display:block; background:url(images/immobilier_maroc_puce_menu_1.png) no-repeat left 5px; padding-left:20px; color:#cebca5}*/
#logo_himmo{ background:url(images/logo_himmo.png) no-repeat; width:285px; height:245px; position:absolute; left:0px; top:50px;}
#logo_himmo2{ background:url(images/logo_himmo.png) no-repeat; width:285px; height:245px; margin:0 auto;}
#galerie_index{ position:absolute; right:0px; top:70px;}
#galerie_index img { border:1px solid #59493f}
#form_espace_pers{ position:absolute;left:0px; top:300px; width:350px;}
#form_espace_pers ul li{ float:left; margin-right:5px;}
#form_espace_pers ul li p{ display:block; padding-top:10px;}
#form_espace_pers ul li p a{ color:#000000; text-decoration:underline; font-size:11px; }

#perso_date{ position:absolute;left:0px; top:365px; width:350px;}
#perso_date ul li{ float:left;color:#000000; font-size:11px}
.bouton_espace_perso{ background:url(images/immobilier_maroc_bouton_espace_perso.png) no-repeat; width:17px; height:17px; border:0; cursor:pointer}
/******************************************** milieu *******************************************/
#milieu{ float:left; width:555px;padding-top:20px; position:relative}
.flech_lien_droit{ display:block; background:url(images/immobilier_maroc_puce_sous_lien.png) no-repeat; width:16px; height:16px; float:left; margin-right:2px;}
.style_titre{ border:1px solid #a3907c; height:25px; background-color:#FFFFFF}
#titre_coup_coeur{ width:525px; background:#FFFFFF url(images/immobilier_maroc_puce_coup_coeur.png) 5px 3px no-repeat;  }
.img_bien_coup_coeur{ float:left; margin-right:10px; width:121px}
.img_bien_coup_coeur img { border:1px solid #66564c}
.flo_left{ float:left; padding-top:20px; padding-left:10px;}
.desc_bien_coup_coeur{float:left; }
.desc_bien_coup_coeur span{ display:block;}
.desc_bien_coup_coeur span a{ color:#f18f4e;}
#actualite_blog{ padding-top:20px; width:525px}
#titre_actualite_blog{ width:525px; background:#FFFFFF url(images/immobilier_maroc_puce_actualite.png) no-repeat 5px 3px ;}
#contenu_actualite_blog{ padding-top:20px; width:525px}
p.titre_article_blog_index{ color:#e2001a}
#txt_lire { width:525px; padding-top:10px; padding-bottom:10px;}
#txt_lire a{color:#e2001a; float:right}
p.text_act_blog{color:#686868; font-size:12px; text-align:left }
#derneir_act_blog{ padding-top:20px}
#titre_dernier_art{ width:525px; height:25px; line-height:25px; color:#59493f; border:1px solid #7c7071; border-left-width:0px; border-right-width:0px; text-align:center; font-weight:bold}
#liste_titre_dernier_art{ border:1px solid #7c7071; border-left-width:0px; border-right-width:0px; border-top-width:0px; width:525px; height:30px; padding-top:10px;}
#liste_titre_dernier_art ul li{ float:left; width:160px; margin-right:10px;}
#liste_titre_dernier_art ul li a {display:block; width:160px; color:#a3907c; }
#quisommes_newsletter_annance{ padding-top:20px; position:relative}
#quisommes_newsletter_annance ul li{ float:left; margin-right:25px;}
.quisommes{ display:block;display:block; width:155px; height:25px; background:#FFFFFF url(images/immobilier_maroc_puce_qui_sommes_nous.png) no-repeat 5px 3px ;border:1px solid #a3907c; height:25px;}
.newslettre{display:block; width:119px;height:25px; background:#FFFFFF url(images/immobilier_maroc_puce_newslettre.png) no-repeat 5px 3px ;border:1px solid #a3907c; height:25px; }
.annances{ display:block;width:171px;height:25px; background:#ffffff url(images/immobilier_maroc_puce_passer_vos_annance.png) no-repeat 5px 3px ;border:1px solid #a3907c; height:25px;}


a.quisommes:hover,.quisommes_h{ display:block;width:155px; height:25px; background:#FFFFFF url(images/immobilier_maroc_puce_qui_sommes_nous_h.png) no-repeat 5px 3px ;border:1px solid #a3907c; height:25px;}
a.newslettre:hover,.newslettre_h{ display:block;width:119px;height:25px; background:#FFFFFF url(images/immobilier_maroc_puce_newslettre_h.png) no-repeat 5px 3px ;border:1px solid #a3907c; height:25px;}
a.annances:hover,.annances_h{ display:block;width:171px;height:25px; background:#ffffff url(images/immobilier_maroc_puce_passer_vos_annance_h.png) no-repeat 5px 3px ;border:1px solid #a3907c; height:25px;}

/*sidebar*/
#sidebar{ float: left;padding-top:20px}
#titre_contactez_nous{ background:#FFFFFF url(images/immobilier_maroc_puce_contact.png) no-repeat 5px 3px; width:219px}
#titre_espace_perso{ background:#FFFFFF url(images/maroc_immobilier_espace_perso_verc.png) no-repeat 5px 3px; width:219px}
#recherche_bien{ padding-top:20px;}
#titre_recherche_bien{ background:#FFFFFF url(images/immobilier_maroc_puce_recherche.png) no-repeat 5px 3px; width:219px}
#pouquoi_ach_ven { padding-top:20px}
#titre_acht{ background:#FFFFFF url(images/immobilier_maroc_pourquoi.png) no-repeat 3px 3px; width:219px}
#titre_vent{ background:#FFFFFF url(images/pourqoui_vent.png) no-repeat 3px 3px; width:219px; margin-top:10px;}
#prestige{ padding-top:20px;}
#titre_prestige{ background:#FFFFFF url(images/immobilier_maroc_puce_prestige.png) no-repeat 5px 3px; width:219px; height:25px;}
#gal_prestige{ padding-top:20px;}
.submenu2{ width:219px; padding-top:10px; text-align:left; color:#686868; font-size:11px;}
.technology2{ cursor:pointer}
/***************************************** footer *********************************/
#footer{ height:200px; background:#372b22; width:771px; padding-left:30px; padding-top:30px; color:#FFFFFF}
#liste_lien_footer li{float:left;} 
ul.lien_1_footer li{ clear:left; width:190px;}
ul.lien_1_footer li{ padding-top:3px; }
.titre_lien_footre{ padding-bottom:10px; font-size:11px; color:#f18f4e; text-decoration:underline; font-weight:bold}
/*ul.lien_1_footer li a{color:#f18f4e}*/
ul.lien_1_footer li a:hover{text-decoration:underline;}

/********************************************* page liste ***********************************/
/*milieu*/
#titre_annonce{ background:#FFFFFF url(images/immobilier_maroc_titre_annonces.png) no-repeat 5px 3px; width:525px}
#liste_bien{ padding-top:20px}
.style_titre2{ border:1px solid #a3907c; width:520px; padding-top:10px; background-color:#7d695a; font-size:11px; padding-left:5px; padding-bottom:10px;}
.style_titre_pag_sous{ border:1px solid #a3907c; width:520px; background-color:#7d695a; font-size:11px; height:25px; }
.img_bien_liste{ float:left;width:148px; padding-top:10px;}
.img_bien_liste img { border:1px solid #66564c}
.propriete_bien{ float:left; width:363px; padding-left:10px;}
#titre_trie{ float:left; color:#FFFFFF}
#form_trie{ float:right; margin-right:20px;}
#form_trie ul li{ float:left; margin-right:5px;color:#FFFFFF}
#form_trie ul li select { margin-top:1px;}
.titre_bien{ color:#7d695a; font-size:14px;}
.ref_bien{ color:#7d695a;font-size:11px;}
.puce_envoi_ami{ display:block; background: url(images/immobilier_maroc_puce_envoi_ami.png) no-repeat; width:14px; height:13px; float:left; margin-right:2px;}
.puce_env_ami{ float:left; }
.puce_env_ami a{color:#7d695a;font-size:11px;}
.plus_detail{ float:right}
.plus_detail a{  color:#f18f4e; font-size:11px;}

#titre_affiche_bien{ background:#FFFFFF url(images/immobilier_maroc_titre_affiche_bien.png) no-repeat 5px 3px; 
width:525px;}
#affiche_bien img { border:1px solid #66564c}
#affiche_bien ul{ width:525px;}
.titre_bien2{ color:#7d695a; font-size:15px; font-weight:bold; }
#g_img_alrie_bien{ float:left }
#list_img_glrie_bien{ background-color:#FFFFFF; border:1px solid #66564c; float: left; width:243px; height:186px; margin-left:5px; padding:4px; padding-top:8px;}
.desc_bien{ padding-top:20px; color:#000000; font-size:11px; }
#titre_carateristique{ background:#FFFFFF url(images/immobilier_maroc_titre_caracteristique.png) no-repeat 5px 3px; width:222px}
#titre_identifiez_vous{ background:#FFFFFF url(images/immobilier_maroc_titre_identifiez_vous.png) no-repeat 10px 10px; width:525px}
#titre_etes_prof{ background:#FFFFFF url(images/titre_etes_professionnel.png) no-repeat 10px 10px; width:525px}
#titre_etes_part{ background:#FFFFFF url(images/titre_etes_particulier.png) no-repeat 10px 10px; width:525px}
#titre_commodite{ background:#FFFFFF url(images/immobilier_maroc_titre_commodites.png) no-repeat 5px 3px; width:222px; margin-top:5px;}
#contactez_agence{ background:#FFFFFF url(images/immobilier_maroc_titre_contactez_agence.png) no-repeat 5px 3px; width:525px; margin-top:5px; position:relative}
.nom_ag_pop{ position: absolute; top:0px; left:200px; color:#f18f4e; font-size:18px;}
#carateristique_agence{  padding-top:30px; width:525px; padding-bottom:20px;}
#cateristique{ float:left;}
#carateristique_agence ul{width:222px; padding-top:10px;}
#carateristique_agence ul li{ background:url(images/immobilier_maroc_trie_detail_bien.png) repeat-x left bottom;
line-height:20px;}
.carast_1{ background:url(images/immobilier_maroc_puce_detail_bien.png) no-repeat left 11px ; padding-left:5px; font-size:11px; float:left; color:#000000}
.val_carst1{ float:right; color:#f18f4e;font-size:11px; font-weight:bold}
#agence_detail{ float:right }
#titre_agence_img{ background:#FFFFFF url(images/immobilier_maroc_titre_agence.png) no-repeat 5px 3px;width:222px}
#titre_espace_cl{ background:#FFFFFF url(images/immobilier_maroc_titre_espace_cl.png) no-repeat 10px 10px;width:525px}
#titre_agence{color:#f29400; font-size:11px;}
#img_logo_ag{ }
#agence_detail a{ color:#f18f4e;}
#img_logo_ag img{ border:1px solid #66564c }
#logo_agence{ padding-top:5px;}
#prix_env_retour{width:515px; padding-left:10px; height:18px; padding-top:4px}
#prix_env_retour ul li{ float:left;}

.puce_env_ami2 a{color:#7d695a;font-size:11px;}

.plus_detail2 a{  color:#f18f4e; font-size:11px;}
.puce_envoi_ami2{ display:block; background: url(images/immobilier_maroc_puce_envoi_ami.png) no-repeat left 2px; width:14px; height:13px; float:left; margin-right:2px;}
.technology, .technology3{ cursor:pointer; }
#esp_news ul li{ float:left; margin-right:5px;}
.submenu3{ padding-bottom:5px;}
.submenu{color:#686868;}
.submenu a{color:#f18f4e}
.submenu a:hover{ text-decoration:underline}
.haut{ background:url(images/haut.png) no-repeat; width:34px; height:12px; position:absolute; right:0; top:-3px;}
.aid_haut{ display:block; width:525px; position:relative;}


/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:525px;
		height:230px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		position:absolute;
		left:5px;
		top:120px;
		overflow:hidden;
		}	
	#nextBtn{ 
		left:745px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:64px;
		height:57px;
			}	
	#nextBtn a{ 
	    width:46px;
	
		}						
		
		/* image replacement */
         #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */						

/* // Easy Slider */
.espace_side{ color:#000000; font-size:11px;}
.espace_side2{ color:#f18f4e; font-size:11px;}
.flech_left{ background: url(images/immobilier_maroc_puce_sous_lien.png) no-repeat; width:16px; height:16px; float:left}
.flech_droit{ background:url(images/immobilier_maroc_puce_flach_left.png) no-repeat; width:16px; height:16px}
a.aid2{color:#ffffff;float:left; height:16px; line-height:16px; margin-left:5px;font-size:14px;}
.current{color:#f18f4e;text-decoration:underline;font-size:14px;float:left;height:16px; line-height:16px; margin-left:5px;}
a.aid2:hover{ text-decoration:underline}
a.annuaire_pagination{
float:left;
margin-left:5px;}
.submenu4{ padding-top:20px}
a.lien_acc_ann2{ color:#ffffff }
a.lien_acc_ann2:hover{ text-decoration:underline}
#titre_espace_cl a{color:#f18f4e}
#titre_espace_cl a:hover{text-decoration:underline}
#espace_perso a{ color:#f18f4e}
#espace_perso a:hover{text-decoration:underline}
#titre_gestion_alerte{ background:#FFFFFF url(images/immobilier_maroc_titre_gestion_alertes.png) no-repeat 10px 10px; width:525px}
#titre_modifier_perso{ background:#FFFFFF url(images/immobilier_maroc_titre_modifier_profile.png) no-repeat 10px 10px; width:525px}
a.lien_footer{color:#cebca5; font-size:10px;}


/* *********************************************  galrie photos *********************************************** */
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
		
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	*html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}