@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300);

html,
body
{
	font-family: 	'Open Sans';
	margin: 		0;
	padding: 		0;
	color: 			#111;
	font-size: 		9pt;
}

.commons_block
{
    max-width:				1250px;
    margin:					0 auto;
}

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

h1
{
	font-size: 				40px;
	font-weight: 			bold;
	color: 					#1b1a1b;
	padding: 				0;
	font-family: 			'Open Sans';
	font-weight: 			700;

}
.burger, 
.burger::before,
.burger::after 
{
	position:            relative;
	top:                 12px;
	left:                0;
	width:               30px;
	height:              3px;
	background-color:    #fff;
	-moz-transition:     all .3s;
	-o-transition:       all .3s;
	-webkit-transition:  all .3s;
	transition:          all .3s;
	display: block;
}

/**************************
 * Commons Header : Banner + menu
 **************************/
#commons_header_height
{
}
	
#commons_header_height.fixed
{
	height: 			152px;
}
	
#commons_header_general
{
	top: 				-150px;
	-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_general.fixed
	{
		position: 			fixed;
		z-index: 			10000000;
		top: 				0;
		left: 				0;
		right: 				0;
		box-shadow: 		0 0 3px rgba(0,0,0,.5);
		border-bottom: 		4px solid #00A1E5;
	}
	#commons_header_general.fixed #commons_utility
	{
		display: 			none;
	}
	#commons_header_general.fixed #commons_top
	{
		padding: 			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_header_general.fixed .commons_logo:link, 
	#commons_header_general.fixed .commons_logo:hover, 
	#commons_header_general.fixed .commons_logo:active, 
	#commons_header_general.fixed .commons_logo:visited
	{
		height: 			40px;
		width: 				15%;
	}

	
	#commons_header_general.fixed #commons_menu .menu_item
	{
		padding: 			0;
	}


/**************************
 * Page Header
 **************************/
#page_header
{
	position: 				relative;
	background-color: 		#009EE0;
	text-align: 			center;
	padding: 				20px 0;
	background-position: 	center center;
	background-repeat: 		no-repeat;
	background-size: 		cover;
}
	#page_header::before
	{
		z-index: 			0;
		content: 			" ";
		display: 			block;
		clear: 				both;
		position: 			absolute;
		z-index: 			0;
		top: 				0;
		left: 				0;
		right: 				0;
		bottom: 			0;
		background-color: 	rgba(0,158,224,.9);
	}
	#page_header h1,
	#page_header .h1_like
	{
		position: 		relative;
		z-index: 		1;
		font-size: 		30pt;
		font-weight: 	700;
		color: 			#fff;
		text-transform:	uppercase;
		margin: 		0;
	}
	#page_header h1 i,
	#page_header .h1_like i
	{
		font-weight: 		300;
		font-style: 		normal;
	}
	
	
	#page_header .page_header_description
	{
		position: 		relative;
		z-index: 		1;
		color: 					#fff;
		font-size: 				14pt;
	}


*,
*:after, 
*:before
{ 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.commons_mobile_btn
{
	-webkit-transition:	all .4s ease-out;
	-moz-transition:	all .4s ease-out;
	-o-transition:		all .4s ease-out;
	transition:			all .4s ease-out;
	cursor:				pointer;
	float:				left;
	height:				27px;
	margin:				7px 2% 00px 0;
	width:				5%;
}
.commons_mobile_btn::before,
.commons_mobile_btn::after 
{
	content: "";
	display: block;
}

/* pour créer le hamburger, on décale les deux
 * barres de 8px
 */
.burger::before 
{
	content:			" ";
	top:				-8px;
	-moz-transition:    all .3s;
	-o-transition:      all .3s;
	-webkit-transition: all .3s;
	transition:         all .3s;
	position:			absolute;
}

.burger::after 
{
	content:			" ";
	top:				8px;
	-moz-transition:    all .3s;
	-o-transition:      all .3s;
	-webkit-transition: all .3s;
	transition:         all .3s;
	position:			absolute;

}

/* L'animation */
.clicked .burger
{
	background-color: transparent;
}
.clicked .burger::before 
{
	top:                 0px;
	-moz-transform:      rotate(-45deg);
	-ms-transform:       rotate(-45deg);
	-webkit-transform:   rotate(-45deg);
	transform:           rotate(-45deg);
}

.clicked .burger::after 
{
	top:                 0px;
	-moz-transform:      rotate(45deg);
	-ms-transform:       rotate(45deg);
	-webkit-transform:   rotate(45deg);
	transform:           rotate(45deg);
}
/*.commons_mobile_btn:active,
.commons_mobile_btn:hover 
{
	-webkit-transform:		scale(0.9);
	-ms-transform:			scale(0.9);
	transform:				scale(0.9);
}*/
#commons_banner
{
	background-color: 		#FFF;
	position: 				relative;
	border-bottom: 			2px solid #333;
}

#commons_footer
{
	
}

#footer
{
	margin-bottom:  	30px;
}
#footer::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

.commons_footer_advertising
{
	margin-top:  		30px;
}
.commons_footer_advertising .advertising_item
{
	float:  			left;
	width:    			30%;
	margin-right:  		3%;
	text-align:   		left;
}

.commons_logo:link,
.commons_logo:hover,
.commons_logo:active,
.commons_logo:visited
{
	display: 				block;
	float: 					left;
	width: 					20%;
	height: 				65px;
	margin-right: 			5%;
	background-image: 		url(../images/commons/logo-header.png);
	background-position: 	left;
	background-repeat: 		no-repeat;
	background-size: 		contain;
}
.commons_logo:link span,
.commons_logo:hover span,
.commons_logo:active span,
.commons_logo:visited span
{
	display: 				none;
}

/**************************
 * Flag
 **************************/
.page_flag_link:link,
.page_flag_link:hover,
.page_flag_link:active,
.page_flag_link:visited
{
	margin: 		0 2px;
	opacity: 		0.3;
}
.page_flag_link_selected:link,
.page_flag_link_selected:hover,
.page_flag_link_selected:active,
.page_flag_link_selected:visited,
.page_flag_link:hover
{
	opacity: 		1;
}

/**********************************
 * Bouton connexion
 **********************************/
#commons_login:link,
#commons_login:hover,
#commons_login:active,
#commons_login:visited
{
	display: 				block;
	position: 				absolute;
	top: 					7px;
	right: 					7px;
	width: 					20px;
	height: 				20px;
	background-image: 		url(../images/commons/secure.png);
	background-repeat: 		no-repeat;
	background-position: 	center center;
	opacity: 				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_login:hover
{
	opacity: 				0.3;
}


/**************************
 * Flag
 **************************/
#commons_flag
{
	display: 				block;
	float: 					left;
	color: 					#CCC;
	font-size: 				5pt;
	margin: 				0;
	background-position: 	left;
	background-repeat: 		no-repeat;
	margin-right: 			5px;
	margin-top:				3px;
}
#commons_flag #commons_flag_changer
{
	display: 				none;
	position: 				absolute;
	right: 					0;
	background-color: 		#474747;
	padding: 				5px 2px;
	border-radius: 			5px;
	opacity: 				0.8;
}
/*
#commons_flag:hover #commons_flag_changer
{
	display: 				block;
}*/
#commons_flag #commons_flag_changer a:link,
#commons_flag #commons_flag_changer a:hover,
#commons_flag #commons_flag_changer a:active,
#commons_flag #commons_flag_changer a:visited
{
	float: 					left;
	border: 				0;
	padding: 				3px 0;
}
#commons_flag #commons_flag_changer img
{
	float: 					left;
	margin: 				0 2px;
}

/**************************
 * Menu utilitaire en haut
 **************************/
#commons_utility
{
	padding: 				0;
	position:				relative;
}




#commons_utility a:link,
#commons_utility a:hover,
#commons_utility a:active,
#commons_utility a:visited
{
	color: 					#666;
}
#commons_banner_center
{
	position: 				relative;
}
	/*.search_span,*/
	.commons_top_phone,
	.commons_top_mail,
	.commons_top_callback
	{
		font-size: 				10pt;
		padding: 				6px 20px 6px 30px;
		display: 				block; 
		background-size: 		14%;
		background-repeat: 		no-repeat;
		background-position: 	left center;
		border-right: 			1px solid #ddd;
	}
	/*
	.search_span
	{
		background-image: url('../images/commons/loupe.png');
	}*/
	.commons_top_phone
	{
		background-color: 		#2494CA;
		color: 					rgba(255,255,255,.8);
		background-position: 	5px 50%;
		background-image: 		url('../images/commons/telephonew.png');

	}
	.commons_top_mail
	{
		width: 				170px;
		height: 			30px;
		background-size: 	auto;
		background-image: 	url('../images/commons/courrier.png');
	}
	.commons_top_callback
	{
		float: 				left;
		padding: 			6px 20px;
		height: 			30px;
	}
	
	/***********************************
	 * Champ de recherche
	 ***********************************/

		
		#commons_search
		{
			float:	 				left;
			/*margin-right: 			10px;*/
			border-right: 			1px solid #ddd;
		}
		#commons_search_input
		{
			font-family: 			'Open Sans';
			color: 					#111;
			font-size: 				10pt;
			background-image: 		url('../images/commons/loupe.png');
			background-repeat: 		no-repeat;
			background-position: 	5px 50%;
			background-color: 		#fff;
			height: 				30px;
			padding: 				3px 5px;
			padding-left: 			30px;
			background-size: 		20px;
			border: 				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_search_input:focus
		{
			background-color: 		#eee;
		}
		
		.search_noresult
		{
			padding: 				20px 20px;
			text-align: 			center;
			font-size: 				20pt;
			color: 					#ccc;
		}
		
			/**********************************
			 * Search Result
			 **********************************/
			#commons_search_result
			{
				position: 			absolute;
				background-color: 	#fff;
				z-index: 			100000000;
				width: 				400px;
				box-shadow: 		0 5px 10px rgba(0,0,0,.5);
				max-height: 		90vh;
				overflow-y: 		auto;
			}
			
				#commons_search_result .search_item:link,
				#commons_search_result .search_item:hover,
				#commons_search_result .search_item:active,
				#commons_search_result .search_item:visited
				{
					display: 			block;
					padding: 			10px 10px;
					border-bottom: 		1px dotted #eee;
					-webkit-transition:	all .2s ease-out;
					-moz-transition:	all .2s ease-out;
					-o-transition:		all .2s ease-out;
					transition:			all .2s ease-out;
				}
				#commons_search_result .search_item:hover
				{
					background-color: 		#f6f6f6;
				}
				#commons_search_result .search_item::after
				{
					content: 		" ";
					display: 		block;
					clear: 			both;
				}
				
				#commons_search_result .search_item .search_item_img
				{
					float: 			left;
					width: 			20%;
					text-align: 	center;
					margin-top: 	10px;
				}
				#commons_search_result .search_item .search_item_img img
				{
					padding: 			5px;
					border: 			1px solid #fff;
					background-color: 	#fff;
				}
				#commons_search_result .search_item:hover .search_item_img img
				{
					border: 		1px solid #eee;
				}
				
				#commons_search_result .search_item .search_item_info
				{
					float: 			right;
					width: 			75%;
				}
					#commons_search_result .search_item .search_item_name 
					{
						font-size: 		10pt;
						font-weight: 	700;
						color: 			#111;
					}
					#commons_search_result .search_item .search_item_baseline
					{
						font-size: 		9pt;
						font-weight: 	600;
						color: 			#009EE0;
						padding: 		2px 0;
					}
					#commons_search_result .search_item .search_item_description
					{
						font-size: 		8pt;
						font-weight: 	400;
						color: 			#111;
						padding: 		2px 0;
					}
					#commons_search_result .search_item .search_item_category
					{
						display: 				inline-block;
						background-color:		#009EE0;
						color: 					#fff;
						font-size: 				8pt;
						font-weight: 			600;
						padding: 				3px 8px;
						margin-top: 			2px;
					}
		
/**************************
 * Menu header
 **************************/
#commons_top
{
	background-color: #161616;
	color:#fff;
	padding: 10px 0;
}
#commons_header 
{
    float: right;
	text-align: right;
	position: absolute;
	top:0;
	bottom: 0;
	right: 0;
	left: 25%;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#commons_top .commons_block{position: relative;}

#commons_header a:link,
#commons_header a:hover,
#commons_header a:active,
#commons_header a:visited
{
	position: 				relative;
	color: 					#fff;
	/*margin: 				0 20px;*/
	margin-left: 			40px;
	font-size: 				11pt;
	font-weight: 			bold;
	text-transform: 		uppercase;
	/*letter-spacing: 		0.2px;*/
	text-decoration: 		none;
}
#commons_header a::before:hover
{
	position: 			absolute;
	content: 			" ";
	display: 			block;
	clear: 				both;
	height: 			3px solid #fff;
}

.commons_utility_left {float: left; color:#666;}
.commons_utility_left form{float: left;}
.commons_utility_left .commons_top_phone{float: left;}
.commons_utility_left .commons_top_mail{float: left;}

.commons_utility_right .smart_classic a
{
	font-size: 			9pt;
	margin-left: 		12px;
	font-weight: 		600;
	text-transform: 	uppercase;
}
	

	.commons_utility_right .smart_classic
	{
		position: 		relative;
		margin-left: 	8px;
	}
	.commons_utility_right .smart_classic::before
	{
		content: 		" ";
		display: 		block;
		clear: 			both;
		position: 		absolute;
		left: 			0;
		top: 			4px;
		bottom: 		4px;
		border-left: 	1px solid #aaa;
	}

.commons_utility_right
{
	float: right; 
	color:#666; 
	position: absolute; 
	top:0; 
	bottom: 0;
	right: 0;
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/**************************
 * Menu principal
 **************************/
#commons_menu
{
	background-color: 		#161616;
	padding: 				0;
}
#commons_menu ul,
#commons_menu li
{
	margin: 				0;
	padding: 				0;
}
#commons_menu .menu_separator
{
	display: 				inline-block;
	position: 				relative;
	top: 					2px;
	border-left: 			1px solid rgba(255,255,255,.2);
	height: 				15px;
	width: 					0;
	margin-right: 			15px;
}
.commons_menu_items .commons_menu_item,
.commons_menu_items a:link,
.commons_menu_items a:hover,
.commons_menu_items a:active,
.commons_menu_items a:visited
{
	position: 				relative;
	/*overflow: 				hidden;*/
	display: 				inline-block;
	padding: 				8px 0;
	color: 					rgba(255,255,255,1);
	margin: 				0 20px;
	font-weight: 			700;
	text-transform: 		uppercase;
	text-decoration: 		none;
	font-size:				10pt;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
.commons_menu_items .commons_menu_item
{
	margin-left: 			0;
}
.commons_menu_items a:first-child
{
	margin-left: 		0 	!important;
}

#commons_menu .commons_menu_item,
#commons_menu a.commons_menu_item:hover,
#commons_menu a.commons_menu_item.selected:link,
#commons_menu a.commons_menu_item.selected:hover,
#commons_menu a.commons_menu_item.selected:active,
#commons_menu a.commons_menu_item.selected:visited
{
	/*color: 					#009EE0;*/
}



#commons_menu a.commons_menu_item::before
{
	position: 			absolute;
	content: 			" ";
	display: 			block;
	clear: 				both;
	left: 				0;
	right: 				0;
	height: 			2px;
	bottom: 			0;
	background-color:	#009EE0;
	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;
}
#commons_menu a.commons_menu_item:hover::before,
#commons_menu a.commons_menu_item.selected::before
{
	opacity: 			1;
	bottom: 			6px;
}	



#commons_menu_center
{
	text-align: 			center;
}

	#commons_menu ul,
	#commons_menu li
	{
		list-style-type:		none;
		display: 				inline;
	}
	#commons_menu .menu_item
	{
		position: 				relative;
		padding: 				0 0;
		display: 				inline-block;
	}
	/**************************
	 * Menu > Sous-menu
	 **************************/
	#commons_menu .submenu
	{
		display: 			none;
		position: 			absolute;
		left: 				0;
		z-index: 			10000000;
		background-color: 	#252525;
		background-color: 	#161616;
		padding: 			5px;
		/*border: 			1px solid #888;*/
		color: 				#eee;
		min-width: 			250px;
		box-shadow: 		0 0 5px rgba(0,0,0,.5);
		
	}
	/*
	.fixed #commons_menu .submenu
	{
		margin-top: 		0 !important;
	}*/

		#commons_menu .submenu .commons_submenu_item:link,
		#commons_menu .submenu .commons_submenu_item:hover,
		#commons_menu .submenu .commons_submenu_item:active,
		#commons_menu .submenu .commons_submenu_item:visited
		{
			font-size: 			9pt;
			font-weight: 		400;
			
		}
		
		
		#commons_menu .menu_item:hover .submenu
		{
			display: 			block;
		}
		#commons_menu .menu_item .submenu .commons_submenu_item:link,
		#commons_menu .menu_item .submenu .commons_submenu_item:hover,
		#commons_menu .menu_item .submenu .commons_submenu_item:active,
		#commons_menu .menu_item .submenu .commons_submenu_item:visited
		{
			color: 				#eee;
			display: 			block;
			border-top: 		1px solid #444;
			padding: 			5px 10px;
			margin: 			0;
			text-align: 		left;
			text-transform:		none;
			white-space: 		nowrap;
			-webkit-transition:	all .2s ease-out;
			-moz-transition:	all .2s ease-out;
			-o-transition:		all .2s ease-out;
			transition:			all .2s ease-out;
		}
		#commons_menu .menu_item .submenu .commons_submenu_item:hover
		{
			padding-left: 		20px;
		}
		
		
	#commons_menu .submenu,
	#commons_menu .submenu li
	{
		padding: 			0;
		margin: 			0;
	}
	#commons_menu .submenu .commons_submenu_item:hover
	{
		background-color: 	#333;
	}

/**************************
 * Partie principale
 **************************/
#commons_main
{
	background-color: 		#EDEDED;
	border-top: 			1px solid #161616;
	border-bottom: 			1px solid #161616;
}

/**********************************
 * Pathfinder
 **********************************/	  
#pathfinder
{
	color: 			#111;
	padding: 		15px 0;
	font-size: 		11pt;
}
	#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: 					#02232C;
		color: 					#111;
		margin: 				0 5px;
	}
	
	#pathfinder li a.last:link,
	#pathfinder li a.last:hover,
	#pathfinder li a.last:active,
	#pathfinder li a.last:visited
	{
		font-weight: 			600;
	}

	

#commons_main_center
{
	background-color: 		#FFF;
	border:	 				1px solid #FFF;
	border-left: 			0;
	border-right: 			0;
	box-shadow: 			0 0 3px #CCC;
	
	padding: 				50px 0;
	margin: 				0;
}

#commons_main_home
{
}
#home_flash_bottom
{
	background-color: 		#009DE0;
	border-top: 			1px solid #0076A8;
	/*padding-top: 			5px;
	padding-bottom: 		5px;*/
	height: 				118px;
	overflow: 				hidden;
}

#home_flash_bottom_center
{
	width: 					990px;
	margin: 				0 auto;
}

/**************************
 * Footer
 **************************/
#commons_footer
{
	text-align: 			right;
	color: 					#777;
	font-size: 				9pt;
	padding: 				5px 0;
	background-color:		#262626;

}

	#commons_footer_intern
	{
		padding: 				20px 0;
	}
		.commons_footer_firstbloc 
		{
			width: 32%;
			float: left;
			margin-right: 5%;
			position: relative;
			text-align: left;
		}
				.commons_footer_firstbloc > img
				{
				}
				#commons_footer_txt
				{
					border-top: 		1px solid rgba(255,255,255,0.1);
					padding-top: 		20px;
					padding-bottom: 	20px;
				}
		.commons_footer_menubloc
		{
			width: 			38%;
			float: 			left;
			margin-right: 	5%;
			position: 		relative;
		}
		.commons_footer_menubloc #menu1,
		.commons_footer_menubloc #menu2
		{
			border-left: 		1px solid rgba(255,255,255,.1);
			min-height: 		300px;
			padding-left: 		20px;
		}
		.commons_footer_facebook
		{
			width: 20%;
			float: left;
		}
		/*
		.commons_menu_item
		{
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		*/
		#commons_menu .commons_block{position: relative;}
		.commons_menu_items
		{
			float: left;
			width: 70%;
		}
		.commons_menu_social
		{
			float: left;
			width: 30%;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-justify-content: flex-end;
			-ms-flex-pack: end;
			justify-content: flex-end;
			-webkit-align-content: stretch;
			-ms-flex-line-pack: stretch;
			align-content: stretch;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
			
		}
		.commons_menu_social a:link,
		.commons_menu_social a:hover,
		.commons_menu_social a:active,
		.commons_menu_social a:visited
		{
			float: 				left;
			box-sizing: 		content-box;
			border-left: 		1px solid rgba(255,255,255,0.1);
			text-decoration: 	none;
		}
		
		.commons_menu_social a div
		{
			background-position: center top !important;
			-webkit-transition:	all .2s ease;
			-moz-transition:	all .2s ease;
			-o-transition:		all .2s ease;
			transition:			all .2s ease;
		}
		.commons_menu_footersocial
		{
			margin-top: 20px;
		}
		.commons_menu_social a:hover div
		{
			background-position: center bottom!important;
		}
		
		.commons_menu_footersocial a:hover div
		{
			background-position: center bottom!important;
		}
		
		.commons_menu_footersocial a:link,
		.commons_menu_footersocial a:hover,
		.commons_menu_footersocial a:active,
		.commons_menu_footersocial a:visited
		{
			float: 				left;
			margin-right: 		8px;
			margin-bottom: 		10px;
			text-decoration: 	none;
		}
		.commons_menu_footersocial a div
		{
			width: 						34px;
			height: 					34px;
			background-position: 		center top !important;
			-webkit-transition:			all .2s ease-out;
			-moz-transition:			all .2s ease-out;
			-o-transition:				all .2s ease-out;
			transition:					all .2s ease-out;	
			
		}
			#footer ul,
			#footer li
			{
				list-style: none;
				color:#fff;
				text-align: left;
			}
			#footer ul
			{
				margin: 0;
				padding: 0;				
				color:#fff;
			}
			#footer .menu_item
			{
				float: left;
				width: 50%;
			}
			.commons_footer_logo
			{
				width: 	358px;
				width: 	270px;
			}

		#commons_footer span
		{
			color: 					#fff;
		}

#commons_footer .commons_menu_item a:link,
#commons_footer .commons_menu_item a:hover,
#commons_footer .commons_menu_item a:active,
#commons_footer .commons_menu_item a:visited
{
	font-size: 				9pt;
	padding-left:			15px;
	background-image: 		url(../images/commons/chevron.png);
	background-position: 	center left;
	background-repeat: 		no-repeat;
	background-size:		5px 7px;		
	margin-bottom:			5px;
	display:				block;

	
}

.commons_facebook:link,
.commons_facebook:hover,
.commons_facebook:active,
.commons_facebook:visited
{
	display: 				block;
	width: 					37px;
	height: 				69px;
	position: 				fixed;
	z-index: 				100000;
	right: 					0;
	top: 					200px;
	background-image: 		url(../images/commons/facebook.png);
	background-position: 	bottom left;
	background-repeat: 		no-repeat;
}
.commons_facebook:link span,
.commons_facebook:hover span,
.commons_facebook:active span,
.commons_facebook:visited span
{
	display: 				none;
}
#footer .commons_submenu_item first:link,
#footer .commons_submenu_item first:hover,
#footer .commons_submenu_item first:active,
#footer .commons_submenu_item first:visited
{
	text-decoration: none;
}
#footer .submenu li
{
	font-size: 				9pt;
	padding: 				2px 0;
	padding-left: 			10px;
	/*
	background-image: 		url('../images/commons/chevron.png');
	background-repeat: 		no-repeat;
	background-position: 	left center;
	background-size: 		5px;
	*/
}
#footer .submenu li::before
{
	content: 		" > ";
	color: 			rgba(255,255,255,.5);
	padding-right: 	5px;
}

#commons_afterfooter
{
	background-color: #000;
	color: #fff;
	padding:	10px 0;
}
#afterfooter_menu
{
	float: left;
}
#afterfooter_realisation
{
	float: right;
}
#afterfooter_menu a,
#afterfooter_realisation a,
#afterfooter_realisation
{
	color:#fff;
}
#commons_footer_txt{text-align: left; color:#fff; margin-top: 30px;}
#commons_footer_txt p{margin: 2px 0;}
#commons_footer_txt b{margin: 10px 0 0 0; display: block}

#commons_footer_txt a:link,
#commons_footer_txt a:hover,
#commons_footer_txt a:active,
#commons_footer_txt a:visited
{
	display: 				inline-block;
	background-color: 		#2494CA;
	-moz-border-radius:		25px;
	-webkit-border-radius:	25px;
	border-radius:			25px;
	padding: 				8px 12px;
	margin: 				5px 0;
	color: 					#fff;
	font-size: 				12pt;
	font-weight: 			600;
}

/**************************
 * Lien de connexion
 **************************/
.commons_link_login:link,
.commons_link_login:hover,
.commons_link_login:active,
.commons_link_login:visited
{
	display: 				block;
	float:	 				right;
	margin-top: 			55px;
	margin-right: 			40px;
	width: 					132px;
	padding: 				6px 0;
	text-align: 			center;
	color: 					#DDD;
	font-size: 				7pt;
	text-transform: 		uppercase;
	font-weight: 			bold;
	background-image: 		url(../images/commons/connexion.png);
	background-position: 	left;
	background-repeat: 		no-repeat;
	text-decoration: 		none;
}
.commons_link_login:hover
{
	color: 					#FFF;
}
.commons_social{position: relative;}

/*
.commons_footer_separation
{
	position: absolute;
	top: 0;
	width: 1px;
	background-color: rgba(255,255,255,.1);
	height: 300px;
}
*/
.commons_footer_firstbloc .commons_footer_separation {right: -30px;}
.commons_footer_menubloc .commons_footer_separation {left: 180px;}
.commons_social .commons_footer_separation {left: -40px;}


.mobile
{
	display: none;
}
.smart_mobile
{
	display: none;
}
.classic
{
	display: block;
}
.smart_classic
{
	display: block;
}


/**************************
 * Menu mobile
 **************************/
 
.menu_mobile_content
{
	display: 				none;
}

#topmobile
{
	background-image: 		url(../images/commons/logo-header.png);
	background-position: 	30px 30px;
	background-repeat: 		no-repeat;
	background-size: 		200px;
	padding-top: 			90px;
	background-color: 		#161616;
}
#topmobile .menu_item
{
	background-color: 	rgba(255,255,255,0.02);
	margin-bottom: 		1px;
}

.commons_top_menumobile_link:link,
.commons_top_menumobile_link:hover,
.commons_top_menumobile_link:active,
.commons_top_menumobile_link:visited
{
	font-size: 			11pt;
	font-weight: 		500;
}

/****************************
 * RESPONSIVE
 ****************************/
@media only screen
and (max-width : 1200px) 
{
	.commons_block
	{
		max-width: 100%;
		margin: 0 5%;
	}
	.mobile
	{
		display: block;
	}
	.classic
	{
		display: none;
	}
	.commons_footer_separation{display: none;}
	h1,h2{background-image: none;}

	#commons_header a:link, 
	#commons_header a:hover, 
	#commons_header a:active, 
	#commons_header a:visited
	{
		margin-left: 		20px;
		font-size: 			10pt;
	}
	
	#commons_menu .commons_menu_items a:link, 
	#commons_menu .commons_menu_items a:hover, 
	#commons_menu .commons_menu_items a:active, 
	#commons_menu .commons_menu_items a:visited
	{
		font-size: 			9pt;
		margin: 			0 7px;
	}
	#commons_menu .menu_separator
	{
		
	}
}


@media only screen
and (max-width : 980px) 
{
	.mm-opened
	{
		display: 				block;
	}
	#commons_menu
	{
		display: none;
	}
	#commons_top {
		background-color: #161616;
		color: #fff;
		padding: 10px 0;
	}
	.commons_logo:link,
	.commons_logo:hover,
	.commons_logo:active,
	.commons_logo:visited 
	{
		display: 				block;
		float: 					left;
		background-image: 		url("../images/commons/logo-header.png");
		background-position: 	left center;
		background-repeat: 		no-repeat;
		background-size: 		contain;
		height: 				34px;
		margin: 				6px 0 0 18%;
		width: 					60%;
	}
	.slidesjs-slide
	{
		background-color: 		#fff;
	}
	.commons_footer_firstbloc
	{
		float: left;
		margin-right: 5%;
		position: relative;
		width: 33%;
	}
	.commons_footer_menubloc
	{
		float: left;
		margin-right: 0%;
		position: relative;
		width: 62%;
	}
	#commons_footer_txt 
	{
		font-size: 13px;
	}
	.commons_footer_facebook 
	{
		float: left;
		width: 40%;
	}
	.smart_mobile
	{
		display: block;
	}
	.smart_classic,
	#commons_header.smart_classic
	{
		display: none;
	}
	.commons_footer_facebook
	{
		display: none;
	}
	.commons_menu_social
	{
		display: none;
	}
}

@media only screen
and (max-width : 780px) 
{
	
	#commons_header_height.fixed
	{
	}
	#commons_header_general.fixed
	{
		position: 			static;
	}

	#pathfinder
	{
		display: 			none;
	}

	#page_header
	{
		padding: 			10px 0;
	}
		#page_header h1,
		#page_header .h1_like
		{
			position: 		relative;
			z-index: 		1;
			font-size: 		16pt;
			font-weight: 	700;
			color: 			#fff;
			text-transform:	uppercase;
			margin: 		0;
		}
		
		
		#page_header .page_header_description
		{
			font-size: 			10pt;
		}

	#commons_header_general.fixed .commons_logo:link, 
	#commons_header_general.fixed .commons_logo:hover, 
	#commons_header_general.fixed .commons_logo:active,
	#commons_header_general.fixed .commons_logo:visited
	{
		height: 		36px;
		width: 		 	60%;
	}

	#home_event .slidesjs-container
	{
		height: 250px !important;
	}
	#commons_footer span 
	{
		color: #fff;
		font-size: 14px;
	}
	#afterfooter_realisation 
	{
		float: none;
		text-align: center;
	}
	#afterfooter_menu
	{
		float: none;
		text-align: center;
	}
	#commons_utility
	{
		display: none;
	}
    .commons_zoom
    {
        float:               none;
        width:               auto;
    }

	.commons_footer_firstbloc,
	.commons_footer_menubloc,
	.commons_footer_facebook
	{
		float: none;
		margin-right: 0%;
		position: relative;
		width: auto;
		margin-bottom: 20px;
		text-align: left;
	}
	
	
		.commons_footer_menubloc #menu1,
		.commons_footer_menubloc #menu2
		{
			border-left: 		0;
			min-height: 		0;
			padding-left: 		20px;
		}
		
	.commons_footer_logo
	{
		width: 				180px;
	}
	#commons_afterfooter,
	#commons_afterfooter .commons_block
	{
		padding:			0 !important;
		margin: 			0;
	}

	#commons_afterfooter #afterfooter_menu
	{
		padding:			15px;
		margin: 			0;
		background-color: 	rgba(255,255,255,0.05);
	}
	#commons_afterfooter #afterfooter_realisation
	{
		margin: 			0;
		padding:			15px;
		text-align: 		center;
		border-top: 		1px solid rgba(255,255,255,.1);
	}

}
@media only screen
and (max-width : 480px) 
{
	.commons_menu_footersocial
	{
		margin-top: 20px;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		padding-bottom: 20px;
	}
	.commons_menu_footersocial a:link,
	.commons_menu_footersocial a:hover, 
	.commons_menu_footersocial a:active, 
	.commons_menu_footersocial a:visited
	{
		float: left;
		margin-right: 10px;
		width: 40px;
		margin-bottom: 00px;
		text-decoration: none;
	}
	.commons_footer_menubloc, 
	.commons_footer_facebook 
	{
		margin-bottom: 40px;

	}
    .commons_zoom
    {
        float:               none;
        width:               auto;
    }

	.commons_footer_facebook
	{
		display: none;
	}
	#footer .menu_item
	{
		float: none;
		width: auto;
		margin-bottom: 20px;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		padding-bottom: 20px;
	}
	#footer #menu2
	{
		border-bottom: none;
	}
}