/* CSS Document */
body {
margin:0;
padding:0;
font-size: 0.8em;
background-color: #ffffff;
text-align:center;
font-family: verdana, arial, times, sans-serif;
background-image:url(img/creole-beach-font.gif);

}

h1 {
	position:absolute;
	top:-9999px;
  	left:-9999px;
	font-family: "Microsoft Sans Serif", serif, sans-serif;	
	font-size: 0.8em;
}

p {
margin:0;
padding:0;
}

#langues a {
color:#FFFFFF;
text-decoration:none;
}

#langues a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#menu a, #adresse a {
color: #ffffff;
text-decoration: none;
}

#groupe a {
color: #ffffff;
}

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

a:hover {
text-decoration: underline;
}

#offres a:hover, #offers a:hover, #ofertas a:hover, #offerte a:hover {
border:0px ;
} 
#offres a:hover img, #offers a:hover img, #ofertas a:hover img, #offerte a:hover img {
border:2px #336699 dotted;
} 


#centre a, #centreSpa a {
color:#666666;
text-decoration:none;
}

#centre a:hover, #centreSpa a:hover {
text-decoration:underline;
}


ul {
margin:0;
padding:4px 0 0 0;
color: #ffffff;
font-weight: bold;
}

li {
display: inline;
}

.texte_gras {
font-weight: bold;
}

p {
text-align:center;
}

img {
border:0;
}

#conteneur {
margin-left:auto;
margin-right:auto;
width: 970px;
}

header {
margin:0;
padding:0;
}

#banniere_logo {
height: 62px;
margin-top:10px;
background-image:url(img/font-banniere-logo.gif);
background-position:bottom;
background-repeat:no-repeat;

}

#logo {
float:left;
margin-bottom: 4px;
}

#langues {
float:right;
/*height:28px;*/
margin-top: 10px;
padding: 30px 0 0 0;
}

#langues span {
color: #ffffff;
}

#banniere_photo {
clear: both;
background-color: #8C8E91;
background-image:url(img/font-banniere.gif);
background-repeat:repeat-y;
}

#banniere_photo img {
display:block;
}

#menu {
height:28px;
background-image:url(img/creole-beach-font-menu.gif);
background-repeat:repeat-y;
}

#contenu {
height:556px;
background-image:url(img/creole-beach-font-contenu.gif);
background-color: #ffffff;
}

#gauche {
float:left;
width: 277px;
padding:0;
border-right: 2px solid #c7006b;
background-image:url(img/creole-beach-font-gauche.gif);
background-repeat:repeat-y;
}

#reservation {
width: 250px;
background-image:url(img/creole-beach-reservation-rapide.gif);
background-repeat:no-repeat;
background-position: 10px 0px;
margin:0;
padding: 50px 0 0 15px;
}

#reservation_en {
width: 250px;
background-image:url(img/creole-beach-book-now.gif);
background-repeat:no-repeat;
background-position: 10px 0px;
margin:0;
padding: 50px 0 0 15px;
}

#reservation_es {
width: 250px;
background-image:url(img/creole-beach-reservar-abora.gif);
background-repeat:no-repeat;
background-position: 10px 0px;
margin:0;
padding: 50px 0 0 15px;
}

#reservation_it {
width: 250px;
background-image:url(img/creole-beach-font-cerca.gif);
background-repeat:no-repeat;
background-position: 10px 0px;
margin:0;
padding: 50px 0 0 15px;
}

#photo {
float:right;
border-top: 2px solid #c7006b;
width: 267px;
height: 225px;
}

#menu_photo {
/*text-align:bottom;*/
margin-top: 10px;
}

#centre {
float:left;
width: 412px;
/*height: 200px;*/
margin:0;
padding:0;
background-color: #ffffff;
text-align:justify;
color:#656565;
font-weight: bold ;
}

#centreSpa {
float:left;
width: 412px;
height: 580px;
margin:0;
padding:0;
background-color: #ffffff;
background-image:url(img/font-centre.gif);
background-repeat:no-repeat;
background-position:bottom;
text-align:justify;
color:#656565;
font-weight: bold ;
}

#droite {
float:left;
width: 277px;
border-left: 2px solid #c7006b;
background-image:url(img/creole-beach-font-droite.gif);
background-repeat:repeat-y;
}

#newsletter {
background-image:url(img/creole-beach-font-newsletter.gif);
background-repeat:no-repeat;
background-position: top right;
border-bottom: 2px solid #c7006b;
margin:0 9px 0 0 ;
padding: 50px 0 0 0;
}

#newsletter_en {
background-image:url(img/creole-beach-font-newsletter-en.gif);
background-repeat:no-repeat;
background-position: top right;
border-bottom: 2px solid #c7006b;
margin:0 9px 0 0 ;
padding: 50px 0 0 0;
}

