body{background-color:#003366;
background-color:#bbb;
/*background:url('images/fond.png') repeat-x;*/

font:70% Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}
img{
border:0px;
}
#page_squelette
{
width:1000px;
margin:auto;
height:auto;
margin-top:15px;
}
#haut_page /* l'arrondi en haut */
{
width:1000px;
height:53px;
background:url('images/haut_page.png')  no-repeat;
}


#page
{
width:968px;
/*background:url('images/bg.png') repeat-y;*/
background-color:#FFF;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}


/* PARTIE SUPERIEUR */
#bloc_haut_page{
width:731px;
float:right;
}

#texte_defilant{
margin-top:10px;
float:left;
width:471px;
color:#fff;
font-size:12px;
/*
padding-top:15px;
padding-left:7px;
width:471px;
margin:auto;
font-size:12px;
color:#fff;

*/
}

#texte_defilant a{
color:#000;
}
#texte_defilant a:hover{
color:#777;
}

#texte_defilant .high{
color:#FF0000;
text-decoration: underline;
}
#texte_defilant .middle{
color:#FF9900;
text-decoration: underline;
}
#texte_defilant .low{
color:#FFFFFF;
text-decoration: underline;
}
#visiteur
{
float:right;
margin-right:20px;
width:170px;
margin-top:3px;
}
#visiteur a{
color:#0066CC;
text-decoration:underline;
}
#header{

width:970px;
height:119px;
background:url('images/header.png') no-repeat;

}
#header #telecommande{
float:right;
margin-right:30px;
margin-top:10px;
}

#menu_horizontal
{
width:970px;
height:32px;
background:url('images/bg_menu_horizontal.png') repeat-x;
}

/*
#menu_horizontal .gauche{
float:left;
}
#menu_horizontal .droite{
float:right;
}
*/



#menu_horizontal .gauche ul.menu_hori{
float:left;
 list-style-type:none;
 padding-right:30px;
 padding-left:40px;
 border:0px;
 margin:0px;
}
#menu_horizontal .droite ul{
float:right;
 list-style-type:none;
 padding-left:40px;
 border:0px;
}
#menu_horizontal li a{
color:#555;
text-decoration:none;
margin:0px 10px 0px 10px;
}
#menu_horizontal li{
float:left;
color:#444;
height:15px;
margin:0px;
font-size:11px;
padding:10px 0px 5px 0px;
border-left:1px solid #D5D5D5;
}
#menu_horizontal ul.menu_hori li:hover .bloc_sous_menu{display:block;}
#menu_horizontal .sous_menu li{float:none;padding:5px 0px 5px 0px;border:0px;width:182px;}
#menu_horizontal .sous_menu li:hover a{color:#555;}
#menu_horizontal .sous_menu li a:hover{text-decoration:underline;}
#menu_horizontal .sous_menu {float:none; padding:0;margin-top:7px;}
#menu_horizontal ul.menu_hori .bloc_sous_menu{display:none;
width:192px;z-index:600;overflow:visible;position:absolute;}
#menu_horizontal ul.menu_hori .bloc_sous_menu .sous_menu{width:192px;background:url(images/fond_menu_hori.png) bottom no-repeat; min-height:100px;display:block;padding-bottom:10px;}

#menu_horizontal .bloc_sous_menu .sous_menu ul{list-style-type:none;padding:0px;padding-left:5px;border:0px;}
#menu_horizontal li.recherche{border-right:1px solid #D5D5D5;}
#menu_horizontal li:hover{
background:url('images/bg_menu_horizontal_hover.png') repeat-x;
color:#eee;
}



/*CORPS */
#corps{
width:970px;
overflow:auto;
margin: 25px 0px 15px 0px ;
}

/* PARTIE_CONTENU */
#partie_gauche
{
width:735px;
float:left;
padding:10px;
padding-top:20px;
/*background-color:#F8F8F8;*/

/*border: 1px solid #EEE;*/
}
/* DETAIL PARTIE GAUCHE */
#partie_gauche a{
color:#6699FF;
text-decoration:none;
}
#partie_gauche a:hover{
text-decoration:underline;
}
#partie_gauche .titre{
/*background:url('images/bg_menu_horizontal.png') repeat-x;*/
/*background-color:#3399CC;*/

/*
height:32px;
width:700px;
padding:0px;
padding-left:20px;
margin:0px;
border:0px;
border-left:2px solid #3399CC;
border-bottom:1px solid #3399CC;
*/
background:url('images/titre.png') transparent right no-repeat;
height:35px;
}
#partie_gauche .titre h1{
/*
font-size: 14px;
text-decoration:none;
color:#3399CC;
padding-top:4px;
display:block;
height:21px;
width:600px;
float:left;
margin:0px;*/
font-size: 12px;
text-decoration:none;
color:#FFFFFF;
padding-top:7px;
padding-left:10px;
width:600px;
float:left;

/*color:#55B6EB;*/








}
#partie_gauche h4{
color:#aaa;
margin-left:20px;
}

