body { /* style général de la page */
    background:#9fa0f4;
    color:blue;
    font-family:serif;
    margin-bottom:5em;   /* Pour rendre la bas de page plus lisible */
}
DIV.avantpropos {
    padding:0 10%;
    margin:0 4em;
    border:thin solid black;
    color:rgb(30%,30%,30%);
    background:rgb(60%,60%,60%);
}
DIV.avantpropos:before { /* Ne marche pas avec Internet Explorer */
    content:"Mise en garde : ";
    font-size:120%;
    font-style: oblique;
    font-variant: small-caps;
    font-weight:bold;
}
H1 { /* style des en-têtes <h1> */
    background:#febadc;
    color:black;
    border:thick solid white;
    text-align:center;
    font-family:sans-serif;
    font-weight:bold;
}

H2 { /* style des en-têtes <h2> */
    background:white;
    color:red;
    text-align:right;
    font-size:20px;
    padding-right:2em;
}
H2:hover { /* Quand la souris passe sur un <h2>, les couleurs soint inversées */
    background:red;
    color:white;
}
li { /* Toutes les listes sont numérotées, même les <ul> */
    list-style-type:decimal;
}
.couleur { /* Présentation des noms et codes de couleurs (span) dans le texte */
    font-family:monospace;
    color:black;
    background:#ccc;
    font-size:110%;
}
em { /* Modification de la présentation des <em> */
    font-family:sans-serif;
    color:#555;
    background:inherit;
}
.balise { /* Présentation des balises xHTML figurant dans le texte */
    font-family:monospace;
    font-weight:bold;
    color:black;
    background:inherit;
    font-size:120%;
}
a:link,a:visited  {
    text-decoration:none; /* pas de soulignemnt pour les liens */
    background: url(../images/remote.gif) right center no-repeat; /* image fixe à la */
                                                                  /* fin des liens /*
    padding-right: 12px;
    color:#afa;
    background-color:inherit;
}
a:hover,a:visited:hover {
    text-decoration:underline; /* soulignemnt pour les liens survolés */
    background: url(../images/remote_a.gif) right center no-repeat; /* image animée à la  */
                                                                    /* fin des liens survolés */
    padding-right: 12px;
    color:#fa0;
    background-color:inherit;
}
.navigation { /* positionnepment fixe de la boite de retour au poly */
    position:fixed; /* Ne marche pas avec Internet Explorer */
    top:5px;
    right:5px;
    background:yellow;
    color:inherit;
    text-align:center;
}
.navigation:hover { /* modification ds tailles au survol */
    width:40em;
    height:8em;
    padding-top:4em;
}
.navigation a:link,.navigation a:visited  { /* liens dans la boite de navigation */
    background: url(../images/remote.gif) right center no-repeat;
    background-color:inherit;
    color:blue;
}
.navigation:hover a:link,.navigation:hover a:visited { /* liens dans la boite de */
                                                       /* navigation au survol */
    background: url(../images/remote_a.gif) right center no-repeat;
    font-size:250%;
}
table {
    border:thin dashed red;
    margin:0 auto;
}
td {
    border:thin solid black;
    text-align:center;
    color:#eef;
    background:#00f;
}
th.vide {
    border:none;
    background:inherit;
    color:inherit;
}
th {
    border:thin solid blue;
    text-align:right;
    color:blue;
    background:#ccf;
}