/* CSS Document */


body	{
margin:0;
padding:0;
background:#000000;
font-family:Arial;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
}



#page 	{

	width:925px;
	
	margin-left:auto;
	margin-right:auto;

	background-color:#000;
	
}

a:hover{
color:#999999;}

#ads{
width:100%;
height:25px;
background:#000;
float:left;
}


#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:45px;
	background-color:#0f0;
	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:#f00 url(../images/backmenubox.gif);
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:#000;

}

#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:#009 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;
}


#news{
float:left;
width:259px;
height:300px;
background:#f0f url(../images/backnews.gif);



}

#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;


}


.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;

}

#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);



}


#titlecomments{
width:100%;
float:left;
font-size:18px;

}

#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;



}



#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;
background:#CC3300;
float:left;





}


#infos_tapes{
width:300px;
height:300px;
float:left;
background-color:#333;
}



#cover_st{
width:202px;
height:202px;
float:left;
background-color:#CCCCCC;
}


#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);



}



#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;

}


#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 a{
text-decoration:none;
color:#CCCCCC;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;



}


#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;
background:#663300;}


#col_1b{
float:left;
width:50%;
height:700px;
}


#col_2{
float:right;
width:53%;
height:700px;
margin-left:10px;
}

#col_2b{
float:right;
width:49%;
height:700px;


}


#infos_mp3{
float:left;
width:50%;
height:300px;
margin-right:25px;

}


#telechmp3{
font-size:18px;
float:left;
margin-top:75px;

width:100%;
text-align:center;
}

#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;
	
}