/* CSS Document */

blockquote{

  padding-left: 20px;

}

/* Les différentes classes utilisées sur le site */

/***********************************************************************/

/*        Entête de page

/***********************************************************************/



/* BOF banner */

#banner {

	background: #fff url(../images/header-urbania-le-havre.jpg) 5px 5px no-repeat;

	position: relative;

}

/* BOF search */

#search{

  position: absolute;

  top: 5px;

  right: 5px;

  width: 200px;

  /*padding: 0 10px 10px;*/

  /* 185 x 25 replié */

  /*width: 185px;

  height: 25px;

  overflow: hidden;*/

  background-color: #1e431c;

  color: #fff;

  z-index: 2;

}

#search h3{

  background: transparent url(../images/header-search.gif) no-repeat;

  padding: 2px 0 0 32px;

  margin: 5px;

  height: 20px;

  font-size: 13px;

  cursor: pointer;

}

#search form{

  padding: 0 5px; 

}

/*

#search form fieldset{

  margin: 5px 0; 

}

#search form fieldset legend{

  padding: 3px 0; 

}*/

/* EOF search */

#urbania{

  /* 180 x 200*/

  width: 140px;

  height: 200px;

  padding: 10px 20px;

  background: transparent url(../images/perle.png);

  position: absolute;

  top: 25px;

  left: 25px;

  text-align: center;

}

#urbania h1{

  /* 102 x 102 */

  background: transparent url(../images/header-urbania-logo.png) no-repeat;

  width: 102px;

  height: 102px;

  margin: 0 auto 15px;

}

#urbania h1 a{

  width: 102px;

  height: 102px;

  display: block;

}

#urbania ul{

  list-style: none;

}

#urbania ul li{

  width: 100%;

  border-bottom: 1px #9d9b7e solid;

}

#urbania ul li.last{

  border: none;

}

#urbania ul li a,

#urbania ul li a:visited{

  width: 100%;

  display: block;

  color:#363724;

  height: 20px;

}

#urbania ul li a:hover,

#urbania ul li a:active,

#urbania ul li a:focus,

#urbania ul li a.active{

  color: #fff;

  background-color: #1e431c;

  text-decoration: none;

}

/* EOF banner */



/* BOF navigation */

#navigation{

	position: relative;

	top: 215px;

	left: 260px;

	width: 580px;

	height: 50px;

	font-size: 1px;

	z-index: 2;

}

#navigation ul{

  list-style: none;

}

#navigation ul li{

  float: left;

  height: 50px;

}

#navigation ul li a{

  width: 145px;

  height: 25px;

  margin-top: 25px;

  display: block;

  background: transparent url(../images/header-nav-gerance-gerer-bien.png) 0 75px;

}

#navigation ul li a.nav-transaction{ background-image: url(../images/header-nav-transaction-vendre-acheter.png); }

#navigation ul li a.nav-location{ background-image: url(../images/header-nav-location-immobiliier.png); }

#navigation ul li a.nav-gerance{ background-image: url(../images/header-nav-gerance-gerer-bien.png); }

#navigation ul li a.nav-copropriete{ background-image: url(../images/header-nav-copropriete-nouveau-syndic.png); }

#navigation ul li a:hover,

body.vente #navigation ul li a.nav-transaction,

body.location #navigation ul li a.nav-location,

body.gerance #navigation ul li a.nav-gerance,

body.copropriete #navigation ul li a.nav-copropriete{

  margin-top: 0;

  height: 50px;

  background-position: 0 50px;

}

#navigation div.nav-bottom{

  height: 6px;

  width: 580px;

  clear: both;

  background: url(../images/header-navigation-background.png);

}

/* EOF navigation */



/* BOF visuel */

#visuel{

  position: relative;

  top: 5px;

  left: 780px;

  width: 180px;

  height: 205px;

}

/* EOF visuel */

/***********************************************************************/

/*        Contenu principal

/***********************************************************************/

/* BOF user */

#user{

  /* 220 x 30 en replié */

  width: 210px;

  z-index: 10;

  background: #fff;

  padding: 7px 4px 1px 4px;

  border: 1px #d2d3cc solid;

  border-top: 0;

}

#user h3{

  height: 30px;

}

#user h3 a{

  background: #fff url(../images/user-espace-membre.png) no-repeat scroll 0 0;

  color:#FF9C00;

  font-size:13px;

  padding:9px 0 9px 60px;

}

/*

#user div{

  display: none;

}*/

#user div form{

  color: #6a4625;

}

