/ CSS Document *//**************************************************
 *
 * GENERAL PROPERTIES
 * GENERAL CLASSES
 * STRUCTURE
 * PAGINATION 
 * COLORS 
 * NAVBAR 
 * SEARCHBOX
 * SEARCHRESULTS 
 * PREVIEW 
 * TOP (bestof)
 * ONGLETS 
 * FOOTER       
 * TELECOMMANDE 
 * HOME 
 * ALBUMS 
 *
 * AGENDA
 * GENRE DISPLAY
 * TITLE
 
**************************************************/
.error_404{text-align:center;font-weight:bold;font-size:12px;margin-top:5px;}


/************** GENERALS PROPERTIES **************/
*{margin:0;padding:0;font-family: arial;font-size:11px}
a{text-decoration:none;color:#000}
a:hover{text-decoration:underline}
img{border:0}
li{list-style: none}

/************** GENERALS CLASSES **************/
.block{display:block}
.table{display:table}
.inline{display: inline}
.left{float:left}
.right{float:right}
.bold{font-weight:bolder}
.center{text-align:center}
.clearLeft{clear:left}
.clearRight{clear:right}
.clear{clear:both}
.spacer{height:10px}
.rounded{-moz-border-radius:8px;-webkit-border-radius:8px}
collapse{border-collapse:collapse}
.absolute{position:absolute}
.relative{position:relative}
.pink{color:#f09 !important}
.openquote{width:9px !important;height:7px !important;margin:0 3px !important}
.closequote{width:9px !important;height:7px !important;margin:0 3px !important}
.blue{color:blue}
.red{color:red}
.textColor{color:black}
.white{color:black}
.under{text-decoration:underline}
.border1C{border: 1px solid #ccc;}
.bgWhite{background:#FFF;}

/* ***************** TABLES ***********************/
.tablewhite{background:#fff;}
.tablegrey td{background:#efefef}
.table td{background:transparent !important}
.large{width:100%}
th{background: url(/img/navbar.png) top;color:#555;text-align:left}
.table th, .table td{padding:3px}
.tablegrey th, .tablegrey td{padding:3px}
.tablewhite th, .tablewhite td{padding:3px}
.colored{background:#f0f0f0 !important}
.collapse{border-collapse: collapse;}
.suspended{background:#fcc !important}
.valid{background:#cf9 !important}
.fixed tr td{overflow:hidden}

.tablewhite2{background:none;}
.tablewhite2 th, .tablewhite2 td{padding:3px}

.leftForm .tablewhite2{
    margin-left:30px;
    padding-top:2px;}
	
.leftForm .tablewhite2 tr{height:26px;}

/************* STRUCTURE **********************/
#mainContent{}
.logo{padding-top:15px;float:left;}
#wrapper{width:988px;margin:0px auto}
#header{width:100%;margin-bottom:5px;}
#promotedRadio{
    width:100%;
    border:1px solid #ccc;
    margin:0 0 6px 0;
    padding:10px 0;
    text-align:center;
    background: #fff url(/img/virginradio.png) no-repeat center center;
    height:125px;}
	
#promotedRadio a{
    margin-top:110px !important;
    margin-top:120px;
    color:#f09}
	
#logo{display:block;width:180px;margin:10px}
#megaban{margin:2px 0}
#col1, #col2{text-align:center}
#col1 #fb_connect, #col1 #importContacts, #col1 #searchMembers{width:100%;border:1px solid #ccc}
#importContacts{margin-top:20px;padding:12px 0}
#col2{
    margin-left:8px;
    background: #f3f3f3;
    border:1px solid #ccc;
    padding-top:2px;}
	
#homenews{
	background:#FFFFFF;
    text-align:left;
    margin-top:10px
}
#homenews b{font-size:12px;margin-left:10px;}
#homenews a{
    font-size:11px;
    margin:3px 5px;
    border-bottom:1px dotted #ccc;
    padding-bottom:2px;}

#col1{width:205px !important;width:195px}
#col2{width:305px !important;width:295px}
.col3{width:480px}
.col{width:300px;margin-top:6px}

.pave1{ border:1px solid #ccc; width:300px;}

#logindiv{margin-right:10px;}
#logindiv div{margin-left:10px !important;}
#logindiv div a{font-weight:bold; color:#000; text-decoration:none;background-color:none;}
#logindiv div a:hover{font-weight:bold; color:#FF0099; text-decoration:none;background-color:none;}

#loginnotif{text-align:center;}
#loginnotif.good,#passnotif.good{color:#060;font-weight:bold;}
#loginnotif.wrong,#passnotif.wrong{color:#F00;font-weight:bold;font-size:16px;}

#notificationWrapper{
    text-align: right;
    width:430px;
    background:#fff;
    margin:0 5px 0 0;
    border:1px solid #ccc;
    height:20px;
    overflow:hidden;
    padding: 0;}
	
#notificationArea{
    padding:2px 4px;
	font-size:12px;
	font-weight:bold;}

.urgent {color : #FF0099;}

.non_urgent {color : #000;}

#notificationWrapper .non_urgent a{
    margin:0 !important;
    color:#333;
	font-size:12px;
	font-weight:bold;}

#notificationWrapper .urgent a{
    margin:0 !important;
    color:#FF0099;
	font-size:12px;
	font-weight:bold;}

/****************************PAGINATION ********************************/
.pagination{
    margin:5px 0 5px 112px;
    padding:0px 6px;
    background: #f3f3f3;
    border:1px solid #aaa;
    border-top:1px solid ccc;
    border-right:1px solid ccc;
    width:300px;}
	
#tops .pagination,#tops2 .pagination, #highlights .pagination{
    margin:6px auto !important;
    clear:left}

.pagination .pagenumber{
    margin:0 30px;
    color:#f09;
    width:12px;}
	
.pagination .prev, .pagination .next{
    width:12px;
    height:12px;
    margin:0 2px;}
	
.pagination .prev{background: url(/img/prev.gif) 0 2px no-repeat; padding-left:13px;margin:0 25px 0 20px}
.pagination .next{background: url(/img/next.gif) 26px 2px no-repeat; padding-right:25px;margin:0 0 0 15px}

#header td{padding:0 !important;}

/***********************NAVBAR***********************/
#navbar{
    width:985px;
	margin-top:2px;
    background: #eee url(/img/navbar.png) top repeat-x;
	height:22px; 
	line-height:22px; 
	display:block;
	border-bottom:solid 2px #CCCCCC;}

#navbarlink {height:22px; float:left; background:#fff;}
#navbarlink ul{margin:0; padding:0; list-style:none;}
#navbarlink li{float:left; margin-right:2px; border:solid 1px #ccc;}
#navbarlink li a{font:bold 12px Arial; color:#000; text-decoration:none; padding:0 10px; height:21px; display:block; line-height:21px; background:url(/img/navbar.png);}
#navbarlink li a:hover{color:#fff; background:#000; display:block;}
#navbarlink li a.playlists{color:#ff0099;}
#navbarlink li a:hover.playlists{color:#fff;}
#navbarlink li a span{color:#ff0099;}

#navbarmod {height:22px; float:right;} 

#navbar #navbarlink .navselected{
    text-decoration:none;
    color:#fff !important;
	background: #000 top no-repeat;}

.fb_login_not_logged_in img{margin-right:5px;height:20px}
#universBar{
    display:none;
    height:6px;
    background:#f3f3f3;
    border-left:2px solid #999;
    border-right:2px solid #999;}

.flags{
    width:16px;
    height:16px;
    margin:0 2px !important;
    background-repeat: no-repeat;}
	
#fr{background-image: url(/img/fr.png)}
#de{background-image: url(/img/de.png)}
#us{background-image: url(/img/us.png)}
#uk{background-image: url(/img/uk.png)}
#es{background-image: url(/img/es.png)}

/***********************SEARCHBOX***********************/
#searchbox{
    width:985px;
    padding:3px 0 0 0;
    display:table;}
	
#searchbox form p{
	padding:0;
	margin:0;}
	
#searchinput{
    border:2px solid #000;
    border-right:1px solid #000;
    font-size: 14px;
    width: 415px;
    display:block;
    background: #fff url(/img/search.png) left no-repeat;
    padding-left:20px;
    margin-left:0px;
    color:#222;
    height:18px;}
	
#searchsubmit{
    color: #f09;
    border:2px solid #000;
    border-left:1px solid #000;
    font-size: 12px;
    background: #DDDCDF;
    font-weight:bold;
	cursor:pointer;
    height:22px;}
	
