@charset "utf-8";
/* CSS Bossman.fr by zenkilla.com*/

/*////////////////////////////GLOBAL////////////////////////////////*/
*{
margin:auto;
padding:0;
}

#contenant{
width: 1020px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:17px;
color:#d3d3d3;
}
#header{
height:140px;
}
#artiste{
height:430px;
border-bottom:1px solid #D3D3D3;
}
#footer{
height:50px;
}
a {
color:#ABABAB;
text-decoration:none;
}
/*////////////////////////////////////////HEADER/////////////////////////////////////*/

#logo{
background:transparent url("images/new_logo.jpg") no-repeat scroll left bottom;
float:left;
height:115px;
margin:25px 0 0;
width:228px;
}
#menuTitre{
float:right;
width:790px;
border-bottom: 1px solid #d3d3d3;
}
#titre{
background: url('images/musique_libre.jpg') no-repeat right center transparent;
width:617px;
height:57px;
float:right;
margin:44px 0 0 0;
}

/*///////////////////////////////////MENU////////////////////////////////////////////////////*/

#menu{
height:30px;
float:right;
margin:0 0 4px 0;
}
.menu{
float:right;
margin:0 9px 0 0;
text-align:right;
display:block;
}
#menu a{
color:#ABABAB;
text-decoration:none;
}
#menu a:hover{
color:#00dfff;
text-decoration:none;
}
#zenkilla {
height:29px;
line-height:27px;
width:88px;
}
#zenkilla:hover{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000;
width:88px;
padding:0 5px 0 0;
}
#contenant.zenkilla #zenkilla a{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000;
width:88px;
padding:0 5px 0 0;
line-height:29px;
}
#sebastiand {
height:29px;
line-height:27px;
width:125px;
}
#sebastiand:hover{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000;
width:125px;
padding:0 5px 0 0;
}
#contenant.sebastiand #sebastiand a{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000;
width:125px;
padding:0 5px 0 0;
line-height:29px;
}
#kamatchy {
height:29px;
line-height:27px;
width:107px;
}
#kamatchy:hover{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000;
width:107px;
padding:0 5px 0 0;
}
#contenant.kamatchy #kamatchy a{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000;
width:107px;
padding:0 5px 0 0;
line-height:29px;
}
#papanen {
height:29px;
line-height:27px;
width:102px;
}
#papanen:hover{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000;
width:102px;
padding:0 5px 0 0;
}
#contenant.papanen #papanen a{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000;
width:102px;
padding:0 5px 0 0;
line-height:29px;
}
#sebseb {
height:29px;
line-height:27px;
width:87px;
}
#sebseb:hover{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000
height:40px;
width:87px;
padding:0 5px 0 0;
}
#contenant.sebseb #sebseb a{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000
height:40px;
width:87px;
padding:0 5px 0 0;
line-height:29px;
}
#home {
height:29px;
line-height:27px;
width:70px;
}
#home:hover{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000
height:40px;
width:70px;
padding:0 5px 0 0;
}
#contenant.home #home a{
float:right;
display:block;
color:#00dfff;
text-decoration:none;
background: url('images/etoile_bleu.jpg') no-repeat left center #000000;
background-color:#000000
height:40px;
width:70px;
padding:0 5px 0 0;
line-height:29px;
}
#etoiles{
background: url('images/etoile.jpg') repeat-x 0 0 transparent;
height:11px;
float:none;
}

