/* Styles CSS Content.Items
   Pokchips.com (C)
   Créé le 18 septembre 2007 */








.article0
{

	position: relative;
	width: 99.9%;
	height: 200px;
	border-bottom: 2px solid #006699;
	
	float: left;

}
.article1
{

	position: relative;
	width: 99.9%;
	height: 200px;
	border-bottom: 2px solid #006699;
	
	float: left;

}
.article2
{

	position: relative;
	width: 49.8%;
	height: 330px;
	border-right: 1px dashed #CCCCCC;
	border-bottom: 2px solid #006699;
	
	float: left;

}
.article3
{

	position: relative;
	width: 33%;
	height: 285px;
	border-right: 1px dashed #CCCCCC;
	border-bottom: 2px solid #006699;
	
	float: left;

}
.article4
{

	position: relative;
	width: 24.8%;
	height: 235px;
	border-right: 1px dashed #CCCCCC;
	border-bottom: 2px solid #006699;
	
	float: left;

}
.article5
{

	position: relative;
	width: 19.8%;
	height: 235px;
	border-right: 1px dashed #CCCCCC;
	border-bottom: 2px solid #006699;
	
	float: left;

}









	
/* ---------------------------------------------------------------------------- */
	.article0 .articleIMG
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 45%;
		height: 100%;
		overflow: hidden;
	}
	.article1 .articleIMG
	{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 45%;
		height: 100%;
		overflow: hidden;
	}
	.article4 .articleIMG
	{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 55%;
		overflow: hidden;
	}
	.article2 .articleIMG, 
	.article3 .articleIMG, 
	.article5 .articleIMG	
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 68%;
		overflow: hidden;
	}
		.articleIMG p
		{
			margin:0px;
			padding:0px;
			text-align:center;
			text-indent:0px;
		}
	








/* ---------------------------------------------------------------------------- */
	
	.article0 .articleTITLE
	{
		position: absolute;
		right:3%;
		top: 10%;
		width: 50%;
		height: 20%;
		overflow: hidden;
	}
	.article1 .articleTITLE
	{
		position: absolute;
		left:3%;
		top: 10%;
		width: 50%;
		height: 20%;
		overflow: hidden;
	}
	.article3 .articleTITLE
	{
		position: absolute;
		left:0px;
		top: 64%;
		width:100%;
		height: 31px;
		overflow: hidden;
	}
	.article2 .articleTITLE,
	.article5 .articleTITLE
	{
		position: absolute;
		left:0px;
		top: 68%;
		width:100%;
		height: 16px;
		overflow: hidden;
	}
		.articleTITLE p
		{
			font-size: 13px;
			font-weight: bold;
			text-align: center;
			text-indent: 0px;	
			margin:0px;
			padding:0px;
			color: #003399;
			line-height: 14px;
		}
	.article4 .articleTITLE
	{
		position: absolute;
		left:0px;
		top: 57%;
		width: 100%;
		height: 13%;
		overflow: hidden;
		
	}
		.article4 .articleTITLE p
		{
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			text-indent: 0px;	
			margin:0px;
			padding:0px;
			color: #003399;
			line-height: 14px;
		}








/* ---------------------------------------------------------------------------- */
	
	.article0 .articleDESCRIPTION
	{
		position: absolute;
		right:3%;
		top: 32%;
		width: 50%;
		height: 35%;
		overflow: hidden;
	}
	.article1 .articleDESCRIPTION
	{
		position: absolute;
		left:3%;
		top: 32%;
		width: 50%;
		height: 35%;
		overflow: hidden;
	}
	.article3 .articleDESCRIPTION,
	.article5 .articleDESCRIPTION
	{
		position: absolute;
		left:0px;
		top: 79%;
		width:100%;
		height: 26px;
		overflow: hidden;
		display: none;
	}
	.article4 .articleDESCRIPTION
	{
		position: absolute;
		left:0px;
		top: 71%;
		width:100%;
		height: 18%;
		overflow: hidden;
		display: none;
	}
	.article2 .articleDESCRIPTION
	{
		position: absolute;
		left:0px;
		top: 73%;
		width:100%;
		height: 18%;
		overflow: hidden;
	}
		.articleDESCRIPTION p
		{
			font-size: 11px;
			font-weight: normal;
			text-align: center;
			text-indent: 0px;	
			margin:0px;
			padding:0px;
			color: #666666;
			line-height: 13px;
		}



/* ---------------------------------------------------------------------------- */

