Test DISC \u2013 IRM<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --fuchsia: #E0007A;\n --fuchsia-dark: #A3005A;\n --rose-light: #FDF0F7;\n --dark: #1A1A2E;\n --white: #FFFFFF;\n --D: #E63946;\n --I: #F4A261;\n --S: #2A9D8F;\n --C: #457B9D;\n }\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--rose-light);\n color: var(--dark);\n min-height: 100vh;\n }\n header {\n background: var(--dark);\n padding: 28px 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .logo-text {\n font-family: 'Playfair Display', serif;\n font-size: 1.6rem;\n color: var(--fuchsia);\n letter-spacing: 1px;\n }\n .logo-sub {\n font-size: 0.7rem;\n color: rgba(255,255,255,0.5);\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n .disc-dots { display: flex; gap: 6px; }\n .disc-dots span { width: 12px; height: 12px; border-radius: 50%; }\n .dot-d { background: var(--D); }\n .dot-i { background: var(--I); }\n .dot-s { background: var(--S); }\n .dot-c { background: var(--C); }\n .hero {\n background: linear-gradient(135deg, var(--dark) 0%, #2d1b3d 100%);\n color: white;\n padding: 60px 40px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -60px; right: -60px;\n width: 300px; height: 300px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(224,0,122,0.15) 0%, transparent 70%);\n }\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 5vw, 3.2rem);\n line-height: 1.2;\n margin-bottom: 16px;\n }\n .hero h1 em { font-style: italic; color: var(--fuchsia); }\n .hero p {\n font-size: 1rem;\n color: rgba(255,255,255,0.7);\n max-width: 560px;\n margin: 0 auto 8px;\n line-height: 1.7;\n }\n .instruction-box {\n background: rgba(224,0,122,0.12);\n border: 1px solid rgba(224,0,122,0.3);\n border-radius: 10px;\n padding: 16px 24px;\n max-width: 560px;\n margin: 24px auto 0;\n font-size: 0.9rem;\n color: rgba(255,255,255,0.85);\n line-height: 1.6;\n }\n .instruction-box strong { color: var(--fuchsia); }\n .form-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 40px 20px 60px;\n }\n .question-card {\n background: white;\n border-radius: 14px;\n padding: 28px 32px;\n margin-bottom: 16px;\n box-shadow: 0 2px 12px rgba(26,26,46,0.07);\n transition: box-shadow 0.2s, transform 0.2s;\n border-left: 4px solid transparent;\n }\n .question-card:hover { box-shadow: 0 6px 24px rgba(26,26,46,0.12); transform: translateY(-1px); }\n .question-card.answered { border-left-color: var(--fuchsia); }\n .question-card.error { border-left-color: #e63946; background: #fff5f5; }\n .q-number {\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--fuchsia);\n margin-bottom: 16px;\n }\n .q-row {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 12px;\n align-items: center;\n }\n .q-text {\n font-size: 0.92rem;\n line-height: 1.55;\n color: #333;\n padding: 12px 16px;\n background: #f8f8f8;\n border-radius: 8px;\n }\n .q-text.q-a { text-align: right; }\n .q-text.q-b { text-align: left; }\n .q-controls { display: flex; flex-direction: column; align-items: center; gap: 6px; }\n .q-label-ab { display: flex; gap: 20px; font-size: 0.75rem; font-weight: 600; color: #999; }\n .q-label-ab span:first-child { color: var(--fuchsia); }\n .q-label-ab span:last-child { color: var(--fuchsia); }\n .slider-wrap { display: flex; align-items: center; gap: 8px; }\n .pts-btn {\n width: 36px; height: 36px;\n border-radius: 50%;\n border: 2px solid #e0e0e0;\n background: white;\n font-size: 0.85rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s;\n color: #666;\n display: flex; align-items: center; justify-content: center;\n }\n .pts-btn:hover { border-color: var(--fuchsia); color: var(--fuchsia); }\n .pts-btn.active-a { background: var(--fuchsia); border-color: var(--fuchsia); color: white; }\n .pts-btn.active-b { background: var(--fuchsia-dark); border-color: var(--fuchsia-dark); color: white; }\n .pts-display { font-size: 0.75rem; color: #aaa; text-align: center; margin-top: 4px; }\n .pts-display span { color: var(--fuchsia); font-weight: 600; }\n .progress-bar {\n position: sticky;\n top: 0;\n z-index: 100;\n background: white;\n padding: 12px 20px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .progress-track { flex: 1; height: 6px; background: #f0f0f0; border-radius: 3px; overflow: hidden; }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--fuchsia), var(--fuchsia-dark));\n border-radius: 3px;\n transition: width 0.4s ease;\n width: 0%;\n }\n .progress-text { font-size: 0.8rem; font-weight: 600; color: var(--fuchsia); white-space: nowrap; }\n .submit-zone { text-align: center; padding: 20px 0 40px; }\n .btn-submit {\n background: linear-gradient(135deg, var(--fuchsia), var(--fuchsia-dark));\n color: white;\n border: none;\n padding: 18px 52px;\n font-size: 1rem;\n font-weight: 600;\n border-radius: 50px;\n cursor: pointer;\n letter-spacing: 0.5px;\n transition: all 0.2s;\n box-shadow: 0 4px 20px rgba(224,0,122,0.3);\n font-family: 'DM Sans', sans-serif;\n }\n .btn-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(224,0,122,0.4); }\n .error-msg { color: #e63946; font-size: 0.85rem; margin-top: 12px; display: none; }\n #results { display: none; max-width: 800px; margin: 0 auto; padding: 40px 20px 80px; }\n .results-header { text-align: center; margin-bottom: 40px; }\n .results-header h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: var(--dark); margin-bottom: 8px; }\n .results-header p { color: #777; font-size: 0.9rem; }\n .chart-container { background: white; border-radius: 16px; padding: 36px; box-shadow: 0 4px 24px rgba(26,26,46,0.09); margin-bottom: 32px; }\n .chart-title { font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #999; margin-bottom: 28px; }\n .chart-bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: end; height: 200px; padding-bottom: 8px; }\n .bar-col { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; gap: 8px; }\n .bar-score { font-size: 1.5rem; font-weight: 700; font-family: 'Playfair Display', serif; }\n .bar-fill { width: 100%; border-radius: 8px 8px 0 0; transition: height 1s cubic-bezier(0.34, 1.56, 0.64, 1); min-height: 4px; }\n .bar-label { font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; }\n .bar-name { font-size: 0.72rem; color: #999; text-align: center; line-height: 1.3; }\n .D-color { color: var(--D); } .I-color { color: var(--I); } .S-color { color: var(--S); } .C-color { color: var(--C); }\n .bar-D { background: var(--D); } .bar-I { background: var(--I); } .bar-S { background: var(--S); } .bar-C { background: var(--C); }\n .profile-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; }\n @media (max-width: 600px) {\n .profile-cards { grid-template-columns: 1fr; }\n .q-row { grid-template-columns: 1fr; }\n .q-text.q-a { text-align: left; }\n .q-controls { flex-direction: row; }\n }\n .profile-card {\n background: white; border-radius: 14px; padding: 28px;\n box-shadow: 0 4px 20px rgba(26,26,46,0.07);\n opacity: 0.4; transition: opacity 0.5s, transform 0.3s;\n border-top: 4px solid transparent;\n }\n .profile-card.dominant { opacity: 1; transform: scale(1.02); grid-column: 1 \/ -1; }\n .profile-card.secondary { opacity: 0.85; }\n .profile-card.active { opacity: 1; }\n .card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }\n .card-letter {\n width: 52px; height: 52px; border-radius: 14px; color: white;\n font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .card-info h3 { font-family: 'Playfair Display', serif; font-size: 1.2rem; margin-bottom: 2px; }\n .card-info .tag {\n font-size: 0.72rem; padding: 3px 10px; border-radius: 20px;\n font-weight: 600; letter-spacing: 1px; text-transform: uppercase;\n color: white; display: inline-block;\n }\n .profile-section { margin-bottom: 14px; }\n .profile-section h4 { font-size: 0.72rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #bbb; margin-bottom: 6px; }\n .profile-section ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }\n .profile-section ul li { font-size: 0.82rem; padding: 4px 12px; background: var(--rose-light); border-radius: 20px; color: var(--dark); font-weight: 500; }\n .profile-section p { font-size: 0.88rem; line-height: 1.6; color: #555; }\n .words-work { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\n .word-chip { font-size: 0.78rem; padding: 4px 12px; border-radius: 20px; font-weight: 500; }\n .word-yes { background: #e8f5e9; color: #2e7d32; }\n .word-no { background: #fce4ec; color: #c62828; }\n .retake-zone { text-align: center; margin-top: 20px; }\n .btn-retake {\n background: transparent; border: 2px solid var(--fuchsia); color: var(--fuchsia);\n padding: 14px 36px; border-radius: 50px; font-size: 0.9rem; font-weight: 600;\n cursor: pointer; transition: all 0.2s; font-family: 'DM Sans', sans-serif;\n }\n .btn-retake:hover { background: var(--fuchsia); color: white; }\n footer { background: var(--dark); color: rgba(255,255,255,0.4); text-align: center; padding: 24px; font-size: 0.78rem; letter-spacing: 1px; }\n footer strong { color: var(--fuchsia); }\n<\/style>\n<\/head>\n<body>\n<header>\n <div>\n <div class=\"logo-text\">IRM<\/div>\n <div class=\"logo-sub\">Isabelle Recloux Management<\/div>\n <\/div>\n <div class=\"disc-dots\">\n <span class=\"dot-d\"><\/span><span class=\"dot-i\"><\/span><span class=\"dot-s\"><\/span><span class=\"dot-c\"><\/span>\n <\/div>\n<\/header>\n<div class=\"hero\">\n <h1>D\u00e9couvrez votre profil<br><em>DISC<\/em><\/h1>\n <p>18 questions pour mieux vous conna\u00eetre et comprendre votre style de communication et de management.<\/p>\n <div class=\"instruction-box\">\n <strong>Comment r\u00e9pondre ?<\/strong><br>\n R\u00e9pondez selon <strong>comment vous \u00eates maintenant<\/strong>, pas comme vous voudriez \u00eatre.<br>\n Pour chaque question, r\u00e9partissez <strong>3 points entre A et B<\/strong> (3-0 ou 2-1).\n <\/div>\n<\/div>\n<div class=\"progress-bar\">\n <div class=\"progress-track\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\n <div class=\"progress-text\" id=\"progressText\">0 \/ 18<\/div>\n<\/div>\n<div class=\"form-container\" id=\"formSection\">\n <div id=\"questionsContainer\"><\/div>\n <div class=\"submit-zone\">\n <button class=\"btn-submit\" onclick=\"submitTest()\">Voir mon profil DISC \u2192<\/button>\n <div class=\"error-msg\" id=\"errorMsg\">\u26a0 Veuillez r\u00e9pondre \u00e0 toutes les questions avant de continuer.<\/div>\n <\/div>\n<\/div>\n<div id=\"results\">\n <div class=\"results-header\">\n <h2>Votre profil DISC<\/h2>\n <p>R\u00e9sultats calcul\u00e9s sur la base de vos r\u00e9ponses<\/p>\n <\/div>\n <div class=\"chart-container\">\n <div class=\"chart-title\">Scores par dimension<\/div>\n <div class=\"chart-bars\" id=\"chartBars\"><\/div>\n <\/div>\n <div id=\"dominantSummary\" style=\"margin-bottom:24px;\"><\/div>\n <div class=\"profile-cards\" id=\"profileCards\"><\/div>\n <div class=\"retake-zone\">\n <button class=\"btn-retake\" onclick=\"retakeTest()\">\u21a9 Recommencer le test<\/button>\n <\/div>\n<\/div>\n<footer>\n <strong>IRM \u2013 Isabelle Recloux Management<\/strong> \u00b7 Outil \u00e0 usage p\u00e9dagogique interne\n<\/footer>\n<script>\nconst questions = [\n { a: \"Je suis assez ouvert aux gens et j'\u00e9tablis facilement de nouvelles relations\", b: \"Je ne suis pas tr\u00e8s ouvert(e) aux gens et je mets du temps pour \u00e9tablir de nouvelles relations\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je r\u00e9agis habituellement lentement et de fa\u00e7on r\u00e9fl\u00e9chie\", b: \"Je r\u00e9agis rapidement et spontan\u00e9ment\", scoreA: 'Re', scoreB: 'A' },\n { a: \"Je suis assez regardant sur la fa\u00e7on dont les autres accaparent mon temps\", b: \"Je ne fais pas attention au temps quand je suis avec les autres\", scoreA: 'F', scoreB: 'R' },\n { a: \"Je m'introduis facilement dans des rassemblements de personnes\", b: \"J'attends g\u00e9n\u00e9ralement que quelqu'un m'introduise dans un groupe\", scoreA: 'A', scoreB: 'Re' },\n { a: \"J'oriente souvent ma conversation sur les centres d'int\u00e9r\u00eat des autres m\u00eame si cela s'\u00e9gare du sujet en cours ou du travail\", b: \"J'oriente souvent ma conversation sur le travail, les actions ou les sujets d'actualit\u00e9\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je ne suis g\u00e9n\u00e9ralement pas assertif(ve), je peux \u00eatre patient\", b: \"Je suis g\u00e9n\u00e9ralement assertif(ve), je suis assez impatient quand \u00e7a n'avance pas\", scoreA: 'Re', scoreB: 'A' },\n { a: \"Je prends g\u00e9n\u00e9ralement des d\u00e9cisions bas\u00e9es sur les faits\", b: \"Je prends g\u00e9n\u00e9ralement des d\u00e9cisions bas\u00e9es sur les exp\u00e9riences, les ressentis ou les relations\", scoreA: 'F', scoreB: 'R' },\n { a: \"Je participe r\u00e9guli\u00e8rement aux conversations du groupe\", b: \"Je ne participe pas facilement aux conversations du groupe, je pr\u00e9f\u00e8re \u00e9couter\", scoreA: 'A', scoreB: 'Re' },\n { a: \"Je pr\u00e9f\u00e8re g\u00e9n\u00e9ralement travailler avec des autres, leur donner du support quand c'est possible\", b: \"Je pr\u00e9f\u00e8re travailler ind\u00e9pendamment ou donner mes directives pour que les autres travaillent efficacement\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je pose r\u00e9guli\u00e8rement des questions en m'exprimant par l'interm\u00e9diaire de quelqu'un ou en disant \u00ab on \u00bb\", b: \"Je fais des d\u00e9clarations spontan\u00e9es et j'exprime mon opinion avec fermet\u00e9\", scoreA: 'Re', scoreB: 'A' },\n { a: \"Je me concentre principalement sur les id\u00e9es, les concepts et les r\u00e9sultats\", b: \"Je me concentre principalement sur la personne, les relations et le ressenti\", scoreA: 'F', scoreB: 'R' },\n { a: \"Je m'exprime avec des gestes, des expressions faciales, une voix claire et mets de l'intonation dans mes phrases\", b: \"Je m'exprime calmement et pos\u00e9ment, je dois parfois r\u00e9p\u00e9ter parce que je ne parle pas assez fort\", scoreA: 'A', scoreB: 'Re' },\n { a: \"J'accepte g\u00e9n\u00e9ralement des points de vue des autres (id\u00e9es, impressions, \u00e9motions)\", b: \"Je n'accepte pas facilement un avis diff\u00e9rent du mien\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je r\u00e9agis au changement ou \u00e0 la prise de risque de fa\u00e7on pr\u00e9dictible et prudente\", b: \"Je r\u00e9agis au changement ou \u00e0 la prise de risque de fa\u00e7on dynamique et impr\u00e9visible\", scoreA: 'Re', scoreB: 'A' },\n { a: \"En g\u00e9n\u00e9ral, je pr\u00e9f\u00e8re r\u00e9server mes ressentis personnels et mes \u00e9motions \u00e0 un cercle tr\u00e8s restreint de personnes que j'ai choisies\", b: \"Je trouve naturel de partager et de discuter de mes \u00e9motions avec les autres\", scoreA: 'F', scoreB: 'R' },\n { a: \"Je recherche r\u00e9guli\u00e8rement de nouvelles exp\u00e9riences\", b: \"J'aime des situations connues et des relations stables sur lesquelles m'appuyer\", scoreA: 'A', scoreB: 'Re' },\n { a: \"Je suis concern\u00e9 par l'agenda des autres, leur int\u00e9r\u00eat et leurs obligations\", b: \"Je dirige les \u00e9v\u00e8nements en fonction de mon agenda, mes int\u00e9r\u00eats et mes projets\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je r\u00e9agis aux conflits de fa\u00e7on calme et indirecte\", b: \"Je r\u00e9agis aux conflits de fa\u00e7on directe et rapide\", scoreA: 'Re', scoreB: 'A' },\n];\n\nconst profiles = {\n D: {\n name: \"Le Directif\", subtitle: \"Dominance\", tagColor: \"#E63946\",\n observations: \"R\u00e9solution rapide des probl\u00e8mes, orient\u00e9 sur les t\u00e2ches.\",\n recherche: \"Des r\u00e9sultats\",\n environnement: \"Autonomie, d\u00e9fis, environnement en mouvement rapide, sans supervision excessive.\",\n qualites: [\"Grande confiance en soi\", \"Courage\", \"Franchise\", \"D\u00e9termination\", \"Esprit de comp\u00e9tition\", \"Recherche de r\u00e9sultats\"],\n limites: [\"Impatience\", \"Tendance \u00e0 n\u00e9gliger les relations\", \"Peut \u00eatre trop direct\"],\n comment_communiquer: \"Soyez clair et pr\u00e9cis. Pr\u00e9sentez les faits de mani\u00e8re logique. Donnez-lui la libert\u00e9 de d\u00e9cider.\",\n mots_oui: [\"Rapide\", \"Avantage\", \"D\u00e9cisif\", \"R\u00e9sultats\"],\n mots_non: [\"Patient\", \"Suivez les instructions\", \"Incoh\u00e9rent\"],\n valeur: \"Organisateur autonome, tourn\u00e9 vers l'avenir, rel\u00e8ve les d\u00e9fis.\"\n },\n I: {\n name: \"L'Influent\", subtitle: \"Influence\", tagColor: \"#E88A00\",\n observations: \"Communicateur rapide, ax\u00e9 sur les personnes.\",\n recherche: \"Interaction et contact\",\n environnement: \"Degr\u00e9 \u00e9lev\u00e9 de contacts, r\u00e9seau, communication r\u00e9guli\u00e8re, peu de contr\u00f4le.\",\n qualites: [\"Aptitude relationnelle\", \"Enthousiasme\", \"Optimisme\", \"Spontan\u00e9it\u00e9\", \"Loquacit\u00e9\", \"Capacit\u00e9 d'adaptation\"],\n limites: [\"D\u00e9sorganis\u00e9\", \"Dispers\u00e9\", \"Procrastination\", \"\u00c9vite les d\u00e9tails\"],\n comment_communiquer: \"Parlez des gens et de leurs objectifs. Laissez du temps aux \u00e9changes informels. Engagez-le sur ses r\u00eaves.\",\n mots_oui: [\"Flexible\", \"Excitant\", \"Inspirant\", \"Nouveau\"],\n mots_non: [\"Ordinaire\", \"Calme\", \"Strict\", \"D\u00e9tail\"],\n valeur: \"Joueur d'\u00e9quipe optimiste qui motive les autres et n\u00e9gocie les conflits.\"\n },\n S: {\n name: \"Le Stable\", subtitle: \"Stabilit\u00e9\", tagColor: \"#2A9D8F\",\n observations: \"Relation au rythme plus lent, orient\u00e9e vers les personnes.\",\n recherche: \"Stabilit\u00e9 et coh\u00e9rence\",\n environnement: \"Stable et pr\u00e9visible, relations durables, changement progressif.\",\n qualites: [\"Fid\u00e9lit\u00e9\", \"Loyaut\u00e9\", \"Travail en \u00e9quipe\", \"Patience\", \"Modestie\", \"Pragmatisme\", \"Fiabilit\u00e9\"],\n limites: [\"Difficult\u00e9 \u00e0 dire non\", \"Possessivit\u00e9\", \"D\u00e9bord\u00e9 si trop de dossiers simultan\u00e9s\"],\n comment_communiquer: \"Montrez un int\u00e9r\u00eat sinc\u00e8re. \u00c9coutez et soyez r\u00e9actif. Donnez des assurances et le temps de r\u00e9pondre.\",\n mots_oui: [\"Coh\u00e9rent\", \"Habituel\", \"Fiable\", \"Soutien\"],\n mots_non: [\"Inattendu\", \"Urgent\", \"Confrontation\"],\n valeur: \"Membre fiable qui travaille fort. Patient et pers\u00e9v\u00e9rant, m\u00e8ne les t\u00e2ches \u00e0 bien.\"\n },\n C: {\n name: \"Le Consciencieux\", subtitle: \"Conformit\u00e9\", tagColor: \"#457B9D\",\n observations: \"Analyseur plus lent, orient\u00e9 sur les t\u00e2ches et les faits.\",\n recherche: \"Des faits et de la pr\u00e9cision\",\n environnement: \"R\u00e9flexion critique, analyses, peu de bruit, normes et qualit\u00e9 valoris\u00e9es.\",\n qualites: [\"Sens du d\u00e9tail\", \"Prudence\", \"Autodiscipline\", \"Esprit d'analyse\", \"Logique\", \"Perfectionnisme\"],\n limites: [\"Esprit critique\", \"Besoin de plus de temps\", \"Peut se perdre dans les d\u00e9tails\"],\n comment_communiquer: \"Pr\u00e9parez vos id\u00e9es et faits logiquement. Soyez simple et sp\u00e9cifique. Cr\u00e9ez un plan avec des d\u00e9lais pr\u00e9cis.\",\n mots_oui: [\"Factuel\", \"Pr\u00e9cis\", \"V\u00e9rifi\u00e9\", \"Logique\"],\n mots_non: [\"Imaginez\", \"Exp\u00e9rimentez\", \"Devinez\"],\n valeur: \"Perfectionniste consciencieux qui maintient des normes \u00e9lev\u00e9es et couvre toutes les bases.\"\n }\n};\n\nlet answers = Array(18).fill(null);\n\nfunction buildForm() {\n const container = document.getElementById('questionsContainer');\n container.innerHTML = '';\n questions.forEach((q, i) => {\n const card = document.createElement('div');\n card.className = 'question-card';\n card.id = 'card-' + i;\n card.innerHTML = '<div class=\"q-number\">Question ' + (i+1) + ' \/ 18<\/div>' +\n '<div class=\"q-row\">' +\n '<div class=\"q-text q-a\">' + q.a + '<\/div>' +\n '<div class=\"q-controls\">' +\n '<div class=\"q-label-ab\"><span>A<\/span><span>B<\/span><\/div>' +\n '<div class=\"slider-wrap\" id=\"btns-' + i + '\">' +\n '<button class=\"pts-btn\" onclick=\"selectAnswer(' + i + ',3,0,this)\">3-0<\/button>' +\n '<button class=\"pts-btn\" onclick=\"selectAnswer(' + i + ',2,1,this)\">2-1<\/button>' +\n '<button class=\"pts-btn\" onclick=\"selectAnswer(' + i + ',1,2,this)\">1-2<\/button>' +\n '<button class=\"pts-btn\" onclick=\"selectAnswer(' + i + ',0,3,this)\">0-3<\/button>' +\n '<\/div>' +\n '<div class=\"pts-display\" id=\"disp-' + i + '\">\u2014 points<\/div>' +\n '<\/div>' +\n '<div class=\"q-text q-b\">' + q.b + '<\/div>' +\n '<\/div>';\n container.appendChild(card);\n });\n}\n\nfunction selectAnswer(qIdx, aVal, bVal, btn) {\n answers[qIdx] = { a: aVal, b: bVal };\n document.querySelectorAll('#btns-' + qIdx + ' .pts-btn').forEach(function(b) {\n b.classList.remove('active-a', 'active-b');\n });\n btn.classList.add(aVal >= bVal ? 'active-a' : 'active-b');\n var disp = document.getElementById('disp-' + qIdx);\n disp.innerHTML = 'A: <span>' + aVal + '<\/span> pts \u00b7 B: <span>' + bVal + '<\/span> pts';\n var card = document.getElementById('card-' + qIdx);\n card.classList.add('answered');\n card.classList.remove('error');\n updateProgress();\n}\n\nfunction updateProgress() {\n var answered = answers.filter(function(a) { return a !== null; }).length;\n document.getElementById('progressFill').style.width = (answered \/ 18 * 100) + '%';\n document.getElementById('progressText').textContent = answered + ' \/ 18';\n}\n\nfunction calculateScores() {\n var scores = { R: 0, F: 0, A: 0, Re: 0 };\n questions.forEach(function(q, i) {\n var ans = answers[i];\n if (!ans) return;\n scores[q.scoreA] += ans.a;\n scores[q.scoreB] += ans.b;\n });\n return {\n D: (scores.F + scores.A) \/ 2,\n I: (scores.R + scores.A) \/ 2,\n S: (scores.R + scores.Re) \/ 2,\n C: (scores.F + scores.Re) \/ 2\n };\n}\n\nfunction submitTest() {\n var unanswered = answers.map(function(a, i) { return a === null ? i : null; }).filter(function(i) { return i !== null; });\n if (unanswered.length > 0) {\n document.getElementById('errorMsg').style.display = 'block';\n var firstCard = document.getElementById('card-' + unanswered[0]);\n firstCard.classList.add('error');\n firstCard.scrollIntoView({ behavior: 'smooth', block: 'center' });\n return;\n }\n document.getElementById('errorMsg').style.display = 'none';\n showResults(calculateScores());\n}\n\nfunction showResults(scores) {\n document.getElementById('formSection').style.display = 'none';\n document.getElementById('results').style.display = 'block';\n document.querySelector('.progress-bar').style.display = 'none';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n\n var sorted = ['D','I','S','C'].sort(function(a,b) { return scores[b] - scores[a]; });\n var dominant = sorted[0];\n\n var p = profiles[dominant];\n document.getElementById('dominantSummary').innerHTML =\n '<div style=\"background:white;border-radius:14px;padding:24px 28px;box-shadow:0 4px 20px rgba(26,26,46,0.07);border-left:5px solid ' + p.tagColor + ';\">' +\n '<div style=\"font-size:0.72rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#aaa;margin-bottom:10px;\">Profil dominant<\/div>' +\n '<div style=\"display:flex;align-items:center;gap:14px;\">' +\n '<div style=\"width:56px;height:56px;border-radius:14px;background:' + p.tagColor + ';color:white;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;\">' + dominant + '<\/div>' +\n '<div>' +\n '<div style=\"font-family:Playfair Display,serif;font-size:1.5rem;color:#1A1A2E;\">' + p.name + '<\/div>' +\n '<div style=\"font-size:0.85rem;color:#777;margin-top:2px;\">' + p.subtitle + ' \u00b7 Score : <strong style=\"color:' + p.tagColor + '\">' + scores[dominant].toFixed(1) + '<\/strong><\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<p style=\"margin-top:16px;font-size:0.92rem;line-height:1.65;color:#555;\">' + p.observations + '<\/p>' +\n '<\/div>';\n\n var barsEl = document.getElementById('chartBars');\n barsEl.innerHTML = '';\n var names = { D:'Directif', I:'Influent', S:'Stable', C:'Consciencieux' };\n ['D','I','S','C'].forEach(function(l) {\n var col = document.createElement('div');\n col.className = 'bar-col';\n col.innerHTML =\n '<div class=\"bar-score ' + l + '-color\">' + scores[l].toFixed(1) + '<\/div>' +\n '<div class=\"bar-fill bar-' + l + '\" id=\"bar-' + l + '\" style=\"height:0%;max-height:160px;width:80%;\"><\/div>' +\n '<div class=\"bar-label ' + l + '-color\">' + l + '<\/div>' +\n '<div class=\"bar-name\">' + names[l] + '<\/div>';\n barsEl.appendChild(col);\n });\n\n var cardsEl = document.getElementById('profileCards');\n cardsEl.innerHTML = '';\n var rankLabels = ['Dominant','Secondaire','3e','4e'];\n sorted.forEach(function(letter, rank) {\n var prof = profiles[letter];\n var card = document.createElement('div');\n card.className = 'profile-card ' + (rank === 0 ? 'dominant' : rank === 1 ? 'secondary' : 'active');\n card.style.borderTopColor = prof.tagColor;\n card.innerHTML =\n '<div class=\"card-header\">' +\n '<div class=\"card-letter\" style=\"background:' + prof.tagColor + '\">' + letter + '<\/div>' +\n '<div class=\"card-info\"><h3>' + prof.name + '<\/h3>' +\n '<span class=\"tag\" style=\"background:' + prof.tagColor + '\">' + rankLabels[rank] + ' \u00b7 ' + scores[letter].toFixed(1) + ' pts<\/span><\/div>' +\n '<\/div>' +\n '<div class=\"profile-section\"><h4>Ce qu\\'il recherche<\/h4><p>' + prof.recherche + '<\/p><\/div>' +\n '<div class=\"profile-section\"><h4>Environnement id\u00e9al<\/h4><p>' + prof.environnement + '<\/p><\/div>' +\n '<div class=\"profile-section\"><h4>Qualit\u00e9s cl\u00e9s<\/h4><ul>' + prof.qualites.map(function(q){return '<li>'+q+'<\/li>';}).join('') + '<\/ul><\/div>' +\n '<div class=\"profile-section\"><h4>Points de vigilance<\/h4><ul>' + prof.limites.map(function(l){return '<li>'+l+'<\/li>';}).join('') + '<\/ul><\/div>' +\n '<div class=\"profile-section\"><h4>Comment communiquer avec lui\/elle<\/h4><p>' + prof.comment_communiquer + '<\/p><\/div>' +\n '<div class=\"profile-section\"><h4>Mots qui fonctionnent \/ \u00e0 \u00e9viter<\/h4><div class=\"words-work\">' +\n prof.mots_oui.map(function(w){return '<span class=\"word-chip word-yes\">\u2713 '+w+'<\/span>';}).join('') +\n prof.mots_non.map(function(w){return '<span class=\"word-chip word-no\">\u2717 '+w+'<\/span>';}).join('') +\n '<\/div><\/div>' +\n '<div class=\"profile-section\"><h4>Valeur pour l\\'\u00e9quipe<\/h4><p>' + prof.valeur + '<\/p><\/div>';\n cardsEl.appendChild(card);\n });\n\n setTimeout(function() {\n ['D','I','S','C'].forEach(function(l) {\n var bar = document.getElementById('bar-' + l);\n if (bar) bar.style.height = Math.max(5, (scores[l] \/ 27 * 100)) + '%';\n });\n }, 100);\n}\n\nfunction retakeTest() {\n answers = Array(18).fill(null);\n document.getElementById('results').style.display = 'none';\n document.getElementById('formSection').style.display = 'block';\n document.querySelector('.progress-bar').style.display = 'flex';\n buildForm();\n updateProgress();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nbuildForm();\nupdateProgress();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Test DISC \u2013 IRM IRM Isabelle Recloux Management D\u00e9couvrez votre profilDISC 18 questions pour mieux vous conna\u00eetre et comprendre votre style de communication et de management. Comment r\u00e9pondre ? R\u00e9pondez selon comment vous \u00eates maintenant, pas comme vous voudriez \u00eatre. Pour chaque question, r\u00e9partissez 3 points entre A et B […]<\/p>\n","protected":false},"author":1,"featured_media":4304,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4809","page","type-page","status-publish","has-post-thumbnail","hentry"],"mb":[],"yoast_head":"\n<title>Test DISC - Isabelle Recloux Management<\/title>\n<meta name=\"description\" content=\"formation Test DISC communication management binche\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/isabellerecloux.be\/index.php\/test-disc\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test DISC - Isabelle Recloux Management\" \/>\n<meta property=\"og:description\" content=\"formation Test DISC communication management binche\" \/>\n<meta property=\"og:url\" content=\"https:\/\/isabellerecloux.be\/index.php\/test-disc\/\" \/>\n<meta property=\"og:site_name\" content=\"Isabelle Recloux Management\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/isabellereclouxmanagement\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-23T21:55:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/\",\"name\":\"Test DISC - Isabelle Recloux Management\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/pexels-mccutcheon-1209870-1-scaled.jpg\",\"datePublished\":\"2026-05-23T21:33:37+00:00\",\"dateModified\":\"2026-05-23T21:55:16+00:00\",\"description\":\"formation Test DISC communication management binche\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#primaryimage\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/pexels-mccutcheon-1209870-1-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/pexels-mccutcheon-1209870-1-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/isabellerecloux.be\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test DISC\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#website\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/\",\"name\":\"Isabelle Recloux Management\",\"description\":\"Formation - Consultance - Accompagnement\",\"publisher\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/isabellerecloux.be\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#organization\",\"name\":\"Isabelle Recloux Management\",\"alternateName\":\"Isabelle Recloux\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-Logo-IRM.png\",\"contentUrl\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-Logo-IRM.png\",\"width\":512,\"height\":512,\"caption\":\"Isabelle Recloux Management\"},\"image\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/isabellereclouxmanagement\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/isabellerecloux\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Test DISC - Isabelle Recloux Management","description":"formation Test DISC communication management binche","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/","og_locale":"fr_FR","og_type":"article","og_title":"Test DISC - Isabelle Recloux Management","og_description":"formation Test DISC communication management binche","og_url":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/","og_site_name":"Isabelle Recloux Management","article_publisher":"https:\/\/facebook.com\/isabellereclouxmanagement","article_modified_time":"2026-05-23T21:55:16+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/","url":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/","name":"Test DISC - Isabelle Recloux Management","isPartOf":{"@id":"https:\/\/isabellerecloux.be\/#website"},"primaryImageOfPage":{"@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#primaryimage"},"image":{"@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#primaryimage"},"thumbnailUrl":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg","datePublished":"2026-05-23T21:33:37+00:00","dateModified":"2026-05-23T21:55:16+00:00","description":"formation Test DISC communication management binche","breadcrumb":{"@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/isabellerecloux.be\/index.php\/test-disc\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#primaryimage","url":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg","contentUrl":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/isabellerecloux.be\/"},{"@type":"ListItem","position":2,"name":"Test DISC"}]},{"@type":"WebSite","@id":"https:\/\/isabellerecloux.be\/#website","url":"https:\/\/isabellerecloux.be\/","name":"Isabelle Recloux Management","description":"Formation - Consultance - Accompagnement","publisher":{"@id":"https:\/\/isabellerecloux.be\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/isabellerecloux.be\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/isabellerecloux.be\/#organization","name":"Isabelle Recloux Management","alternateName":"Isabelle Recloux","url":"https:\/\/isabellerecloux.be\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/isabellerecloux.be\/#\/schema\/logo\/image\/","url":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2023\/06\/cropped-Logo-IRM.png","contentUrl":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2023\/06\/cropped-Logo-IRM.png","width":512,"height":512,"caption":"Isabelle Recloux Management"},"image":{"@id":"https:\/\/isabellerecloux.be\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/isabellereclouxmanagement","https:\/\/www.linkedin.com\/in\/isabellerecloux\/"]}]}},"mfb_rest_fields":["title","yoast_head","yoast_head_json","gutenberg_elementor_mode"],"_links":{"self":[{"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/pages\/4809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/comments?post=4809"}],"version-history":[{"count":8,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/pages\/4809\/revisions"}],"predecessor-version":[{"id":4817,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/pages\/4809\/revisions\/4817"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/media\/4304"}],"wp:attachment":[{"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/media?parent=4809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nTest DISC \u2013 IRM<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --fuchsia: #E0007A;\n --fuchsia-dark: #A3005A;\n --rose-light: #FDF0F7;\n --dark: #1A1A2E;\n --white: #FFFFFF;\n --D: #E63946;\n --I: #F4A261;\n --S: #2A9D8F;\n --C: #457B9D;\n }\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--rose-light);\n color: var(--dark);\n min-height: 100vh;\n }\n header {\n background: var(--dark);\n padding: 28px 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .logo-text {\n font-family: 'Playfair Display', serif;\n font-size: 1.6rem;\n color: var(--fuchsia);\n letter-spacing: 1px;\n }\n .logo-sub {\n font-size: 0.7rem;\n color: rgba(255,255,255,0.5);\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-top: 2px;\n }\n .disc-dots { display: flex; gap: 6px; }\n .disc-dots span { width: 12px; height: 12px; border-radius: 50%; }\n .dot-d { background: var(--D); }\n .dot-i { background: var(--I); }\n .dot-s { background: var(--S); }\n .dot-c { background: var(--C); }\n .hero {\n background: linear-gradient(135deg, var(--dark) 0%, #2d1b3d 100%);\n color: white;\n padding: 60px 40px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -60px; right: -60px;\n width: 300px; height: 300px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(224,0,122,0.15) 0%, transparent 70%);\n }\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 5vw, 3.2rem);\n line-height: 1.2;\n margin-bottom: 16px;\n }\n .hero h1 em { font-style: italic; color: var(--fuchsia); }\n .hero p {\n font-size: 1rem;\n color: rgba(255,255,255,0.7);\n max-width: 560px;\n margin: 0 auto 8px;\n line-height: 1.7;\n }\n .instruction-box {\n background: rgba(224,0,122,0.12);\n border: 1px solid rgba(224,0,122,0.3);\n border-radius: 10px;\n padding: 16px 24px;\n max-width: 560px;\n margin: 24px auto 0;\n font-size: 0.9rem;\n color: rgba(255,255,255,0.85);\n line-height: 1.6;\n }\n .instruction-box strong { color: var(--fuchsia); }\n .form-container {\n max-width: 800px;\n margin: 0 auto;\n padding: 40px 20px 60px;\n }\n .question-card {\n background: white;\n border-radius: 14px;\n padding: 28px 32px;\n margin-bottom: 16px;\n box-shadow: 0 2px 12px rgba(26,26,46,0.07);\n transition: box-shadow 0.2s, transform 0.2s;\n border-left: 4px solid transparent;\n }\n .question-card:hover { box-shadow: 0 6px 24px rgba(26,26,46,0.12); transform: translateY(-1px); }\n .question-card.answered { border-left-color: var(--fuchsia); }\n .question-card.error { border-left-color: #e63946; background: #fff5f5; }\n .q-number {\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--fuchsia);\n margin-bottom: 16px;\n }\n .q-row {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 12px;\n align-items: center;\n }\n .q-text {\n font-size: 0.92rem;\n line-height: 1.55;\n color: #333;\n padding: 12px 16px;\n background: #f8f8f8;\n border-radius: 8px;\n }\n .q-text.q-a { text-align: right; }\n .q-text.q-b { text-align: left; }\n .q-controls { display: flex; flex-direction: column; align-items: center; gap: 6px; }\n .q-label-ab { display: flex; gap: 20px; font-size: 0.75rem; font-weight: 600; color: #999; }\n .q-label-ab span:first-child { color: var(--fuchsia); }\n .q-label-ab span:last-child { color: var(--fuchsia); }\n .slider-wrap { display: flex; align-items: center; gap: 8px; }\n .pts-btn {\n width: 36px; height: 36px;\n border-radius: 50%;\n border: 2px solid #e0e0e0;\n background: white;\n font-size: 0.85rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s;\n color: #666;\n display: flex; align-items: center; justify-content: center;\n }\n .pts-btn:hover { border-color: var(--fuchsia); color: var(--fuchsia); }\n .pts-btn.active-a { background: var(--fuchsia); border-color: var(--fuchsia); color: white; }\n .pts-btn.active-b { background: var(--fuchsia-dark); border-color: var(--fuchsia-dark); color: white; }\n .pts-display { font-size: 0.75rem; color: #aaa; text-align: center; margin-top: 4px; }\n .pts-display span { color: var(--fuchsia); font-weight: 600; }\n .progress-bar {\n position: sticky;\n top: 0;\n z-index: 100;\n background: white;\n padding: 12px 20px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .progress-track { flex: 1; height: 6px; background: #f0f0f0; border-radius: 3px; overflow: hidden; }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--fuchsia), var(--fuchsia-dark));\n border-radius: 3px;\n transition: width 0.4s ease;\n width: 0%;\n }\n .progress-text { font-size: 0.8rem; font-weight: 600; color: var(--fuchsia); white-space: nowrap; }\n .submit-zone { text-align: center; padding: 20px 0 40px; }\n .btn-submit {\n background: linear-gradient(135deg, var(--fuchsia), var(--fuchsia-dark));\n color: white;\n border: none;\n padding: 18px 52px;\n font-size: 1rem;\n font-weight: 600;\n border-radius: 50px;\n cursor: pointer;\n letter-spacing: 0.5px;\n transition: all 0.2s;\n box-shadow: 0 4px 20px rgba(224,0,122,0.3);\n font-family: 'DM Sans', sans-serif;\n }\n .btn-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(224,0,122,0.4); }\n .error-msg { color: #e63946; font-size: 0.85rem; margin-top: 12px; display: none; }\n #results { display: none; max-width: 800px; margin: 0 auto; padding: 40px 20px 80px; }\n .results-header { text-align: center; margin-bottom: 40px; }\n .results-header h2 { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: var(--dark); margin-bottom: 8px; }\n .results-header p { color: #777; font-size: 0.9rem; }\n .chart-container { background: white; border-radius: 16px; padding: 36px; box-shadow: 0 4px 24px rgba(26,26,46,0.09); margin-bottom: 32px; }\n .chart-title { font-size: 0.75rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #999; margin-bottom: 28px; }\n .chart-bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: end; height: 200px; padding-bottom: 8px; }\n .bar-col { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; gap: 8px; }\n .bar-score { font-size: 1.5rem; font-weight: 700; font-family: 'Playfair Display', serif; }\n .bar-fill { width: 100%; border-radius: 8px 8px 0 0; transition: height 1s cubic-bezier(0.34, 1.56, 0.64, 1); min-height: 4px; }\n .bar-label { font-size: 1.2rem; font-weight: 700; letter-spacing: 1px; }\n .bar-name { font-size: 0.72rem; color: #999; text-align: center; line-height: 1.3; }\n .D-color { color: var(--D); } .I-color { color: var(--I); } .S-color { color: var(--S); } .C-color { color: var(--C); }\n .bar-D { background: var(--D); } .bar-I { background: var(--I); } .bar-S { background: var(--S); } .bar-C { background: var(--C); }\n .profile-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; }\n @media (max-width: 600px) {\n .profile-cards { grid-template-columns: 1fr; }\n .q-row { grid-template-columns: 1fr; }\n .q-text.q-a { text-align: left; }\n .q-controls { flex-direction: row; }\n }\n .profile-card {\n background: white; border-radius: 14px; padding: 28px;\n box-shadow: 0 4px 20px rgba(26,26,46,0.07);\n opacity: 0.4; transition: opacity 0.5s, transform 0.3s;\n border-top: 4px solid transparent;\n }\n .profile-card.dominant { opacity: 1; transform: scale(1.02); grid-column: 1 \/ -1; }\n .profile-card.secondary { opacity: 0.85; }\n .profile-card.active { opacity: 1; }\n .card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }\n .card-letter {\n width: 52px; height: 52px; border-radius: 14px; color: white;\n font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n }\n .card-info h3 { font-family: 'Playfair Display', serif; font-size: 1.2rem; margin-bottom: 2px; }\n .card-info .tag {\n font-size: 0.72rem; padding: 3px 10px; border-radius: 20px;\n font-weight: 600; letter-spacing: 1px; text-transform: uppercase;\n color: white; display: inline-block;\n }\n .profile-section { margin-bottom: 14px; }\n .profile-section h4 { font-size: 0.72rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #bbb; margin-bottom: 6px; }\n .profile-section ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }\n .profile-section ul li { font-size: 0.82rem; padding: 4px 12px; background: var(--rose-light); border-radius: 20px; color: var(--dark); font-weight: 500; }\n .profile-section p { font-size: 0.88rem; line-height: 1.6; color: #555; }\n .words-work { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\n .word-chip { font-size: 0.78rem; padding: 4px 12px; border-radius: 20px; font-weight: 500; }\n .word-yes { background: #e8f5e9; color: #2e7d32; }\n .word-no { background: #fce4ec; color: #c62828; }\n .retake-zone { text-align: center; margin-top: 20px; }\n .btn-retake {\n background: transparent; border: 2px solid var(--fuchsia); color: var(--fuchsia);\n padding: 14px 36px; border-radius: 50px; font-size: 0.9rem; font-weight: 600;\n cursor: pointer; transition: all 0.2s; font-family: 'DM Sans', sans-serif;\n }\n .btn-retake:hover { background: var(--fuchsia); color: white; }\n footer { background: var(--dark); color: rgba(255,255,255,0.4); text-align: center; padding: 24px; font-size: 0.78rem; letter-spacing: 1px; }\n footer strong { color: var(--fuchsia); }\n<\/style>\n<\/head>\n<body>\n<header>\n <div>\n <div class=\"logo-text\">IRM<\/div>\n <div class=\"logo-sub\">Isabelle Recloux Management<\/div>\n <\/div>\n <div class=\"disc-dots\">\n <span class=\"dot-d\"><\/span><span class=\"dot-i\"><\/span><span class=\"dot-s\"><\/span><span class=\"dot-c\"><\/span>\n <\/div>\n<\/header>\n<div class=\"hero\">\n <h1>D\u00e9couvrez votre profil<br><em>DISC<\/em><\/h1>\n <p>18 questions pour mieux vous conna\u00eetre et comprendre votre style de communication et de management.<\/p>\n <div class=\"instruction-box\">\n <strong>Comment r\u00e9pondre ?<\/strong><br>\n R\u00e9pondez selon <strong>comment vous \u00eates maintenant<\/strong>, pas comme vous voudriez \u00eatre.<br>\n Pour chaque question, r\u00e9partissez <strong>3 points entre A et B<\/strong> (3-0 ou 2-1).\n <\/div>\n<\/div>\n<div class=\"progress-bar\">\n <div class=\"progress-track\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\n <div class=\"progress-text\" id=\"progressText\">0 \/ 18<\/div>\n<\/div>\n<div class=\"form-container\" id=\"formSection\">\n <div id=\"questionsContainer\"><\/div>\n <div class=\"submit-zone\">\n <button class=\"btn-submit\" onclick=\"submitTest()\">Voir mon profil DISC \u2192<\/button>\n <div class=\"error-msg\" id=\"errorMsg\">\u26a0 Veuillez r\u00e9pondre \u00e0 toutes les questions avant de continuer.<\/div>\n <\/div>\n<\/div>\n<div id=\"results\">\n <div class=\"results-header\">\n <h2>Votre profil DISC<\/h2>\n <p>R\u00e9sultats calcul\u00e9s sur la base de vos r\u00e9ponses<\/p>\n <\/div>\n <div class=\"chart-container\">\n <div class=\"chart-title\">Scores par dimension<\/div>\n <div class=\"chart-bars\" id=\"chartBars\"><\/div>\n <\/div>\n <div id=\"dominantSummary\" style=\"margin-bottom:24px;\"><\/div>\n <div class=\"profile-cards\" id=\"profileCards\"><\/div>\n <div class=\"retake-zone\">\n <button class=\"btn-retake\" onclick=\"retakeTest()\">\u21a9 Recommencer le test<\/button>\n <\/div>\n<\/div>\n<footer>\n <strong>IRM \u2013 Isabelle Recloux Management<\/strong> \u00b7 Outil \u00e0 usage p\u00e9dagogique interne\n<\/footer>\n<script>\nconst questions = [\n { a: \"Je suis assez ouvert aux gens et j'\u00e9tablis facilement de nouvelles relations\", b: \"Je ne suis pas tr\u00e8s ouvert(e) aux gens et je mets du temps pour \u00e9tablir de nouvelles relations\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je r\u00e9agis habituellement lentement et de fa\u00e7on r\u00e9fl\u00e9chie\", b: \"Je r\u00e9agis rapidement et spontan\u00e9ment\", scoreA: 'Re', scoreB: 'A' },\n { a: \"Je suis assez regardant sur la fa\u00e7on dont les autres accaparent mon temps\", b: \"Je ne fais pas attention au temps quand je suis avec les autres\", scoreA: 'F', scoreB: 'R' },\n { a: \"Je m'introduis facilement dans des rassemblements de personnes\", b: \"J'attends g\u00e9n\u00e9ralement que quelqu'un m'introduise dans un groupe\", scoreA: 'A', scoreB: 'Re' },\n { a: \"J'oriente souvent ma conversation sur les centres d'int\u00e9r\u00eat des autres m\u00eame si cela s'\u00e9gare du sujet en cours ou du travail\", b: \"J'oriente souvent ma conversation sur le travail, les actions ou les sujets d'actualit\u00e9\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je ne suis g\u00e9n\u00e9ralement pas assertif(ve), je peux \u00eatre patient\", b: \"Je suis g\u00e9n\u00e9ralement assertif(ve), je suis assez impatient quand \u00e7a n'avance pas\", scoreA: 'Re', scoreB: 'A' },\n { a: \"Je prends g\u00e9n\u00e9ralement des d\u00e9cisions bas\u00e9es sur les faits\", b: \"Je prends g\u00e9n\u00e9ralement des d\u00e9cisions bas\u00e9es sur les exp\u00e9riences, les ressentis ou les relations\", scoreA: 'F', scoreB: 'R' },\n { a: \"Je participe r\u00e9guli\u00e8rement aux conversations du groupe\", b: \"Je ne participe pas facilement aux conversations du groupe, je pr\u00e9f\u00e8re \u00e9couter\", scoreA: 'A', scoreB: 'Re' },\n { a: \"Je pr\u00e9f\u00e8re g\u00e9n\u00e9ralement travailler avec des autres, leur donner du support quand c'est possible\", b: \"Je pr\u00e9f\u00e8re travailler ind\u00e9pendamment ou donner mes directives pour que les autres travaillent efficacement\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je pose r\u00e9guli\u00e8rement des questions en m'exprimant par l'interm\u00e9diaire de quelqu'un ou en disant \u00ab on \u00bb\", b: \"Je fais des d\u00e9clarations spontan\u00e9es et j'exprime mon opinion avec fermet\u00e9\", scoreA: 'Re', scoreB: 'A' },\n { a: \"Je me concentre principalement sur les id\u00e9es, les concepts et les r\u00e9sultats\", b: \"Je me concentre principalement sur la personne, les relations et le ressenti\", scoreA: 'F', scoreB: 'R' },\n { a: \"Je m'exprime avec des gestes, des expressions faciales, une voix claire et mets de l'intonation dans mes phrases\", b: \"Je m'exprime calmement et pos\u00e9ment, je dois parfois r\u00e9p\u00e9ter parce que je ne parle pas assez fort\", scoreA: 'A', scoreB: 'Re' },\n { a: \"J'accepte g\u00e9n\u00e9ralement des points de vue des autres (id\u00e9es, impressions, \u00e9motions)\", b: \"Je n'accepte pas facilement un avis diff\u00e9rent du mien\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je r\u00e9agis au changement ou \u00e0 la prise de risque de fa\u00e7on pr\u00e9dictible et prudente\", b: \"Je r\u00e9agis au changement ou \u00e0 la prise de risque de fa\u00e7on dynamique et impr\u00e9visible\", scoreA: 'Re', scoreB: 'A' },\n { a: \"En g\u00e9n\u00e9ral, je pr\u00e9f\u00e8re r\u00e9server mes ressentis personnels et mes \u00e9motions \u00e0 un cercle tr\u00e8s restreint de personnes que j'ai choisies\", b: \"Je trouve naturel de partager et de discuter de mes \u00e9motions avec les autres\", scoreA: 'F', scoreB: 'R' },\n { a: \"Je recherche r\u00e9guli\u00e8rement de nouvelles exp\u00e9riences\", b: \"J'aime des situations connues et des relations stables sur lesquelles m'appuyer\", scoreA: 'A', scoreB: 'Re' },\n { a: \"Je suis concern\u00e9 par l'agenda des autres, leur int\u00e9r\u00eat et leurs obligations\", b: \"Je dirige les \u00e9v\u00e8nements en fonction de mon agenda, mes int\u00e9r\u00eats et mes projets\", scoreA: 'R', scoreB: 'F' },\n { a: \"Je r\u00e9agis aux conflits de fa\u00e7on calme et indirecte\", b: \"Je r\u00e9agis aux conflits de fa\u00e7on directe et rapide\", scoreA: 'Re', scoreB: 'A' },\n];\n\nconst profiles = {\n D: {\n name: \"Le Directif\", subtitle: \"Dominance\", tagColor: \"#E63946\",\n observations: \"R\u00e9solution rapide des probl\u00e8mes, orient\u00e9 sur les t\u00e2ches.\",\n recherche: \"Des r\u00e9sultats\",\n environnement: \"Autonomie, d\u00e9fis, environnement en mouvement rapide, sans supervision excessive.\",\n qualites: [\"Grande confiance en soi\", \"Courage\", \"Franchise\", \"D\u00e9termination\", \"Esprit de comp\u00e9tition\", \"Recherche de r\u00e9sultats\"],\n limites: [\"Impatience\", \"Tendance \u00e0 n\u00e9gliger les relations\", \"Peut \u00eatre trop direct\"],\n comment_communiquer: \"Soyez clair et pr\u00e9cis. Pr\u00e9sentez les faits de mani\u00e8re logique. Donnez-lui la libert\u00e9 de d\u00e9cider.\",\n mots_oui: [\"Rapide\", \"Avantage\", \"D\u00e9cisif\", \"R\u00e9sultats\"],\n mots_non: [\"Patient\", \"Suivez les instructions\", \"Incoh\u00e9rent\"],\n valeur: \"Organisateur autonome, tourn\u00e9 vers l'avenir, rel\u00e8ve les d\u00e9fis.\"\n },\n I: {\n name: \"L'Influent\", subtitle: \"Influence\", tagColor: \"#E88A00\",\n observations: \"Communicateur rapide, ax\u00e9 sur les personnes.\",\n recherche: \"Interaction et contact\",\n environnement: \"Degr\u00e9 \u00e9lev\u00e9 de contacts, r\u00e9seau, communication r\u00e9guli\u00e8re, peu de contr\u00f4le.\",\n qualites: [\"Aptitude relationnelle\", \"Enthousiasme\", \"Optimisme\", \"Spontan\u00e9it\u00e9\", \"Loquacit\u00e9\", \"Capacit\u00e9 d'adaptation\"],\n limites: [\"D\u00e9sorganis\u00e9\", \"Dispers\u00e9\", \"Procrastination\", \"\u00c9vite les d\u00e9tails\"],\n comment_communiquer: \"Parlez des gens et de leurs objectifs. Laissez du temps aux \u00e9changes informels. Engagez-le sur ses r\u00eaves.\",\n mots_oui: [\"Flexible\", \"Excitant\", \"Inspirant\", \"Nouveau\"],\n mots_non: [\"Ordinaire\", \"Calme\", \"Strict\", \"D\u00e9tail\"],\n valeur: \"Joueur d'\u00e9quipe optimiste qui motive les autres et n\u00e9gocie les conflits.\"\n },\n S: {\n name: \"Le Stable\", subtitle: \"Stabilit\u00e9\", tagColor: \"#2A9D8F\",\n observations: \"Relation au rythme plus lent, orient\u00e9e vers les personnes.\",\n recherche: \"Stabilit\u00e9 et coh\u00e9rence\",\n environnement: \"Stable et pr\u00e9visible, relations durables, changement progressif.\",\n qualites: [\"Fid\u00e9lit\u00e9\", \"Loyaut\u00e9\", \"Travail en \u00e9quipe\", \"Patience\", \"Modestie\", \"Pragmatisme\", \"Fiabilit\u00e9\"],\n limites: [\"Difficult\u00e9 \u00e0 dire non\", \"Possessivit\u00e9\", \"D\u00e9bord\u00e9 si trop de dossiers simultan\u00e9s\"],\n comment_communiquer: \"Montrez un int\u00e9r\u00eat sinc\u00e8re. \u00c9coutez et soyez r\u00e9actif. Donnez des assurances et le temps de r\u00e9pondre.\",\n mots_oui: [\"Coh\u00e9rent\", \"Habituel\", \"Fiable\", \"Soutien\"],\n mots_non: [\"Inattendu\", \"Urgent\", \"Confrontation\"],\n valeur: \"Membre fiable qui travaille fort. Patient et pers\u00e9v\u00e9rant, m\u00e8ne les t\u00e2ches \u00e0 bien.\"\n },\n C: {\n name: \"Le Consciencieux\", subtitle: \"Conformit\u00e9\", tagColor: \"#457B9D\",\n observations: \"Analyseur plus lent, orient\u00e9 sur les t\u00e2ches et les faits.\",\n recherche: \"Des faits et de la pr\u00e9cision\",\n environnement: \"R\u00e9flexion critique, analyses, peu de bruit, normes et qualit\u00e9 valoris\u00e9es.\",\n qualites: [\"Sens du d\u00e9tail\", \"Prudence\", \"Autodiscipline\", \"Esprit d'analyse\", \"Logique\", \"Perfectionnisme\"],\n limites: [\"Esprit critique\", \"Besoin de plus de temps\", \"Peut se perdre dans les d\u00e9tails\"],\n comment_communiquer: \"Pr\u00e9parez vos id\u00e9es et faits logiquement. Soyez simple et sp\u00e9cifique. Cr\u00e9ez un plan avec des d\u00e9lais pr\u00e9cis.\",\n mots_oui: [\"Factuel\", \"Pr\u00e9cis\", \"V\u00e9rifi\u00e9\", \"Logique\"],\n mots_non: [\"Imaginez\", \"Exp\u00e9rimentez\", \"Devinez\"],\n valeur: \"Perfectionniste consciencieux qui maintient des normes \u00e9lev\u00e9es et couvre toutes les bases.\"\n }\n};\n\nlet answers = Array(18).fill(null);\n\nfunction buildForm() {\n const container = document.getElementById('questionsContainer');\n container.innerHTML = '';\n questions.forEach((q, i) => {\n const card = document.createElement('div');\n card.className = 'question-card';\n card.id = 'card-' + i;\n card.innerHTML = '<div class=\"q-number\">Question ' + (i+1) + ' \/ 18<\/div>' +\n '<div class=\"q-row\">' +\n '<div class=\"q-text q-a\">' + q.a + '<\/div>' +\n '<div class=\"q-controls\">' +\n '<div class=\"q-label-ab\"><span>A<\/span><span>B<\/span><\/div>' +\n '<div class=\"slider-wrap\" id=\"btns-' + i + '\">' +\n '<button class=\"pts-btn\" onclick=\"selectAnswer(' + i + ',3,0,this)\">3-0<\/button>' +\n '<button class=\"pts-btn\" onclick=\"selectAnswer(' + i + ',2,1,this)\">2-1<\/button>' +\n '<button class=\"pts-btn\" onclick=\"selectAnswer(' + i + ',1,2,this)\">1-2<\/button>' +\n '<button class=\"pts-btn\" onclick=\"selectAnswer(' + i + ',0,3,this)\">0-3<\/button>' +\n '<\/div>' +\n '<div class=\"pts-display\" id=\"disp-' + i + '\">\u2014 points<\/div>' +\n '<\/div>' +\n '<div class=\"q-text q-b\">' + q.b + '<\/div>' +\n '<\/div>';\n container.appendChild(card);\n });\n}\n\nfunction selectAnswer(qIdx, aVal, bVal, btn) {\n answers[qIdx] = { a: aVal, b: bVal };\n document.querySelectorAll('#btns-' + qIdx + ' .pts-btn').forEach(function(b) {\n b.classList.remove('active-a', 'active-b');\n });\n btn.classList.add(aVal >= bVal ? 'active-a' : 'active-b');\n var disp = document.getElementById('disp-' + qIdx);\n disp.innerHTML = 'A: <span>' + aVal + '<\/span> pts \u00b7 B: <span>' + bVal + '<\/span> pts';\n var card = document.getElementById('card-' + qIdx);\n card.classList.add('answered');\n card.classList.remove('error');\n updateProgress();\n}\n\nfunction updateProgress() {\n var answered = answers.filter(function(a) { return a !== null; }).length;\n document.getElementById('progressFill').style.width = (answered \/ 18 * 100) + '%';\n document.getElementById('progressText').textContent = answered + ' \/ 18';\n}\n\nfunction calculateScores() {\n var scores = { R: 0, F: 0, A: 0, Re: 0 };\n questions.forEach(function(q, i) {\n var ans = answers[i];\n if (!ans) return;\n scores[q.scoreA] += ans.a;\n scores[q.scoreB] += ans.b;\n });\n return {\n D: (scores.F + scores.A) \/ 2,\n I: (scores.R + scores.A) \/ 2,\n S: (scores.R + scores.Re) \/ 2,\n C: (scores.F + scores.Re) \/ 2\n };\n}\n\nfunction submitTest() {\n var unanswered = answers.map(function(a, i) { return a === null ? i : null; }).filter(function(i) { return i !== null; });\n if (unanswered.length > 0) {\n document.getElementById('errorMsg').style.display = 'block';\n var firstCard = document.getElementById('card-' + unanswered[0]);\n firstCard.classList.add('error');\n firstCard.scrollIntoView({ behavior: 'smooth', block: 'center' });\n return;\n }\n document.getElementById('errorMsg').style.display = 'none';\n showResults(calculateScores());\n}\n\nfunction showResults(scores) {\n document.getElementById('formSection').style.display = 'none';\n document.getElementById('results').style.display = 'block';\n document.querySelector('.progress-bar').style.display = 'none';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n\n var sorted = ['D','I','S','C'].sort(function(a,b) { return scores[b] - scores[a]; });\n var dominant = sorted[0];\n\n var p = profiles[dominant];\n document.getElementById('dominantSummary').innerHTML =\n '<div style=\"background:white;border-radius:14px;padding:24px 28px;box-shadow:0 4px 20px rgba(26,26,46,0.07);border-left:5px solid ' + p.tagColor + ';\">' +\n '<div style=\"font-size:0.72rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#aaa;margin-bottom:10px;\">Profil dominant<\/div>' +\n '<div style=\"display:flex;align-items:center;gap:14px;\">' +\n '<div style=\"width:56px;height:56px;border-radius:14px;background:' + p.tagColor + ';color:white;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;\">' + dominant + '<\/div>' +\n '<div>' +\n '<div style=\"font-family:Playfair Display,serif;font-size:1.5rem;color:#1A1A2E;\">' + p.name + '<\/div>' +\n '<div style=\"font-size:0.85rem;color:#777;margin-top:2px;\">' + p.subtitle + ' \u00b7 Score : <strong style=\"color:' + p.tagColor + '\">' + scores[dominant].toFixed(1) + '<\/strong><\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<p style=\"margin-top:16px;font-size:0.92rem;line-height:1.65;color:#555;\">' + p.observations + '<\/p>' +\n '<\/div>';\n\n var barsEl = document.getElementById('chartBars');\n barsEl.innerHTML = '';\n var names = { D:'Directif', I:'Influent', S:'Stable', C:'Consciencieux' };\n ['D','I','S','C'].forEach(function(l) {\n var col = document.createElement('div');\n col.className = 'bar-col';\n col.innerHTML =\n '<div class=\"bar-score ' + l + '-color\">' + scores[l].toFixed(1) + '<\/div>' +\n '<div class=\"bar-fill bar-' + l + '\" id=\"bar-' + l + '\" style=\"height:0%;max-height:160px;width:80%;\"><\/div>' +\n '<div class=\"bar-label ' + l + '-color\">' + l + '<\/div>' +\n '<div class=\"bar-name\">' + names[l] + '<\/div>';\n barsEl.appendChild(col);\n });\n\n var cardsEl = document.getElementById('profileCards');\n cardsEl.innerHTML = '';\n var rankLabels = ['Dominant','Secondaire','3e','4e'];\n sorted.forEach(function(letter, rank) {\n var prof = profiles[letter];\n var card = document.createElement('div');\n card.className = 'profile-card ' + (rank === 0 ? 'dominant' : rank === 1 ? 'secondary' : 'active');\n card.style.borderTopColor = prof.tagColor;\n card.innerHTML =\n '<div class=\"card-header\">' +\n '<div class=\"card-letter\" style=\"background:' + prof.tagColor + '\">' + letter + '<\/div>' +\n '<div class=\"card-info\"><h3>' + prof.name + '<\/h3>' +\n '<span class=\"tag\" style=\"background:' + prof.tagColor + '\">' + rankLabels[rank] + ' \u00b7 ' + scores[letter].toFixed(1) + ' pts<\/span><\/div>' +\n '<\/div>' +\n '<div class=\"profile-section\"><h4>Ce qu\\'il recherche<\/h4><p>' + prof.recherche + '<\/p><\/div>' +\n '<div class=\"profile-section\"><h4>Environnement id\u00e9al<\/h4><p>' + prof.environnement + '<\/p><\/div>' +\n '<div class=\"profile-section\"><h4>Qualit\u00e9s cl\u00e9s<\/h4><ul>' + prof.qualites.map(function(q){return '<li>'+q+'<\/li>';}).join('') + '<\/ul><\/div>' +\n '<div class=\"profile-section\"><h4>Points de vigilance<\/h4><ul>' + prof.limites.map(function(l){return '<li>'+l+'<\/li>';}).join('') + '<\/ul><\/div>' +\n '<div class=\"profile-section\"><h4>Comment communiquer avec lui\/elle<\/h4><p>' + prof.comment_communiquer + '<\/p><\/div>' +\n '<div class=\"profile-section\"><h4>Mots qui fonctionnent \/ \u00e0 \u00e9viter<\/h4><div class=\"words-work\">' +\n prof.mots_oui.map(function(w){return '<span class=\"word-chip word-yes\">\u2713 '+w+'<\/span>';}).join('') +\n prof.mots_non.map(function(w){return '<span class=\"word-chip word-no\">\u2717 '+w+'<\/span>';}).join('') +\n '<\/div><\/div>' +\n '<div class=\"profile-section\"><h4>Valeur pour l\\'\u00e9quipe<\/h4><p>' + prof.valeur + '<\/p><\/div>';\n cardsEl.appendChild(card);\n });\n\n setTimeout(function() {\n ['D','I','S','C'].forEach(function(l) {\n var bar = document.getElementById('bar-' + l);\n if (bar) bar.style.height = Math.max(5, (scores[l] \/ 27 * 100)) + '%';\n });\n }, 100);\n}\n\nfunction retakeTest() {\n answers = Array(18).fill(null);\n document.getElementById('results').style.display = 'none';\n document.getElementById('formSection').style.display = 'block';\n document.querySelector('.progress-bar').style.display = 'flex';\n buildForm();\n updateProgress();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nbuildForm();\nupdateProgress();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Test DISC \u2013 IRM IRM Isabelle Recloux Management D\u00e9couvrez votre profilDISC 18 questions pour mieux vous conna\u00eetre et comprendre votre style de communication et de management. Comment r\u00e9pondre ? R\u00e9pondez selon comment vous \u00eates maintenant, pas comme vous voudriez \u00eatre. Pour chaque question, r\u00e9partissez 3 points entre A et B […]<\/p>\n","protected":false},"author":1,"featured_media":4304,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4809","page","type-page","status-publish","has-post-thumbnail","hentry"],"mb":[],"yoast_head":"\n<title>Test DISC - Isabelle Recloux Management<\/title>\n<meta name=\"description\" content=\"formation Test DISC communication management binche\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/isabellerecloux.be\/index.php\/test-disc\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test DISC - Isabelle Recloux Management\" \/>\n<meta property=\"og:description\" content=\"formation Test DISC communication management binche\" \/>\n<meta property=\"og:url\" content=\"https:\/\/isabellerecloux.be\/index.php\/test-disc\/\" \/>\n<meta property=\"og:site_name\" content=\"Isabelle Recloux Management\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/isabellereclouxmanagement\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-23T21:55:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/\",\"name\":\"Test DISC - Isabelle Recloux Management\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/pexels-mccutcheon-1209870-1-scaled.jpg\",\"datePublished\":\"2026-05-23T21:33:37+00:00\",\"dateModified\":\"2026-05-23T21:55:16+00:00\",\"description\":\"formation Test DISC communication management binche\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#primaryimage\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/pexels-mccutcheon-1209870-1-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/pexels-mccutcheon-1209870-1-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/index.php\\\/test-disc\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/isabellerecloux.be\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test DISC\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#website\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/\",\"name\":\"Isabelle Recloux Management\",\"description\":\"Formation - Consultance - Accompagnement\",\"publisher\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/isabellerecloux.be\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#organization\",\"name\":\"Isabelle Recloux Management\",\"alternateName\":\"Isabelle Recloux\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-Logo-IRM.png\",\"contentUrl\":\"https:\\\/\\\/isabellerecloux.be\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-Logo-IRM.png\",\"width\":512,\"height\":512,\"caption\":\"Isabelle Recloux Management\"},\"image\":{\"@id\":\"https:\\\/\\\/isabellerecloux.be\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/isabellereclouxmanagement\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/isabellerecloux\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Test DISC - Isabelle Recloux Management","description":"formation Test DISC communication management binche","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/","og_locale":"fr_FR","og_type":"article","og_title":"Test DISC - Isabelle Recloux Management","og_description":"formation Test DISC communication management binche","og_url":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/","og_site_name":"Isabelle Recloux Management","article_publisher":"https:\/\/facebook.com\/isabellereclouxmanagement","article_modified_time":"2026-05-23T21:55:16+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/","url":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/","name":"Test DISC - Isabelle Recloux Management","isPartOf":{"@id":"https:\/\/isabellerecloux.be\/#website"},"primaryImageOfPage":{"@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#primaryimage"},"image":{"@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#primaryimage"},"thumbnailUrl":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg","datePublished":"2026-05-23T21:33:37+00:00","dateModified":"2026-05-23T21:55:16+00:00","description":"formation Test DISC communication management binche","breadcrumb":{"@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/isabellerecloux.be\/index.php\/test-disc\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#primaryimage","url":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg","contentUrl":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2026\/01\/pexels-mccutcheon-1209870-1-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/isabellerecloux.be\/index.php\/test-disc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/isabellerecloux.be\/"},{"@type":"ListItem","position":2,"name":"Test DISC"}]},{"@type":"WebSite","@id":"https:\/\/isabellerecloux.be\/#website","url":"https:\/\/isabellerecloux.be\/","name":"Isabelle Recloux Management","description":"Formation - Consultance - Accompagnement","publisher":{"@id":"https:\/\/isabellerecloux.be\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/isabellerecloux.be\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/isabellerecloux.be\/#organization","name":"Isabelle Recloux Management","alternateName":"Isabelle Recloux","url":"https:\/\/isabellerecloux.be\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/isabellerecloux.be\/#\/schema\/logo\/image\/","url":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2023\/06\/cropped-Logo-IRM.png","contentUrl":"https:\/\/isabellerecloux.be\/wp-content\/uploads\/2023\/06\/cropped-Logo-IRM.png","width":512,"height":512,"caption":"Isabelle Recloux Management"},"image":{"@id":"https:\/\/isabellerecloux.be\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/isabellereclouxmanagement","https:\/\/www.linkedin.com\/in\/isabellerecloux\/"]}]}},"mfb_rest_fields":["title","yoast_head","yoast_head_json","gutenberg_elementor_mode"],"_links":{"self":[{"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/pages\/4809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/comments?post=4809"}],"version-history":[{"count":8,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/pages\/4809\/revisions"}],"predecessor-version":[{"id":4817,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/pages\/4809\/revisions\/4817"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/media\/4304"}],"wp:attachment":[{"href":"https:\/\/isabellerecloux.be\/index.php\/wp-json\/wp\/v2\/media?parent=4809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}