@charset "utf-8";
/* CSS Document */

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		padding-top:5px;
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:370px;
		height:120px;
		overflow:hidden; 
		}
	#prevBtn, #nextBtn{ 
	display:block;
	width:20px;
	height:30px;
	position:absolute;
	left:-10px;
	top:60px;
	}	
	#nextBtn{ 
		left:367px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:20px;
		height:30px;
		background:url(img/arrow_left.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(img/arrow_right.png) no-repeat 0 0;	
		}
	#prevBtn a:hover, #nextBtn a:hover{  
		display:block;
		width:20px;
		height:30px;
		background:url(img/arrow_left_hover.png) no-repeat 0 0;	
		}	
	#nextBtn a:hover{ 
		background:url(img/arrow_right_hover.png) no-repeat 0 0;	
		}
	.graphic, #prevBtn, #nextBtn{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
	}
	#content{
		position:relative;
		}
	
	/* SLIDER 2 */
	/*	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2, #slider2 li{ 
		padding-top:5px;
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ /*
		width:780px;
		height:140px;
		overflow:hidden; 
		}
	#prevBtn2, #nextBtn2{ 
	display:block;
	width:20px;
	height:30px;
	position:absolute;
	left:-10px;
	top:60px;
	}	
	#nextBtn2{ 
		left:772px;
		}														
	#prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:20px;
		height:30px;
		background:url(img/arrow_left_g.png) no-repeat 0 0;	
		}	
	#nextBtn2 a{ 
		background:url(img/arrow_right_g.png) no-repeat 0 0;	
		}
	.graphic, #prevBtn2, #nextBtn2{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
	}
*/
/* // Easy Slider */

/* DATE */

div.date{
background:url(img/calendar.png) no-repeat;
height:50px;
width:44px;
text-align:center;
padding-top:3px;
}
span.day{
color:grey;
font-family:Arial;
font-size:20px;
}
span.month{
color:white;
font-family:Arial;
font-size:10px;
}

/* //DATE */

/* Global et centrage page */
#page{
width: 1000px;

margin-left: auto;
margin-right: auto;
text-align: left;
}
#conteneur{
width: 1000px;
margin: 0 auto;
text-align: left;
height: auto; 
}
body{
font-family:Arial;
font-size:11px;
color:#666666;
}
html,body{height:98%;}

/* //Global */

td.d_left{
background:url(img/d_left.jpg) no-repeat;
width:23px;
}
td.d_middle{
background:url(img/d_middle.jpg) repeat-x;
}
td.d_right{
background:url(img/d_right.jpg) no-repeat top left;
width:29px;
}
td.prodassoc{
background:url(img/prodsassoc.jpg) no-repeat;
padding-left:15px;
}
td.coin_t{
background:url(img/coin_small.jpg) no-repeat top left;
padding-left:15px;
}


a{
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#666666;
text-decoration:none;
}
a:hover{
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#e64394;
text-decoration:none;
}

a.active{
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#e64394;
text-decoration:none;
}
a.dl{
font-weight:normal;
}
div.espace{
padding-top:10px;
line-height:18px;
font-size:11px;
}

div.titre{
padding-top:10px;
color:#e64394;
font-family:Arial;
font-weight:bold;
font-size:12px;
}

div.titre_actu{
padding-top:10px;
color:#e64394;
font-family:Arial;
font-weight:bold;
font-size:14px;
}

div.sous-titre{
padding-top:10px;
color:#e64394;
font-family:Arial;
font-weight:bold;
font-size:11px;
}
.nom_prod_gamme img, .nom_prod_gamme span {
  vertical-align: middle;
  display: inline-block;
}
.nom_prod_gamme span {
font-size:11px;
}

.titre_produit{
font-family:Arial;
font-size:24px;
color:#666666;
}

.description{
font:Arial;
text-align:justify;
padding: 0px 15px 15px 0px;
}

.dls{
padding-top:10px;
line-height:30px;
font-size:11px;
}

.dls img, .dls div{
 vertical-align: middle;
 display: inline-block;
}

.minis img{
border: solid 1px #d7d7d7;
}

.minis a img:hover{
border: solid 1px #e64394;
}

h2 {
	/* optional styling, you can use whatever you wish */
	font-size:220%;
	color:#e64394;
	font-weight:normal;
	letter-spacing:-.05em;
	margin:.6em 0;
	/* now, this is important */
	position:relative;	
}
h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(img/gradient_1.png) repeat-x;
}       
* html h2 span{
	background-color:#fff;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/gradient_1.png", sizingMethod="scale");
}

td.footer{
font:Arial;
font-size:11px;
color:#6c6c6c;
}