{"id":1002,"date":"2026-10-23T20:15:51","date_gmt":"2026-10-23T20:15:51","guid":{"rendered":"https:\/\/savoieretrogames.fr\/?page_id=1002"},"modified":"2026-10-24T08:56:10","modified_gmt":"2026-10-24T08:56:10","slug":"logo-srg","status":"publish","type":"page","link":"https:\/\/savoieretrogames.fr\/index.php\/logo-srg\/","title":{"rendered":"LOGO SRG"},"content":{"rendered":"<div data-colibri-id=\"1002-c1\" class=\"style-235 style-local-1002-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"1002-c2\" id=\"custom\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-236 style-local-1002-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-fluid-container\">\n      <!---->\n      <div data-colibri-id=\"1002-c3\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-237 style-local-1002-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-238-outer style-local-1002-c4-outer\">\n            <div data-colibri-id=\"1002-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-238 style-local-1002-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1002-c5\" class=\"style-239 style-local-1002-c5 position-relative h-element\">\n                  <!---->\n                  <div class=\"\">\n                    <meta charset=\"UTF-8\">\n                    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n                    <title>Savoie R\u00e9tro Games \u2014 Logoth\u00e8que<\/title>\n                    <style>\n                      :root {\n                        --bg: #090d1b;\n                        --panel: rgba(17, 24, 43, 0.85);\n                        --text: #f5f7ff;\n                        --muted: #b9c2d8;\n                        --purple: #7c5cff;\n                        --pink: #ff4fa3;\n                        --cyan: #00f0ff;\n                        --border: rgba(124, 92, 255, 0.25);\n                      }\n\n                      * {\n                        box-sizing: border-box;\n                        margin: 0;\n                        padding: 0;\n                      }\n\n                      body {\n                        background-color: var(--bg);\n                        background-image: radial-gradient(circle at 15% 10%, rgba(124, 92, 255, 0.12), transparent 40%), radial-gradient(circle at 85% 90%, rgba(255, 79, 163, 0.1), transparent 40%);\n                        color: var(--text);\n                        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n                        min-height: 100vh;\n                        padding: 40px 20px;\n                      }\n\n                      .container {\n                        max-width: 1200px;\n                        margin: 0 auto;\n                      }\n\n                      header {\n                        text-align: center;\n                        margin-bottom: 40px;\n                      }\n\n                      .badge {\n                        display: inline-block;\n                        padding: 6px 16px;\n                        border-radius: 50px;\n                        border: 1px solid var(--pink);\n                        background: rgba(255, 79, 163, 0.1);\n                        color: var(--pink);\n                        font-size: 0.85rem;\n                        font-weight: 700;\n                        text-transform: uppercase;\n                        letter-spacing: 1.5px;\n                        margin-bottom: 12px;\n                      }\n\n                      header p {\n                        color: var(--muted);\n                        font-size: 1.1rem;\n                        max-width: 600px;\n                        margin: 0 auto;\n                      }\n\n                      .logo-grid {\n                        display: grid;\n                        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n                        gap: 30px;\n                      }\n\n                      .logo-card {\n                        background: var(--panel);\n                        border: 1px solid var(--border);\n                        border-radius: 16px;\n                        overflow: hidden;\n                        display: flex;\n                        flex-direction: column;\n                        transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n                        backdrop-filter: blur(10px);\n                      }\n\n                      .logo-card:hover {\n                        transform: translateY(-6px);\n                        border-color: var(--pink);\n                        box-shadow: 0 12px 30px rgba(255, 79, 163, 0.2);\n                      }\n\n                      .logo-preview {\n                        position: relative;\n                        height: 220px;\n                        padding: 24px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        background-color: #121829;\n                        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.03) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.03) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.03) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.03) 75%);\n                        background-size: 20px 20px;\n                        background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n                        border-bottom: 1px solid var(--border);\n                      }\n\n                      .logo-preview.light-bg {\n                        background-color: #f0f3f9;\n                        background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.04) 75%);\n                      }\n\n                      .logo-preview img {\n                        max-width: 100%;\n                        max-height: 100%;\n                        object-fit: contain;\n                        filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));\n                        transition: transform 0.3s ease;\n                      }\n\n                      .logo-card:hover .logo-preview img {\n                        transform: scale(1.05);\n                      }\n\n                      .bg-toggle {\n                        position: absolute;\n                        top: 10px;\n                        right: 10px;\n                        background: rgba(0, 0, 0, 0.5);\n                        border: 1px solid rgba(255, 255, 255, 0.2);\n                        color: #fff;\n                        border-radius: 20px;\n                        padding: 4px 10px;\n                        font-size: 0.75rem;\n                        cursor: pointer;\n                        backdrop-filter: blur(4px);\n                        transition: background 0.2s;\n                      }\n\n                      .bg-toggle:hover {\n                        background: rgba(124, 92, 255, 0.6);\n                      }\n\n                      .logo-info {\n                        padding: 20px;\n                        display: flex;\n                        flex-direction: column;\n                        flex-grow: 1;\n                        justify-content: center;\n                      }\n\n                      .btn-download {\n                        display: inline-flex;\n                        align-items: center;\n                        justify-content: center;\n                        gap: 8px;\n                        width: 100%;\n                        padding: 10px 16px;\n                        border-radius: 8px;\n                        background: linear-gradient(135deg, var(--purple), #5c40dc);\n                        color: #fff;\n                        text-decoration: none;\n                        font-weight: 700;\n                        font-size: 0.9rem;\n                        border: none;\n                        cursor: pointer;\n                        transition: opacity 0.2s, transform 0.2s;\n                      }\n\n                      .btn-download:hover {\n                        opacity: 0.9;\n                        transform: translateY(-2px);\n                      }\n\n                      footer {\n                        text-align: center;\n                        margin-top: 60px;\n                        padding-top: 20px;\n                        border-top: 1px solid var(--border);\n                        color: var(--muted);\n                        font-size: 0.9rem;\n                      }\n\n                      @media (max-width: 600px) {\n                        body {\n                          padding: 20px 12px;\n                        }\n                        .logo-grid {\n                          grid-template-columns: 1fr;\n                        }\n                      }\n                    <\/style>\n                    <div class=\"container\">\n                      <header> <span class=\"badge\">Charte Graphique<\/span>\n                        <p>T\u00e9l\u00e9chargez les \u00e9l\u00e9ments visuels et logos de Savoie R\u00e9tro Games et du Savoie Games Festival.<\/p>\n                      <\/header>\n                      <div class=\"logo-grid\">\n                        <!-- Logo 1 -->\n                        <article class=\"logo-card\">\n                          <div class=\"logo-preview\" id=\"preview-1\">\n                            <button class=\"bg-toggle\" onclick=\"toggleBg('preview-1')\">\u262f Fond<\/button>\n                            <img decoding=\"async\" src=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v8_Yellow.png\" alt=\"Logo\"> <\/div>\n                          <div class=\"logo-info\">\n                            <a href=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v8_Yellow.png\" target=\"_blank\" download=\"\" class=\"btn-download\"> <span>T\u00e9l\u00e9charger<\/span> \u2b07 <\/a>\n                          <\/div>\n                        <\/article>\n                        <!-- Logo 2 -->\n                        <article class=\"logo-card\">\n                          <div class=\"logo-preview\" id=\"preview-2\">\n                            <button class=\"bg-toggle\" onclick=\"toggleBg('preview-2')\">\u262f Fond<\/button>\n                            <img decoding=\"async\" src=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/LOGO-NEWS-SRG-2024-1.png\" alt=\"Logo\"> <\/div>\n                          <div class=\"logo-info\">\n                            <a href=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/LOGO-NEWS-SRG-2024-1.png\" target=\"_blank\" download=\"\" class=\"btn-download\"> <span>T\u00e9l\u00e9charger<\/span> \u2b07 <\/a>\n                          <\/div>\n                        <\/article>\n                        <!-- Logo 3 -->\n                        <article class=\"logo-card\">\n                          <div class=\"logo-preview\" id=\"preview-3\">\n                            <button class=\"bg-toggle\" onclick=\"toggleBg('preview-3')\">\u262f Fond<\/button>\n                            <img decoding=\"async\" src=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/SAVOIE-GAMES-FESTIVAL-2024-2.png\" alt=\"Logo\"> <\/div>\n                          <div class=\"logo-info\">\n                            <a href=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/SAVOIE-GAMES-FESTIVAL-2024-2.png\" target=\"_blank\" download=\"\" class=\"btn-download\"> <span>T\u00e9l\u00e9charger<\/span> \u2b07 <\/a>\n                          <\/div>\n                        <\/article>\n                        <!-- Logo 4 -->\n                        <article class=\"logo-card\">\n                          <div class=\"logo-preview\" id=\"preview-4\">\n                            <button class=\"bg-toggle\" onclick=\"toggleBg('preview-4')\">\u262f Fond<\/button>\n                            <img decoding=\"async\" src=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v7_Purple.png\" alt=\"Logo\"> <\/div>\n                          <div class=\"logo-info\">\n                            <a href=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v7_Purple.png\" target=\"_blank\" download=\"\" class=\"btn-download\"> <span>T\u00e9l\u00e9charger<\/span> \u2b07 <\/a>\n                          <\/div>\n                        <\/article>\n                        <!-- Logo 5 -->\n                        <article class=\"logo-card\">\n                          <div class=\"logo-preview\" id=\"preview-5\">\n                            <button class=\"bg-toggle\" onclick=\"toggleBg('preview-5')\">\u262f Fond<\/button>\n                            <img decoding=\"async\" src=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v6_2.png\" alt=\"Logo\"> <\/div>\n                          <div class=\"logo-info\">\n                            <a href=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v6_2.png\" target=\"_blank\" download=\"\" class=\"btn-download\"> <span>T\u00e9l\u00e9charger<\/span> \u2b07 <\/a>\n                          <\/div>\n                        <\/article>\n                        <!-- Logo 6 -->\n                        <article class=\"logo-card\">\n                          <div class=\"logo-preview\" id=\"preview-6\">\n                            <button class=\"bg-toggle\" onclick=\"toggleBg('preview-6')\">\u262f Fond<\/button>\n                            <img decoding=\"async\" src=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v5.png\" alt=\"Logo\"> <\/div>\n                          <div class=\"logo-info\">\n                            <a href=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v5.png\" target=\"_blank\" download=\"\" class=\"btn-download\"> <span>T\u00e9l\u00e9charger<\/span> \u2b07 <\/a>\n                          <\/div>\n                        <\/article>\n                        <!-- Logo 7 -->\n                        <article class=\"logo-card\">\n                          <div class=\"logo-preview\" id=\"preview-7\">\n                            <button class=\"bg-toggle\" onclick=\"toggleBg('preview-7')\">\u262f Fond<\/button>\n                            <img decoding=\"async\" src=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v3_Yellow.png\" alt=\"Logo\"> <\/div>\n                          <div class=\"logo-info\">\n                            <a href=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v3_Yellow.png\" target=\"_blank\" download=\"\" class=\"btn-download\"> <span>T\u00e9l\u00e9charger<\/span> \u2b07 <\/a>\n                          <\/div>\n                        <\/article>\n                        <!-- Logo 8 -->\n                        <article class=\"logo-card\">\n                          <div class=\"logo-preview\" id=\"preview-8\">\n                            <button class=\"bg-toggle\" onclick=\"toggleBg('preview-8')\">\u262f Fond<\/button>\n                            <img decoding=\"async\" src=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v3_2_Yellow.png\" alt=\"Logo\"> <\/div>\n                          <div class=\"logo-info\">\n                            <a href=\"http:\/\/savoieretrogames.fr\/wp-content\/uploads\/2026\/10\/80style_v3_2_Yellow.png\" target=\"_blank\" download=\"\" class=\"btn-download\"> <span>T\u00e9l\u00e9charger<\/span> \u2b07 <\/a>\n                          <\/div>\n                        <\/article>\n                      <\/div>\n                      <footer> \u00a9 Savoie R\u00e9tro Games \u2014 Tous droits r\u00e9serv\u00e9s. <\/footer>\n                    <\/div>\n                    <script>\n                      function toggleBg(id) {\n                        const preview = document.getElementById(id);\n                        preview.classList.toggle('light-bg');\n                      }\n                    <\/script>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Savoie R\u00e9tro Games \u2014 Logoth\u00e8que Charte Graphique T\u00e9l\u00e9chargez les \u00e9l\u00e9ments visuels et logos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-1002","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":8,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1002\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/1002\/revisions\/1183"}],"wp:attachment":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}