@charset "utf-8";

#menu {
	background-image:url(/themed/default/img/bg_header.png);
	background-position:top  left;
	background-repeat:repeat-x;
	height:35px;
}

#menu img.logo {
	float:left;
}

#menu img.test {
	float:right;
	margin:0 10px 0 10px;
	background-color: orange;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:10px;
	
}

#menu ul {
/*	margin-left:180px;*/
	/*float:right;*/
	padding-left: 350px;
}

#menu ul li {
	display:block;
	float:left;
}

#menu ul li img {
	vertical-align:middle;
}

#menu ul li:hover {
	background-image:url(/themed/default/img/bg_header_hover.png);
	background-repeat:no-repeat;
}

#search {
	background-color:#F3F3F3;
	text-align:center;
}

#search img {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	
}

#search form {
	width:368px;
	padding:3px 0 10px 0;
	margin:0;
	float:right;
}

#search form img {
	width:70%;
	height:70%;
}

#search div.ligne {
	border-bottom:1px solid #b9bab9;
	height:0;
}

#search table {
	margin-left:auto;
	margin-right:auto;
}

#search table td {
	text-align:center;
}

#search form input[type=text] {
	width:190px;
	background-color:#ffffff;
	border:0;
}

#search form select {
	width:56px;
	background-color:#ffffff;
	border:0;
	font-size:1em;
	text-transform:capitalize;
	font-family:"Trebuchet MS",arial;
}

#search form input[type=submit] {
	width:66px;
	background-image:url(/themed/default/img/bt_mini_search.png);
	background-repeat:no-repeat;
	border:0;
	background-color:#FFFFFF;
}

#accueil_selection_musique div.col, #musique_selection_musique div.col, #musique_top_artistes div.col, #artiste_selection_musique div.col {
	width:50%;
	float:left;
	padding:2px 0 2px 0;
}

#accueil_selection_musique img.pochette, #musique_selection_musique img.pochette, #musique_top_artistes img.pochette, #artiste_selection_musique img.pochette {
	width:43px;
	height:43px;
	margin:5px 5px 5px 5px;
	float:left;
	vertical-align:middle;
}

#accueil_selection_musique div.bg_grey, #musique_selection_musique div.bg_grey, #musique_top_artistes div.bg_grey, #artiste_selection_musique div.bg_grey {
	background-color:#ececec;
}

#accueil_selection_musique div.col p, #musique_selection_musique div.col p, #musique_top_artistes div.col p, #artiste_selection_musique div.col p {
	float:left;
	margin:10px 0 0 8px;
}

#accueil_selection_musique a.album, #accueil_selection_musique a.artiste, #musique_selection_musique a.album, #musique_selection_musique a.artiste, #musique_top_artistes a.album, #musique_top_artistes a.artiste, #artiste_selection_musique a.artiste, #artiste_selection_musique a.album{
	font-size:1em;
	color:#818181;
	font-weight:bold;
}

#accueil_selection_musique a.artiste, #musique_selection_musique a.artiste, #musique_top_artistes a.artiste, #artiste_selection_musique a.artiste, #genre_affich a.artiste {
	color:#1896d0;
}

#accueil_selection_musique img.big_play {
	float:right;
	margin:15px 30px 0 0;
}

#musique_interview img.pochette, #musique_singer_week img.pochette, #accueil_singer_week img.pochette,#accueil_interview img.pochette {
	width:80px;
	height:80px;
	float:left;
	margin:5px 10px 5px 5px;
}

#musique_interview h2 a, #musique_singer_week h2 a, #accueil_singer_week h2 a, #accueil_interview h2 a {
	font-size:1.6em;
	color:#1896d0;
	text-transform:capitalize;
	margin-bottom:2px;
}

#musique_interview img.big_play, #musique_singer_week img.big_play, #accueil_singer_week img.big_play,#accueil_interview img.big_play {
	float:right;
	margin:0 26px 0 26px;
}

#musique_interview p.intro, #musique_singer_week p.intro, #accueil_singer_week p.intro, #accueil_interview p.intro {
	color:#949494;
	text-align:justify;
}

#chart_in_time {
	float:left;
	margin-right:10px;
	width:49%;
}

#musique_top_chart img.play, #chart_in_time img.play, #accueil_top_chart img.play {
	margin: 0px 5px 5px 0;
	vertical-align:middle;
}

#musique_top_chart p, #chart_in_time p, #accueil_top_chart p {
	padding:0 0 10px 0;
	line-height:170%;
	border-bottom:1px solid  #cbcbcb;
	margin:10px 20px 10px 20px;
}

#musique_top_chart a.titre, #musique_top_chart a.artiste, #chart_in_time a.titre, #chart_in_time a.artiste, #accueil_top_chart a.titre, #accueil_top_chart a.artiste{
	font-size:1.1em;
	font-weight:bold;
	color:#818181;
}

#musique_top_chart a.artiste, #chart_in_time a.artiste, #accueil_top_chart a.artiste{
	font-weight:normal;
}

#musique_top_chart a.playlist, #musique_top_chart a.radio, #accueil_top_chart a.playlist, #accueil_top_chart a.radio {
	margin:0 0 0 10px;
}

