/*
 * Gomoku : remplissage des pastilles du banner des pages internes (pierre
 * noire, blanche, noire). La mise en page vient de banner.css partagé, sans
 * animation.
 */
.deco-banner.pierre-noire, .deco-banner.pierre-blanche {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.deco-banner.pierre-noire { background: #1b1b1b; border: 1px solid #7d7d7d; }
.deco-banner.pierre-blanche { background: #f1f1f1; border: 1px solid #a8a8a8; }

@media (max-width: 480px) {
  .deco-banner.pierre-noire, .deco-banner.pierre-blanche { width: 18px; height: 18px; }
}