<!-- Définition de la balise Body -->
body {height:200px; width:750px; margin:auto; margin-top:20px; margin-bottom:20px;}   
<!-- Mettre un style pour le premier caractère de chaque paragraphe -->
p:first-letter {font-weight:bold; font-size:120%;}
<!-- Formatage général pour les paragraphes -->
p {font-family:verdana; font-size:100%; text-align:justify; text-indent:30px; padding:12px;}
 <!-- Formatage pour les titres de niveau 1 -->
h1 {font-family:arial; font-size:150%; text-align:center; font-weight:bold; color:red; background-color:yellow;
border-bottom: 2px solid black;}
<!-- Formatage pour les titres de niveau 2 -->
h2 {font-family:arial; font-size:125%; font-indent:40px; font-style:italic; color:green;}
<!-- Formatage pour les liens non visités -->
a {font-family:times new roman; font-size:120%; color:blue; font-weight:bold; text-decoration:underline;}
<!-- Formatage pour les liens visités -->
a:visited {font-family:times new roman; font-size:120%; color:green; font-weight:bold; text-decoration:underline;}
<!-- définition de la classe capitale -->
.capitale {font-variant:small-caps;}
<!-- formatage pour la balise <dt> des éléments de listes de définitions -->
dt {background-color:red;  font-size:130%;}
<!-- formatage pour la balise <dd> des éléments de listes de définitions -->
dd {background-color:green;  font-size:110%; font-style:italic;}
<!-- Définition de la taille du sommaire de haut de page -->
.sommaire { width:750px; height:350px; overflow:auto;   padding:5px; border:3px red solid;}
<!-- Définition de la taille du contenu de la page -->
.page { width:750px; height:150px; overflow:auto;   padding:5px; border:2px green solid;} 
<!-- Définition de la class minimum pour l'entête -->
.minimum { width:750px; height:30px; overflow:scroll;   padding:5px; border:3px red solid;}
<!-- Définition de la class maximum pour remplir la page -->
.maximum { width:750px; height:470px; overflow:scroll;   padding:5px; border:2px green solid;} 
<!-- Attribution de la valeur italique pour la balise EM -->
em {font-style:italic; }
<!-- définition du gras pour la basile strong -->
strong {font-style:bold;}
<!-- Construction d'une classe pour les images flottantes à gauche -->
.imageflottantegauche {float:left; clear:both; }
<!-- Construction d'une classe pour les images flottantes à droite -->
.imageflottantedroite {float:right; clear:both;}
<!-- définition des titres de tableaux --> 
caption {margin:auto; font-family: Arial, Times, "Times New Roman", serif;   font-weight: bold; font-size: 1.2em;   color: #009900; margin-bottom: 20px; text-align:center;} 
<!-- Définition des tableaux -->
 table {margin: auto; border: 4px outset: green; 
border-collapse: collapse;} 
<!-- Définition des titres de colonnes -->
 th {background-color: #006600; 
   color: white; font-size: 1.1em; font-family: Arial, "Arial Black", Times, "Times New Roman", serif;} 
<!-- Définition des cellules ordinaires -- <
 td {border: 1px solid black; font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif; 
padding: 5px;} 
<!-- définition des labels de formulaires -->
label {color: blue; }
<!-- Définition de la class ligne pour convertir h2 en inline -->
.ligne {display: inline;}
<!-- Définition de la class important pour une mise en valeur -->
.important {font-weight:bold; font-size:120%; color: red;}
<!-- Formatage pour les title -->
title {font-family:arial; font-size:150%; text-align:center; font-weight:bold; color:red; background-color:yellow;
border-bottom: 2px solid black;}
<!-- Formatage général pour la balise Pre -->
pre {font-family:verdana; font-size:100%; text-align:justify; text-indent:30px; padding:12px;}

