#content {
  position:absolute;
  width:100%;
  left:0px;
  background-color:#FFFFFF
}

#scroll {
  position:absolute;
  top:-21px;
  left:729px;
  width:300px;
  overflow:auto;
  padding-left:0.5em;
  padding-right:0.5em;
  padding-bottom:0.5em;
}

#scroll div {
  padding:0.5em;
  border:solid 1px #FFFFFF;

}

#scroll div p span {
  /* Les noms */
  display:block;
  margin:0;
  color:#FFFFFF;
}

#scroll > div {
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  margin-top : 0.2em; 
  margin-bottom : 0.2em;
  font-color:#FFFFFF;
  border:solid 1px #FFFFFF;
}

#scroll p {
  font-size:0.8em;
  color:#FFFFFF;
}

#scroll p.petit {
  font-size:0.7em;
  color:#FFFFFF;
}

#scroll p a:link    { color : #FFFFFF; text-decoration : underline; font-weight:normal} 
#scroll p a:visited { color : #FFFFFF; text-decoration : underline; font-weight:normal} 
#scroll p a:hover   { color : #C0E7F1; text-decoration : underline; font-weight:normal} 

#scroll h1 {
  font-size:1em;
  color:#FFFFFF;
}

#scroll h2 {
  font-size:0.9em;
  color:#77D5EE
}
#scroll h3 {
  font-size:0.8em;
  color:#BDDAE8
}
#scroll h4 {
  font-size:0.8em;
  color:#6FABBA
}

#scroll hr {
	background-color:#FFFFFF;
	height: 1px;
	border: 0;
	}
#scroll ul        { 
	list-style-position : inside;
	font-size:0.8em;
	color: #FFFFFF;
	list-style-type:square; 
	margin-top :0.5em;
	margin-bottom :0.5em}     
	
#scroll ul a:link    { color : #FFFFFF; text-decoration : none; font-weight:normal} 
#scroll ul a:visited { color : #FFFFFF; text-decoration : none; font-weight:normal} 
#scroll ul a:hover   { color : #FFFFFF; text-decoration : none; font-weight:bold}