#dernieresRealisations,
.dernieresRealisations {
	background-image : url(../images/carousel-fond.gif);
	background-repeat : repeat-x;

	width: 664px;
	height: 161px;

	padding-top : 20px;
	padding-left : 55px;
	padding-right : 60px;
}

.stepcarousel {
	position: relative; /*leave this value alone*/

	overflow: scroll; /*leave this value alone*/
	width: 664px;
	height: 161px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin: 15px;*/ /*margin around each panel*/
	width: 159px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	
	/*padding-right : 60px;*/
	padding-right : 9px;

	height : 161px;
}

.stepcarousel .dernierPanel {
	padding-right : 0;
}

.stepcarousel .panel .miniature {
	background-image : url(../images/carousel-miniature-fond.png);
	width : 150px;
	height : 100px;

	padding : 2px 1px 10px 8px;
}

* html .stepcarousel .panel .miniature {
	background-image : none;
}

* html .stepcarousel .panel .miniature img {
	border : 1px solid #fff;
}

.stepcarousel .panel .miniature img {
	border : 0;
}

.stepcarousel .panel .titre {
	padding-left : 8px;
	padding-right : 4px;

	font-size : 11px;
	font-weight : bold;
}

.stepcarousel .panel .titre a {
	color : #866c64;
}