* {
  margin:0;
  padding:0;
}

body {
  background:#80CEF5 url(/images/fond.gif) no-repeat top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding:0 0 0 70px;
}

a {
  text-decoration:none;
  color:black;
}

a img {
  border:none;
  vertical-align:top;
}

#header {
  position:relative;
  z-index:1;
  width:971px;
  height:216px;
  margin:0 0 5px 0;
}

#header ul, #header li {
  display:block;
  list-style:none;
}

#lang {
  position:absolute;
  top:200px;
  left:20px;
}

#lang li {
  float:left;
  vertical-align:top;
  padding-right:5px;
}

#menu {
  background:transparent url(/images/fond_menu.gif) no-repeat bottom right;
  width:435px;
  height:101px;
  border-width:0 0 1px 0;
  border-style:solid;
  margin:0 0 0 20px;
  padding:114px 0 0 248px;
}

.m_off {
  border-color:white;
}

.m_decouverte {
  border-color:#004D88;
}

.m_logement {
  border-color:#f29400;
}

.m_restauration {
  border-color:#e31c18;
}

.m_distraction {
  border-color:#13ace3;
}

.m_achats {
  border-color:#f4860f;
}

#menu li {
  position:relative;
  z-index:0;
  float:left;
  height:101px;
}

#m_decouverte   {
  width:85px;
}

#m_logement   {
  width:78px;
}

#m_logement a img {
  padding-top:35px;
}

#m_restauration {
  width:81px;
}

#m_distraction {
  width:100px;
}

#menu li a {
  vertical-align:top;
}

#menu li a img {
  display:block;
  position:absolute;
  top:0;
  left:0;
  opacity:0.6;
  filter:alpha(opacity=60);
}

#menu li:hover a img {
  opacity:1;
  filter:alpha(opacity=100);
}

#m_logement.en a img {
  left:-40px;
  padding-top:45px;
}

#m_restauration.en a img {
  left:10px;
}

#m_distraction a img {
  padding-top:35px;
}

#m_achats {
  width:86px;
}

#menu li ul {
  position:relative;
  z-index:0;
  background:transparent url(/images/transparent.gif);
  position:absolute;
  display:none;
  border-width:0 1px 1px 0;
  border-style:solid;
  width:150px;
}

#menu li ul li {
  float:none;
  height:auto;
  background-color:white;
  border-width:1px 0 0 1px;
  border-style:solid;
}

#menu li ul li a {
  display:block;
  box-sizing:content-box;
  padding:3px;
}

#m_decouverte ul {
  top:50px;
  left:-104px;
  padding-top:51px;
  border-color:#004D88;
}

#m_decouverte ul li {
  border-color:#004D88;
}

#m_decouverte ul li:hover {
  background-color:#CCEBFB;
}

#m_logement ul {
  top:82px;
  left:-107px;
  padding-top:19px;
  border-color:#f29400;
}

#m_logement ul li {
  border-color:#f29400;
}

#m_logement ul li:hover {
  background-color:#fbcf9f;
}

#m_restauration ul {
  top:50px;
  left:-94px;
  padding-top:51px;
  border-color:#e31c18;
}

#m_restauration ul li {
  border-color:#e31c18;
}

#m_restauration ul li:hover {
  background-color:#efcacc;
}

#m_achats ul {
  top:45px;
  left:-94px;
  padding-top:56px;
  border-color:#f4860f;
}

#m_achats ul li {
  border-color:#f4860f;
}

#m_achats ul li:hover {
  background-color:#fbcf9f;
}

#menu li:hover ul {
  display:block;
}

#rond_haut {
  position:absolute;
  top:0;
  right:0;
}

#droite {
  position:absolute;
  top:0;
  right:0;
  width:210px;
  margin:-10px 0 0 0px;
  padding:0 10px 0 0;
  font-size:10px;
}

#droite h1 {
  padding:0 0 0 15px;
  font-size:14px;
}

