Quiz du Respect \u2013 Version Am\u00e9lior\u00e9e<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <style>\n body { font-family: Arial, sans-serif; background: linear-gradient(135deg,#eef2f3,#d9e5f0); padding: 20px; }\n .card { background:white; border-radius:20px; padding:30px; max-width:850px; margin:0 auto; box-shadow:0 6px 18px rgba(0,0,0,0.15); }\n h2{ text-align:center; }\n button, select, input{ width:100%; padding:12px; border-radius:12px; border:1px solid #bbb; font-size:1rem; margin-top:12px; cursor:pointer; }\n button:hover{ background:#e8e8e8; }\n .question{ margin-top:20px; font-size:1.3rem; font-weight:bold; }\n .progress-bar{ width:100%; background:#ddd; height:14px; border-radius:8px; margin-top:15px; }\n .progress{ height:100%; width:0%; background:#4caf50; border-radius:8px; transition:0.4s; }\n .timer{ text-align:right; font-size:1.1rem; font-weight:bold; margin-top:15px; color:#d9534f; }\n .result, .certificate{ margin-top:20px; padding:18px; background:#e9f7ef; border-left:5px solid #3cb371; border-radius:12px; display:none; }\n .pdf-btn{ background:#3cb371; color:white; font-weight:bold; }\n <\/style>\n<\/head>\n<body>\n <div class=\"card\">\n <h2>\ud83c\udf93 Quiz du Respect \u2013 Version Am\u00e9lior\u00e9e<\/h2>\n\n <label>Entrez votre pr\u00e9nom :<\/label>\n <input type=\"text\" id=\"username\" placeholder=\"Votre pr\u00e9nom\">\n\n <label>Choisissez une cat\u00e9gorie :<\/label>\n <select id=\"category\">\n <option value=\"amis\">Respect envers les amis<\/option>\n <option value=\"famille\">Respect envers la famille<\/option>\n <option value=\"enfants\">Respect envers les enfants<\/option>\n <option value=\"couple\">Respect envers \u00e9poux \/ \u00e9pouse<\/option>\n <\/select>\n\n <button id=\"startBtn\">\u25b6 Commencer le quiz<\/button>\n\n <div class=\"timer\" id=\"timer\"><\/div>\n <div class=\"progress-bar\"><div class=\"progress\" id=\"progress\"><\/div><\/div>\n\n <div id=\"quiz\"><\/div>\n <div id=\"result\" class=\"result\"><\/div>\n <div id=\"certificate\" class=\"certificate\"><\/div>\n <\/div>\n\n<script>\n\/\/ D\u00e9claration globale des variables et cat\u00e9gories\nlet current=0, score=0, selected=[], username=\"\", niveau=\"\", timerInterval, timeLeft=0;\n\nconst categories = {\n amis: [\n { q: \"Garder les confidences d\u2019un ami est un geste de\u2026\", options: [\"Respect\", \"Trahison\", \"Manipulation\"], answer: 0 },\n { q: \"Quand un ami parle, une attitude respectueuse est\u2026\", options: [\"L\u2019interrompre\", \"\u00c9couter pleinement\", \"Regarder son t\u00e9l\u00e9phone\"], answer: 1 },\n { q: \"Un signe de loyaut\u00e9 envers un ami :\", options: [\"Le critiquer derri\u00e8re son dos\", \"Le d\u00e9fendre en son absence\", \"L\u2019ignorer\"], answer: 1 },\n { q: \"Respecter un ami, c\u2019est aussi :\", options: [\"\u00catre jaloux\", \"Se r\u00e9jouir de ses r\u00e9ussites\", \"Le diminuer\"], answer: 1 },\n { q: \"Lors d\u2019un conflit, l\u2019attitude la plus respectueuse est :\", options: [\"\u00c9couter et dialoguer\", \"Hurler\", \"Rompre tout contact\"], answer: 0 },\n { q: \"\u00catre ponctuel montre :\", options: [\"Du respect\", \"De l\u2019indiff\u00e9rence\", \"Du m\u00e9pris\"], answer: 0 },\n { q: \"Un ami vous confie un secret. Vous :\", options: [\"Le racontez\", \"Le gardez pour vous\", \"L\u2019exag\u00e9rez\"], answer: 1 },\n { q: \"Quelle attitude est respectueuse ?\", options: [\"Encourager\", \"Rabaisser\", \"Comparer\"], answer: 0 },\n { q: \"Un ami vit une difficult\u00e9. Vous :\", options: [\"Ignorez\", \"Minimisez\", \"Soutenez\"], answer: 2 },\n { q: \"Base d\u2019une amiti\u00e9 respectueuse :\", options: [\"La critique\", \"La confiance\", \"La jalousie\"], answer: 1 },\n { q: \"Vous avez bless\u00e9 un ami. Vous :\", options: [\"Fuyez\", \"Vous excusez\", \"Accusez\"], answer: 1 },\n { q: \"Respecter les limites d\u2019un ami signifie :\", options: [\"Les franchir\", \"Les accepter\", \"Les ridiculiser\"], answer: 1 },\n { q: \"Un ami r\u00e9ussit. Vous :\", options: [\"F\u00e9licitez\", \"D\u00e9valorisez\", \"Ignorez\"], answer: 0 },\n { q: \"\u00catre pr\u00e9sent pour un ami est :\", options: [\"Du respect\", \"De la faiblesse\", \"Inutile\"], answer: 0 },\n { q: \"Une parole respectueuse est :\", options: [\"Bienveillante\", \"Blessante\", \"Humiliante\"], answer: 0 }\n ],\n famille: [\/* ... questions ... *\/],\n enfants: [\/* ... questions ... *\/],\n couple: [\/* ... questions ... *\/]\n};\n\n\/\/ Fonctions globales\nfunction startQuiz(){\n username=document.getElementById('username').value;\n if(!username){ alert('Veuillez entrer votre pr\u00e9nom.'); return; }\n\n const cat=document.getElementById('category').value;\n selected=categories[cat];\n current=0; score=0;\n\n document.getElementById('result').style.display='none';\n document.getElementById('certificate').style.display='none';\n\n startTimer();\n showQuestion();\n}\n\nfunction startTimer(){\n timeLeft=180;\n clearInterval(timerInterval);\n timerInterval=setInterval(()=>{\n document.getElementById('timer').textContent='\u23f3 Temps restant : '+timeLeft+' sec';\n if(timeLeft<=0){ clearInterval(timerInterval); finishQuiz(); }\n timeLeft--;\n },1000);\n}\n\nfunction updateProgress(){\n const percent=((current)\/selected.length)*100;\n document.getElementById('progress').style.width=percent+'%';\n}\n\nfunction showQuestion(){\n updateProgress();\n const qzone=document.getElementById('quiz');\n const q=selected[current];\n\n let html=`<div class='question'>${current+1}. ${q.q}<\/div>`;\n q.options.forEach((opt,i)=>{\n html+=`<button onclick='answer(${i})'>${opt}<\/button>`;\n });\n qzone.innerHTML=html;\n}\n\nfunction answer(i){\n if(i===selected[current].answer) score++;\n current++;\n if(current<selected.length) showQuestion();\n else finishQuiz();\n}\n\nfunction finishQuiz(){\n clearInterval(timerInterval);\n document.getElementById('quiz').innerHTML=\"\";\n\n const result=document.getElementById('result');\n result.style.display='block';\n result.textContent=`${username}, votre score : ${score} \/ ${selected.length}`;\n\n if(score===selected.length) niveau=\"\ud83c\udf1f Ma\u00eetre du Respect\";\n else if(score>=selected.length*0.7) niveau=\"\ud83d\udc4d Tr\u00e8s Respectueux\";\n else if(score>=selected.length*0.5) niveau=\"\ud83d\ude42 Respect Correct\";\n else niveau=\"\ud83d\udca1 Peut s'am\u00e9liorer\";\n\n const cert=document.getElementById('certificate');\n const today = new Date().toLocaleDateString();\n cert.style.display='block';\n cert.innerHTML=`<h3>\ud83c\udfc5 Certificat de Respect<\/h3>\n <p><strong>${username}<\/strong>, vous avez atteint le niveau : <strong>${niveau}<\/strong><\/p>\n <p>Fournit par <a href='https:\/\/clubvivremieux.com\/' target='_blank'>https:\/\/clubvivremieux.com\/<\/a><\/p>\n <p>Date : ${today}<\/p>\n <p>Cr\u00e9\u00e9 par Guido SAVERIO<\/p>\n <button class='pdf-btn' onclick='generatePDF()'>\ud83d\udcc4 T\u00e9l\u00e9charger le certificat PDF<\/button>`;\n}\n\nfunction generatePDF(){\n const {jsPDF}=window.jspdf;\n const doc=new jsPDF();\n const today = new Date().toLocaleDateString();\n\n doc.setFontSize(26);\n doc.text(\"CERTIFICAT DE RESPECT\",40,30);\n\n doc.setFontSize(16);\n doc.text(`D\u00e9cern\u00e9 \u00e0 : ${username}`,40,60);\n doc.text(`Score : ${score} \/ ${selected.length}`,40,80);\n doc.text(`Niveau : ${niveau}`,40,100);\n doc.text(`Fournit par https:\/\/clubvivremieux.com\/`,40,120);\n doc.text(`Date : ${today}`,40,140);\n doc.text(`Cr\u00e9\u00e9 par Guido SAVERIO`,40,160);\n\n doc.setFontSize(12);\n doc.text(\"Merci de promouvoir le respect autour de vous.\",40,180);\n\n doc.save(`certificat_respect_${username}.pdf`);\n}\n\n\/\/ Lier le bouton au d\u00e9marrage\ndocument.getElementById('startBtn').addEventListener('click', startQuiz);\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"256\" height=\"384\" src=\"https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-6-dec.-2025-13_06.png\" alt=\"\" class=\"wp-image-1865\" srcset=\"https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-6-dec.-2025-13_06.png 256w, https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-6-dec.-2025-13_06-200x300.png 200w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\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>Gestes de respect<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f5f5f5;\n padding: 20px;\n }\n .card {\n background: white;\n border-radius: 16px;\n padding: 20px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n max-width: 500px;\n margin: 0 auto;\n }\n h2 {\n margin-top: 0;\n }\n select, button {\n width: 100%;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #ccc;\n margin-top: 10px;\n font-size: 1rem;\n }\n .result {\n margin-top: 20px;\n padding: 15px;\n background: #e9f5ff;\n border-left: 4px solid #2196f3;\n border-radius: 8px;\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"card\">\n <h2>Gestes de respect<\/h2>\n <p>S\u00e9lectionnez un contexte pour d\u00e9couvrir un geste ou un signe de respect.<\/p>\n\n <select id=\"contextSelect\">\n <option value=\"famille\">Envers sa famille<\/option>\n <option value=\"amis\">Envers ses amis<\/option>\n <option value=\"tous\">Pour tout le monde<\/option>\n <\/select>\n\n <button onclick=\"showRespect()\">Afficher un geste de respect<\/button>\n\n <div id=\"result\" class=\"result\"><\/div>\n <\/div>\n\n <script>\n const gestes = {\n famille: [\n \"\u00c9couter activement un membre de la famille sans l'interrompre.\",\n \"Proposer spontan\u00e9ment son aide pour all\u00e9ger la charge de quelqu'un.\",\n \"Exprimer r\u00e9guli\u00e8rement sa gratitude pour leur pr\u00e9sence.\",\n \"Passer du temps de qualit\u00e9 ensemble sans distractions.\",\n \"Respecter les d\u00e9cisions et les valeurs de chacun.\",\n \"Participer aux t\u00e2ches m\u00e9nag\u00e8res sans qu\u2019on le demande.\",\n \"S\u2019excuser sinc\u00e8rement en cas de tort.\",\n \"Encourager les projets et les r\u00eaves des proches.\",\n \"Prendre soin des a\u00een\u00e9s avec douceur et attention.\",\n \"\u00c9viter les critiques blessantes et privil\u00e9gier la communication bienveillante.\",\n \"Faire preuve de patience lors des d\u00e9saccords.\",\n \"\u00catre pr\u00e9sent lors d\u2019\u00e9v\u00e9nements importants (anniversaires, r\u00e9unions).\"\n ],\n amis: [\n \"Rester pr\u00e9sent et disponible lorsqu'un ami traverse une p\u00e9riode difficile.\",\n \"Respecter leurs limites et leurs choix, m\u00eame s\u2019ils diff\u00e8rent des v\u00f4tres.\",\n \"C\u00e9l\u00e9brer sinc\u00e8rement leurs r\u00e9ussites et leurs progr\u00e8s.\",\n \"\u00catre honn\u00eate sans jugement.\",\n \"Proposer son aide sans attendre quelque chose en retour.\",\n \"Prendre des nouvelles r\u00e9guli\u00e8rement.\",\n \"Garder les confidences pour soi.\",\n \"Accepter les diff\u00e9rences de caract\u00e8re ou d\u2019opinions.\",\n \"\u00catre ponctuel lors des rendez-vous.\",\n \"Remercier pour les moments partag\u00e9s.\",\n \"Reconna\u00eetre ses torts en cas de conflit.\",\n \"Encourager et soutenir dans les projets personnels.\"\n ],\n tous: [\n \"Dire bonjour avec un sourire et un ton chaleureux.\",\n \"Respecter l'espace personnel de chacun.\",\n \"Montrer de la bienveillance et \u00e9viter les jugements h\u00e2tifs.\",\n \"Tenir la porte pour quelqu\u2019un.\",\n \"\u00c9viter d\u2019interrompre pendant qu\u2019une personne parle.\",\n \"Utiliser un langage poli et respectueux.\",\n \"\u00catre ponctuel.\",\n \"Respecter les diff\u00e9rences culturelles et religieuses.\",\n \"R\u00e9pondre avec calme m\u00eame en cas de d\u00e9saccord.\",\n \"Laisser sa place \u00e0 quelqu\u2019un qui en a besoin.\",\n \"Remercier pour les services rendus.\",\n \"Respecter les files d\u2019attente.\",\n \"\u00c9viter les comportements intrusifs.\",\n \"Ne pas juger sur l\u2019apparence.\",\n \"\u00c9couter attentivement dans une conversation.\",\n \"Admettre lorsqu\u2019on ne sait pas quelque chose.\",\n \"Encourager plut\u00f4t que rabaisser.\",\n \"Demander la permission avant de toucher ou utiliser quelque chose.\",\n \"Respecter la vie priv\u00e9e et la confidentialit\u00e9.\",\n \"\u00catre ouvert au dialogue et aux compromis.\"\n ]\n };\n\n function showRespect() {\n const contexte = document.getElementById('contextSelect').value;\n const liste = gestes[contexte];\n const choix = liste[Math.floor(Math.random() * liste.length)];\n const resultBox = document.getElementById('result');\n resultBox.style.display = 'block';\n resultBox.textContent = choix;\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"has-text-align-center has-pale-cyan-blue-background-color has-background has-medium-font-size\"><strong>Voici 10 citations inspirantes sur le respect :<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u00ab Le respect des autres est la cl\u00e9 de toutes les relations durables. \u00bb<\/strong> \u2013 Inconnu<\/li>\n\n\n\n<li><strong>\u00ab Traite les gens comme tu voudrais \u00eatre trait\u00e9. \u00bb<\/strong> \u2013 Proverbe universel<\/li>\n\n\n\n<li><strong>\u00ab Le respect ne s\u2019impose pas, il se m\u00e9rite. \u00bb<\/strong> \u2013 Albert Schweitzer<\/li>\n\n\n\n<li><strong>\u00ab Respecter quelqu\u2019un, ce n\u2019est pas seulement tol\u00e9rer, c\u2019est comprendre et accepter. \u00bb<\/strong> \u2013 Inconnu<\/li>\n\n\n\n<li><strong>\u00ab On peut juger un homme par la mani\u00e8re dont il traite ceux qui ne peuvent rien pour lui. \u00bb<\/strong> \u2013 Simone de Beauvoir<\/li>\n\n\n\n<li><strong>\u00ab Le respect est la fondation sur laquelle s\u2019\u00e9rige la confiance. \u00bb<\/strong> \u2013 Inconnu<\/li>\n\n\n\n<li><strong>\u00ab La v\u00e9ritable grandeur d\u2019un homme se mesure \u00e0 sa capacit\u00e9 \u00e0 respecter les autres. \u00bb<\/strong> \u2013 Ralph Waldo Emerson<\/li>\n\n\n\n<li><strong>\u00ab Respecter les autres, c\u2019est se respecter soi-m\u00eame. \u00bb<\/strong> \u2013 Confucius<\/li>\n\n\n\n<li><strong>\u00ab Le respect mutuel est la base de la paix et de l\u2019harmonie. \u00bb<\/strong> \u2013 Inconnu<\/li>\n\n\n\n<li><strong>\u00ab Le respect est le langage universel que tout c\u0153ur comprend. \u00bb<\/strong> \u2013 Inconnu<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Quiz du Respect \u2013 Version Am\u00e9lior\u00e9e \ud83c\udf93 Quiz du Respect \u2013 Version Am\u00e9lior\u00e9e Entrez votre pr\u00e9nom : Choisissez une cat\u00e9gorie : Respect envers les amisRespect envers la familleRespect envers les enfantsRespect envers \u00e9poux \/ \u00e9pouse \u25b6 Commencer le quiz Gestes… <a href=\"https:\/\/clubvivremieux.com\/index.php\/quiz-du-respect-version-amelioree\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Quiz du Respect \u2013 gestes de respect – avec certificat<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1857","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1857"}],"version-history":[{"count":8,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1857\/revisions"}],"predecessor-version":[{"id":1867,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1857\/revisions\/1867"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1857,"date":"2025-12-06T11:44:16","date_gmt":"2025-12-06T11:44:16","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1857"},"modified":"2025-12-06T12:12:06","modified_gmt":"2025-12-06T12:12:06","slug":"quiz-du-respect-version-amelioree","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/quiz-du-respect-version-amelioree\/","title":{"rendered":"Quiz du Respect \u2013 gestes de respect – avec certificat"},"content":{"rendered":"\n\n\n\n \n \n Quiz du Respect \u2013 Version Am\u00e9lior\u00e9e<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <style>\n body { font-family: Arial, sans-serif; background: linear-gradient(135deg,#eef2f3,#d9e5f0); padding: 20px; }\n .card { background:white; border-radius:20px; padding:30px; max-width:850px; margin:0 auto; box-shadow:0 6px 18px rgba(0,0,0,0.15); }\n h2{ text-align:center; }\n button, select, input{ width:100%; padding:12px; border-radius:12px; border:1px solid #bbb; font-size:1rem; margin-top:12px; cursor:pointer; }\n button:hover{ background:#e8e8e8; }\n .question{ margin-top:20px; font-size:1.3rem; font-weight:bold; }\n .progress-bar{ width:100%; background:#ddd; height:14px; border-radius:8px; margin-top:15px; }\n .progress{ height:100%; width:0%; background:#4caf50; border-radius:8px; transition:0.4s; }\n .timer{ text-align:right; font-size:1.1rem; font-weight:bold; margin-top:15px; color:#d9534f; }\n .result, .certificate{ margin-top:20px; padding:18px; background:#e9f7ef; border-left:5px solid #3cb371; border-radius:12px; display:none; }\n .pdf-btn{ background:#3cb371; color:white; font-weight:bold; }\n <\/style>\n<\/head>\n<body>\n <div class=\"card\">\n <h2>\ud83c\udf93 Quiz du Respect \u2013 Version Am\u00e9lior\u00e9e<\/h2>\n\n <label>Entrez votre pr\u00e9nom :<\/label>\n <input type=\"text\" id=\"username\" placeholder=\"Votre pr\u00e9nom\">\n\n <label>Choisissez une cat\u00e9gorie :<\/label>\n <select id=\"category\">\n <option value=\"amis\">Respect envers les amis<\/option>\n <option value=\"famille\">Respect envers la famille<\/option>\n <option value=\"enfants\">Respect envers les enfants<\/option>\n <option value=\"couple\">Respect envers \u00e9poux \/ \u00e9pouse<\/option>\n <\/select>\n\n <button id=\"startBtn\">\u25b6 Commencer le quiz<\/button>\n\n <div class=\"timer\" id=\"timer\"><\/div>\n <div class=\"progress-bar\"><div class=\"progress\" id=\"progress\"><\/div><\/div>\n\n <div id=\"quiz\"><\/div>\n <div id=\"result\" class=\"result\"><\/div>\n <div id=\"certificate\" class=\"certificate\"><\/div>\n <\/div>\n\n<script>\n\/\/ D\u00e9claration globale des variables et cat\u00e9gories\nlet current=0, score=0, selected=[], username=\"\", niveau=\"\", timerInterval, timeLeft=0;\n\nconst categories = {\n amis: [\n { q: \"Garder les confidences d\u2019un ami est un geste de\u2026\", options: [\"Respect\", \"Trahison\", \"Manipulation\"], answer: 0 },\n { q: \"Quand un ami parle, une attitude respectueuse est\u2026\", options: [\"L\u2019interrompre\", \"\u00c9couter pleinement\", \"Regarder son t\u00e9l\u00e9phone\"], answer: 1 },\n { q: \"Un signe de loyaut\u00e9 envers un ami :\", options: [\"Le critiquer derri\u00e8re son dos\", \"Le d\u00e9fendre en son absence\", \"L\u2019ignorer\"], answer: 1 },\n { q: \"Respecter un ami, c\u2019est aussi :\", options: [\"\u00catre jaloux\", \"Se r\u00e9jouir de ses r\u00e9ussites\", \"Le diminuer\"], answer: 1 },\n { q: \"Lors d\u2019un conflit, l\u2019attitude la plus respectueuse est :\", options: [\"\u00c9couter et dialoguer\", \"Hurler\", \"Rompre tout contact\"], answer: 0 },\n { q: \"\u00catre ponctuel montre :\", options: [\"Du respect\", \"De l\u2019indiff\u00e9rence\", \"Du m\u00e9pris\"], answer: 0 },\n { q: \"Un ami vous confie un secret. Vous :\", options: [\"Le racontez\", \"Le gardez pour vous\", \"L\u2019exag\u00e9rez\"], answer: 1 },\n { q: \"Quelle attitude est respectueuse ?\", options: [\"Encourager\", \"Rabaisser\", \"Comparer\"], answer: 0 },\n { q: \"Un ami vit une difficult\u00e9. Vous :\", options: [\"Ignorez\", \"Minimisez\", \"Soutenez\"], answer: 2 },\n { q: \"Base d\u2019une amiti\u00e9 respectueuse :\", options: [\"La critique\", \"La confiance\", \"La jalousie\"], answer: 1 },\n { q: \"Vous avez bless\u00e9 un ami. Vous :\", options: [\"Fuyez\", \"Vous excusez\", \"Accusez\"], answer: 1 },\n { q: \"Respecter les limites d\u2019un ami signifie :\", options: [\"Les franchir\", \"Les accepter\", \"Les ridiculiser\"], answer: 1 },\n { q: \"Un ami r\u00e9ussit. Vous :\", options: [\"F\u00e9licitez\", \"D\u00e9valorisez\", \"Ignorez\"], answer: 0 },\n { q: \"\u00catre pr\u00e9sent pour un ami est :\", options: [\"Du respect\", \"De la faiblesse\", \"Inutile\"], answer: 0 },\n { q: \"Une parole respectueuse est :\", options: [\"Bienveillante\", \"Blessante\", \"Humiliante\"], answer: 0 }\n ],\n famille: [\/* ... questions ... *\/],\n enfants: [\/* ... questions ... *\/],\n couple: [\/* ... questions ... *\/]\n};\n\n\/\/ Fonctions globales\nfunction startQuiz(){\n username=document.getElementById('username').value;\n if(!username){ alert('Veuillez entrer votre pr\u00e9nom.'); return; }\n\n const cat=document.getElementById('category').value;\n selected=categories[cat];\n current=0; score=0;\n\n document.getElementById('result').style.display='none';\n document.getElementById('certificate').style.display='none';\n\n startTimer();\n showQuestion();\n}\n\nfunction startTimer(){\n timeLeft=180;\n clearInterval(timerInterval);\n timerInterval=setInterval(()=>{\n document.getElementById('timer').textContent='\u23f3 Temps restant : '+timeLeft+' sec';\n if(timeLeft<=0){ clearInterval(timerInterval); finishQuiz(); }\n timeLeft--;\n },1000);\n}\n\nfunction updateProgress(){\n const percent=((current)\/selected.length)*100;\n document.getElementById('progress').style.width=percent+'%';\n}\n\nfunction showQuestion(){\n updateProgress();\n const qzone=document.getElementById('quiz');\n const q=selected[current];\n\n let html=`<div class='question'>${current+1}. ${q.q}<\/div>`;\n q.options.forEach((opt,i)=>{\n html+=`<button onclick='answer(${i})'>${opt}<\/button>`;\n });\n qzone.innerHTML=html;\n}\n\nfunction answer(i){\n if(i===selected[current].answer) score++;\n current++;\n if(current<selected.length) showQuestion();\n else finishQuiz();\n}\n\nfunction finishQuiz(){\n clearInterval(timerInterval);\n document.getElementById('quiz').innerHTML=\"\";\n\n const result=document.getElementById('result');\n result.style.display='block';\n result.textContent=`${username}, votre score : ${score} \/ ${selected.length}`;\n\n if(score===selected.length) niveau=\"\ud83c\udf1f Ma\u00eetre du Respect\";\n else if(score>=selected.length*0.7) niveau=\"\ud83d\udc4d Tr\u00e8s Respectueux\";\n else if(score>=selected.length*0.5) niveau=\"\ud83d\ude42 Respect Correct\";\n else niveau=\"\ud83d\udca1 Peut s'am\u00e9liorer\";\n\n const cert=document.getElementById('certificate');\n const today = new Date().toLocaleDateString();\n cert.style.display='block';\n cert.innerHTML=`<h3>\ud83c\udfc5 Certificat de Respect<\/h3>\n <p><strong>${username}<\/strong>, vous avez atteint le niveau : <strong>${niveau}<\/strong><\/p>\n <p>Fournit par <a href='https:\/\/clubvivremieux.com\/' target='_blank'>https:\/\/clubvivremieux.com\/<\/a><\/p>\n <p>Date : ${today}<\/p>\n <p>Cr\u00e9\u00e9 par Guido SAVERIO<\/p>\n <button class='pdf-btn' onclick='generatePDF()'>\ud83d\udcc4 T\u00e9l\u00e9charger le certificat PDF<\/button>`;\n}\n\nfunction generatePDF(){\n const {jsPDF}=window.jspdf;\n const doc=new jsPDF();\n const today = new Date().toLocaleDateString();\n\n doc.setFontSize(26);\n doc.text(\"CERTIFICAT DE RESPECT\",40,30);\n\n doc.setFontSize(16);\n doc.text(`D\u00e9cern\u00e9 \u00e0 : ${username}`,40,60);\n doc.text(`Score : ${score} \/ ${selected.length}`,40,80);\n doc.text(`Niveau : ${niveau}`,40,100);\n doc.text(`Fournit par https:\/\/clubvivremieux.com\/`,40,120);\n doc.text(`Date : ${today}`,40,140);\n doc.text(`Cr\u00e9\u00e9 par Guido SAVERIO`,40,160);\n\n doc.setFontSize(12);\n doc.text(\"Merci de promouvoir le respect autour de vous.\",40,180);\n\n doc.save(`certificat_respect_${username}.pdf`);\n}\n\n\/\/ Lier le bouton au d\u00e9marrage\ndocument.getElementById('startBtn').addEventListener('click', startQuiz);\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"256\" height=\"384\" src=\"https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-6-dec.-2025-13_06.png\" alt=\"\" class=\"wp-image-1865\" srcset=\"https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-6-dec.-2025-13_06.png 256w, https:\/\/clubvivremieux.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-6-dec.-2025-13_06-200x300.png 200w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\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>Gestes de respect<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f5f5f5;\n padding: 20px;\n }\n .card {\n background: white;\n border-radius: 16px;\n padding: 20px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n max-width: 500px;\n margin: 0 auto;\n }\n h2 {\n margin-top: 0;\n }\n select, button {\n width: 100%;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #ccc;\n margin-top: 10px;\n font-size: 1rem;\n }\n .result {\n margin-top: 20px;\n padding: 15px;\n background: #e9f5ff;\n border-left: 4px solid #2196f3;\n border-radius: 8px;\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"card\">\n <h2>Gestes de respect<\/h2>\n <p>S\u00e9lectionnez un contexte pour d\u00e9couvrir un geste ou un signe de respect.<\/p>\n\n <select id=\"contextSelect\">\n <option value=\"famille\">Envers sa famille<\/option>\n <option value=\"amis\">Envers ses amis<\/option>\n <option value=\"tous\">Pour tout le monde<\/option>\n <\/select>\n\n <button onclick=\"showRespect()\">Afficher un geste de respect<\/button>\n\n <div id=\"result\" class=\"result\"><\/div>\n <\/div>\n\n <script>\n const gestes = {\n famille: [\n \"\u00c9couter activement un membre de la famille sans l'interrompre.\",\n \"Proposer spontan\u00e9ment son aide pour all\u00e9ger la charge de quelqu'un.\",\n \"Exprimer r\u00e9guli\u00e8rement sa gratitude pour leur pr\u00e9sence.\",\n \"Passer du temps de qualit\u00e9 ensemble sans distractions.\",\n \"Respecter les d\u00e9cisions et les valeurs de chacun.\",\n \"Participer aux t\u00e2ches m\u00e9nag\u00e8res sans qu\u2019on le demande.\",\n \"S\u2019excuser sinc\u00e8rement en cas de tort.\",\n \"Encourager les projets et les r\u00eaves des proches.\",\n \"Prendre soin des a\u00een\u00e9s avec douceur et attention.\",\n \"\u00c9viter les critiques blessantes et privil\u00e9gier la communication bienveillante.\",\n \"Faire preuve de patience lors des d\u00e9saccords.\",\n \"\u00catre pr\u00e9sent lors d\u2019\u00e9v\u00e9nements importants (anniversaires, r\u00e9unions).\"\n ],\n amis: [\n \"Rester pr\u00e9sent et disponible lorsqu'un ami traverse une p\u00e9riode difficile.\",\n \"Respecter leurs limites et leurs choix, m\u00eame s\u2019ils diff\u00e8rent des v\u00f4tres.\",\n \"C\u00e9l\u00e9brer sinc\u00e8rement leurs r\u00e9ussites et leurs progr\u00e8s.\",\n \"\u00catre honn\u00eate sans jugement.\",\n \"Proposer son aide sans attendre quelque chose en retour.\",\n \"Prendre des nouvelles r\u00e9guli\u00e8rement.\",\n \"Garder les confidences pour soi.\",\n \"Accepter les diff\u00e9rences de caract\u00e8re ou d\u2019opinions.\",\n \"\u00catre ponctuel lors des rendez-vous.\",\n \"Remercier pour les moments partag\u00e9s.\",\n \"Reconna\u00eetre ses torts en cas de conflit.\",\n \"Encourager et soutenir dans les projets personnels.\"\n ],\n tous: [\n \"Dire bonjour avec un sourire et un ton chaleureux.\",\n \"Respecter l'espace personnel de chacun.\",\n \"Montrer de la bienveillance et \u00e9viter les jugements h\u00e2tifs.\",\n \"Tenir la porte pour quelqu\u2019un.\",\n \"\u00c9viter d\u2019interrompre pendant qu\u2019une personne parle.\",\n \"Utiliser un langage poli et respectueux.\",\n \"\u00catre ponctuel.\",\n \"Respecter les diff\u00e9rences culturelles et religieuses.\",\n \"R\u00e9pondre avec calme m\u00eame en cas de d\u00e9saccord.\",\n \"Laisser sa place \u00e0 quelqu\u2019un qui en a besoin.\",\n \"Remercier pour les services rendus.\",\n \"Respecter les files d\u2019attente.\",\n \"\u00c9viter les comportements intrusifs.\",\n \"Ne pas juger sur l\u2019apparence.\",\n \"\u00c9couter attentivement dans une conversation.\",\n \"Admettre lorsqu\u2019on ne sait pas quelque chose.\",\n \"Encourager plut\u00f4t que rabaisser.\",\n \"Demander la permission avant de toucher ou utiliser quelque chose.\",\n \"Respecter la vie priv\u00e9e et la confidentialit\u00e9.\",\n \"\u00catre ouvert au dialogue et aux compromis.\"\n ]\n };\n\n function showRespect() {\n const contexte = document.getElementById('contextSelect').value;\n const liste = gestes[contexte];\n const choix = liste[Math.floor(Math.random() * liste.length)];\n const resultBox = document.getElementById('result');\n resultBox.style.display = 'block';\n resultBox.textContent = choix;\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"has-text-align-center has-pale-cyan-blue-background-color has-background has-medium-font-size\"><strong>Voici 10 citations inspirantes sur le respect :<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u00ab Le respect des autres est la cl\u00e9 de toutes les relations durables. \u00bb<\/strong> \u2013 Inconnu<\/li>\n\n\n\n<li><strong>\u00ab Traite les gens comme tu voudrais \u00eatre trait\u00e9. \u00bb<\/strong> \u2013 Proverbe universel<\/li>\n\n\n\n<li><strong>\u00ab Le respect ne s\u2019impose pas, il se m\u00e9rite. \u00bb<\/strong> \u2013 Albert Schweitzer<\/li>\n\n\n\n<li><strong>\u00ab Respecter quelqu\u2019un, ce n\u2019est pas seulement tol\u00e9rer, c\u2019est comprendre et accepter. \u00bb<\/strong> \u2013 Inconnu<\/li>\n\n\n\n<li><strong>\u00ab On peut juger un homme par la mani\u00e8re dont il traite ceux qui ne peuvent rien pour lui. \u00bb<\/strong> \u2013 Simone de Beauvoir<\/li>\n\n\n\n<li><strong>\u00ab Le respect est la fondation sur laquelle s\u2019\u00e9rige la confiance. \u00bb<\/strong> \u2013 Inconnu<\/li>\n\n\n\n<li><strong>\u00ab La v\u00e9ritable grandeur d\u2019un homme se mesure \u00e0 sa capacit\u00e9 \u00e0 respecter les autres. \u00bb<\/strong> \u2013 Ralph Waldo Emerson<\/li>\n\n\n\n<li><strong>\u00ab Respecter les autres, c\u2019est se respecter soi-m\u00eame. \u00bb<\/strong> \u2013 Confucius<\/li>\n\n\n\n<li><strong>\u00ab Le respect mutuel est la base de la paix et de l\u2019harmonie. \u00bb<\/strong> \u2013 Inconnu<\/li>\n\n\n\n<li><strong>\u00ab Le respect est le langage universel que tout c\u0153ur comprend. \u00bb<\/strong> \u2013 Inconnu<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Quiz du Respect \u2013 Version Am\u00e9lior\u00e9e \ud83c\udf93 Quiz du Respect \u2013 Version Am\u00e9lior\u00e9e Entrez votre pr\u00e9nom : Choisissez une cat\u00e9gorie : Respect envers les amisRespect envers la familleRespect envers les enfantsRespect envers \u00e9poux \/ \u00e9pouse \u25b6 Commencer le quiz Gestes… <a href=\"https:\/\/clubvivremieux.com\/index.php\/quiz-du-respect-version-amelioree\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Quiz du Respect \u2013 gestes de respect – avec certificat<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1857","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1857"}],"version-history":[{"count":8,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1857\/revisions"}],"predecessor-version":[{"id":1867,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1857\/revisions\/1867"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}