body {
  margin: 0;
  padding: 0;
  background-color: #3F5E65;
  font: 11px Arial, Helvetica, sans-serif;
}
a {
  color: #3F5E65;
  text-decoration: none;
}
a:hover {
  color: #A52A2A;
  text-decoration: underline;
}
#page {
  position:relative;
  width: 725px;
  margin: 10px auto 0 auto;
  padding: 0;
  border: 25px solid #ffffff;
  color: #3F5E65;
  background-color: #E1E4B9;
}
h1#logo {
  float:left; 
  margin: 0;
  padding: 0;
  width: 460px;
  height: 135px;
  background:url(images/logo.gif) 6px 0 no-repeat;
}
h1#logo span {
  display: none;
}
h1#logo a {
  display: block;
  width: 300px;
  height: 91px;
  margin: 0 0 0 57px;
}
h2#titre-home {
  display: none;
}
/* Haut MENU */
#label {
  margin: 0 0 0 445px;
  padding: 0;
  background: #E1E4B9;
}

#label dt {
  position: relative;
  text-align: right;
  padding: 0 14px 0 0;
  margin: 0 26px 0 0;
  background: url(images/darrow.gif) right center no-repeat;
  color: #3F5E65;
}
#accueil {
  position: relative;
  margin:-13px 0 0 41px;
  padding: 0 0 0 2px;
  background: url(images/larrow.gif) left center no-repeat;
}
#accueil a {
  color: #3F5E65;
  text-decoration: none;
  padding: 1px 1px 1px 8px;
}
#label ul {
  list-style: none;
  margin: 0;
  width: 210px;
  height: 96px;
  padding: 0 3px;
  background: #ffffff;
}
#label ul li {
  float: left;
  width: 26px;
  height: 86px;
  padding: 5px 2px;
  margin:0;
  background: #ffffff;
}
#label ul li a {
  display: block;
  height: 86px;
  color: #6C4A4D;
}
#label ul li a:hover {
  text-decoration: none;
}
#label ul li a span {
  display: none;
  position: absolute;
  text-align: right;
  text-decoration: none;
  width: 150px;
  font-weight: bold;
}
#label ul li a:hover span {
  display: block;
}
#m1 {
  background: url(images/region.gif) 0 0 no-repeat;
}
#m1:hover {
  background: url(images/region.gif) 0px -87px no-repeat;
}
#m1:hover span {
  margin: 95px 0 0 60px;
}
#m2 {
  background: url(images/hotel.gif) 0 0 no-repeat;
}
#m2:hover {
  background: url(images/hotel.gif) 0 -87px no-repeat;
}
#m2:hover span {
  margin: 95px 0 0 30px;
}
#m3 {
  background: url(images/restaurant.gif) 0 0 no-repeat;
}
#m3:hover {
  background: url(images/restaurant.gif) 0 -87px no-repeat;
}
#m3:hover span {
  margin: 95px 0 0 0;
}
#m4 {
  background: url(images/acces.gif) 0 0 no-repeat;
}
#m4:hover {
  background: url(images/acces.gif) 0 -87px no-repeat;
}
#m4:hover span {
  margin: 95px 0 0 -30px;
}
#m5 {
  background: url(images/sejours.gif) 0 0 no-repeat;
}
#m5:hover {
  background: url(images/sejours.gif) 0 -87px no-repeat;
}
#m5:hover span {
  margin: 95px 0 0 -60px;
}
#m6 {
  background: url(images/reservation.gif) 0 0 no-repeat;
}
#m6:hover {
  background: url(images/reservation.gif) 0 -87px no-repeat;
}
#m6:hover span {
  margin: 95px 0 0 -90px;
}
#m7 {
  background: url(images/contact.gif) 0 0 no-repeat;
}
#m7:hover {
  background: url(images/contact.gif) 0 -87px no-repeat;
}
#m7:hover span {
  margin: 95px 0 0 -120px;
}
#link_reservation {
  clear: both;
  float: none;
  background: url(images/lemanoir-seminaire.gif) no-repeat !important;
  display: block;
}

