/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800');*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500;600;700&display=swap');*/

/*****************************************************
   COLORS 
 *****************************************************
 * Vert General			#7BD5F5	rgb(29,188,148)
 * Grey light			#f4f4f4
 * Grey dark			#2d2d2d
 * Grey medium			#d9d9d9
 * Grey Brown			#868686
 * Box-shadow:  		0 10px 30px rgba(0,0,0,.15);
 ******************************************************/
 
html, body 
{
	margin: 					0;
	padding: 					0;
	font-size: 					12pt;
	line-height: 				1.4;
	background-color: 			#FFF;
	color: 						#555;
	font-family: 				"Quicksand", Arial;
	font-weight: 				600;
	/*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; }

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

.shadow_hover
{
	box-shadow:  		0 10px 15px rgba(0,0,0,0);
	-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,.15);
}

h1,
h2,
h3,
.h1_like,
.h2_like,
.h3_like
{
	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: 			3000px;
	margin: 			0 70px;
}
.commons_wrap_inner
{
	max-width: 			1400px;
	margin: 			0 auto;
}
.commons_wrap::after,
.commons_wrap_inner::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

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

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

input[type='button'],
input[type='submit']
{
	display: 				inline-block;
	position: 				relative;
	z-index: 				1;
	background-color: 		#7BD5F5;
	padding: 				15px 30px;
	color: 					#fff;
	font-size: 				13pt;
	font-weight: 			600;
	text-decoration: 		none;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius:			4px;
	-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:  			#7BD5F5;
	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:  		#7BD5F5;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
}

.button,
.button:link,
.button:hover,
.button:active,
.button:visited
{
	display: 				inline-block;
	position: 				relative;
	z-index: 				1;
	background-color: 		#70CFED;
	padding: 				15px 30px;
	letter-spacing:   		.75px;
	color: 					#fff;
	font-size: 				16pt;
	font-weight: 			600;
	text-decoration: 		none;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius:			4px;
	-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: #2d2d2d;
	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;*/
}


.encadre
{
	background-color:  		#7BD5F5;
	padding: 				120px 30px 50px 30px;
	color:  				#fff;
	font-weight:  			600;
	background-image: 		url(../images/commons/logo-seul.svg);
	background-position:	50% 40px;
	background-repeat: 		no-repeat;
	font-size:   			14pt;
	line-height:     		1.6;
	background-size:  		60px;
	text-align:  			left;
}

/*************************************
 * Header commons
 *************************************/
/*#commons_header*/
/*{*/
	/*padding:  			80px 0;*/
	/*padding-top:  		0;*/
/*}*/
/*.commons_header_title*/
/*{*/
	/*text-align:  		center;*/
	/*margin-top:  		80px;*/
/*}*/
/*.commons_header_description*/
/*{*/
	/*text-align:  		center;*/
	/*max-width:  		500px;*/
	/*margin:  			30px auto;*/
	/*line-height:  		1.9;*/
/*}*/



/**********************************
 * Pathfinder
 **********************************/
	#pathfinder
	{
		color: 					#888;
		font-size:  			10pt;
		padding: 				15px 0;
		/*max-width:  			1000px;*/
		margin:  				0 auto;
		margin-left:  			150px;

		margin:  				0 auto;
		max-width:				70%;
		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
	{
		color: 					#777;
		margin: 				0 5px;
	}
	#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: 					#7BD5F5;
	}


/**************************
 * 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
{
	font-size: 				12pt;
	padding: 				20px 10%;
	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;
}

/*************************************
 * Header
 *************************************/
