body {
  padding-bottom: 2em;
  /* background-image: url('./mosaic-upscaled.png'); */
}
.header {
  text-align: center;
  background-color: pink;
  margin: 10px;
  padding: 5px;
}

.nav {
  background: gray;
  margin: 10px;
  padding: 5px;
  display: flex;
  justify-content: center;
}
.nav > div {
  margin: 0 10px;
}
.nav > div > a {
  font-size: 110%;
}
.nav > div > img {
  width: 10px;
}

table {
  width: 100%;
}

.content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin: 10px;
  padding: 5px;
}
.content > a {
  text-align: center;
  width: 100%;
}
.ortener:hover > p:after {
  content: ' le site peut prendre du temps a charger car le service nodejs doit demarrer';
  background-color: yellow;
} 
.content > a > p {
  margin: 0;
}
.content > a > img {
  height: 15em;
}
.pilar * {
  margin: 10px;
}
.pilar > img {
  float: left;
  height: 15em;
}

.aside {
  background: orange;
  width: 20%;
}
.aside > h4 {
  margin: 10px;
}

.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  text-align: center;
}
.footer > div > p {
  background: black;
  color: white;
  margin: auto;
  padding: 5px;
  width: 20em;
}