/* Elements GENERALES */
#image {
  position: relative;
  margin: 25px -25px 0 -25px;
  padding: 11px 0 0 0;
  height: 204px;
  background: url(images/image.jpg) left 0 no-repeat;
}
#image a {
  display: block;
  margin: -13px 0 0px 506px;
  height: 27px;
  width: 225px;
  background: url(images/button_reservation.gif) 0 1px no-repeat;
  text-indent: -9999px;
  border:none;
  outline:none;
  position:relative;
  z-index:10;
}
#image a:hover {
  background: url(images/button_reservation.gif) 0 -29px no-repeat;
}
h2#bienvenue {
  margin: 14px 0 0 0;
  background: url(images/bienvenue-luberon.gif) center no-repeat;
  height: 36px;
}
h2#bienvenue a {
  margin: 0 0 0 236px;
  display: block;
  height: 36px;
  width: 253px;
}
h2#bienvenue span {
  display: none;
}
h3#welcome {
  background: url(images/welcome.gif) top center no-repeat;
  height: 31px;
  padding-top:2px;
}
h3#welcome a {
  margin: 0 0 0 275px;
  display: block;
  height: 25px;
  width: 120px;
}
h3#welcome span {
  display: none;
}

#dual {
  background:url(images/bgrest.gif) repeat-y top left;
  margin:-12px 0 0 0;
  width:100%;
}

/* Menu GAUCHE */
#gauche {
  float: left;
  width: 265px;
  margin: 0;
  padding: 8px 0 0 0;
  line-height: 1.3em;
}
#gauche dt {
  font: 11px Georgia, Garamond, serif;
  padding: 0 0 8px 30px;
}
#gauche dd {
  margin: 0;
  padding: 0 0 0 30px;
}
#gauche ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#gauche ul li {
  margin: 0;
  padding: 3px 0 3px 14px;
  background: url(images/rarrow.gif) 1px 5px no-repeat;
}
#gauche ul li a {
  padding: 0;
  color: #3F5E65;
  text-decoration: none;
}
#gauche ul li#sel {
  background: url(images/rarrow-maron.gif) 1px 5px no-repeat;
}
#gauche ul li#sel a {
  color: #4F0B0A;
  font-weight: bold;
}
#gauche dd img {
  width: 140px;
}
#gauche dd .img2 {
  width: 195px;
}
#gauche label{
  margin:5px 0 5px 20px;
}
#gauche input{
  margin:5px 0 0px 20px;
}
.logis24 a {
  color:#3F5E65;
}
.logis24 a:hover {
  text-decoration:underline;
  color: #A52A2A;
}
.logis24 img {
  width:24px !important;
  height:24px !important;
  vertical-align:middle; 
}
.img210 {
  width: 210px;
}
.bord {
  border: 4px solid #ffffff;
  margin: 6px 0 0 0;
}
.uarrow {
  background: url(images/uarrow.gif) 1px 5px no-repeat;
  padding: 0 0 0 14px;
}


/* Contenu */
#contenu {
  margin: 0 0 0 270px;
  padding: 10px 0 0 0;
  width: 445px;
}
#contenu p {
  margin: 8px 0 0 0;
  padding: 0 30px 0 30px;
  line-height: 1.4em;
}
#contenu dl {
  margin: 0 30px 0 30px;
  padding: 0;
}
#contenu dl dt {
  margin: 12px 0 0 0;
  padding: 0;
}
#contenu dl dd {
  margin: 3px 0 3px 0;
  padding: 0 0 0 16px;
}
.georgia {
  font: normal 12px Georgia, Gramond, serif;
  margin: 0 0 0 18px;
}
.maro {
 color: #4F0B0A;
}
.font12 {
  font-size: 12px;
}
h2#region {
  background: url(images/lemanoir-region.gif) 12px 0 no-repeat;
  height: 42px;
}
h2#acces {
  background: url(images/lemanoir-acces.gif) 12px 0 no-repeat;
  height: 42px;
}
h2#restaurant {
  background: url(images/lemanoir-restaurant.gif) 12px 0 no-repeat;
  height: 42px;
}

h2#hotel {
  background: url(images/lemanoir-hotel.gif) 12px 0 no-repeat;
  height: 42px;
}
h2#sejours {
  background: url(images/lemanoir-sejours.gif) 12px 0 no-repeat;
  height: 42px;
}
h2#reservation {
  background: url(images/lemanoir-reservation.gif) 12px 0 no-repeat;
  height: 42px;
}
h2#contact {
  background: url(images/lemanoir-contact.gif) 12px 0 no-repeat;
  height: 42px;
}
h2#seminaire {
  background: url(images/lemanoir-seminaire.gif) 12px 0 no-repeat;
  height: 42px;
}
h2#espace-entreprise {
  background: url(images/espace-entreprise.gif) 12px 0 no-repeat;
  height: 42px;
}
h2#lounge{
  background: url(images/lounge.gif) 12px 0 no-repeat;
  height: 42px;  
}
h2#promotions{
  background: url(images/promotions.gif) 12px 0 no-repeat;
  height: 40px;  
}

