/* Style appliqué à toutes les balises  */
*
{
  font-family:comic sans ms;
}


/*  le style de body  */
body
{
  background-color: rgb(245, 243, 243);
  counter-reset: chap1 0; 
  width: 1200Px;
}



/* Les classes  */

/* classes Stabilo */
.en_attente {color: #33cc00;font-weight: bold;}
.error {color: #ff0000; font-style: oblique; }
.a_faire {color:#a000d0}
.stabilo1 {color:#000000;font-weight:bold}
.stabilo2 {color:#0000ff;font-weight:normal}
.choix {color:#0000ff;font-weight:bold}

/* classes préformatée */
.listing {
white-space: pre;
color: #000000;
font-family: Monospace;
width:900px;
padding:10px;
border: 1px solid black;
background-color:rgb(230,230,230);
margin-left: 50px;
}

.ascii {
white-space: pre;
color: #000000;
font-family: Monospace;
width:900px;
padding:10px;
border: 1px solid black;
background-color:rgb(220,240,220);
margin-left: 50px;
}

/* classes images */
.image0 {
  border:5px solid #c9c9c9;
  width:120px;
}
.image1 {
  border:5px solid white;
  width:180px;
}
.image2 {
  border:5px solid green;
  width:180px;
}
.image3 {
  border:5px solid #c9c9c9;
  width:180px;
}
.image4 {
  border:2px solid black;
  width:350px;
}
.image5 {
  border:5px solid white;
  height:90px;
}


/* les    */
pre {
   font-size: 16px;   
   font-family: Times New roman, serif;

}



table,td {
border-style:solid;
border-color:black;
border-width:1px;
padding:4px;
/* gere la doublure des traits liée au fait qu'on borde le tableau et les cellule => double */
/* border-spacing: 2px;  /* doesn't work with IE */
/* border-collapse:separate; */
border-spacing: 0px;    /* doesn't work with IE */
border-collapse: collapse;
white-space: nowrap;   /* sinon chaque caractere blanc provoque un passage a la ligne */
}


h1:before {
  counter-increment: chap1;  /* Ajoute 1 au compteur chap2 */
  content: counter(chap1)  " - ";  /* Affiche notre compteur */
}

h1 {
  counter-reset: chap2 0;
}

h2:before {
  counter-increment: chap2;  /* Ajoute 1 au compteur chap2 */
  content: counter(chap1) "." counter(chap2) " - ";  /* Affiche notre compteur */
}

h2 {
   text-decoration: underline;
   color: black;
   margin-top: 40px;
   counter-reset: chap3 0;
}

h3:before {
  counter-increment: chap3;  /* Ajoute 1 au compteur chap3 */
  content: counter(chap1) "." counter(chap2) "." counter(chap3) " - ";  /* Affiche notre compteur */
}

h3 {
   text-decoration: underline;
   color: black;
   margin-top: 40px;
   counter-reset: chap4 0;
}

h4:before {
  counter-increment: chap4;  /* Ajoute 1 au compteur chap4 */
  content: counter(chap1) "." counter(chap2) "." counter(chap3) "." counter(chap4) " - ";  /* Affiche notre compteur */
}

h4 {
   text-decoration: underline;
   color: black;
   margin-top: 40px
  counter-reset: chap5 0; 
}

h5 {
   text-decoration: underline;
   color: black;
   margin-top: 40px
  counter-reset: chap6 0; 
}