#droite h1 img {
  vertical-align:top;
}

#agenda {
  background:transparent url(/images/fond_agenda.gif) no-repeat bottom left;
}

#sejour {
  background:transparent url(/images/fond_sejour.gif) no-repeat bottom left;
}

#droite ul, #droite a {
  border-width:0 0 0 1px;
  border-style:solid;
  border-color:#80CEF5;
  padding:10px 0 10px 10px;
  margin:0 0 0 3px;
}

#liens {
  list-style-position:inside;
  list-style-image:url(/images/puce_droite.gif);
  font-size:10px;
  padding-bottom:1em;
}

#droite a, #liens a {
  color:#004D88;
  font-weight:bold;
}

#droite ul {
  list-style-position:inside;
  list-style-image:url(/images/puce_droite.gif);
}

#droite ul li a {
  border:none;
  padding:0;
}

#droite address {
  position:relative;
  color:#004D88;
  font-style:normal;
  text-align:center;
  padding:13px;
  border:1px solid #80CEF5;
  width:180px;
  margin:20px 0 0 3px;
}

#droite #facebook {
  display:block;
  text-align:center;
  border:none;
}

#droite #facebook img {
  width:100px;
}

#droite #marquequalitetourisme {
  display:block;
  text-align:center;
  border:none;
  margin:15px 0 10px 3px;
  padding: 0;
}

#plus {
  display:block;
  text-align:right;
}

#contacts {
  margin-top:30px;
  display:block;
  clear:left;
}

#footer {
  clear:both;
  width:957px;
  height:182px;
  background:transparent url(/images/fond_footer.gif) no-repeat top left;
}

#vah {
  float:left;
  margin:65px 0 0 20px;
}

#kunique {
  float:right;
  margin:110px 10px 0 0;
}

#container {
  position:relative;
  background-color:white;
  width:930px;
  min-height:400px;
  border-width:0 7px 0 0;
  border-style:solid;
  border-color:#27B6EE;
  padding:1em 0 18px 20px;
}

#contenu {
  position:relative;
  z-index:0;
  min-height:200px;
  width:677px;
}

#recherche {
  width:160px;
  position:absolute;
  top:0;
  left:0;
}

#recherche h1 {
  font-size:16px;
  color:#004D88;
  text-align:center;
}

#recherche p {
  text-align:center;
  padding:1em;
}

#recherche #champs {
  display:block;
  list-style:none;
}

#recherche label {
  display:block;
}

#recherche select {
  width:145px;
  behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}

#resultat {
  display:block;
  list-style:none;
  line-height:16px;
  font-size:11px;
  width:500px;
  padding:0 0 0 177px;
  margin:0 0 1em 0;
}

#resultat li {
  display:block;
  list-style:none;
  clear:both;
}

#resultat img {
  margin:0 0 0 4px;
  vertical-align:top;
}

#resultat ul {
  display:block;
  float:left;
  width:100%;
  list-style:none;
  position:relative;
  padding-bottom:1em;
  margin-bottom:1.5em;
}

#resultat.hotels ul {
  background-color:#FDF1F1;
}

#resultat.campings ul {
  background-color:#F2F6D9;
}

#resultat.chambres ul {
  position:relative;
  border-width:1px 1px 1px 0;
  border-style:solid;
  border-color:#EE7100;
  min-height:260px;
}

#resultat.chambres ul.pair {
  background-color:#FFFCF9;
}

#resultat.chambres ul.impair {
  background-color:#FDEEDE;
}

#resultat.meubles ul {
  position:relative;
  border-width:1px 1px 1px 0;
  border-style:solid;
  border-color:#FAB200;
  height:300px;
}

#resultat.meubles ul.pair, #resultat.meubles ul.pair li.colonne4 {
  background-color:#FFFCF6;
}

#resultat.meubles ul.impair, #resultat.meubles ul.impair li.colonne4 {
  background-color:#FFF4DB;
}

