#functions {
  padding: 1px 1px 1px 5px;
}

#content {
  width: 670px;
  margin-left: 0px;
  margin-top: 20px;
}

h5, .title {
  font-size: 12px;
  font-weight: bold;
  color: #f28f01;
  text-decoration: none;
  border-bottom: 1px solid #4C5866;
  clear: both;
}

h3 {
  font-size: 12px;
}

p, #history ul, ol {
  line-height: 1.5em;
  margin-bottom: 2em;
}

#history ul {
  list-style: square;
}

ol li {
  padding: 1.5em 0 1.5em;
  border-bottom: 1px dashed #4C5866;
}

fieldset {
  border: 0;
}

.info {
  list-style: none;
  float: left;
  padding: 0;
  margin: 0 20px 2em 0;
}

th {
  border-bottom: 1px solid #4C5866;
  font-weight: bold;
  text-align: left;
}

.right {
  text-align: right;
}

#functions a, .download {
  color: #7C8FA6;
  font-weight: bold;
  padding: 1px 4px 1px 4px;
}

#functions a:hover, .download:hover {
  text-decoration: none;
  color: #000000;
  background-color: #7C8FA6;
}

a.title:hover {
  text-decoration: none;
  color: #F1FFBA;
}

/* Là c pour la couleur des histogrammes horizontaux */
.graph {
  height: 10px;
  background-color: #999999;
}

.section {
  padding-bottom: 2em;
  margin: 1em 0 2em 25px;
  border-bottom: 1px dashed #4C5866;
}

.details {
  padding: 3px;
}

.additional {
  background-color: #CCCCCC;
  padding: 4px;
  margin: 4px 0 4px 0px;
  display: none;
}

.red {
  color: #D93636;
}

.blue {
  color: #608FBF;
}

.teal {
  color: #60BFA9;
}

.purple {
  color: #9B60BF;
}

.yellow {
  color: #E4E573;
}

.orange{
  color: #CC8029;
}

.green {
  color: #86E573;
}

.pink {
  color: #D96CB1;
}

.gray {
  color: #BFBFBF;
}

.light-blue {
  color: #79C2F2;
}

.dark-green {
  color: #59B365;
}

.brown {
  color: #BF8F60;
}

.observer {
  color: #FFFFFF;
}