body {
margin : 40px 0 0 0 ;
padding : 0 ; 
background : #E5DCCA url(images/bg.jpg) top center repeat-x ;  
text-align : center;
font-size : 0.8em;
color : #000000 ;
font-family : arial ;
line-height : 18px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

/*  SITE
********************************************************************/
 
#site { 
position : relative; 
width : 956px;
margin : 0 auto;
text-align : left  ;
padding :  0 ;
min-height: 100%; 
}

.pub {
margin : 25px
}

/*  LOGO
********************************************************************/

#logo {
position : absolute ; 
right : 21px;
top : 40px; 
width : 155px;
height : 51px ;
background : url(images/logo.png);
z-index : 1; 
}

#logo a {
display : block ;
width : 155px;
height : 51px  
}

#logo h1  span {
position : absolute ;
top : -6666px ; 
left : -6666px ; 
margin : 0;
padding : 0 ; 
}

/*  LOGIN
********************************************************************/

#login {
position : absolute ;
left : 790px ;
top : 125px; 
}

#login ul {
list-style : none;
margin : 0;
padding : 0;
}

#login li {
float : left;
margin : 0;
padding : 0 5px 0 5px;
display : block ;
background : url(images/login.jpg) left no-repeat ;
}

#login li:first-child {
background : none ;
}

#login li a {
color : #457E85 ;
text-decoration : none ; 
}

/*  RSS
********************************************************************/

#rss {
position : absolute ; 
right : 30px ; 
top : 125px ; 
width : 17px;
height : 17px ; 
background : url(images/rss.jpg)  ;
}

#rss a{
width : 17px;
height : 17px ; 
display : block ; 
}

#rss span {
position : absolute ;
top : -6666px ; 
left : -6666px ; 
margin : 0;
padding : 0 ; 
}

/*  HEADER
********************************************************************/
   
#header {
position : relative ; 
height : 42px;
background : url(images/header.gif);
margin : 0
}

/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
#menu {
position : absolute ; 
top : 15px;
left : 535px; 
}
	
#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}

#menu  li{
float : left ;
}
	
#menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #6DB6BF ;
}

#menu  li a:hover{
  color : #fff ;
}
	
/*  MAIN
********************************************************************/

#main {
background : url(images/main.gif) repeat-y;  
overflow : auto ;
padding :  0 0 40px 0;
}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
width : 508px ; 
float  : left ;
margin : 0;
padding : 0 10px 20px 0  ;
}

#contenu   h2 {
font-size : 1.6em ; 
padding :  0 0 0 24px ; 
margin: 0 ;
color : #72624C ; 
font-weight : normal;
}

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

#contenu ul {
list-style : none;
margin : 0; 
padding :  0 0 0 24px;
}

#contenu li {
padding : 0 0 10px 12px; 
}

/*  FIRST SIDEBAR
********************************************************************/
   
#first-sidebar {
width : 255px ;
float  : left ;
padding :  0  ;
margin : 0 ; 
background : url(images/first-sidebar.gif) no-repeat;  
color : #28332B ; 
text-align : justify ; 
}
	
#first-sidebar h2 {
font-size : 1.2em ;
margin : 0 ;
padding :  0 0 0 20px ; 
color : #384446 ; 
}

#first-sidebar h3 {
font-size : 1em ;
margin :  10px 0 10px 0 ;
padding :  0 ; 
color : #384446 ; 
}

#first-sidebar ul{
list-style : none ; 
margin : 0 0 20px 0 ; 
padding : 10px 30px 0 20px; 

}

#first-sidebar li{
font-size : 1em ;
margin : 0 0 10px 0 ;
padding :  0; 
color : #384446 ; 
}
  
#first-sidebar li a{
color : #000 ; 
text-decoration : none ; 
}

#first-sidebar li a:hover{
color : #384446 ; 
text-decoration : underline ; 
}

#first-sidebar p {
margin : 10px 0 020px 0 ; 
padding : 0 30px 0 20px;
}

#first-sidebar span {
margin : 0 ; 
padding : 0;
color : #937F62 ;
}

/*  FIRST SIDEBAR :  SEARCH
********************************************************************/

#search {
margin : 10px 0 30px 10px ; 
width : 231px ;
height : 50px;
background : url(images/search.gif) no-repeat;  
}

input.search {
width : 120px; 
height : 15px;
margin : 5px 0 0 0;
padding : 0 ; 
float : left; 
border : 1px solid #9AB9D1;  
}

input.search-ok {
border : 0 ; 
height : 15px;
width : 60px;
background : url(images/search-ok.gif);
margin : 6px 0 0 7px;
padding : 0 ; 
float : left;
cursor : pointer;   
}

#search div  {
margin : 0;
padding : 10px 0 0 20px ;  
}

/*  FIRST SIDEBAR : COMMENT
********************************************************************/

h2.comment {
margin : 0; 
padding : 0;
height : 58px;
line-height : 50px;
background : url(images/first-sidebar-comment.gif) no-repeat;  
}

/* FIRST SIDEBAR : HR
**********************************************************************/

div.hr {
height : 13px ;  
background : url(images/hr.gif) no-repeat; 
margin : 0 0 10px 0;
}

div.hr hr {
display: none;
}

/*  SECOND SIDEBAR
*******************************************************************/ 

#second-sidebar {
width : 182px ;
float  : left ;
padding :  110px 0 0 0 ;
margin : 0 ; 
background : url(images/second-sidebar.gif) no-repeat;
color : #457E85 ;   
}

#second-sidebar p{
padding : 0 15px  
}

#second-sidebar h2 {
font-size : 1.2em ;
margin : 0 ;
padding :  0 0 0 15px ; 
height : 42px; 
line-height : 42px; 
background : url(images/second-sidebar-h2.gif) no-repeat;
}

#second-sidebar ul{
list-style : none ; 
margin : 5px 0 10px 0 ; 
padding : 0 10px 0 15px; 
color : #384446
}

#second-sidebar li a {
text-decoration : none; 
font-size : 1em ;
margin : 0 0 5px 0 ;
padding :  0; 
color : #457E85 ; 
display : block ; 
}

#second-sidebar li a:hover {
color : #fff ; 
}
   
/*  FOOTER
*******************************************************************/ 
   
#footer { 
position : absolute ; 
bottom : 0; 
left : 0 ; 
width : 100%; 
height : 12px;
font-size : 90%;
background : url(images/footer.gif) no-repeat; 
text-align : left ;  
}


 
#footer p { 
color : #393128 ;  
height :  40px ;
text-align : left ; 
margin : 0 ; 
padding : 20px  0 0 40px ;  
}

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

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