/* Police et couleurs de base */
body {
  font-family: 'Noto sans', 'Arial', 'Verdana';
  font-size: 18px;
  color: #333;
  background-color: #f5f5f5;
  margin-left:10%;
  margin-right:10%;
  margin-top:30px;
  margin-bottom:25px;
}

/* En-tête */
header {
  background-color: #0077b6;
  color: #fff;
  padding: 20px;
  text-align: center;
  margin-bottom:25px;
}

h1 {
  margin: 0;
}

/* Navigation */
nav {
  background-color: #f2f2f2;
  padding: 10px;
  text-align: center;
}

nav a {
  color: #333;
  text-decoration: none;
  padding: 10px;
  margin: 5px;
}

nav a:hover {
  background-color: #0077b6;
  color: #fff;
}

/* Contenu principal */
main {
  padding: 20px;
}

section {
  margin-bottom: 40px;
}

h2, h3 {
  color: #71717B;
}

table
   {width:100%;
   margin-top:1em;
   margin-bottom:1em}
  
table+h1
   {border-top:none}
   
tr td,tr th
   {padding:0.2em 0.7em}
   
tr.header
   {border-top:1px solid #222;
   border-bottom:1px solid #222;
   font-weight:700}
   
tr.odd
   {background-color:#eee}
   
tr.even
   {background-color:#ccc}
   
tbody:last-child
   {border-bottom:1px solid #222}
   
dt
   {font-weight:700}
   
dt:after
   {font-weight:normal;content:":"}
   
dd
  {margin-bottom:10px}
  
/* Pied de page */
footer {
  position:absolute; 
  bottom:0; 
  margin-top:20px;
  padding: 10px;
  font-size: 14px;
  text-align: center;
}

div.footnotes-area {
  font-size: 10px;
}