#searchsubmit:hover{background:#000;color:#f09;}

#searchbox .navlink{margin-left:10px}

.searchtochannel{ border-bottom:1px dotted #ccc;padding:10px 0 2px 0;}

#wrapper_resultas_autocmpl {margin: auto 0px 15px 15px;}

/**********************CONFIRMALERT***********************/
#confirmAlert{
  position:fixed !important;
  position:absolute;
  bottom:50%;
  left:200px;
  background:#060;
  color:#fff;
  font-weight:bold;
  padding:20px;
  font-size:25px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  z-index: 10000;
  display:none;}

.dialogBox {display:none;}

/***********************SEARCHRESULTS***********************/
#searchresults{
    width:590px;
    margin:10px 0;
    height:500px;}
	
.result{
//    margin:0 3px;
//    padding:3px 0;
    font-size:11px;
    color:#333;
    background:#fff;}
	
.result a.thumb{display:block;float:left}
.result img{height:12px;margin:1px}
.result:hover{background-color:#cff !important}
.resultnb{margin:8px 0}

/*************************PREVIEW****************************/
a.artist_video_broadcast, a.titre_video_broadcast {display:block;text-decoration:none;}
a.artist_video_broadcast:hover, a.titre_video_broadcast:hover {text-decoration:underline;}
a.titre_video_broadcast {font-weight:bold;}

#embed{background:#efefef;width:480px;}
#embed #homeVideo{
    position: relative;
    display: block;
    text-align:left;
    background: #000 url(/img/ajax-loader.gif) center no-repeat !important;
    height:385px !important;
    width:480px;}
	
#embed{border: 1px solid #000;}

#homeVideo > #homeVideo{border: 1px solid #000;}

#embed #highlights{width:99px;background: #efefef !important}
#embed #highlights div{
    text-align:center;
    background:#fff;
    border:1px solid #ccc;
    display:block;
    margin-bottom:2px;
    height:104px}
	
#embed #highlights div p{font-size:9px}
#embed #highlights div a img{width:78px;height:65px;margin:2px 0}
#embed .videoTitle{height:42px;padding:4px 0;background:#ccc !important;display:table;width:480px;}
#embed .videoTitle, #embed .videoTitle a, #embed .videoTitle, #embed .videoTitle h1, #embed .videoTitle h1 a, #embed .videoTitle h2 a{
    font-size:16px;
    color:#333;
    margin:0 auto;
    text-align:center;}
	
#embed .videoTitle h1 a, #embed .videoTitle h2{
    margin:0 auto;
    font-size:16px !important;}
	
#embed .videoTitle h2, #embed .videoTitle h2 a{
    font-size:16px !important;
    font-weight:normal !important;}
	
#embed .playlistMode{width:100%}
#embed .playlistMode,#embed .playlistMode b,#embed .playlistMode a{
    color:#fff !important;
    background:#000 !important;}
	
#embed #highlights .title{
    color:#fff !important;
    background:#000 !important;}
	
#nosourcesmsg{
    padding:80px 0;
    font-size:15px !important;}
	
/**************************** TOPS ****************************/

#tops,#tops2{
    background:#eee;
    width:500px;
    border:1px solid #999;
    margin-top:-1px;}

#tops{ /*border:1px solid red;*/}

/*****/
#mainContent #tops #inher_tops{
	background:none;
    border:none;
	margin:-1px;
	padding:0px 0px 5px 0px;
	width:500px;
	float:left;
	position:relative;}

#mainContent #tops #inher_tops .pagination{ margin:6px auto !important;clear:left;}

#mainContent #inher_tops {
    background:#eee;
    width:500px;
    border:1px solid #999;
    margin-top:-1px;
	float:left;
	padding-bottom:5px;
	position:relative;}

#mainContent #inher_tops div{
    width:115px;
    height:148px;
    background:#fff;
    text-align:center;
    cursor:pointer;
    margin:6px 0 0px 5px;
    padding:1px 0;
	border:1px solid #ccc;}

#mainContent #inher_tops div:hover{background:#ddd}

#mainContent #inher_tops div img{width:110px;height:83px;}
#mainContent #inher_tops div .pitch{
    color:#f09;
    font-weight:bold;
    font-size:12px}
	
#mainContent #inher_tops div .artist{font-weight:bold;font-size:11px}
#mainContent #inher_tops div .title{
    width:100px;
    font-size:11px;
    text-align:center;
	margin:0 auto;} 

/****/
#highlights{
    background:#fcf;
    width:530px;
    border:2px solid #f9f;
    margin-top:-1px;}
	
.bandeautops{
    background: transparent url(/img/bandeau_tops.png) no-repeat;
    /background: none;
    /filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bandeau_tops.png', sizingMethod='scale');
    width:98px;
    height:98px;
    top:0;
    left:0;
    z-index:1000;}
	
.bandeaudecouvertes{
    background: transparent url(/img/bandeau.png) no-repeat;
    /background: none;
    /filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bandeau.png', sizingMethod='scale');
    width:98px;
    height:98px;
    top:0;
    left:0;
    z-index:1000;}
	
#highlights{margin-top:2px !important}
.topHome{height:489px !important}

#tops div,#tops2 div{
    width:115px;
    background:#fff;
    text-align:center;
    margin:6px 0 0px 5px;
    padding:1px 0;
	border:1px solid #ccc;}
	
#highlights div{
    width:125px !important;
    width:120px;
    height:130px;
    background:#eee;
    text-align:center;
    cursor:pointer;
    margin:6px 0 4px 4px;
    padding:1px 0 4px 0;
    border:1px solid #ccc;}
	
#tops div:hover,#tops2 div:hover{background:#ddd}
#highlights div:hover{background:#ddd}

#tops div img,#tops2 div img, #highlights div img{width:110px;height:83px;}
#tops div .pitch,#tops2 div .pitch, #highlights div .pitch{
    color:#f09;
    font-weight:bold;
    font-size:12px}
	
#tops div .artist,#tops2 div .artist, #highlights div .artist{font-weight:bold;font-size:11px}
#tops div .title,#tops2 div .title{
    width:100px;
    font-size:11px
    text-align:center;
    margin:0 auto;}
	
#highlights div .title{
    width:130px !important;
    width:120px;
    font-size:11px
    text-align:center;
    margin:0 auto;}

/** CHARTS **/
#topTitle div{
    font-size:16px !important;
    color:#000 !important;
    text-align:center;}
	
/**************************** ONGLETS ******************************/
ul.menuGenreDisplay{margin:0; padding:0; list-style:none;}
ul.menuGenreDisplay li{float:left; margin:0 2px 0 0;border:1px solid #ccc;}

ul.menuTopWorld{margin:0; padding:0; list-style:none}
ul.menuTopWorld li{float:left; margin:0 2px 0 0;border:1px solid #ccc;}

.onglets a{
  padding:3px 3px;
  color:#000;
  font-weight:bold;
  font-size:12px;
  background:#eee url(/img/navbar.png) top repeat-x;}
  
.onglets a:hover, .ongletsSelected{
    background: #000 !important;
    color:#fff !important;
    text-decoration:none;}
	
.fixedTab{color:#efefef !important; background:#333 !important;}

/**************************** COMMENT BOX ******************************/
#homeComments{
	background: #fff;
    width:360px;
    border:1px solid #ccc;}

#homeComments .comment{
    width:98%;
	padding:3px;
    float:left;}

#homeComments .comment p{
font-size: 11px;
margin: 3px;
padding:0px;
width: 260px;
text-align: justify;}

.comment{
    width:380px;
    float:left;
    border-bottom:1px solid #999;}
	
.comment textarea{
    width:320px;
    height:30px;
	float:left;
//    border:1px solid #999;
//    border-bottom:1px solid #ccc;
//    border-left:1px solid #ccc;
    font-size:12px;}
	
.comment input{
    font-size:11px;
    margin:0px 0 0 10px;
    text-align:left} 
	
.comment p{
    font-size:11px;
    margin:3px 5px 3px 10px;
    text-align:left;
    width:270px;
    text-align:justify;}
	
.comment img{
    width:36px;
    height:36px;
    margin:3px 0 3px 0;}

#homeComments {background-color:#eee;}

.bulle{color:#666;}
.bulle:hover{text-decoration:none;}
.bulle img{width:16px !important;height:14px !important;margin:0 !important;}

/**** channel & title comments ***/
#channelComments .comment{
    width:100%;
    margin:3px 0;
    text-align:center;
    float:right;}
	
#channelComments .comment textarea{
    width:450px;
	margin-left:10px;
    height:50px;
    border:1px solid #999;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:12px;}
	
#channelComments .comment input{
    font-size:11px;
    margin:2px 10px;
    text-align:left} 
	
#channelComments .comment p{
    font-size:11px;
    margin:3px 5px 3px 10px;
    text-align:left;
    width:355px;
    text-align:justify;}
	
#channelComments .comment img{
    width:55px;
    height:55px;
    margin:3px 3px 3px 10px;}