#chart_in_time a.playlist, #chart_in_time a.radio {
	margin:0 0 0 2px;
}

#musique_top_artistes {
	float:left;
	width:49%;
}

#musique_top_artistes div.col, #musique_top_artistes div.bg_grey {
	width:100%;
	float:none;
}

#musique_top_album p, #artiste_top_album p, #genre_affich p {
	margin:10px 0 10px 16px;
	float:left;
	text-align:center;
}

#artiste_top_album p {
	margin-left:23.5px;	
}

#musique_top_album a.album, #musique_top_album a.artiste, #artiste_top_album a.album, #artiste_top_album a.artiste, #genre_affich a.album {
	font-size:0.9em;
	color:#818181;
	font-weight:bold;
}

#musique_top_album a.artiste, #artiste_top_album a.artiste, #genre_affich a.ariste {
	color:#1896d0;
	font-size:1em;
}

#container1 {float:left;width:58%; margin:10px 4px 0 10px;}
#container2 {float:left;width:38%; margin:10px 10px 0 5px;}
#container3 {float:left;width:30%; margin:0 4px 10px 10px;}
#container4 {float:left;width:66%; margin:0 10px 10px 5px;}
#container5 {float:left;width:58%; margin:0px 10px 10px 10px;}
#container6 {float:left;width:98%; padding:5px 10px 10px 10px;}


#artistes_all_artistes, #categories_selection, #biographie {
	padding:10px 10px 0 10px;
	width:98%;
	text-decoration:none;
}

#artistes_all_artistes a, #categories_selection a {
	text-decoration:none;
}

div.liste_artistes, div.pagination_artistes, div.pagination_categories, div.pagination_commentaire {
	padding:10px 5px 5px 10px;
	text-align:center;
}

#artistes_all_artistes span.selection, #artistes_all_artistes span.selected, #artistes_all_artistes span.nav_pagination, #categories_selection span.nav_pagination, #categories_selection span.selection, #categories_selection span.selected, div.pagination_commentaire span.selection, div.pagination_commentaire span.selected, div.paginiation_commentaire span.nav_pagination  {
	background-image:url(/themed/default/img/bg_selection.png);
	border:1px #999999 solid;
	padding:2px 5px 1px 5px;
	font-size:1em;
	color:#333333;
	font-style:normal;
	margin-left:5px;
	font-weight:bold;
	text-decoration:none;
}

#artistes_all_artistes span.nav_pagination, #categories_selection span.nav_pagination, div.pagination_commentaire span.nav_pagination {
	background-image:url(/themed/default/img/bg_nav_pagination.png);
	color:#FFFFFF;
	text-decoration:none;
}

#artistes_all_artistes span.selected, #categories_selection span.selected, div.pagination_commentaire span.selected {
	color:#3399FF;
	text-decoration:none
}

#artistes_all_artistes div.liste_artistes div.liste_all{
	width:22%;
	float:left;
	margin:10px 10px 10px 10px;
	text-align:left;
	font-weight:bold;
}

#artistes_all_artistes div.liste_artistes div.liste_all p a:hover {
	color:#0066CC;
}

#artistes_all_artistes div.liste_artistes div.liste_all a.liste {
	color:#333333;
	text-decoration:none;
}

#genre_affich a.album, #genre_affich img.pochette {
	border:1px solid #9c9c9c;
	border-top:none;
	display:block;
}

#genre_affich img.pochette {
	border:1px solid #9c9c9c;
	border-bottom:none;
}
	

#genre_affich {
	padding:10px 0 0 0;
}

#categories_selection a.artiste{
	font-weight:bold;
	font-size:1.1em;
}

#genre_affich p {
	margin-left:20px;
}

div.categorie_affich {
	float:left;
	width:100%;
}

div.categorie_affich a.genre {
	color:#0A8FCD;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
}

div.categorie_affich a.artiste_cat {
	color:#3A3A3A;
	font-size:1em;
	
}

div.categorie_affich p {
	text-align:left;
	margin:0 5px 25px 5px;
	width:48%;
	float:left;
}



div.categorie_affich img {
	margin-right:5px;
	float:left;
}

#inscription {
	background-color:aqua;
	margin:0 10px 0 10px;
}

div.inscription_form { 
	width:70%; 
	margin-left:auto; 
	margin-right:auto;
}

#biographine p, #biographie img.pochette {
	float:left;
	padding:5px 5px 5px 5px;
}

#biographie {
	width:60%;
	float:left;
}

#biographie p {
	margin:0px 10px 0px 10px;
}

#biographie span.statistique {	
	float:right;
	font-size:0.9em;
	color:#5c5d5c;
}

#biographie p.intro {
	color: #808080;
}

#biographie p.top_chart {
	color:#CC0000;
	font-size:1.1em;
}

#biographie a.inspiration, #biographie a.song {
	color:#0099FF;
	font-size:1em;
}

#biographie a.song {
	color:#333333;
}

#biographie div.top_char {
	width:47%; 
	float:right; 
	border-left:#666666 solid 1px;
	margin:0 10px 10px 0;
}

