/*
Theme Name: HNB
Theme URI: 
Description: Le thème par défaut du blog d'Harmonie Nature et BioDrive
Version: 1.0
Author: Konfiture
Author URI: http://www.konfiture.com/
Tags:

*/

/* Begin Typography & Colors */

body{
	background:#fffef6 url(img/texture-papier-contenu.jpg) repeat;
	/*color:#a19b93;*/
	color:#63605c;
	margin:0;
}

.textright{ text-align:right; }
.textleft{ text-align:left; }



/*-----------------------------------------------------------------------------------------------*/
/* Header																						 */
/*-----------------------------------------------------------------------------------------------*/
#entete{
	background:#eae3da url(img/texture-papier-kraft.jpg) top repeat;
	margin:0 auto;
	width:100%;
}
	#entete h1{	margin:0; padding:0;}
	#entete h1 a{ outline:none;}
	
	.decorDroite{ background:url(img/header-floral-right.png) top right no-repeat; height:130px;}
	.decorGauche{ background:url(img/header-floral-left.png) top left no-repeat; height:130px;}
	
	#NavMenu {
		position: absolute;
		/*border:#FFFFFF 1px solid;*/
		height: 60px;
		top:70px;
		/*left:0px;*/
		/*list-style:none;*/
		margin: 0;
		padding:0; 
		width: 760px; 
	}
	#NavMenu li {
		background: url(img/nav-sprite.png) 0 0 no-repeat; 
		display: block;
		float:left;		
		height: 60px;
		/*left:0;		*/
		list-style: none;
		margin:0;
		padding:0;
		/*position: absolute; */
		/*top: 0px; */
		width: 190px; 
		}
	#NavMenu a {width: 190px; height: 60px; display: block; outline:none;}
	
	#NavMenu #bt1 {left: 0px;   background-position: 0px -60px;}
	#NavMenu #bt2 {left: 191px; background-position: -191px -60px;}
	#NavMenu #bt3 {left: 381px; background-position: -381px -60px;}
	#NavMenu #bt4 {left: 571px; background-position: -571px -60px;}
	
	#NavMenu #bt1 a:hover {background: url(img/nav-sprite.png) 0px 0px no-repeat;}
	#NavMenu #bt2 a:hover {background: url(img/nav-sprite.png) -191px 0px no-repeat;}
	#NavMenu #bt3 a:hover {background: url(img/nav-sprite.png) -381px 0px no-repeat;}
	#NavMenu #bt4 a:hover {background: url(img/nav-sprite.png) -571px 0px no-repeat;}
	
	.HeaderLiens{ background:url(img/header-encart-logos-fond.png); height:130px; }

/*-----------------------------------------------------------------------------------------------*/
/* Milieu																						 */
/*-----------------------------------------------------------------------------------------------*/

#sidebar{
	margin-bottom:20px;
}
	#sidebar ul{margin:0; padding:0; list-style:none;}
	#sidebar li{margin:4px 0; list-style:none; }
	
	#sidebar h2{ font-size: 30px; margin:0 0 10px 0; font-weight:bold; }
	
	#sidebar a{ color:#433726; text-decoration:none; }
	#sidebar a:hover{ color:#a19b93; text-decoration:none; }
	
	.widget{
		background: url(img/separation-rubriques.png) bottom center no-repeat;
		padding:20px 0 25px 0;
	}
	.widget li{
		list-style-image:url(img/puce.png) !important;
		list-style-position:inside !important;		
	}
	.widget_categories ul{ background:url(img/picto-rubriques.png) top right no-repeat;	}
	.widget_categories h2{ color:#54a7d9; }
	
	.widget_links ul{ background:url(img/picto-partenaires.png) top right no-repeat; min-height:120px;	}
	.widget_links h2{ color:#ef91a0; }
	
	.widget_text h2{ color:#5a702b; }
	.widget_text p{margin:0 0 10px 0; }
	
	#text-3 h2{ color:#f7a800; }
	

#content{
	padding:20px 0 25px 0;
}
	#content h2{
		color:#433726;
		font-size:45px;
		margin:0 0 5px 0;
	}
	#content h2 a{color:#433726; text-decoration:none; }
	#content h2 a:hover{color:#5a702b; text-decoration:none; }
	
	#content a{ color:#5a702b; font-weight:bold; text-decoration:underline; }
	#content a:hover{ color:#5a702b; text-decoration:none; }
	
	#content .post{
		padding:20px 0 40px 0;
		background:url(img/separation-articles.png) bottom center no-repeat;
	}
	#content .infoArticle{ color:#b1c903; }
	#content .infoArticle span{ color:#f7a800; }
	#content .infoArticle a{ color:#f7a800; text-decoration:underline; }
	#content .infoArticle a:hover{ color:#f7a800; text-decoration:none; }
	
	#content .postmetadata a{ font-size:22px; color:#433726; text-decoration:none; padding:0 0 5px 10px;}
	#content .postmetadata a:hover{ font-size:22px; color:#a19b93; text-decoration:none;}
	#content .postmetadata img{ border:none; }
	
	#content .infoBasArticle{ font-size:.9em; text-align:right; }
	
	.entry img{
		border:#b1c903 1px dashed;
		padding:10px;
		margin:10px 10px 10px 0;
	}
	
	
	#vignette{
		padding-top:5px;
		display:block;
		height:70px;
		width:70px;
	}
	#vignette img{
		position: absolute;
	}
	
	.navigation{ padding:20px 0; }
	.navigation a{ color:#f7a800 !important; text-decoration:underline; font-size:30px; }
	.navigation a:hover{ color:#f7a800 !important; text-decoration:none; font-size:30px; }

#respond h3{color:#433726; font-size:26px;}
#comments{color:#433726; font-size:26px; margin:15px 0 5px 0; }

.comment{
	border:#b1c903 1px dashed;
	padding:15px;
	margin-bottom:10px;
	}

/*-----------------------------------------------------------------------------------------------*/
/* Footer																						 */
/*-----------------------------------------------------------------------------------------------*/
#pied{
	background:#eae3da url(img/texture-papier-kraft.jpg) top repeat;
	margin:0 auto;
	padding:10px 0;
	width:100%;
}
	.suivezNous{ text-align:right; }
	.ligne{ height:50px !important;}
	
	#pied h2{ font-size: 24px; margin:0; }
	#pied a{ /*color:#a19b93;*/ color:#63605c; text-decoration:underline; }
	#pied a:hover{ color:#433726; text-decoration:none; }
	
	#pied ul{margin:0; padding:0; list-style:none;}
	#pied li{ list-style:none; margin:5px 0; }
	

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

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

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

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

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */