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

#a1{position: relative;padding-top:35px;width:741px;margin:0 auto;}
#a1 img {border:0px;}
#a1 h1{font-size:17px;font-weight: normal;text-align:left;padding-top:28px;margin-top:0px;color:#ffffff;line-height:17px;padding-left:18px;}
#a1 h1 a{color:#ffffff;text-decoration:none;}
#a1 h1 b{font-size:36px;line-height:30px;font-weight: bold;}

#content h2 {text-transform:uppercase;padding: 6px 0px 0px 25px;margin: 0px 0px 0px 0px;font-size:12px;background:url(../images/a2-contentonglet.gif) no-repeat right;font-weight: bold;height:21px;}
#content p {font-size:10px;padding:10px 10px 5px 10px; margin:0px 0px 0px 0px;color:#666666;text-align: justify;}
* html #content p {height:1%;}
#news {border: #000000 solid 0px;padding:5px 0px;margin-top:0px;}
#news h2 {text-transform:uppercase; padding: 0px 0px 0px 0px;margin: 10px 0px 0px 10px;color:#ffffff;font-size:25px;font-weight: bold;height:50px;line-height:50px;}
#news h2 span{display:block;float:left;background:url(../images/a1-picto2.png) no-repeat;padding:0px;margin:0px;margin-right:5px;height:54px;width:62px;}

* html #news h2 span {
  background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/a1-picto2.png', sizingMethod='scale');
}


#news h4{color:#999999;font-size:10px;margin:10px 0px 0px 0px;padding:0px 0px 0px 10px;height:1%;}
#news p {font-size:10px;padding:10px 10px 5px 10px; margin:0px 0px 0px 0px;color:#ffffff;text-align: justify;height:1%;}
#news p img {float:left;padding:0px 5px 5px 0px;text-align: justify;}
#extra h2 {float:left;padding:15px 0px 0px 10px; margin:0px 0px 0px 0px;font-size: 13px;}
#extra p {float:left;padding:10px 0px 0px 10px; margin:0px 0px 0px 0px;}
#header{position:relative;height:143px;z-index:0;}
#header_logo {float:left;width:450px;height:100px;}
#header_illustr {background-image:url(../images/a1-logo2-001.png);position:absolute;right:-10px;top:-35px;height:103px;width:219px;}
#illustr_actu{border: #000000 0px solid;width:300px; height:153px;margin-bottom:3px;}
#header ul {float:left;margin:0px;padding:0px;padding-left: 300px;width:440px;list-style-type: none;}
#header li {
float:left;
margin: 0;
padding: 0;
margin-right: 3px;
background-image: url(../images/a1-btn-FFFF33.gif);
height:43px;
width: 105px;
text-align:center;
}
#header li a{
padding-top: 10px;
font-size:11px;
font-weight:bold;
color:#0000FF;
text-decoration:none;
line-height:12px;
display:block;
width: 105px;
float:left;
text-align:center;
}
#header li a:hover {text-decoration:underline;color:#0000FF;}
#wrapper{position: absolute;background: url(../images/a2-wrapperbg.gif) repeat-y #FFF; padding-top: 12px;padding-left:4px;padding-right: 3px;border:#000000 solid 0px;width:734px;}
#navigation{float:left;width:300px;padding-left: 10px;border: #000000 0px solid}
#content{float:right;width:424px; padding:0px 0px 0px 0px;background: url(../images/a2-contentbg.gif);margin-bottom:6px;border: #000000 0px solid}
#footer_content{background: url(../images/a2-contentbottombg.gif);height:13px;}
#header_content{background: url(../images/a2-contentheaderbg.gif);height:9px;line-height: 1px;font-size: 2px;}
#extra{float:left;clear:left;width:300px;background: url(../images/a2-extrabg.gif);height:130px;padding: 4px 0 2px 10px;}
#wrapper ul {margin:0px;padding:0px;}
#wrapper li {font-size: 10px;margin:0px 0px 5px 0px;padding:0px 0px 0px 6px;color:#666666;list-style-type:none;}
#content ul{padding-left:10px;padding-top:10px;}
#footer{clear:both;position:relative;width:740px;height:25px;background: url(../images/a1-footerbg.gif) no-repeat top;margin-left:-3px;}
#footer a{color:#000;text-decoration:none;font-size:10px;}
#footer a:hover{text-decoration:underline;}
#footer .copyrights{position:absolute;top:0px;left:384px;width:159px;padding-top:10px;line-height:12px;text-align:center;}
#footer .contact{position:absolute;top:0px;left:545px;width:136px;padding-top:10px;line-height:12px;text-align:center;}
#logo_codes_rousseau{position:absolute;top:10px;left:60px;width:198px;text-align:center;}
.imgleft{float:left; padding:0px 5px 5px 0px;}
.imgright{float:right; padding:0px 0px 5px 10px; }


/* coul1 */
#content h2{color: #0000FF;}
#content b{color: #0000FF;}
#header li.on a{color: #0000FF;}

#header{background:url(../images/a1-topbg2-0000FF.gif) no-repeat;}

#extra h2{color: #0000FF;}
#news{background: #0000FF;}
#illustr_actu{background: url(../images/a2-actubg-0000FF.png);}

/* coul2 */
#header li a{color: #FF00FF;}
#content a{color: #FF00FF;}
#footer a{color: #FF00FF;}
#footer .contact{color: #FF00FF;}
#content a{color: #FF00FF;}
#wrapper li{background: url(../images/t1-puce-0000FF.png) no-repeat 0px 5px;}

/* coul3 */		
#header li{background: url(../images/a1-btn-FF0000.gif);}




.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:#0000FF; }
.bgcolored2{background-color:#0000FF; color:#FFF;}
.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:#0000FF;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:#0000FF;}
.tableau tr.tableaulast td {border-bottom:1px solid #000;}


.cssform {border:0px solid #000;}
#a1 .cssform p{
width: 245px;
clear: left;
margin: 0;
padding: 3px 0 4px 5px;
margin-left:10px;
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: 240px;
}

.cssform textarea{
width: 240px;
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;
}

#header li a.liaLight{padding-top:15px;}