#commentaire_dispo {
	border-bottom:5px solid #ececec;
	margin-bottom:10px;
}

#commentaire_dispo a, #commentaire_dispo a:hover {
	color:#949494;
	float:left;
	margin:0 15px 0 15px;
	text-decoration:none;
	padding:0 10px 5px 10px;
}

#commentaire_dispo a:hover {
	/*background-image:url(/themed/default/img/bg_fleche.png);*/
	color:#189CD0;
	background-position:top left;
	background-repeat:no-repeat;
}

#commentaire_dispo a.selected { background-color:#ececec; color:#5f6061; display:block; }

#commentaire div.bg_grey {
	background-color:ececec;
	padding:15px 0 15px 0;
}



#commentaire a.nom {
	color:#1896d0;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
	margin-left:75px;
}


#commentaire a.ajout_amis {
	background-color:#a4a2a2;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 4px 2px 4px;
}

#commentaire a:hover.ajout_amis {
	background-color:#1896d0;
}

#commentaire a.view {
	padding:2px 24px 2px 24px;
}

#commentaire p.specif {
	margin-left:75px;
}

#commentaire table {
	width:100%;
}

#commentaire p {
	margin-top:10px;
}

#commentaire div.grey {
	background-color:#ececec;
	padding:15px 0 15px 0;
}

#commentaire div.white {
	background-color:#FFFFFF;
}

div.pagination_commentaire {
	margin-bottom:100px;
	text-decoration:none;
}

div.biographie {
	margin:0 20px 20px 20px;
}

div.biographie img {
	margin:0 10px 10px 0;
	text-align:left;
}

div.biographie p {
	text-align:justify;
	/*color:#808080;*/
}

div.biographie a {
	color:#0099FF;
}

#commentaires p.connecté {
	color:#4d4d4d;
	font-size:1.1em;
	text-align:center;
}
#commentaires a.connexion {
	float:right;
	background-image:url(img/bg_connexion);
	padding:5px 10px 5px 5px;
	background-repeat:repeat-x;
	font-size:1.2em;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}

#commentaires a.inscription-com {
	float:left;
	padding:5px 10px 5px 5px;
	font-size:1.2em;
	color:#333;
}

#commentaires a.signal {
	color:#1896d0;
	padding-right:20px;
	text-decoration:none;
	padding-bottom:15px;
}

#commentaires p.com {
	color:#5f6061;
}

ul.signal {
	float:right;
}

#commentaires p.user {
	float:left;
	color:#269cd2;
	padding-right:10px;
}

#commentaires p.time {
	color:#949494;
}

div.comgrey {
	padding:10px 100px 10px 100px;
	background-color:#f6f6f6;
	font-size: 11px;
}

div.comwhite {
	background-color:#FFF;
}

#commentaires table {
	margin-bottom:50px;
}

div.artiste-similaire {
	width:49%;
	float:left;
}

#similaire img {
	margin:0 10px 10px 10px;
	float:left;
}

#similaire a.arti-similaire {
	color:#1896d0; font-size:1.5em; text-decoration:none; }

#similaire p.fans, #similaire a.view-disco {
	font-size:1.1em; color:#a4a2a2;
}

#similaire a.view-disco {
	color:#5f6061; text-decoration:none;
}

#similaire p.name-artiste {
	padding-top:10px;
}

/*--------------tkharbiq----------------*/
#affichresultfriends {
	margin:20px 20px 10px 50px;
}
#affichresultfriends table tr td {
	padding:0 0 5px 0;
	width:25%;
}
#affichresultfriends a {
	color:#1896d0;
	font-weight:bold;
	text-decoration:none;
}
#affichresultfriends a:hover {
	text-decoration:underline;
}

#friends1 div.content p {
	margin:5px;
	padding: 5px 0 5px 0;
}
#friends1 div.content p span.pseudo {
	color:#1896d0;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
#friends1 div.content p a.annul {
	background-color:#a4a2a2;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 4px 2px 4px;
}

#friends1 div.content p a.annul:hover {
	background-color:#1896d0;
}

#friends1 a:hover {
	text-decoration:none;
}

#playlist_list {
	margin:20px 15px 50px 15px;
	width:95%;
}
#playlist_list table {
	width:97%;
	margin:5px 10px 5px 10px;
}
#playlist_list table tr.grey {
	background-color:#ececec;
}
#playlist_list table tr:hover {
	border:1px solid #02A9D2;
}
#playlist_list table td {
	padding:3px 0 3px 0;
}
#playlist_list a.single {
	font-size:1em;
	color:#1896d0;
	font-weight:bold;
}
#playlist_list a.others {
	font-size:1em;
	color:#818181;
	font-weight:bold;
}
#playlist_list a.supp {
	background-color:#a4a2a2;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 4px 2px 4px;
}
#playlist_list a.supp:hover {
	background-color:#1896d0;
}
#chart_in_time a.supp {
	background-color:#a4a2a2;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 4px 2px 4px;
}
#chart_in_time a.supp:hover {
	background-color:#1896d0;
}

tr.actif_hover:hover {
	border:1px solid #02A9D2;
}