html { height:100%; font-size:62.5% }
body { height:100%; font-family: Arial; font-size: 1.1em; color:#999999; text-align: center; margin: 0px; padding: 0px; background-color:#CCCCCC;}
a { text-decoration:none; color:#6B8E23; }
a:hover { color:#9ACD32; }
p, div , ul, form, span, input { padding:0; margin:0; }
h1 { font-size: 1.4em; color:#9ACD32; width:auto; height:30px; line-height:30px; vertical-align:middle; color:#; margin:0; padding:0; }
h2 { font-size: 1.8em; width:601px; height:33px; line-height:33px; vertical-align:middle; color:#0499fb; margin:15px 0 5px 2px; padding:0; background-image:url(../images/fond-h2.png); background-repeat:no-repeat; }
h3 { font-size:1.4em; color:#0499fb; height:30px; line-height:30px; vertical-align:bottom; margin:0; padding:0; }
h4 { font-size:1.4em; color:#FF9900; height:30px; line-height:30px; vertical-align:bottom; margin:15px 0 0 0; padding:0; }
hr { width:auto; height:1px; }
label { width:90px; float:left; }
.input { width:100px;  border: solid 1px #6B8E23; }
#conteneur {  width:795px; height:auto; text-align: left; margin: 0 auto; position:relative; padding:0; border:0; background-color:#FFFFFF; border:solid 1px #999999; }
#entete { color:#FFFFFF; width:795px; height:169px; margin:0; padding:0; background-image:url(http://culture.sxmsaintmartin.com/images/fond-entete.png); position:relative; }
#contenu { width:795px; height:auto; margin:0; padding:0; background-color:#FFFFF; position:relative; }
#gauche { width:160px; height:auto; float:left; margin:20px 0 0 0; padding:0; }
#navigation { position:absolute; top:25px; left:190px; font-weight:bold; font-size:14px; color:#6699CC; text-decoration:none; line-height:20px;}
.navig { font-weight:bold; font-size:14px; color:#6699CC; text-decoration:none; line-height:20px;}
#centre { widows:670px; height:auto; float:left; } 
#pied { width:795px; height:90px; margin:30px 0 0 0; padding:0;  background-color:#FFFFFF; background-image:url(http://www.sxmsaintmartin.com/photos/images/fond-pied.png); }
#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; }

.connexion { width:auto; height:auto; margin:0 0 8px 8px; padding:8px; line-height:20px; background-color:#f2f2f2; }
.administration { width:auto; height:auto; margin:10px 0 8px 8px; padding:12px 8px; line-height:20px; position:relative; }
.administration a { color:#FF9900; }
.administration a:hover { color:#FF66900; }
ul#menu-photo { width:124px; height:auto; padding:0; margin:0;}
.top-cadre { width:auto; height:40px; margin:0; padding:0; border:0; display:block; background-image:  url(../images/haut_cadre.png); }
ul#menu-photo li a { width:auto; height:25px; display:block; font-size: 15px; font-weight:bold; text-decoration:none; margin:0px; line-height:25px; vertical-align:middle; padding: 0 0 0 35px; background-image:  url(http://www.sxmsaintmartin.com/photos/images/menu_transparent.png); }
ul#menu-photo li a:hover { width:auto; height:25px; display:block; font-size: 15px; font-weight:bold; text-decoration:none; margin:0px; line-height:25px; vertical-align:middle; padding: 0 0 0 35px; background-image:  url(http://www.sxmsaintmartin.com/photos/images/menu_under.png); }
ul#menu-photo li a:active { width:auto; height:25px; display:block; font-size: 15px; font-weight:bold; color:#6699CC; text-decoration:none; margin:0px; line-height:25px; vertical-align:middle; padding: 0 0 0 35px; background-image:  url(http://www.sxmsaintmartin.com/photos/images/menu_select.png); }
.menu-normal {   position:relative; top:0px; left:0px; width:159px; height:25px; display:block; padding: 0px; margin:0; background-image:  url(http://www.sxmsaintmartin.com/photos/images/menu_out.png); }
.menu-courant {  position:relative; top:0px; left:0px; width:159px; height:25px; display:block; padding: 0px; margin:0; background-image:  url(http://www.sxmsaintmartin.com/photos/images/menu_select.png); }
/* FIN Menu gauche */
#bloc-photo { width:580px; height:auto; margin:20px 0 0 190px; padding:0; display:block; position:relative; }
#bloc-photo-large { width:auto; height:auto; margin:20px 10px; padding:0; position:relative; }
.cellule-photo { width:116px; height:119px; margin:0px; padding:8px; background-image:url(http://www.sxmsaintmartin.com/photos/images/fond_cellule_photo.png); float:left; position:relative; }
.titre-photo { font-size:10px; color:#9ACD32; margin:0 0 0 20px;; padding:0; text-align:left; } 
.photo { width:116px; height:110px; display:block; align:center; }
.bouton_diapo { width:auto; height:auto; text-align:center;  }
.bouton-retour { position: absolute; top: 715px; left:780px; }
.photographe { font-size:10px; color:#6699CC; line-height:18px; margin:0; padding:0; } 
p.photographe a { color:#6699CC; line-height:18px; font-weight: bold; text-decoration:none; } 
p.photographe a:hover { color:#FF9900; line-height:18px; font-weight: bold; text-decoration:none; } 
.attention { font-size:1.0em; padding:5px; margin:5px; width:580px; float:left; }
.attention a:hover { color:#FF9900; }
.pied { width:auto; height:auto; text-align:center; color:#ffffff; }
.picto-appareil-photo { position: absolute; top:-50px; left:80px; }

.inscription { width:auto; height:auto; margin:15px; padding:15px; line-height:25px; background-color:#e1ebf7; border:solid 1px #FF6600; }
.contrat { background-color:#FFFFFF; color:#333333; padding:5px; text-align:justify; border:solid 1px #FF9900; }
.anglais { width:100px; border:solid 1px #FF9900; }
.sent { color:#FF0000; font-size:1.2em; }
.vert { color:#009900; font-size:1.2em; }
.rouge { color:#FF0000; font-size:1.2em; }

.miniatures { width:110px; height:140px; text-align:center; float:left; margin:3px; background-color:#F9F9F9; display:block; padding:5px 0 0 5px; position:relative; }
.supprimer { position: absolute; bottom: 7px; left:7px; }
.orange { color:#FF6600; }

a span { display: none; }
a:hover span { display: inline; position: absolute; right:30px; bottom:50px; width: auto; height: auto; background-color:#FFFFFF; padding:0; border:none; }

.navigation { position:absolute; left:0px; top:0px;