body {
margin : 0 ; 
padding : 0 ; 
background : #F6F5F1 ; 
text-align : center ;
font-family:  Arial, Helvetica, sans-serif;
font-size:0.7em ; }

#cont {
width : 780px ; 
/*width : 76% ; */
background : transparent ; 
margin : 0 auto 0 auto ;
text-align : left ;

   }


#haut { 
height : 156px ;
background : url(images/fond.jpg)}


#menu {
border-top : 1px solid #47493E ;  
height : 55px ;
background : url(images/menu.jpg)}


#menu ul {
height : 20px ; 
margin : 3px 0 0 0  ; 
padding : 0 ; 
list-style : none;  }

#menu li { float : left ; 
padding : 0 10px 0 10px  ; 
margin:0 0 0 -1px;
 color : #fff ; 
text-decoration : none ; 
border-left : 1px solid #fff }

#menu li a  { 
color : #fff ;
text-decoration : none; 
 }
 
 
 #menu li a:hover  { 
color : #eee ;
text-decoration : none; 
 }


#menu li:first-child {
border:0;
}





#centre { 
background : #FBFAF6 url(images/bg_centre2.jpg) repeat-x ;
 border-left : 2px solid  #fff ; 
  border-right : 2px solid  #fff ;
  }


#navigation {
float : left ; 
width : 30% ;
background : url(images/bgligne.jpg) right repeat-y ;
height : 100%;
margin : 20px 0 40px 0 ;
 
   }
   
   
   #navigation h1 {
margin-left : 20px;

  }


#navigation ul {
margin : 0 0 0 20px; 
padding : 0 ; 
list-style : none; 
  }
  
  
  #navigation li {
display : block ; 
height : 30px ;
text-indent : 20px ;
background : url(images/puce.jpg) 0 3px  no-repeat; 
  }


#navigation h1 {
margin : 0 0 10px 20px ;
padding : 0 ; 
color : #47493E ;
 font-size : 3em 
 }



#corps {
float : left ; 
width : 65% ;
/*background : url(images/bgligne.jpg) right repeat-y ;*/
height : 100%;
margin : 20px 0 20px 20px ;
text-align : justify ;  }


.paragraphe_corps {

margin :  10px 35px 10px  10px ; 
color : #47493E }

#corps h1 {
margin : 0 0 0 5px ;
padding : 0 ; 
color : #47493E ;
 font-size : 2em 
 }




.pousse  {
margin : 0 0 0 20px ; 
 }



#footer {
clear : left ; 
background : #fff ; 
 text-align : right ; 
 color : #ccc ; 
 height : 4px ;   }
 
 




.cadre {
margin :0  ; 
width : 212px ; 
background : url(images/centrecadre.jpg) repeat-y }

.hautcadre {
width : 212px ;
height : 15px ;  
background : url(images/hautcadre.jpg)}

.bascadre {
width : 212px ;
height : 15px ;  
background : url(images/bascadre.jpg)}


h2 {margin : 0 0 0 20px ; padding : 0}

.cadre p {
margin : 0  ; 
padding : 0 0 0 20px; }

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