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


/***************************
 * Commons
 ***************************/
html, body 
{
	margin: 				0;
	padding: 				0;
	font-size: 				9pt;
	line-height: 			1.4;
	font-family: 			'Rubik';
	font-weight: 			400;
}

body 
{
	background-color: 		#000;
	background-repeat:	 	no-repeat;
	background-position: 	top center;
	background-size: 		cover;
}
.desktop  {	display: block; }
.mobile   {	display: none;  }
	
a:link,
a:hover,
a:active,
a:visited
{
	color: 					inherit;
	text-decoration: 		none;
}
a:hover
{
	text-decoration: 		underline;
}

.commons_wrap
{
	max-width: 				1140px;
	margin: 				0 auto;
}
.advertising_item img
{
	max-width: 				100%;
}
.commons_padding,
.commons_padding_small
{
	padding: 				30px 50px;
}

h1 span { color: #222; }
h1, h2, h3,
.h1_like, 
.h2_like, 
.h3_like
{
	font-family: 			'Rubik';
	color: 					#000;
	padding: 				10px 0;
	font-weight: 			500;
	
}
h1, .h1_like { font-size: 20pt; font-weight: 700; text-transform: 		uppercase; }
h2, .h2_like { font-size: 13pt; }
h3, .h3_like { font-size: 12pt; }

.font
{
	font-family: 			'Rubik';
}

.notation_ext,
.notation_int
{
	background-position: 	top left;
	background-repeat: 		no-repeat;
}

.notation_ext
{
	height: 				20px;
	width: 					100px;
	margin: 				5px auto;
	background-image: 		url(../images/commons/star_off.png);
}
.notation_int
{
	background-image: 		url(../images/commons/star_on.png);
}

.commons_empty
{
	padding: 				100px 0;
	text-align: 			center;
}

.invisible
{
	display: 				none;
}
#commons_description
{
	padding: 				5px 50px;
}

#commons_scrolltop:link,
#commons_scrolltop:hover,
#commons_scrolltop:active,
#commons_scrolltop:visited
{
	display: 				block;
	display: 				none;
	position:	 			fixed;
	z-index: 				10000;
	right: 					10px;
	bottom: 				30px;
	width: 					64px;
	height: 				64px;
	background-color: 		rgba(0,0,0,.2);
	background-image: 		url(../images/commons/up.png);
	background-repeat: 		no-repeat;
	background-position: 	center center;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}
#commons_scrolltop:hover
{
	background-color: 		rgba(0,0,0,.4);
}
.button,
a.button_link:link,
a.button_link:hover,
a.button_link:active,
a.button_link:visited
{
	display: 				inline-block;
	padding: 				6px 15px;
	background-color: 		#CD3C43;
	color: 					#fff !important;
	font-weight: 			400;
	font-size: 				10pt;
	font-family: 			'Rubik';
	margin: 				4px 0;
	text-decoration:		none;
	-moz-border-radius:		2px;
	-webkit-border-radius:	2px;
	border-radius:			2px;
	text-decoration:		none;
}
.button:hover,
.button_link:hover
{
	text-decoration:		none;
}
.wallpaper_info
{
	display: 				none;
}

.page_description
{
	font-size: 			10pt;
	color: 				#777;
	padding: 			15px 0;
}

#my-menu
{
	display:			none;
}

#my-menu.mm-opened
{
	display:			block;
}

.datacollect
{
	color: 				#222;
	background-color: 	#ffd;
	padding: 			15px !important;
	margin: 			10px 0;
}
.datacollect:empty { display: none; }

/*==========================*/
/* MessageReturn		    */
/*==========================*/
#messagereturn 
{ 
	display: 	block; 
	position: 	fixed; 
	z-index: 	10000;
	bottom: 	10px; 
	right: 		30%; 
	left: 		30%; 
	margin: 	5px; 
}
.messagereturn_buttonclose { display: block; position: absolute; top: 0; right: 0; margin: 5px; }
.messagereturn_success, 
.messagereturn_error,
.messagereturn_noright, 
.messagereturn_info, 
.messagereturn_admin
{ 
	padding: 			25px; 
	font-size: 			10pt; 
	font-weight: 		500;
	text-align: 		center; 
	border-radius: 		2px;
}

.messagereturn_success { background-color: #5cb85c;  border: 1px solid #4cae4c; color: #fff; }
.messagereturn_admin   { background-color: #286090;  border: 1px solid #204d74; color: #fff; }
.messagereturn_error   { background-color: #ac2925;  border: 1px solid #ac2925; color: #fff; }
.messagereturn_noright { background-color: #ec971f;  border: 1px solid #d58512; color: #fff; }
.messagereturn_info    { background-color: #5cb85c;  border: 1px solid #4cae4c; color: #fff; }


@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	#messagereturn 
	{
		right: 		10px; 
		left: 		10px; 
	}
}

/***************************
 * Floating menu
 ***************************/
 /*
#commons_floating_height
{
	height: 		65px;
}
#commons_floating
{
	position: 		fixed;
	z-index: 		1000;
	top: 			0;
	left: 			0;
	right: 			0;
}
*/

/***************************
* Menu : Mode Small
****************************/
#commons_banner_height.fixed
{
	height: 		142px;
	height: 		136px;
}
#commons_banner
{
	-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.floating
{
	position: 				fixed;
	left: 					0;
	right: 					0;
	top: 					0;
	z-index: 				1000;
}
#commons_banner.floating > .commons_wrap
{
	-moz-box-shadow: 		0 0 6px rgba(0,0,0,.3);
	-webkit-box-shadow: 	0 0 6px rgba(0,0,0,.3);
	-o-box-shadow: 			0 0 6px rgba(0,0,0,.3);
	box-shadow: 			0 0 6px rgba(0,0,0,.3);
}
#commons_banner #commons_header
{
	-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.floating #commons_header
{
	padding: 				0;
}
#commons_banner.floating #commons_header_logo
{
	width: 				20%;
	max-width: 			0;
	min-width: 			200px;
	margin-top: 		10px;
}


#commons_banner.floating #commons_utilities
{
	margin-top: 		-25px;
	opacity: 			0;
}



/***************************
 * Utilities
 ***************************/
#commons_utilities
{
	position: 				relative;
	background-color: 		#D5D5D5;
	height: 				25px;
	padding: 				0 30px;
	border-bottom: 			1px solid rgba(0,0,0,.1);
	opacity: 				1;
	overflow: 				hidden;
	-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_utilities_menu
	{
		float: 				right;
	}
		#commons_header_utilities_menu a:link,
		#commons_header_utilities_menu a:hover,
		#commons_header_utilities_menu a:active,
		#commons_header_utilities_menu a:visited
		{
			display: 			inline-block;
			padding: 			6px 6px;
			font-size: 			8pt;
			text-transform: 	uppercase;
			border-left: 		1px solid rgba(0,0,0,.1);
			color: 				#777;
			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_header_utilities_menu a:hover
		{
			color: 				#fff;
			background-color: 	#CD3C43;
		}


/***************************
 * Header
 ***************************/
#commons_header
{
	padding: 				17px 20px;
	background-color: 		#F0F0F0;
}
#commons_header::after
{
	display: 				block;
	content: 				" ";
	clear: 					both;
}
	
#commons_header a:link,
#commons_header a:hover,
#commons_header a:active,
#commons_header a:visited
{
	color: 					#aaa;
	text-decoration: 		none;
}
#commons_header a:hover
{
	text-decoration: 		underline;
}

	#commons_header_logo
	{
		float: 					left;
		max-width: 				30%;
		padding: 				10px;
	}
	#commons_header_fblikebox
	{
		float: 					left;
		margin: 				2px 2px;
	}
	
	#commons_header_logo img
	{
		max-width: 			100%;
	}
	#commons_header_social
	{
		float: 				right;
		margin: 			0;
	}
		.commons_social_item:link,
		.commons_social_item:hover,
		.commons_social_item:active,
		.commons_social_item:visited
		{
			position: 				relative;
			display: 				inline-block;
			background-repeat: 		no-repeat;
			background-position: 	50% 50%;
			width: 					24px;
			height:					24px;
			border-left: 			1px solid rgba(0,0,0,.1);
			background-size: 		18px;
			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_social_item:hover
		{
		}
		.commons_social_item span
		{
			display: 				none;
		}
			
		
		.commons_social_item_instagram 	{ background-image: url(../images/commons/instagram.svg);	}
		.commons_social_item_facebook 	{ background-image: url(../images/commons/facebook.png);	}
		.commons_social_item_twitter  	{ background-image: url(../images/commons/twitter.png);		}
		.commons_social_item_googleplus { background-image: url(../images/commons/googleplus.png);	}
		.commons_social_item_youtube  	{ background-image: url(../images/commons/youtube.png);		}
		
		
		.commons_social_item_instagram:hover	{ background-image: url(../images/commons/instagram-hover.svg); 	background-color: #c60cd3;	}
		.commons_social_item_facebook:hover		{ background-image: url(../images/commons/facebook-hover.png); 		background-color: #3A5BA2;	}
		.commons_social_item_twitter:hover  	{ background-image: url(../images/commons/twitter-hover.png);	 	background-color: #1EBEF0;	}
		.commons_social_item_googleplus:hover  	{ background-image: url(../images/commons/googleplus-hover.png); 	background-color: #E1584B;	}
		.commons_social_item_youtube:hover  	{ background-image: url(../images/commons/youtube-hover.png);		background-color: #C33C2D; 	}
		
		
	#commons_header_account
	{
		float: 					right;
		padding: 				12px;
		padding-right: 			0;
		margin: 				22px 10px;
		font-family: 			'Rubik';
		font-size: 				9pt;
		font-weight: 			400;
		color: 					#111;
		text-transform: 		uppercase;
		padding-left:	 		30px;
		background-repeat: 		no-repeat;
		background-position: 	left;
		background-image: 		url(../images/commons/user.png);	
		background-size: 		24px;
	}
	#commons_header_account a:link,
	#commons_header_account a:hover,
	#commons_header_account a:active,
	#commons_header_account a:visited
	{
		color: 					#111;
	}
	
	/*
	#commons_header_caddie:link,
	#commons_header_caddie:hover,
	#commons_header_caddie:active,
	#commons_header_caddie:visited
	*/
	#commons_header_caddie
	{
		display:				block;
		position: 				relative;
		float: 					right;
		padding: 				12px 5px;
		padding-right: 			10px;
		margin: 				22px 10px;
		margin-right: 			10px;
		font-family: 			'Rubik';
		font-size: 				9pt;
		font-weight: 			400;
		text-transform: 		uppercase;
		padding-left:	 		30px;
		background-repeat: 		no-repeat;
		background-position: 	left;
		color: 					#111;
		background-image: 		url(../images/commons/basket.png);
		background-size: 		24px;
	}
	#commons_header_caddie i
	{
		display: 				block;
		position: 				absolute;
		top: 					12px;
		right: 					-8px;
		font-size: 				8pt;
		font-weight: 			400;
		background-color: 		#CD3C43;
		color: 					#fff;
		text-align: 			center;
		font-style: 			normal;
		width: 					16px;
		height: 				16px;
		-moz-border-radius:		16px;
		-webkit-border-radius:	16px;
		border-radius:			16px;
		letter-spacing: 		1px;
		line-height: 			12pt;
		
	}
	
	.commons_header_logout_link:link,
	.commons_header_logout_link:hover,
	.commons_header_logout_link:active,
	.commons_header_logout_link:visited
	{
		position: 				relative;
		float: 					right;
		display:				inline-block;
		margin: 				33px 4px 0 0;
		height:					16px;
		width:					16px;
		background-image: 		url(../images/commons/logout.png);
		background-repeat: 		no-repeat;
		background-position: 	top center;
	}
	
	/**********************************
	 * Recherche avec autocompletion
	 **********************************/
	#commons_header_search
	{
		position: 				relative;
		float: 					right;
		height: 				38px;
		width: 					30%;
		margin: 				23px 15px 5px 5px;
	}
		#commons_header_search form
		{
			position: 				absolute;
			display: 				block;
			top: 					0;
			left: 					46px;
			right: 					0;
			bottom: 				0;
		
		}
		#commons_header_search input
		{
			position: 				absolute;
			display: 				block;
			font-family: 			'Rubik';
			top: 					0;
			left: 					0;
			right: 					0;
			bottom: 				0;
			width: 					100%;
			border: 				0;
			padding: 				10px 10px;			
			font-size: 				11pt;
			font-weight: 			500;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
			-moz-border-radius:		0 15px 15px 0;
			-webkit-border-radius:	0 15px 15px 0;
			border-radius:			0 15px 15px 0;
		}
		
		#commons_header_search::after
		{
			content: 			" ";
			display: 				block;
			clear: 					both;
			position: 				absolute;
			top: 					0;
			left: 					0;
			bottom: 				0;
			width: 					46px;
			background-repeat: 		no-repeat;
			background-position: 	center center;
			background-image:		url(../images/commons/loupe.png);
			background-color: 		#CD3C43;
			background-size: 		28px;
			-moz-border-radius:		15px 0 0 15px;
			-webkit-border-radius:	15px 0 0 15px;
			border-radius:			15px 0 0 15px;
			
		}
		
		#commons_header_search input.loader
		{
			background-color: 		#888;
		}
		#commons_searchresult.loader
		{
			opacity: 				0.5;
		}
		#commons_searchresult::before,
		#commons_searchresult::after
		{
			display: 				block;
			content: 				" ";
			clear: 					both;
		}
		#commons_searchresult
		{
			position: 				relative;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
		}
		#commons_searchresult_wrap
		{
			position: 				relative;
			z-index: 				100;
			background-color: 		#fff;
		}
			.search_bloc
			{
				/*padding: 				10px;*/
			}
			.search_bloc .search_title
			{
				clear: 				both;
				font-family: 		'Rubik';
				color: 				#fff;
				background-color: 	#CD3C43;
				font-size: 			12pt;
				font-weight: 		200;
				padding: 			6px 0;
				text-align: 		center;
			}
			.search_bloc .search_items
			{
				padding: 				10px;
			}
			
		#search_close
		{
			position: 				absolute;
			top: 					7px;
			right: 					7px;
			padding-right: 			20px;
			color: 					#fff;
			cursor: 				pointer;
			background-repeat: 		no-repeat;
			background-position: 	right;
			background-image:		url(../images/commons/close.png);
		}
		#search_close:hover
		{
			text-decoration: 		underline;
		}
		
		
		/**********************************
		 * Recherche > ResultItems
		 **********************************/
		.search_item:link,
		.search_item:hover,
		.search_item:active,
		.search_item:visited
		{
			display: 				block;
			float:	 				left;
			width: 					32%;
			margin: 				5px .5%;
			padding: 				4px 4px;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
			/*
			-moz-border-radius:		5px;
			-webkit-border-radius:	5px;
			border-radius:			5px;
			*/
			overflow: 				hidden;
		}
		.search_bloc .search_item_product
		{
			height: 			75px;
		}
		.search_item_category,
		.search_item_brand
		{
			/*min-height: 			30px;*/
			height: 			50px;
		}
		.search_item_brand:link,
		.search_item_brand:hover,
		.search_item_brand:active,
		.search_item_brand:visited
		{
			width: 					19%;
		}
		.search_item:hover
		{
			background-color: 	#333;
			background-color: 	#CD3C43;
			color: 				#222 !important;
		}
		.search_item:hover .search_item_product_category,
		.search_item:hover .search_item_name,
		.search_item:hover .search_item_description
		{
			color: 				#222 !important;
		}
			.search_item .search_item_image
			{
				float: 					left;
				width: 					24%;
				height: 				40px;
				margin-right: 			1%;
				text-align: 			center;
				padding: 				5px;
				background-color: 		#fff;
				/*
				-moz-border-radius:		5px;
				-webkit-border-radius:	5px;
				border-radius:			5px;
				*/
			}
			.search_item_brand .search_item_image
			{
				height: 				40px;
			}
			.search_item_product .search_item_image
			{
				height: 				67px;
			}
				.search_item .search_item_image img
				{
					max-width: 			100%;
					max-height:			100%;
				}
			.search_item .search_item_info
			{
				float: 				right;
				width: 				74%;
			}
				.search_item .search_item_info .search_item_product_category
				{
					display: 				block;
					font-size: 				7pt;
					text-transform: 		uppercase;
					color: 					#CD3C43;
				}
				.search_item .search_item_info .search_item_name
				{
					display: 				block;
					font-size: 				9pt;
					font-weight: 			500;
					color: 					#222;
				}
				.search_item .search_item_info .search_item_description
				{
					display: 				block;
					font-size: 				8pt;
					color: 					#888;
				}

	
/***************************
 * Baseline
 ***************************/
#commons_baseline
{
	font-family: 			'Rubik';
	font-size: 				8pt;
	text-transform: 		uppercase;
	padding: 				3px 2px;
	background-color: 		#CD3C43;
	
	/* Black Friday 
	background-color: 		#F20300;
	position: 				relative;
	box-shadow: 			0 0 15px rgba(242, 3, 0, .9);
	*/
}
#commons_footer
{
}
	#commons_baseline span
	{
		color: 					#fff;
		margin-right: 			10px;
	}
	
		#commons_baseline #commons_baseline_text
		{
			padding: 			2px 10px;
		}
		#commons_baseline #commons_baseline_phone
		{
			float: 					right;
			font-size: 				9pt;
			font-family: 			'Rubik';
			font-weight: 			500;
			color: 					#fff;
			padding: 				0px 0;
			margin: 				2px 0;
			padding-left: 			22px;
			background-repeat: 		no-repeat;
			background-position: 	left;
			background-image:		url(../images/commons/phone.png);
			background-size: 		contain;
		}

/**********************************
 * Mobile > Phone 
 **********************************/
#commons_header_phone
{
	position: 					relative;
	float: 						right;
	padding: 					0;
	margin: 					9px 8px;
	width: 						20px;
	height: 					20px;
	background-repeat: 			no-repeat;
	background-position: 		center center;
	background-image:			url(../images/commons/phone.png);	
	background-size: 			20px 20px;

}
	#commons_header_phone .commons_phone_bloc
	{
		position: 				absolute;
		margin-top: 			20px;
		right: 					-80px;
		padding: 				10px 0;
		width: 					200px;
		text-align:				center;
		color: 					#333;
		font-size:				9pt;
		font-weight: 			bold;
		opacity: 				0;
		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;
		background-image:		url(../images/commons/arrow-up.png);
		background-repeat: 		no-repeat;
		background-position: 	55% 0;
		padding-top: 			8pt;
	}
	/*
	#commons_header_phone:hover .commons_phone_bloc
	{
		opacity: 			1;
	}
	#commons_header_phone span
	{
		background-color: 		#fff;
		padding: 				5px 20px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		border-radius:			5px;
	}*/
	
	#commons_header_phone span a:link,
	#commons_header_phone span a:hover,
	#commons_header_phone span a:active,
	#commons_header_phone span a:visited
	{
		color: 					#CD3C43;
		text-decoration: 		none;
	}
	

/***************************
 * Menu
 ***************************/
#commons_menu
{
	background-color: 			#272727;
	/*text-align: 				center;*/
	color: 						rgba(255,255,255,.2);
}
	#commons_menu_desktop
	{
		display: 				table;
		width: 					100%;
		font-family: 			'Rubik';
		font-size: 				13pt;
		color: 					#aaa;
	}
	#commons_menu_desktop a:link,
	#commons_menu_desktop a:hover,
	#commons_menu_desktop a:active,
	#commons_menu_desktop a:visited
	{
		position: 				relative;
		display: 				table-cell;
		color: 					rgba(255,255,255,.9);
		margin: 				0 10px;
		font-weight: 			500;
		font-size:	 			11pt;
		padding:				12px 5px;
		text-transform: 		uppercase;
		text-align: 			center;
		text-decoration: 		none;
		border-right: 			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_menu_desktop a.selected:link,
	#commons_menu_desktop a.selected:hover,
	#commons_menu_desktop a.selected:active,
	#commons_menu_desktop a.selected:visited
	{
		background-color: 		#CD3C43;
		color: 					rgba(255,255,255,1);
	}
	
	#commons_menu_desktop a.selected::after,
	#commons_menu_desktop a::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
		position: 			absolute;
		left: 				50%;
		bottom: 			0;
		width: 				0;
		height: 			3px;
		background-color: 	#CD3C43;
		-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_desktop a.selected::after
	{
		background-color: 	rgba(0,0,0,.2);
		left: 				0;
		width: 				100%;
	}
	
	#commons_menu_desktop a:hover
	{
		color: 				rgba(255,255,255,1);
	}
	
	#commons_menu_desktop a:hover::after
	{
		left: 				0;
		width: 				100%;
	}
	
	#commons_menu_desktop span
	{
		display: 				none;
	}
		
		/*
		#commons_menu_desktop a.sonorisation { background-image: url(../images/menu/green.png); }
		#commons_menu_desktop a.eclairage 	{ background-image: url(../images/menu/pink.png); }
		#commons_menu_desktop a.homestudio 	{ background-image: url(../images/menu/blue.png); }
		#commons_menu_desktop a.dj 			{ background-image: url(../images/menu/orange.png); }
		#commons_menu_desktop a.orange 		{ color: #fff; background-color: #F89420; }
		#commons_menu_desktop a.vert 		{ color: #fff; background-color: #8DC73F; }
		#commons_menu_desktop a.bleu 		{ color: #fff; background-color: #CD3C43; }
		#commons_menu_desktop a.rose 		{ color: #fff; background-color: #EC078E; }
		*/

		
		
/***************************
 * Message information
 ***************************/
#commons_message_content
{
	font-family: 			'Rubik';
	text-align: 			center;
}
 
#commons_message_content a:link,
#commons_message_content a:hover,
#commons_message_content a:active,
#commons_message_content a:visited
{
	color: 					inherit;
	text-decoration: 		underline;
	font-weight: 			bold;
}
 
/***************************
 * Zoom
 ***************************/
#commons_zoom
{
	position: 				relative;
	/*overflow: 				hidden;*/
	background-color: 		#fff;
	background-color: 		#ddd;
	background-position:	50% 122px;
	-webkit-transition:		all .8s ease-out;
	-moz-transition:		all .8s ease-out;
	-o-transition:			all .8s ease-out;
	transition:				all .8s ease-out;
}
	#commons_zoom #commons_zoom_inner
	{
		position: 				relative;
		z-index: 				10;
		border-top: 			1px solid rgba(0,0,0,1);
		border-bottom: 			1px solid #fff;
		background-color: 		#fff;
		min-height: 			300px;
	}

 
 /**********************************
  * Pathfinder
  **********************************/
  #pathfinder
  {
	color: 			#888;
	margin: 		10px 0;
  }
	  #pathfinder .separator
	  {
	  	display: 		inline;
	  }
	  #pathfinder .itemlink
	  {
		  display: 		inline;
	  }
	  #pathfinder .itemlink a:link,
	  #pathfinder .itemlink a:hover,
	  #pathfinder .itemlink a:active,
	  #pathfinder .itemlink a:visited
	  {
	  	display: 		inline;
		color: 			#888;
	  }
	  #pathfinder .itemlast
	  {
	  	display: 		inline;
	  }
	 
 
 /***************************
 * Zoom > Footer
 ***************************/
#zoom_bottom_advertfooter
{
	padding: 			10px 10px;
	background-color: 	#F9FBFA;
}
#zoom_bottom_advertfooter::after
{
	display: 			block;
	content: 			" ";
	clear: 				both;
}
		#zoom_bottom_advertfooter .advertising_item
		{
			float: 				left;
			width: 				50%;
			padding: 			0 5px;
		}
 /***************************
 * Zoom > Footer2
 ***************************/
#zoom_bottom_advertfooter2::before
{
	display: 			block;
	content: 			" ";
	clear: 				both;
}
#zoom_bottom_advertfooter2
{
	padding: 			10px 10px;
}
#zoom_bottom_advertfooter2::after
{
	display: 			block;
	content: 			" ";
	clear: 				both;
}
		#zoom_bottom_advertfooter2 .advertising_item
		{
			float: 				left;
			width: 				25%;
			padding: 			0 5px;
			margin-bottom: 		5px;
		}
 
 /***************************
 * Footer
 ***************************/
#commons_footer
{
	/*min-height: 			300px;*/
	background-color: 		#A53036;
	color: 					#fff;
	font-size: 				11pt;
	padding: 				70px 40px;
	padding-bottom:	 		30px;
}
	#commons_footer::after
	{
		display: 			block;
		content: 			" ";
		clear: 				both;
	}
	
	#commons_footer_left
	{
		float: 				left;
		width: 				30%;
	}
	#commons_footer_right
	{
		float: 					right;
		width: 					60%;

		-webkit-column-count: 	2; 
		-moz-column-count: 		2; 
		column-count: 			2;
		
		-webkit-column-gap: 	40px; 
		-moz-column-gap: 		40px; 
		column-gap: 			40px;
		
	}
		/**************************
		 * Part Address
		 **************************/
		#commons_footer_address
		{
			position: 				relative;
			background-image: 		url(../images/commons/img-footer-france.png);
			background-position: 	0 40px;
			background-repeat: 		no-repeat;
			padding-top: 			220px;
			margin-bottom: 			50px;
		}
		#commons_footer_address::before
		{
			content: 			"MUSIC AUDIO SHOP";
			display: 			block;
			clear: 				both;
			position: 			absolute;
			top: 				0;
			left: 				0;
			right: 				0;
			font-size: 			13pt;
		}
			#commons_footer_address_address
			{
				margin-bottom: 		20px;
			}
			#commons_footer_address_openhour
			{
				margin-bottom: 		20px;			
			}
		
		#commons_footer_phone
		{
		}
			#commons_footer_phone
			{
				font-size: 			18pt;
			}
			
			#commons_footer_phone::before
			{
				content: 			"Service Client :";
				display: 			block;
				clear: 				both;
				font-size: 			12pt;
				font-weight: 		500;
			}
			
			
		/**************************
		 * Menu
		 **************************/	
		#commons_footer_menu
		{
		
		}
		
			#commons_footer_menu ul,
			#commons_footer_menu li
			{
				list-style-type: 	none;
				margin: 			0;
				padding: 			0;
			}
			
			#commons_footer_menu li.menu_item
			{
				display: 		inline-block;
				width: 			100%;
				margin-bottom: 		50px;
			}
			
			#commons_footer_menu .commons_footer_menu_title
			{
				font-size: 			15pt;
				text-transform: 	uppercase;
				font-weight: 		500;
				margin-bottom: 		12px;
			}
			#commons_footer_menu .commons_footer_menu_item:link,
			#commons_footer_menu .commons_footer_menu_item:hover,
			#commons_footer_menu .commons_footer_menu_item:active,
			#commons_footer_menu .commons_footer_menu_item:visited
			{
				display: 			inline-block;
				font-size: 			10pt;
				font-weight: 		300;
				margin: 			2px 0;
			}
		
		#commons_footer_social
		{
			margin-top: 		20px;
		}
		#commons_footer_social::before
		{
			content: 			"Restez connectés";
			display: 			block;
			clear: 				both;
			font-size: 			15pt;
			font-weight: 		500;
			text-transform: 	uppercase;
			margin-bottom: 		12px;
		}
				
		#commons_footer_social .commons_social_item:link,
		#commons_footer_social .commons_social_item:hover,
		#commons_footer_social .commons_social_item:active,
		#commons_footer_social .commons_social_item:visited
		{
			position: 				relative;
			display: 				inline-block;
			background-repeat: 		no-repeat;
			background-position: 	50% 50%;
			width: 					32px;
			height:					32px;
			border: 				0;
			background-color: 		#fff;
			margin-right: 			5px;
			-moz-border-radius:		50%;
			-webkit-border-radius:	50%;
			border-radius:			50%;
			background-size: 		24px;
			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_footer_social .commons_social_item:hover
		{
		}
		#commons_footer_social .commons_social_item span
		{
			display: 				none;
		}
			
		
		#commons_footer_social .commons_social_item_facebook 	{ background-image: url(../images/commons/picto-facebook-footer.png);	}
		#commons_footer_social .commons_social_item_twitter  	{ background-image: url(../images/commons/picto-twitter-footer.png);	}
		#commons_footer_social .commons_social_item_googleplus { background-image: url(../images/commons/picto-google-footer.png);		}
		#commons_footer_social .commons_social_item_youtube  	{ background-image: url(../images/commons/picto-youtube-footer.png);	}
		
		
		#commons_footer_social .commons_social_item_facebook:hover		{ background-image: url(../images/commons/facebook-hover.png); 		background-color: #3A5BA2;	}
		#commons_footer_social .commons_social_item_twitter:hover  	{ background-image: url(../images/commons/twitter-hover.png);	 		background-color: #1EBEF0;	}
		#commons_footer_social .commons_social_item_googleplus:hover  	{ background-image: url(../images/commons/googleplus-hover.png); 	background-color: #E1584B;	}
		#commons_footer_social .commons_social_item_youtube:hover  	{ background-image: url(../images/commons/youtube-hover.png);			background-color: #C33C2D; 	}
		

 /***************************
 * Afterfooter
 ***************************/
 #commons_afterfooter
 {
 	background-color: 		#1B1B1B;
 	color: 					#777;
 	font-size: 				10pt;
 	padding: 				20px 20px;
 }
 
 #commons_afterfooter::after
 {
 	display: 				block;
 	content: 				" ";
 	clear: 					both;
 }
 
 	#commons_afterfooter #commons_afterfooter_menu
 	{
 		float: 				left;
 	}
 	
	 	#commons_afterfooter #commons_afterfooter_menu a:link,
	 	#commons_afterfooter #commons_afterfooter_menu a:hover,
	 	#commons_afterfooter #commons_afterfooter_menu a:active,
	 	#commons_afterfooter #commons_afterfooter_menu a:visited
		{
			color: 			#888;
			margin: 		0 5px;
		}
		
 	#commons_afterfooter #commons_afterfooter_realisation
 	{
 		float: 				right;
 	}
 	
	 	#commons_afterfooter #commons_afterfooter_realisation a:link,
	 	#commons_afterfooter #commons_afterfooter_realisation a:hover,
	 	#commons_afterfooter #commons_afterfooter_realisation a:active,
	 	#commons_afterfooter #commons_afterfooter_realisation a:visited
		{
			color: 			#fff;
			margin: 		0 5px;
		}
		
/**********************************
 * Menu Mobile
 **********************************/
 
/***********************
 *
 * Menu Handler
 *
 ***********************/
.mobile_transp 
{
   opacity: 			0;
}
.mobile 
{
   display: 			none;
}
#menu_mobile_handler:link, 
#menu_mobile_handler:hover, 
#menu_mobile_handler:active, 
#menu_mobile_handler:visited 
{
    /*display: 			block;*/
    position: 			absolute;
    z-index: 			10000;
    margin-top: 		3px;
    left: 				10px;
    height: 			24px;
    width: 				24px;
    /*opacity: 0;*/
    outline: medium none;
    
    
}
#menu_mobile_icone::before, 
#menu_mobile_icone::after 
{
    display: block;
    content: "";
}
#menu_mobile_icone, 
#menu_mobile_icone::after, 
#menu_mobile_icone::before 
{
    display: 			block;
    position: 			absolute;
    top: 				12px;
    left: 				0;
	height: 			3px;
    width: 				20px;
    background-color: 	#222;
    transition: 		all 0.3s ease 0s;
}

#menu_mobile_icone::after 
{
    top: 6px;
}
#menu_mobile_icone::before 
{
    top: -6px;
}


/******************
 * Hover
 ******************/
#menu_mobile_handler:hover #menu_mobile_icone, 
#menu_mobile_handler:hover #menu_mobile_icone::after, 
#menu_mobile_handler:hover #menu_mobile_icone::before 
{

}

#menu_mobile_handler:hover #menu_mobile_icone 
{
    
}
#menu_mobile_handler:hover #menu_mobile_icone::before 
{
    top: -8px;
}
#menu_mobile_handler:hover #menu_mobile_icone::after 
{
    top: 8px;
}


/******************
 * Opened
 ******************/
 
#menu_mobile_handler.opened #menu_mobile_icone 
{
    background-color: transparent;
}
#menu_mobile_handler.opened #menu_mobile_icone::before 
{
    top: 0;
    transform: rotate(-45deg);
}
#menu_mobile_handler.opened #menu_mobile_icone::after 
{
    top: 0;
    transform: rotate(45deg);
}

.menu_mobile 
{
    display: none;
}


/**********************************
 * Selectbox
 **********************************/

 
 .sbHolder{
	background-color: 		#F4F4F4;
	border: 				1px solid rgba(0,0,0,.1);
	font-family: 			"Rubik";
	font-weight: 			400;
	font-size: 				9pt;
	height: 				30px;
	line-height: 			30px;
	position: 				relative;
	/*
	width: 					140px;
	width: 					220px;
	width: 					162px;*/
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector
{
	display: 			block;
	height: 			30px;
	left: 				0;
	line-height: 		28px;
	outline: 			none;
	overflow: 			hidden;
	position: 			absolute;
	text-indent: 		10px;
	top: 				0;
	width: 				170px;
	width: 				220px;
	width: 				100%;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover
{
	color: 				#222;
	outline: 			none;
	text-decoration: 	none;
}
.sbToggle
{
	background: 		url(../images/commons/select-icons.png) 0 -116px no-repeat;
	display: 			block;
	height: 			30px;
	outline: 			none;
	position: 			absolute;
	right: 				0;
	top: 				0;
	width: 				30px;
}
.sbToggle:hover{
	background: url(../images/commons/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../images/commons/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/commons/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled
{
	background-color: 	#ddd;
	border: 			solid 1px #AAA;
}
.sbHolderDisabled .sbHolder
{
	
}
.sbHolderDisabled .sbToggle
{
	
}
.sbOptions
{
	background-color: 	#fff;
	background-color: 	#F4F4F4;
	border: 			solid 1px #ccc;
	width: 				100%;
	list-style: 		none;
	left: 				-1px;
	right: 				-1px;
	margin: 			0;
	padding: 			0;
	position: 			absolute;
	top: 				30px;
	width: 				140px;
	width: 				220px;
	width: 				100%;
	z-index: 			2;
	overflow-y: 		auto !important;
	height: 			60vh;
}
.sbOptions li
{
	padding: 			0 7px;
	padding: 			0;
	border-bottom: 		1px solid #ccc;
	line-height: 		25px;
}
.sbOptions li:last-child
{
	border-bottom: 		0
}

.sbOptions a
{
	/*
	border-bottom: 		dotted 1px #515151;
	border-bottom: 		solid 1px #AAA;
	*/
	display: 			block;
	outline: 			none;
	padding: 			0 0 0 10px;
}

.sbOptions a:link, .sbOptions a:visited
{
	color: 				#333;
	text-decoration: 	none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	background-color: 		#CCC;
	color: 					#111;
}
.sbOptions li.last a{
	border-bottom: 			none;
}
.sbOptions .sbDisabled{
	border-bottom: 			dotted 1px #515151;
	color: 					#999;
	display: 				block;
	padding: 				7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: 			dotted 1px #515151;
	color: 					#EBB52D;
	display: 				block;
	font-weight: 			bold;
	padding: 				7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 			17px;
}


/**********************************
 * Caddie > Popin
 **********************************/
 
.blackscreen
{
	position: 			fixed;
	z-index: 			1000000;
	top:				0;
	right:				0;
	bottom:				0;
	left:				0;
	background-color: 	rgba(0,0,0,.8);
}
	.caddie_popin
	{
		position: 			fixed;
		top: 				30%;
		left:				25%;
		right: 				25%;
		background-color: 	#fff;
		padding: 			30px 30px;
		border: 			10px solid #ddd;
	}
	.caddie_popin::after
	{
		content: 			" ";
		clear: 				both;
		display: 			block;
	}
		.caddie_popin_image
		{
			float: 			left;
			width: 			30%;
		}
		.caddie_popin_image img
		{
			max-width: 		100%;
		}
		.caddie_popin_info
		{
			float: 			right;
			width: 			65%;
		}
			.caddie_popin_name
			{
				font-size: 			14pt;
				font-weight: 		bold;
				color: 				#000;
			}
			.caddie_popin_price
			{
				color: 				#555;
				font-size: 			22pt;
			}
			.caddie_popin_message
			{
				color: 				#f00;
			}
			.caddie_popin_button
			{
			}
			.caddie_popin_button_line
			{
				margin: 			20px 0;
			}
			#commons_header a.caddie_popin_button_back:link,
			#commons_header a.caddie_popin_button_back:hover,
			#commons_header a.caddie_popin_button_back:active,
			#commons_header a.caddie_popin_button_back:visited,
			#commons_header a.caddie_popin_button_continue:link,
			#commons_header a.caddie_popin_button_continue:hover,
			#commons_header a.caddie_popin_button_continue:active,
			#commons_header a.caddie_popin_button_continue:visited
			{
				display: 			block;
				float: 				left;
				padding: 			5px 8px;
				font-size: 			10pt;
				font-family: 		'Rubik';
				margin: 			2px 0;
				margin-right: 		5px;
				color: 				#fff;
				text-decoration: 	none;
			}
			.caddie_popin_button_back:link,
			.caddie_popin_button_back:hover,
			.caddie_popin_button_back:active,
			.caddie_popin_button_back:visited
			{
				background-color:		#ccc;
				background-image: 		url(../images/commons/previous.png);
				background-repeat: 		no-repeat;
				background-position:	left;
				padding-left: 			20px !important;
			}
			.caddie_popin_button_continue:link,
			.caddie_popin_button_continue:hover,
			.caddie_popin_button_continue:active,
			.caddie_popin_button_continue:visited
			{
				background-color:		#CD3C43;
				background-image: 		url(../images/commons/next.png);
				background-repeat: 		no-repeat;
				background-position:	right;
				padding-right: 			20px !important;
			}




/**************************************************************************************************************************************************
 *
 *
 * R E S P O N S I V E
 *
 *
 **************************************************************************************************************************************************/
 
 
.tablet { display:  none; }
@media only screen /* Tablette V */ 
and (max-width : 770px) 
{
	/**********************************
	 * Header
	 **********************************/
	#commons_header_account span 	{ display: 	none; }
	#commons_header_caddie span 	{ display: 	none; }
	
	#commons_header_account,
	#commons_header_caddie
	{
		width: 				24px;
		height: 			24px;
		padding: 			0;
		margin: 			7px 5px;
	}
	
	#commons_header_account a
	{
		display: 			block;
		padding: 			8px;
	}
	#commons_header_caddie
	{
		margin-right: 		10px;
	}
	
	.commons_header_logout_link:link,
	.commons_header_logout_link:hover,
	.commons_header_logout_link:active,
	.commons_header_logout_link:visited
	{
		margin: 				10px 4px 0 0;
	}
}

 

@media only screen /* Tablette H */ 
and (max-width : 1030px) 
{
	/*body { border: 1px solid orange; }*/
	.tablet { display:  block; }
	.desktoptablet
	{
		display: 		none;
	}
	#commons_zoom #commons_zoom_inner
	{
		border-top: 			0;
		border-bottom: 			0;
		min-height: 			0;
	}
	
	/**********************************
	 * Header
	 **********************************/
	 /*
	#commons_header_account span 	{ display: 	none; }
	#commons_header_caddie span 	{ display: 	none; }
	
	#commons_header_account,
	#commons_header_caddie
	{
		width: 				24px;
		height: 			24px;
		padding: 			0;
		margin: 			7px 4px;
	}
	*/
	#commons_header_caddie i
	{
		display: 				block;
		position: 				absolute;
		font-style: 			normal;
		top: 					0;
		left: 					0;
		right: 					auto;
		
	}
	#commons_header_social
	{
		float: 				right;
	}
		
	
		.commons_social_item_facebook:link		{ background-color: #3A5BA2; background-image: url(../images/commons/facebook-hover.png);	}
		.commons_social_item_twitter:link  		{ background-color: #1EBEF0; background-image: url(../images/commons/twitter-hover.png);	}
		.commons_social_item_googleplus:link 	{ background-color: #E1584B; background-image: url(../images/commons/googleplus-hover.png);	}
		.commons_social_item_youtube:link  		{ background-color: #C33C2D; background-image: url(../images/commons/youtube-hover.png); 	}
		
	
	#commons_header_fblikebox
	{
		display: 			none;
	}
	
	
	#commons_menu_desktop a:link,
	#commons_menu_desktop a:hover,
	#commons_menu_desktop a:active,
	#commons_menu_desktop a:visited
	{
		font-weight: 			500;
		font-size:	 			10pt;
		padding:				5px 2px;
	}
	
	/**********************************
	 * Recherche >ResultItem
	 **********************************/
	.search_item:link,
	.search_item:hover,
	.search_item:active,
	.search_item:visited
	{
		width: 			47%;
	}
	.search_item:hover
	{
		background-color: 	#eee;
	}
	.search_item::after
	{
		display: 		block;
		content: 		" ";
		clear: 			both;
	}
	
	/**********************************
	 * Footer
	 **********************************/
	#commons_footer
	{
		padding: 			10px 10px;
	}
	
	
	.caddie_popin
	{
		left:				10%;
		right: 				10%;
	}
}



/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 900px) 
{
	
	
	#commons_menu_desktop a:link,
	#commons_menu_desktop a:hover,
	#commons_menu_desktop a:active,
	#commons_menu_desktop a:visited
	{
		font-weight: 			400;
		font-size:	 			9pt;
		padding:				4px 1px;
	}
	
}





@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
	/*body { border: 1px solid blue; }*/

	#my-menu
	{
		opacity: 			1;
	}
		
	.mobile_transp   {	opacity: 1; }
	.mobile   {	display: block; }
	.desktop  {	display: none; 	}
	
	.commons_padding 		{ padding: 10px 20px; }
	.commons_padding_small 	{ padding: 10px 20px; }
	
	/**********************************
	 * No floating menu
	 **********************************/
	 
	#commons_banner_height.fixed
	{
		display: 			none;
	}
	#commons_banner.floating
	{
		position: 				static;
	}
	#commons_banner.floating #commons_header
	{
		padding: 				17px 0;
	}
	
	/**********************************
	 * Header
	 **********************************/
	#menu_mobile_handler
	{
		margin-top: 			1px;
		margin-left: 			4px;
	}
	#commons_banner.floating #commons_header,
	#commons_header
	{
		padding: 				6px 0 0 0;
	}
	
	/* #commons_header_logo */ 

	#commons_banner #commons_header_logo,
	#commons_banner.floating #commons_header_logo
	{
		padding: 				0;
		margin-top: 			0;
		margin-left: 			45px;
		min-width:	 			140px;
		width:	 				65%;
		border-left: 			1px solid rgba(0,0,0,.1);
		text-align: 			center;
		max-width: 				none;
		max-width: 				none;
	}
	#commons_header_logo img
	{
		width: 				155px;
		margin-left: 		22%;
	}
	#commons_header_social
	{
		display: 				none;
	}
	#commons_header_search::before
	{
	}
	
	
	
	#commons_search
	{
		background-color: 		#EDEDEB;
		padding: 				0;
		height: 				40px;
	}
	#commons_search form
	{
		margin: 			0;
		padding: 			0;
	}
		#commons_search input
		{
			font-family: 			"Rubik";
			width: 					100%;
			border: 				0;
			font-size: 				12pt;
			height: 				40px;
			padding: 				8px 10px;
			-moz-border-radius:		0;
			-webkit-border-radius:	0;
			border-radius:			0;
			background-color: 		#D7D5D6;
			background-position: 	98% 50%;
			background-image: 		url(../images/commons/search50.png);
			background-repeat:		no-repeat;
		}
	#commons_baseline
	{
		font-size: 				6pt;
	}
	
	
	/**********************************
	 * Caddie > Popin
	 **********************************/
	
	.caddie_popin
	{
		position: 			fixed;
		top: 				0;
		left: 				0;
		right: 				0;
		width: 				auto;
		margin: 			10px;
		background-color: 	#fff;
		padding: 			20px 10px;
		border: 			10px solid #ddd;
	}
	
		.caddie_popin_image,
		.caddie_popin_info
		{
			float: 				none;
			width: 				auto;
			text-align: 		center;
		}
		#commons_header a.caddie_popin_button_back:link,
		#commons_header a.caddie_popin_button_back:hover,
		#commons_header a.caddie_popin_button_back:active,
		#commons_header a.caddie_popin_button_back:visited,
		#commons_header a.caddie_popin_button_continue:link,
		#commons_header a.caddie_popin_button_continue:hover,
		#commons_header a.caddie_popin_button_continue:active,
		#commons_header a.caddie_popin_button_continue:visited
		{
			float: 				none;
			font-size: 			12pt;
			padding-top: 		15px;
			padding-bottom:		15px;
			margin-bottom: 		10px;
			text-align: 		center;
		}
	
	/**********************************
	 * Recherche >ResultItem
	 **********************************/
	.search_item:link,
	.search_item:hover,
	.search_item:active,
	.search_item:visited
	{
		display: 		block;
		float:	 		none;
		width: 			auto;
		margin: 		0 1%;
		padding: 		10px 0;
		border: 		0;
		border-bottom: 	1px solid rgba(0,0,0,.1);
		min-height: 	0;
		height: 		auto;
	}
	.search_item:last-child
	{
		border: 		0;
	}
	.search_item:hover
	{
		background-color: 	#eee;
	}
	.search_item::after
	{
		display: 		block;
		content: 		" ";
		clear: 			both;
	}
	
	/**********************************
	 * Zoom > Footer
	 **********************************/
	 
	#zoom_bottom_advertfooter .advertising_item
	{
		float: 			none;
		width: 			auto;
		margin-bottom: 	10px;
	}
		
		
	 /***************************
	 * Zoom > Footer2
	 ***************************/
	#zoom_bottom_advertfooter2 .advertising_item
	{
		float: 				left;
		width: 				50%;
		padding: 			0 5px;
		margin-bottom: 		5px;
	}
	 
	
	/**********************************
	 * Footer
	 **********************************/
	#commons_footer
	{
		padding-bottom: 		10px;
	}
	
		#commons_footer_left,
		#commons_footer_right
		{
			float: 			none;
			width: 			auto;
			padding: 		20px 20px;
			
		}
		#commons_footer_right
		{
			-webkit-column-count: 	1; 
			-moz-column-count: 		1; 
			column-count: 			1;
		}
			#commons_footer_phone
			{
				padding: 			10px;
				text-align: 		center;
				background-color: 	rgba(0,0,0,.05);
				border-top: 		1px solid rgba(0,0,0,.1);
				border-bottom: 		1px solid rgba(0,0,0,.1);
			}
		
			#commons_footer_menu
			{
				width: 			auto;
			}
		
	/**********************************
	 * Afterfooter
	 **********************************/
	 #commons_afterfooter
	 {
	 	background-color: 		#1B1B1B;
	 	color: 					#777;
	 	font-size: 				10pt;
	 	padding: 				0;
	 }
 	 #commons_afterfooter #commons_afterfooter_menu
 	 {
 		float: 				none;
 		text-align: 		center;
 		padding: 			10px 0;
 	 }
 	
	 	#commons_afterfooter #commons_afterfooter_menu a:link,
	 	#commons_afterfooter #commons_afterfooter_menu a:hover,
	 	#commons_afterfooter #commons_afterfooter_menu a:active,
	 	#commons_afterfooter #commons_afterfooter_menu a:visited
		{
			color: 			#888;
			margin: 		0 5px;
			font-size: 		8pt;
		}
		
 	#commons_afterfooter #commons_afterfooter_realisation
 	{
 		float: 				none;
		padding: 			10px 20px;
		text-align: 		center;
 		border-top: 		1px solid #333;
 		background-color: 	#222;
 	}
}


@media only screen /* Smartphone Vertical */ 
and (max-width : 490px) 
{
	
	#commons_baseline #commons_baseline_text
	{
		font-size: 				5pt;
	}
	
	#commons_header_logo
	{
		padding-top: 			1px
	}
	#commons_header_account,
	#commons_header_caddie,
	#commons_header_phone
	{
		width: 				16px;
		height: 			16px;
		background-size: 	16px 16px;
		padding: 			0;
		margin: 			10px 10px;
	}
	#commons_header_account a,
	#commons_header_caddie a
	{
		display: 			block;
		padding: 			8px;
	}
	#commons_header_caddie
	{
		margin-right: 		15px;
	}
	
}


/**********************************
 * Adminbar
 **********************************/
 .admin_bar_container
{
	position: 			fixed;
	z-index: 			99;
	bottom: 			0;
	left: 				20px;
	right: 				20px;
	left: 				0;
	right: 				0;
	color: 				#111111;
	font-size: 			11px;
	height: 			25px;
	padding: 			0;
	margin: 			0 0px;
	background-color: 	#000;
	border-top: 		1px solid #fff;
	border-bottom: 		0;
	
	
	opacity: 			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;
}
.admin_bar_container_visible
{
	opacity: 			1;
}
.admin_bar_container:hover
{
	opacity: 			1;
	
	-moz-box-shadow: 	0 5px 10px #000;
	-webkit-box-shadow: 0 5px 10px #000;
	-o-box-shadow: 		0 5px 10px #000;
	box-shadow: 		0 5px 10px #000;
}

#admin_bar_content
{
	border: 			1px solid #333;
	border-bottom: 		0;
	padding: 			5px;
	color: 				#fff;
	font-family: 		Arial;
}
#admin_bar_content span
{
	color: 				#CCC;
	padding: 			0 10px;
	font-weight: 		bold;
	font-style: 		italic;
	border-right: 		1px solid #555;
}

a.admin_bar_link:link,
a.admin_bar_link:hover,
a.admin_bar_link:active,
a.admin_bar_link:visited
{
	color: 				#FFF;
	padding: 			0 20px;
	border-right: 		1px solid #555;
}

#admin_bar_content div
{
	display: 			inline;
	color: 				#BED364;
	padding: 			0 20px;
	border-right: 		1px solid #555;
}