/* Pied de bloc « Nos engagements de service » : six pictogrammes en tuiles teintées,
   filet de couleur en haut, couleur par position (suite de la charte). Partagé par toutes les pages. */
.r-socle__points { gap: .75rem; }
.r-socle__points > li {
  display: grid; justify-items: center; align-content: center; text-align: center; gap: .75rem;
  padding: 1.25rem;
  border-radius: 1rem; border-top: 3px solid var(--arc, var(--arc-1));
  background: var(--lavis, var(--lavis-1));
}
.r-socle__points > li:nth-child(5n + 1) { --arc: var(--arc-1); --lavis: var(--lavis-1); }
.r-socle__points > li:nth-child(5n + 2) { --arc: var(--arc-2); --lavis: var(--lavis-2); }
.r-socle__points > li:nth-child(5n + 3) { --arc: var(--arc-3); --lavis: var(--lavis-3); }
.r-socle__points > li:nth-child(5n + 4) { --arc: var(--arc-4); --lavis: var(--lavis-4); }
.r-socle__points > li:nth-child(5n + 5) { --arc: var(--arc-5); --lavis: var(--lavis-5); }
.r-socle__points > li .icon { width: 56px; height: 56px; color: var(--arc-1); }
.r-socle__points > li:nth-child(4n + 2) .icon { color: var(--encre-2); }
.r-socle__points > li:nth-child(4n + 3) .icon { color: var(--encre-3); }
.r-socle__points > li:nth-child(4n + 4) .icon { color: var(--encre-4); }