body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   background-color: #EEEEEE; /* Le fond de la page sera noir */
   color: #010101; /* Le texte de la page sera blanc */
   font: small verdana,arial, Verdana, serif;
}
p
{
    #color: green;
    #font-family: Arial, Verdana, serif;
    #text-indent: 30px;
    #width: 50%;
    #text-align: justify;
}
p:first-letter
{
      #font-size: 1.7em;

}
h1
{
    #font-size: 2em;
    #color: red;
    #font-family: Arial, Verdana, serif;
}
.centre
{
    text-align: center;
}
h2
{
    #font-size: 1.7em;
    #color: red;
    #font-family: Arial, Verdana, serif;
}
h3
{
    #font-size: 1.4em;
    #color: red;
    #font-family: Arial, Verdana, serif;
}
.surligne /* Un style qui permet par exemple de surligner certains mots d'un texte */
{
   background-color: yellow;
   color: black; /* Le texte surligné sera écrit en noir, parce que le blanc sur fond jaune on voit rien ;o) */
}
.cercle
{
   list-style-type: disc;
}
.carre
{
   list-style-type: square;
}
.boite_code
{
  #border: 3px ridge #888888;
  border-left : 3px ridge #888888;
  background-color: #DDDDDD;
  margin-left:30px;
  margin-right:30px;
  padding:5px;
  width: 70%;
}
.entete1
{
    background-color: yellow;
    width: 100%;
    text-align: center;
    margin-left: 5%
}
.entete2
{
    #background-color: red;
    text-align: center;
    width: 100%;
    clear:both;
    font-size: 1.2em;
}
.entete2:first-letter
{
      font-size: 1.7em;
}

.case_menu
{
    text-align: center;
    width: 10%;
    #border: 1px #888888;
    #display: block ;
    #background-color: blue;
    float: left ;

}
.case_menu1
{
  #display: block ;
}
#piedpage
{
   padding-top: 10px;
   clear:both;
   font-size: 0.8em;
   #background-color: yellow;
}
#date
{
    font-style: italic;
}

PRE {
	font: Courier, monospace;
        font-size: 1em;

}
PRE.programlisting
{
    font-size : 9.0pt;
    list-style-type : disc;
    margin-left : 16.0pt;
    margin-top : -14.0pt;
}