@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,300i,400,500,500i,600,700');


/*****************************************************
   COLORS
 *****************************************************
 * Blue				#406879
 * Vert				#8BC462
 ******************************************************/

html, body
{
	margin: 				0;
	padding: 				0;
	font-size: 				10pt;
	font-weight: 			300;
	line-height: 			1.5;
	background-color: 		#FFF;
	color: 					#555;
	font-family: 			"Poppins", Arial;
	font-weight: 			300;
}

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

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

h1,
h2,
h3,
.h1_like,
.h2_like,
.h3_like
{
	font-weight: 			700;
	font-size: 				26pt;
	color: 					#201E21;
	font-weight: 			normal;
	padding: 				5px 0;
	margin: 				5px 0;
	line-height:			1.2;
}
h2, .h2_like { font-size: 22pt; }
h3, .h3_like { font-size: 19pt; }

.commons_wrap
{
	max-width: 			1200px;
	margin: 			0 auto;
}

.crl
{
	opacity:  			0;
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}
.crl.visible
{
	opacity:  			1;
}

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; }

.button,
.button:link,
.button:hover,
.button:active,
.button:visited
{
	display: 				inline-block;
	position: 				relative;
	z-index: 				1;
	padding: 				10px 20px;
	color: 					#fff;
	font-size: 				10pt;
	text-transform: 		uppercase;
	font-weight: 			400;
	text-decoration: 		none;
	-moz-border-radius:		1px;
	-webkit-border-radius:	1px;
	border-radius:			1px;
	-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;
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;

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



#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;
}



/**************************
 * Banner
 **************************/
#commons_banner
{
	position:   			relative;
	background-color: 		#fff;
	-moz-box-shadow: 		0 0 6px rgba(0,0,0,.1);
	-webkit-box-shadow: 	0 0 6px rgba(0,0,0,.1);
	-o-box-shadow: 			0 0 6px rgba(0,0,0,.1);
	box-shadow: 			0 0 6px rgba(0,0,0,.1);

}
#commons_banner.fixed
{
	position: 			fixed;
	top: 				0;
	left: 				0;
	right: 				0;
	z-index: 			1000;
}
#commons_banner .commons_wrap
{
	position: 				relative;
}

#commons_banner::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

