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

/*		  LAYOUT      */

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

#footer_block {

	background-color: #139771;

	border-bottom: 6px solid #117659;

}



#search_btn {

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

}



#search_btn.active {

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

}



/* Footer */

#footer .title {

	color: #086046;

}



#footer .form_btn {

	border: 2px solid #87dac2;

	background-color: #87dac2;

	color: #139771;

	cursor: pointer;

}



#footer .form_btn:hover {

	color: #87dac2;

	background-color: #139771;

}



#footer #vertical_separator {

	background-color: #33ac89;

}



/* Article top */

#article_top {

	position: relative;

	height: 200px;

	background-color: #FFFFFF;

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

}



#article .content_center {

	width: 800px;

	margin: 0 auto;

}



#article #date {

	font-size: 20px;

	color: #606972;

}



#article h1 {

	font-size: 28px;

	color: #313539;

	letter-spacing: -1px;

	font-weight: bold;

}



#share {

	position: absolute;

	top: 0;

	right: 0;

	width: 100px;

	height: 100%;

}



.share_social {

	display: block;

	text-decoration: none;

	position: relative;

	width: 100%;

	height: 50%;

	cursor: pointer;

}



#facebook {

	background: url(../images/theme/facebook.png) center center no-repeat #294274;

}



#facebook:hover {

	background: url(../images/theme/facebook.png) center center no-repeat #314f8a;

}



#twitter {

	background: url(../images/theme/twitter.png) center center no-repeat #65c4d5;

}



#twitter:hover {

	background: url(../images/theme/twitter.png) center center no-repeat #6ed5e7;

}



/* Article content */

#article_content {

	padding: 90px 0;

	background-color: #FFFFFF;

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

	color: #313539;

	margin-top: 20px;

}



#article_content h1 {

	font-size: 22px;

	margin-top: 50px;

	font-weight: bold;

}



#article_content h1:first-child {

	margin-top: 0;

}



#article_content p {

	font-size: 16px;

	line-height: 28px;

	margin-top: 30px;

}



#article_content_text img {

	width: 100%!important;

	height: auto!important;

	margin: 60px 0;

}



/* Article bottom */

#article_bottom {

	position: relative;

	width: 105%;

	padding: 70px 0;

	background-color: #FFFFFF;

	margin-left: -25px;

	margin-top: 20px;

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

}



#article_bottom h2 {

	font-size: 48px;

	color: #dedede;

	font-weight: bold;

}



#list_other_articles {

	margin-top: 30px;

}



.other_article {

	float: left;

	width: 200px;

	margin-left: 100px;

}



.other_article:first-child {

	margin-left: 0;

}



.other_article h3 {

	display: block;

	font-size: 24px;

	color: #313539;

	margin-top: 10px;

	height: 85px;

	line-height: 26px;

	letter-spacing: -1px;

}



.other_article .btn {

	display: block;

	text-decoration: none;

	margin-top: 10px;

	width: 120px;

	line-height: 32px;

	border: 2px solid #7d7d7d;

	border-radius: 16px;

	text-align: center;

	color: #7d7d7d;

	cursor: pointer;

}



.other_article .btn:hover {

	border: 2px solid #7d7d7d;

	background-color: #7d7d7d;

	color: #FFFFFF;

}



#slider {

	position: relative;

	width: 100%;

	height: 300px;

	background-color: grey;

	margin-top: 100px;

}



#slider .slide {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}



#slider .slide .slide_image {

	position: absolute;

	top: 0;

	left: 0;

	width: 800px;

	height: 350px;

}



/*

#slider #slider_nav_left {

	position: absolute;

	top: 50%;

	left: 20px;

	height: 20px;

	width: 80px;

	background-color: yellow;

	z-index: 10;

	cursor: pointer;

}



#slider #slider_nav_right {

	position: absolute;

	top: 50%;

	right: 20px;

	height: 20px;

	width: 80px;

	background-color: yellow;

	z-index: 10;

	cursor: pointer;

}

*/



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

/*		Tablet		*/

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

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

	/* Article top */

	#article_top {

		height: 115px;

	}



	#article .content_center {

		width: 450px;

	}



	#share {

		width: 57px;

	}



	#article #date {

		font-size: 12px;

	}



	#article h1 {

		font-size: 18px;

		margin-top: 40px;

	}



	#facebook, #facebook:hover {

		background-size: 8px 15px;

	}



	#twitter, #twitter:hover {

		background-size: 18px 15px;

	}



	/* Article content */

	#article_content {

		padding: 50px 0;

		margin-top: 12px;

	}



	#article_content h2 {

		font-size: 18px;

		margin-top: 30px;

	}



	#article_content p {

		font-size: 12px;

		line-height: 22px;

		margin-top: 20px;

	}



	#article_content img {

		margin: 40px 0;

	}



	#article_bottom h2 {

		font-size: 30px;

	}



	.other_article {

		width: 120px;

		margin-left: 45px;

	}



	.other_article h3 {

		font-size: 16px;

		margin-top: 8px;

		height: 70px;

		line-height: 20px;

	}



	.other_article .btn {

		width: 100px;

		margin-top: 12px;

		line-height: 28px;

		border-radius: 15px;

		font-size: 12px;

		border: 1px solid #7d7d7d;

		height: 30px;

	}



	.other_article .btn:hover {

		border: 1px solid #7d7d7d;

	}



	#slider {

		position: relative;

		width: 100%;

		height: 200px;

		background-color: grey;

		margin-top: 50px;

	}

}



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

	#article .content_center {

		width: 65%;

	}



	/* Article bottom */

	#article_bottom {

		width: 100%;

		margin-left: 0px;

	}



	#list_other_articles {

		margin-top: 0;

	}



	.other_article {

		width: 100%;

		margin-left: 0;

		margin-top: 40px;

	}



	.other_article h3 {

		height: auto;

	}



	#article_bottom h2 {

		font-size: 24px;

		line-height: 18px;

		letter-spacing: -1px;

	}



	#slider {

		position: relative;

		width: 100%;

		height: 150px;

		background-color: grey;

		margin-top: 50px;

	}

}