html, body {
height: 100%;
}

body {
margin : 0 ;
padding : 0 ; 
background : #7B1C17 url(images/bg.jpg) repeat-x;
text-align : center;
font-size : 0.8em; 
color : #000 ;
font-family : arial ;
}

a:active, a:focus{
outline:none;
}

/*  SITE
********************************************************************/
 
#site { 
position : relative; 
width : 810px;
margin : 0 auto;
text-align : left  ;
padding : 62px 0 0 0 ;
min-height: 100%;
background : url(images/bg-site.png) repeat-y
}

/*  HEADER
********************************************************************/
   
#header {
position : absolute ; 
left : 0;
top : 0; 
height : 66px;
width : 100%; 
background : url(images/header.png) repeat-x;
margin : 0;
z-index : 1; 
}

#header div {
position : relative; 
width : 810px; 
margin : 0;
margin : 0 auto;
}

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

#header h1 {
position : absolute ; 
right : 10px;
top : 5px;
color : #B32720;
margin : 0;
padding : 0 ; 
font-size : 1.8em ;
text-transform : uppercase ; 
font-weight : normal; 
}

#header p {
position : absolute ; 
right : 10px;
top : 30px;
color : #fff;
margin : 0;
padding : 0 ; 
}

/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
#header  ul {
list-style : none ;
margin : 0; 
padding : 0 0 0 10px ;
line-height : 60px;
float : left ; 
}

#header li {
float : left ;
background : url(images/li-header.jpg) no-repeat left;
}

#headesqdsr li:first-child {
background : none ;
}
	
#header li a {
margin : 0 ; 
padding : 0 10px 0 10px; 
text-decoration : none ;    
color : #fff ;
}

#header  li a:hover {
color : #B32720 ;
}

#header  li .active {
color : #B32720 ;
}

/*  Main
********************************************************************/

#main {
overflow : auto ;
padding :  0 0 80px 10px;
}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
width : 588px ; 
float  : left ;
margin : 0 ;
padding : 0 0 188px 0  ;
}

#presentation {
height : 192px ; 
background : url(images/presentation.jpg);
}

/*  SIDE
********************************************************************/
   
#side {
width : 205px ;
float  : left ;
padding :  0 ;
margin : 0;  
}
	
#side h2 {
font-size : 1em ;
margin : 0 ;
padding : 0 0 0 20px  ; 
color : #fff ;
background : url(images/h2-side.jpg) repeat-x ;
height : 45px ;
line-height : 45px; 
font-weight : normal 
}

#side h3 {
font-size : 1em ;
margin :  10px 0 10px 0 ;
padding :  0 ; 
color : #277CFA ; 
}

#side ul{
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0 10px 0 20px; 
color : #434343
}

#side li{
font-size : 1em ;
margin :  0 ;
padding :  8px 0 5px 15px; 
background : url(images/li-side.jpg) left no-repeat ;
}
  
#side li a {
color : #434343 ;
text-decoration : none ; 
}

#side li a:hover{
color : #B32720 ;
text-decoration : none ; 
}

#side p{
margin : 10px 0 25px 0 ; 
padding : 0 0 10px 0;
color : #277CFA ;
border-bottom : 1px dotted #277CFA ; 
}

#side span {
margin : 0 ; 
padding : 0;
color : #277CFA ;
}

/*  FOOTER
*******************************************************************/ 
   
#footer { 
position : absolute ; 
bottom : 0; 
left : 10px ; 
width : 100%; 
height :188px;
font-size : 90%;
background : url(images/footer.jpg) no-repeat;
text-align : left ; 
z-index : 1;
}

#footer p { 
margin : 0 ; 
padding : 20px 0 0 40px; 
color : #E49999; 
}

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

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


#footer ul { 
margin : 20px 0 0 40px;
padding : 0 ;
list-style : none; 
float : left ;  
}

#footer li { 
margin : 0;
padding : 0 0 5px 0;
}

#footer li a { 
margin : 0;
padding : 0 0 5px 0;
color : #E49999
}
   
/*  POST
*******************************************************************/    
 
.post {
background : url(images/post-bottom.jpg) bottom left ; 
padding : 0 0 20px 0; 
}

.post  h2 {
height : 36px; 
font-size : 1.2em ; 
padding :  13px 0 0 35px; 
margin: 0 ;
color : #000 ; 
background : url(images/h2-cont.jpg) no-repeat; 
}

.post  h3 {
font-size : 1em ; 
padding :  0 0 0 20px ; 
margin: 10px 0 0 0 ;
color : #277CFA ; 
}

.post  h4 {
font-size : 1em ; 
padding :  0 0 0 20px ; 
margin: 10px 0 0 0 ;
color : #091348 ; 
}

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

.post ul {
list-style : none;
margin : 0; 
padding :  20px 0 0 30px;
}

.post li {
background : url(images/bg-li.jpg) 0 5px no-repeat ; 
margin : 0 0 20px 0;
padding :  0 0 0 15px;  
}

/*  END SITE
*******************************************************************/   

#signature {
height : 25px; 
background : #000 url(images/end.jpg) repeat-x ; 
width : 100% ; 
position : relative ; 
}

#zwatla a {
position : absolute ; 
width : 70px ; 
height : 25px ; 
background : url(images/zwatla.jpg) ; 
right : 20% ; 
bottom : 15px;
z-index : 1
}

#zwatla span {
position : absolute ; 
left : -3330px ; 
top : -3330px 
 
}