body
   {
     width: 90%;
     background-color:#FFFFFF;
     /*font-family: 'Lucida Grande', Verdana, Arial, sans-serif;*/
     font-family: georgia, verdana, 'Lucida Grande', Arial , serif;

     font-size:100%;
   }      
   
  h1
     {
     color:black;
     background-color:#99CCFF;
     /* 5898e7    bleu clair foncé*/
     /* c0c0c0  gris moyen*/
     /* b0c4de gris bleu */
     /* 99CCFF vert eau*/  ==> /* 99CCFF bleu gris ou 99CCFF*/
     
           /* vert clair: #66ff66*/
       /* jaune orange:  #ffcc00*/
      /*  GRIS:#C0C0C0;*/
       /* CREME:#FFFFC6;     */
       /* VERDATRE:#008080;    un peu plus clair: 33CCFF */
       /* BLUE:#0099FF;      */
       /* #7A991A;    verdâtre */
      /*background-color:#0099FF; */ /*bleu pastel*/
      /*  #000099;   bleu très foncé, violet*/

     text-align:center;
     font-weight:bold;
     font-size:36px;
    } 
   
   h1 a 
      {
        text-decoration: none;
        color: #3b5998;
      }
   h1 a:hover 
      {
        text-decoration: underline;
      }
      
   h2
     {
     color:black;
     text-align:left;
     font-weight:bold;
     font-size:30px;
    } 
   
   h2 a 
      {
        text-decoration: none;
        color: #3b5998;
      }
   h2 a:hover 
      {
        text-decoration: underline;
      }


    ul
      {
        list-style-type:none;
        margin:0;
        padding:0;
      }

        
      

     fieldset{
        background-color: #EEEEFF;
      }   
      
          
     .table1 {
       background-color:#99CCFF;
       font-size:1.0em;
       margin: 0px auto 0px auto;
      }
      
      .table1  a:link,a:visited
      {
       display:block;
       font-size:1.0em;
       font-weight:bold;
       color:#000000;
       background-color:#33CCFF; /* 3b5998*/
       text-align:left;
       padding:4px;
       text-decoration:none;
       text-transform:uppercase;
         width:100%;
      }
     .table1 a:hover,a:active
      {
       display:block;
       background-color:#3D5266;  /*7A991A;*/  /* verdâtre */
         width:100%;
      }

      
  
     .table2 {
       background-color:#00CCFF; /*66ff66;*/ /*7A991A*/    /*33CCFF*/   /*0099FF */
       margin: 0px auto 0px auto;
       width:45%;
      }
      
      .table3 {
       background-color:#00CCFF;
       margin: 0px auto 0px auto;
       width:55%;
      }
      
     .table11 {
       background-color:#00CCFF;
       margin: 0px auto 0px auto;
       width: 90% ;
      }

   
     .FootDLM
     {
        text-align:center;
        font-weight:bold;
        font-size:0.8em;
        font-color : #000099;  /* bleu très foncé, violet*/
        font: "Arial Black";
        margin: 0px 0px 0px 0px;
      }
     
      a.FootDLMLink:link, a.FootDLMLink:visited 
     {
 
       text-align:center;
       font-size:0.6em;
       font-weight:bold;
       color:#000000; /*99;*/   /* 33CCFF  5C7A99  */
       background-color:#33CCFF;  /*33CCFF;*/
       width:100%;
       padding: 0px 0px 0px 0px;
       text-decoration:none;
       text-transform:uppercase;
       margin: 0px 0px 0px 0px;
     }
 
      a.FootDLMLink:hover,a.FootDLMLink:active  
     {
      	 background-color:#3D5266; /*7A991A;*/
       }
         
       .FootDLMPresentation
     {
        background-color:#99CCFF;
        text-align:center;
        font-weight:bold;
        font-size:12px;
        font-color : #000099;   
        font-family:"Trebuchet MS", Helvetica, sans-serif;
        margin: 0px 0px 0px 0px;
      }

   
    .FootDLMPresentation  a:link,a:visited   
     {
       text-align:left;
       font-size:1.0em;   /*8px;*/
       font-weight:bold;
       color:#000099;
       background-color:#33CCFF;
       width:12.5%;
       padding: 0px 0px 0px 0px;
       text-decoration:none;
       text-transform:uppercase;
       margin: 0px 0px 0px 0px;
     }
 
      .FootDLMPresentation a:hover,a:active  
     {
       	 background-color:#1A6680;
       }

    .PresentationAppli
     {
        background-color:#99CCFF;
        text-align:center;
        font-weight:normal;
        font-size:1.0em;
        font-color : #000099;   
        font-family:"Trebuchet MS", Helvetica, sans-serif
        margin: 0px 0px 0px 0px;
      }

    .Presentation
    {
      color:black;
      text-align:left;
      font-family:"Trebuchet MS", Helvetica, sans-serif
      font-weight:normal;
      font-style: normal;
      font-size:1.4em;
   }
   
   
    .Presentation ul
      {
      list-style-type:none;
      margin:0;
      padding:0;
      color:black;
      text-align:left;
      font-weight:normal;
      font-style: italic;
      font-size:1.4em;
      }
     .Presentation a:link, a:visited 
     {
       text-align:center;
       font-size:1.4em;
       color:#000099;
       background-color:#33CCFF;
       width:37.5%;
       padding:1px;
     }
    .Presentation a:hover, a:active
      {
        background-color:#7A991A;
      }

     .PresentationLogo a:link, a:visited 
     {
       text-align:center;
       font-size:1.4em;
       color:#000099;
       background-color:#33CCFF;
       width:93px;
       padding:1px;
     }
    .PresentationLogo a:hover, a:active
       {
       	text-align:center;
       	font-size:1.4em;
    	color:#000099;
        background-color:#7A991A;
     	width:93px;
     	padding:1px;
     }


    .PresentationPetit
    {
      color:black;
      text-align:left;
      font-weight:normal;
      font-style: italic;
      font-size:1.0em;
      font-family:"Trebuchet MS", Helvetica, sans-serif
   }
   

   
    .PresentationTitreCentre
    {
      color:black;
      text-align:center;
      font-weight:normal;
      font-style: italic;
      font-size:1.8em;
   }
   .PresentationTitreCentre2
    {
      color:black;
      text-align:center;
      font-weight:normal;
      font-style: italic;
      font-size:1.6em;
   }     
 
      

      
.tabbed_box h4 {
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
    font-size:23px;
    color:#ffffff;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.tabbed_box h4 small {
    color:#e3e9ec;
    font-weight:normal;
    font-size:9px;
    font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
    text-transform:uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}
.tabbed_area {
    border:1px solid #494e52;
    background-color:#636d76;
    padding:8px;
}
ul.tabs {
    margin:0px; padding:0px;
}
ul.tabs li {
    list-style:none;
    display:inline;
}
ul.tabs li a {
    background-color:#464c54;
    color:#ffebb5;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
}
ul.tabs li a:hover {
    background-color:#2f343a;
    border-color:#2f343a;
}
ul.tabs li a.active {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}