body {
margin : 0;
padding : 0;
background : #389200; 
background-attachment : fixed ;  
text-align : center ;
font: 0.7em Arial;
background : url(images/bg.jpg) ;
}

/* SITE
****************************************************/

#site {
width : 786px ;
margin : 0; 
background : url(images/site.jpg) repeat-y;
text-align : left ;
margin : 0 auto  ;
}

/* HEADER
****************************************************/

#header {
height : 218px ;
background : url(images/header.jpg) ;
}
p {
  text-align: justify;
}
/* MENU
****************************************************/

#menu {
margin-left : 53px ; 
width : 679px ;
background : url(images/menu.jpg) bottom repeat-x ;
}

#menu ul { 
margin : 0 ;
padding :  0 ;
list-style : none ;
height : 30px ;
line-height : 28px ;
}

#menu li {
float : left ; 
list-style : none ;
}

#menu li a{
display : block ; 
float : left ; 
margin : 0 ;
padding : 0 10px 0 10px ;
text-transform : uppercase ; 
text-decoration : none ; 
color : #FFF ; 
font-weight : bold ; 
background : url(images/menu-li.jpg) right no-repeat  ;  
}

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

/* MAIN
****************************************************/

#main {
overflow:auto;
height:100%;
margin: 20px 0 0 54px ; 
width : 678px ;
background : url(images/main.jpg) left top no-repeat ;
}

/* SIDE
****************************************************/

#side {
position : relative; 
margin :0 0 0  0; 
float : left ; 
width : 122px ; 
}

#side  ul{
width : 122px;
margin : 0 ;
padding :  0 ;
list-style : none ;
}

#side li {
list-style : none ;
}

#side li a{
text-indent : 10px ; 
width : 122px ;
height : 28px;
line-height : 28px ; 
display : block ; 
margin : 0 ;
padding : 0;
text-transform : uppercase ; 
text-decoration : none ; 
color : #FFF ; 
font-weight : bold ; 
background : url(images/bg-li.jpg) ; 
}

#side li a:hover {
background : url(images/bg-li-hover.jpg) repeat-x ; 
}

#side p{
margin : 10px 0 0 0 ; 
padding : 0 4px 0 4px; 
background : url(images/pucegauce.jpg) 0 3px no-repeat ; 
text-indent : 10px ;
}

/* CONTENU
****************************************************/

#contenu {
float : left ; 
margin : 0 0 0  0;  
width : 535px ; 
margin-left : 15px ; 
}
 
#contenu h1 {
text-indent : 40px ; 
padding : 12px 0 0 0; 
margin :  -8px 0 0 0  ; 
color : #fff ; 
background : #fff url(images/intro.jpg) repeat-x; 
height : 40px ; 
color : #712100 ; 
font-size : 14px ;
}

#contenu h2 {
width : 200px ; 
padding : 0 0 10px 0 ; 
margin : 0 0 0 140px ;  
background : #fff url(images/h2.jpg) bottom left repeat-x;
color : #000 ;
font-size : 14px ;
text-transform : uppercase ;
}

#contenu h3 {
margin :  0 ; 
padding : 10px 0 0 0 ;
clear : left ;
color : #000 ;
font-size : 14px ;
}

#contenu p {
margin : 10px 0 0  0; 
padding : 0 ; 
}

/* FOOTER
****************************************************/

#footer {
position : relative; 
height : 81px ;
background : url(images/footer.jpg) top left no-repeat ;
}

#footer p {
position : absolute ;
bottom : 20px;
left : 50px ; 
margin : 0 ;
padding : 0 ; 
font-size : 10px
}
  
#footer a {
color : #000
}

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

/* IMAGES
****************************************************/

.img-carte {
float : right ; 
margin-top : 10px ;
}

.img-intro {
float : left ;
border : 4px solid #76B906 ;
display : block ; 
margin : 0px 20px 0 0  ;
}

.deco {
position : absolute ; 
left : -44px ; 
top : 200px ; 
}

/* DIVERS
****************************************************/

.important {
color : #479900 ; 
font-weight : bold ;
}