body {
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:left;
	background: url(../images/f1-bg-CC6666.png) repeat-x #FFF;
}
form{margin:0px;padding:0px;}

#f1{width:740px;margin:0 auto}
#f1 img {border:0px;}
#f1 h1{font-size:20px;font-weight: normal;text-align:left;line-height:25px;padding-top:10px;padding-left:200px;margin-top:0px;color:#CC6666;width:400px;}
#f1 h1 a{color:#CC6666;text-decoration:none;}
#f1 h1 b{font-size:25px;font-weight: bold;color:#993333;}
#f1 h2 {display:block;font-weight: bold;font-size:12px;text-transform:uppercase;padding:0px;margin:0px;color:#993333;line-height:19px;}
#f1 h2 b{color:#993333;}
#f1 h4{color:#CC6666;font-size:11px;margin:10px 0px 0px 0px;padding:0px;}
#f1 h4 b{font-size:10px;font-weight:normal;}
#f1 p {padding:10px 0px 5px 0px; margin:0px;color:#666666;}
* html #f1 p {height:1%;}
#f1 p b {color:#CC6666;}
#news p {border-bottom:2px solid #CCC;}

#header{position:relative;background:url(../images/f1-topbg-993333.gif) repeat-x;height:252px;z-index:0;}
#header_illustr{position:absolute;width:542px;height:205px; background:url(../images/f1-img-333333-4png.jpg); right:4px;bottom:4px;}

#header ul {position:absolute;left:0px;bottom:0px;margin:0px;padding:0px;list-style-type: none;}
#header li {
float:left;
clear:left;
margin: 0;
padding: 0;
width:189px;
background-color:#FFF;
}
#header li a{
padding: 3px 19px;
border-left:1px solid #CC6666;
border-right:1px solid #CC6666;
border-bottom:1px solid #CC6666;
font-size:11px;
font-weight:bold;
color:#CC6666;
text-decoration:none;
line-height:28px;
display:block;
float:left;
text-align:center;
width:150px;
}
#header li.top a{
border:1px solid #CC6666;
}
#header li a:hover,#header li.on a  {
background:url(../images/f1-puce-993333.png) no-repeat 0px 0px;
color:#993333;
}
#header li.on a{}

#wrapper{padding-top:5px;}
#content{float:left;width:520px; padding:15px 0px 15px 10px;}
#content a{color:#CC6666}
#content h2, #navigation h2,#extra h2{background:url(../images/f1-cube-993333.png) no-repeat left bottom;padding-left:30px;}
#content .bloc { border:1px solid #993333;padding:0px 10px 10px 10px; }
#content .bloc, #navigation .bloc  {background: url(../images/f1-cbg-CC6666.png) repeat-x #FFF;}

#navigation{float:right;width:178px;padding: 15px 10px 15px 0px;}
#extra{float:right;width:178px;padding: 15px 10px 15px 0px;margin-bottom:15px;}
#navigation .bloc, #extra .bloc{ border:1px solid #993333;padding:0px 10px 10px 10px; margin-left:20px;}
#extra .bloc {background:#993333;}
#extra .bloc p{text-align:center;}

#wrapper ul {margin:0px;padding:0px;}
#wrapper li {margin:10px 0px 0px 0px;padding:0px 0px 0px 10px;color:#666666;list-style-type:none;background:url(../images/f1-lipuce-CC6666.png) no-repeat 0px 5px;}
#wrapper ul li b{color:#CC6666;}

#footer{clear:both;position:relative;width:680px;height:25px;background:url(../images/f1-cube-993333.png) no-repeat 710px 0px;padding:0px 30px;}
#footer .bloc { float:right;border:1px solid #993333;padding:5px 10px 6px 10px; margin-top:20px;}
#footer a{color:#993333;text-decoration:none;font-size:10px;}
#footer a:hover{text-decoration:underline;}
#logo_codes_rousseau{float:left;padding-top:19px;width:198px;text-align:center;}
.imgleft{float:left; padding:0px 5px 5px 0px;}
.copyrights{padding-right:50px;}

.ta_center{text-align:center;}
.ta_left{text-align:left;}
.ta_right{text-align:right;}
.div50pl{width:50%;float:left;}
.div50pc{width:50%;margin:auto;}
.separateur{clear:both;border:0px;color:#FFF;line-height:0px;height:0px;}
.heightP2{font-size: 14px; }
.heightP3{font-size: 17px; }
.colored{color:#CC0000; }
.colored2{color:#ff9900; }
.bgcolored2{background-color:#ff9900; }
.tableau {width:100%;text-align:center;text-transform:uppercase;}
.tableau th { padding:2px;}
.tableau td {border:1px solid #000;padding:2px;border-left:0px;color:#cc0000;border-bottom:0;}
.tableau td.tableau_y, .tableau tr.tableaulast td.tableau_y {border:0;border-right:1px solid #000;color:#000;}
.tableau td.tableau_on {color:#FFF;background-color:#ff9900;}
.tableau tr.tableaulast td {border-bottom:1px solid #000;}


.cssform {border:0px solid #000;}
#f1 .cssform p{
width: 255px;
clear: left;
margin: 0;
padding: 3px 0 4px 0;
padding-left: 155px; 
border-top: 1px dashed gray;
height: 1%;
position:relative;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}