body
{
   /*background-image: url("coureur_jean_jacques_pt.png");/*  pour une image de fond*/
   /*background-image: url("image_de_fond_02v.jpg");/*  pour une image de fond*/
   /*background-repeat: no-repeat; /*  Le fond ne se répète pas  */
   /*background-position: top center; /*  Le fond est aligné en haut au centre  */
   /*background-attachement: fixed; /*  Le fond est fixé  */
   background-color: #e5ef13; /*  Couleur de fond jaune clair  */
   /* exemples : rose  #f1397e - violet # e229f1  ou  #a729f1- vert clair #10d470 - bleu clair #10d0ea ou #10d4ea - jaune clair #e5ef13  */
}
h1
{
   text-align: center;	/*  Texte centré */
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Conic Sans MS",Georgia,"Arial Black", Arial, verdana, serif;
   color: blue; /*  Couleur bleu , il existe également  white pour le blanc - silver pour le violet clair - gray pour le violet fonçé etc..*/
   font-size: xx-large;
}
h2
{
   text-align: center;  /*  Texte aligné à gauche , il existe également right pour la droite*/
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Conic Sans MS","Trebuchet MS","Arial Black", Arial, verdana, serif;
   color: purple; /*  Autre couleur : red pour le rouge , il existe également  maroon pour le maron - line pour le bleu clair etc.. */
   font-size: xx-large;
}
h3
{
   text-align: center;  /*  Texte aligné à gauche , il existe également right pour la droite*/
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Arial Black", Arial, verdana, serif;
   color: green; /*  Couleur rouge , il existe également  maroon pour le maron - line pour le bleu clair etc.. */
   font-size: médium;
}
p
{
   /*text-indent: 30px; /*  Le paragraphe commence 30 pixels sur la droite  */
   text-align: center; /*  Texte justifié */
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, "Arial Black", serif;
   color: black; /*  Couleur noir , il existe également  green pour le bleu fonçé - yellow pour le jaune - olive pour le gris etc..*/
   font-size: medium;
}
.important
{
   font-style: normal; /*  il exite également : italic et oblique  */
   color: red; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuschsia pour le rouge fonçé - pulple pour le poupre etc..*/
   font-size: medium;
}
.special
{
   font-style: normal; /*  il exite également : italic et oblique  */
   color: purple; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: medium;
}
.special_1
{
   font-style: normal; /*  il exite également : italic et oblique  */
   color: white; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: medium;
}
.special_2
{
   font-style: normal; /*  il exite également : italic et oblique  */
   color: blue; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: medium;
}
.special_3  /* permet de créé un espace vertical pour une ligne "td "de la table ( couleur  crayon=couleur du fond)  */
{
   font-style: normal; /*  il exite également : italic et oblique  */
   color: #FF7070; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: medium;
}
.special_4  /* permet de créé un espace vertical pour une ligne "th "de la table ( couleur  crayon=couleur du fond)  */
{
   font-style: normal; /*  il exite également : italic et oblique  */
   color: #10d0ea; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: medium;
}
.special_5  /* permet de changer la couleur du titre de "caption" dans la table  */
{
   color: #fffd03; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   /*  #22ff47   #3ccf03 vert  clair -  #5f0098 violet  -  #fffd03 jaune  -  #ff4a03 orange  */
}
.special_6
{
   text-align: center;	/*  Texte centré */
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Conic Sans MS",Georgia,"Arial Black", Arial, verdana, serif;
   color: red; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: x-large;
}
.special_7
{
   text-align: center;	/*  Texte centré */
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Conic Sans MS",Georgia,"Arial Black", Arial, verdana, serif;
   color: blue; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: x-large;
}
.special_8
{
   font-style: normal; /*  il exite également : italic et oblique  */
   color: green; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: medium;
}
.special_9
{
   text-align: center;	/*  Texte centré */
   font-style: normal; /*  il exite également : italic et oblique  */
   color: purple; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-family: "Conic Sans MS",Georgia,"Arial Black", Arial, verdana, serif;
   font-size: x-large;
}
.special_9-
{
   font-style: normal; /*  il exite également : italic et oblique  */
   color: #10d0ea; /*  Couleur identique à la couleur de fond de th .*/
   font-size: medium;
}
.special_10
{
   text-align: center;	/*  Texte centré */
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Conic Sans MS",Georgia,"Arial Black", Arial, verdana, serif;
   color: blue; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: xx-large;
}
.special_11
{
   text-align: center;	/*  Texte centré */
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Conic Sans MS",Georgia,"Arial Black", Arial, verdana, serif;
   color: red; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: 50px;
}
.special_12
{
   text-align: center;	/*  Texte centré */
   font-style: normal; /*  il exite également : italic et oblique  */
   font-family: "Conic Sans MS",Georgia,"Arial Black", Arial, verdana, serif;
   color: purple; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   font-size: xx-large;
}
.fond_1  /* permet de changer la couleur de fond dans la table  */
{
    /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   /*  #22ff47   #3ccf03 vert  clair -  #5f0098 violet  -  #fffd03 jaune  -  #ff4a03 orange  */
   background-color: #3ccf03; /*  Couleur du fond   */
}
.fond_2  /* permet de changer la couleur du titre de "caption" dans la table  */
{
   color: black; /*  Couleur rouge , il existe également  navy pour le bleu fonçé - fuchsia pour le rouge fonçé - purple pour le poupre etc..*/
   /*  #22ff47   #3ccf03 vert  clair -  #5f0098 violet  -  #fffd03 jaune  -  #ff4a03 orange  */
   background-color: #fffd03; /*  Couleur du fond   */
}
caption
{
	margin: auto;
	font-family: "Comic Sans MS","Trebuchet MS", Georgia,"Arial Black", Arial, verdana, Times, "Times New Roman", serif;
	font-weight: bold;
	font-size: xx-large; /* exemple 1.2 em , xx-large etc.. */
	color: blue; /*exemple: #e229f1 ou purple  pour violet , blue pour bleu etc.. */
	margin-bottom: 5px;
}
table
{
   margin: auto;
   border: 0px outset #FF7070;   
   border-collapse: collapse; /*  collapse fait coller les cellules - separate, les dissocies  */
}

