body {
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:left;
}
form{margin:0px;padding:0px;}

#f3{width:740px;margin:0 auto}
#f3 img {border:0px;}
#f3 h1{font-size:20px;font-weight: normal;float:right;text-align:right;line-height:25px;padding-top:10px;padding-right:198px;margin-top:0px;}
#f3 h1 a{text-decoration:none;}
#f3 h1 b{font-size:25px;font-weight: bold;}

#f3 h2 {display:block;font-weight: bold;font-size:12px;text-transform:uppercase;padding:0px;margin:0px;line-height:19px;}
#f3 h4{font-size:11px;margin:10px 0px 0px 0px;padding:0px;}
#f3 h4 b{font-size:10px;font-weight:normal;}
#f3 p {padding:10px 0px 5px 0px; margin:0px;}
* html #f3 p {height:1%;}
#f3 .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;}

#header{position:relative;height:252px;z-index:0;}
#header_illustr{position:absolute;width:542px;height:206px;left:4px;bottom:4px;}

#header ul {position:absolute;right:0px;bottom:0px;margin:0px;padding:0px;list-style-type: none;}
#header li {float:left;clear:left;margin: 0;padding: 0;width:189px;}
#header li a{padding: 3px 19px; font-size:11px; font-weight:bold; text-decoration:none; line-height:28px; display:block; float:left; text-align:center; width:150px;}

#wrapper{padding-top:5px;}
#content{float:right;width:520px; padding:15px 10px 15px 0px;}
#content h2, #navigation h2,#extra h2{padding-left:30px;}
#content .bloc { padding:0px 10px 10px 10px; }

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

#wrapper ul {margin:0px;padding:0px;}
#wrapper li {margin:10px 0px 0px 0px;padding:0px 0px 0px 10px;list-style-type:none;}

#footer{clear:both;position:relative;width:680px;height:25px;padding:0px 30px;}
#footer .bloc { float:right;padding:5px 10px 6px 10px; margin-top:20px;width:478px;}
#footer a{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;}
.imgright{float:right; padding:0px 0px 5px 5px;}
.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;line-height:0px;height:0px;}
.heightP2{font-size: 14px; }
.heightP3{font-size: 17px; }
.tableau {width:100%;text-align:center;text-transform:uppercase;}
.tableau th { padding:2px;}
.tableau td {border:1px solid #000;padding:2px;border-left:0px;border-bottom:0;}
.tableau td.tableau_y, .tableau tr.tableaulast td.tableau_y {border:0;}



.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;
}

/* COULEUR 1 */
#f3 h1 b, #f3 h2, #f3 h2 b, #header li a:hover, #header li.on a, #footer a{color:#CC0000;}
#content .bloc,#navigation .bloc, #extra .bloc, #footer .bloc { border:1px solid #CC0000;}
#header{background:url(../images/f3-topbg-CC0000.gif) repeat-x;}
#header li a:hover,#header li.on a  {background:url(../images/f1-puce-CC0000.png) no-repeat 0px 0px;}
#content h2, #navigation h2,#extra h2{background:url(../images/f1-cube-CC0000.png) no-repeat left bottom;}
#footer{background:url(../images/f1-cube-CC0000.png) no-repeat 710px 0px;}
#wrapper li {background:url(../images/f1-lipuce-CC0000.png) no-repeat 0px 5px;}


/* COULEUR 2 */
#f3 h1, #f3 h1 a, #f3 h4, #f3 p b, #content a, #header li a, #wrapper li, #wrapper ul li b {color:#999999;}
body {background: url(../images/f1-bg-999999.png) repeat-x #000;}
#header li a{border-left:1px solid #999999;border-right:1px solid #999999;border-bottom:1px solid #999999;}
#header li.top a{border:1px solid #999999;}
#content .bloc, #navigation .bloc  {background: url(../images/f1-cbg-999999.png) repeat-x #FFF;}

/* COULEUR 3 */
#header_illustr{background:url(../images/f1-img-333333-4.png);}
* html #header_illustr {  background-image:none;	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/f1-img-333333-4.png', sizingMethod='scale'); }
#extra .bloc {background:#333333;}

/* COULEUR X */
#f3 p {color:#666666;}
#news p {border-bottom:2px solid #CCC;}
#header li {background-color:#FFF;}
.colored{color:#CC0000; }
.colored2{color:#ff9900; }
.bgcolored2{background-color:#ff9900; }
.separateur{clear:both;border:0px;color:#FFF;line-height:0px;height:0px;}
.tableau td {color:#cc0000;}
.tableau td.tableau_y, .tableau tr.tableaulast td.tableau_y {border-right:1px solid #000;color:#000;}
.tableau td.tableau_on {color:#FFF;background-color:#CC0000;}
.tableau tr.tableaulast td {border-bottom:1px solid #000;}
.cssform {border:0px solid #000;}