body{
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
background:#645C54;
text-align:center;
}
/* INDEX */
#index-head{
height:355px;
}
#index-infos{
width:605px;
margin:0px;
padding:5px 0 0 0;
height:40px;
background:url(../media/images/index/bg.gif) repeat-x;
text-align:center;
line-height:18px;
}
#index-hotel{
width:300px;
text-align:left;
float:left;
}
#index-aw{
width:305px;
text-align:right;
float:left;
}
#page{
width:760px;
padding:0px 4px 0px 4px;
margin: 0px auto;
background:url(../media/interface/bg.gif);
color: #000;
text-align:left;
}
#onglet {
position:absolute;
top:29px;
margin-left:291px;
width:469px;
height:50px;
}
#header{
width:760px;
height:116px;
}
#center{
width:760px;
}
#pre-footer{
width:737px;
height:24px;
padding:30px 0px 0px 23px;
color:#8A847D;
background:url(../media/interface/corner-footer.gif) no-repeat;
background-position:291px bottom;
}
#pre-footer img{
vertical-align:middle;
margin-right:5px;
}
#pre-footer a{
color:#8A847D;
font-weight:normal;
text-decoration:none;
}
#pre-footer a:hover{
text-decoration:underline;
}
#footer{
width:768px;
height:34px;
margin: 0px auto;
margin-bottom:20px;
padding-top:5px;
background:url(../media/interface/footer.gif);
color:#3E3832;
}
/* COLONNE GAUCHE */
#col-gauche{
width:291px;
float:left;
}
.col-gauche-box{
padding:17px 30px 13px 23px;
}
.col-gauche-sep{
width:291px;
height:11px;
background:url(../media/interface/col-gauche-sep.jpg) no-repeat;
font-size:0px;
}
/* CONTENU */
#contenu{
width:465px;
float:left;
}
.contenu-sep{
width:100%;
height:12px;
font-size:0px;
background:url(../media/interface/contenu-sep.gif) repeat-x;
}
#chapeau{
width:460px;
height:107px;
padding:0px;
/*background:url(../media/interface/chapeau.jpg) repeat-x #773752;*/
color:#FFFFFF;
margin:0px;
}
#chapeau-footer{
width:460px;
height:26px;
background:url(../media/interface/chapeau-footer.jpg) no-repeat;
}
#chapeau h1{
color:#A39688;
}
#chapeau p{
margin-left:29px;
}
#chapeau a{
color:#B6AB9E;
font-weight:normal;
}
.contenu-box{
padding: 15px 15px 0px 25px;
}
.contenu-box-1{
width:210px;
margin:15px 0px 19px 0px;
padding-left:16px;
float:left;
}
.contenu-box-1 h1{
margin-left:9px;
}
.contenu-box-2{
width:415px;
padding:5px 21px 0 28px;
}
/* GENERAL */
ul{
margin:10px 0 0 0;
padding:0px;
list-style:none;
}
li{
padding:0 0 0 12px;
line-height:20px;
background:url(../media/interface/puce.gif) no-repeat;
background-position: 0 5px;
}
img{
border:0px;
}
.fl{
float:left;
}
.fr{
float:right;
}
img.fl{
margin:0 5px 0 0;
}
img.fr{
margin:0 0 0 0px;
}
.fr{
float:right;
}
.l{
text-align:left;
}
.c{
text-align:center;
}                
.r{
text-align:right;
}
.intro{
font-style:italic;
padding:0 10px 10px 10px;
}
.justify{
text-align:justify;
}   
.small {
font-size: 0.90em;
}              
.spacer{
clear:both;
}
h1{
font:1.6em Arial, sans-serif;
font-weight:bold;
color:#645C54;
margin:0 0 8px 0;
}
h2{
font:1.4em Arial, sans-serif;
font-weight:bold;
color:#645C54;
}
h3{
font:1.2em Arial, sans-serif;
font-weight:bold;
color:#645C54;
}
h4{
font:1em Arial, sans-serif;
font-weight:bold;
color:#645C54;
}
form{
margin:0px;
}
p{
margin:0 0 10px 0;
}
p.gras{
font-weight:bold;
color:#524b45;
}
a{
font-weight:bold;
color:#6C2544;
text-decoration:underline;
}
/***** LES CHAMBRES *****/
.contenu-chambres{
padding: 10px 15px 10px 15px; 
}
.chambre-titre{
border:solid 1px #CFC9C2;
}
.chambre-lien{
height:50px;
background:url(../media/images/les-chambres/lien-bg.gif) repeat-x;
padding:16px 0 10px 0;
margin-top:20px;
float:left;
width:195px;
}
.chambre-lien a{
line-height:20px;
margin-left:15px;
padding-left:11px;
background:url(../media/interface/puce-2.gif) no-repeat;
background-position:0px 3px;
}
.contenu-box-chambres{
padding: 10px 10px 15px 5px;
}
.mini{
border:solid 1px #b4adaa;
float:left;
margin-right:12px;
}
.no-margin{
margin:0px
}
.no-padding{
padding:0px
}
/***** TARIFS *****/
.contenu-tarifs{
padding: 10px 15px 10px 15px; 
}
.contenu-box-tarifs{
padding: 10px 15px 15px 5px;
}
/***** SEMINAIRES *****/
.contenu-seminaires{
padding: 10px 15px 0px 15px; 
}
.contenu-box-seminaires{
padding: 0px 15px 15px 5px;
}
.contenu-box-seminaires a.lien-reservation{
line-height:30px;
}
.contenu-box-seminaires img{
padding:0px;
margin:0px;
}
.contenu-seminaires table{
width:440px;
}
.contenu-seminaires table, .contenu-seminaires td, .contenu-seminaires th{
padding:4px;
font-size:11px;
border-collapse:collapse;
border:solid 1px #BBB;
}
.contenu-seminaires th{
text-align:center;
}
.contenu-seminaires td.designation{
background:#BBB;
}
.contenu-box-seminaires img.config{
margin-left:7px;
}

