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; }
h1 { font-size: 4em; color:#cfc9a4; margin:0; padding: 0 0 0 15px; }
h2 { font-size: 4em; color:#cfc9a4; margin:0; padding: 0 0 0 15px; }
#conteneur {  width:795px; height:100%; text-align: left; margin: 0 auto; position:relative; padding:0; border:0; background-color:#FFFFFF; }
#entete { color:#FFFFFF; width:100%; height:169px; margin:0; padding:0; background-image:url(http://culture.sxmsaintmartin.com/images/fond-entete.png); display:block; position:relative; }
#imgban { position: absolute; top: 36px; right: 10px; z-index: 1; border: 0px; }
#bloc-couv { width:100%; height:360px; margin:0; padding:0; position:absolute; top:167px;left:0px; display:block; }
#bloc-intermediaire { width:100%; height:60px; position:absolute; top:530px; left:0px; margin:0; padding:0;  background-color:#FFFFFF; }
#bloc-contenu { width:100%; height:auto; position:absolute; top:590px; left:0px; margin:0; padding:0;  background-color:#FFFFFF; }
#pied { width:100%; height:82px; margin:0; padding:0;  background-color:#FFFFFF; }

#bloc-principal { width:750px; height:auto; margin:0 10px 0 10px; padding:0; border-left-width: 4px; border-left-style: solid; border-left-color: #cfc9a4; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #cfc9a4; }

#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; right:5px; top:143px; line-height:25px; vertical-align:middle; width:380px; text-align:right; }
.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; }

form { margin:0; padding:0; }
input { line-height:21px; vertical-align:middle; background-color:#fbf8f8; border:0px; padding:0; margin:0; }
#bouton-rechercher{ width:23px; height:21px; border:0; margin:0; padding:0; }

#couv { width:250px; height:345px; position:absolute; left:10px; top:10px; border:0; }
.logo-soualig-art { width:250px; height:200px; position:absolute; left:280px; top:25px; }
.picto-lien, .picto-lien-over { width:35px; height:42px; position:absolute; top:2px; right:35px;}
.picto-contact, .picto-lien-contact { width:35px; height:42px; position:absolute; top:2px; right:80px;}
.picto-accueil, .picto-accueil-over { width:35px; height:42px; position:absolute; top:2px; right:125px;}
.bloc-mois { font-size:2.4em; color:#cfc9a4; width:200px; height:30px; position:absolute; top:65px; right:35px; text-align:right;  }
#menu-vertical { font-size:1.3em; width:140px; height:154px; position:absolute; top:115px; right:20px; background-image:url(http://culture.sxmsaintmartin.com/images/fond-menu-vertical.png); margin:0; padding:5px 0 0 0;}
ul#menu-vertical li {  list-style-type:none;  line-height:24px; vertical-align:middle; margin:0; padding: 0 0 0 22px; }
ul#menu-vertical li a {  color:#333333; text-decoration:none; }
ul#menu-vertical li a:hover {   color:#cfc9a4; text-decoration:none; background:url(http://culture.sxmsaintmartin.com/images/or/li-vertical-over.png) }
#bloc-artiste-couv { width:500px; height:50px; position:absolute; bottom:20px; left:275px; border-top-width: 2px; border-top-style: solid; border-top-color: #cfc9a4; margin:0; padding:5px 0 0 0; }

#bloc-gauche { width:255px; height:auto; margin:0; padding:0; float:left; }
.bloc-centre { width:480px; height:auto; margin:20px 0 20px 0; padding: 0 0 15px 0; background-color:#f2f2f2; float:left; }
div#bloc-recherche { font-size:1.2em; width:480px; height:60px; color:#FFFFFF; line-height:27px; display:block; background-color:#cfc9a4; position:absolute; left:268px; top:0px; margin:0; padding:0; }
.select { background-color:#cfc9a4; }
.illustration { position: absolute; right:17px; top:-122px; }

.bloc-txt { width:140px; height:auto;  padding: 5px 0 0 13px; margin:0; float:left; }

.parag-txt  {font-size:1.0em; width:140px; height:auto; margin:0; padding:5px 0 5px 0; text-align:left; line-height:13px; }
.parag-txt  a {color:#666666; text-decoration:none; }
.parag-txt a:hover  {color:#cfc9a4; }
.titre-txt {font-size:1.1em; color:#000000; margin:6px 0 0 0; padding:0; line-height:15px; vertical-align:middle;  }
.mots-cles { font-weight:900; color:#FF0000; background-color:#CCFF00; }
.ti-cadre-bas-gauche { width:auto; height:auto; position:absolute; bottom:10px; right:10px; }

.bloc-normal { font-size:1.2em; width:750px; height:auto; margin:0 10px 0 10px; padding:0; }
.txt_demi_col_g { width: 140px; height:auto; line-height:20px; text-align:right; float:left; margin:0; padding:0 10px 0 0; }
.txt_demi_col_d { width: 560px; height:auto; line-height:20px; text-align:left; float:left; }
.txt_demi_col_d a { color: #828282; text-decoration:none; }
.txt_demi_col_d a:hover { color: #82783d; text-decoration:none; }