/* Specs */
h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 22px;
  margin: 0 0 16px 0;
}
h2 span {
  display: none;
}
h3 {
  font-size: 16px;
  padding: 8px 0 0 30px;
  color:#4F0B0A;
}
h4 {
  font-size: 13px;
  padding-top: 8px;
  margin-left:25px;
}
p {
  margin: 8px 0 4px 0;
  padding: 0;
}
table {
  margin: 15px 20px 15px 30px;
  padding: 0;
  border-collapse: collapse;
}
tr {
  border-collapse: collapse;
}
th {
  margin: 0;
  padding: 12px 10px;
  border: 1px solid #3F5E65;
  background: #D8DDD0;
  color: #4F0B0A;
  text-align: center;
  border-collapse: collapse;
}
td {
  margin: 0;
  padding: 12px 10px;
  border: 1px solid #3F5E65;
  background: #ffffff;
  color: #4F0B0A;
  font-family: Georgia, Garamond, serif;
  text-align: center;
  border-collapse: collapse;
}
a img {
  border: none;
}
/* Classes et IDs GENERALES */
.vert {
  color: #3F5E65;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.vers {
  color: #3F5E65;
  text-decoration: none;
}
.clear {
  clear:both !important;
}
.tpt {
  margin-bottom: 16px;
}
.maron {
  margin: 8px 0 0 30px;
  padding: 0 0 0 12px;
  color: #4F0B0A;
  background: url(images/rarrow-maron.gif) 1px 5px no-repeat;
  font: 14px Georgia, Garamond, serif;
}
.marrow1 {
  background: url(images/rarrow-maron.gif) 123px 5px no-repeat;
  padding: 0 0 0 12px;
  font: 14px Georgia, Garamond, serif;
  color: #4F0B0A;
}
.marrow2 {
  background: url(images/rarrow-maron.gif) 104px 5px no-repeat;
  padding: 0 0 0 12px;
  font: 14px Georgia, Garamond, serif;
  color: #4F0B0A;
}
.marrow3 {
  background: url(images/rarrow-maron.gif) 90px 5px no-repeat;
  padding: 0 0 0 12px;
  font: 14px Georgia, Garamond, serif;
  color: #4F0B0A;
}
.subtitre {
  color: #4F0B0A;
  font-weight: bold;
}
.gris {
  background: #D8DDD0;
}
.center {
  text-align: center;
}
.nod {
  display: none;
}

/* FORM */
form {
  margin: 0;
  padding: 8px 0 0 0;
}
form p {
  margin: 3px 0 3px 0;
  padding: 0;
}
p label {
  position: absolute;
}
p input {
  margin: 0 0 0 100px;
  width: 150px;
}
p input.chk {
  width: 15px;
}
p select {
  margin: 0 0 0 100px;
}

/* Ligne BAS */
#fbtech {
  clear: both;
  margin: 16px 0 0 0;
  padding: 0;
  text-align: center;
  color: #E1E4B9;
}
#fbtech a {
  color: #E1E4B9;
  text-decoration: none;
}

#bande_sous_menu{
  background:url(images/barre_menu.gif) 0 0 no-repeat;
  height:37px;
  width: 442px;
  margin : -15px 0 20px -5px;
}
#bande_sous_menu li{
float:left;
list-style: none;
margin: 5px 12px;
}
#bande_sous_menu li a{
 font-family: "Times New Roman", Times, serif;
 font-size: 14px;
 color:#4f0b0a;
 font-weight: bold; 
 padding-left:10px; 
}
#bande_sous_menu li a:hover{
background:url(images/rarrow-maron.gif) 0 5px no-repeat;
}

.on{
  background:url(images/rarrow-maron.gif) 0 5px no-repeat;
}

table#table_accueil{
margin-right: 40px;
margin-top:30px;
}

table#table_accueil ul{
  list-style-type: none;
  padding:0;
  margin:5px 0 5px 0;
}

table#table_accueil td{
  padding:0;
}

.img_cont{
  margin:20px 0 0 30px;
  float:left;
}
.img_cont2{
  margin:10px 0 0 15px;
}

.bord2 {
  border:4px solid #FFFFFF;
}
#promo{
  position:absolute;
  right:34%;
  top:40px;
}
#promo a{
  text-indent:-10000px;
  display:block;
  height:31px;
  width:97px;
  background:url(images/promotion.gif) 0 0 no-repeat;
  outline:none;
}
#promo a:hover{
  background:url(images/promotion.gif) 0 -31px  no-repeat;
  outline:none;
}
body.mceContentBody {
   background: #000;
}