@import url("styles.css");

#bandeau2 {
	height:229px;
	background-color: #7EB114;
}

#bd2left {
	float:left;
	width:350px;
}

#bd2right {
	line-height:12px;font-size:11px; margin:0px 10px 0px 0px;
	height:168px;color:#ffffff;text-align:justify;
	-overflow:hidden;-height:178px; /* IE6 */
}

#bd2right b {
	font-size: 1.5em;
	line-height:13px;
	font-weight:bold;
}

#promoh {
	width:390px;float:right;
	background-position: right bottom; height:229px;
	background-repeat: no-repeat;
	background-image: url(promo_TOP.png);overflow:auto;
}
#promob {
	width:350px;float:right;
	background-image:url(promo_BO.png);height:158px;
	background-repeat:no-repeat;
	background-position:right;
}
#promobtxt {
	width:37%;font-size:9px;float:left;color:#ffcc00;text-align:justify;line-height: 11px ;padding:5px 0px 0px 8px;
}

#bandeau3 {
	height:220px;
	background: url('bg_red.gif') repeat-x #870001;
}

#bandeau4 {
	height:245px;
	background: url('bg_main.gif') repeat-x #FCFCFC;
}

#cat1, #cat2 {
	width:390px;
	float:left;
	margin-left:10px;
}
#cat1, #cat1 a {
	color:white;
}
#cat2, #cat2 a {
	color:#424461;
}
#cat1 a:hover, #cat2 a:hover {
	text-decoration:none;
}
#cat11, #cat21 {
	float:left;
	width:50%;
}
#cat12, #cat22 {
	float:right;
	width:50%;
}

#edito {
	float:right;
	width:40%;
    text-align: left;
	background: url(redCurve.png) 0 0 no-repeat;
	margin:15px 8px 0px 0px; 
	padding: 0px 0px 0px 0px;
}
#editoimg {
	float:right;width:75px;height:90px;margin: 0px 0px 20px 15px;
}
#editotxt {
	margin:0px 5px 0px 0px;
	color:#000000;text-align:justify;
	line-height:14px;
}
#editotxt h2 {
	margin:0px 0px 7px 0px;
	font-size: 1.5em;
	padding:0;
}

.curve { 
	float: left;
	display: block;
	height: 16px;
	clear: left;
   }
   #curve1 { width: 70px; }
   #curve2 { width: 70px; }
   #curve3 { width: 70px; }
   #curve4 { width: 50px; }
   #curve5 { width: 00px; }