#user div p{

  font-size: 11px;

  color: #532904;

}

#user div a,

#user div a:hover,

#user div a:active,

#user div a:visited,

#user div a:link{

  color: #532904;

  font-size: 9px;

}

#user div a:hover{

  text-decoration: underline;

}

/* EOF user */



/* BOF main */

#main{

  padding: 5px;

  border: 1px solid #B1B1B1;

  background: #fff;

  width: 428px;

}

/* EOF main */



/***********************************************************************/

/*        Left

/***********************************************************************/

#left div.box{

  /* 220 x ...  */

  width: 208px;

  border: 1px solid #B1B1B1;

  background: #fff;

  padding: 0 5px 5px;

  margin: 0 5px 5px 0;

}

#left div.box h3{

  /* 220 x 25 */

  background-color: #1e431c;

  height: 25px;

  margin: 0 -5px;

  padding: 5px;

  color: #fff;

}

#left div.box h3.picto{

  /* taille des différents pictos : 30 x 30 */

  padding: 10px 0 0 35px;

  background-repeat: no-repeat;

  background-position: 5px;

  height: 32px;

}

/* BOF pictos différents blocs left */

#advancedsearch h3{

  background-image: url(../images/advancedsearch-picto.png);

}

#advancedsearch p{

  color: #1e431c;

  font-size: 11px;

  margin: 2px 0 0 0;

  padding-bottom: 2px;

  border-bottom: 1px #1e431c solid;

}

#advancedsearch * label{

  font-size: 10px;

}

#advancedsearch * label.transaction{

  color: #EAB840;

  font-size: 12px;

}

#advancedsearch * label.location{

  color: #97A01B;

  font-size: 12px;

}

#advancedsearch * div.jqTransformSelectWrapper{

  float: right;

}

#convert h3{

  background-image: url(../images/convert-picto.png);

}

#convert form div.rowElem label{

  width: 1em;

}

#calculator h3{

  background-image: url(../images/calculator-picto.png);

}

/* EOF pictos left */

/* BOF convertor */

#calculator p{

  border-bottom:1px solid #1E431C;

  color:#1E431C;

  font-size:11px;

  margin:2px 0;

  padding-bottom:2px;

}

#calculator form div.rowElem,

#calculator form div.rowElem label{

  padding:0;

  margin: 0;

}

/* EOF convertor */

/* BOF contact */

#left #contacts{

  /* 1 x 260 */

  background: transparent url(../images/contacts-background.png) repeat-x;

  height: 204px;

  color: #9c9e9f;

  padding-top: 50px;

  /**/

  position: relative;

}

#left #contacts h3{

  background-color: transparent;

  color: #9c9e9f;

  height: auto;

  margin: 0;

  padding: 0;

  text-align: center;

}

#left #contacts h3 strong{

  color: #58585A;

  font-size: 16px;

}

#contacts p{

  margin: 0;

}

#contacts p.adresse{

  text-align: center;

}

#contacts p.fax,

#contacts p.tel{

  color: #9c9e9f;

  text-align: center;

/*  margin-right: 20px;*/

}

#contacts p.tel strong,

#contacts p.fax{

  color: #58585a;

}

#contacts p.tel strong{

  font-size: 16px;

  font-weight: bold;

}

#contacts p.fax{

  font-size: 11px;

}

/* EOF contact */

/***********************************************************************/

/*        Right

/***********************************************************************/

#right div{

  /* 220 x ...  */

  width: 208px;

  border: 1px solid #B1B1B1;

  padding: 0 5px 5px;

  margin: 0 5px 5px 0;

  color: #fff;

}

#right div h3{

  /* 220 x 25 */

  height: 25px;

  margin: 0 -5px;

  padding: 5px;

}

#right div h3 a{

  text-decoration: none;

  color: #fff;

}

#right div h3.picto{

  /* taille des différents pictos : 30 x 30 */

  padding: 10px 0 0 40px;

  background-repeat: no-repeat;

  background-position: 5px;

  height: 32px;

}

/* BOF selection */

#selection,

#explications-inscription{

  background: #ea7c1b url(../images/selection.png) no-repeat;

}

#right #selection,

#right #explications-inscription{

  /* changement de sélecteur juste pour l'écrasement de la couleur des bordures par défaut */

  border-color: #834918;

}

#selection h3.picto{

  background-image: url(../images/selection-picto.png);

}

#selection ul{

  height: 6em;

  overflow: auto;

}

#selection ul li{

  height: 17px;

  vertical-align: middle;

}

#selection ul li.aucun{

  max-height: 100px;

  color: #532904;

}

