body {
    font: 12px Tahoma;
    color:#000000;
    background: #3388DD url(images/interface/fond-body.jpg) no-repeat top;
    margin-left:auto;
    margin-right:auto;
}
A{
    font-weight:bold;
    color:#3388DD;
    text-decoration:none;
}
A:HOVER{
    font-weight:bold;
    color:#000000;
    text-decoration:none;
}
.caps {
    background:  url(images/interface/caps.png) no-repeat left;
    margin-left:10px;
    margin-top:4px;
    padding-bottom:2px;
    padding-left:10px;
}
.nocaps {
    margin-left:10px;
    margin-top:4px;
    padding-bottom:2px;
    padding-left:10px;
}
.done {
    background:  url(images/interface/done.png) no-repeat left;
    margin-left:0px;
    margin-top:4px;
    padding-bottom:2px;
    padding-left:20px;
}
.todo {
    background:  url(images/interface/todo.png) no-repeat left;
    margin-left:0px;
    margin-top:4px;
    padding-bottom:2px;
    padding-left:20px;
}
.chat {
    margin-top:4px;
    padding-bottom:2px;
}
#swf{
padding-top:5px;
padding-left:5px;
}
/*********************************/
#ds{
    float:left;
    position:absolute;
    background:url(images/interface/ds.png) no-repeat bottom right;
    width:100px;
    height:95px;
    margin-top:00px;
    margin-left:540px;
    margin-right:0px;
}
#wii{
    float:left;
    position:absolute;
    background:url(images/interface/wii.png) no-repeat bottom right;
    width:67px;
    height:90px;
    margin-top:120px;
    margin-left:-15px;
    margin-right:0px;
}
/***********************************************/
.body-header{
    background:  url(images/interface/fond-body-header.png) no-repeat bottom;
    width:980px;
    height:210px;
    margin-left:auto;
    margin-right:auto;
}
.body-content{
    background:  #FFFFFF;
    padding-top:20px;
    width:980px;
    margin-left:auto;
    margin-right:auto;
}
.body-footer{
    background:  url(images/interface/footer.png) no-repeat top;
    width:980px;
    height:210px;
    margin-left:auto;
    margin-right:auto;
}
/******************************************************/
#login{
    float:left;
    width:580px;
    height:30px;
    color:#FFFFFF;
    font-weight:bold;
    padding-top:30px;
    padding-left:20px;
    text-align:left;
}
#login A{
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    text-decoration:none;
}
#login A:HOVER{
    color:#F7931E;
    font-weight:bold;
    text-align:center;
    text-decoration:underline ;
    margin-top:5px;
}
#prelogin{
    float:left;
    width:1px;
    height:1px;
    color:#FFFFFF;
    text-align:left;
}
#liens-header {
    float:left;
    background:  url(images/interface/liens-header.png) repeat-x top;
    width:278px;
    height:30px;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    padding-top:23px;
    margin-top:12px;
}
#liens-header A{
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    text-decoration:none;
}
#liens-header A:HOVER{
    color:#F7931E;
    font-weight:bold;
    text-align:center;
    text-decoration:underline ;
    margin-top:5px;
}
#liens-header-droite {
    float:right;
    background:  url(images/interface/liens-header-droite.png) no-repeat top;
    width:51px;
    height:100px;
    margin-top:12px;
}
#liens-header-gauche {
    float:left;
    background:  url(images/interface/liens-header-gauche.png) no-repeat top;
    width:51px;
    height:50px;
    margin-top:12px;
}
/*************************************************/
#liens-compte {
    float:left;
    width:600px;
    color:#AAAAAA;
    border-bottom: dotted 1px #AAAAAA;
    border-right: dotted 1px #AAAAAA;
    font-weight:bold;
    height:20px;
    text-align:center;
}
#liens-compte A{
    color:#AAAAAA;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
}
#liens-compte A:HOVER{
    color:#000000;

    font-weight:bold;
    text-align:center;
    text-decoration:underline;
}
#liens-compte2 {
    float:left;
    width:325px;
    color:#AAAAAA;
    border-bottom: dotted 1px #AAAAAA;
    border-right: dotted 1px #AAAAAA;
    font-weight:bold;
    height:20px;
    text-align:center;
}
#liens-compte2 A{
    color:#AAAAAA;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
}
#liens-compte2 A:HOVER{
    color:#000000;
    font-weight:bold;
    text-align:center;
    text-decoration:underline;
}
.menu-header{
    float:left;
    background:url(images/interface/top-joueur.jpg) no-repeat;
    width:350px;
    height:104px;
    color:#AAAAAA;
    font-weight:bold;
    padding-left:17px;
    margin-top:20px;
    margin-left:50px;
}
.tab-menu-header{
    float:left;
    width:100px;
    height:100px;
    border-bottom: solid 2px #3388DD;
    border-top: solid 2px #3388DD;
    border-right: solid 2px #3388DD;
    vertical-align:middle; 
    text-align:center;
}
.banniere{
    float:left;
    background:url(images/interface/code-ami2.png) no-repeat top;
    width:535px;
    height:118px;
    color:#FFFFFF;
    font-weight:bold;
}
/******************************************/
#menu-principal-place{
    width:979px;
    height:34px;
    padding-left:1px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background:#FFFFFF url(images/interface/menu-degrade.jpg) repeat-x top;
}
.menu-principal {
    float:left;
    width:163px;
    height:34px;
}
.menu-principal A{
    color:#FFFFFF;
    font-weight:bold;
    font-size:16px;
    text-align:center;
    text-decoration:none;
    height:29px;
    width:163px;
    float:right;
    padding-top:5px;
}
.menu-principal A:HOVER{
    float:left;
    background:url(images/interface/menu-degrade-hover.jpg) repeat-x top;
    color:#000000;
    width:163px;
    height:29px;
}