/**************************** HEADER ******************************/
.headerLine{height:100px;margin: 0; padding:0;cursor:pointer;}
.headerLogo{display:block; width:159px;padding:0; height:50px;}
.headerBan{display:block; margin-left:auto;padding:0; margin-right:auto; width:730px;float:right;}
.emptyBanLeft{position:absolute;height:700px; cursor:pointer;color:#000;}
.emptyBanRight{position:absolute;top:0px;right:1px;height:700px; cursor:pointer;color:#000;}

/**************************** FOOTER ******************************/
#footer{
    width:100%;
    border:1px solid #ccc;
    border-bottom:0;
    text-align:center;
    margin-top:55px;
    color:#999;}
	
#footer, #footer a, #footer p{font-size:11px;color:#999;}
#footer p{margin:10px 20px;}
#footer ul li{display:inline;}
#footer img{margin:0 30px;}

.indexLinks{margin:5px 0}
.indexLinks a{margin:0 6px;font-size:9px !important;color:#aaa}
.indexLinks a:hover{font-weight:bold}
.indexLine{
    padding:2px 0;
    border-bottom:1px dotted #efefef;
    width:500px;
    margin:0 !important;}

/**************************** TELECOMMANDE ******************************/
.telecommande{ width:480px !important; background:#fff !important;}

#share, .utils{ background:#ccc !important;padding:0 0 0 0;}

.telecommande .util{
    width:16px;
    height:16px;
    color:#333;
    margin:0 3px 0 4px;
    background-repeat:no-repeat;
    background-position: 5px 4px;
    text-align:left;}
	
.telecommande #comment{
    background-image: url(/img/pictos/bulle.png);
    width:64px !important;
    margin-left:4px;
    padding:4px 0 5px 24px;
    height:14px;}
	
.telecommande .utils #send{
    padding:4px 5px 5px 24px;
    background-position: 5px 3px !important;
    width:218px !important;
    width:213px;
    height:14px;}
	
.telecommande .utils #emailaddress{
    width:150px;   
    margin-top:-2px;
    color:#666;}

.telecommande .util:hover{text-decoration:none}
.telecommande .utilSelected{
    background-color:#fff;
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;}
	
.telecommande .utils textarea{width:440px;height:36px;margin:0 6px 2px 6px;color:#666;border:1px solid #fff}
.telecommande .utils #receiver{margin:0 6px 2px 6px;height:14px;border:1px solid #d6d6d6;width:100px}
.telecommande .utils input[type="submit"]{float:right;margin-top:-24px;margin-right:5px}

.telecommande  #nuage_tag {background-color:#d6d6d6;padding:3px 0 3px 10px;width:465px;}
.telecommande  #nuage_tag  a{color:#E53288;font-weight:bold;text-decoration:none;}
.telecommande  #nuage_tag  a:hover{text-decoration:underline;}

/************* PICTOS **********************/
.telecommande #ilike{background: url(/img/pictos/ilike.gif) top right no-repeat;margin-top:4px;}
.telecommande #ilike:hover{background-position: right bottom;}

.telecommande #dontlike{background: url(/img/pictos/dontlike.gif) top right no-repeat;margin-top:4px;}
.telecommande #dontlike:hover{background-position: right bottom;}

.telecommande #addfavorite, .addfavorite{background: url(/img/pictos/favorites.gif) top right no-repeat;margin-top:4px;}
.telecommande #addfavorite:hover{background-position: right bottom;}
.addfavorite_small{background: url(/img/pictos/favorites_small.gif) top right no-repeat;width:12px;height:12px;margin:1px;}
.addfavorite_small:hover{background-position: right bottom;}

.telecommande #addplaylist{background: url(/img/pictos/playlist.gif) top right no-repeat;margin-top:4px;}
.telecommande #addplaylistdisable{background: url(/img/pictos/playlistdisable.gif) top right no-repeat;margin-top:4px;}
.telecommande #addplaylist:hover{background-position: right bottom;}
.addplaylist_small{background: url(/img/pictos/playlist_small.gif) top right no-repeat;width:12px;height:12px;margin:1px 2px 1px 1px;}
.cantaddplaylist_small{background: url(/img/pictos/cantplaylist_small.gif) top right no-repeat;width:12px;height:12px;margin:1px 2px 1px 1px;}
.addplaylist_small:hover{background-position: right bottom;}

.telecommande #removefavorite{background: url(/img/pictos/removefavorite.png) top right no-repeat;margin-top:4px;}
.telecommande #removefavorite:hover{background-position: right bottom;}
.removefavorite_small{background: url(/img/pictos/removefavorite_small.png) top right no-repeat;width:12px;height:12px;margin:1px;}
.removefavorite_small:hover{background-position: right bottom;}

.telecommande #send{background-image: url(/img/pictos/message.png);}
.telecommande #viewall{width:455px !important; background-image: url(/img/pictos/viewall.png);}
.telecommande p a{padding-left:0px;cursor:pointer;}

.telecommande #links p{padding:3px 0 3px 10px;background:#d6d6d6;width:465px;}
.links{margin:2px 6px 2px 0;padding:0 3px;}
.links input{width:365px !important;}
.double{
    background-color:#d6d6d6;
    background-position:5px center;
    padding:6px 0;
    padding-left:25px;
    color:#333;
    background-repeat:no-repeat;
    font-weight:bold;
    text-align:left;}
	
#loadingTelecommande{top:0;right:0;}

/****************************** HOME *****************************************/
.topMondeWrapper{width:620px}
.topsMonde{
    background:#eee;
    width:100%;
    border:1px solid #999;
    margin-top:-1px;
    padding-bottom:4px;}
	
.topMonde{
    width:98px;
    text-align:center;
    background:#fff;
    border:1px solid #ccc;
    display:block;
    margin:5px 12px;
    padding:7px 0 3px 0;}
	
.topMonde p{font-size:9px;}
.topMonde:hover{background:#ddd;}
.topMonde img{width:78px;height:65px;}

/* temporaire*/
.topsMonde2{
    background:#eee;
    width:97%;
    /*height:466px;*/
    border:1px solid #999;
    padding-bottom:4px;}
	
.topsMonde2 div{
    width:135px;
    text-align:center;
    background:#fff;
    border:1px solid #ccc;
    display:block;
    margin:5px 2px;
    padding:7px 0 3px 0;}
	
.topsMonde2 .pos{
    font-size:14px;
    width:27px;
    height:27px;
    color:#fff;
    background: url(/img/pastille.gif) no-repeat;
    padding:3px 0 0 2px;}
	
.topsMonde2 div p{font-size:9px;}
.topsMonde2 div:hover{background:#ddd;}
.topsMonde2 div img{width:117px;height:84px;}
/* temporaire */

#chartsonglets{margin-top:4px;float:left;width:500px;}

/**************************** PLAYLISTS ****************************/
#hautplaylist {
	width: 495px;
	height: 35px;
	float:left;
	background-color:#000000;
	border:1px solid #999;
	padding:7 0 0 7 !important;
	padding-top: 13px;
	padding-left: 5px;}
    
.box {
	float:left;
	margin-left: 3px;
	margin-top: 3px;
	margin:0 0 0 5px !important;}
	
.boxText{
	border: none;
	color: #000;
	font-size: 14px;
	width: 210px;
	height: 22px;
	background: #ffffff;}

.hoke {float:left;margin:0 0 0 5px !important;}
	
.hokeButton{
	background: #ff0099;
	border: none;
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
	width: 22px;
	height: 22px;}

#playlistsPanel{
    background:#eee;
    width:450px;
    border:1px solid #999;
	float:left;
    margin-top:-1px;
	padding-left:50px;}
	
#playlistsPanel div{
    width:125px;
    height:125px;
    background:#fff;
    text-align:center;
    cursor:pointer;
    margin:6px 0 0px 4px;
    padding:1px 0;
    border:1px solid #ccc;}
	
#playlistsPanel div:hover{background:#ddd;}
#playlistsPanel div img{width:115px;height:87px;}
#playlistsPanel div .pitch{
    color:#890909;
    font-weight:bold;
    font-size:12px;}
	
#playlistsPanel .play{
    width:16px;
    height:16px;
    background: url("/img/pictos/play.png") no-repeat;
    margin:0 5px;}
	
#playlistsPanel .liste{
    width:16px;
    height:16px;
    background: url("/img/pictos/liste.png") no-repeat;}
	
#playlistTitle{width:auto !important;}
#playlistTitle div, #playlistTitle p{color:#333 !important;text-align:center;}
#playlistTitle .name{font-size:16px !important;margin-bottom:10px;}
#playlistTitle .summary{font-size:14px !important;margin-bottom:5px;}
#LayerPlaylistBar{
    position:absolute;
    background-color:black;
    width:480px;
    height:30px;
    z-index:1000;}
	