/***** PLAN *****/
#contenu-plan{
padding: 15px 15px 15px 15px; 
}
#contenu-plan p{
margin: 0 0 10px 15px;
}
.chapeau-plan{
line-height:20px;
margin-bottom:5px;
}
/***** RESERVATION *****/
.contenu-reservation{
padding: 15px 15px 15px 15px;
}
.reservation-infos{
background:url(../media/images/reservation/reservation-bg.gif);
width:420px;
height:428px;
padding:15px 0 0 15px;
}
.radio{
width:10px;
height:10px;
vertical-align:middle;
margin:0px 5px 5px 0px;
}
.vignette{
margin:0 8px 0 0;
vertical-align:top;
border: solid 1px #8f8b87;
}
.select{
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#5D5D5D;
}
table.reservation-vignette{
margin-bottom:10px;
}
table.reservation-vignette td{
vertical-align:top;
}
/***** SERVICES *****/
.contenu-services{
padding: 10px 15px 10px 15px; 
}
.contenu-box-services{
padding: 0px 15px 15px 5px;
}
.contenu-box-services ul{
margin-top:0px;
padding-top:0px;
}
.contenu-box-services li{
margin-bottom:15px;
background:none;
}
.contenu-box-services li img{
margin-right:10px;
vertical-align:middle;
}
.services-colonne-1{
width:242px;
float:left;
margin-left:10px;
}
/***** ¨PROMOS *****/
.contenu-promos{
padding: 10px 15px 10px 15px; 
}
/***** CONTACT *****/
#contenu-contact-direct{
padding: 15px 15px 15px 15px; 
}
#contenu-contact{
padding: 15px 15px 15px 15px; 
}
table.contact {   
  width: 100%;
  margin: 0 0 0 0;
}
table.contact td.titre {
  padding: 15px 0 20px 0;
  font-size: 1.20em;
  color: #645C54;
  font-weight: bold;
}
table.contact td.designation {
  width: 100px;
  padding: 7px 0 6px 10px;
  font-weight: bold;
  vertical-align: top;
}
table.contact td.colonne {
  width: 200px;
  padding: 0 0 0 0 ;
}
table.contact tr.error td.designation {
  width: 100px;
  padding: 7px 0 6px 10px;
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: top;
}

table.contact td.required {
  width: 10px;
  font-size: 1px;
}

table.contact td.required-on {
  width: 10px;
  font-size: 1px;
  background-image: url(../media/interface/css-field-required.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
table.contact td.field {
  vertical-align: top;
  padding: 3px 0 0 0;
}
table.contact td.field input {
  width: 220px;
  padding: 2px 0 1px 2px;
  border: 1px solid #B1A699;
  background-image: url(../media/interface/css-field-text.gif);
  background-color:#FFFFFF;
  background-position: top left;
  background-repeat: repeat-x;
  font-size: 11px;
  color: #5D5D5D;
}
table.contact td.field input.nb {
  width: 50px;
}
table.contact td.field textarea {
  width: 220px;
  height: 100px;
  padding: 0 0 0 2px;
  border: 1px solid #B1A699;
  background-image: url(../media/interface/css-field-text.gif);
  background-color:#FFFFFF;
  background-position: top left;
  background-repeat: repeat-x;
  font-size: 11px;
  color: #5D5D5D;
  font-family:Arial, Helvetica, sans-serif;
}
table.contact td.sep {
  height: 20px;
  font-size: 1px;
}
table.contact table.button {
  width: 100%;
}
table.contact table.button input {
  width: 100px;
  height: 20px;
  border-top: 1px solid #ECECEC;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid #ECECEC;
  background-color: #6C2544;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
}
table.contact table.button td.space {
  width: 120px;
}
table.contact table.button td.submit {
  width: 120px;
  text-align: left;
}
table.contact table.button td.reset {
  text-align: left;
}
table.contact tr.error {
  background-color: #afaaa4;
}
        
div.error {
  color: #FFFFFF;    
  background-color: #afaaa4;
  margin-top:10px;
}                    
div.error div.titre {
  padding: 5px 15px;
  font-size: 1.30em;
  line-height: 1.30em;
  font-weight: bolder;
}         
div.error div.titre img {
  float:left;
}        
div.error div.txt {
  padding: 5px 15px;
}
/*** Toggle résa ***/
#toggle-resa {
float:left;
width:469px;
height:80px;
background:#4f4e49;
margin:-2px 0 0 0;
padding:0;
color:#bbb;
font-size:10px;
font-weight:bold;
}
#toggle-resa a, #toggle-resa a:visited {
color:#bbb;
font-size:10px;
text-decoration:none;
font-weight:normal;
}
#toggle-resa a:hover, #toggle-resa a:focus {
color:#bbb;
font-size:10px;
text-decoration:underline;
font-weight:normal;
}
#toggle-resa select {
font-size:10px;
border:1px solid #fff;
margin:2px 0;
}
#toggle-resa select.petit {
width:50px;
}
#toggle-resa select.normal {
width:70px;
}
#toggle-resa input {
height:12px;
}
#toggle-resa input.submit {
height:20px;
width:180px;
font-size:10px;
font-weight:bold;
}
#toggle-resa #table-resa {
width:450px;
text-align:left;
padding-left:8px;
vertical-align:top;
}
#toggle-resa #table-resa td.submit {
text-align:left;
padding-top:5px;
}
#toggle-resa #table-resa td {
vertical-align:top;
margin:0;
padding:0;
}