p
{
color: rgb(0,217,217);
font-size: 1em;
font-family: "trebuchet MS", verdana, serif;
text-indent: 30px;
text-align:justify;
width: 100%; 
}

h1
{
color: blue;
font-size: 3em;
font-family: "trebuchet MS", serif;
font-variant: small-caps; /*petites majuscules*/
font-weight: bold; /*texte en gras*/
text-align:center;
}

body
{
width: 760px;
margin: auto; /*pour centrer la page web*/
margin-top: 20 px; /*pour éviter de coller avec le haut de la fenêtre du navigateur*/
margin-bottom: 20px; /*Pour éviter de coller avec le bas de la fenêtre du navigateur*/
background-color: rgb(0,0,102); /*le fond est gris*/
}

h2
{
color: aqua;
font-size: 1.5em;
font-family: "verdana",serif;
font-variant: small-caps;
}

h3
{
color: gold;
font-size: 1.5em;
font-family: "verdana",serif;
font-weight: bold;
text-align:center;
}

a
{
color: rgb(0,217,217);
font-size: 1em;
font-family: "verdana",serif;
text-align: left;
text-decoration: none; /* les liens ne seront plus soulignés */
}

a:hover /* quand le visiteur passe avec la souris sur le lien */
{
text-decoration: underline;
color: aqua;
font-size: 3 em;
font-variant: small-caps;
font-weight: bold;
}

a:active /* quand le visiteur clique sur le lien */
{
text-decoration: underline;
color: aqua;
font-size: 3 em;
font-variant: small-caps;
font-weight: bold;
background-color: rgb(255,255,0);
}

/* a:visited /*quand le visiteur a déjà vu la page concernée */
{
text-decoration: underline;
color: rgb(196,255,255);
font-size: 3 em;
font-variant: small-caps;
font-weight: bold;
}

.bordure
{
border: 4px ridge aqua; /*bordure en 3D*/
padding: 12px; /*marge intérieure de 12 pixels */
}

.imageflottante
{
float: left;
}
 
p:first-letter
{
font-size: 3em;
font-family: Georgia, "Verdana";
font-weight: bold;
margin-right: 0 px;
}

ul
{
text-indent: 50px;
color:aqua;
}



font-style: italic
class important: gras et souligné