{"id":528,"date":"2025-01-26T17:53:27","date_gmt":"2025-01-26T17:53:27","guid":{"rendered":"https:\/\/orientationpositive.tn\/wp\/?page_id=528"},"modified":"2025-08-17T17:44:49","modified_gmt":"2025-08-17T17:44:49","slug":"%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a7%d9%84%d8%b0%d9%83%d8%a7%d8%a1%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%aa%d8%b9%d8%af%d8%af%d8%a9","status":"publish","type":"page","link":"https:\/\/orientationpositive.tn\/wp\/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a7%d9%84%d8%b0%d9%83%d8%a7%d8%a1%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%aa%d8%b9%d8%af%d8%af%d8%a9\/","title":{"rendered":"\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0630\u0643\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0630\u0643\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629 - \u062f\u0644\u064a\u0644\u064a \u0644\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a<\/title>\n <!-- Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&family=Rubik:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <!-- New Stylesheet -->\n <style>\/* --- Mon Guide d'Orientation Positive - Blue\/Skyblue Theme --- *\/\n\n\/* --- CSS Variables for Theming --- *\/\n:root {\n --primary-color: #3A86FF; \/* A vibrant, friendly blue *\/\n --secondary-color: #83C5BE; \/* A soft, calming cyan-blue *\/\n --accent-color: #FFD166; \/* A warm, sunny yellow for contrast *\/\n --text-color: #1B263B; \/* A deep, dark blue for high readability *\/\n --text-light: #4D648D; \/* A muted, gentle blue for secondary text *\/\n --background-color: #F0F8FF; \/* AliceBlue, a very light and soft blue *\/\n --section-bg-color: #FFFFFF; \/* White for cards and sections *\/\n --white: #ffffff;\n --border-color: #DDE6ED; \/* A light, subtle blue-gray border *\/\n --shadow: 0 4px 15px rgba(58, 134, 255, 0.1); \/* A soft blue-tinted shadow *\/\n --border-radius: 12px;\n --transition: all 0.3s ease-in-out;\n}\n\n\/* --- Base & Typography --- *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Rubik', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.7;\n background-color: var(--background-color);\n color: var(--text-color);\n direction: rtl; \/* Set default direction to RTL *\/\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-family: 'Cairo', 'Segoe UI', sans-serif;\n font-weight: 700;\n color: var(--primary-color);\n line-height: 1.3;\n}\n\np {\n margin-bottom: 1rem;\n color: var(--text-light);\n}\n\na {\n color: var(--secondary-color);\n text-decoration: none;\n transition: var(--transition);\n}\n\na:hover {\n color: var(--accent-color);\n text-decoration: none;\n}\n\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n}\n\n.custom-radio \n{\n font-size: 20px;\n padding-right: 30px;\n\n}\n.custom-text{\n \n font-size: 22px;\n}\n.captcha{\n font-size: 22px;\n}\n\n\/* --- Header & Navigation --- *\/\n.header {\n background: var(--section-bg-color);\n padding: 1rem 0;\n box-shadow: var(--shadow);\n border-bottom: 3px solid var(--primary-color);\n}\n\n.header-content {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.french-content {\n direction: ltr;\n unicode-bidi: isolate; \/* Isolate French text from RTL context *\/\n}\n.logo {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--text-color);\n text-decoration: none;\n}\n\n.tagline {\n font-size: 0.8rem;\n color: var(--text-light);\n}\n\n.nav {\n position: relative;\n}\n\n\/* Three-dot menu toggle *\/\n.nav-toggle {\n display: none; \/* Hidden on desktop *\/\n background: none;\n border: none;\n cursor: pointer;\n font-size: 2rem;\n color: var(--text-color);\n padding: 0.5rem;\n}\n\n.nav-menu {\n display: flex;\n list-style: none;\n gap: 1.5rem;\n align-items: center;\n}\n\n.nav-item a {\n color: var(--text-color);\n text-decoration: none;\n padding: 0.5rem 1rem;\n border-radius: var(--border-radius);\n transition: var(--transition);\n font-weight: 500;\n}\n\n.nav-item a:hover,\n.nav-item a.active {\n background-color: var(--primary-color);\n color: var(--white);\n transform: translateY(-2px);\n}\n\n\/* --- Sections & Cards --- *\/\n.section {\n padding: 3rem 0;\n border-bottom: 1px solid var(--border-color);\n}\n\n.section:last-of-type {\n border-bottom: none;\n}\n\n.section-title {\n font-size: 2.5rem;\n color: var(--primary-color);\n text-align: center;\n margin-bottom: 1rem;\n}\n\n.section-subtitle {\n text-align: center;\n color: var(--text-light);\n max-width: 700px;\n margin: 0 auto 3rem auto;\n}\n\n.spaces-grid, .articles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.space-card, .article-card {\n background: var(--section-bg-color);\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n padding: 2rem;\n text-align: center;\n transition: var(--transition);\n border-top: 5px solid var(--secondary-color);\n display: flex;\n flex-direction: column;\n}\n\n.space-card:hover, .article-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);\n}\n\n.space-card h3, .article-card h3 {\n color: var(--text-color);\n font-size: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.space-card p, .article-card p {\n color: var(--text-light);\n flex-grow: 1;\n}\n\n.article-meta {\n font-size: 0.85rem;\n color: var(--text-light);\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n border-bottom: 1px solid var(--border-color);\n}\n\n\/* --- Buttons --- *\/\n.btn {\n display: inline-block;\n padding: 0.8rem 2.5rem;\n background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n color: var(--white);\n text-decoration: none;\n border-radius: 50px;\n transition: var(--transition);\n border: none;\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n box-shadow: 0 4px 15px rgba(127, 90, 240, 0.3);\n margin-top: auto; \/* Pushes button to the bottom of the card *\/\n}\n\n.btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 7px 20px rgba(127, 90, 240, 0.4);\n}\n\n\/* --- Footer --- *\/\n.footer {\n background-color: var(--section-bg-color);\n color: var(--text-light);\n padding: 4rem 2rem;\n text-align: center;\n border-top: 1px solid var(--border-color);\n}\n\n.footer-content {\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.footer-links h4 {\n font-size: 1.3rem;\n margin-bottom: 1.5rem;\n color: var(--accent-color);\n}\n\n.footer-links ul {\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem 2rem;\n margin-bottom: 2rem;\n}\n\n.footer-links a {\n color: var(--text-light);\n}\n\n.footer-links a:hover {\n color: var(--white);\n}\n\n.social-links {\n margin-bottom: 2rem;\n}\n\n.social-links a {\n color: var(--white);\n font-size: 1.8rem;\n margin: 0 1rem;\n transition: var(--transition);\n}\n\n.social-links a:hover {\n color: var(--accent-color);\n transform: scale(1.1);\n}\n\n\/* --- Responsive Design --- *\/\n@media (max-width: 992px) {\n .nav-toggle {\n display: block; \/* Show the toggle button *\/\n z-index: 1002; \/* Above the overlay *\/\n }\n\n .nav-menu {\n display: none;\n position: fixed; \/* Full-screen overlay *\/\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.9); \/* Semi-transparent black background *\/\n flex-direction: column;\n justify-content: center;\n align-items: center;\n z-index: 1001;\n }\n\n .nav-menu.nav-menu-open {\n display: flex; \/* Show menu when toggled *\/\n }\n\n .nav-item {\n width: 80%;\n text-align: center;\n margin: 1rem 0;\n }\n\n .nav-item a {\n display: block;\n padding: 1.5rem;\n font-size: 1.5rem;\n color: var(--white);\n border-radius: var(--border-radius);\n }\n\n .nav-item a:hover {\n background: var(--primary-color);\n }\n\n .header-content {\n flex-wrap: wrap;\n }\n}\n\n@media (max-width: 768px) {\n body {\n font-size: 16px;\n }\n .container {\n padding: 1.5rem;\n }\n .section-title {\n font-size: 2rem;\n }\n .spaces-grid, .articles-grid {\n grid-template-columns: 1fr;\n }\n}\n\n@media (max-width: 480px) {\n .container {\n padding: 1rem;\n }\n .logo {\n font-size: 1.4rem;\n }\n}\n\n\/* --- Image and Video Styles --- *\/\n.imgM, iframe {\n width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 9;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n border: none;\n}\n\n.image-gallery {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.image-gallery img {\n width: 100%;\n height: auto;\n border-radius: var(--border-radius);\n transition: var(--transition);\n cursor: pointer;\n}\n\n.image-gallery img:hover {\n transform: scale(1.05);\n box-shadow: var(--shadow);\n}\n\n\/* --- Lightbox Styles --- *\/\n.lightbox-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n display: none;\n justify-content: center;\n align-items: center;\n z-index: 2000;\n}\n\n.lightbox-content {\n max-width: 90%;\n max-height: 80%;\n object-fit: contain;\n}\n\n.lightbox-close {\n position: absolute;\n top: 20px;\n right: 30px;\n font-size: 40px;\n color: #fff;\n cursor: pointer;\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- Header -->\n<header class=\"header\">\n <div class=\"header-content\">\n <div>\n <a class=\"logo\" href=\"https:\/\/orientationpositive.tn\/wp\/\">\u062f\u0644\u064a\u0644\u064a \u0644\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a<\/a>\n <div class=\"tagline\">\u0637\u0631\u064a\u0642 \u0627\u0644\u0646\u062c\u0627\u062d<\/div>\n <\/div>\n <nav class=\"nav\">\n <button class=\"nav-toggle\" aria-label=\"Toggle navigation\">☰<\/button>\n <ul class=\"nav-menu\">\n <li class=\"nav-item\"><a href=\"https:\/\/orientationpositive.tn\/wp\/\">\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n <li class=\"nav-item\"><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%ad%d9%82%d9%8a%d8%a8%d8%a9-%d8%a7%d9%84%d8%a3%d8%b3%d8%aa%d8%a7%d8%b0\/\">\u0641\u0636\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0627\u0630<\/a><\/li>\n <li class=\"nav-item\"><a href=\"https:\/\/orientationpositive.tn\/wp\/%D8%AD%D9%82%D9%8A%D8%A8%D8%A9-%D8%A7%D9%84%D8%AA%D9%84%D9%85%D9%8A%D8%B0\/\" class=\"active\">\u0641\u0636\u0627\u0621 \u0627\u0644\u062a\u0644\u0645\u064a\u0630<\/a><\/li>\n <li class=\"nav-item\"><a href=\"https:\/\/orientationpositive.tn\/wp\/%D8%AD%D9%82%D9%8A%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D9%84%D9%8A\/\">\u0641\u0636\u0627\u0621 \u0627\u0644\u0623\u0648\u0644\u064a\u0627\u0621<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n<\/header>\n\n<!-- Main Content -->\n<main class=\"container\">\n<section class=\"section\">\n<h1 class=\"section-title\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0630\u0643\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629<\/h1>\n<div class=\"section-content\">\n<form id=\"testForm\">\n<!-- Les sections seront g\u00e9n\u00e9r\u00e9es dynamiquement par JavaScript -->\n<\/form>\n<!-- Section CAPTCHA -->\n<div class=\"captcha text-center\">\n<p>\u0627\u0644\u0631\u062c\u0627\u0621 \u062d\u0644 \u0647\u0630\u0627 \u0627\u0644\u0640 CAPTCHA \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629:<\/p>\n<p id=\"captchaQuestion\"><\/p>\n<input style=\"border: black 2px solid ; height: 30px; width: 100px;text-align: center; margin: 20px; margin-right: 10%;\" id=\"captchaInput\" placeholder=\"\u0625\u062c\u0627\u0628\u062a\u0643\" required=\"\" type=\"text\"\/>\n<small id=\"captchaError\" style=\"color: red; display: none;\">\u0625\u062c\u0627\u0628\u0629 \u062e\u0627\u0637\u0626\u0629. \u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.<\/small>\n<\/div>\n<div class=\"btn-group\">\n<button class=\"btn\" onclick=\"verifierCaptcha()\" type=\"button\">\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/button>\n<button class=\"btn btn-secondary\" onclick=\"reinitialiserFormulaire()\" type=\"button\">\u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646<\/button>\n<\/div>\n<div class=\"mt-2\" id=\"resultats\"><\/div>\n<\/div>\n<script>\n \/\/ Donn\u00e9es du test avec vos affirmations\n const typesIntelligence = [\n {\n nom: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0644\u063a\u0648\u064a\",\n affirmations: [\n \"\u0623\u0642\u0631\u0623 \u0643\u062b\u064a\u0631\u0627\u064b.\",\n \"\u0623\u062d\u0628 \u0631\u0648\u0627\u064a\u0629 \u0627\u0644\u0642\u0635\u0635 \u0648\u0627\u0644\u0644\u0639\u0628 \u0628\u0627\u0644\u0643\u0644\u0645\u0627\u062a.\",\n \"\u0642\u062f\u0631\u062a\u064a \u0639\u0644\u0649 \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0648\u0627\u0644\u062a\u0623\u0644\u064a\u0641 \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0633\u0637.\",\n \"\u0623\u0639\u0628\u0651\u0631 \u0639\u0646 \u0646\u0641\u0633\u064a \u0628\u0645\u0641\u0631\u062f\u0627\u062a \u063a\u0646\u064a\u0629.\",\n \"\u0623\u062d\u0628 \u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0642\u0635\u0635 \u0648\u0643\u062a\u0627\u0628\u062a\u0647\u0627.\",\n \"\u0642\u062f\u0631\u062a\u064a \u0639\u0644\u0649 \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0648\u0627\u0644\u062a\u0623\u0644\u064a\u0641 \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0633\u0637.\"\n ],\n metiers: [\n \"\u0643\u0627\u062a\u0628\",\n \"\u0635\u062d\u0641\u064a\",\n \"\u0645\u062a\u0631\u062c\u0645\",\n \"\u0645\u0639\u0644\u0645\",\n \"\u0645\u062d\u0627\u0645\u064a\",\n \"\u0645\u062d\u0631\u0631\"\n ]\n },\n {\n nom: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0645\u0646\u0637\u0642\u064a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\",\n affirmations: [\n \"\u0623\u062d\u0628 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0648\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0628\u0631\u0627\u0645\u062c \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.\",\n \"\u0644\u062f\u064a \u0633\u0647\u0648\u0644\u0629 \u0641\u064a \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a.\",\n \"\u0644\u062f\u064a \u0642\u062f\u0631\u0629 \u0643\u0628\u064a\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0630\u0647\u0646\u064a.\",\n \"\u0623\u0637\u0631\u062d \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u062d\u0648\u0644 \u0643\u064a\u0641\u064a\u0629 \u0639\u0645\u0644 \u0627\u0644\u0623\u0634\u064a\u0627\u0621 \u0623\u0648 \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u0638\u0648\u0627\u0647\u0631 \u0648\u0627\u0644\u0623\u062d\u062f\u0627\u062b.\",\n \"\u0623\u0646\u0627 \u0645\u0627\u0647\u0631 \u0641\u064a \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0641\u0643\u0631\u064a\u0629 (\u0627\u0644\u0634\u0637\u0631\u0646\u062c\u060c \u0627\u0644\u062f\u0627\u0645\u0627...).\",\n \"\u0623\u062d\u0628 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0644\u0645\u064a\u0629.\"\n ],\n metiers: [\n \"\u0645\u0647\u0646\u062f\u0633\",\n \"\u0639\u0627\u0644\u0645 \u0631\u064a\u0627\u0636\u064a\u0627\u062a\",\n \"\u0639\u0627\u0644\u0645 \u0628\u064a\u0627\u0646\u0627\u062a\",\n \"\u0645\u062d\u0644\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\",\n \"\u0645\u0628\u0631\u0645\u062c\",\n \"\u0627\u0642\u062a\u0635\u0627\u062f\u064a\"\n ]\n },\n {\n nom: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0645\u0643\u0627\u0646\u064a\",\n affirmations: [\n \"\u0639\u0646\u062f\u0645\u0627 \u0623\u0642\u0631\u0623\u060c \u0623\u0641\u0636\u0644 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u062a\u0648\u0636\u064a\u062d\u064a\u0629 \u0648\u0623\u0633\u062a\u0637\u064a\u0639 \u062a\u0630\u0643\u0631\u0647\u0627 \u0628\u0633\u0647\u0648\u0644\u0629 \u0641\u064a \u0630\u0647\u0646\u064a.\",\n \"\u0623\u0631\u0649 \u0635\u0648\u0631\u0627\u064b \u0641\u064a \u0630\u0647\u0646\u064a \u0639\u0646\u062f\u0645\u0627 \u0623\u0641\u0643\u0631 \u0641\u064a \u0634\u064a\u0621 \u0645\u0627.\",\n \"\u0623\u0642\u0631\u0623 \u0627\u0644\u062e\u0631\u0627\u0626\u0637 \u0648\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a\u0629 \u0628\u062f\u0648\u0646 \u0635\u0639\u0648\u0628\u0629.\",\n \"\u0623\u062d\u0628 \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u062e\u0631\u0628\u0634\u0629 \u0643\u062b\u064a\u0631\u0627\u064b.\",\n \"\u0623\u062d\u0628 \u062d\u0644 \u0627\u0644\u0623\u0644\u063a\u0627\u0632 \u0648\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0645\u062a\u0627\u0647\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u0627\u0621.\",\n \"\u0623\u062c\u062f \u0637\u0631\u064a\u0642\u064a \u0628\u0633\u0647\u0648\u0644\u0629 \u0641\u064a \u062d\u064a \u062c\u062f\u064a\u062f.\"\n ],\n metiers: [\n \"\u0645\u0647\u0646\u062f\u0633 \u0645\u0639\u0645\u0627\u0631\u064a\",\n \"\u0645\u0635\u0645\u0645\",\n \"\u0637\u064a\u0627\u0631\",\n \"\u0631\u0633\u0627\u0645 \u062e\u0631\u0627\u0626\u0637\",\n \"\u0641\u0646\u0627\u0646 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f\",\n \"\u0645\u0635\u0648\u0631\"\n ]\n },\n {\n nom: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u062c\u0633\u062f\u064a \u0627\u0644\u062d\u0631\u0643\u064a\",\n affirmations: [\n \"\u0623\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629.\",\n \"\u0623\u062a\u062d\u0631\u0643 \u0623\u0648 \u0623\u0642\u0631\u0639 \u0628\u0642\u062f\u0645\u064a \u0639\u0646\u062f\u0645\u0627 \u0623\u062c\u0644\u0633 \u0644\u0641\u062a\u0631\u0629 \u0637\u0648\u064a\u0644\u0629.\",\n \"\u0623\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u062f\u0648\u064a.\",\n \"\u0644\u062f\u064a \u062d\u0633 \u062a\u0646\u0627\u0633\u0642 \u062c\u064a\u062f (\u0645\u062b\u0644\u0627\u064b \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636\u0629\u060c \u0627\u0644\u0631\u0642\u0635\u060c \u0627\u0644\u0645\u0633\u0631\u062d...).\",\n \"\u0623\u0646\u0627 \u0645\u0627\u0647\u0631 \u0641\u064a \u0639\u062f\u0629 \u0631\u064a\u0627\u0636\u0627\u062a \u0623\u0648 \u0623\u0646\u0634\u0637\u0629 \u0628\u062f\u0646\u064a\u0629.\",\n \"\u0623\u062d\u0628 \u0644\u0645\u0633 \u0627\u0644\u0623\u0634\u064a\u0627\u0621.\"\n ],\n metiers: [\n \"\u0631\u064a\u0627\u0636\u064a\",\n \"\u0631\u0627\u0642\u0635\",\n \"\u062d\u0631\u0641\u064a\",\n \"\u062c\u0631\u0627\u062d\",\n \"\u0645\u0645\u062b\u0644\",\n \"\u0646\u062c\u0627\u0631\"\n ]\n },\n {\n nom: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u064a\",\n affirmations: [\n \"\u0623\u0639\u0632\u0641 \u0623\u0648 \u0623\u0648\u062f \u0623\u0646 \u0623\u0639\u0632\u0641 \u0639\u0644\u0649 \u0622\u0644\u0629 \u0645\u0648\u0633\u064a\u0642\u064a\u0629.\",\n \"\u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u0623\u062f\u0646\u062f\u0646 \u0623\u063a\u0646\u064a\u0629 (\u0623\u0648 \u0644\u062d\u0646\u0627\u064b) \u0641\u064a \u0630\u0647\u0646\u064a \u0623\u0648 \u0628\u0635\u0648\u062a \u0639\u0627\u0644\u064d.\",\n \"\u0623\u062a\u0630\u0643\u0631 \u0628\u0633\u0647\u0648\u0644\u0629 \u0625\u064a\u0642\u0627\u0639 \u0623\u0648 \u0645\u0648\u0633\u064a\u0642\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a.\",\n \"\u0623\u062d\u0628 \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0625\u0644\u0649 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649 \u0643\u062b\u064a\u0631\u0627\u064b.\",\n \"\u0623\u0633\u062a\u0645\u0639 \u0625\u0644\u0649 \u0623\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649.\",\n \"\u0623\u0646\u062a\u0628\u0647 \u0644\u0644\u0636\u0648\u0636\u0627\u0621 \u0648\u0627\u0644\u0623\u0635\u0648\u0627\u062a.\"\n ],\n metiers: [\n \"\u0645\u0648\u0633\u064a\u0642\u064a\",\n \"\u0645\u0644\u062d\u0646\",\n \"\u0645\u063a\u0646\u064a\",\n \"\u0645\u0647\u0646\u062f\u0633 \u0635\u0648\u062a\",\n \"\u0645\u062f\u0631\u0633 \u0645\u0648\u0633\u064a\u0642\u0649\",\n \"\u062f\u064a \u062c\u064a\"\n ]\n },\n {\n nom: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\",\n affirmations: [\n \"\u0623\u062d\u0628 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0627\u0644\u0622\u062e\u0631\u064a\u0646 \u0648\u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0645\u0639\u0647\u0645.\",\n \"\u0623\u062f\u0631\u0643 \u0645\u0634\u0627\u0639\u0631 \u0627\u0644\u0622\u062e\u0631\u064a\u0646 \u0628\u0633\u0647\u0648\u0644\u0629.\",\n \"\u0644\u062f\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0635\u062f\u0642\u0627\u0621. \u0623\u0646\u0627 \u0645\u062d\u0628\u0648\u0628.\",\n \"\u0623\u0634\u0627\u0631\u0643 \u0648\u0623\u0642\u062f\u0645 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0628\u0633\u0647\u0648\u0644\u0629.\",\n \"\u0623\u062a\u062d\u062f\u062b \u0628\u0633\u0647\u0648\u0644\u0629 \u0645\u0639 \u0623\u0634\u062e\u0627\u0635 \u0644\u0627 \u0623\u0639\u0631\u0641\u0647\u0645.\",\n \"\u0623\u0646\u0627 \u0639\u0636\u0648 \u0641\u064a \u0641\u0631\u064a\u0642 \u0631\u064a\u0627\u0636\u064a \u0623\u0648 \u0646\u0627\u062f\u064d \u0627\u062c\u062a\u0645\u0627\u0639\u064a.\"\n ],\n metiers: [\n \"\u0639\u0627\u0644\u0645 \u0646\u0641\u0633\",\n \"\u0645\u0639\u0644\u0645\",\n \"\u0645\u062f\u064a\u0631\",\n \"\u0628\u0627\u0626\u0639\",\n \"\u062f\u0628\u0644\u0648\u0645\u0627\u0633\u064a\",\n \"\u0639\u0627\u0645\u0644 \u0627\u062c\u062a\u0645\u0627\u0639\u064a\"\n ]\n },\n {\n nom: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0630\u0627\u062a\u064a\",\n affirmations: [\n \"\u0623\u0646\u0627 \u0645\u0633\u062a\u0642\u0644 \u0648\u0644\u062f\u064a \u0625\u0631\u0627\u062f\u0629. \u0623\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644 \u0648\u062d\u062f\u064a \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0627\u0644\u0622\u062e\u0631\u064a\u0646.\",\n \"\u0642\u0627\u062f\u0631 \u0639\u0644\u0649 \u062a\u0643\u0648\u064a\u0646 \u0622\u0631\u0627\u0626\u064a \u0627\u0644\u062e\u0627\u0635\u0629.\",\n \"\u0642\u0627\u062f\u0631 \u0639\u0644\u0649 \u0627\u0644\u0627\u062d\u0633\u0627\u0633 \u0628\u0639\u0645\u0642.\",\n \"\u0623\u062f\u0631\u0643 \u0646\u0642\u0627\u0637 \u0642\u0648\u062a\u064a \u0648\u0636\u0639\u0641\u064a.\",\n \"\u0623\u062d\u0628 \u0643\u062a\u0627\u0628\u0629 \u0645\u0630\u0643\u0631\u0627\u062a\u064a \u0648\u0627\u0644\u062a\u0639\u0628\u064a\u0631 \u0639\u0646 \u0645\u0634\u0627\u0639\u0631\u064a \u0641\u064a \u0627\u0644\u0642\u0635\u0627\u0626\u062f \u0623\u0648 \u0645\u0645\u0627\u0631\u0633\u0629 \u0628\u0639\u0636 \u0627\u0644\u0647\u0648\u0627\u064a\u0627\u062a \u0628\u0645\u0641\u0631\u062f\u064a.\",\n \"\u0644\u062f\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0634\u062e\u0635\u064a\u0629.\"\n ],\n metiers: [\n \"\u0643\u0627\u062a\u0628\",\n \"\u0641\u064a\u0644\u0633\u0648\u0641\",\n \"\u0639\u0627\u0644\u0645 \u0646\u0641\u0633\",\n \"\u0645\u0633\u062a\u0634\u0627\u0631\",\n \"\u0641\u0646\u0627\u0646\",\n \"\u0628\u0627\u062d\u062b\"\n ]\n },\n {\n nom: \"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\",\n affirmations: [\n \"\u0623\u062d\u0628 \u062a\u0639\u0644\u0645 \u0623\u0634\u064a\u0627\u0621 \u062c\u062f\u064a\u062f\u0629 \u0639\u0646 \u0627\u0644\u0637\u0628\u064a\u0639\u0629.\",\n \"\u0623\u0647\u062a\u0645 \u0628\u0627\u0644\u0628\u064a\u0626\u0629 \u0641\u064a \u062a\u0635\u0631\u0641\u0627\u062a\u064a \u0627\u0644\u064a\u0648\u0645\u064a\u0629.\",\n \"\u0623\u0642\u0636\u064a \u0648\u0642\u062a\u0627\u064b \u0637\u0648\u064a\u0644\u0627\u064b \u0641\u064a \u0627\u0644\u062e\u0627\u0631\u062c\u061b \u0623\u062d\u0628 \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u0637\u0644\u0642.\",\n \"\u0623\u062d\u0628 \u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0646\u0628\u0627\u062a\u0627\u062a \u0648\u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062d\u0634\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u0635\u062f\u0627\u0641 \u0648\u0627\u0644\u0635\u062e\u0648\u0631 \u0623\u0648 \u062a\u0635\u0646\u064a\u0641\u0647\u0627.\",\n \"\u0623\u0634\u0639\u0631 \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0641\u064a \u0627\u0644\u0637\u0628\u064a\u0639\u0629.\",\n \"\u0623\u062d\u0628 \u0627\u0644\u0630\u0647\u0627\u0628 \u0644\u0644\u0635\u064a\u062f \u0648\u0635\u064a\u062f \u0627\u0644\u0633\u0645\u0643\u060c \u0623\u0648 \u0627\u0644\u0645\u0634\u064a \u0641\u064a \u0627\u0644\u063a\u0627\u0628\u0629.\"\n ],\n metiers: [\n \"\u0639\u0627\u0644\u0645 \u0623\u062d\u064a\u0627\u0621\",\n \"\u0639\u0627\u0644\u0645 \u0646\u0628\u0627\u062a\u0627\u062a\",\n \"\u0637\u0628\u064a\u0628 \u0628\u064a\u0637\u0631\u064a\",\n \"\u062c\u064a\u0648\u0644\u0648\u062c\u064a\",\n \"\u0645\u0632\u0627\u0631\u0639\",\n \"\u0639\u0627\u0644\u0645 \u0628\u064a\u0626\u0629\"\n ]\n }\n ];\n\n const echelleLibelles = [\n \"\u0623\u0628\u062f\u0627\u064b\",\n \"\u0642\u0644\u064a\u0644\u0627\u064b\",\n \"\u0645\u062a\u0648\u0633\u0637\",\n \"\u0646\u0639\u0645\",\n \"\u0646\u0639\u0645 \u062c\u062f\u0627\u064b\"\n ];\n\n \/\/ Variables pour le CAPTCHA\n let captchaReponseCorrecte;\n\n \/\/ Fonction pour g\u00e9n\u00e9rer une question CAPTCHA\n function genererCaptcha() {\n const a = Math.floor(Math.random() * 10) + 1;\n const b = Math.floor(Math.random() * 10) + 1;\n captchaReponseCorrecte = a + b;\n document.getElementById('captchaQuestion').textContent = `\u0645\u0627 \u0646\u0627\u062a\u062c ${a} + ${b} \u061f`;\n }\n\n \/\/ Fonction pour v\u00e9rifier le CAPTCHA\n function verifierCaptcha() {\n const reponseUtilisateur = parseInt(document.getElementById('captchaInput').value);\n if (reponseUtilisateur === captchaReponseCorrecte) {\n document.getElementById('captchaError').style.display = 'none';\n calculerResultats();\n } else {\n document.getElementById('captchaError').style.display = 'block';\n }\n }\n\n \/\/ Fonction pour m\u00e9langer les affirmations\n function melangerTableau(tableau) {\n for (let i = tableau.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [tableau[i], tableau[j]] = [tableau[j], tableau[i]];\n }\n return tableau;\n }\n\n \/\/ Fonction pour g\u00e9n\u00e9rer le formulaire\n function genererFormulaire() {\n const form = document.getElementById('testForm');\n const affirmationsAleatoires = [];\n\n typesIntelligence.forEach(type => {\n type.affirmations.forEach(affirmation => {\n affirmationsAleatoires.push({\n texte: affirmation,\n type: type.nom\n });\n });\n });\n\n const affirmationsMelangees = melangerTableau(affirmationsAleatoires);\n\n affirmationsMelangees.forEach((item, index) => {\n const div = document.createElement('div');\n div.className = 'intelligence-section';\n div.dataset.type = item.type; \/\/ Store the intelligence type\n div.innerHTML = `\n <p class=\"custom-text\">${item.texte}<\/p>\n <div>\n ${echelleLibelles.map((libelle, valeur) => `\n <label class=\"custom-radio\" >${libelle}\n <input type=\"radio\" id=\"q_${index}_${valeur}\" name=\"q_${index}\" value=\"${valeur + 1}\" required>\n <span class=\"checkmark\"><\/span>\n <\/label>\n `).join('')}\n <\/div>\n `;\n form.appendChild(div);\n });\n }\n\n \/\/ Fonction pour calculer les r\u00e9sultats\n function calculerResultats() {\n const questions = document.querySelectorAll('#testForm .intelligence-section');\n if (document.querySelectorAll('input[type=\"radio\"]:checked').length < questions.length) {\n alert(\"\u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0642\u0628\u0644 \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.\");\n return;\n }\n\n const resultatsDiv = document.getElementById('resultats');\n const resultats = {};\n\n typesIntelligence.forEach(type => {\n resultats[type.nom] = {\n score: 0,\n metiers: type.metiers\n };\n });\n\n questions.forEach((question, index) => {\n const type = question.dataset.type;\n const checkedRadio = question.querySelector(`input[name=\"q_${index}\"]:checked`);\n if (checkedRadio) {\n resultats[type].score += parseInt(checkedRadio.value);\n }\n });\n\n const resultatHTML = Object.entries(resultats).map(([type, data]) => `\n <p>\n <strong>${type}<\/strong>:\n ${data.score}\/30\n (${(data.score \/ 30 * 100).toFixed(1)}%)\n <div class=\"metiers\">\n \u0627\u0644\u0645\u0647\u0646 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629: ${data.metiers.join(\", \")}\n <\/div>\n <\/p>\n `).join('');\n\n resultatsDiv.innerHTML = `\n <h2>\u0646\u062a\u0627\u0626\u062c\u0643<\/h2>\n ${resultatHTML}\n `;\n }\n\n \/\/ Fonction pour r\u00e9initialiser le formulaire\n function reinitialiserFormulaire() {\n document.getElementById('testForm').reset();\n document.getElementById('resultats').innerHTML = '';\n genererCaptcha(); \/\/ R\u00e9g\u00e9n\u00e9rer un nouveau CAPTCHA\n }\n\n \/\/ G\u00e9n\u00e9rer le formulaire et le CAPTCHA au chargement de la page\n genererFormulaire();\n genererCaptcha();\n <\/script>\n<\/section>\n<\/main>\n\n<footer class=\"footer\">\n <div class=\"footer-content\">\n <div class=\"footer-links\">\n <h4>\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\n <ul>\n <li><a href=\"https:\/\/orientationpositive.tn\/wp\/\">\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%D8%AD%D9%82%D9%8A%D8%A8%D8%A9-%D8%A7%D9%84%D9%88%D9%84%D9%8A\/\">\u0641\u0636\u0627\u0621 \u0627\u0644\u0623\u0648\u0644\u064a\u0627\u0621<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%ad%d9%82%d9%8a%d8%a8%d8%a9-%d8%a7%d9%84%d8%a3%d8%b3%d8%aa%d8%a7%d8%b0\/\">\u0641\u0636\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0627\u0630<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%D8%AD%D9%82%D9%8A%D8%A8%D8%A9-%D8%A7%D9%84%D8%AA%D9%84%D9%85%D9%8A%D8%B0\/\">\u0641\u0636\u0627\u0621 \u0627\u0644\u062a\u0644\u0645\u064a\u0630<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a7%d9%84%d8%a7%d9%87%d8%aa%d9%85%d8%a7%d9%85%d8%a7%d8%aa-riasec\/\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0647\u0648\u0644\u0627\u0646\u062f RIASEC<\/a><\/li>\n<li><a href=\"https:\/\/www.16personalities.com\/ar\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u064016<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d9%85%d9%84%d9%81_-%d8%a7%d9%84%d8%aa%d9%88%d8%ac%d9%8a%d9%87-_%d8%a7%d9%84%d9%85%d8%af%d8%b1%d8%b3%d9%8a\/\">\u0645\u0644\u0641\u064a \u0627\u0644\u0634\u062e\u0635\u064a<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%D8%A7%D9%84%D8%B0%D9%83%D8%A7%D8%A1%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AA%D8%B9%D8%AF%D8%AF%D8%A9-2\/\"> \u0627\u0644\u0630\u0643\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%aa%d9%82%d8%af%d9%8a%d8%b1-%d8%a7%d9%84%d8%b0%d8%a7%d8%aa\/\">\u0627\u062e\u062a\u0628\u0627\u0631 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1_%d8%a7%d9%84%d8%ab%d9%82%d8%a9_%d8%a8%d8%a7%d9%84%d9%86%d9%81%d8%b3\/\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%a7%d9%84%d8%a7%d9%88%d8%b9%d9%8a-_%d9%88%d8%a7%d9%84%d8%aa%d9%88%d8%ac%d9%8a%d9%87-_%d8%a7%d9%84%d9%85%d8%af%d8%b1%d8%b3%d9%8a\/\">\u0627\u0644\u0639\u0642\u0644 \u0627\u0644\u0628\u0627\u0637\u0646 <\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/elementor-1944\/\">\u0627\u0644\u062a\u0645\u064a\u0632<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%a7%d9%84%d9%83%d9%81%d8%a7%d9%8a%d8%a7%d8%aa\/\">\u0627\u0644\u0643\u0641\u0627\u064a\u0629<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%a7%d9%84%d9%85%d8%b9%d8%aa%d9%82%d8%af%d8%a7%d8%aa\/\">\u0627\u0644\u0645\u0639\u062a\u0642\u062f\u0627\u062a<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%a7%d9%84%d8%b5%d9%81%d8%a7%d8%aa\/\">\u0627\u0644\u0635\u0641\u0627\u062a \u0648\u0646\u0642\u0627\u0637 \u0642\u0648\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/theorie_riasec_de_john_holland\/\">Th\u00e9orie Holland<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d9%86%d8%b8%d8%b1%d9%8a%d8%a9-%d8%a7%d9%84%d9%85%d9%8a%d9%88%d9%84-%d8%a7%d9%84%d9%85%d9%87%d9%86%d9%8a%d8%a9-%d9%87%d9%88%d9%84%d8%a7%d9%86%d8%af\/\">John L. Holland<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/estime-de-soi_confiance_en_soi_et_projet_scolaire\/\"> Estime & Confiance en soi <\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d9%85%d8%a4%d8%b4%d8%b1-%d9%85%d8%a7%d9%8a%d8%b1%d8%b2-%d8%a8%d8%b1%d9%8a%d9%82%d8%b2-16-%d8%b4%d8%ae%d8%b5%d9%8a%d8%a9\/\">les 16 types de personnalit\u00e9 <\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/mbti-mbti\/\">Les 16 personnalit\u00e9s<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/estime_de_soi_et_confiance_en-_oi-deux_piliers_fondamentaux\/\"> Les deux piliers fondamentaux <\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/%d8%aa%d9%82%d8%af%d9%8a%d8%b1-%d8%a7%d9%84%d8%b0%d8%a7%d8%aa-%d9%88%d8%a7%d9%84%d8%ab%d9%82%d8%a9-%d8%a8%d8%a7%d9%84%d9%86%d9%81%d8%b3\/\">Estime et Confiance en Soi<\/a><\/li>\n<li><a href=\"https:\/\/orientationpositive.tn\/wp\/les-8-intelligences-humaines-2\/\">Les 8 intelligences<\/a><\/li>\n\n <\/ul>\n <\/div>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/abdelhamid.abidi.1441\"><img decoding=\"async\" style=\"width: 40px;height: 40px;\" src=\"https:\/\/cdn-icons-png.flaticon.com\/128\/5968\/5968764.png\" alt=\"facebook\"><\/a>\n <a href=\"https:\/\/www.youtube.com\/@stepbystep-q4k\"><img decoding=\"async\" style=\"width: 40px;height: 40px;\" src=\"https:\/\/cdn-icons-png.flaticon.com\/128\/174\/174883.png\" alt=\"youtube\"><\/a>\n <a href=\"https:\/\/www.facebook.com\/groups\/1977580682466756\"><img decoding=\"async\" style=\"width: 40px;height: 40px;\" src=\"https:\/\/cdn-icons-png.flaticon.com\/128\/11820\/11820089.png\" alt=\"groupFacebook \"><\/a>\n <\/div>\n <p>© 2025 Mon guide d'orientation positive. Tous droits r\u00e9serv\u00e9s.<\/p>\n <\/div>\n<\/footer>\n\n<!-- Lightbox Structure -->\n<div id=\"lightbox-overlay\" class=\"lightbox-overlay\">\n <span class=\"lightbox-close\">×<\/span>\n <img class=\"lightbox-content\" id=\"lightbox-img\">\n<\/div>\n\n<!-- New Script for Nav -->\n<script>\n \/\/ --- Mon Guide d'Orientation Positive - Script ---\n\ndocument.addEventListener('DOMContentLoaded', () => {\n\n \/**\n * Mobile Navigation Menu Toggle\n *\n * This function handles the click event for the mobile navigation toggle button.\n * It adds or removes the 'nav-menu-open' class to show or hide the menu.\n *\/\n const navToggle = document.querySelector('.nav-toggle');\n const navMenu = document.querySelector('.nav-menu');\n\n if (navToggle && navMenu) {\n navToggle.addEventListener('click', () => {\n \/\/ Toggle the class to show\/hide the menu\n navMenu.classList.toggle('nav-menu-open');\n\n \/\/ Optional: Change the icon from \"three dots\" to a \"close\" icon\n if (navMenu.classList.contains('nav-menu-open')) {\n navToggle.innerHTML = '×'; \/\/ A simple \"X\" icon\n } else {\n navToggle.innerHTML = '☰'; \/\/ A hamburger icon (or use a three-dot icon if preferred)\n }\n });\n }\n\n \/**\n * Add animations to elements on scroll\n *\n * This uses the Intersection Observer API to add a 'fade-in' class to elements\n * when they enter the viewport, creating a smooth fade-in effect.\n *\/\n const animatedElements = document.querySelectorAll('.section, .space-card, .article-card');\n\n if (\"IntersectionObserver\" in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animation = `fadeInUp 0.8s ease-out forwards`;\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n animatedElements.forEach(el => {\n el.style.opacity = '0'; \/\/ Hide element initially\n observer.observe(el);\n });\n }\n});\n\n\/\/ Add keyframes for the animation dynamically\nconst styleSheet = document.createElement(\"style\");\nstyleSheet.type = \"text\/css\";\nstyleSheet.innerText = `\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}`;\ndocument.head.appendChild(styleSheet);\n\n\/\/ --- Lightbox Functionality ---\ndocument.addEventListener('DOMContentLoaded', () => {\n const galleryImages = document.querySelectorAll('.image-gallery img, .spaces-grid .imgM');\n const lightbox = document.getElementById('lightbox-overlay');\n const lightboxImg = document.getElementById('lightbox-img');\n const closeBtn = document.querySelector('.lightbox-close');\n\n if (galleryImages.length > 0 && lightbox) {\n galleryImages.forEach(img => {\n img.style.cursor = 'pointer'; \/\/ Add pointer cursor to images\n img.addEventListener('click', () => {\n lightbox.style.display = 'flex';\n lightboxImg.src = img.src;\n });\n });\n\n if(closeBtn) {\n closeBtn.addEventListener('click', () => {\n lightbox.style.display = 'none';\n });\n }\n\n lightbox.addEventListener('click', (e) => {\n if (e.target === lightbox) {\n lightbox.style.display = 'none';\n }\n });\n }\n});\n\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0630\u0643\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629 – \u062f\u0644\u064a\u0644\u064a \u0644\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a \u062f\u0644\u064a\u0644\u064a \u0644\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a \u0637\u0631\u064a\u0642 \u0627\u0644\u0646\u062c\u0627\u062d ☰ \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u0636\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0627\u0630 \u0641\u0636\u0627\u0621 \u0627\u0644\u062a\u0644\u0645\u064a\u0630 \u0641\u0636\u0627\u0621 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-528","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/comments?post=528"}],"version-history":[{"count":17,"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/528\/revisions"}],"predecessor-version":[{"id":2865,"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/528\/revisions\/2865"}],"wp:attachment":[{"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/media?parent=528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}