body
{ 
   background: url("images/oeil.jpg") top left repeat-x rgb(93,117,86);
 color: white;
 text-indent: 30px;
}
h1
{

   color: white;
   font-size: 2em;
   font-family: "Trebuchet MS";
   text-align: center;
    text-indent: 30px;
}
.monette
{
text-align: center;

}
.cercle
{
  list-style-image: url("images/gribouilli.png");
;
}
p
{
text-align: left;
text-indent: 30px;
}
p:first-line
{
font-size: 0.8em;
}
.important
{
background-color: yellow;
   color: rgb(100,10,100);
   font-size: 1em;
   font-family: "Trebuchet MS";
   font-variant: small-caps;
    text-indent: 30px;
}
.important:first-letter
{
 font-size: 1.5em;
}
.italique
{
   color: yellow;
   font-size: 1.2em;
   font-family: "Trebuchet MS";
}
p q
{
   color: yellow;
   font-size: em;
   font-family: "Trebuchet MS";
   font-weight: bold;
   
}
h2
{ 
 font-weight: bold;
  text-indent: 30px;
}
a
{
text-decoration: underline;
color: rgb(12,181,205);
font-size: 1em;
}
a:hover
{
color: yellow;
font-size: 2em;
}
a:active, a:focus /* Quand le visiteur clique sur le lien */
{
   background-color: #FFCC66;
}