body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
}
p{
text-align:justify;
}
#conteneur {
position: relative;
width: 750px;
margin: 0 auto; 
padding:0;
margin-top:8px;
}
#header {
height: 120px;
background-image:url('images/header.jpg');
padding:0;
margin:0;
}
#centre {
margin:0;
margin-left: 180px;
padding:0;
padding-left:20px;

	background-image: url(images/layout_tea.gif);

	background-repeat: no-repeat;

	background-position: right;

	background-position: top;
}
#gauche {
position: absolute;
left:0;
width: 180px;
margin:0;
padding:0;
background-color:#CCE6F3;
}
#pied {
height: 30px;
}

ul#menu{
background-color:white;
padding:0;
margin:0;
border-bottom: 1px solid #3F5BA1;
}
ul#menu li{
display:block;
padding-top:3px;
padding-bottom:3px;
padding-left:20px;
border-top: 1px solid #3F5BA1;
color: #666666;
background-image:url('images/arrow_grey_right.gif');
background-repeat:no-repeat;
background-position:20px;
}
ul#menu li.men-item-active{
background-image:url('images/arrow_blue_right.gif');
background-repeat:no-repeat;
background-position:20px;
}
ul#menu li.men-item-sub{
background-image:url('images/arrow_blue_down.gif');
}
ul#menu li.men-item-active a{
padding-left:13px;
color:#3F5BA1;
}
ul#menu li.men-item-main a{
padding-left:13px;
}

ul#menu li.sub-menu{
display:block;
padding-top:3px;
padding-bottom:3px;
padding-left:40px;
border-top: 1px solid #E2E7F1;
color: #666666;
background-image:url('images/arrow_grey_right.gif');
background-repeat:no-repeat;
background-position:40px;
}
ul#menu li.sub-menu-active{
background-image:url('images/arrow_blue_right.gif');
background-repeat:no-repeat;
background-position:top;
background-position:40px;
}
ul#menu li.sub-menu-active a{
padding-left:13px;
color:#3F5BA1;
}
ul#menu li.sub-menu-main a{
padding-left:13px;
}



    
    
    /* separate the list from surrounding elements */
ul.column
{
  margin: 0 0 0em 2em;
  padding: 0;
}

ul.column li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ul.column li
{
	position: relative;
}
/* horizontal position of each column */

ul.column li.column1 { margin-left: 20px; }
ul.column li.column2 { margin-left: 280px; }
/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

ul.column li.cored-wire
{
  margin-top: -13.2em;
}
ul.column li.equipment
{
  margin-top: -3.6em;
}

/* Form css design */

.cssform p{
clear: left;
margin: 0;
padding: 2px 0 2px 0;
padding-left: 100px; /*width of left column containing the label elements*/
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -90px; /*width of left column*/
width: 85px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}