@charset "utf-8";
/* CSS Document */
body{background:#000}
#Center{margin:0 auto;width:800px;background:#FFF}
#Header {background:url(../images/header.png);width:800px;height:110px;}
#Conteneur{color:#000000;font-size:12px;font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF;}
#FilAriane{background:url(../images/fil-ariane.png);height:20px;width:640px;font-family:Verdana;font-size:9px;font-weight:bold;line-height:20px;padding-left:6px}
#FilAriane H1 {display:inline;margin:0;font-size:9px;}
#FilAriane H1 a, #FilAriane a{color:#000000;text-decoration:none;}
#FilAriane H1 a:hover,#FilAriane  a:hover{color:#000000;text-decoration:underline }

#Droite {background:url(../images/background-droite.png) repeat-y  ;width:152px;float:left;min-height:450px; display:block}
#Droite .Menu{background:url(../images/background-menu-droite.png);width:130px;height:166px;margin-left:6px;
font-family: arial;
font-size:12px;
font-weight:bold;
color:#FFF;}
#Droite .Menu ul{
list-style:none;
list-style-type:none;
margin:0;
padding:0;
padding-left:12px !important ;
padding-top:16px !important;
}
#Droite .Menu li{
line-height:20px
}
#Droite .Menu li a{
color:#FFFFFF;text-decoration:none;
}
#Droite .Menu li a:hover{
color:#FFFFFF;text-decoration:none;background:url(../images/cle-do.png) right no-repeat;height:20px;width:110px;display:block;
}
#Milieu{padding:2px;float:left;width:644px;background:#FFF;
}
#Footer {background:url(../images/footer-musique.png); width:800px;height:111px;clear:left;margin-top:0;color:#FFF;margin:0 auto;padding-top:0}
#Footer .MenuFooter{padding:50px 30px 20px 150px}
#Footer a{color:#FFF;text-decoration:none;font-weight:bold;font-size:11px}
#Footer a:hover{color:#FFF;text-decoration:underline}
/* Page Chanson */
#CentreGauche{width:320px;float:left;padding-right:3px;border-right:1px dashed #CCC}
#CentreDroit{width:318px;float:left;padding-left:6px;}

.chapeau{background:#CCC; font-size:11px;padding:4px;border:1px solid #999999;margin:4px;}
.MgrBot10{margin-bottom:10px;}
.MgrBot8{margin-bottom:8px;}
.PdgLeft5{padding-left:5px}
.PdgTop30{padding-top:30px}
.PdgTop10{padding-top:10px}
.tx10{font-size:10px}
.tx11{font-size:11px}
.tx12{font-size:12px}
.tx13{font-size:13px}
.tx14{font-size:14px}
.centrer{margin:0 auto}
.txblanc{color:#FFF}
.verdana{font-family:verdana}
.souligne{text-decoration:underline}

.hauteur600{min-height:600px}
.hauteur800{min-height:800px}
.hauteurMille{min-height:1500px}
#Top{margin-left:50px}
.top_chanson{width:250px;float:left;background: url(../images/fd-tab-chanson.jpg) no-repeat;border:1px solid #999;margin-left:4px;text-align:center;}
.top_chanson td{height:30px}
#tab_chanson{width:636px;background: url(../images/fd-tab-chanson.jpg) no-repeat;border:1px solid #999;margin-left:4px;text-align:center}
#tab_chanson a {color:#000;}
.tab_titre_chanson{height:40px;}
.tab_titre_chanson_premiere_case{ padding-left:5px;}
.align_left{text-align:left}
.FloatLeft{float:left}

#tab_message_artiste{width:636px;margin-left:4px;background:url(../images/fd-message.jpg) no-repeat;height:350px;}
.ClearLeft{clear:left}
form .gauche{padding-left:10px;float:left;color:#FFF;width:100px}
form .droite{float:left;color:#FFF;width:170px}


.affichage_commentaire{width:280px;background-color: #B0D0E1;border:1px dashed #CCC;padding:4px}
.text_commentaire{border:1px solid #EEE;margin:10px;width:260px;background: #CCC;padding:2px }