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

div#navigation{
position: relative;
width: 970px;
z-index: 30;
text-align: left;
}

div#navigation 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#navigation a:hover{
background:url(images/categories_videos.png) 0px -89px no-repeat;
}

div#navigation a.cat_select{
background:url(images/categories_videos.png) 0px -184px no-repeat;
}
div#navigation .jcarousel-container {
width: 900px;
padding: 0px 20px;
margin: 0px auto;
z-index:50;
position: relative;
}

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

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

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

div#navigation .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#navigation .jcarousel-prev:hover {
background:url(images/arrow/left_gris.png) 0px 0px no-repeat;
}

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

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

div#article{
font-size: 13px;
position: relative;
top: -5px;
}

div.top{
width: 970px;
position: relative;
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;
float: left;
background: url(images/annuaire_milieu.png) 0 0 repeat-y;
}

div.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.titre{
font-size: 13px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 5px;
}

div#article img{
background: url(images/image_300_300.png) 0 0 no-repeat;
padding: 38px;
width: 294px;
height: 294px;
}

div#article div span{
text-decoration: underline;
}

div#article a{
text-decoration: none;
color: #840e8c;
}


div#article div#decor_1 div{
padding-bottom: 5px;
}

div#article div#decor_1 div.txt{
padding-top:10px;
padding-bottom: 15px;
}
div#article div#decor_1 div.telechargement{
padding-bottom: 15px;
}
div#article div#decor_1 div.dl{
padding-top:5px;
padding-left: 100px;
}

div#article div#decor_1 img{
float: right;
}

div#article div#decor_1 div.contenu{
padding-top: 35px;
}

div.boutique{
width: 930px;
clear: both;
text-align: center;
}



div#artistes{
position: relative;
top: -85px;
color: #840e8c;
z-index: 50;
width: 970px;
margin: 0px auto;
}

div#no_decor{
padding-bottom: 30px;
}
div#decor_1{
padding-bottom: 30px;
}

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

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

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

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

div#artistes ul#espace_artiste{
width: 930px;
margin: 0px auto;
padding: 0px;
clear: both;
z-index:50;
position: relative;
}

div#artistes  ul#espace_artiste li{
margin: 0px auto;text-align: left;
position: relative;
list-style: none;
list-style-type : none;
font-size: 13px;
width: 880px;
height: 340px;padding: 0px 0px 25px 0px;
}


div#artistes .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#artistes .jcarousel-prev:hover {
background:url(images/arrow/left_gris.png) 0px 0px no-repeat;
}

div#artistes  .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#artistes  .jcarousel-next:hover {
background:url(images/arrow/right_gris.png) 0px 0px no-repeat;
}

div#artistes div.contenu{
margin-top:30px;
font-size: 13px;
}

div#artistes div.contenu img{
border: none;
float: left;
background: url(images/image_100_100.png) -5px -311px no-repeat;
width: 94px;
height: 94px;
padding: 28px;
}
div#artistes div.img img{
border: none;
height: 244px;
float: left;
width: 244px;
padding: 33px;
background: url(images/image_250.png) 0px 0px no-repeat;
}

div#artistes div.img img:hover{
background: url(images/image_250.png) 0px -312px no-repeat;
}
div#artistes div.contenu div{
padding-bottom: 5px;
}

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

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

div#artistes div.contenu a:hover{
font-weight: bold;
}

div#artistes 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#artistes a:hover.visiter_espace_artiste{
background: url(images/visiter_espace_artiste.png) 0 0 no-repeat;
}


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

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

div#nav_artiste .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#nav_artiste .jcarousel-control  a:hover{
background:url(images/categories_videos.png) 0px -89px no-repeat;
}
div#nav_artiste .jcarousel-control  a.current{
background:url(images/categories_videos.png) 0px -184px no-repeat;
}

div.autre_mixtape{
position: absolute;
bottom: 30px;
left: 310px;
}





























div#listing{
top: -10px;
position: relative;
}











div#videos_article{
position: relative;
z-index:2;
font-size: 13px;
width: 970px;
top: -40px;
margin: 0px auto 10px auto;
color: #840e8c;
}

div#videos_article 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#videos_article 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#videos_article div.contenu{
margin-top: 25px;

}div#videos_article div.contenu div.core{
padding-top: 15px;
}
div#videos_article div.contenu div{
padding-bottom: 5px;
}
div#videos_article div.contenu div span{
text-decoration: underline;
}


