body { margin: 0; font-family: sans-serif; background: white; font-size: 16px; }
p.info { text-align: center; color: blue; }
p.doc { text-align: justify; padding-left: 60px; padding-right: 60px; }
.header-banner { display: flex; width: 100%; }
.left-banner img { display: block; }
.right-banner { flex-grow: 1; background-image: url('droite.gif'); background-repeat: repeat-x; background-position: top left; background-size: auto; }
.top-line { height: 18px; background: black; margin-top: 3px; }
main { padding: 30px 20px; display: flex; justify-content: center; }

#stats-container { width: 100%; max-width: 900px; }
.stats-table { width: 100%; border-collapse: collapse; font-size: 16px; }
.stats-table th, .stats-table td { padding: 3px 0px; }
.stats-table th { border-bottom: 2px solid #bbb; background: #ffffff; }
.stats-table tbody tr:last-child td { border-top: 2px solid #bbb; }

.stats-table th:first-child,
.stats-table td:first-child {
  text-align: left;
}

.stats-table th:nth-child(2),
.stats-table td:nth-child(2),
.stats-table th:nth-child(3),
.stats-table td:nth-child(3),
.stats-table th:nth-child(4),
.stats-table td:nth-child(4),
.stats-table th:nth-child(5),
.stats-table td:nth-child(5) {
  text-align: right;
}

.bottom-line { height: 18px; background: black; color: white; font-size: 14px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; margin-top: auto; }
.bottom-left { padding-left: 5px; }
.bottom-right { padding-right: 5px; }