/*#selection ul li.listing{

  font-weight: bold;

  margin: 8px 0 0 0;

}*/

#selection p.listing{

  font-weight: bold;

  margin: 8px 0 0 0;

}

#selection ul li a{

  color: #fff;

}

#selection p{

  color: #532904;

}

#selection p a,

#selection p strong{

  color: #fff;

}

/* EOF selection */



/* BOF c2c */

/* Une partie des éléments est accessible via une feuille des tyle dédiée au carroussel */

#c2c{}

#c2c h3{

  background: #ecbf53 url(../images/coup-de-coeur-transaction.png) no-repeat;

}

#right #c2c{

  /* changement de sélecteur juste pour l'écrasement de la couleur des bordures par défaut */

  border-color: #b58f36;

  height: auto;

}

#c2c ul li{

  background: #fff url(../images/c2c-background.png) repeat-x;

  border: 1px solid silver;

  margin-top: 5px;

  padding: 5px;

}

#c2c ul li,

#c2c ul li * a{

  color: #58585a;

}

#c2c ul li p{

  margin: 0;

}

#c2c ul li img{

  border: 1px solid #000;

}

#c2c ul li h4{

  font-weight: bold;

  font-size: 14px;

}

#c2c ul li p.ajout{

  background:transparent url(../images/widget-ajouter-selection.png) no-repeat scroll right top;

  margin:0;

  position:relative;

  right:-6px;

  top:-6px;

}

#c2c ul li p.reference{

  font-size: 10px;

}

#c2c ul li p.surface{

  font-weight: bold;

}

#c2c ul li p.fiche{

  text-align: right;

}

#c2c ul li p.fiche a{

  color: #000 !important;

  font-weight: bold;

  text-decoration: underline;

}

#c2c ul li p.right{

  float: right;

}

#c2c ul li p.ajout a{

  display:block;

  height:30px;

  overflow:hidden;

  width:71px;

}

/* EOF c2c */



/***********************************************************************/

/*        Pied de page 1

/***********************************************************************/

/* BOF widget */

#widget .column{

  /* 220 x 185 */

  width: 220px;

  margin: 5px 5px 5px 0;

  height: 185px;

  float: left;

}

#widget .column.middle{

  /* 217 x 185 */

  width: 205px;

  height: 173px;

  border: 1px #b1b1b1 solid;

  padding: 5px;

  background: #fff;

}

#widget .column.last{

  margin-right: 0;

}

#widget .box{

  /* 220 x 90 */

  width: 210px;

  height: 80px;

  padding: 5px;

  display: block;

  background: transparent url(../images/shortcuts-transaction-estimation-gratuite.png) no-repeat;

}

#widget .box h3,

#widget .box h3 a{

  color: #fff;

  font-size: 12px;

}

#widget .box h3 strong{

  font-size: 14px;

}

#widget .box h3.picto{

  /* taille des différents pictos : 30 x 30 */

  padding: 4px 0 0 40px;

  background-repeat: no-repeat;

  background-position: 5px;

  height: 32px;

}

#widget .box p{

  font-size: 11px;

  /*color: #4d4205;*/

}

#widget .box.location p{

  color: #1d3404;

}

#widget .box.transaction p{

  color: #47360c;

}

/* BOF shortcuts */

#shortcuts .box.transaction{

  background-image: url(../images/shortcuts-transaction-estimation-gratuite.png);

  margin-bottom: 5px;

}

#shortcuts .box.transaction h3.picto{

  background-image: url(../images/box-transaction-picto.png);

}

#shortcuts .box.location{

  background-image: url(../images/shortcuts-location-dossier-candidature.png);

}

#shortcuts .box.location h3.picto{

  background-image: url(../images/box-location-picto.png);

}

/* EOF shortcuts */



/* BOF news + help */

#news h3,

#help h3{

  color: #000;

  background: transparent url(../images/news-h3-puce.png) no-repeat; 

}

#news h3 a,

#help h3 a{

  color: #000;

  text-decoration: none;

}

#news h4,

#help h4,

#news h4 a,

#help h4 a{

  font-size: 12px;

  font-weight: bold;

  color: #39383b;

  text-decoration: none;

}

#news p,

#help p{

  margin: 2px 0;

  font-size: 11px;

}

#news p.more,

#help p.more{

  text-align: right;

  font-size: 11px;

  color: #39383b;

}

#news * a,

#help * a{

  color: #39383b;

  text-decoration: underline;

}

#news p.all,

#help p.all{

  position: relative;

  bottom: 0;

}