#resultat ul li {
  display:block;
  position:relative;
  clear:none;
  list-style:none;
  margin:0;
}

#resultat ul li ul {
  float:none;
  width:auto;
}

#resultat ul li a {
  color:black;
}

#resultat ul li a:hover {
  color:black;
}

#resultat ul li.titre {
  position:relative;
  height:25px;
}

#resultat ul li.titre div.nombre {
  position:relative;
  min-width:23px;
  text-align:center;
  height:23px;
  float:left;
  color:white;
  font-size:18px;
  line-height:23px;
}

#resultat.hotels ul li.titre div.nombre {
  background-color:#B60842;
  border:1px solid #DC86A0;
  margin:0 7px 0 0;
}

#resultat.campings ul li.titre div.nombre {
  background-color:#005E3A;
  border:1px solid #79AA8A;
  margin:0 7px 0 0;
}

#resultat ul li.titre  h1 {
  display:inline;
  font-size:16px;
  line-height:25px;
}

#resultat.hotels ul li.titre h1 {
  color:#B60842;
}

#resultat.campings ul li.titre h1 {
  color:#005E3A;
}

#resultat.chambres ul li.titre h1 {
  color:#B60842;
}

#resultat.meubles ul li.titre h1 {
  color:#B60842;
}

#resultat ul li.titre img {
  margin:0;
}

#resultat ul li.titre img.photo {
  position:absolute;
  top:0;
  right:-7px;
}

#resultat ul li.titre img.photo_resto {
  position:absolute;
  top:0;
  right:0;
}

#resultat ul li.titre img.restaurant, #resultat ul li.titre img.campingcar {
  position:absolute;
  top:0;
  right:115px;
}

#resultat ul li.plan {
  position:static;
  margin:0 15px 0 0;
  padding:0 0 0 26px;
}

#resultat.hotels ul li.plan, #resultat.campings ul li.plan {
  height:17px;
}

#resultat.hotels ul li.plan {
  background:#B60842 url(/images/fond_plan_hotels.gif) no-repeat top left;
}

#resultat.campings ul li.plan {
  background:#BACC00 url(/images/fond_plan_campings.gif) no-repeat top left;
}

#resultat ul li.plan a {
  display:block;
  color:white;
  font-weight:bold;
  line-height:17px;
  padding:0 0 0 1em;
}

#resultat ul li.adresse {
  float:left;
  width:240px;
  padding:0 5px;
}

#resultat ul li.adresse_restaurant {
  padding:0 5px;
  margin:0 0 1em 0;
}

#resultat ul li.adresse_restaurant address{
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:#e31c18;
  padding:2em 0;
}

#resultat ul li.labels {
  clear:none;
  padding:0 5px;
  padding-right:140px;
}

#resultat ul li.prestations {
  clear:left;
}

#resultat ul li address {
  font-style:normal;
}

#resultat ul li address strong, #resultat ul li.ouverture strong , #resultat ul li.prix strong {
  font-weight:bold;
}

#resultat.hotels ul li address strong, #resultat.hotels ul li.ouverture strong , #resultat.hotels ul li.prix strong {
  color:#B60842;
}

#resultat.campings ul li address strong, #resultat.campings ul li.ouverture strong , #resultat.campings ul li.prix strong {
  color:#005E3A;
}

#resultat.chambres strong, #resultat.chambres strong a {
  color:#EE7100;
}

#resultat.meubles strong, #resultat.meubles strong a {
  color:#FAB200;
}

#resultat ul li.ouverture,  #resultat ul li.description{
  float:left;
  clear:left;
  padding:0 5px;
  width:240px;
  box-sizing:content-box;
}

#resultat ul li.prix, #resultat ul li.menu {
  padding:0 5px;
}

#resultat ul li.menu {
  color:#B60842;
}

#resultat ul li.colonne1, #resultat ul li.colonne2, #resultat ul li.colonne3 {
  position:absolute;
  top:0;
  height:100%;
  border-width:0 0 0 1px;
  border-style:solid;
  border-color:#EE7100;
}

