/*  
Theme Name: SB White 3 
Theme URI: http://www.zwala.com
Description: Zwatla Wordpress Thème 
Author: kulko et krek
Author URI: http://www.zwatla.com
*/

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

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

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

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

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

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


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

#header h1  {
position : absolute ;
top : 35px ; 
left : 570px  ; 
margin : 0 ; 
padding : 0 ;
font-size : 1em  ;
font-weight : normal ; 
}


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


/*  Texte Description 
********************************************************************/


.description {
position : absolute ;
top : -9999px ; 
left : -9999px  ; 
}

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

#search-base {
position : absolute;
right : 220px ; 
top : 60px ; 
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-base p  {
margin : 0;
padding : 0 ;  
}

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

ul#login {
position : absolute;
right : 60px;
top : 85px; 
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 {

}

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

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

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

/*  CONTENT
********************************************************************/

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




#content   h3 {
font-size : 1.4em ; 
padding :  20px 0 0 0  ; 
margin: 0 ;
color : #72624C ; 
font-weight : normal;
}

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

#content li {
}

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

.post {
width : 475px; 
padding : 20px 0 0 5px ; 
margin : 0  ; 
}


.post   h1 {
font-size : 1.6em ; 
padding :  0 0 5px 0 ; 
margin: 0 ;
color : #72624C ; 
font-weight : normal;
}

.post h1 a {
color : #72624C ; 
text-decoration : none ; 
}




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

.post h2 a {
color : #72624C ; 
text-decoration : none ; 
}






.post p {
padding :  0 0 0 0;
margin : 10px 0 10px 0;
}

.post a {
color : #756E6D ;
}


.post p img {
margin : 0 10px 10px 0 ; 
}

.post  img {
border : 0; 
}


/*  POST >> Tags
********************************************************************/	

.tags {
clear : left ;
border-top : 1px solid #DAD8D6  ; 
border-bottom : 1px solid #DAD8D6  ;
padding : 5px 0 ;  
}

.tags a {
text-decoration : none ;  
}

/*  POST >> Comment
********************************************************************/	

.comment {
border-bottom : 1px solid #DAD8D6  ;
padding : 5px 0 ; 
height : 20px; 
 }

.comment a {
text-decoration : none ;  
}


.postcomment {
float : left ;
}

.postLink {
float : right ;
}


.auteur {
color : #824637;
padding : 5px 0 0 0; 
}

.commentmetadata  {
text-decoration : none ; 
}

/*  FIRST SIDEBAR
********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************
*********************************************************************/
   
#first-sidebar {
width : 245px ;
float  : left ;
padding : 100px 0 0 10px ;
margin : 0 ; 

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

}

#first-sidebar ul {
list-style : none ; 

}

#first-sidebar li {
padding :  0; 
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 0 ; 
padding : 0 0 10px 0;
text-align : justify ; 
}

#first-sidebar  a {
}


/*  FIRST SIDEBAR >> widget_text 
********************************************************************/

#first-sidebar .widget_text {
padding : 0 20px 5px 20px;
}

#first-sidebar .widget_text h2 {}

#first-sidebar .widget_text a {
color : #457E85
}


/*  FIRST SIDEBAR >> widget_themeswitcher 
********************************************************************/

#first-sidebar .widget_themeswitcher {
padding : 0 20px 5px 20px;
}

#first-sidebar .widget_themeswitcher h2 {
margin-bottom : 20px ;
}


#first-sidebar .widget_themeswitcher select {
width : 210px
}


#first-sidebar .widget_themeswitcher ul  {
margin : 0 ;
padding : 0 ;
}

#first-sidebar .widget_themeswitcher li  {
margin : 0 ;
padding : 0 ;
}



/*  FIRST SIDEBAR >> widget_themeswitcher 
********************************************************************/

#first-sidebar .widget_wp_sidebarlogin {
padding : 0 20px 5px 20px;
}

#first-sidebar .widget_wp_sidebarlogin input {
margin : 5px 0 0 0 ; 
}

#first-sidebar .widget_wp_sidebarlogin p {
margin : 5px 0 0 0 ; 
padding : 0 ; 
}

#first-sidebar .widget_wp_sidebarlogin .submit {
margin-top : 20px ; 
}


#first-sidebar .widget_wp_sidebarlogin ul {
margin : 10px 0 0 0 ; 
padding : 0 ;
list-style : none ; 
}



#first-sidebar .widget_wp_sidebarlogin .mid   {
width : 210px ; 
}



/*  FIRST SIDEBAR >> widget_recent_comments
********************************************************************/

#first-sidebar .widget_recent_comments {
padding : 10px 20px 0 20px;
background : url(images/first-sidebar-comment.gif) no-repeat;
margin : 0 ;  
}



#first-sidebar .widget_recent_comments ul {
margin : 0 ; 
padding : 0 ;
}

/*  FIRST SIDEBAR >> widget_recent_entries
********************************************************************/

#first-sidebar .widget_recent_entries {
padding : 15px 20px 0 20px;
background : url(images/first-sidebar-comment.gif) no-repeat; 
}


