@font-face {
  font-family: 'Mr Dafoe';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/mrdafoe/v14/lJwE-pIzkS5NXuMMrFitibc.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao7CIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEorCIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/raleway/v36/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpbCIPrQ.ttf) format('truetype');
}

/**** NORMALIZE ************************************************************************************/

html, body{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;

	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
*{
	outline: none;
}
img {
	border: 0;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	display: inline;
	margin: 0;
	font-weight: normal;
	font-size: 14px;
}

/**** FIN NORMALIZE ********************************************************************************/

html, body{
	height: 100%;
	font-family: Arial;
	color: #000000;
}

a{
	color: #9DBC25;
}

.citation{
	float: left;
	width: calc(100% - 20px);
	margin: 10px 0;
	margin-left: 20px;
	padding-left: 20px;
	box-sizing: border-box;
	border-left: 1px solid #9DBC25;
}

.page{
	display: flex;
	flex-direction: row;
	justify-content: center;
	float: left;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
	.page-center{
		float: left;
		width: 100%;
		max-width: 1400px;
		position: relative;
	}

@media (max-width: 1024px) {

	.page{
		padding: 0 20px;
	}

}

/***************************************************************************************************/
.header{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	float: left;
	width: 100%;
	height: 200px;
	background: #ffffff;
	position: relative;
	z-index: 10;
}
	.header_left{
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		flex-shrink: 1;
		float: left;
		height: 100%;
		padding: 30px 0;
		margin-right: 30px;
		box-sizing: border-box;
	}
		.header_logo{
			float: left;
			position: absolute;
			left: 80px;
			top: 30px;
		}
			.header_logo-image{
				float: left;
				height: 140px;
			}
		.header_baseline{
			float: left;
			line-height: 36px;
			margin-left: 360px;
			color: #A6AAAD;
			font-size: 30px;
			font-style: italic;
			text-transform: uppercase;
		}
	.header_right{
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		flex-shrink: 0;
		float: right;
		height: 100%;
		padding: 20px 0;
		box-sizing: border-box;
	}
		.header_menu-trigger{
			display: none;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			float: left;
			cursor: pointer;
		}
			.header_menu-trigger-icon{
				float: left;
				height: 24px;
				width: 32px;
				position: relative;
				transition: all .3s ease-in-out;
			}
			.header_menu-trigger.active .header_menu-trigger-icon{
				width: 24px;
				margin: 0 4px;
			}
				.header_menu-trigger-icon span{
					float: left;
					width: 100%;
					height: 3px;
					background: #000000;
					position: absolute;
					left: 0;
					transition: all .3s ease-in-out;
				}
				.header_menu-trigger-icon span:nth-child(1){
					top: 0;
				}
				.header_menu-trigger-icon span:nth-child(2){
					top: 50%;
					margin-top: -1.5px;
				}
				.header_menu-trigger-icon span:nth-child(3){
					bottom: 0;
				}
		.header_contact{
			display: flex;
			flex-direction: column;
			float: left;
		}
			.header_contact-button{
				display: flex;
				flex-direction: row;
				align-items: center;
				float: left;
				width: 100%;
				padding-bottom: 9px;
				border-bottom: 1px solid rgba(0, 0, 0, 0.3);
				margin-bottom: 10px;
			}
			.header_contact-button:last-child{
				padding-bottom: 0;
				margin-bottom: 0;
				border-bottom: 0;
			}
				.header_contact-button-icon{
					float: left;
					width: 25px;
					height: 25px;
					margin-right: 20px;
				}
				.header_contact-button-label{
					float: left;
					line-height: 12px;
					color: #000000;
				}
				.header_contact-button.address .header_contact-button-label{
					font-size: 12px;
				}
				.header_contact-button.email .header_contact-button-label{
					font-size: 12px;
					text-transform: uppercase;
				}
				.header_contact-button.mobile .header_contact-button-label{
					color: #A6AAAD;
					font-size: 18px;
				}
				.header_contact-button.telephone .header_contact-button-label{
					color: #9DBC25;
					font-size: 18px;
				}

@media (max-width: 1200px) {

	.header_baseline{
		float: left;
		margin-left: 360px;
		line-height: 30px;
		font-size: 24px;
	}

}

@media (max-width: 1024px) {

	.header{
		flex-direction: column;
		height: auto;
	}
	.header_left{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20px 0;
		margin-right: 0;
		border-bottom: 1px solid rgba(0,0,0,0.3);
	}
	.header_logo{
		margin-right: 20px;
		position: relative;
		left: auto;
		top: auto;
	}
	.header_logo-image{
		height: 80px;
	}
	.header_baseline{
		flex-direction: column;
		margin-left: 0;
		font-size: 18px;
		line-height: 26px;
	}
	.header_right{
		align-items: center;
		justify-content: space-between;
		float: right;
		width: 100%;
		height: auto;
	}
	.header_menu-trigger{
		display: flex;
	}
	.header_contact{
		flex-direction: row;
	}
	.header_contact-button{
		width: auto;
		padding-bottom: 0;
		border-bottom: 0;
		margin-bottom: 0;
		margin-right: 20px;
	}
	.header_contact-button:last-child{
		margin-right: 0;
	}
	.header_contact-button-icon{
		margin-right: 0;
	}
	.header_contact-button-label{
		display: none;
	}

}

@media (max-width: 768px) {

	.header_logo-image{
		height: 60px;
	}
	.header_baseline{
		flex-direction: column;
		margin-left: 0;
		font-size: 16px;
		line-height: 20px;
	}

}

@media (max-width: 425px) {

	.header_logo{
		margin-right: 10px;
	}
	.header_logo-image{
		height: 48px;
	}
	.header_baseline{
		flex-direction: column;
		margin-left: 0;
		font-size: 14px;
		line-height: 16px;
	}

}.precontent{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	float: left;
	width: 100%;
	height: 230px;
	position: relative;
	z-index: 1;
}
.precontent.accueil{
	height: 430px;
}
	.precontent.accueil::after{
		content: "";
		height: 50px;
		width: 100%;
		background: rgba(255, 255, 255, 0.8);
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 3;
	}
	.precontent_diaporama{
		float: left;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
	.precontent_text{
		float: left;
		width: 390px;
		margin-left: 360px;
		padding: 20px;
		margin-bottom: 80px;
		box-sizing: border-box;
		background: rgba(157, 188, 37, 0.8);
		color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		text-align: justify;
		position: relative;
		z-index: 2;
	}

@media (max-width: 1024px) {

	.precontent,
	.precontent.accueil{
		flex-direction: column;
		height: auto;
		position: relative;
		top: 0;
	}
	.precontent.accueil::after{
		display: none;
	}
	.precontent_diaporama{
		height: 200px;
		position: relative;
	}
	.precontent_text{
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
		background: #9dbc25;
	}

}.diaporama{
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
}
	.diaporama_slide{
		float: left;
		width: 100%;
		height: 100%;
		background: no-repeat center center;
		background-size: cover;
	}
	.diaporama_navigation{
		display: flex;
		flex-direction: row;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		float: left;
		height: 100%;
		width: 60px;
		position: absolute;
		top: 0;
		z-index: 101;
		cursor: pointer;
	}
	.diaporama_navigation.prev{
		left: 0;
	}
	.diaporama_navigation.next{
		right: 0;
	}
		.diaporama_navigation-icon{
			float: left;
			width: 40px;
		}

@media (max-width: 1024px) {

	.diaporama{
		height: 200px;
	}

}.content_wrapper{
	display: flex;
	flex-direction: row;
    align-items: stretch;
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
}
	.menu{
		flex-shrink: 0;
		float: left;
		width: 240px;
		min-height: 230px;
		margin: -230px 60px 0 60px;
		background: #ffffff;
		border-top: 1px solid rgba(0,0,0,0.1);
		position: relative;
	}
	.content_wrapper.accueil .menu{
		margin-top: -430px;
	}
	.menu::after{
		content: "";
		box-shadow:0 0 20px rgba(0,0,0,0.3);
		border-radius: 20px / 200px;
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 0;
		top: 20px;
		bottom: 20px;
	}
	/*.menu::before{
		content: "";
		box-shadow:0 0 20px rgba(0,0,0,0.3);
		border-radius: 20px / 200px;
		position: absolute;
		z-index: -1;
		left: 0;
		right: 50%;
		top: 20px;
		bottom: 20px;
	}*/
		.menu_scrollpane{
			float: left;
			width: 100%;
			max-height: 100%;
			padding: 20px 20px 80px 20px;
			box-sizing: border-box;
			overflow: auto;
			position: relative;
			z-index: 1;
		}
			.menu_pages{
				display: flex;
				flex-direction: column;
				float: left;
				width: 100%;
				position: relative;
			}
				.menu_page{
					float: left;
					width: 100%;
					margin-top: 20px;
				}
				.menu_page:first-child{
					margin-top: 0;
				}
				div.menu_page{
					cursor: default;
				}
				.menu_page.mobile{
					display: none;
				}
					.menu_page-title{
						float: left;
						width: 100%;
						line-height: 20px;
						color: #000000;
						font-size: 18px;
					}
					.menu_page-title.active{
						color: #9DBC25;
					}
					.menu_sub-pages{
						display: flex;
						flex-direction: column;
						float: left;
						width: 100%;
						padding-left: 20px;
						box-sizing: border-box;
						position: relative;
					}
						.menu_sub-page-title{
							float: left;
							width: 100%;
							line-height: 20px;
							margin-top: 20px;
							color: #A6AAAD;
							font-size: 18px;
						}
							.menu_sub-page-title.active{
								color: #9DBC25;
							}
		.menu_close{
			display: none;
			position: absolute;
			top: 0;
			right: 0;
			padding: 10px;
			border-bottom: 1px solid rgba(0,0,0,0.1);
			border-left: 1px solid rgba(0,0,0,0.1);
			cursor: pointer;
			z-index: 2;
		}
			.menu_close-icon{
				float: left;
				width: 15px;
			}
	.content_wrapper.accueil .menu{
		min-height: 430px;
	}
	.content{
		display: flex;
		flex-direction: column;
		float: left;
		width: 100%;
		margin: 40px 0;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
	}
	.content_wrapper.accueil .content{
		margin-top: -50px;
		padding-top: 0;
	}
		.content_top,
		.content_middle,
		.content_bottom{
			float: left;
			width: 100%;
			margin-bottom: 30px;
			position: relative;
			z-index: 2;
		}
		.content_top:last-child,
		.content_middle:last-child,
		.content_bottom:last-child{
			margin-bottom: 0;
		}
			.content_left{
				float: left;
				width: 48%;
				margin-right: 4%;
			}
			.content_right{
				float: right;
				width: 48%;
			}


@media (max-width: 1024px) {

	.content_wrapper{
		z-index: 11;
	}
	.menu{
		margin: 0;
		width: 300px;
		height: 100%;
		min-height: 0;
		margin-top: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20;
		opacity: 0;
		box-shadow: 0 0 20px rgba(0,0,0,0.5);
		transform: translateX(-100vw);
		transition: all .3s ease-in-out;
	}
	.menu::after{
		display: none;
	}
	.menu.active{
		opacity: 1;
		transform: translateX(0);
	}
	.content_wrapper.accueil .menu{
		min-height: 0;
		margin-top: 0;
	}

	.menu_scrollpane{
		padding: 30px;
	}
	.menu_page.mobile{
		display: block;
	}
	.menu_sub-pages{
		padding-left: 0;
	}
	.menu_sub-page-title{
		margin-top: 10px;
	}
	.menu_close{
		display: block;
	}


	.content{
		padding-top: 0;
		margin-top: 40px;
	}
	.content_wrapper.accueil .content{
		margin-top: 40px;
	}
	.content_left{
		width: 100%;
		margin: 0 0 40px 0;
	}
	.content_right{
		width: 100%;
	}

}.title{
	float: left;
	width: 100%;
	margin-bottom: 30px;
	color: #9DBC25;
	font-size: 22px;
	text-transform: uppercase;
}
.title:last-child{
	margin-bottom: 0;
}.text{
	float: left;
	width: 100%;
	line-height: 22px;
	margin-bottom: 30px;
}
.text:last-child{
	margin-bottom: 0;
}

.text_buttons{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	float: left;
	margin-top: 30px;
}
	.text_button{
		display: flex;
		flex-direction: row;
		align-items: center;
		float: left;
		background: #9DBC25;
		margin-right: 5px;
		margin-bottom: 5px;
		box-sizing: border-box;
		cursor: pointer;
	}
		.text_button-icon-wrap{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-shrink: 0;
			float: left;
			height: 32px;
			width: 32px;
			padding: 8px;
			box-sizing: border-box;
		}
			.text_button-icon{
				float: left;
				max-width: 100%;
				max-height: 100%;
			}
		.text_button-label{
			float: left;
			line-height: 32px;
			padding-right: 10px;
			color: #ffffff;
			font-size: 14px;
		}
		.text_button-icon + .text_button-label{
			padding-left: 0;
		}

.panel-shares{
	display: none;
	float: left;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: rgba(255,255,255, 0.6);
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}
	.panel-shares-center{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		float: left;
		width: 100%;
		height: 100%;
		position: relative;
	}
		.panel-shares-box{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			float: left;
			padding: 30px 40px;
			background: #ffffff;
			box-shadow: 0 0 30px rgba(0,0,0,0.3);
		}
			.panel-shares-title{
				float: left;
				width: 100%;
				margin-bottom: 20px;
				color: #000000;
				font-size: 24px;
				font-weight: 300;
				text-align: center;
			}
			.panel-shares-buttons{
				float: left;
			}
				.panel-shares-button{
					float: left;
					width: 30px;
					height: 30px;
					padding: 5px;
					margin: 0 10px;
					box-sizing: border-box;
					cursor: pointer;
				}
.form-avis-post{
	float: left;
	padding: 10px;
	box-sizing: border-box;
	background: #960025;
	color: #ffffff;
	cursor: pointer;
}

.form{
	float: left;
	width: 100%;
	margin-bottom: 40px;
    box-sizing: border-box;
	position: relative;
}
.form.avis{
	display: none;
	margin-top: 20px;
}
.form:last-child{
	margin-bottom: 0px;
}
	.form-line{
		float: left;
		width: 100%;
		position: relative;
	}

		.form-separator{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			float: left;
			width: 100%;
			margin: 30px 0;
			box-sizing: border-box;
			color: #ffffff;
			font-size: 20px;
			text-align: center;
			position: relative;
		}
		.form.avis .form-separator{
			color: #313539;
		}
		.form-line:first-child .form-separator:first-child{
			margin-top: 0;
		}
			.form-separator::before{
				content: "";
				line-height: 100px;
				width: 6px;
				height: 6px;
				margin-right: 24px;
				background: #960025;
			}
			.form-separator::after{
				content: "";
				line-height: 100px;
				width: 6px;
				height: 6px;
				margin-left: 24px;
				background: #960025;
			}

		.form-data{
			float: left;
			width: 100%;
			margin-bottom: 10px;
			box-sizing: border-box;
		}
		.form-data.half{
			width: 50%;
			padding-right: 10px;
		}
		.form-data:last-child{
			padding-right: 0;
		}
			.form-label{
				float: left;
				width: 50%;
				padding-right: 10px;
				box-sizing: border-box;
				line-height: 32px;
				text-align: right;
			}
			.form-field {
				float: left;
				width: 100%;
				height: 32px;
				line-height: 30px;
				padding: 0 8px;
				background: #ffffff;
				border: 1px solid #d8d8d8;
				box-sizing: border-box;
				position: relative;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
			.form-label + .form-field {
				width: 50%;
			}

			textarea.form-field {
				line-height: 15px;
				padding: 8px;
				height: auto;
				min-height: 168px;
			}
			.form-recaptcha{
				float: right;
			}
			.form-recaptcha-error{
				display: none;
				float: right;
				color: #9A2323;
				font-size: 12px;
			}
			.form-recaptcha.error .form-recaptcha-error{
				display: block;
			}
			.form-submit {
				display: block;
				float: right;
				height: 30px;
				box-sizing: border-box;
			}
			.form-asterisk {
				float: right;
				line-height: 30px;
				margin-right: 10px;
				color: #888888;
				font-style: italic;
				font-size: 12px;
			}

			.form-field.error{
				background-color: #FFDDDD;
				border-color: #E0BBBB;
			}

.form-result{
	display: none;
	float: left;
	width: 100%;
	padding: 10px;
	margin-bottom: 40px;
	box-sizing: border-box;
	color: #ffffff;
}
.form-result.success{
	background: #226B15;
}
.form-result.error{
	background: #9A2323;
}
	.form.success .form-result.success{
		display: block;
	}
	.form.error .form-result.error{
		display: block;
	}

::-webkit-input-placeholder{
	color: #888888;
}
:-moz-placeholder{
	color: #888888;
}
::-moz-placeholder{
	color: #888888;
}
:-ms-input-placeholder{
	color: #888888;
}.footer{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	float: left;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #A6AAAD;
	position: relative;
	z-index: 8;
}
	.footer_left{
		float: left;
	}
		.footer_share{
			float: left;
		}
			.footer_share-button{
				display: flex;
				justify-content: center;
				align-items: center;
				float: left;
				width: 32px;
				height: 32px;
				padding: 5px;
				margin-right: 10px;
				border: 1px solid #A6AAAD;
				box-sizing: border-box;
				cursor: pointer;
			}
				.footer_share-button:last-child{
					margin-right: 0;
				}
				.footer_share-button-icon{
					float: left;
					width: 100%;
				}
	.footer_right{
		float: right;
	}
		.footer_buttons{
			float: right;
		}
			.footer_button{
				float: left;
				line-height: 20px;
				padding-right: 10px;
				margin-right: 10px;
				border-right: 1px solid #A6AAAD;
				color: #A6AAAD;
				font-size: 12px;
			}
			.footer_juliana{
				float: left;
				line-height: 20px;
				color: #A6AAAD;
				font-size: 12px;
			}
				.footer_juliana a{
					color: inherit;
				}

@media (max-width: 1024px) {

	.footer_button{
		display: none;
	}

}