#offres {
background-image:url(img/creole-beach-font-offres.gif);
background-repeat:no-repeat;
background-position: top right;
margin:2px 0 0 0;
padding: 50px 0 0 0;
}

#offers {
background-image:url(img/creole-beach-font-offers.gif);
background-repeat:no-repeat;
background-position: top right;
margin:2px 0 0 0;
padding: 50px 0 0 0;
}

#ofertas {
background-image:url(img/creole-beach-font-ofertas.gif);
background-repeat:no-repeat;
background-position: top right;
margin:2px 0 0 0;
padding: 50px 0 0 0;
}

#offerte {
background-image:url(img/creole-beach-font-offerte.gif);
background-repeat:no-repeat;
background-position: top right;
margin:2px 0 0 0;
padding: 50px 0 0 0;
}


#offres img, #offers img, #ofertas img, #offerte img {
border: 2px solid #999999;
}

#jeu {
background-image:url(img/creole-beach-font-jeu.gif);
background-repeat:no-repeat;
background-position: top right;
margin:0 0 10px 0 ;
padding: 50px 0 0 0;
}

#games {
background-image:url(img/creole-beach-font-games.gif);
background-repeat:no-repeat;
background-position: top right;
margin:0 0 10px 0 ;
padding: 50px 0 0 0;
}

#juego {
background-image:url(img/creole-beach-font-juego.gif);
background-repeat:no-repeat;
background-position: top right;
margin:0 0 10px 0 ;
padding: 50px 0 0 0;
}

#gioco {
background-image:url(img/creole-beach-font-gioco.gif);
background-repeat:no-repeat;
background-position: top right;
margin:0 0 10px 0 ;
padding: 50px 0 0 0;
}

#offres_jeu {
background-image:url(img/creole-beach-font-offre-jeu.gif);
background-repeat:no-repeat;
background-position: 100% 85%;
margin:0 9px 0 0 ;
padding:0;
}

#footer {
clear:both;
width: 966px;
height: 100px;
margin:0 1px 0 0 ;
padding:0;
background-image:url(img/creole-beach-font-footer.gif);
background-repeat:repeat-x;
}

#adresse {
float:left;
color: #ffffff;
margin:0;
padding:10px 0 0 0;
/*margin: 0 0 0 1px;*/
background-image:url(img/creole-beach-font-adresse.gif);
background-repeat:no-repeat;
text-align:left;
}

#adresse p {
text-align:left;

}

#liens_footer {
margin:0 0 5px 0;
padding:0;
}

#groupe {
float:right;
color: #ffffff;
margin:0;
padding:10px 0 0 0;
background-image:url(img/creole-beach-font-groupe.gif);
background-repeat:no-repeat;
background-position: top right;
}

table {
border:0; 
margin:0;
padding:0;
}

form {
margin:0;
padding:0;
margin-bottom: 10px;
}

a.B { 
background-image: url('img/hotel-up-off.gif');
background-repeat:no-repeat;
/*display: block; */
width: 18px }

a.B:hover { 
background-image: url('img/hotel-up-on.gif');
background-repeat:no-repeat;
 }
 
a.C { 
background-image: url('img/hotel-down-off.gif'); 
background-repeat:no-repeat;
/*display: block; */
width: 18px }

a.C:hover { 
background-image: url('img/hotel-down-on.gif');
background-repeat:no-repeat;
 }

#bt_def {
margin-bottom:23px;
margin-top:15px;
/*height:23px*/
}

.reservation {
font-size: 8pt;
text-align:left;
}

.reservation a {
color: #860058;
text-decoration: none;
}

.reservation a:hover {
text-decoration: underline;
}
 
#photo_def {
position:relative;
height: 166px;
}
 
.hotel-guadeloupe-2 { 
color: #860058; 
/*font-size: 10pt;
font-family: Verdana, Tahoma, Arial, Helvetica;  */
font-weight: normal; 
font-style: normal; 
text-decoration: none; 
word-spacing: 0;
}

.right {
text-align:right;
}

/* addworks */


#menu ul { 
 padding: 5px; 
/*border:1px solid;*/
 margin:0px; 
} 

#menu ul li { 
position:relative; 
list-style: none; /*on enleve les icones de liste */ 
/*border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
display:inline; 
} 
/*
#menu ul ul { 
position: absolute; 
top: 0; 
left: 100px; 
display:none;
z-index:1;
}  
*/
.niveau1 a {
text-decoration: none;
}

/*------   fr ---------*/
#menu ul ul { 
position: absolute; 
top: 15px; 
left: -152px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
width: 260px;
height:84px;
display:none;
z-index:1;
background-color:#c7006b;
} 

#menu ul ul li {
display: block;
text-align:right;
padding: 5px 25px 5px 0;

}

ul.niveau2 a {
text-align:left;
}

#menu ul.niveau1 li.sousmenu:hover ul.niveau2 { 
display:block; 
}
/*------   fr ---------*/