#partie_gauche .gros_bloc ul{
list-style-image:url('images/puce.png');
}
#partie_gauche .gros_bloc .unit-rating {
list-style:none;
}
#partie_gauche  .titre .bloc-info-com
{
display:block;
background:url('images/morceau_c.png') repeat-x;
height:20px;
padding-left:10px;
padding-right:10px;
padding-top:3px;
color:#fff;
background:url('images/morceau_c.png') repeat-x;
margin-right:20px;
margin-top:1px;
float:right;
}
#partie_gauche .titre .bloc-info-id{
display:block;
background:url('images/id_fond.png') repeat-x;
height:16px;
padding-left:10px;
padding-right:10px;
padding-top:3px;
color:#fff;
margin-top:1px;
float:right;

}

#partie_gauche .gros_bloc{
/*background:url('images/bg_bloc.png') repeat-y;*/
/*background-color:#f9f9f9;*/
background-image:url('images/fond-bloc.png') no-repeat;
color:#000;
font-size:12px;
width:698px;
margin:0px;
padding:10px;
padding-top:0px;
/*border: 1px solid #ddd;
border-top:0px;*/

overflow:auto;
line-height:18px;
margin-bottom:20px;
}


#partie_gauche .haut_classement{
background:url('images/haut_classement.png') repeat-x;
width:700px;
color:#333;
height:40px;
padding:10px;
margin-bottom:10px;
}
#partie-gauche .haut_classement h3{
display:block;
color:#444;
padding-left:20px;
font-size:11px;
}
#partie_gauche .haut_classement .option_droite{
text-align:right;
padding-right:15px;
margin:0px;
}
/*#partie_gauche .gros_bloc .overflow{overflow:auto;}*/
#partie_gauche .gros_bloc .gauche_a{
float:left;
width:400px;
margin:0px;
}
#partie_gauche .gros_bloc .droite_a{
float:right;
width:270px;
height:50px;
padding-left:20px;
background:url('images/bouton_fond.png') no-repeat;
}
#partie_gauche .gros_bloc .droite img {border:0px;}






#partie_droite
{
width:195px;
float:right;
}
#partie_gauche .pied{
margin-left:300px;
width:300px;
background-color:#bbb;

}
#partie_gauche .gros_bloc fieldset{
border:#BBBBBB solid 1px;
background-color:#fff;
}
#partie_gauche .gros_bloc legend{
color:#6699FF;

}
#partie_gauche .erreur{
display:block;
background-color:#F5F5F5;
color:#FF2222;
width:500px;
text-align:center;
padding:10px;
margin:10px;
}
#partie_gauche .gros_bloc h2,#parie_gauche h2{
color:#FFCC00;
color:#999999;
text-decoration:underline;
padding-left:20px;
margin-top:10px;
font-size:14px;
}

#partie_gauche .gros_bloc h3,#partie_gauche h3{
font-size:13px;
}

#partie_gauche .gros_bloc h3.orange{
/*color:#FFCC00;*/
color:#555;
}
#partie_gauche .gros_bloc .question{
padding-left:20px;
padding-top:10px;
font-style:italic;
}
#partie_gauche .gros_bloc .module_droite
{
float:right;
width:120px;
margin-top:50px;
text-align:center;
}
#partie_gauche .gros_bloc .module_droite .bloc_image{
width:100px;
height:80x;
background:url('images/fond_image.png') no-repeat;
padding:13px;
padding-left:4px;
}

#partie_gauche .gros_bloc .white_bloc
{
padding:20px;
width:620px;
background-color:#fff;
}
/* Pour la page view membre */
#partie_gauche .gros_bloc .page_view_membre{
font-size:12px;
width:688px;
margin:0px;
padding:10px;
padding-top:0px;
overflow:auto;
line-height:15px;
margin-bottom:20px;
}

#partie_gauche .gros_bloc .view_membre{

overflow:auto;

}

#partie_gauche .gros_bloc .view_membre .gauche{
float:left;
width:325px;
display:block;
}
#partie_gauche .gros_bloc .view_membre .droite{
float:right;
width:325px;
display:block;
margin-right:20px;
}
#partie_gauche .gros_bloc .page_view_membre .titre{
/*background:url('images/bg_menu_horizontal.png') repeat-x;*/
background:url('images/titre2.png') right no-repeat;

}
#partie_gauche .gros_bloc .page_view_membre .titre h1{

font-size: 12px;
text-decoration:none;
color:#FFFFFF;
padding-top:12px;
padding-left:10px;
width:auto;
display:block;
float:left;
margin:0px;

}
#partie_gauche .gros_bloc .page_view_membre .bloc_playlist{
min-height:100px;
padding : 10px;
border: 1px solid #eee;
border-top:0px;
margin-bottom:20px;
overflow:auto;
}
#partie_gauche .gros_bloc .page_view_membre .bloc_playlist table.playlist tr.gris{

}
#partie_gauche .gros_bloc .view_membre .bloc_profil, #partie_gauche .gros_bloc .view_membre .bloc_contacter{
height:100px;
padding : 10px;
border: 1px solid #eee;
border-top:0px;
margin-bottom:20px;
overflow:auto;
}
#partie_gauche .gros_bloc .view_membre .bloc_secondaire{
height:40px;
padding : 10px;
border: 1px solid #eee;
border-top:0px;
margin-bottom:20px;
overflow:auto;
}

