/* CSS Document */

body {
	background-color:#251F1F; 
	color: white;
	text-align:center;
	margin-top:0;

}
.spacer{clear:both;}

#main	{
	background:transparent;
	color: black;
	width:810px;
	margin:auto;
}

/*BANNIERE*/
#banner {
		width:804px;
		height:289px;
		margin:0px;
		margin-bottom:0px;
}


/*Footer*/
#main>#pied{margin-left:22px;}

#pied {
		background-image:url(../image/footer.jpg);
		width:751px;
		height:83px;
		margin-right:7px;
		margin-top:0px;
}

#main>#footer{margin-left:22px;}

#footer {
		background-image:url(../image/footer.jpg);
		width:751px;
		height:83px;
		position:relative;
		top:20px;
}


/*Principal*/
#main>#corps{margin-left:22px;}
#corps{
		background-image:url(../image/bg.gif);
		width:748px;
		margin-right:6px;
		padding-top:18px;
		color:white;
		/*border:1px solid orange;*/
		
}

/*//COLONNE DE DROITE//*/
#right_column {
			width:250px;
			float:right;
			margin-top:20px;
			height:960px;
}



/*Newsletter*/
.newsletter{
			width:240px;
			height:70px;
			background-color:#653413;
}

.newsletter form {
	margin: 0;
}
.newsletter p {
	margin: 0;
}

.newsletter input{width:55%; 
				background-color:#d5b27a;
				font-family: Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:11px;
				color:#653413;
				}


/*[onglet]*/
.mail_bas{position:relative; bottom:423px; left:1px; }
.mail_top{position:relative; bottom:482px; right:0px;}
#right_column>.mail_bas {position:relative; bottom:343px;  left:-4px;}
#right_column>.mail_top {position:relative; bottom:390px; right:6px;}

/*Album*/
.album{
		width:243px;
		height:311px;
		margin-bottom:30px;
}

#right_column>.album{margin-bottom:60px;}

a.album{display:block;
		width:243px;
		height:311px;
		background-image: url(../image/album.gif); 
        background-repeat: no-repeat;
		text-decoration:none;
		}
	 
a.album:hover { background-image: url(../image/album_2.gif); } 

.buy{ position:relative; bottom:64px; right:-20px; width:73px; height:22px; background-image:url(../image/acheter1.gif); background-repeat:no-repeat;  }
.album>.buy{padding-left:73px; right:-35px; bottom:63px;}
.buy:visited{background-image:url(../image/acheter3.gif);}
.buy:hover{background-image:url(../image/acheter2.gif);}
.listen{position:relative; bottom:62px; width:73px; height:23px; left:-32px; background-image:url(../image/ecouter1.gif); background-repeat:no-repeat;}
.album>.listen{padding-left:73px;}
.listen:visited{background-image:url(../image/ecouter3.gif);}
.listen:hover{background-image:url(../image/ecouter2.gif);}

/*photos show*/

.polashow {width:246px; height:164px; /*border:1px solid red;*/ margin-bottom:50px;}

#right_column>.polashow{margin-bottom:70px;}
a.polashow{display:block;
		width:246px;
		height:164px;
		background-image: url(../image/pola1.gif); 
        background-repeat: no-repeat;
		text-decoration:none;
		}
		
a.polashow:hover { background-image: url(../image/pola2.gif); } 


/*remix*/
.remix_thang {width:164px; height:200px; margin-top:80px;}

a.remix_thang {display:block;
			width:164px;
			height:200px;
        	background-repeat: no-repeat;
			text-decoration:none;
			background-image:url(../image/remix.gif);}


/*//COLONNE DE GAUCHE//*/
#left_column { width:468px;
				background-color:#653413;
				margin-top:80px;
				font-family:sans-serif;
				font-size:75%;
				text-align:left;
			
}

#corps>#left_column{ margin-top:70px;width:468px; margin-left:9px;}

hr {border:1px solid dotted;}

