/* Déco du banner partagé des pages internes : trois pièces de puzzle en aplat.
   Forme non ronde : sélecteur .deco-banner.piece-deco (banner.css partagé arrondit sinon). */
.piece-deco {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  position: relative;
  margin: 0 6px;
  vertical-align: middle;
}
.piece-deco::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: inherit;
  right: -5px;
  top: 5px;
}
.piece-deco-1 { background: #14b8a6; }
.piece-deco-2 { background: #fbbf24; }
.piece-deco-3 { background: #f472b6; }