body
   {
   background-color: white;
   margin: 0 0 0 0;
   text-align:center;
   }
a:link, a:visited, a:active
   {
   color: #555555;
   text-decoration: none
   }
a:hover
   {
   color: red;
   text-decoration: none
   }
#bloc_titre
   {
   position: relative;
   width: 100%;
   text-align: center;
   }
#bloc_page /* sous le bloc titre */
   {
   position: relative;
   background-color: white;
   height: 100%;
   text-align: center;
   }
#bloc_milieu /* dans le bloc page */
   {
   position: relative;
   background-color: white;
   margin-left: auto;
   margin-right: auto;
   width: 800px;
   height: 100%;
   text-align: left;
   }
#bloc_pied /* dans le bloc page */
   {
   position: relative;
   margin-left:auto;
   margin-right:auto;
   width: 800px;
   border-top: solid #CCCCCC 1px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #555555;
   }
#menu /* dans le bloc page */
   {
   position: relative;
   height: 30px;
   }
#option_menu
   {
   float: left;
   margin: 5px;
   background-color: #FFFFFF;
   border: solid #CCCCCC 1px;
   font-family: Verdana;
   font-size: 11px;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 8px;
   padding-right: 8px;
   }
#footer 
   {
   position: absolute;
   bottom : 0;
   margin-left:auto;
   margin-right:auto;
   width: 90%;
   color:#888888;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   }
#partager
   {
   float: right;
   margin: 5px;
   background-color: #FFFFFF;
   color: #AAAAAA;
   font-family: Verdana;
   font-size: 11px;
   }
#contenu
   {
   position: relative;
   clear: left;
   margin: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #555555;
   }
h1
   {
   font-family: Comic Sans MS;
   font-size: 20px;
   color: black;
   }
.justify
   { 
   text-align : justify; 
   }
.decalage 
   { 
   margin-left : 10px 
   }
table, form 
   {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #555555;
   }
.comment
   {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align: center; 
   color: #555555;
   }
.extrait
   {
   width: 600px;
   border:1px solid #ee1b21;
   }
.titre
   {
   font-family: Comic Sans MS;
   font-size: 16px;
   text-align : center; 
   color: black;
   }
.sous-titre
   {
   font-family: Comic Sans MS;
   font-size: 14px;
   font-weight: bold;
   text-align : center; 
   color: black;
   }
.refrain
   {
   padding-left: 50px;
   padding-right: 50px;
   font-family: Comic Sans MS;
   font-size: 12px;
   text-align : left; 
   color: black;
   }
.technique
   {
   padding: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   text-align : justify; 
   color: black;
   }
.exemple
   {
   background-image: url(images/idee.gif);
   background-repeat: no-repeat;
   padding-left: 50px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   text-align : justify; 
   color: black;
   border: solid #CCCCCC 1px;
   }

input 
   {
   font-family: Verdana;
   font-size: 11px;
   padding:2px;
   border:1px solid #CCCCCC;
   color:black;
   }

textarea 
   {
   font-family: Verdana;
   font-size: 11px;
   border:1px solid #CCCCCC;
   padding:2px;
   color:black;
   }