
/* ISOTOPE HOMEPAGE*/
#isotope-contain {  margin:30px auto;overflow:auto!important; }
#isotope_contain .homepage{
	width:99.95%;
	/*margin:0.88%;*/
	min-height:80px;
	background-color:#f2f2f2;
	display:inline-block;
	text-indent:7px;
	padding-top:30px;
	padding-bottom:15px;
}

#isotope_contain .widget-container h3:first-child:after,
#isotope_contain h3.widget-title:after {content:"";
		content: url(../images/h3-sidebar.png);
		right:10px;
		bottom:-15px;
		position:absolute;			
	}
#isotope_contain .widget-container h3:first-child,
#isotope_contain h3.widget-title {
		width:auto!important;
		max-width:90%;
		min-width:100px;
		text-align:left;
		float:left;
		margin:-40px 0 10px 10px;
		padding-right:5px;
		background-color : #464646;
		color:#f2f2f2;
		position:relative;
		text-indent:5px;
		z-index:100;
	}

/* ISOTOPE TIMELINE POST */
	#timeline_post, #timeline {
		margin:20px auto;
		width:99%;
		background : url('../images/timeline-center.jpg') repeat-y center center;
	}
	#timeline_post .post,
	#timeline > li{
	  list-style-type:none!important;
	  width: 47%;
	  height: auto!important;
	  margin: 10px 0px;
	  float: left;
	  /*overflow: hidden;*/
	  position: relative;
	  background: #f2f2f2;
		border-top:3px solid #444444;
	}
	#timeline_post .wp-post-image,
	#timeline .wp-post-image{
		text-align:center;
		margin: 0 auto;
		width:100%!important;
		max-width:100%!important;
		height:auto!important;
	}
	#timeline_post .post h2,
	#timeline h2{
		font-size : 1em!important;
		width: 90%;
		padding:4.9%;
		text-indent:0px!important;
		margin:0 auto;
		line-height:1.05em!important;	
		color: #f2f2f2;
		background-color: #444444;
		font-weight:normal;
	}
	#timeline_post .post h2 a,
	#timeline h2 a{ color: #f2f2f2;text-decoration : none; }
	
	#timeline_post .post.item_right h2,
	#timeline .item_right h2{ text-align:right; }
	
	#timeline_post .post .entry-meta,
	#timeline_post .post footer.entry-utility,
	#timeline  .entry-meta,
	#timeline footer.entry-utility {
		font-size : 0.8em;
		text-decoration : none;
		width: 90%;
		text-indent:0px;
		padding:1% 4.9% 1% 4.9%;	margin:0 auto;
		line-height:0.9em;
	}
	#timeline_post .post .entry-summary,
	#timeline .entry-summary {
		width: 94%;
		text-indent:0px;
		padding:2.9%;	margin:0 auto;
	}
	
	#timeline_post .post footer.entry-utility,
	#timeline li footer.entry-utility{border-top: 1px solid #444444;}
	
	#timeline_post .post.item_left,
	#timeline li.item_left{ }
	#timeline_post .post:nth-child(2),
	#timeline li:nth-child(2){ 
		margin:25px 0 0 0;
	}
	#timeline_post .post.item_left:after,
	#timeline_post .post.item_right:after,
	#timeline li.item_left:after,
	#timeline li.item_right:after
	{
		content:"";
		width:35px;
		position: absolute;	
		overflow:hidden;
		padding:0;
		margin:0;
	}

	#timeline_post .post.item_left:after,
	#timeline li.item_left:after { top: -14px;right:-30px;content:url(../images/timeline-left.png);text-align:right;}
	#timeline_post .post.item_right:after,
	#timeline li.item_right:after { top: -14px;left:-29px;content:url(../images/timeline-right.png);}



@media only screen and (min-width: 40em) and (orientation : landscape) {
	#isotope_contain .homepage{	width:24.95%;
		background-color:#f2f2f2;
		/*margin: 	0.64%;*/
		background-size:cover;
		background-position: center center;
	}
	#isotope_contain .homepage.iso-width1{ 	width:24.95%;}
	#isotope_contain .homepage.iso-width2{	width:49.95%;}
	#isotope_contain .homepage.iso-width3{	width:74.95%;}
	#isotope_contain .homepage.iso-width4{	width:99.95%;}
	/* format carré en passant par js */
	#isotope_contain .homepage.isoC-width1{ 	width:24.95%;}
	#isotope_contain .homepage.isoC-width2{	width:49.95%;}
	#isotope_contain .homepage.isoC-width3{	width:74.95%;}
	#isotope_contain .homepage.isoC-width4{	width:99.95%;}
	
	
	/* ISOTOPE TIMELINE POST */
	#timeline_post, #timeline {
		margin:20px 0;
		width:95%;
	}
	#timeline_post .post,
	#timeline li{ width: 45%;}
	
}
/* page in widget image de fond
.piw_img{display:none;} */
#isotope_contain .homepage #home_thumbnail{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	padding:0px;
	text-indent:0px;
	overflow:hidden;
}

#isotope_contain .homepage .hometext{
	width:80%;
	position: absolute;
	left:0px;
	bottom:40px;
	background-color:rgba(70,70,70,0.85);
	color:#f2f2f2;
	padding:10px;
}
#isotope_contain .homepage .entry-content{
	position: absolute;
	left:0px;
	top:10px;
	background-color:rgba(255,255,255,0.6);
	color:#444;
	padding:20px 5px 0px 5px;
	z-index:1;
	font-size:0.8em;
}
#isotope_contain .homepage p{
	width:98%;
	margin: 0.9% auto;
}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
