{"id":7,"date":"2026-05-04T16:33:39","date_gmt":"2026-05-04T14:33:39","guid":{"rendered":"https:\/\/tino2026.houpela.com\/?page_id=7"},"modified":"2026-05-10T21:44:05","modified_gmt":"2026-05-10T19:44:05","slug":"7-2","status":"publish","type":"page","link":"https:\/\/tino2026.houpela.com\/?page_id=7","title":{"rendered":"INSCRIPTION"},"content":{"rendered":"\n<style>\n.tino-form-intro {\n  background: linear-gradient(135deg, #fff8f0, #f5eeff);\n  border: 1px solid #e8c0d8;\n  border-left: 4px solid var(--jury-gradient-c2, #C25FA0);\n  border-radius: 14px;\n  padding: 0;\n  margin-bottom: 10px;\n  margin-top: 10px;\n}\n\n.tino-form-intro-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n\n.tino-form-intro h2 {\n  font-family: 'Fraunces', serif;\n  font-size: 18px;\n  font-weight: 900;\n  color: #1a1a1a;\n  margin-bottom: 8px;\n}\n\n.tino-form-intro p {\n  font-size: 14px;\n  color: #5a5248;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.tino-form-intro a {\n  color: #C25FA0;\n  font-weight: 600;\n}\n\n.tino-form-intro-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #fff;\n  border: 1.5px solid #e8c0d8;\n  border-radius: 10px;\n  padding: 10px 20px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #C25FA0;\n  text-decoration: none;\n  white-space: nowrap;\n  transition: all 0.2s;\n  box-shadow: 0 2px 8px rgba(194,95,160,0.1);\n  flex-shrink: 0;\n}\n\n.tino-form-intro-btn:hover {\n  background: #C25FA0;\n  color: #fff;\n  border-color: #C25FA0;\n}\n<\/style>\n<div class=\"tino-form-intro\">\n  <div class=\"tino-form-intro-inner\">\n    <div class=\"tino-form-intro-text\">\n      <h2>D\u00e9poser ma candidature<\/h2>\n      <p>\n        Vous souhaitez pr\u00e9senter votre jeu au Troph\u00e9e TINO 2026 ? Remplissez le formulaire ci-dessous.<br\/>\n        Avant de vous lancer, assurez-vous d&rsquo;avoir pris connaissance du\n        r\u00e8glement complet \u2014 notamment les conditions d&rsquo;\u00e9ligibilit\u00e9\n        et les pi\u00e8ces \u00e0 fournir.\n      <\/p>\n    <\/div>\n    <a href=\"\/tino\/reglement\/\" class=\"tino-form-intro-btn\">\ud83d\udcc4 Lire le r\u00e8glement<\/a>\n  <\/div>\n<\/div>\n\n\n\n        <div class=\"tino-wrapper\">\n\n            <!-- HEADER -->\n                        <!-- PROGRESSION -->\n            <div id=\"tino-progress\" style=\"margin-bottom:15px;\">\n                <strong>\u00c9tape <span id=\"tino-step-label\">1<\/span> \/ 3<\/strong>\n                <div style=\"background:#eee;height:8px;\">\n                    <div id=\"tino-bar\" style=\"height:8px;width:33%;background:#4caf50;\"><\/div>\n                <\/div>\n            <\/div>\n\n            <form id=\"tino-form\" method=\"post\" action=\"https:\/\/tino2026.houpela.com\/wp-admin\/admin-post.php\" enctype=\"multipart\/form-data\">\n\n                <input type=\"hidden\" name=\"action\" value=\"tino_submit\">\n                <input type=\"hidden\" id=\"tino_nonce\" name=\"tino_nonce\" value=\"ab989d783f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F7\" \/>\n                <!-- ================= STEP 1 ================= -->\n                <div class=\"tino-step\" data-step=\"1\">\n\n                    <h3>\ud83d\udc64 Auteur<\/h3>\n<div class=\"tino-row\">\n                    <input type=\"text\" name=\"auteur_nom\" placeholder=\"Nom\" value=\"\" required>\n                    <input type=\"text\" name=\"auteur_prenom\" placeholder=\"Pr\u00e9nom\" value=\"\" required>\n<\/div>\n\t\t\t\t\t<div class=\"tino-row\">\n                    <input type=\"email\" name=\"auteur_email\" placeholder=\"Email\" value=\"\" required>\n\n                    <input type=\"text\" name=\"auteur_telephone\" placeholder=\"T\u00e9l\u00e9phone\" value=\"\" required>\n\t\t\t\t\t<\/div>\n\n                    <textarea name=\"auteur_adresse\" placeholder=\"Adresse postale\" required><\/textarea>\n\n                    <textarea name=\"auteur_presentation\" placeholder=\"Pr\u00e9sentez-vous en quelques lignes : (votre parcours, votre univers\u2026)\" required><\/textarea>\n\t\t\t\t\t\n\t\t\t\t\t <textarea name=\"auteur_presentationjeu\" placeholder=\"Pr\u00e9sentez rapide du jeu au public\" required><\/textarea>\n\n                <\/div>\n\n                <!-- ================= STEP 2 ================= -->\n                <div class=\"tino-step\" data-step=\"2\" style=\"display:none;\">\n\n                    <h3>\ud83c\udfb2 Jeu<\/h3>\n\t\t\t\t\t\n                    <input type=\"text\" name=\"jeu_nom\" placeholder=\"Nom du jeu\" value=\"\" required>\n<div class=\"tino-row\">\n                    <input type=\"text\" name=\"jeu_nb_joueurs\" placeholder=\"Nb joueurs\" value=\"\" required>\t\t\t\n\t \n\t                <input type=\"text\" name=\"jeu_duree\" placeholder=\"Dur\u00e9e\" value=\"\" required>\n <\/div>\n<div class=\"tino-row\">\n                    <textarea name=\"jeu_theme\" placeholder=\"Le th\u00e8me \/ l\u2019univers\" required><\/textarea>\n\n                    <textarea name=\"jeu_mecanique\" placeholder=\"La m\u00e9canique principale \/ Le concept\" required><\/textarea>\n\t <\/div>\n<div class=\"tino-row\">\n                    <textarea name=\"jeu_originalite\" placeholder=\"L\u2019originalit\u00e9 du jeu\" required><\/textarea>\n\n                    <textarea name=\"jeu_deroulement\" placeholder=\"Description du d\u00e9roulement g\u00e9n\u00e9ral d\u2019une partie jeu\" required><\/textarea>\n <\/div>\n                    <textarea name=\"jeu_message_jury\" placeholder=\"Ce que voulez dire au jury et que vous n\u2019avez pas encore dit\"><\/textarea>\n\n                <\/div>\n\n                <!-- ================= STEP 3 ================= -->\n                <div class=\"tino-step\" data-step=\"3\" style=\"display:none;\">\n\n                    <h3>\ud83d\udcce Fichiers<\/h3>\n\n                    <p>R\u00e8gles du jeu en PDF<\/p>\n                    <input type=\"file\" name=\"jeu_regles_pdf\" accept=\"application\/pdf\" required>\n\n                    <p>Photo du mat\u00e9riel<\/p>\n                    <input type=\"file\" name=\"jeu_photo_1\" accept=\"image\/*\" required>\n\n                    <p>Photo d'une partie<\/p>\n                    <input type=\"file\" name=\"jeu_photo_2\" accept=\"image\/*\" required>\n\n                    <p>Photo de l'auteur.e<\/p>\n                    <input type=\"file\" name=\"auteur_photo\" accept=\"image\/*\" required>\n\n                    <hr>\n\n\t\t\t\t\t<a href=\"#\" id=\"open-reglement\">Lire le r\u00e8glement<\/a>\n\t\t\t\t\t<div id=\"reglement-modal\" class=\"tino-modal\">\n\t\t\t\t\t\t<div class=\"tino-modal-content\">\n\t\t\t\t\t\t\t<button id=\"close-reglement\">\u2716<\/button>\n\t\t\t\t\t\t\t<h2>R\u00e8glement du concours<\/h2>\n\n\t\t\t\t\t\t\t<div class=\"tino-modal-body\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n                    <label>\n\t\t\t\t\t\t<input type=\"checkbox\" id=\"accept\" name=\"auteur_acceptation_reglement\" required>\n\t\t\t\t\t\tJ\u2019accepte le r\u00e8glement\n\t\t\t\t\t<\/label>\n\n\t\t\t\t\t\n\n                <\/div>\n\n                <div style=\"margin-top:20px;\">\n                    <button type=\"button\" id=\"prev\">\u2b05<\/button>\n                    <button type=\"button\" id=\"next\">\u27a1<\/button>\n                    <button type=\"submit\" id=\"submit\" style=\"display:none;\">Envoyer<\/button>\n                <\/div>\n\n            <\/form>\n        <\/div>\n\n        <!-- ================= JS WIZARD + AUTOSAVE ================= -->\n        <script>\n        (function(){\n\n            let step = 1;\n\n            const steps = document.querySelectorAll('.tino-step');\n            const next = document.getElementById('next');\n            const prev = document.getElementById('prev');\n            const submit = document.getElementById('submit');\n\n            const bar = document.getElementById('tino-bar');\n            const label = document.getElementById('tino-step-label');\n            const form = document.getElementById('tino-form');\n\n            function show() {\n\n                steps.forEach(s => {\n                    s.style.display = (s.dataset.step == step) ? 'block' : 'none';\n                });\n\n                label.textContent = step;\n                bar.style.width = (step * 33) + '%';\n\n                prev.style.display = step === 1 ? 'none' : 'inline-block';\n                next.style.display = step === 3 ? 'none' : 'inline-block';\n                submit.style.display = step === 3 ? 'inline-block' : 'none';\n            }\n\n            next.onclick = () => {\n\n\t\t\t\tconst currentStepFields = steps[step - 1].querySelectorAll('input, textarea');\n\n\t\t\t\tlet valid = true;\n\n\t\t\t\tcurrentStepFields.forEach(f => {\n\t\t\t\t\tif (f.type !== 'file' && !validateField(f)) valid = false;\n\t\t\t\t});\n\n\t\t\t\tif (!valid) {\n\t\t\t\t\tconst firstError = steps[step - 1].querySelector('.tino-error');\n\t\t\t\t\tif (firstError) firstError.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n\t\t\t\t\tsteps[step - 1].classList.add('tino-shake');\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsteps[step - 1].classList.remove('tino-shake');\n\t\t\t\t\t}, 300);\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tstep++;\n\t\t\t\tshow();\n\t\t\t\tautosave();\n\t\t\t};\n            prev.onclick = () => { step--; show(); };\n\n            function autosave() {\n\n                const data = new FormData(form);\n\n                fetch('https:\/\/tino2026.houpela.com\/wp-admin\/admin-ajax.php?action=tino_autosave', {\n                    method: 'POST',\n                    body: data\n                });\n            }\n\t\t\tfunction validateField(field) {\n\n\t\t\t\tif (!field) return true;\n\n\t\t\t\tlet valid = true;\n\n\t\t\t\t\/\/ Champ obligatoire\n\t\t\t\tif (field.hasAttribute('required') && !field.value.trim()) {\n\t\t\t\t\tvalid = false;\n\t\t\t\t}\n\n\t\t\t\t\/\/ Email valide\n\t\t\t\tif (field.type === 'email' && field.value) {\n\t\t\t\t\tconst emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\t\t\t\t\tif (!emailRegex.test(field.value)) {\n\t\t\t\t\t\tvalid = false;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t\/\/ Nombre positif\n\t\t\t\tif (field.type === 'number' && field.value) {\n\t\t\t\t\tif (parseInt(field.value) <= 0) {\n\t\t\t\t\t\tvalid = false;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t\/\/ UI feedback\n\t\t\t\tfield.classList.toggle('tino-error', !valid);\n\t\t\t\tfield.classList.toggle('tino-ok', valid);\n\n\t\t\t\treturn valid;\n\t\t\t}\n\t\t\t\n\t\t\tconst modal = document.getElementById('reglement-modal');\n\n\t\t\tdocument.getElementById('open-reglement').onclick = (e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tmodal.style.display = 'block';\n\t\t\t};\n\n\t\t\tdocument.getElementById('close-reglement').onclick = () => {\n\t\t\t\tmodal.style.display = 'none';\n\t\t\t};\n\n            form.addEventListener('input', function(){\n                autosave();\n            });\n\t\t\t\n\t\t\tdocument.querySelectorAll('input, textarea').forEach(el => {\n\t\t\t\tel.addEventListener('input', () => validateField(el));\n\t\t\t});\n\n            show();\n\n        })();\n        <\/script>\n\n        \n","protected":false},"excerpt":{"rendered":"<p>D\u00e9poser ma candidature Vous souhaitez pr\u00e9senter votre jeu au Troph\u00e9e TINO 2026 ? Remplissez le formulaire ci-dessous. Avant de vous [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/tino2026.houpela.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tino2026.houpela.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tino2026.houpela.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tino2026.houpela.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tino2026.houpela.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":9,"href":"https:\/\/tino2026.houpela.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/tino2026.houpela.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/tino2026.houpela.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}