/* CSS Document */


body	{
margin:0;
padding:0;
background:#000000;
font-family:Arial;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
}



#page 	{

	width:925px;
	height:1090px;
	margin-left:auto;
	margin-right:auto;

	background-color:#000;
	
}

a:hover{
color:#999999;}

#ads{
width:100%;
height:25px;
background:#000;
float:left;
}

#banner1 img{
border:none;
text-decoration:none}

#banner img{
border:none;
text-decoration:none}

#pub_vid img{
border:none;
text-decoration:none}

#top{
margin-top:5px;
width:100%;
height:200px;
background:#000;
float:left;
}

#logo {

	width:175px;
	height:110px;
	background:#000;
	float:left;
}

#banner{
float:left;
width:728px;
background:#000;
height:110px;
}

#player {
	margin-top:5px;
	margin-left:5px;
	background-color:#000;
	float:left;
	width:275px;
	height:19px;
	
	
}




#connexion{

width:100%;;
float:left;
background:#006633;}

#connexion a{
text-decoration:none;
color:#fff;}
.styleform{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:100%;
float:left;
background:#000;
color:#FFFFFF;}

.styleform input {

font-size:10px;

}

.styleform td {
vertical-align:baseline;

}

#searchbar {
float:left;
margin-top:5px;
float:left;
width:100%;



}


#menu {
	float:left;
	color:#FFFFFF;
	font-weight:600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-position:center;
	background:#000; 
	background-repeat:repeat-x;
	border-bottom-color:#FFFFFF;
	border-width:2px;
	word-spacing:5px;
	
	height:30px;
	
	margin-top:5px;
}

.menuid{
font-weight:bold;
padding-top:5px;
color:#000000;
text-align:center;
float:left;
background:#000 url(../images/backmenubox.gif);
background-repeat:no-repeat;
height:31px;
width:91px;
}


.menuid a {text-decoration:none;
color:#000000;}
#bottom{
float:left;

width:84%;
margin-top:10px;
background:#000;
}



#level_1{
	width:100%;
	float:left;
	height:300px;
	background-color: #000000;

}

#player_vid{
float:left;
height:320px;
width:400px;
background:#000;
text-align:left;
}


#player_vid embed{
margin-left:35px;
text-align:center;
}

#telechargement_vid{
float:left;
height:320px;
width:48%;
background:#000;
background-repeat:no-repeat;
}

#ovideos{
height:130px;
width:100%;
background:#000 url(../images/backovideosvid.gif);
background-repeat:no-repeat;
padding-top:30px;
padding-left:10px;
}

#telech{
height:160px;
width:100%;
background:#000 url(../images/backtelechvid.gif);
background-repeat:no-repeat;
padding-top:7px;
padding-left:10px;
text-align:left;
}

#telech a{
text-decoration:none;
color:#CCCCCC;

font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#telech a:hover{
color:#999999;}
#com_vid{
float:left;
height:100%;
width:460px;
background:#000 url(../images/backcomsvid.gif);
background-repeat:no-repeat;

text-align:left;
}


#formvid{
float:left;
margin-top:30px;
margin-left:15px;
width:90%;
margin-right:15px;
}

#formvidcom{

float:left;
margin-top:30px;
margin-left:15px;
width:90%;
margin-right:15px;
}
#comments_vid{

width:100%;
height:250px;

}

#comments_vid a{

text-decoration:none;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;

}

#comments_vidcom{


width:100%;


}

#comments_vidcom a{

text-decoration:none;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;

}
#pub_vid{
float:left;
height:250px;
width:300px;
background:#000;
margin-left:15px;
}

#pub_vid1{
float:left;
height:250px;
width:300px;

margin-left:30px;
margin-top:60px;
}


#pub_vid1 img {
border:none;
}


#news{
float:left;
width:259px;
height:300px;
background:#f0f url(../images/backnews.gif);



}

#list_tapes{
float:left;
margin-top:10px;
width:100%;
}


#tapebackground {

background-image:url(../images/mixtapeListingBackground.jpg);
width:370px;
height:128px;


}

#tapebackground img{
float:left;
margin-right:10px;
margin-left:15px;
margin-top:5px;
}



#inputvid{


float:left;
width:350px;font-size:18px;font-weight:bold;}

#smileyvid{
float:left;


width:60px;
}

#inputvidcom{


float:left;
font-size:18px;font-weight:bold;}

#smileyvidcom{

float:left;
margin-left:15px;


width:40px;
}

#list_vid{
float:left;
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}

#list_mp3{
float:left;
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;

}


#list_mp3 a{
color:#FFFFFF;
text-decoration:none;


}

