/* Styles du carrousel Deep Slideshow */

/* Section statique */
#carrousel {
    position:relative;
    overflow:hidden;
	border: 1px solid white;
}

#carrousel a {
	font-weight:bold;
	text-decoration: none;
}

.slide {
    position:absolute;
    top:0;
    left:0;
}

.slide .overlay, .slide .overlay-bg {
    position:absolute;
    padding-left:12px;
	padding-top:12px;
	padding-bottom:12px;
    bottom:0;
    left:0;
}

.product img {
	float:left;
	margin-top:12px;
}

.product .text {
	padding-top:30px;
	padding-left:30px;
	float:left;
}

.product .description {
	margin-top: 50px;
}

.product .readMore {
	display:inline-block;
	position:absolute;
	text-transform:uppercase;
	right:7px;
	bottom:61px;
}

.navigation {
    position:absolute;
}

.navigation span {
    background:url('../img/bullets.png') no-repeat transparent;
	display:block;
	float:left;
    width:22px;
	height:20px;
	cursor:pointer;
    margin-top:2px;
}

.navigation span:hover, .navigation span.active {
	background:url('../img/bullets.png') no-repeat scroll 0px -20px transparent;
	margin-top:0px;
}

.directionNav {
	position:absolute;
	top:40%;
	height:30px;
	width:100%;
	display:none;
}

.directionNav .prevNav, .directionNav .nextNav {
	position:absolute;
	cursor:pointer;
	height:30px;
	width:30px;
}

.directionNav .prevNav {
	left:0px;
	background: url('../img/arrows.png') no-repeat scroll 0px 0px transparent;
}

.directionNav .nextNav {
	right:0px;
	background: url('../img/arrows.png') no-repeat scroll -30px 0px transparent;
}

/* Section dynamique générée par le backoffice */

#carrousel {
	width: 556px;
	height: 325px;
}

.slide {
	width: 556px;
	height: 325px;
}

.slide .overlay-bg {
	width: 544px;
	background-color: #000000;
}

.slide .overlay {
	width: 544px;
}

.slide .title {
	font-size: 14px;
	color: #ffffff;
}

.slide .catcher {
	font-size: 12px;
	color: #ffffff;
}

.slide .product {
	width: 556px;
	height:325px;
	background: url("../img/Blanc.jpg") no-repeat;
}

.product .text {
	width: 209px;
	height:295px;
}

.product .name {
	font-size: 24px;
	color: #00995d;
}

.product .description {
	font-size: 14px;
	color: #ffffff;
}

.product .readMore {
	font-size: 12px;
	color: #fb7e00;
}

.product .readMore:hover {
	color: #008c17;
}