/*
Theme Name: maFiat500.fr Color - Bleu
Theme URI: 
Description: 
Version: 1.1
Author: Konfiture
Author URI: http://www.konfiture.com/
Tags: Fiat 500, bleu

*/

/*
COULEURS :

fond de page : #c2c0d0
texte body : #423d70
bandeau haut : #1a2962
titre blog : #1a2962
titres h2 : #485481
post h2 : #485481
bandeau pied : #201c29
texte footer : #c2c0d0
*/



body{
	background:#c2c0d0 url(img/body-texture.png) top center no-repeat;
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#423d70;
}
a{ color:#FFF; text-decoration:underline;}
a:hover{ color:#423d70; text-decoration:none;}

h1, h2{margin:0;}
h1{color:#1a2962;}

#banniere-haut{ background-color:#1a2962; height:30px; width:100%; }
#sticker{
	width:130px;
	height:103px;
	float:right;
	position:relative;
}
#sticker img{border:none;}
.user{
	text-align:right;
	font-size:.8em;
	color:#DDD;
	padding:5px;
	}
	.user a{color:#DDD; text-decoration:underline;}
	.user a:hover{text-decoration:none;}
#bandeau-header{
	background: #c2c0d0 url(img/bandeau-header.png) top repeat-x;
	height:120px !important;
	margin:-75px auto 0 auto;
	padding:20px 0 0 0;
	width:100%;
	}
	#bandeau-header h1 a{ color:#1a2962; text-decoration:none; font-size:60px; padding:0; margin:0; }
	#bandeau-header h2{ color:#FFF; font-size:18px; letter-spacing:1px; padding:15px 0 0 0; margin:0;}

#bandeau-decor{
	background: #db6a53 url(img/bandeau-decor.png) top repeat-x;
	height:150px !important;
	margin:0 auto 0 auto;
	padding:0;
	width:100%;
	}
	.decor{border:none; display:block; top:0; left:0;}

#structure{
	line-height:1.3em;
	margin:-40px auto 0 auto;
	text-align:left;
	width:960px;
	}
#ColonneMain{
	background:url(img/colonneMain-fond.png);
	width:660px;
	padding:60px 0px 60px 0px;
	float:left;
	margin:0;
}
#sidebar{ float:right; width:300px; margin:0; padding:0; }

#ColonneSidebar{
	background:url(img/colonneSidebar-fond.png) left repeat-y;
	padding:60px 0px;
	float: right;
	margin: 20px 0px 0px 0px;
	width:300px;
}

#ColonneSidebar h2{
	background:url(img/colonneSidebar-h2.png) top repeat-x;
	height:40px;
	width:270px;
	color:#FFF;
	text-align:right;
	padding: 10px 20px 10px 10px;
	letter-spacing:1px;
	display:block;
	margin-right:20px;

}
#ColonneSidebar div#ColonneSidebarFiat { padding:0px 0 20px 30px;}

#SidebarEnd{
	background:url(img/colonneSidebar-end.png) top center no-repeat; height:180px; width:300px;
	display:block;
	margin:0;
	padding:0;
	
	}

#ColonneSidebarFiat img{ border:none;}

#ColonneSidebar div{ margin-bottom:20px;}
#ColonneSidebar div.widget div{ padding:0 10px 10px 10px;}
#ColonneSidebar div.widget ul{ margin:0; padding:0; list-style:none;}
#ColonneSidebar div.widget li{ margin:0; padding: 2px 10px; list-style:none;}
#ColonneSidebar a{ color:#423d70; text-decoration:underline;}
#ColonneSidebar a:hover{ color:#FFF; text-decoration:none;}

#bandeau-pied{
	background:#201c29 url(img/bandeau-pied.png) top center no-repeat ;
	margin:0 auto;
	width:100%;
	overflow:auto;
	}
#bandeau-pied img{ border:none;}

#contenuFooter{ width:900px; margin:0 auto; padding: 20px 0px; display:block; }

#FooterGauche{ float:left; position: absolute;}
#FooterDroite{ float:left; position: relative; margin:0 0 0 140px; display:block; padding:0;}

.pied{ padding:0px 30px 0px 0px; color:#c2c0d0; font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left; margin:0; }
.pied a{ color:#c2c0d0; text-decoration:underline;}
.pied a:hover{ color:#c2c0d0; text-decoration:none;}

.pied p{ margin:0; padding:0 0 10px 0;}
.gabarit{
	line-height:1.3em;
	margin:0 auto;
	text-align:left;
	width:960px;
	}	

.post, #ColonneMain div.page{
	margin-bottom:10px;
	padding:0 20px 30px 20px;
	border-bottom:#d9bcab 2px dotted;
	}
	.post img, #ColonneMain div.page img{border:none;}
	.post h2, .post h2 a, #ColonneMain div.page h2, #ColonneMain div.page h2 a{margin:0; color:#485481; font-weight:bold; font-size:36px; text-decoration:none;}
	.post small, #ColonneMain div.page small{ color:#fafafc; padding: 0 0 20px 20px; margin:0; font-size:14px;}
		
	.postmetadata{ padding: 30px 0 0 0; font-size:.9em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(img/fond-titre.png) top center no-repeat; margin:0; line-height:1.3em;}

	#ColonneMain div.page ul{margin:0; padding:0; list-style:none;}
	#ColonneMain div.page li{margin:0 0 0 20px; padding:5px; list-style: square;}


.wp-paginate .current {color:#fff; background:#1a2962; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img{ border:none;}
/* 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 */

		#comments{ margin-top:40px; color:#1a2962; text-decoration:none; }
		
		.commentlist li{
			padding: 10px;
			border: #999 1px dashed;
			margin-bottom:10px;
			list-style:none;
			margin:5px 0px;
			}
		.commentlist{ margin-bottom:30px; }
		img.avatar{ float:left; margin:0 6px 5px 0;}
		.comments-template{width:580px;}
		.comments-template ol{margin:0; padding:0;}
		
		.commentlist p{ padding: 0 20px 10px 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}
		.comment-meta{margin:0; font-size:.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; font-style:italic;}
		.comment-meta a{color:#333; text-decoration:none;}
		.fn{ font-weight:bold;}
		.fn a{color: #023756; text-decoration:none;}
		
		.comment{
			margin:0 20px;
			padding:0px 0px 40px 0px;
			font-size:.9em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			background:url(img/fond-titre.png) bottom center no-repeat;
		}
.required, .error{ color:#900;}

#GoogleAd{
	width:100%;
	text-align:center;
	padding: 20px 0;
}