html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
background-image:url(../img/fond.jpg);
background-repeat: repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

a:link {
color: #000000; 
text-decoration: none; 
background-color: transparent
}

a:visited { 
color: #000000; 
text-decoration: none; 
background-color: transparent
}
  
a:hover { 
color: #000066; 
text-decoration: underline; 
background-color: transparent 
}

a:active { 
color: #000000; 
text-decoration: underline; 
background-color: transparent
} 

h1 {
background: url('../img/puceh1.jpg') no-repeat left center;
padding-left: 30px;
}

h2 {
background: url('../img/puceh2.jpg') no-repeat left center;
padding-left: 20px;
}

#contenu {
height: 100%;
margin-left: 300px;
margin-right: 10px;
overflow: auto;
}
#menu {
position: absolute;
left:0;
width: 280px;
height: 100%;
margin-right: 10px;
}

#navi {
margin-top: 20px;
text-align: center;
}

li{
font-weight : bold;
margin-top: 10px;
list-style: url(../img/puce.jpg);
}

li.soustitre {
font-weight : normal;
margin-top: 0px;
margin-left: 10px;
list-style: none;
}

table {
width : 600px;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}

td {
font-style: italic;
padding:5px;
}

img {
display: block;
border : 0px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}

img.navi {
display: inline;
border : 0px;
margin-top: 10px;
}

.contour {
text-align: center;
background-color: #E0E0E0;
border: 1px solid #000000;
padding: 5px;
margin: 0px;
}