/****************************************************
 * 
 * MODULE : prestaventesflash
 * AUTEUR : Guillaume PETIT / (c) HDClic www.hdclic.om
 * DATE : sept 2009
 * 
 * **************************************************/

/* recupe de #product_list   */
ul.flash-product_list{ margin-top:2em; list-style-type:none; }
ul.flash-product_list li {
/*	background: #2b2b2b url('../img/block_category_item_bg.jpg') repeat-x;*/
	border: solid 1px #303030;
	padding: 6px;
	height:130px;
	clear:both;
	margin-bottom:0.3em;
}
ul.flash-product_list li a {
	text-decoration:none;
	color:#ffffff;
}

ul.flash-product_list a.product_img_link{
	border: solid 0px #d0d3d8;
	float:left;
	margin-right:0.6em;
}

ul.flash-product_list a.product_img_link img{
	vertical-align:bottom;
}
ul.flash-product_list li h3{ margin:0.4em 0; }
ul.flash-product_list li .new{
	background:transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
	border:1px solid #488C40;
	color:white;
	font-size:0.6em;
	font-weight:bold;
	margin:0pt 1em 0pt 0pt;
	padding:0pt 0.4em;
	text-transform:uppercase;
	vertical-align:0.3em;
}
ul.flash-product_list li p.product_desc{ font-size:0.92em; }
ul.flash-product_list li div.center_block{
	float:left;
	width:74%;
}
ul.flash-product_list li div.right_block{
	float:left;
	width: 11em;
	text-align:right;
	margin-left:1em;
	margin-top:0;
}
ul.flash-product_list li .discount{
	color:#da0f00;
	text-transform:uppercase;
	font-weight:bold;
	display: block;
}
ul.flash-product_list li .on_sale{
	color:#da0f00;
	text-transform:uppercase;
	font-weight:bold;
	display: block;
}
ul.flash-product_list li .reduction {
	display: block;
	margin-bottom: 0.3em;
}
ul.flash-product_list li .price{
	display: block;
	font-size: 1.5em;
	margin-bottom: 0.2em;
}
ul.flash-product_list li span.availability{
	float: right;
	color:#488c40;
	font-size:0.9em;
}
ul.flash-product_list li a.button{ margin-top:0.5em; }
/* !irecupe de #product_list   */

#flash-products_block_right dt a { 
	font-weight:bold;
}

#flash-products_block_right dt:hover { 
	background-color: #666;
}

.prix_barre_block {
	text-decoration: line-through;
	font-weight:bold;
}

#flash-products_block_right .postit {
	width:100%x;
	height:21px;
	background: url(img/ventes-flash-extra.png) no-repeat;
	padding-left:40px;
	font-size:120%;
	font-weight: bold;
	text-decoration: blink;
	text-transform: uppercase;
}


ul.flash-product_list li.venteflash {
	background: url(img/titre-vente.jpg) no-repeat;
	display: block;
	height: 19px;
	width: 536px;
	padding-top: 2px;
	padding-right: 20px;
	border-style: none;
	margin-bottom: 5px;
	font-weight: bold;
}
ul.flash-product_list li.venteflash .texte_flash {
	float: left;
	width: 230px;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #FD0;
	text-align: left;
	padding-left: 25px;
}
ul.flash-product_list li.venteflash .decompte {
	float: right;
	width: 266px;
	text-align: right;
	color:#000;
}

/* Slideshow style rules */
#slideshow ul.flash-product_list {
	list-style-type:none;
	margin: 0px;
}
#slideshow {
	width:556px;
	position: relative;
	height: 209px;
}
#slideshow #slidesContainer {
	width:556px;
	overflow:auto; /* affiche une scrollbar au cas ou */
	position:relative;
}
#slideshow #slidesContainer .slide {
	width:556px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
}

/** 
* Slideshow controls style rules.
*/
.control {
	display:block;
	width:150px;
	height:16px;
	position:absolute;
	cursor: pointer;
}

#leftControl {
	top:180px;
	left:0px;
	background:#666666 url(img/control_left.jpg) no-repeat left center;
}
#rightControl {
	top:180px;
	right:0px;
	background:#666666 url(img/control_right.jpg) no-repeat right center;
}
#middleControl {
	top:180px;
	left:210px;
	width:200px;
	height:16px;
	font-size:90%;
	position:absolute;
	cursor: pointer;
}

.extra_flash_list {
	text-decoration: blink;
	font-weight:bold;
	font-size:130%;
	color:#53992b;
}

.prix_barre {
	text-decoration: line-through;
	font-weight:bold;
	font-size:120%;
}

#postit {
	width:216px;
	height:21px;
	background: url(img/ventes-flash-extra.png) no-repeat;
	padding-left:40px;
	font-size:120%;
	font-weight: bold;
	text-decoration: blink;
	text-transform: uppercase;
}

#div_decompte {
	width:216px;
	font-weight:bold;
	text-align: center;
	color:#f00;
	font-size:110%;
}

#link_all_flash {
	text-align:center;
}