body
{
    background: url(../img/haltere.jpg)  /* Permet de mettre une photo en fond d'écran */
        no-repeat center;                       /* Centre l'image */
    background-size: cover;                     /* Agrandi au maximum l'image en gardant ses dimensions */
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu a 
{
  padding: 50px;
  margin-bottom: 5%;
  background-color: #D5D6DF;
  color: #283E44;
  box-shadow: 1px 1px 12px #555;
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
  margin: 5% 5% 5% 5%;
}

.menu a:hover
{
  background-color: #C0392B;
  color: white;
}

#active 
{
  background-color: #C0392B;
  color: white;
}
.menu
{
    flex-grow: 1;
}
.row 
{
    display: flex;
    flex-wrap: wrap;
}

html {
  font-family: "Lucida Sans", sans-serif;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}
::selection
{
    background-color: #283E44;
    color: white;
}