html { height:100%; font-size:62.5% }
body { height:100%; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:#000000; text-align: center; background-color:#999999; margin: 0px; padding: 0px; }
.fr { position:absolute; top:0px; left:300px; }
.en { position:absolute; top:0px; left:340px; }
h1 { width:auto; height:auto; margin:0; padding:0 0 0 40px; font-size: 23px; font-weight: bold; color:#0066CC; background-image:url(images/picto-h1.png); background-repeat:no-repeat; }
h2 { font-size: 16px; padding: 20px 0px 0px 22px; margin:0px 0px 0px 15px; background: url(images/fleche-orange.png) no-repeat left bottom; font-weight: bold; color: #0066CC; line-height:20px; vertical-align: bottom;}
h3 { font-size: 14px; width:455px; padding: 0px 0px 0px 20px; margin:20px 0px 0px 10px; font-weight: bold; color: #0066CC; line-height:30px; vertical-align: middle; background-image:url(images/picto-h3.png); background-repeat:no-repeat; border-bottom:solid 1px #FF9900;}
h4 { font-size: 14px; width:280px; padding: 0px 0px 0px 20px; margin:0px 0px 15px 3px; font-weight: bold; color: #0066CC; line-height:30px; vertical-align: middle; background-image:url(images/picto-h3.png); background-repeat:no-repeat; border-bottom:solid 1px #FF9900;}
h5 { font-size: 14px; width:120px; padding: 0px 0px 0px 20px; margin:20px 0px 0px 5px; font-weight: bold; color: #0066CC; line-height:30px; vertical-align: middle; background-image:url(images/picto-h3.png); background-repeat:no-repeat; border-bottom:solid 1px #FF9900;}
hr { border:0; width:400px; color:#FF9900; background-color: #FF9900; height:2px; }
.hr-large-gris { border:0; width:700px; color:#CCCCCC; background-color: #CCCCCC; height:2px; }
a { color:#0000FF; text-decoration:underline; }
a:hover { color:#0066FF; text-decoration:underline; }
div ,form, span, ul, li, p { padding:0; margin:0; }
p { width:auto; height:auto; text-align:justify; margin:0; padding:10px; line-height:17px; }
.sous-entete {  width:auto; height:60px; line-height:60px; vertical-align:middle; margin:0; position:relative; padding:0 0 0 10px;; border:0; background-image:url(http://www.sxmsaintmartin.com/bateaux/images/fond-hr1.png); background-repeat:repeat-x; z-index:0; }
.etoiles { width:250px; height:32px; text-align:right; position:absolute; top:15px; right:15px; line-height:30px; }
.description { background-color:#f7f6f5; margin:7px 340px 0 7px; text-align:justify; }
.description-index { width:280px; height:auto; padding:8px; background-color:#f7f6f5; text-align:justify; position: absolute; top:25px; right:10px;}
#conteneur {  width:860px; height:auto; text-align: left; margin: 0 auto; position:relative; padding:0; border:0; background-color:#FFFFFF; }
input { width:100px; margin: 0 0 2px 0; }
.input-large { width:160px; margin: 0 0 2px 0; }
#entete { color:#FFFFFF; width:860px; height:169px; margin:0; padding:0; background-image:url(http://culture.sxmsaintmartin.com/images/fond-entete.png); display:block; position:relative; z-index:100; }
#entete a { color:#FFFFFF; text-decoration:none; }
#entete a:hover { color:#FFCC66; text-decoration:none;   }
#contenu { width:860px; height:auto; margin:0; padding:0; background-color:#FFFFF; }
.menu1 { position:absolute; left:5px; top:0px; line-height:25px; vertical-align:middle; }
.menu2 { position:absolute; right:5px; top:0px; line-height:25px; vertical-align:middle; }
.menu3 { position:absolute; left:5px; top:143px; line-height:25px; vertical-align:middle; width:360px; }
.menu4 { position:absolute; top:145px; right:35px;  width:140px; height:5px; text-align:right; }
.loupe { position:absolute; right:-30px; top:0px; width:23px; height:21px; border:0; }
.logo { position:absolute; top:27px; left:10px; border:0; }
.logo-happy-sail { position:absolute; top:23px; left:530px; border:0; }
ul#menuonglet { font-size:1.2em; width: 640px; height: 30px; text-align: center; position: absolute; left: 189px; top: 102px; margin: 0px; padding: 0px; }
ul#menuonglet li {width:80px; height:30px; float: left; list-style-type: none; line-height:30px; vertical-align:center; margin:0; padding:0; height: 30px; background-image: url(http://www.sxmsaintmartin.com/images/bouton.gif); }
ul#menuonglet li a { text-decoration: none; }
ul#menuonglet li#ongletselect {  background-image: url(http://www.sxmsaintmartin.com/images/bouton_accueil_ap.gif) ; }

.file { width:250px; }
.tres-large { width:450px; height:15px; }

a span { display: none; }
a:hover span { display: inline; position: absolute; top: 237px; left: 270px; width: 273px; height: 63px; background: none; border:0; }

#bloc-centre { width:580px; height:auto; margin:20px 0 0 190px; padding:0; display:block; position:relative; }
#bloc-centre-large { width:auto; height:auto; margin:0; padding:0; position:relative; }

.pied { width:auto; height:auto; text-align:center; color:#ffffff; }
.appel-reservation { position:absolute; top:270px; right:5px; }
.autres-hotels { width:300px; height:auto; margin:7px; text-align:left; }
.autres a { color:#0066FF; }
.autres a:hover { color:#FF9900; }
.plan-cabine { width:300px; height:auto; position:absolute; right:10px; top:500px; padding:0 0 15px 0; }
.tri-hotelx { width:300px; height:auto; position:absolute; right:10px; top:180px; padding:0 0 15px 0; background-image:url(../images/fond-p-vignettes.png); background-repeat:repeat-x; background-position: bottom; }
.cadre-bas-droite { width:300px; height:auto; position:absolute; right:10px; top:500px; padding:0 0 15px 0;
	background-image:url(../images/fond-p-vignettes.png);
	background-repeat:repeat-x;
	background-position: bottom;
}
.itineraire { list-style-type:decimal; width:auto; height:auto; float:left; margin:10px; color:#0099FF; }
.itineraire-carte { margin:0px; padding:0px 0px 0px 25px; float:left; }
.bloc-gauche { width:500px;  height:auto; float:left; margin:30px 0 0 7px; }
.bloc-droit { width:320px;  height:auto; float:right; margin:30px 7px 0 0; }
.description-pages { width:auto; height:auto; background-color:#f7f6f5; margin:7px; text-align:justify; float:left; }

.diapo { width:300px; height:auto; border:solid 1px #CCCCCC; padding:4px; margin:5px 0; }
.vignette-gauche { margin:3px; padding:3px; float:left; border:solid 1px #CCCCCC; }
.vignette-gauche-marge { margin:12px 4px 3px 0; padding:3px; float:left; border:solid 1px #CCCCCC; }
.bouton-previous { width:48px; height:48px; position:absolute; top:-10px; left:10px }
.bouton-accueil-bas { width:48px; height:48px; position:absolute; top:-10px; left:400px }
.bouton-imprimer-bas { width:48px; height:48px; position:absolute; top:-10px; left:460px }
.bouton-contact-bas { width:48px; height:48px; position:absolute; top:-10px; left:520px }
.bouton-next { width:48px; height:48px; position:absolute; top:-10px; left:730px }
.bouton-accueil-haut { width:48px; height:48px; position:absolute; top:5px; left:400px }
.bouton-imprimer-haut { width:48px; height:48px; position:absolute; top:5px; left:460px }
.bouton-contact-haut { width:48px; height:48px; position:absolute; top:5px; left:520px }

.rouge { color:#FF0000; }
.texte { font-size:1.1em; width:380px; height:auto; margin:10px 0 7px 15px; padding:0; }


.anim-flash { position:absolute; right:7px; top:185px; }

a.info span {display: none;}
a:hover.info span {
  display: inline;
  position: absolute; 
  top:35px;
  left:57px;
  z-index: 20;
  background: #FFFFFF;
  border:1px solid ;
  width:150px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}
dl, dd, ul, dt, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {width:680px; margin: 0; padding:0; border: 0;position:absolute; left:10px; top:2px; line-height: 20px;color: #FFFFFF;vertical-align: middle;font-size: 1.1em; z-index:100; }
#menu dl {float: left; width:70px; position: relative; margin: 0 2px; padding:0 4px; border-right:solid 1px #0066FF;
}
#menu dt {cursor: pointer;text-align: center;
}
#menu dd {display: none;position: absolute; width:100%; top: 26px; left:-15px;
}
#menu li {text-align: center; width:150px; border-bottom:solid 1px #FFFFFF;

}
#menu li a {text-decoration: none;display: block;height: 100%; width:150px; border: 0 none;color: #0066CC;background-image: url(http://www.sxmsaintmartin.com/restaurants-st-martin/images/fondtr.png);
}
#menu dt a {text-decoration: none;display: block;height: 100%;	border: 0 none;color: #FFFFFF;
}
#menu dt a:hover { color: #FDDA05;
}
#menu li a:hover {width:150px; color: #F1BB6A;
}

ul.liste { margin:10px 0 0 7px; }
ul.liste li { list-style-type: disc; list-style-position:inside; margin: 3px 0 0 7px; }

.centre { width:auto; height:auto; margin:0; padding:0; }
.tete {width:auto; height:auto; margin:0; padding:0; text-align:left; }
.texte-accueil { width:500px; height:auto; margin:7px;float:left; }
.photohaute {float: right; margin:7px; }
.encar { width:auto; height:auto; margin:7px; padding:0; text-align:center; }

.form-tri { width: 475px; height:auto; margin:0px 0px 4px 10px; padding:10px 0; line-height:14px; vertical-align:top; background-color:#FFFAE5; border: solid 1px #FFCC00; }

.cel2 { width: 480px; height:30px; margin:0px 0px 4px 10px; padding:0px; line-height:30px; vertical-align: middle; font-size: 1.1em; background-color:#EEEEEE; display:block; }
.cel2 li { float: left; padding:0px; margin: 0px; }
.cel2 li a { color:#0066CC; text-decoration:none; }
.cel2 li a:hover { color:#FF9900; text-decoration:none; }
.cel21 { width: 140px; text-align:right; padding:0 7px 0 0; }
.cel210 { width: 210px; text-align:right; }
.cel22 { width: 110px; }
.cel23{ width: 70px; }
.cel24 {  width: 160px; }

#imgban { position: absolute; top: 36px; right: 30px; z-index: 1; border: 0px; }
#imgfr { position: absolute; top: 0px; left: 450px; z-index: 1; border: 0px; }
#imgen { position: absolute; top: 0px; left: 485px; z-index: 1; border: 0px; }