/*-- CALENDRIER --*/
#reservation {
clear:both;
float:left;
width: 540px;
}
#reservation table {
  float:left;
width: 220px;
margin-top: 14px;
}
#reservation table td {
font-size: small;
text-align:center;
padding: 3px;
}
#reservation table td.empty,
#reservation table td.week {
background-color: #FFFFFF;
color: #990000;
font-style: italic;
}
#reservation table td.days,
#reservation table td.week {
font-weight: bold;
}
#reservation table td.monthOff {
color: #CECECE;
}
#calendar th {
text-align: left;
}
#calendar td.month {
font-weight: bold;
font-style: italic;
background-color: #FFFFFF;
color: #990000;
}
#calendar td.time,
#calendar td.location {
font-size: small;
padding-top: 6px;
}

#reservation table td.dispo {
  background-color: #33CC00;
}
#reservation table td.restreint {
  background-color: #FFCC00;
}
#reservation table td.complet {
  background-color: #CC0000;
  color:#FFF;
}

#reservation table td.monthOn a {
  color:#FFF;
}

/* --- FORMULAIRE DE RESERVATION --- */
body #inter #reservation form {
  float:left;
  padding:0;
  margin:0px 0px 0px 20px;
}
#reservation form fieldset.hidden {
  display:none;
}
#reservation form fieldset {
  float:left;
  clear:left;
  margin:0;
  margin:-5px 0px 0px 0px;
  padding:0px 10px 10px 10px;
  width:278px;
  border: 1px solid #971732;
}
#reservation form fieldset legend {
  float:left;
  display:inline;
  color: #971732;
  font-size:medium;
  font-weight:bold;
  padding:0px 0px 15px 0px;
}
#reservation form fieldset div.entry, 
#reservation form fieldset div.submit {
  float:left;
  width:278px;
}
#reservation form fieldset div.entry label {
  width:150px;
 float:left;
}
#reservation form fieldset div.entry input.formatDate {
  width:72px;
 float:right;
}
#reservation form fieldset div.entry input.formatNumeric {
  width:36px;
  text-align:right;
 float:right;
}
#reservation form fieldset div.entry input, #reservation form fieldset div.entry textarea, #reservation form fieldset div.entry select {
  width:278px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 float:right;
}
#reservation form fieldset div.submit {
  text-align:center;
  margin:0;
  padding:10px 0px 0px 0px;
}
#reservation form fieldset div.submit input {
  float:left;
  margin:2px;
  padding:3px;
  width:134px;
}
/* --- LEGENDE --- */
#reservation #legende  {
  font-size:x-small;
  margin-top:15px;
  float:left;
  width: 540px;
}
#reservation table.legende  {
margin: 0px 0px 0px 0px;
  float:left;
  width:220px;
}
#reservation table.legende td {
border:1px solid #FFF;
text-align:left;
font-size:x-small;
}
#reservation table.legende td.dispo,
#reservation table.legende td.restreint,
#reservation table.legende td.complet {
width: 20px;
}
#reservation #legende #legendeexpress {
  margin:0px 0px 0px 20px;
line-height: 12px;
  float:left;
  padding: 5px 10px 10px 10px;
  width:278px;
  border: 1px solid #999999;
}
 
/* --- PAVE D'ERREUR -- */
#reservation div.erreur,
p.erreur {
  color: #CC0000;
  font-size:medium;
  font-weight:bold;
  margin:0px 0px 15px 0px;
  text-align:center;
}

/* --- FORMULAIRE DE DEVIS --- */
#inter form fieldset.prestation {
  /*border:1px solid black;*/
  margin:9px 0px 3px 0px;
}
#inter form fieldset.prestation legend {
  display:block;
  font-size:medium;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#971732;
  margin:0;
  padding:2px;
}
#inter form fieldset.prestation div.label label {
  display:block;
  float:left;
  text-align:center;
  margin:1px;
}

#inter form fieldset.prestation div.label label.pers {
  width:63px;
}

