@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Source+Sans+Pro:wght@200;300;400;600&display=swap');

/*****************************************************
   COLORS 
 *****************************************************
 * Or foncé			#ceb834
 * Or clair			#feb335
 * Jaune			#f4cf25
 *
 * Box-shadow:  		5px 5px 15px rgba(0,0,0,.2);
 ******************************************************/
 
html, body 
{
	margin: 					0;
	padding: 					0;
	font-size: 					12pt;
	line-height: 				1.4;
	background-color: 			#FFF;
	color: 						#222;
	font-family: 				'Source Sans Pro', sans-serif;
	font-weight: 				400;
	/*width:  					100%;*/
}
/*html*/
/*{*/
	/*overflow:  					hidden !important;*/
	/*overflow-y:  				auto !important;*/
	/*-webkit-overflow-scrolling: touch;*/
/*}*/

body::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

b, strong, em { font-weight: 700; }

*
{
	outline:  				none;
	box-sizing: 			border-box;
}
img { -ms-interpolation-mode: bicubic; }
img { vertical-align: baseline; }

.shadow_hover
{
	box-shadow:  		0 10px 15px rgba(0,0,0,.15);
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}
.shadow_hover:hover,
.shadow
{
	box-shadow:  		0 10px 15px rgba(0,0,0,.3);
}

h1,
h2,
h3,
.h1_like,
.h2_like,
.h3_like
{
	font-family:			 'Josefin Sans', sans-serif;
	font-size: 				24pt;
	font-weight: 			700;
	padding: 				5px 0;
	margin: 				5px 0;
	line-height:			1.2;
	color:  				#111;
}
h2, .h2_like { font-size: 25pt; }
h3, .h3_like { font-size: 20pt; }

.commons_wrap
{
	/*max-width: 			1500px;*/
	/*margin: 			0 auto;*/
	max-width: 			1200px;
	margin: 			0 auto;
}
.commons_wrap_min
{
	max-width: 			1000px;
	margin: 			0 auto;
}
.commons_wrap::after,
.commons_wrap_inner::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

a:link,
a:hover,
a:active,
a:visited
{
	color: 					#222;
	text-decoration: 		none;
}
a:hover
{
	text-decoration:	 	underline;
}

img { max-width: 100%; vertical-align: bottom; }

/*input[type='button'],*/
/*input[type='submit']*/
/*{*/
	/*font-family:			 'Josefin Sans', sans-serif;*/
	/*display: 				inline-block;*/
	/*position: 				relative;*/
	/*z-index: 				1;*/
	/*background-color: 		#8dc6e1;*/
	/*color: 					#fff;*/
	/*font-size: 				12pt;*/
	/*font-weight: 			600;*/
	/*text-decoration: 		none;*/
	/*-moz-border-radius:		6px;*/
	/*-webkit-border-radius:	6px;*/
	/*border-radius:			6px;*/
	/*-webkit-transition:		all .2s ease-out;*/
	/*-moz-transition:		all .2s ease-out;*/
	/*-o-transition:			all .2s ease-out;*/
	/*transition:				all .2s ease-out;*/
	/*border: 				0;*/
	/*cursor: 				pointer;*/
	/*box-shadow:  			0 10px 30px rgba(0,0,0,.15);*/
	/*-webkit-appearance:  	none;*/
/*}*/

.pdflink
{
	display:  			block;
	position:  			relative;
	color:  			#1dbc94;
	padding:  			15px 0;
	padding-right:  	45px;
}
.pdflink::after
{
	content: 				" ";
	display: 				block;
	clear: 					both;
	position:  				absolute;
	top:  					7px;
	right:  				0;
	background-image: 		url(../images/commons/download.svg);
	background-position:	center center;
	background-repeat: 		no-repeat;
	background-size:  		24px;
	width:  				36px;
	height:  				36px;
	background-color:  		#1dbc94;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
}

.button,
.button:link,
.button:hover,
.button:active,
.button:visited
{
	display:  			inline-block;
	margin:  			10px 0;
	border:  			2px solid #000;
	color:  			#000;
	font-family:		'Josefin Sans', sans-serif;
	text-transform: 	uppercase;
	text-decoration:  	none;
	font-size:  		9pt;
	font-weight:  		700;
	padding:  			10px 30px;
	/*font-family:			 'Josefin Sans', sans-serif;*/
	/*display: 				inline-block;*/
	/*position: 				relative;*/
	/*z-index: 				1;*/
	/*background-color: 		#ceb834;*/
	/*padding: 				10px 25px;*/
	/*color: 					#fff;*/
	/*font-size: 				12pt;*/
	/*font-weight: 			600;*/
	/*text-decoration: 		none;*/
	/*!*-moz-border-radius:		6px;*!*/
	/*!*-webkit-border-radius:	6px;*!*/
	/*!*border-radius:			6px;*!*/
	/*-webkit-transition:		all .2s ease-out;*/
	/*-moz-transition:		all .2s ease-out;*/
	/*-o-transition:			all .2s ease-out;*/
	/*transition:				all .2s ease-out;*/
	/*border: 				0;*/
	/*cursor: 				pointer;*/
	/*box-shadow:  			0 10px 30px rgba(0,0,0,.15);*/
	/*-webkit-appearance:  	none;*/
}
.button:hover
{
	/*background-color: #79aac1;*/
	/*box-shadow:       0 10px 30px rgba(0,0,0,.25);*/
}
.button_black,
.button_black:link,
.button_black:hover,
.button_black:active,
.button_black:visited
{
	background-color: #000;
}

