/**********************/
/******** DIV *********/
/**********************/

body{
	background-color: #000000;
	width: 850px;
	color:#CCCCCC;
	font-family: arial; 
	font-size: 13px; 
	width: 100%;
	margin: 0;
}

.fdimg{
	width: 840px;
	height: 113px;
	background-image:url("../images/design-01.jpg");
	background-repeat:no-repeat;
}

.fdimg1{
	width: 840px;
	height: 32px;
	background-image:url("../images/design-02.jpg");
	background-repeat:no-repeat;
}

.fdimg2{
	width: 159px;
	height: 453px;
	background-image:url("../images/design-03.jpg");
	background-repeat:no-repeat;
	float: left;
}

.fdimg3{
	width: 126px;
	height: 593px;
	float: left;
	background-image:url("../images/design-05.jpg");
	background-repeat:no-repeat;
}

.fd{
	width: 555px;
	height: 10px;
	float: left;
}

.main{
	width: 850px;
}

#rien{
	margin-top: 80px;
	margin-left: 40px;
}

#fond{
	z-index: 1;
	position: absolute;
	width: 850px;
	background-color: black;
}

#gauche{
	z-index: 2;
	position: absolute;
	width: 130px;
	margin-left: 4px;
}

#menu_gauche{
	width: 145px;
	text-align: left;
	padding-left: 24px;
	padding-top: 18px;
}

#infosite{
	width: 150px;
	text-align: left;
	border-left: solid 1px #626262;
	line-height: 11px;
}

#partenaire{
	width: 145px;
	text-align: left;
	margin-top: 10px;
	padding-left: 4px;
	border-left: solid 1px #626262;
}

#milieu{
	z-index: 2;
	position: absolute;
	width: 500px;
	height: 10px;
	margin-left: 155px;
}

#pmilieu{
	width: 494px;
	margin-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}

#droite{
	z-index: 2;
	position: absolute;
	width: 160px;
	margin-left: 669px;
	margin-top: 25px;
}

.dlisteb{
	float: left;
}
.dlistebs{
	float: right;
	margin-right: 5px;
}
/*****************/
.listing2{
	width:410px;
	border: 1px solid #626262;
	margin: auto;
	padding: 3px 0 1px 2px;
	background: #0b0a0a;
	clear: both;
}
.liens2 {
	margin:0 0 0 5px;
	width: 402px;
	clear: both;
}
.dlisteb2{
	float: left;
}
.dlistebs2{
	float: right;
	margin-right: 5px;
}
/******************/
/********************************/
/*           Concours           */
/********************************/
#site {
	position:absolute;
	z-index:14;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#repere{
	position:absolute;
	z-index:12;
	right:0;
	bottom:0;
	width:1px;
	height:1px;
}

#masqueConcours{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:98;
	display:none;
	background-color:#000000;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

#affichageConcours{
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	width:96%;
	height:350px;
	display:none;
	margin: auto;
	padding: auto;
	text-align: center;
}

#pubConcours{
	z-index: 2;
	position: absolute;
	width:307px;
	height:121px;
	margin-left:483px;
	margin-top:0;
}
/*******************************/

#liens {
  width: 402px;
  margin-top: -12px;
  margin-left: 8px;
  clear: both;
}

#liens a {
  float: left;
  width: 402px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#chroniques {
  margin-top: 6px;
}

#listing{
	width:410px;
	border: 1px solid #626262;
	margin: auto;
	background: #0B0A0A;
	clear: both;
}
.listing{
	width:410px;
	border: 1px solid #626262;
	margin: auto;
	background: #0B0A0A;
	clear: both;
}

#news{
	float: left;
	width:410px;
	border-left: 1px solid #B24124;
	border-right: 1px solid #B24124;
	border-bottom: 0px;
	margin-bottom: 0px;
	background : url("../images/texture.jpg");
}
#news_home{
	float: left;
	width:412px;
	border-bottom: 0px;
	margin-bottom: 0px;
	background : url("../images/texture.jpg");
}
.news_home{
	float: left;
	width:412px;
	border-bottom: 0px;
	margin-bottom: 0px;
	background : url("../images/texture.jpg");
}