div#listing_videos{
position: relative;
z-index:2;
font-size: 13px;
width: 970px;
top: -40px;
margin: 0px auto 5px auto;
color: #840e8c;
}
div#loader div.video{
float: left;
position: relative;
width: 440px;
}
div#loader div.video a.modifier{
position: absolute;
top: 0px;
right: 0px;
z-index:10;
width: 48px;
height: 48px;
background:url(images/modifier.png) 0px 0px no-repeat;
display: block;
}

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

div#loader div.video{
float: left;
width: 440px;
height: 120px;
}

div#loader div.video 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#loader div.video img:hover{
background: url(images/image_120_90.png) 0px -277px no-repeat;
}
ul#listes_videos_article li{
float: left;}
div#loader div.contenu{
float: right;
height: 89px;
padding: 0px;
position: relative;
border-bottom: 1px solid #840e8c;
width: 290px;
margin-top: 15px;
}
div.corection{
float: left;
height: 120px;
position: relative; left: 25px;
padding: 30px 0px 30px 0px;
margin: 0px auto 0px auto;
width: 900px;
}
div#playing_video a{
text-decoration: none;
color: #840e8c;
}
div#loader div.video div.contenu div{
padding: 0px 0px 5px 0px;
}

div#loader div.video div.contenu div span{
text-decoration: underline;
}

div#article div#no_decor div{
padding-bottom: 5px;
}

div#article div#no_decor div.covers{
clear: both;
height: 370px;
width: 740px;
padding: 0px 95px 0px 95px;
}
div#article div#no_decor div.covers img{
float: left;
}

div#article div#no_decor div.cover{
width: 370px;
float: right;
}
div#article div#no_decor div.contenu{
padding-top: 35px;
}

div#article div#no_decor div.txt{
padding-top: 15px;
padding-bottom: 15px;
}
div#article div#no_decor div.ps{
padding-bottom: 15px;
}
div#article div#no_decor div.telechargement{
padding-bottom: 15px;
}


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

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

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

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

div#loader .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#loader .jcarousel-prev:hover {
background:url(images/arrow/left_gris.png) 0px 0px no-repeat;
}

div#loader .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#loader .jcarousel-next:hover {
background:url(images/arrow/right_gris.png) 0px 0px no-repeat;
}


div#load{
text-align: center;
margin: 100px auto;
padding-top: 45px;
font-weight: bold;
background:url(images/ajax-loader.gif) top center no-repeat;
color: #840e8c;
text-transform: uppercase;
}


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;
}
a:hover.visiter_video{
background:url(images/voir_video.png) 0px -25px no-repeat;
}


div#logo_video_en_cours{
position: absolute;
right: 20px;
top: -60px;
width: 250px;
height: 110px;
z-index: 400;
background:url(images/logo_mvideo_en_cours.png) 0 0px no-repeat;
}
div#logo_videos_mixtape{
position: absolute;
left: 20px;
z-index: 400;
top: -60px;
width: 250px;
height: 110px;
background:url(images/logo_videos_mixtape.png) 0 0px no-repeat;
}




















div#prec_suiv{
top: -45px;
color: #840e8c;
padding: 0px;
background:url(images/fond_navi_bio.png) 0px 55px no-repeat;
height:240px;
position: relative;
width: 1000px;
}

div#prec_suiv img{
border: none;
width: 174px;
height: 174px;
padding: 33px;
background: url(images/carre.png) 0 -291px no-repeat;
}

div#prec_suiv img:hover{
background: url(images/carre.png) 0 -576px no-repeat;
}

div#prec_suiv div.contenu{
font-size: 12px;
color: #840e8c;
position: absolute;
width: 260px;
top: 70px;
}

div#prec_suiv  div.contenu a{
margin-bottom: 10px;
background: url(images/mixtape_prec_suiv.png) 0px 0px no-repeat;
display: block;
height: 22px;
}

div#prec_suiv div.contenu div{
padding-bottom: 5px;
}
div#prec_suiv div.contenu div span{
text-decoration: underline;
}

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

div#prec_suiv div#precedent img{
left: 0px;
}

div#prec_suiv div#precedent div.contenu{
left: 240px;
}

div#prec_suiv div#precedent div.contenu a{
width: 190px;
background-position: 0px -26px;
}
div#prec_suiv div#precedent div.contenu a:hover{
background-position: 0px -1px;
}
div#prec_suiv div#suivant div.contenu a{
width: 170px;
float: right;
margin-left: 90px;
background-position: 0px -77px;
}

div#prec_suiv div#suivant div.contenu a:hover{
width: 170px;
background-position: 0px -53px;
}

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

div#prec_suiv div#suivant div.contenu{
right: 240px;
text-align: right;
}

div#prec_suiv div#suivant img{
right: 0px;
}



























