.articleANCIENPRIX
{
	position: absolute;
	background-image: url('/src/img/__/promoFg.gif');
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

	.article0 .articleANCIENPRIX
	{
		width:50%;
		height: 55px;
		left:47.5%;
		bottom: 0px;
	}
	.article1 .articleANCIENPRIX
	{
		width:55%;
		height: 18%;
		left:0%;
		bottom: 14px;
	}
	.article3 .articleANCIENPRIX
	{
		width:50%;
		left:10%;
		bottom: 15px;
		height: 51px;
	}
	.article4 .articleANCIENPRIX
	{
		width:60%;
		height: 18%;
		left:0%;
		bottom: 20px;
	}
	.article2 .articleANCIENPRIX
	{
		width:100%;
		height: 15%;
		left:0%;
		bottom:0px;
	}
		.articleANCIENPRIX p
		{
			font-weight: normal;
			text-align: center;
			text-indent: 0px;	
			margin:0px;
			padding:0px;
			line-height: 13px;
			font-size:12px;
			color: #777777;
			font-style:italic;
		}

/* ---------------------------------------------------------------------------- */

.articlePRIXPROMO
{
	position: absolute;
	overflow: hidden;
}

	.article0 .articlePRIXPROMO
	{
		right:0%;
		bottom: 3%;
		width: 55%;
		height: 11%;		
	}
	.article1 .articlePRIXPROMO
	{
		left:0%;
		bottom: 3%;
		width: 55%;
		height: 11%;
	}
	.article3 .articlePRIXPROMO
	{
		left:40%;
		bottom: 15px;
		width:50%;
		height: 51px;
	}
	
	.article2 .articlePRIXPROMO
	{
		left:0%;
		bottom: 1%;
		width:100%;
		height: 9%;
	}
	.article4 .articlePRIXPROMO,
	.article5 .articlePRIXPROMO
	{
		left:40%;
		bottom: 48px;
		width:60%;
		height: 20px;
	}
	
		.articlePRIXPROMO p
		{
			font-size: 17px;
			font-weight: bold;
			text-align: center;
			text-indent: 0px;	
			margin:0px;
			padding:0px;
			color: #003399;
		}

/* ---------------------------------------------------------------------------- */

	.article0 .articlePRIX
	{
		position: absolute;
		right:3%;
		bottom: 3%;
		width: 45%;
		height: 11%;
		overflow: hidden;
	}
	.article1 .articlePRIX
	{
		position: absolute;
		left:3%;
		bottom: 3%;
		width: 50%;
		height: 11%;
		overflow: hidden;
	}
	.article2 .articlePRIX
	{
		position: absolute;
		left:0px;
		bottom: 1%;
		width:100%;
		height: 9%;
		overflow: hidden;
	}
	.article3 .articlePRIX
	{
		position: absolute;
		left:0%;
		bottom: 44px;
		width:100%;
		height: auto;
		overflow: hidden;
	}
	
	.article5 .articlePRIX
	{
		position: absolute;
		left:0%;
		bottom: 12px;
		width:100%;
		height: auto;
		overflow: hidden;
	}
	.article4 .articlePRIX
	{
		position: absolute;
		left:0%;
		bottom: 48px;
		width:100%;
		height: auto;
		overflow: hidden;
	}
	
	
		.articlePRIX p
		{
			font-size: 17px;
			font-weight: bold;
			text-align: center;
			text-indent: 0px;	
			margin:0px;
			padding:0px;
			color: #003399;
		}
		.articlePRIX2 
		{
			font-size: 80%;
		}


/* ---------------------------------------------------------------------------- */
	.articleVOILE
	{
		position: absolute;
		left: 0px;
		top:0px;
		width: 100%;
		height: 100%;
		background-color: #003399;
		display: none;
	}
	
/* ---------------------------------------------------------------------------- */
	.articleGOTO
	{
		position: absolute;
		top:0px;
		left:0px;
		bottom: 0px;
		right: 0px;
		width:100%;
		height:100%;
	}
		.articleGOTO a
		{
			width:100%;
			height: 100%;
			display: block;
		}
		.articleGOTO img
		{
			width:100%;
			height: 100%;
			display: block;
		}
		.articleGOTO p
		{
			margin: 0px;
			padding: 0px;
			width:100%;
			height: 100%;
			display: block;
		}







/* ---------------------------------------------------------------------------- */		

.articleDISPO
{
	position: absolute;
}

	.article0 .articleDISPO
	{
		left: 48%;
		bottom: 4px;
		width:128px;
	}
	.article1 .articleDISPO,
	.article2 .articleDISPO,
	.article3 .articleDISPO,
	.article5 .articleDISPO
	{
		left: 8px;
		bottom: 4px;
		width:110px;
	}
	.article4 .articleDISPO
	{
		left: 8px;
		bottom: 4px;
		width:40%;	
	}
	
		.articleDISPO p
		{
			font-size: 10px;
			padding: 0px;
			margin: 0px;
		}
		.article4 .articleDISPO p
		{
			font-size: 9px;
		}
		
/* ---------------------------------------------------------------------------- */		

.articleCART
{
	position: absolute;
}

	.article1 .articleCART
	{
		right: 47%;
		bottom: 4px;
		width:110px;
		height:40px;	
	}
	.article4 .articleCART
	{
		right: 0px;
		bottom: 4px;
		width:110px;
		height:40px;
	}
	.article0 .articleCART,
	.article2 .articleCART,
	.article3 .articleCART,
	.article5 .articleCART
	{
		right: 4px;
		bottom: 4px;
		width:110px;
		height:40px;	
	}
	
		.articleCART p
		{
			padding: 0px;
			margin: 0px;
		}
		.articleCART a
		{
			display: block;
			width: 110px;
			height: 40px;
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		.articleCART a:hover
		{
			background-position: top right;
		}

/* ---------------------------------------------------------------------------- */

.articlePROMO
{
	position: absolute;
	overflow: hidden;
	background-image: url('/src/img/__/promoFd.gif');
}

	.article0 .articlePROMO
	{
		bottom: 1px;
		left: 48%;
		width: 83px;
		height: 55px;
	}
	.article1 .articlePROMO,
	.article2 .articlePROMO,
	.article3 .articlePROMO,
	.article4 .articlePROMO,
	.article5 .articlePROMO
	{
		bottom: 1px;
		left: 1px;
		width: 83px;
		height: 55px;
	}
	
		.articlePROMO p
		{
			color: #FFFFFF;
			text-align:left;
			font-weight: bold;
			font-size:13px;
			margin-top: 33px;
			margin-left: 8px;
			line-height: 13px;
		}





.content_content_article_image
{
	height: 270px;
	width:100%;
	position: relative;
	border-bottom: 2px solid #006699;
}
	
	.content_content_article_image p
	{
		text-align: left;
		margin: 0px;
		padding: 0px;
	}
















	.articleANCIENPRIX
	{
		position: absolute;
		width:55%;
		left:0%;
		bottom: 14px;
		background-image: url('/src/img/__/promoFg.gif');
		background-repeat: no-repeat;
		background-position: top;
		
		height: 18%;
		overflow: hidden;
	}
	.articlePROMO
	{
		position: absolute;
		bottom: 1px;
		left: 0%;
		width: 83px;
		height: 55px;
		overflow: hidden;
		background-image: url('/src/img/__/promoFd.gif');
	}
	.articlePROMO p
	{
		font-weight: bold;
	}




.articlePIQUE 
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 15px;
	height: 15px;
	background-image: url('/src/img/__/pique.gif');
	background-repeat: no-repeat;
}

.articleCARREAU
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 15px;
	height: 15px;
	background-image: url('/src/img/__/carreau.gif');
	background-repeat: no-repeat;
}