th  /*  met une boudure sur les cellules td et th  */
{
   /*background-image: url("image_de_fond_04v1.jpg");/*  pour une image de fond*/	
   background-color: #10d0ea;
   color: black;
   font-zize: 1.1em;
   border: 1px solid black; /*  trait d'épaisseur 1 pixel de couleur noir  */
   font-family: Arial,"Arial Black","Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 2px;   
}
td  /*  met une boudure sur les cellules td et th  */
{
   /*background-image: url("image_de_fond_04v1.jpg");/*  pour une image de fond*/
   background-color: #FF7070;
   color: black;
   border: 1px solid #FF7070; /*  trait d'épaisseur 1 pixel de couleur noir  */
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: left;
   padding: 5x;   
}
a
{
text-decoration: none; /* Le lien n'est plus souligné */
color: blue;
font-style: italic;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline; /* Le lien deviendra souligné */
color: red;
}
.imageflottante
{
   float: right; /*  fait flotter l'image à gauche "left" ou à droite "right "- mais dans le code html il faut placer l'argument : class="imageflottante"  */
}
.imageflottante2
{
   float: left; /*  fait flotter l'image à gauche "left" ou à droite "right "- mais dans le code html il faut placer l'argument : class="imageflottante"  */
}
.dessous
{
   clear: both; /*  place le text sous l'imageflottante - aucun intérét */
}
.bouton_imprimante
 {
   border:none;
   background: url(../Images/Bouton_Icone_Imprimante.gif) no-repeat center center;
    width: 75px; /* hauteur à spécifier */
   height: 25px; /* longueur à spécifier */
   cursor: pointer;
}
.bouton_imprimante:hover
 {
   border:none;
   background: url(../Images/Bouton_Imprimer.gif) no-repeat center center;
    width: 75px; /* hauteur à spécifier */
   height: 25px; /* longueur à spécifier */
   cursor: pointer;
}
.bouton_sortie
 {
   border:none;
   background: url(../Images/Bouton_Icone_Sortie.gif) no-repeat center center;
    width: 75px; /* hauteur à spécifier */
   height: 25px; /* longueur à spécifier */
   cursor: pointer;
}
.bouton_sortie:hover
 {
   border:none;
   background: url(../Images/Bouton_Sortie.gif) no-repeat center center;
    width: 75px; /* hauteur à spécifier */
   height: 25px; /* longueur à spécifier */
   cursor: pointer;
}