#commons_banner
{
	background-color:   	#29235C;
	border:  				1px solid transparent;
}
#commons_banner::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
	#commons_banner_logo
	{
		float:  		left;
		margin-top:  	-31px;
		margin-left:	0;
		/*height:  		140px;*/
		height:  		98px;
		width:  		260px;
	}
	#commons_banner_logo img#logo
	{
		/*height:  		170%;*/
		/*max-width:   	72%;*/
		/*width:  		100%;*/
	}
	#commons_banner_menu
	{
		/*float:  		right;*/
		text-align:  	center;
		margin-right: 	50px;
		/*margin-top:  	70px;*/
		margin-top:  	37px;
	}
	#commons_banner_right
	{
		float:  		right;
		margin-top:  	8px;
		margin-right:  	50px;
	}
	#commons_banner_menu a:link,
	#commons_banner_menu a:hover,
	#commons_banner_menu a:active,
	#commons_banner_menu a:visited
	{
		color:  		#fff;
	}
	#commons_banner_right a:link,
	#commons_banner_right a:hover,
	#commons_banner_right a:active,
	#commons_banner_right a:visited
	{
		border:  				1px solid #7BD5F5;
		color: 					#7BD5F5;
		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 #7BD5F5;
		color: 					#fff;
		background-color: 		#7BD5F5;
	}

	#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:  			10000;
		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;*/
			/*height:   		60px;*/
		}
		#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:   	#7BD5F5;
		-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;
		margin:  			0 7px;
		text-decoration:  	none;
		font-size: 			11pt;
	}
	#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
	{
	}
	#commons_banner_menu li.menu_item .commons_menu_item_selected::before
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
		position:  			absolute;
		left:  				0;
		bottom:  			0;
		width:  			25px;
		border-bottom:  	3px solid #7BD5F5;
	}
	#commons_banner_menu .submenu
	{
		position:  			absolute;
		z-index:  			10000;
		display:   			none;
		margin-left:  		7px;
		margin-left:  		-42px;
		padding:   			20px 0;
		background-color:  	#29235C;
		box-shadow:  		10px 10px 30px rgba(0,0,0,.5);
	}
	#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:  			#7BD5F5;
		/*background-color:  	#7BD5F5;*/
	}


/*************************************
 * Logo mobile
 ************************************/
