/*
 * This is a simple style sheet for the Engarde HTML overall ranking output.
 */

body {
  background-color : #fff;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100.1%;
}

/*
 * This is a general list table that can be used for all the output
 * apart from the poules and DE tableaux
 */

table.liste {
  font-size: 100%;
  color: #000;
  background-color: #fff;
  border-collapse: collapse;
  border: 2px solid #000;
}

/* This is the row for the header and footer */

table.liste th {
  color: #4682b4;
  background-color: #ffefd5;
  border: 1px solid #2f4f4f;
  padding: 2px 0.5em;
}

/* Border style for the table data cells */
table.liste td {
  border: 1px solid #2f4f4f;
  padding: 2px 0.5em;
}

/* Auxiliary styles for colour and alignment */

.dernier1 {
  background-color: #ffd700;
  color: #000;
}

.dernier2 {
  background-color: #c0c0c0;
  color: #000;
}

.dernier3 {
  background-color: #b8860b;
  color: #000;
}

.dernier4 {
  background-color: #b8860b;
  color: #000;
}

.dernier8 {
  background-color: #cfc;
  color: #000;
}

.dernier16 {
  background-color: #fffacd;
  color: #000;
}

.dernier32 {
  background-color: #ffc0cb;
  color: #000;
}

.dernier64 {
  background-color: #b8d9dc;
  color: #000;
}

.pair {
  background-color: #eee;
  color: #000;
}

.impair {
  background-color: #fff;
  color: #000;
}

/* Alignment for numbers */
.nombre {
  text-align: right;
}

.centre {
  text-align: center;
}

/*
 * Styles for poule table output
 */

table.poule {
  font-size: 90%;
  color: #000;
  background-color: #fff;
  border-collapse: collapse;
  border: 2px solid #000;
}

table.poule th {
  color: #4682b4;
  background-color: #ffefd5;
  border: 1px solid #2f4f4f;
  padding: 2px 0.5em;
}

/* Border style for the table data cells */

table.poule td {
  border: 1px solid #2f4f4f;
  padding: 2px 0.5em;
}

/* The diagonal box in the poule table */

.inutilise {
  background-color: #bbb;
  color: #000;
}

/*
 * Tableau styles
 */

table.tableau {
  font-size: 90%;
  color: #000;
  background-color: #fff;
  border: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  empty-cells: show;
}

/* Styles to build the diagram */

.ligne {
  border-right: solid #000 1px;
  margin: 0;
}

.boite {
  border: solid #000 1px;
  margin: 0;
}