body{
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
width: 800px;
height: 600px;
}

#logo{
background-image: url(images/logo.gif);
width: 181px;
height: 139px;
}
h1{
margin: 0;
text-align: center;
color: #007D8A;
font: bold 16px Verdana, Helvetica, sans-serif;
}
h2{
margin-top: 0px;
color: #007D8A;
font: bold 14px Verdana, Helvetica, sans-serif;
}

#fond_menu{
background-image: url(images/fond_menu.gif);
width: 181px;
height: 173px;
}

#vitrine{
position: absolute;
margin: 50px 0 0 20px;
width: 291px;
height: 219px;
}
#haut_contenu{
position: absolute;
background-image: url(images/haut_contenu.gif);
width: 619px;
height: 312px;
margin-left: 181px;
}
#cadre_mep{
position: absolute;
color: #8C8A8A;
width: 270px;
height: 293px; 
margin: 50px 20px 0 320px;
}

#selection{
margin: 0 0 0 199px;
background-image: url(images/selection.gif);
width: 600px;
height: 32px;
}
#mep{
padding: 10px 100px 0 0;
text-align: right;
}

#mep_titre{
font: bold 14px Verdana, Helvetica, sans-serif;
height: 18px;
color: #FFF;
background-color: #AAA;
}
#mep_ville{
text-align: left;
float: left;
margin: 0;
}
#mep_surface{
text-align: center;
float: right;
margin: 0;
width: 100px;
}
#mep_prix{
text-align: right;
float: right;
margin: 0;
}
.mep_description{
color: #000;
margin: 0 0 0 5px;
}

.prix_surf{
margin-bottom: 0;
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
}

a.annonces{
color: #FFF;
text-decoration: none;
}
a:hover.annonces{
color: #007D8A;
text-decoration: underline;
}
a.liens{
color: #007D8A;
text-decoration: none;
}
a:hover.liens{
color: #007D8A;
text-decoration: underline;
}

.contenus{
background-image: url(images/contenu.gif);
width: 800px;
}
.mise_en_page{
margin: 0 10px 0 210px;
}

.separateur{
background-image: url(images/separateur.gif);
width: 800px;
height: 10px;
}

#bas_site{
background-image: url(images/bas_site.gif);
width: 800px;
height: 50px;
}

#navcontainer{
position: absolute;
width: 199px;
height: 345px;
margin: 0 2px 0 -17px;
}
#navcontainer ul{
line-height: 30px;
list-style-type: none;
text-align: right;
}
#navcontainer ul li a{
background: url(images/puce_off.gif) right center no-repeat;
padding-right: 30px;
text-align: right;
font: normal 16px Verdana, Helvetica, sans-serif;
text-decoration: none;
color: #FFF;
}
#navcontainer ul li a:hover{
background: url(images/puce_on.gif) right center no-repeat;
color: #fff;
}
#navcontainer ul li a#current{
background: url(images/puce_on.gif) right center no-repeat;
color: #FF0000;
}
#navcontainer ul li a.current{
background: url(images/puce_on.gif) right center no-repeat;
color: #FF0000;
}

.contact_p{
margin-bottom: 0px;
margin-top: 0px;
}

#adresse{
margin-top: 10px;
color: #000;
font: bold 12px Arial, Helvetica, sans-serif;
}
#rue{
margin-left: 20px;
position: absolute;
text-align: left;
}
#tel{
margin-left: 350px;
position: absolute;
text-align: center;
}
#fax{
margin-left: 490px;
position: absolute;
text-align: right;
}
/* page contact */
.etoile{
font: normal 9px Verdana, Helvetica, sans-serif;
color: #C90039;
vertical-align: top;
}
/* fin page contact */
/* page agence */
.contact_immo{
float: left;
width: 200px;
font: normal 12px Verdana, Helvetica, sans-serif;
color: #000;
margin: 0;
}
.contact_immo_value{
font: normal 12px Verdana, Helvetica, sans-serif;
color: #000;
margin: 0;
}
#adresse_bas a, #adresse_bas a:hover{color: #AFAFAF;text-decoration: none;}
#adresse_bas{
margin-top: -25px;
color: #AFAFAF;
text-align: center;
font: bold 12px Arial, Helvetica, sans-serif;
}
/* fin page agence */
#immo_mail{
width: 400px;
}