body {
  margin: 0;
  padding: 0;
}
table {
  margin: auto;
  width: 80%;
  border: 10px solid transparent;
}
td {
  width: 20%;
  position: relative;
  border: 10px solid transparent;
}
td:after {
  content: '';
  display: block;
  margin-top: 100%;
}
td .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #CCC;
}
td .tuileRed {
  background-color: #d06f65;
}
td .tuileGreen {
  background-color: #86d065;
}
td .tuileBlue {
  background-color: #65a3d0;
}
.goal {
  position: absolute;
  top: 0;
  right: 1%;
  display: block;
  width: 9%;
  height: 9%;
}