{"id":988,"date":"2026-01-21T21:55:26","date_gmt":"2026-01-21T20:55:26","guid":{"rendered":"https:\/\/lejournaldelessien.com\/?page_id=988"},"modified":"2026-01-22T18:27:27","modified_gmt":"2026-01-22T17:27:27","slug":"un-sim-un-add-on","status":"publish","type":"page","link":"https:\/\/lejournaldelessien.com\/en\/un-sim-un-add-on\/","title":{"rendered":"Un Sim, un add-on"},"content":{"rendered":"<!-- Rond cliquable : Un Sim, Un Add-On \u2013 Monde Magique -->\n<div class=\"usuao-pack\">\n  <a class=\"usuao-orb\" href=\"https:\/\/lejournaldelessien.com\/en\/monde-magique\/\"\n     aria-label=\"Aller \u00e0 la page Monde Magique\">\n\n    <span class=\"usuao-orb__ring\" aria-hidden=\"true\"><\/span>\n\n    <img decoding=\"async\"\n      class=\"usuao-orb__icon\"\n      src=\"https:\/\/simsvip.com\/wp-content\/uploads\/2019\/08\/SIMS4_GP_InvertedIcon_C_Magic.png\"\n      alt=\"Les Sims 4 \u2013 Monde Magique\"\n      loading=\"lazy\"\n    \/>\n  <\/a>\n\n  <!-- Barre SOUS le rond (appara\u00eet au survol du rond) -->\n  <div class=\"usuao-packbar\" aria-hidden=\"true\">Realm of Magic<\/div>\n<\/div>\n\n<style>\n  \/* Bloc complet : rond + barre dessous *\/\n  .usuao-pack{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    gap: 10px;\n    padding: 26px 0 10px;\n  }\n\n  \/* Le rond cliquable (taille conserv\u00e9e) *\/\n  .usuao-orb{\n    position:relative;\n    width: 240px;\n    height: 240px;\n    border-radius:999px;\n    display:grid;\n    place-items:center;\n    text-decoration:none;\n    user-select:none;\n    background: rgba(255,255,255,0.55);\n    box-shadow: 0 12px 36px rgba(0,0,0,0.12);\n    overflow:hidden;\n    transition: transform 180ms ease, box-shadow 180ms ease;\n  }\n\n  .usuao-orb__ring{\n    position:absolute;\n    inset: 14px;\n    border-radius:999px;\n    border: 3px solid rgba(198,133,106,0.50);\n    box-shadow:\n      0 0 0 10px rgba(255,255,255,0.30) inset,\n      0 0 26px rgba(198,133,106,0.16);\n    pointer-events:none;\n  }\n\n  \/* \u2705 Ic\u00f4ne agrandie (c'\u00e9tait \u00e7a ton point) *\/\n  .usuao-orb__icon{\n    width: 160px;   \/* augmente ici si tu veux encore + *\/\n    height: 160px;\n    object-fit:contain;\n    filter: drop-shadow(0 10px 16px rgba(0,0,0,0.22));\n    transition: transform 180ms ease;\n  }\n\n  \/* \u2705 Barre \u201cstyle pack\u201d SOUS le rond *\/\n  .usuao-packbar{\n    min-width: 210px;\n    height: 46px;\n    padding: 0 18px;\n    border-radius: 999px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    \/* look proche \u201cUI pack\u201d : clair + bord *\/\n    background: rgba(255,255,255,0.72);\n    border: 2px solid rgba(198,133,106,0.55);\n    box-shadow: 0 10px 26px rgba(0,0,0,0.12);\n\n    font-size: 18px;\n    letter-spacing: 0.2px;\n    color: #5a4a47;\n\n    \/* cach\u00e9 par d\u00e9faut *\/\n    opacity: 0;\n    transform: translateY(-6px);\n    transition: opacity 160ms ease, transform 160ms ease;\n  }\n\n  \/* Apparition de la barre quand on survole \/ focus le rond *\/\n  .usuao-pack:has(.usuao-orb:hover) .usuao-packbar,\n  .usuao-pack:has(.usuao-orb:focus-visible) .usuao-packbar{\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Hover rond *\/\n  .usuao-orb:hover,\n  .usuao-orb:focus-visible{\n    transform: translateY(-2px);\n    box-shadow: 0 16px 44px rgba(0,0,0,0.16);\n    outline:none;\n  }\n\n  .usuao-orb:hover .usuao-orb__icon,\n  .usuao-orb:focus-visible .usuao-orb__icon{\n    transform: scale(1.04);\n  }\n\n  .usuao-orb:hover .usuao-orb__ring,\n  .usuao-orb:focus-visible .usuao-orb__ring{\n    border-color: rgba(198,133,106,0.85);\n    box-shadow:\n      0 0 0 10px rgba(255,255,255,0.32) inset,\n      0 0 40px rgba(198,133,106,0.26);\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 480px){\n    .usuao-orb{ width: 200px; height: 200px; }\n    .usuao-orb__icon{ width: 140px; height: 140px; }\n    .usuao-packbar{ height: 42px; font-size: 16px; min-width: 190px; }\n  }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Realm of Magic<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/fullwidth.php","meta":{"footnotes":""},"class_list":["post-988","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/lejournaldelessien.com\/en\/wp-json\/wp\/v2\/pages\/988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lejournaldelessien.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lejournaldelessien.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lejournaldelessien.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lejournaldelessien.com\/en\/wp-json\/wp\/v2\/comments?post=988"}],"version-history":[{"count":8,"href":"https:\/\/lejournaldelessien.com\/en\/wp-json\/wp\/v2\/pages\/988\/revisions"}],"predecessor-version":[{"id":1002,"href":"https:\/\/lejournaldelessien.com\/en\/wp-json\/wp\/v2\/pages\/988\/revisions\/1002"}],"wp:attachment":[{"href":"https:\/\/lejournaldelessien.com\/en\/wp-json\/wp\/v2\/media?parent=988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}