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: italic;
   font-size: 0.9em;
}

a:hover /* Quand on pointe sur un lien*/
{
   background-color: #ffffff;
   color: #2c1c14;
   font-style: italic;
   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: italic;
}

.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;
}  

.kigo
{
   color: #e4e4c4;
   background-color: #2c1c14;
   font-size: 1.2em;
} 

.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;   
}

.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-weight: bold;
   font-size: 1.2em;
   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 */
{
   margin: auto; /* Centre le tableau */
   width: 400px;
   border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

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

th /* Les cellules d'en-tête */
{
   height: 25px;
   text-indent: 30px; 
   color: #000000;
   font-family: Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: Times, "Times New Roman", serif;
   text-align: left; 
   padding: 5px; 
}

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;
}