div { font-family: Arial, Verdana, Helvetica, sans-serif;}    
   p { font-family: Verdana, Arial, Helvetica, sans-serif;}
   ul { font-family: Verdana, Arial, Helvetica, sans-serif;}
   body {margin: 10px; padding: 0px; }
   
   a { text-decoration: none;color: #888888;}
   a:hover{ color: #000000;}

   div.titre_gauche
   {
     width: 80%; 
     float: left;
   }
   div.titre_droit
   {
      width: 19%; 
      margin-left: 1%;
      float: right;
   }

   div.colonne
   {  
     padding: 1%;
     padding-bottom: 1px;     
     padding-top: 1px;     
     margin: 1px;
     margin-top: 5px;
     width: 17%; 
     margin-right: 1%;
     float: left;
     clear: left;
   } 
    div.cadre_in_colonne
   {  
     width: 100%;
     padding-bottom: 1px;     
     padding-top: 1px;     
     border-style: solid; border-width: thin; 
     margin-top: 5px;
     float: left;
     font-size: 0.8em;
     background-color: #fffafa;
   } 
  div.colonne2
   {  
     padding: 1%;
     margin-top: 5px;
     width: 78%; 
     border-style: solid;
     border-width: thin;
     background-color: #fffafa;
     color: black;     
     float: right;
   } 

   .plein 
   {  
     background-color: #6666cc;
     color: #FFFFFF;
     padding: 0px;
     font-weight: bold;
     text-decoration: none;
   }
   .plein_sel 
   {  
     background-color: #663399    ;
     color: #FFFFFF;
     font-weight: bold;
     padding: 2px;
     border-style: solid;
     border-width: thin;
   }
   div.email
   {
     clear: left; 
     border-style: solid;
     border-width: thin; 
     padding:2px; 
     font-size: 0.8em;
     background-color: #fffafa;
     float: left;
   }
   div.visite
   {
     font-size: 0.8em;
     margin-top: 2%;
     padding: 2%;
     padding-bottom: 4px;     
     padding-top: 4px;     
     border-style: solid;
     border-width: thin;
     width: 24%; 
     background-color: #fffafa;
     float: right;
   }

   div.menu_general
   {
      padding-top: 0;
      width: 19%;
      margin: 0.5%;
      float: left; 
      text-align: center;
      font-size: 1.2em;
      background-color: #6666cc    ;
      color: #000000;
   }
   div.menu_general_sel
   {
      width: 19%;
      margin: 0.5%;
      float: left; 
      text-align: center;
      font-size: 1.2em;
     background-color: #663399    ;

      color: #000000;
   }
   a.menu_general
   {
      color: #FFFFFF;
   }
   a.menu_general:hover
   {
      color: #000000;
   }
   a.menu_general1
   {
      color: #FFFFFF;
   }
   a.menu_general1:hover
   {
      color: #AABBCC;
   }


 ul.menu
 {
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
 li.menu_off
 {
     border-style: solid;
     border-width: thin;
     background-color: #663399    ;
     color: #FFFFFF;
     padding-bottom: 2px;
     padding-top: 2px; 
     text-decoration: none;
 }
 li.menu_on
 {
     background-color: #6666cc    ;
     color: #FFFFFF;
     text-decoration: none;
     padding-bottom: 2px;
     padding-top: 2px;
 }

   p.titre1     
   {       
      color: #009900;       
      font-weight: bold;      
      font-size: 1.5em;       
      text-align: center;    
   }  
   div.colonne2bis
   {  
      padding: 2%;
      width: 73%; 
      padding-bottom: 4px;     
      padding-top: 10px;     
      border-style: none;
      background-color: white;
      color: black;     
      float: right;
   } 
      img.insere
   {
     width: 45%;   
   }
   img.insere1
   {
     width: 90%;
   }
   p.code
   {
	indent: 10px;
        font-family: courier new,courier,monospace;
   }