div#conteneur{
	color:#FFFFFF;
	background: url(manChopin.jpg) no-repeat top left #000;
	background-position: 45% 2%;
}

div#contenu{
	margin-top: 50px;
	padding: 0 30px 0 10px;
	background: url("bas.jpg") no-repeat bottom right;
	text-align:right;
}

div#contenu h1{
	font-size:2.1em;
}

div#contenu h4{
	font-size:0.7em;
	margin-bottom:0;
	margin-top:0;
}

div#contenu a{
	color: #fff;
}

div#contenu a:hover{
	color: #fff;
}
/* On met en forme les liens contenu dans la page */

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

/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

pre{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #8080FF ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre{
	width: 636px ;
}

pre span{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span utilisés pour les commentaires */