#partie_gauche .gros_bloc .page_view_membre .bloc_playlist table{
border-collapse:collapse;
width:100%;

}
#partie_gauche .gros_bloc .page_view_membre .bloc_playlist table td{
padding:3px 0px;
font-size:11px;
}
#partie_gauche .gros_bloc .page_view_membre .bloc_playlist tr a{
color:#3366FF;
}
#partie_gauche .gros_bloc .page_view_membre .bloc_playlist tr.gris{
background-color:#eee;
}

#partie_gauche .gros_bloc .page_view_membre .bloc_playlist tr:hover{
background-color:#BCDAFE;
}


#partie_gauche .gros_bloc .view_membre .bloc_profil .bloc_avatar{float:left; width:80px; height:100px;}
#partie_gauche .gros_bloc .view_membre .bloc_profil .bloc_info{text-align:center;float:right;width:220px;}
#partie_gauche .gros_bloc .view_membre .petit{font-size:11px;}
#partie_gauche .gros_bloc .view_membre .bleu{color:#3399FF;}
#partie_gauche .gros_bloc .view_membre .bloc_avatar img{text-align:center;}
/* POUR LA PAGE D'ACCUEIL */
#partie_gauche .accueil{
color:#000;
font-size:12px;
width:698px;
margin:0px;
padding:10px;
padding-top:0px;
overflow:auto;
line-height:15px;
margin-bottom:20px;
}
#partie_gauche .accueil .gauche{
float:left;
width:252px;
display:block;
}
#partie_gauche .accueil .droite{
float:right;
width:400px;
display:block;
margin-right:30px;
}

#partie_gauche .accueil .titre{
/*background:url('images/bg_menu_horizontal.png') repeat-x;*/
/*
height:32px;
padding:0px;
width:auto;
padding-left:20px;
margin:0px;
border:0px;
border-left:2px solid #3399CC;
border-bottom:1px solid #ddd;*/
}
#partie_gauche .accueil .titre h1{
/*font-size: 14px;
text-decoration:none;
width:auto;
margin:0px;
color:#3399CC;
padding-top:4px;
display:block;
height:21px;
float:left;*/
font-size: 12px;
text-decoration:none;
color:#FFFFFF;
padding-top:12px;
padding-left:10px;
width:auto;
display:block;
float:left;
margin:0px;

}


#partie_gauche .bloc_recent {
height:300px;
background-color:#333;
color:#eee;
border: 1px solid #eee;
border-top:0px;
margin-bottom:20px;
}
#partie_gauche .bloc_hasard {
height:260px;
text-align:center;
/*background-color:#eee;*/
color:#666;
border: 1px solid #ddd;
border-top:0px;
margin-bottom:20px;
font-size:10px;
}
.bloc_hasard .bloc_onglet_accueil{width:auto;display:block;overflow:auto;margin-bottom:10px;}
.bloc_hasard .bloc_onglet_accueil li{float:left;width:50%}
.bloc_hasard .bloc_onglet_accueil ul{list-style-type:none;padding:0px; margin:0px;width:250px;}
.bloc_hasard .bloc_onglet_accueil li a{width:124px;padding:5px 0px;text-align:center;display:block;border:1px solid #D5D5D5;border-left:0px;font-size:11px;background-color:#F5F5F5;color:#333;}
.bloc_hasard .bloc_onglet_accueil li a.hasard{border-right:0px;width:124px;}
#partie_gauche .bloc_hasard img.pochette{
border:1px solid #eee;
}
#partie_gauche .bloc_news{
height:300px;
background-color:#DDD;
color:#666;
border: 1px solid #ddd;
border-top:0px;
margin-bottom:20px;
}
#partie_gauche .bloc_new_membre {
height:120px;
/*background-color:#eee;*/
color:#666;
border: 1px solid #ddd;
border-top:0px;
margin-bottom:20px;
}
#partie_gauche .bloc_new_membre .right{

background-color:#eee;
width:388px;
padding-top:4px;
padding-bottom:3px;
padding-left : 10px;
}
#partie_gauche .bloc_new_membre .right a{color:#0066CC;font-size:11px;}
#partie_gauche .bloc_commentaire {
height:78px;
padding:5px;
padding-height:0px;
/*background-color:#eee;*/
color:#000;
border: 1px solid #ddd;
border-top:0px;
margin-bottom:20px;
}
#partie_gauche .bloc_commentaire .pseudo {
color:#666;
font-size:11px;
text-align:right;
padding-top:3px;
}
#partie_gauche .bloc_commentaire .commentaire{
padding:3px 0px;
margin:0px;

}
#partie_gauche .bloc_info_forum {
height:78px;
padding:5px;
padding-height:0px;
/*background-color:#eee;*/
color:#000;
border: 1px solid #ddd;
border-top:0px;
margin-bottom:20px;
}

