/*member*/

#titre_member {
background:url(member/img/titre-member.jpg) no-repeat bottom;
width: 100%;
float:left;	
}

#titre_member p{
font-size:24px;
font-weight:bold;
color:#666666;
padding-left: 60px;
}

#titre_member ul{
float:right;
list-style-type:none;
padding-right:30px;
}


#titre_member li{
float: left;
background:url(member/img/titre-member-fond-onglet.jpg) repeat-x;
height:23px;
line-height:23px;
margin-left: 15px;
padding: 0 5px 0 5px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

#titre_member li:hover{
background:#000000;
}

#titre_member ul a{
color: #FFFFFF;
}

#member {
width:760px;
}

#member div#left {
float: left;
display: block;
width: 50%;
}

#member div#right {
float: right;
display: block;
width: 50%;
padding-top: 10px;
}

#member a{
color:#000000;
text-decoration: none;
}

#member div#left div#indextitre {
width: 346px;
height: 70px;
background:url(member/img/titre-index-playlist.png) no-repeat;
}

#member div#right div#indextitre {
width: 346px;
height: 70px;
background:url(member/img/titre-index-favoris.png) no-repeat;
}

#member div#left div#indextitre div#map {
margin-left: 150px;
margin-top: 35px;
width: 186px;
height: 35px;
cursor:pointer;
}


#member div#milieu {
width: 344px;
height: 100%;
background:url(member/img/fond-member-playlist.png) no-repeat #FFFFFF;
border-bottom: 1px #c0c0c0 solid;
border-right: 1px #c0c0c0 solid;
border-left: 1px #c0c0c0 solid;
}

#member div#bas {
width: 346px;
height: 34px;
background:url(member/img/titre-index-bas.png) no-repeat;
text-align: center;
}

#member div#bas:hover {
background:url(member/img/titre-index-bas-hover.png) no-repeat;
}

#member div#bas a {
font-size: 16px;
color:#FFFFFF;
font-weight: bold;
line-height: 30px;
}


#member div#left div#ligne{
height: 50px;
}

#member div#right div#ligne{
height: 60px;
}



#member div#left div#milieu div#ligne:hover{
background:#a2ccfa;
}


#member div#right div#milieu div#ligne:hover{
background:#ce3d83;
}


#member div#milieu div#ligne table{
margin-left: 20px;
width: 346px;
}

#member div#milieu div#ligne table #titre_playlist{
font-size: 12px;
}

#member div#milieu div#ligne table #tag{
background:url(member/img/tag_pink.png) no-repeat;
font-size: 10px;
height: 16px;
line-height:16px;
padding-left: 20px;
}

#member div#milieu div#ligne table #tag a{
background-color:#ce3d83;
color:#fff;
padding-left:2px;
padding-right:2px;
}



#member div#ligne .cnt{
width: 40px;
height: 40px;
font-size:25px;
text-align: center;
}

#member div#right div#ligne .vote-member{
font-size: 15px;
width: 50px;
height: 40px;
}

#member div#milieu div#ligne .info-member{
font-size: 15px;
text-align:left;
padding-left:10px;
width: 200px;
}

#member div#milieu div#ligne .play-member{
text-align:center;
width: 100px;
vertical-align:middle;
}
#member div#milieu div#ligne .artiste{
font-weight:bold;
color:#000000;
}

#member div#left div#milieu div#ligne .plusinfos a{
font-size:10px;
font-style:italic;

}

#member div#left div#milieu div#ligne .plusinfos a:hover{
color:#FFFFFF;
background:#6f0a3b;
}


#member div#right div#milieu div#ligne .plusinfos a{
font-size:10px;
font-style:italic;

}

#member div#right div#milieu div#ligne .plusinfos a:hover{
color:#FFFFFF;
background:#70b2fb;
}


input.text{
border: #000000 1px solid;
font-size: 16px;
height: 25px;
line-height: 25px;
width: 180px;
}

input.submit{
background:#c3266c;
color:#FFFFFF;
font-size: 16px;
line-height: 20px;
height: 30px;
margin-left: 30px;
}


#substitut #aucun {
width: 100%;
text-align:center;
padding: 15px 0 15px 0;
font-size:13px;
font-weight:bold;
background-color:#a71c5f;
color:#FFFFFF;
font-style:italic;
}

#substitut #substitut_titre {
width: 100%;
text-align:center;
padding: 15px 0 5px 0;
font-size:12px;
border-top: 1px solid #666666;
color:#666666;
}