body {
  font-family:verdana;
  padding-top:5px;
  padding-bottom:5px;
  font-size:11px;
  background:#3377DD;
  color: #000;
}

/*pour le visualisateur d'images*/
body.viewImg {	
  padding:0px;
  text-align:center;
}

body.uploadImg {	
  background:#fff;
}

img.viewImg {	
	margin: auto;
	border:1px solid black;
}

/*bloc principal*/
#container {
  background: #fff url(../images/fond.gif) no-repeat top left;
  border: 1px solid black;
  padding: 0px;
  margin: 0px; 
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-top:11px;
}


#container img.logo {
  position:relative;
  left:-20px;
  top:-24px;
  float:left;
}

#clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-top:-1px; 
}

/*liens*/
a {
  text-decoration:none;
  color:#000;
}

a:hover {
  text-decoration:none;
  color:#00f;
}

/*bloc footer (image w3c/copyright)*/
#container #footer {
  padding-top:20px;
  font-size:11px;
  background:#ffffff;
  text-align:right;
  padding-right:3px;
}

#container #footer a {
  text-decoration:none;
}

#container #footer img {
  padding:0px;
  margin:0px;
  border:0px;
}


/*bloc de contenu(menu+data)*/
#container #content {
  margin:0px;
  margin-top:111px;
  padding:0px;
  
}

/*bloc de menu*/
#container #content ol.menu {
  margin:0px;
  float:left;
  padding:0px;
  text-align:left;
  margin-bottom:15px;
  clear:left;
}

#container #content ol.ccoeur {
  margin:0px;
  float:left;
  padding:0px;
  text-align:left;
  margin-bottom:2px;
  clear:left;
}

#container #content ol.menu li {
  font-size:100%;
  list-style:none;
  padding-top:2px;
  padding-left:20px;
}

#container #content ol.menu li.search {
  font-weight:bold;
}

#container #content ol.menu li:hover {
  background:#c7e4ff;
  color:#00f;
}

#container #content ol.menu li.titre,li.titre:hover {
  color:#000;
  font-size:110%;
  list-style:none;
  padding-bottom:1px;
  padding-left:5px;
  padding-right:5px;
  font-weight:bold;
  background:#FFFF9D;
  border-right:1px solid #660;
  border-bottom:1px solid #660;
}

#container #content ol.promo {
  margin:2px;
  float:left;
  padding:1px;
  text-align:center;
  clear:left;
  background:black;
}

#container #content ol.promo a.desc{
  margin:0px;
  float:left;
  padding:2px;
  clear:left;
  font-size:75%;
  font-weight:bold;
  color:#f0f0f0;
  width:125px;
}

#container #content ol.promo img{
  border:0px;
}

#container #content #data {
  padding:0px;
  padding-right:11px;
  margin-left:150px;
  width:570px;
}

#container #content #data p {
  padding-top:11px;
  padding-bottom:11px;
  text-align:justify;
}

#container #content #data p.centered {
  text-align:center;
}

#container #content #data p.logon {
  text-align:center;
  font-weight:bold;
  padding-bottom:5px;
  padding-top:5px;
  color: #ff0000;
}

#container #content #data h1 {
  font-size:140%;
  margin-bottom:11px;
  border-bottom:1px solid #ACF;
}

#container #content #data #preview #sold {
  margin-bottom: 10px;
  text-align: center;
}

#container #content #data #preview #sold img{

  border: 0px;
  width:170px;
}

#container #content #data #detailedview #sold img {	
  position:relative;
  top:10px;
  left:10px;
  border:0px;
  width:180px;
}

#container #content #data h2 {
  font-size:120%;
}

#container #content #data img {
  border:1px solid black;
}

/* Barre de naviguation des biens */
#container #content #data #counter p {
  margin:0px;
  padding:5px;
  font-size: 90%;
}

#container #content #data #counter a.selectable {
  font-weight:bold;
}

#container #content #data #counter a.notselectable {
  color: #999999;
}

#container #content #data #counter a.currentpage{
  font-weight:bold;
  font-size:140%;
  color:#0000ff;
}

/*prévisu d'une offre sur la page principale*/
#container #content #data #preview {
  margin:0px;
  padding:5px;
  border: 1px solid black;
  margin-bottom:15px;
  margin-top:15px;
  width:560px;
  background:#FFFF9D;
 
}

#container #content #data #preview h1{
  padding:0px;
  margin:0px;
  border-bottom: 1px dotted black;
  margin-bottom:11px;
  
}

