/*---- REGLES GENERALES CARROUSELS ----*/
.carrousel, .carrousel li {
	list-style-type: none; 
	padding:0;
	margin:0;
}

#carrousel-wrapper .carrousel ul {
	width: 617px;
}

.carrousel {position :relative} /*Inutile mais résout des bug sous IE*/

.carrousel li a {
	color: white;
	font-style: normal;
	text-align:center;
	text-decoration: none;
}
.carrousel img {float: left}

.hasJS  .carrousel {overflow: hidden}


/*---- STYLE POUR LES GROS CARROUSELS (HP, COFFRET-CADEAU) ----*/

#bigCarrousel {border-left: solid 3px white; background: white; float: right}

#bigCarrousel .carrousel {height: 303px;}

#bigCarrousel .carrousel, .boutons {
	width: 616px; 
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	/* font-weight:700; */
	color: #393532
}

#bigCarrousel ul, #bigCarrousel li {margin: 0; padding: 0; list-style-type: none}

/*---- BOUTONS ----*/
.boutons {position : relative; z-index:50; float: left;/* width: 100%;*/ text-align: center;}

.boutons li {
	display: block;
	float:left;
	width: 25%;
	margin:0;
	background-image: url(../img/css/degrade.png);
	background-repeat: repeat-x;
	background-color: #aca095;
}

.boutons li a {
	display: block;
	/* text-transform: uppercase; */
	text-decoration: none;
	padding: 2px 0;
}

* html .boutons li a {
	padding-bottom: 5px; /* nécessaire pour IE 9 seulement */
}

.boutons li a, .boutons li a:link, .boutons li a:hover, .boutons li a:focus, .boutons li a:active, .boutons li a:visited  {color: #393532;}

.boutons .current {background-color: #8a7f75}

.boutons .back{
	background: url(../img/css/triangle.png) no-repeat transparent;
	position: absolute;
	bottom:100%;
	left:0;
	z-index: 100;
	line-height: 0;
	height: 9px;
}

/**********************
**** STYLE POUR JS ****
**********************/

/*Présentation 4 vignettes sans JS*/
#bigCarrousel .carrousel li {height: 50%; width: 49.9%; float: left}
#bigCarrousel .carrousel li img {height: 100%; width: 100%; float: none}

.hasJS #bigCarrousel .carrousel li {height: 100%; width: 100%}