.articleTREFLE 
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
	background-image: url('/src/img/__/trefle.gif');
	background-repeat: no-repeat;
}

.articleCOEUR 
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
	background-image: url('/src/img/__/coeur.gif');
	background-repeat: no-repeat;
}










/* ------------------------------------------------------------------------ */

.orderByQuantityDiv
{
	position:relative;
	float: left;
	width:100%;
	height: auto;
	border-bottom: 2px solid #006699;
	display: none;
}
	
	.orderByQuantityDiv a
	{
		color: #69F;
	}
	.orderByQuantityDiv a:hover
	{
		color: #000;
	}
	
	.orderByQuantityDiv .line
	{
		width:100%;
		height:45px;
		position: relative;
		border-bottom: 1px dashed #006699;
	}
	
		.orderByQuantityDiv .line .IMG
		{
			width:80px;
			height:40px;
			position: absolute;
			top:2px;
			left:5px;
			overflow: hidden;
		}
		
		.orderByQuantityDiv .line .TITLE
		{
			width:240px;
			height:40px;
			position: absolute;
			top:2px;
			left:87px;
		}
			.orderByQuantityDiv .line .TITLE p
			{
				font-size:12px;
				font-weight: bold;
				color: #003399;
			}
			
		.orderByQuantityDiv .line .PRICE
		{
			width:85px;
			height:40px;
			position: absolute;
			top:7px;
			left:307px;
		}
			.orderByQuantityDiv .line .PRICE p
			{
				font-size:13px;
				font-weight: bold;
				color: #003399;
				text-align:center;
			}
			
		.orderByQuantityDiv .line .DISPO
		{
			width:160px;
			height:40px;
			position: absolute;
			top:0px;
			left:390px;
		}
			.orderByQuantityDiv .line .DISPO p
			{
				font-size:10px;
				font-weight: bold;
			}
			
		.orderByQuantityDiv .line .SETQUANTITY
		{
			width:160px;
			height:40px;
			position: absolute;
			top:5px;
			left:525px;	
		}