@CHARSET "UTF-8";

html { font-size: 100%; } 
h1, h2, h3, h4, h5, h6 { margin: 0;  } 
img { border: 0; }
input, select, textarea, td, th { font-size: 100%; }
a { color: #888; }
a, a:link, a:visited { text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }

a .vignette {margin: 0px 0px 0px 3px;}
a:hover .vignette {margin: 5px 0px 0px 3px;}

div.clear { clear: both;}
p.indent { padding-left: 20px; }


body {
    padding: 0;
    margin: 0;
    background: #C6C6C6 url('/images/fond_immobilier.jpg') repeat-x 0px -5px;
    min-width: 970px;
    color: #000;
    font: normal normal normal 0.625em Verdana, Geneva, Arial, Helvetica, sans-serif; /* 10px  (10px/16px = 0.625em) */
    text-align: center; 
}

p, ul, ol { /*hack opera, firefox*/
    border: 0;
    margin: 0;
    padding: 0;
    padding: 0.6em 0;
    font-size: 1.1em; /* 11 px */
    line-height:1.4em;
}

#footer h2, #header h2, #menu h2 { display: none; }

#main {
    background: transparent url('/images/background-bande.png') repeat-x 0px 233px;
	position:relative;
    margin: 0px auto 0px auto;
    width: 850px;
    text-align: left; 
}

#title_main {
    width: 950px;
	height: 20px;
    text-align: left; 
	overflow:hidden;
}


#content {
    background: transparent url('/images/fond_page_immobilier.jpg') repeat-y center top;
    min-height: 400px;
}

#content div.content-top {
    background: transparent url('/images/fond_page_immobilier_top.jpg') no-repeat left top;
    padding: 0 10px;
}

#rss_immo {
    background: transparent url('/images/rss_immobilier.png') no-repeat 0px 0px;
    position: absolute;
    top: 170px;
    width: 64px;
    height: 64px;
	right:0px;
	
}
.pub_immo_verticale { 

	position:absolute;
	right:10px;
	top:25px;
	width:160px;
	min-width:100px;
	background-color:#FFF;
} 
.pub_immo_verticale_header
{ 
    font: normal normal normal 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; /* 10px  (10px/16px = 0.625em) */
    text-align: center; 
	background-color:#CCCCCC;
	padding: 1px 1px 1px 1px; 
	
} 
/****************************************************************/
h1 {
    color: #7ca7d3;
    font: normal normal normal 14px Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
}
h2 {
    padding: 6px 20px 0 10px;
    color: #79AC50;
    letter-spacing: -2px;
    font: normal normal normal 3em Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
}
h3 {
    background: transparent url('/images/mini_immobilier_au_maroc.png') no-repeat left top;
    padding: 4px 0 8px 37px;
    color: #666;
    letter-spacing: -1px;
    font: normal normal normal 2em/1em Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
}

h3.vert {
    background: transparent url('/images/h3_vert.png') no-repeat left top;
    padding: 2px 0px 5px 24px;
    color: #79ac50;
    font: normal normal normal 2em/1em Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
}
h3.selection {
    background: transparent url('/images/selection_immobilier.png') no-repeat left top;
    padding: 4px 0 8px 37px;
    color: #79ac50;
    font: normal normal normal 2em/1em Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
}

h3.box {
	background: transparent;
    padding: 0px;
    font: normal normal normal 2em/1em Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
}

h4 {
    color: #888;
    font: normal normal bold 1.2em/2.6em Arial, Helvetica, sans-serif;
}

h6 {
    margin: 0 10px 0 10px;
    background: transparent url('/images/sep_header.jpg') repeat-x right bottom;
    font: normal normal normal 0.95em/1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h6 span { background-color: white; padding-right: 35px; }
h6 span, h6 span a { color: #888; }


/************************************************************************/
#header_container {
    width: 850px;
    height: 135px;
	position:relative;
}
#header_pub {
	background-color:#FFF;
	top:35px;
	right:10px;
	width:468px;
	height:60px;
	position:absolute;
    display: block;
}
#header {
    height: 135px;
    z-index:1;
}
#header a.logo_immobilier {
    background: transparent url('/images/immobilier_au_maroc.png') no-repeat top left;
	top:0px;
	left:0px;
    width: 315px;
    height: 140px;
    margin: 2px 0 0 2px;
    overflow: hidden;
    text-indent: -1000px;
	position:absolute;
}

#header div {
    float: right;
    width: 475px;
    height: 135px;
}




/*************************************************************************MENU*/
#menu {
    height: 40px;
    background: url('/images/fond_menu_immobilier.png') no-repeat top right;
    overflow: hidden;
    width: 850px;
}

