:root{--bg:#ffffff;--bg-2:#f8f9fb;--bg-card:#ffffff;--text:#222;--muted:#666;--line:#ddd;--accent:#f8b400;--radius:12px;--shadow:0 4px 10px rgba(0,0,0,.08);--gap:16px;--maxw:1480px}*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:500 15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji"}.ToolbarProfils{position:sticky;top:0;z-index:5;backdrop-filter:blur(4px);background:color-mix(in srgb,var(--bg)95%,transparent);border-bottom:1px solid var(--line);width:100%}.ToolbarProfils>div{max-width:var(--maxw);margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.ToolbarLeft{font-size:14px}.ToolbarRight{display:flex;align-items:center;gap:8px}.ToolbarRight span{color:var(--muted);font-size:14px}.ToolbarRight a{padding:6px 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--text);background:var(--bg-2);font-size:14px}.ToolbarRight a.PaginationActif{border-color:var(--accent);background:color-mix(in srgb,var(--accent)20%,var(--bg));font-weight:600}.BodyContentProfils{width:100%;max-width:var(--maxw);margin:20px auto 30px;padding:0 16px;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}
@media(max-width:1380px){.BodyContentProfils{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1120px){.BodyContentProfils{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.BodyContentProfils{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.BodyContentProfils{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.BodyContentProfils{grid-template-columns:1fr}}.ProfilCard{position:relative;display:block;text-decoration:none;color:var(--text);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform.15s ease,box-shadow.15s ease,border-color.15s ease}.ProfilCard:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 16px rgba(0,0,0,.12)}.ProfilCard img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f0f0f0}.ProfilName{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.2),rgba(0,0,0,0));color:#fff;pointer-events:none}.Pagination{max-width:var(--maxw);margin:10px auto 40px;padding:0 16px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.Pagination a,.Pagination.Ellipsis{min-width:34px;text-align:center;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);text-decoration:none;user-select:none;font-size:14px}.Pagination.PageNum.PaginationActif{border-color:var(--accent);background:color-mix(in srgb,var(--accent)20%,var(--bg));font-weight:600}.Pagination.PageBtn.PaginationDislabel{opacity:.45;pointer-events:none}
@media(prefers-reduced-motion:reduce){.ProfilCard,.ProfilCard:hover{transition:none;transform:none}}