div#artistes{
margin: 0px auto 30px auto;
width: 970px;
clear: both;
}
div.top{
width: 970px;
position: relative;
float: left;
height: 15px;
background: url(images/annuaire_top.png) 0 0 no-repeat;
}

div.bottom{
clear: both;
width: 970px;
height: 15px;
background: url(images/annuaire_bottom.png) 0 0 no-repeat;
}

div.milieu{
width: 970px;
z-index:2;
float: left;
background: url(images/annuaire_milieu.png) 0 0 repeat-y;
}

div.fond{
z-index:2;
float: left;
width: 940px;
padding: 0px 20px 0px 10px;
position: relative;
min-height: 80px;
background: url(images/annuaire_fond.png) 0 0 no-repeat;
}
div#total{
width: 940px;
color: #ffffff;
text-align: right;
font-weight: bold;
font-size: 12px;
}

div#total span{
text-transform: uppercase;
}

div.artiste{
float: left;
font-size: 12px;
color: #840e8c;
width: 465px;
text-align: left;
position: relative;
}
div.artiste div.contenu{
margin-top: 24px;
position: relative;
width: 305px;
float: right;
font-size: 14px;
height: 99px;
border-bottom: 1px solid #840e8c;
}
div.artiste div.contenu div.titre{
font-weight: bold;
font-size: 14px;
}
div.artiste div.contenu a.visiter_espace_artiste{
width: 190px;
height: 22px;
display: block;
position: absolute;
bottom: 4px;
right: 0px;
float: right;
background: url(images/visiter_espace_artiste.png) 0px -25px no-repeat;
}
div.artiste div.contenu a:hover.visiter_espace_artiste{
background: url(images/visiter_espace_artiste.png) 0 0 no-repeat;
}

div.artiste div.contenu span{
text-decoration: underline;
}
div.artiste div.contenu div{
padding-bottom:5px;
}
div.fond  img{
float: left;
width: 96px;
border: none;
padding:26px 32px;
background: url(images/image_100_100.png) 0px -312px no-repeat;
height: 96px;
}

div.artiste img:hover{
background: url(images/image_100_100.png) 0px -460px no-repeat;
}

div#artistes_fond div.artiste a.modifier{
position: absolute;
top: 30px;
right: 0px;
width: 48px;
height: 48px;
background:url(images/modifier.png) 0px 0px no-repeat;
display: block;
}

div#artistes_fond div.artiste a.moderer{
width: 48px;
height: 48px;
position: absolute;
right: 0px; top: 30px;
background:url(images/moderer.png) 0px 0px no-repeat;
display: block;
}

div#lettres{
position:relative;
top: -35px;
margin: 0px auto 0px auto;
}

div#lettres a{
position: relative;
float: left;
bottom: 0px;
background:url(images/lettres.png) 0px 0px no-repeat;
text-align: center;
text-decoration: none;
width: 35px;
font-size: 13px;
padding: 10px 0px 5px 0px;
height: 15px;
color: #ffffff;
display: block;
margin-top: 10px;
}
div#lettres a:hover{
background:url(images/lettres.png) 0px -49px no-repeat;
}
div#lettres a.expose{
background:url(images/lettres.png) 0px -102px no-repeat;
padding-top: 18px;
padding-bottom: 12px;
margin-top: -10px;
position: relative;
height: 20px;
}

a.visiter_artiste{
width: 70px;
background:url(images/lire_artiste.png) 0px -26px no-repeat;
height: 22px;
position: absolute;
bottom: 30px;
right: 0px;
}
a:hover.visiter_artiste{
background:url(images/lire_artiste.png) 0px 0px no-repeat;
}