* {
  font-family: verdana;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #ffffff;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

#container {
  position: relative;
	margin: 8px auto 10px auto;
	text-align: left;
	width: 780px;
}

a {
  color: #F07F2D;
  font-weight: bold;
  text-decoration: none;
}


/* ----- Header ----- */

#header {
  position: relative;
  height: 180px;
}

#logo {
  position: absolute;
  left: 0px;
  top: 69px;
  width: 230px;
  height: 86px;
}

#logo img {
  border-style: none;
}

#liens {
  height: 50px;
  width: 245px;
}

#liens .lang {
  display: block;
  float: left;
  margin: 10px 20px 8px 0px;
}

#liens .resa {
  display: block;
  float: right;
  margin: 10px 0px 8px 10px;
}

#liens .offr {
  display: block;
  float: right;
  margin: 4px 0px 8px 10px;
}

#menu {
  position: absolute;
  left: 272px;
  top: 0px;
  width: 132px;
  height: 155px;
  background-color: #cccc99;
  background-color: #CFC19B;
}

#menu a {
  display: block;
  color: #ffffff;
  margin: 11px 10px 10px 10px;
  padding: 0px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

#menu a.here, #menu a:hover {
  color: #666666;
}

#alaune {
  position: absolute;
  left: 431px;
  top: 0px;
  width: 118px;
  height: 155px;
}

#alaune img {
  border-style: none;
}

#actus {
  position: absolute;
  left: 575px;
  top: 0px;
  width: 205px;
  height: 155px;
  padding: 0px;
}

#domticker {
  position: absolute;
  background-color: #FE9900;
  width: 205px;
  height: 135px;
  font-family: verdana;
  font-size: 11px;
  color: #ffffff;
}

#domticker div { /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
  background-color: #FE9900;
}

#domticker div p {
  color: #ffffff;
  margin: 7px 10px 3px 10px;
}

#domticker div p b {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

#domticker div p img {
  margin: 5px 0px 10px 10px;
  float: right;
}

#domticker div a {
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

#domticker div a:hover {
  text-decoration: underline;
}

#domticker div p.lien {
  background-color: #9c9a9c;
  position: absolute;
  top: 135px;
  left: 0px;
  text-align: left;
  height: 20px;
  line-height: 20px;
  width: 205px;
  font-weight: bold;
  margin: 0px;
}

#domticker div p.lien span.actus {
  float: left;
  margin: 0px 0px 0px 8px;
}

#domticker div p.lien span.press {
  float: right;
  margin: 0px 8px 0px 0px;
}

#domticker div p.lien span a {
  font-weight: bold;
}


/* ----- Body ----- */

#body {
  position: relative;
}


/* ----- Photos ----- */

#photos {
  position: relative;
  float: left;
  width: 420px;
  margin: 0px 0px 20px 0px;
  _margin: 0px 0px 10px 0px;
  text-align: right;
}

#photos img {
  border: none;
}

#zoom {
  margin: 0px 15px 0px 0px;
}

#zoom div {
  display: none;
  width: 405px;
  height: 405px;
}

#zoom p {
position: absolute;
  bottom: 75px;
  left: 278px;
  width: 122px;
  color: #cccccc;
  font-size: 9px;
  z-index: 2;
  margin: 0px 0px 8px 0px;
  text-align: left;
}

#zoom p b {
  font-size: 15px;
}

#vignettes {
  position: relative;
  width: 415px;
  text-align: left;
  margin: 0px 10px 0px 0px;
}

#vignettes a img {
  margin: 10px 6px 0px 0px;
}

#zoom #photo1 {
  display: block;
}

#map {
  margin: 0px 15px 0px 0px;
  width: 405px;
  height: 405px;
}


/* ----- Embed ----- */

#zoom embed {
  /*width: 405px;*/
}



/* ----- Textes ----- */

#textes {
  position: relative;
  width: 348px;
  margin: 0px 0px 20px 428px;
  _margin: 0px 0px 10px 428px;
  padding: 0px;
}

#textes h1 {
  color: #666666;
  font-size: 22px;
  font-weight: normal;
  margin: 0px 0px 25px 0px;
}

#textes h2 {
  font-size: 12px;
  margin: 10px 0px 10px 0px;
}

#textes p {
  margin: 10px 0px 10px 0px;
  line-height: 1.4em;
}

#textes a {
  color: #F07F2D;
  text-decoration: none;
}

#textes a:hover {
  color: #999999;
}

#textes ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  line-height: 1.4em;
}

#textes li {
  line-height: 1.4em;
  margin: 0px 0px 0px 15px;
  font-size: 11px;
}

#textes th {
  text-align: left;
  vertical-align: top;
}


/* ----- Offres ----- */

#photos #offres {
  margin: 52px 15px 0px 0px;
}

#photos #offres div {
  position: relative;
  width: 405px;
  height: 177px;
  margin: 0px 0px 0px 0px;
}

#photos #offres div p {
position: absolute;
  bottom: 0px;
  left: 278px;
  width: 122px;
  color: #cccccc;
  font-size: 9px;
  z-index: 2;
  margin: 0px 0px 8px 0px;
  text-align: left;
}

#photos #offres div p b {
  font-size: 15px;
}

#textes .offre {
  height: 177px;
  margin: 0px 0px 0px 0px;
}


/* ----- Footer ----- */

#footer {
  position: relative;
  clear: both;
  margin: 0px 0px 0px 0px;
}

#reservations {
  margin: 0px 0px 10px 0px;
}

#reservations form {
  margin: 0px 0px 0px 0px;
}

#reservations table {
  background-color: #ff9900;
  width: 780px;
}

#reservations table td {
  padding: 2px;
}

#reservations table td, #reservations table td select, #reservations table td input {
  color: #000000;
  font-size: 10px;
  min-width: 45px;
}

#reservations table option {
  padding: 0px 5px 0px 0px;
}

#reservations table td a {
  color: #ffffff;
  font-weight: normal;
}

#accroche {
  height: 25px;
  line-height: 25px;
  margin: 0px 0px 10px 0px;
}

#accroche p {
  color: #999999;
  font-size: 15px;
  margin: 0px;
}

#credit {
  position: absolute;
  right: 0px;
  top: 45px;
}

#adresse p {
  color: #999999;
  font-weight: normal;
  margin: 0px;
}

#credit p {
  color: #999999;
  font-weight: normal;
  margin: 0px;
  text-align: right;
}

#adresse a, #credit a {
  color: #F07F2D;
  font-weight: normal;
  margin: 0px;
}

#adresse a:hover, #credit a:hover {
  text-decoration: underline;
}