body
{
font-size: 130%;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
width: 900px;
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
margin-bottom: 20px;    
background-color: black;
color: white;
}
h2
{
   font-size: 300%;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: red;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   padding-top: 40px;
}
h1
{
   font-size: 150%;
   color: white;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-bottom: 40px;
   margin-top: 20px;
   padding-top: 30px;
}

.imageblock5
{
   padding-top: 50px;
   padding-right: 30px;
   padding-bottom: 50px;
   padding-left: 0px;
}
p
{
   font-size: 100%;
   text-indent: 30px;
   margin-right: 10px;
  

}
p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 120%; /* Ecrit légèrement plus gros que la normale */
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: blue; /* En bleu */
  
}
.imageflottante2
{
   float: left;
   padding-top: 50px;
   padding-left: 30px;
   padding-bottom: 100px;
   padding-right: 50px;
}
.imageblock
{
   display: block;
   padding-top: 50px;
   padding-left: 80px;
   padding-bottom: 50px;
}

.imageflottante3
{
   float: right;
   padding-top: 0px;
   padding-right: 40px;
   padding-bottom: 20px;
   padding-left: 40px;
}
.imageflottante4
{
   float: left;
   padding-top: 50px;
   padding-left: 30px;
   padding-bottom: 50px;
   padding-right: 50px;
}
.imageblock1
{
   display: block;
   padding-top: 50px;
   padding-left: 80px;
   padding-bottom: 50px;
}

.imageflottante5
{
   float: left;
   padding-top: 50px;
   padding-left: 30px;
   padding-bottom: 50px;
   padding-right: 30px;
}
.imageblock2
{
   display: block;
   padding-top: 50px;
   padding-left: 80px;
   padding-bottom: 30px;
}
.imageflottante6
{
   float: left;
   padding-top: 50px;
   padding-left: 30px;
   padding-bottom: 100px;
   padding-right: 30px;
}
.imageblock3
{
   display: block;
   padding-top: 50px;
   padding-left: 80px;
   padding-bottom: 20px;
}

.imageflottante7
{
   float: right;
   padding-top: 20px;
   padding-right: 60px;
   padding-bottom: 30px;
   padding-left: 40px;
}
.imageblock4
{
   padding-top: 50px;
   padding-right: 30px;
   padding-bottom: 0px;
   padding-left: 0px;
}
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   font-size: 120%;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   padding-top: 100px;
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 140%;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 120%;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 10px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}