#widget #help.column.middle{

  width:206px;

}

/* EOF news + help */



/* BOF nl */

#nl .box.alerte,

#nl .box.newsletter{

  background-image: url(../images/newsletters-alerte-email.png);

}

#nl .box.alerte p,

#nl .box.newsletter p{

  margin: 0;

}

#nl .box.alerte{

  margin-bottom: 5px;

}

#nl .box.newsletter h3.picto{

  background-image: url(../images/box-newsletter-picto.png);

}

#nl .box.alerte h3.picto{

  background-image: url(../images/box-alerte-picto.png);

}

#nl .box.alerte p a,

#nl .box.newsletter p{

  color: #661e16;

}

/* EOF nl */

/* EOF widget */



/***********************************************************************/

/*        Pied de page 2

/***********************************************************************/

#contentinfo{

  background: #1e431c url(../images/contentinfo-background.png) no-repeat left top;

}

#contentinfo .column{

  /* 225 x 150 */

  width: 225px;

  height: 150px;

  float: left;

  background: #fff url(../images/contentinfo.png) repeat-x top;

}

/* BOF categories */

#categories ul{

  padding: 16px 0;

}

#categories ul li{

  font-size: 11px;

  margin-left:70px;

  padding: 6px 0;

  font-size: 14px;

  list-style-image: url(../images/categories-transaction.png); 

}

#categories ul li.transaction{

  list-style-image: url(../images/categories-transaction.png); 

}

#categories ul li.location{

  list-style-image: url(../images/categories-location.png); 

}

#categories ul li.gerance{

  list-style-image: url(../images/categories-gerance.png); 

}

#categories ul li.copropriete{

  list-style-image: url(../images/categories-copropriete.png); 

}

#categories ul li.transaction a{

  color: #e9b840;

  font-weight:bold;

}

#categories ul li.location a{

  color: #a5ae36;

  font-weight:bold;

}

#categories ul li.gerance a{

  color: #6799b6;

  font-weight:bold;

}

#categories ul li.copropriete a{

  color: #a85e81;

  font-weight:bold;

}

/* EOF categories */



/* BOF c2c-footer */

#contentinfo #c2c-footer{

  /* 225 x 150 */

  background-image: url("../images/c2c-footer.png");

  border-left: 1px #484848 solid;

  width: 224px;

}

#c2c-footer ul{

  color: #625412;

  list-style-type: disc;

  /*padding-top:30px;*/

  padding-top:16px;

}

#c2c-footer ul li{

  margin-left: 20px;

  padding: 2px 0;

}

#c2c-footer ul li a{

  color: #625412;

}

/* EOF c2c-footer */



/* BOF links */

#links{

  border-right: 1px #bfbfbf solid;

  border-left: 1px #484848 solid;

}

#contentinfo #links{

  /* 225 x 150 */

  width: 223px;

  padding-top:10px;

  height:140px;

}

#links ul{

  list-style: disc;

}

#links ul li{

  /* 112 x ... */

  width: 90px;

  float: left;

  margin-left: 20px;

}

#links ul li a{

  color: #49494a;

  font-size: 10px;

}

/* EOF links */

/* BOF forms */

#forms{

}

#forms ul li{

  /* 225 x 50px */

  /*height: 50px;*/

  padding:10px 5px 0;

  height: 40px;

}

#forms ul li a{

  color: #fff;

}

#forms ul li h3{

  font-size: 11px;

  font-weight: normal;

}

#forms ul li h3 strong{

  font-size: 14px;

  font-weight: bold;

}

#forms ul li.emploi{

  background-image: url(../images/forms-emploi.png);

}

#forms ul li.transaction{

  background-image: url(../images/forms-transaction.png);

}

#forms ul li.location{

  background-image: url(../images/forms-location.png);

}

/* EOF forms */



/* BOF footer */

#contentinfo p{

  margin: 10px 0;

  text-align: center;

  color: #fff;

  padding-bottom: 10px;

}

#rss{

  margin: 5px auto;

  width: 740px;

}

#rss li{

  float: left;

  padding-left: 20px;

  padding-right: 5px;

  background: transparent url(../images/rss.png) no-repeat;

}

#rss li a{

  color: #fff;

}

#partenaires{

  text-align: center;

}

#partenaires span{

  margin: 0 25px;

} 

/* EOF footer */



/* BOF ajaxloader */

div#ajaxloader{

  position: relative;

  background: transparent url(../images/perle.png);

  z-index: 2;

}

/* EOF ajaxloader */