/*@import url('https://fonts.googleapis.com/css?family=Lobster+Two:700,700italic');*/
@import 'https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,700italic';
@import 'https://fonts.googleapis.com/css?family=Rubik';
 
/*
@font-face {
    font-family: 'Lobster';
    src: url('../fonts/lobstertwo-bold-webfont.woff2') format('woff2'),
         url('../fonts/lobstertwo-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


/*****************************************************
   COLORS 
 *****************************************************
 * Corail			|	Societe			|	#ffa489
 * Sable chaud		|	Produits		|	#fdc689
 * Emeraude			|	Blog			|	#1cbbb4
 * Lilas			|	Distribution	|	#9986cb
 * Douceur sucree	|	FAQ				|	#f88bbd
 * Anis				|	News			|	#c4df9b
 * Caraibes			|	Contact			|	#81dfea
 * Bleu sobre		|	EspacePro		|	#2c5697
 * Gris				|	Default			|	#eeeeee
 ******************************************************/
 
html, body 
{
	margin: 				0;
	padding: 				0;
	font-size: 				9pt;
	font-weight: 			300;
	line-height: 			1.5;
	background-color: 		#FFF;
	background-color: 		#F3F3F3;
	color: 					#242223;
	font-family: 			"Rubik", Arial;
}

/**************************
 * Page d'attente
 **************************/
#commons_closed_message
{
	padding: 			20px 0;
}
	#commons_closed_message .commons_wrap
	{
		padding: 				40px 60px;
		padding-bottom: 		200px;
		background-color: 		#fff;
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
	}

b, strong { 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-family: 			'Poppins', Arial;	*/
	font-family: 			'Poppins', Arial;
	font-weight: 			700;
	font-size: 				28pt;
	color: 					#201E21;
	font-weight: 			normal;
	padding: 				10px 0;
	margin: 				10px 0;
}
h2, .h2_like { font-size: 24pt; }
h3, .h3_like { font-size: 21pt; }

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

a:link,
a:hover,
a:active,
a:visited
{
	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;
	background-color: 		#ccc;
	padding: 				8px 20px;
	color: 					#fff;
	font-size: 				11pt;
	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;
	border-bottom: 			3px solid rgba(0,0,0,.2);
	padding-bottom: 		5px;
	cursor: 				pointer;
	
}

.button:hover
{
	background-color: 		#aaa;
	border-bottom: 			3px solid rgba(0,0,0,.4s);
}

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

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


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



/**************************
 * Banner
 **************************/
