html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align: center;
background: #8F1F1F;
}

#cont {
background-color: #ffffff;
text-align: left;
width: 760px;
height: 100%;
margin: 0 auto 0 auto;
min-height: 100%;
}

html>body #cont {height : auto; min-height : 100%}

#haut {height : 210px ; background : #ffffff ;  }

#centre {
padding-left : 20px ;
padding-right : 20px 
}

#gauche {
float  : left;  
width : 140px;
font-family : arial ;
font-size : 1.1em;
}

#droite {
float  : right ;
width : 550px; 
font-family : arial ;
font-size : 0.9em;
line-height: 1.5em;
}
 

#avmenu {
clear: left;
float: left;
width: 140px;
margin: 0 0 10px 0;
padding: 0;
font-family : arial ;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 140px;
margin: 0 0 20px 0;
padding: 0;
font-size: 0.9em;
}	

#avmenu li {
margin-bottom: 4px;
}

#avmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #510808;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
border-left: 4px solid #8F1F1F;
}	
	
#avmenu li a:hover {
background: #eaeaea;
color: #810632;
border-left: 4px solid #D75151;
}

#box {
float  : left;  
text-align : justify;
width : 125px;
font-family : arial ;
font-size : 0.8em;
display: block;
padding: 6px 5px 0 5px;
background: #f4f4f4;
border-left: 4px solid #8F1F1F;
}

h2 {
font-size: 1.2em;
color: #690B0B;
font-family : arial ;
margin: 15px 0 15px 0;
}

h3 {
font-size: 1.1em;
color: #8F1F1F;
font-family : arial ;
margin: 0 0 10px 0;
}
  
h4 {
font-size: 1.0em;
color: #383030;
font-family : arial ;
margin: 0 0 0 0;
}
  
a {
text-decoration: none;
font-weight: bold;
color: #53494D;
}  

a:hover {
text-decoration: underline;
color: #C53F3F;
}

a img {
border: 0;
}
  
#legende {
font-size: 0.9em;
color: #000000;
font-family : arial ;
margin: 0 0 0 0;
} 

#footer {
  clear : left ; 
  text-align : center ;
  font-family : arial ;
  font-size : 0.8em }

#paragraphe {
font-size: 0.9em;
color: #000000;
font-family : arial ;
margin: 0 0 0 0;
line-height: 1.5em;
}