.menu-principal-on {
    float:left;
    width:163px;
    height:34px;
}
.menu-principal-on A{
    color:#000000;
    font-weight:bold;
    font-size:16px;
    text-align:center;
    text-decoration:none;
    height:29px;
    width:163px;
    float:left;
    padding-top:5px;
    background:url(images/interface/menu-degrade-hover.jpg) repeat-x top;
}

#menu-principal2-place{
    width:977px;
    height:20px;
    padding-left:3px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    background:#FFFFFF url(images/interface/menu-degrade.jpg) repeat-x center;
    margin-bottom:0px;
}
.menu-principal2 {
   float:left;
   width:81px;
   height:20px;
}
.menu-principal2 A{
    color:#FFFFFF;
    font-weight:bold;
    font-size:9px;
    text-align:center;
    text-decoration:none;
    height:15px;
    width:81px;
    float:right;
    padding-top:5px;
}
.menu-principal2 A:HOVER{
    float:left;
    background:url(images/interface/menu-degrade-hover.jpg) repeat-x center;
    color:#000000;
    width:81px;
    height:15px;
}
.menu-principal3 {
   float:left;
   width:108px;
   height:20px;
}
.menu-principal3 A{
    color:#FFFFFF;
    font-weight:bold;
    font-size:9px;
    text-align:center;
    text-decoration:none;
    height:15px;
    width:108px;
    float:right;
    padding-top:5px;
}
.menu-principal3 A:HOVER{
    float:left;
    background:url(images/interface/menu-degrade-hover.jpg) repeat-x center;
    color:#000000;
    width:108px;
    height:15px;
}
/*****************************************************/
#content-principal{
    width:979px;
    margin-left:auto;
    margin-right:auto;
    text-align:auto;
}
/*****************************************************/
.bloc-menu{
    float:left;
    width:307px;
    height:157px;
    margin-left:10px;
    margin-top:15px;
    margin-bottom:7px;
    border: solid 2px #3388DD;
}
.bloc-menu2{
    float:left;
    width:307px;
    margin-left:10px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}
.bloc-menu3{
    float:left;
    width:307px;
    margin-left:10px;
    margin-top:15px;
    overflow-x:hidden;
    overflow-y:hidden;
    border: solid 2px #3388DD;
}
.bloc-menu-chat{
    float:left;
    width:307px;
    margin-left:10px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}
.bloc-contenu{
    float:left;
    width:628px;
    height:632px;
    margin-left:10px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}
.bloc-contenu-var{
    float:left;
    width:628px;
    min-height:790px;
    margin-left:10px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}
.bloc-contenu-pe{
    float:left;
    width:950px;
    min-height:790px;
    margin-left:10px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}
.bloc-contenu-chat{
    float:left;
    width:628px;
    height:632px;
    margin-left:10px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:hidden;
    border: solid 2px #3388DD;
}
.bloc-contenu-large{
    float:left;
    width:950px;
    height:632px;
    margin-left:10px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}