#menu ul { padding:0; position: absolute; /* Hack pour Opera */ } 

#menu ul li {
    float: left;
    list-style: none;
    padding: 0;
}

#menu ul li a {
    display: block;
    padding: 3px 12px;
    height: 40px;
    color: #666;
    font: normal normal normal 16px Georgia, "Times New Roman", Times, serif;
  font-variant: small-caps;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited { text-decoration: none; }
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus 
{ 
    background: transparent url('/images/onglet_to_select_left.png') no-repeat left top;
    color: #000000;
    padding: 10px 20px;
/*    font: normal normal normal 38px "Times New Roman", Times, serif;  24px */
    font: normal normal normal 16px Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
	
}

#menu ul li.first a,
#menu ul li.first a:link,
#menu ul li.first a:visited { background-position: left top; }

#menu ul li.first a:hover,
#menu ul li.first a:active,
#menu ul li.first a:focus 
{ 
    background: transparent url('/images/onglet_to_select_left.png') no-repeat left top;
    color: #000000;
    padding: 10px 20px;
    font: normal normal normal 16px Georgia, "Times New Roman", Times, serif;
  font-variant: small-caps;
}

#menu ul li.selected a,
#menu ul li.selected-first a,
#menu ul li.selected-last a {
    background: transparent url('/images/onglet_selected_left.png') no-repeat left top;
    color: #fff;
    padding: 10px 20px;
    font: normal normal normal 16px Georgia, "Times New Roman", Times, serif;
  font-variant: small-caps;
}
#menu ul li.selected a:hover,
{ 
    background: transparent url('/images/onglet_selected_left.png') no-repeat left top;
}

#menu ul li.selected-first a {
    background: transparent url('/images/onglet-grand-top-first.png') no-repeat left top;
}

#menu ul li:hover
{
    background: transparent url('/images/onglet_to_selected_right.png') no-repeat right top;
}

#menu ul li.selected,
#menu ul li.selected-first {
    background: transparent url('/images/onglet_selected_right.png') no-repeat right top;
}

#menu ul li.selected-last {
    background: transparent url('/images/onglet_selected_right.png') no-repeat right top;
}

/*FOOTER***********************************************************************/
#footer {
    background: transparent url('/images/fond_immobilier_bottom.png') no-repeat center top;
    height: 32px;
    padding: 0 10px;
    font: normal normal normal 0.9em/1.4em Arial, Helvetica, sans-serif;
    text-align:justify;
    color: #888;
}
#footer ul { padding: 5px 45px; background: transparent url('/images/background-footer2.png') no-repeat 20px 11px; }
#footer ul li { display: inline; padding-right: 12px; }
#footer ul li a { color: #fff; line-height:2.5em; }


#footer-menu {
  height: 49px;
  padding: 0;
  background: url(/images/footer_immobilier_menu.png) center bottom no-repeat;
}

#footer-menu p, #footer-end p {
  margin: 0;
  padding: 0;
}

#footer-menu ul {
  text-align: right;
  padding: 11px 30px 0 0;
}

#footer-menu ul li {
  display: inline;
  margin-left: 20px;
}

#footer-menu ul a {
  text-decoration: none;
  color: #7A6E64;
  font-size: 1.4em;
  font-weight: bold;
  font-variant: small-caps;
}

#footer-menu ul a:hover, #footer-menu ul a:focus, #footer-menu ul a:active {
  color: black;
}

#footer-menu ul li.gotop a:hover img {
  position: relative;
  bottom: 6px;
}

#footer-end {
  padding: 0;
  background: url(/images/footer_immobilier_end.png) center top;
  color: white;
  min-height: 120px;
position:relative;
}
#footer_pub {
	background-color:#666;
	top:20px;
	left:50px;
	width:728px;
	height:90px;
	position:absolute;
}


#page {
	background: transparent url('/images/colonne_haut.png') no-repeat left top;
	margin: 10px 10px 0px 10px;
	padding-top: 10px;
}

#column-droite {
	float: right;
	margin-top: 0px;
	width: 480px;
}

#column-gauche {
	float: left;
	background: #EEE url('/images/colonne_bas.png') no-repeat left bottom;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	width: 310px !important;
}

#column-gauche ul li {
	list-style-type: none;
	padding: 1px 0px;
}

#column-gauche hr {
	border: 0px;
	margin: 10px 0px;
	color: #EEE;
}

#column-gauche p {
	color: #888;
}

div.clear {
	clear: both;
	height: 20px;
}



a.lien_immo_grenouille { display: block; width: 300px; height: 160px; background-image: url('/images/immo_grenouille_over.png') } 
a.lien_immo_grenouille:hover { visibility: visible } 
a.lien_immo_grenouille:hover img { visibility: hidden } 


