H1 { font-size: 2em; color: red; font-weight: strong; font-family: Arial, Geneva; text-align:center}
H2 { margin-left: 2em; margin-top: 2em; font-size: 14pt; color: red; font-weight: strong; font-family: Arial, Geneva; text-align:center}
H3 { margin-left: 3em; font-size: 12pt; color: red; font-weight: strong; font-family: Arial, Geneva; text-align:justify}
H4 { margin-left: 1em; font-size: 12pt; color: #000000; ; font-weight: strong; font-family: Arial, Geneva; text-align:justify}


.acronyme{
cursor:help;
border-bottom: #990000 1px dotted;
}
.abreviation{
cursor:help;
border-bottom: #990000 1px dotted;
}
@media aural {
.abreviation{
speak:spell-out;
}
}

abbr, acronym, .help {
 border-bottom: 1px dotted #333;
 cursor: help;
 }


body {
        
background-image: url(fond.jpg);
font-size: 12pt; 
color: #000000; 
font-weight: normal;
font-family: Times; 
text-align:justify
PADDING-RIGHT: 2%; PADDING-LEFT: 2%; 
}


.texte {
font-size: 12pt; color: #000000; font-weight: normal;
font-family: Times; text-align: justify;
PADDING-RIGHT: 2%; PADDING-LEFT: 2%; PADDING-BOTTOM: 2%; 
position: absolute;
top: 60%;
}

.entete {font-size: 12pt; color: #000000; font-weight: normal;
font-family: Times; text-align: justify;
	}

.navigation {
background-color: #B0FFB0; 
float: left;
position: absolute;
top: 10%;
WIDTH: 28%; 
text-align: left; 
font-size: 12pt; 
color: #000000; 
font-weight: bold; 
font-family: times;
PADDING-LEFT: 2%; 
}

.intro {
WIDTH: 66% ;
position: absolute;
top: 10%; 
position: absolute; right: 2%;
background-image: url(fond.jpg);
font-size: 12pt; color: #000000; font-weight: normal;
font-family: Times; text-align: justify;
}

.figure {        
font-size: 10pt; 
color: #000000; 
font-weight: normal;
font-family: Times; 
text-align:justify;
}

.texte1 {        
font-size: 12pt; 
color: #000000; 
font-weight: normal;
font-family: Times; 
text-align:justify;
margin-top: 20 px;
}

.liste {        
font-size: 10pt; 
color: #000000; 
font-weight: normal;
font-family: Times; 
text-align:justify;
PADDING-RIGHT: 2%; PADDING-LEFT: 2%; PADDING-BOTTOM: 2%; PADDING-TOP: 2%
}

.nav {
background-color: #FFFFCC; 
PADDING-RIGHT: 2%; PADDING-LEFT: 2%; 
text-align: center; 
font-size: 10pt; 
color: #000000;
font-weight: normal; 
font-family: Times;
}
.nav1 {
background-color: #FFFFCC; 
text-align: center; 
font-size: 10pt;
position:top; 
color: #000000;
font-weight: normal; 
font-family: Times 
}
.nav P {
background-color: #FFFFCC; 
text-align: center;
}

.tableau { 
text-align: left; 
font-size: 10px; 
color: #000000;
font-weight: normal; 
font-family: times;
}


.pied {text-align: center ; font-size: 10px; color: #000000; ; font-wight: normal; font-family: times;
}

#compteur {float: left; font-size: 10px; color: #000000; ; font-wight: normal; font-family: times;
}

.bouton		{position:absolute;top:0;left:95%;width:10;height:10;zindex:1;}
.bouton1		{position:absolute;top:0;left:90%;width:10;height:10;zindex:1;}
.bouton2		{position:absolute;left:95%;width:10;height:10;zindex:1;}
.bouton3		{position:absolute;left:90%;width:10;height:10;zindex:1;}

.imageflottantegauche
{
float: left;
}
.imageflottantedroite
{
float: right;
}
.dessous
{
clear: both;
}