/* Tbaleau classement view */
#partie_gauche table.tableau_underline{
border-collapse:collapse;

}
#partie_gauche table.tableau_underline td{
padding:1px 0px;
}
#partie_gauche table.tableau_underline tr a{
color:#3366FF;
}
#partie_gauche table.tableau_underline tr{
height:23px;
}
#partie_gauche table.tableau_underline tr span.bouton_lecture{
display:none;
margin-left:5px;
height:20px;
width:20px;
background:url('images/bouton/lecture.png') no-repeat;
}
#partie_gauche table.tableau_underline tr:hover span.bouton_lecture{
display:block;

}
#partie_gauche table.tableau_underline tr:hover span.bouton_lecture:hover{
background:url('images/bouton/lecture_h.png') no-repeat;
}
#partie_gauche table.tableau_underline tr.underline_black{
background-color:#eee;
}
#partie_gauche table.tableau_underline .ecoute{color:#999999;font-size:11px;text-align:center;}
#partie_gauche table.tableau_underline tr.underline:hover,#partie_gauche table.tableau_underline tr.underline_black:hover{
background-color:#BCDAFE;
height:23px;
}

/* Pour les formulaires */
#partie_gauche table.formulaire input[type=text], #partie_gauche table.formulaire input[type=password], #partie_gauche .gros_bloc input[type=text],#partie_gauche .gros_bloc input[type=password]
{
background:url('images/input.png') no-repeat;
border:0px;
width:220px;
height:20px;
padding-right:15px;
padding-left:15px;
}
#partie_gauche table.formulaire input[type=text]:hover, #partie_gauche table.formulaire input[type=password]:hover, #partie_gauche .gros_bloc input[type=text]:hover,#partie_gauche .gros_bloc input[type=password]:hover, #partie_gauche table.formulaire input[type=text]:focus, #partie_gauche table.formulaire input[type=password]:focus, #partie_gauche .gros_bloc input[type=text]:focus, #partie_gauche .gros_bloc input[type=password]:focus
{
background:url('images/input_h.png') no-repeat;


}
#partie_gauche table.formulaire select, #partie_gauche .gros_bloc select
{
background:url('images/input.png') no-repeat;
border:0px;
width:250px;
height:20px;
padding-right:15px;
padding-left:15px;
}
#partie_gauche table.formulaire {text-align:center;width:100%;}
#partie_gauche table.formulaire .petit{color:#999999;font-size:11px;}
#partie_gauche table.formulaire select:hover, #partie_gauche .gros_bloc select:hover
{
background:url('images/input_h.png') no-repeat;
}
#partie_gauche table.formulaire option, #partie_gauche .gros_bloc option{
background-color:#eee;
}

span.code_a_copier{
display:block;
padding:4px;
border:1px dashed #BDBDC6;
}


/* Pour les classements albums */
#partie_gauche .bloc_gauche_classement_album{
width:210px;
float:left;
}
#partie_gauche .bloc_droite_classement_album{
float:right;
width:470px;
font-size:10px;
}
#partie_gauche .bloc_gauche_classement_album .titre{
/*background:url('images/bg_menu_horizontal.png') repeat-x;*/
/*
height:32px;
padding:0px;
width:auto;
padding-left:20px;
margin:0px;
border:0px;
border-left:2px solid #3399CC;
border-bottom:1px solid #ddd;*/
background:url('images/titre2.png') transparent right no-repeat;
height:35px;
border:0px;
}
#partie_gauche .barre_pagination{
width:100%;
background:url(images/titre2.png) right no-repeat;
height:23px;
margin-top:15px;
overflow:auto;
padding-top:12px;
padding-left:10px;
}
#partie_gauche .barre_pagination .barre_navigation{float:right;margin-right:15px;}
#partie_gauche .barre_pagination .barre_navigation .carre_page a{color:#33CCFF;font-weight:bold;}
#partie_gauche .barre_pagination .barre_navigation .carre_page_current a{color:#99FF33;font-weight:bold;}
#partie_gauche .barre_pagination .info_album{float:left;color:#FFFFFF;}
#partie_gauche .bloc_gauche_classement_album .titre h1{
font-size: 12px;
text-decoration:none;
color:#FFFFFF;
padding-top:12px;
padding-left:10px;
width:auto;
display:block;
float:left;
margin:0px;

}

#partie_gauche .bloc_gauche_classement_album .bloc_visualisation {
min-height:300px;
text-align:center;
padding:5px;
border: 1px solid #eee;
border-top:0px;
margin-bottom:20px;
}
#partie_gauche .bloc_gauche_classement_album .bloc_visualisation .artiste{font-weight:bold;color:#999999;}
#partie_gauche .bloc_gauche_classement_album .bloc_visualisation .album a{color:#0066CC;}
#partie_gauche .bloc_gauche_classement_album .bloc_visualisation table{width:100%;border-collapse:collapse;}
#partie_gauche .bloc_gauche_classement_album .bloc_visualisation table td{padding:3px;}
#partie_gauche .bloc_gauche_classement_album .bloc_visualisation table a{font-size:11px;color:#0066CC;}
#partie_gauche .bloc_gauche_classement_album .bloc_visualisation table tr.black{background-color:#eee;}
#partie_gauche .bloc_gauche_classement_album .bloc_visualisation table tr:hover{background-color:#BCDAFE;}
#partie_gauche .bloc_droite_classement_album .ligne{width:100%;display:block;height:200px;}
#partie_gauche .bloc_droite_classement_album .bloc_album{float:left;background:url(images/fond_album.png) no-repeat;width:125px;display:block;height:210px; padding:15px; text-align:center;}
#partie_gauche .bloc_droite_classement_album .bloc_album .artiste a{font-weight:bold;color:#999999;font-size:11px;}
#partie_gauche .bloc_droite_classement_album a{
font-size:11px;
}
/* POUR LES FAVORIS */

