div#videos{
position: relative;
z-index:2;
font-size: 12px;
width: 970px;
top: -40px;
margin: 0px auto 0px auto;
text-align: center;
color: #840e8c;
}
div#categories{
width: 970px;
text-align: left;
clear: both;
margin: 0px auto;
}

div#categories ul{
list-style:none;
height: 45px;
list-style-type:none;
}

div#categories ul li{
list-style:none;
float: left;
list-style-type:none;
}

div#categories  a{
text-decoration: none;
background:url(images/categories_videos.png) top center no-repeat;
text-align: center;
position: absolute;
bottom: 0px;
cursor: pointer;
left: 0px;
list-style: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
width: 120px;
color: #ffffff;
padding: 20px 15px 0px 15px;
height: 20px;
}

div#categories  a:hover{
background:url(images/categories_videos.png) 0px -89px no-repeat;
}

div#categories  a.cat_select{
background:url(images/categories_videos.png) 0px -184px no-repeat;
}

div#categories .jcarousel-container {
width: 900px;
padding: 0px 20px;
margin: 0px auto;
z-index:50;
position: relative;
}

div#categories  .jcarousel-clip {
width: 900px;
height: 45px;
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}

div#categories  .jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

div#categories  .jcarousel-list li,
div#categories  .jcarousel-item {
float: left;
position: relative;
list-style: none;
list-style-type : none;
font-size: 12px;
width: 150px;
height: 45px;
}

div#categories  .jcarousel-prev {
display: block;
cursor: pointer;
background:url(images/arrow/left_gris.png) 0px -18px no-repeat;
z-index: 30;
top:55px;
position: absolute;
left: 0px;
width: 18px;
height: 18px;
}

div#categories .jcarousel-prev:hover {
background:url(images/arrow/left_gris.png) 0px 0px no-repeat;
}

div#categories  .jcarousel-next {
cursor: pointer;
background:url(images/arrow/right_gris.png) 0px -18px no-repeat;
z-index: 30;
top:55px;
position: absolute;
left: 30px;
width: 18px;
height: 18px;
}

div#categories  .jcarousel-next:hover {
background:url(images/arrow/right_gris.png) 0px 0px no-repeat;
}


















div.video_top{
width: 970px;

position: relative;
height: 15px;
background: url(images/annuaire_top.png) 0 0 no-repeat;
}

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

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

div.video_fond{
z-index:5;
float: left;
text-align: left;
width: 930px;
padding: 0px 20px;
position: relative;
min-height: 80px;
background: url(images/annuaire_fond.png) 0 0 no-repeat;
}

div.video_fond div.titre{
font-size: 13px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 5px;
}

div.video_fond div.contenu div{
padding-bottom: 5px;
}

div.video_fond div.contenu span{
text-decoration: underline;
}

div.video_fond div.contenu a{
color: #840e8c;
text-decoration: none;
}

div.video_fond div.contenu a:hover{
font-weight: bold;
}
div#video{
position: relative;
margin-top: -5px;
}

div#video a#retour{
width: 48px;
height: 48px;
position: absolute;
right: 10px; top: 0px;
background:url(images/come_back.png) 0 0px no-repeat;
display: block;
}



div#video a:hover#retour{
background:url(images/come_back.png) 0 -48px no-repeat;
}

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

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

div#video div.video_fond img{
float: right;
border: none;
position: relative;
background: url(images/image_120_90.png) 0px -140px no-repeat;
width: 114px;
height: 84px;
padding:18px;
margin-bottom: 5px;
}

div#video div.video_fond div.contenu{
font-size: 13px;
margin-top: 25px;
}

div#video div.video_fond div.contenu div.core{
padding-top: 15px;
}

div#video div.video_fond div.video_playeur{
width: 462px;
height: 292px;
padding: 44px 34px 44px 34px;
float: left;
position: relative;
z-index:1;
background:url(images/video_playeur.png) top center no-repeat;
}

div#navigation{
top: -60px;
padding: 0px 0px 0px 0px;
background:url(images/fond_navi_bio.png) 0px 35px no-repeat;
height:195px;
position: relative;
width: 1000px;
}

div#navigation img{
border: none;
position: absolute;
top: 5px;
height: 134px;
width: 164px;
padding: 28px;
background: url(images/image_170_140.png) 0px 0px no-repeat;
}

div.pub{
top: -30px;
position: relative;}

div#navigation div.precedent{
text-align: left;
float: left;
width: 500px;
}

div#navigation div.precedent img{
left: 0px;
}
div#navigation div.contenu{
font-size: 12px;
color: #840e8c;
position: absolute;
width: 280px;
top: 50px;
}
div#navigation div.contenu div{
padding-bottom: 5px;
}
div#navigation div.contenu div span{
text-decoration: underline;
}
div#navigation div.precedent div.contenu{
left: 220px;
}

