body {
margin : 0 ;
padding : 0 ; 
background : #412B28 url(images/bg.jpg) 0 80px no-repeat ;
text-align : center;
font-size : 0.7em;
color : #A39A7E ;
font-family : arial ;  }
  

/*  SITE
********************************************************************/
 
#site { 
position : relative;  
text-align : left  ;
padding :  0 ; 
 }
     
     
/*  HEADER
********************************************************************/
   

#header {
position : relative ; 
height : 79px;
background : url(images/header.jpg);
}


/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/


#header h1 {
position : absolute ;
top : 35px ; 
left : 20px ; 
margin : 0;
padding : 0 ; 
 
}


#header h1 span {
position : absolute ;
top : -9999px ; 
left : -9999px 
  
}
   
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
   
   
#menu {
position : absolute ; 
top : 57px;
left : 60px; 
}
	
	
#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}


#menu  li{
float : left ;
text-transform : uppercase ; 

}
	
	

#menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #5A422B ;
font-weight : bold ;
}

#menu  li a:hover {
color : #fff ;
}
	


/*  CONTENT
********************************************************************/

#content {
overflow : auto ;
padding : 0;

 }
	
	
/*  CONTENU
********************************************************************/	
	

#contenu {
width : 460px ; 
margin : 40px 0 0 0;
height : 420px; 
padding : 40px 20px 25px 60px  ;
line-height : 1.4em; 
text-align : justify ;
letter-spacing : 1px ;
position : relative ; 
 

}

#contenu h2 {
color : #D89E08;
font-size : 1.4em;
margin : 0;
padding : 0;

}


#contenu h2 + p {
color : #928A6E;
margin : 0; 
padding : 20px 0 10px 0; 
font-weight : bold; 
font-size : 110%; 
}


#contenu img {
float : left ;
margin : 0 10px 0 0; 
}

#contenu a {
color : #759111; 
text-decoration : none ; 
}

#contenu a:hover {
text-decoration : underline ; 
}

#contenu p:last-child  {
color : #C8901B
}



   

/*  CONTENU >> POST
********************************************************************/	


.post {
padding : 0 0 20px 0;
 }   



/*  FOOTER
*******************************************************************/ 
   
#footer {
 position : absolute ; 
left : 70px;
bottom : 20px; 
text-align : left ; 
padding : 20px 0 0 0;   
height : 30px ; 
}


#footer p { 
color : #C8901B; 
}

#footer img { 
float : left ;
margin : 0 0 0 -70px ; 
}


#footer a { 
color : #C8901B;
text-decoration : none ;  
}

#footer a:hover { 
text-decoration : underline ;  
}



  

	 
	  
  .texte_index {
  right : 0; 
  width : 460px ; 
  height : 424px;   

   margin-top : 10px;  
   margin-left :15px; 

    }  

	  

   


		   
		   

		
			.boot {border : none ; margin-left : 5px ; margin-top : 5px;}
			



  .texte_index {

  width : 460px ; 
  height : 400px;   
  background-color :transparent ;
  margin : 0 0 20px 0; 
  float : left

     }  




.monCalque{	
position:absolute; 
			top:0; 
			right :0px; 
			width:460px; 
			height:2200px; 
			visibility:visible;
			background-color :transparent}
			


.monCadre{
position:relative; 
		   top:1px; 
			right :0px; 
		   width:460px; 
		   height:400px; 
		   visibility:visible; 
		   overflow:hidden;	 
        }
        
        img {border : none}
        
        
        
        
        
        
        
  .boutonMonter{ 
  position : absolute ; 
  right : 20px;
  bottom : 0 ; 
	
			}

.boutonDescendre{  
  position : absolute ; 
  right : 60px;
  bottom : 0 ; 
		}      
        
        
        
        
        
        
 #scroll  {width : 520px ; position : relative  ; padding : 20px 0 0 0 }