#commons_banner
{
	background-color: 		#fff;
	-moz-box-shadow: 		0 0 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 	0 0 6px rgba(0,0,0,.5);
	-o-box-shadow: 			0 0 6px rgba(0,0,0,.5);
	box-shadow: 			0 0 6px rgba(0,0,0,.5);
}
#commons_banner.fixed
{
	position: 			fixed;
	top: 				0;
	left: 				0;
	right: 				0;
	z-index: 			100000;
}
#commons_banner .commons_wrap
{
	position: 				relative;
}
	
	#commons_banner::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	
	#commons_banner_logo
	{
		float: 				left;
		width: 				110px;
		width: 				145px;
		-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: 				111px;
	}
	#commons_banner_menu
	{
		float: 				left;
		margin-top: 		50px;
		padding-left:	 	20px;
		-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_menu
	{
		margin-top: 	30px;
	}
	
	/**************************
	 * Banner Flag combo
	 **************************/
	#commons_banner_flag
	{
		float: 				right;
		margin: 			5px 10px;
		margin-top: 		55px;
	}
	#commons_banner.fixed #commons_banner_flag
	{
		margin-top: 		35px;
		-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_flag select
		{
			border: 			1px solid #aaa;
		}
	
	/**************************
	 * 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 a:link,
	#commons_banner_menu a:hover,
	#commons_banner_menu a:active,
	#commons_banner_menu a:visited
	{
		display: 			block;
		margin: 			0 10px;
		padding: 			5px 10px;
		color: 				#000;
		font-size: 			11pt;
		font-weight: 		bold;
		text-transform: 	uppercase;
		text-decoration: 	none;
		border-bottom: 		3px solid #000;
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	}
	
	
	/**************************
	 * 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: 		0.8;
		}
		.commons_social a:hover
		{
			opacity: 		1;
		}
		.commons_social a span
		{
			display: 				none;
		}
		
		
		/*.commons_social a#facebook 		{ background-image: url(../images/social/facebook.png);		background-color: 	#aaa;	}*/
		/*.commons_social a#twitter  		{ background-image: url(../images/social/twitter.png);		background-color: 	#aaa;	}*/
		/*.commons_social a#googleplus	{ background-image: url(../images/social/googleplus.png);	background-color: 	#aaa;	}*/
		/*.commons_social a#youtube  		{ background-image: url(../images/social/youtube.png);		background-color: 	#aaa;	}*/
		/*.commons_social a#vimeo  		{ background-image: url(../images/social/vimeo.png);		background-color: 	#aaa;	}*/
		/*.commons_social a#instagram 	{ background-image: url(../images/social/instagram.png);	background-color: 	#aaa;	}*/
		/*.commons_social a#snapchat 		{ background-image: url(../images/social/snapchat.png);		background-color: 	#aaa;	}*/
		/*.commons_social a#pinterest 	{ background-image: url(../images/social/pinterest.png);	background-color: 	#aaa;	}*/
		/*.commons_social a#viadeo 		{ background-image: url(../images/social/viadeo.png);		background-color: 	#aaa;	}*/
		/*.commons_social a#linkedin 		{ background-image: url(../images/social/linkedin.png);		background-color: 	#aaa;	}*/
				
		.commons_social a#facebook			{ background-image: url(../images/social/facebook.png); 		background-color: #c9d7ec;	}
		.commons_social a#twitter  			{ background-image: url(../images/social/twitter.png);	 		background-color: #1EBEF0;	}
		.commons_social a#googleplus  		{ background-image: url(../images/social/googleplus.png); 		background-color: #E1584B;	}
		.commons_social a#youtube  			{ background-image: url(../images/social/youtube.png);			background-color: #b35081; 	}
		.commons_social a#vimeo  				{ background-image: url(../images/social/vimeo.png);			background-color: #C33C2D; 	}
		.commons_social a#instagram  			{ background-image: url(../images/social/instagram.png);		background-color: #e5bec3; 	}
		.commons_social a#snapchat  			{ background-image: url(../images/social/snapchat.png);			background-color: #ECE000; 	}
		.commons_social a#pinterest  	 		{ background-image: url(../images/social/pinterest.png);		background-color: #c56683; 	}
		.commons_social a#viadeo  			{ background-image: url(../images/social/viadeo.png);			background-color: #FF7452; 	}
		.commons_social a#linkedin  		 	{ background-image: url(../images/social/linkedin.png);			background-color: #4B74A0; 	}
		/*
		.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; 	}
		*/

	/**************************
	 * Espace Pro
	 **************************/
	 #commons_banner_top
	 {
	 	position: 				absolute;
	 	top: 					0;
	 	right: 					0;
	 }
	 .commons_banner_espacepro:link,
	 .commons_banner_espacepro:hover,
	 .commons_banner_espacepro:active,
	 .commons_banner_espacepro:visited
	 {
	 	display: 				block;
	 	float: 					right;
	 	background-color: 		#aaa;
	 	color: 					#fff;
	 	font-size: 				12pt;
	 	text-decoration: 		none;	
	 	text-transform: 		uppercase;
	 	background-image: 		url(../images/commons/espacepro.png);
	 	background-position: 	5px 50%;
	 	background-repeat: 		no-repeat;
	 	background-size: 		16px;
	 	padding: 				5px 15px;
	 	padding-left: 			30px;
	 	-moz-border-radius:		0 0 3px 3px;
	 	-webkit-border-radius:	0 0 3px 3px;
	 	border-radius:			0 0 3px 3px;
	 	-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_espacepro.connected:link,
	 .commons_banner_espacepro.connected:hover,
	 .commons_banner_espacepro.connected:active,
	 .commons_banner_espacepro.connected:visited,
	 .commons_banner_espacepro:hover
	 {
	 	background-color: 		#2c5697;
	 }
	 
	 .commons_banner_logout:link,
	 .commons_banner_logout:hover,
	 .commons_banner_logout:active,
	 .commons_banner_logout:visited
	 {
	 	display: 				block;
	 	float: 					right;
	 	background-color: 		#aaa;
	 	color: 					#fff;
	 	font-size: 				12pt;
	 	text-decoration: 		none;	
	 	text-transform: 		uppercase;
	 	background-image: 		url(../images/commons/logout.png);
	 	background-position: 	5px 50%;
	 	background-repeat: 		no-repeat;
	 	background-size: 		16px;
	 	padding: 				5px 15px;
	 	padding-left: 			30px;
	 	margin-right: 			4px;
	 	
	 	-moz-border-radius:		0 0 3px 3px;
	 	-webkit-border-radius:	0 0 3px 3px;
	 	border-radius:			0 0 3px 3px;
	 	-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_logout:hover
	 {
	 	background-color: 		#2c5697;
	 }
	 
	 #commons_banner.fixed .commons_banner_espacepro:link,
	 #commons_banner.fixed .commons_banner_espacepro:hover,
	 #commons_banner.fixed .commons_banner_espacepro:active,
	 #commons_banner.fixed .commons_banner_espacepro:visited
	 {
	 	padding: 				2px 15px;
	 	padding-left: 			30px;
	 	font-size: 				10pt;
	 	background-size: 		12px;
	 }
	 
	 #commons_banner.fixed .commons_banner_logout:link,
	 #commons_banner.fixed .commons_banner_logout:hover,
	 #commons_banner.fixed .commons_banner_logout:active,
	 #commons_banner.fixed .commons_banner_logout:visited
	 {
	 	padding: 				2px 15px;
	 	padding-left: 			30px;
	 	font-size: 				10pt;
	 	background-size: 		12px;
	 }
	 
			
/**************************
 * 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
	{
		/*width: 				43px;*/
		width: 				76px;
		margin: 			3px 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,1);
		stroke-width: 40px;
		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;
				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); }

		
	 
/**************************
 * Lateral > Social
 **************************/
#commons_lateral_social
{
	position: 				fixed;
	z-index: 				1000;
	top: 					20vh;
	right: 					0;
	padding: 				10px;
	background-color: 		#ccc;
	-moz-border-radius:		15px 0 0 15px;
	-webkit-border-radius:	15px 0 0 15px;
	border-radius:			15px 0 0 15px;
}
	#commons_lateral_social.commons_social a:link,
	#commons_lateral_social.commons_social a:hover,
	#commons_lateral_social.commons_social a:active,
	#commons_lateral_social.commons_social a:visited
	{
		display: 			block;
	}

/**********************************
 * 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;
}
	#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
{
}
	
	#commons_header #commons_header_background
	{
		background-color: 		#ddd;
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
		text-align: 			center;
		padding: 				10px 0;
		height:					250px;
	}
	
		#commons_header h1,
		#commons_header .h1_like
		{
		}
		
		#commons_header #commons_header_text
		{
			text-align: 		center;
		}
		
		#commons_header #commons_header_description
		{
			font-size: 			12pt;
			width: 				50%;
			margin: 			0 auto;
			margin-bottom: 		20px;
		}

	
/**************************
 * Footer
 **************************/
#commons_footer_title
{
	position: 			relative;
	background-color: 	#A7A7A7;
	color: 				#fff;
	padding: 			15px 0;
	text-align: 		center;
	font-size: 			15pt;
	font-family: 		'Poppins', Arial;
	font-weight: 		300;
}
	#commons_footer_title::after,
	#commons_footer_title::before
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
		position: 			absolute;
		left: 				0;
		right: 				0;
		border-top: 		2px dashed #fff;
	}
	#commons_footer_title::after
	{
		top: 				3px;
	}
	#commons_footer_title::before
	{
		bottom: 			3px;
	}
	
	
