body {
    font: 12px Tahoma;
    color:#000000;
    background:  #3388DD url(images/interface/fond-degrade.jpg) repeat-x 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;
}
.popup-content{
    width:980px;
    margin-left:auto;
    margin-right:auto;
}
#popup-titre{
float:left;
padding-top:5px;
padding-bottom:0px;
width:980px;
height:20px;
background:url(images/interface/popup-titre2.png) no-repeat bottom;
font-size:14px;
font-weight:bold;
text-align:center;
}
#popup-body{
float:left;
width:980px;
padding-bottom : 10px;
background: url(images/interface/popup-body2.png) repeat-y ;

}
#popup-footer{
float:left;
padding-top:10px;
width:980px;
height:24px;
background:url(images/interface/popup-footer2.png) no-repeat top;
}
#popup-photo{
    float:left;
    width:150px;
    height:120px;
    margin-left:5px;
    margin-top:5px;
    text-align:center;
    font-size:10px;

}
#colA{
    float:left;
    width:155px;
    text-align: center;
}
#colA A{
float:left;
width:160px;
height:15px;
text-align: center;
}
#colA A:hover{
float:left;
background:url(images/interface/popup-lien2.png) no-repeat left top;
width:160px;
height:15px;
}

#popup-link A{
    background:url(images/interface/menu-degrade2.jpg) left top ;
    margin-left : 10px;
    margin-top : 5px;
    padding-left:2px;
    padding-top:3px;
    font: 11px Tahoma;
    width:145px;
    height:17px;
    color:#555555;
    font-weight:bold;
}
#popup-link A:hover{
    background:url(images/interface/menu-degrade.jpg) left top ;
    margin-top : 5px;
    margin-left : 10px;
    padding-top:3px;
    font: 11px Tahoma ;
    color:#FFFFFF;
    width:145px;
    height:17px;
    font-weight:bold;
}
#colB{
    padding-left : 15px;
    float:left;
    width:800px;
}
#haut-gauche{
    float:left;
    width:500px;
    height:16px;
    margin-top:15px;
    background:  url(images/interface/caps.png) no-repeat left;
    padding-left:10px;
}
#haut-droite{
    float:right;
    width:280px;
    height:16px;
    text-align:right;
    margin-right:10px;
    margin-top:10px;
}
#popup-jeu{
    float:left;
    width:785px;
    margin-left:0px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}

#popup-code{
    float:left;
    width:785px;
    height:20px;
    margin-left:10px;
    margin-top:15px;
    text-align:center;
    border: dotted 1px #3388DD;
}
#popup-score{
    float:left;
    width:785px;
    height:95px;
    margin-left:10px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}
.popup-titre1{
    background:  #CFE4FF;
    height:15px;
    padding-left:5px;
    padding-top:2px;
    font-weight:bold;
}
.popup-contenu{
    padding-left:5px;
    padding-top:5px;
}
.caps {
    background:  url(images/interface/caps.png) no-repeat left;
    margin-left:10px;
    margin-top:4px;
    padding-bottom:2px;
    padding-left:10px;
}
.bordered{
    border: solid 2px #3388DD;
}
/**********************************************/
#texte-variable {
    color:#AAAAAA;
    font-weight:bold;
}
#texte-commentaire {
    color:#F3AB03;
    font-weight:bold;
}
/* ------------------------------------ *
 CSS
 dimanche 17 janvier 2010 14:43:03
 HAPedit 3.1.11.111
 * ------------------------------------ */
 

#popup-player{
    float:left;
    width:560px;
    height:360px;
    margin-left:50px;
    margin-top:15px;
    overflow:hidden;
    overflow-x:hidden;
    overflow-y:hidden;
    border: solid 2px #3388DD;
}

#popup-playlist{
    float:left;
    width:300px;
    height:360px;
    margin-left:0px;
    margin-top:15px;
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    border: solid 2px #3388DD;
}