html { height:100%; font-size:62.5% }
body { height:100%; font-family: Arial, "Trebuchet MS"; font-size: 1.1em; color: #003333; text-align: center; background-color:#000000; margin: 0px; padding: 0px; }
#conteneur {  width:740px; height:auto; text-align: left; margin: 0 auto; position:relative; padding:0; background-color:#FFFFFF; border:solid 1px #FBCA00; border-bottom:none;  }
#entete { width:740px; height:269px; margin:0; padding:0; position:relative; }
#pied { width:742px; height:135px; position:relative; margin:0 auto; }
a { color:#FBCA00; text-decoration:none; }
a:hover { color:#DCB513; }
h1 { font-size:1.4em; color:#FBCA00; width:auto; height:31px; line-height:31px; vertical-align:middle; text-align:center; display:block; margin:0; padding:0; background-color:#000000; margin:7px 0; }
h3 { font-size:1.4em; color:#FBCA00; width:auto; height:22px; line-height:22px; vertical-align:middle; text-align:center; display:block; padding:0; background-image:url(../images/fond-h3.gif); margin:10px 0 7px 0; }
.maj { color:#FBCA00; font-size:1.2em; font-weight:bold; }
p,div { margin:0; padding:0; border:0; }
li { list-style-type:none; padding:0; margin:0; }
#menu { width:auto; height:auto; margin:0; padding:0; background-image:url(http://www.lajuve.net/images/fond-menu.gif); }
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:#000000; border-top:none; border-right:solid 1px #FBCA00; border-bottom:solid 1px #FBCA00; border-left:solid 1px #FBCA00; }
#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:#FBCA00; background-color:#333333;  }
#menu dt a { width:auto; height:auto; display: block; }

.normal { width:auto; height:auto; padding:10px; margin:10px 0 0 200px; }
.normal-large { width:auto; height:auto; text-align:justify; padding:10px; margin:10px 0 0 0; }
.normal-sponsors { width:auto; height:auto; margin:20px 0; text-align:center; display:block; }
.demi-colonne { width:345px; height:auto; display:block; float:left; }
.demi-colonne-liens { color:#000000; font-size:11px;  width:345px; height:auto; display:block; float:left; }
.demi-colonne-liens a { color:#000000; font-size:11px; }
.demi-colonne-liens a:hover { color:#FBCA00; }
.cadre-txt { width:auto; height:auto; margin:10px; }
#picto-ballon { position:absolute; top:261px; left:4px; }
.float-left { float:left; padding:0; magin: 0 5px 0 5px; text-align:center; }
.rangee-centre { width:auto ; height:auto ; margin:0 ; padding: 7px 0 17px 150px ; text-align:center ; }
.centre { width: auto ; height:auto ; margin:0 ; padding: 0 ; text-align:center ;  }

.img1 { margin:0 10px 10px 0; padding:2px; border:solid 1px #FBCA00; float:left; }
.img2 { margin:0 0 10px 10px; padding:2px; border:solid 1px #FBCA00; float:right; }
.img1b { margin:0 10px 10px 0; padding:2px; float:left; }
.img2b { margin:0 0 10px 10px; padding:2px; float:right; }
.sponsors { border:none; margin:5px 10px; }
a.rollopaque img { opacity: 1; filter:alpha(opacity=100); -moz-opacity:1 ; }
a.rollopaque:hover img { opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8 ;   }
/* Les tableaux orange présetation club */
.sujet-forum-noir { width:auto; height:16px; margin:0; padding:0 0 0 8px; color:#FBCA00; line-height:16px; display:block; background-color:#000000; }
.sujet-classement-noir { width:auto; height:22px; margin:0; padding:0 0 0 8px; color:#FBCA00; line-height:22px; display:block; background-color:#000000; }
.sujet-forum-jaune { width:auto; height:22px; margin:0; padding:0 0 0 8px; color:#000000; line-height:22px; display:block; background-color:#FBCA00; }
.orange { color:#000000; line-height:25px; padding:0 0 0 50px; background-color:#FBCA00; }
.noir { color:#FFFFFF; line-height:20px; padding:0 10px; background-color:#000000; }
label { width:100px; float:left; text-align:right; margin:5px 5px 0 0; }
input { margin:5px 0 0 0; }
/* Les tableaux photos */
.tableau { width:600px; height:auto; display:block; margin:0 auto; padding:0;  }
.tableau li { list-style-type:none; }
.titre-case { width:100px; line-height:25px; vertical-align:middle; float:left; }
.case { width:100px; line-height:50px; vertical-align:middle; float:left; }



.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; }
.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; }
/* Neige */
.drop { position: absolute; width: 3;  filter: flipV(), flipH(); font-size: 40; color: blue }