#commons_banner_mobile
{
	position:  			relative;
	z-index:  			100;
	height:  			60px;
	background-color:  	#29235C;
	/*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:  	#29235C;
	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:  		160px;
	margin-top:  		0;

}

#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: rgba(255,255,255, .9);
	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: 					40px;
	height:					40px;
	background-size: 		20px;
	/*background-color: 		#171717;*/
	margin: 				2px 5px;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-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::after
{
	content: 				" ";
	display: 				block;
	clear: 					both;
	position: 				absolute;
	top: 					-1px;
	left: 					-1px;
	right: 					-1px;
	bottom: 				-1px;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	border: 				2px solid rgba(255,255,255,.8);
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
.commons_social a:hover::after
{
	border: 				2px solid rgba(0,0,0,0.4);
}
.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_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: 		#7BD5F5;
	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; 	}
*/

/*************************************
 * CTA
 *************************************/

#home_cta li .diaporama_info
{
	max-width:  		250px;
	margin:   			0 auto;
	padding:  			0 10px;
}
#home_cta li .diaporama_label
{
	display: 			none;
}
#home_cta li .diaporama_description
{
	line-height:  		1.6;
	font-size:  		11pt;
}
#home_cta li .diaporama_description span
{
	color:  			#7BD5F5;
	max-width:  		200px;
}

#home_cta .diaporama_image_bloc
{
	position:  				relative;
	background-color:  		#7BD5F5;
	width:  				80px;
	height:  				80px;
	padding:  				26px 5px;
	text-align:  			center;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	margin:   				20px auto;
	vertical-align: 		middle;
}

#home_cta .diaporama_image_bloc img
{
	display:  				inline-block;
	width: 		 			32px;
	margin:  				0 auto;
}

#home_cta .slick-slide
{
	position:  				relative;
}
#home_cta .slick-slide a:link,
#home_cta .slick-slide a:hover,
#home_cta .slick-slide a:active,
#home_cta .slick-slide a:visited
{
	position:  			absolute;
	top:  				0;
	left:  				0;
	right:  			0;
	bottom:  			0;
	cursor:  			pointer;
}
#home_cta li .diaporama_image_bloc::after,
#home_cta li .diaporama_image_bloc::before
{
	content: 				" ";
	display: 				block;
	clear:   				both;
	position:  				absolute;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	top:  					0;
	left:  					0;
	right:  				0;
	bottom:  				0;
	background-color:  		#fff;
	opacity:  				1;
	/*border:  				2px solid rgba(0,0,0,0);*/
	-webkit-transition:		all .4s ease-out;
	-moz-transition:		all .4s ease-out;
	-o-transition:			all .4s ease-out;
	transition:				all .4s ease-out;
	transform:  			scale(0);
}
#home_cta li .diaporama_image_bloc::before
{
	-webkit-transition:		all .8s ease-out;
	-moz-transition:		all .8s ease-out;
	-o-transition:			all .8s ease-out;
	transition:				all .8s ease-out;
}
#home_cta li:hover .diaporama_image_bloc::before,
#home_cta li:hover .diaporama_image_bloc::after
{
	opacity:  				0;
	transform:  			scale(1);
}


/*************************************
 * Footer
 *************************************/
#commons_footer
{
	background-color: 		#29235C;
	color:   				#fff;
}
#commons_footer .commons_wrap
{
	background-image: 		url(../images/commons/logo-footer.svg);
	background-position:	50px 50%;
	background-repeat: 		no-repeat;
	background-size:   		180px;
	padding:  				50px 0;
	padding-left:   		20%;
}
#commons_footer_top
{
	padding:  		10px 0;
}
#commons_footer_info
{
	padding:  		10px 0;
	min-height:  	150px;
}

#commons_footer_top::after,
#commons_footer_info::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

.commons_footer_column1,
.commons_footer_column2,
.commons_footer_column3
{
	float:  			left;
	width:  			30%;
	margin-left:  		3%;
}

#commons_footer_phone,
#commons_footer_email
{
	font-size:  			16pt;
	text-align:  			center;
	padding:  				10px 20px;
	border: 				2px solid rgba(255,255,255,.8);
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
}
#commons_footer_phone a:link,
#commons_footer_phone a:hover,
#commons_footer_phone a:active,
#commons_footer_phone a:visited,
#commons_footer_email a:link,
#commons_footer_email a:hover,
#commons_footer_email a:active,
#commons_footer_email a:visited
{
	color:  		#fff;
}
#commons_footer_social
{

}
.footer_menu_title
{
	font-size:  		16pt;
	font-weight:  		600;
	text-transform:   	uppercase;
	margin-top:  		30px;
	margin-bottom:  	20px;
}
#commons_footer_info a:link,
#commons_footer_info a:hover,
#commons_footer_info a:active,
#commons_footer_info a:visited
{
	display:  		block;
	color:  		rgba(255,255,255,.9);
	padding:   		8px 0;
	font-weight:  	400;
}


/*************************************
 * Newsletter
 *************************************/
#footer_newsletter
{
	position:  			relative;
	top:  				-95px;
	max-width:  		840px;
	margin:  			0 auto;
	margin-bottom:  	100px;
	padding:   			40px 60px;
	color:  			#fff;
	background-color:  	#2d2d2d;
}
#footer_newsletter::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
	#footer_newsletter_intro
	{
		float:  		left;
		width:  		45%;
	}
		#footer_newsletter_intro h2
		{
			font-size:  	20pt;
			padding:  		0;
			margin:  		0;
			color:  		#fff !important;
		}
	#footer_newsletter_form
	{
		float:  			right;
		width:  			45%;
		padding-right:  	50px;
	}
	#footer_newsletter_form .input_email
	{
		background-color:  	transparent;
		border:  			0;
		border-bottom:		1px solid rgba(255,255,255,1);
		padding:  			10px 10px;
		margin-top:  		20px;
		color:   			#fff;
		font-size:  		13pt;
		font-weight:   		600;
		font-family:  		inherit;
		width:  			100%;
		text-align:  		center;
		-webkit-appearance: none;
		-moz-appearance: 	none;
		appearance: 		none;
	}
	#footer_newsletter_form .input_submit
	{
		font-family:  			inherit;
		display: 				inline-block;
		position: 				absolute;
		top:  					75px;
		right: 		 			-50px;
		z-index: 				1;
		background-color: 		#7BD5F5;
		padding: 				10px 20px;
		color: 					#fff;
		font-size: 				13pt;
		font-weight: 			600;
		text-decoration: 		none;
		-moz-border-radius:		4px;
		-webkit-border-radius:	4px;
		border-radius:			4px;
		-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);
	}
	#footer_newsletter_form .subscriber_unsubscribe:link,
	#footer_newsletter_form .subscriber_unsubscribe:hover,
	#footer_newsletter_form .subscriber_unsubscribe:active,
	#footer_newsletter_form .subscriber_unsubscribe:visited
	{
		display:  				block;
		text-align:  			center;
		margin:  				15px 0;
		margin-bottom:  		0;
		color:  				#444;
	}
	#footer_newsletter .captcha_display
	{
		display: 		none;
	}

