/* ------------------ */

/*		  LAYOUT      */

/* ------------------ */

#footer_block {

	background-color: #8ac761;

	border-bottom: 6px solid #97d46f;

}



#search_btn {

	background: url(../images/theme/loupe.png) center center no-repeat #8ac761;

}



#search_btn.active {

	background: url(../images/theme/croix.png) center center no-repeat #8ac761;

}



/* Cover */

#cover_list {

	padding-top: 120px;

}



/* Footer */

#footer .title {

	color: #578638;

}



#footer .form_btn {

	border: 2px solid #c6e7b0;

	background-color: #c6e7b0;

	color: #8ac761;

	cursor: pointer;

}



#footer .form_btn:hover {

	color: #c6e7b0;

	background-color: #8ac761;

}



#footer #vertical_separator {

	background-color: #a3da7e;

}



/* Content */

#content_column1 {

	padding-top: 0px;

}



#content_column2 {

	padding-top: 185px;

}



.block_image {

	position: relative;

}



.block_image img {

	width: 100%;

}



/* Timeline */

#block_timeline {

	padding-top: 115px;

	padding-bottom: 20px;

}



#timeline {

	position: relative;

	width: 360px;

	margin: 0 auto;

}



#timeline_top_img {

	position: absolute;

	top: -62px;

	left: 0;

}



#timeline .elt {

	padding-left: 31px;

	padding-bottom: 80px;

	background: url(../images/theme/timeline_bg.jpg) 0 repeat-y;

}



#timeline .elt:last-child {

	background: none;

}



#timeline .elt h2 {

	display: block;

	position: relative;

	font-size: 28px;

	letter-spacing: -1px;

	color: #313539;

	margin: 0;

	padding: 0;

}



#timeline .elt .timeline_title_bg {

	display: block;

	position: absolute;

	top: 50%;

	margin-top: -15px;

	left: -38px;

}



#timeline .elt .year {

	font-size: 20px;

	color: #606972;

	margin-top: 3px;

	letter-spacing: -1px;

}



#timeline .elt .note {

	font-size: 16px;

	color: #313539;

	line-height: 30px;

	margin-top: 20px;

}





/* ---------------- */

/*		Tablet		*/

/* ---------------- */

@media screen and (max-width: 1024px) {

	/* Cover */

	#cover_list {

		padding-top: 90px;

	}



	#content_column2 {

		padding-top: 120px;

	}



	/* Timeline */

	#block_timeline {

		padding-top: 80px;

		padding-bottom: 20px;

	}



	#timeline {

		width: 200px;

	}



	#timeline .elt {

		padding-left: 20px;

		padding-bottom: 40px;

	}



	#timeline .elt h2 {

		font-size: 17px;

	}



	#timeline .elt .timeline_title_bg {

		margin-top: -15px;

		left: -27px;

	}



	#timeline .elt .year {

		font-size: 14px;

		margin-top: 4px;

	}



	#timeline .elt .note {

		font-size: 12px;

		line-height: 14px;

		margin-top: 9px;

	}



	#body_detail p {

	  line-height: 14px;

	  font-size: 12px;

	  color: #000000;

	}

}



/* ---------------- */

/*		Mobile		*/

/* ---------------- */

@media screen and (max-width: 768px) {

	

	#content_column2 {

		padding-top: 170px;

	}



	/* content nav */

	#list_mobile {

		margin-top: 20px;

	}

	#list_mobile .elt {

		font-weight: bold;

		line-height: 25px;

		font-size: 18px;

		color: #FFFFFF;

		cursor: pointer;

		font-family: 'Nunito', sans-serif;

		text-align: center;

	}



	#content_nav {

		left: 0;

	}



	.content_nav_left {

		background: url(../images/theme/content_nav_left_hover.jpg) center center no-repeat #FFFFFF;

	}



	.content_nav_right {

		background: url(../images/theme/content_nav_right_hover.jpg) center center no-repeat #FFFFFF;

	}



	.content_nav_left:hover {

		background: url(../images/theme/content_nav_left.jpg) center center no-repeat #282b2e;

	}



	.content_nav_right:hover {

		background: url(../images/theme/content_nav_right.jpg) center center no-repeat #282b2e;

	}

}