body {
  color: #433;
  font:11px Tahoma,Trebuchet,Arial;
  text-align:center;
  margin:0;
  padding:0;
}

#chargement {
  margin:50px auto 0 auto;
  padding: 30px;
  border: 1px solid #AAA;
  background: #FAFAFA;
  width: 400px;
}

#contenu {
  width: 780px;
  margin:0 auto 0 auto;
  text-align:left;
}

#top {
  background: url(../images/bg_jaune_top.png) no-repeat top;
  height: 40px;
  margin-top: 75px;
}

#middle {
  background: url(../images/bg_jaune_middle.png) repeat-y top;
  padding: 40px 70px;
}

#bottom {
  background: url(../images/bg_jaune_bottom.png) no-repeat top;
  height: 40px;
  padding-top: 20px;
  text-align: center;
}

/* Ajouter la classe zabel pour changer le logo en bas à droite */
#bottom.no_zabel {
  background: url(../images/bg_jaune_bottom_zabel.png) no-repeat top;
  height: 60px;
  padding-top: 40px;
  text-align: center;
}
#bottom.no_zabel img { display:none; }

#contenu.rose #top    { background: url(../images/bg_rose_top.png) no-repeat top; }
#contenu.rose #middle { background: url(../images/bg_rose_middle.png) repeat-y top; }
#contenu.rose #bottom { background: url(../images/bg_rose_bottom.png) no-repeat top; }

#bottom, #bottom a { color:#888; }

a img { border:0; }
a.logo-loupe,a.logo-transac-immo,a.logo-zabel { position:absolute; z-index:0; }
a.logo-loupe,a.logo-transac-immo { top:10px; }
a.logo-loupe { margin:20px 0 0 600px; }
a.logo-zabel { margin:-30px 0 0 342px; }

/* Pour un plus gros logo en bas de la page */
img.logo-zabel-big { margin:-35px 0 0 280px; }

#path { padding-top:20px; color:#955; }

div.infos { color:#666; position:relative; z-index:1; text-align:right; float:right; }
div.infos a { color:#666; }
div.infos h2 { font-size:11px; color:#666; margin:0; padding:0; }

h1 {
  color: #CC4000;
  font-size: 16px;
  text-align: center;
  padding: 20px 0 20px 0;
  margin: 15px auto 25px auto;
  letter-spacing: 2px;
  font-variant: small-caps;
}

h2,.h2 {
  color:#670F06;
  font-size:11px;
  font-weight:bold;
  margin:0 0 5px 0;
  padding:0;
}

a { color:#C66; text-decoration:none; }
a:hover { text-decoration:underline; }

table {
  border:0;
  border-top: 1px solid #433;
  border-left: 1px solid #433;
  border-collapse:collapse;
  border-spacing:0;
  width: 100%;
}

table td,table th {
  border:0;
  border-right: 1px solid #433;
  border-bottom: 1px solid #433;
  padding: 3px;
  font-size: 11px;
}

table th {
  background: #FAE3C3;
}

table tr:hover td {
  background: #FFE;
}

.center,.centre { text-align: center; }
.right,.droite { text-align: right; }
.left,.gauche { text-align: left; }

#listeVilles {
  position: absolute;
  width: 220px;
}

#listeVilles table td {
  font-size: 12px;
}

div.diaporama {
  position: relative;
  margin-left: 240px;
  width: 400px;
	height: 300px;
	border: 1px solid #000;
}

div.diaporama img.thumbnail {
	display: none;
}

.jdGallery h2 { color:white; }

div.description {
  position: relative;
  width: 640px;
  margin-top: 20px;
}

td.loyer { width: 120px; }
td.surface { width: 60px; }
ul { margin:0; padding:5px 0 5px 30px; }
li,li a { color:#C66; }
ul.criteres li { color:#333; margin-top:2px; }

div.erreur {
  color: red;
  background: #FDD;
  border:2px solid red;
  padding: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}

h2.news {
  padding: 20px 0 5px 0;
}

div.article {
  border: 1px solid #DCC;
  background-color: #FCF7E7;
  margin-top: 15px;
  padding: 15px;
  -moz-border-radius: 4px;
}

div.article h3 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #CC4000;
}

div.article div.auteur {
  float: right;
  color: #988;
  font-size: 11px;
  font-style: italic;
}