body {
  background: #fff !important;
}
.text-blanc {
  color: #fff !important;
}
.text-bleu {
  color: #003850 !important;
}
.losange {
  -webkit-clip-path: polygon(50% 2%, 98% 50%, 50% 98%, 2% 49%);
  clip-path: polygon(50% 2%, 98% 50%, 50% 98%, 2% 50%);
  background-size: cover;
  background-position: center center;
  text-align: center;
  display: table;
  color: #fff !important;
}
.losange h4 {
  color: #fff !important;
}
.bloc-losange a:hover {
  text-decoration: none;
}
.rectangle {
  background-color: #EE7800 !important;
  color: #fff !important;
  text-align: center;
  padding: 1em;
}
.bloc-rectangle a:hover h4 {
  color: #000 !important;
}
.losange-title {
  font-size: 1.5em;
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}
@media (max-width: 500px) {
  .bloc-losange {
    min-width: 200px !important;
  }
  .losange {
    width: 200px !important;
    height: 200px !important;
  }
}