{"id":2,"date":"2025-11-28T08:30:58","date_gmt":"2025-11-28T07:30:58","guid":{"rendered":"http:\/\/localhost:8080\/MARIMICH2025\/?page_id=2"},"modified":"2026-01-10T23:51:58","modified_gmt":"2026-01-10T22:51:58","slug":"page-d-accueil","status":"publish","type":"page","link":"https:\/\/michel.mediameptm.net\/","title":{"rendered":"Page d’accueil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n D\u00e9couvrez le Maroc<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .title-container {\r\n all: initial;\r\n display: block;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n \r\n .title-font {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n .subtitle-font {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.8);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n \r\n .main-title-text {\r\n animation: fadeInScale 1s ease-out 0.1s backwards;\r\n }\r\n \r\n .subtitle-text {\r\n animation: fadeInScale 1s ease-out 0.3s backwards;\r\n }\r\n \r\n .center-dot {\r\n animation: fadeInScale 1s ease-out 0.5s backwards;\r\n }\r\n \r\n .side-line {\r\n animation: fadeInScale 0.8s ease-out 0.7s backwards;\r\n }\r\n \r\n .text-shadow-minimal {\r\n text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\">\r\n <main class=\"w-full h-full flex items-center justify-center overflow-auto\" style=\"background: transparent;\">\r\n <div class=\"title-container\" style=\"max-width: 1600px; padding: 2rem 1.5rem; width: 100%;\">\r\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-8\">\r\n <div class=\"side-line hidden md:block\" style=\"height: 2px; width: 80px; background: #c49a6c; opacity: 0.6;\"><\/div>\r\n <div class=\"text-center\">\r\n <h1 id=\"main-title\" class=\"title-font text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-bold text-shadow-minimal main-title-text\" style=\"color: #2d1b0e; line-height: 1; letter-spacing: -0.02em;\">D\u00e9couvrez<\/h1>\r\n <\/div>\r\n <div class=\"center-dot flex items-center justify-center\" style=\"width: 16px; height: 16px;\">\r\n <div style=\"width: 12px; height: 12px; border-radius: 50%; background: #c49a6c; box-shadow: 0 0 20px rgba(196, 154, 108, 0.6);\"><\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <h2 id=\"subtitle\" class=\"subtitle-font text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-light subtitle-text\" style=\"color: #c49a6c; letter-spacing: 0.05em; font-weight: 300; line-height: 1;\">le Maroc<\/h2>\r\n <\/div>\r\n <div class=\"side-line hidden md:block\" style=\"height: 2px; width: 80px; background: #c49a6c; opacity: 0.6;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n <script>\r\n const defaultConfig = {\r\n main_title: \"D\u00e9couvrez\",\r\n subtitle: \"le Maroc\",\r\n accent_color: \"#c49a6c\",\r\n title_color: \"#2d1b0e\",\r\n font_family: \"Poppins\",\r\n font_size: 16\r\n };\r\n\r\n async function onConfigChange(config) {\r\n const mainTitle = document.getElementById('main-title');\r\n const subtitle = document.getElementById('subtitle');\r\n \r\n \/\/ Update text content\r\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\r\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\r\n \r\n \/\/ Update colors\r\n const accentColor = config.accent_color || defaultConfig.accent_color;\r\n const titleColor = config.title_color || defaultConfig.title_color;\r\n \r\n subtitle.style.color = accentColor;\r\n mainTitle.style.color = titleColor;\r\n \r\n \/\/ Update font family\r\n const customFont = config.font_family || defaultConfig.font_family;\r\n const baseFontStack = 'sans-serif';\r\n mainTitle.style.fontFamily = `${customFont}, ${baseFontStack}`;\r\n subtitle.style.fontFamily = `${customFont}, ${baseFontStack}`;\r\n \r\n \/\/ Update font sizes proportionally\r\n const baseSize = config.font_size || defaultConfig.font_size;\r\n mainTitle.style.fontSize = `${baseSize * 4}px`;\r\n subtitle.style.fontSize = `${baseSize * 3}px`;\r\n \r\n \/\/ Update decorative elements\r\n const sideLines = document.querySelectorAll('.side-line');\r\n sideLines.forEach(line => {\r\n line.style.background = accentColor;\r\n });\r\n \r\n const centerDot = document.querySelector('.center-dot > div');\r\n if (centerDot) {\r\n centerDot.style.background = accentColor;\r\n centerDot.style.boxShadow = `0 0 20px ${accentColor}99`;\r\n }\r\n }\r\n\r\n function mapToCapabilities(config) {\r\n return {\r\n recolorables: [\r\n {\r\n get: () => config.title_color || defaultConfig.title_color,\r\n set: (value) => {\r\n config.title_color = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ title_color: value });\r\n }\r\n }\r\n },\r\n {\r\n get: () => config.accent_color || defaultConfig.accent_color,\r\n set: (value) => {\r\n config.accent_color = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ accent_color: value });\r\n }\r\n }\r\n }\r\n ],\r\n borderables: [],\r\n fontEditable: {\r\n get: () => config.font_family || defaultConfig.font_family,\r\n set: (value) => {\r\n config.font_family = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n }\r\n },\r\n fontSizeable: {\r\n get: () => config.font_size || defaultConfig.font_size,\r\n set: (value) => {\r\n config.font_size = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n }\r\n }\r\n };\r\n }\r\n\r\n function mapToEditPanelValues(config) {\r\n return new Map([\r\n [\"main_title\", config.main_title || defaultConfig.main_title],\r\n [\"subtitle\", config.subtitle || defaultConfig.subtitle]\r\n ]);\r\n }\r\n\r\n \/\/ Initialize SDK\r\n (async () => {\r\n if (window.elementSdk) {\r\n await window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange,\r\n mapToCapabilities,\r\n mapToEditPanelValues\r\n });\r\n }\r\n })();\r\n <\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9bbd5644610ec4a5',t:'MTc2ODA2MDI5OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70ed93b e-flex e-con-boxed e-con e-parent\" data-id=\"70ed93b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b37c8e7 elementor-widget elementor-widget-text-editor\" data-id=\"b37c8e7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"169\" data-end=\"624\">Le <strong data-start=\"172\" data-end=\"181\">Maroc<\/strong> est un pays aux mille facettes, o\u00f9 se m\u00ealent histoire mill\u00e9naire, paysages spectaculaires et traditions vivantes. Carrefour entre l\u2019Afrique, l\u2019Europe et le monde arabe, il a su pr\u00e9server une identit\u00e9 riche, fa\u00e7onn\u00e9e par des si\u00e8cles d\u2019\u00e9changes culturels et d\u2019influences diverses. Des m\u00e9dinas charg\u00e9es d\u2019histoire aux villes modernes en pleine effervescence, le Maroc offre un \u00e9quilibre unique entre h\u00e9ritage ancestral et dynamisme contemporain.<\/p><p data-start=\"169\" data-end=\"624\">Des montagnes de l\u2019Atlas aux \u00e9tendues du d\u00e9sert, en passant par les plages de l\u2019oc\u00e9an Atlantique et de la M\u00e9diterran\u00e9e, chaque r\u00e9gion d\u00e9voile une atmosph\u00e8re et un mode de vie singuliers. Les villes imp\u00e9riales racontent l\u2019histoire du royaume \u00e0 travers leurs monuments embl\u00e9matiques, tandis que les m\u00e9tropoles c\u00f4ti\u00e8res incarnent l\u2019ouverture et la modernit\u00e9. Ce site vous invite \u00e0 explorer le Maroc \u00e0 travers ses villes, son patrimoine et ses \u00e9v\u00e9nements marquants, pour mieux comprendre la richesse de son identit\u00e9.<\/p><p data-start=\"626\" data-end=\"1138\">Et parce que la d\u00e9couverte du Maroc passe aussi par les saveurs, le site propose \u00e9galement <strong data-start=\"1231\" data-end=\"1268\">quelques recettes traditionnelles<\/strong>, sucr\u00e9es et sal\u00e9es, pour les gourmands curieux de go\u00fbter \u00e0 la gastronomie marocaine. Une invitation \u00e0 voyager autrement, entre culture, histoire et plaisirs culinaires, au c\u0153ur d\u2019un pays authentique et accueillant.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0af42a5 e-flex e-con-boxed e-con e-parent\" data-id=\"0af42a5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69c2b3f elementor-widget elementor-widget-spacer\" data-id=\"69c2b3f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40994c1 e-flex e-con-boxed e-con e-parent\" data-id=\"40994c1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdc6e8e elementor-widget elementor-widget-html\" data-id=\"bdc6e8e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"fr\" class=\"h-full\">\r\n <head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Les trois villes principales du Maroc<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .title-container {\r\n all: initial;\r\n display: block;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n \r\n .title-font {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n .subtitle-font {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.8);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n \r\n .main-title-text {\r\n animation: fadeInScale 1s ease-out 0.1s backwards;\r\n }\r\n \r\n .subtitle-text {\r\n animation: fadeInScale 1s ease-out 0.3s backwards;\r\n }\r\n \r\n .center-dot {\r\n animation: fadeInScale 1s ease-out 0.5s backwards;\r\n }\r\n \r\n .side-line {\r\n animation: fadeInScale 0.8s ease-out 0.7s backwards;\r\n }\r\n \r\n .text-shadow-minimal {\r\n text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\">\r\n <main class=\"w-full h-full flex items-center justify-center overflow-auto\" style=\"background: transparent;\">\r\n <div class=\"title-container\" style=\"max-width: 1600px; padding: 2rem 1.5rem; width: 100%;\">\r\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-8\">\r\n <div class=\"side-line hidden md:block\" style=\"height: 2px; width: 80px; background: #c49a6c; opacity: 0.6;\"><\/div>\r\n <div class=\"text-center\">\r\n <h1 id=\"main-title\" class=\"title-font text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-bold text-shadow-minimal main-title-text\" style=\"color: #2d1b0e; line-height: 1; letter-spacing: -0.02em;\">Les trois villes principales<\/h1>\r\n <\/div>\r\n <div class=\"center-dot flex items-center justify-center\" style=\"width: 16px; height: 16px;\">\r\n <div style=\"width: 12px; height: 12px; border-radius: 50%; background: #c49a6c; box-shadow: 0 0 20px rgba(196, 154, 108, 0.6);\"><\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <h2 id=\"subtitle\" class=\"subtitle-font text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-light subtitle-text\" style=\"color: #c49a6c; letter-spacing: 0.05em; font-weight: 300; line-height: 1;\">du Maroc<\/h2>\r\n <\/div>\r\n <div class=\"side-line hidden md:block\" style=\"height: 2px; width: 80px; background: #c49a6c; opacity: 0.6;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n <script>\r\n const defaultConfig = {\r\n main_title: \"Les trois villes principales\",\r\n subtitle: \"du Maroc\",\r\n accent_color: \"#c49a6c\",\r\n title_color: \"#2d1b0e\",\r\n font_family: \"Poppins\",\r\n font_size: 16\r\n };\r\n\r\n async function onConfigChange(config) {\r\n const mainTitle = document.getElementById('main-title');\r\n const subtitle = document.getElementById('subtitle');\r\n \r\n \/\/ Update text content\r\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\r\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\r\n \r\n \/\/ Update colors\r\n const accentColor = config.accent_color || defaultConfig.accent_color;\r\n const titleColor = config.title_color || defaultConfig.title_color;\r\n \r\n subtitle.style.color = accentColor;\r\n mainTitle.style.color = titleColor;\r\n \r\n \/\/ Update font family\r\n const customFont = config.font_family || defaultConfig.font_family;\r\n const baseFontStack = 'sans-serif';\r\n mainTitle.style.fontFamily = `${customFont}, ${baseFontStack}`;\r\n subtitle.style.fontFamily = `${customFont}, ${baseFontStack}`;\r\n \r\n \/\/ Update font sizes proportionally\r\n const baseSize = config.font_size || defaultConfig.font_size;\r\n mainTitle.style.fontSize = `${baseSize * 4}px`;\r\n subtitle.style.fontSize = `${baseSize * 3}px`;\r\n \r\n \/\/ Update decorative elements\r\n const sideLines = document.querySelectorAll('.side-line');\r\n sideLines.forEach(line => {\r\n line.style.background = accentColor;\r\n });\r\n \r\n const centerDot = document.querySelector('.center-dot > div');\r\n if (centerDot) {\r\n centerDot.style.background = accentColor;\r\n centerDot.style.boxShadow = `0 0 20px ${accentColor}99`;\r\n }\r\n }\r\n\r\n function mapToCapabilities(config) {\r\n return {\r\n recolorables: [\r\n {\r\n get: () => config.title_color || defaultConfig.title_color,\r\n set: (value) => {\r\n config.title_color = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ title_color: value });\r\n }\r\n }\r\n },\r\n {\r\n get: () => config.accent_color || defaultConfig.accent_color,\r\n set: (value) => {\r\n config.accent_color = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ accent_color: value });\r\n }\r\n }\r\n }\r\n ],\r\n borderables: [],\r\n fontEditable: {\r\n get: () => config.font_family || defaultConfig.font_family,\r\n set: (value) => {\r\n config.font_family = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n }\r\n },\r\n fontSizeable: {\r\n get: () => config.font_size || defaultConfig.font_size,\r\n set: (value) => {\r\n config.font_size = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n }\r\n }\r\n };\r\n }\r\n\r\n function mapToEditPanelValues(config) {\r\n return new Map([\r\n [\"main_title\", config.main_title || defaultConfig.main_title],\r\n [\"subtitle\", config.subtitle || defaultConfig.subtitle]\r\n ]);\r\n }\r\n\r\n \/\/ Initialize SDK\r\n (async () => {\r\n if (window.elementSdk) {\r\n await window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange,\r\n mapToCapabilities,\r\n mapToEditPanelValues\r\n });\r\n }\r\n })();\r\n <\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9bbd61014676c4a5',t:'MTc2ODA2MDczOC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a556532 e-grid e-con-boxed e-con e-parent\" data-id=\"a556532\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-541c57d elementor-widget elementor-widget-image\" data-id=\"541c57d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Marrakech.png\" class=\"attachment-large size-large wp-image-768\" alt=\"\" srcset=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Marrakech.png 500w, https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Marrakech-300x300.png 300w, https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Marrakech-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77c1956 elementor-widget elementor-widget-image\" data-id=\"77c1956\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Casablanca.png\" class=\"attachment-large size-large wp-image-767\" alt=\"\" srcset=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Casablanca.png 500w, https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Casablanca-300x300.png 300w, https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Casablanca-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-347b135 elementor-widget elementor-widget-image\" data-id=\"347b135\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Rabat.png\" class=\"attachment-large size-large wp-image-769\" alt=\"\" srcset=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Rabat.png 500w, https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Rabat-300x300.png 300w, https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Rabat-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c22e09 e-grid e-con-boxed e-con e-parent\" data-id=\"8c22e09\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aee6ab5 elementor-widget elementor-widget-heading\" data-id=\"aee6ab5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Marrakech<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-140c39d elementor-widget elementor-widget-heading\" data-id=\"140c39d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Casablanca<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1544b7d elementor-widget elementor-widget-heading\" data-id=\"1544b7d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rabat<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa89f8a e-grid e-con-boxed e-con e-parent\" data-id=\"aa89f8a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6235d4 elementor-widget elementor-widget-text-editor\" data-id=\"c6235d4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong data-start=\"156\" data-end=\"169\">Marrakech<\/strong>, la c\u00e9l\u00e8bre <em data-start=\"182\" data-end=\"194\">ville ocre<\/em>, s\u00e9duit par son \u00e9nergie unique, son patrimoine fascinant et son ambiance envo\u00fbtante. Entre monuments embl\u00e9matiques, lieux incontournables et atmosph\u00e8re vibrante, la ville offre une exp\u00e9rience inoubliable au c\u0153ur du Maroc. Laissez-vous guider \u00e0 la d\u00e9couverte de <b>Marrakech<\/b>, de ses tr\u00e9sors, de son histoire et de son identit\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2b4a0 elementor-widget elementor-widget-text-editor\" data-id=\"8a2b4a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"133\" data-end=\"489\"><strong data-start=\"133\" data-end=\"147\">Casablanca<\/strong>, la <em data-start=\"152\" data-end=\"175\">perle de l\u2019Atlantique<\/em>, incarne le visage moderne et dynamique du Maroc. Entre monuments embl\u00e9matiques, front de mer anim\u00e9 et architecture unique, la ville d\u00e9voile une atmosph\u00e8re cosmopolite et vibrante. Partez \u00e0 la d\u00e9couverte de <strong data-start=\"383\" data-end=\"391\">Casa<\/strong> et explorez ses lieux incontournables, son histoire marquante et son identit\u00e9 urbaine singuli\u00e8re.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-384a1d0 elementor-widget elementor-widget-text-editor\" data-id=\"384a1d0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong data-start=\"137\" data-end=\"146\">Rabat<\/strong>, la <em data-start=\"151\" data-end=\"168\">capitale royale<\/em>, allie \u00e9l\u00e9gance, histoire et modernit\u00e9. Entre remparts majestueux, monuments embl\u00e9matiques et quartiers harmonieux, la ville r\u00e9v\u00e8le une atmosph\u00e8re sereine et raffin\u00e9e. D\u00e9couvrez <strong data-start=\"347\" data-end=\"356\">Rabat<\/strong> et laissez-vous s\u00e9duire par son patrimoine unique, son charme historique et son identit\u00e9 authentique.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98be631 e-grid e-con-boxed e-con e-parent\" data-id=\"98be631\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bcebf9 elementor-align-justify elementor-button-info elementor-widget elementor-widget-button\" data-id=\"5bcebf9\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/michel.mediameptm.net\/index.php\/marrakech\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Plus d'infos sur Marrakech<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ecdf34 elementor-align-justify elementor-button-info elementor-widget elementor-widget-button\" data-id=\"0ecdf34\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/michel.mediameptm.net\/index.php\/casablanca\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Plus d'infos sur Casablanca<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25dc122 elementor-align-justify elementor-button-info elementor-widget elementor-widget-button\" data-id=\"25dc122\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/michel.mediameptm.net\/index.php\/rabat\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Plus d'info sur Rabat<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91d7eda e-flex e-con-boxed e-con e-parent\" data-id=\"91d7eda\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad8c3b5 elementor-widget elementor-widget-spacer\" data-id=\"ad8c3b5\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-533f8ed e-flex e-con-boxed e-con e-parent\" data-id=\"533f8ed\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-462e89a elementor-widget elementor-widget-html\" data-id=\"462e89a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"fr\" class=\"h-full\">\r\n <head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Partez \u00e0 l'aventure au Maroc<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .title-container {\r\n all: initial;\r\n display: block;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n \r\n .title-font {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n .subtitle-font {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.8);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n \r\n .main-title-text {\r\n animation: fadeInScale 1s ease-out 0.1s backwards;\r\n }\r\n \r\n .subtitle-text {\r\n animation: fadeInScale 1s ease-out 0.3s backwards;\r\n }\r\n \r\n .center-dot {\r\n animation: fadeInScale 1s ease-out 0.5s backwards;\r\n }\r\n \r\n .side-line {\r\n animation: fadeInScale 0.8s ease-out 0.7s backwards;\r\n }\r\n \r\n .text-shadow-minimal {\r\n text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\">\r\n <main class=\"w-full h-full flex items-center justify-center overflow-auto\" style=\"background: transparent;\">\r\n <div class=\"title-container\" style=\"max-width: 1600px; padding: 2rem 1.5rem; width: 100%;\">\r\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-8\">\r\n <div class=\"side-line hidden md:block\" style=\"height: 2px; width: 80px; background: #c49a6c; opacity: 0.6;\"><\/div>\r\n <div class=\"text-center\">\r\n <h1 id=\"main-title\" class=\"title-font text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-bold text-shadow-minimal main-title-text\" style=\"color: #2d1b0e; line-height: 1; letter-spacing: -0.02em;\">Partez \u00e0 l'aventure<\/h1>\r\n <\/div>\r\n <div class=\"center-dot flex items-center justify-center\" style=\"width: 16px; height: 16px;\">\r\n <div style=\"width: 12px; height: 12px; border-radius: 50%; background: #c49a6c; box-shadow: 0 0 20px rgba(196, 154, 108, 0.6);\"><\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <h2 id=\"subtitle\" class=\"subtitle-font text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-light subtitle-text\" style=\"color: #c49a6c; letter-spacing: 0.05em; font-weight: 300; line-height: 1;\">au Maroc<\/h2>\r\n <\/div>\r\n <div class=\"side-line hidden md:block\" style=\"height: 2px; width: 80px; background: #c49a6c; opacity: 0.6;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n <script>\r\n const defaultConfig = {\r\n main_title: \"Partez \u00e0 l'aventure\",\r\n subtitle: \"au Maroc\",\r\n accent_color: \"#c49a6c\",\r\n title_color: \"#2d1b0e\",\r\n font_family: \"Poppins\",\r\n font_size: 16\r\n };\r\n\r\n async function onConfigChange(config) {\r\n const mainTitle = document.getElementById('main-title');\r\n const subtitle = document.getElementById('subtitle');\r\n \r\n \/\/ Update text content\r\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\r\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\r\n \r\n \/\/ Update colors\r\n const accentColor = config.accent_color || defaultConfig.accent_color;\r\n const titleColor = config.title_color || defaultConfig.title_color;\r\n \r\n subtitle.style.color = accentColor;\r\n mainTitle.style.color = titleColor;\r\n \r\n \/\/ Update font family\r\n const customFont = config.font_family || defaultConfig.font_family;\r\n const baseFontStack = 'sans-serif';\r\n mainTitle.style.fontFamily = `${customFont}, ${baseFontStack}`;\r\n subtitle.style.fontFamily = `${customFont}, ${baseFontStack}`;\r\n \r\n \/\/ Update font sizes proportionally\r\n const baseSize = config.font_size || defaultConfig.font_size;\r\n mainTitle.style.fontSize = `${baseSize * 4}px`;\r\n subtitle.style.fontSize = `${baseSize * 3}px`;\r\n \r\n \/\/ Update decorative elements\r\n const sideLines = document.querySelectorAll('.side-line');\r\n sideLines.forEach(line => {\r\n line.style.background = accentColor;\r\n });\r\n \r\n const centerDot = document.querySelector('.center-dot > div');\r\n if (centerDot) {\r\n centerDot.style.background = accentColor;\r\n centerDot.style.boxShadow = `0 0 20px ${accentColor}99`;\r\n }\r\n }\r\n\r\n function mapToCapabilities(config) {\r\n return {\r\n recolorables: [\r\n {\r\n get: () => config.title_color || defaultConfig.title_color,\r\n set: (value) => {\r\n config.title_color = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ title_color: value });\r\n }\r\n }\r\n },\r\n {\r\n get: () => config.accent_color || defaultConfig.accent_color,\r\n set: (value) => {\r\n config.accent_color = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ accent_color: value });\r\n }\r\n }\r\n }\r\n ],\r\n borderables: [],\r\n fontEditable: {\r\n get: () => config.font_family || defaultConfig.font_family,\r\n set: (value) => {\r\n config.font_family = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n }\r\n },\r\n fontSizeable: {\r\n get: () => config.font_size || defaultConfig.font_size,\r\n set: (value) => {\r\n config.font_size = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n }\r\n }\r\n };\r\n }\r\n\r\n function mapToEditPanelValues(config) {\r\n return new Map([\r\n [\"main_title\", config.main_title || defaultConfig.main_title],\r\n [\"subtitle\", config.subtitle || defaultConfig.subtitle]\r\n ]);\r\n }\r\n\r\n \/\/ Initialize SDK\r\n (async () => {\r\n if (window.elementSdk) {\r\n await window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange,\r\n mapToCapabilities,\r\n mapToEditPanelValues\r\n });\r\n }\r\n })();\r\n <\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9bbda178f56ec4a5',t:'MTc2ODA2MzM3OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-906b6cb e-flex e-con-boxed e-con e-parent\" data-id=\"906b6cb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b983b31 elementor-widget elementor-widget-text-editor\" data-id=\"b983b31\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"202\" data-end=\"784\">Le <strong data-start=\"205\" data-end=\"214\">Maroc<\/strong> est une invitation au voyage, un pays o\u00f9 paysages, cultures et traditions se m\u00ealent pour offrir une exp\u00e9rience inoubliable. Des ruelles anim\u00e9es des m\u00e9dinas imp\u00e9riales aux vastes dunes dor\u00e9es du d\u00e9sert, en passant par les sommets majestueux de l\u2019Atlas et les plages baign\u00e9es par l\u2019Atlantique et la M\u00e9diterran\u00e9e, chaque r\u00e9gion d\u00e9voile une identit\u00e9 unique. Fl\u00e2ner dans les souks, admirer des palais centenaires ou explorer des villages pittoresques permet de toucher du doigt un patrimoine vivant et fascinant, tout en d\u00e9couvrant la diversit\u00e9 des modes de vie marocains.<\/p><p data-start=\"202\" data-end=\"784\">\u00a0<\/p><p data-start=\"786\" data-end=\"1572\">Marrakech, la ville ocre, s\u00e9duit par son \u00e9nergie, ses monuments historiques et ses places anim\u00e9es. Casablanca, la perle de l\u2019Atlantique, impressionne par son dynamisme, ses larges boulevards et son architecture Art d\u00e9co. Rabat, la capitale royale, charme par ses remparts, ses jardins \u00e9l\u00e9gants et sa s\u00e9r\u00e9nit\u00e9 unique. Mais le Maroc ne se limite pas \u00e0 ses grandes m\u00e9tropoles : <strong data-start=\"1161\" data-end=\"1168\">F\u00e8s<\/strong> captive par sa m\u00e9dina m\u00e9di\u00e9vale labyrinthique et ses artisans passionn\u00e9s, <strong data-start=\"1243\" data-end=\"1253\">Mekn\u00e8s<\/strong> d\u00e9voile un h\u00e9ritage imp\u00e9rial hors du temps avec ses portes monumentales et ses palais, <strong data-start=\"1341\" data-end=\"1354\">Essaouira<\/strong>, sur la c\u00f4te Atlantique, enchante par ses remparts, son port anim\u00e9 et ses festivals de musique, tandis que <strong data-start=\"1462\" data-end=\"1477\">Chefchaouen<\/strong>, la c\u00e9l\u00e8bre ville bleue du Rif, fascine par ses ruelles peintes et son atmosph\u00e8re apaisante.<\/p><p data-start=\"786\" data-end=\"1572\">\u00a0<\/p><p data-start=\"1574\" data-end=\"2276\">Dans le sud et le d\u00e9sert, les <strong data-start=\"1604\" data-end=\"1625\">villages berb\u00e8res<\/strong>, les <strong data-start=\"1631\" data-end=\"1654\">kasbahs historiques<\/strong> et les <strong data-start=\"1662\" data-end=\"1683\">oasis verdoyantes<\/strong> offrent des paysages \u00e0 couper le souffle, propices aux randonn\u00e9es et aux d\u00e9couvertes authentiques. Les montagnes de l\u2019Atlas et du Rif offrent des panoramas spectaculaires et des possibilit\u00e9s de trekking uniques, tandis que les plages de l\u2019Atlantique et de la M\u00e9diterran\u00e9e invitent \u00e0 la d\u00e9tente et aux sports nautiques. Partout, les couleurs \u00e9clatantes des march\u00e9s, les parfums \u00e9pic\u00e9s de la cuisine, la musique traditionnelle et la chaleur de l\u2019accueil font du voyage au Maroc un moment riche et inoubliable, o\u00f9 chaque ville, chaque village et chaque paysage raconte une histoire fascinante.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38f0dba elementor-widget elementor-widget-image-carousel\" data-id=\"38f0dba\" data-element_type=\"widget\" data-settings=\"{"slides_to_show":"6","navigation":"none","image_spacing_custom":{"unit":"px","size":10,"sizes":[]},"autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"speed":500,"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel d\u2019images\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Accueil-Fes.png\" alt=\"F\u00e8s\" \/><figcaption class=\"elementor-image-carousel-caption\">F\u00e8s<\/figcaption><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/berbere-Accueil.png\" alt=\"Ouarzazate\" \/><figcaption class=\"elementor-image-carousel-caption\">Ouarzazate<\/figcaption><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Chefchouen-Accueil.png\" alt=\"Chefchouen\" \/><figcaption class=\"elementor-image-carousel-caption\">Chefchouen<\/figcaption><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Desert-Accueil.png\" alt=\"Desert\" \/><figcaption class=\"elementor-image-carousel-caption\">Desert <\/figcaption><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Essaouira-Accueil.png\" alt=\"Essaouira\" \/><figcaption class=\"elementor-image-carousel-caption\">Essaouira<\/figcaption><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 sur 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2026\/01\/Meknes-Accueil.png\" alt=\"Meknes\" \/><figcaption class=\"elementor-image-carousel-caption\">Meknes<\/figcaption><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c13b137 e-flex e-con-boxed e-con e-parent\" data-id=\"c13b137\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2c66f0 elementor-widget elementor-widget-spacer\" data-id=\"b2c66f0\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da950d1 e-flex e-con-boxed e-con e-parent\" data-id=\"da950d1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b9ead5 elementor-widget elementor-widget-html\" data-id=\"8b9ead5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"fr\" class=\"h-full\">\r\n <head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Contactez moi<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .title-container {\r\n all: initial;\r\n display: block;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n \r\n .title-font {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n .subtitle-font {\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeInScale {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.8);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n \r\n .main-title-text {\r\n animation: fadeInScale 1s ease-out 0.1s backwards;\r\n }\r\n \r\n .subtitle-text {\r\n animation: fadeInScale 1s ease-out 0.3s backwards;\r\n }\r\n \r\n .center-dot {\r\n animation: fadeInScale 1s ease-out 0.5s backwards;\r\n }\r\n \r\n .side-line {\r\n animation: fadeInScale 0.8s ease-out 0.7s backwards;\r\n }\r\n \r\n .text-shadow-minimal {\r\n text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\">\r\n <main class=\"w-full h-full flex items-center justify-center overflow-auto\" style=\"background: transparent;\">\r\n <div class=\"title-container\" style=\"max-width: 1600px; padding: 2rem 1.5rem; width: 100%;\">\r\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 md:gap-6 lg:gap-8\">\r\n <div class=\"side-line hidden md:block\" style=\"height: 2px; width: 80px; background: #c49a6c; opacity: 0.6;\"><\/div>\r\n <div class=\"text-center\">\r\n <h1 id=\"main-title\" class=\"title-font text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-bold text-shadow-minimal main-title-text\" style=\"color: #2d1b0e; line-height: 1; letter-spacing: -0.02em;\">Contactez<\/h1>\r\n <\/div>\r\n <div class=\"center-dot flex items-center justify-center\" style=\"width: 16px; height: 16px;\">\r\n <div style=\"width: 12px; height: 12px; border-radius: 50%; background: #c49a6c; box-shadow: 0 0 20px rgba(196, 154, 108, 0.6);\"><\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <h2 id=\"subtitle\" class=\"subtitle-font text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-light subtitle-text\" style=\"color: #c49a6c; letter-spacing: 0.05em; font-weight: 300; line-height: 1;\">moi<\/h2>\r\n <\/div>\r\n <div class=\"side-line hidden md:block\" style=\"height: 2px; width: 80px; background: #c49a6c; opacity: 0.6;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n <script>\r\n const defaultConfig = {\r\n main_title: \"Contactez\",\r\n subtitle: \"moi\",\r\n accent_color: \"#c49a6c\",\r\n title_color: \"#2d1b0e\",\r\n font_family: \"Poppins\",\r\n font_size: 16\r\n };\r\n\r\n async function onConfigChange(config) {\r\n const mainTitle = document.getElementById('main-title');\r\n const subtitle = document.getElementById('subtitle');\r\n \r\n \/\/ Update text content\r\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\r\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\r\n \r\n \/\/ Update colors\r\n const accentColor = config.accent_color || defaultConfig.accent_color;\r\n const titleColor = config.title_color || defaultConfig.title_color;\r\n \r\n subtitle.style.color = accentColor;\r\n mainTitle.style.color = titleColor;\r\n \r\n \/\/ Update font family\r\n const customFont = config.font_family || defaultConfig.font_family;\r\n const baseFontStack = 'sans-serif';\r\n mainTitle.style.fontFamily = `${customFont}, ${baseFontStack}`;\r\n subtitle.style.fontFamily = `${customFont}, ${baseFontStack}`;\r\n \r\n \/\/ Update font sizes proportionally\r\n const baseSize = config.font_size || defaultConfig.font_size;\r\n mainTitle.style.fontSize = `${baseSize * 4}px`;\r\n subtitle.style.fontSize = `${baseSize * 3}px`;\r\n \r\n \/\/ Update decorative elements\r\n const sideLines = document.querySelectorAll('.side-line');\r\n sideLines.forEach(line => {\r\n line.style.background = accentColor;\r\n });\r\n \r\n const centerDot = document.querySelector('.center-dot > div');\r\n if (centerDot) {\r\n centerDot.style.background = accentColor;\r\n centerDot.style.boxShadow = `0 0 20px ${accentColor}99`;\r\n }\r\n }\r\n\r\n function mapToCapabilities(config) {\r\n return {\r\n recolorables: [\r\n {\r\n get: () => config.title_color || defaultConfig.title_color,\r\n set: (value) => {\r\n config.title_color = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ title_color: value });\r\n }\r\n }\r\n },\r\n {\r\n get: () => config.accent_color || defaultConfig.accent_color,\r\n set: (value) => {\r\n config.accent_color = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ accent_color: value });\r\n }\r\n }\r\n }\r\n ],\r\n borderables: [],\r\n fontEditable: {\r\n get: () => config.font_family || defaultConfig.font_family,\r\n set: (value) => {\r\n config.font_family = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n }\r\n },\r\n fontSizeable: {\r\n get: () => config.font_size || defaultConfig.font_size,\r\n set: (value) => {\r\n config.font_size = value;\r\n if (window.elementSdk) {\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n }\r\n }\r\n };\r\n }\r\n\r\n function mapToEditPanelValues(config) {\r\n return new Map([\r\n [\"main_title\", config.main_title || defaultConfig.main_title],\r\n [\"subtitle\", config.subtitle || defaultConfig.subtitle]\r\n ]);\r\n }\r\n\r\n \/\/ Initialize SDK\r\n (async () => {\r\n if (window.elementSdk) {\r\n await window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange,\r\n mapToCapabilities,\r\n mapToEditPanelValues\r\n });\r\n }\r\n })();\r\n <\/script>\r\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9bbd97db57f9c4a5',t:'MTc2ODA2Mjk4NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-436ee40 e-flex e-con-boxed e-con e-parent\" data-id=\"436ee40\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-73e6c2b e-con-full e-flex e-con e-child\" data-id=\"73e6c2b\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-798b609 e-con-full e-flex e-con e-child\" data-id=\"798b609\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7a0822 elementor-widget elementor-widget-link-in-bio\" data-id=\"e7a0822\" data-element_type=\"widget\" data-widget_type=\"link-in-bio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio e-link-in-bio\">\n\t\t\t<div class=\"e-link-in-bio__content\">\n\n\t\t\t\t\t\t<div class=\"e-link-in-bio__identity\">\n\t\t\t\t\t\t\t\t\t<div class=\"e-link-in-bio__identity-image e-link-in-bio__identity-image-profile has-style-circle\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"264\" src=\"https:\/\/michel.mediameptm.net\/wp-content\/uploads\/2025\/12\/cropped-Logo_Site_Maroc.png\" class=\"e-link-in-bio__identity-image-element\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-link-in-bio__bio\">\n\t\t\t\t<h2 class=\"e-link-in-bio__heading\">Marie Michel<\/h2>\t\t\t\t<h3 class=\"e-link-in-bio__title\">M\u00e9diamaticienne<\/h3>\t\t\t\t\t\t\t\t<p class=\"e-link-in-bio__description\">Curieuse et passionn\u00e9e par le Maroc, je me ferai un plaisir d\u2019\u00e9changer avec vous et de vous guider dans vos d\u00e9couvertes.\u202f<\/p>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-link-in-bio__icons has-size-small\">\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a href=\"https:\/\/www.instagram.com\/marioushemi\/\" target=\"_blank\" rel=\"noopener \" aria-label=\"Instagram\" class=\"e-link-in-bio__icon-link\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a href=\"https:\/\/www.tiktok.com\/@marioushemi\" target=\"_blank\" rel=\"noopener \" aria-label=\"TikTok\" class=\"e-link-in-bio__icon-link\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-tiktok\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t<div class=\"e-link-in-bio__ctas has-type-button\">\n\t\t\t\t\t\t\t<a href=\"mailto:marie.michel@edu.vs.ch\" target=\"_blank\" rel=\"noopener \" class=\"e-link-in-bio__cta is-type-button has-corners-rounded\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"e-link-in-bio__cta-text\">\n\t\t\t\t\t\tContactez-moi\t\t\t\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n\t\t\t<div class=\"e-link-in-bio__bg\">\n\t\t\t\t<div class=\"e-link-in-bio__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-182e9a2 e-con-full e-flex e-con e-child\" data-id=\"182e9a2\" data-element_type=\"container\">\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>D\u00e9couvrez le Maroc D\u00e9couvrez le Maroc Le Maroc est un pays aux mille facettes, o\u00f9 se m\u00ealent histoire mill\u00e9naire, paysages spectaculaires et traditions vivantes. Carrefour entre l\u2019Afrique, l\u2019Europe et le monde arabe, il a su pr\u00e9server une identit\u00e9 riche, fa\u00e7onn\u00e9e par des si\u00e8cles d\u2019\u00e9changes culturels et d\u2019influences diverses. Des m\u00e9dinas charg\u00e9es d\u2019histoire aux villes modernes…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/michel.mediameptm.net\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michel.mediameptm.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/michel.mediameptm.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/michel.mediameptm.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michel.mediameptm.net\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":126,"href":"https:\/\/michel.mediameptm.net\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1132,"href":"https:\/\/michel.mediameptm.net\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/1132"}],"wp:attachment":[{"href":"https:\/\/michel.mediameptm.net\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}