:root{--FondPage:#ffffff;--FondCarte:#f9f9fb;--TextePrincipal:#111827;--TexteSecondaire:#6b7280;--Bordure:#e5e7eb;--CouleurAccent:#7f56d9;--Rayon:#0.75rem;--Ombre:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06)}
body{font-family:'Segoe UI',sans-serif;margin:0;padding:1rem;background-color:var(--FondPage);color:var(--TextePrincipal)}.BodyContentFndSite{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;padding:1rem}.BodyContentFndSiteUser,.BodyContentElements{background-color:var(--FondCarte);border:1px solid var(--Bordure);border-radius:var(--Rayon);padding:1rem;width:160px;text-align:center;box-shadow:var(--Ombre);transition:transform 0.2s ease}.BodyContentFndSiteUser:hover,.BodyContentElements:hover{transform:translateY(-5px)}.BodyContentFndSiteUser a{text-decoration:none;color:var(--TextePrincipal);display:flex;flex-direction:column;align-items:center;gap:0.5rem}.BodyContentFndSiteUser img{width:50px;height:50px;object-fit:contain}.BodyContentElements img{border-radius:var(--Rayon);object-fit:cover;max-width:100%;max-height:160px;aspect-ratio:1/1}
@media(max-width:768px){.BodyContentFndSiteUser,.BodyContentElements{width:calc(50%-1rem)}}
@media(max-width:480px){.BodyContentFndSiteUser,.BodyContentElements{width:100%}}