body {margin-top:25px;background:#f8f8ff;font-family:Georgia,Palatino,Garamond,serif;color:#555;}
a:link {color:#000;text-decoration:none;}
a:visited {color:#555;}
a:hover, a:active {color:#000;}
#main {position:relative;overflow:hidden;height:500px;}
#main-article {position:relative}
	#main h1 {position:absolute;top:10px;right:0px;background:#222;}
		#main h1 a{display:block;width:175px;height:48px;text-indent:-9999px;background: transparent url('../_medias/logo.gif') top left no-repeat;}
	#main h2 {position:absolute;bottom:10px;left:0px;background:#222; padding: 5px 15px;font-weight:normal;}
	#main h1 a, #main h2 a {color:#fff; text-decoration:none;}
.articles_pres {position:relative;overflow:hidden;margin-top:25px;}
	.articles_pres ul {margin:0;padding:0;list-style:none;position:relative;overflow:hidden;}
		.articles_pres ul li{position: relative;margin:0 10px 0 0;padding:0 8px;display:block;float:left;width:210px;;border-right:1px dashed #e0e0e8;}
			.articles_pres.lescommentaires ul li{ height: 220px}
		.articles_pres ul li.no-margin, .articles_pres ul li:last-child{margin:0;border:none;}
		.articles_pres h2{margin:0;border:none;color:#333;margin-bottom:0.65em;font-size:1.4em;letter-spacing:0.5px;font-family:Georgia,Palatino,Garamond,serif;width:200px; overflow: hidden; position: relative}
		.articles_pres h2 span.degrade{width: 30px; height: 30px; display: block; position: absolute; right: 0; background: red url(../img/bg_degrade_h2.png) no-repeat right center}
		.articles_pres h2 a{color:#333; text-decoration:none; width: 185px;}
		.articles_pres h2 a:hover{background:#000;color:#fff;}
		.articles_pres h2.title{line-height: 1.2em; }

		
		.articles_pres .meta{position:relative;top:-5px;font-size:0.8em;color:#999;margin-bottom:5px;font-family:helvetica,arial,sans-serif;}
		.articles_pres a.more{/* float:right */ position: absolute; right: 3px; bottom: 0;margin-right:5px;text-transform:lowercase;text-decoration:none;background:#000;color:#F1FBFF;padding:0 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #000;}
		.articles_pres a.more:hover{background:#fff;color:#666;border: 1px solid #ededed;}
           
#footer {position:relative;overflow:hidden;text-align:right;margin-top:25px;padding-bottom: 15px;font-size:1.1em;color:#999;}
	#footer p {font-style:italic;float:left;}
	#footer ul{margin:0;padding:0;list-style:none;float:right;}
		#footer ul li{float: left;display:block;margin:0 10px; line-height: 1.3em;}
			#footer ul li a{color:#000;font-weight:800;text-decoration:none; background: #fff; padding: 3px 5px}
			#footer ul li a:hover{background:#000;color:#F1FBFF;}
			
	.nav_foot{
		margin-top: 20px
	}
		.nav_foot li {
			display: inline
		}
			.nav_foot li a{
				color: #555;
				text-shadow: 1px 1px 1px #fff
			}
				.nav_foot li a:hover{
					color: #444;
					border-bottom: 1px dashed #333;
				}
			
			
#form label{display: block;width: 120px; float: left}
#main-article h2, #article h2.title, #categorie h2.title{background: white; width: auto; display: inline; line-height: 1.4em; padding: 0 10px}

.comment strong{color: #444; font-size: 1.3em}
.comment{border-bottom: 1px dashed #666; margin-bottom: 20px}

.dessus{z-index: 10000}

.edito .img{
	float: left;
	width: 60px;
	display: block;
}
#twitter{
	margin-left: 70px
}
	
#sidebar{
	margin-top: 55px;
}
.galerie{
	margin-top: 10px;
}
.les_commentaires_home, #categorie, #article{
	border-bottom: 1px dashed #ddd;
	padding-bottom: 20px;
}

#categorie .post{
	border-bottom: 1px dashed #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

span.SapinTremblant, span.Shnalla{display: block; width: 15px; height: 15px; float: left; margin-right: 10px; margin-top: 3px}
span.SapinTremblant, span.gravatar.SapinTremblant{background: url(../_medias/Syringe.png) no-repeat}
span.Shnalla{background: url(../_medias/BandAid.png) no-repeat}

span.gravatar.SapinTremblant, span.gravatar.Shnalla{display: inline; width: auto; height: auto; float: none; padding-left: 20px; margin-right: 0; margin-left: 3px;}