<html>
<head>
<style>

<!-- ************************************************* -->
<!-- Définition des styles pour la page Quis suis je ? -->
<!-- ************************************************* -->


    .g  {font-family: Arial; font-style: italic; color: green}
    .s1 {color:red}
    .s2 {font-family:Arial;font-size:14}
    
<!-- ************************************************* -->
<!-- Lettrine 					       -->
<!-- ************************************************* -->

.conteneur {width: 400px;}

.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: 0px solid #990000; /* définition d'une bordure autour de la lettrine*/
    background-color: #FFFFCC;
    margin: 1px;
    padding: 1px;
    line-height: 1em;
}


<!-- ************************************************* -->
<!-- menu horizontal 				       -->
<!-- ************************************************* -->
.liste1
{
        list-style-type: none; /* on supprime les puces, inutiles */
	width: 100%; /* précision pour Opera */
}

.liste2 { float: left;} /*on aligne les listes sur la gauche*/

.menu a
{
     margin: 10 px;
     width: 150 px; /* on définit la taille du bouton de menu */
     height: 40 px;
     float: left;
     display: block;
     text-align: center;
     border: 0 px solid gray;
     text-decoration: none;
     color: #FFD700;
     background: #CC0000;
}
	
.menu a:hover
{
     background: #ccc;
     border: 0px solid gray;
}

.menu a:active
{
     background: gray;
     border: 0px solid gray;
     color: #fff;
}


</style>
</head>
<body>
</body>
</html>

