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







body {
margin : 0 ; 
padding : 0 ; 
text-align : center;
 background : #4c4c4c url(images/bg.gif) repeat-x;
 font-family : arial; 
 font-size : 11px;
  color : #373737; 
  
}




 

/* PAGE  >> SITE
*****************************************************************/

#page {
position : relative; 
width : 847px; 
margin : 0 auto; 
 }
 
 /* TEXT >> Coneneur Content + Side (.right)
*****************************************************************/


#content {

width : 100%; 
background : url(images/centre.gif);
text-align : left ; }
  
 
 
 	
/* CENTRAGE
  *******************************************************/





#centrage{
text-align : left;
padding : 0 0 0 88px ;
width : 670px; 
}	



/* BG
  *******************************************************/



#bg { 
 
background : #fff;
text-align : left;
min-height : 500px; 
overflow : auto ; }	



/* HEADER
**************************************************************/	
	
 
#header {
position : relative ; 
border-top : 1px solid #4c4c4c;
height : 303px ; 
width : 847px; 
 text-align : left;
 background : url(images/haut.gif) no-repeat;
 
  }
 
 .img_haut {
 background : url(images/expo.gif) no-repeat;
 width : 558px;
 height : 206px;
margin : 80px 0 0 200px}




/* HEADER >> MENU PAGES
***********************************************************************/
  
  
 #menu { 
 
  position : absolute ; 
 width : 202px ; 
 height : 275px;
 left : 0;
 top : 25px;  


text-align : left;
background : url(images/menuhaut.gif) top left no-repeat;
}


#menu ul{ 
 width : 202px ; 
 height : 275px; 
list-style: none; 
margin : 5px 0 0 0;
padding : 25px 0 0 29px;
text-transform : uppercase; 
}

 #menu li{
margin :0 ;
padding : 0 ;
list-style: none; 
line-height : 30px;
text-align : left;
text-indent : 5px  }

 #menu li a {
 background : transparent url(images/bg_menu.gif) bottom no-repeat; 
width: 150px;
display: block;
height : 30px;
text-decoration: none;
margin :  0;
padding : 0;
list-style: none;
color  : #232323 }


#menu li a:hover {
 background : transparent url(images/bg_menu_ov.gif) bottom no-repeat; 
 height : 30px;
}











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

#side {
float : left ; 
width : 120px ;
padding : 0 0 0 20px; 

}



#side ul {
margin : 0;
padding : 0;
list-style : none; 
 }
 
 
 #side li a {
color : #000 ; 
 }


#side h2 {
margin : 0;
padding : 10px 0;
font-size : 1em ; 

 }
 
 #side h1 {
margin : 0;
padding : 10px 0;
font-size : 1em ; 

 }






 /* SIDEBAR >> RECHERCHE
***********************************************************************/  
 
 
#search {
padding : 10px 0 0 0; 
}


#search form {
margin : 10px 0 0 0;

}



#side input {
width : 100px;
margin : 0 0 5px 0 ;
padding : 0;  
border : 1px solid #000
}  


 
 
/* 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 : left ; 
}



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



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


 
 
 /* CONTENU >> Conteneur du Post
*****************************************************************/



#contenu {
float : left;
width : 510px;
padding : 20px 0 0 0;   }




#contenu h2 {
margin : 0 ; 
padding :  0 10px;
font-size :   1em; 
font-weight : normal ;
}


#contenu h3 {
margin : 0 0 10px 0 ; 
padding :  0 0 20px 10px;
font-size :   1em; 
font-weight : normal ;
}





#contenu a{
text-decoration : none ;  
}

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

/* POST >> configuration des éléments du Post
****************************************************************/

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




.post a {color : #ccc}


.post h1 {
margin : 0 ; 
padding :  0 10px;
font-size : 2em; 
font-weight : normal ;  }

.post h1 a {
color : #000  ; 
text-decoration : none ;
font-size : 1em;  
}

.post p {
padding :  0 10px;
}


.post img{
float : left;
margin : 0 10px 0 0; 
border : 5px solid #232323; 
}




.descr {
padding :  0 10px;
}






.post a {color : #000}




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


/* POST >> Fin du post
***************************************************************************/


.post .descr-bg {
 height : 22px ; 
 line-height : 22px ;
  padding : 0 0 0 10px ; }
.post .descr-bg a { color : #000 }




 
/* FOOTER
*****************************************************************/
 
  
  
  
  #footer {
position : relative; 
height : 151px ; 
background : url(images/bas.gif);
}
 
 
 
   #footer p {
margin : 0;
padding : 0;}
	



p#copy   {
margin : 0 0 20px 0 ;
 padding : 0 ; 
 color : #000 ; 
 position : absolute ;
  bottom : 50px ; 
  left : 100px ;
   font-size : 80%
   }
#copy  a{color : #000 ; text-decoration : none ; }
#copy  a:hover { text-decoration : underline ; }




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


.commentlist li {padding : 10px ; width : 320px ; }
.commentlist li a  {color : #83B4D4}

.graybox {background : #eee ; }



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

#commentform {
margin: 0 0 0 0;
padding : 0 0 80px 40px; 
width : 350px ;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width : 350px ;
}
#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 : 350px ;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width : 400px ;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width : 350px ;
}
#commentform input{
margin-bottom: 3px;
}





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



code {
display: block;
}



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;
}