table.favoris{
width:700px;
border-collapse:collapse;
}
table.favoris tr{
height:40px;
}
table.favoris .ligne_bleu_favoris{
background:url('images/ligne_favoris.png') no-repeat;
color:#fff;

}

table.favoris .ligne_titre_favoris{
background:url('images/ligne_favoris_titre.png') no-repeat;
color:#fff;
font-size:13px;
}

table.favoris tr:hover .bouton_cache{
visibility:visible;
}
table.favoris tr:hover{
background:url('images/ligne_favoris_hover.png') no-repeat;
color:#000;
}
table.favoris tr.ligne_titre_favoris{
background:url('images/ligne_favoris_titre.png') no-repeat;
color:#fff;
font-size:13px;
}
table.favoris tr .bouton_cache{
visibility:hidden;
display:block;
height:27px;
width:120px;
}
table.favoris tr .bouton_cache .bouton_plus{
float:left;
display:block;
height:27px;
width:30px;
background:url('images/bouton/bouton_plus.png') no-repeat;
}
table.favoris tr .bouton_cache .bouton_plus:hover{
background:url('images/bouton/bouton_plus_h.png') no-repeat;
}
table.favoris tr .bouton_cache .bouton_loupe{
float:right;
display:block;
height:27px;
width:30px;
background:url('images/bouton/bouton_loupe.png') no-repeat;
}

table.favoris tr .bouton_cache .bouton_loupe:hover{
background:url('images/bouton/bouton_loupe_h.png') no-repeat;
}
table.favoris tr .bouton_cache .bouton_favoris{
float:right;
display:block;
height:27px;
width:30px;
background:url('images/bouton/bouton_favoris.png') no-repeat;
}
table.favoris tr .bouton_cache .bouton_favoris:hover{
background:url('images/bouton/bouton_favoris_h.png') no-repeat;
}
table.favoris tr .bouton_cache .bouton_casque:hover{
background:url('images/bouton/bouton_casque_h.png') no-repeat;
}
table.favoris tr .bouton_cache .bouton_casque{
float:right;
display:block;
height:27px;
width:30px;
background:url('images/bouton/bouton_casque.png') no-repeat;
}



/* Pour les commentaires */
#partie_gauche .com{
overflow:auto;
}
#partie_gauche .com .gauche
{
margin-top:20px;
float:left;
width:100px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
border:1px solid #e5e5e5;
background-color:#eee;
height:auto;
padding-bottom:20px;
padding-top:20px;
text-align:center;
/*border-left:0px;*/
}

#partie_gauche .com .droite
{
margin-top:15px;
padding:30px;
padding-top:5px;
float:right;
width:500px;
background-color:#fff;
}

#partie_gauche .com .partie_superieur{
width:95%;
height:15px;
color:#AAA;
font-size:9px;
margin-top:10px;
border-bottom:1px solid #EEEEEE;
overflow:auto;
padding:3px;
}
#partie_gauche .com .partie_superieur .pseudo{
font-size:16px;
text-align:left;
float:left;
padding-left:15px;
}
#partie_gauche .com .partie_superieur .info_com{
float:right;
}
/* AFFICHE INFO ARTISTE ect///*/


#partie_gauche .menu_bas_bloc{
text-align:right;
padding:3px 10px 3px 10px;

}



#partie_gauche .info_page{
color:#000;
font-size:12px;
width:698px;
margin:0px;
padding:10px;
padding-top:0px;
overflow:auto;
line-height:15px;
margin-bottom:20px;
}
#partie_gauche .info_page .gauche{
float:left;
width:220px;

}
#partie_gauche .info_page .droite{
float:right;
width:420px;
margin-right:30px;
}
#partie_gauche .info_page .bloc_image{
background:url('images/fond_image_info.png') no-repeat;
padding:10px;
padding-top:7px;
height:220px;
width:220px;
margin:10px;
}
#partie_gauche .info_page .haut_bloc_action{
height:17px;
width:220px;
margin-left:10px;
padding:0px;
margin-right:10px;
margin-bottom:0px;
background:url('images/haut_bloc_action.png') no-repeat;
}
#partie_gauche .info_page .bloc_action{
padding:10px;
text-align:center;
min-height:100px;
width:220px;
color:#333;
margin-top:0px;
margin-left:10px;
margin-right:10px;
background:url('images/bloc_action.png') repeat-y;
}
#partie_gauche .info_page .bas_bloc_action{
height:40px;
width:220px;
padding:0px;
margin-left:10px;
margin-right:10px;
background:url('images/bas_bloc_action.png') no-repeat;
}
#partie_gauche .info_page .bloc_action ul{
 list-style-type:none;
 color:#ddd;
 text-align:left;
 padding-left:15px;
 margin-left:0px;
}