#LayerPlaylistBar span{color:white; font-size:16px;}

#hautplaylist form #label_playlist {color: #ffffff;font-size: 14px; font-weight: bold;margin-top:4px;display:block;}

/**************************** RADIOS ****************************/
#radiosContent{
    display:table;
    background:#eee;
    width:500px;
    border:1px solid #999;
    margin-top:-1px;
    padding-bottom:4px;}
	
.highlightedRadio{background: #333}

#allRadios div{
    width:168px;
    height:155px;
    background:#ddd;
    text-align:center;
    cursor:pointer;
    margin:4px 0 0 4px;
    padding:2px 0;}
	
#allRadios div:hover{background:#f3f3f3}
#allRadios div img{width:142px;height:108px}
#allRadios div .pitch{
    color:#890909;
    font-weight:bold;
    font-size:12px}
#allRadios div .artist{font-weight:bold;font-size:11px}
#allRadios div .title{
    width:142px;
    font-size:11px;
    text-align:center;
    margin:0 auto;}
/*******/
#allRadios div{
    width:168px;
    height:155px;
    background:#ddd;
    text-align:center;
    cursor:pointer;
    margin:4px 0 0 4px;
    padding:2px 0;}
#allRadios div:hover{background:#f3f3f3;}
#allRadios div img{width:142px;height:108px;}
#allRadios div .pitch{
    color:#890909;
    font-weight:bold;
    font-size:12px;}
#allRadios div .artist{font-weight:bold;font-size:11px;}
#allRadios div .title{
    width:142px;
    font-size:11px;
    text-align:center;
    margin:0 auto;}
	
/****************************** INDEX MEMBERS **********************************/
#friendSearch {
	width: 498px;
	height: 35px;
	background-color:#000000;
	border:1px solid #999;
	padding:7 0 0 7 !important;
	padding-top: 13px;}
	
#friendSearchContent {width:500px;}

.content_index_members{width:495px;}
.content_index_members_title {padding:5px;width:490px !important;width:490px;}
.content_index_members_com {margin-left:50px;}
.content_index_members_mod {margin-left:10px;}