h2{color:#D5B27A; font-family:arial, sans-serif;}
h2:first-letter{color:#EAAA22;}
span.etoile{color:#eaaa22; font-size:200%;}

a{color:#D5B27A; text-decoration:none; font-weight:bold;}
a:link{color:#D5B27A;}
a:visited{color:olive;}
a:hover{color:#eaaa22;}



/*PAGE ACCUEIL*/
.newz_top{position:relative; top:-52px;}
#left_column>.newz_top{position:relative; top:-54px;}


.pic{float:left; margin:12px 4px 2px 2px; text-decoration:none;}
.infos {margin-top:4px; color:beige; font-family:"MS Trebuchet", sans-serif; }
span.headline{color:orange; font-family:sans-serif; }
span.note {color:#9F2F14; text-decoration:underline;}
#left_column>.shit{height:700px;}
.mini{color:#D5B27A;}
.mini:link{color:#D5B27A; }
.mini:visited{color:olive;}
.mini:hover{color:#9F2F14; }

.nouvelle{ width:461px; margin-bottom:8px; text-align:justify; }
.nouvelle a{width:461px;display:block; text-decoration:none; color:beige;}
.nouvelle a:hover{background-color:#AC703D; text-decoration:none;}



/*PAGE ABOUT*/
.speech { text-align:justify; width:464px; color:beige; font-size:110%; padding-left:2px;}
.speech h1{color:orange; font-size:250%;}
.visu{float:left; margin-right:5px; margin-bottom:5px;}
span.light {color:olive;font-weight:bold;}
span.high{color:orange; font-weight:bold;}
#left_column>.speech{height:870px;}

.about_top{position:relative; top:-68px; left:0px;}
{position:relative; left:0px;}


/*PAGE PRESS*/
.dp {text-align:center;  
 font-size:90%; font-family:Geneva, Arial, Helvetica, sans-serif; 
 color:#D5B27A; border:1px solid red; height:1000px;}

/*PAGE MEDIA*/
/*[[icone tv & radio]]*/
.menu {margin-bottom:16px; width:450px; height:200px; text-align:center; }
#corps>.menu{margin-left:320px;}

.tv{ display:block; 
	  width:150px;
	  height:200px;
	  background-image: url(../image/tv.gif);
	  background-repeat: no-repeat;
		position:relative;
	bottom:22px;
		left:-100px;
}
.tv:visited{background-image: url(../image/tv3.gif);}
.tv:hover{bottom:85px; left:-160px; background-image: url(../image/tv2.gif);}

.rd{ display:block; 
	width:145px;
	height:139px; 
	background-image: url(../image/radio.gif);
	background-repeat: no-repeat;
	position:relative;
	top:138px;
	right:-105px;
	
}
.rd:visited{background-image: url(../image/radio3.gif);}
.rd:hover{top:68px;  right:-105px; background-image: url(../image/radio2.gif);}

.lecture{width:600px;}

/*||page audio||*/
.conteneur {background-color:#653413; width:468px; margin-bottom:15px;}
.lecture>.conteneur{margin-left:145px; margin-bottom:0px; height:500px;}

.tracklisting{margin:0px; text-align:left; float:right; width:300px; font-family: helvetica, sans-serif;margin-top:18px; color:#AD7E3C; font-size:95%; font-weight:bold;}
.conteneur>.tracklisting{margin-left:4px; margin-top:32px;}


.cover{margin-top:18px; width:150px;}
.conteneur>.cover{padding-top:18px; padding-left:4px;}
.cover a {color:#F1B043; font-weight:bold; text-decoration:underline;}
.cover a:link {color:#F1B043;}
.cover a:visited{color:#AD7E3C; }
.cover a:hover{color:#993300;}

span.title {color:#F1B043;}

.audio_top{position:relative; top:3px; left:-1px;}
.lecture>.audio_top{position:relative; top:25px; left:77px; }


/*||page vidéo||*/
.content{background-color:#653413; width:468px; margin-bottom:10px; color:#CFA960;font-size:65%; font-family:Verdana, Arial, Helvetica, sans-serif;}
.lecture>.content{margin-left:150px; margin-bottom:0px; height:650px;}

.video_top{position:relative; top:5px; left:-3px;}
.lecture>.video_top{position:relative; left:82px;}

.happyweek {width:450px; padding:3px; margin-top:18px; margin-bottom:4px; height:78px;}

.extrait {float:left; width:103px; margin-right:4px; margin-bottom:6px;}

.happyweek>.extrait {margin-bottom:2px;}




/*PAGE EXTRA*/
.extra_top{position:relative; top:-48px; left:0px;}
#left_column>.extra_top{position:relative;  left:-2px;}
.ecran{text-align:center;  float:left; margin:5px; margin-bottom:6px; width:188px;}

/*PAGE LIEN*/
.link_top{position:relative; top:-75px; left:-2px;}

#left_column>.link_top{position:relative;  left:-4px;}

.connection {margin-top:0px; margin-left:8px; width:300px;}

#left_column>.connection{height:820px;}
.connection a{font-family:helvetica,verdana; }

/*PAGE CONTACT*/
.contact_top{position:relative; top:-63px; left:-3px;}
#left_column>.contact_top {top:-60px;}


.conteneur{text-align:center;}


.formulaire{
		color:orange;
		font-family:arial, sans-serif;
		font-weight:bold;
		width:400px;
		margin:auto;		
}
p label{
	display:block;
	float:left;
	font-family:"Trebuchet MS", Helvetica;
	font-weight:bold;
	width:70px;
	margin-left:5px;
	text-align:left;
	}



input#nom{
	width:185px;
	background-color:#d5b27a;
	font-family:Arial;
	float: left;
}

input#mail{
	width:185px;
	background-color:#d5b27a;
	font-family:Arial;
	float: left;
}

input#sujet{
	width:185px;
	background-color:#d5b27a;
	font-family:Arial;
	float: left;
}

textarea{
	width: 183px;
	background-color:#d5b27a;
	font-family:Arial;
	font-weight:bold;
	float: left;
}

/*Page VPC*/

 .boutique {height:1550px; font-family:Geneva, Arial, Helvetica, sans-serif; 
 color:#D5B27A; text-align:center; padding:6px; }
.pack {width:450px; margin-bottom:9px;  
margin-top:6px; border-bottom:1px dashed #D5B27A; padding:6px; }
.old {text-decoration:line-through;}