html, body {
margin: 0;
padding: 0;
height: 100%
}


 body {
 text-align : center;
 font-size : 0.6em ;
 font-family : VERDANA;
 background : #4A4253;  }
 
 
 h1, h2 {font-size : 1em ; margin : 20px 0 0 0; padding : 0 ; text-decoration : underline}
 
#haut {
width : 100%; 
height : 120px ; 
background : #30312A  ;
margin-left : auto;
margin-right : auto;
}





#sous_menu {
width :710px ; 
height : 40px ; 
background : #333 ;
border-top : 1px solid #30312A;
margin : 0 0 0 20px ;   }

#sous_menu  ul {
margin : 0 0 0 70px ; 
padding : 0; 
list-style : none; }

#sous_menu  li {
float : left ;  
margin : 10px 0 0 0; 


}

#sous_menu  li a{
padding : 0 10px 0 10px ; 
line-height : 20px;
margin : 0 0 0 10px; 
background : #333 ;
display : block;
color : #4A4253;
text-decoration : none;
text-align : center ;
text-transform : uppercase;  
  }

#sous_menu  li a:hover{
background : #4A4253 ;
color : #ccc; 
}
#sous_menu  .on {
background : #4A4253 ;
color : #ccc; 
}



#menu {
width :710px ; 
height : 40px ; 
background : #333 ;
margin : 0 0 0 20px ;   }



#menu ul {
margin : 0 0 0 70px ; 
padding : 0; 
list-style : none; }

#menu li {
float : left ;  
margin : 10px 0 0 0; 


}

#menu li a{
padding : 0 10px 0 10px ; 
line-height : 20px;
margin : 0 0 0 10px; 
background : #333 ;
display : block;
color : #4A4253;
text-decoration : none;
text-align : center ;
text-transform : uppercase;  
  }

#menu li a:hover{
background : #4A4253 ;
color : #ccc; 
}
#menu .on {
background : #4A4253 ;
color : #ccc; 
}



#content {
background-color :#fff;
text-align : left;
width : 750px ; 
margin-left : auto;
margin-right : auto;
height:100%;
border-left : 8px solid #fff;
border-right: 8px solid #fff
}
html>body #content {height : auto; min-height : 100%;  }





.contmenus {width : 100% ; height : 110px ; background : #30312A}

#gauche {
float : left ; 
width : 290px ;  
background : #fff ;
margin-left : 25px !important;
margin-left : 10px;
text-align : justify ;
padding-bottom : 80px; }


#droite{
float : left ; 
width : 390px ; 
margin-left : 20px;  
background : #fff;
text-align : justify;
padding-bottom : 80px; }









.img_droite {
float : right ; 
 margin : 0 0 0 10px ;
  padding : 2px ; 
  border : 1px solid #30312A }
  
  
  .img_gauche {
float : left ; 
 margin :0 10px  0 0  ;
  padding : 2px ; 
  border : 1px solid #30312A }
  
  
  a {text-decoration : none ; color : #ccc}
  a:hover {text-decoration : underline ; color : #ccc}




.news_rapides {
width : 100% ; 
background : #FFF; 
height : 200px ; }

.in_news_rapides {
width : 185px ;  
background : #fff ; 
margin: 10px 10px 0 0; 
padding : 0 0 20px 0; 
float : left;
  border-bottom: 1px solid #000}

.in_news_rapides img { 
float : left ; 
margin : 0 10px 0 0 ;
 padding : 1px ;
  border : 1px solid #000 }
  
  









#signature {
clear : both ; 
height : 40px ; 
padding-top : 20px;  
height : 40px ; 
background : #333 ;
color : #ccc; }

#signature p{
float :right;
margin-right : 30px ; }