body {
  background: #fff;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  margin: 0 0;
  color: #000;
  font-size: 12px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
div, img, ul, form { margin: 0; padding: 0; border: 0; }
img { display: block; }
ul { list-style-type: none; }
p { margin: 0; margin-top: 14px; padding: 0; border: 0; }
h1 , h2 , h3, h4, dl, dt, dd { margin: 0; padding: 0; }
h4 span { display: none; }

/* Fond, ombre */
#page { width: 1119px; }

.cl { clear: both; }

/*#sliderContent { position: absolute; z-index: 0; }*/

#bandeau { 
  position: relative;
  background: url('../images/menu.png') no-repeat; 
  padding-top: 18px; 
  width: 1093px; 
  height: 127px;
  z-index: 99; 
}

/* Logo */
#logo { background: url('../images/logo.png') no-repeat; margin-left: 16px; width: 98px; height: 87px; }
#logo a { display: block; width: 98px; height: 87px; }
#logo a:hover { text-decoration: none; }

/* Menu */
#menu { position: absolute; margin: 20px 0 0 142px; top: 0; }
#menu li { float: left; }
#menu li a { display: block; float: left; height: 56px; }
#menu li a span { visibility: hidden; }
#menu li a:hover { text-decoration: none; }

#menu1 a { background: url('../images/menu/menu1.png') no-repeat top left; width: 123px; }
#menu2 a { background: url('../images/menu/menu2.png') no-repeat top left; width: 89px; }
#menu3 a { background: url('../images/menu/menu3.png') no-repeat top left; width: 66px; }
#menu4 a { background: url('../images/menu/menu4.png') no-repeat top left; width: 101px; }
#menu5 a { background: url('../images/menu/menu5.png') no-repeat top left; width: 71px; }
#menu6 a { background: url('../images/menu/menu6.png') no-repeat top left; width: 111px; }
#menu7 a { background: url('../images/menu/menu7.png') no-repeat top left; width: 88px; }
#menu8 a { background: url('../images/menu/menu8.png') no-repeat top left; width: 85px; }
#menu9 a { background: url('../images/menu/menu9.png') no-repeat top left; width: 106px; }

#menu1 a:hover, #menu1 a.selected { background: url('../images/menu/menu1.png') no-repeat bottom left; }
#menu2 a:hover, #menu2 a.selected { background: url('../images/menu/menu2.png') no-repeat bottom left; }
#menu3 a:hover, #menu3 a.selected { background: url('../images/menu/menu3.png') no-repeat bottom left; }
#menu4 a:hover, #menu4 a.selected { background: url('../images/menu/menu4.png') no-repeat bottom left; }
#menu5 a:hover, #menu5 a.selected { background: url('../images/menu/menu5.png') no-repeat bottom left; }
#menu6 a:hover, #menu6 a.selected { background: url('../images/menu/menu6.png') no-repeat bottom left; }
#menu7 a:hover, #menu7 a.selected { background: url('../images/menu/menu7.png') no-repeat bottom left; }
#menu8 a:hover, #menu8 a.selected { background: url('../images/menu/menu8.png') no-repeat bottom left; }
#menu9 a:hover, #menu9 a.selected { background: url('../images/menu/menu9.png') no-repeat bottom left; }

#reservation-ligne { float: right; margin: -35px 125px 0 0; }

/* Content */
#content { position: relative; margin-bottom: 25px; padding-left: 15px; width: 969px; z-index: 99; }

/* Reserv It */
#reservit { float: left; /*background: #000;*/ margin-left: 11px; padding-left: 15px; color: #fff; width: 704px; height: 30px; }
.resaBl { float: left; margin: 6px 15px 0 0; }

