/**********************************
 * Bloc general
 **********************************/
#universe_zoom
{
}
	#universe_zoom h1
	{
		font-weight: 		700;
	}
	
.universe_category_bloc
{
}
.universe_brand_bloc
{
}
.universe_category_bloc
{
}

.backlink:link,
.backlink:hover,
.backlink:active,
.backlink:visited
{
	display: 			none;
}


/**********************************
 * Code CSS
 **********************************/
	
	/**********************************
	 * Code CSS > Entete
	 **********************************/
	.universe_generic::before 		{ border-bottom:	20px solid #333; }
	.universe_sonorisation::before 	{ border-bottom:	20px solid #8DC73F; background-image: url(../images/universe/universe-sonorisation.jpg); }
	.universe_dj::before 			{ border-bottom:	20px solid #F89420; background-image: url(../images/universe/universe-dj.png); }
	.universe_homestudio::before 	{ border-bottom:	20px solid #00ADEF; background-image: url(../images/universe/universe-homestudio.png); }
	.universe_eclairage::before 	{ border-bottom:	20px solid #EC078E; background-image: url(../images/universe/universe-eclairage.png); }
	
	/**********************************
	 * Code CSS > Entete
	 **********************************/
	/*
	.universe_sonorisation h2, .universe_sonorisation .universe_brand_title 	{ border-bottom:	4px solid #8DC73F; }
	.universe_dj h2, .universe_dj .universe_brand_title  						{ border-bottom:	4px solid #F89420; }
	.universe_homestudio h2, .universe_homestudio .universe_brand_title  		{ border-bottom:	4px solid #00ADEF; }
	.universe_eclairage h2, .universe_eclairage .universe_brand_title  			{ border-bottom:	4px solid #EC078E; }
	*/
	.universe_generic h2, .universe_generic .borderbottom 				{ border-bottom:	4px solid #333; }
	.universe_sonorisation h2, .universe_sonorisation .borderbottom 	{ border-bottom:	4px solid #8DC73F; }
	.universe_dj h2, .universe_dj .borderbottom  						{ border-bottom:	4px solid #F89420; }
	.universe_homestudio h2, .universe_homestudio .borderbottom  		{ border-bottom:	4px solid #00ADEF; }
	.universe_eclairage h2, .universe_eclairage .borderbottom  			{ border-bottom:	4px solid #EC078E; }

	
	
	/**********************************
	 * Code CSS > Listes UL/LI
	 **********************************/
	 /*
	.universe_sonorisation .universe_brand_content ul 	{ color: #8DC73F; }
	.universe_dj .universe_brand_content ul 			{ color: #F89420; }
	.universe_homestudio .universe_brand_content ul 	{ color: #00ADEF; }
	.universe_eclairage .universe_brand_content ul 		{ color: #EC078E; }
	*/
	
	
/**********************************
 * Bloc Entete
 **********************************/
#product_zoom::before,
#product_list::before,
#subcategory_zoom::before,
#category_zoom::before,
#universe_zoom::before
{
}
.universe_description,
.category_description,
.subcategory_description
{
	font-size: 				10pt;
	color: 					#888;
	width: 					70%;
	margin: 				5px 0;
}


 /**********************************
 * Entete Category, Subcategory, ProductZoom
 **********************************/
#product_zoom,
#product_list,
#subcategory_zoom,
#category_zoom
{
	padding-top: 			10px;
}
#product_zoom::before,
#product_list::before,
#subcategory_zoom::before,
#category_zoom::before
{
	height: 				0;
}


/**********************************
 * Bloc Marque
 **********************************/
.universe_brand_title
{
}
.universe_brand_more
{	
	display: 				none;
}
.universe_brand_content
{
	-webkit-column-count: 	6; 
	-moz-column-count: 		6; 
	column-count: 			6;
	
	-webkit-column-gap: 	40px; 
	-moz-column-gap: 		40px; 
	column-gap: 			40px;
	
	-webkit-column-rule: 	1px dotted #aaa; 
	-moz-column-rule: 		1px dotted #aaa; 
	column-rule: 			1px dotted #aaa;
}
	.universe_brand_content a:link,
	.universe_brand_content a:hover,
	.universe_brand_content a:active,
	.universe_brand_content a:visited
	{
		color: 				#000;
		margin-left: 		10px;
	}
	
	.universe_brand_content 	{ padding: 	10px; }
	.universe_brand_content ul 	{ list-style-type: square; margin-left: 10px; }

/**********************************
 * Bloc categories de l'univers
 **********************************/
.universe_brand_title,
.universe_category_title,
.category_subcategory_title
{
	font-size: 					11pt;
	text-transform: 			uppercase;
	color: 						#CD3C43;
	border-bottom: 				4px solid #CD3C43;
	padding: 					6px 0;
	margin: 					20px 0;
}
/*
.universe_generic .universe_category_title, .universe_generic .category_subcategory_title 			{ border-bottom:	4px solid #333; }
.universe_sonorisation .universe_category_title, .universe_sonorisation .category_subcategory_title { border-bottom:	4px solid #8DC73F; }
.universe_dj .universe_category_title, .universe_dj .category_subcategory_title 					{ border-bottom:	4px solid #F89420; }
.universe_homestudio .universe_category_title, .universe_homestudio .category_subcategory_title		{ border-bottom:	4px solid #00ADEF; }
.universe_eclairage .universe_category_title, .universe_eclairage .category_subcategory_title		{ border-bottom:	4px solid #EC078E; }
 */

.universe_category_content	
{
}
		
	.universe_category_item:link,
	.universe_category_item:hover,
	.universe_category_item:active,
	.universe_category_item:visited,
	.category_subcategory_item:link,
	.category_subcategory_item:hover,
	.category_subcategory_item:active,
	.category_subcategory_item:visited
	{
		position: 			relative;
		display: 			block;
		float: 				left;
		width: 				23.5%;
		margin-right: 		2%;
		background-color: 	#eee;
		padding: 			0;
		margin-bottom: 		2%;
		text-decoration: 	none;
		text-align: 		center;
		height: 			200px;
		overflow: 			hidden;
	}
	.category_subcategory_item:nth-child(4n),
	.universe_category_item:nth-child(4n)
	{
		margin-right: 		0;
	}
	.universe_category_image,
	.category_subcategory_image
	{
		background-color: 		#fff;
		min-height: 			120px;
	}
		
		.category_subcategory_item h3,
		.universe_category_item h3
		{
			font-weight: 		500;
			padding: 			20px 20px;
		}	
		
		.category_subcategory_description,	
		.universe_category_description	
		{
			position: 			absolute;
			top: 				0;
			left: 				0;
			right: 				0;
			bottom: 			0;
			background-color: 	#eee;
			color: 				#222;
			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;
			text-align: 		left;
			padding: 			15px;
			font-weight: 		400;
			opacity: 			0;
			-webkit-transform: 	scale(0);
			-moz-transform: 	scale(0);
			-ms-transform: 		scale(0);
		}
		.category_subcategory_description .category_subcategory_description_h3,
		.universe_category_description .universe_category_description_h3
		{	
			font-weight: 			500;
			font-size: 				12pt;
			text-transform: 		uppercase;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
			/*border-bottom: 			1px solid #fff;*/
			margin-bottom: 			10px;
			width: 					100%;
			
		}
		.category_subcategory_description:hover .category_subcategory_description_h3,
		.universe_category_description:hover .universe_category_description_h3
		{	
		}
		
	
		.category_subcategory_item:hover .category_subcategory_description,
		.universe_category_item:hover .universe_category_description
		{
			font-size: 			8pt;
			opacity: 			1;
			-webkit-transform: 	scale(1);
			-moz-transform: 	scale(1);
			-ms-transform: 		scale(1);
		}
		
		
		.category_subcategory_image_default,
		.universe_category_image_default
		{
		}
		.category_subcategory_image img
		.universe_category_image img
		{
			max-width: 			100%;
			max-height: 		90px;
		}
		
/**************************
 * Description longue
 **************************/
.universe_fulldescription,
.category_fulldescription
{
	margin: 			20px 0;
	padding: 			15px 25px;
	color: 				#777;
	background-color: 	#f2f2f2;
}
.universe_fulldescription:empty,
.category_fulldescription:empty
{
	display: 			none;
}
.universe_fulldescription p,
.category_fulldescription p
{
	margin: 			10px 0;
}
.universe_fulldescription a:link,
.universe_fulldescription a:hover,
.universe_fulldescription a:active,
.universe_fulldescription a:visited,
.category_fulldescription a:link,
.category_fulldescription a:hover,
.category_fulldescription a:active,
.category_fulldescription a:visited
{
	text-decoration: 		underline;
	color: 					#555;
}

/**************************
 * Category links
 **************************/		
.universe_category_links,		
.category_subcategory_links		
{
	color: 				#444;
}
.universe_category_links span,	
.category_subcategory_links span		
{
	font-weight: 		bold;
	text-decoration:  	underline;
}
	.universe_category_links a:link,
	.universe_category_links a:hover,
	.universe_category_links a:active,
	.universe_category_links a:visited,
	.category_subcategory_links a:link,
	.category_subcategory_links a:hover,
	.category_subcategory_links a:active,
	.category_subcategory_links a:visited
	{
		color: 				#444;
	}
		
		
@media only screen /* Tablette */ 
and (max-width : 1000px) 
{
	.category_subcategory_item:link,
	.category_subcategory_item:hover,
	.category_subcategory_item:active,
	.category_subcategory_item:visited,
	.universe_category_item:link,
	.universe_category_item:hover,
	.universe_category_item:active,
	.universe_category_item:visited
	{
		width: 				33%;
		height: 			200px;
	}
	.category_subcategory_item:nth-child(3n)
	.universe_category_item:nth-child(3n)
	{
		border-right: 		0;
	}
		
	.universe_brand_content
	{
		-webkit-column-count: 	3; 
		-moz-column-count: 		3; 
		column-count: 			3;
		
		-webkit-column-gap: 	40px; 
		-moz-column-gap: 		40px; 
		column-gap: 			40px;
		
		-webkit-column-rule: 	1px dotted #aaa; 
		-moz-column-rule: 		1px dotted #aaa; 
		column-rule: 			1px dotted #aaa;
	}
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	.backlink:link,
	.backlink:hover,
	.backlink:active,
	.backlink:visited
	{
		display: 				block;
		position: 				absolute;
		z-index: 				1000;
		top: 					0;
		left: 					0;
		right: 					0;
		height: 				53px;
		background-image: 		url(../images/commons/back.png);
		background-position:	10px 50%;
		background-repeat: 		no-repeat;
		background-size: 		16px;
	}
	
	#pathfinder
	{
		display: 			none;
	}

	#product_zoom
	{
		padding-top: 		50px;
	}
	#product_list
	{
		padding: 			5px;
		padding-top: 		50px;
	}

	#subcategory_zoom,
	#category_zoom,
	#universe_zoom
	{
		padding: 			0;
	}
	#product_zoom .h1_like,
	#product_list h1,
	#subcategory_zoom h1,
	#category_zoom h1,
	#universe_zoom h1
	{
		position: 			absolute;
		top: 				0;
		left: 				0;
		right: 				0;
		padding: 			16px 40px;
		background-color: 	#CD3C43;
		font-size: 			12pt;
		font-weight: 		500;
		color: 				#fff;
		white-space: 		nowrap;
	}
	.category_description,
	.category_subcategory_title,
	.universe_description,
	.universe_category_title
	{
		display: 			none;
	}
	#product_zoom::before,
	#product_list::before,
	#subcategory_zoom::before,
	#category_zoom::before,
	#universe_zoom::before
	{
		border-bottom: 				0;
		/*height: 					50px;*/
	}
	#universe_zoom::before
	{
		height: 					50px;
	}
	/*
	.universe_generic::before 		{ border-top:	50px solid #333;  }
	.universe_sonorisation::before 	{ border-top:	50px solid #8DC73F;  }
	.universe_dj::before 			{ border-top:	50px solid #F89420;  }
	.universe_homestudio::before 	{ border-top:	50px solid #00ADEF;  }
	.universe_eclairage::before 	{ border-top:	50px solid #EC078E;  }
	 */

	.category_subcategory_item:link,
	.category_subcategory_item:hover,
	.category_subcategory_item:active,
	.category_subcategory_item:visited,
	.universe_category_item:link,
	.universe_category_item:hover,
	.universe_category_item:active,
	.universe_category_item:visited
	{
		float: 					none;
		width: 					auto;
		font-size: 				12pt;
		display: 				block;
		color: 					#eee;
		background-color: 		#272727;
		padding: 				15px 20px;
		border-top: 			1px solid rgba(255,255,255,.1);
		text-decoration:		none;
		background-position:	95% 50%;
		background-repeat: 		no-repeat;
		background-size: 		16px 16px;
		background-image: 		url(../images/commons/right.png);
		
		border-right: 			0;
		color: 					#eee;
		text-align: 			left;
		height: 				auto;
		margin: 				0;
	}
	/*
	{
		float: 					none;
		width: 					auto;
		border-right: 			0;
		height: 				auto;
		background-color: 		#272727;
		color: 					#eee;
		text-align: 			left;
		border-bottom: 			1px solid rgba(255,255,255,.1);
		background-image: 		url(../images/commons/right.png);
		background-position: 	98% 50%;
		background-repeat: 		no-repeat;
		background-size: 		16px;
		padding: 				10px 20px;
		margin: 				0;
	}
	*/
	.category_subcategory_item h3,
	.universe_category_item h3
	{
		font-size: 				12pt;
		display: 				block;
		font-weight: 			400;
		color: 					#eee;
		margin: 				0;
		padding: 				0;
	}
	/*
	{	
		padding: 			5px;
		color: 				#fff;
		font-size: 			11pt;
	}
	*/
		.universe_category_image, 
		.category_subcategory_image
		{
			min-height: 		0;
		}
		.category_subcategory_item .category_subcategory_description,
		.category_subcategory_image img,
		.universe_category_item .universe_category_description,
		.universe_category_image img
		{
			display: 			none;
		}
	
	.universe_brand_bloc
	{
		display: 			none;
	}
	#universe_zoom,
	#subcategory_zoom,
	#category_zoom
	{
		padding-top: 		53px;
	}
}