body
{
   width: 750px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px; 
   background-color: #ffffff;
   background-image: url("img/fond_paille.gif");
   background-repeat: repeat;
}
 
a /* liens corps */
{
   color: #5959ff;
   text-decoration: none;
   font-style: normal;
   font-size: 0.9em;
}
 
a:hover /* Quand on pointe sur un lien*/
{
   background-color: #ffffff;
   color: #2c1c14;
   font-style: normal;
   font-size: 0.9em;
   background-image: url("img/goutte_mv.gif");
   background-repeat: repeat-x;
}
 
p
{
   color:  #2c1c14;
   text-indent: 30px;
}
 
p:first-letter /* La première lettre de chaque paragraphe */
{
   font-family: "Times New Roman";
   font-weight: bold; /* En gras */
   font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
   font-style: normal;
}
 
.kanji
{
   font-size: 3.2em;
   font-style: normal;
   text-align:center;
}
 
.haiku
{
   font-weight: bold;
   font-size: 1.5em;
   font-style: normal;
   text-align:center;
}
 
.laisse
{
   color: #e4e4c4;
   background-color: #2c1c14;
   font-style: italic;
}
 
.detail
{
   font-weight: bold; /* En gras */
   font-style: normal; 
}
 
.comm
{
   font-style: italic; 
}
 
.centre
{
  text-align:center;
}
 
.perso
{
   font-variant: small-caps;
   font-style: normal; 
   font-size: 1.1em;
}
 
.note
{
   font-style: italic;
   text-align: right;
}
 
.imagedroite
{
   float: right;
}
 
.dessous
{
   clear: both;
}
 
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Times, "Times New Roman", serif;
   font-size: 1.2em;
   font-variant: small-caps;
   color: #37a65b;
   margin-bottom: 0px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
 
table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   width: 400px;
   border: 0px; /* pas de bordure */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
 
td /* Les cellules normales */
{
   border: 0px;
   font-family: Times, "Times New Roman", serif;
   text-align: left;
}

h4 /* Tous les titres */
{  
   color: #2c1c14;
   font-family: "Times New Roman", Times, serif;
   text-align: left;
   font-style: italic;
   font-size: 1.3em;
   padding-left: 15px;
}
 
ul /* Toutes les listes à puces */
{
   list-style-position: inside;
   padding: 0px;
   padding-left: 15px;
   margin: 0px;
   margin-bottom: 5px;
}
 
.liste
{
  text-align:center;
   background-image: url("img/10.jpg");
   background-repeat: no-repeat;
   color: #2c1c14;
   font-family: "Times New Roman", Times, serif;
   text-align: left;
   font-style: italic;
   font-weight: bold;
   padding-left: 10px;
   font-variant: small-caps/
}
 
input, textarea
{
   font-family: "courier new", arial, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: "Times New Roman", Times, serif;
   background-image: url("img/10.jpg");
   background-repeat: no-repeat;
   padding-left: 20px;
   font-style: italic;
   font-weight: bold;
}
 
.ok
{
   background-color: #e4e4c4;
   color: #2c1c14;
   font-size: 0.9em;
   padding:5px;
   padding-left:20px;
   background-image: url("img/10.jpg");
   background-repeat: no-repeat;
   font-variant: small-caps;
   font-weight: bold;
}
 
.cocc1
{
   position: absolute;
   left: 220px;
   top: 110px;
   width: 23px;
   height: 19px;
   background-image: url("img/cocc.gif");
   background-repeat: no-repeat;
}
 
.cocc2
{
   position: absolute;
   left: 280px;
   top: 550px;
   width: 23px;
   height: 19px;
   background-image: url("img/cocc.gif");
   background-repeat: no-repeat;
}
 
.cocc3
{
   position: absolute;
   left: 355px;
   top: 195px;
   width: 23px;
   height: 19px;
   background-image: url("img/cocc.gif");
   background-repeat: no-repeat;
}
 
.cocc4
{
   position: absolute;
   left: 850px;
   top: 650px;
   width: 23px;
   height: 19px;
   background-image: url("img/cocc.gif");
   background-repeat: no-repeat;
}
 
#en_tete
{
   width: 750px;
   height: 144px;
   background-image: url("img/banniere.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
 
#menu
{
   float: left;
   width: 200px;
   background-image: url("img/fond_menu.gif");
   background-repeat: repeat;
}
 
.element_menu
{
   background-image: url("img/fond_menu.gif");
   background-repeat: repeat;
   border: none;
   padding-top: 2px;
   padding-bottom: 5px;
   padding-right: 10px;
   margin-bottom: 10px;
}
 
.bord_h /*bord haut cadre corps*/
{
   margin-left: 215px;
   margin-bottom: 0px;
   width: 530px;
   height: 10px;
   background-image: url("img/bordh.gif");
   background-repeat: repeat-x;
    }
 
.bord_b /*bord bas cadre corps*/
{
   margin-left: 215px;
   margin-bottom: 0px;
   width: 530px;
   height: 10px;
   background-image: url("img/bordb.gif");
   background-repeat: repeat-x;
    }
 
#corps
{
   position: relative;
   left: 15px;
   top: 0px;
   width: 500px;
   overflow: auto;
   background-image: url("img/fond_menu.gif");
   background-repeat: repeat;
   height: 430px;
   padding: 15px;
   padding-top: 1px;
   text-align: justify;
   color:  #2c1c14;
}
 
#pied_de_page
{
   position: relative;
   left: 0px;
   top: 0px;
   width: 475px;
   background-image: url("img/fond_menu.gif");
   background-repeat: repeat;
   margin-left: 215px;
   padding: 13px;
   padding-left: 28px;
   padding-right: 28px;
   text-align: center;
   border: none;
}