/* Langues */
#langues { float: right; margin: -2px 10px 0 0; }
#langues li { float: left; margin-left: -1px; }
#francais a { display: block; background: url('../images/fr.png') no-repeat; width: 30px; height: 23px; }
#francais a:hover, #francais a.on { background: url('../images/fr-hover.png') no-repeat; text-decoration: none; }
#english a { display: block; background: url('../images/en.png') no-repeat; width: 30px; height: 23px; }
#english a:hover, #english a.on { background: url('../images/en-hover.png') no-repeat; text-decoration: none; }
#francais span, #english span { visibility: hidden; }

/* Contenu */
#contenu { float: left; background: url('../images/cadre.png') no-repeat; margin-top: 11px; padding: 0 25px; width: 688px; }

#contenu h1 { 
  border-bottom: 2px dotted #ccc;
  margin: 25px 0 25px 0;
  padding-bottom: 25px;
  color: #ffaa00;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 95%;
}

#contenu h2 {   
  margin: 25px 0 15px 0; color: #ffaa00; font-size: 14px; text-transform: uppercase;
}

#contenu h2-old { 
  border-bottom: 2px dotted #ccc;
  margin: 25px 0 25px 0;
  padding-bottom: 25px;
  color: #ffaa00;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 95%;
}

/* Page d'accueil */
#gauche-home h2 { width: 343px; }

#gauche-home { float: left; width: 388px; }