div#navigation div.suivant img{
right: 0px;
}

div#navigation div.suivant{
float: right;
text-align: right;
width: 500px;
}


div#navigation img:hover{
background: url(images/image_170_140.png) 0px -187px no-repeat;
}

div#navigation div.suivant div.contenu{
right: 220px;text-align: right;
}

div#navigation div.suivant div.contenu a{
width: 142px;
float: right;
margin: 0px 0px 10px 140px;
text-align: right;
background: url(images/navi_video.png) 0px -78px no-repeat;
height: 22px;
display: block;
}

div#navigation div.suivant div.contenu a:hover{
background: url(images/navi_video.png) 0px -29px no-repeat;
}

div#navigation div.precedent div.contenu a{margin-bottom: 10px;
width: 170px;
background: url(images/navi_video.png) 0px -52px no-repeat;
display: block;
width: 170px;
height: 22px;
}

div#navigation div.precedent div.contenu a:hover{
background: url(images/navi_video.png) 0px -3px no-repeat;
width: 170px;
height: 22px;
}








div#article{position: relative;}
div#mixtape{padding-bottom: 5px;font-size: 13px;position: relative;}
div#autres_videos{position: realative;padding-bottom: 5px;font-size: 13px;}
div#mixtape div.txt{margin-top: 10px;}
div#video div.txt{margin-top: 10px;padding-bottom: 15px;}

div#mixtape img{
border: none;
height: 244px;
float: left;
width: 244px;
padding: 33px;
background: url(images/image_250.png) 0px 0px no-repeat;
}

div#mixtape img:hover{
background: url(images/image_250.png) 0px -312px no-repeat;
}

div#mixtape div.contenu{
margin-top: 35px;
}
div#mixtape a.visiter_mixtape{
position: absolute;
bottom: 15px;
right: 20px;
width: 220px;
height: 22px;
cursor: pointer;
background:url(images/visiter_mixtape.png) 0 -32px no-repeat;
display: block;
}

div#mixtape div#logo_mixtape_video{
position: absolute;
right: 20px;
top: -70px;
width: 250px;
height: 110px;
background:url(images/logo_mixtape_video.png) 0 0px no-repeat;
}

div#art div#logo_espaces_artistes_news{
position: absolute;
right: 20px;
top: -10px;
width: 250px;z-index: 100;
height: 110px;
background:url(images/logo_espaces_artistes_news.png) 0 0px no-repeat;
}

div#mixtape a:hover.visiter_mixtape{
background:url(images/visiter_mixtape.png) 0 0px no-repeat;
}

div#autres_videos div#logo_mixtape_autres_video{
position: absolute;
left: 355px;
top: -70px;
width: 250px;
height: 110px;
background:url(images/logo_mixtape_autres_video.png) 0 0px no-repeat;
}

div#autres_videos img{
float: left;
border: none;
position: relative;
background: url(images/image_120_90.png) 0px -140px no-repeat;
width: 114px;
height: 84px;
padding:18px;
}

div#autres_videos img:hover{
background: url(images/image_120_90.png) 0px -277px no-repeat;
}

div#autres_videos div.contenu{
float: right;
height: 89px;
padding: 0px;
position: relative;
border-bottom: 1px solid #840e8c;
width: 290px;
margin-top: 15px;
}


div#autres_videos .jcarousel-container {
width: 930px;
margin: 0px auto;
padding: 30px 0px;
text-align: center;
z-index:50;
position: relative;
}

div#autres_videos  .jcarousel-clip {
width: 880px;
height: 120px;
z-index: 2;
padding: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
}

div#autres_videos  .jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

div#autres_videos  .jcarousel-list li,
div#autres_videos  .jcarousel-item {
float: left;
text-align: left;
position: relative;
list-style: none;
list-style-type : none;
font-size: 12px;
width: 440px;
height: 120px;
}

div#autres_videos  a.visiter_video{
display: block;
position: absolute;
bottom: 5px;
right: 0px;
background:url(images/voir_video.png) 0px 0px no-repeat;
width: 133px;
height: 22px;
}
div#autres_videos  a:hover.visiter_video{
background:url(images/voir_video.png) 0px -25px no-repeat;
}

div#autres_videos .jcarousel-prev {
display: block;
cursor: pointer;
background:url(images/arrow/left_gris.png) 0px -18px no-repeat;
z-index: 30;
top:85px;
position: absolute;
left: 0px;
width: 18px;
height: 18px;
}
div#autres_videos{position: relative;}
div#autres_videos .jcarousel-prev:hover {
background:url(images/arrow/left_gris.png) 0px 0px no-repeat;
}

