body {
	font-family: "Times New Roman", Times, serif;
	background-color: #ddddab;
	margin: 0;
	padding: 0;
}
#haut {
	height: 110px;
	position: absolute;
	width: 100%
}
#logo {
	background-image: url(../images/logo-moulage.gif);
	background-repeat: no-repeat;
	float: left; /* alignement du logo à gauche */
	margin-left: 0px; /* placement du logo dans son conteneur, haut */
	margin-top: 0px;
	border: 0;
	width: 120px;
	height: 100px;
}
#contenu {
	position: absolute;
	width: 90%;
	left: 35px;
	top: 125px;
}
.pied {                 /* decalage des logos de referencement */
	margin-left: 5%;
	height: 70px;
}
.chapitre {              /* grisé du titre */
	position: relative;
	width: 100%;
	height: 35px;
	background-color: #333333;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
	display: inline;
	width: 14%;
	text-align: left;
}
.menuhaut a {
	margin: 0 2px;
	color: #0000cc;
	text-decoration: underline;
	font-weight: bolder;
}
.numero {                /* numero du titre chapitre */
	color: #ffffff;
	font-size: 120%;
	font-weight: bolder;
	margin-left: 20px;
}
.accentue {             /* mot de paragraphe accentué */
	color: green;
}
a:hover {
text-decoration: none;
}
p {
	margin: 0 0 10px 0;
	font-size: 110%;
}
.p {                     /* pour ul li */
	font-size: 110%;
}
.lettre-deb-gras:first-letter {   /* première lettre paragraphe décalée et gras */
	margin-left: 20px;
	font-size : 200%;
	font-weight: bolder;
}
.lettre-deb:first-letter {     /* première lettre paragraphe décalée */
	margin-left: 20px;
}
.decalage {            /* partie de texte décalée, simule tableau */
	position: absolute;
	left: 120px;
}
H1 {
	/* titre haut */
	color: #008000;
	font-size: 160%;
	line-height: 120%;
	margin-top: 20px;
	font-weight: bolder;
}
H2 {
	/* titre chapitre */
	color: #cccccc;
	font-size: 110%;
	font-weight: bold;
	line-height: 200%;
}
H3 {
	/* p gras */
	margin: 0 0 10px 0;
	font-size: 110%;
	font-weight: bolder;
}