:root{--jp-creme:#F5EFE6;--jp-peche:#E8A87C;--jp-terraf:#A9573F;--jp-encre:#3A2E28;--jp-doux:#7A6A60;--jp-bleu:#DCE8EF;--jp-vert:#E2EDDF;--jp-rose:#F2D9DC;--jp-ebleu:#355E77;--jp-evert:#47613D;--jp-erose:#7E3B4C}
.jpa{font-family:'Nunito Sans',system-ui,sans-serif;color:var(--jp-encre)}.jpa *{box-sizing:border-box}
.jpa .in{max-width:1280px;margin:0 auto;padding:0 24px}
.jpa h2{font-family:var(--cdc-rf-serif,Georgia,serif);font-weight:600;font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0 0 6px;display:inline-block;padding-bottom:6px;border-bottom:3px solid var(--jp-peche);color:inherit}
.jpa .sous{margin:10px 0 22px;font-size:16px;max-width:60ch}
.jpa-noel{background:var(--jp-rose);color:var(--jp-erose);padding:28px 0}.jpa-noel h2{color:var(--jp-erose)}
.jpa-noel .in{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px}.jpa-noel .t{flex:1 1 320px}
.jpa-noel .d{display:inline-block;background:#fff;color:var(--jp-erose);border-radius:999px;padding:4px 12px;font-weight:800;font-size:14px;margin-bottom:10px}
.jpa-noel .ims{display:flex;gap:10px}.jpa-noel .ims img{width:96px;height:96px;border-radius:16px;object-fit:cover;background:#fff}
.jpa .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.jpa .b1{background:var(--jp-terraf);color:#fff!important;border-radius:999px;padding:12px 22px;font-weight:800;text-decoration:none!important}
.jpa .b2{border:2px solid var(--jp-evert);color:var(--jp-evert)!important;border-radius:999px;padding:10px 20px;font-weight:800;text-decoration:none!important}
.jpa .sec{padding:44px 0}.jpa-pq{background:#FBF6F1}
.jpa .ronds{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,132px),1fr));gap:18px 14px}
.jpa .rond{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none!important;color:var(--jp-encre)!important;text-align:center;font-weight:700;font-size:15px}
.jpa .rond img{width:112px;height:112px;border-radius:50%;object-fit:cover;background:var(--jp-rose);border:4px solid var(--jp-rose)}
.jpa-pa{background:var(--jp-vert);color:var(--jp-evert)}.jpa-pa h2{color:var(--jp-evert)}
.jpa .tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
.jpa .tuile{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:10px;text-decoration:none!important;color:var(--jp-encre)!important;font-weight:700}
.jpa .tuile img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:var(--jp-bleu)}
.jpa .tuile small{display:block;font-weight:400;color:var(--jp-doux);font-size:13px}
.jpa .cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px}
.jpa .carte{background:#fff;border-radius:18px;overflow:hidden;text-decoration:none!important;color:var(--jp-encre)!important;display:flex;flex-direction:column}
.jpa .carte img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--jp-creme);display:block}
.jpa .carte div{padding:12px 14px 16px;font-size:15px;font-weight:700;line-height:1.3}
.jpa .badge{display:inline-block;background:var(--jp-vert);color:var(--jp-evert);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800;margin-bottom:6px}
.jpa .carte small{display:block;margin-top:6px;color:var(--jp-doux);font-weight:400}
.jpa .tout{display:inline-block;margin-top:18px;color:var(--jp-terraf)!important;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.jpa-reas{background:var(--jp-bleu);color:var(--jp-ebleu);padding:18px 0}
.jpa-reas ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 32px;justify-content:center;font-weight:700;font-size:15px}
@media (max-width:600px){.jpa .in{padding:0 16px}.jpa .sec{padding:32px 0}
 .jpa .ronds{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px}
 .jpa .rond{flex:0 0 92px;scroll-snap-align:start;font-size:13.5px}.jpa .rond img{width:84px;height:84px}
 .jpa .tuiles{grid-template-columns:1fr 1fr;gap:8px}.jpa .tuile{flex-direction:column;align-items:flex-start;padding:8px;font-size:14px}.jpa .tuile img{width:100%;height:auto;aspect-ratio:1}
 .jpa .cartes{grid-template-columns:1fr 1fr;gap:10px}.jpa .carte div{font-size:13.5px;padding:10px}.jpa-noel .ims img{width:80px;height:80px}}