/* Mise en page générale - récurrente */
html { height:100%; font-size:62.5% }
body { height:100%; font-family: Arial, "Trebuchet MS"; font-size: 1.1em; color: #333333; text-align: center; background-color:#004F00; margin: 0px; padding: 0px; }
p, div, span, form { margin:0; padding:0; }
#conteneur {  width:800px; height:auto; text-align: left; margin: 0 auto; position:relative; padding:0; background-color:#FFFFFF; border:solid 1px #000000; border-bottom:none;  }
#entete { width:800px; height:271px; margin:0; padding:0; position:relative; }
#pied { width:800px; height:auto; margin:0 auto; background-color:#004F00; border:solid 1px #004F00; border-top:solid 1px #000000; }
a span { display: none; }
a:hover span { width:auto; height:auto; background-color:#FFFFFF; border:solid 1px #006600; display:block; position:absolute; left:50px; bottom:50px; }
a { color:#006600; text-decoration:none; }
#pied a { color:#FFFFFF; text-decoration:none; }
a:hover { color:#009900; }
h1 { font-size:1.6em; font-weight:lighter; color:#006600; width:auto; height:30px; line-height:30px; vertical-align:middle; margin:0; padding:0; background-image:url(http://www.aya-saint-martin.com/images/fond-h1.gif);  }
h2 { font-size:1.6em; font-weight:lighter; width:auto; height:auto; margin:6px 0 0 0; padding:0;  }
h3 { font-size:1.6em; font-weight:lighter; color:#006600; width:auto; height:30px; line-height:30px; vertical-align:middle; margin:0; padding:0; background-image:url(http://www.aya-saint-martin.com/images/fond-h1.gif); text-align:center;  }
h4 { font-size:1.6em; font-weight:lighter; color:#006600; width:284px; height:35px; line-height:27px; vertical-align:top; margin:0 3px 0 3px; padding:0; background-image:url(http://www.aya-saint-martin.com/images/fond-h4.gif);  }
/* Le menu */
#menu { width:800px; height:31px; margin:0; padding:0; background-image:url(http://www.aya-saint-martin.com/images/fond-menu.jpg); position:absolute; top:239px; left:0px; }
dl, dd, ul, dt, li { margin: 0; padding: 0; list-style-type: none; line-height:20px; vertical-align:middle; }
#menu dl {margin: 0; padding: 0; list-style: none; float: left; position: relative; }
#menu dt {cursor: pointer; text-align: center; }
#menu dd {display: none; position: absolute; background-color:#FF0000;}
.bordure { background-color:#051603; border-top:none; border-right:solid 1px #003300; border-bottom:solid 1px #003300; border-left:solid 1px #003300; }
#menu li { font-size:1.2em; text-align: left; }
#menu li a { color:#CCCCCC; text-decoration: none; width:123px; height:20px; display:block;  padding:0 0 0 10px;}
#menu li a:hover { color:#FFFF00; background-color:#0B2807;  }
#menu dt a { width:auto; height:auto; display: block; }
/* Les formulaires */
.input { height:20px; border:solid 1px #006600; }
select { height:20px; width:auto; border:solid 1px #999999; }
label { width:150px; text-align:right; margin:0 7px; display:block; float:left; }
/* Les cadres */
#cadre_rss_1 { width:auto; height:auto; display:block; }
#cadre_rss_1 a { line-height:22px; vertical-align:middle; font-size:1.2em; font-weight:bold; }
#cadre_rss_2 { width:auto; height:auto; display:none; }
#cadre_rss_2 a { line-height:22px; vertical-align:middle; font-size:1.2em; font-weight:bold; }
#cadre_rss_3 { width:auto; height:auto; display:none; }
#cadre_rss_3 a { line-height:22px; vertical-align:middle; font-size:1.2em; font-weight:bold; }

.parag_rss { margin-top:10px; border-bottom:solid 1px #999999; margin-bottom:7px; padding-bottom:7px; }	

.accueilg { width:470px; height:auto; margin:10px 10px 5px 15px; padding:0; float:left; }
.accueild { width:290px; height:auto; margin:0px 10px 5px 5px; padding:0; float:left; }
.cadred { width:auto; height:auto; margin:0 3px 0 3px; padding:0 8px; border:solid 1px #9F9F9F; border-top:none; border-bottom:none; }
.bottom-cadred { width:auto; height:auto; margin:0 3px 0 3px; padding:0; background-image:url(http://www.aya-saint-martin.com/images/bottom-cadred.gif); background-repeat:no-repeat; }
.cadre-info { width:auto; height:auto; margin:6px 0 0 0; padding:0; text-align:justify; position:relative; text-align:justify; }
.cadre-principal { width:auto; height:auto; margin:10px 10px 5px 15px; padding:0; }
.bloc-lien a { color:#000000; width:70px; height:22px; display:block; line-height:22px; vertical-align:middle; text-align:center; background-color:
#FBCA00; margin:8px; float:left; }
.photo1 { margin-right:5px; margin-bottom:5px; border:solid 1px #DDDDDD; padding:2px; float:left; }
.bloc-lien a:hover { color:#FBCA00; display:block; vertical-align:middle; text-align:center; background-color:#000000; }
.area-text {width:600px; height:100px; overflow:auto; }
.copyright { width:742px; height:auto; font-size:1.0em; position:absolute; top:10px; }
.bouton-retour { width:auto; height:auto; text-align:center; padding:40px 0 10px 0; }
/* Commentaires */
.comment-cadre1 { font-size:9px; width:auto; height:13px; line-height:13px; background-color:#003300; color:#FFFFFF; margin:0; padding:0 15px; }
.comment-cadre2 { width:auto; height:auto; line-height:17px; background-color:#F0F0F0; color:#004F00; margin:0; padding:0 20px; text-align:justify; }
/* divers */
.sponsors { width:auto; height:auto; border:none; margin:15px auto; }
