/*
Theme Name: Chocolat
Theme URI: blog.zwatla.com
Description:  Thème Chocolat
Author: Zwatla
*/


html, body {
height: 100%
}




body {
margin : 0 ;
padding : 0 ; 
background : #150902 ; 
text-align : center;
font-size : 0.8em;
color : #070200; 
font-family : arial ;
}
  


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




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

#site { 
position : relative;  
width : 885px;
margin : 0 auto;
text-align : left  ;
min-height : 100%;
background : #60270A ; 

}


 
 /*  CONTENT >> CENTRAGE
********************************************************************/

#background {
background : url(images/bg-site.jpg) no-repeat; 

  }



/* HEADER
**************************************************************/	
	
#header {
 position : relative ; 
height : 307px;
}


#centrage-header {
width : 746px;
margin : 0 auto;  
height : 307px;
background : url(images/header.jpg) ;  
}

	

/* TITRE DU SITE
*****************************************************************/

     
#header h1 {
position : absolute ;
top : 5px ; 
left : 90px ; 
margin : 0;
padding : 0 ; 
font-size : 1.3em ;
font-weight : normal;
text-transform : uppercase;   
}



#header h1 a {
color : #CBBB98;
text-decoration : none; 
}



/* NAVIGATION >> MENU PAGES
***********************************************************************/
  
  
#menu {
position : absolute ; 
bottom : 0 ;
left : 75px; 
}
	
	
#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}


#menu  li{
float : left ;
text-transform : uppercase ;
height : 32px;
line-height : 32px;
background : url(images/bg-li-menu.jpg) right no-repeat;  

}
	
	

#menu  li a{
margin : 0 ; 
padding : 0 15px  ; 
text-decoration : none ;    
color : #CBBB98 ;
font-weight : bold ;
font-size : 90%; 
}


#menu li a:hover {
color : #CBBB98
}


   



   

/* TEXT >> Coneneur Content + Side (.right)
*****************************************************************/


.texte {
position : relative;  
width : 748px;
background : url(images/bg-content.jpg) repeat-y;
min-height : 700px;
overflow : auto; 
margin : 0 auto;
padding-bottom : 60px  
}


.bg-side {
background : url(images/bg-side.jpg) top right no-repeat;
min-height : 700px; 
overflow : auto ; }
  
/* CONTENT >> Conteneur du Post
*****************************************************************/


#contenu {
width : 495px ; 
 float  : left ;
margin : 0;
padding : 20px 30px 60px 30px  ;
line-height : 18px; 
}



#contenu  h1 {
font-size : 1.4em ; 
padding :  0 ; 
margin: 0 ;
color : #382012;
font-weight : normal;  
}


#contenu  h1 a {
text-decoration : none; 
}

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



#contenu  h2 {
font-size : 1.4em ; 
padding :  0 ; 
margin: 0 ;
color : #382012;
font-weight : normal;  
}


#contenu  h3 {
font-size : 1.4em ; 
padding :  0 ; 
margin: 0 ;
color : #382012;
font-weight : normal;  
}









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



#contenu  img {
margin : 10px 0 ;
 
}


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


.post {
margin : 0 0 30px 0 ; 
overflow : auto; 
}






   
.post img {
float  : left ;
margin : 0 20px 0 0
}


.meta-comment {padding : 10px 0 0 0; color : #CB9728  ; clear : left ; }
.meta-comment a {color : #CB9728 }


.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#5E6472;
}

.post .descr {clear : both ; margin : 10px 0 0 0 ; color : #CB9728   }
.post .descr a {color : #CB9728   ; text-decoration : none }



.post .descr-auteur {
clear : both ; 
color : #CB9728;
 }



.post  a {
color : #CB9728  ;
text-decoration : none ; 
}


.post  p {
font-size : 120%; 
}



/* SIDEBAR 
**************************************************************************/


#side {
width : 180px ;
float  : left ;
padding :  20px 0 0 10px ;
text-align : justify; 
color : #A3A3A3;

}
  

#side h1 {
font-size : 1.2em ;
margin : 0 0 10px 0  ;
padding :  0 ; 
color : #CBBB98 ; 
font-weight : normal; 
text-transform : uppercase; 
}


#side h2 {
font-size : 1.2em ;
margin : 0 0 10px 0  ;
padding :  0 ; 
color : #CBBB98 ; 
font-weight : normal; 
text-transform : uppercase; 
}


#side p {
margin : 0 0 5px 0;
padding : 0;  
}


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


#side li a {
color : #fff; 
text-decoration : none ;
display : block; 
height : 20px;
}


#side li a:hover {
text-decoration : underline
}
   




 
 
 
 
 /* SIDEBAR >> RECHERCHE par défaut
***********************************************************************/  
 
 



#side form {
margin : 0; 
padding :  15px 0 0 0; 
height : 50px;  
 }
 
#side input {

 }
 
 
 
 
 
.champ {
width : 165px ;
 border : 1px solid #749111 ; 
 height : 22px ; 
 float : left ;
  margin : 0 5px 0 0  ;
  padding :  0;    
 }



.recherche {
border : 0 ;
background : url(images/search.gif) ; 
width : 67px;
height : 25px;
float : left ;
 cursor:pointer ;
 margin :  0; 
padding :  0; 
 
}



 



 /* SIDEBAR >> RECHERCHE par Widgets
***********************************************************************/  
 
 #searchform input {}
 
 
 
  
 
 
 
 
/* CALENDRIER
****************************************************************************************************/



#calendar_wrap  {
width : 100% ; 
text-align : center;
padding : 0 ; }


#calendar_wrap  table {
margin : 0 ; 
padding : 0 ; }

#calendar_wrap #today a {
background : #E47001 ; 
color : #fff ; 
text-decoration : none ; 
padding : 2px}



#calendar_wrap #prev {
color : #000
}

#calendar_wrap #prev a {
 color : #000
}

#calendar_wrap caption {
text-align : right ; 
background : transparent ; 
height : 40px ;
padding : 10px 0 10px 0; 
 
}



/* TEXT WIDGET
****************************************************************************************************/



.textwidget {
background : #fff ; 
padding : 0 0 10px 0
}
 
 
 
 
 
 


/* PUB
**************************************************************/

#google {
width : 160px ; 
height : 600px ; 
float : left ;
 margin : 0 ;  }



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


	
   
#footer {
position : absolute;
bottom : 0px;
left : 0px; 
height :63px;
width : 895px; 
text-align : left ;
background : #2C1204 ;   
}


#footer p { 
margin : 0 ;
padding :20px 0 0 100px;  
color : #D7C6A2; 
}



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

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





/* COMENTAIRES 
****************************************************************************************************/


.commentlist li {padding : 10px ; clear : left ; margin : 0 0 10px 0}
.commentlist li a  {color : #CB9728 }

.graybox {background : #fff ; }


.commentlist  {margin : 0; padding : 0; list-style : none ;  }



#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 20px 0 0 40px;
background: #FFF;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}





/* CODE ET BLOCKQUOTE
****************************************************************************************************/



code {
color: #000;

}



blockquote {
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	color: #444;
	display: block;
	font: normal 0.9em Verdana,sans-serif;
	margin-bottom: 12px;
	padding: 12px;
}




.prec-suiv {}


.prec-suiv a {color : #000 ; text-decoration : none ; }

.prec-suiv a:hover { text-decoration : underline ; }