.list_carousel {
	
	background: #FFF;
	position: relative;
	height: 224px;
	margin-top: 54px;

				
}
.list_carousel #foo4 {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;


}
.list_carousel .item {
	color: #000;
	padding: 0;
	display: block;
	float: left;

}

.list_carousel .item a.img_cdc{
	float: left;
	height: 224px;
	max-width: 372px;
	position: relative;
}
.list_carousel .item a img{
	height: 100%;


}
.list_carousel .contenu_slide{
	float: left;
	height: 194px;
	position: relative;
	padding: 15px 35px;
	width: 438px;
}
.list_carousel .contenu_slide h2{
	text-transform: capitalize;
	margin: 0 0 15px;
}
.list_carousel .contenu_slide h3{
	text-transform: capitalize;
	margin: 0 0 10px;
	font-size: 16px;
}
.list_carousel .contenu_slide .txt_cdc{
	font-size: 16px;
	text-align: justify;
	margin: 0;
}
.list_carousel .contenu_slide span.prix_cdc {
	position: absolute;
	bottom: 25px;
}


#prev2, #next2 {
	position: absolute ;
	width: 34px;
	height: 47px;
	top: 37%;
	opacity: 0.2;
}
.list_carousel:hover #prev2, .list_carousel:hover #next2 {
	opacity: 0.8;
}
#prev2 {
    background: url("images/left.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
}

#next2 {
    background: url("images/right.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 0 ;
}

.pager {
	float: left;
	width: 300px;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}
/***************xsmall***************/
@media (max-width: 767px) {
.titre_cdc a{
	font-size:17px !important;

}

}
/***************small***************/
@media screen and (min-width: 768px) and (max-width: 986px) {
	.titre_cdc a{
	font-size:21px !important;
}


}