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, dl, h2, dt, dd { 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; }
#gauche { width:310px; height:auto; float:left; position:relative; }
#centre { width:640px; height:auto; margin:0 0 0 5px; float:left; position:relative; } 
#frame { margin:0; padding:0; width:635px; border:0; }

#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; font-weight:normal; 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 15px; 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:224px; 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-left-agenda { margin:3px 7px 7px 0; padding:0; float:left; border: solid 1px #CCCCCC; }
.float-right-g { margin:3px 5px 7px 7px; padding:0; float:right; }
.g { width:auto; height:auto; margin:3px 7px 4px 0; padding:0; }
.date-lieu-g { color:#333333; } 
.lien-rouge { size:1.0px; text-align:center; }
.lien-rouge a {  color:#CC0000; text-decoration:underline; }
.lien-rouge a:hover { 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; font-weight:normal; 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 15px; 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-archives { width:auto; height:auto; line-height:190px; margin: 0 0 0 9px; padding:0; display:block; } 
.flyers-moyen { margin:5px 2px; padding:1px; border:solid 1px #CC0000; }


.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; }
.datetxt { color:#CC0000; font-size:12px; }
.resumeevent { width:auto; height:auto; padding:7px; background-color:#F1F1F1; color:#333333; border:solid 1px #E0E0E1; margin:10px 0; }
.rouge { color:#CC0000; }
.centrer { width:auto; text-align:center; }
.cadre { background-color:#E0E0E1; border: dotted 1px #666666; padding:10px; margin-left:5px; }
.right { width:auto; text-align:right; }
.listing { margin:10px 0 10px 15px; }


.cadre-fixe { width:500px; height:auto; position:relative; float:left; }
.cadre-mini-admin { width:auto; height:auto; float:left; margin:4px; padding:3px; border:solid 1px #CCCCCC; position:relative; top:Opx; left:Opx; }
.cadre-evenement-agenda { width:auto; height:auto; margin:4px; padding:3px; position:relative; }
dt { position:relative; z-index:0; display:block; }
dd { display:none; z-index:100; background-color:#FFFFFF; background-image:url(../images/picto-chargement.gif); background-position:center; background-repeat:no-repeat; padding:10px; border:solid 2px #CC0000; }
dl { width:auto; height:auto; background-color:#3333CC; }
#smenu1 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu2 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu3 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu4 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu5 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu6 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu7 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu8 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu9 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu10 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu11 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu12 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu13 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu14 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu15 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu16 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu17 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu18 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu19 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu20 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu21 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu22 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu23 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu24 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu25 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu26 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu27 { position: absolute; right:-20px; top: 100px; z-index:100; }
#smenu28 { position: absolute; right:-20px; top: 100px; z-index:100; }

.petit-agenda { width:auto; height:auto; margin:0; padding:0; clear:both; }
a:hover { background: none; }
.cadre-cinema { width:auto; height:auto; margin:4px; padding:3px; position:relative; }
/*definition infobulle*/
ul.tableau a span { display: none; z-index:100; }
ul.tableau a:hover span { display: inline; position: absolute; left:-80px; bottom:10px; 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; }
/*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*/
a.info-agenda { position: relative; text-decoration: none; }
a.info-agenda span { display: none; z-index:100; }
a.info-agenda:hover{ background: none; z-index: 500; }
a.info-agenda:hover span { display: inline; position: absolute; left:-100px; -left:-10px; bottom:-30px; -top:-300px; width:auto; height:auto; z-index:100; }
/*definition infobulle*/
a.info{ position: relative; text-decoration: none; }
a.info span { display: none; z-index:100; }
a.info:hover{ background: none; z-index: 500; }
a.info:hover span { display:inline; position:absolute; left:15px; bottom:-155px; -top:-185px; width:auto; height:auto; z-index:100; }
/*definition infobulle*/
a.info2{ position: relative; text-decoration: none; }
a.info2 span { display: none; z-index:100; }
a.info:hover{ background: none; z-index: 500; }
a.info2:hover span { display: inline; position: absolute; right:-115px; -left:60px; bottom:0px; -top:0px; 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; }
/*fin definition infobulle*/

.cadre-mini-flyers { width:auto; height:auto; margin:2px; padding:2px; border:solid 1px #CCCCCC; position:relative; z-index:0; float:left; display:block; text-align:center; }
div#centre a span { display: none; z-index:100; }
div#centre a:hover span { display:inline; position:absolute; bottom:60px; right: -25px; width:auto; height:auto; background-color:#FFFFFF; background-image:url(http://nightlife.sxmsaintmartin.com/images/picto-chargement.gif); background-position:center; background-repeat:no-repeat; padding:5px; border:solid 1px #CC0000; z-index:100; }

li { margin:0; padding:0; list-style-type:none; }
.etablissements-2 { width:auto; height:auto; line-height:20px; background-color:#F3F2F2; vertical-align:middle; position:-relative; }
.etablissements-1 { width:auto; height:auto; line-height:20px; background-color:#E0DEDE; vertical-align:middle; position:-relative; }
.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; }
.tableau { width:610px; position:relative; }
.case { width:100px; height:17px; line-height:17px; vertical-align:middle; text-align:center; float:left; }

a.rollopaque img { opacity: 0.4; filter:alpha(opacity=40); -moz-opacity:0.4 ; }
a.rollopaque:hover img { opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8 ;   }