.bloc-titre{
    background:  #CFE4FF;
    height:25px;
    padding-left:15px;
    padding-top:5px;
    font-size:16px;
    font-weight:bold;
}
.bloc-titre H1{
    margin-top:0px;
    font-size:16px;
    font-weight:bold;
}
.bloc-interieur{
    margin-left:15px;
    margin-right:5px;
    padding-top:5px;
    font-size:12px;
}
.bloc-forum1{
    background-color: #FFFFFF;
    text-align: justify;
    word-wrap: break-word; 
}
.bloc-forum2{
    background-color: #EEEEEE;
    text-align: justify;
    word-wrap: break-word; 
}
.bloc-int-col{
    float:left;
    width:152px;
    height:103px;
    font-size:10px;
}
#fond-wii-ds{
    background:url(images/interface/wii-ds.jpg) no-repeat top;
    height:132px;
    width:305px;
    padding-top:5px;
}
/**********************************************/
#liens-footer {
    width:981px;
    height:20px;
    color:#AAAAAA;
    border-top: dotted 1px #AAAAAA;
    text-align:center;
    font-weight:bold;
    text-align:center;
}
#liens-footer A{
    color:#3388DD;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
}
#liens-footer A:HOVER{
    color:#AAAAAA;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
}
/**********************************************/
#chat-pre-entete{
    float:left;
    width:582px;
    background:  #FFFFFF;
    color:#000000;
}
#chat-pre-entete2{
    float:left;
    width:582px;
}
#chat-pre-entete2 h3{
    color:#F3AB03;
}
#chat-pre-entete2 A{
    color:#FFFFFF;
    font-weight:bold;
}
#chat-pre-entete2 A:HOVER{
    color:#F3AB03;
    font-weight:bold;
}
#chat-liste{
    font-size:10px;
}
#chat-entete{
 float:left;
    width:582px;
    height:80px;
    margin-left:10px;

}
#chat-entete A{
    color:#FFFFFF;
    font-weight:bold;
}
#chat-entete A:HOVER{
    color:#F3AB03;
    font-weight:bold;
}
#chat-entete form{
    margin-top:0px;
    margin-bottom:0px;
}
#chat-content{
    float:left;
    width:465px;
    height:623px;
    margin-left:10px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border-top: solid 2px #3388DD;
    border-bottom: solid 2px #3388DD;
    border-left: solid 2px #3388DD;
    padding-left:5px;
    background:  #FFFFFF;
    color:#000000;
}
#chat-user{
 float:left;
    width:100px;
    height:623px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
    padding-left:5px;
    background:  #FFFFFF;
    color:#000000;
}
#chat-content2{
    float:left;
    width:465px;
    height:300px;
    margin-left:10px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border-top: solid 2px #3388DD;
    border-bottom: solid 2px #3388DD;
    border-left: solid 2px #3388DD;
    padding-left:5px;
    background:  #FFFFFF;
    color:#000000;
}
#chat-user2{
    float:left;
    width:100px;
    height:300px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
    padding-left:5px;
    background:  #FFFFFF;
    color:#000000;
}
.bloc-interieur2{
    padding-left:15px;
    padding-top:5px;
    font-size:12px;
    background:  #3388DD;
    color:#FFFFFF;
    
}
.bloc-interieur2 h2{
    color:#CFE4FF;
}
/**********************************************/
#texte-variable {
    color:#AAAAAA;
    font-weight:bold;
}
#texte-commentaire {
    color:#F3AB03;
    font-weight:bold;
}
#texte-avr {
    color:#FF0000;
    font-weight:bold;
}
#texte-dalek {
    color:#00C4C4;
    font-weight:bold;
}
#texte-souris {
    color:#F3AB03;
    font-weight:bold;
}
#date-forum {
    color:#AAAAAA;
    font-weight:bold;
    border-bottom:1px dashed
}
#options-forum {
    color:#AAAAAA;
    font-size:11px;
}
#options-forum A{
    font-weight:normal;
}
#message-twit {
    font-size:2em;
    font-family:georgia;
    line-height:1.25em;
}
/******** Quizz *******/
#quizz_head {
    font-size:30px;
    font-weight:bold;
    color:#F3AB03;
    text-align: center;
}
#quizz_count {
    font-size:60px;
    font-weight:bold;
    color:#AAAAAA;
    text-align: center;
}
#quizz_main {
    font-size:20px;
    font-weight:bold;
    text-align: center;
}
#quizz_avr {
    font-size:40px;
    font-weight:bold;
    color:#FF0000;
}