#brand_list
{
	padding-top: 		10px;
}
.page_description
{
	margin-bottom: 		15px;
	color: 				#777;
}
	#brand_list_filter
	{
		color: 					#222;
		font-size: 				12pt;
		padding: 				5px 0;
		border-bottom: 			4px solid #CD3C43;
	}
	#brand_list_filter::after
	{
		content: 		" ";
		display: 		block;
		clear: 			both;
	}
		#brand_list_filter_nb
		{
		}
		#brand_list_filter_display
		{
			float:	 	right;
		}
		
		.list_letter
		{
			background-color: 		navy;
			color: 					#fff;
		}
	#brand_list_items_name
	{
		padding: 				20px;
	
		-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 #ccc; 
		-moz-column-rule: 		1px dotted #ccc; 
		column-rule: 			1px dotted #ccc;
	}
			
		#brand_list_items_name ul,
		#brand_list_items_name li
		{
			margin: 			0;
			padding: 			0;
			list-style-type: 	none;	
		}
		#brand_list_items_name li a:link,
		#brand_list_items_name li a:hover,
		#brand_list_items_name li a:active,
		#brand_list_items_name li a:visited
		{
			color: 				#CD3C43;
		}
		#brand_list_items_name li a:link span,
		#brand_list_items_name li a:hover span,
		#brand_list_items_name li a:active span,
		#brand_list_items_name li a:visited span
		{
			color: 				rgba(205,60,67, .5);
			font-weight: 		400;
		}
		#brand_list_items_name li a.brand_list_nb:link,
		#brand_list_items_name li a.brand_list_nb:hover,
		#brand_list_items_name li a.brand_list_nb:active,
		#brand_list_items_name li a.brand_list_nb:visited
		{
			color: 				#A43036;
			font-weight: 		500;
		}
	#brand_list_items_logo
	{
		padding: 				20px;
	}
	#brand_list_items_logo::after
	{
		content: 		" ";
		display: 		block;
		clear: 			both;
	}
	
		#brand_list_items_logo .brand_list_item_logolink:link,
		#brand_list_items_logo .brand_list_item_logolink:hover,
		#brand_list_items_logo .brand_list_item_logolink:active,
		#brand_list_items_logo .brand_list_item_logolink:visited
		{
			position: 			relative;
			display: 			block;
			float: 				left;
			width: 				9%;
			margin: 			5px .5%;
			height: 			80px;
			border: 			1px solid #eee;
			line-height: 		80px;
			text-align: 		center;
		}
		#brand_list_items_logo .brand_list_item_logolink img
		{
			vertical-align:		middle;
			max-width: 			95%;
		}
		#brand_list_items_logo .brand_list_item_logolink .info
		{
			position: 			absolute;
			top: 				0;
			left: 				0;
			right: 				0;
			bottom: 			0;
			opacity:			0;
			background-color: 	rgba(0,0,0,.8);
			color: 				#fff;
			-webkit-transition:	all .2s ease-out;
			-moz-transition:	all .2s ease-out;
			-o-transition:		all .2s ease-out;
			transition:			all .2s ease-out;
			line-height: 		20pt;
			font-weight: 		bold;
		}
		#brand_list_items_logo .brand_list_item_logolink .info span
		{
			display: 			block;
			font-size: 			7pt;
			line-height: 		7pt;
			font-weight: 		normal;
			padding: 			10px;
			margin: 			0 5px;
			border-top: 		1px solid #fff;
		}
		#brand_list_items_logo .brand_list_item_logolink:hover .info
		{
			opacity:			1;
		}
		
		
	#brand_list_items_bestlogo
	{
		border-top: 		1px dotted #aaa;
		margin-top: 		20px;
		padding-top: 		20px;
	}
	#brand_list_items_bestlogo::after
	{
		content: 		" ";
		display: 		block;
		clear: 			both;
	}
		#brand_list_items_bestlogo .advertising_item
		{
			float: 				left;
			width: 				15.5%;
			margin: 			10px .5%;
		}
		#brand_list_items_bestlogo .advertising_item img
		{
			max-width: 			100%;
		}
	
		
			
	
	#brand_list_filter_name,
	#brand_list_filter_logo
	{
		display: 				block;
		float: 					right;
		height: 				28px;
		width: 					28px;
		background-repeat: 		no-repeat;
		background-position: 	center center;
		opacity: 				0.5;
		cursor: 				pointer;
	}
	#brand_list_filter_name:hover,
	#brand_list_filter_logo:hover
	{
		opacity: 				0.7;
	}
	
	#brand_list_filter_name
	{
		background-image: 		url(../images/commons/display-list.png);
	}
	#brand_list_filter_logo
	{
		background-image: 		url(../images/commons/display-mosaic.png);
	}
	
	#brand_list_filter_name.brand_list_filter_item_selected,
	#brand_list_filter_logo.brand_list_filter_item_selected
	{
		opacity: 				1;
	}
	
	
/**********************************
 * Responsive
 **********************************/
@media only screen /* Tablette */ 
and (max-width : 1000px) 
{
	#brand_list_items_name
	{
		padding: 				20px;
	
		-webkit-column-count: 	3; 
		-moz-column-count: 		3; 
		column-count: 			3;
		
		-webkit-column-gap: 	40px; 
		-moz-column-gap: 		40px; 
		column-gap: 			40px;
	}	

	
	#brand_list_items_logo
	{
		padding: 				20px 0;
	}
	
	#brand_list_items_logo .brand_list_item_logolink:link,
	#brand_list_items_logo .brand_list_item_logolink:hover,
	#brand_list_items_logo .brand_list_item_logolink:active,
	#brand_list_items_logo .brand_list_item_logolink:visited
	{
		width: 				18%;
		height: 			80px;
		line-height: 		80px;
	}
	
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	#brand_list_items_name
	{
		padding: 				20px 0;
	
		-webkit-column-count: 	2; 
		-moz-column-count: 		2; 
		column-count: 			2;
		
		-webkit-column-gap: 	20px; 
		-moz-column-gap: 		20px; 
		column-gap: 			20px;
	}	
	
	
	#brand_list_items_bestlogo .advertising_item
	{
		float: 				left;
		width: 				31%;
		margin: 			10px .5%;
		min-height: 		40px;
	}

	#brand_list_items_logo .brand_list_item_logolink:link,
	#brand_list_items_logo .brand_list_item_logolink:hover,
	#brand_list_items_logo .brand_list_item_logolink:active,
	#brand_list_items_logo .brand_list_item_logolink:visited
	{
		width: 				32%;
		height: 			80px;
		line-height: 		80px;
	}
}