/* ************************************************
 * Styles VIGNETTE
 *
 * Ewindsurf
 * Version 4
 * Date: 28/03/2007
 *
 **************************************************/


/* Vignette corps */
div.vignette_corps {
	width:185px;
	height:420px;
	float:left;
	margin-left:5px;
	background: url(../images2/bg_vignette.jpg) no-repeat left top;
}

div.vignette {
	width:185px;
	height:420px;
	padding-top:8px;
	cursor:pointer;
	/*
	opacity:1;
	-moz-opacity:1;
	filter:Alpha(opacity=100);
	*/
}
div.vignetteOver {
	width:185px;
	height:420px;
	padding-top:8px;
	cursor:pointer;
	opacity:0.50;
	-moz-opacity:0.50;
	filter:Alpha(opacity=50);
}


/*** Vignette titre ***/
div.vignette_corps h3 {
	display:block;
	width:185px;
	height:40px;
	margin:0;
	padding:0;
}

	span.marque, span.modele { 
		display:block;
		width:185px;
		text-align:center; 
		font-weight:bold;
		clear:both;
		text-align:center;
	}
	span.marque {
		height:24px;
		line-height:24px;
		font-size:12px;
		text-transform:uppercase;
		color:#FFFFFF;
	}
	span.modele {
		height:13px;
		line-height:13px;
		font-size:13px;
		color:#FFFFFF;
	}
	span.millesime { display:none; }
	span.type { display:none; }


	h3.titre_vignette_neuf a span {
		height:18px;
		line-height:18px;
		margin-top:4px;
		font-size:13px;
		color:#004993;
	}
	h3.titre_vignette_promotion a span {
		height:18px;
		line-height:18px;
		margin-top:5px;
		font-size:13px;
		color:#333333;
	}
	h3.titre_vignette_nouveautes a span {
		height:18px;
		line-height:18px;
		margin-top:4px;
		font-size:13px;
		color:#2E2E2E;
	}
	h3.titre_vignette_occasion a span {
		height:18px;
		line-height:18px;
		margin-top:4px;
		font-size:13px;
		color:#339900;
	}
	h3.titre_vignette_demo a span {
		height:18px;
		line-height:18px;
		margin-top:4px;
		font-size:13px;
		color:#0033FF;
	}

/* Image */
img.img_type {
	position:absolute;
	width:74px;
	height:74px;
	margin-left:10px;
	margin-top:8px;
	z-index:10;
	display:block;
}
div.img_article {
	width:130px;
	height:250px;
	z-index:2;
	overflow:hidden;
	margin-top:10px;
	margin-left: 28px;
	text-align:center;
}

/* Information */
div.txt_infos {
	clear:both;
	display:block;
	width:180px;
	height:52px;	
}
	div.txt_infos  a.millesimee {
		float:left;
		display:block;
		width:80px;
		height:14px;
		line-height:14px;
		font-size:11px;
		font-weight:bold;
		color:#666666;
		margin-top:20px;
		margin-left:15px;
	}
	div.txt_infos a.famillee {
		float:left;
		display:block;
		width:80px;
		height:14px;
		line-height:14px;
		font-size:10px;
		font-weight:bold;
		color:#999999;
		margin-left:15px;
	}
	div.txt_infos a.fiche {
		float:right;
		display:block;
		margin:20px 10px 0 0;
		width: 55px;
		height:15px;
		line-height:15px;
		font-size:13px;
		text-decoration: underline;
	}


/*** Prix ***/
div.txt_tarif {
	clear:both;
	float:right;
	display:block;
	width:95px;
	margin:2px 0 0 0;
	padding:0 10px 0 0;
	text-align:right;
}
	div.txt_tarif span.prix_nouveautes {
		display:block;
		width:80px;
		font-size:14px;
		font-weight:bold;
	}
	div.txt_tarif span.promo_nouveautes{
		display:block;
		width:80px;
		text-align:right;
		font-size:28px;
		font-weight:bold;
		color:#FF9900;
	}
	div.txt_tarif  span.prix_promotion {
		display:block;
		width:80px;
		font-size:12px;
		font-weight:bold;
	}
	div.txt_tarif  span.promo_promotion {
		display:block;
		width:80px;
		text-align:right;
		font-size:24px;
		font-weight:bold;
		color:#EC0000;
	}
	div.txt_tarif  span.prix_nouveautes {
		display:block;
		width:80px;
		font-size:12px;
		font-weight:bold;
	}
	div.txt_tarif  span.promo_nouveautes {
		display:block;
		width:80px;
		text-align:right;
		font-size:24px;
		font-weight:bold;
		color:#FF9900;
	}
	div.txt_tarif  span.prix_occasion {
		display:block;
		width:80px;
		font-size:12px;
		font-weight:bold;
	}
	div.txt_tarif  span.promo_occasion {
		display:block;
		width:80px;
		text-align:right;
		font-size:24px;
		font-weight:bold;
		color:#339900;
	}
	div.txt_tarif  span.prix_archives {
		display:block;
		width:80px;
		font-size:12px;
		font-weight:bold;
	}
	div.txt_tarif  span.promo_archives {
		display:block;
		width:80px;
		text-align:right;
		font-size:24px;
		font-weight:bold;
		color:#0033FF;
	}


/* Spacer */
div.spacer_vignette{
	display:block;
	clear:both;
	width:500px;
	height:2px;
	overflow:auto;
}