#commons_afterfooter_realisation
{
	margin-right:  		100px;
}
/*************************************
 * Context
 *************************************/
.context
{
	overflow:  				hidden;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	background-color:  		#fff;
	margin-bottom:  		30px;
}

	.context .context_title
	{
		color:  			#fff;
		background-color:  	#7BD5F5;
		padding:  			20px 10px;
		text-align:  		center;
		font-size: 			14pt;
	}

	.context .context_content
	{
		padding:  			20px 40px;
	}

	.context .line
	{
		padding:  				10px 0;
		padding-left:  			40px;
		background-position:	0 50%;
		background-repeat: 		no-repeat;
		background-size:  		30px;
		font-weight:  			200;
	}
	.context .address
	{
		background-image: 		url(../images/teamoffice/localisation.svg);
	}
	.context .openhour
	{
		background-image: 		url(../images/teamoffice/ouverture.svg);
	}
	.context .contact
	{
		background-image: 		url(../images/teamoffice/contact.svg);
	}


/*************************************
 * Afterfooter
 *************************************/
#commons_afterfooter
{
	background-color:  		#29235C;
	padding:  				20px 0;
	color:  				#fff;
	border-top:				1px solid rgba(255,255,255,.1);
}
#commons_afterfooter::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	#commons_afterfooter_menu
	{
		float:  			left;
	}
	#commons_afterfooter_menu a:link,
	#commons_afterfooter_menu a:hover,
	#commons_afterfooter_menu a:active,
	#commons_afterfooter_menu a:visited
	{
		color:  			#fff;
	}
	#commons_afterfooter_menu span.separator
	{
		margin:  			0 10px;
	}
	#commons_afterfooter_realisation
	{
		float:  			right;
	}
	#commons_afterfooter_realisation a:link,
	#commons_afterfooter_realisation a:hover,
	#commons_afterfooter_realisation a:active,
	#commons_afterfooter_realisation a:visited
	{
		color:  			rgba(255,255,255,.5);
		text-decoration:  	underline;
	}

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

	#commons_banner_menu
	{
		/*width:  		75%;*/
		width:  		auto;
		margin-top:  	30px;
		line-height:  	2;
	}
	.commons_wrap
	{
		max-width: 			auto;
		/*margin: 			0 20px;*/
		margin: 			0 50px;
	}
	.commons_wrap_inner
	{
		margin: 			0 50px;
	}


	#pathfinder
	{
		/*margin:  				0 20px;*/
		/*margin-left:  			150px;*/
		margin:  				0 auto;
		max-width:				60%;
	}
}