#ilikebox_left2div {
	top:0px;
	left:-406px;
	width: 60px;
	min-height: 140px;
	border-left: 1px solid #EEE;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	margin:0;
	padding:2px;
	text-align:center;
	position:absolute;
	background-color:#FFF;
	display:block;
	z-index:10;
}

#ilikebox_left2div ul { padding: 0; margin:0px; display:inline-block; }
#ilikebox_left2div li { float: left; width:65px; color:#666; text-align:center; padding: 0px; margin:0px 0px 4px 0px; }

#ilikebox_left2div ul li {position:relative; list-style: none; text-align:left; min-height:60px; }
#ilikebox_left2div ul ul {position: absolute; top: 0px; left: 65px; width:0px; overflow:hidden; background-color:#FFE; padding:0px; font-size:9px;  }
#ilikebox_left2div ul ul li {width:100%;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
#ilikebox_left2div ul li:hover {background:#FFE;}
#ilikebox_left2div ul li.sousmenup:hover {background: #FFE; } 
#ilikebox_left2div ul li.sousmenup:hover ul {display:block; }

#container_annuaire {
	text-align:center;
}

/*MAP***********************************************************************/
dl#ImmoMap{
	margin: 4px 0px 5px 0px;
	padding: 0;
	background: transparent url(/images/carte_immobilier_maroc.jpg) top left no-repeat;
	height: 473px;
	width: 475px;
	position: relative;
}
 
dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
 
dd#mapCasablanca{ top: 135px; left: 114px; width: 67px; height: 59px; border: 1px solid #79AC50;  }
dd#mapCasablanca a{ position: absolute; width: 67px; height: 59px; text-decoration: none; }
dd#mapCasablanca a span{ display: none; }
dd#mapCasablanca a:hover{ position: absolute; background-color:#79AC50; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; }
dd#mapCasablanca a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#mapRabat{ top: 95px; left: 183px; width: 56px; height: 57px; border: 1px solid #79AC50;  }
dd#mapRabat a{ position: absolute; width: 56px; height: 57px; text-decoration: none; }
dd#mapRabat a span{ display: none; }
dd#mapRabat a:hover{ position: absolute; background-color:#79AC50; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; }
dd#mapRabat a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#mapTanger{ top: 21px; left: 236px; width: 59px; height: 48px; border: 1px solid #79AC50;  }
dd#mapTanger a{ position: absolute; width: 59px; height: 48px; text-decoration: none; }
dd#mapTanger a span{ display: none; }
dd#mapTanger a:hover{ position: absolute; background-color:#79AC50; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; }
dd#mapTanger a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#mapMarrakech{ top: 236px; left: 128px; width: 52px; height: 48px; border: 1px solid #79AC50; }
dd#mapMarrakech a{ position: absolute; width: 52px; height: 49px; text-decoration: none; }
dd#mapMarrakech a span{ display: none; }
dd#mapMarrakech a:hover{ position: absolute; background-color:#79AC50; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; }
dd#mapMarrakech a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#mapAgadir{ top: 303px; left: 56px; width: 49px; height: 46px; border: 1px solid #79AC50; }
dd#mapAgadir a{ position: absolute; width: 49px; height: 46px; text-decoration: none; }
dd#mapAgadir a span{ display: none; }
dd#mapAgadir a:hover{ position: absolute; background-color:#79AC50; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; }
dd#mapAgadir a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}
dd#mapEssaouira{ top: 246px; left: 48px; width: 50px; height: 46px; border: 1px solid #79AC50; }
dd#mapEssaouira a{ position: absolute; width: 50px; height: 46px; text-decoration: none; }
dd#mapEssaouira a span{ display: none; }
dd#mapEssaouira a:hover{ position: absolute; background-color:#79AC50; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; }
dd#mapEssaouira a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#mapFes{ top: 108px; left: 281px; width: 64px; height: 43px; border: 1px solid #79AC50; }
dd#mapFes a{ position: absolute; width: 64px; height: 43px; text-decoration: none; }
dd#mapFes a span{ display: none; }
dd#mapFes a:hover{ position: absolute; background-color:#79AC50; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; }
dd#mapFes a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#mapMeknes{ top: 108px; left: 242px; width: 33px; height: 43px; border: 1px solid #79AC50; }
dd#mapMeknes a{ position: absolute; width: 33px; height: 43px; text-decoration: none; }
dd#mapMeknes a span{ display: none; }
dd#mapMeknes a:hover{ position: absolute; background-color:#79AC50; filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5; }
dd#mapMeknes a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}