/* Pied de page commun de la branche multi-services (Design Master, composants/pied-multiservices, mission #222).
   Copié tel quel dans chaque site : ne pas le modifier dans un site, le faire évoluer ici (nouveau nom de fichier). */
.pms { margin: 0; border-top: 6px solid #209808; background: #000; color: #fff; font-family: "Open Sans", system-ui, sans-serif; font-size: 15px; line-height: 1.6; }
.pms *, .pms *::before, .pms *::after { box-sizing: border-box; }
/* Protège le pied des règles générales des sites (nav en flex, listes, images animées…) */
.pms .pms-marque, .pms .pms-col, .pms ul, .pms li, .pms p { display: block; position: static; float: none; transform: none; opacity: 1; width: auto; height: auto; min-height: 0; max-height: none; }
.pms .pms-enveloppe { max-width: 1160px; margin: 0 auto; padding: 44px 16px 28px; display: grid; gap: 28px; grid-template-columns: 1fr; }
/* Le logo garde sa taille de référence (52 px) : sur une ligne entière jusqu'à 1159 px, où les logos longs
   (Bethel Prestations, 401 px) ne tiennent pas dans une colonne ; variante compacte sur téléphone (<picture>). */
@media (min-width: 800px) { .pms .pms-enveloppe { grid-template-columns: 1fr 1fr; gap: 40px; } .pms .pms-marque { grid-column: 1 / -1; } }
@media (min-width: 1160px) { .pms .pms-enveloppe { grid-template-columns: 1.2fr 1fr 1fr; } .pms .pms-marque { grid-column: auto; } }
.pms picture { display: block; }
.pms-marque img { display: block; max-width: 100%; height: auto; margin: 0 0 12px; } /* taille : attributs width et height, norme des logos (DESIGN.md § 3) */
.pms p { margin: 0 0 6px; color: #e0e0e0; }
.pms-titre { margin: 0 0 10px !important; color: #fff !important; font-family: "Montserrat", system-ui, sans-serif; font-weight: 700; font-size: 15px; }
.pms ul { margin: 0; padding: 0; list-style: none; }
.pms li { margin: 0 0 6px; color: #e0e0e0; }
.pms li span { color: #bdbdbd; }
.pms a { color: #fff; text-decoration: underline; text-underline-offset: 3px; display: inline-block; min-height: 32px; padding: 3px 0; }
.pms a:hover { color: #c8f5bd; }
.pms a:focus-visible { outline: 3px solid #209808; outline-offset: 3px; border-radius: 2px; }
.pms .pms-bas { display: block; max-width: 1160px; margin: 0 auto; padding: 16px 16px 24px; border-top: 1px solid #333; }
.pms-bas p { margin: 0; color: #bdbdbd; font-size: 13px; }
@media (max-width: 799px) { .pms { padding-bottom: 72px; } } /* place pour la barre d'actions mobile des sites */