#resultat.meubles ul li.colonne1, #resultat.meubles ul li.colonne2, #resultat.meubles ul li.colonne3 {
  border-color:#FAB200;
}

#resultat.meubles ul li.colonne2, #resultat.meubles ul li.colonne3 {
  height:295px;
}

#resultat.meubles ul li.colonne4{
  position:absolute;
  bottom:0;
  right:0;
  width:308px;
  height:105px;
  border-width:1px 0 0 1px;
  border-style:solid;
  border-color:#FAB200;
  text-align:center;
}
#resultat.meubles ul li.colonne4 img{
  margin-top:2px;
  margin-right:12px;
}

#resultat.chambres ul li.colonne2, #resultat.chambres ul li.colonne3 {
  height:165px;
}

#resultat.chambres ul li.colonne4{
  position:absolute;
  bottom:0;
  right:0;
  width:308px;
  height:105px;
  border-width:1px 0 0 1px;
  border-style:solid;
  border-color:#EE7100;
  text-align:center;
}
#resultat.chambres ul li.colonne4 img{
  margin-top:2px;
  margin-right:12px;
}

#resultat ul li.colonne1 {
  z-index:1;
  left:0;
  width:190px;
}

#resultat ul li.colonne1 ul li {
  padding:0 5px;
}

#resultat ul li.colonne1 ul li.titre {
  padding:0;
}

#resultat ul li.colonne2 {
  width:130px;
  left:191px;
  height:100%;
}

#resultat ul li.colonne3 ul.icones li {
  position:relative;
  float:left;
  clear:none;
  width:34px;
  height:55px;
  cursor:pointer;
  cursor:hand;
  font-size:9px;
  line-height:11px;
}

#resultat.chambres ul li ul, #resultat.meubles ul li ul {
  min-height:0;
}

#resultat ul li.colonne2 ul {
  padding:10px;
}

#resultat ul li.colonne3 {
  width:157px;
  left:342px;
  height:100%;
  text-align:center;
}

#resultat.chambres ul li.colonne3 strong {
  display:block;
  background-color:#EE7100;
  color:white;
}

#resultat.meubles ul li.colonne3 strong {
  display:block;
  background-color:#EE7100;
  color:white;
}

#resultat ul li.colonne3 ul {
  padding:5px;
}

#resultat ul li.colonne3 ul li {
  clear:left;
}

#resultat.chambres ul li.colonne3 ul li {
  height:40px;
}

#resultat.chambres ul li ul {
  border:none;
}

#resultat.meubles ul li ul {
  border:none;
}

#resultat.chambres ul li ul li {
  border:none;
  margin-bottom:1em;
}

#resultat.meubles ul li ul li {
  border:none;
  padding-top:.25em;
  padding-bottom:.25em;
}

#resultat.meubles ul li ul li.type {
  position:relative;
  cursor:pointer;
  cursor:hand;
  z-index:1;
}

#resultat.meubles ul li ul li.type img.legende {
  top:-80px;
  left:50%;
  width:317px;
  height:185px;
}

#resultat.chambres ul li ul li.titre {
  height:25px;
  line-height:25px;
  margin-bottom:5px;
  padding:0 0 0 26px;
  background:#EE7100 url(/images/fond_plan_chambres.gif) no-repeat 120px 0px;
}

#resultat.meubles ul li ul li.titre {
  height:25px;
  line-height:25px;
  margin-bottom:5px;
  background:#FAB200 url(/images/fond_plan_meubles.gif) no-repeat 118px 0px;
}

#resultat.chambres ul li ul li.titre a {
  color:white;
  padding:0 0 0 30px;
}

#resultat.meubles ul li ul li.titre a {
  color:white;
  padding:0 0 0 30px;
}