/****************************** ARTIST *****************************************/
.artistCard{margin:8px 5px;color:#333;width:510px}
.artistPhoto{margin:10px;height:120px}
.artistCard p b{
    /*font-size:25px;*/
    font-weight:bolder;
    letter-spacing:-1px;
    /*margin-bottom:12px*/}
	
.artistCard p b i{font-size:16px;font-weight:bolder;margin-bottom:12px;}
.artisttop{padding:0 3px;}

.topview{
    width:90px;
    height:106px;
    text-align:center;
    background:#fff;
    border:1px solid #ccc;
    display:block;
    margin:3px !important;
    margin:3px 1px;
    padding:2px 0 0 0;}
	
.topview:hover{background:#ddd;}
.topview img{width:90px;height:69px;}
.topview p a{font-size:11px;}

#articleTab .topview{width:90px !important; width:90px;}

#artistTab{
    display:table;
	background-color:#fff;
    width:500px !important;
    width:490px;
    border:1px solid #999;}

/*********artist commentaires ***********************/
/*#artistContent .comment, #artistContent .reply{
    width:530px;
    margin:3px 0;
    text-align:center;
    float:right;
}
#artistContent .comment textarea, #artistContent .reply textarea{
    width:510px;
    height:50px;
    border:1px solid #999;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    color:#666;
    font-size:12px;}
#artistContent .comment input, #artistContent .reply input{
    font-size:11px;
    margin:2px 10px;
    text-align:left;} 
#artistContent .comment p, #artistContent .reply p{
    font-size:11px;
    margin:3px 5px 3px 10px;
    text-align:left;
    width:330px !important;
    text-align:justify;}
#artistContent .comment img, #artistContent .reply img{
    width:55px;
    height:55px;
    margin:3px 3px 3px 10px;}

#artistContent .reply{
    width:480px !important;
    width:460px;}
#artistContent .reply textarea{
    width:460px !important;
    width:440px;
}*/
/****************************** NEWS ****************************************/
.newswrapper{width:500px;overflow:hidden;}
.newspost{
	color:#000;
    padding:0px 0 20px 0;
    font-weight:normal !important;
    font-family:arial;
    font-size:11px;}
	
.newspost .title{
    font-size:16px;
    margin:20px 5px 0 5px;
    border-bottom:1px solid #a4a4a4;}

.newspost h3.titre_post_h3 { 
	font-size:16px;
    margin:20px 5px 0 5px;
	color:#000;
    border-bottom:1px solid #a4a4a4;}

.newspost a{text-decoration:underline !important; font-weight: normal !important;}
.newspost a:hover{color:#f09 !important}
.newspost p{
    font-size:16px;
    margin:20px 5px 0 5px;
    font-family:arial;
    font-size:11px;}
	
.newsdate{font-size:10px; margin:0px 5px 10px 5px;}

.newspost div, .newspost div a, .newspost span{
    text-align: justify !important;
    color:#000;
    font-size:12px;
    margin:0 5px;
    font-family:arial;
    font-size:11px;}
	
.newspost div a{font-weight:bold;}
.newspost div img{
    display:block;
    /*width:225px;
    height:200px;*/
    margin:4px auto;}

/****************************** COMMENTS **************************************/
.artistComment{border-bottom:1px solid #666;padding:10px 0;margin:0 10px;width:490px;}
.artistComment p{text-align:left;width:405px;}
.artistComment img{width:60px;height:50px;margin:5px 15px 5px 5px;}
.artistComment textarea{width:490px;height:50px;margin:3px 0;}

/****************************** LINKS *****************************************/
.artistLinks a{margin:0 10px;padding:3px 0;width:465px;}
.artistLinks a:hover{font-weight:bold;}

/****************************** FANS *****************************************/
.artistFan{
    border:1px solid #eee;
    color:#aaa;
    text-align:center;
    padding:2px;
    margin:5px 0 5px 10px;}
	
.artistFan:hover{background: #cff;}
.artistFan img{
    height:50px;
    width:60px;
    margin:2px;}
	
.nbFans{
    margin:10px;
    padding:2px 6px;
    background: #f3f3f3;
    border:1px solid #aaa;}

/****************************** BLOC PUB CHANNEL & ARTICLE ********************/
#channelAd{
width:480px;
margin-top:10px;}

/*#channelAd .thumbs{
    width:180px !important;
    width:174px;}
#channelAd .thumb{
    text-align:center;
    background:#efefef !important;
    border:1px solid #ccc !important;
    margin:0 2px 8px 0 ;
    height:119px;
    width:86px !important;
    width:82px;}
#channelAd div p{font-size:9px}
#channelAd div a img{width:78px;height:65px;margin:2px 0}*/

/****************************** ARTICLE ***************************************/
.articleCard{
    color:#333;
    background:#fff;
    /*padding:3px 5px;*/
    position:relative;
    width:500px !important;
    width:500px;
    /*border:1px solid #ccc;*/}
	
.articlePhoto{margin:10px;height:120px;}
.articleSubtitle{margin-bottom:20px;}
.sendto{margin:3px 0 0 0 !important;}

/*.articleCard p b i{font-size:16px;font-weight:bolder;margin-bottom:12px}
.articleCard p a{
    width:85px;
    text-align:center;
    background:#fff;
    border:1px solid #ccc;
    display:block;
    margin-bottom:2px;
    padding:7px 0 3px 0;}
.articleCard p a{font-size:9px}
.articleCard p a:hover{background:#ddd}
.articleCard p a img{width:78px;height:65px}
.articleCard p{font-size:12px}*/

.articleTop{background:#333;color:#efefef;padding:2px;font-size:12px;width:515px !important;}
.articleTop a{color:#efefef;font-size:12px;}
/*.articleCard div{width:195px !important; width:180px}
.articleCard .title{width:330px !important;font-size:25px;font-weight:bolder;letter-spacing:-1px;margin-bottom:6px}
.articleCard img{width:120px;height:100px;margin:4px 4px 4px 0}
.articleCard p{margin:2px 5px 2px 0;font-size:11px}
.articleCard p img{width:12px;height:12px}*/
.ilike{
    background:url(/img/pictos/ilike.gif) 0px 0px no-repeat;
    padding-left:20px;
    height:13px;
    padding-top:3px;
    margin-right:6px;
    border:1px solid #ccc;}
	
.dontlike{
    background:url(/img/pictos/dontlike.gif) 0px 0px no-repeat;
    padding-left:20px;
    height:13px;
    padding-top:3px;
    margin-right:6px;
    border:1px solid #ccc;}
	
.favorites{
    background:url(/img/pictos/favorites.gif) 0px 0px no-repeat;
    padding-left:20px;
    height:13px;
    padding-top:3px;
    margin-right:6px;
    border:1px solid #ccc;}
	
.senders{
    background:url(/img/pictos/message.png) 0px 0px no-repeat;
    padding-left:20px;
    height:13px;
    padding-top:3px;
    margin-right:6px;
    border:1px solid #ccc;}

#newsExtract{position:absolute;top:5px;right:0;width:260px;height:83px;background:#efefef;}

.albums{width:480px !important;margin:0 10px;}
.albums div{
    background:#fff;
    border:1px solid #ccc;
    padding:3px;
    width:88px;
    text-align:center;
    margin:0 5px 0 0;}
	
.albums div img{width:78px;height:65px;}
.albums div a{width:78px;}

.articleHeader{
    border:1px solid #ccc;
    width:530px;
    height:49px;}
	
.articleH1{
    font-size:18px !important;
    color:#000;
    margin-bottom:4px;
    padding-left:15px;
    background:url(/img/chevrons.png) 0 5px no-repeat;}
	
#articlesTabs{margin-top:3px;float:left;}

/**************************** COMMENT ******************************/
#articleTab .comment textarea, #articleTab .comment reply textarea, #artistContent .comment textarea, #artistContent .reply textarea{
    width:450px;
    height:50px;
    border:1px solid #999;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:12px;
    height:30px;
	float:left;}

#artistContent {float:left;}

#articleTab {
    font-size:11px;
    margin:0px;
    text-align:left;
	display:table;
    background:#fff;
	border:1px solid #ccc;
	color:#333;
    width:500px !important;
    width:490px;} 

#articleTab .comment, .lastcomm{
    width:495px !important;
    width:480px;
    margin:0 3px;
    float:left;}

#articleTab .reply{
/*
	_width:450px;
	_margin-left:0px;*/
	width:450px !important!;
	width:460px;
	_width:450px;
    margin-right:15px !important;
	margin-right:5px;
	_margin-right:5px;
	float:right;
    padding:3px 0;}
	
#articleTab h3{
color: #777777;
font-size: 13px;
margin:3px;}

#artistContent .comment {
	width:500px !important;
    width:480px;
	border-bottom:none;
    margin:0;
    float:left;}
	
#articleTab .comment{margin-top:0px}
#artistContent .comment{margin-top:0px}
#addcommentinput{margin-top:0px !important}
#addcommentinput p{margin:0px !important}
#articleTab .comment p, #artistContent .comment p, .lastcomm p{
    font-size:11px;
    margin:0px 5px 0px 15px;
    text-align:left;
    width:340px !important;
    width:320px;}
	
#articleTab .comment img, #artistContent .comment img, .lastcomm img{
    width:55px;
    height:55px;
    margin:5px 3px 5px 10px;}

#artistContent .reply {padding:0px;}
#articleTab .reply textarea, #artistContent .reply textarea{
    width:460px !important;
    width:440px;
    height:50px;
    border:1px solid #999;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:12px;}
	
#articleTab .reply input, #artistContent .reply input{
    font-size:11px;
    margin:2px 10px;
    text-align:left} 
	
#articleTab .reply p{
    font-size:11px;
    margin:3px 5px 3px 5px;
    text-align:left;
    width:360px;}
	
#artistContent .reply p {width:400px;_width:380px;}
.reply a img{
/*    width:30px !important;
    height:30px !important;
 */   margin:0px 3px 0px 10px;
 width:32px;
 height:32px;}

/** albums **/
.artistalbum, .articlealbum {
    border-bottom:1px solid #666;
    padding:5px 0;
    margin:0 5px;
    width:480px !important;
    background:#fefefe;}

.articlealbum {border-bottom:0 !important}
.artistalbum b, .articlealbum b{ font-size:12px !important;color:#333;}
.artistalbum span b, .articlealbum span b{
    font-size:8px !important;
    color:#aaa;
    width:120px;}
	
.artistalbum .cover, .articlealbum .cover{
    width:120px;
    height:100px;
    border:1px solid #ccc;
    margin-bottom:2px;}
	
.artistalbum .tracks, .articlealbum .tracks{width:348px !important;width:338px;}
.playingtrack{font-size:11px !important}
.artistalbum a, .articlealbum a{
    background:url(/img/pictos/play_small.gif) left no-repeat;
    padding-left:20px;
    margin:1px 0;
    width:300px;
    font-size:10px !important;}
	
.artistalbum .emptylink, .articlealbum .emptylink{background-image:none !important;padding-left:0px !important}

/*****************************USERS PROFIL****************************/
#user_presentation{
/* -moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px; */
width:500px;
}
.girlBorderTop{border-top:1px solid #ccc;}
.girlBorderBottom{border-bottom:1px solid #ccc;}
.girlBorderLeft{border-left:1px solid #ccc;}
.girlBorderRight{border-right:1px solid #ccc;}
.girlBackground{background-color: white;}
.girlColor{color:#ff0099;}

.boyBorderTop{border-top:1px solid #ccc;}
.boyBorderBottom{border-bottom:1px solid #ccc;}
.boyBorderLeft{border-left:1px solid #ccc;}
.boyBorderRight{border-right:1px solid #ccc;}
.boyBackground{background-color: white;}
.boyColor{color:#4A98E0;}

.tablewhite{}
.tableuser{width:490px;padding:5px;}
.tableuser th{background: none;background-image: none;}
#user_index{width: 500px;}
#UserMenu{width:500px;border:none;}

#AllButtonMenu{
    height: 32px;
    width: 500px;
    text-align: left;}
	
.ButtonMenuNone{
    line-height: 30px;
    text-align:left;
    padding-left:5px;
    font-weight:bold;}
	
.ButtonMenu{
    width: 500px;
    height: 30px;
    background-color: #dfdfe2;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin-top:-4px;
    position:relative;
    z-index:0;}
	
.ButtonMenu a{
    display: block;
    float: left;
    text-align:center;
    font-weight:bold;
    padding:5px 10px;
    margin-top:2px;
    font-size:12px;}
	
.ButtonMenu span{
    display: block;
    float: left;
    text-align:center;
    font-weight:bold;
    padding:5px 10px;
    margin-top:2px;
    font-size:12px;}
	
#userContent{
width: 500px;
min-height:335px;
background-color:white;
float:left;}

.element{text-align:left;}

.element {width: 350px;}

#editUserEmail,#editUserBirthday,#editUserZip,#editUserCity,
#love_1,#love_2,#love_3,#love_4,#love_5,#hate_1,#hate_2,#hate_3,#hate_4,#hate_5,
#artists_name_1,#artists_name_2,#artists_name_3,#artists_name_4,#artists_name_5,
#movie_1,#movie_2,#movie_3{width: 350px;}

.mtkSpacerHDot {
background:transparent url(/img/pictos/h_dot.gif) repeat-x scroll left bottom;
border:0 none;
clear:both;
font-size:1px;
height:2px;
line-height:2px;
margin:0;
overflow:hidden;
padding:0;}

#aff_loading_td{width:50px;height:50px;}
#aff_loading{background: url('/img/pictos/picto_loading4.gif');width:32px;height:32px;}
#cadre_image{width: 100px;}
#cadre_presentation{width: 250px;}
.presentation_image{width:100px;//margin:0px 0px 0px 10px;}
#action_cadre{width:70px;}
#action_cadre a{display:block;float:left;margin-right: 5px;}
#action_cadre img{width:15px;}
#disconnectLink{margin-left:10px;}

.userLi{padding: 4px 2px ! important;}

.li_most_view_profil{width:220px;float:left;padding:0px 3px 0px 5px;}
.li_most_view_profil img{width:50px;height:38px;border:0;margin-right:4px;cursor:pointer;}

/*****************************USERS FORMS****************************/
#addUserForm label.title, #loginbox label.title{font-weight:bold;font-size:12px;}
#addUserForm a, #loginbox a{color:#EB0B8B;}
#addUserForm a.grey, #loginbox a.grey{color:#BBB;}

#addUserForm td#intro p{font-size:12px; margin-bottom:10px;}
.radioLabel {margin-left:3px;}
.miniSearch{height:200px;background-color:white;width:250px;border-style:solid;border-color:grey;border:1px;border:1px solid grey;padding:5px;}
.miniTitle{float:left; width: 230px;}
.miniClose:hover{cursor:pointer;}
.form_errors{color:#f00;font-style:italic;}
.unselected{
    border: 1px solid #ccc;
    border-bottom:0;
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:18px;
    margin:0 1px;
    padding:5px 6px 3px 26px;
    text-decoration:none;
    position:relative;
    z-index:10;}

.unselected#user_accueil {background-image: url("/img/Users/onglet_home.jpg"); background-repeat: no-repeat;}
.unselected#user_mail{background-image: url("/img/Users/onglet_mail.jpg"); background-repeat: no-repeat;}
.unselected#user_playlists{background-image: url("/img/Users/onglet_playlist.jpg"); background-repeat: no-repeat;}
.unselected#user_favoris{background-image: url("/img/Users/onglet_favoris.jpg"); background-repeat: no-repeat;}
.unselected#user_amis{background-image: url("/img/Users/onglet_amis.jpg"); background-repeat: no-repeat;}
.unselected#user_wall{background-image: url("/img/Users/onglet_wall.jpg"); background-repeat: no-repeat;}

/*#user_favoris{background-image: url("/img/Users/favorite.png"); background-repeat: no-repeat;}
#user_profil{background-image: url("/img/Users/iconProfile.png"); background-repeat: no-repeat;}
#user_amis{background-image: url("/img/Users/friend.gif"); background-repeat: no-repeat;}
#user_groupes{background-image: url("/img/Users/groupesIcon.gif"); background-repeat: no-repeat;}
#user_playlists{background-image: url("/img/pictos/play_small.gif"); background-repeat: no-repeat;}
#user_photos{background-image: url("/img/pictos/viewall.png"); background-repeat: no-repeat;}*/

.selected#user_accueil {background-image: url("/img/Users/home_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
.selected#user_mail{background-image: url("/img/Users/mail.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
.selected#user_playlists{background-image: url("/img/Users/playlist_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
.selected#user_favoris{background-image: url("/img/Users/favorite_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
.selected#user_amis{background-image: url("/img/Users/friend_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
.selected#user_wall{background-image: url("/img/Users/wall_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}

#UserMenu a:hover#user_accueil  {background-image: url("/img/Users/home_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
#UserMenu a:hover#user_mail  {background-image: url("/img/Users/mail.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
#UserMenu a:hover#user_playlists  {background-image: url("/img/Users/playlist_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
#UserMenu a:hover#user_favoris  {background-image: url("/img/Users/favorite_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
#UserMenu a:hover#user_amis  {background-image: url("/img/Users/friend_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}
#UserMenu a:hover#user_wall  {background-image: url("/img/Users/wall_hover.png"); background-color:#000; color:#fff; background-position: 5px 5px;}

.selected{
    border-bottom:1px solid #eee;
    background-color: #000;
	background-image:none;
	color:#fff;
    font-weight:bold;
    position:relative;
    z-index:10;}

.selected a:hover{
    background-color: #000;
	background-image:none;
	color:#fff;}

.selectedColor{color:#c0c0c0}

#resultSearch{height:148px;overflow:auto;}
#resultSearch li:hover{cursor:pointer;}
.amis_portrait{
    width:80px;
	background-color:#eee;
    border-color:#ccc #aaa #aaa #ccc;
    border-style:solid;
    border-width:1px;
    padding: 3px;
    margin:0 0 8px 5px;
    float:left;
    text-align:center;}
	
.amis_portrait_img{
    width:78px !important;
    height:78px !important;
    margin:0 !important;
    border:1px solid #ccc;}
	
#form_doc{
    margin:0;
    padding:0;
    font-size:11px}
	
#uploadFrame{
width:500px;
min-height:300px;
border-style:none;
margin:0px;
padding:0px;}

#uploadFrameTable{width: 500px;}

#friendTitle{
text-align: left;
margin-left: 3px;
line-height: 30px;}

#formSearchUser{
width:320px;
text-align: center;
line-height: 30px;}

/***********************GENERAL FORM**********************/
.leftForm .formTitle{
    height:30px;
    font-size:18px;
    padding:4px 0;
    color:#333;
    text-align:center;
    background-color: #EFEFEF;}
	
.leftForm{
    border:1px solid #999; 
    font-size:12px;
    width: 500px; }

.leftForm td,.leftForm label{font-size:12px;}
.subtitleForm p{font-size:16px;}
div.subtitleForm{margin:30px}
.contentForm{margin-top:10px;}
#mainForm .contentForm{height:473px;background-color:#fff;}
.leftForm .tablewhite{ margin-left:30px;padding-top:2px;}
.leftForm .tablewhite tr{height:26px;}
.leftForm .formBox{margin:30px;}
/*****************************ARTICLES****************************/
#articlePreview{padding-top:12px;}
#formPreview{ display:none;}
#formButtons input{ padding:3px;}
#formButtons p{padding:5px;}
/********************************* PLAYLIST ************************************/
#playlistsContent {border:1px solid #ccc;}
.playlistsContent{ background-color: #eee;width: 495px;}
.playlistsContent p{margin:2px 5px;}
.playlistLink{
    background: #fff url("/img/pictos/play.png") 0px 2px no-repeat;
    padding:3px 5px 3px 20px; 
    margin:2px 0;
    font-size:12px;
    width:440px;}
	
.playlistRemove{
    background: #fff url("/img/playlistControls/remove.gif") center center no-repeat;
    padding:0; 
    margin:2px 0;
    font-size:12px;
    height:21px;
    width:21px;}
	
.playlistsContent .playing{background: #ffc url("/img/pictos/play_small.gif") 5px 5px no-repeat;}
.next{top:5px;right:5px;}
.play{top:5px;right:30px;}
.prev{top:5px;left:5px;}
.stop{top:5px;left:35px;}

.myPlaylists{
    padding:15px 0;
    border:1px solid #ccc;
    background:#fff;
    top:207px !important;
    left:5px !important;
    border:2px solid #555;
	display:none;}
	
.myPlaylists a, .myPlaylists p{
    margin:3px 0;
    padding:0 10px;
    font-size:13px !important;}
	
.myPlaylists a:hover{background:#efefef}

/********************** contrib 2.0 **********************************/
.contrib20{background:#f09 !important}
.contrib20 .header{
    background:#f09;
    color:#fff;
    font-size:12px;}
	
.contrib20 div{
    text-align:left;
    margin:1px 0 1px 2px;
    width:234px;
    height:172px;
    border:1px solid #666;
    background:#efefef;
    cursor:pointer}
	
.contrib20 div:hover{background:#fff;}
.contrib20 div img{
    width:160px;
    margin:3px;}
	
.contrib20 div .line{
    text-align:left;
    margin:0 5px;}
	
.contrib20 div .quality{
    font-size:28px;
    top:0;
    right:7px;
    color:#f04545;}
	
#contrib20Video, #contrib20Video #homeVideo{
    background: #efefef url() 192px 140px no-repeat !important;
    width:480px;
    height:auto !important;}
	
#contrib20Video #homeVideo{text-align:center;}

#contrib20Video #contrib20Telecommande{
	padding:10px;
	font-weight:bold;
	text-align:center;
	border:1px solid #000;}
	
#embed .title20{
	border:2px solid red;
	color:red;
	background:#fff;}
	
#embed .title20 h1 a, #embed .title20 h2 a, #embed .title20 h2{color:red !important;}

#embed .header20{
    background:white;
    color:#f00;
    font-size:12px;
    padding:0 10px 10px 10px;
    font-weight:bold;
    text-align:center;}

/******CGU*****/
#cgu{padding:10px;}
#cgu p{margin-top:10px; margin-bottom:10px;}
#cgu ul li{margin-left:30px;list-style-type:disc;}

/* START Messagerie */
#lnkActionMail {}

#mailError {color:red;font-size: 12px;}

.spacer, .mtkSpacer {
  border:0 none;
  clear:both;
  font-size:1px;
  height:1px;
  line-height:1px;
  margin:0;
  overflow:hidden;
  padding:0;}

.btnSupMail {
  background:#F7F7F7 url(/img/picto_close.gif) no-repeat left;
  border:1px solid #DDDDDD;
  cursor:pointer;
  padding:4px 4px 4px 20px;
  margin:3px 3px 5px 3px !important;}

.btnRestaureMail {
  background:#F7F7F7 url(/img/restaure.gif) no-repeat scroll 3% 50%;
  border:1px solid #DDDDDD;
  cursor:pointer;
  margin:3px 3px 5px 3px !important;
  padding:4px 4px 4px 20px;}

.btnViderMail {
  background:#F7F7F7 url(/img/trash.gif) no-repeat scroll 3% 50%;
  border:1px solid #DDDDDD;
  cursor:pointer;
  margin:3px 3px 5px 3px !important;
  padding:4px 4px 4px 20px;}

#jkbTabMail { 
  border: none;
  min-height:556px;
  width: 100%;
  border-spacing:0;}

#jkbTabMail thead { 
  background: transparent;
  font-family:verdana;
  font-size:11px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:20px;}

#jkbTabMail thead tr th { background-color:#EEEEEE;border-bottom:1px solid #CCCCCC;}
#jkbTabMail td, #jkbTabMail th {padding: 2px 5px 2px 2px;}
#jkbTabMail tr.unread {font-weight: bold;}
#jkbTabMail tr.unread  td {font-weight: bold;}

.jkbTitleMail {font-size:12px; margin-left:5px;}
.contactThumb{
    margin:4px;
    width:48px;
    height:48px}
	
#fil{margin:0 5px;}
.replyContent{margin:0 5px;}
/* END Messagerie */

#FormSubmitContent_Div{display: none;}
#FormSubmitContent_Div #LastContent {display: none;}
#FormSubmitContent_Div #uploadArtistPhoto {display:block;height:30px;width:300px;}

#FormSubmitContent_Div form {display: none;}

#FormMail{padding:25px;}

#MailTo{padding: 10px; font-size: 14px;}

#videoLayer{position:absolute; background-color:#FFF;}
/*******QUIZZ*************/
.quizz {height: 135px;}

div.quizzMode{
    background-color: #FFF;
    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    width:478px;}

#quizzLayer{
    position:absolute;
    /*background-color:#555;*/
    background-image: url(/img/quizz_layer.gif);}

.quizzLayerText{
    position:absolute;
    width:150px;
    height:22px;
    color:#FFF;
    font-size:18px;
    left:0px;
    bottom:0px;
    padding:4px;}

.artistquizz{max-width:528px;}
#quizzContent{height:370px;}
.quizzquestion{margin-left:130px;}
.quizzquestion b{margin:2px;}
.quizzquestion form{margin-top:5px;}
.quizzmenu input{ font-weight: bold; color:#EB0B8B;}

#artistContent #quizzContent #start_button{
    margin-left:170px;
    margin-top:30px;
    margin-bottom:300px;
    height:60px;
    font-size:15px;
    width:180px;
	background:none;}

#artistContent #quizzContent .quizzbutton{
    width:160px; 
    height:30px; 
	background:#fff;}

#timerbar{
    margin-top:15px;
    margin-left:200px;
    font-weight: bold;}

#artistContent #quizzContent #quizztimer,#artistContent #quizzContent #quizztotaltimer{
    width:30px;
    height:18px;
    text-align:center;
    font-weight: bold;
    font-size:15px;
    color:#EB0B8B;
	background:#fff;}
	
#quizzresults{
    border:1px #FF0099 solid;
    margin-top:15px;
    font-size:18px;
    padding:10px;
    width:340px;
    /*height:160px;*/
    margin-left:80px;}
	
#quizzresults .userresults img{
    float:left;
    margin:2px;
    width:55px;
    height:55px;}
	
p.userresults,p.userresults a{font-size:13px;line-height:13px !important;}
#quizzerror{margin:40px;font-size:16px;}
	
/*Rankings*/
.ranking{margin:10px;}
.ranking td{margin:2px;}
.ranking .good{color:#2CAE32;}
.ranking .average{color:#FFAA00;}
.ranking .bad{color:#FF7F00;}
.ranking .terrible{color:#FF2A00;}

#ranking_title{color:#FF0099;font-size:18px;}

/*** CONCERTS ***/
.concertsHeader{
    width:530px;
    background: url(/img/concert.png) bottom right no-repeat;
    font-size:35px;
    letter-spacing:-2px;
    color:#efefef;
    font-weight:bolder;
    text-align:right;
    padding:100px 5px 0 0; }
	
.concertspage{
    width:522px;
    margin:5px 0;
    padding:5px;
    border:1px solid #ccc;}

.concertspage h3, .concertspage blink{
    font-size:16px !important;
    font-weight:bold;
    letter-spacing:-1px;}
	
.concertspage a{
    font-size:14px !important;
    letter-spacing:-1px;
    padding:3px;
    margin:2px 0;}
	
.concertspage .colored{background:#ececec;}
.concertspage a:hover{background:#ccc !important;}
.playlive{
    background: url(/img/playbutton.png) no-repeat;
    width:119px;
    height:32px;
    color:#fff;
    padding:6px 0 0 8px !important;
    font-size:34px !important;}
	
.playlive:hover{background: url(/img/playbutton.png) no-repeat;color:#000;}

/****************/
.anomalies{
    width:300px;
    background:#fff;
    border:2px solid #000;
    top:260px;
    left:35%;
    margin-left:-150px;
    padding:15px;}
	
/*****************/
#jroll{
    text-align:center;
    background-color:#CCCCCC;
    border-left:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid black;}
	
#jroll p.counter{
    width:100%;
    margin-top:3px;
    margin-bottom:3px;
    text-align:center;
    color:#FF0099;
    font-weight:bold;}

#jroll .ad{ margin:auto;}

/*********** AGENDA ************/
#agenda_content {
margin-top:5px;
background-color:#fff;
border:1px solid #ccc;}

#agenda_titleOjd {
background-color:#CCCCCC;
font-style:italic;
margin:10px 5px 5px 5px;
padding:8px;
height:15px;
text-align:center;}

#agenda_ContentItemOjd {
/*border-bottom:1px solid #ff0099;
margin-bottom:10px;
height:300px;*/}

#agenda_itemOjd {margin:5px;}
#agenda_itemOjd  span{color : #000;width: 100px;}
#agenda_itemOjd  img{margin:5px;}

#agenda_txtItemOjd {
font-size:12px;
border-bottom:1px solid #cccccc;
padding:3px;
margin-top:5px;
width:400px;}

#agenda_txtItemOjd  a{
font-size:12px;
color:#f09;
text-decoration:none;}

#agenda_dateItem{
background-color:#CCCCCC;
font-style:italic;
margin:5px 0px;
padding:3px;
width:38px;
height:15px;}

#agenda_txtItemSoon{
font-size:12px;
border-bottom:1px solid #cccccc;
padding:3px;
margin-top:5px;
width:380px;}

#agenda_txtItemSoon  a{
font-size:12px;
color:#f09;
text-decoration:none;}

#frame_agenda {overflow:auto;}

#agenda_ajout a {color:#ff0099; text-decoration: none;}
#agenda_ajout a:hover {color:#ff0099; text-decoration: undeline;}

#div_log_agenda {color:#000;font-size:12px;font-weight:bold;margin:10px 0px 20px 0px;text-align:center; float:left;}
#link_div_log_c{margin-left:10px;}
#link_div_log_i {margin-left:20px;}

#artistContent .reply {width:460px;_width:440px;float:right;margin-right:20px;_margin-right:10px;}
##artistContent .comment {border-top:1px solid #ccc;}
 
 /********************************************************************/
#wrapper_profil_cashback {
	width:480px;
	font-family:arial;
	font-size:12px;
	padding:10px;}
	
#wrapper_profil_cashback h3{
	text-align:center;
	color: #000000;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0pt;
	margin-right: 0px;}

#wrapper_profil_cashback ul{margin-left:20px;}
#wrapper_profil_cashback li{list-style: disc inside;}
#wrapper_profil_cashback p{margin-bottom:10px;}
#wrapper_profil_cashback table{font-size:12px;}
 
#wrapper_profil_cashback #recapitulatif_infos_cashback{
	border:1px solid #ccc;
	background: transparent url(/img/cashback/bg_recap_infos_cashback.jpg) repeat-x;
	height:120px;
	margin-bottom:20px;
	font-size:12px;}

#wrapper_profil_cashback #recapitulatif_infos_cashback table{margin-left:10px;font-size:12px;}
#wrapper_profil_cashback #recapitulatif_infos_cashback tr{height:20px;}

#wrapper_profil_cashback #tableau_gains{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-bottom:20px;}

#wrapper_profil_cashback #tableau_gains th{
background-color:#ffba00;
height:30px;
background-image: none;
color: #000;
text-align: center;}

#wrapper_profil_cashback #tableau_gains tr{height:25px;}
#wrapper_profil_cashback #tableau_gains td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#wrapper_profil_cashback #tableau_gains #tableau_details {border:none;background-color:#ccc;}

#wrapper_profil_cashback #tableau_gains #tableau_details  th{
background-color:#ccc;
height:20px;
background-image: none;
color: #000;
text-align: center;}

#wrapper_profil_cashback #tableau_gains #tableau_details  td{
border-right:none;
text-align:center;
border-bottom:1px solid #ccc;}

#wrapper_profil_cashback  .titre_ligne{
font-weight:bold;
padding-left:5px;
text-align: left;}

#wrapper_profil_cashback #tableau_cashback{margin:0px 0px 20px 20px;}
#wrapper_profil_cashback #tableau_cashback tr{height:50px;}
#wrapper_profil_cashback .link_img_cashback{text-align:center;margin-bottom:20px;}

/************************************************************/
#content_home_shopping {
	float:left;
	width:500px;
	height:1170px;
	background: transparent url(/img/cashback/bg_home_jukebonus2.jpg) no-repeat;
	font-family:arial;
	font-size:12px;}
	
#wrapper_home_shopping {
margin:70px 0px 0px 50px;
padding-right:10px;
font-size:12px;}	

#wrapper_home_shopping p{
font-size:12px;
color:#FF0099;
margin-bottom:20px;}	

#wrapper_home_shopping #accroche_home_jukebonus {
font-size:14px;
text-align:center;
color:#FF0099;
margin-bottom:20px;}

#wrapper_home_shopping #accroche_home_jukebonus span{font-size:14px;}

#wrapper_home_shopping ul{margin-left:20px;font-size:12px;}

#wrapper_home_shopping li{
	list-style: disc inside;
	margin-bottom:10px;
	font-size:12px;}