#list_mp3 .src1{
text-decoration:none;

border:none;


}





#list_vid span{
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}


#list_vid a{
color:#fff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;

}


#list_vid a:hover{
color:#999999;

}


#list_artistes{
float:left;
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;

}

#list_artistes td{
width:200px;

height:200px;

}

#list_artistes td img{
decoration:none;
border:none;

}

#mp{
float:left;
width:259px;
height:300px;

background-image:url(../images/backmp.gif);
}

#mixtape{
float:left;
width:258px;
height:300px;
background:#f0f url(../images/backmix.gif);



}

.tablomail {
color: #ffffff;
	font-size: 12px;
	text-decoration:bold;
	font-weight:normal;
	border:solid;
	border-color:#FFF;
	border-width:medium;
	border-collapse:collapse;
	padding-left:5px;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	
	}




#titlecomments{
float:left;
font-size:18px;
width:100%;

}


#titlearticle{
float:left;
font-size:22px;

margin-left:10px;

}

#contentarticle{
float:left;
width:95%;
background:#000;
margin-left:15px;
margin-top:30px;

}

#contentarticle .date{
width:95px;
color:#FFFFFF;
font-size:9px;
font-weight:lighter;
}



#bottom{
float:left;
text-align:left;
width:84%;
margin-top:5px;
background:#000;
}


#notification{
width:47%;
height:300px;
text-align:left;
padding-top:30px;
padding-left:15px;
background:#000 url(../images/backaccueil.gif);
background-repeat:no-repeat;
float:left;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;



}


#notification a{
text-decoration:none;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;



}

#presentation{
float:left;
width:60%;
height:100%;
background:#000 url(../images/backpresentation.gif) ;
background-repeat:no-repeat;


}

#photomembres{
float:left;
width:40%;
height:100%;
background:#000 url(../images/backphotoartist.gif) ;
background-repeat:no-repeat;
text-align:center;}


#col_article1{
float:left;
width:55%;
background:#000 url(../images/backarticle.gif);
background-repeat:no-repeat;
height:1050px;
padding-top:20px;

text-align:left;

}


#col_article2{
float:left;
width:45%;
background:#000;
height:100%;

}


#mp3_article{
background:#000 url(../images/backarticlemp3.gif);
background-repeat:no-repeat;
float:left;
width:100%;
height:200px;
}


.titleboxarticle{
font-size:18px;
color:#CCCCCC;
text-align:center;
width:100%;
margin-top:5px;

}


#cadrephotos{
width:47%;
height:300px;
padding:5px;
background:#000 url(../images/backphotosacc.gif);
background-repeat:no-repeat;
float:left;
margin-left:5px;
padding-top:30px;



}

#cadrephotos a{
text-decoration:none;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;



}


#playlist{
width:100%;
height:720px;
padding:5px;

float:left;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:12px;
font-weight:bold;




}


#playlist p{

font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:12px;
font-weight:bold;




}

#playlist td{

font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:12px;
font-weight:bold;




}
#infos_tapes{
width:100%;
height:310px;
float:left;

}



#cover_st{
margin-left:55px;
width:216px;
height:216px;


float:left;
background-color:#000000;
}


#insc_tapes{
float:left;
width:100%;
text-align:left;
margin-left:5px;}

.insc_tapes{
float:left;

text-align:left;
}


#pubmiddle {
float:left;
margin-top:5px;
width:100%;
height:70px;
background-color:#000;
border:#CCCCCC solid thin;

}

#level_2{
margin-top:5px;
width:100%;
float:left;
height:300px;
background:#000;

}


#level_2bis{
margin-top:110px;
width:100%;
float:left;
height:440px;
background:#333;

}


#level_2ter{
margin-top:25px;
width:100%;
float:left;
height:440px;



}




#tapes{
float:left;
width:49.99%;
height:300px;
background:#16EFEC url(../images/backtapes.gif);



}


#videos{
float:left;
width:49.99%;
height:300px;
background:#0F8905 url(../images/backvideos.gif);



}


#videos a img{
border:none;
text-decoration:none;


}


#mp3{
float:left;
width:253px;
height:300px;
background:#ff0;



}



#level_3{
margin-top:5px;
width:100%;
float:left;
height:135px;
background:#000;

}

#level_3bis{
margin-top:5px;
width:100%;
float:left;

background:#000;
color:#CCCCCC;

}

#amis_membres{
float:left;
width:100%;
height:450px;
background:#000 url(../images/backbio.gif) ;
background-repeat:no-repeat;
text-align:left;
color:#CCCCCC;

}

