body{
background:#347CBE url(images/body.gif) repeat-x; 
font-family: Arial; 
font-size:12px; 
margin:0;
padding:0;
letter-spacing:1px;
color:#fff;

}
a{
color:#000;
}
a:link, a:visited{
color:#FFEC00;
text-decoration:underline;
}
a:hover{
color:#E98CC7; 
text-decoration:underline;
}

#wrap{

height:auto;
margin:auto;
width:983px;
text-align:center;
padding:0;

}

.container{
text-align:left;
padding:0;
}

.header{
background:transparent url(images/logo.gif) no-repeat scroll 0%;
height:134px;
margin:auto;
width:730px;
}

.logo {

float:left;

}
.accroche {
color:#FFFFFF;
float:left;
font-size:15px;
height:20px;
margin-top:106px;
letter-spacing:1px;
}

.center-content-index {
background:transparent none repeat scroll 0%;
height:auto;
margin:82px auto auto;
width:730px;

}
/*-------------------------------------*/
.right-content-radios {

width:125px;
padding:0;
text-align:right;
float:left;

}


.center-content-radios{
height:auto;
background:transparent url(images/content.gif) no-repeat center top; 
width:730px;
float:left;
padding-top:35px;
}

.left-content-radios {
width:125px;
text-align:left;
float:left;
}
/*-------------------------------------*/
.right-content-styles {

width:162px;
padding:0;
text-align:right;
float:left;

}


.center-content-styles{
height:auto;
background:transparent url(images/content.gif) no-repeat center top; 
width:730px;
float:left;
padding-top:35px;

}
.left-content-styles {
width:88px;
text-align:left;
height:10px;
float:left;
}
/*-------------------------------------*/
.radios td {
text-align:center;

height:100px;

}

.radios td img {
border:1px solid #fff;
width:120px;
height:65px;

}

 .radios {
margin:auto;
width:700px;

}

.radios-styles td {
text-align:center;
padding-bottom:29px;

}

.radios-styles{
margin:auto;
width:700px;
text-align:center;
}

.pagination{
background:transparent url(images/pagination.gif) no-repeat scroll center top;
color:#FFFFFF;
font-size:14px;
height:30px;
letter-spacing:1px;
margin:15px auto;
padding-top:5px;
text-align:center;
width:400px;

}

.pagination a:link, .pagination a:visited{
font-weight:bold;
color:#fff;
text-decoration:none;

}
.pagination a:hover{
color:#FFEC00;
text-decoration:none;
}

.pagination a.active{

color:#FFEC00;
text-decoration:underline;
}

.zone-texte-bas{
color:#FFFFFF;
font-weight:bold;
letter-spacing:1px;
margin:0px auto 40px;
text-align:center;
width:500px;

}

.zone-texte-bas-radios {
color:#FFFFFF;
font-weight:bold;
letter-spacing:1px;
margin:47px auto 40px;
text-align:center;
width:500px;
}

.bas-de-page{
text-align:center;
margin-bottom:30px;
}

.autes-elements-bas{
width:600px;
text-align:center;
margin:auto;

/*------------DEBUT boutons des styles de radios colonne gauche ------------*/
}

.left-content-radios a.bandefm {
background:transparent url(images/bouton-bandefm.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.bandefm:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.alternative {
background:transparent url(images/bouton-alternative.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.alternative:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.classique {
background:transparent url(images/bouton-classique.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.classique:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.dancefloor{
background:transparent url(images/bouton-dancefloor.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.dancefloor:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.dancehall{
background:transparent url(images/bouton-dancehall.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.dancehall:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.divers{
background:transparent url(images/bouton-divers.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.divers:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.jazz{
background:transparent url(images/bouton-jazz.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.jazz:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.newtalents{
background:transparent url(images/bouton-newtalents.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.newtalents:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.rire{
background:transparent url(images/bouton-rire.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.rire:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.rock{
background:transparent url(images/bouton-rock.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.rock:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.soix-a-quat{
background:transparent url(images/bouton-70a90.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.soix-a-quat:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.soft{
background:transparent url(images/bouton-soft.gif) no-repeat scroll center top;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.soft:hover {
background-position: 0 -52px;
cursor:pointer;
}

/*------------FIN boutons des styles de radios colonne gauche------------*/



/*------------DEBUT boutons des styles de radios colonne gauche ACTIVES------------*/


.left-content-radios a.bandefm-active {
background:transparent url(images/bouton-bandefm.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.bandefm:hover {
background-position: 0 -52px;

}

.left-content-radios a.alternative-active { 
background:transparent url(images/bouton-alternative.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.alternative:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.classique-active { 
background:transparent url(images/bouton-classique.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.classique:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.dancefloor-active {
background:transparent url(images/bouton-dancefloor.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.dancefloor:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.dancehall-active {
background:transparent url(images/bouton-dancehall.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.dancehall:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.divers-active {
background:transparent url(images/bouton-divers.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.divers:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.jazz-active {
background:transparent url(images/bouton-jazz.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.jazz:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.newtalents-active {
background:transparent url(images/bouton-newtalents.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.newtalents:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.rire-active {
background:transparent url(images/bouton-rire.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.rire:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.rock-active {
background:transparent url(images/bouton-rock.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.rock:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.soix-a-quat-active {
background:transparent url(images/bouton-70a90.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.soix-a-quat:hover {
background-position: 0 -52px;
cursor:pointer;
}

.left-content-radios a.soft-active {
background:transparent url(images/bouton-soft.gif) no-repeat 0 -52px;
display:block;
height:51px;
width:113px;

}
.left-content-radios a.soft:hover {
background-position: 0 -52px;
cursor:pointer;
}

/*------------FIN boutons des styles de radios colonne gauche------------*/



/*------------DEBUT boutons des styles de radios colonne centrale ------------*/


.center-content-styles  a.bandefm {
background:transparent url(images/bandefm.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles  a.bandefm:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles  a.alternative {
background:transparent url(images/alternative.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles a.alternative:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles a.classique {
background:transparent url(images/classique.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles a.classique:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles a.dancefloor{
background:transparent url(images/dancefloor.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles a.dancefloor:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles a.dancehall{
background:transparent url(images/dancehall.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles a.dancehall:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles a.divers{
background:transparent url(images/divers.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles a.divers:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles  a.jazz{
background:transparent url(images/jazz.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles  a.jazz:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles  a.newtalents{
background:transparent url(images/newtalents.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles  a.newtalents:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles  a.rire{
background:transparent url(images/rire.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles  a.rire:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles  a.rock{
background:transparent url(images/rock.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles  a.rock:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles  a.soix-a-quat{
background:transparent url(images/70a90.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles  a.soix-a-quat:hover {
background-position: 0 -102px;
cursor:pointer;
}

.center-content-styles  a.soft{
background:transparent url(images/soft.gif) no-repeat scroll center top;
display:block;
height:102px;
width:141px;
margin:auto;
}
.center-content-styles  a.soft:hover {
background-position: 0 -102px;
cursor:pointer;
}
/*------------FIN boutons des styles de radios colonne centrale  ------------*/

.pub-leaderboard{
margin-bottom:50px;
margin-top:30px;
}