#wrapper_home_shopping .liste_num {margin-left:20px;font-size:12px;}

#wrapper_home_shopping .liste_num li{
	list-style: decimal inside;
	margin-bottom:10px;
	font-size:12px;}

#wrapper_home_shopping #link_cgu {
text-align:center;
font-weight:bold;
margin-bottom:10px;
font-size:12px;}

#wrapper_home_shopping #link_cgu a{
font-size:12px;
color:#EB0B8B;
cursor:pointer;}

#wrapper_home_shopping #link_cgu span{font-size: 12px;}
#wrapper_home_shopping .link_img_cashback{margin:0px 0px 15px 15px;font-size:12px;}
.shopping span{color:#EB0B8B; font-size:12px;}
#refundsMiniMenu {color:#EB0B8B;}

/*#artistContent #quizzContent input{width:180px;}*/

.table_vote_ado {
width:505px;
text-align:left;
float:left;}

.table_vote_ado td{padding:5px;}
.table_vote_ado a{display:block;}
td.border_table_vote_ado  {border-right:1px solid #ccc;}

.table_vote_ado .util {
width: 24px;
height: 24px;
color: #333333;
margin: 0pt 1px 0pt 1px;
background-repeat: no-repeat;
background-position: 5px 4px;
text-align: left;}

.table_vote_ado .util:hover {text-decoration: none;}

.table_vote_ado #ilike {
background: transparent url(/img/pictos/ilike2.gif) no-repeat scroll;
background-position: right top;
margin-top: 4px;}

.table_vote_ado #ilike:hover {background-position: right bottom;}

.table_vote_ado #dontlike {
background: transparent url(/img/pictos/dontlike2.gif) no-repeat scroll right top;
margin-top: 4px;}

