/*  Styles généraux */
* { margin: 0px; padding: 0px;  }
body { font-size: 0.8em; font-family: Arial; background: #EEE; }
h1, #header a { color: #069; text-decoration: none; }
h2 { margin-bottom: 10px; }
a:link, a:visited { color: #666; }
a:hover { text-decoration: none; color: #000; }
img { border-width: 0px; }
fieldset, .fieldset { border: 1px dotted #CCC; margin: 10px 0px; padding: 10px; }
legend { font-weight: bold; margin: 0px 10px; }
label, .label { width: 175px; float: left; }
select, input, textarea { margin: 1px; }
textarea { width: 400px; height: 150px; }

/*  Styles généraux */
#container { width: 950px; margin: 15px auto; border: 1px solid #CCC; background: #FFF; }
#accessibilite { float: left; margin-left: -9999px; }
#header { padding: 10px; border-bottom: 1px solid #CCC; }
#header h1 { font-size: 1.5em; }
#footer { padding: 5px; text-align: center; font-size: 0.8em; clear: both; }

/* Contenu */
#menu { width: 215px; margin: 10px; padding: 10px; padding-left: 20px; list-style-type: none; float: left; }
#menu li { margin-bottom: 10px; clear: both; }
#menu ul { padding-left: 20px; }
#menu ul li { margin-bottom: 0px; }
#menu .sub { font-weight: bold; color: #069; text-decoration: none; float: left; }
#menu .sub:hover { text-decoration: underline; }
#menu .showSub { float: right; margin-right: 30px; cursor: pointer; width: 85px; text-align: right; }
#contenu { width: 645px; margin: 10px; margin-left: 0px; padding: 10px; float: left; }

/* Classes */
.hide { display: none; }
.erreur { color: red; font-weight: bold; }
.important { color: green; font-weight: bold; margin-bottom: 5px; }
.center { text-align: center; }
.retour {  margin-top: 10px; padding-left: 20px; background: #FFF url(../images/back_icon.png) no-repeat;  }
.listingTable { margin-top: 10px; border: 1px solid #CCC; border-collapse: collapse; }
.listingTable td { padding: 5px; }
.ficheTable { margin-top: 10px; border-collapse: collapse; }
.ficheTable th { padding: 5px; background: #CCC; border: 1px solid #CCC; }
.ficheTable td { padding: 5px 10px; border: 1px solid #CCC; }

/* Index */
#formIdentification { width: 400px; margin: 10px auto; }
#contenuIndex { width: 930px; margin: 15px auto; }

/*  Biens */
#addBien legend, #editBien legend { display: block; height: 40px; vertical-align: top; cursor: pointer; }
.ficheAnnonce { width: 475px; overflow: auto; }
.moins { padding-left: 20px; background: url(../images/plus.png) no-repeat; }
.plus { padding-left: 20px; background: url(../images/moins.png) no-repeat; }
.addContent { margin : 5px; border: 1px solid #EEE; padding: 10px; background: #FCFCFC; }
.info { background: #FFC; border: 1px solid #DDDB54; padding: 5px 5px 5px 15px; margin-bottom: 5px;  }
#addVille { float: left; margin-right: 10px; }

/* Catégories de biens et géographie */
#addCat { margin-top: 10px; }
#form_addCat { display: none; width: 425px; }
.add { margin-top: 10px; padding-left: 20px; background: #FFF url(../images/add_icon.png) no-repeat; }
#form_add { display: none; width: 325px; }
#form_add label { width: 140px; }
#form_add input { margin: 0px; }
#listingPays, #listingDepartement, #listingRegion { width: 450px; }
.editTable { width: 300px; }
.actions { width: 50px; text-align: center; }

/* Images */
#form_addPhoto { display: none;  width: 500px; }
#listingPhotos { width: 500px; }
#listingPhotos .description { width: 200px; }
#listePhotos { list-style-type: none; }
#listePhotos li { display: inline; margin-right: 10px; }