#partie_gauche .info_page .information_bloc .affichage_probleme{
width:100%;
padding:10px;
border:1px dashed #FF6666;
color:#FF6666;
}
#partie_gauche .info_page .information_bloc{
width:100%;
padding:10px;
margin-bottom:20px;
}
#partie_gauche .info_page .description_bloc{
padding:10px;
width:100%;
min-height:100px;
color:#555;
border: 1px solid #ddd;
border-top:0px;
margin-bottom:20px;

}
#partie_gauche .info_page .description_bloc{
padding:10px;
width:100%;
min-height:100px;
color:#555;
border: 1px solid #ddd;
border-top:0px;
margin-bottom:20px;

}

#partie_gauche .info_page .description_bloc .bloc_playlist{width:400px;padding:10px;overflow:auto;}
#partie_gauche .info_page .description_bloc .bloc_playlist .membre{float:left;width:90px;height:100px;margin:5px;}
#partie_gauche .info_page .description_bloc table.musique{
width:420px;
border-collapse:collapse;
}

#partie_gauche .info_page .description_bloc table.musique tr a{
color:#3366FF;
}


#partie_gauche .info_page .description_bloc table.musique tr.gris{background-color:#eee;}
#partie_gauche .info_page .description_bloc table.musique tr{
height:26px;
width:420px;
border-collapse:collapse;
padding-left:5px;
padding-right:5px;
border:0px;
font-size:11px;
}
#partie_gauche .info_page .description_bloc table.musique tr .bouton_cache{
visibility:hidden;
display:block;
height:27px;
width:90px;
}
#partie_gauche .info_page .description_bloc table.musique tr .bouton_cache .bouton_plus{
float:left;
display:block;
height:27px;
width:30px;
background:url('images/bouton/bouton_plus.png') no-repeat;
}
#partie_gauche .info_page .description_bloc table.musique tr .bouton_cache .bouton_plus:hover{
background:url('images/bouton/bouton_plus_h.png') no-repeat;
}
#partie_gauche .info_page .description_bloc table.musique tr .bouton_cache .bouton_loupe{
float:right;
display:block;
height:27px;
width:30px;
background:url('images/bouton/bouton_loupe.png') no-repeat;
}
#partie_gauche .info_page .description_bloc table.musique tr .bouton_cache .bouton_casque:hover{
background:url('images/bouton/bouton_casque_h.png') no-repeat;
}
#partie_gauche .info_page .description_bloc table.musique tr .bouton_cache .bouton_casque{
float:right;
display:block;
height:27px;
width:30px;
background:url('images/bouton/bouton_casque.png') no-repeat;
}
#partie_gauche .info_page .description_bloc table.musique tr .bouton_cache .bouton_loupe:hover{
background:url('images/bouton/bouton_loupe_h.png') no-repeat;
}
#partie_gauche .info_page .description_bloc table.musique tr:hover{
background-color:#BCDAFE;
}

#partie_gauche .info_page .description_bloc table.musique tr:hover .bouton_cache{
visibility:visible;
}
#partie_gauche .info_page .titre{
/*background:url('images/bg_menu_horizontal.png') repeat-x;*/
/*height:32px;
padding:0px;
width:100%;
padding-left:20px;
margin:0px;
border:0px;
border-left:2px solid #3399CC;
border-bottom:1px solid #3399CC;*/

background:url('images/titre2.png') transparent right no-repeat;
height:35px;
padding-left:22px;
width:100%;

}
#partie_gauche .info_page .titre h1{
/*font-size: 14px;
text-decoration:none;
width:auto;
margin:0px;
padding-top:4px;
display:block;
height:21px;
float:left;
color:#3399CC;*/
font-size: 12px;
text-decoration:none;
color:#FFFFFF;
padding-top:12px;
padding-left:10px;
width:auto;
display:block;
float:left;
margin:0px;
}

