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

form{margin:0px;padding:0px;}

#t3{width:735px;margin:0 auto; border:2px solid #FFF;border-bottom:1px solid #FFF;}
#t3 img {border:0px;}
#t3 h1{font-size:25px;font-weight:bold;text-align:right;color:#6633FF;}
#t3 h1 a{font-size:20px;font-weight:bold;text-align:right;color:#6633FF;text-decoration:none;}
#t3 h2 {display:inline;font-size:12px;padding:10px 0px 2px 0px;margin:0px 0px 5px 0px;border-bottom:2px solid #CCCCCC;color:#6633FF;}
#t3 h2 b{color:#666666;}
#t3 h4{color:#999999;font-size:12px;margin:10px 0px 0px 0px;padding:0px 0px 0px 6px;background:url(../images/t3-puce-6633FF.png) no-repeat 0px 5px;}
#t3 p {padding:10px 0px 5px 0px; margin:0px;color:#666666;}
#news p {border-bottom:2px solid #CCC;}
#header{position:relative;height:180px;z-index:0;border-bottom:1px solid #FFF;background-color: #6633FF;}
#header_head{height:5px;line-height:5px;font-size:2px;border-bottom:1px solid #FFF;}
#header_illustr{float:right;width:534px;height:174px;border-left:1px solid #FFF;background:url(../images/t3-001.jpg);position:relative;}
#header_logo{float:left;top:85px;left:0px;width:200px;height:81px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;position:relative;background:url(../images/t3-logo-FF3399.png);}
#header_logo p{padding:15px 0px 0px 0px;font-size:19px;text-align:center;font-weight:normal;color:#6633FF;}
#header_logo h1{bottom:0px;margin:0px;padding:0px;text-align:center;}

#navigation{float:left;width:170px;padding: 22px 15px 15px 15px;background:url(../images/t3-cbg-6633FF.png) repeat-x;}
#navigation h4{font-size:11px;}
#navigation p {padding:5px 0px 5px 0px;font-size:10px;}
#extra{float:left;clear:left;width:168px;padding: 5px 15px 0px 15px;margin-bottom:15px;background:#FF3399;}
#wrapper{background-color:#FFF;}
#picto{position:absolute;right:-50px;top:200px; width:107px; height:275px;background:url(../images/t3-002.png); }
#content{float:right;width:470px; padding:15px 50px 15px 0px;}
#wrapper ul {margin:0px;padding:0px;}
#wrapper li {margin:10px 0px 0px 0px;padding:0px 0px 0px 6px;color:#666666;list-style-type:none;background:url(../images/t3-puce-6633FF.png) no-repeat 0px 5px;}
#footer{clear:both;position:relative;width:100%;height:25px;border-bottom:1px solid #FFF;background:url(../images/t3-003.gif) repeat-y  #FFF;color:#FFF;background-color: #6633FF}
#footer a{color:#FFF;text-decoration:none;font-size:10px;}
#footer a:hover{text-decoration:underline;}
#footer .copyrights{position:absolute;top:0px;left:250px;width:259px;line-height:25px;text-align:right;}
#footer .contact{position:absolute;top:0px;right:10px;width:136px;line-height:25px;text-align:center;}
#logo_codes_rousseau{position:absolute;top:-7px;left:0px;width:198px;text-align:center;background-color:#FFF;height:32px;}
.imgleft{float:left; padding:0px 5px 5px 0px;}
ul#menu {margin:0px;margin-left:-15px;margin-right:-15px;padding:0px 0px 20px 0px;width:200px;list-style-type: none;}
ul#menu  li {margin: 0;padding: 0;height:23px;margin-bottom:1px;}
ul#menu li a{display:block;width:170px;padding-left:30px;font-size:10px;font-weight:bold;text-decoration:none;line-height:23px;text-align:left;background-color:#FFF;color:#6633FF;}
ul#menu li a:hover {text-decoration:underline;}
ul#menu li a:hover , ul#menu li.on a{color:#FFF;}
ul#menu li.on a{color:#FFF;background:#FF3399;}
ul#menu li a:hover {background:#FF3399;color:#FFF;}


* html #t3 p {height:1%;}
* html #header_logo {
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/t3-logo-CC0000.png', sizingMethod='scale');
}
#content a{color:#6633FF;}
* html #picto {
  background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/t3-002.png', sizingMethod='scale');
}


.cssform {border:0px solid #000;}
#t3 .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;
}