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

img {
  padding:0px;
  margin:0px;
  border:0px;
}

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

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

/* Lien Gras et Italic */
a.infos {
	font-weight:bold;
	font-style:italic;
	
}

/*bloc principal*/
#container
{
	border: black 1px solid;
	padding: 0px;
	background: url(../images/enteteAcceuil.jpg) no-repeat left top;
	background-color: white;
	margin: 0px;
	height: 100%;
	width: 100%;
}

/*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:150px;
  padding:0px;
}
/*zone de data*/
#container #content #data{
  padding:0px;
  padding-right:11px;
  padding-left:5px;
  margin-left:150px;
}

#container #content input.text
{
	font-size: 11px;
	background: gainsboro;
	font-family: verdana;
}

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

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

#container #content ol.menu li.webrankinfo {
  margin-top:10px;
}

#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 #data h1 {
  font-size:140%;
  margin-bottom:11px;
  border-bottom:1px solid #ACF;
}

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

/* Bouton de confirmation */
fieldset {
  margin-top:11px;
  margin-bottom:11px;
  padding:11px;
  background: #FFFF9D;
}

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

input.type { width:50px;}
input.depression { width:50px; }
input.debitair { width:50px; }
input.airwatt { width:50px; }
input.nbmoteur { width:50px; }
input.etageturbine { width:50px; }
input.puissance { width:50px; }
input.capacité { width:50px; }
input.phone { width:100px;}
input.ref { width:200px; }
input.phone { width:100px; }
input.date { width:100px; }
input.profil { width:250px; }
input.score { width:25px; }
input.title { width:350px; }
input.checkbox{
  width:20px;
  align:left;
}

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

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

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

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

textarea.construction{

  vertical-align: left;
  height:50px;
  border: 1px solid blue;
  margin: 5px;
  width:200px;
}

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

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

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

select.nbniveau{
  font-family:verdana;
  font-size:11px;
  padding-top:0px;
  margin-bottom: 0px;
  width:50px;
  clear:none;
  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;
}

/* Barre de naviguation */
#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;
}

/* Pour les Faqs */
#container #content #data p.question {
	background: #1e90ff;
}

/* BackOffice */
#container #content #data #system table {
  width:100%;
}

#container #content #data #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 #system TR {
font-family:verdana;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
background:#ffffff;
text-align:left;
font-weight:bold;
}

/* 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;
}

/* Information sur une centrale */
#container #content #data #preview #infos label{
  width:200px;
  text-align:left;
  margin:0px;
  padding:0px;
  clear:none;
}

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

#container #content #data #preview ol.photos li {
  display:inline; 
  margin:5px;
  padding:5px;
}

#container #content #data #preview ol.photos li a.under_txt {
  font-family:verdana;
  font-size:11px;
  border: 1px solid black;
  background: #ffffff;
  margin:8px;
}

#container #content #data #preview ol.photos li img {
  display:inline;
  border:1px solid black;
}

#container #content #data #coordonnées label {
  width:150px;
  float:left;
  text-align:right;
  padding-top:2px;
  margin-bottom:11px;
  margin-right:11px;
}

#container #content #data #coordonnées input {
  width:250px;
  float:left;
  padding-top:2px;
  background:#AACCFF;
  border: 1px solid blue;
  margin-bottom: 11px;
}

#container #content #data #infoscontact label {
  width:auto;
  float:none;
  text-align:left;
  padding-top:5px;
  padding-left:5px;
  margin-bottom:5px;
  vertical-align:middle;
}

#container #content #data #infoscontact input {
  width:auto;
  float:none;
  background:#AACCFF;
  padding-top:1px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#mandatory {
	color:red;
	font-weight:bold;
}