/* ELEMENTS HTML */

*{
    font-family : Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size:9px;
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	//-moz-border-radius:10px;
}

*::-moz-selection {
	background-color:#000;
	color:#00ff00;
}

div{
}

html, body{
	height: 100%;
	background:#fff;
	background:url('../img/project_bkg.jpg');
}

img{
	border:0;
	vertical-align:top;
}

a{
	color:#cccccc;
}

a:hover{
	color:#00FF00;
}

a.selected{
	color:#00FF00;
}

.left{
	float:left;
}

.right{
	float:right;
}

.vert{
	color:#00ff00;
}

h2{
	font-size:9px;
	font-weight:normal;
	color:#00ff00;
	margin:0;
	padding:0 10px;
	height:20px;
	line-height:20px;
	background:#000;
	mar_gin-bottom:1px;
	border-bottom:1px solid #fff;

}

/* MISE EN PAGE */

#container{
	width:650px;
	margin:0 auto;
	padding-top:20px;
	text-align:center;
	borsder-left:21px solid #fff;
	position:relative;
	left:21px;
}

#left{
	float:left;
	margin-right:90px;
}

#main{
	float:left;
	width:300px;
	color:#fff;
	text-align:left;
}

#main p{
	background:#000;
	padding:6px 10px;
}

#right{
	width:120px;
	float:right;
	bahckground:#000;
	text-align:left;
}	

#right img{
	margin-bottom:3px;
	display:block;
}

#right a{
	padding:10px 10px 5px 10px;
	background:#000;
	display:block;
}

#infos_left{
	float:left;
	width:100px;
	height:208px;
	margin:0 5px;
	color:#00FF00;
	border:1px solid #333;
}

#infos_left p{
	margin:10px;
}

#infos_left b{
	color:#333;
}

#copyright{
	position:fixed;
	_position:absolute;
	top:191px;
	left:0;
	height:210px;
}

/* MENU */

#menu{
	margin-top:16px;
}

#menu li{
	background:url('../img/bg_menu.gif');
	width:120px;
	height:19px;
	line-height:19px;
	margin-bottom:1px;
	text-align:left;
}

#menu a{
	margin-left:4px;
}


/* TOP */

#top{
	height:14px;
}

#top li{
	display:inline;
}

#top a{
	background:#000;
	line-height:13px;
	padding:1px 5px;
}


/* MAIN */

.pointille_vert{
	clear:both;
	margin:3px 0;
	height:1px;
	line-height:1px;
	font-size:1px;
	background:url('../img/pointille_vert.gif') repeat-x;
}

.pointille_blanc{
	clear:both;
	margin:3px 0;
	height:1px;
	line-height:1px;
	font-size:1px;
	background:url('../img/pointille_blanc.gif') repeat-x;
}

#tracklisting{
	clear:both;		
}

#tracklisting a{
	width:280px;
	display:block;
	height:20px;
	line-height:20px;
	padding:0 10px;
	background:url('../img/bg_track.gif');
}

#tracklisting a:hover{
	background:url('../img/bg_track_hover.gif');
}

#tracklisting a.selected{
	background:url('../img/bg_track_hover.gif');
}

#tracklisting a.quit{
	background:url('../img/bg_track_hover.gif');
	color:#ccc;
}

.track_player{
	position:absolute;
	left:272px;
	width:35px;
	overflow:hidden;
}

.release_liste{
	clear:both;
	width:300px;
	height:120px;
	background:url('../img/bg_release_liste.gif') no-repeat;
	margin-bottom:1px;
}

.details{
	float:left;
	width:170px;
	height:90px;
	background:#000;
	padding:10px;
}

#home_release{
	height:230px;
	margin-bottom:30px;
}

#latest{
	background:#000;
	width:300px;
	height:210px;
}

#home_news{
	background:#000;
}

#home_news .date{	
	color:#00ff00;
	display:block;
	margin-top:0px;
}

#home_news a{
	display:block;
}

.bg_plus{
	background:url('../img/bg_plus.gif');
	height:5px;
	margin:10px 10px 0px 10px;
	line-height:1px;
}

.artist_lien{
	height:88px;
	border-bottom:1px solid #00ff00;
	display:block;
}

.artist_detail{
	position:absolute;
	left:300px;
	margin-top:30px;
	width:16px;
	height:58px;
	background:url('../img/details.gif');
}

.artist_lien:hover .artist_detail{
	background:url('../img/details_anim.gif');
}