#container #content #data #preview #infos {
  float:left;
  width:160px;
}

#container #content #data #preview p{
  font-size:100%;
  margin:0;
  padding:0;
  padding-bottom:3px;
}

#container #content #data #preview p.desc{
  clear:left;
  font-size:100%;
  padding:0px;
  padding-bottom:3px;
  margin:0px;
  margin-bottom:5px;
}

#container #content #data #preview p.nav{
  font-size:100%;
  padding:0px;
  padding-bottom:3px;
  margin:0px;
  margin-top:8px;
  text-align:right;
}

#container #content #data #preview p.nav a{
  padding:2px;
  border:1px solid #660;
  font-weight:bold;
  color:#000;
  background:#FFFFFF;
}

#container #content #data #preview p.nav a:hover{
  padding:2px; 
  border:1px solid #660;
  font-weight:bold;
  background:#a7c4ff;
  color:#000;
}

/*galerie photo*/
#container #content #data #preview ol.photos {
  float:left;
  display:block;
  list-style:none;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
  border: 1px solid #666666;
  background:#eeeeee;
  font-size:11px;
  text-align:center;
  margin:0;
  margin-bottom:5px;
  margin-right:5px;
}

#container #content #data #preview ol.photos li {
  display:inline; 
  text-align:center;
  margin:0;
  padding:0; 
}

#container #content #data #preview ol.photos li a {
  border:none;
}

#container #content #data #preview ol.photos li a.under_txt {
  border: 1px solid black;
  background: #ffffff;
  margin-left: 25px;
}

#container #content #data #preview ol.photos li img {
  display:inline;
  border:1px solid black;
  vertical-align:bottom;
  margin:5px;
}

/*formulaires du site*/
fieldset {
  margin-top:11px;
  margin-bottom:11px;
  padding:11px;
  text-align:center;
  background: #FFFF9D;
}

fieldset.nav { text-align:center; }

legend {
  background:#AACCFF;
  border: #000 solid 1px;
  padding: 2px 11px 2px 11px;
  margin-bottom:5px;
  font-weight:bold;
  text-align:left;
}

label {
  width:150px;
  float:left;
  clear:left;
  text-align:right;
  padding-top:2px;
  margin-bottom:11px;
  margin-right:11px;
}

label.uploadImg { width:100px; }

textarea {
  height:100px;
  padding-top:2px;
  float:left;
  background:#AACCFF;
  border: 1px solid blue;
  margin-bottom: 11px;
  width:350px;
}

select {
  padding-top:2px;
  float:left;
  clear:right;
  background:#AACCFF;
  border: 1px solid blue;
  margin-bottom: 11px;
  width:350px;
}

select.type { width:auto; }

select.order {
  clear:right;
  float:none;
  background:#AACCFF;
  width:70px;
  font-size: 90%;
  margin-bottom: 0px;
  margin-left: 2px;
}

input {
  padding-top:2px;
  float:left;
  background:#AACCFF;
  border: 1px solid blue;
  margin-bottom: 11px;
  width:350px;
}

input.ref { width:200px; }
input.department { width:50px; }
input.surface { width:40px; }
input.room { width:30px; }
input.phone { width:100px; }
input.price { width:100px; }
input.username { width:200px; }
input.password { width:200px; }
input.profil { width:200px; }

input.submit-button {
  background:#AACCFF;
  border: 2px outset #88AADD;
  width:150px;
  clear:both;
  float:right;
}

input.centered-submit-button {
  background:#AACCFF;
  border: 2px outset #88AADD;
  width:150px;
  clear:both;
  float:none;
}

/*pour le texte dans les formulaires*/
p.inForm {
  margin:0px;
  margin-top:-8px;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
  float:left;
}

p.inFormRed {
  color:#f00;
  margin:0px;
  margin-top:-8px;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
  float:left;
}

input.chk {
  text-align:left;
  width:20px;
}




/*VUE DETAILLEE*/
#container #content #data #detailedview {
  margin:0px;
  padding:5px;
  border: 1px solid black;
  margin-bottom:15px;
  width:560px;
  background:#FFFF9D;
}

#container #content #data #detailedview h1{
  padding:0px;
  text-align:center;
  padding-left:5px;
  margin:0px;
  margin-bottom:20px;
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
  background:#FFFFFF;
}

