body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	background: #000;
}

#header 
{
	background:url(img/header_bckg.jpg) no-repeat top right #000;
	}

#logo 
{
	padding:110px 20px 0 40px;
	height:108px;
	background: url(img/barre_titre_christophe.jpg) no-repeat top right #3a56d4;
	text-align:right;
	}

#logo a
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:5px;
	}

#logo_text 
{
	float:right;
	width:240px;
	text-align:left;
	font-size:12px;
	color:#000;
	}

#menu 
{
	background: url(img/fond_menu.gif) repeat-x #000;
	height:30px;
	
	}
	
#menu p
{
	margin: 0;
	padding: 5px 15px 0 0;
	text-align: right;
	font: 11px "Courier New" Courier monospace;
	color: #e2e2e2;
}

#menu a
{
	color: #e2e2e2;
	}

#main
{
	float:left;
	width:100%;
	padding:20px 0 0 0;
	background:url(img/sidebar_bckg.gif) no-repeat top right #1e1e1e;
	}


#text
{
	margin: 0 255px 0 0;
	color: #fff;
	}

#text img.flot_droite
{
	float: right;
	}

#text img.flot_gauche
{
	float: left;
	}

table#players
{	margin-top:0;
margin-left:25px;

	}

td.texttab
{
	width:250px;
	border:#fff 1px;
}

td.texttab h1
{
	margin:0;
	padding-top:18px;
	width: 100%;
	height:50px;
	font-size: 16px;
	letter-spacing:3px;
	text-align: center;
	color:fuchsia;
}

td.texttab p

{
	margin:0;
	padding: 0 45px 20px 45px;
	text-align: justify;
	}
	
td.texttab a
{
	text-decoration: none;
	color:#fff;
	}

td.texttab a:hover
{
	text-decoration: underline;
	color:#fff;
	}


.dia
{
	text-align: right;
	padding-right: 25px;
	margin:100px 25px	100px 25px;

}

.float-gauche
{
	float:left;
}



.pave_gauche
{
	float: right;
	margin: 5px 20px 15px 20px;
	width: 250px;
	height: 250px;
	background: url(img/pave_gauche.gif) no-repeat top left #1e1e1e;
}

.pave_droite
{
	float: right;
	margin: 75px 20px 15px 20px;
	width: 250px;
	height: 250px;
	background: url(img/pave_droit.gif) no-repeat top left #1e1e1e;
}


.pave_droite h1,
.pave_gauche h1
{
	margin:0;
	padding-top:18px;
	width: 100%;
	height:50px;
	font-size: 16px;
	letter-spacing:3px;
	text-align: center;
	color:fuchsia;
}



.pave_droite p,
.pave_gauche p

{
	margin:0;
	padding: 0 15px 0 15px;
	width: 220px;
	text-align: justify;
	}



.pave_droite img,
.pave_gauche img
{
	margin:0;
	padding: 10px 25px 0 25px;
}
.pave_droite a img,
.pave_gauche a img
{
	border:none;
}
.pave_droite a,
.pave_gauche a

{
	text-decoration: none;
	color:#fff;
	}
	
.pave_droite a:hover,
.pave_gauche a:hover

{
	text-decoration: underline;
	color:#fff;
	}

.pave_long
{
	float: right;
	width: 520px;
	height: 250px;
	margin: 45px 20px 15px 5px;
	background: url(img/pave_mauve.gif) no-repeat center #1e1e1e;
	}

.pave_long_alt
{
	float: left;
	width: 520px;
	height: 250px;
	margin: 25px 20px 15px 5px;
	background: url(img/pave_mauve.gif) no-repeat center #1e1e1e;
}

.pave_long p,
.pave_long_alt p
{
	padding: 0 25px 0 30px;
	width:450px;
	height:120px;
	text-align: justify;
}

.pave_long h1,
.pave_long_alt h1,
img.titr
{
	padding: 25px 25px 0 35px;
	width:200px;
	height:50px;
	}
.pave_long img.flot_droite,
.pave_long_alt img.flot_droite
{
	margin-top:-20px;
	margin-right: 20px;
}

.pave_sexy
{
	float: right;
	margin: 15px 70px 0 20px;
	width: 250px;
	height: 250px;
	background: url(img/pave_sexy.gif) no-repeat center;	
}	
	

.influences
{
	font: 11px "Courier New", Courier, monospace;
	text-align: left;
}


.titre
{
	text-align: left;
	font: bold 14px "Courier New" Courier monospace;
	color: red;
}


.lien_bas a
{
	
	font: bold 14px "Courier New" Courier monospace;
	color: red;
	}

.lien_bas a:hover
{
	
	font: bold 14px "Courier New" Courier monospace;
	color: red;
	text-decoration: underline;
	}

.lien_bas p
{
	text-align: center;
}

	

#sidebar
{
	float:right;
	width:175px;
	padding: 0 20px 0 10px;
	color:#FFFFFF;
	font-size:12px;
	}

#menu_droite
{
	list-style: none;
	width: 200px;
	padding: 0;
	margin: 5px 0 0 0;
	}
	
#menu_droite li
{
	padding:0;
	margin:0;
}
	
#menu_droite a
{
	display: block;
	width:200px;
	height: 30px;
	text-indent: -5000px;
}

#menu_droite a:hover
{
	display: block;
	width:200px;
	height: 30px;
	text-indent: -5000px;
	background-position: 0 -30px;
}

#menu_droite a.active
{
	color: #86DACA;
	text-transform: uppercase;
	list-style: disc; 
}

#un a
{

	background: transparent url(img/bt_accueil.jpg)  no-repeat 0 0;
}

#deux a
{
	background: transparent url(img/bt_playlists.jpg) no-repeat 0px 0px;
}

#trois a
{
	background: transparent url(img/bt_homestudio.jpg) no-repeat 0px 0px;
}

#quatre a
{
	background: transparent url(img/bt_images.jpg) no-repeat 0px 0px;
}

#cinq a
{
	background: transparent url(img/bt_friends.jpg) no-repeat 0px 0px;
}

form
{
	margin-top: 20px;
	margin-left:3px;
	margin-right: 20px;
	padding:0; 

}

form label,form select
{
	font-size:9px ;
	color:white;
}

form legend
{
	font-weight: bold;
	color: #fff;
	}

input,textarea,textfield,select
{
	background-color: #233a59;
	color: #ffffff;
	border:none;
	margin-top: 5px;

}

input.button
{
	margin-right:30px;
	margin-left: 50px;
	width:90px;
	height:20px;
	border: none;
	background: url(img/bouton_envoyer.gif) top center;
}

fieldset
{
	border: none;
	margin: 20px 5px 0 5px;
	text-align: center;
}
	
	
	
#footer {background:url(img/footer_bckg.gif) repeat-x #000; height:57px; clear:both;  }
#left_footer { float:left; padding:20px 0 0 30px; background:url(img/c.gif) no-repeat 30px 35px;  color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:20px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}