html { height:100%; font-size:62.5% }
body { height:100%; font-family: "Trebuchet MS", Arial; font-size: 1.1em; color: #333333; text-align: center; background-color:#999999; margin: 0px; padding: 0px; }
a { color:#FF0000; text-decoration:none; }
a:hover { color:#FF6464; }
p, div ,form, span { padding:0; margin:0; }
#conteneur {  width:795px; height:auto; text-align: left; margin: 0 auto; position:relative; padding:0; border:0; background-color:#FFFFFF; }

#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; width:309px; height:104px; 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; }

.rangee {width:auto; height:auto; margin: 20px 0px 0px 3px }
.rangee-haut {width:auto; height:auto; margin: 5px 10px 15px 15px; }
.entete-calypso { width:795px; height:160px; margin:0; padding:0; background-image:url(http://sxmsaintmartin.com/events/images/fond-entete-calypso.png); background-repeat:no-repeat;  display:block;}
.bouton-accueil { position:absolute; left:735px; top:278px; }
.bouton-photos { position:absolute; left:655px; top:267px; }
.bouton-contact { position:absolute; left:580px; top:220px; }
.bouton-interrogation { position:absolute; left:514px; top:169px; }
.texte-rollover { position: absolute; top: 237px; left: 270px; width: 273px; height: 63px; }

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

.couv { float:left; margin:0 15px 15px 0; }
.img-gauche { float:left; margin:0 15px 15px 15px; }
.img-droite { float:right; margin:15px 15px 0 15px; }
h1 { width:auto; height:45px; margin:0 0 10px 0; padding:0; }
h2 { width:auto; height:20px; margin:0; padding:0;font-size:1.6em; font-weight:normal; }
.sous-titre { width:auto; height:15px; margin:0 0 10px 0; padding:0;font-size:1.0em; color:#FF0000; font-weight: normal; }
.img-titre { width:300px; height:45px; border:0; }
.texte { width:auto; height:auto; margin:0 10px 10px 0; padding:0; text-align:justify; }
.texte a { color:#333333; }
.texte a:hover { color:#FF6464;  }
.img-detail { width:142px; height:32px; border:0; }
.img-bas-entete { margin: 5px; float:right; }
.demi-rangee { width:380px; height: auto; float:left; margin:0 5px; }
.cadre-agenda { background-color:#F5F5F5; border:solid 1px #999999; width:auto; height:auto; text-align:justify; padding:15px 10px ; }
.cadre-messagier { border:solid 1px #999999; width:auto; height:auto; }
.diapo { width:339px; height:463px; margin:33px 0 0 20px; }

.date-agenda { line-height: 17px; color:#FF0000; }
.img-logo-bilfish {width:230px; height:150px; border:0; }
.img-photo-rentree {width:358px; height:182px; border:0; }
.date-messagier { line-height: 17px; color: #999999; margin: 7px 0px 0px 7px; }
.rouge {color:#FF0000; }
.paragraphe-archives { width:auto; height:auto; margin:0 5px; padding:0; text-decoration:none; text-align:center; float:left; }
.paragraphe-archives a { color:#FF0000; text-decoration:none; }
.fond-gris { background-color: #F5F5F5; width: auto; height:auto; text-align: justify; margin: 0px 3px 0px 3px; padding: 5px; }
.fond-blanc { background-color:#FFFFFF; width:auto; height:auto; text-align:justify; margin: 0px 3px 0px 3px; padding: 5px; }
form {width:auto; height:auto; margin: 0; padding:0; line-height: 20px; color: #666666; }
label { width:50px; text-align: right; display:block; float:left; padding: 0 7px 0 0; }
.input-text { width:118px; background-color: #F5F5F5; border: solid 1px #ff9999; float:left; }
.area-text {width:295px; height:auto; background-color:#F5F5F5; border:solid 1px #ff9999; overflow:auto; }
.codage { width:65px; text-align:right; display:block; float:left; padding: 0 7px 0 0; }
.p-codage {width:auto; height:30px; margin: 0 0 10px 43px; line-height:30px; vertical-align:middle; }
.img-codage {float:left; border: 0; }
.envoyer { width:auto; height: auto; text-align:center; padding: 7px 0px 7px 0px;  }
.erreur { line-height:17px; text-align:center; color:#009900; padding:7px 0 0 0. }
.pied {width:795px; height:130px; background-image:url(/events/images/photo-pied.png); text-align:center; color:#FFFFFF; margin: 0; padding:0; }
.pied a {color:#FFFFFF; text-decoration:none; }
.pied a:hover {color:#FAABAB; }
.label-large { width:140px; float:left; }