/*---------------------
   Generalites
---------------------*/

body {
  background: #bdd6f9 url(../img/fond.jpg) repeat-x;
  margin:0;
  padding:0;
  font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  font-size: 76%;
  color: #000;
  text-align: center;
}

p,h2,ul {
  margin: 0;
}

img {
  border: none; 
}

h1 {
  position: absolute;
  margin: 0px;
  padding:0px;
  text-indent: -5000px;
  line-height: 1px;
  font-size: 1px;
}

#conteneur {
  margin-left: auto;
  margin-right: auto;
  width: 790px;
}

#header {
  background : #ffffff url(../img/header.png);
  height: 90px;
  width: 100%;
  color: #3f3f3f;
}

#header object, #header img {
  margin-left: 150px;
}

#menu {
  width: 790px;
  height: 39px;
  background : #ffead9 url(../img/fond_menu.jpg);
  color: #3f3f3f;
}

#subheader {
  background : #ff8b00 url(../img/subheader.png);
  font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  color: #3f3f3f;
  text-align: right;
  color: #3f3f3f;
  padding: 107px 10px 0 0;
}

#titre {
  left:0;
  background : #ff8b00 url(../img/fond_titre.jpg);
  color: #3f3f3f;
  height: 46px;
  width: 790px;
  text-align: center;
}

#titre h2 {
  font-weight: bold;
  padding-top: 18px;
  font: 18px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

#content {
  background : #fff;
  font: 17px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  color: #3f3f3f;
  left: 0;
  width: 100%;
}

#content p {
padding: 30px 50px 10px 50px;
}

a,a:visited {
	color: #3f3f3f;
	text-decoration: none;
}

#footer {
  background : #ff8b00 url(../img/footer.jpg);
  font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  text-align: left;
  color: #3f3f3f;
  padding: 19px 0 0 20px;
}

#valid {
  float: right;
  margin: -10px 10px 0 0;
}

.preview {
  float: left;
  margin: 40px 30px 10px 50px;
}

.pics li {
  display: inline;
  margin-left: 16px;
}

.pics li:first-child {
  margin-left: -30px;
}

.left {
  text-align: left;
}

.legende {
  font: 12px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  font-weight: bold;
  margin: 0px;
  clear: both;
}

/*---------------------
   Les tarifs
---------------------*/

table {
  width: 100%; 
  background-color: #fff;
}
caption {
  margin: 20px;
}
#cuisine_reputee {
  width: 23%;
}
#basse_saison,#moyenne_saison,#haute_saison {
  width: 24%;
  color: #fff;
  background-color:#17197F;
  text-transform: uppercase;
}
.chambre {
  background-color: #EFF6FF;
  text-transform: uppercase;
}
.rez_etage { 
  font-size: 70%; 
  font-weight: normal;
}
.bleu { 
  background-color: #A4C6EF;
}
th {
  font-family: sans-serif;
  border: 1px dotted #6495ed;
  padding: 5px;
  font-size: 90%;
}
th acronym {
  border-bottom: none;
}
td {
  font-family: sans-serif;
  font-size: 80%;
  border: 1px solid #6495ed;
  padding: 5px;
  text-align: center;
}

.bleu_fonce {
  font-size: 12px;
  color: #000066;
  font-weight: normal;
}

.dates {
  font-size: 75%; 
}

.prix td {
  line-height: 30px;
}


/*---------------------
   Contact
---------------------*/

input.requis, textarea.requis {
  border: 1px solid #00A8E6;
}
input.vide, textarea.vide {
  border: 1px solid #FF3600;
  color : #FF3600;
}
input.ok, textarea.ok {
  border: 1px solid #00CC00;
  color : #000000;
}

.annotation {
  margin: 5px 0;
  padding: 5px;
  background-color: #FF3300;
  color : #FFF;
  font-weight: bold;
}

label {
  font-weight: bold;
}
.form-row {
  clear: both;
  padding: 0;
}

.field-label {
  padding: 0.2em;
}

.contact_droit {
  float: right;
  width: 50%;
}