div#autres_videos .jcarousel-next {
cursor: pointer;
background:url(images/arrow/right_gris.png) 0px -18px no-repeat;
z-index: 30;
top:85px;
position: absolute;
right: 0px;
width: 18px;
height: 18px;
}

div#autres_videos .jcarousel-next:hover {
background:url(images/arrow/right_gris.png) 0px 0px no-repeat;
}





div#art{
width: 970px;
top: -40px;
z-index:10;
position: relative;
clear: both;
}





















div#fiche_artiste{
position: relative;
margin-top: -5px;
z-index:5;
}

div#fiche_artiste div.contenu{
margin-top:30px;
}
div.others_videos{
position: absolute;
bottom: 45px;
left: 310px;
height: 120px;
}

div#fiche_artiste div.contenu span.titre_over{
text-decoration: none;
}
div.others_videos a.card_over{
width: 150px;
display: block;
float: left;
}

div#fiche_artiste div.contenu img{
border: none;
position: relative;
background: url(images/image_120_90.png) 0px -140px no-repeat;
width: 114px;
height: 84px;
padding:18px;
margin-bottom: 5px;
}
div#fiche_artiste div.img img{
border: none;
height: 244px;
float: left;
width: 244px;
padding: 33px;
background: url(images/image_250.png) 0px 0px no-repeat;
}

div#fiche_artiste img:hover{
background: url(images/image_250.png) 0px -312px no-repeat;
}

div#fiche_artiste ul {
width: 880px;
margin: 0px auto;
padding: 0px;
clear: both;
z-index:50;
position: relative;
}
div#fiche_artiste .jcarousel-container {
width: 930px;
margin: 0px auto;
padding: 0px;
clear: both;
z-index:50;
position: relative;
}

div#fiche_artiste li {
float: left;
text-align: left;
position: relative;
list-style: none;
list-style-type : none;
font-size: 12px;
width: 880px;
height: 340px;
}
div#fiche_artiste  .jcarousel-clip {
width: 880px;
height: 340px;
z-index: 2;
padding: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
}

div#fiche_artiste  .jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

div#fiche_artiste  .jcarousel-list li,
div#fiche_artiste  .jcarousel-item {
float: left;
text-align: left;
position: relative;
list-style: none;
list-style-type : none;
font-size: 12px;
width: 880px;
height: 340px;
}


div#fiche_artiste .jcarousel-prev {
display: block;
cursor: pointer;
background:url(images/arrow/left_gris.png) 0px -18px no-repeat;
z-index: 30;
top:170px;
position: absolute;
left: 0px;
width: 18px;
height: 18px;
}

div#fiche_artiste .jcarousel-prev:hover {
background:url(images/arrow/left_gris.png) 0px 0px no-repeat;
}

div#fiche_artiste  .jcarousel-next {
cursor: pointer;
background:url(images/arrow/right_gris.png) 0px -18px no-repeat;
z-index: 30;
top:170px;
position: absolute;
right: 0px;
width: 18px;
height: 18px;
}

div#fiche_artiste  .jcarousel-next:hover {
background:url(images/arrow/right_gris.png) 0px 0px no-repeat;
}

div#fiche{
z-index:2;
height: 45px;
}
div#fiche ul.jcarousel-control {
list-style:none;
list-style-type:none;
height: 50px;
width: 900px;
padding: 0px 35px;
margin: 0px auto;
}

div#fiche .jcarousel-control li{
float: left;
position: relative;
width: 150px;
height: 45px;
}

div#fiche .jcarousel-control  a{
position: absolute;
bottom: 0px;
float: left;
display: block;
text-decoration: none;
background:url(images/categories_videos.png) top center no-repeat;
text-align: center;
bottom: 0px;
cursor: pointer;
left: 0px;
list-style: none;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
width: 140px;
color: #ffffff;
padding: 20px 5px 0px 5px;
height: 20px;
}

div#fiche .jcarousel-control  a:hover{
background:url(images/categories_videos.png) 0px -89px no-repeat;
}
div#fiche .jcarousel-control  a.current{
background:url(images/categories_videos.png) 0px -184px no-repeat;
}

div#fiche_artiste  a.visiter_espace_artiste{
width: 190px;
height: 22px;
display: block;
position: absolute;
bottom: 0px;
right: 0px;
float: right;
background: url(images/visiter_espace_artiste.png) 0px -25px no-repeat;
}
div#fiche_artiste a:hover.visiter_espace_artiste{
background: url(images/visiter_espace_artiste.png) 0 0 no-repeat;
}