{"id":86,"date":"2021-12-27T09:53:13","date_gmt":"2021-12-27T08:53:13","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/portfolio-v1\/?page_id=86"},"modified":"2026-06-12T19:05:22","modified_gmt":"2026-06-12T17:05:22","slug":"contact-2","status":"publish","type":"page","link":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/contact-2\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa2f102 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"fa2f102\" 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-4222841 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4222841\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\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\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-92acb1d elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"92acb1d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7a93e82\" data-id=\"7a93e82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-03bbc9d elementor-widget elementor-widget-heading\" data-id=\"03bbc9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-f05629c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f05629c\" 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-a609811 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a609811\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contact-page-container\">\n    \n    <!-- COLONNE GAUCHE : LINKEDIN & EMAIL -->\n    <div class=\"contact-col-gauche\">\n        <span class=\"contact-sub\">On collabore ?<\/span>\n        <h2 class=\"contact-titre-editorial\">Contact<span class=\"fuchsia-accent\">.<\/span><\/h2>\n        \n        <div class=\"contact-liens-wrapper\">\n            <!-- EMAIL CLIQUABLE CORRIG\u00c9 -->\n            <div class=\"contact-lien-item\">\n                <span class=\"label-contact\">Email<\/span>\n                <a href=\"mailto:marrouchi.sheyma@icloud.com\" class=\"lien-brut\">marrouchi.sheyma@icloud.com<\/a>\n            <\/div>\n            \n            <!-- LINKEDIN CLIQUABLE -->\n            <div class=\"contact-lien-item\">\n                <span class=\"label-contact\">R\u00e9seaux<\/span>\n                <a href=\"https:\/\/www.linkedin.com\/in\/sheyma-marrouchi-7888b733a\/\" target=\"_blank\" class=\"lien-brut\">LinkedIn \u2192<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- COLONNE DROITE : LE FORMULAIRE DE CONTACT -->\n    <div class=\"contact-col-droite\">\n        <!-- REMPLACE \"TON_ID_FORMSPREE\" PAR TON LIEN FORMSPREE APR\u00c8S T'\u00caTRE INSCRITE -->\n        <form action=\"https:\/\/formspree.io\/f\/mlgkpzqj\" method=\"POST\" class=\"formulaire-brut\">\n            \n            <div class=\"form-group\">\n                <label for=\"name\">Nom \/ Entreprise<\/label>\n                <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Votre nom\">\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"email\">Adresse Email<\/label>\n                <input type=\"email\" id=\"email\" name=\"_replyto\" required placeholder=\"hello@compagnie.com\">\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"message\">Votre Message<\/label>\n                <textarea id=\"message\" name=\"message\" rows=\"5\" required placeholder=\"Parlez-moi de votre projet...\"><\/textarea>\n            <\/div>\n            \n            <!-- S\u00e9curit\u00e9 pour \u00e9viter le spam -->\n            <input type=\"text\" name=\"_honey\" style=\"display:none\">\n            \n            <button type=\"submit\" class=\"btn-submit-contact\">Envoyer le message<\/button>\n        <\/form>\n    <\/div>\n\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700;900&display=swap');\n\n.contact-page-container {\n    display: flex;\n    width: 100%;\n    max-width: 1200px;\n    margin: 60px auto;\n    gap: 80px;\n    font-family: 'Poppins', sans-serif;\n    padding: 0 20px;\n    box-sizing: border-box;\n}\n\n\/* --- COLONNE GAUCHE --- *\/\n.contact-col-gauche {\n    flex: 1;\n}\n.contact-sub {\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #888888;\n    font-weight: 700;\n}\n.contact-titre-editorial {\n    font-size: 55px;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 10px 0 40px 0;\n    color: #111111;\n}\n.contact-titre-editorial .fuchsia-accent { color: #FF007F; }\n\n.contact-liens-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n}\n.contact-lien-item {\n    display: flex;\n    flex-direction: column;\n}\n.label-contact {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: #888888;\n    font-weight: 600;\n    margin-bottom: 5px;\n    letter-spacing: 1px;\n}\n.lien-brut {\n    font-size: 20px;\n    font-weight: 700;\n    color: #111111;\n    text-decoration: none;\n    transition: color 0.2s ease;\n    width: fit-content;\n    word-break: break-all; \/* \u00c9vite que l'adresse email d\u00e9passe sur petit \u00e9cran *\/\n}\n.lien-brut:hover { color: #FF007F; }\n\n\/* --- COLONNE DROITE (FORMULAIRE) --- *\/\n.contact-col-droite {\n    flex: 1.2;\n}\n.formulaire-brut {\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n}\n.form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n.form-group label {\n    font-size: 12px;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: #111111;\n    letter-spacing: 1px;\n}\n.form-group input, .form-group textarea {\n    width: 100%;\n    padding: 15px;\n    border: 2px solid #111111;\n    background: transparent;\n    font-family: 'Poppins', sans-serif;\n    font-size: 14px;\n    color: #111111;\n    border-radius: 0px;\n    transition: border-color 0.2s ease;\n    box-sizing: border-box;\n}\n.form-group input:focus, .form-group textarea:focus {\n    outline: none;\n    border-color: #FF007F;\n}\n\n\/* --- BOUTON ENVOYER --- *\/\n.btn-submit-contact {\n    align-self: flex-start;\n    padding: 16px 35px;\n    background: #111111;\n    color: #ffffff;\n    border: 2px solid #111111;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    font-size: 13px;\n    cursor: pointer;\n    border-radius: 0px;\n    transition: all 0.2s ease;\n}\n.btn-submit-contact:hover {\n    background: #FF007F;\n    border-color: #FF007F;\n    color: #ffffff;\n}\n\n\/* --- RESPONSIVE MOBILE --- *\/\n@media (max-width: 768px) {\n    .contact-page-container { \n        flex-direction: column; \n        gap: 50px; \n        margin: 30px auto; \n    }\n    .contact-titre-editorial { font-size: 40px; margin-bottom: 20px; }\n    .lien-brut { font-size: 16px; }\n    .btn-submit-contact { width: 100%; text-align: center; }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-701a559 elementor-widget elementor-widget-text-editor\" data-id=\"701a559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>.<\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact On collabore ? Contact. Email marrouchi.sheyma@icloud.com R\u00e9seaux LinkedIn \u2192 Nom \/ Entreprise Adresse Email Votre Message Envoyer le message .<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/wp-json\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":42,"href":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":1464,"href":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/wp-json\/wp\/v2\/pages\/86\/revisions\/1464"}],"wp:attachment":[{"href":"https:\/\/techdeco-tarbes.fr\/2025\/MARROUCHI\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}