*{
        color : #444444;
        font-family: Arial, Helvetica, sans-serif;
        font-size : small;
    }
    
    body {
        background : white url(../images/bodybg2.jpg) repeat-x;
    }
    
    h1 {
        font-size : 12pt;
        color : #444444;
    }
    
    img {
        border : 0px;
    }
  
    .clear {
        clear : both;
    }
    
    table {        
        border :outset 1px #ddd;
        width : 100%;
        margin-bottom : 10px;
        font-size : small;
    }
    
    td {
        border :1px #eee solid;
        padding-left : 10px;
        width :33%;
    }
    
    td.head {
        padding-left : 0px;
        border :0px black solid;  
        text-align : center;
        font-weight : bold;
        background-color : #92C330;
        color : white;
    }
    
    td.head1 {
        padding-left : 0px;
        border :0px black solid;  
        text-align : center;
        font-weight : bold;
        background-color : #FFC809;
        color : white;
    }
    
    td.head2 {
        padding-left : 0px;
        border :0px black solid;  
        text-align : center;
        font-weight : bold;
        background-color : #DF0803;
        color : white;
    }
    
    td.head3 {
        padding-left : 0px;
        border :0px black solid;  
        text-align : center;
        font-weight : bold;
        background-color : #008AA7;
        color : white;
    }
    
    #conteneur{
        position : relative;
        margin-left : auto;
        margin-right : auto;
        margin-top : 10px;
        margin-bottom : 10px;
        width : 800px;
        border : solid 0px red;
    }
    
    #bandeau{
        position : relative;      
        margin : 0px;
        width : 100%;
        height : 220px;
        border : solid 0px blue;
        background :url(../images/bandeau2.jpg) no-repeat;
    }
    
    #bandeau p{
        text-align : right;
        margin-right : 30px;
        font-size : x-small;
        color : black;
    }
    
    #bandeau a{
        font-size : x-small;
    }
    
    
    
    #menu{
        position : relative;      
        margin-top : 5px;
        margin-bottom : 0px;
        width : 100%;
        height : 35px;
        border : solid 0px green;
    }
    #menu ul, #menu li{
        margin : 0;
        padding :0;
    }    
    #menu li {
      float : left;
      margin-right : 25px;
      list-style-type : none;
    }    
    #menu li.noMargin{
      margin-right : 0;
    }    
    #menu img{
        border : 0px;
    }        
    #contenu{
        position : relative;      
        margin-top : 0px;
        width : 100%;
        border : solid 0px orange;  
    }   
    #encart{
        position : relative;  
        float : left;
        margin-top : 10px;
        width : 200px;
        height : 300px;        
        border : solid 0px blue;        
        background :url(../images/boxhaute.jpg) no-repeat;        
    }
    
    #encart li {
        list-style-image : url(../images/ok.jpg);
    }
    
    #encart h1{
        text-align : center;
        font-size : 16pt;
        color : white;
        margin-top : 5px;
    }
    
    #encart img{       
        border : 0px #555 solid;        
    }
    
    #encart img.bordure{
        margin-top : 5px;
        border : 1px #555 solid;        
    }
    
    #encart p{
        text-align : justify;
        font-size : 10pt;;
        color : #777;
        margin : 10px 10px 0 10px;
    }
    
    #encart a{        
        font-size : x-small;
        color : #84AF1F;
        margin : 10px;
        text-decoration : none;
    }
    
    #encart a.infos{
        display : block;
        text-align : right;
        text-decoration : underline;
    }
    
    #encart navigation.img{
        border :0px;   
    }
    
    #encart hr{        
        color : #ddd;
        height : 1px;
    }
    
    
    #principal{
        position : relative;  
        float : left;
        margin-left : 10px;
        margin-top : 10px;
        margin-bottom : 10px;
        width : 580px;     
        border : solid 0px yellow;  
    }
    
    #principal p{
        text-align : justify;
        border-bottom : 0px #eee solid;
        color : #777;
        margin : 0 30px 0 30px;
    }
    
    #principal h1{       
        text-align : center;
        font-size : 18pt;
        color : #888;
        margin-top : 0px;
        margin-bottom :10px;
    }
    
    #principal hr{        
        color : #ddd;
        height : 1px;
        width : 90%;
    }
    
       
    #information{
        position : relative;  
        float : left;
        margin-left : 10px;
        margin-top : 10px;
        width : 350px;
        height : 120px;
        border : outset 0px #ddd;
        background :url(../images/box350.jpg) no-repeat;        
    }
    
    #information h1 {
        font-size:14pt;
        text-align : center;
        margin : 10px 0 10px 0;
        color : white;
    }
    
       
    #information p#gauche {
        float:left;
        margin-left : 10px;
        margin-top : 0;
        text-align : center;
        font-size : x-small;
        
    }
    #information p#droite {
        float :right;
        margin-right : 20px;
        margin-top : 0;
        text-align : center;
        font-size : x-small;
    }
    
    #information a {         
        font-size : x-small;
        color : #84AF1F;
        margin : 0px;
        text-decoration : none;
    }
    
     #information1{
        position : relative;  
        float : left;
        margin-left : 10px;
        margin-top : 10px;
        width : 140px;
        border : outset 1px #dedede;
        background :url(../images/box1401.jpg) no-repeat;        
    }
    
    #information1 h1{        
        margin-left : 10px;
        padding :0px;
        border-bottom : solid 1px #ddd;
        color : #444;
    }
    
    #information1 ul{        
        margin-left : 5px;        
        margin-top :0px;
        padding : 0;
    }
    
    #information1 li{        
        list-style-type : none;
         margin-left : 0px;
         padding :0;
    }
    
    #information1 a{        
         font-size : small;
         color : #84AF1F;
    }
    
    
    #lien{
        position : relative;  
        float : left;
        margin-left : 15px;
        margin-top : 10px;
        width : 220px;
        height : 120px;        
        border : solid 0px purple;       
    }
    
     #lien1{
        position : relative;  
        float : left;
        margin-left : 15px;
        margin-top : 10px;
        width : 420px;
        height : 120px;        
        border : solid 0px purple;       
    }
    
       
    #pied {
        position : relative;      
        margin-top : 10px;
        width : 100%;
        border-top : solid 2px #ccc;
    }
    
    #pied p{
        text-align : center;
        margin-right : 20px;
        font-size : x-small;
        margin-top : 5px;
    }
    
    #pied a{        
        font-size : x-small;
        
    }
    #pied a#login{
        display : block;
        float : right;
        margin-right : 5px;
    }