/* the bit that does the work */
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#ffffff; 
  font-family: Arial, Helvetica;
  font-size: 11px;
  color: #828081;
  /*overflow: hidden; */
}

#content { 	
  position:absolute;
  height:250px; 
  width:840px;
  margin:-125px 0px 0px -420px;
  top: 50%; 
  left: 663px;
  text-align: left;
  padding: 0px;
  background-color:#ffffff;
  border: 0px dotted #000000;
  /*overflow: auto;*/
}

#gauche{
width:170px;
height:250px;
float:left;
border:0px dotted #828081;
border-right:1px solid #e6e6e6;
}

#droite{
margin-left:190px;
width:642px;
border:0px dotted #828081;
}

#title{
background-color:#ed1c24;
color:#ffffff;
font-weight:bold;
padding:5px;
text-transform:uppercase;
}

#col1{
float:left;
width:310px;
text-align:left;
vertical-align:text-top;
}

#col2{
float:left;
margin-left:20px;
width:310px;
text-align:left;
vertical-align:text-top;
}

h1{
font-family: Arial, Helvetica;
font-size: 11px;
color: #cccccc;
margin-bottom:0px;
font-weight:bold;
}

h2{
font-family: Arial, Helvetica;
font-size: 11px;
color: #000000;
}

#content a, a:link, a:visited, a:active{
color: #ed1c24;
text-decoration:none;
}

#content a:hover, a:visited:hover{
color: #ed1c24;
text-decoration:line-through;
}

.red{
color:#ed1c24;
}

.hrdashed	{
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
padding:0px;
display:block;
border-bottom: 1px solid #e6e6e6;
}