@charset "UTF-8";
/* CSS Document */

body 
{
	padding: 0 ;
	text-align: center ;
	font: 0.8em "verdana", arial, helvetica, sans-serif;
	color: #fdf9f6 ;
	background: #56581d;
}

div#conteneur 
{
	width: 768px;
	margin: 0px auto ;
	text-align: left;
	border: 10px solid #757d32 ;
}


h1#header
{
	height: 258px ;
	background: url(images/fender-rhodes.jpg) no-repeat left top ;
	margin: 0 ;
}

h1#header a
{
	width: 400px ;
	height: 70px ;
	display: block ;
	background: url(title.gif) no-repeat ;
	position: relative ;
	left: 350px ;
	top: 15px ;
	text-indent: -5000px ;
}

ul#menu
{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
}

ul#menu li
{
	float: left ;
	background: url(images/bg-menu.gif) left top no-repeat ;
	text-align: center ;
}

ul#menu li a
{
	width: 126px ;
	line-height: 25px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fdf9f6 ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #56581d ;
}

ul#menu li a:hover
{
	background: url(images/bg-menu.gif) left top no-repeat ;
	color: #ff9900 ;
}

div#contenu
{
	width: 695px ;
	padding: 15px 30px 0 44px ;
}


div#contenu h2
{
	line-height: 30px ;
	font-size: 1.4em ;
	color: #ff9900 ;
	border-bottom: 1px solid #757d32 ;
}


div#contenu h3
{
	font-size: 1em ;
	color: #ff9900 ;
	padding-left: 20px ;
}


div#contenu p
{
	text-align: justify ;
	line-height: 1.7em ;
}

.floatleft
{
float: left;
margin: 0 40px 0 10px ;
padding: 2px;
}

div#contenu a
{
	color: #ff9900 ;
}

div#contenu a:hover
{
	color: #ff9900;
}

div#sidebar
{
	width: 170px;
	margin-left: 440px;
}


div#sidebar h2
{
	line-height: 30px ;
	font-size: 1em ;
	color: #ff9900 ;
}

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #ff9900 ;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}


pre span
{
	color: #560 ;
}


pre span.comment
{
	color: #b30000 ;
}