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

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

body {background: url(../images/o1-cbg.png) repeat-x 0px 199px #000;}
#o1 img {border:0px;}
#o1 h1 {float:left;font-size:18px;font-weight: normal;text-align:center;line-height:18px;padding-top:30px;padding-right:0px;margin-top:0px;color:#000;width:300px;}
#o1 h1 a{text-decoration:none;color:#000;}
#o1 h1 b{font-size:40px;line-height:40px;font-weight: bold;}
#o1 p {padding:10px 0px 5px 0px; margin:0px;color:#999999;}
#o1 p b {color:#FFFFFF;}
#o1 h2{display:block;font-weight: bold;font-size:12px;text-transform:uppercase;padding:0px;margin:0px;line-height:19px;}
#o1 .imgleft{float:left; padding:0px 5px 5px 0px;}
#o1 .imgright{float:right; padding:0px 0px 5px 5px;}
#o1 .imgcenter{margin:0 auto;padding:0px 5px 5px 5px;}
#o1 .noround{padding:0px;margin:0px;border:0px;}
#o1 #head{position:relative;width:100%;background-color:#FFF;padding:0px;}
#o1 #header p {position:absolute;left:100px;bottom:15px;width:300px;border:0px solid #000;font-weight:bold;}
#o1 #header{width:740px;margin:0 auto;position:relative;height:199px;z-index:0;}
#o1 .logo{display:block;position:absolute;width:287px;height:135px;left:0px;top:0px;}
#o1 #header_illustr{position:absolute;width:197px;height:199px;right:130px;background:url(../images/o1-illustr.png);}
#o1 ul {margin:0px;padding:0px;padding-left:15px;}
#o1 ul li {margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;color:#999999;list-style-type:circle;}
#wrapper{width:740px;margin:0 auto;border-top:1px solid #2e2c2c;}
#o1  ul.menu {width:100%;margin:0px;padding:0px;list-style-type: none;height:37px;}
#o1 ul.menu li {float:left;margin: 0;padding: 0;background-color:#FFF;margin-right:1px;list-style-type:none;}
#o1 ul.menu .lileft, #o1 ul.menu .liright{background:none;width:27px; height:27px;}
#o1 ul.menu li a {padding:0px 20px;font-size:10px;font-weight:bold;color:#FFF;text-decoration:none;line-height:27px;display:block;float:left;text-align:center;background-color:#666666;}
#o1 ul.menu li a:hover{background-color:#FF0000;}
#o1 ul.menu li.on a{background-color:#FF0000;}

#o1 #content{position:relative;float:left;width:485px; padding:10px 10px 15px 10px;background-color:#2E2C2C;margin-bottom:15px;}
#o1 .bloc{position:relative;padding:0px 10px;text-align:left;}
.headbloc{height:48px;width:96px;margin:auto;}
#o1 .bloc h2{text-align:center;}
* html #o1 .bloc{height:20px;}
#navigation, #extra{float:right;width:218px;padding:0px;text-align:center;padding-bottom:15px;margin:0px;}
#extra{clear:right;}
#o1 .corner{position:absolute;right:-1px;bottom:-1px;line-height:1px;font-size:1px; height:6px;width:6px;}
* html #o1 .corner{right:-2px;bottom:-2px;}
* html #o1 .bloc .corner{right:-1px;bottom:-2px;}
#o1 h4{font-size:11px;margin:10px 0px 0px 0px;padding:0px;}
#o1 #bottom {background:url(../images/o1-fbg.png) repeat-x;text-align:center;border-top:1px solid #2E2C2C;height:50px;}
#o1 #bottom a {color:#FFF;text-decoration:none;}
#o1 #extra p {text-align:center;}


#o1 h1 b, #o1 h2, #o1 #header p {color:#FF0000;}
#o1 #header {background:url(../images/o1-hbg-FF0000.png) repeat-x;}
#o1 ul.menu .lileft {background:url(../images/o1-ml-FF0000.png) no-repeat;}
#o1 ul.menu .liright {background:url(../images/o1-mr-FF0000.png) no-repeat;}
#o1 .bloc {background:url(../images/o1-loopbas-FF0000.gif) no-repeat center top #2E2C2C;}
.headbloc {background:url(../images/o1-loophaut-FF0000.png) no-repeat center top;}
#o1 .corner {background:url(../images/o1-bord-FF0000.gif);}
#o1 #content, #o1 .bloc { border:1px solid #FF0000;}

#o1 #header li.top a { border:1px solid #666666;}
#o1 h4{color:#666666;}

#o1 ul li b, #o1 #navigation a, #o1 #content a, #o1 .bloc h4 {color:#FFFF00;}




.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;}
#o1 .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_content,#footer_content{display:none;}
#content .bloc{background:none;border:none;}

#o1 h1 {display:none;}