/* ========== principal ========== */

#my_div {
float:left;
margin:0;
padding:0;
width:680px;
position: relative;
display: block;
}

#my_div #content {
margin: 12px 0 0 0;
width: 680px;
color: #000000;
padding: 0;
position: relative;
float: left;
display: block;
}

/* ========== titre h1 ========== */

#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 22px;
line-height:22px;
font-weight: normal;
text-transform: normal;
color: #be0f34;
margin: 0;
padding: 0 0 20px 0;
float: left;
position: relative;
width: 680px;
display: block;
}

#content h1 sup {
font-size: 10px;
}

#content h1 span {
color: #363636;
}

/* ========== titre h2 ========== */

#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
line-height:22px;
font-weight: bold;
color: #be0f34;
margin: 0 0 15px 0;
padding: 0;
text-transform:uppercase;
}
#content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #be0f34;
margin: 0 0 15px 0;
padding: 0;
text-transform:uppercase;
}
#content .wrap {
	background:url(/upload/ContenuCreatif/206/IMAGE/backgris.gif) top right repeat-y;
	display: block;
	position: relative;
	float: left;
	margin: 40px 0 0 0;
	padding:0!important;
}
#content .wrapnone {
	display: block;
	position: relative;
	float: left;
	margin: 40px 0 0 0;
	padding:0!important;
	background:none!important;
}
#content .wrapgauche {
	background:url(/upload/ContenuCreatif/206/IMAGE/backgris.gif) top left repeat-y;
	display: block;
	position: relative;
	float: left;
	margin: 40px 0 0 0;
	padding:0!important;
	width:680px;
}
#content a {
	color:#be0f34!important;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}

#content .colgauche {float:left;position: relative;width:435px;margin:0 25px 0 0;}

#content .coldroite {float:right;position: relative;width:180px;color:#fff;background-color:#363632;margin: 0;padding:40px 20px 20px 20px;font-size:12px;line-height:14px;}

#content .colgauche.flip {float:left;position: relative;width:180px;color:#fff;background-color:#363632;margin: 0;padding:40px 20px 20px 20px;font-size:12px;line-height:14px;}

#content .coldroite.flip {float:right;position: relative;width:435px;margin:0 0 0 25px;background-color:transparent!important;padding:0!important;}

#content .coldroite.sans {float:right;position: relative;width:200px;color: #000000;background-color:transparent!important;padding:0 20px 20px 0;font-size:12px;line-height:14px;}

#content .coldroite a, #content .colgauche.flip a {
	color:#fff!important;
	text-decoration:underline;
}
#content .coldroite a:hover, #content .colgauche.flip a:hover {
	text-decoration:none;
}

#content .coldroite h2, #content .colgauche.flip h2 {
	color:#fff!important;
	margin:0  0 30px 0;
	text-transform:uppercase;
}

#content .coldroite.sans h2 {
	color:#be0f34!important;
	margin:0  0 10px 0;
}

#content .coldroite.sans h3 {
	color:#be0f34!important;
	font-size:12px;
}

#content .coldroite h3, #content .colgauche.flip h3 {
	color:#fff!important;
	font-size:12px;
	margin:0  0 10px 0;
	text-transform:uppercase;
}

#content .coldroite a {
	color:#000!important;
	text-decoration:underline;
}
#content .coldroite a:hover {
	text-decoration:none;
}
#content ol, #content ul {
	margin:0 0 20px 0;
}
#content ol li, #content ul li {
	padding:0 0 3px 0;
}