html, body {
height: 100%;
}

body {
margin : 0 ;
padding : 0 ; 
background : #fff url(images/website/bg.jpg) no-repeat;
text-align : center;
font-size : 0.8em;
color : #756E6D ;
font-family : verdana ;
line-height : 18px ;
      -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

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

.pub {
margin : -25px 25px 25px 0
}

/*  TITRE DU SITE (LOGO) >> H1
********************************************************************/

h1  {
position : absolute ;
top : 85px ; 
right : 60px ; 
margin : 0;
padding : 0 ; 
width : 144px;
height : 30px; 
background : url(images/website/logo.jpg); 
}

h1 a  {
display : block ; 
width : 144px;
height : 30px; 
}

h1 span {
position : absolute ;
top : -6666px ; 
left : -6666px ; 
}

/*  SEARCH
********************************************************************/

#search {
position : absolute;
right : 220px ; 
top : 80px ; 
width : 232px;
height : 35px; 
background : url(images/website/search.jpg) no-repeat;
margin : 0 ;
padding : 15px 0 0 0; 
}

input.search {
width : 130px; 
height : 15px;
margin : 1px 0 0 17px;
padding : 0 ; 
float : left; 
border : 1px solid #9A918D; 
background : #E3E3E3 
}

input.search-ok {
border : 0 ; 
height : 20px;
width : 65px;
background : url(images/website/search-ok.jpg);
margin : 0 0 0 3px;
padding : 0 ; 
float : left;
cursor : pointer;   
}

#search p  {
margin : 0;
padding : 0 ;  
}

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

ul#login {
position : absolute;
right : 60px;
top : 130px; 
margin : 0;
padding : 9px 0 6px 0;
height : 25px;  
color : #254255 ;
}

ul#login li {
float : left ;
padding : 0  ; 
display : block; 
}

ul#login li:first-child {
border-right : 1px solid #756E6D;
}

ul#login li a {
margin : 0 ;
padding : 0 5px 0 5px ; 
color : #756E6D; 
text-decoration : none; 
}

#rss{
margin : -5px 0 0 0 ;
padding : 0 ; 
background : url(images/website/rss.jpg);
width : 30px;
height : 29px; 
display : block ; 
}

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

#rss span{
position : absolute ; 
top : -9999px;
left : -9999px; 
}
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/

ul#menu  {
position : absolute ; 
top : 35px;
left : 574px; 
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 : #615856 ;
}

#menu  li a:hover {
text-decoration : underline ;    
}
	
/*  CONTENT
********************************************************************/

#main {
overflow : auto ;
padding :  20px 0 80px 24px;
}
	
/*  CONTENU
********************************************************************/	
	
#content {
width : 490px ; 
float  : left ;
margin : 0;
padding : 60px 0 0 34px  ;
}

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

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

#content li {
padding : 0 
}

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

.post {
border-top : 1px solid #DAD8D6 ; 
padding : 20px 0 20px 0 ; 
margin : 0 0 20px 0 ; 
}

.post:first-child{
border-top : none ; 
padding : 20px 0 0  0 ; 
margin : 0 0 20px  0 ; 
}

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

/*  FIRST SIDEBAR
********************************************************************/
   
#first-sidebar {
width : 230px ;
float  : left ;
padding : 150px 0 0 20px ;
margin : 0 ; 
}
	
#first-sidebar h2 {
font-size : 1.4em ;
margin : 0 15px 10px 4px ;
padding :  10px 0 ; 
color : #494233 ; 
border-top : 1px solid #CFCECB ;
border-bottom : 1px solid #CFCECB ; 
font-weight : normal ; 
}

#first-sidebar ul {
list-style : none ; 
margin : 5px 0 15px 4px ; 
padding : 0; 
}

#first-sidebar li {
padding :  0; 
color : #B15F4B ;
text-decoration : none; 
margin : 0 10px 5px 4px ; 
}

#first-sidebar li a {
color : #756E6D ;
text-decoration : none;  
}

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

#first-sidebar li span  {
color : #756E6D ;; 
}

#first-sidebar p {
margin : 10px 0 0 4px ; 
padding : 0 20px 10px 0;
text-align : justify ; 
}

#first-sidebar  a {
color : #756E6D ;
text-decoration : underline;  
}

/*  FIRST SIDEBAR : SWITCH >> Comment / articles
********************************************************************/

#switch {
height : 58px;
margin :  0 0 0 -10px;
}

#comment {
position : relative;
float : left ; 
width : 127px;
height : 58px; 
background : url(images/website/boot-clair-rc.jpg);
margin :  0 ;
margin :  0; 
}

#comment a {
display : block ; 
width : 127px;
height : 58px; 
}

#comment span {
position : absolute;
top : -9999px;
left : -9999px; 
}

#articles {
float : left ; 
width : 110px;
height : 58px; 
background : url(images/website/boot-sombre-articles.jpg);
margin :  0 ; 
}

#articles a {
display : block ; 
width : 110px;
height : 58px;  
}

#articles span {
position : absolute;
top : -9999px;
left : -9999px; 
}

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

#second-sidebar {
width : 150px ;
float  : left ;
padding :  150px 0 0 0 ;
margin : 0 0 0 10px ; 
}

#second-sidebar  h2 {
font-size : 1.4em ;
margin : 0 0 10px 0 ;
padding :  10px 0 ; 
color : #494233 ; 
border-top : 1px solid #CFCECB ;
border-bottom : 1px solid #CFCECB ; 
font-weight : normal ; 
}

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

#second-sidebar  li{
margin : 0 0 5px 0 ;
padding :  0; 
}

#second-sidebar  li a {
color : #756E6D ;
text-decoration : none; 
}

#second-sidebar  li a:hover {
text-decoration : underline; 
}

#second-sidebar p {
margin : 10px 0 25px 4px ; 
padding : 0 0 10px 0;
text-align : justify ; 
}


#second-sidebar a {
color : #756E6D ;
text-decoration : none; 
}

#second-sidebar a:hover {
text-decoration : underline; 
}

/*  FOOTER
*******************************************************************/ 
   
#footer { 
position : absolute ; 
bottom : 0; 
left : 0 ; 
width : 100%; 
height :40px;
line-height : 40px; 
font-size : 90%;
background : url(images/website/footer.jpg) repeat-y ;
text-align : left ;  
}

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

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

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

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