html,body {
background-color : #004080; 
color : #fff;
text-align: left;
font-size : 10pt;
}


p.1 {
text-align:center;
}
p .2 {
text-align:center;
font-size : 8pt;
color : #fff;
margin: 0;
}
p.3 {
font-size : 120%;
color : #fff;
}
p,ul,li,td,tr,table {
font-size : 100%; 
font-family : Verdana, Arial, Helvetica, sans-serif;
}

h1 {
font-size : 200%;
padding-left : 80px;
}

h2 {
font-size : 150%; 
padding-left:15px;
}

a:link {color: #ffff00; text-decoration:underline;}
a:visited {color: #6699ff; text-decoration:underline;}
a:hover {color:black; text-decoration:none;}
.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/

font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #990000;
border: 1px solid #990000; /* définition d'une bordure autour de la lettrine*/
background-color: #FFFFCC; 
margin: 1px;
padding: 1px;
line-height: 1em;
}
#gauche {
	position: absolute;
	left: 0px;
	width: 320px;
	}
#gauche-2 {
	position: absolute;
	top: 320px;
	left: 0px;
	width: 320px;
	}
#milieu {
	position: absolute;
	left: 325px;
	width: 320px;
	}
#milieu-2 {
	position: absolute;
	top: 330px;
	left: 325px;
	width: 320px;
	}
#droite {
	position: absolute;
	left: 650px;
	width: 320px;
	}
#droite-2 {
	position: absolute;
	top: 330px;
	left: 650px;
	width: 320px;
	}
	
#contenu {
	width: 800px;
	margin: 0 auto;
	}
#case {
	float: left;
	height: 200px;
	margin: 0 10 20 0;
	}
#case-archive {
	float: left;
	height: 300px;
	width: 300px;
	margin: 0 10 20 10;
	}