#commons_banner_logo
{
	float: 				left;
	/*width: 				220px;*/
	width: 				340px;
	margin: 			60px 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_banner.fixed #commons_banner_logo
{
	width: 				300px;
	margin: 			44px 0;
}
#commons_banner_top
{
	position:   		absolute;
	top:  				0;
	right:  			0;
}

/*************************************
 * Menu Top
 *************************************/
#commons_banner_top ul,
#commons_banner_top li
{
	list-style-type: 		none;
	padding: 				0;
	margin: 				0;
}
#commons_banner_top .menu_item
{
	display: 				inline-block;
	padding-left:  			30px;
	margin:  				15px 0;
	margin-left:  			40px;
	background-repeat:  	no-repeat;
	background-position: 	left;
	background-size:  		24px;
	/*color:  				#8bc463;*/
	color:  				#394696;
	font-size:  			10pt;
	font-weight:  			500;
}
#commons_banner_top .menu_item .description
{
	color:  				#888;
	font-size:  			8pt;
	font-weight:  			300;
}


@media only screen /* Smartphone Horizontal */
and (max-width : 1030px)
{
	#commons_banner_top
	{
		float:  			right;
		/*width:   			70%;*/
	}
	#commons_banner_menu::before
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	#commons_banner_top .menu_item
	{
		display:   				block;
		float:  				left;
		width:  				33%;
		vertical-align:   		top;
		background-position: 	0 3px;
		margin:      			15px 0;
	}
}


#commons_banner_menu
{
	position:  			absolute;
	right:  			0;
	top:  				109px;
	border-top:  		1px solid rgba(0,0,0,.05);
}
.fixed #commons_banner_menu
{
	top:  				74px;
}

/**************************
 * Menu Principal
 **************************/
#commons_banner_menu ul,
#commons_banner_menu li
{
	position:  				relative;
	list-style-type: 		none;
	padding: 				0;
	margin: 				0;
}
#commons_banner_menu li.menu_item
{
	display: 			inline-block;
}

#commons_banner_menu div.menu_item,
#commons_banner_menu a.menu_item:link,
#commons_banner_menu a.menu_item:hover,
#commons_banner_menu a.menu_item:active,
#commons_banner_menu a.menu_item:visited
{
	position: 			relative;
	display: 			block;
	margin: 			0;
	padding: 			10px 20px;
	color: 				#333;
	font-size: 			10pt;
	font-weight: 		500;
	text-decoration: 	none;
	border-left:  		1px solid rgba(0,0,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_banner_menu div.menu_item
{
	cursor:   			default;
}
#commons_banner_menu li.menu_item:first-child div.menu_item,
#commons_banner_menu li.menu_item:first-child a.menu_item
{
	border-left:  			0;
}

#commons_banner.fixed #commons_banner_menu div.menu_item,
#commons_banner.fixed #commons_banner_menu a.menu_item:link,
#commons_banner.fixed #commons_banner_menu a.menu_item:hover,
#commons_banner.fixed #commons_banner_menu a.menu_item:active,
#commons_banner.fixed #commons_banner_menu a.menu_item:visited
{
	padding: 			10px 10px;
}
#commons_banner_menu div.menu_item:last-child,
#commons_banner_menu a.menu_item:last-child
{
	margin-right: 		0;
}


#commons_banner_menu li:hover div.menu_item,
#commons_banner_menu li:hover a.menu_item
{
	/*background-color:  	#416879;*/
	background-color:  	#394696;
	color:   			#fff;
}


/**************************
 * Menu Principal > Sous-menu
 **************************/
#commons_banner_menu .submenu
{
	position: 			absolute;
	z-index: 			1000;
	display: 			none;
	/*background-color: 	#416879;*/
	background-color: 	#394696;
	width:				100%;
}
#commons_banner_menu .submenu::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
	position:  			absolute;
	top:  				0;
	left:  				20px;
	right:  			20px;
	border-top: 		1px solid rgba(255,255,255,.08);
}
#commons_banner_menu .submenu a:link,
#commons_banner_menu .submenu a:hover,
#commons_banner_menu .submenu a:active,
#commons_banner_menu .submenu a:visited
{
	position: 			relative;
	display: 			block;
	margin: 			0;
	font-size:  		9pt;
	font-weight: 		300;
	padding: 			8px 20px;
	color: 				rgba(255,255,255,.8);
	text-decoration: 	none;
	-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 .submenu a:hover
{
	/*background-color:  	#1f4150;*/
	background-color: #262f64;
	color:            rgba(255,255,255,1);
}
#commons_banner_menu .submenu_ul li:first-child a
{
}

#commons_banner_menu .submenu a::before
{
	content: 			"";
}

/**************************
 * Lang
 **************************/
#commons_banner_language
{
	/*float: 			right;*/
	position: 			absolute;
	top: 				0;
	right: 				0;
	z-index:			10;
}

#commons_banner_language .page_flag_link:link,
#commons_banner_language .page_flag_link:hover,
#commons_banner_language .page_flag_link:active,
#commons_banner_language .page_flag_link:visited
{
	font-weight: 			700;
	color: 					rgba(0,0,0,.5);
	-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_language .page_flag_link.selected:link,
#commons_banner_language .page_flag_link.selected:hover,
#commons_banner_language .page_flag_link.selected:active,
#commons_banner_language .page_flag_link.selected:visited
{
	color: 			rgba(0,0,0,1);
}


/**************************
 * Social Network
 **************************/
.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: 					32px;
	height:					32px;
	background-size: 		20px;
	background-color: 		#171717;
	margin: 				2px 2px;
	-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(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;
}
.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);		background-color: 	#222b3c;	}
.commons_social a#twitter  		{ background-image: url(../images/social/twitter.png);		background-color: 	#222b3c;	}
.commons_social a#googleplus	{ background-image: url(../images/social/googleplus.png);	background-color: 	#222b3c;	}
.commons_social a#youtube  		{ background-image: url(../images/social/youtube.png);		background-color: 	#222b3c;	}
.commons_social a#vimeo  		{ background-image: url(../images/social/vimeo.png);		background-color: 	#222b3c;	}
.commons_social a#instagram 	{ background-image: url(../images/social/instagram.png);	background-color: 	#222b3c;	}
.commons_social a#snapchat 		{ background-image: url(../images/social/snapchat.png);		background-color: 	#222b3c;	}
.commons_social a#pinterest 	{ background-image: url(../images/social/pinterest.png);	background-color: 	#222b3c;	}
.commons_social a#viadeo 		{ background-image: url(../images/social/viadeo.png);		background-color: 	#222b3c;	}
.commons_social a#linkedin 		{ background-image: url(../images/social/linkedin.png);		background-color: 	#222b3c;	}

.commons_social a#android	 	{ background-image: url(../images/social/android.png);		background-color: 	#222b3c;	}
.commons_social a#googleplay 	{ background-image: url(../images/social/googleplay.png);	background-color: 	#222b3c;	}
.commons_social a#apple			{ background-image: url(../images/social/apple.png);		background-color: 	#222b3c;	}
.commons_social a#appstore 		{ background-image: url(../images/social/appstore.png);		background-color: 	#222b3c;	}

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

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



/**************************
 * Menu Mobile
 **************************/
#commons_banner_mobile
{
	background-color: 	#fff;
	box-shadow: 		0 0 6px rgba(0,0,0,.4);
}

#commons_banner_mobile_logolink:link,
#commons_banner_mobile_logolink:hover,
#commons_banner_mobile_logolink:active,
#commons_banner_mobile_logolink:visited
{
	display: 			block;
	text-align: 		center;
	height: 			50px;
	margin: 			0 80px;
}
#commons_banner_mobile_logolink img
{
	max-height: 		40px;
	margin: 			5px 0;
}
#commons_banner_mobile_button
{
	float: 				left;
}

/**************************
 * Bouton Recherche
 **************************/
#commons_banner_mobile_search_button
{
	float: 					right;
	width: 					48px;
	height: 				48px;
	background-image: 		url(../images/commons/search.png);
	background-position: 	center;
	background-repeat: 		no-repeat;
	background-size: 		24px;
	cursor: 				pointer;
}

#commons_banner_mobile_search
{
	display: 		none;
}
#commons_banner_mobile_search input[type='text']
{
	padding: 				12px 12px;
	margin: 				0;
	width: 					100%;
	font-size: 				13pt;
	font-weight: 			400;
	font-family:  			"Raleway", Arial;
	border: 				0;
	-webkit-appearance: 	none;
	-moz-appearance:    	none;
	appearance:        	 	none;
	-moz-border-radius:		0;
	-webkit-border-radius:	0;
	border-radius:			0;
}

/**************************
 * Menu Button
 **************************/
.menu-icon-wrapper
{
	position: 		relative;
	display: 		inline-block;
	width: 			34px;
	height: 		34px;
	margin: 		8px 12px;
	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(150, 150, 150, .9);
	stroke-width: 20px;
	stroke-linecap: square;
	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;
}


/**************************
 * Menu > Content
 **************************/
/*#body.menu_opened #commons_banner_mobile*/
#commons_banner_mobile
{
	position: 			fixed;
	z-index: 			1000000;
	height: 			50px;
	top: 				0;
	left: 				0;
	right:	 			0;
}
/* #body.menu_opened #commons_banner_mobile_height*/
#commons_banner_mobile_height
{
	height: 			50px;
}

#commons_banner_mobile_content
{
	display: 			none;
}
#commons_banner_mobile_search::before
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
#commons_banner_mobile_content_inner
{
	opacity: 			0;
	position: 			fixed;
	z-index: 			1000;
	top: 				50px;
	left: 				0;
	right:	 			0;
	bottom: 			0;
	padding-top: 		10px;
	overflow-y: 		auto;
	-webkit-overflow-scrolling: touch;
	background-color: 	rgba(0,0,0,.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_banner_mobile_content_inner 	{ background-color: rgba(22, 22, 22, .98);	}

#body.menu_opened #commons_banner_mobile_content
{
	z-index: 		100000;
	display: 		block;
}

#body.menu_opened #commons_banner_mobile_content #commons_banner_mobile_content_inner
{
}
#body.menu_opened #commons_banner_mobile_content #commons_banner_mobile_content_inner.opened
{
	opacity: 		1;
}

/**************************
 * Menu Mobile >Items
 **************************/
#commons_banner_mobile_menu
{
	padding: 			30px 30px;
}
#commons_banner_mobile_menu ul,
#commons_banner_mobile_menu li
{
	margin: 			0;
	padding: 			0;
	list-style-type: 	none;
}
#commons_banner_mobile_menu .menu_itemnormal
{
	display: 			block;
	padding-bottom: 	20px;
	margin-bottom: 		20px;
	/*border-bottom: 		1px solid rgba(255,255,255,.5);*/
}
#commons_banner_mobile_menu .commons_menu_item,
#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: 			block;
	font-size: 			16pt;
	font-weight: 		600;
	color: 				#fff;
	padding: 			5px 0;
}
#commons_banner_mobile_menu .submenunormal
{
	margin-left: 	20px
}

#commons_banner_mobile_menu .menu_itemnormal .submenunormal a:link,
#commons_banner_mobile_menu .menu_itemnormal .submenunormal a:hover,
#commons_banner_mobile_menu .menu_itemnormal .submenunormal a:active,
#commons_banner_mobile_menu .menu_itemnormal .submenunormal a:visited
{
	display: 			block;
	font-size: 			10pt;
	font-weight: 		400;
	color: 				#fff;
	padding: 			30px 0;
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}

.opened #commons_banner_mobile_menu .menu_itemnormal .submenunormal a:link,
.opened #commons_banner_mobile_menu .menu_itemnormal .submenunormal a:hover,
.opened #commons_banner_mobile_menu .menu_itemnormal .submenunormal a:active,
.opened #commons_banner_mobile_menu .menu_itemnormal .submenunormal a:visited
{
	padding: 			5px 0;
}

/**************************
 * Menu Mobile > Social
 **************************/
#commons_banner_mobile_social
{
	position: 				fixed;
	bottom: 				0;
	left: 					0;
	right: 					0;
	padding: 				10px 0 5px 0;
	text-align: 			center;
	background-color: 		rgba(0,0,0,.8);
}

#commons_banner_mobile_social a:link,
#commons_banner_mobile_social a:hover,
#commons_banner_mobile_social a:active,
#commons_banner_mobile_social a:visited
{
	display: 				inline-block;
	width: 					24px;
	height: 				24px;
	margin: 				0 6px;
	background-repeat: 		no-repeat;
	background-position: 	0 0;
	background-size: 		24px;
	-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_social a:hover
{
	opacity: 				1;
	/*background-position: 	0 -24px;*/
}
#commons_banner_mobile_social a span
{
	display: 			none;
}

#commons_banner_mobile_social a#facebook 		{ background-image: url(../images/social/facebook.png); }
#commons_banner_mobile_social a#twitter 		{ background-image: url(../images/social/twitter.png); }
#commons_banner_mobile_social a#googleplus 		{ background-image: url(../images/social/googleplus.png); }
#commons_banner_mobile_social a#youtube 		{ background-image: url(../images/social/youtube.png); }
#commons_banner_mobile_social a#linkedin 		{ background-image: url(../images/social/linkedin.png); }
#commons_banner_mobile_social a#instagram 		{ background-image: url(../images/social/instagram.png); }
#commons_banner_mobile_social a#pinterest 		{ background-image: url(../images/social/pinterest.png); }
#commons_banner_mobile_social a#vimeo 			{ background-image: url(../images/social/vimeo.png); }
#commons_banner_mobile_social a#viadeo 			{ background-image: url(../images/social/viadeo.png); }

/**************************
 * Commons Zoom
 **************************/
#commons_zoom
{
	background-image: 		url(../images/commons/background.png);
	background-position: 	top center;
	background-repeat: 		no-repeat;
	padding-bottom: 		100px;
	/*background-attachment: 	fixed;*/
}

/**********************************
 * Pathfinder
 **********************************/
#commons_pathfinder
{
	background-color: 		rgba(0,0,0,.02);
	border-bottom: 			1px solid rgba(0,0,0,.03);
}

#pathfinder
{
	color: 			#222;
	padding: 		10px 0;
	font-size: 		10pt;
	margin-bottom: 	40px;
}
#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: 					#222;
	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: 					#F14E3B;*/
}

/**************************
 * Edit
 **************************/

.button_edit:link,
.button_edit:hover,
.button_edit:active,
.button_edit:visited
{
	float: 					right;
	color: 					#333;
	padding: 				4px 5px;
	padding-left: 			26px;
	background-image: 		url(../images/page/page_edit.png);
	background-repeat: 		no-repeat;
	background-position: 	5px;
	border: 				1px solid #DDD;
	background-color: 		#F2F2F2;
	border-radius: 			3px;
	text-decoration: 		none;
	margin-right: 			10px;
}
.button_edit:hover
{
	border: 				1px solid #AAA;
}


/**************************
 * Header Generique
 **************************/
#commons_header
{
	position: 			relative;
	margin-bottom: 		20px;
}
#commons_header .commons_wrap
{
	position: 			relative;
}

#commons_header.banner #commons_header_background
{
	position: 				relative;
	background-position: 	top center;
	background-repeat: 		no-repeat;
	background-size: 		cover;
	background-size: 		contain;
	text-align: 			center;
	padding: 				140px 0;
	-webkit-transition:		all .8s ease-out;
	-moz-transition:		all .8s ease-out;
	-o-transition:			all .8s ease-out;
	transition:				all .8s ease-out;
}

@media only screen /* Smartphone Horizontal */
and (max-width : 1200px)
{
	#commons_header.banner #commons_header_background
	{
		/*background-size: 		cover;*/
	}
}

/**************************
 * Au depart > Blanc
 * Puis se retire par la gauche (before)
 * Puis arrivee du bandau orange par la gauche (after)
 * Puis le bandeau orange se retire par la droite (after)
 **************************/
#commons_header.banner #commons_header_background::before
{
	content: 				" ";
	display: 				block;
	clear: 					both;
	position: 				absolute;
	z-index: 				1;
	top: 					0;
	width: 					100%;
	left: 					0;
	bottom: 				0;
	background-color: 		#fff;
	-webkit-transition:		all 1s ease-out;
	-moz-transition:		all 1s ease-out;
	-o-transition:			all 1s ease-out;
	transition:				all 1s ease-out;
}
/*
#commons_header.banner #commons_header_background::after
{
	content: 				" ";
	display: 				block;
	clear: 					both;
	position: 				absolute;
	z-index: 				2;
	top: 					0;
	width: 					0;
	left: 					0;
	bottom: 				0;
	background-color: 		#ED6240;
	-webkit-transition:		all .4s ease-out;
	-moz-transition:		all .4s ease-out;
	-o-transition:			all .4s ease-out;
	transition:				all .4s ease-out;
}

#commons_header.banner #commons_header_background.effect1::after
{
	width: 					100%;
}

#commons_header.banner #commons_header_background.effect2::after
{
	left: 					100%;
	width: 					0;
}
*/
#commons_header.banner #commons_header_background.effect2::before
{
	opacity:	 			0;
}
#commons_header.banner #commons_header_background.effect2
{
	/*background-position: 	50% 50%;*/
}

/**************************
 * Fin Effect
 **************************/


#commons_header.nobanner #commons_header_background
{
	background-position: 	top center;
	background-repeat: 		no-repeat;
	background-size: 		cover;
	text-align: 			center;
	padding: 				30px 0;
}

#commons_header.banner #commons_header_info
{

}

/**************************
 * Banner
 **************************/
/*#commons_header #commons_header_info **/
/*{*/
/*position: 			relative;*/
/*z-index: 			1;*/
/*}*/

/*#commons_header.banner #commons_header_info::after*/
/*{*/
/*content: 			" ";*/
/*display: 			block;*/
/*clear: 				both;*/
/*position: 			absolute;*/
/*top: 				0;*/
/*left: 				0;*/
/*right: 				0;*/
/*bottom: 			0;*/
/*margin: 			7px;*/
/*border: 			1px solid rgba(0,0,0,.1);*/
/*}*/



#commons_header h1,
#commons_header .h1_like
{
	font-size: 			24pt;
	font-weight: 		600;
	/*color: 				#406879;*/
	color: 				#394696;
	margin: 			0;
	padding: 			10px 0;
}

#commons_header #commons_header_description
{
	color: 				rgba(0,0,0,.7);
	font-size: 			11pt;
	font-weight: 		500;
}

/**************************
 * NoBanner
 **************************/
#commons_header.nobanner #commons_header_info
{
	position: 			relative;
	left: 				0;
	padding: 			20px 0;
	margin-top: 		20px;
	text-align: 		left;
}

#commons_header.nobanner #pathfinder
{
	margin-top: 		0;
	padding: 			7px 0;
	color: 				rgba(0,0,0,.5);
}
#commons_header.nobanner #pathfinder a:link,
#commons_header.nobanner #pathfinder a:hover,
#commons_header.nobanner #pathfinder a:active,
#commons_header.nobanner #pathfinder a:visited
{
	color: 				rgba(0,0,0,.5);
}

#commons_header #pathfinder a.last:link,
#commons_header #pathfinder a.last:hover,
#commons_header #pathfinder a.last:active,
#commons_header #pathfinder a.last:visited
{
	/*color: 				#406879;*/
	color: 				#394696;
	font-weight:  		500;
}
#commons_header.nobanner #commons_header_pathfinder
{
	position: 			absolute;
	top: 				0;
	left: 				0;
	right: 				0;
	z-index: 			1;
	background-color: 	rgba(255,255,255,.4);
	border-bottom: 		1px solid rgba(255,255,255,.2);
}
#commons_header.nobanner #commons_header_pathfinder::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}


/**************************
 * Commons
 **************************/

/**************************
 * 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 .6s ease-out;
	-moz-transition:	all .6s ease-out;
	-o-transition:		all .6s ease-out;
	transition:			all .6s ease-out;
}

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

/**************************
 * Filter
 **************************/
.filteritem:link,
.filteritem:hover,
.filteritem:active,
.filteritem:visited
{
	position: 				relative;
	display: 				inline-block;
	margin: 				0 2px 2px 0;
	background-color:		#222;
	padding: 				8px 12px;
	color: 					#fff;
	font-size: 				10pt;
	-moz-border-radius:		1px;
	-webkit-border-radius:	1px;
	border-radius:			1px;
	text-decoration: 		none;
	background-position:	10px 50%;
	background-repeat: 		no-repeat;
	background-size:   		20px;
	-moz-border-radius:		2px;
	-webkit-border-radius:	2px;
	border-radius:			2px;
}

.filteritem_item:link,
.filteritem_item:hover,
.filteritem_item:active,
.filteritem_item:visited
{
	padding-left:   		35px;
}
.filteritem.filteritem_selected:link,
.filteritem.filteritem_selected:hover,
.filteritem.filteritem_selected:active,
.filteritem.filteritem_selected:visited
{
	background-color: 		#CD472B;
}

.filteritem.selected::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
	width: 				0;
	height: 			0;
	position:   		absolute;
	left:  				10px;
	bottom:  			-10px;
	z-index:  			100;
	border-style: 		solid;
	border-width: 		10px 10px 0 10px;
	border-color: 		transparent transparent transparent transparent;
}

.filteritem span
{
	display: 		none;
	color: 			rgba(255,255,255,.5);
}

/**************************
 * Slick Dots
 **************************/
.slick-dots
{

}

.slick-dots li
{
	border: 				2px solid rgba(255,255,255,.9);
	width: 					10px;
	height: 				10px;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	margin: 				0 2px !important;
	-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.slick-active
{
	background-color: 		rgba(255,255,255,.9);
}
.slick-dots li button
{
	display: 			none;
}


/**************************
 * Footer
 **************************/
#commons_footer
{
	background-color: 			#2f3a4e;
	background-color: 			#394696;
	color:   					rgba(255,255,255,1);

}
#commons_footer::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

/**************************
 * 3 column
 **************************/

#commons_footer_info,
#commons_footer_utilities,
#commons_footer_news,
#commons_footer_social
{
	float: 				left;
	width: 				25%;
	padding: 			50px 0;
	padding-right: 		5%;
	min-height: 		150px;
}
#commons_footer_social
{
	padding-right: 		0;
}


#commons_footer_info
{
	background-image: 		url(../images/commons/logo-footer.svg);
	background-position:	0 50px;
	background-repeat: 		no-repeat;
	background-size:   		120px;
	padding-top:  			200px;
	min-height:  			200px;
}

#commons_footer_info_text
{
	padding:  			15px 0;
	color:  			#fff;
}

#commons_footer_info a.crl:link,
#commons_footer_info a.crl:hover,
#commons_footer_info a.crl:active,
#commons_footer_info a.crl:visited
{
	color:  			#fff;
}

.commons_footer_subtitle
{
	font-size: 			13pt;
	text-transform: 	uppercase;
	font-weight: 		700;
	padding-bottom: 	5px;
	margin-bottom: 		15px;
	color: 				#fff;
}

/**************************
 * Footer > Utilities
 **************************/
#commons_footer_utilities a:link,
#commons_footer_utilities a:hover,
#commons_footer_utilities a:active,
#commons_footer_utilities a:visited
{
	display: 			block;
	color: 				#fff;
	text-decoration: 	none;
	padding:   			15px 0;
	border-bottom: 		1px solid rgba(255,255,255,.1);
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}

/**************************
 * Footer > News
 **************************/
#commons_footer_news ul,
#commons_footer_news li
{
	list-style-type: 	none;
	margin: 			0;
	padding: 			0;
}
#commons_footer_news a:link,
#commons_footer_news a:hover,
#commons_footer_news a:active,
#commons_footer_news a:visited
{
	display: 			block;
	color: 				#fff;
	text-decoration: 	none;
	padding:   			15px 0;
	border-bottom: 		1px solid rgba(255,255,255,.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_footer_utilities a:hover,
#commons_footer_news a:hover
{
	color: 				#fff;
}


/**************************
 * Footer > Social & Newsletter
 **************************/
#commons_footer_social_icon
{
}

#commons_footer_social_text
{
	color: 				#fff;
	padding: 			15px 0;
	display: 		none;
}

#commons_footer_newsletter_form
{
	display: 		none;
}

#commons_footer_newsletter_form input[type='email']
{
	border: 				1px solid rgba(0,0,0,.1);
	padding: 				4px 10px;
}

#commons_footer_newsletter_form input[type='submit']
{
	border: 				1px solid #fff;
	background-color: 		#fff;
	padding: 				2px 7px;
	color: 					#333;
}

#commons_footer_newsletter_form .subscriber_unsubscribe:link,
#commons_footer_newsletter_form .subscriber_unsubscribe:hover,
#commons_footer_newsletter_form .subscriber_unsubscribe:active,
#commons_footer_newsletter_form .subscriber_unsubscribe:visited
{
	color: 					#aaa;
}



/**************************
 * Afterfooter
 **************************/
#commons_afterfooter
{
	background-color: #273066;
	color:            rgba(255,255,255,.9);
	padding:          15px 0;

}
#commons_afterfooter::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

/**************************
 * Afterfooter > Menu
 **************************/
#commons_afterfooter_menu
{
	float: 					left;
}
#commons_afterfooter_menu span
{
	margin: 			0 5px;
}
#commons_afterfooter_menu div,
#commons_afterfooter_menu a:link,
#commons_afterfooter_menu a:hover,
#commons_afterfooter_menu a:active,
#commons_afterfooter_menu a:visited
{
	color:				#fff;
}


/**************************
 * After > Realisation
 **************************/
#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
{
	text-decoration: 	underline;
	color:				#fff;
}




/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Tablet Horizontal */
and (max-width : 1240px)
{

	#commons_zoom .commons_wrap,
	#commons_footer .commons_wrap,
	#commons_afterfooter .commons_wrap
	{
		padding: 			0 20px;
	}
	#commons_banner .commons_wrap,
	#commons_banner.fixed .commons_wrap
	{
		margin: 		0 10px;
	}
}
@media only screen /* Tablet Horizontal */
and (max-width : 1060px)
{

	#commons_banner_logo,
	#commons_banner.fixed #commons_banner_logo
	{
		width: 			160px;
		margin-left: 	10px;
	}


	h1, .h1_like { font-size: 22pt; }
	h2, .h2_like { font-size: 18pt; }
	h3, .h3_like { font-size: 15pt; }



	#commons_banner.fixed #commons_banner_menu div.menu_item,
	#commons_banner.fixed #commons_banner_menu a.menu_item:link,
	#commons_banner.fixed #commons_banner_menu a.menu_item:hover,
	#commons_banner.fixed #commons_banner_menu a.menu_item:active,
	#commons_banner.fixed #commons_banner_menu a.menu_item:visited,
	#commons_banner_menu div.menu_item,
	#commons_banner_menu a.menu_item:link,
	#commons_banner_menu a.menu_item:hover,
	#commons_banner_menu a.menu_item:active,
	#commons_banner_menu a.menu_item:visited
	{
		display: 			block;
		margin: 			0 5px;
		padding: 			10px 8px;
		font-size: 			10pt;
	}

	#commons_header.banner #commons_header_info
	{
		bottom: 				-55px;
	}
	#commons_header.banner #commons_header_background
	{
		padding: 				120px 0;
	}
	#commons_banner
	{
		height:  		131px;
	}

	#commons_banner_menu,
	.fixed #commons_banner_menu
	{
		margin-top: 	0;
		top:  			90px;
	}
}

@media only screen /* Tablet Vertical */
and (max-width : 900px)
{

	#commons_banner_logo,
	#commons_banner.fixed #commons_banner_logo
	{
		width: 			65px;
		width: 			120px;
		margin-left: 	10px;
	}
	#commons_banner_menu,
	.fixed #commons_banner_menu
	{
		margin-top: 	0;
		top:  			90px;
		left:   		0;
	}


	#commons_banner.fixed #commons_banner_menu div.menu_item,
	#commons_banner.fixed #commons_banner_menu a.menu_item:link,
	#commons_banner.fixed #commons_banner_menu a.menu_item:hover,
	#commons_banner.fixed #commons_banner_menu a.menu_item:active,
	#commons_banner.fixed #commons_banner_menu a.menu_item:visited,
	#commons_banner_menu div.menu_item,
	#commons_banner_menu a.menu_item:link,
	#commons_banner_menu a.menu_item:hover,
	#commons_banner_menu a.menu_item:active,
	#commons_banner_menu a.menu_item:visited
	{
		display: 			block;
		margin: 			0 3px;
		padding: 			10px 8px;
		font-size: 			9pt;
	}
	/*#commons_banner_menu div.menu_item,*/
	/*#commons_banner_menu a.menu_item:link,*/
	/*#commons_banner_menu a.menu_item:hover,*/
	/*#commons_banner_menu a.menu_item:active, */
	/*#commons_banner_menu a.menu_item:visited*/
	/*{*/
	/*font-size:  		9pt;*/
	/*!*padding: 			10px 20px !important;*!*/
	/*}*/
}

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

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

	body
	{
		padding-top: 		50px;
		font-size: 			11pt;
	}

	h1, .h1_like { font-size: 20pt; }
	h2, .h2_like { font-size: 16pt; }
	h3, .h3_like { font-size: 13pt; }



	/**************************
	 * Header
	 **************************/
	#commons_header
	{
	}

	#commons_header.banner #commons_header_background
	{
		padding: 				80px 0;
	}

	/*#commons_header h1*/
	/*{*/
	/*}*/
	/**/
	/*#commons_header #commons_header_description*/
	/*{*/
	/*color: 				#fff;*/
	/*font-size: 			10pt;*/
	/*width: 				auto;*/
	/*margin: 			0 20px;*/
	/*margin-bottom: 		10px;*/
	/*}*/
	/**************************
	 * Pathfinder
	 **************************/
	#pathfinder
	{
		display: 			none;
	}




	/**************************
	 * Footer
	 **************************/
	#commons_footer_info,
	#commons_footer_utilities,
	#commons_footer_news,
	#commons_footer_social
	{
		float: 				none;
		width: 				auto;
		padding: 			20px 0;
		padding-right: 		0;
		min-height: 		0;
	}
	#commons_footer_info
	{
		height:  			150px;
		background-size:  	90px;
	}

	/**************************
	 * Afterfooter
	 **************************/
	#commons_afterfooter_menu,
	#commons_afterfooter_realisation
	{
		float: 				none;
		text-align: 		center;
	}
	#commons_afterfooter_realisation
	{
		border-top: 		1px solid rgba(0,0,0,.1);
		margin-top: 		10px;
		padding-top: 		10px;
	}

}