\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/title>\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}\ntable {\n width: 100%;\n border-collapse: collapse; \/* merge borders *\/\n margin: 20px 0;\n font-size: 16px;\n text-align: left;\n}\n\nth, td {\n border: 1px solid #ddd;\n padding: 8px;\n}\n\nth {\n background-color: #f4f4f4;\n font-weight: bold;\n}\n\ntr:nth-child(even) {\n background-color: #f9f9f9; \/* zebra stripes *\/\n}\n\ntr:hover {\n background-color: #f1f1f1; \/* highlight on hover *\/\n}\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 <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n <div class=\"container\">\n <header class=\"header\">\n <div class=\"header-content\">\n <div>\n <a class=\"logo\" href=\"https:\/\/orientationpositive.tn\/wp\/\">\u062f\u064e\u0644\u0650\u064a\u0644\u0650\u064a \u0644\u0650\u0644\u0652\u062a\u0651\u064e\u0648\u0652\u062c\u0650\u064a\u0647\u0650 \u0627\u0644\u0625\u0650\u064a\u062c\u064e\u0627\u0628\u0650\u064a\u0651\u0650<\/a>\n \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\/\">\u0641\u0636\u0627\u0621 \u0627\u0644\u062a\u0644\u0645\u064a\u0630<\/a><\/li>\n <li class=\"nav-item\"><a class=\"active\" 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 <section class=\"section\">\n <h1 class=\"section-title\">\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a\u060c \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/h1>\n \n <article class=\"article-card\">\n <p class=\"introduction\">\u064a\u064f\u0639\u062a\u0628\u0631 \u062f\u0631\u0627\u0633\u0629 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 \u0648\u0639\u0644\u0627\u0642\u062a\u0647\u0645\u0627 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0648\u0627\u0644\u0645\u0647\u0646\u064a \u0644\u0644\u0637\u0644\u0627\u0628 \u0645\u0648\u0636\u0648\u0639\u064b\u0627 \u0645\u062d\u0648\u0631\u064a\u064b\u0627 \u0641\u064a \u0639\u0644\u0645 \u0627\u0644\u0646\u0641\u0633 \u0627\u0644\u062a\u0631\u0628\u0648\u064a \u0648\u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u062f\u0631\u0633\u064a.<\/p>\n <\/article>\n\n <article class=\"article-card\">\n <h2 class=\"section-subtitle\">1. \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u062f\u0627\u0641\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/h2>\n <p>\u064a\u064f\u0639\u0631\u064e\u0651\u0641 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0628\u0623\u0646\u0647 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0630\u0627\u062a (\u0631\u0648\u0632\u0646\u0628\u0631\u063a\u060c 1965)\u060c \u0648\u0647\u0648 \u064a\u0624\u062b\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0646\u062e\u0631\u0627\u0637 \u0648\u0627\u0644\u0645\u062b\u0627\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062f\u0631\u0627\u0633\u064a.<\/p>\n <blockquote>\u00ab\u0627\u0644\u0637\u0644\u0627\u0628 \u0630\u0648\u0648 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u064a \u0644\u0630\u0627\u062a\u0647\u0645 \u0623\u0643\u062b\u0631 \u0645\u064a\u0644\u064b\u0627 \u0644\u062e\u0648\u0636 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0635\u0639\u0628\u0629\u060c \u0648\u0631\u0624\u064a\u0629 \u0627\u0644\u0641\u0634\u0644 \u0643\u062a\u062d\u062f\u0651\u064d\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u0645\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0639\u0642\u0628\u0627\u062a.\u00bb (\u0628\u0627\u0646\u062f\u0648\u0631\u0627\u060c 1997)<\/blockquote>\n <p>\u0642\u062f \u064a\u0624\u062f\u064a \u0636\u0639\u0641 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 (\u0628\u0648\u0631\u062f\u064a\u0648\u060c 1989)\u060c \u0645\u0645\u0627 \u064a\u064f\u0636\u064a\u0650\u0651\u0642 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u062e\u0648\u0641\u064b\u0627 \u0645\u0646 \u0627\u0644\u0641\u0634\u0644.<\/p>\n <\/article>\n\n <article class=\"article-card\">\n <h2 class=\"section-subtitle\">2. \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 \u0648\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/h2>\n <p>\u062a\u0644\u0639\u0628 \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633\u060c \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0625\u064a\u0645\u0627\u0646 \u0628\u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0630\u0627\u062a\u064a\u0629 (\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629)\u060c \u062f\u0648\u0631\u064b\u0627 \u0645\u062d\u0648\u0631\u064a\u064b\u0627 \u0641\u064a \u0627\u0644\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0639\u0644\u0645\u064a.<\/p>\n <blockquote>\u00ab\u0645\u0639\u062a\u0642\u062f\u0627\u062a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u062a\u064f\u062d\u062f\u0651\u0650\u062f \u0643\u064a\u0641 \u064a\u0634\u0639\u0631 \u0627\u0644\u0637\u0644\u0627\u0628\u060c \u064a\u0641\u0643\u0631\u0648\u0646\u060c \u064a\u062d\u0641\u0632\u0648\u0646 \u0623\u0646\u0641\u0633\u0647\u0645\u060c \u0648\u064a\u062a\u0635\u0631\u0641\u0648\u0646.\u00bb (\u0628\u0627\u0646\u062f\u0648\u0631\u0627\u060c 2003)<\/blockquote>\n <p>\u064a\u062c\u0627\u0632\u0641 \u0627\u0644\u0637\u0644\u0627\u0628 \u0627\u0644\u0648\u0627\u062b\u0642\u0648\u0646 \u0628\u0623\u0646\u0641\u0633\u0647\u0645 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u062a\u062e\u0635\u0651\u064f\u0635\u0627\u062a \u0639\u0644\u0645\u064a\u0629 \u0635\u0639\u0628\u0629 \u0623\u0648 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0623\u0646\u0634\u0637\u0629 \u062a\u064f\u0639\u0632\u0632 \u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645.<\/p>\n <\/article>\n\n \n\n <article class=\"article-card\">\n <h2 class=\"section-subtitle\">\u0627\u0644\u062e\u0627\u062a\u0645\u0629<\/h2>\n <p>\u064a\u0638\u0644 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 \u0631\u0643\u064a\u0632\u062a\u064a\u0646 \u0623\u0633\u0627\u0633\u064a\u062a\u064a\u0646 \u0644\u0644\u0646\u0645\u0648 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0648\u0627\u0644\u0645\u0647\u0646\u064a. \u0643\u0645\u0627 \u0644\u062e\u0651\u0635 \u0643\u0627\u0631\u0644 \u0631\u0648\u062c\u0631\u0632:<\/p>\n <blockquote>\u00ab\u0644\u0627 \u064a\u0633\u062a\u0637\u064a\u0639 \u0627\u0644\u0641\u0631\u062f \u0623\u0646 \u064a\u0633\u064a\u0631 \u0628\u0641\u0639\u0627\u0644\u064a\u0629 \u0646\u062d\u0648 \u0645\u0633\u062a\u0642\u0628\u0644\u0647 \u0625\u0644\u0627 \u0625\u0630\u0627 \u062a\u0642\u0628\u0651\u0644 \u0630\u0627\u062a\u0647 \u0643\u0645\u0627 \u0647\u064a.\u00bb<\/blockquote>\n <p>\u062a\u062f\u0639\u0648 \u0647\u0630\u0647 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0625\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0648\u0651\u064f\u0631 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u062a\u0631\u0628\u0648\u064a\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0637\u0644\u0627\u0628 \u0641\u064a \u0628\u0646\u0627\u0621 \u0645\u0633\u0627\u0631\u0647\u0645 \u0628\u0627\u0646\u0633\u062c\u0627\u0645.<\/p>\n <\/article>\n\n <footer class=\"footer\">\n <div class=\"footer-content reference\">\n <p>\u0627\u0644\u0645\u0631\u0627\u062c\u0639: \u0631\u0648\u0632\u0646\u0628\u0631\u063a (1965)\u060c \u0628\u0627\u0646\u062f\u0648\u0631\u0627 (1997\u060c 2003)\u060c \u0628\u0648\u0631\u062f\u064a\u0648 (1989)\u060c \u0643\u0627\u0631\u0644 \u0631\u0648\u062c\u0631\u0632.<\/p>\n <\/div>\n <\/footer>\n <\/section>\n <\/div>\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\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 <script>\/\/ --- 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<\/script>\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>\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u062f\u064e\u0644\u0650\u064a\u0644\u0650\u064a \u0644\u0650\u0644\u0652\u062a\u0651\u064e\u0648\u0652\u062c\u0650\u064a\u0647\u0650 \u0627\u0644\u0625\u0650\u064a\u062c\u064e\u0627\u0628\u0650\u064a\u0651\u0650 ☰ \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 \u0627\u0644\u0623\u0648\u0644\u064a\u0627\u0621 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a\u060c \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 […]<\/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-1185","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/1185","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=1185"}],"version-history":[{"count":8,"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/1185\/revisions"}],"predecessor-version":[{"id":2850,"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/1185\/revisions\/2850"}],"wp:attachment":[{"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/media?parent=1185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/title>\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}\ntable {\n width: 100%;\n border-collapse: collapse; \/* merge borders *\/\n margin: 20px 0;\n font-size: 16px;\n text-align: left;\n}\n\nth, td {\n border: 1px solid #ddd;\n padding: 8px;\n}\n\nth {\n background-color: #f4f4f4;\n font-weight: bold;\n}\n\ntr:nth-child(even) {\n background-color: #f9f9f9; \/* zebra stripes *\/\n}\n\ntr:hover {\n background-color: #f1f1f1; \/* highlight on hover *\/\n}\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 <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n <div class=\"container\">\n <header class=\"header\">\n <div class=\"header-content\">\n <div>\n <a class=\"logo\" href=\"https:\/\/orientationpositive.tn\/wp\/\">\u062f\u064e\u0644\u0650\u064a\u0644\u0650\u064a \u0644\u0650\u0644\u0652\u062a\u0651\u064e\u0648\u0652\u062c\u0650\u064a\u0647\u0650 \u0627\u0644\u0625\u0650\u064a\u062c\u064e\u0627\u0628\u0650\u064a\u0651\u0650<\/a>\n \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\/\">\u0641\u0636\u0627\u0621 \u0627\u0644\u062a\u0644\u0645\u064a\u0630<\/a><\/li>\n <li class=\"nav-item\"><a class=\"active\" 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 <section class=\"section\">\n <h1 class=\"section-title\">\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a\u060c \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/h1>\n \n <article class=\"article-card\">\n <p class=\"introduction\">\u064a\u064f\u0639\u062a\u0628\u0631 \u062f\u0631\u0627\u0633\u0629 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 \u0648\u0639\u0644\u0627\u0642\u062a\u0647\u0645\u0627 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0648\u0627\u0644\u0645\u0647\u0646\u064a \u0644\u0644\u0637\u0644\u0627\u0628 \u0645\u0648\u0636\u0648\u0639\u064b\u0627 \u0645\u062d\u0648\u0631\u064a\u064b\u0627 \u0641\u064a \u0639\u0644\u0645 \u0627\u0644\u0646\u0641\u0633 \u0627\u0644\u062a\u0631\u0628\u0648\u064a \u0648\u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u062f\u0631\u0633\u064a.<\/p>\n <\/article>\n\n <article class=\"article-card\">\n <h2 class=\"section-subtitle\">1. \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u062f\u0627\u0641\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/h2>\n <p>\u064a\u064f\u0639\u0631\u064e\u0651\u0641 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0628\u0623\u0646\u0647 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0630\u0627\u062a (\u0631\u0648\u0632\u0646\u0628\u0631\u063a\u060c 1965)\u060c \u0648\u0647\u0648 \u064a\u0624\u062b\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0627\u0646\u062e\u0631\u0627\u0637 \u0648\u0627\u0644\u0645\u062b\u0627\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062f\u0631\u0627\u0633\u064a.<\/p>\n <blockquote>\u00ab\u0627\u0644\u0637\u0644\u0627\u0628 \u0630\u0648\u0648 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u064a \u0644\u0630\u0627\u062a\u0647\u0645 \u0623\u0643\u062b\u0631 \u0645\u064a\u0644\u064b\u0627 \u0644\u062e\u0648\u0636 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0635\u0639\u0628\u0629\u060c \u0648\u0631\u0624\u064a\u0629 \u0627\u0644\u0641\u0634\u0644 \u0643\u062a\u062d\u062f\u0651\u064d\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u0645\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0639\u0642\u0628\u0627\u062a.\u00bb (\u0628\u0627\u0646\u062f\u0648\u0631\u0627\u060c 1997)<\/blockquote>\n <p>\u0642\u062f \u064a\u0624\u062f\u064a \u0636\u0639\u0641 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0631\u0642\u0627\u0628\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 (\u0628\u0648\u0631\u062f\u064a\u0648\u060c 1989)\u060c \u0645\u0645\u0627 \u064a\u064f\u0636\u064a\u0650\u0651\u0642 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u062e\u0648\u0641\u064b\u0627 \u0645\u0646 \u0627\u0644\u0641\u0634\u0644.<\/p>\n <\/article>\n\n <article class=\"article-card\">\n <h2 class=\"section-subtitle\">2. \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 \u0648\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/h2>\n <p>\u062a\u0644\u0639\u0628 \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633\u060c \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0625\u064a\u0645\u0627\u0646 \u0628\u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0630\u0627\u062a\u064a\u0629 (\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629)\u060c \u062f\u0648\u0631\u064b\u0627 \u0645\u062d\u0648\u0631\u064a\u064b\u0627 \u0641\u064a \u0627\u0644\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0639\u0644\u0645\u064a.<\/p>\n <blockquote>\u00ab\u0645\u0639\u062a\u0642\u062f\u0627\u062a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u062a\u064f\u062d\u062f\u0651\u0650\u062f \u0643\u064a\u0641 \u064a\u0634\u0639\u0631 \u0627\u0644\u0637\u0644\u0627\u0628\u060c \u064a\u0641\u0643\u0631\u0648\u0646\u060c \u064a\u062d\u0641\u0632\u0648\u0646 \u0623\u0646\u0641\u0633\u0647\u0645\u060c \u0648\u064a\u062a\u0635\u0631\u0641\u0648\u0646.\u00bb (\u0628\u0627\u0646\u062f\u0648\u0631\u0627\u060c 2003)<\/blockquote>\n <p>\u064a\u062c\u0627\u0632\u0641 \u0627\u0644\u0637\u0644\u0627\u0628 \u0627\u0644\u0648\u0627\u062b\u0642\u0648\u0646 \u0628\u0623\u0646\u0641\u0633\u0647\u0645 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u062a\u062e\u0635\u0651\u064f\u0635\u0627\u062a \u0639\u0644\u0645\u064a\u0629 \u0635\u0639\u0628\u0629 \u0623\u0648 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0623\u0646\u0634\u0637\u0629 \u062a\u064f\u0639\u0632\u0632 \u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645.<\/p>\n <\/article>\n\n \n\n <article class=\"article-card\">\n <h2 class=\"section-subtitle\">\u0627\u0644\u062e\u0627\u062a\u0645\u0629<\/h2>\n <p>\u064a\u0638\u0644 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 \u0631\u0643\u064a\u0632\u062a\u064a\u0646 \u0623\u0633\u0627\u0633\u064a\u062a\u064a\u0646 \u0644\u0644\u0646\u0645\u0648 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0648\u0627\u0644\u0645\u0647\u0646\u064a. \u0643\u0645\u0627 \u0644\u062e\u0651\u0635 \u0643\u0627\u0631\u0644 \u0631\u0648\u062c\u0631\u0632:<\/p>\n <blockquote>\u00ab\u0644\u0627 \u064a\u0633\u062a\u0637\u064a\u0639 \u0627\u0644\u0641\u0631\u062f \u0623\u0646 \u064a\u0633\u064a\u0631 \u0628\u0641\u0639\u0627\u0644\u064a\u0629 \u0646\u062d\u0648 \u0645\u0633\u062a\u0642\u0628\u0644\u0647 \u0625\u0644\u0627 \u0625\u0630\u0627 \u062a\u0642\u0628\u0651\u0644 \u0630\u0627\u062a\u0647 \u0643\u0645\u0627 \u0647\u064a.\u00bb<\/blockquote>\n <p>\u062a\u062f\u0639\u0648 \u0647\u0630\u0647 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0625\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0648\u0651\u064f\u0631 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u062a\u0631\u0628\u0648\u064a\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0637\u0644\u0627\u0628 \u0641\u064a \u0628\u0646\u0627\u0621 \u0645\u0633\u0627\u0631\u0647\u0645 \u0628\u0627\u0646\u0633\u062c\u0627\u0645.<\/p>\n <\/article>\n\n <footer class=\"footer\">\n <div class=\"footer-content reference\">\n <p>\u0627\u0644\u0645\u0631\u0627\u062c\u0639: \u0631\u0648\u0632\u0646\u0628\u0631\u063a (1965)\u060c \u0628\u0627\u0646\u062f\u0648\u0631\u0627 (1997\u060c 2003)\u060c \u0628\u0648\u0631\u062f\u064a\u0648 (1989)\u060c \u0643\u0627\u0631\u0644 \u0631\u0648\u062c\u0631\u0632.<\/p>\n <\/div>\n <\/footer>\n <\/section>\n <\/div>\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\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 <script>\/\/ --- 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<\/script>\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>\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u062f\u064e\u0644\u0650\u064a\u0644\u0650\u064a \u0644\u0650\u0644\u0652\u062a\u0651\u064e\u0648\u0652\u062c\u0650\u064a\u0647\u0650 \u0627\u0644\u0625\u0650\u064a\u062c\u064e\u0627\u0628\u0650\u064a\u0651\u0650 ☰ \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 \u0627\u0644\u0623\u0648\u0644\u064a\u0627\u0621 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0630\u0627\u062a\u060c \u0627\u0644\u062b\u0642\u0629 \u0628\u0627\u0644\u0646\u0641\u0633 […]<\/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-1185","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/1185","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=1185"}],"version-history":[{"count":8,"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/1185\/revisions"}],"predecessor-version":[{"id":2850,"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/pages\/1185\/revisions\/2850"}],"wp:attachment":[{"href":"https:\/\/orientationpositive.tn\/wp\/wp-json\/wp\/v2\/media?parent=1185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}