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.image
   {
      text-align: center;
      padding: 5px;
      padding-top: 10px;
   }  

   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: 58%; 
     border-style: none;
     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
   {
     width: 100%;
     background: url(lettre.gif) 0.em 0;
     background-repeat: no-repeat;
     clear: left; 
     border-style: solid;
     border-width: thin; 
     border-color: #BBBBBB; 
     font-size: 0.8em;
     margin-top: 5px;
     padding-bottom: 1px;     
     padding-top: 1px;     
     float: left;
   }
   div.visite
   {
     width: 100%;
     padding-bottom: 1px;     
     padding-top: 1px;     
     margin-top: 5px;
     float: right;
     font-size: 0.8em;
     background-color: white;
     font-style: italic;
     line-height: 1.1em;
   }

   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.titre
{
     text-align: center;
      font-size: 1.2em;
      color: #6666CC;
     font-weight: bold;
}
p.soustitre
{
     text-align: center;
      font-size: 1.em;
      color: #6666CC;
     font-weight: bold;
}