#commons_footer_main
{
}
	#commons_footer_main::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}

	/**************************
	 * 3 column
	 **************************/
	#commons_footer_main_address,
	#commons_footer_main_openhour,
	#commons_footer_main_social,
	#commons_footer_main_newsletter
	{
		float: 				left;
		width: 				25%;
		min-height: 		210px;
		margin: 			40px 0;
	}
	
	#commons_footer_main_address
	{
		border-right: 		1px solid rgba(0,0,0,.08);
		padding-right: 		3%;
	}
	#commons_footer_main_openhour
	{
		border-right: 		1px solid rgba(0,0,0,.08);
		padding-left: 		3%;
		padding-right: 		3%;
	}
	#commons_footer_main_social
	{
		border-right: 		1px solid rgba(0,0,0,.08);
		padding-right: 		3%;
		padding-left: 		3%;
	}
	#commons_footer_main_newsletter
	{
		padding-right: 		0;
		padding-left: 		3%;
	}

		.commons_footer_subtitle
		{
			font-size: 			15pt;
			font-family: 		'Poppins', Arial;
			font-weight: 		700;
			margin-bottom: 		20px;
		}
	
		/**************************
		 * Footer > Address
		 **************************/
		 #commons_footer_address_title
		 {
		 }
		 #commons_footer_address_text
		 {
		 }
		 #commons_footer_address_text a:link,
		 #commons_footer_address_text a:hover,
		 #commons_footer_address_text a:active,
		 #commons_footer_address_text a:visited
		 {
		 	color: 			#222;
		 }
		 
		/**************************
		 * Footer > Social
		 **************************/
		 #commons_footer_social_title
		 {
		 }
		 #commons_footer_social_text
		 {
		 }
	
		/**************************
		 * Footer > Social
		 **************************/
		 #commons_footer_newsletter_title
		 {
		 }
		 #commons_footer_newsletter_text
		 {
		 }

		 /**************************
		  * Footer > Newsletter 
		  **************************/
		 .subscriber_unsubscribe:link,
		 .subscriber_unsubscribe:hover,
		 .subscriber_unsubscribe:active,
		 .subscriber_unsubscribe:visited
		 {
		  	color: 		#777;
		 }
		

 
/**************************
 * Afterfooter
 **************************/
