a {text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif;}    
   p { font-family: Arial, Verdana, Helvetica, sans-serif;}    
   div { font-family: Arial, Verdana, Helvetica, sans-serif;}    
   ul { font-family: Arial, Verdana, Helvetica, sans-serif;}    
   ol { font-family: Arial, Verdana, Helvetica, sans-serif;}    
   p.titre1     
   {       
      color: #009900;       
      font-weight: bold;      
      font-size: 1.5em;       
      text-align: center;    
   }  
   div.image
   {
      text-align: center;
      padding: 5px;
      padding-top: 10px;
      background-color: #CCCCCC;
   }  
   div.titre1     
   {       
      float: right;
      width: 100%;
      color: #009900;       
      font-weight: bold;      
      font-size: 1.5em;       
      text-align: center;    
   }    
   p.titre3     
   {  
      text-align: left;
      color: black;       
      font-weight: bold;      
      font-size: 1.em;       
   }    
   p.legende    
   {      
      font-size: 0.8em;      
      text-align: center;    
      background-color: #FFFFFF; 
      padding: 10px;
      margin: 0;
      margin-top: 5;
   }   
   p.titre2     
   {       
      color: #009900;
      height: 40px;
      font-weight: bold;      
      font-size: 1.2em;       
      text-align: left;
      padding-left:1em;
      background: url(fuzzy_dot3.gif) 0.em 0;
      background-repeat: no-repeat;
   }    
   p.titre_menu     
   {       
      color: #009900;       
      font-weight: bold;      
      font-size: 1.2em;       
   }    
   .lien    
   {        
      color: #009900;        
      padding-bottom: 1px; 
      padding-top: 1px; 
   }
   .lien_current    
   {        
      color: #009900;        
      border-style: solid;
      border-width: thin;
      padding: 2%;
   }
   p.sous_lien    
   {   
      text-indent: 5%;
      color: #AAAAAA;        
      padding: 0;
      font-size: 0.8em;
  }
   div.titre
   {
      padding: 2%;
      width: 65%; 
      border-width: thin;
      color: #009900;     
      float: right;
      font-weight: bold;      
      font-size: 1.5em;       
      text-align: center;    
   }
   div.colonnewrapper
   {
      float: left; 
      width: 20%;
      padding: 0px;
      margin: 0px;
      padding-right: 2%;      
      clear: left;
   }
   div.colonne
   { 
      margin: 0px;
      padding: 5px;
      padding-top: 0px;
      padding-bottom: 0.5em;;
      border-style: none;
      border-width: thin;
      line-height: 90%;
      width: 100%; 
      float: left;
   } 
   ul.sousmenu
   { 
     padding: O;
     padding-left: 1em;
     margin:  0;
     margin-bottom:  5px;
     margin-top:  5px;
     line-height: 90%;
     list-style-image: url(arrow.gif);
     display: block-level;
   } 
   div.colonne_petit_titre
   { 
      background: url(fuzzy_dot1.gif) 0.em 0;
      background-repeat: no-repeat;
      margin-left: -0.5em;
      padding-left: 1em;
      padding-top: 0.2em;
      border-style: none;
      width: 100%; 
      float: left;
      clear: left;
      padding-bottom: 0.5em;
      text-align: left;
      color: #444444;       
      font-weight: bold;      
   } 
   div.colonnebis
   { 
      padding: 5px;
      padding-top: 10px;
      border-style: none;
      width: 100%; 
      float: left;
      clear: left;
   } 
   div.colonne2
   {  
      padding: 2%;
      width: 73%; 
      padding-bottom: 4px;     
      padding-top: 4px;     
      border-style: none;
      background: url(motif_separation.gif) repeat-y top left;
      border-width: thin;
      color: black;     
      float: right;
   } 
   div.colonne2bis
   {  
      padding: 2%;
      width: 73%; 
      padding-bottom: 4px;     
      padding-top: 10px;     
      border-style: none;
      background-color: white;
      color: black;     
      float: right;
   } 

   .dropcap
   {
   float: left;
   width: .7em;
   font-size: 3em;
   line-height: 83%;
   }
   .thumbnail
   {
   float: left;
   width: 60px;
   border: 1px solid #999;
   margin: 0 15px 15px 0;
   padding: 5px;
   }

   div.monitem
   {
      width: 104px;
      float: left; 
      text-align: center;
      background-color: #CCCCCC;
      color: #000000;
   }

   a.monitem
   {
      color: #FFFFFF;
   }
   a.monitem:hover
   {
      color: #000000;
   }

   div.menu_general
   {
      width: 18%;
      margin: 1px;
      float: left; 
      text-align: center;
      font-size: 1.2em;
      background-color: #998899;
      color: #000000;
   }
   a.menu_general
   {
      color: #FFFFFF;
   }
   a.menu_general:hover
   {
      color: #000000;
   }
    div.date{
       width:96%;
       padding: 2%;
       padding-bottom: 0px;
       padding-top: 0px;
    }       

    div.date_encadre{
       width:96%;
       padding: 2%;
       padding-bottom: 0px;
       padding-top: 0px;
       margin-bottom: 1px;
       background-color: #EEEEEE;
       border-style: solid;
       border-width: thin;
   }       

   a.monmenu
   {
      color: #888888;
      padding: 0;
      margin: 0;
   }
   a.monmenu:hover
   {
      color: #000000;
   }
 
  a.monsousmenu
   {
      color: #888888;        
      padding: 0;
      margin: 0;
      font-size: 0.8em;
   }
   a.monsousmenu:hover
   {
      color: #000000;        
   }
   a.monsousmenuplus
   {
      color: #888888;        
      padding: 0;
      font-size: 0.8em;
   }
   a.monsousmenuplus:hover
   {
      color: #000000;        
   }
   
       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;
     padding-left: 0.5em;
     
   } 
   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;
   }