#resultat.chambres ul li ul li.titre div.classements {
  background-color:white;
  float:left;
  width:84px;
  height:24px;
  line-height:24px;
  margin:0 0;
  padding:0 0 0 10px;
}

#resultat.meubles ul li ul li.titre div.classements {
  background-color:white;
  float:left;
  width:84px;
  height:24px;
  line-height:24px;
  margin:0 0;
  padding:0 0 0 10px;
}

#resultat.chambres ul li.colonne3 ul li {
  font-size:10px;
}

#carte {
  width:500px;
  height:500px;
  margin:0 0 0 177px;
}

div.navigation {
  padding:0 0 10px 177px;
  text-align:center;
}

div.navigation ul {
  display:inline;
  list-style:none;
}

ul.navigation li {
  display:inline;
  padding:10px 2px;
}

ul.navigation li a.on {
  font-weight:bold;
}

#recherche ul li.submit {
  padding:10px 0 0 0;
}

#submitListe {
  color:#004e87;
  background-color:#8bd6f3;
  width:70px;
  height:40px;
  font-weight:bold;
}

#submitCarte {
  color:white;
  background-color:#004e89;
  width:70px;
  height:40px;
  font-weight:bold;
}

#legendes {
  display:none;
}

.legende {
  display:block;
  border:1px solid  #B60842;
  position:absolute;
  z-index:500;
  bottom:100%;
  left:0;
}

#contact ul {
  display:block;
  list-style:none;
  color:#004D88;
  width:480px;
}

#contact ul li {
  padding:.25em 0;
  line-height:1.5em;
}

#contact ul li.error_message {
  color:#e31c18;
  padding:.5em 0;
}

#contact ul li label, #contact ul li div.label {
  display:block;
  width:150px;
  float:left;
  padding:0 1em 0 0;
  font-weight:bold;
  height:1.5em;
}

#contact ul li input {
  width:310px;
}

#contact ul li input#cp {
  width:100px;
}

#contact ul li input#ville {
  width:200px;
}

#contact ul li textarea {
  width:475px;
}

#contact ul li.obligatoire {
  font-size:10px;
}

#contact ul li.nature, #contact ul li.periode {
  width:200px;
  float:left;
  margin:0 80px 0 0;
}

#contact ul li.periode {
  width:180px;
  margin:0;
}

#contact ul li.message {
  clear:both;
}

#contact ul li input, #contact ul li select {
  border:1px solid #004D88;
  color:#004D88;
  height:1.5em;
}

#contact ul li textarea {
  border:1px solid #004D88;
  color:#004D88;
}

#contact ul li.envoi {
  text-align:right;
}

#contact ul li.envoi input {
  width:auto;
  background-color:#80CEF5;
}

#contact ul li input.checkbox {
  width:auto;
  float:right;
  border:none;
}

#contact ul li ul {
  width:auto;
}

#contact ul li ul li{
  clear:both;
  padding:0;
}

#contact ul li.periode label, #contact ul li.nature label, #contact ul li.message label {
  width:auto;
  float:none;
  text-align:left;
}

#evenements {
  width:100%;
  border-collapse:collapse;
  border:1px solid #00a1e1;
}

#evenements thead tr {
  color:white;
  background-color:#005091;
  text-align:left;
}

#evenements tr {
  border-width:1px 0 0 0;
  border-style:solid;
  border-color:#00A1E1;
}

#evenements tr.impair {
  background-color:#d6eefa;
}

#evenements tr.pair {
  background-color:#ebf7fd;
}

#evenements td {
  border-width:1px;
  border-style:solid;
  border-color:#00a1e1;
  vertical-align:top;
}

#evenements td>strong {
  font-weight:bold;
  color:#005091;
}

#evenements td.coldate {
  font-weight:bold;
  color:#005091;
  white-space:nowrap;
}

#evenements thead tr th, #evenements tbody tr td {
  padding:5px;
}

#evenements th.colcontact {
  width:130px;
}

.marged25 {
  margin-right:25px;
}
