body {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
background-color: #C6F3FA;
}



                                                                                      /*        Menu colonne de gauche                */



#logo
{
position: fixed;
top: 580px;
left: 80px;
width: 119px;
height: 65px;
background-image: url("../boutons/logo_119_65.jpg");
}






dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}



#menu {
position: fixed;
top: 100px;
left: 50px;
}


dl#menu dt {
width: 155px;
cursor: pointer;
margin-top: 2px;
height: 12px;
line-height: 12px;
text-align: left;
text-indent: 10px;
font-weight: normal;
border: 1px solid gray;
background: #66CCFF;
}


dl#menu dd {
width: 145px;
margin-left: 20px;
border: 1px solid gray;
}


dl#menu li {
text-align: left;
text-indent: 10px;
line-height: 12px;
background: #ccffff;
}


dl#menu li a, dl#menu dt a {
color: #000000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}


dl#menu li a:hover, dl#menu dt a:hover {
background: #0099cc;
}


#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}

#mentions a {text-decoration: none;
color: #222;
}

#mentions a:hover{text-decoration: underline;
}







                                                                                     /*           Conteneur principal              */


#contener
        {
        position: absolute;
        top: 0px;
        margin-left: 400px;
        width: 1000px;
        }


a img
         {
         border: none;
         }



#contener a
              {
              color: #003333;
              font-style: normal;
              font-size: 12px;
              font-family: Arial;
              }









                                                                                           /*        Titre de la page           */



#petitlogo
           {
           margin-left: 200px;
           margin-top: 10px;
           float: left;
           }


#titrepage
           {
           width: 500px;
           height: 25px;
           background-color: #66ccff;
           border: 2px outset #66ccff;
           margin-top: 10px;
           margin-left: 300px;
           text-align: center;
           font-weight: bold;
           font-size: 20px;
           font-family: Arial;
           }






                                                                               /*             Compteur Orange + E-stat           */

#compteur
           {
           padding-top: 30px;
           padding-bottom: 30px;
           margin-left: 600px;
           color: #999999;
           font-size: 8px;
           font-family: Arial;
           }







 





                                                                                              /*           Sous-Titre rouge             */


h1
          {
          width: 300px;
           border-bottom: 1px solid #003366;
           border-left: 1px solid #003366;
           padding-top: 30px;
           line-height: 18px;
           margin-left: 10px;
           text-indent: 5px;
           text-align: left;
           color: #cc0033;
           font-style: normal;
           font-weight: bold;
           font-size: 18px;
           font-family: Arial;
           }




                                                                                            /*           Sous-Titre bleu             */




h2
           {
             width: 300px;
           border-bottom: 1px solid #003366;
           border-left: 1px solid #003366;
           padding-top: 30px;
           line-height: 18px;
           margin-left: 10px;
           text-indent: 5px;
           text-align: left;
           color: #003366;
           font-style: normal;
           font-weight: bold;
           font-size: 18px;
           font-family: Arial;
           }




                                                                                                      /*       Annonce centrée rouge       */



h3
           {
           text-align: center;
           padding-bottom: 20px;
           color: #cc0033;
           font-style: normal;
           font-weight: bold;
           font-size: 19px;
           font-family: Arial;
           }






                                                                                                      /*       Annonce centrée bleue       */





h4
            {
            text-align: center;
           padding-bottom: 20px;
           color: #003366;
           font-style: normal;
           font-weight: bold;
           font-size: 19px;
           font-family: Arial;
           }






                                                                                                     /*       Annonce gauche rouge       */



.h3_gauche
           {
           margin-left: 10px;
           padding-bottom: 20px;
           color: #cc0033;
           font-style: normal;
           font-weight: bold;
           font-size: 19px;
           font-family: Arial;
           }








                           
                                                                                                     /*             Texte noir              */



p
            {
            font-size: 15px;
            }
   







                                                                                                      /*             Texte bleu              */



.p_bleu
            {
            color: #000033;
            font-size: 15px;
            }






                                                                                                     /*                     Retraits                */



.retrait_50
             {
             margin-left: 50px;
            }



.retrait_100
             {
             margin-left: 100px;
             }


.retrait_200
             {
             margin-left: 200px;
             }


.retrait_300
             {
             margin-left: 300px;
             }




       
     
      




                                                                                     /*        Indication de la mise à jour               */

#misajour
             {
             margin-top: 20px;
             float:right;
             color: #666666;
             font-style: italic;
             font-size: 12px;
             font-family: Times;
             }




                                                                                           /*            Indication de l'impression              */


#imprimer
             {
             margin-top: 20px;
             margin-bottom: 30px;
             }






                                                                                                   /*            Liens                   */


#lien
             {
             padding-top: 30px;
             text-align: center;
             color: red;
             font-style: normal;
             font-size: 12px;
             font-family: Arial;
             }







                                                                                            /*                  Blocks flottants                   */



.flottant_droite
              {
              float: right;
              }


.flottant_gauche
              {
              float: left;
              padding-right: 30px;
              }


.flottant_centre
              {
              width: 600px;
              margin: auto;
              text-align:center;
              }





                                                                                                  /*                      Boutons                     */




.bouton100_width160
           {
           width: 160px;
           height: 18px;
           background-color: #ffffff;
           border: 4px outset #003333;
           margin-top: 10px;
           margin-left: 100px;
           text-align: center;
           font-weight: normal;
           font-size: 13px;
           font-family: Arial;
           }



.bouton300_width250
           {
           width: 250px;
           height: 18px;
           background-color: #ffffff;
           border: 4px outset #003333;
           margin-top: 10px;
           margin-left: 300px;
           text-align: center;
           font-weight: normal;
           font-size: 13px;
           font-family: Arial;
           }


.bouton330_width250
           {
           width: 250px;
           height: 18px;
           background-color: #ffffff;
           border: 4px outset #003333;
           margin-top: 10px;
           margin-left: 330px;
           text-align: center;
           font-weight: normal;
           font-size: 13px;
           font-family: Arial;
           }


.bouton360_width100
           {
           width: 100px;
           height: 18px;
           background-color: #ffffff;
           border: 4px outset #003333;
           margin-top: 10px;
           margin-left: 360px;
           text-align: center;
           font-weight: normal;
           font-size: 13px;
           font-family: Arial;
           }


.bouton400_width100
           {
           width: 100px;
           height: 18px;
           background-color: #ffffff;
           border: 4px outset #003333;
           margin-top: 10px;
           margin-left: 400px;
           text-align: center;
           font-weight: normal;
           font-size: 13px;
           font-family: Arial;
           }


.bouton430_width130
           {
           width: 130px;
           height: 18px;
           background-color: #ffffff;
           border: 4px outset #003333;
           margin-top: 10px;
           margin-left: 430px;
           text-align: center;
           font-weight: normal;
           font-size: 13px;
           font-family: Arial;
           }








                                                                                                          /*                Tableau                   */


   table
{
   margin: auto;
   margin-top: 40px;
   margin-bottom: 40px;
   width: 500px;
   border: 4px outset #000099;
   border-collapse: collapse;
}

th
{
   background-color: #000099;
   color: white;
   font-size: 18px;
   font-family: Arial;
}

td
{
   height: 40px; 
   vertical-align: middle; 
   font-size: 14px;
   border: 1px solid black;
   text-align: left;
   padding: 5px;
}


#contener table a
    {
    font-size: 14px;
    color: black;
    }