#container #content #data #detailedview h2{
  font-size:120%;
  padding:0px;
  margin:0px;
  margin-top:15px;
  margin-bottom:5px;
  border-bottom: 1px solid #3377DD;
}

#container #content #data #detailedview p{
  font-size:100%;
  margin:0;
  padding:0;
  padding-top:5px;
}

#container #content #data #detailedview p b {
  font-weight:bold;
  /*background: #ffffff;*/
}


#container #content #data #detailedview p.desc{
  font-size:100%;
  padding:0px;
  padding-top:11px;
  padding-bottom:3px;
  margin:0px;
}

#container #content #data #detailedview p.nav{
  font-size:100%;
  padding:0px;
  padding-bottom:3px;
  margin:0px;
  margin-top:8px;
  text-align:right;
}

#container #content #data #detailedview p.nav a{
  padding:2px;
  border:1px solid #660;
  font-weight:bold;
  color:#000;
  background:#FFFFFF;
}

#container #content #data #detailedview p.nav a:hover{
  padding:2px; 
  border:1px solid #660;
  font-weight:bold;
  background:#a7c4ff;
  color:#000;
}

/*galerie photo*/
#container #content #data #detailedview ol.photos {
  display:block;
  list-style:none;
  padding:0px;
  padding-left:5px;
  padding-right:5px;
  font-size:11px;
  text-align:center;
  margin:0;
  margin-bottom:5px;
  margin-right:5px;
  background:#FFFF9D;
}

#container #content #data #detailedview ol.photos li {
  display:inline; 
  text-align:center;
  margin:0;
  padding:0; 
}

#container #content #data #detailedview ol.photos li a {
  border:none;
}

#container #content #data #detailedview ol.photos li img {
  display:inline;
  border:1px solid #3377DD;
  vertical-align:bottom;
  margin:5px;
}

/* Listing des biens - Administration */

#container #content #data #listing table {
  width:100%;
}

#container #content #data #listing TR.Title {
font-family:verdana;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
background:#cacaca;
text-align:center;
font-weight:bold;
}

#container #content #data #listing input {
  background:#AACCFF;
  border: 1px solid blue;
  text-align:center;
  width:20px;
  float:none;
  margin-bottom:-1px;
}

#container #content #data #listing img {
  border:0px;
}

#container #content #data #listing TR {
font-family:verdana;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
text-align:center;
}


/* Saisie d'infos contact */ 
#container #content #data #contact p.validated{
  background:#FFFF9D;
  font-size:11px;
  color: black;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:0;
  padding-top:5px;
}

/* Listing des biens - Administration */

#container #content #data table.system {
	width:90px;
}

#container #content #data table.system tr.titre {
font-family:verdana;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
background:#cacaca;
text-align:left;
font-weight:bold;
}

#container #content #data table.system tr {
font-family:verdana;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
background:#ffffff;
text-align:left;
font-weight:bold;
}

/* Section Diaporama */
#diaporama {
  margin:0px;
  padding:5px;
  border: 1px solid black;
  margin-top:25px;
  width:970px;
  background:#FFFF9D;
 
}

#diaporama h1 {
  font-size:300%;
  margin-bottom:11px;
  border-bottom:1px solid #ACF;
  text-align:center;
  background:#cacaca;
}

#diaporama #infos {
  float:left;
}

#diaporama #infos marquee.infos{
  color:#000000;
  border: 1px solid black;
}

#diaporama #infos b.label{
  color:#CC0000;
}

#diaporama p{
  clear:left;
  font-size:190%;
  padding:0px;
  padding-bottom:3px;
  margin:0px;
  margin-bottom:5px;
}

#diaporama p.desc{
  clear:left;
  font-size:190%;
  padding:0px;
  padding-bottom:3px;
  margin:0px;
  margin-bottom:5px;
}


/*galerie photo*/
#diaporama ol.photos {
  float:left;
  display:block;
  list-style:none;
  padding:5px;
  padding-left:5px;
  padding-right:5px;
  border: 1px solid #666666;
  background:#eeeeee;
  font-size:11px;
  text-align:center;
  margin:0;
  margin-bottom:5px;
  margin-right:5px;
}

#diaporama ol.photos li {
  display:inline; 
  text-align:center;
  margin:0;
  padding:0; 
}

#container #content #data #preview table.photos {
	text-align:center;
	float: left;
	border: 0px;
}
#container #content #data #preview table.photos a.under_txt {
  border: 1px solid black;
  background: #ffffff;
}