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:450px; }
.en { position:absolute; top:0px; left:490px; }
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:420px; 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;}
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 { padding:0; margin:0; }
li { margin:0; padding:0; list-style-type:none; }
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(../images/fond-hr1.png); background-repeat:repeat-x; }
.description { background-color:#f7f6f5; margin:7px 325px 0 0; text-align:justify; }
.description-index { width:280px; height:auto; padding:8px; background-color:#f7f6f5; border:dotted 1px #CCCCCC; text-align:justify; position: absolute; top:25px; right:10px;}
#conteneur {  width:795px; 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; border:solid 1px #3399CC; }
select { border:solid 1px #3399CC; }
textarea { border:solid 1px #3399CC; }
.input-large { width:160px; margin: 0 0 2px 0; }
#entete { color:#FFFFFF; width:795px; height:169px; margin:0; padding:0; background-image:url(http://culture.sxmsaintmartin.com/images/fond-entete.png); }
#entete a { color:#FFFFFF; text-decoration:none; }
#entete a:hover { color:#FFCC66; text-decoration:none;   }
#contenu { width:795px; 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:300px; text-align:right; }
.loupe { position:absolute; 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; }

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

a span { display: none; }
a:hover span { display: inline; }

#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:20px 10px; padding:0; position:relative; }

.pied { width:auto; height:auto; text-align:center; color:#ffffff; }
.appel-reservation { position:absolute; top:270px; right:5px; }
.autres-bateaux { width:300px; height:auto; position:absolute; right:10px; top:370px; padding:0 0 15px 0;
	background-image:url(../images/fond-p-vignettes.png);
	background-repeat:repeat-x;
	background-position: bottom;
}
.plan-cabine { width:300px; height:auto; position:absolute; right:10px; top:500px; padding:0 0 15px 0; }
.tri-bateaux { 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; }
.diapo { width:300px; height:auto; float:right; margin:30px 0px 0px 15px; border:solid 1px #CCCCCC; padding:4px; }
.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; }
.parag-bateau { width:auto; height:auto; line-height:19px; vertical-align:middle; margin:0; padding:O O O 80px; }
.bouton-accueil { width:48px; height:48px; position:absolute; top:20px; left:600px }
.bouton-faq { width:48px; height:48px; position:absolute; top:20px; left:660px }
.bouton-contact { width:48px; height:48px; position:absolute; top:20px; left:720px }
.bouton-previous { width:48px; height:48px; position:absolute; top:10px; left:10px }
.bouton-reserver { width:48px; height:48px; position:absolute; top:10px; left:200px }
.bouton-ami { width:48px; height:48px; position:absolute; top:10px; left:260px }
.bouton-imprimer { width:48px; height:48px; position:absolute; top:10px; left:320px }
.bouton-accueil-bas { width:48px; height:48px; position:absolute; top:10px; left:500px }
.bouton-faq-bas { width:48px; height:48px; position:absolute; top:10px; left:560px }
.bouton-contact-bas { width:48px; height:48px; position:absolute; top:10px; left:620px }
.bouton-next { width:48px; height:48px; position:absolute; top:10px; left:730px }

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

ul#galerie_mini {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	list-style-type: none;
	line-height: 75px;
	position: relative;
	top: 10px;
	float:left;
	display: block;
	height: 90px;
	width: auto;
}
ul#galerie_mini li { float: left ; }
ul#galerie_mini li a img { margin: 2px 1px 2px 8px; border: 1px solid #FF9900; }

.diapo_css { width:320px; height:320px; position:absolute; right:10px; top:0px; }
dl#photo { margin: 0; padding:0px; float:right; position:relative; height: 275px; width: 320px; display: block; }
dl#photo dt { font-size:1.2em; color:#3366FF;  margin:0px; padding:0px; text-align:left; height:25px; display:block; }
dl#photo dd { margin: 0 ; }
dl#photo img { border: 1px solid #FF9900; ; }
dl#photo p { margin:0px; padding:0px; line-height:20px; }
#big_pict { width:320px; height:240px; float:right; }

.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;
}