#inter form fieldset.prestation div.label label.presta {
  width:189px;
}
/*
#inter form fieldset.prestation div.label label.nuitee {
  width:49px;
}
*/
#inter form fieldset.prestation div.label label.tarif {
  width:189px;
}

#inter form fieldset.prestation div.label label.mont {
  width:84px;
}

body #inter form {
  margin:0;
}

#inter form fieldset.prestation div.entry input {
  float:left;
  text-align:right;
  width:25px;
  margin:3px 15px 3px 18px;
  padding:1px 0px 2px 0px;
}

#inter form fieldset.prestation div.entry select {
  float:left;
  width:189px;
  margin:3px;
}

/* --- PANIER --- */
#inter form fieldset div.panierligne {
  clear:both;
}
#inter form fieldset div.panierligne span {
  color: #000;
  display:block;
  float:left;
  margin:3px;
  padding:0px 0px 0px 5px;
  font-size:small;
  height:20px;
  border:1px solid #E0E0E0;
}

#inter form fieldset div.panierligne span.quantite {
  text-align:right;
  width:20px;
}

#inter form fieldset div.panierligne span.prestation, 
#inter form fieldset div.panierligne span.cible {
  width:166px;
}

#inter form fieldset.prestation div.entry span.montant, 
#inter form fieldset div.panierligne span.montant
 {
  color: #000;
  display:block;
  float:left;
  text-align:right;
  width:73px;
  font-size:small;
  height:20px;
  margin:3px;
  font-weight:bold;
}
#inter form fieldset div.panierligne span.montant {
  padding-left:0px;
  width:73px;
}

#inter form fieldset.prestation div.entry a, 
#inter form fieldset div.panierligne a {
  display:block;
  float:left;
  width:33px;
  text-align:center;
  text-decoration:none; 
  color: #971732;
  font-size:xx-large;
  font-weight:bold;
  height:20px;
  margin:3px 0px 0px 0px;
}

#inter span.plus {
  clear:none;
  display:block;
  float:right;
  width:33px;
  text-align:center;
  text-decoration:none; 
  color: #971732;
  font-size:xx-large;
  font-weight:bold;
  height:20px;
}

#inter form fieldset div.panierfooter {
  clear:left;
  height:20px;
  text-align:right;
  font-weight:bold;
}
#inter form fieldset div.panierfooter span.montant {
  display:block;
  float:right;
  margin:0px 12px 0px 0px;
  color:#971732;
  width:73px;
}
#inter form div.submit {
  padding:0px;
  margin:15px 34px 0px 0px;
  text-align:right;
}

/* --- FORMULAIRE DE RENSEIGNEMENTS --- */
body #inter form div.accord label {
  display:none;
}
body #inter form div.accord div label {
  display:block;
  font-weight:normal;
}

/* --- CONDITIONS VENTE --- */
form div#conditions, 
form div#conditions_en {
  float:left;
  width:289px;
  height:120px;
  color: #333333;
  font-size:x-small;
  line-height:12px;
  border: 1px solid #3B83EB;
  overflow:auto;
  padding:3px;
}

body #inter form div#conditions h2, 
body #inter form div#conditions_en h2 {
  font-size:medium;
}

body #inter form div#conditions h3,
body #inter form div#conditions h4,
body #inter form div#conditions h5, 
body #inter form div#conditions_en h3,
body #inter form div#conditions_en h4,
body #inter form div#conditions_en h5 {
  font-size:small;
} 
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*--  GUIDE EN EXERGUE SUR TOUTES PAGES RESA  --*/
div#sejour table tr.guide td,
form div.guide,
div#devis table tr.guide td  {
background-color: #EBB6C1;
}
#tarif table th.prestation {
text-align: left;
font-weight: normal;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*--  MON COMPTE  --*/
body.bodygenerique div#inter form fieldset div.entry input.formatNumeric {
  width:36px;
  text-align:right;
  float:left;
}
body.bodygenerique div#inter form fieldset div.entry input.formatDate {
  width:72px;
  text-align:right;
  float:left;
}