/* Pictogramme en alvéole, à placer dans le texte des pages (même rendu que dans le bandeau et les badges) :
   <span class="picto-hexa" style="--picto:url(/images/icone_03.svg)" aria-hidden="true"></span> */
.picto-hexa{display:inline-block;position:relative;width:26px;height:26px;vertical-align:-7px;margin-right:6px;
  background:var(--hexa-bord);clip-path:polygon(50% 2.1%,92.6% 26.1%,92.6% 73.9%,50% 97.9%,7.4% 73.9%,7.4% 26.1%)}
.picto-hexa::before{content:"";position:absolute;inset:0;background:var(--hexa-fond);
  clip-path:polygon(50% 7.9%,87.4% 28.9%,87.4% 71.1%,50% 92.1%,12.6% 71.1%,12.6% 28.9%)}
.picto-hexa::after{content:"";position:absolute;inset:25%;background:var(--picto) center/contain no-repeat}
@media (max-width:640px){.picto-hexa{width:32px;height:32px;vertical-align:-10px}}