body {
	background-color: #f0f0f0;
	font-family: "Bitstream Vera Serif", Georgia, Times, serif;;
	font-size: 1.0em; 
	color: black;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
}

#menu {
	font-family : monospace;
	text-align : center;
	padding-top : 0.3em;
	padding-bottom : 0.3em;
	background-color: rgb(89%,89%,89%);
}

#cadre {
	width : 80%;
	border : 1px solid black;
	background-color : white; 
	color : black;
	margin : auto;
}

#corps {
	text-align : justify;
	margin-left : 1.5em;
	margin-right : 1.5em;
}

.photogauche {
	float : left;
	margin-top : 0.7em;
	margin-left : 0.5em;
	margin-right : 1em;
	margin-bottom : 0.8em;
}

.photodroite {
	float : right;
	margin-top : 0.7em;
	margin-left : 0.5em;
	margin-right : 1em;
	margin-bottom : 0.8em;
}

h1 {
	font-family: times, serif;
	font-size : 20pt;
	text-align: center;
	font-style : italic;
	color : rgb(40%, 40%, 40%);
}

h2 {
	font-family: times, serif;
	font-size : 18pt;
	text-align: left;
	font-style : italic;
	color : rgb(40%, 40%, 40%);
}

h3 {
	font-family: times, serif;
	font-size : 16pt;
	text-align: left;
	font-style : italic;
	color : rgb(40%, 40%, 40%);
}

img {
	border: 0;
}

pre {
	font-family: Verdana, arial, Helevetica, sans-serif;
	font-size: 12pt;
}

#bottom {
	background-color: rgb(85%,85%,85%);
	color : rgb(20%,20%,20%);
	font-family: arial, serif;
	font-size : 9pt;
	text-align: center;
	width: 100%;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	border: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 4em;
}

.hide {
	display: none;
}

.center {
	text-align : center;
}