body {
    background: white;
}

table {
    width: 95%;
    border: 2px solid #000000;
    border-collapse: collapse;
    padding: 6%; 
}

th {
    text-align: center; 
    border: 2px solid #000000;
    border-collapse: collapse;
}

tr, td {
    text-align: center; 
    border: 1px solid #000000;
    border-collapse: collapse;
}

#menu {
    font-size: 120%;
    overflow: hidden;
    text-align: center;
}
/* http://vclever.com/blog/how-to-style-a-heading-with-horizontal-lines-either-side-using-css/ */
#menu:before,
#menu:after {
 background-color: #333;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}
#menu:before {
 right: 0.5em;
 margin-left: -50%;
}
#menu:after {
 left: 0.5em;
 margin-right: -50%;
}

ul {
  list-style-type: none;
}

ul > li:before {
  content: "–";
  position: absolute;
  margin-left: -1.1em; 
}

/* Ou bien borders? https://www.w3schools.com/css/css_border.asp */
div#footer:before {
    width:100%; height:2px; display: inline-block; background: #000; content:"";
}