{"id":46,"date":"2026-04-25T17:32:03","date_gmt":"2026-04-25T15:32:03","guid":{"rendered":"https:\/\/safed.ma\/staging\/index.php\/contact\/"},"modified":"2026-05-10T17:39:00","modified_gmt":"2026-05-10T15:39:00","slug":"contact","status":"publish","type":"page","link":"https:\/\/safed.ma\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46\" class=\"elementor elementor-46\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3a8801 e-flex e-con-boxed e-con e-parent\" data-id=\"e3a8801\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80c5e8c elementor-widget elementor-widget-text-editor\" data-id=\"80c5e8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');\n  \n  body, html { overflow-x: hidden !important; }\n  \n  @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(40px); }\n      to { opacity: 1; transform: translateY(0); }\n  }\n  .animate-fade-up { animation: fadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }\n  .delay-100 { animation-delay: 0.1s; }\n  .delay-200 { animation-delay: 0.2s; }\n  .delay-300 { animation-delay: 0.3s; }\n\n  \/* Design premium pour les champs du formulaire *\/\n  .premium-input {\n      width: 100%;\n      background-color: #F8FAFC;\n      border: 1px solid #E2E8F0;\n      color: #0A2540;\n      padding: 1.25rem 1.5rem;\n      border-radius: 1rem;\n      font-family: 'Plus Jakarta Sans', sans-serif;\n      font-size: 0.95rem;\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n      outline: none;\n  }\n  .premium-input::placeholder {\n      color: #94A3B8;\n      font-weight: 300;\n  }\n  .premium-input:focus {\n      background-color: #FFFFFF;\n      border-color: #059669;\n      box-shadow: 0 10px 25px -5px rgba(5, 150, 105, 0.15), 0 0 0 4px rgba(5, 150, 105, 0.05);\n      transform: translateY(-2px);\n  }\n\n  \/* Effet de l\u00e9vitation pour les cartes *\/\n  .hover-float {\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .hover-float:hover {\n      transform: translateY(-10px);\n      box-shadow: 0 20px 40px -5px rgba(10, 37, 64, 0.08);\n      border-bottom-color: #059669;\n  }\n<\/style>\n\n<script>\n  tailwind.config = {\n    theme: {\n      extend: {\n        fontFamily: {\n          sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\n          serif: ['\"Playfair Display\"', 'serif'],\n        },\n        colors: {\n          safednavy: '#0A2540',\n          safedemerald: '#059669',\n        }\n      }\n    }\n  }\n<\/script>\n\n<section class=\"relative min-h-[60vh] w-full flex flex-col justify-center bg-safednavy text-white overflow-hidden pt-32 pb-32\"\n         style=\"width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important;\">\n    \n    <div class=\"absolute inset-0 w-full h-full z-0\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&#038;w=2000&#038;auto=format&#038;fit=crop\" \n             alt=\"SAFED Bureau\" \n             class=\"w-full h-full object-cover object-center opacity-10 mix-blend-luminosity\">\n        <div class=\"absolute inset-0 bg-gradient-to-r from-safednavy via-safednavy\/95 to-safednavy\/60\"><\/div>\n        <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-5\"><\/div>\n    <\/div>\n\n    <div class=\"relative z-10 w-full max-w-[1400px] mx-auto px-6 sm:px-10 lg:px-16 text-center animate-fade-up\">\n        <div class=\"inline-flex items-center gap-4 mb-6\">\n            <div class=\"h-[1px] w-8 bg-safedemerald\"><\/div>\n            <span class=\"uppercase tracking-[0.3em] text-xs font-bold text-safedemerald\">Nous Contacter<\/span>\n            <div class=\"h-[1px] w-8 bg-safedemerald\"><\/div>\n        <\/div>\n\n        <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-serif leading-[1.1] text-white max-w-4xl mx-auto\">\n            Engageons la <br class=\"hidden md:block\">\n            <span class=\"italic text-transparent bg-clip-text bg-gradient-to-r from-white to-gray-400\">conversation.<\/span>\n        <\/h1>\n    <\/div>\n<\/section>\n\n<div class=\"relative z-20 w-full max-w-[1200px] mx-auto px-6 sm:px-10 lg:px-16 -mt-24 md:-mt-28 mb-16 lg:mb-24\"\n     style=\"width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important;\">\n    \n    <div class=\"max-w-[1200px] mx-auto grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-10\">\n        \n        <div class=\"bg-white rounded-2xl p-8 lg:p-10 shadow-[0_10px_30px_rgba(10,37,64,0.05)] border border-gray-100 border-b-4 border-b-transparent hover-float animate-fade-up delay-100\">\n            <div class=\"w-14 h-14 bg-gray-50 rounded-full flex items-center justify-center text-safednavy mb-6\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"text-xl font-serif text-safednavy mb-3 font-bold\">Si\u00e8ge Social<\/h3>\n            <p class=\"text-gray-500 font-sans text-sm leading-relaxed\">\n                Cit\u00e9 Yacoub El Mansour, R\u00e9sid. Assabah I,<br>Ilot.12 Imm.Zalagh App<br>P.O.Box: 10120, Rabat, Morocco\n            <\/p>\n        <\/div>\n\n        <div class=\"bg-white rounded-2xl p-8 lg:p-10 shadow-[0_10px_30px_rgba(10,37,64,0.05)] border border-gray-100 border-b-4 border-b-transparent hover-float animate-fade-up delay-200 flex flex-col\">\n            <div class=\"w-14 h-14 bg-gray-50 rounded-full flex items-center justify-center text-safednavy mb-6\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"text-xl font-serif text-safednavy mb-4 font-bold\">T\u00e9l\u00e9phone &#038; Fax<\/h3>\n            <div class=\"flex flex-col gap-3 mt-auto\">\n                <div class=\"flex justify-between items-center\">\n                    <span class=\"text-[10px] text-gray-400 font-bold uppercase tracking-widest\">T\u00e9l<\/span>\n                    <a href=\"tel:+212661111054\" class=\"text-safedemerald hover:text-safednavy transition-colors font-sans font-bold text-[14px]\">+212 6 61 11 10 54<\/a>\n                <\/div>\n                <div class=\"flex justify-between items-center\">\n                    <span class=\"text-[10px] text-gray-400 font-bold uppercase tracking-widest\">T\u00e9l<\/span>\n                    <a href=\"tel:+212537791215\" class=\"text-safedemerald hover:text-safednavy transition-colors font-sans font-bold text-[14px]\">+212 5 37 79 12 15<\/a>\n                <\/div>\n                <div class=\"flex justify-between items-center mt-1 pt-3 border-t border-gray-100\">\n                    <span class=\"text-[10px] text-gray-400 font-bold uppercase tracking-widest\">Fax<\/span>\n                    <span class=\"text-safednavy font-sans font-bold text-[14px]\">+212 5 37 29 02 35<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bg-white rounded-2xl p-8 lg:p-10 shadow-[0_10px_30px_rgba(10,37,64,0.05)] border border-gray-100 border-b-4 border-b-transparent hover-float animate-fade-up delay-300\">\n            <div class=\"w-14 h-14 bg-gray-50 rounded-full flex items-center justify-center text-safednavy mb-6\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"text-xl font-serif text-safednavy mb-3 font-bold\">Messagerie<\/h3>\n            <a href=\"mailto:safed@safed.ma\" class=\"text-gray-500 hover:text-safedemerald font-sans text-sm transition-colors border-b border-transparent hover:border-safedemerald pb-1\">safed@safed.ma<\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<section class=\"relative pb-32 bg-[#FDFDFD]\"\n         style=\"width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important;\">\n    \n    <div class=\"absolute top-1\/2 left-0 w-[500px] h-[500px] bg-safedemerald\/5 rounded-full blur-[120px] pointer-events-none -translate-y-1\/2\"><\/div>\n\n    <div class=\"relative z-10 max-w-[1400px] mx-auto px-6 sm:px-10 lg:px-16\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-12 lg:gap-20 items-stretch\">\n            \n            <div class=\"lg:col-span-3\">\n                <h2 class=\"text-3xl md:text-4xl font-serif text-safednavy mb-4 font-bold\">Un projet \u00e0 nous confier ?<\/h2>\n                <p class=\"text-gray-500 font-sans text-sm mb-10 leading-relaxed max-w-2xl\">\n                    Remplissez ce formulaire d\u00e9taill\u00e9. Nos ing\u00e9nieurs et experts vous recontacteront dans les plus brefs d\u00e9lais pour \u00e9tudier la faisabilit\u00e9 technique de votre demande.\n                <\/p>\n\n                <form action=\"#\" method=\"POST\" class=\"space-y-6\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                        <div class=\"group\">\n                            <label class=\"block text-[10px] uppercase tracking-[0.2em] font-bold text-gray-400 mb-2 pl-2 group-focus-within:text-safedemerald transition-colors\">Nom complet *<\/label>\n                            <input type=\"text\" placeholder=\"Ex: Ahmed Alaoui\" class=\"premium-input\" required>\n                        <\/div>\n                        <div class=\"group\">\n                            <label class=\"block text-[10px] uppercase tracking-[0.2em] font-bold text-gray-400 mb-2 pl-2 group-focus-within:text-safedemerald transition-colors\">Email professionnel *<\/label>\n                            <input type=\"email\" placeholder=\"email@entreprise.ma\" class=\"premium-input\" required>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                        <div class=\"group\">\n                            <label class=\"block text-[10px] uppercase tracking-[0.2em] font-bold text-gray-400 mb-2 pl-2 group-focus-within:text-safedemerald transition-colors\">T\u00e9l\u00e9phone<\/label>\n                            <input type=\"tel\" placeholder=\"+212 6...\" class=\"premium-input\">\n                        <\/div>\n                        <div class=\"group\">\n                            <label class=\"block text-[10px] uppercase tracking-[0.2em] font-bold text-gray-400 mb-2 pl-2 group-focus-within:text-safedemerald transition-colors\">Entit\u00e9 \/ Soci\u00e9t\u00e9<\/label>\n                            <input type=\"text\" placeholder=\"Nom de votre organisation\" class=\"premium-input\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"group\">\n                        <label class=\"block text-[10px] uppercase tracking-[0.2em] font-bold text-gray-400 mb-2 pl-2 group-focus-within:text-safedemerald transition-colors\">Sujet de la demande *<\/label>\n                        <select class=\"premium-input cursor-pointer appearance-none bg-[url('data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394A3B8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E')] bg-[length:12px_12px] bg-no-repeat bg-[position:right_1.5rem_center]\">\n                            <option value=\"\" disabled selected>S\u00e9lectionnez un domaine d&rsquo;expertise&#8230;<\/option>\n                            <option value=\"vrd\">VRD &#038; Am\u00e9nagement Urbain<\/option>\n                            <option value=\"assainissement\">Assainissement Liquide\/Solide<\/option>\n                            <option value=\"eau\">Alimentation en Eau Potable<\/option>\n                            <option value=\"hydraulique\">Ouvrages Hydrauliques<\/option>\n                            <option value=\"environnement\">\u00c9tudes Environnementales<\/option>\n                            <option value=\"suivi\">Suivi et Contr\u00f4le de Travaux<\/option>\n                            <option value=\"autre\">Autre demande<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"group\">\n                        <label class=\"block text-[10px] uppercase tracking-[0.2em] font-bold text-gray-400 mb-2 pl-2 group-focus-within:text-safedemerald transition-colors\">D\u00e9tails du projet *<\/label>\n                        <textarea rows=\"5\" placeholder=\"Localisation, budget estim\u00e9, contraintes techniques...\" class=\"premium-input resize-none\" required><\/textarea>\n                    <\/div>\n\n                    <div class=\"pt-4\">\n                        <button type=\"submit\" class=\"group inline-flex items-center gap-4 bg-safednavy text-white hover:bg-safedemerald font-bold px-10 py-5 rounded-full transition-all duration-500 text-sm tracking-[0.15em] uppercase w-full sm:w-auto justify-center shadow-lg\">\n                            <span>Soumettre le dossier<\/span>\n                            <svg class=\"w-5 h-5 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n\n            <div class=\"lg:col-span-2 relative min-h-[400px] lg:min-h-full h-full rounded-3xl overflow-hidden shadow-2xl border border-gray-200 animate-fade-up delay-200 group\">\n                \n                <div class=\"absolute top-6 left-6 z-10 bg-white\/90 backdrop-blur-md px-4 py-3 rounded-xl shadow-lg border border-white flex items-center gap-3\">\n                    <div class=\"w-3 h-3 bg-safedemerald rounded-full animate-pulse\"><\/div>\n                    <div>\n                        <p class=\"text-xs font-bold text-safednavy font-sans uppercase tracking-widest\">Si\u00e8ge SAFED<\/p>\n                        <p class=\"text-[10px] text-gray-500 font-sans\">Rabat, Maroc<\/p>\n                    <\/div>\n                <\/div>\n\n                <iframe \n                    src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d13231.928496206012!2d-6.899337448342723!3d33.99299291351666!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xda76cf01d020c0f%3A0xe5a771038649aa5d!2sSt%C3%A9%20Africaine%20D'Etudes%20Techniques%20Et%20De%20D%C3%A9veloppement%20(Safed%20S.A.R.L.)!5e0!3m2!1sen!2sus!4v1777247039090!5m2!1sen!2sus\" \n                    width=\"100%\" height=\"100%\" \n                    style=\"border:0; filter: grayscale(0.8) contrast(1.1) brightness(1.05); min-height: 400px;\" \n                    allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\n                    class=\"absolute inset-0 transition-all duration-700 group-hover:filter-none\">\n                <\/iframe>\n                \n                <div class=\"absolute bottom-6 left-1\/2 -translate-x-1\/2 bg-safednavy text-white text-[10px] uppercase tracking-widest px-4 py-2 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 shadow-xl pointer-events-none whitespace-nowrap\">\n                    Carte Interactive\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nous Contacter Engageons la conversation. Si\u00e8ge Social Cit\u00e9 Yacoub El Mansour, R\u00e9sid. Assabah I,Ilot.12 Imm.Zalagh AppP.O.Box: 10120, Rabat, Morocco T\u00e9l\u00e9phone &#038; Fax T\u00e9l +212 6 61 11 10 54 T\u00e9l +212 5 37 79 12 15 Fax +212 5 37 29 02 35 Messagerie safed@safed.ma Un projet \u00e0 nous confier ? Remplissez ce formulaire d\u00e9taill\u00e9. [&hellip;]<\/p>\n","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-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":16,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":651,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/651"}],"wp:attachment":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}