/*****************************************************style slide*********************************************/
#wrapper {
	margin: 0px auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	margin:0px !important;
	padding:0px !important;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

#content #promowrapper {
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
}

#content #promobanner {
	background: url(../gifs/encart-recette-2.jpg) no-repeat 0 bottom;
	display: inline;
	float: left;
	width:561px;
	height: 153px;
	position: relative;
}

#content #promobanner #crop {
	position: relative; 
	width: 508px;
	height: 135px;
	overflow: hidden;
	margin: 0 auto;
}

#content #promobanner #widearea {
    position: absolute;
	width:20000em; 
	height: 135px;
}

#content #promobanner .slide {
	display: inline;
	float: left;	
	width: 557px;
	height: 135px;
	margin: 0px;
	position: relative;
}

#content #promobanner .slide a{
	color:#C00;
	padding-left:5px;
	font-weight:bold;
	margin:0px;
	vertical-align:middle;
}

#content #promobanner .slide a.hover{
	color:#C00;
	padding-left:5px;
	font-weight:bold;
	margin:0px;
	vertical-align:middle;
}

#promobanner a#backbtn, #promobanner a#nextbtn {
	display: block;
	cursor: pointer;
	padding-top: 31px;
	width: 31px;
	height: 0px;
	outline: none;
	overflow: hidden;
	position: absolute;
	top: 49px;
}

#promobanner a#backbtn {
	background: url(../gifs/btn-back.jpg) no-repeat 0 0;
	left: 8px;
}

#promobanner a#nextbtn {
	background: url(../gifs/btn-go.jpg) no-repeat 100% 0;
	left: 518px;
}


.recette{
	background: #FFF;
	width:155px;
	height:117px;
	float:left;
	margin-top:10px;
	margin-right:6px;
	margin-left:6px;
}