html { height:100%; font-size:62.5% }
body { height:100%; font-family: Arial; font-size: 1.1em; color:#333333; text-align: center; margin: 0px; padding: 0px; background-color:#efefef; }
p, div , ul, form, span, input, label, h1, h2 { padding:0; margin:0; }
h1 { width:auto; height:auto; margin: 8px 0 14px 0; font-size:1.4em; }
#conteneur {  width:960px; height:auto; text-align: left; margin: 0 auto; position:relative; padding:0; border:0; background-color:#FFFFFF; border:solid 1px #fcdddd; }
#entete { color:#FFFFFF; width:960px; height:169px; margin:0; padding:0; background-image:url(http://www.sxmsaintmartin.com/images/fond-entete.png); position:relative; }
a { color:#CC0000; text-decoration:none; }
a:hover { color:#CC0000; text-decoration:underline; }
#contenu { width:96Opx; height:auto; margin:0; padding:0; background-color:#FFFFF; position:relative; }
#contenu a, #contenu a:hover { color:#CC0000; text-decoration:none; }
#gauche { width:310px; height:auto; float:left; position:relative; }
#centre { width:auto; height:auto; margin:0 0 0 318px; position:relative; } 

.cadre-fixe { width:630px; height:auto; position:relative; text-align:justify; float:left; }
.cadre-mini-admin { width:140px; height:160px; margin:3px; padding:2px; border:solid 1px #CCCCCC; position:relative; z-index:+10; float:left; display:block; text-align:center; }

#imgban { position: absolute; top: 34px; left: 40%; z-index: 1; border: 0px; }
#entete a { color:#FFFFFF; text-decoration:none; }
#entete a:hover { color:#FFCC66; text-decoration:none;   }
.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; }

.cadreg { width:auto; height:auto; position:relative; margin:0; padding:0; }
.h1g { font-size:1.2em; color:#cccccc; width:auto; height:29px; background-image:url(http://nightlife.sxmsaintmartin.com/images/fond-h1-gauche.png); margin:8px 0 0 3px; padding:0px 0 0 25px; line-height:20px; vertical-align:middle; }
.h2g { font-size:1.1em; color:#cccccc; width:auto; height:auto; line-height:17px; vertical-align:middle; background-image:url(http://nightlife.sxmsaintmartin.com/images/fond-h2-gauche.png); background-repeat:no-repeat; margin:5px 0 5px 0; padding:0px 0 0 5px; line-height:20px; vertical-align:middle; }
.divg { width:auto; height:auto; text-align:justify; background-image:url(http://nightlife.sxmsaintmartin.com/images/fond-div-gauche.png); padding:0 8px 0 5px; margin:0 0 0 3px; display:block; }
.pg { width:auto; height:15px; margin:0 0 0 3px; display:block; background-image:url(http://nightlife.sxmsaintmartin.com/images/fond-span-gauche.png); position:relative; } 
.formg { width:auto; height:auto; background-image:url(http://nightlife.sxmsaintmartin.com/images/fond-div-gauche.png); padding:0 8px 0 O; margin:0 0 0 3px; display:block; line-height:10px; }
.labelg { padding:0 7px 0 0; text-align:right; vertical-align:middle; display:inline; }
.inputg { width:120px; height:20px; background-image:url(http://nightlife.sxmsaintmartin.com/images/fond-input-gauche.png); border: solid 1px #ebebeb; }
.ornement-haut-g { position:absolute; left:100px; top:0px; }
.ornement-bas-g { position:absolute; left:0px; top:-26px; }
.deconnection { position:absolute; right:22px; top:-26px; }
.tout-l-agenda { position:absolute; right:22px; top:-60px; }
.liste-inscrits { position:absolute; right:18px; top:-52px; }
.float-left-g { margin:3px 7px 7px 0; padding:0; float:left; }
.float-right-g { margin:3px 5px 7px 7px; padding:0; float:right; }
.g { width:auto; height:auto; margin:3px 7px 4px 0; padding:0; }
.resume-soiree { width:auto; height:auto; padding:7px 50px 5px 0; }
.date-lieu-g { color:#333333; } 
.lien-rouge { size:1.0px; text-align:center; }
.lien-rouge a {  color:#CC0000;  }
.lien-rouge a:hover { color:#CC0000; text-decoration:underline;  }
.fond-clairg { color:#CC0000; }
.annonces { font-size:1.2em; color:#CC0000; }
.ok { color:#666666; width:22px; height:20px; margin:0; padding:0; border:none; background-image:url(../images/fond-ok.png); background-repeat:no-repeat; }

.h1-centre { font-size:1.2em; color:#cccccc; width:auto; height:29px; background-image:url(http://nightlife.sxmsaintmartin.com/images/fond-h1-centre.png); margin:8px 0 0 3px; padding:0px 0 0 25px; line-height:20px; vertical-align:middle; }
.p-centre { width:auto; height:auto; margin: 0 0 0 9px; }
.p-centre-profil { width:auto; height:auto; margin: 0 0 0 9px; 	background-image: url(../images/angle-sup-droit.png); background-position: right top; background-repeat:no-repeat; }
.p-centre-profil2 { width:auto; height:auto; margin: 0 0 0 9px; 	background-image: url(../images/angle-inf-droit.png); background-position: right bottom; background-repeat:no-repeat; }

.bouton-ajouter-photo { position:relative; top:18px;  }

.connexion { color:#FF6600; width:auto; height:auto; margin:0 0 8px 8px; padding:8px; line-height:20px; background-color:#e1ebf7; border:solid 1px #FF6600; }

.pied { width:auto; height:auto; text-align:center; color:#333333; }
.gris-fonce { color:#333333; }
.rouge { color:#CC0000; }
.center { width:auto; height:auto; text-align:center; }
.navig { padding:3px 5px 3px 5px; margin:3px; background-color:#ffffff; border:solid 1px #CC0000; }
.navig:hover { padding:3px 5px 3px 5px; margin:3px; background-color:#FFCCCC; border:solid 1px #999999; }
.navig-actif { padding:3px 5px 3px 5px; margin:3px; background-color:#FFCCCC; border:solid 1px #999999; color:#333333; }
.navig-actif:hover { padding:3px 5px 3px 5px; margin:3px; background-color:#FFCCCC; border:solid 1px #999999; color:#333333; }
div#centre a span { display: none; z-index:100; }
div#centre a:hover span { display:inline; position:absolute; bottom: 100px; right: -5px; width: auto; height: auto; background-color:#FFFFFF; background-image:url(../images/picto-chargement.gif); background-position:center; background-repeat:no-repeat; padding:5px; border:solid 2px #CC0000; z-index:100; }

.textarea { line-height:17px; background-color:#E4E4E4; border:solid 1px #CC0000; padding:0; margin:0; overflow:auto;} 
.input { line-height:17px; background-color:#E4E4E4; border:solid 1px #CC0000; padding:0; margin:0; } 
.commentaire-10 { width:600px; height:18px; background-color:#FFD5D5; padding:0 0 0 7px; line-height:18px; vertical-align:middle; display:block; }
.commentaire-11 { width:600px; background-color:#FFF2F2; padding:0 0 0 7px; line-height:18px; vertical-align:middle; display:block; position:relative; }
.commentaire-20 { width:600px; height:18px; background-color:#CCCCCC; padding:0 0 0 7px; line-height:18px; vertical-align:middle; display:block; }
.commentaire-21 { width:600px; background-color:#F4F4F4; padding:0 0 0 7px; line-height:18px; vertical-align:middle; display:block;position:relative; }
.bouton-suppr-comment { position:absolute; top:Opx; right:0px; }
.signaler-abus { position:absolute; right:0px; top:2px; }

.float-left { width:auto; height:auto; margin:3px; padding:3px; }
input { margin:0 0 3px 0; }
.label { width:120px; height:22px; float:left; text-align:right; padding:0 5px 0 0; }
.none { margin:0; }
a:hover { background: none; }
/*definition infobulle*/
a.info-gauche { position: relative; text-decoration: none; }
a.info-gauche span { display: none; z-index:100; }
a.info-gauche:hover{ background: none; z-index: 500; }
a.info-gauche:hover span { display: inline; position: absolute; left:40px; width: auto; height: auto; background-color:#FFFFFF; background-image:url(../images/picto-chargement.gif); background-position:center; background-repeat:no-repeat; padding:5px; border:solid 1px #CC0000; z-index:100; }
/*definition infobulle*/

.petit-agenda { width:auto; height:auto; margin:0; padding:0; clear:both; }
li { margin:0; padding:0; list-style-type:none; }
.etablissements-2 { width:auto; height:auto; line-height:20px; background-color:#F3F2F2; vertical-align:middle; }
.etablissements-1 { width:auto; height:auto; line-height:20px; background-color:#E0DEDE; vertical-align:middle; }
.etab_nom { width:100px; display:block; float:left; }
.etab_tel { width:120px; display:block; float:left; }
.etab_mail { width:35px; display:block; float:left; }
.vert { color:#990066; }
.case { width:100px; height:17px; line-height:17px; vertical-align:middle; text-align:center; float:left; }