/*********************
 * Catalogue - Style *
 *********************/



/**************************************************
 * pagePromoBox (au dessus du listing des cartes) *
 **************************************************/
/*div#pagePromoBox
{
	width: 445px;
	height: 60px;
	
	margin-left: auto;
	margin-right: auto;
	position: relative;
}*/

	/**********************
	 * pagePromoBox Items *
	 **********************/

/*	#pagePromoBox div
	{
		display: block;
		position: absolute;
	}

	#pagePromoBox div a
	{
		float: left;
	}
	
	#pagePromoBox div.pbItemLeft
	{
		left: 0px;
	}

	#pagePromoBox div.pbItemRight
	{
		left: 225px;
	}
*/

div#pageTitle
{
	position: relative;
}

div#pageTitle h1
{
	color: #2BAAFF;
	font-size: 20px;
	margin-left: 5px;
}



/*************
 * Catalogue *
 *************/
.cardLine
{
	clear: both;
}



div#catalogue
{
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	position:relative;
	width:498px;
}


div#catalogue div.catalogListContainer
{
	width: 498px;
	/*height: 460px;*/
	display: block;
}

div#catalogue div.catalogListContainer div.cardContainer
{
	display: block;
	float: left;
	
	/*height: 100px;*/
	width: 162px;
	background: #FFFFFF url('../../img/prev_bg.gif') no-repeat center top;
	
	margin-right: 4px;
	margin-bottom: 10px;
}

div#catalogue div.catalogListContainer div.card
{
	position: relative;
	top: 3px;
	left:3px;
}

div#catalogue div.catalogListContainer div.card img.imgCard
{
	height: 93px;
}

div#catalogue div.catalogListContainer a.new
{
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: 3;
	
	height: 28px;
	width: 48px;
	background: transparent url('../../img/pict_new.gif') no-repeat top left;
	
}

div#catalogue div.catalogListContainer div.cardLegend
{
	padding-top: 2px;
	/*height: 15px;*/
}

div#catalogue div.catalogListContainer div.cardLegend img
{
	float: left;
	
}

div#catalogue div.catalogListContainer div.cardLegend p
{
	font-size: 11px;
	color: #999999;
	line-height: 15px;
	/*height: 15px;*/
	/*float: right;*/
	/*padding-right: 6px;*/
	text-align:center;
	width: 156px;
}

div#catalogue div.catalogListContainer div.cardLegend p a
{
	color: #999999;
}

div#catalogue div.catalogListContainer div.cardLegend p a:hover
{
	color: #999999;	
}
	/**********************
	 * Catalogue - Legend *
	 **********************/
	div#catalogue div.catalogLegend
	{
		width: 494px;
		height: 17px;
		/*line-height: 35px;*/
		display: block;
		color: #FF0099;
		margin: 5px auto 5px auto;
		clear: both;
	}
	
	div#catalogue div.catalogLegend.topBullet
	{
		padding-bottom: 10px;
		background: transparent url('../../img/spacerBullet.gif') repeat-x bottom center;
	}
	
	div#catalogue div.catalogLegend.bottomBullet
	{
		padding-top: 10px;
		background: transparent url('../../img/spacerBullet.gif') repeat-x top center;
	}

	div#catalogue div.catalogLegend ul li
	{
		float: left;
		display: block;
		height: 17px;
		line-height: 17px;
	}
	
	div#catalogue div.catalogLegend ul li.pager
	{
		float: right;
		display: block;
	}
	div#catalogue div.catalogLegend ul li.li_selectBox
	{
		float: right;
		display: block;
		margin-right: 5px;
		
	}
	
	div#catalogue div.catalogLegend ul li img
	{
		float: left;
		display: block;
	}
	
	
	div#catalogue div.catalogLegend ul li input
	{
		float: left;
		display: block;
	}
	
	div#catalogue div.catalogLegend ul li p
	{
		float: left;
		display: block;
	}
	
	.bottomLegend
	{
		line-height: 10px;
		margin-left: 10px;
	}
	
	/**********************
	 * Catalogue - Filter *
	 **********************/
	div#catalogue .catalogFilter
	{
		width: 467px;
		height: 76px;
		background: url("../../img/bg_filter.jpg") no-repeat;
		margin-left: auto;
		margin-right: auto;
		padding-top: 8px;
		padding-left: 20px;
	}
	
	div#catalogue .catalogFilter ul li
	{
		float: left;
		display: block;
		height: 15px;
		margin-top: 8px;
		width: 105px;
	}
	
	div#catalogue .catalogFilter ul li * 
	{
		margin: 0px;
		padding: 0px;
		height: 15px;
		line-height: 15px;
		float: left;
		margin-right: 4px;
	}

	div#catalogue .catalogFilter .mobileSort
	{
		height: 15px;
		margin-top: 14px;
		float: left;
		padding-left: 70px;
	}
	
	div#catalogue .catalogFilter .mobileSort *
	{
		margin: 0px;
		padding: 0px;
		height: 15px;
		line-height: 15px;
		float: left;
		margin-right: 4px; 
	}
	
	div#catalogue .catalogFilter a
	{
		display: block;
		position: absolute;
		top: 42px;
		left: 454px;
	}
	
/**************************************************
 * Page recherche sans résultats                  *
 **************************************************/

#noResultContainer {
clear: both;
height: 600px;
}

#noResultContainer #searchBlock {
padding-top: 50px;
padding-left: 70px;
}

.searchInput2 {
border:1px solid silver;
color:#02AED2;
font-size:11px;
height:16px;
line-height:17px;
padding-top:2px;
}

#searchBlock fieldset img {
vertical-align: top;
}

#suggest {
margin-top: 20px;
margin-left: 20px;
color: #999999;
}

.gras {
font-weight: bold;
}

#suggest ul {
padding-top: 5px;
padding-left: 20px;
}


#suggest ul li {
list-style: disc;
padding-left: 3px;
}

#nuage {
width: 496px;
height: 102px;
margin-top: 25px;
padding: 5px;
background-image: url("../../img/common/catalogue/bg_tags_search_page.jpg");
background-repeat: no-repeat;
}

/**
*Block contenu special event
**/
	

	.eventTitle
	{
		font-size: 15px;
		font-weight:bold;
		display: block;
		margin-bottom: 10px;
		padding-bottom: 7px;
		color: #2BAAFF;
		background: url("../../img/spacerBullet.gif") repeat-x scroll left bottom;
	}	
	
	.eventEdito
	{
		color: #666666;
		font-size: 12px;
		text-align: justify;
		line-height: 16px;
		font-weight: normal;
		display:block;
	}
	

/**
*community links
**/


	#rightHead * 
	{
		float: right;
	}
	
	#communityLinks 
	{
		margin-top: 5px;
	}
	
	#communityLinks * 
	{
		float: left;
		line-height: 16px;
	}