#level_3left{
float:left;
width:50%;



}
#level_3right{
float:left;
width:48%;
}

#telech_artist{
height:300px;
width:101%;
background:#000000 url(../images/backtelechargement.gif);
background-repeat:no-repeat;}

#titlemembres{
float:left;
font-size:18px;
width:100%;
text-align:center;
margin-top:6px;
}

#amities{
padding-top:30px;
padding-left:5px;
width:30%;
height:441px;
float:left;
background:#000 url(../images/backamisacc.gif);
background-repeat:no-repeat;
text-align:left;




}

#amities img{
border-color:#FFFFFF;




}


#amities a{
text-decoration:none;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;



}

#comment_membres{
float:left;
width:101%;
height:150px;
background:#000 url(../images/backminibox.gif) ;
background-repeat:no-repeat;}

#content_membres{
float:left;
width:95%;

margin:10px;
text-align:left;

}

.conseiller{
margin-left:60px;
}

#form {

	float:left;
	width:400px;
	background-color:#000;
	color:#fff; 
	
	font-size:12px;
	
	padding-left:15px;
}

h3 {
		margin: 0px;
		padding: 0px;	
	}

	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor:pointer;
		
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}





#telechargement{
width:30%;
height:440px;
float:left;
background:#000 url(../images/backtelechargementacc.gif);
background-repeat:no-repeat;
margin-left:1px;
padding-top:30px;
text-align:center;
}


#telechargement a{
text-decoration:none;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;



}



#commentaire_b{
width:39%;
height:220px;
float:left;
background:#000 url(../images/backcommentairesacc.gif);
background-repeat:no-repeat;

}

#message_b{
width:39%;
height:220px;
float:left;
background:#000 url(../images/backmessagesacc.gif);
background-repeat:no-repeat;


}

#message_b a{
text-decoration:none;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;

}


#commentaires{
float:left;
width:49.99%;
height:135px;
background:#061764 url(../images/backcoms.gif);
background-repeat:no-repeat;
}

#membres{
float:left;
background:#061762 url(../images/backmembres.gif); 

color:#000000;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
height:135px;
width:49.99%;


}


#col_1{
float:left;
width:330px;
height:700px;
}


#col_1b{
float:left;
width:49%;
height:700px;


}


#col_2{
float:left;
width:53%;
height:700px;
margin-left:5px;
}

#col_2b{
float:left;
width:49%;
height:700px;


}


.resultatmp3 img{
text-decoration:none;
border:none;


}

#box_messages{
margin-top:10px;
float:left;
width:180px;
background:#000;
background-repeat:no-repeat;
color:#000000;
font-size:16px;
text-align:center;
}

#box_messages a{

color:#000000;
font-size:16px;

}


#box_text{
margin-top:10px;
float:left;
width:75%;
}


#titlemessages{
background:url(../images/mesmessages.gif);
height:40px;
background-repeat:no-repeat;
font-size:18px;
width:100%;}


#recept_env{
background:url(../images/boxmessages.gif);
background-repeat:no-repeat;
height:126px;
width:100%;
}
#reception{
padding-top:25px;
font-size:14px;
width:100%;}

#envoi{
margin-top:15px;
font-size:14px;
width:100%;}

#supprime{
margin-top:15px;
font-size:14px;
width:100%;}



#left{
float:left;
margin-top:5px;
margin-left:5px;
width:138px;
height:800px;
background:#000;

}

#left2{

float:left;
margin-top:5px;
margin-left:5px;
width:138px;
height:370px;
background:#000;



}



#banner2 {
float:left;
background:#000; 
color:#000000;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
width:120px;
height:240px;
margin-left:auto;
margin-right:auto;

}




#banner1 {

background:#000; 

color:#000000;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
width:120px;
height:600px;
margin-left:auto;
margin-right:auto;
}

#box1 {
margin-top:10px;
background:#000; 

color:#000000;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
width:120px;
height:90px;
margin-left:auto;
margin-right:auto;

}


#box2 {

background:#000; 
margin-left:auto;
margin-right:auto;
color:#000000;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
width:120px;
height:60px;

}


#footer{
float:left;
margin-top:5px;
height:25px;
width:100%;
background:#000;

}


#baseline {
	font-family:Helvetica, Arial Black, sans-serif;
	font-size:small;
	
	text-align:center;
	color:#FFFFFF;
margin-left:auto;
margin-right:auto;
	
}

#baseline a : hover {
	text-decoration:none;
	color:#FFFFFF;
	
}

#baseline a {
	text-decoration:none;
	color:#FFFFFF;
	
}