/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

#main_container .home-blog{background:#000 url(../images/bg_home_blog.jpg) right top no-repeat}

/* BLOG HOME
--------------------------------------------------------------------------------------------------------------------------------------*/

/********** SLIDESHOW **********/

#slideshow-blog{
	height:261px;
	width:545px;
	position:relative;
	margin-bottom:15px;
}

#slideshow-blog .slide{
	color:#fff;
	position:absolute;
	left:0;
	top:0;
	width:533px;
	height:101px;
	display:none;
	padding:160px 0 0 12px;
}

#slideshow-blog .first{
	display:block;
}

#slideshow-blog .bg{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#slideshow-blog .desc{
	position:relative;
	z-index:2;
}

#slideshow-blog .desc p{
	font-size:14px;
	height:50px;
	line-height:20px;
}

#slideshow-blog .pagination-jv{
	right:14px;
	top:220px;
	z-index:3;
	width:115px;
	height:22px;
	padding-left:4px;
	padding-top:6px;
	text-align:center;
	background:url(../images/bg_pagination.png) left top no-repeat;
}

#slideshow-blog .pagination-jv li{
	width:8px;
	height:8px;
	margin:5px 4px 0;
	background:url(../images/btn_slideshow_item.png) left top no-repeat;
}

#slideshow-blog .pagination-jv .active{
	background-image:url(../images/btn_slideshow_active.png);
}

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

#main_container .blog-post{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #cfcfcf;
    position:relative;
    *zoom: 1;
}

#main_container .blog-post-last{
	border-bottom:0;
}

#main_container .blog-post p{
	font-size:1.2em;
	margin-bottom:5px;
}

#main_container .blog-cat{
	font-size:1.2em;
	display:block;
	margin-bottom:10px;
	text-transform:uppercase;
}

#main_container .blog-title{
	margin-bottom:10px;
}

#main_container .blog-title .author{
	width:55px;
	float:left;
}

#main_container .blog-title h2{
	font-size:2.4em;
	line-height:22px;
	font-weight:normal;
	margin-bottom:3px;
}

#main_container .blog-title .meta, #main_container .blog-title .meta a{
	color:#ca0000;
}

#main_container .blog-title .meta .cat{
	color:#4d4d4d;
}

#main_container .blog-visu{
	display:block;
	margin:10px 0;
}

#main_container .blog-share{
	text-align:right;
}

#main_container .blog-share img{
	vertical-align:middle;
}

/* BLOG LISTE
--------------------------------------------------------------------------------------------------------------------------------------*/

#blog-liste .tri{
	margin-bottom:15px;
}

#blog-liste .blog-desc{
	width:435px;
	float:left;
}

#blog-liste .visu-small{
	float:left;
	margin-right:12px;
}

#blog-liste .blog-desc h2{
	font-size:1.8em;
}

/* BLOG ARTICLE
--------------------------------------------------------------------------------------------------------------------------------------*/

#blog-article .tri{
	margin-bottom:20px;
}

#blog-article .blog-post{
	border:0;
}

#blog-article .blog-post p{
	margin-bottom:20px;
}

#blog-article .blog-post .blog-next{
	text-align:right;
	margin-top:10px;
}
/* BLOG RESUME
------------------------------------------------------------------------------------------------------------------------------*/

#blog-resume{
	position:relative;
	width:545px;
	margin-bottom:20px;
        display: inline-block;
}

#blog-resume-left{
	width:51px;
	float:left;
}

#blog-resume-note{
	position:relative;
	height:62px;
	background:url('../images/blog-resume-note.jpg') no-repeat;
	padding-left:3px;
	padding-top:3px;
	margin-bottom:20px;
}

#blog-resume-note .note{
	display:block;
	font-size:40px;	
	color:#FFF;
}

#blog-resume-note .sur-20{
	display:block;
	font-size:12px;	
	color:#FFF;
	margin-left:6px;	
}

#blog-resume-avis{
	width:485px;
	border:#CCC solid 1px;
	float:right;
}

#blog-resume-avis-header{
	background:url('../images/blog-resume-header.jpg') no-repeat;
}

#blog-resume-avis .les-plus,
#blog-resume-avis .les-moins{
	width:227px;
	float:left;	
	margin-top:4px;
	margin-left:10px;
	margin-right:5px;
	display:inline;
}

#blog-resume-avis .les-plus{
	background:url('../images/blog-resume-plus.gif') no-repeat 0px 2px;
}
#blog-resume-avis .les-moins{
	background:url('../images/blog-resume-moins.gif') no-repeat 0px 2px;
}

#blog-resume-avis p{
	text-transform:uppercase;
	color:#FFF	;
	font-size:11px;
	font-weight:bold;
	text-indent:20px;
}
#blog-resume-avis ul{
	margin-left:10px;
}
#blog-resume-avis ul li{
	margin-bottom:5px;
}
#blog-resume-avis .les-plus ul li{
	list-style:url('../images/blog-resume-puce-plus.jpg');
}
#blog-resume-avis .les-moins ul li{
	list-style:url('../images/blog-resume-puce-moins.jpg');
}

.rounded-box .rounded-content,
#blog-resume-avis-header{
  *zoom: 1;	
}
.rounded-box .rounded-content:after,
#blog-resume-avis-header:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}