/*  

Copyright © 2006 Troll d'idées. Tous droits réservés.

Feuille de styles principale
Thème : Black Lagoon
Créé le : 22/11/2006

Cette feuille de styles définie l'apparence des éléments propres au template du site à laquelle elle est rattachée.
L'apprence des éléments communs à tous les templates du site sont définis dans le fichier styles.css, importé ci-dessous.
L'agencement des blocs principaux de mise en page sont définis dans le fichier layout.css, importé ci-dessous.

*/

@import "layout.css";
@import "../styles.css";

.bt_top {
	margin: 0 240px 0 0;
	text-align: right;
	display: none;
}

#main .produits h2.titre {
	display: none;
}

#main .produit_block li {
	height: 250px;
	position: relative;
	margin-top: 10px;
}

#main .produit_block .post_produit {
	width: 270px;
}

#main .produit_block .post_produit h3 {
	text-align: left;
	font-size: 14px;
	position: absolute;
	left: 0px;
	top: 180px;
}

#main .produit_block .post_produit p {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 100%;
}

#main .produit_block .prix, #main .produit_block .prix_promo {
	color: #ff4905;
	font-size: 10px;
	padding-left: 20px;
}

#main .produit_block .voir_fiche {
	display: block;
	float: right;
	background: #ff4905;
	font-size: 10px;
	margin-right: 20px;
	color: #ffffff;
	padding: 3px;
	text-decoration: none;
}

#main .produit_block .voir_fiche:hover {
	text-decoration: underline;
}

#main .produit_block .produit_tags a {
	text-decoration: none;
}

#main .produit_block .produit_tags a:hover {
	text-decoration: underline;
}
/*SLIDESHOW*/
/* Easy Slider */

	#slider{width:100%; margin:0px; padding:0px; float:left}	
	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:928px;
		height:270px;
		overflow:hidden;
		outline:0px;
		border:0px;
		}
	#slider li h2 { 
		font-family:Verdana;
		font-weight:normal;
		font-size:23px;
		line-height:25px;
		padding:0px 0px 0px 0px;
		color: #0E5E86;

		}
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:268px;
		}	
	#nextBtn{ 
		left:635px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:27px;
		height:27px;
		position:absolute;
		z-index:200;
		left:600px;
		top:5px;
		background:url(../images/leftarrow.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/rightarrow.png) no-repeat 0 0;
		left:0px;
		}	
	
	
#slideshow
	{
		float:left;
		margin:0 0 0 0;
		background:url(../images/slideshowbg.png) no-repeat;
		width:928px;
		height:310px;
		padding:0px;
	} 
#slideshow ul
	{
		float:left;
		margin:0px;
		width:928px;
		padding:0 0 0 0;
		display:block;
	}
	
#slideshow ul li
	{
		float:left;
		margin:0px;
		width:928px;
		padding:0px;
		display:block;
	}
#slideshow ul li h2 a
	{
	float:left;
	width:400px;
	padding:20px;
	display:block;
	font-family:Verdana;
	font-size:18px;
	font-weight:normal;
	color: #000;
	margin-top: 215px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
		}
#slideshow ul li h2 a:hover
	{
	color: #A4C20C;
		}
#slideshow ul li p
	{
	float:left;
	width:928px;
	padding:0px;
	display:block;
	font-family:Verdana;
	font-size:14px;
	font-weight:normal;
	color: #000033;
	line-height:22px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
		}
#slideshow ul li a
	{
		float:left;
		margin:0 0 0 0;
		background:url(images/learnmoreactive.png) no-repeat;
		width:92px;
		height:30px;
		padding:0 0 0 0;
		line-height:20px;
		font-family:Verdana;
		font-size:14px;
		font-weight:normal;
		color: #000;
		text-decoration:none;
	}
	
	#container1{	
		margin:0px;
		position:relative;
		text-align:left;
		width:100%;
		left:0px;
		padding:0px;
		float:left;
		border:0px;
		}