#commons_afterfooter
{
	background-color: 			#eee;
	padding: 					15px 0;

}
	#commons_afterfooter::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	
	/**************************
	 * Afterfooter > Menu
	 **************************/
	#commons_afterfooter_menu
	{
		float: 					left;
		color: 					#222;
	}
		 #commons_afterfooter_menu span
		 {
		 }
		 #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: 				#222;
		 	margin: 			0 15px;
		 }
		 
		 
	/**************************
	 * 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
		 {
			color: 				#222;
			text-decoration: 	underline;
		 }

#commons_banner_mobile_flag
{
	text-align:  		center;
}
#commons_banner_mobile_flag a:link,
#commons_banner_mobile_flag a:hover,
#commons_banner_mobile_flag a:active,
#commons_banner_mobile_flag a:visited
{
	color:  			#fff;
	margin:  			0 10px;
}


/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Tablet Horizontal */ 
and (max-width : 1240px) 
{
	#commons_zoom .commons_wrap,
	#commons_footer_main .commons_wrap
	{
		padding: 			0 20px;
	}
}
@media only screen /* Tablet Horizontal */ 
and (max-width : 1060px) 
{
	
	#commons_banner_logo
	{
		/*width: 			80px;*/
		width: 			134px;
		margin: 		5px 10px;
	}
	#commons_banner_menu
	{
		margin-top: 	50px;
	}

	#commons_banner_menu .input_submit
	{
		background-color: 		#eee;
		border: 				1px solid #ccc;
		color: 					#ccc;
		padding: 				1px 10px;
	}
	#commons_banner_menu a:link,
	#commons_banner_menu a:hover,
	#commons_banner_menu a:active,
	#commons_banner_menu a:visited
	{
		display: 			block;
		margin: 			0 5px;
		padding: 			5px 10px;
		font-size: 			11pt;
	}
	
}

@media only screen /* Tablet Vertical */ 
and (max-width : 900px) 
{
	
	#commons_banner_logo
	{
		/*width: 			65px;*/
		width: 			120px;
	}
	#commons_banner_menu
	{
		margin-top: 	35px;
	}

	#commons_banner_menu a:link,
	#commons_banner_menu a:hover,
	#commons_banner_menu a:active,
	#commons_banner_menu a:visited
	{
		display: 			block;
		margin: 			0 3px;
		padding: 			5px 5px;
		font-size: 			10pt;
	}
	
	
	/**************************
	 * Footer
	 **************************/
	#commons_footer_main_address,
	#commons_footer_main_openhour,
	#commons_footer_main_social,
	#commons_footer_main_newsletter
	{
		float: 				left;
		width: 				50%;
		min-height: 		220px;
		margin: 			10px 0;
		padding: 			10px 20px;
		text-align: 		left;
	}
	#commons_footer_main_openhour
	{
		border-right: 		0;
	}
}

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

	.mobile {	display: block;	}
	.desktop {	display: none;	}
	
	body 
	{
		padding-top: 		50px;
	}
	
	#commons_lateral_social
	{
		display: 			none;
	}
	
	
	/**************************
	 * Header
	 **************************/
	#commons_header
	{
	}
		
		#commons_header #commons_header_background
		{
			padding: 				10px 0;
			height: 				50px;
		}
		
			#commons_header h1
			{
			}
			
			#commons_header #commons_header_description
			{
				font-size: 			10pt;
				width: 				auto;
				margin: 			0 20px;
				margin-bottom: 		10px;
			}
	/**************************
	 * Pathfinder
	 **************************/
	#pathfinder
	{
		display: 			none;
	}
	
	
	/**************************
	 * Footer
	 **************************/
	#commons_footer_main_address,
	#commons_footer_main_openhour,
	#commons_footer_main_social,
	#commons_footer_main_newsletter
	{
		float: 				none;
		width: 				auto;
		min-height: 		0;
		padding-bottom: 	20px;
		margin: 			20px 0;
		border-right: 		0;
		border-bottom: 		1px solid rgba(0,0,0,.08);
	}
	#commons_footer_main_newsletter
	{
		border-bottom: 		0;
	}
	
	/**************************
	 * AfterFooter
	 **************************/
	#commons_afterfooter
	{
		padding:				0;
	}
	#commons_afterfooter_menu
	{
		padding: 				10px 0;
		text-align: 			center;
		float: 					none;
	}
	#commons_afterfooter_realisation
	{
		padding: 				10px 0;
		text-align: 			center;
		float: 					none;
		background-color: 		#A7A7A7;
		color: 					#eee;
	}
	#commons_afterfooter_realisation a:link,
	#commons_afterfooter_realisation a:hover,
	#commons_afterfooter_realisation a:active,
	#commons_afterfooter_realisation a:visited
	{
			color: 				#fff;
	}

}