/*CONTENU*/
#contenu{
float:left;
margin:22px 0 0 0px;
}
/*******************************************PHOTOS ARTISTES*************************************/
#photo{
background:transparent url('images/PapaNen.jpg') no-repeat scroll right top ;
float:right;
height:421px;
margin:4px 0 0;
width:508px;
}
#photoKamatchy{
background:transparent url('images/kamatchy.jpg') no-repeat scroll right top ;
float:right;
height:421px;
margin:4px 0 0;
width:508px;
}
#photoSebastianD{
background:transparent url('images/sebastiand.jpg') no-repeat scroll right top ;
float:right;
height:421px;
margin:4px 0 0;
width:508px;
}
#photoSebseb{
background:transparent url('images/sebseb.jpg') no-repeat scroll right top ;
float:right;
height:421px;
margin:4px 0 0;
width:508px;
}
#photoZenkilla{
background:transparent url('images/zenkilla.jpg') no-repeat scroll right top ;
float:right;
height:421px;
margin:4px 0 0;
width:508px;
}
/*****************************TITRES ARTISTES*********************************************/
#titreArtiste{
background:transparent url('images/titreNen.jpg') no-repeat scroll 0 0;
height:70px;
width:445px;
margin:0 0 10px 15px;
}
#titreArtisteKamatchy{
background:transparent url('images/titreKamatchy.jpg') no-repeat scroll 0 0;
height:70px;
width:445px;
margin:0 0 10px 15px;
}
#titreArtisteSebastianD{
background:transparent url('images/titreSebastianD.jpg') no-repeat scroll 0 0;
height:70px;
width:445px;
margin:0 0 10px 15px;
}
#titreArtisteSebseb{
background:transparent url('images/titreSebseb.jpg') no-repeat scroll 0 0;
height:70px;
width:445px;
margin:0 0 10px 15px;
}
#titreArtisteZenkilla{
background:transparent url('images/titreZenkilla.jpg') no-repeat scroll 0 0;
height:70px;
width:445px;
margin:0 0 10px 15px;
}
#quoteHaute{
float:left;
background:transparent url('images/quote_haute.jpg') no-repeat scroll 0 0;
height:100px;
width:100px;
margin:0 0 0 20px;
}
#texte{
color:#333333;
float:left;
font-size:12px;
margin:0 0 0 10px;
text-align:left;
width:329px;
}
#footerContenu{
clear:both;
margin:0 0 0 38px;
}
#bandes {
background:transparent url('images/bandes.jpg') no-repeat scroll 0 0;
height:10px;
margin:0;
width:292px;
}
#telecharger{
background:transparent url('images/telecharger.jpg') no-repeat scroll 0 0;
float:left;
height:37px;
margin:10px 10px 0 0;
width:165px;
}
#telecharger a{
float:left;
height:37px;
width:165px;
}
#faireUnDon{
background:transparent url(images/faire_un_don.jpg) no-repeat scroll 0 0;
float:left;
height:38px;
margin:10px 0 0 0;
width:123px;
}
#faireUnDon a{
float:left;
height:38px;
margin:10px 0 0 0;
width:123px;
}
#quotebasse{
background:transparent url('images/quote_basse.jpg') no-repeat scroll 0 0;
float:left;
height:90px;
margin:0 0 0 37px;
width:100px;
}
#titreplayer{
color:#ABABAB;
clear:both;
float:left;
}
#player{
border-top:1px solid #ABABAB;
clear:both;
float:left;
margin-top:2px;
width:412px;
}

/*FOOTER*/

#partage{
float:left;
margin-top:5px;
width:400px;
}

#menubas{
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#menubas li a{
	display:block;
	float:right;
	font-size:10px;
	margin:5px 10px 0 0;
	color:#ABABAB;
}
#menubas li {
	display:block;
	float:right;

}

#creative{
	background:transparent url(images/creative.jpg) no-repeat scroll right 0;
	clear:both;
	color:#ABABAB;
	font-size:9px;
	height:30px;
	line-height:22px;
	margin:0 auto;
	padding:0 72px 0 0;
	width:333px;
}
#creative a{
	color:#ABABAB;
}

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

#liens{
	min-height:250px;
	width:1020px;
	margin:0 auto;
	border-bottom:1px solid #D3D3D3;
}
#liens span{
font-weight:bold;
font-size:12px;
}
#titreLiens{
background:transparent url("images/liens.jpg") no-repeat scroll 0 0;
height:80px;
width:258px;
margin-bottom:25px;
float:left;
}
#titreDon{
	background:transparent url(images/don_titre.jpg) no-repeat scroll 0 0;
	float:left;
	height:80px;
	margin-bottom:11px;
	margin-left:242px;
	width:440px;
}
#don {
	min-height:250px;
	width:1020px;
	margin:0 auto;
	border-bottom:1px solid #D3D3D3;
	padding:0 0 29px 29px;
	color:#5e5e5e;
}
#texteDon{
	color:#5E5E5E;
	float:left;
	font-size:12px;
	width:390px;
}
#quoteHauteLiens{
	clear:both;
	float:left;
	background:transparent url('images/quote_haute.jpg') no-repeat scroll 0 0;
	height:100px;
	width:100px;
	margin:0 0 0 111px;
}
#quoteHauteDons{
	clear:both;
	float:left;
	background:transparent url('images/quote_haute.jpg') no-repeat scroll 0 0;
	height:100px;
	width:100px;
	margin:0 59px 0 111px;
}
#agenda{
float:left;
width:300px;
margin:0 0 0 70px;
}

#vynilsetcd{
float:left;
width:190px;
}
#agenda a{
font-size:10px;
color:#ABABAB;
text-decoration:none;
}
#vynilsetcd a{
font-size:10px;
color:#ABABAB;
text-decoration:none;
}
#quotebasseLiens{
background:transparent url('images/quote_basse.jpg') no-repeat scroll 0 0;
float:left;
height:90px;
margin:0 0 0 37px;
width:100px;
}

/*////////////////////////////NEWSLETTER///////////////////////////////*/


#titreNews{
background:url("images/newsletter.jpg") no-repeat scroll 0 0 transparent;
height:80px;
width:444px;
}

#news{
min-height:250px;
width:1020px;
margin:0 auto;
border-bottom:1px solid #D3D3D3;
}



/*///////////////////////////////HOME/////////////////////////////*/

#accueil{
background:url("images/home1.jpg") no-repeat scroll 0 0 transparent;
height:237px;
padding:121px 0 0 133px;
width:678px;
margin-left:175px;
}


#texteAccueil{
font-size:12px;
color:#000000;
width:327px;
}




#webdesign{
font-size:9px;
margin-top:33px;
padding-left:92px;
width:240px;
color:#bbbaba;
}
#webdesign a{
color:#bbbaba;
}