/* AFFICHAGE INFO */
#partie_gauche .white_bloc .gauche{
text-align:right;
padding-top:20px;
}
#partie_gauche .white_bloc .gauche a{
color:#888;
}
#partie_gauche .white_bloc .gauche a:hover{
color:#55B6EB;
}
/* MODULE RECHERCHE */
#partie_gauche  #recherche_ajax{
border:1px solid #EEEEEE;
min-height:30px;
width:600px;
display:none;
padding:20px;
margin-bottom:15px;
}
#partie_gauche  #recherche_ajax td{
color:#888;
}
#partie_gauche .mot_recherche{
font-weight:bold;
color:#0066FF;
}
#partie_gauche .blue_row
{
background-color:#3399FF;
border:0px;
color:#fff;
height:30px;
width:630px;
}
#partie_gauche .gris_row
{
background-color:#bbb;
border:0px;
color:#fff;
height:30px;
width:100%;
font-size:11px;
}
#partie_gauche .gros_bloc table.recherche
{
border:0px;
border-collapse:collapse;
}
/* PARTIE LIVRE OR */
#partie_gauche .gros_bloc .bloc_livre_or{
margin-top:35px;
width:516px;
margin-left:80px;
margin-right:80px;
}
#partie_gauche .gros_bloc .bloc_livre_or .info_livre_or{
width:516px;
height:47px;
background:url('images/haut_livre_or.png') no-repeat;
margin:0px;
color:#fff;
font-size:10px;
}
#partie_gauche .gros_bloc .bloc_livre_or .contenu_livre_or{
width:476px;
background:url('images/milieu_livre_or.png') repeat-y;
padding-left:20px;
padding-right:20px;
}
#partie_gauche .gros_bloc .bloc_livre_or .info_livre_or .pseudo{
font-size:14px;
padding-left:20px;
float:left;
color:#fff;
width:200px;
padding-top:0px;
margin-top:15px;
font-weight:lighter;
}
#partie_gauche .gros_bloc .bloc_livre_or .info_livre_or .date{
font-size:10px;
padding-right:20px;
color:#555;
float:right;
width:180px;
padding-top:0px;
margin-top:25px;

}
#partie_gauche .gros_bloc .bloc_livre_or .bas_livre_or{
background:url('images/bas_livre_or.png') no-repeat;
height:23px;
width:516px;

}


/* PARTIE PARTENAIRE */
#partie_gauche .gros_bloc .bloc_partenaire{
width:600px;
margin:20px;
}
#partie_gauche .gros_bloc .bloc_partenaire .banniere{
width:600px;
text-align:center;
margin:0px;
padding:0px;
}

#partie_gauche .gros_bloc .bloc_partenaire .description{
width:400px;
margin-left:100px;
margin-right:100px;
margin-top:10px;
text-align:center;
}
/* Pour la FAQ */
#partie_gauche .gros_bloc .overflow{
overflow:auto;
width:680px;
}
#partie_gauche .gros_bloc .overflow .bloc_gauche{
float:left;
width:230px;
padding:10px;
}
#partie_gauche .gros_bloc .overflow .bloc_droite{
width:430px;
float:right;
} 


/* LES INFOBULLES*/
a.info {
   position: relative;
    /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #aaa;
   padding: 10px;
	border:1px solid #ccc;
}

a.info:hover span h4.infobulle{
color:#0066CC;
font-size:12px;
}



/* PAGINATION */
#partie_gauche #pagination .numeropage{
border:1px solid #e5e5e5;
padding:5px;
background-color:#f5f5f5;
}
#partie_gauche #pagination .numeropage:hover {
border:1px solid #e5e5e5;
padding:5px;
color:#fff;
background-color:#55B6EB;
}
#partie_gauche #pagination .numeropage:hover a{

color:#fff;

}
#partie_gauche #pagination .numeropage a:hover{
color:#fff;
text-decoration:underline;
}
#partie_gauche #pagination{
margin-top:10px;
}
/* LES MENUS DE DROITE */

.module_connection{
/*
width:160px;
background-color:#C6CFFF;
color:#666;
padding:10px;
font-size:11px;
border:1px solid #ddd;
*/
border-top:2px solid #aaa;
width:165px;
height:170px;
background:url(images/fond_module.png) no-repeat;
color:#999999;
padding:15px;
}
.module_connection a{
color:#0066CC;
text-decoration:none;
}
.module_connection a:hover{
text-decoration:underline;
}
		/* FIche membre */
.fiche_membre{
color:#0066CC;
}		
.centre_membre{
color:#0066CC;
overflow:auto;
width:100%;
margin-bottom:2px;
height:125px;

}
.fiche_membre h3{
color:#999999;
}
.fiche_membre a, a.afficher_glossaire{
color:#0066CC;
text-decoration:none;
}
.fiche_membre a:hover, a.afficher_glossaire:hover{
text-decoration:underline;
}
.fiche_membre .avatar{
border:1px solid #DDDDDD;
height:80px;
width:80px;
float:left;
}
.fiche_membre .bouton{
float:right;
width:100px;
text-align:left;
}
.glossaire{
padding:5px;
}
.glossaire a{
color:#0066CC;
text-decoration:none;
}
.glossaire a:hover{

text-decoration:underline;
}
#partie_droite .classement_category .icone img{
padding-right:10px;
}


/* CAHCHER LES BLOCS TOP - FAVORIS ect.. pour js*/
#partie_droite .favoris_js{
display:none;
}
#partie_droite .top_js{
color:#999999;
}
#partie_droite .top_js .place{
font-size:14px;
color:#33CC33;
font-weight:bold;
}

