{"id":450,"date":"2025-12-08T13:45:43","date_gmt":"2025-12-08T13:45:43","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=450"},"modified":"2025-12-08T19:41:10","modified_gmt":"2025-12-08T19:41:10","slug":"contact-morocco-travel-sahara-camp","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/","title":{"rendered":"Contacter Morocco Travel Sahara Camp"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"450\" class=\"elementor elementor-450\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a363a8 e-con-full e-flex e-con e-parent\" data-id=\"4a363a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d38cdd7 elementor-widget elementor-widget-html\" data-id=\"d38cdd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Contact Us - Morocco Travel Sahara Camp<\/title>\r\n    <meta name=\"description\" content=\"Contact Morocco Travel Sahara Camp for bookings, inquiries, and information about our Morocco tours, desert camps, and trekking adventures.\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n    <style>\r\n        \/* ===== MTSC CONTACT PAGE STYLES ===== *\/\r\n        \/* Optimized Base Styles - Unique Prefix *\/\r\n        :root {\r\n            --mtsc-primary: #FF6C0C;\r\n            --mtsc-primary-dark: #BF1A1A;\r\n            --mtsc-primary-light: #FF8C3A;\r\n            --mtsc-dark: #1a1a1a;\r\n            --mtsc-text: #333;\r\n            --mtsc-light-bg: #f9f9f9;\r\n            --mtsc-white: #ffffff;\r\n            --mtsc-gray: #f8f9fa;\r\n        }\r\n\r\n        .mtsc-contact-page * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .mtsc-contact-page {\r\n            font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--mtsc-text);\r\n            background-color: var(--mtsc-light-bg);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .mtsc-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Banner Section *\/\r\n        .mtsc-banner {\r\n            position: relative;\r\n            height: 40vh;\r\n            min-height: 250px;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), \r\n                        url('https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.42.13_e9ae8415.jpg') center\/cover no-repeat;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            color: var(--mtsc-white);\r\n            padding: 20px;\r\n        }\r\n\r\n        .mtsc-banner-content h1 {\r\n            font-size: clamp(2rem, 5vw, 3.5rem);\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n            line-height: 1.2;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .mtsc-banner-content p {\r\n            font-size: clamp(1rem, 2vw, 1.2rem);\r\n            opacity: 0.9;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Quick Contact Bar *\/\r\n        .mtsc-quick-bar {\r\n            background: linear-gradient(135deg, var(--mtsc-primary), var(--mtsc-primary-dark));\r\n            padding: 20px 0;\r\n            color: var(--mtsc-white);\r\n        }\r\n\r\n        .mtsc-quick-content {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        .mtsc-quick-text h3 {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .mtsc-quick-text p {\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .mtsc-quick-buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n        }\r\n\r\n        .mtsc-quick-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 12px 25px;\r\n            background: var(--mtsc-white);\r\n            color: var(--mtsc-primary);\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .mtsc-quick-btn:hover {\r\n            background: #f0f0f0;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .mtsc-quick-btn.whatsapp {\r\n            background: #25D366;\r\n            color: var(--mtsc-white);\r\n        }\r\n\r\n        .mtsc-quick-btn.whatsapp:hover {\r\n            background: #1da851;\r\n        }\r\n\r\n        \/* Main Contact Section *\/\r\n        .mtsc-contact-main {\r\n            padding: 60px 0;\r\n            background: var(--mtsc-white);\r\n        }\r\n\r\n        .mtsc-section-title {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            padding: 0 15px;\r\n        }\r\n\r\n        .mtsc-section-title h2 {\r\n            font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n            color: var(--mtsc-dark);\r\n            margin-bottom: 15px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .mtsc-section-title h2:after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 4px;\r\n            background: linear-gradient(135deg, var(--mtsc-primary), var(--mtsc-primary-light));\r\n            border-radius: 2px;\r\n            margin: 15px auto;\r\n        }\r\n\r\n        .mtsc-section-title p {\r\n            color: #666;\r\n            font-size: clamp(1rem, 2vw, 1.1rem);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Contact Grid - MOBILE FIX: Center containers *\/\r\n        .mtsc-contact-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 40px;\r\n            width: 100%;\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            .mtsc-contact-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n        }\r\n\r\n        \/* Contact Info Cards - MOBILE FIX: Center alignment *\/\r\n        .mtsc-contact-info {\r\n            padding: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .mtsc-contact-card {\r\n            background: var(--mtsc-gray);\r\n            border-radius: 12px;\r\n            padding: 30px;\r\n            margin-bottom: 25px;\r\n            transition: all 0.3s ease;\r\n            border-left: 4px solid var(--mtsc-primary);\r\n            width: 100%;\r\n        }\r\n\r\n        .mtsc-contact-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(255, 108, 12, 0.15);\r\n            background: #fff5e6;\r\n        }\r\n\r\n        .mtsc-card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .mtsc-card-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, var(--mtsc-primary), var(--mtsc-primary-light));\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .mtsc-card-icon i {\r\n            font-size: 1.5rem;\r\n            color: var(--mtsc-white);\r\n        }\r\n\r\n        .mtsc-contact-card h3 {\r\n            font-size: 1.5rem;\r\n            color: var(--mtsc-dark);\r\n            margin: 0;\r\n        }\r\n\r\n        .mtsc-card-details {\r\n            padding-left: 0;\r\n        }\r\n\r\n        .mtsc-card-details p {\r\n            color: #555;\r\n            margin-bottom: 10px;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .mtsc-card-details a {\r\n            color: var(--mtsc-primary);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: color 0.3s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .mtsc-card-details a:hover {\r\n            color: var(--mtsc-primary-dark);\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* Contact Form - MOBILE FIX: Center alignment *\/\r\n        .mtsc-form-container {\r\n            padding: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        .mtsc-form-box {\r\n            background: var(--mtsc-gray);\r\n            border-radius: 12px;\r\n            padding: 30px;\r\n            width: 100%;\r\n        }\r\n\r\n        .mtsc-form-box h3 {\r\n            margin-bottom: 25px;\r\n            color: var(--mtsc-dark);\r\n            font-size: 1.8rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .mtsc-form-group {\r\n            margin-bottom: 25px;\r\n            width: 100%;\r\n        }\r\n\r\n        .mtsc-form-group label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            color: var(--mtsc-dark);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .mtsc-form-control {\r\n            width: 100%;\r\n            padding: 14px;\r\n            border: 2px solid #ddd;\r\n            border-radius: 8px;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n            background: var(--mtsc-white);\r\n        }\r\n\r\n        .mtsc-form-control:focus {\r\n            outline: none;\r\n            border-color: var(--mtsc-primary);\r\n            box-shadow: 0 0 0 3px rgba(255, 108, 12, 0.1);\r\n        }\r\n\r\n        textarea.mtsc-form-control {\r\n            min-height: 150px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .mtsc-submit-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            padding: 16px 35px;\r\n            background: linear-gradient(135deg, var(--mtsc-primary), var(--mtsc-primary-light));\r\n            color: var(--mtsc-white);\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            width: 100%;\r\n        }\r\n\r\n        .mtsc-submit-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(255, 108, 12, 0.3);\r\n            background: linear-gradient(135deg, var(--mtsc-primary-dark), var(--mtsc-primary));\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .mtsc-faq-section {\r\n            padding: 60px 0;\r\n            background: var(--mtsc-gray);\r\n        }\r\n\r\n        .mtsc-faq-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 20px;\r\n            margin-top: 40px;\r\n            width: 100%;\r\n        }\r\n\r\n        .mtsc-faq-item {\r\n            background: var(--mtsc-white);\r\n            border-radius: 12px;\r\n            padding: 25px;\r\n            box-shadow: 0 3px 15px rgba(0,0,0,0.05);\r\n            transition: transform 0.3s ease;\r\n            width: 100%;\r\n        }\r\n\r\n        .mtsc-faq-item:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .mtsc-faq-item h3 {\r\n            color: var(--mtsc-primary);\r\n            font-size: 1.2rem;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .mtsc-faq-item p {\r\n            color: #666;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* ===== MOBILE RESPONSIVE FIXES ===== *\/\r\n        @media (max-width: 768px) {\r\n            \/* Center all containers on mobile *\/\r\n            .mtsc-contact-grid,\r\n            .mtsc-contact-info,\r\n            .mtsc-form-container,\r\n            .mtsc-faq-grid {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            \r\n            \/* Center content in cards *\/\r\n            .mtsc-contact-card,\r\n            .mtsc-form-box,\r\n            .mtsc-faq-item {\r\n                text-align: center;\r\n                padding: 25px 20px;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n            \r\n            \/* Center card headers *\/\r\n            .mtsc-card-header {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 15px;\r\n            }\r\n            \r\n            \/* Remove left padding on mobile *\/\r\n            .mtsc-card-details {\r\n                padding-left: 0;\r\n            }\r\n            \r\n            \/* Center quick contact bar *\/\r\n            .mtsc-quick-content {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n\r\n            .mtsc-quick-buttons {\r\n                flex-direction: column;\r\n                width: 100%;\r\n            }\r\n\r\n            .mtsc-quick-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n            }\r\n\r\n            .mtsc-banner {\r\n                height: 30vh;\r\n                min-height: 200px;\r\n            }\r\n\r\n            .mtsc-faq-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            \/* Ensure form elements are centered *\/\r\n            .mtsc-form-group {\r\n                text-align: left;\r\n            }\r\n            \r\n            \/* Center all headings *\/\r\n            .mtsc-section-title h2,\r\n            .mtsc-form-box h3 {\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .mtsc-contact-card,\r\n            .mtsc-form-box {\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .mtsc-banner {\r\n                height: 25vh;\r\n                min-height: 180px;\r\n            }\r\n            \r\n            .mtsc-container {\r\n                padding: 0 15px;\r\n            }\r\n        }\r\n\r\n        \/* Animation *\/\r\n        @keyframes mtscFadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .mtsc-contact-card,\r\n        .mtsc-form-box,\r\n        .mtsc-faq-item {\r\n            animation: mtscFadeInUp 0.6s ease forwards;\r\n        }\r\n\r\n        .mtsc-contact-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .mtsc-contact-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .mtsc-contact-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .mtsc-form-box { animation-delay: 0.4s; }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"mtsc-contact-page\">\r\n        <!-- Banner Section -->\r\n        <section class=\"mtsc-banner\">\r\n            <div class=\"mtsc-banner-content\">\r\n                <h1>Contacter Morocco Travel Sahara Camp<\/h1>\r\n                <!-- Text removed as requested -->\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Quick Contact Bar -->\r\n        <section class=\"mtsc-quick-bar\">\r\n            <div class=\"mtsc-container\">\r\n                <div class=\"mtsc-quick-content\">\r\n                    <div class=\"mtsc-quick-text\">\r\n                        <h3>Besoin d'une assistance imm\u00e9diate ?<\/h3>\r\n                        <p>Nous sommes disponibles 24 heures sur 24 et 7 jours sur 7 pour r\u00e9pondre \u00e0 vos besoins en mati\u00e8re de voyage.<\/p>\r\n                    <\/div>\r\n                    <div class=\"mtsc-quick-buttons\">\r\n                        <a href=\"tel:+212626799633\" class=\"mtsc-quick-btn\">\r\n                            <i class=\"fas fa-phone\"><\/i> Appeler maintenant\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/212667146944\" class=\"mtsc-quick-btn whatsapp\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Main Contact Section -->\r\n        <section class=\"mtsc-contact-main\">\r\n            <div class=\"mtsc-container\">\r\n                <div class=\"mtsc-section-title\">\r\n                    <h2>Prendre contact<\/h2>\r\n                    <p>Contactez-nous pour des r\u00e9servations, des demandes de renseignements ou des solutions de voyage personnalis\u00e9es.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"mtsc-contact-grid\">\r\n                    <!-- Contact Info -->\r\n                    <div class=\"mtsc-contact-info\">\r\n                        <div class=\"mtsc-contact-card\">\r\n                            <div class=\"mtsc-card-header\">\r\n                                <div class=\"mtsc-card-icon\">\r\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                                <\/div>\r\n                                <h3>Notre emplacement<\/h3>\r\n                            <\/div>\r\n                            <div class=\"mtsc-card-details\">\r\n                                <p><strong>M'hamid Lghizlane, Zagora, Maroc<\/strong><\/p>\r\n                                <p>Visitez notre camp dans le d\u00e9sert du Sahara pour vivre une exp\u00e9rience marocaine authentique.<\/p>\r\n                                <a href=\"https:\/\/maps.google.com\/?q=M'hamid+Lghizlane,+Zagora,+Morocco\" target=\"_blank\">\r\n                                    <i class=\"fas fa-directions\"><\/i> Obtenir un itin\u00e9raire\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"mtsc-contact-card\">\r\n                            <div class=\"mtsc-card-header\">\r\n                                <div class=\"mtsc-card-icon\">\r\n                                    <i class=\"fas fa-phone\"><\/i>\r\n                                <\/div>\r\n                                <h3>Num\u00e9ros de t\u00e9l\u00e9phone<\/h3>\r\n                            <\/div>\r\n                            <div class=\"mtsc-card-details\">\r\n                                <p><strong>+212 626 799 633<\/strong><\/p>\r\n                                <p>Disponible 24 heures sur 24 et 7 jours sur 7 pour les r\u00e9servations et les urgences<\/p>\r\n                                <a href=\"tel:+212626799633\">\r\n                                    <i class=\"fas fa-phone-alt\"><\/i> Cliquer pour appeler\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"mtsc-contact-card\">\r\n                            <div class=\"mtsc-card-header\">\r\n                                <div class=\"mtsc-card-icon\">\r\n                                    <i class=\"fas fa-envelope\"><\/i>\r\n                                <\/div>\r\n                                <h3>Courriel<\/h3>\r\n                            <\/div>\r\n                            <div class=\"mtsc-card-details\">\r\n                                <p><strong>info@moroccotravelsaharacamp.com<\/strong><\/p>\r\n                                <p>R\u00e9ponse dans les 24 heures<\/p>\r\n                                <a href=\"mailto:info@moroccotravelsaharacamp.com\">\r\n                                    <i class=\"fas fa-paper-plane\"><\/i> Envoyer un courriel\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Contact Form -->\r\n                    <div class=\"mtsc-form-container\">\r\n                        <div class=\"mtsc-form-box\">\r\n                            <h3>Envoyez-nous un message<\/h3>\r\n                            <form id=\"mtscContactForm\" action=\"\">\r\n                                <div class=\"mtsc-form-group\">\r\n                                    <label for=\"mtscName\">Nom complet *<\/label>\r\n                                    <input type=\"text\" id=\"mtscName\" class=\"mtsc-form-control\" required placeholder=\"Votre nom\">\r\n                                <\/div>\r\n                                \r\n                                <div class=\"mtsc-form-group\">\r\n                                    <label for=\"mtscEmail\">Adresse \u00e9lectronique *<\/label>\r\n                                    <input type=\"email\" id=\"mtscEmail\" class=\"mtsc-form-control\" required placeholder=\"your@email.com\">\r\n                                <\/div>\r\n                                \r\n                                <div class=\"mtsc-form-group\">\r\n                                    <label for=\"mtscPhone\">Num\u00e9ro de t\u00e9l\u00e9phone<\/label>\r\n                                    <input type=\"tel\" id=\"mtscPhone\" class=\"mtsc-form-control\" placeholder=\"+212 XXX XXX XXX\">\r\n                                <\/div>\r\n                                \r\n                                <div class=\"mtsc-form-group\">\r\n                                    <label for=\"mtscTour\">Int\u00e9r\u00eat de la visite<\/label>\r\n                                    <select id=\"mtscTour\" class=\"mtsc-form-control\">\r\n                                        <option value=\"\">S\u00e9lectionner un type de visite<\/option>\r\n                                        <option value=\"casablanca\">Casablanca Tours<\/option>\r\n                                        <option value=\"marrakech\">Circuits \u00e0 Marrakech<\/option>\r\n                                        <option value=\"fes\">Fes Tours<\/option>\r\n                                        <option value=\"sahara\">Excursions dans le d\u00e9sert du Sahara<\/option>\r\n                                        <option value=\"atlas\">Trekking dans les montagnes de l'Atlas<\/option>\r\n                                        <option value=\"custom\">Visite personnalis\u00e9e<\/option>\r\n                                    <\/select>\r\n                                <\/div>\r\n                                \r\n                                <div class=\"mtsc-form-group\">\r\n                                    <label for=\"mtscTravelers\">Nombre de voyageurs<\/label>\r\n                                    <input type=\"number\" id=\"mtscTravelers\" class=\"mtsc-form-control\" placeholder=\"par exemple, 2\" min=\"1\">\r\n                                <\/div>\r\n                                \r\n                                <div class=\"mtsc-form-group\">\r\n                                    <label for=\"mtscTravelDate\">Dates de voyage<\/label>\r\n                                    <input type=\"text\" id=\"mtscTravelDate\" class=\"mtsc-form-control\" placeholder=\"par exemple, du 15 au 25 juillet 2024\">\r\n                                <\/div>\r\n                                \r\n                                <div class=\"mtsc-form-group\">\r\n                                    <label for=\"mtscMessage\">Message *<\/label>\r\n                                    <textarea id=\"mtscMessage\" class=\"mtsc-form-control\" required placeholder=\"Faites-nous part de vos projets de voyage au Maroc, de vos questions ou de vos demandes sp\u00e9ciales...\"><\/textarea>\r\n                                <\/div>\r\n                                \r\n                                <button type=\"submit\" class=\"mtsc-submit-btn\">\r\n                                    <i class=\"fas fa-paper-plane\"><\/i> Envoyer un message\r\n                                <\/button>\r\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- FAQ Section -->\r\n        <section class=\"mtsc-faq-section\">\r\n            <div class=\"mtsc-container\">\r\n                <div class=\"mtsc-section-title\">\r\n                    <h2>Questions fr\u00e9quemment pos\u00e9es<\/h2>\r\n                    <p>Trouvez des r\u00e9ponses rapides aux questions les plus courantes sur nos voyages et nos services.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"mtsc-faq-grid\">\r\n                    <div class=\"mtsc-faq-item\">\r\n                        <h3>Quelle est la meilleure p\u00e9riode pour visiter le Maroc ?<\/h3>\r\n                        <p>Le printemps (mars-mai) et l'automne (septembre-novembre) offrent le climat le plus agr\u00e9able. L'\u00e9t\u00e9 est chaud mais propice aux excursions dans le d\u00e9sert.<\/p>\r\n                    <\/div>\r\n                    <div class=\"mtsc-faq-item\">\r\n                        <h3>Combien de temps \u00e0 l'avance dois-je r\u00e9server ?<\/h3>\r\n                        <p>Nous recommandons de r\u00e9server au moins 2 \u00e0 3 mois \u00e0 l'avance, surtout en haute saison (printemps et automne).<\/p>\r\n                    <\/div>\r\n                    <div class=\"mtsc-faq-item\">\r\n                        <h3>Qu'est-ce qui est inclus dans vos visites ?<\/h3>\r\n                        <p>La plupart des circuits comprennent le transport, l'h\u00e9bergement, les repas tels que sp\u00e9cifi\u00e9s, les guides francophones ou anglophones et les activit\u00e9s mentionn\u00e9es.<\/p>\r\n                    <\/div>\r\n                    <div class=\"mtsc-faq-item\">\r\n                        <h3>Proposez-vous des visites personnalis\u00e9es ?<\/h3>\r\n                        <p>Oui ! Nous sommes sp\u00e9cialis\u00e9s dans la cr\u00e9ation d'itin\u00e9raires personnalis\u00e9s en fonction de vos int\u00e9r\u00eats, de votre budget et de vos dates de voyage.<\/p>\r\n                    <\/div>\r\n                    <div class=\"mtsc-faq-item\">\r\n                        <h3>Quels sont les modes de paiement accept\u00e9s ?<\/h3>\r\n                        <p>Nous acceptons les cartes de cr\u00e9dit, les virements bancaires et PayPal. Un acompte est demand\u00e9 pour garantir votre r\u00e9servation.<\/p>\r\n                    <\/div>\r\n                    <div class=\"mtsc-faq-item\">\r\n                        <h3>Vos circuits sont-ils adapt\u00e9s aux familles ?<\/h3>\r\n                        <p>Absolument ! Nous proposons des circuits adapt\u00e9s aux familles, avec des h\u00e9bergements et des activit\u00e9s appropri\u00e9s pour tous les \u00e2ges.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Contact Form Submission\r\n        const mtscContactForm = document.getElementById('mtscContactForm');\r\n        \r\n        if (mtscContactForm) {\r\n            mtscContactForm.addEventListener('submit', (e) => {\r\n                e.preventDefault();\r\n                \r\n                \/\/ Get form data\r\n                const formData = {\r\n                    name: document.getElementById('mtscName').value,\r\n                    email: document.getElementById('mtscEmail').value,\r\n                    phone: document.getElementById('mtscPhone').value,\r\n                    tour: document.getElementById('mtscTour').value,\r\n                    travelers: document.getElementById('mtscTravelers').value,\r\n                    travelDate: document.getElementById('mtscTravelDate').value,\r\n                    message: document.getElementById('mtscMessage').value\r\n                };\r\n                \r\n                \/\/ Validate required fields\r\n                if (!formData.name || !formData.email || !formData.message) {\r\n                    alert('Please fill in all required fields (Name, Email, Message).');\r\n                    return;\r\n                }\r\n                \r\n                \/\/ Show loading state\r\n                const submitBtn = mtscContactForm.querySelector('.mtsc-submit-btn');\r\n                const originalText = submitBtn.innerHTML;\r\n                submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n                submitBtn.disabled = true;\r\n                \r\n                \/\/ Simulate API call\r\n                setTimeout(() => {\r\n                    \/\/ Success message\r\n                    alert('Thank you for your message! Our team will contact you within 24 hours.\\n\\nFor immediate assistance, please call +212 626 799 633');\r\n                    \r\n                    \/\/ Reset form\r\n                    mtscContactForm.reset();\r\n                    \r\n                    \/\/ Restore button\r\n                    submitBtn.innerHTML = originalText;\r\n                    submitBtn.disabled = false;\r\n                }, 1500);\r\n            });\r\n        }\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('.mtsc-contact-page a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact Us &#8211; Morocco Travel Sahara Camp Contact Morocco Travel Sahara &#8230; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-450","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":34,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":657,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/450\/revisions\/657"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}