body {
    font-family: "Comic Sans Ms", arial, hevetica, sans-serif;
    font-size: small;
    margin: 0px;
    padding: 0px;
    background-color:  #e8eae8;
}





h3 {
    font-size:small;
        font-weight: normal ;
        margin-left: 20px;
        margin-top: 20px;
	     color: #5d665b;
        padding: ;
}
        
        
h1 {
	font-size: xx-large;
        font-weight: bold;
        margin-left: 30px;
        margin-top: 0px;
	     color: #e8eae8;
        padding: 8px;
}


p {
	font-family: ;
	font-size: small;
	width: 300px; 
	text-indent: 1%; 
   margin-left: 20px;
	line-height: 180%;
	padding: ;
	                   } 



div#head  {
    position: relative;
    width:99%;
    height:80px;
    left:0px;
    top: 0px; 
    background-image: url(header.png);
    background-repeat: repeat; 
    
    background-color: ; 
           }

div#head2 {
        position: absolute;
        background-color: #e8eae8;	
	     width:99% ;
        height: 35px;
        border: 1px solid #a6c4e0; 
        } 
div#head3 {
        position: absolute;
        background-color: #e8eae8;	
	     width:99% ;
        height: 15px;
         
        margin-top: 50px;
        margin-left: 50px;
        }




#logo    {
         float: left;
         margin-left: 5px;
         margin-right: 30px;
         margin-top: 5px;
         }  
     
li {
	list-style-type: none;
} 

div#columns {
    position: relative;
    width: 99%;
    top: 80px;
    background-color: ; 
} 
div#side1 {
    position:absolute;
    width:20%;
    top: 0px;
    left:0px;
    background-color: ;
}
div#content {
    position: absolute;
    width: 43%;
    top: 0px;
    left: 200px;
    background-color:; 
}

div#side2 {
    position:absolute;
    width:10%;
    top: 0px;
    left: 600px;
    background-color: ;  
      }
 



div#foot {
    position: absolute;
    width: 99%;
    clear: both;
    margin-top: 500em;
    margin-bottom: 10px;
    background-color: ;
   } 



           
           

           

#photo {
        position: relative;
        left: 10px;
        padding: 5px;
        }
        
.textegras {
            font-weight: bold;
               }
               
.couleurlegende { 
                  color: #009;
                  } 
                     
            
.rubriques 
          {
           float: left;
           margin-right: 5px;
           margin-top: 5px;
	   
           }

.rubriques a
          {
           
	     font-size: large;
 	     font-weight: bold;
        text-decoration: none;
        margin-left: 15px;           
           }
           
 a:link {
	text-decoration: none;
	color: #696;
}          
           
        a:visited {
	text-decoration: none;
	color: #699; 
	}
	
a:hover {
	color: #c93;
	text-decoration: underline
}	
.pave {
    float: left;
    margin-left: 15px;
    width: 150px;
    border: 1px solid #a6c4e0;
    margin-top:5% ;
    background-color:  #e8eae8 ;
   }
    
.bloc {
    float: left;
    margin-left: 15px;
    width: 305px;
    border: 1px solid #a6c4e0;
    margin-top:3% ;
    background-color:  #e8eae8 ;
    }