body {
  margin: 0;
  padding: 0;
  font: 11px Arial, Helvetica, Verdana, Tahoma, sans-serif;
  background: #314D6D;
}
#page {
  width: 624px;
  margin: 20px  auto 0 auto;
  padding: 12px 32px 12px 32px;
  border: 6px solid #ffffff;
  background: #FAF4E4;
  color: #5A3D1C;
}
h1#index {
  background: url(images/head-index.jpg) center top no-repeat;
  height: 453px;
}
h1#pages {
  background: url(images/head-page.jpg) center top no-repeat;
  height: 326px;
  margin: 0 0 14px 0;
  padding: 0;
}
h1 a {
  width: 352px;
  height: 142px;
  display: block;
  margin: 0 0 0 147px;
}
h1 span {
  display: none;
}

/* Menu */
#menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  margin: 14px 0 0 0;
  padding: 0;
  float: left;
}
#menu li a {
  margin: 0;
  padding: 0 30px 0 0;
  text-decoration: none;
  width: 178px;
  height: 36px;
  color: #333333;
  display: block;
}
#menu li a:hover {
  text-decoration: underline;
}
#menu li span {
  display: none;
}
.hotelr {
  background: url(images/restaurant.gif) center no-repeat;
}
.tarifsr {
  background: url(images/tarifs.gif) center no-repeat;
}
.situationr {
  background: url(images/situation.gif) center no-repeat;
}
.contactr {
  background: url(images/contact.gif) center no-repeat;
}
h2 {
  clear: both;
}

/* Specs */
h1, h2, h3 {
  margin: 0;
  padding: 0;
}
h2 {
  font-size: 145%;
  margin: 12px 0 4px 0;
}
h2 span {
  display: none;
}
h3 {
  font-size: 115%;
}
p {
  margin: 11px 0 6px 0;
  line-height: 1.6em;
}
a {
  color: #000000;
  text-decoration: underline;
}
img {
  border: none;
}
form {
  margin: 10px 0 0 0;
  padding: 0;
}
p label {
  position: absolute;
  margin: 3px 0 0 0;
}
p input {
  margin: 0 0 0 80px;
  padding: 2px;
  width: 200px;
  font-size: 10px;
  font-weight: bold;
  color: #323232;
  letter-spacing: 1px;
}
textarea {
  margin: 25px 0 0 0;
  padding: 5px;
  width: 600px;
  height: 130px;
  border: 1px solid #cecece;
}
acronym {
  color: #314D6C;
  cursor: help;
}
#liste {
  margin: 0;
  padding: 0;
  list-style: none;
}
#liste li {
  margin: 0;
  padding: 6px 0 0 36px;
  background: url(images/puce_maron.gif) 20px 10px no-repeat;
  color: #314D6C;
}
#liste li strong {
  color: #5A3D1C;
}

/* Classes et IDs */
.fl {
  float: left;
}
.fr {
  float: right;
}
.clears {
  clear: both;
}
.hometext {
  width: 410px;
  float: left;
  margin: -30px 0 0 0;
  padding: 0 0 0 14px;
}
.nom {
  margin: 0;
  padding: 2px 5px;
  width: 80px;
}
.contf {
  width: 256px;
  background: #D6DBE2;
  color: #314D6C;
  border: 4px solid #FDFDFD;
  font-size: 12px;
  margin: 20px 0 0 0;
  padding: 4px 12px 14px;
}
.logs {
  text-align: center;
  width: 190px;
}
.reservez {
  background: url(images/bouton-reservez.gif) no-repeat;
  width: 106px;
  height: 16px;
  color: #5A3D1C;
  text-align: center;
  text-decoration: none;
  padding: 0;
  margin: 26px 0 0 36px;
  display: block;
}
.gauche {
  float: left;
  width: 200px;
  font: 12px "Times New Roman", Georgia, serif;
  color: #314D6C;
  margin: 0;
  padding: 0;
}
.droit {
  margin: 0 0 0 210px;
  font: 12px "Times New Roman", Georgia, serif;
  color: #314D6C;
  width: 180px;
}
.description {
  position: relative;
  z-index: 5;
  width: 300px;
  margin: 0 0 0 200px;
  padding: 0;
  font-size: 10px;
  line-height: 1.3em;
  color: #5A3D1C;
}
#lhotel {
  background: url(images/lhotel.gif) left center no-repeat;
  height: 30px;
  margin: 18px 0 14px 0;
  padding: 0;
}
#lerestaurant {
  background: url(images/lerestaurant.gif) left center no-repeat;
  height: 29px;
  margin: 18px 0 14px 0;
  padding: 0;
}
#situation {
  background: url(images/hsituation.gif) left center no-repeat;
  height: 29px;
  margin: 18px 0 14px 0;
  padding: 0;
}
#tarifs {
  background: url(images/htarifs.gif) left center no-repeat;
  height: 39px;
  margin: 18px 0 14px 0;
  padding: 0;
}
#contact {
  background: url(images/hcontact.gif) left center no-repeat;
  height: 39px;
  margin: 18px 0 30px 0;
  padding: 0;
}
#confirmation {
  background: url(images/hconfirmation.gif) left center no-repeat;
  height: 39px;
  margin: 18px 0 14px 0;
  padding: 0;
}
#menu_page {
  margin: -42px 0 0 0;
  padding: 0;
  height: 46px;
  list-style: none;
}
#menu_page li {
  margin: 0 0 0 520px;
  padding: 0;
  width: 100px;
}
#menu_page li a {
  width: 83px;
  display: block;
  padding: 0 0 0 17px;
  margin: 0;
  background: url(images/puce_bleu.gif) left center no-repeat;
  text-decoration: none;
  font: 13px "Times New Roman", serif;
  color: #314D6C;
}
.hotel-restaurant {
  background: url(images/titre-hotel.gif) left center no-repeat;
}
.tarifs {
  background: url(images/titre-tarifs.gif) left center no-repeat;
}
.situation {
  background: url(images/titre-situation.gif) left center no-repeat;
}
.contact {
  background: url(images/titre-contact.gif) left center no-repeat;
}
.quad {
  clear: both;
  background: url(images/quad_bleu.gif) top left no-repeat;
  color: #314D6C;
  height: 141px;
  font-size: 12px;
  margin: 20px 0 0 0;
  padding: 0;
}
.quad p {
  margin: 0;
  padding: 12px 8px 0 10px;
  line-height: 1.25em;
}
.center {
  text-align: center;
}

#fbtech {
  text-align: center;
  clear: both;
  padding: 12px 0 14px 0;
  color: #FAF4E4;
  font-size: 10px;
}
#fbtech a {
  color: #FAF4E4;
  text-decoration: none;
}
#TA_rated307 .widFRR{
  margin:auto;
  
}