{"id":1025,"date":"2025-08-12T17:24:59","date_gmt":"2025-08-12T13:24:59","guid":{"rendered":"https:\/\/bal.agence4y.fr\/?page_id=1025"},"modified":"2025-08-14T16:20:30","modified_gmt":"2025-08-14T12:20:30","slug":"test-de-faction","status":"publish","type":"page","link":"https:\/\/bal.agence4y.fr\/index.php\/test-de-faction\/","title":{"rendered":"Test de faction"},"content":{"rendered":"<style>.kb-row-layout-id1025_0bf6ca-4c > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1025_0bf6ca-4c > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1025_0bf6ca-4c > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:165px;padding-bottom:var(--global-kb-spacing-5xl, 10rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1025_0bf6ca-4c{background-image:url('https:\/\/bal.agence4y.fr\/wp-content\/uploads\/2025\/08\/Astrya-4-scaled.jpg');background-size:cover;background-position:52% 41%;background-attachment:scroll;background-repeat:no-repeat;}.kb-row-layout-id1025_0bf6ca-4c > .kt-row-layout-overlay{opacity:0.34;background-color:var(--global-palette3, #1A202C);}@media all and (max-width: 1024px){.kb-row-layout-id1025_0bf6ca-4c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1025_0bf6ca-4c > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1025_0bf6ca-4c alignfull kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-overlay kt-row-overlay-normal\"><\/div><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column1025_6ffc53-aa > .kt-inside-inner-col,.kadence-column1025_6ffc53-aa > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1025_6ffc53-aa > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1025_6ffc53-aa > .kt-inside-inner-col{flex-direction:column;}.kadence-column1025_6ffc53-aa > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1025_6ffc53-aa > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1025_6ffc53-aa{position:relative;}@media all and (max-width: 1024px){.kadence-column1025_6ffc53-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1025_6ffc53-aa > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1025_6ffc53-aa\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading1025_44931c-f7, .wp-block-kadence-advancedheading.kt-adv-heading1025_44931c-f7[data-kb-block=\"kb-adv-heading1025_44931c-f7\"]{text-align:center;font-size:var(--global-kb-font-size-xl, 3rem);font-style:normal;text-transform:uppercase;}.wp-block-kadence-advancedheading.kt-adv-heading1025_44931c-f7 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1025_44931c-f7[data-kb-block=\"kb-adv-heading1025_44931c-f7\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1025_44931c-f7 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1025_44931c-f7[data-kb-block=\"kb-adv-heading1025_44931c-f7\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading1025_44931c-f7 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color\" data-kb-block=\"kb-adv-heading1025_44931c-f7\">Test de faction<\/h2>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1025_90ed26-e4, .wp-block-kadence-advancedheading.kt-adv-heading1025_90ed26-e4[data-kb-block=\"kb-adv-heading1025_90ed26-e4\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1025_90ed26-e4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1025_90ed26-e4[data-kb-block=\"kb-adv-heading1025_90ed26-e4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1025_90ed26-e4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1025_90ed26-e4[data-kb-block=\"kb-adv-heading1025_90ed26-e4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading1025_90ed26-e4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1025_90ed26-e4\">Quelle est votre faction ?<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading1025_64154c-5b, .wp-block-kadence-advancedheading.kt-adv-heading1025_64154c-5b[data-kb-block=\"kb-adv-heading1025_64154c-5b\"]{text-align:center;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading1025_64154c-5b mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1025_64154c-5b[data-kb-block=\"kb-adv-heading1025_64154c-5b\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1025_64154c-5b img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1025_64154c-5b[data-kb-block=\"kb-adv-heading1025_64154c-5b\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading1025_64154c-5b wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1025_64154c-5b\">Besoin d \u2018aide pour choisir une faction ?<br>Faites le test de personnalit\u00e9 et d\u00e9couvrez quelle faction vous correspond gr\u00e2ce \u00e0 notre quiz !<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Remplir le formulaire<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700&display=swap');\n\n        body {\n            background-color: #191717;\n            color: #f7e4bf;\n            font-family: 'Cinzel', serif;\n            margin: 0;\n            padding: 20px;\n        }\n\n        .container {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        h1 {\n            text-align: center;\n            color: #f7e4bf;\n            font-size: 2.5em;\n            margin-bottom: 40px;\n        }\n\n        .question {\n            margin-bottom: 30px;\n        }\n\n        .question h2 {\n            color: #f7e4bf;\n            font-size: 1.5em;\n            margin-bottom: 15px;\n        }\n\n        .options {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .options label {\n            background-color: #2a2a2a;\n            border: 1px solid #444;\n            padding: 15px;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n\n        .options label:hover {\n            background-color: #383838;\n        }\n\n        .options input[type=\"radio\"] {\n            margin-right: 10px;\n            accent-color: #f7e4bf;\n        }\n\n        #result {\n            margin-top: 40px;\n            padding: 20px;\n            border: 2px solid #f7e4bf;\n            border-radius: 10px;\n            display: none;\n            text-align: center;\n        }\n\n        #result h3 {\n            font-size: 2em;\n            color: #f7e4bf;\n        }\n\n        #result p {\n            font-size: 1.2em;\n            line-height: 1.6;\n        }\n\n        .button-container {\n            text-align: center;\n            margin-top: 30px;\n        }\n\n        button {\n            padding: 15px 30px;\n            font-size: 1em;\n            font-family: 'Cinzel', serif;\n            background-color: #f7e4bf;\n            color: #191717;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n\n        button:hover {\n            background-color: #663611;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <h1>Remplir le formulaire<\/h1>\n\n        <form id=\"personality-quiz\">\n\n            <div class=\"question\">\n                <h2>Dans un monde heroic fantasy, que pr\u00e9f\u00e9rerais-tu faire ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q1\" value=\"A\" required>\n                        Faire la guerre\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q1\" value=\"B\" required>\n                        Parler aux arbres et aux animaux\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q1\" value=\"C\" required>\n                        Profiter d\u2019une vie paisible dans la nature\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q1\" value=\"D\" required>\n                        \u00c9tudier les myst\u00e8res de l&rsquo;univers\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Sur un champ de bataille, tu pr\u00e9f\u00e8res&#8230;<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q2\" value=\"A\" required>\n                        L\u2019Attaque : Combattre en premi\u00e8re ligne avec force et courage\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q2\" value=\"B\" required>\n                        La m\u00e9diation : Chercher \u00e0 apaiser le conflit et trouver un arrangement\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q2\" value=\"C\" required>\n                        La D\u00e9fense : Prot\u00e9ger tes alli\u00e9s en utilisant les pouvoirs des \u00e9l\u00e9ments\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q2\" value=\"D\" required>\n                        La Strat\u00e9gie : \u00c9tablir un plan d\u2019action pour minimiser les victimes\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Si tu devais choisir une raison de vivre, laquelle serait-elle ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q3\" value=\"A\" required>\n                        Faire honneur \u00e0 tes anc\u00eatres et aider ton peuple\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q3\" value=\"B\" required>\n                        Prot\u00e9ger la nature et les vies qui la peuplent\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q3\" value=\"C\" required>\n                        Vivre libre et parcourir le monde afin d\u2019en apprendre le plus possible\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q3\" value=\"D\" required>\n                        Analyser l\u2019histoire (pass\u00e9, pr\u00e9sent, futur) et consigner le tout dans une immense biblioth\u00e8que\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Si tu devais choisir un lieu de vie, lequel serait-il ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q4\" value=\"A\" required>\n                        La montagne\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q4\" value=\"B\" required>\n                        La for\u00eat\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q4\" value=\"C\" required>\n                        Dans l\u2019eau (mer \/ rivi\u00e8re)\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q4\" value=\"D\" required>\n                        Dans un sanctuaire\n                    <\/label>\n                <\/div>\n            <\/div>\n            \n            <div class=\"question\">\n                <h2>Quel atout physique pr\u00e9f\u00e9rez-vous poss\u00e9der ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q5\" value=\"A\" required>\n                        Des cornes\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q5\" value=\"B\" required>\n                        Des ailes de f\u00e9e\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q5\" value=\"C\" required>\n                        Une queue de sir\u00e8ne\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q5\" value=\"D\" required>\n                        Une beaut\u00e9 incomparable\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Si tu devais choisir une arme laquelle serait-ce ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q6\" value=\"A\" required>\n                        Une hache\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q6\" value=\"B\" required>\n                        Un arc\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q6\" value=\"C\" required>\n                        Aucune\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q6\" value=\"D\" required>\n                        Une \u00e9p\u00e9e\n                    <\/label>\n                <\/div>\n            <\/div>\n            \n            <div class=\"question\">\n                <h2>Quelles qualit\u00e9s vous d\u00e9finissent le mieux ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q7\" value=\"A\" required>\n                        La bravoure et l\u2019honneur\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q7\" value=\"B\" required>\n                        La patience et la douceur\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q7\" value=\"C\" required>\n                        L\u2019adaptabilit\u00e9 et la compassion\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q7\" value=\"D\" required>\n                        La sagesse et la curiosit\u00e9\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Un peuple en d\u00e9tresse vous demande de l\u2019aide. Que faites-vous ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q8\" value=\"A\" required>\n                        J\u2019analyse le pass\u00e9. Ils ne nous ont jamais aid\u00e9, pourquoi le ferions-nous ?\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q8\" value=\"B\" required>\n                        Je leur fournis l\u2019asile et le couvert\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q8\" value=\"C\" required>\n                        J\u2019appelle mon peuple \u00e0 se mobiliser pour les aider\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q8\" value=\"D\" required>\n                        J\u2019invite leur repr\u00e9sentant \u00e0 trouver un accord afin de signer un trait\u00e9 d\u2019\u00e9change \u00e9quitable\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Quel style vestimentaire vous parle le plus ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q9\" value=\"A\" required>\n                        V\u00eatements robustes et de qualit\u00e9, accessoires pratiques, adapt\u00e9s \u00e0 toutes les situations\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q9\" value=\"B\" required>\n                        V\u00eatements chin\u00e9s, un style \u00e9thique respectueux de la nature\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q9\" value=\"C\" required>\n                        Le confort avant tout, tenues l\u00e9g\u00e8res et pratiques\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q9\" value=\"D\" required>\n                        L\u2019\u00e9l\u00e9gance, les couleurs sombres et les bijoux imposants\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Quels \u00e9l\u00e9ments vous parlent le plus ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q10\" value=\"A\" required>\n                        Le feu\/La glace\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q10\" value=\"B\" required>\n                        La terre\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q10\" value=\"C\" required>\n                        L\u2019eau\/L\u2019air\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q10\" value=\"D\" required>\n                        L\u2019\u00e9ther\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Quel moment de la journ\u00e9e pr\u00e9f\u00e9rez vous ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q11\" value=\"A\" required>\n                        Le cr\u00e9puscule\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q11\" value=\"B\" required>\n                        Le midi\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q11\" value=\"C\" required>\n                        L\u2019aube\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q11\" value=\"D\" required>\n                        La nuit\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Quel pouvoir vous attire le plus ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q12\" value=\"A\" required>\n                        Manipuler le feu ou la glace\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q12\" value=\"B\" required>\n                        La m\u00e9tamorphose\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q12\" value=\"C\" required>\n                        Contr\u00f4ler les cr\u00e9atures marines ou Voler\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q12\" value=\"D\" required>\n                        \u00catre immortel\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"question\">\n                <h2>Quelle serait votre citation pr\u00e9f\u00e9r\u00e9e ?<\/h2>\n                <div class=\"options\">\n                    <label>\n                        <input type=\"radio\" name=\"q13\" value=\"A\" required>\n                        La force sans ma\u00eetrise n\u2019est rien\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q13\" value=\"B\" required>\n                        Tout vient de la Terre et tout y retourne\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q13\" value=\"C\" required>\n                        L&rsquo;eau, goutte \u00e0 goutte, creuse le roc\n                    <\/label>\n                    <label>\n                        <input type=\"radio\" name=\"q13\" value=\"D\" required>\n                        Tout ce qui est or ne brille pas\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"button-container\">\n                <button type=\"submit\">Voir mon r\u00e9sultat<\/button>\n            <\/div>\n        <\/form>\n\n        <div id=\"result\"><\/div>\n    <\/div>\n\n    <script>\n        const form = document.getElementById('personality-quiz');\n        const resultDiv = document.getElementById('result');\n\n        const results = {\n            A: {\n                title: \"\ud83d\udc32 Tu es un\u00b7e Draconien\u00b7ne\",\n                description: \"Fier\u00b7e, d\u00e9termin\u00e9\u00b7e et ancr\u00e9\u00b7e dans l\u2019honneur, tu avances sans d\u00e9tour. Tu valorises la loyaut\u00e9, la force ma\u00eetris\u00e9e et la tradition. Tu ne cherches pas la facilit\u00e9, mais la grandeur dans l\u2019action. Guerrier\u00b7\u00e8re dans l\u2019\u00e2me, tu prot\u00e8ges les tiens, et n\u2019oublies jamais ceux qui t\u2019ont bless\u00e9.\"\n            },\n            B: {\n                title: \"\ud83c\udf33 Tu es un\u00b7e Arovel\",\n                description: \"Pacifique, connect\u00e9\u00b7e \u00e0 la nature, tu pr\u00e9f\u00e8res la diplomatie \u00e0 la violence. Tu vis simplement, en harmonie avec ton environnement, et tu cherches \u00e0 prot\u00e9ger ce qui est fragile. Doux\u00b7ce mais solide, tu sais \u00e9couter, observer et cr\u00e9er des liens profonds avec tout \u00eatre vivant.\"\n            },\n            C: {\n                title: \"\ud83c\udf0a Tu es un\u00b7e Aetherien\u00b7ne\",\n                description: \"Libre, calme et adaptable, tu suis le courant tout en gardant ton cap. Tu \u00e9vites les conflits directs, mais n\u2019h\u00e9sites pas \u00e0 aider si cela ne menace pas ta paix int\u00e9rieure. Ton confort, ton ind\u00e9pendance et ta l\u00e9g\u00e8ret\u00e9 te rendent insaisissable, mais profond\u00e9ment loyal\u00b7e.\"\n            },\n            D: {\n                title: \"\ud83c\udf19 Tu es un\u00b7e Lunarae\",\n                description: \"Curieux\u00b7se, r\u00e9fl\u00e9chi\u00b7e et un brin myst\u00e9rieux\u00b7se, tu pr\u00e9f\u00e8res comprendre avant d\u2019agir. Tu observes le monde avec distance, cherchant \u00e0 en d\u00e9crypter les lois cach\u00e9es. Tu trouves ta force dans le silence, la connaissance et la strat\u00e9gie. Pour toi, tout est question d\u2019\u00e9quilibre subtil.\"\n            }\n        };\n\n        form.addEventListener('submit', function(event) {\n            event.preventDefault();\n            \n            const answers = {};\n            const questions = document.querySelectorAll('.question');\n            \n            questions.forEach(question => {\n                const name = question.querySelector('input[type=\"radio\"]').name;\n                const selected = question.querySelector('input[name=\"' + name + '\"]:checked');\n                if (selected) {\n                    answers[name] = selected.value;\n                }\n            });\n\n            if (Object.keys(answers).length !== questions.length) {\n                alert(\"Veuillez r\u00e9pondre \u00e0 toutes les questions avant de soumettre.\");\n                return;\n            }\n\n            const counts = { A: 0, B: 0, C: 0, D: 0 };\n            for (const answer of Object.values(answers)) {\n                counts[answer]++;\n            }\n\n            let maxCount = 0;\n            let resultType = '';\n            for (const type in counts) {\n                if (counts[type] > maxCount) {\n                    maxCount = counts[type];\n                    resultType = type;\n                } else if (counts[type] === maxCount) {\n                    \/\/ En cas d'\u00e9galit\u00e9, le premier type trouv\u00e9 est choisi.\n                    \/\/ Si vous voulez une gestion diff\u00e9rente, il faudrait la modifier ici.\n                }\n            }\n\n            const resultData = results[resultType];\n            resultDiv.innerHTML = `\n                <h3>${resultData.title}<\/h3>\n                <p>${resultData.description}<\/p>\n            `;\n            resultDiv.style.display = 'block';\n            resultDiv.scrollIntoView({ behavior: 'smooth' });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns1025_30ae8c-1c{padding-bottom:var(--global-kb-spacing-md, 2rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns1025_30ae8c-1c .kt-button{font-weight:normal;font-style:normal;}.kt-btns1025_30ae8c-1c .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns1025_30ae8c-1c .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns1025_30ae8c-1c .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns1025_30ae8c-1c .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns1025_30ae8c-1c .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns1025_30ae8c-1c .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns1025_30ae8c-1c .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns1025_30ae8c-1c\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button{color:var(--global-palette8, #F7FAFC);border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}.wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button:focus{color:var(--global-palette3, #1A202C);background:var(--global-palette8, #F7FAFC);border-top:1px solid;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button:focus{border-top:1px solid;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:1px solid var(--global-palette8, #F7FAFC);border-bottom:1px solid var(--global-palette8, #F7FAFC);border-left:1px solid var(--global-palette8, #F7FAFC);}.wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn1025_b93a85-14.kb-button:focus{border-top:1px solid;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;}}<\/style><a class=\"kb-button kt-button button kb-btn1025_b93a85-14 kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-fill  kt-btn-has-text-true kt-btn-has-svg-false  wp-block-kadence-singlebtn\" href=\"https:\/\/bal.agence4y.fr\/index.php\/les-factions\/\"><span class=\"kt-btn-inner-text\">Voir les factions<\/span><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Test de faction Quelle est votre faction ? Besoin d \u2018aide pour choisir une faction ?Faites le test de personnalit\u00e9 et d\u00e9couvrez quelle faction vous correspond gr\u00e2ce \u00e0 notre quiz ! Remplir le formulaire Remplir le formulaire Dans un monde heroic fantasy, que pr\u00e9f\u00e9rerais-tu faire ? Faire la guerre Parler aux arbres et aux animaux&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1025","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bal.agence4y.fr\/index.php\/wp-json\/wp\/v2\/pages\/1025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bal.agence4y.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bal.agence4y.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bal.agence4y.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bal.agence4y.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1025"}],"version-history":[{"count":27,"href":"https:\/\/bal.agence4y.fr\/index.php\/wp-json\/wp\/v2\/pages\/1025\/revisions"}],"predecessor-version":[{"id":1146,"href":"https:\/\/bal.agence4y.fr\/index.php\/wp-json\/wp\/v2\/pages\/1025\/revisions\/1146"}],"wp:attachment":[{"href":"https:\/\/bal.agence4y.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}