/*
 * Awalé : remplissage des pastilles du banner des pages internes (trois
 * graines). La mise en page vient de banner.css partagé, sans animation.
 */
.deco-banner.graine {
  width: 22px;
  height: 18px;
  border-radius: 50% 50% 46% 46% / 60% 60% 40% 40%;
  background: #7a4b22;
  border: 1px solid #4a2c12;
}
.deco-banner.graine-claire { background: #d9a55f; border-color: #8a5a2b; }

@media (max-width: 480px) {
  .deco-banner.graine { width: 18px; height: 15px; }
}