body
{
   /*background-image: url("coureur_jean_jacques_pt.png");/*  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: black; /*  Autre couleur : red pour le rouge , il existe également  maroon pour le maron - line pour le bleu clair etc.. */
   font-size: 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, serif;
   color: blue; /*  Couleur noir , il existe également  green pour le bleu fonçé - yellow pour le jaune - olive pour le gris etc..*/
   font-size: medium;
}
nput, textarea
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /*police des champs*/
   color: blue;
}
label
{
   font-family: Arial, "Times New Roman", Times, serif; /*police des labels */
   /*color: #9622DB; /*violet assez foncé*/
   color: #4A0392;/*violet plus foncé*/ 
   /*color: #FF9933;/* orange clair*/ 
   /*color: #FF7070;/* rose*/
   /* font-weight: bold; */
}
fieldset
{
   margin-bottom: 25px; /* marge extérieur en bas */
   margin-left:30px; /* marge extérieur à gauche */
   margin-right:30px; /* marge extérieur à droite */
   padding-top:30px; /* marge intérieur en haut  */
   padding-bottom:30px; /* marge intérieur en bas  */
   padding-left: 25px; /* marge intérieur à gauche */
   background-color: #1FFDCF /* vert-bleu clair*/
   /*background-color: #FFFFCC;/* crème*/
}
caption
{
	margin: auto;
	font-family: Arial, Times, "Times New Roman", serif;
	font-weight: bold;
	font-zize: 1.2 em;
	color: #e229f1;
	margin-bottom: 20px;
}
table
{
   margin: auto;
   border: 4px outset green;   
   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: white;
   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: 5px;   
}
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;
   border: 1px solid black; /*  trait d'épaisseur 1 pixel de couleur noir  */
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 5px;   
}
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;
}
.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;
}
.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 */
}