h1 { 
font-family : arial, verdana, times, sans serif; 
font-weight : bold; 
font-size : 400%; 
text-align : center; 
color : red; 
} 
h2 { 
font-family : arial, verdana, times, sans serif; 
font-weight : bold; 
font-size : 200%; 
text-align : center; 
color : red; 
} 
h3 { 
font-family : arial, verdana; 
text-align : center; 
color : blue; 
} 
h4, h5, h6 { 
font-family : arial, verdana; 
font-style : normal; 
padding-left : 2px; 
color : black; 
} 
blockquote{
font-style : italic;
font-size : 80%; 
}

.menu { 
position : relative; 
width : 750px; 
margin : auto; 
padding : 2px 5px 2px 2px; 
text-align : center; 
background-image : url(images/blanc1.png); 
border-style : solid; 
border-color : #a3aca6; 
border-width : 1px; 
} 
ul#menu { 
margin : 0; 
padding : 0; 
list-style-type : none; 
} 
#menu a { 
width : 150px; 
height : 25px; 
color : white; 
background : black; 
margin : 0 0 2px 0; 
text-decoration : none; 
text-align : center; 
} 
#menu a:hover { 
color : white; 
background : blue; 
} 
#menu li { 
display : inline; 
text-align : center; 
} 
#ol { 
text-align : left; 
} 
#pied { 
clear : both; 
color : white; 
border-bottom : 2px solid #a3aca6; 
padding-top : 5px; 
}
.haut { 
position:relative;
width: 98%;
height: 100px;
margin : auto; 
padding : 10px 0px 10px 0px; 
} 
  
.centre { 
position : relative; 
width : 750px; 
margin : 0 auto 0 auto; 
margin-top : 10px; 
padding-left : 10px; 
padding-right : 10px; 
padding-top : 10px; 
text-decoration : none; 
text-align : justify; 
background-image : url(images/); 
background-color : white; 
background-position : left top; 
border-style : solid; 
border-color : #a3aca6; 
border-width : 3px; 
z-index : 2; 
} 
.centre1 { 
position : relative; 
width : 750px; 
margin : 15px auto 15px auto; 
margin-top : 10px; 
padding-left : 10px; 
padding-right : 10px; 
padding-top : 10px; 
padding-bottom : 15px; 
text-decoration : none; 
text-align : left; 
background-image : url(images/); 
background-color : white; 
background-repeat : no-repeat; 
background-position : left bottom; 
border-style : solid; 
border-color : #a3aca6; 
border-width : 3px; 
} 
.archives { 
position : relative; 
width : 750px; 
margin : 10px auto 10px auto; 
padding : 10px 10px 10px 10px; 
background-image : url(images/rail2.jpg); 
background-position : left bottom; 
background-repeat : no-repeat; 
background-color : white; 
border-style : solid; 
border-color : #a3aca6; 
border-width : 2px; 
} 
.formulaire { 
position : relative; 
width : 750px; 
margin : 0 auto 0 auto; 
padding : 10px 10px 10px 10px; 
text-align : center; 
background-color : white; 
border-style : solid; 
border-color : #a3aca6; 
border-width : 2px; 
} 
body { 
margin : 0; 
padding : 0; 
font-family : arial; 
text-align : center; 
background-color : blue; 
background-image : url(images/fond_bleu.jpg); 
background-position : center ; 
background-repeat : no-repeat; 
background-attachment : fixed; 
} 
#pied a { 
color : yellow; 
} 
#pied a:hover { 
color : red; 
} 
a { 
text-align : center; 
padding-left : 0.5em; 
padding-right : 0.5em; 
} 
a:hover { 
color : red; 
text-align : center; 
} 
hr { 
color : #a3aca6; 
} 
p { 
color : black; 
} 
#p1 { 
text-align : left; 
} 
#p2 { 
text-align : center; 
} 
#premier a { 
text-align : center; 
} 
#date { 
font-style : italic; 
font-size : 80%; 
} 
span { 
color : red; 
} 
em { 
font-weight : bold; 
} 
#bulle{
   font-family: arial, verdana, times, sans serif;
   
}
a.info {
   position: relative;
   color: blue;
   text-decoration: none;
   border-bottom: 1px blue ; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   background-image : transparent url(fleche-bulle.gif); 
   color: blue;
   padding: 3px;
   border: 1px solid blue;
   border-left: 4px solid blue;