#first-sidebar .widget_recent_entries ul {
margin : 0 ; 
padding : 0 ;
}

/*  FIRST SIDEBAR >> widget_categories
********************************************************************/

#first-sidebar .widget_categories {
padding : 10px 20px 0 20px;
}

#first-sidebar .widget_categories ul {
margin : 0 ; 
padding : 0 ;
}

/*  FIRST SIDEBAR >> widget_archives
********************************************************************/

#first-sidebar .widget_archives { 
padding : 10px 20px 0 20px;
}

#first-sidebar .widget_archives ul {
margin : 0 ; 
padding : 0 ;
}

/*  FIRST SIDEBAR >> widget_archive
********************************************************************/

#first-sidebar .widget_archive { 
padding : 10px 20px 0 20px;
}

#first-sidebar .widget_archive ul {
margin : 0 ; 
padding : 0 ;
}

/*  FIRST SIDEBAR >> widget_links
********************************************************************/

#first-sidebar .widget_links  {
padding : 10px 20px 0 20px;
}

#first-sidebar .widget_links ul {
margin : 0 ; 
padding : 0 ;
}

/*  FIRST SIDEBAR >> widget_meta
********************************************************************/

#first-sidebar .widget_meta {
padding : 10px 20px 0 20px;
}

#first-sidebar .widget_meta ul {
margin : 0 ; 
padding :  0 ; 
}


/*  FIRST SIDEBAR >> widget_pages 
********************************************************************/

#first-sidebar .widget_pages {
padding : 10px 20px 0 20px;
}

#first-sidebar .widget_pages ul {
margin : 0 ; 
padding :  0 ;
}

/*  FIRST SIDEBAR >> widget_search
********************************************************************/

#first-sidebar .widget_search {
padding : 15px 20px 0 20px;
}

#first-sidebar .widget_search input {
margin : 0 0 5px 0 ; 
padding : 0 ;
width : 150px;   
}

#first-sidebar .widget_search form {
margin : 0 ; 
padding : 10px 0 10px 0 ; 
}

/*  FIRST SIDEBAR >> TAGS CLOUD
********************************************************************/

#first-sidebar .widget_tag_cloud  {
padding : 10px 20px 15px 20px;
}

#first-sidebar .widget_tag_cloud h2  {}

#first-sidebar .widget_tag_cloud a {
text-decoration : none ; 
color : #756E6D ; font-size : 120% ; 
}

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


/*  FIRST SIDEBAR >> widget_stags_cloud
********************************************************************/

#first-sidebar .widget_stags_cloud {
padding : 10px 20px 15px 20px;
}

#first-sidebar .widget_stags_cloud h2  {}






/*  FIRST SIDEBAR >> widget_calendar
********************************************************************/

#first-sidebar .widget_calendar {
padding : 10px 20px 10px 20px;
margin : 0 ;
}


#first-sidebar .widget_calendar h2 {
 }


#first-sidebar .widget_calendar #calendar_wrap {
padding : 0;
margin : 0 ; 
}


#first-sidebar .widget_calendar #calendar_wrap #wp-calendar{
padding : 0;
margin : 0 ;
width : 100% ; 
}


#first-sidebar .widget_calendar #calendar_wrap a {
color : #726236;
text-decoration : none; 
}

#first-sidebar .widget_calendar td {
border : 1px solid #eee ;
text-align : center ; 
}




/*  FIRST SIDEBAR >> widget_rss 
********************************************************************/

#first-sidebar .widget_rss {
padding : 20px 20px 10px 20px ;
}

#first-sidebar .widget_rss ul {
margin : 0 ; 
padding : 0 ;
}

#first-sidebar .widget_rss h2  a {
color : #494233 ;
text-decoration : none ; 
}

#first-sidebar .widget_rss h2 img {
display : none ;
}

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

#second-sidebar {
width : 150px ;
float  : left ;
padding :  110px 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 : 0 0 10px 0; 
padding : 0;
text-align : justify ; 
}


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

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

/*  SECOND SIDEBAR >> widget_themeswitcher  
********************************************************************/

#second-sidebar .widget_themeswitcher  select {
width : 160px ; 
margin : 10px 0 0 0; 
}


/*  SECOND SIDEBAR >> widget_tag_cloud
********************************************************************/

#second-sidebar .widget_tag_cloud  {
padding : 0 0 15px 0;
}

/*  COMMENTFORM
*******************************************************************/ 

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

.commentlist li {
padding : 10px ;
border : 1px solid #CFCECB;
margin : 0 0 10px 0;  
}

#commentform {
margin : 0 20px 0 0;
}

#commentform a {
color : #72624C;
}

.commentlist a {
color : #756E6D ; 
}

.commentlist li span {
font-size : 130% ; 
color : #72624C; 
}


/*  NAV BAS DE PAGES
*******************************************************************/ 

#navigation {
padding : 5px 10px 0 0
}

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

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

#navigation .right {
float : right ; 
}

#navigation .left {
float : left ; 
}

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


/*  IMAGES
*******************************************************************/ 

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}