#partie_droite .top_js .bleu{
background-color:#C6CFFF;
}
#partie_droite .top_js table{
border-collapse:collapse;
}
#partie_droite .top_js a{
color:#0066CC;
text-decoration:none;
}
#partie_droite .en_live_js{
display:none;
}
#partie_droite .musique_en_cours{
text-align:center;
color:#999999;
}
#partie_droite .musique_en_cours a{
color:#0066CC;
}
.haut_menu
{
/*
margin-top:10px;

width:150px;
height:34px;
background:url('images/haut_menu.png') no-repeat;
padding-left:45px;
color:#fff;
padding-top:18px;
font-size:13px;
*/
margin-top:10px;
background:url('images/menu_titre.png') left no-repeat;
width:150px;
height:22px;
padding-left:45px;
color:#fff;
font-size:12px;
padding-top:18px;
font-weight:bold;
}
.menu_background{
background:url(images/fond_module_ext.png) repeat-y;
width:195px;
}
.menu
{
/*
width:177px;
padding:8px;

background-color:#EEEEEE;#333;

color:#0066CC;
border:1px solid #ddd;
border-top: 0px;
font-size:11px;
*/

background:url(images/fond_module.png) bottom no-repeat;
min-height:100px;
padding:15px;
width:165px;
display:block;
color:#666;
}
.menu_publicite{
background:url(images/fond_module.png) bottom no-repeat;
min-height:100px;
padding:15px;
width:165px;
display:block;
color:#666;
text-align:center;
}
.menu ul{
 list-style-type:none;
 color:#ddd;
 padding-left:0px;
 margin-left:0px;
 }
.classement_category{
padding:3px;
background-color:#FFFFFF;
margin:0px;
color:#0066CC;
border:1px solid #ddd;
}
.menu li{

 margin-left:5px;
 height:15px;
 width:172px;
 padding-left:0px;
 /*border-bottom:1px #353535 dashed;*/
 margin-bottom:3px;
 }
.menu li:hover{
padding-left:5px;
width:167px;
 }
.menu li a{
color:#ddd;
color:#666;
text-decoration:none;
font-size:11px;
}
.menu li a:hover{
text-decoration:underline;
}
.menu input{
background-color:#F5F5F5;
width:110px;
color:#000;
font-size:11px;
border:0px;
}
.menu input:hover{
background-color:#fff;
}

/* FOOTER */
#footer
{

background-color: #003355;
background-color:#555;
color:#ddd;
width:100%;
border-top:#224488 solid 10px;
border-top:#7AE931 solid 10px;
}
#footer #chiffre_freezik
{
width:700px;
height:24px;
margin:auto;
padding:8px 0px;
font:120% Verdana, Tahoma, Arial, Helvetica, sans-serif;
color:#ffffff;
background:url(images/ligne_favoris.png) no-repeat;
text-align:center;
}
#chiffre_freezik .vert{
color:#66FF33;
}
#footer_texte
{
font:80% Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin:auto;
padding:auto;
padding-top:30px;
padding-bottom:15px;
width:1000px; 
text-align:center;
}
#footer ul{
 list-style-type:none;
 color:#ddd;
 padding-left:0px;
 margin-left:0px;
 }
#footer li{
 margin-left:5px;
 height:15px;
 width:172px;
 padding-left:0px;
 border-bottom:1px #353535 dashed;
 margin-bottom:3px;
 color:#fff;
 }
 
#footer li:hover{
border-color:#55B6EB;
 }
#footer a{
text-decoration:none;
color:#fff;
}
#footer a:visited{
color:#fff;
}
#footer a:hover{
color:#55B6EB;
}
#footer td{
vertical-align:top;
}










/*---------
POUR BANNISSEMENT

---------------------*/
#ban
{
margin:auto;
background-color:#eee;
width:400px;
margin-top:100px;
padding-bottom:20px;
}
#ban  p
{
padding-left:20px;
}
#ban .motif{
font-size:12px;
font-style:italic;
}
#ban .titre{
background:url('images/bg_menu_horizontal.png') repeat-x;
height:32px;
width:380px;
padding:0px;
padding-left:20px;
margin:0px;
border:0px;
}
#ban .titre h1{
font-size: 14px;
text-decoration:none;
margin:0px;
color:#55B6EB;
padding-top:4px;
display:block;
height:21px;
width:280px;
float:left;
}
#comptarebour{
font-weight:bold;
}

/* ---------------/*
/* SYSTEME
     VOTE
--------------------*/
.vote{
padding-top:10px;
border: 1px solid #eee;
/*background-color:#fff;*/
padding:15px;
}

.ratingblock {
	display:block;
	}

.loading {
	height: 30px;
	background: url('vote/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	list-style-type:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('vote/images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('vote/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('vote/images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}




.align_right_bbcode{text-align:right;}
.align_center_bbcode{text-align:center;}
.align_left_bbcode{text-align:left;}




/*  ALERT BOX*/
#alertBox { 
    /* Texte de l'alerte */ 
    font:20px Georgia, "Times New Roman", Times, serif; 
    text-align:center; 
    color:#FFF;  
 
    /* Forme de l'alerte */ 
    width:100%; padding:30px; 
    background:#000;  
    border-top:3px solid #CCC; 
    border-bottom:3px solid #CCC; 
 
    /* Placement de l'alerte */ 
    position:absolute; 
    left:0px; top:50%; 
    margin-top:-65px; 
 
    /* Transparence pour les différents navigateurs */ 
    filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
    opacity:0.9;  
} 
#alertBox a { 
    color:#CF6; 
    text-decoration:none; 
}