#conteneur{
	position: absolute;
	width:410px;
	margin-left: 40px;
	margin-top: 10px;
}
	#conteneur2{
		position: relative;
		float: left;
		width:410px;
		border: 1px solid #626262;
		margin-bottom: 15px;
		background: #0B0A0A;
	}
	.conteneur2{
		float: left;
		position: relative;
		position: relative;
		width:410px;
		border: 1px solid #626262;
		margin-bottom: 15px;
		background: #0B0A0A;
	}
		/***amazon start***/
		.amz{position: absolute; bottom:4px; right:-6px; padding:8px 0 0 0; width:118px; height:25px; background:URL(/images/amz.png) left center no-repeat; text-align:right;}
		.amz a:hover {color:#0b0a0a;}
		.amz-f{font-family: verdana; font-weight: normal; font-size: 10px; padding:0 6px 0 0;}
		/***amazon end****/
	.conteneur_tabs{
		float: left;
		width:410px;
		border: 1px solid #626262;
		margin-top: 0px;
		padding-bottom: 15px;
		background: #0B0A0A;
	}
		.tabs_titre{
			margin-top: 25px;
			margin-bottom: 0px;
			float: left;
			width:410px;
		}
		.tabs_albums{
			float: left;
			width: 125px;
			height: 145px;
			margin-top: 15px;
			margin-left: 8px;
			margin-bottom: 3px;
		}
		.tabs{
			font-size: 10px;
			color: #535353;
		}
	#conteneur_news{
		float: left;
		width:410px;
		border-bottom: 1px solid #B24124;
		border-left: 1px solid #B24124;
		border-right: 1px solid #B24124;
		margin-bottom: 15px;
		background: #0B0A0A;
	}
	.conteneur_news{
		position:relative;
		float: left;
		width:410px;
		border-bottom: 1px solid #B24124;
		border-left: 1px solid #B24124;
		border-right: 1px solid #B24124;
		margin-bottom: 15px;
		background: #0B0A0A;
	}
	
	#conteneur_rech{
		float: left;
		width:410px;
		border: 1px solid #626262;
		margin-bottom: 15px;
		margin-top: 0px;
		background: #0B0A0A;
	}

	#contenu1{
		float: left;
		width: 135px;
		margin-top: 15px;
		margin-left: 8px;
		margin-bottom: 5px;
	}
	.contenu1{
		float: left;
		width: 135px;
		margin-top: 15px;
		margin-left: 8px;
		margin-bottom: 5px;
	}
		.img_link{
			width: 119px;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}
		
	#contenu2{
		float: left;
		width: 230px;
		margin-top: 15px;
		margin-left: 22px;	
		margin-bottom:40px;
	}
	.contenu2{
		float: left;
		width: 230px;
		margin-top: 15px;
		margin-left: 22px;	
		margin-bottom:40px;
	}
	#contenu3{
		float: left;
		width: 370px;
		margin-top: 15px;
		margin-left: 8px;
		margin-right: 6px;
		margin-bottom: 5px;	
	}
	.contenu3{
		float: left;
		width: 370px;
		margin-top: 15px;
		margin-left: 8px;
		margin-right: 6px;
		margin-bottom: 5px;	
	}
	#bio{
		float: left;
		width: 370px;
		margin-top: 3px;
		margin-left: 8px;
		margin-right: 6px;
		margin-bottom: 5px;	
	}
	
	#bio_texte{
		float: left;
		width: 385px;
		margin-top: 3px;
		margin-left: 8px;
		margin-right: 6px;
		margin-bottom: 5px;	
	}
	
	#bio_conteneur{
		float: left;
		width:410px;
		border: 1px solid #626262;
		background: #0b0a0a;
	}
	.bio_conteneur{
		float: left;
		position: relative;
		width:410px;
		border: 1px solid #626262;
		background: #0b0a0a;
	}
	.discographie{
		float: left;
		width:410px;
		border: 1px solid #626262;
		border-top: 0px;
		background: #0b0a0a;
		text-align: center;
		margin-bottom: 15px;
	}
	.bonux{
		position:relative;
		float: left;
		width: 410px;
		border: 1px dotted #626262;
		margin-bottom: 15px;
		background: #0b0a0a;
	}
	.bonuxx{
		margin-top: 7px;
		margin-bottom: 7px;
		margin-left: 10px;
	}
	.bonux_rss{
		float: left;
		width: 410px;
		margin-bottom: 5px;
	}
	
	.archives{
		width:410px;
		border: 1px solid #626262;
		margin: auto;
		background: #0B0A0A;
		clear: both;
	}
	.calendrier{
		float: left;
		display: block;
		width: 60px;
		border: 1px dotted #626262;
		padding: 3px;
		text-align: center;
		background: #0b0a0a;
	}
	.paging{
		float: right;
		margin:15px 0 2px 0;
	}
	.psuivante{
		float: right;
		padding: 0 0 30px 0;
	}
	.pprecedente{
		float: left;
		padding: 0 0 30px 0;
	}
	
/********************************/

#alpha{
	width: 315px;
	height: 18px;
	margin: auto;
	background: #0B0A0A;
}

#newsletter{
	width: 150px;
	text-align: left;
	height: 30px;
}

#espace {
	height: 6px;
}
.espace {
	height: 6px;
}
#espace_disco {
	height: 18px;
}

#espace_moteur {
	height: 10px;
}
.espace_moteur {
	height: 10px;
}

#interligne {
	margin-top: 5px;
}

#bloc_titre {
	margin-left: 7px;
	padding-top: 0px;
}

#bloc_texte {
	margin-left: 7px;
	padding-top: 3px;
}

#bloc_partenaire {
	margin-left: 25px;
	padding-top: 3px;
}

/**********************/
/******** LIENS *******/
/**********************/

A:link {
font-size: 13;
font-family: arial;
color:#C7492A;
text-decoration: none;
font-weight: bold;
}

A:visited {
font-size: 13;
font-family: arial;
color: #C7492A;
text-decoration: none;
font-weight: bold;
}

