html /* pour que le fond descende jusqu'au bout du document */
{
	height: 100%;
}
body
{
	background: url(images/background.jpg) repeat;
	height: 100%; /* pour que le fond descende jusqu'au bout du document */
	margin:auto;
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
* html body /* Pour aligner les rainures sur IE */
{
		margin-left: -3px;
}
#header
{
	width: 448px;
	height: 80px;
	background: url(images/header.jpg) no-repeat;
	margin: auto;
}

#conteneur /*le conteneur global */
{
	width: 448px;
	height: 100%;
	background: url(images/corps.jpg) repeat-y;
	margin: auto;
}

#menu
{
	width: 440px;
	height: 20px;
	background: #009835;
	margin: auto;
	margin-bottom: 20px;
	padding: 0;
}

#menu ul /* toutes les listes du menu */
{
	margin: 0;
	padding: 0;
	white-space : nowrap; /* il dit : "to prevent the items of the list from wrapping around when the screen is to small".. je sais pas, je fais ce qu'il dit! */
}

#menu ul li /* chaque élément des listes du menu */
{
	display: inline;
   padding-left : 0.3em;
   padding-right : 0.3em;
	font-size: small;
	margin-left: 0;
   border-left: 1px solid #fff;
   list-style: none;
}

#menu ul li.premier /* le premier élément de la liste dans le menu */
	{
    margin-left: 0;
    border-left: none;
	 list-style: none;
	 }

#menu ul li a /* tous les liens dans les listes */
{
	color: white;	
	text-decoration: none;
}

#menu ul li a:hover /* tous les liens survolés dans les listes */
{
	text-decoration: underline;
}

#corps /* partie centrale */
{
	width: 448px;
	padding: 10px;
	width: 428px;
}

h1:first-letter /* lettrine des titres de paragraphe */
{
	color: #009835;
}

p /*justifier le texte */
{
	text-align: justify;
}

p:first-letter /* lettrine */
{
font-size: 3em;
font-weight: bold;
color: #009835;
display: block;
float: left;
}