body {
font-family: arial;
margin:0;
border-top: .35em solid #C9DA2A;
background-color:#282d00;
line-height:1.5;
font-size:85%;
}

#page {
background:#e1ff21 url(img/fond-texture.png) 0 50px;
width:987px;
margin-left:auto;
margin-right:auto;
padding-bottom:7em;
background-color:#e1ff21;
position:relative;
}
/*
*************************
LAYOUT
*************************
*/
#header {
    border-top: 4px solid #5d6b00;
    border-bottom: 4px solid #5d6b00;
    background:#fff url(img/logo.png) no-repeat 5px 5px;
    height:76px;
}
#header a {
    width:300px;
    height:72px;
    float:left;
}
#header h1 {
    text-indent:-9999px;
}
#contenu {
    padding:1em;
}
#banniere_pub {
padding: 7px 20px 0 20px;
height:60px;
float:right;
}
#encart_pub {
float:right;
width:336px;
height:280px;
margin: 20px 15px 0 0;
}
#basdepage {
    background-color:#282d00;
    height:30em;
    border-top: 4px solid #5d6b00;
    text-align:center;
}

#connexion {
    visibility:hidden;
    position:absolute;
    width:20%;
    top:120px;
    left:40%;
    background-color:#C9DA2A;
    padding:1em;
    border: 4px solid #000;
}

#connecte {
    /*background-color:#C9DA2A;*/
    text-align:right;
    padding-right:1em;
}


#principal {
    background:#fff url(img/bordure-courbe.png) no-repeat top left;
margin: 20px 0 0 239px;
padding:10px 10px 10em 10px;
background-color:#fff;
width:356px !important;
}

ul#nav {
    background:#fff url(img/bordure-courbe.png) no-repeat top left;

position:absolute;
top:126px;
left:20px;
padding:5px;
width:188px;
margin:0;
background-color: #fff;
}
#nav li {
padding:5px;
text-align:right;
}
#nav a {
font-weight:normal;
color:#069;
}
#nav .actif,#nav .actif a, #nav a:hover {
background-color:#82aa2f;
color:#fff;
}
#gros_scores {
background : transparent url(img/gros-scores.png) no-repeat top left;
width:169px;
text-align:right;
border-bottom:3px solid #5d6b00;
margin-left:auto;
margin-right:auto;
}

#gros_scores h2 {
height:35px;
text-indent:-9999px;
}

#gros_scores ul {
margin: 5px 5px 5px 20px;
}

/*
*************************
TYPO ET COULEURS
*************************
*/

h1 {
font-family : georgia;
padding:0;
margin:0;
color:#341
}
#principal a {
    color: #82aa2f;
}
.centre {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
#principal h1,ul#nav h2 {
text-align:right;
font-family:arial;
}
#question h1 {
color:#fff;
}
#question .auteur {
font-size:0.6em;
font-weight:normal;
font-family:arial;
}
#bloc_question {
position:relative;
background-image:url(img/fond-hachure.png);

background-color:rgb(224,244,233);
padding:1em;
color:#fff;
font-family:georgia;
border-top:1em solid #fff;
border-bottom:1em solid #fff;
text-align:center;
}
#basdepage {
 font-size:0.8em;
 color:white;
}
#basdepage a {
color:white;
}

.actu {
border-bottom: 1px dotted #C9DA2A;
padding-bottom:.5em;
}
.actu p {
padding:0;
margin:0;
font-size:0.9em;
color:#5D6b00;
}
.actu p.date {
padding:0;
color : #C9DA2A;
font-size:0.9em;
}
.actu h3 {
color : #5D6b00;
margin:0;
padding:0;
}

ul {
list-style-type:none;
padding:0;
margin-left:auto;
margin-right:auto;

}
/*
**********************************
PAGE JEU
**********************************
*/
#inscription {
display:none;
}
#inscription ul {
list-style-type:disc;
}
#jaime,#jaimepas {
float:left;
list-style-type:none;
margin-left:169px;
_margin-left:20px;
_float:none;
width:235px;
height:73px;
background: transparent url(img/jaime.png) no-repeat center center;
padding:0;
}
#jaime:hover,#jaimepas:hover {
background-color:#fff;
-moz-opacity:0.7;
filter:alpha(opacity:70);
}
#jaimepas {
background-image:url(img/jaimepas.png);
}

#passer {
clear:both;
padding-top:3em;
}

#passer:hover {
text-decoration:underline;
cursor:pointer;
}

code {
display:block;
border:1px solid #aaa;
font-family:courier new;
width:100%;
_width:90%
font-size:10px;
overflow:auto;
}

#stats {
margin-top:2em;
border-top:5px solid #bba;
padding-top:1em;
}

.stat {
margin-top:2em;
border-top:5px solid #bba;
padding-top:1em;
clear:both;
}

.stats_col {
background: url(/img/barre_jaime.png) no-repeat bottom;padding-bottom:60px;float:left;width:60px;
}
.stats_col div {
width:30px; margin:0 0 0 15px;border:0px solid #aaa;border-bottom:1px;
}
.selectionne{
background-color:#eee;
border:1px solid #999;
}