.table_vote_ado #dontlike:hover {background-position: right bottom;}
.table_vote_ado  #td_img {width:60px;}
.table_vote_ado  #td_name_artist a{font-size:16px;}

/* TITLE h1 / h2 / h3
**********************/
.pageTitle{
    width:500px !important;
    width:495px;
	margin:0;}

.titre_page_h1 {
	width:500px !important;
    width:495px;
	margin:0 0 5px 0;
	text-align:center;}
	
	.titre_page_h1 h1{
		font-size:18px;
		margin:0;
		padding:0;
        color:#999;}
		
.title_agenda_h1 {
	width:500px !important;
    width:495px;
	margin:0 0 5px 0;
	text-align:center;
	background: url(img/agenda/bg_h2.png) repeat-x;}
	
	.title_agenda_h1 h1{
		font-size:18px;
		margin:0;
		padding:0;
		display:inline;}

.pageTitle h1, .pageTitle h1 a{
    font-size:18px;
    color:#f09;
    margin-bottom:0px;}
	
.pageTitle h1 i, .pageTitle h1 a i{
    font-size:12px;
    font-weight:normal !important;
    font-style: normal;}

.pageTitle h2, .pageTitle h2 a{
    color:#777;
    font-size:13px;
    margin:3x !important;}

#mainContent h3{
   color:#000;
   font-size:11px;
   margin:0px 0 2px 0;}
       