.grisf { color: #87888a; }
.grisc { color: #bbbbba; }
.noir { color: #000; }
.orange { color: #ffaa00; }
.fontsize26 { font-size: 26px; }

#gauche-home h4 { font-size: 12px; }
#gauche-home p { width: 344px; }

#droite-home { float: right; width: 300px; }

/* Pages int�rieures */
#gauche-contenu { float: left; width: 121px; }

/* Sous-menu */
#gauche-contenu h3 { margin: 30px 0 15px 0; font-size: 12px; width: 110px; }

#gauche-contenu ul li a { 
  display: block; 
  background: #151515 url('../images/puce.gif') no-repeat 6px 6px;
  margin-top: 6px;
  padding: 2px 0 3px 15px;
  color: #fff; 
  font-size: 11px; 
  width: 89px;
}

#gauche-contenu ul li a:hover , #gauche-contenu ul li a.selected { 
  background: #757575 url('../images/puce-hover.gif') no-repeat 6px 6px; text-decoration: none; 
}

#droite-contenu { float: right; width: 567px; }
#droite-contenu h3 { margin: 25px 0 15px 0; color: #ffaa00; font-size: 14px; text-transform: uppercase; }

.img-espace-droite { float: left; margin: 0 15px 10px 0; }

.liste { margin: 15px 0 0 25px; }
.liste li { background: url('../images/liste.png') no-repeat 0 4px; padding-left: 10px; color: #9f9e9e; }

.icones { margin: 25px 0 0 0; }
.icones li { display: inline; margin-right: 10px; }
.icones li img { display: inline; }

.lien {
  float: right;
  background: #ffaa00;
  padding: 0 4px 1px 3px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.lien a { color: #fff; }

/* Focus */
.focus { margin: 15px 0 25px 4px; }
.focus h3 { margin-bottom: 5px; color: #ffaa00; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.focus img { float: left; margin-right: 12px; }
.focus p { margin-top: 10px; color: #9f9e9e; font-size: 11px; }

.focus .lien-focus { 
  float: left; 
  background: #ffaa00; 
  padding: 0 4px 1px 3px; 
  color: #fff; 
  font-size: 10px; 
  font-weight: bold; 
  text-transform: uppercase;
}

.lien-focus a { color: #fff; }

/* Demande de r�servation */
#contact table { margin: 15px 0 15px 25px; }
#contact table .cellule1 { width: 150px; }
#contact table input[type=text], #contact table textarea { width: 250px; }
#contact table textarea { height: 75px; }
#contact table #captcha { width: 15px; }
.response, .response p { margin: 0; color: #ff0000; font-weight: bold; }

/* Restaurant et bar */
.tarifs { border-collapse: collapse; margin: 0 auto; margin-top: 25px; width: 250px; }
.promotion { width: 500px; }
.tarifs caption { font-weight: bold; }
.tarifs td { padding: 5px }

/* Droite */
#droite { float: left; padding-top: 34px; width: 231px; }

/* Samy A�t-Ali */
#aitali { 
  position: relative;
  background: url('../images/mise-en-avant/aitali.png') no-repeat; 
  margin-bottom: 20px;
  width: 232px; 
  height: 165px;
}

#aitali h4 { visibility: hidden; }
.hidden { visibility: hidden; }

.lien-aitali {
  position: absolute;
  background: #ffaa00; 
  padding: 0 4px 1px 3px;
  bottom: 21px;
  left: 95px;
  color: #fff;
  font-size: 10px; 
  font-weight: bold;
  text-transform: uppercase;
}

.lien-aitali a { color: #fff; }

/* Nos suites en images */
#nos-suites-en-images { padding-bottom: 20px; }

#nos-suites { 
  background: url('../images/mise-en-avant/nos-suites.png') no-repeat; margin-bottom: 5px; width: 184px; height: 12px; 
}

#la-spa { background: url('../images/mise-en-avant/la-spa.png') no-repeat; margin-bottom: 5px; width: 184px; height: 13px; }

#notre-espace-modulable { 
  background: url('../images/mise-en-avant/notre-espace-modulable.png') no-repeat; 
  margin-bottom: 5px; 
  width: 222px; 
  height: 30px;
}

#activites-loisirs {
  background: url('../images/mise-en-avant/activites-loisirs.png') no-repeat; margin-bottom: 5px; width: 167px; height: 34px;
}

#restaurant-bar {
  background: url('../images/mise-en-avant/restaurant-bar.png') no-repeat; margin-bottom: 5px; width: 164px; height: 30px;
}

#nos-services {
  background: url('../images/mise-en-avant/nos-services.png') no-repeat; margin-bottom: 5px; width: 204px; height: 12px;
}

#qualitysuites-spa {
  background: url('../images/mise-en-avant/qualitysuites-spa.png') no-repeat; margin-bottom: 5px; width: 213px; height: 31px;
}

.images li { float: left; margin: 3px 3px 0 0; }
.images .last { margin-right: 0; }

/* Slider */
#slidercouleurs { position: relative; background: url('../images/mise-en-avant/slider.png') no-repeat; width: 233px; height: 237px; }
#slidercouleurs p { margin: 0; }

.bx_wrap { position: absolute; bottom: 6px; left: 12px; width: 212px; }
.bx_wrap .prev { float: left; width: 12px; margin-right: 2px; }
.bx_wrap .next { float: right; width: 12px; margin: 2px 0 0 2px; }
.bx_wrap .bx_container { float: left; width: 184px; }
.bx_wrap .bx_container .couleurs { width: 184px; }

/* Inscription newsletter */
#form-newsletter { background: url('../images/mise-en-avant/newsletter.jpg') no-repeat; width: 232px; height: 97px; }
#form-newsletter form { margin: 20px 0 0 38px; }
#form-newsletter span { visibility: hidden; }
#form-newsletter input[type=text] { border: 1px solid #e39e14; width: 155px; height: 17px; }
#form-newsletter input[type=image] { margin: 8px 0 0 35px }

/* Footer */
#footer { 
  background: url('../images/footer.png') repeat-y; /*margin-bottom: 25px;*/ padding: 25px 0 25px 15px; width: 985px; 
}

#footer dl { float: left; color: #686868; font-size: 11px; }
#footer dl a { color: #686868; }
#footer dt { margin-bottom: 15px; }
.borderleft { border-left: 1px solid #d6d6d6; margin-left: 20px; padding-left: 25px; }
.rubriques { width: 110px; margin-right: 25px; }

.facebook { float: left; margin-left: 80px; }
.twitter { float: left; margin-left: 10px; }
.footer_bis { float: left; margin: 15px 0 0 100px; color: #686868; font-family: Trebuchet MS; }
.footer_bis a { color: #686868; }
.footer_bis li { display: inline; }