body {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
body{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:24px;margin-top:0px;color:#ffffff;line-height: 20px;padding-left:18px;width:470px;}
#a1 h1 a{text-decoration:none; color:#ffffff;}
#a1 h1 b{font-size:36px;font-weight: bold;}
#content h2 {padding: 6px 0px 0px 25px;margin: 0px 0px 0px 0px;font-size:12px;background:url(../images/a3-contentonglet.gif) no-repeat 2px 0px;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;}
#news {padding-top:0px;margin-top:0px;border: #ffffff solid 0px;}
#news h2 {text-align:center;padding: 0px 0px 0px 0px;margin: 10px 10px 0px 10px;color:#ffffff;font-size:25px;font-weight: normal;line-height:50px;}
#news h2 span{display:block;margin:0 auto;background:url(../images/a1-picto2.png) no-repeat;padding:0px;height:54px;width:62px;}
#news h4{color:#999999;font-size:10px;margin:10px 0px 0px 0px;padding:0px 0px 0px 10px;}
#news p {font-size:10px;padding:10px 10px 5px 10px; margin:0px 0px 0px 0px;color:#ffffff;text-align: justify;}
#test {position: absolute;bottom:24px;padding-top:0px;margin-top:0px;border: #000000 solid 0px;width:204px;height:120px;}
#test h2 {float:left;padding:0px 0px 0px 35px; margin:0px 0px 0px 0px;font-size: 11px;font-weight: normal;}
#test p {float:left;padding:6px 0px 0px 34px; margin:0px 0px 0px 0px;}
#header{position:relative;height:143px;z-index:0;}
#header_logo {float:left;width:300px;height:100px;}
#header_illustr {background-image:url(../images/a1-logo2-001.png);position:absolute;right:-10px;top:-35px;height:103px;width:219px;}
#illustr_actu{position:absolute;bottom: 24px;left: 4px;border: #000000 0px solid;width:160px; height:153px;}
#navigation ul {float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;padding-left: 0px;width:160px;list-style-type: none;border: #000000 solid 0px;}
#navigation li {float:left;margin: 0;padding: 0;margin-right: 3px;padding-left: 15px;height:43px;width: 105px;}
#navigation li a{padding-top: 10px;font-size:12px;font-weight:bold;text-decoration:none;line-height:12px;display:block;float:left;text-align:center;}
#navigation li a:hover {text-decoration:underline;}
#wrapper{position: absolute;background-color:#FFF;background: url(../images/a3-wrapperbg.gif) repeat-y bottom center; padding-top: 0px;padding-left:4px;padding-right: 3px;border:#000000 solid 0px;width:734px;}
#navigation{float:left;width:160px;padding-left: 0px;padding-top: 10px;border: #000000 0px solid;}
#content{float:left;width:370px; padding:0px 0px 0px 0px;background: url(../images/a3-contentbg.gif);margin-bottom:-1px;border: #000000 0px solid;}
#footer_content{background: url(../images/a3-contentbg.gif);height:13px;}
#header_content{background: url(../images/a3-contentheaderbg.gif);height:9px;line-height: 1px;font-size: 2px;}
#extra{float:right;clear:right;width:204px;padding: 0px 0px 0px 0px;border: #000000 0px solid;padding-bottom:130px;}
#content ul {margin:0px;padding:10px;}
#content li {font-size: 10px;margin:0px 0px 5px 0px;padding:0px 0px 0px 6px;color:#666666;list-style-type:none;}
#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;right:240px;width:310px;line-height:25px;text-align:center;}
#footer .contact{position:absolute;top:0px;right:33px;width:136px;line-height:25px;text-align:center;}
#logo_codes_rousseau{position:absolute;top:10px;left:0px;width:167px;text-align:center;}
.imgleft{float:left; padding:0px 5px 5px 0px;}
.imgright{float:right; padding:0px 0px 5px 10px; }


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


.cssform {border:0px solid #000;}
#a1 .cssform p{
width: 210px;
clear: left;
margin: 0;
padding: 3px 0 4px 5px;
margin-left:10px;
padding-left: 125px; 
border-top: 1px dashed gray;
height: 1%;
position:relative;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -125px; /*width of left column*/
width: 120px; /*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: 210px;
}

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


#content h2, #content b, #navigation li.on a, #test h2, #navigation li a:hover{color:#333399;}
#header{ background : url(../images/a1-topbg2-333399.gif) no-repeat;}
#extra, #news {background:#333399;}
#illustr_actu{ background : url(../images/a2-actubg-333399.png) no-repeat;}

#navigation li a, #content a, #footer a {color:#666699;}

#content li{ background : url(../images/t1-puce-333399.png) no-repeat 0px 5px;}
#navigation li{ background : url(../images/a1-btn-CC3333.gif) no-repeat 15px 0px;}
#test{ /* background : url(../images/a3-testbg-CC3333.gif); */

}

#navigation ul li a {width:105px;}


#a1{padding-top:0px;}
#a1 h1{padding-top:0px;}
#a1 h1 a{display:block;height:170px;}
#a1 h1 a span{display:none;}

#header{height:178px; background : url(../images/a1-topbg2-333399_2.gif) no-repeat;}
#header_illustr {top:0px;}