#mainContent h3.titre_top_h3_home{font-weight:normal;}	


	
.pageTitle h3{
    color:#000 !important;
    font-size:11px !important;
    margin:3px 10px 3px 5px !important;}

.pageTitle h3 b{font-weight:normal !important;}

#artistTab h3{
    color:#777;
    font-size:13px;
    margin:3px;}

.pageTitle .title{font-size:14px;margin:5px 0;}

.pageTitle .artistThumb{
    /*width:170px;
    height:170px;*/
    margin:4px 4px 0 4px;
    border:1px solid #ccc;}
	
.pageTitle .legend{font-size:8px;color:#999;}

.pageTitle hr{
    margin:1px;
    color:#ccc;
    background:transparent;}

.pageTitle .articleThumb{
    width:120px;
    height:100px;
    margin:4px 4px 0 4px;
    border:1px solid #ccc;}

.pageTitle span{
/*font-size:18px !important;*/
color:#000;}

.pageTitle p{ line-height:12px !important;}

.firstnews{
    font-size:11px !important;
    color:#555;
    margin:10px 0;
    text-align:justify;}
	
.lastcomment{
    width:310px !important;
    width:300px;
    margin:3px!important;}

.lastcomment_titre {
	width:330px !important;
    width:320px;
    margin:0 10px 0px 5px  !important;}

.wrapper_description_titre {
float:left;
width: 175px;
padding-right:3px;}

.description_titre{width:170px;margin:0px 0px 3px 0px;}
.bt_cashback_titre{float:left;margin-left:5px;}

.empty{
    width:500px !important;
    width:490px;
    border:0 !important;
    float:left;
    padding:10px 0;
    margin-bottom:6px !important;}
	
.empty a{margin:0 10px;}
#artistTabs{margin-top:3px;}
.artistBio{padding:5px;text-align: justify;}

/* CHANNEL
********************************/
.infos_artiste_channel {float:left;width:310px;}
.infos_artiste_channel h1{margin:5px 3px;}
.infos_artiste_channel h2{margin:3px;}
.infos_artiste_channel i{text-decoration:underline;}
.infos_artiste_channel div.part_actu_bio_photo_channel{margin-top:8px;}
.infos_artiste_channel div.part_actu_bio_photo_channel h3 span{text-decoration:underline; font-weight:normal !important;}
.part_video_most_watched, .part_com_channel, .part_link_biochannel{float:left;margin-bottom:10px;}

.titre_channel_h1 {font-size:18px;margin:5px;}
.titre_channel_h2 {margin:3px;text-align:center;color:#777777;font-size:14px;}