div#playeur_audio{
color: #840e8c;
text-align: left;
background: url(images/playeur_tchunes_article.png) center bottom no-repeat;
width: 880px;
padding: 10px 20px 10px 20px;
margin: 0px auto 45px auto;
position: relative;
margin-top: -50px;
}
div#playeur_audio div.contenu{
padding-top: 30px;
}

div#playeur_audio .jcarousel-container {
width: 880px;
margin: 0px auto;
padding: 0px;
clear: both;
z-index:50;
position: relative;
border-bottom: 1px dashed #840e8c;
}

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

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

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

div#playeur_audio li{
float: left;
text-align: left;
position: relative;
list-style: none;
list-style-type : none;
font-size: 13px;
width:440px;
height: 150px;
}
div#playeur_audio ul{
width: 880px;
margin: 0px auto;
padding: 0px;
clear: both;
z-index:50;
position: relative;
border-bottom: 1px dashed #840e8c;
}

div#playeur_audio img{
border: none;
float: left;
background: url(images/image_100_100.png) -5px -311px no-repeat;
width: 94px;
height: 94px;
padding: 28px;
}


div#player{
clear: both;
position: relative;
height: 80px;
margin: 10px auto 0px auto;
width: 920px;
}

div#player_play{
cursor: pointer;
background: url(images/tchunes_mixtape_bouton.png) -77px -6px no-repeat;
position: absolute;
left: 385px;
top: 12px;
width: 50px;
height: 50px;
}
div#player_pause{
cursor: pointer;
background: url(images/tchunes_mixtape_bouton.png) -208px -6px no-repeat;
position: absolute;
left: 385px;
top: 12px;
width: 50px;
height: 50px;
}
div#open{
cursor: pointer;
background: url(images/tchunes_mixtape_bouton.png) -271px -6px no-repeat;
position: absolute;
left: 545px;
top: 12px;
width: 50px;
height: 50px;
}
div#fermer{
cursor: pointer;
background: url(images/tchunes_mixtape_bouton.png) -337px -69px no-repeat;
position: absolute;
left: 545px;
top: 12px;
width: 50px;
height: 50px;
}
div#ctrl_prev{
cursor: pointer;
background: url(images/tchunes_mixtape_bouton.png) -9px -6px no-repeat;
position: absolute;
left: 302px;
top: 15px;
width: 50px;
height: 50px;
}

div#ctrl_next{
cursor: pointer;
background: url(images/tchunes_mixtape_bouton.png) -141px -6px no-repeat;
position: absolute;
left: 465px;
top: 12px;
width: 50px;
height: 50px;
}
div#playeur_audio div.contenu div{
padding-bottom: 5px;
}
div#playeur_audio div.contenu div span{
text-decoration: underline;
}
div:hover#player_play{
background: url(images/tchunes_mixtape_bouton.png) -77px -70px no-repeat;
}
div:hover#player_pause{
background: url(images/tchunes_mixtape_bouton.png) -208px -70px no-repeat;
}
div:hover#ctrl_prev{
background: url(images/tchunes_mixtape_bouton.png) -9px -70px no-repeat;
}
div:hover#ctrl_next{
background: url(images/tchunes_mixtape_bouton.png) -141px -70px no-repeat;
}
#player_volume_min {
	position: absolute;
	right: 240px;
	top:10px;
	color: #840e8c;
	font-size: 40px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	right: 60px;
	color: #840e8c;
	font-size: 20px;	
	font-weight: bold;
	top:25px;
	cursor: pointer;
}

#player_volume_bar {
border: 1px solid #840e8c;
padding: 1px;
	position: absolute;
	right:80px;
	top:27px;
	background: #ffffff;
	width:150px;
	height:15px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: #840e8c;
	width:0px;
	height:15px;
}

div#play_time{
position: absolute;
left: 20px;
color: #840e8c;
top: 29px;
}

div#total_time{
position: absolute;
left: 215px;
color: #840e8c;
top: 29px;
}

div#load{
text-align: center;
margin-top: 30px;
background:url(images/ajax-loader.gif) top center no-repeat;
color: #840e8c;
padding-top: 65px;
text-transform: uppercase;
}
#player_progress {
	border: 1px solid #840e8c;
	padding: 1px;
	position: absolute;
	left:60px;
	top:27px;
	background-color: #eee;
	width:145px;
	height:15px;
}
#player_progress_load_bar {
	background:#ffffff;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.jqjp_buffer {
	background: #949294;
}
#player_progress_play_bar {
	background: #840e8c ;
	width:0px;
	height:15px;
}