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

body
{
	background: #a66342 url("images/bgdegrade.jpg") repeat-x fixed top left;
}

.main
{
	width:100%;
	margin:0px;
	padding:0px;
}

#title
{
	height:242px;
	text-align: right;
	font-family: Verdana,Sans;
	padding-right:50px;
	font-size:40pt;
	font-style:italic;
	color:#a66342;
	background-image:url("images/bokal.png");
	background-repeat:no-repeat;
	border-style:solid;
	border-color:#f16a28;
	border-width:0px 0px 10px 0px;
}

#info
{
	width:100%;
	position:fixed;
	bottom:0px;
	font-family: Sans;
	font-size:8pt;
	background-color:#a66342;
	border-style:solid;
	border-color:#f16a28;
	border-width:1px 0px 0px 0px;
	padding:10px;
	text-align: center;
}

#info>a
{
	color:#000;
}

.colonne
{
	margin-top:20px;
}

#perso
{	
	width: 60%;
}

#projets
{
	margin-bottom:40px;
	width: 60%;
	float:right;
}

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

h1
{
	text-align:center;
	margin-bottom:50px;	
}

p
{
	margin: 0px 10px 10px 10px;
	background-color:#a66342;
	border-style:solid;
	border-color:#f16a28;
	border-width:0px 0px 5px 0px;
	padding:10px;
	font-family:Verdana,Sans;
	font-size:8pt;
}

p.important
{
	visibility:hidden;
}

img.important
{
	float:left;
}

a
{
	color:#f16a28;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

.dirlist
{
	list-style-image:url(images/file.png);
	border-width:0px 0px 0px 1px;
	border-color:#9ACE9F;
	border-style:solid;
	font-size:8pt;
	font-family:Verdana,Sans;
}

#recent_tracks
{
	list-style:none;
	margin: 0px 10px 10px 10px;
	background-color:#a66342;
	border-style:solid;
	border-color:#f16a28;
	border-width:0px 0px 5px 0px;
	padding:10px;
	font-size:8pt;
	font-family:Verdana,Sans;
}