{"id":650,"date":"2026-10-23T16:33:50","date_gmt":"2026-10-23T16:33:50","guid":{"rendered":"https:\/\/savoieretrogames.fr\/?page_id=650"},"modified":"2026-10-24T23:00:52","modified_gmt":"2026-10-24T23:00:52","slug":"lassociation","status":"publish","type":"page","link":"https:\/\/savoieretrogames.fr\/index.php\/lassociation\/","title":{"rendered":"L&rsquo;ASSOCIATION"},"content":{"rendered":"<div data-colibri-id=\"650-c1\" class=\"style-205 style-local-650-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"650-c2\" id=\"custom\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-206 style-local-650-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"650-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-207 style-local-650-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-208-outer style-local-650-c4-outer\">\n            <div data-colibri-id=\"650-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-208 style-local-650-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=\"650-c5\" class=\"style-209 style-local-650-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 &#8211; Association Retrogaming &amp; Pop Culture<\/title>\n                    <!-- Tailwind CSS CDN -->\n                    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n                    <!-- Google Fonts: Press Start 2P & Orbitron & Rajdhani -->\n                    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n                    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n                    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;600;800;900&amp;family=Press+Start+2P&amp;family=Rajdhani:wght@500;600;700&amp;display=swap\" rel=\"stylesheet\">\n                    <!-- FontAwesome for Icons -->\n                    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n                    <script>\n                      tailwind.config = {\n                        theme: {\n                          extend: {\n                            colors: {\n                              neonMagenta: '#ff007f',\n                              neonCyan: '#00f3ff',\n                              neonPurple: '#a855f7',\n                              darkBg: '#090814',\n                              cardBg: '#131129',\n                            },\n                            fontFamily: {\n                              arcade: ['\"Press Start 2P\"', 'cursive'],\n                              orbitron: ['Orbitron', 'sans-serif'],\n                              rajdhani: ['Rajdhani', 'sans-serif'],\n                            }\n                          }\n                        }\n                      }\n                    <\/script>\n                    <style>\n                      \/* Custom Scrollbar *\/\n\n                      ::-webkit-scrollbar {\n                        width: 10px;\n                      }\n\n                      ::-webkit-scrollbar-track {\n                        background: #090814;\n                      }\n\n                      ::-webkit-scrollbar-thumb {\n                        background: #ff007f;\n                        border-radius: 5px;\n                      }\n\n                      ::-webkit-scrollbar-thumb:hover {\n                        background: #00f3ff;\n                      }\n\n                      \/* Grid Scanline Overlay *\/\n\n                      .scanlines {\n                        background: linear-gradient( rgba(18, 16, 38, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient( 90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));\n                        background-size: 100% 4px, 6px 100%;\n                        pointer-events: none;\n                      }\n\n                      \/* Synthwave Retro Grid Floor *\/\n\n                      .grid-floor {\n                        background-image: linear-gradient(to right, rgba(0, 243, 255, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 0, 127, 0.15) 1px, transparent 1px);\n                        background-size: 40px 40px;\n                        transform: perspective(500px) rotateX(60deg);\n                        transform-origin: top center;\n                      }\n\n                      \/* Neon Text Glows *\/\n\n                      .neon-text-magenta {\n                        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff007f, 0 0 40px #ff007f, 0 0 80px #ff007f;\n                      }\n\n                      .neon-text-cyan {\n                        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #00f3ff, 0 0 40px #00f3ff, 0 0 80px #00f3ff;\n                      }\n\n                      \/* Neon Box Borders & Shadows *\/\n\n                      .neon-box-magenta {\n                        border: 2px solid #ff007f;\n                        box-shadow: 0 0 10px rgba(255, 0, 127, 0.5), inset 0 0 15px rgba(255, 0, 127, 0.2);\n                      }\n\n                      .neon-box-magenta:hover {\n                        box-shadow: 0 0 20px rgba(255, 0, 127, 0.8), inset 0 0 25px rgba(255, 0, 127, 0.4);\n                      }\n\n                      .neon-box-cyan {\n                        border: 2px solid #00f3ff;\n                        box-shadow: 0 0 10px rgba(0, 243, 255, 0.5), inset 0 0 15px rgba(0, 243, 255, 0.2);\n                      }\n\n                      .neon-box-cyan:hover {\n                        box-shadow: 0 0 20px rgba(0, 243, 255, 0.8), inset 0 0 25px rgba(0, 243, 255, 0.4);\n                      }\n\n                      .neon-border-frame {\n                        position: relative;\n                      }\n\n                      .neon-border-frame::before {\n                        content: '';\n                        position: absolute;\n                        top: -2px;\n                        left: -2px;\n                        right: -2px;\n                        bottom: -2px;\n                        background: linear-gradient(45deg, #ff007f, #00f3ff, #a855f7);\n                        z-index: -1;\n                        border-radius: 1rem;\n                        filter: blur(8px);\n                        opacity: 0.7;\n                        transition: opacity 0.3s ease;\n                      }\n\n                      .neon-border-frame:hover::before {\n                        opacity: 1;\n                        filter: blur(12px);\n                      }\n\n                      \/* Animations *\/\n\n                      @keyframes pulse-slow {\n                        0%,\n                        100% {\n                          opacity: 0.9;\n                          transform: scale(1);\n                        }\n                        50% {\n                          opacity: 0.6;\n                          transform: scale(0.98);\n                        }\n                      }\n\n                      .animate-pulse-slow {\n                        animation: pulse-slow 4s infinite ease-in-out;\n                      }\n\n                      @keyframes float {\n                        0%,\n                        100% {\n                          transform: translateY(0px);\n                        }\n                        50% {\n                          transform: translateY(-10px);\n                        }\n                      }\n\n                      .animate-float {\n                        animation: float 3s infinite ease-in-out;\n                      }\n                    <\/style>\n                    <!-- Scanline Overlay for Arcade Feel -->\n                    <div class=\"scanlines fixed inset-0 z-50 opacity-40\"><\/div>\n                    <!-- Background Decorative Glows -->\n                    <div class=\"fixed top-0 left-1\/4 w-96 h-96 bg-neonMagenta opacity-20 rounded-full blur-3xl pointer-events-none\"><\/div>\n                    <div class=\"fixed bottom-0 right-1\/4 w-96 h-96 bg-neonCyan opacity-20 rounded-full blur-3xl pointer-events-none\"><\/div>\n                    <!-- Hero Section -->\n                    <header class=\"relative min-h-[90vh] flex flex-col justify-center items-center text-center px-4 pt-16 pb-20 overflow-hidden\">\n                      <!-- Grid floor animation in background -->\n                      <div class=\"absolute inset-0 grid-floor opacity-30 -z-10\"><\/div>\n                      <div class=\"inline-block mb-6 px-5 py-2 rounded-full border border-neonCyan\/50 bg-neonCyan\/10 backdrop-blur-sm\"> <span class=\"font-arcade text-xs text-neonCyan tracking-widest\">\ud83d\udd79\ufe0f ANNECY &amp; POP CULTURE<\/span> <\/div>\n                      <!-- Main Title -->\n                      <h1 class=\"font-orbitron font-black text-4xl sm:text-6xl md:text-7xl lg:text-8xl tracking-tight mb-6\"> <span class=\"block text-white mb-2\">SAVOIE R\u00c9TRO<\/span> <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-neonMagenta via-neonPurple to-neonCyan neon-text-magenta\">         GAMES       <\/span> <\/h1>\n                      <p class=\"max-w-3xl text-gray-200 text-lg sm:text-2xl font-semibold mt-2 mb-10 leading-relaxed font-orbitron text-neonCyan\">\n                      Association d\u00e9di\u00e9e \u00e0 la pr\u00e9servation du jeu vid\u00e9o, au r\u00e9tro-gaming et \u00e0 la pop culture <\/p>\n                      <!-- CTAs -->\n                      <div class=\"flex flex-wrap justify-center gap-4 sm:gap-6 mt-2\">\n                        <a href=\"#activities\" class=\"px-8 py-4 rounded-xl font-orbitron font-bold text-sm tracking-wider bg-gradient-to-r from-neonMagenta to-neonPurple text-white hover:opacity-90 shadow-[0_0_20px_rgba(255,0,127,0.6)] hover:scale-105 transition-all\">\n                        NOS \u00c9V\u00c9NEMENTS <\/a>\n                        <a href=\"#contact\" class=\"px-8 py-4 rounded-xl font-orbitron font-bold text-sm tracking-wider bg-darkBg border-2 border-neonCyan text-neonCyan hover:bg-neonCyan hover:text-darkBg shadow-[0_0_20px_rgba(0,243,255,0.3)] hover:scale-105 transition-all\">\n                        NOUS CONTACTER <\/a>\n                      <\/div>\n                      <!-- Floating Icon Decors -->\n                      <div class=\"absolute top-1\/4 left-10 text-neonCyan text-4xl opacity-40 animate-float hidden lg:block\">\n                        <i class=\"fa-solid fa-gamepad\"><\/i>\n                      <\/div>\n                      <div class=\"absolute bottom-1\/4 right-10 text-neonMagenta text-4xl opacity-40 animate-float hidden lg:block\" style=\"animation-delay: 1.5s;\">\n                        <i class=\"fa-solid fa-ghost\"><\/i>\n                      <\/div>\n                    <\/header>\n                    <!-- Key Stats Counter \/ Badges Section -->\n                    <section id=\"stats\" class=\"py-16 px-4 bg-gradient-to-b from-darkBg via-cardBg to-darkBg border-y border-white\/5\">\n                      <div class=\"max-w-7xl mx-auto grid grid-cols-2 md:grid-cols-4 gap-8 text-center\">\n                        <div class=\"p-6\">\n                          <i class=\"fa-solid fa-tv text-neonMagenta text-3xl mb-3\"><\/i>\n                          <div class=\"font-orbitron font-black text-4xl sm:text-5xl text-white mb-1 neon-text-magenta\">100+<\/div>\n                          <p class=\"font-orbitron text-xs sm:text-sm text-neonCyan font-bold tracking-wider\">CONSOLES &amp; BORNES<\/p>\n                        <\/div>\n                        <div class=\"p-6\">\n                          <i class=\"fa-solid fa-calendar-check text-neonCyan text-3xl mb-3\"><\/i>\n                          <div class=\"font-orbitron font-black text-4xl sm:text-5xl text-white mb-1 neon-text-cyan\">500<\/div>\n                          <p class=\"font-orbitron text-xs sm:text-sm text-neonMagenta font-bold tracking-wider\">\u00c9V\u00c9NEMENTS<\/p>\n                        <\/div>\n                        <div class=\"p-6\">\n                          <i class=\"fa-solid fa-boxes-stacked text-neonPurple text-3xl mb-3\"><\/i>\n                          <div class=\"font-orbitron font-black text-4xl sm:text-5xl text-white mb-1\">500<\/div>\n                          <p class=\"font-orbitron text-xs sm:text-sm text-neonCyan font-bold tracking-wider\">ACCESSOIRES<\/p>\n                        <\/div>\n                        <div class=\"p-6\">\n                          <i class=\"fa-solid fa-location-dot text-neonMagenta text-3xl mb-3\"><\/i>\n                          <div class=\"font-orbitron font-black text-3xl sm:text-4xl text-white mb-1 neon-text-magenta mt-2\">ANNECY<\/div>\n                          <p class=\"font-orbitron text-xs sm:text-sm text-neonPurple font-bold tracking-wider mt-2\">HAUTE-SAVOIE (74)<\/p>\n                        <\/div>\n                      <\/div>\n                    <\/section>\n                    <!-- Features & Services Section -->\n                    <section id=\"activities\" class=\"py-20 px-4 bg-darkBg\/50 relative\">\n                      <div class=\"max-w-7xl mx-auto\">\n                        <!-- Section Header -->\n                        <div class=\"text-center max-w-3xl mx-auto mb-16\"> <span class=\"font-arcade text-xs text-neonCyan tracking-widest uppercase\">SECTION :: CATALOGUE<\/span>\n                          <h2 class=\"font-orbitron text-3xl sm:text-5xl font-black text-white mt-2\"> NOS PRESTATIONS <\/h2>\n                          <div class=\"w-24 h-1 bg-gradient-to-r from-neonMagenta to-neonCyan mx-auto mt-4 rounded-full\"><\/div>\n                        <\/div>\n                        <!-- Cards Grid -->\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                          <!-- Pole 1 -->\n                          <div class=\"neon-box-magenta bg-cardBg rounded-2xl p-6 flex flex-col justify-between transition-all duration-300 group hover:-translate-y-2\">\n                            <div>\n                              <div class=\"w-14 h-14 rounded-xl bg-neonMagenta\/10 border border-neonMagenta flex items-center justify-center text-neonMagenta text-2xl mb-6 group-hover:scale-110 transition-transform\">\n                                <i class=\"fa-solid fa-gamepad\"><\/i>\n                              <\/div>\n                              <h3 class=\"font-orbitron font-bold text-xl text-white mb-3\">Retrogaming &amp; Bornes<\/h3>\n                              <p class=\"text-gray-400 text-sm leading-relaxed mb-4\"> Des dizaines de consoles authentiques et bornes d&rsquo;arcade en acc\u00e8s libre. Red\u00e9couvrez la NES, Super Nintendo, Mega Drive, N64, GameCube, Saturn et PlayStation. <\/p>\n                            <\/div> <span class=\"font-arcade text-[10px] text-neonMagenta tracking-wider uppercase\">01 \/\/ RETRO_FREEPLAY<\/span> <\/div>\n                          <!-- Pole 2 -->\n                          <div class=\"neon-box-cyan bg-cardBg rounded-2xl p-6 flex flex-col justify-between transition-all duration-300 group hover:-translate-y-2\">\n                            <div>\n                              <div class=\"w-14 h-14 rounded-xl bg-neonCyan\/10 border border-neonCyan flex items-center justify-center text-neonCyan text-2xl mb-6 group-hover:scale-110 transition-transform\">\n                                <i class=\"fa-solid fa-car-side\"><\/i>\n                              <\/div>\n                              <h3 class=\"font-orbitron font-bold text-xl text-white mb-3\">Sim Racing &amp; VR<\/h3>\n                              <p class=\"text-gray-400 text-sm leading-relaxed mb-4\"> P\u00f4les de simulation automobile grand format avec volants \u00e0 retour de force, baquets, installations multi-\u00e9crans et casques de r\u00e9alit\u00e9 virtuelle haute d\u00e9finition. <\/p>\n                            <\/div> <span class=\"font-arcade text-[10px] text-neonCyan tracking-wider uppercase\">02 \/\/ SIM_RACING<\/span> <\/div>\n                          <!-- Pole 3 -->\n                          <div class=\"neon-box-magenta bg-cardBg rounded-2xl p-6 flex flex-col justify-between transition-all duration-300 group hover:-translate-y-2\">\n                            <div>\n                              <div class=\"w-14 h-14 rounded-xl bg-neonMagenta\/10 border border-neonMagenta flex items-center justify-center text-neonMagenta text-2xl mb-6 group-hover:scale-110 transition-transform\">\n                                <i class=\"fa-solid fa-trophy\"><\/i>\n                              <\/div>\n                              <h3 class=\"font-orbitron font-bold text-xl text-white mb-3\">Esports &amp; Tournois<\/h3>\n                              <p class=\"text-gray-400 text-sm leading-relaxed mb-4\"> Organisation de tournois comp\u00e9titifs r\u00e9tro et modernes (Super Smash Bros, Mario Kart, Street Fighter, Tekken) avec cast sur sc\u00e8ne, r\u00e9gie et lots \u00e0 gagner. <\/p>\n                            <\/div> <span class=\"font-arcade text-[10px] text-neonMagenta tracking-wider uppercase\">03 \/\/ TOURNAMENTS<\/span> <\/div>\n                          <!-- Pole 4 -->\n                          <div class=\"neon-box-cyan bg-cardBg rounded-2xl p-6 flex flex-col justify-between transition-all duration-300 group hover:-translate-y-2\">\n                            <div>\n                              <div class=\"w-14 h-14 rounded-xl bg-neonCyan\/10 border border-neonCyan flex items-center justify-center text-neonCyan text-2xl mb-6 group-hover:scale-110 transition-transform\">\n                                <i class=\"fa-solid fa-mask\"><\/i>\n                              <\/div>\n                              <h3 class=\"font-orbitron font-bold text-xl text-white mb-3\">Pop Culture &amp; Cosplay<\/h3>\n                              <p class=\"text-gray-400 text-sm leading-relaxed mb-4\"> Concours de Cosplay, conf\u00e9rences avec com\u00e9diens de doublage cin\u00e9ma\/s\u00e9ries, expositions d&rsquo;objets rares et c\u00e9l\u00e9bration de la culture pop geek. <\/p>\n                            <\/div> <span class=\"font-arcade text-[10px] text-neonCyan tracking-wider uppercase\">04 \/\/ COSPLAY_&amp;_GUESTS<\/span> <\/div>\n                          <!-- Pole 5 -->\n                          <div class=\"neon-box-magenta bg-cardBg rounded-2xl p-6 flex flex-col justify-between transition-all duration-300 group hover:-translate-y-2 md:col-span-2 lg:col-span-2\">\n                            <div>\n                              <div class=\"w-14 h-14 rounded-xl bg-neonMagenta\/10 border border-neonMagenta flex items-center justify-center text-neonMagenta text-2xl mb-6 group-hover:scale-110 transition-transform\">\n                                <i class=\"fa-solid fa-handshake\"><\/i>\n                              <\/div>\n                              <h3 class=\"font-orbitron font-bold text-xl text-white mb-3\">Animations Clef en Main &amp; Entreprises<\/h3>\n                              <p class=\"text-gray-400 text-sm leading-relaxed mb-4\"> Prestations et partenariats sur-mesure pour m\u00e9diath\u00e8ques, \u00e9coles, centres culturels, s\u00e9minaires d&rsquo;entreprises, salons et festivals pop-culture dans toute la r\u00e9gion. <\/p>\n                            <\/div> <span class=\"font-arcade text-[10px] text-neonMagenta tracking-wider uppercase\">05 \/\/ CORPORATE_&amp;_EVENTS<\/span> <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/section>\n                    <!-- Highlight Section: Savoie Games Festival Focus -->\n                    <section id=\"festival\" class=\"py-20 px-4 max-w-7xl mx-auto\">\n                      <div class=\"relative rounded-3xl overflow-hidden bg-gradient-to-r from-cardBg via-darkBg to-cardBg border border-neonMagenta\/40 p-8 sm:p-12 lg:p-16\">\n                        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 items-center\">\n                          <div class=\"lg:col-span-2 space-y-6\"> <span class=\"px-3 py-1 rounded-full text-xs font-arcade bg-neonMagenta text-white tracking-widest inline-block\">             LE RENDEZ-VOUS INCONTOURNABLE           <\/span>\n                            <h2 class=\"font-orbitron font-black text-3xl sm:text-5xl text-white\">\n                            SAVOIE GAMES FESTIVAL <\/h2>\n                            <p class=\"text-gray-300 text-lg leading-relaxed\"> Chaque ann\u00e9e, l&rsquo;association investit la <strong class=\"text-neonCyan\">Salle Cap P\u00e9riaz \u00e0 Seynod \/ Annecy<\/strong> pour transformer le lieu en un v\u00e9ritable temple du retrogaming, du manga, de la pop culture et du doublage cin\u00e9ma.\n                              <\/p>\n                            <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 font-orbitron\">\n                              <div class=\"p-4 rounded-xl bg-darkBg\/80 border border-neonMagenta\/30\"> <span class=\"text-neonMagenta text-2xl font-bold block\">100%<\/span> <span class=\"text-xs text-gray-400\">Acc\u00e8s Libre aux Jeux<\/span> <\/div>\n                              <div class=\"p-4 rounded-xl bg-darkBg\/80 border border-neonCyan\/30\"> <span class=\"text-neonCyan text-2xl font-bold block\">GUESTS<\/span> <span class=\"text-xs text-gray-400\">Voix de Doublage &amp; Artistes<\/span> <\/div>\n                              <div class=\"p-4 rounded-xl bg-darkBg\/80 border border-neonPurple\/30\"> <span class=\"text-neonPurple text-2xl font-bold block\">COSPLAY<\/span> <span class=\"text-xs text-gray-400\">Concours &amp; D\u00e9fil\u00e9s<\/span> <\/div>\n                            <\/div>\n                          <\/div>\n                          <div class=\"flex flex-col items-center justify-center text-center p-6 rounded-2xl bg-darkBg border border-neonCyan\/30\">\n                            <i class=\"fa-solid fa-calendar-star text-5xl text-neonCyan mb-4 animate-bounce\"><\/i>\n                            <h4 class=\"font-orbitron font-bold text-xl text-white mb-2\">PROCHAINE \u00c9DITION<\/h4>\n                            <p class=\"font-arcade text-neonMagenta text-sm mb-4\">25 ET 26 SEPTEMBRE 2027<\/p>\n                            <p class=\"text-xs text-gray-400 mb-6\">Salle Cap P\u00e9riaz, Seynod \/ Annecy<\/p>\n                            <a href=\"#contact\" class=\"w-full py-3 rounded-xl font-orbitron font-bold text-xs bg-neonCyan text-darkBg hover:bg-white transition-colors\"> PLUS D&rsquo;INFORMATIONS <\/a>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/section>\n                    <!-- Contact & Reservation Form Section -->\n                    <section id=\"contact\" class=\"py-20 px-4 max-w-7xl mx-auto relative\">\n                      <div class=\"max-w-4xl mx-auto\">\n                        <div class=\"text-center space-y-4 mb-12\"> <span class=\"font-arcade text-xs text-neonMagenta tracking-widest uppercase\">INSERT COIN TO JOIN<\/span>\n                          <h2 class=\"font-orbitron text-4xl sm:text-5xl font-black text-white\"> CONTACT &amp; R\u00c9SERVATION <\/h2>\n                          <p class=\"text-gray-300 text-lg\"> Vous souhaitez devenir b\u00e9n\u00e9vole, proposer un partenariat, ou r\u00e9server un p\u00f4le d&rsquo;animation pour votre \u00e9v\u00e9nement ? \u00c9crivez-nous ! <\/p>\n                        <\/div>\n                        <!-- Interactive Contact Form -->\n                        <div class=\"bg-cardBg border border-neonCyan\/30 rounded-2xl p-6 sm:p-10 shadow-[0_0_25px_rgba(0,243,255,0.15)]\">\n                          <form onsubmit=\"event.preventDefault(); alert('Merci ! Votre message a bien \u00e9t\u00e9 transmis \u00e0 Savoie R\u00e9tro Games.');\" class=\"space-y-6\">\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n                              <div>\n                                <label class=\"block font-orbitron text-xs font-bold text-neonCyan uppercase mb-2\">Nom \/ Organisme<\/label>\n                                <input type=\"text\" required=\"\" placeholder=\"Votre nom ou association\" class=\"w-full bg-darkBg border border-white\/20 rounded-xl p-3 text-white focus:outline-none focus:border-neonCyan transition-colors\"> <\/div>\n                              <div>\n                                <label class=\"block font-orbitron text-xs font-bold text-neonCyan uppercase mb-2\">E-mail<\/label>\n                                <input type=\"email\" required=\"\" placeholder=\"votre@email.com\" class=\"w-full bg-darkBg border border-white\/20 rounded-xl p-3 text-white focus:outline-none focus:border-neonCyan transition-colors\"> <\/div>\n                            <\/div>\n                            <div>\n                              <label class=\"block font-orbitron text-xs font-bold text-neonMagenta uppercase mb-2\">Objet de la demande<\/label>\n                              <select class=\"w-full bg-darkBg border border-white\/20 rounded-xl p-3 text-white focus:outline-none focus:border-neonMagenta transition-colors\">\n                                <option>Demande de prestation \/ Animation \u00e9v\u00e8nementielle<\/option>\n                                <option>Devenir b\u00e9n\u00e9vole \/ Membre<\/option>\n                                <option>Stand \/ Partenariat Savoie Games Festival<\/option>\n                                <option>Autre question<\/option>\n                              <\/select>\n                            <\/div>\n                            <div>\n                              <label class=\"block font-orbitron text-xs font-bold text-neonMagenta uppercase mb-2\">Message<\/label>\n                              <textarea rows=\"4\" required=\"\" placeholder=\"D\u00e9taillez votre projet ou vos questions...\" class=\"w-full bg-darkBg border border-white\/20 rounded-xl p-3 text-white focus:outline-none focus:border-neonMagenta transition-colors\"><\/textarea>\n                            <\/div>\n                            <button type=\"submit\" class=\"w-full py-4 rounded-xl font-orbitron font-bold text-sm tracking-wider bg-gradient-to-r from-neonMagenta to-neonPurple text-white hover:opacity-90 shadow-[0_0_20px_rgba(255,0,127,0.5)] transition-all\">\n                            ENVOYER LE MESSAGE <\/button>\n                          <\/form>\n                        <\/div>\n                        <!-- Social Links -->\n                        <div class=\"flex flex-wrap justify-center gap-4 pt-10\">\n                          <a href=\"https:\/\/www.facebook.com\/SavoieRetroGames\/?locale=fr_FR\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-6 py-3 rounded-xl bg-cardBg border border-neonCyan\/40 text-neonCyan hover:bg-neonCyan hover:text-darkBg font-orbitron font-bold text-sm tracking-wider transition-all duration-300 shadow-[0_0_15px_rgba(0,243,255,0.2)] flex items-center gap-3\">\n                            <i class=\"fa-brands fa-facebook-f text-lg\"><\/i> Facebook <\/a>\n                          <a href=\"https:\/\/www.instagram.com\/savoieretrogames\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"px-6 py-3 rounded-xl bg-cardBg border border-neonMagenta\/40 text-neonMagenta hover:bg-neonMagenta hover:text-white font-orbitron font-bold text-sm tracking-wider transition-all duration-300 shadow-[0_0_15px_rgba(255,0,127,0.2)] flex items-center gap-3\">\n                            <i class=\"fa-brands fa-instagram text-lg\"><\/i> Instagram <\/a>\n                          <a href=\"mailto:contact@savoieretrogames.fr\" class=\"px-6 py-3 rounded-xl bg-cardBg border border-neonPurple\/40 text-neonPurple hover:bg-neonPurple hover:text-white font-orbitron font-bold text-sm tracking-wider transition-all duration-300 shadow-[0_0_15px_rgba(168,85,247,0.2)] flex items-center gap-3\">\n                            <i class=\"fa-solid fa-envelope text-lg\"><\/i> Contact E-mail <\/a>\n                        <\/div>\n                      <\/div>\n                    <\/section>\n                    <!-- Footer -->\n                    <footer class=\"border-t border-white\/10 py-8 px-4 bg-darkBg text-center font-orbitron text-xs text-gray-500\">\n                      <div class=\"max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-4\">\n                        <div> \u00a9 2027 <span class=\"text-neonMagenta font-bold\">Savoie R\u00e9tro Games<\/span>. Tous droits r\u00e9serv\u00e9s. <\/div>\n                        <div class=\"flex gap-6 text-gray-400\">\n                          <a href=\"#\" class=\"hover:text-neonCyan transition-colors\">Annecy<\/a> <span>\u2022<\/span>\n                          <a href=\"#festival\" class=\"hover:text-neonMagenta transition-colors\">Savoie Games Festival<\/a> <span>\u2022<\/span>\n                          <a href=\"#activities\" class=\"hover:text-neonPurple transition-colors\">Retrogaming<\/a>\n                        <\/div>\n                      <\/div>\n                    <\/footer>\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 &#8211; Association Retrogaming &amp; Pop Culture \ud83d\udd79\ufe0f ANNECY &amp; POP [&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-650","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/650","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=650"}],"version-history":[{"count":11,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/650\/revisions"}],"predecessor-version":[{"id":1653,"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/pages\/650\/revisions\/1653"}],"wp:attachment":[{"href":"https:\/\/savoieretrogames.fr\/index.php\/wp-json\/wp\/v2\/media?parent=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}