@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
	{
		margin-top:  	26px;
		line-height:  	2;
	}

	#commons_footer .commons_wrap
	{
		padding-left:   		0;
		background-size:  		0;
	}



	#commons_footer_phone,
	#commons_footer_email
	{
		font-size:  	13pt;
		padding:    	8px 15px;
	}

}

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


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

	#commons_footer .commons_wrap
	{
		padding:  				0;
		padding-top:   			210px;
		background-position: 	50% 60px;
		background-size:  		150px;
	}


	#commons_footer_social
	{
		text-align:  		center;
	}

	#commons_footer_phone,
	#commons_footer_email,
	#commons_footer_social
	{
		max-width:  		280px;
		margin:  			17px auto;
	}

	#commons_footer_top .commons_footer_column1,
	#commons_footer_top .commons_footer_column2,
	#commons_footer_top .commons_footer_column3
	{
		float:  			none;
		width:  			280px;
		margin:  			0 auto;
		margin-bottom:		10px;
	}

	#commons_footer
	{
		padding-bottom:  	30px;
	}


	/*************************************
	 * Newsletter
	 *************************************/
	#footer_newsletter
	{
		top:  					0;
		margin:   				20px 20px;
		text-align:  			center;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		border-radius:			5px;
	}
	#footer_newsletter_form
	{
		padding:   				0;
	}
	#footer_newsletter_form .input_email
	{
		margin:  				20px auto;
		width:  				100%;
	}
	#footer_newsletter_form .input_submit
	{
		display: 				block;
		position: 				relative;
		top:  					0;
		right: 		 			0;
		z-index: 				1;
		margin:  				20px auto;
		width:  				50%;
	}


}

@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;*/
	}



	/*************************************
	 * Part 2
	 *************************************/
	#home_part2_title
	{
		text-align:  	center;
	}


	/*************************************
	 * Newsletter
	 *************************************/
	#footer_newsletter
	{
		top:  					0;
		margin:   				20px 20px;
		text-align:  			center;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		border-radius:			5px;
	}
	#footer_newsletter_form
	{
		padding:   				0;
	}
	#footer_newsletter_form .input_email
	{
		margin:  				20px auto;
		width:  				100%;
	}
	#footer_newsletter_form .input_submit
	{
		display: 				block;
		position: 				relative;
		top:  					0;
		right: 		 			0;
		z-index: 				1;
		margin:  				20px auto;
		width:  				70%;
	}

	/*************************************
	 * Footer
	 *************************************/
	#commons_footer .commons_wrap
	{
		padding:  				0;
		padding-top:   			200px;
		background-position: 	50% 40px;
		background-size:  		150px;
	}
	#commons_footer_top
	{

	}
	#footer_newsletter
	{
		padding:   			40px 40px;
	}

	.footer_menu_title
	{
	}
		#commons_footer_info a:link,
		#commons_footer_info a:hover,
		#commons_footer_info a:active,
		#commons_footer_info a:visited
		{
			margin-left:  	20px;
		}
		#commons_footer_metier,
		#commons_footer_agence
		{
			padding:   			20px 0;
			padding-bottom:  	50px;
			border-bottom:  	1px solid rgba(255,255,255,.2);
		}


		#commons_footer_info .commons_footer_column1,
		#commons_footer_info .commons_footer_column2,
		#commons_footer_info .commons_footer_column3
		{
			float:  			none;
			width:  			auto;
			margin:  			0;
			margin-bottom:		10px;
		}

		#commons_footer_phone,
		#commons_footer_email,
		#commons_footer_social
		{
			width:  			auto;
			margin:  			17px auto;
		}

	.shadow_hover:hover,
	.shadow
	{
		box-shadow:  		0 5px 10px rgba(0,0,0,.15);
	}

	#home_cta li .diaporama_info
	{
		margin-bottom:  		20px;
	}
	#home_cta .diaporama_image_bloc
	{
		margin-bottom:  		10px;
	}

}