A:active {
font-size: 13;
font-family: arial;
color:#C7492A;
text-decoration: none;
font-weight: bold;
}

A:hover {
font-size: 13;
font-family: arial;
color: #CCCCCC;
text-align: left;
text-decoration: none;
font-weight: bold;
}



/**********************/
/******* CLASSES ******/
/**********************/

#images{
border-right: #626262 3px ridge;
border-top: #626262 3px ridge;
border-left: #626262 3px ridge;
border-bottom: #626262 3px ridge;
}

.images{
border-right: #626262 3px ridge;
border-top: #626262 3px ridge;
border-left: #626262 3px ridge;
border-bottom: #626262 3px ridge;
}

.btn{
font-family: verdana;
font-size: 9px;
font-style: normal;
font-weight: bold;
color: #f1b540;
background-color: black;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 53px;
}

.ligne{
border-left: 1px solid #626262;
width: 150px;
text-align: left;
margin-top: -5px;
}
.ligne2{
border-left: 1px solid #626262;
width: 150px;
text-align: left;
margin-top: -6px;
}
.communaute{
width: 150px;
text-align: left;
margin-top: 31px;
}
.bloc_droite{
width: 145px;
border-left: 1px solid #626262;
text-align: left;
margin-top: 10px;
padding-left: 4px;
}

.rech  
{ font-family: verdana;
font-size: 9px;
font-style: normal;
color: #f1b540;
background-color: black;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 111px;
height: 13px;
}

.rech_moteur
{ font-family: verdana;
font-size: 11px;
font-style: normal;
color: #f1b540;
background-color: black;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 250px;
margin-top: 0px;
}

.ok
{ font-family: verdana;
font-size: 9px;
font-style: normal;
font-weight: bold;
color: #f1b540;
background-color: black;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 25px;
}

.go
{ font-family: verdana;
font-size: 9px;
font-style: normal;
font-weight: bold;
color: #f1b540;
background-color: #000000;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 24px;
margin-left: 4px;
padding-bottom: 0px;
}

.rechercher
{ font-family: verdana;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #f1b540;
background-color: #000000;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 100px;
margin-top: 4px;
padding-bottom: 0px;
}

.choix
{ font-family: verdana;
font-size: 9px;
font-style: normal;
color: #f1b540;
background-color: #0b0a0a;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 85px;
height: 15px;
padding-bottom: 0px;
}

.choix_moteur
{ font-family: verdana;
font-size: 11px;
font-style: normal;
color: #f1b540;
background-color: #0b0a0a;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 100px;
margin-top: 4px;
}

.genres
{ font-family: verdana;
font-size: 9px;
font-style: normal;
color: #f1b540;
background-color: black;
border-width: 1px;
border-style: solid;
border-right: black;
border-top: black;
border-left: black;
border-bottom: black;
width: 87px;
}

.actu
{ font-family: verdana;
font-size: 9px;
font-style: normal;
color: #f1b540;
background-color: black;
border-width: 1px;
border-style: solid;
border-color: #626262;
width: 80px;
height: 13px;
}

.pocast
{
float: left;
padding-top: 21px;
margin-right: 52px;
height: 40px;
}

.img_pocast
{
float: left;
padding: 20px;
margin-top: 20px;
}

.espace_pocast
{
padding-top: 55px;
margin-top: 55px;
}
/**********************/
/****** POLICES *******/
/**********************/

h1 {
margin:0;
padding:0;
font-family: verdana;
font-weight: normal;
font-size: 10pt;
}

h2 {
margin:0;
padding:0;
font-weight: normal;
font-family: verdana;
font-size: 8pt;
color: #999999;
}

.petit {
font-family: verdana;
font-weight: normal;
font-size: 10px;
}

.txt_tabs {
height: 25px;
text-align: center;
font-family: verdana;
font-weight: normal;
font-size: 10px;
margin: 0px;
padding: 0px;
}

/*.petit {
font-family: arial;
font-weight: bold;
font-size: 10px;
}*/
#track {
font-family: verdana;
font-size: 8pt;
color: #999999;
}
.track {
font-family: verdana;
font-size: 8pt;
color: #999999;
}

.tchro {
font-family: verdana;
font-size: 8pt;
font-weight:bold;
color:#f1b540;
margin:8px 0 0 8px;
}

#biotext {
font-family: verdana;
font-size: 8pt;
}

.biotext {
font-family: verdana;
font-size: 8pt;
}

.infos {
font-weight: bold;
font-size: 10px;
color: #999999;
}

.styles{
font-weight: bold;
font-size: 10px;
color: #535353;
}

.listeb{
font-weight: bold;
font-size: 10px;
}
.listebs{
font-weight: bold;
font-size: 10px;
color: #535353;
}
/**********************/
/********* UL *********/
/**********************/

.selection {
display: block;  
padding-left: 5px;
margin: 0px;
}

.rss {
padding-left: 15px;
margin: 0px;
}

.img_rss{
vertical-align: middle;
border: 0;
}

.p_rss{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 90px;
}