.mobile {	display: none;	}
.desktop {	display: block;	}

#commons_zoom
{
	min-height:  		50vh;
	/*background-color: 	#f4f4f4;*/
}
#commons_zoom_bloc::after,
#commons_zoom::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

.slick-dots ul,
.slick-dots li
{
	list-style-type: 		none;
	margin: 				0;
	padding: 				0;
}
.slick-dots li
{
	width: 					10px;
	height: 				10px;
	margin: 				0 6px;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
}
.slick-dots li::after
{
	content: 				" ";
	display: 				block;
	clear: 					both;
	position:  				absolute;
	top:  					-4px;
	left:  					-4px;
	right:  				-4px;
	bottom:  				-4px;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	border: 				2px solid #2c2c2c;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;

}
.slick-dots li button { display: none; }

.slick-dots li:hover,
.slick-dots li.slick-active
{
	background-color: 		#2c2c2c;
}
.slick-dots li button
{
	display: 			none;
}

.whitedots .slick-dots li:hover	  		{ background-color: rgba(255,255,255,.6); }
.whitedots .slick-dots li.slick-active  { background-color: #fff !important; }

.whitedots .slick-dots li::after { border: 2px solid #fff !important; }

/*************************************
 * Header commons
 *************************************/
#commons_prebanner
{
	border-bottom:  		1px solid rgba(0,0,0,.1);
}
#commons_prebanner::after
{
	content: 				" ";
	display: 				block;
	clear: 					both;
}
#commons_prebanner_social
{
	position: 				relative;
	top:  					4px;
	float: 					left;
}
#commons_prebanner_social::before
{
	content: 				"Suivez-nous";
	display: 				inline-block;
	clear: 					both;
	position:   			relative;
	margin-right:  			5px;
	top:  					-6px;
}
#commons_prebanner_phone
{
	float: 					right;
	background-image: 		url(../images/commons/phone.svg);
	background-position:	0 4px;
	background-repeat: 		no-repeat;
	background-size:  		10px;
	padding-left:  			18px;
	margin:  				4px 0;
	margin-right:  			35px;
}
#commons_prebanner_email
{
	float: 					right;
	background-image: 		url(../images/commons/mail.svg);
	background-position:	0 6px;
	background-repeat: 		no-repeat;
	background-size:  		20px;
	margin:  				4px 0;
	padding-left:  			24px;
}

/**********************************
 * Pathfinder
 **********************************/
	#pathfinder
	{
		color: 					rgba(255,255,255,.8);
		font-size:  			12pt;
		padding: 				15px 0;
		/*max-width:  			1000px;*/
		text-align:  			left;
	}
	#pathfinder ol
	{
		list-style-type: 		none;
		margin: 				0;
		padding: 				0;
	}
	#pathfinder li
	{
		list-style-type: 		none;
		display: 				inline-block;
	}
	#pathfinder li a:link,
	#pathfinder li a:hover,
	#pathfinder li a:active,
	#pathfinder li a:visited
	{
		margin: 				0 5px;
		color: 					rgba(255,255,255,.8);
	}
	#pathfinder li:first-child a:link,
	#pathfinder li:first-child a:hover,
	#pathfinder li:first-child a:active,
	#pathfinder li:first-child a:visited
	{
		margin-left: 			0;
	}

	#pathfinder li a.last:link,
	#pathfinder li a.last:hover,
	#pathfinder li a.last:active,
	#pathfinder li a.last:visited
	{
		color: 					#fff;
		font-weight:  			600;
	}


/**************************
 * Appear
 **************************/
.fade
{

	-webkit-transform: 	translate(10px, 0);
	-moz-transform: 	translate(10px, 0);
	-ms-transform: 		translate(10px, 0);
	-webkit-transform: 	translate(0, 10px);
	-moz-transform: 	translate(0, 10px);
	-ms-transform: 		translate(0, 10px);

	opacity: 			0;
	-webkit-transition:	all 1s ease-out;
	-moz-transition:	all 1s ease-out;
	-o-transition:		all 1s ease-out;
	transition:			all 1s ease-out;
}

.fade.show
{
	-webkit-transform: 	translate(0, 0);
	-moz-transform: 	translate(0, 0);
	-ms-transform: 		translate(0, 0);
	opacity: 			1 !important;
}

#commons_message
{
}

#commons_message .messagereturn_error,
#commons_message .messagereturn_success,
#commons_message .messagereturn_admin
{
	position:  				fixed;
	right:  				0;
	bottom:  				0;
	margin:  				20px;
	baxo-shadow:  			5px 5px 15px rgba(0,0,0,.2);
	z-index:  				10000;
	font-size: 				12pt;
	padding: 				20px 10%;
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	border-radius:			8px;
	text-align: 			center;
}
#commons_message .messagereturn_error 	{ background-color: #a00; color: #fff;	}
#commons_message .messagereturn_success { background-color: #0c0; color: #fff;	}
#commons_message .messagereturn_admin	{ background-color: #222; color: #fff;	}

#commons_login:link,
#commons_login:hover,
#commons_login:active,
#commons_login:visited
{
	display: 				block;
	position: 				fixed;
	z-index: 				1000000;
	top: 					5px;
	right:					5px;
	width: 					16px;
	height:					16px;
	background-image: 		url(../images/commons/secure.png);
	background-position: 	center center;
	background-repeat: 		no-repeat;
	opacity: 				0.05;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
#commons_login:hover
{
	opacity: 				0.5;
}

/*************************************
 * Compte + deconnexion
 *************************************/
#commons_banner .commons_wrap
{
	position: 				relative;
}

#commons_logout_bloc
{
	position:  				absolute;
	top:  					0;
	right:  				0;
	margin-right:  			50px;
	color:  				#555;
	background-color:  		#ddd;
	padding:  				0;
	padding-left:  			10px;
	font-size:  			8pt;
	text-transform:  		uppercase;
	-moz-border-radius:		0 0 5px 5px;
	-webkit-border-radius:	0 0 5px 5px;
	border-radius:			0 0 5px 5px;
}
#commons_logout:link,
#commons_logout:hover,
#commons_logout:active,
#commons_logout:visited
{
	position:  				relative;
	display: 				inline-block;
	background-image: 		url(../images/commons/logout.svg);
	background-position: 	5px 50%;
	background-repeat: 		no-repeat;
	background-size:  		16px;
	background-color:  		#B7B7B7;
	color:  				#fff;
	padding:  				2px 5px;
	padding-left:  			22px;
	margin-left:  			10px;
	text-decoration:  		none;
	-moz-border-radius:		0 0 5px 0;
	-webkit-border-radius:	0 0 5px 0;
	border-radius:			0 0 5px 0;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
#commons_logout:hover
{
	background-color:  		#C00;
}

/*************************************
 * Header
 *************************************/
#commons_banner
{
	/*box-shadow:  			0 0 20px rgba(0,0,0,.3);*/
}
#commons_banner::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
	#commons_banner_logo
	{
		float:  		left;
		padding:  		10px 0;
		/*height:  		10px;*/
		/*width:  		200px;*/
	}
	#commons_banner_logo img#logo
	{
		height:  		80px;
	}
	#commons_banner_menu
	{
		margin-right: 	50px;
		text-align: 	right;
		padding-top:  	38px;
	}
	#commons_banner_right
	{
		float:  		right;
		margin-top:  	0;
		margin-right:  	50px;
	}
	#commons_banner_right a:link,
	#commons_banner_right a:hover,
	#commons_banner_right a:active,
	#commons_banner_right a:visited
	{
		border:  				1px solid #1dbc94;
		color: 					#1dbc94;
		padding:  				15px 19px;
		font-weight:   			700;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		border-radius:			5px;
		font-size:  			12pt;
		text-decoration:  		none;
	}
	#commons_banner_right a:hover
	{
		border:  				1px solid #1dbc94;
		color: 					#fff;
		background-color: 		#1dbc94;
	}

	#commons_banner #commons_banner_logo #logo_fixed
	{
		display: 			none;
	}

	/*************************************
	 * Fixed
	 *************************************/

	#commons_banner.fixed
	{
		position:  			fixed;
		background-color:  	rgba(255,255,255,.95);
		top: 				0;
		left:  				0;
		right:  			0;
		z-index:  			1000;
		box-shadow:  		0 10px 30px rgba(0,0,0,.15);
	}
		#commons_banner.fixed #commons_banner_logo #logo
		{
			display:  		none;
		}
		#commons_banner.fixed #commons_banner_logo #logo_fixed
		{
			display:  		block;
			padding-top:  	16px;
			height:   		90px;
		}
		#commons_banner.fixed #commons_banner_logo #logo_fixed img
		{
			height:  		50px;
		}
		#commons_banner.fixed #commons_banner_logo #commons_banner_logo
		{
			float:  		left;
			margin-top:  	0;
			margin-left:	50px;
			height:  		auto;
		}

	/*************************************
	 * Menu Principal
	 *************************************/
	#commons_banner_menu ul,
	#commons_banner_menu li
	{
		list-style-type:  	none;
		padding:  			0;
		margin:  			0;
	}
	#commons_banner_menu li.menu_item
	{
		display:  			inline-block;
	}
	#commons_banner_menu li.menu_item.has_submenu::after
	{
		content: 				" ";
		display: 				block;
		clear: 					both;
		position:   			relative;
		top:  					-4px;
		width:  				5px;
		height:  				5px;
		background-color:   	#1dbc94;
		-moz-border-radius:		50%;
		-webkit-border-radius:	50%;
		border-radius:			50%;
		margin:   				0 auto;
	}
	#commons_banner_menu li.menu_item .menu_item:link,
	#commons_banner_menu li.menu_item .menu_item:hover,
	#commons_banner_menu li.menu_item .menu_item:active,
	#commons_banner_menu li.menu_item .menu_item:visited
	{
		position:   		relative;
		display:  			inline-block;
		padding:  			5px 0;
		font-family:		'Josefin Sans', sans-serif;
		text-transform:  	uppercase;
		font-weight:  		700;
		margin:  			0 12px;
		text-decoration:  	none;
		font-size: 			11pt;
	}
	#commons_banner_menu li.menu_item .menu_item:hover,
	#commons_banner_menu li.menu_item .commons_menu_item_selected:link,
	#commons_banner_menu li.menu_item .commons_menu_item_selected:hover,
	#commons_banner_menu li.menu_item .commons_menu_item_selected:active,
	#commons_banner_menu li.menu_item .commons_menu_item_selected:visited
	{
		color:  			#feb335;
	}
	/*#commons_banner_menu li.menu_item .commons_menu_item_selected::before*/
	/*{*/
		/*content: 			" ";*/
		/*display: 			block;*/
		/*clear: 				both;*/
		/*position:  			absolute;*/
		/*left:  				0;*/
		/*bottom:  			0;*/
		/*width:  			100%;*/
		/*border-bottom:  	3px solid #feb335;*/
	/*}*/
	#commons_banner_menu .submenu
	{
		position:  			absolute;
		z-index:  			10000;
		display:   			none;
		margin-left:  		7px;
		margin-left:  		-42px;
		padding:   			20px 0;
		background-color:  	#fff;
		/*box-shadow:  		10px 10px 30px rgba(0,0,0,.1);*/
	}
	#commons_banner_menu .commons_submenu_item
	{
		display:   			block;
		padding:  			5px 20px;
		padding:  			5px 50px;
		min-width:  		150px;
		/*margin-bottom:   	1px;*/
		/*background-color:  	#fff;*/
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;

	}

	#commons_banner_menu .commons_submenu_item:link,
	#commons_banner_menu .commons_submenu_item:hover,
	#commons_banner_menu .commons_submenu_item:active,
	#commons_banner_menu .commons_submenu_item:visited
	{
		text-decoration:  	none;
		font-size:  		10pt;
		text-align:    		left;
	}
	#commons_banner_menu .commons_submenu_item:hover
	{
		color:  			#1dbc94;
		/*background-color:  	#1dbc94;*/
	}


/*************************************
 * Logo mobile
 ************************************/
#commons_banner_mobile
{
	position:  			relative;
	z-index:  			100;
	height:  			60px;
	background-color:  	rgba(255,255,255,.95);
	box-shadow:  		0 0 20px rgba(0,0,0,.1);
	/*box-shadow:  		0 0 5px rgba(0,0,0,.1);*/
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}
#commons_banner_mobile.fixed
{
	position: 			fixed;
	z-index:  			10000;
	top:  				0;
	left:  				0;
	right:  			0;
	box-shadow:  		0 10px 30px rgba(0,0,0,.15);
}
#commons_banner_mobile_header
{
	overflow:  			hidden;
}
#body.menu_opened #commons_banner_mobile_header
{
	position:  			fixed;
	z-index:  			1000000;
	background-color:  	#fff;
	top:  				0;
	left:  				0;
	right:  			0;
}
#body.menu_opened #commons_banner_mobile_header
{
	padding:  			0 20px;
}
#commons_banner_mobile_logolink:link,
#commons_banner_mobile_logolink:hover,
#commons_banner_mobile_logolink:active,
#commons_banner_mobile_logolink:visited
{
	display:  			block;
	text-align:  		left;
}

#commons_banner_mobile_logolink img
{
	max-width:  		70px;
	margin-top:  		5px;

}

#commons_banner_mobile_button
{
	float:   			right;
	margin-top:  		5px;
}

#commons_banner_mobile_content
{
	display:  			none;
	position:  			fixed;
	z-index:  			100;
	/*padding:  			20px;*/
	top:  				60px;
	left:  				0;
	right:  			0;
	bottom:  			0;
	/*background-color:  	rgba(0,0,0,.95);*/
	color:  			#fff;
	overflow: 	 		hidden;
	padding-bottom: 	100px;
}
#body.menu_opened #commons_banner_mobile_content
{
	display:  			block;
}


#commons_banner_mobile_content_inner
{
	position:  			absolute;
	top:  				0;
	left:  				0;
	right:  			0;
	bottom:  			0;
	padding:  			30px 50px;
	overflow-y:  		auto;
	-webkit-transition:	all .5s ease-out;
	-moz-transition:	all .5s ease-out;
	-o-transition:		all .5s ease-out;
	transition:			all .5s ease-out;
	background-color:  rgba(0,0,0,0);
	text-align:  		center;
}
#commons_banner_mobile_content_inner.opened
{
	background-color:  rgba(0,0,0,.9);
}


	#commons_banner_mobile_menu ul,
	#commons_banner_mobile_menu li
	{
		list-style-type:  	none;
		padding:  			0;
		margin:  			0;
	}
	#commons_banner_mobile_menu .submenunormal
	{
		/*padding-left:  		30px;*/
		padding-bottom:  	30px;
	}
	#commons_banner_mobile_menu a:link,
	#commons_banner_mobile_menu a:hover,
	#commons_banner_mobile_menu a:active,
	#commons_banner_mobile_menu a:visited
	{
		color:  			#fff;
		text-decoration:  	none;
	}


	#commons_banner_mobile_menu .commons_menu_item:link,
	#commons_banner_mobile_menu .commons_menu_item:hover,
	#commons_banner_mobile_menu .commons_menu_item:active,
	#commons_banner_mobile_menu .commons_menu_item:visited
	{
		display:  				inline-block;
		font-size:  			16pt;
		font-weight:  			600;
		padding:  				30px 0;
		opacity:  				0;
		-webkit-transition:		all .4s ease;
		-moz-transition:		all .4s ease;
		-o-transition:			all .4s ease;
		transition:				all .4s ease;
	}
	#commons_banner_mobile_content_inner.opened .commons_menu_item:link,
	#commons_banner_mobile_content_inner.opened .commons_menu_item:hover,
	#commons_banner_mobile_content_inner.opened .commons_menu_item:active,
	#commons_banner_mobile_content_inner.opened .commons_menu_item:visited
	{
		opacity:  				1;
		padding:  				9px 0;
	}

	/*#commons_banner_mobile_menu .commons_menu_item::before*/
		/*{*/
			/*content: 			"➜";*/
			/*display: 			inline-block;*/
			/*clear: 				both;*/
			/*margin-right:  		10px;*/
			/*color: rgba(255,255,255,0.1);*/
			/*-webkit-transition:	all .2s ease-out;*/
			/*-moz-transition:	all .2s ease-out;*/
			/*-o-transition:		all .2s ease-out;*/
			/*transition:			all .2s ease-out;*/
		/*}*/
		/*#commons_banner_mobile_menu .commons_menu_item:hover::before*/
		/*{*/
			/*color: rgba(255,255,255,1);*/
		/*}*/

	#commons_banner_mobile_menu .commons_submenu_item:link,
	#commons_banner_mobile_menu .commons_submenu_item:hover,
	#commons_banner_mobile_menu .commons_submenu_item:active,
	#commons_banner_mobile_menu .commons_submenu_item:visited
	{
		font-size:  			14pt;
		font-weight:  			500;
		color:  				rgba(255,255,255,.5);
		padding:  				30px 0;
		opacity:  				0;
		-webkit-transition:		all .4s ease;
		-moz-transition:		all .4s ease;
		-o-transition:			all .4s ease;
		transition:				all .4s ease;
	}
		#commons_banner_mobile_content_inner.opened .commons_submenu_item:link,
		#commons_banner_mobile_content_inner.opened .commons_submenu_item:hover,
		#commons_banner_mobile_content_inner.opened .commons_submenu_item:active,
		#commons_banner_mobile_content_inner.opened .commons_submenu_item:visited
		{
			display:  				block;
			opacity:  				1;
			padding:  				4px 0;
		}
		/*#commons_banner_mobile_menu .commons_submenu_item::before*/
		/*{*/
			/*content: 			"»";*/
			/*display: 			inline-block;*/
			/*clear: 				both;*/
			/*margin-right:  		10px;*/
			/*color: rgba(255,255,255,0.1);*/
			/*-webkit-transition:	all .2s ease-out;*/
			/*-moz-transition:	all .2s ease-out;*/
			/*-o-transition:		all .2s ease-out;*/
			/*transition:			all .2s ease-out;*/
		/*}*/
		/*#commons_banner_mobile_menu .commons_submenu_item:hover::before*/
		/*{*/
			/*color: rgba(255,255,255,1);*/
		/*}*/

	#commons_banner_mobile_social
	{
		position:  			absolute;
		left:  				0;
		right:  			0;
		bottom:  			0;
		opacity:     		0;
		text-align:  		center;
		padding:  			10px 0;
		background-color: 	rgba(0,0,0,.9);
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	}
	#commons_banner_mobile_content_inner.opened #commons_banner_mobile_social
	{
		opacity:     		1;
	}

/*************************************
 * Menu mobile
 *************************************/
.menu-icon-wrapper
{
	position: 		relative;
	display: 		inline-block;
	width: 			34px;
	height: 		34px;
	margin: 		8px 12px;
	margin: 		8px 0;
	margin-bottom: 	0;
	pointer-events: none;
	transition: 	0.1s;
}

.menu-icon-wrapper.scaled
{
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.menu-icon-wrapper svg
{
	position: absolute;
	top: -33px;
	left: -33px;
	-webkit-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.menu-icon-wrapper svg path
{
	stroke: rgba(0,0,0,.5);
	stroke-width: 20px;
	stroke-linecap: round;
	stroke-linejoin: square;
	fill: transparent;
}

.menu-icon-wrapper .menu-icon-trigger
{
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	pointer-events: auto;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.menu-icon-wrapper .menu-icon-trigger:hover,
.menu-icon-wrapper .menu-icon-trigger:focus
{
	outline: none;
}

/*************************************
 * Social
 *************************************/
.commons_social
{
}

.commons_social a:link,
.commons_social a:hover,
.commons_social a:active,
.commons_social a:visited
{
	position: 				relative;
	display: 				inline-block;
	background-repeat: 		no-repeat;
	background-position: 	50% 50%;
	width: 					20px;
	height:					20px;
	background-size: 		18px;
	margin: 				1px 3px;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
	opacity: 				1;
}
.commons_social a span
{
	display: 		none;
}

.commons_social a#facebook 		{ background-image: url(../images/social/facebook.png);		}
.commons_social a#twitter  		{ background-image: url(../images/social/twitter.png);		}
.commons_social a#googleplus	{ background-image: url(../images/social/googleplus.png);	}
.commons_social a#youtube  		{ background-image: url(../images/social/youtube.png);		}
.commons_social a#vimeo  		{ background-image: url(../images/social/vimeo.png);		}
.commons_social a#instagram 	{ background-image: url(../images/social/instagram.png);	}
.commons_social a#snapchat 		{ background-image: url(../images/social/snapchat.png);		}
.commons_social a#pinterest 	{ background-image: url(../images/social/pinterest.png);	}
.commons_social a#viadeo 		{ background-image: url(../images/social/viadeo.png);		}
.commons_social a#linkedin 		{ background-image: url(../images/social/linkedin.png);		}
.commons_social a#android 		{ background-image: url(../images/social/android.png);		}
.commons_social a#googleplay 	{ background-image: url(../images/social/googleplay.png);	}
.commons_social a#apple			{ background-image: url(../images/social/apple.png);		}
.commons_social a#appstore 		{ background-image: url(../images/social/appstore.png);		}

#commons_footer .commons_social a#facebook 		{ background-image: url(../images/social/white/facebook.png);		}
#commons_footer .commons_social a#twitter  		{ background-image: url(../images/social/white/twitter.png);		}
#commons_footer .commons_social a#googleplus	{ background-image: url(../images/social/white/googleplus.png);		}
#commons_footer .commons_social a#youtube  		{ background-image: url(../images/social/white/youtube.png);		}
#commons_footer .commons_social a#vimeo  		{ background-image: url(../images/social/white/vimeo.png);			}
#commons_footer .commons_social a#instagram 	{ background-image: url(../images/social/white/instagram.png);		}
#commons_footer .commons_social a#snapchat 		{ background-image: url(../images/social/white/snapchat.png);		}
#commons_footer .commons_social a#pinterest 	{ background-image: url(../images/social/white/pinterest.png);		}
#commons_footer .commons_social a#viadeo 		{ background-image: url(../images/social/white/viadeo.png);			}
#commons_footer .commons_social a#linkedin 		{ background-image: url(../images/social/white/linkedin.png);		}
#commons_footer .commons_social a#android 		{ background-image: url(../images/social/white/android.png);		}
#commons_footer .commons_social a#googleplay 	{ background-image: url(../images/social/white/googleplay.png);		}
#commons_footer .commons_social a#apple			{ background-image: url(../images/social/white/apple.png);			}
#commons_footer .commons_social a#appstore 		{ background-image: url(../images/social/white/appstore.png);		}

/*.commons_social.color a#facebook			{ background-image: url(../images/social/facebook.png); 		background-color: #3A5BA2;	}*/
/*.commons_social.color a#twitter  			{ background-image: url(../images/social/twitter.png);	 		background-color: #1EBEF0;	}*/
/*.commons_social.color a#googleplus  		{ background-image: url(../images/social/googleplus.png); 		background-color: #E1584B;	}*/
/*.commons_social.color a#youtube  			{ background-image: url(../images/social/youtube.png);			background-color: #C33C2D; 	}*/
/*.commons_social.color a#vimeo  				{ background-image: url(../images/social/vimeo.png);			background-color: #C33C2D; 	}*/
/*.commons_social.color a#instagram  			{ background-image: url(../images/social/instagram.png);		background-color: #7d4728; 	}*/
/*.commons_social.color a#snapchat  			{ background-image: url(../images/social/snapchat.png);			background-color: #ECE000; 	}*/
/*.commons_social.color a#pinterest  	 		{ background-image: url(../images/social/pinterest.png);		background-color: #BD2026; 	}*/
/*.commons_social.color a#viadeo  			{ background-image: url(../images/social/viadeo.png);			background-color: #FF7452; 	}*/
/*.commons_social.color a#linkedin  		 	{ background-image: url(../images/social/linkedin.png);			background-color: #4B74A0; 	}*/

/*.commons_social.color a#android  		 	{ background-image: url(../images/social/android.png);			background-color: #85C808; 	}*/
/*.commons_social.color a#googleplay  		{ background-image: url(../images/social/googleplay.png);		background-color: #00A6B9; 	}*/
/*.commons_social.color a#apple  		 		{ background-image: url(../images/social/apple.png);			background-color: #A5B7CB; 	}*/
/*.commons_social.color a#appstore  		 	{ background-image: url(../images/social/appstore.png);			background-color: #4086CD; 	}*/

.commons_social.color
{
	text-align:  		center;
}
.commons_social.color a
{
	background-color: 		#1dbc94;
	border: 				2px solid rgba(255,255,255,.8);
	margin: 				2px 1px;
}

/*
.commons_social:hover a#facebook:hover		{ background-image: url(../images/social/facebook.png); 		background-color: #3A5BA2;	}
.commons_social:hover a#twitter:hover  		{ background-image: url(../images/social/twitter.png);	 		background-color: #1EBEF0;	}
.commons_social:hover a#googleplus:hover  	{ background-image: url(../images/social/googleplus.png); 		background-color: #E1584B;	}
.commons_social:hover a#youtube:hover  		{ background-image: url(../images/social/youtube.png);			background-color: #C33C2D; 	}
.commons_social:hover a#vimeo:hover  		{ background-image: url(../images/social/vimeo.png);			background-color: #C33C2D; 	}
.commons_social:hover a#instagram:hover  	{ background-image: url(../images/social/instagram.png);		background-color: #7d4728; 	}
.commons_social:hover a#snapchat:hover  	{ background-image: url(../images/social/snapchat.png);			background-color: #ECE000; 	}
.commons_social:hover a#pinterest:hover  	{ background-image: url(../images/social/pinterest.png);		background-color: #BD2026; 	}
.commons_social:hover a#viadeo:hover  		{ background-image: url(../images/social/viadeo.png);			background-color: #FF7452; 	}
.commons_social:hover a#linkedin:hover  	{ background-image: url(../images/social/linkedin.png);			background-color: #4B74A0; 	}
*/

/*************************************
 * Footer
 *************************************/
#commons_footer
{
	font-family:			 'Josefin Sans', sans-serif;
	position:  			relative;
	padding:          	60px 0;
	background-color: 	#0c0c0c;
	color:            	rgba(255,255,255,1);
}

#commons_footer .commons_wrap,
#commons_afterfooter .commons_wrap
{
	/*max-width:  		900px;*/
	/*margin:  			0 auto;*/
}
	/*************************************
	 * Footer > Contact
	 *************************************/
	#commons_footer_contact
	{
	}
		.commons_footer_contact_item,
		.commons_footer_contact_item:link,
		.commons_footer_contact_item:hover,
		.commons_footer_contact_item:active,
		.commons_footer_contact_item:visited
		{
			display:  				block;
			color:  				#fff;
			margin:  				0 5px;
			padding:  				10px 0;
			padding-left:  			20px;
			background-position:	left center;
			background-repeat: 		no-repeat;
			background-size:  		16px;
		}
		.commons_footer_contact_item.email { background-size:  	16px;	background-image: url(../images/commons/mailw.svg); }
		.commons_footer_contact_item.phone { background-size:  	10px;	background-image: url(../images/commons/phonew.svg); }
		.commons_footer_contact_item.address { background-size: 16px;	background-image: url(../images/commons/localisation.svg); }



	/*************************************
	 * Footer >  Social
	 *************************************/
	/*#commons_footer_social*/
	/*{*/
		/*border-top:  		1px solid rgba(255,255,255,.3);*/
		/*border-bottom:  	1px solid rgba(255,255,255,.3);*/
	/*}*/
		/*#commons_footer_social::after*/
		/*{*/
			/*content: 			" ";*/
			/*display: 			block;*/
			/*clear: 				both;*/
		/*}*/
		/*#commons_footer_social_info*/
		/*{*/
			/*float:  			left;*/
			/*width:  			55%;*/
			/*padding-top:  		20px;*/
			/*font-size:  		15pt;*/
		/*}*/
		/*#commons_footer_social_items*/
		/*{*/
			/*float:  			right;*/
			/*width:  			40%;*/
		/*}*/

		.footer_subtitle
		{
			font-size:  		15pt;
			margin:  			15px 0;
			text-transform:  	uppercase;
			font-family:		'Josefin Sans', sans-serif;
			color:  			#fff;
			font-weight:  		600;
		}


	/*************************************
	 * Footer > Info
	 *************************************/
	#commons_footer
	{
		padding-top:			300px;
		background-image: 		url(../images/commons/logo-white.svg);
		background-position:	50% 50px;
		background-repeat: 		no-repeat;
		background-size:  		180px;

	}
	#commons_footer::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	#commons_footer_info,
	#commons_footer_menu,
	#commons_footer_contact,
	#commons_footer_newsletter
	{
		float:  				left;
		width:  				25%;
		padding-right:  		5%;
	}
	#commons_footer_info
	{

	}
	#commons_footer_menu
	{
	}
		#commons_footer_menu_items
		{
			padding:  		20px 0;
		}
		#commons_footer_menu_items a:link,
		#commons_footer_menu_items a:hover,
		#commons_footer_menu_items a:active,
		#commons_footer_menu_items a:visited
		{
			display:  			block;
			color:  			#fff;
			margin-bottom:  	10px;
		}

	#commons_footer_contact
	{
	}
	#commons_footer_newsletter
	{
		text-align:  			center;
		padding-right:  		0;
	}
		#commons_footer_newsletter .input_email
		{
			font-family:  			inherit;
			border:  				1px solid #fff;
			background-color:  		#0c0c0c;
			height:  				35px;
			margin-right:  			3px;
			width:  				180px;
			color:  				#fff;
		}
		#commons_footer_newsletter .input_email::placeholder
		{
			text-align:  			center;
			color:  				#fff;
			opacity:  				.95;
		}
		#commons_footer_newsletter .input_submit
		{
			font-family:  			inherit;
			border:  				1px solid #fff;
			background-color:  		#0c0c0c;
			height:  				35px;
			width:  				40px;
			background-image: 		url(../images/commons/envoyer.svg);
			background-position:	center center;
			background-repeat: 		no-repeat;
			background-size:  		16px;
			-webkit-appearance:	 	none;
		}

	/*************************************
	 * Bloc A propos
	 *************************************/
	#commons_footer_info .commons_social
	{
		margin:  		20px 0;
	}


	/*************************************
	 * Afterfooter
	 *************************************/
#commons_afterfooter
{
	color:  				rgba(255,255,255,.8);
	background-color:  		#000;
	padding:  				25px 0;
	font-size:  			10pt;
}
#commons_afterfooter::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
	#commons_afterfooter a:link,
	#commons_afterfooter a:hover,
	#commons_afterfooter a:active,
	#commons_afterfooter a:visited
	{
		color:  				rgba(255,255,255,.8);
	}
	#commons_afterfooter_menu
	{
		float: 				left;
	}
	#commons_afterfooter_realisation
	{
		float: 				right;
	}
	#commons_afterfooter .separator
	{
		padding:  		0 10px;
	}

@media only screen /* Smartphone Horizontal */
and (max-width : 1540px)
{
}



@media only screen /* Smartphone Horizontal */
and (max-width : 1450px)
{
	/*#commons_banner_menu li.menu_item .menu_item:link,*/
	/*#commons_banner_menu li.menu_item .menu_item:hover,*/
	/*#commons_banner_menu li.menu_item .menu_item:active,*/
	/*#commons_banner_menu li.menu_item .menu_item:visited*/
	/*{*/
		/*font-size:   			11pt;*/
		/*margin:  				0 7px;*/
	/*}*/

	/*#commons_banner_right*/
	/*{*/
		/*margin-right:  		0;*/
		/*margin-top:  		5px;*/
	/*}*/
	/*#commons_banner_right a:link,*/
	/*#commons_banner_right a:hover,*/
	/*#commons_banner_right a:active,*/
	/*#commons_banner_right a:visited*/
	/*{*/
		/*padding:  				10px 10px;*/
		/*font-size:  			10pt;*/
		/*margin-left:  			10px;*/
	/*}*/
}
@media only screen /* Smartphone Horizontal */
and (max-width : 1350px)
{
	/*#commons_banner_menu li.menu_item .menu_item:link,*/
	/*#commons_banner_menu li.menu_item .menu_item:hover,*/
	/*#commons_banner_menu li.menu_item .menu_item:active,*/
	/*#commons_banner_menu li.menu_item .menu_item:visited*/
	/*{*/
		/*font-size:   			9pt;*/
		/*margin:  				0 5px;*/
	/*}*/

	/*#commons_banner_right*/
	/*{*/
		/*margin-right:  		0;*/
		/*margin-top:  		5px;*/
	/*}*/
	/*#commons_banner_right a:link,*/
	/*#commons_banner_right a:hover,*/
	/*#commons_banner_right a:active,*/
	/*#commons_banner_right a:visited*/
	/*{*/
		/*font-size:  			10pt;*/
	/*}*/
	/*#commons_banner_right a:link,*/
	/*#commons_banner_right a:hover,*/
	/*#commons_banner_right a:active,*/
	/*#commons_banner_right a:visited*/
	/*{*/
		/*padding:  				10px 10px;*/
		/*font-size:  			10pt;*/
	/*}*/

	.commons_wrap
	{
		margin: 			0 20px;
		/*margin: 			0 50px;*/
	}
	commons_wrap_inner
	{
		margin: 			0 20px;
	}
}


@media only screen /* Smartphone Horizontal */
and (max-width : 1200px)
{

	/*#commons_banner_right*/
	/*{*/
		/*display:  		none !important;*/
	/*}*/


	#commons_afterfooter_menu,
	#commons_afterfooter_realisation
	{
		float:  			none;
		text-align:  		center;
		padding:  			15px 30px;
		margin:  			0;
	}
	#commons_afterfooter_realisation
	{
		margin-top:  		20px;
		padding-top:		20px;
		border-top:  		1px solid rgba(255,255,255,.1);
	}
}


@media only screen /* Smartphone Horizontal */
and (max-width : 1100px)
{


	.commons_wrap,
	.commons_wrap_inner
	{
		margin:  		0 20px;
	}



	#commons_banner_logo img#logo
	{
		max-width:  	62%;
	}

	#commons_banner_menu
	{
		line-height:  	2;
	}


}

@media only screen /* Smartphone Horizontal */
and (max-width : 900px)
{
	.mobile {	display: block;	}
	.desktop {	display: none;	}


	#pathfinder
	{
		display:  		none;
		margin:  		0 20px;
		width:  		auto;
	}
	.compact
	{
		float:  		none !important;
		width:  		auto !important;
	}

	/*.commons_footer_contact_item:link,*/
	/*.commons_footer_contact_item:hover,*/
	/*.commons_footer_contact_item:active,*/
	/*.commons_footer_contact_item:visited*/
	/*{*/
		/*display:  		block;*/
		/*margin:   		10px 10px;*/
	/*}*/
	/*#commons_footer_social_info,*/
	/*#commons_footer_social_items*/
	/*{*/
		/*float:  		none;*/
		/*width:  		auto;*/
		/*margin:			10px 10px;*/
		/*text-align:  	center;*/
	/*}*/
	/*#commons_footer_info*/
	/*{*/
		/*!*margin:  				0 20px;*!*/
		/*!*padding:  				30px 0;*!*/
		/*!*padding-left:			100px;*!*/
		/*!*background-position:	left center;*!*/
		/*!*background-repeat: 		no-repeat;*!*/
		/*!*background-size:  		80px;*!*/
	/*}*/
	#commons_footer
	{
		padding-top:  	220px;
	}
	#commons_footer .commons_wrap
	{
		margin:  			0;
	}
	#commons_footer_info,
	#commons_footer_menu,
	#commons_footer_contact,
	#commons_footer_newsletter
	{
		float:  				none;
		width:  				auto;
		padding:  				20px 20px;
		border-top:  			1px solid rgba(255,255,255,.2);
	}
	#commons_footer_info
	{
		border-top:  			0;
	}
}

@media only screen /* Smartphone Horizontal */
and (max-width : 700px)
{

	#pathfinder
	{
		display:   		none;
	}

	h1,
	.h1_like
	{
		font-size: 				21pt;
		font-weight: 			600;
		padding: 				5px 0;
		margin: 				5px 0;
		line-height:			1.2;
		color:  				#111;
	}
	h2, .h2_like { font-size: 19pt; }
	h3, .h3_like { font-size: 17pt; }



	.mobile {	display: block;	}
	.desktop {	display: none;	}

	#commons_banner
	{
		display:  		none;
	}

	#commons_header
	{
		/*padding-bottom:  	30px;*/
		/*padding-bottom:  	100px;*/
	}

}