{"id":86,"date":"2023-10-03T19:39:48","date_gmt":"2023-10-03T19:39:48","guid":{"rendered":"https:\/\/etincelledesign.tn\/index.php\/contact\/"},"modified":"2026-08-31T14:34:59","modified_gmt":"2026-08-31T14:34:59","slug":"contact","status":"publish","type":"page","link":"https:\/\/etincelledesign.tn\/?page_id=86","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06b850f e-flex e-con-boxed e-con e-parent\" data-id=\"06b850f\" 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-5b2f3cc elementor-widget elementor-widget-html\" data-id=\"5b2f3cc\" 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=\"fr\">\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>\u00c9tincelle \u2014 Contact, \u00c9changeons ensemble<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@1,500;1,600&family=Sora:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  #etp-contact-echangeons{\r\n    --teal:#006A60;\r\n    --teal-dark:#004E47;\r\n    --teal-tint:#E6F1EF;\r\n    --gold:#F7AC1B;\r\n    --gold-light:#FFD988;\r\n    --ink:#0B2422;\r\n    --muted:#5B6E6B;\r\n    --bg:#FBFAF6;\r\n    --card-bg:#F3F2EE;\r\n    --white:#FFFFFF;\r\n    --radius:22px;\r\n    --shadow:0 20px 50px -20px rgba(0,40,35,0.20);\r\n    font-family:'Plus Jakarta Sans',sans-serif;\r\n    background:var(--bg);\r\n    color:var(--ink);\r\n  }\r\n  #etp-contact-echangeons, #etp-contact-echangeons *{ box-sizing:border-box; }\r\n  #etp-contact-echangeons .container{ max-width:1180px; margin:0 auto; padding:0 24px; }\r\n  #etp-contact-echangeons section{ padding:70px 0; }\r\n  #etp-contact-echangeons .eyebrow{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    background:#fff;\r\n    border:1px solid rgba(0,106,96,0.35);\r\n    color:var(--teal);\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:700;\r\n    font-size:12.5px;\r\n    letter-spacing:.02em;\r\n    padding:8px 16px 8px 14px;\r\n    border-radius:999px;\r\n    box-shadow:0 6px 16px rgba(0,0,0,.04);\r\n  }\r\n  #etp-contact-echangeons .eyebrow svg{ width:14px; height:14px; }\r\n  \/* ---------- Get in touch card ---------- *\/\r\n  #etp-contact-echangeons .gt-card{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:var(--card-bg);\r\n    border-radius:32px;\r\n    padding:56px;\r\n    isolation:isolate;\r\n  }\r\n  #etp-contact-echangeons .gt-card::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='42' height='42'%3E%3Cpath d='M42 0H0V42' fill='none' stroke='%23006A60' stroke-opacity='0.16' stroke-width='1' stroke-dasharray='1.5,3.5'\/%3E%3C\/svg%3E\");\r\n    background-repeat:repeat;\r\n    -webkit-mask-image:radial-gradient(75% 90% at 30% 30%, #000 0%, transparent 78%);\r\n    mask-image:radial-gradient(75% 90% at 30% 30%, #000 0%, transparent 78%);\r\n    z-index:0; pointer-events:none;\r\n  }\r\n  #etp-contact-echangeons .gt-grid{\r\n    position:relative; z-index:1;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:56px;\r\n    align-items:start;\r\n  }\r\n  \/* left column *\/\r\n  #etp-contact-echangeons .gt-text h1{\r\n    font-family:'Playfair Display',serif;\r\n    font-style:italic;\r\n    font-weight:600;\r\n    color:var(--teal);\r\n    font-size:46px;\r\n    line-height:1.1;\r\n    margin:20px 0 18px;\r\n  }\r\n  #etp-contact-echangeons .gt-text p.lead{\r\n    color:var(--muted);\r\n    font-size:15.5px;\r\n    line-height:1.7;\r\n    max-width:480px;\r\n    margin:0 0 30px;\r\n  }\r\n  #etp-contact-echangeons .gt-divider{\r\n    border:none;\r\n    border-top:1px solid rgba(0,106,96,0.16);\r\n    margin:0 0 30px;\r\n  }\r\n  #etp-contact-echangeons .gt-items{ display:flex; flex-direction:column; gap:13px; }\r\n  #etp-contact-echangeons .gt-item{ display:flex; align-items:center; gap:14px; }\r\n  #etp-contact-echangeons .gt-item .ico{\r\n    width:38px; height:38px; border-radius:11px;\r\n    background:#fff;\r\n    box-shadow:0 6px 16px rgba(0,0,0,.05);\r\n    display:flex; align-items:center; justify-content:center;\r\n    flex-shrink:0;\r\n  }\r\n  #etp-contact-echangeons .gt-item .ico svg{ width:18px; height:18px; }\r\n  #etp-contact-echangeons .gt-item h3{\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:700;\r\n    font-size:15px;\r\n    color:var(--gold);\r\n    margin:0;\r\n  }\r\n  \/* right column: form card *\/\r\n  #etp-contact-echangeons .gt-form-card{\r\n    position:relative; z-index:1;\r\n    background:#fff;\r\n    border-radius:24px;\r\n    box-shadow:var(--shadow);\r\n    padding:30px 34px;\r\n  }\r\n  #etp-contact-echangeons .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:13px; }\r\n  #etp-contact-echangeons .field label{\r\n    display:block;\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:700;\r\n    font-size:12.5px;\r\n    color:var(--ink);\r\n    margin-bottom:5px;\r\n  }\r\n  #etp-contact-echangeons .field input[type=\"text\"],\r\n  #etp-contact-echangeons .field input[type=\"email\"],\r\n  #etp-contact-echangeons .field textarea{\r\n    width:100%;\r\n    padding:10px 14px;\r\n    border:1.5px solid rgba(0,106,96,0.16);\r\n    border-radius:10px;\r\n    font-family:'Plus Jakarta Sans',sans-serif;\r\n    font-size:14px;\r\n    color:var(--ink);\r\n    background:#fff;\r\n    outline:none;\r\n    transition:border-color .15s ease;\r\n  }\r\n  #etp-contact-echangeons .field textarea{ min-height:66px; resize:vertical; }\r\n  #etp-contact-echangeons .field input::placeholder,\r\n  #etp-contact-echangeons .field textarea::placeholder{ color:#9AA8A6; }\r\n  #etp-contact-echangeons .field input:focus,\r\n  #etp-contact-echangeons .field textarea:focus{ border-color:var(--teal); }\r\n  #etp-contact-echangeons .field{ margin-bottom:13px; }\r\n  #etp-contact-echangeons .services-label{\r\n    display:block;\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:700;\r\n    font-size:12.5px;\r\n    color:var(--ink);\r\n    margin-bottom:8px;\r\n  }\r\n  #etp-contact-echangeons .services-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:8px;\r\n    margin-bottom:16px;\r\n  }\r\n  #etp-contact-echangeons .service-chip{\r\n    display:flex; align-items:center; gap:9px;\r\n    border:1.5px solid rgba(0,106,96,0.16);\r\n    border-radius:10px;\r\n    padding:8px 12px;\r\n    cursor:pointer;\r\n    transition:border-color .15s ease, background .15s ease;\r\n  }\r\n  #etp-contact-echangeons .service-chip:hover{ border-color:var(--teal); }\r\n  #etp-contact-echangeons .service-chip input{ display:none; }\r\n  #etp-contact-echangeons .service-chip .box{\r\n    width:17px; height:17px; border-radius:5px;\r\n    border:1.5px solid rgba(0,106,96,0.35);\r\n    flex-shrink:0;\r\n    display:flex; align-items:center; justify-content:center;\r\n    background:#fff;\r\n    transition:background .15s ease, border-color .15s ease;\r\n  }\r\n  #etp-contact-echangeons .service-chip .box svg{ width:10px; height:10px; opacity:0; transition:opacity .15s ease; }\r\n  #etp-contact-echangeons .service-chip input:checked ~ .box{ background:var(--teal); border-color:var(--teal); }\r\n  #etp-contact-echangeons .service-chip input:checked ~ .box svg{ opacity:1; }\r\n  #etp-contact-echangeons .service-chip input:checked ~ span.lbl{ color:var(--teal); font-weight:600; }\r\n  #etp-contact-echangeons .service-chip.full{ grid-column:1 \/ -1; }\r\n  #etp-contact-echangeons .service-chip span.lbl{ font-size:13px; color:var(--ink); line-height:1.3; }\r\n  #etp-contact-echangeons .btn-send{\r\n    width:100%;\r\n    background:var(--teal) !important;\r\n    color:#fff !important;\r\n    border:none;\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:700;\r\n    font-size:15px;\r\n    padding:13px 20px;\r\n    border-radius:12px;\r\n    cursor:pointer;\r\n    transition:background .15s ease, color .15s ease;\r\n  }\r\n  #etp-contact-echangeons .btn-send:hover,\r\n  #etp-contact-echangeons .btn-send:focus{ background:var(--gold) !important; color:var(--ink) !important; }\r\n  @media (max-width:900px){\r\n    #etp-contact-echangeons .gt-card{ padding:32px 22px; }\r\n    #etp-contact-echangeons .gt-grid{ grid-template-columns:1fr; gap:36px; }\r\n    #etp-contact-echangeons .gt-text h1{ font-size:34px; }\r\n    #etp-contact-echangeons .gt-form-card{ padding:26px; }\r\n    #etp-contact-echangeons .field-row{ grid-template-columns:1fr; gap:0; }\r\n    #etp-contact-echangeons .services-grid{ grid-template-columns:1fr; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"etp-contact-echangeons\">\r\n<section>\r\n  <div class=\"container\">\r\n    <div class=\"gt-card\">\r\n      <div class=\"gt-grid\">\r\n        <div class=\"gt-text\">\r\n          <span class=\"eyebrow\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg>\r\n            Contactez-nous\r\n          <\/span>\r\n          <h1>\u00c9changeons ensemble<\/h1>\r\n          <p class=\"lead\">Que vous soyez pr\u00eat \u00e0 lancer un projet, que vous ayez des questions sur nos services ou que vous souhaitiez simplement \u00e9changer avec nous au sujet de vos objectifs sur les r\u00e9seaux sociaux, n'h\u00e9sitez pas \u00e0 nous contacter. Nous sommes l\u00e0 pour vous accompagner et vous aider \u00e0 r\u00e9ussir.<\/p>\r\n          <hr class=\"gt-divider\">\r\n          <div class=\"gt-items\">\r\n            <div class=\"gt-item\">\r\n              <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"9\" cy=\"8\" r=\"3\" stroke=\"#006A60\" stroke-width=\"1.8\"\/><path d=\"M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6\" stroke=\"#006A60\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"17\" cy=\"8\" r=\"2.4\" stroke=\"#006A60\" stroke-width=\"1.6\"\/><path d=\"M15.5 14.3c2.7.4 4.7 2.7 4.7 5.7\" stroke=\"#006A60\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\r\n              <h3>Community management<\/h3>\r\n            <\/div>\r\n            <div class=\"gt-item\">\r\n              <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 8l-5 5 5 5M16 8l5 5-5 5M13 4l-2 16\" stroke=\"#006A60\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n              <h3>D\u00e9veloppement web<\/h3>\r\n            <\/div>\r\n            <div class=\"gt-item\">\r\n              <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 8h3l2-2.5h6L17 8h3a1 1 0 011 1v9a1 1 0 01-1 1H4a1 1 0 01-1-1V9a1 1 0 011-1z\" stroke=\"#006A60\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"13\" r=\"3.4\" stroke=\"#006A60\" stroke-width=\"1.8\"\/><\/svg><\/span>\r\n              <h3>Vid\u00e9ographie \/ Photographie<\/h3>\r\n            <\/div>\r\n            <div class=\"gt-item\">\r\n              <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\" stroke=\"#006A60\" stroke-width=\"1.8\"\/><path d=\"M3 7l2.5-4h4L8 7M13.5 7L16 3h4l-2.5 4\" stroke=\"#006A60\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M10 11.3l4.4 2.4-4.4 2.4v-4.8z\" fill=\"#006A60\"\/><\/svg><\/span>\r\n              <h3>Vid\u00e9o animation 2D<\/h3>\r\n            <\/div>\r\n            <div class=\"gt-item\">\r\n              <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3a9 9 0 000 18c1.1 0 2-.9 2-2 0-.5-.2-1-.5-1.3-.3-.3-.5-.8-.5-1.3 0-1.1.9-2 2-2h1.8c1.8 0 3.2-1.4 3.2-3.2C20 6.6 16.4 3 12 3z\" stroke=\"#006A60\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><circle cx=\"7.5\" cy=\"10.5\" r=\"1.1\" fill=\"#006A60\"\/><circle cx=\"9.5\" cy=\"7\" r=\"1.1\" fill=\"#006A60\"\/><circle cx=\"14.5\" cy=\"7\" r=\"1.1\" fill=\"#006A60\"\/><circle cx=\"16.5\" cy=\"10.5\" r=\"1.1\" fill=\"#006A60\"\/><\/svg><\/span>\r\n              <h3>Cr\u00e9ation graphique et impression<\/h3>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <form class=\"gt-form-card\">\r\n          <div class=\"field-row\">\r\n            <div class=\"field\">\r\n              <label>Nom<\/label>\r\n              <input type=\"text\" placeholder=\"Nom\">\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label>Pr\u00e9nom<\/label>\r\n              <input type=\"text\" placeholder=\"Pr\u00e9nom\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"field\">\r\n            <label>Email<\/label>\r\n            <input type=\"email\" placeholder=\"Email\">\r\n          <\/div>\r\n          <span class=\"services-label\">Service souhait\u00e9<\/span>\r\n          <div class=\"services-grid\">\r\n            <label class=\"service-chip\">\r\n              <input type=\"checkbox\" name=\"service\" value=\"community-management\">\r\n              <span class=\"box\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L19 7\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n              <span class=\"lbl\">Community management<\/span>\r\n            <\/label>\r\n            <label class=\"service-chip\">\r\n              <input type=\"checkbox\" name=\"service\" value=\"dev-web\">\r\n              <span class=\"box\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L19 7\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n              <span class=\"lbl\">D\u00e9veloppement web<\/span>\r\n            <\/label>\r\n            <label class=\"service-chip\">\r\n              <input type=\"checkbox\" name=\"service\" value=\"videographie-photographie\">\r\n              <span class=\"box\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L19 7\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n              <span class=\"lbl\">Vid\u00e9ographie \/ Photographie<\/span>\r\n            <\/label>\r\n            <label class=\"service-chip\">\r\n              <input type=\"checkbox\" name=\"service\" value=\"video-animation-2d\">\r\n              <span class=\"box\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L19 7\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n              <span class=\"lbl\">Vid\u00e9o animation 2D<\/span>\r\n            <\/label>\r\n            <label class=\"service-chip full\">\r\n              <input type=\"checkbox\" name=\"service\" value=\"creation-graphique-impression\">\r\n              <span class=\"box\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l5 5L19 7\" stroke=\"#fff\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n              <span class=\"lbl\">Cr\u00e9ation graphique et impression<\/span>\r\n            <\/label>\r\n          <\/div>\r\n          <div class=\"field\">\r\n            <label>Message<\/label>\r\n            <textarea placeholder=\"\u00c9crire un message\"><\/textarea>\r\n          <\/div>\r\n          <button type=\"submit\" class=\"btn-send\">Envoyer l'email<\/button>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f0939c e-con-full e-flex e-con e-child\" data-id=\"6f0939c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-092b383 elementor-widget elementor-widget-html\" data-id=\"092b383\" 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=\"fr\">\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>\u00c9tincelle \u2014 Contact, Besoin d'aide<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root{\r\n    --teal:#006A60;\r\n    --teal-dark:#004E47;\r\n    --teal-tint:#E6F1EF;\r\n    --gold:#F7AC1B;\r\n    --gold-light:#FFD988;\r\n    --ink:#0B2422;\r\n    --muted:#5B6E6B;\r\n    --bg:#FBFAF6;\r\n    --white:#FFFFFF;\r\n    --radius:22px;\r\n    --shadow:0 20px 50px -20px rgba(0,40,35,0.25);\r\n  }\r\n  *{box-sizing:border-box;}\r\n  body{\r\n    margin:0;\r\n    font-family:'Plus Jakarta Sans',sans-serif;\r\n    background:var(--bg);\r\n    color:var(--ink);\r\n  }\r\n  .container{ max-width:1180px; margin:0 auto; padding:0 24px; }\r\n  section{ padding:70px 0; }\r\n\r\n  .support-card{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:linear-gradient(155deg, var(--teal-dark) 0%, var(--teal) 60%, #005850 100%);\r\n    border-radius:32px;\r\n    padding:64px 48px;\r\n    text-align:center;\r\n    isolation:isolate;\r\n  }\r\n  .support-card::before{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='42' height='42'%3E%3Cpath d='M42 0H0V42' fill='none' stroke='%23F7AC1B' stroke-opacity='0.18' stroke-width='1' stroke-dasharray='1.5,3.5'\/%3E%3C\/svg%3E\");\r\n    background-repeat:repeat;\r\n    -webkit-mask-image:radial-gradient(70% 90% at 85% 15%, #000 0%, transparent 75%);\r\n    mask-image:radial-gradient(70% 90% at 85% 15%, #000 0%, transparent 75%);\r\n    z-index:0; pointer-events:none;\r\n  }\r\n  .support-inner{ position:relative; z-index:1; }\r\n\r\n  .eyebrow{\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    background:rgba(255,255,255,0.12);\r\n    color:var(--gold-light);\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:700;\r\n    font-size:12.5px;\r\n    letter-spacing:.02em;\r\n    padding:8px 16px 8px 14px;\r\n    border-radius:999px;\r\n    margin-bottom:20px;\r\n  }\r\n  .eyebrow svg{ width:14px; height:14px; }\r\n\r\n  .support-card h2{\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:800;\r\n    color:var(--gold);\r\n    font-size:36px;\r\n    margin:0 0 14px;\r\n  }\r\n  .support-card p.lead{\r\n    color:rgba(255,255,255,0.78);\r\n    font-size:15.5px;\r\n    line-height:1.7;\r\n    max-width:560px;\r\n    margin:0 auto 44px;\r\n  }\r\n\r\n  .support-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3, 1fr);\r\n    gap:22px;\r\n    text-align:left;\r\n  }\r\n  .support-item{\r\n    background:#fff;\r\n    border-radius:16px;\r\n    padding:18px 18px;\r\n    box-shadow:var(--shadow);\r\n  }\r\n  .support-item .ico{\r\n    width:34px; height:34px; border-radius:9px;\r\n    background:var(--teal-tint);\r\n    display:flex; align-items:center; justify-content:center;\r\n    margin-bottom:10px;\r\n  }\r\n  .support-item .ico svg{ width:16px; height:16px; }\r\n  .support-item h3{\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:700;\r\n    color:var(--gold);\r\n    font-size:15px;\r\n    margin:0 0 6px;\r\n  }\r\n  .support-item p{\r\n    font-size:12px;\r\n    color:var(--muted);\r\n    line-height:1.5;\r\n    margin:0 0 10px;\r\n  }\r\n  .support-item .value{\r\n    font-family:'Sora',sans-serif;\r\n    font-weight:700;\r\n    font-size:12.5px;\r\n    color:var(--ink);\r\n  }\r\n  .support-item .value + .value{ margin-top:3px; }\r\n  .support-item .value a{ color:inherit; text-decoration:none; }\r\n  .support-item .value a:hover{ color:var(--teal); }\r\n\r\n  @media (max-width:900px){\r\n    .support-card{ padding:44px 26px; }\r\n    .support-card h2{ font-size:28px; }\r\n    .support-grid{ grid-template-columns:1fr; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section>\r\n  <div class=\"container\">\r\n    <div class=\"support-card\">\r\n      <div class=\"support-inner\">\r\n        <span class=\"eyebrow\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5v14M5 12h14\" stroke=\"#F7AC1B\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/><\/svg>\r\n          Contactez-nous\r\n        <\/span>\r\n        <h2>Besoin d'aide ?<\/h2>\r\n        <p class=\"lead\">Nos services de marketing sur les r\u00e9seaux sociaux vont bien au-del\u00e0 des apparences, en explorant au c\u0153ur m\u00eame de l'histoire et de l'identit\u00e9 de votre marque.<\/p>\r\n\r\n        <div class=\"support-grid\">\r\n          <div class=\"support-item\">\r\n            <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"#006A60\" stroke-width=\"1.8\"\/><path d=\"M3 7l9 6 9-6\" stroke=\"#006A60\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n            <h3>Email<\/h3>\r\n            <p>Contactez-nous par e-mail pour une assistance rapide et pr\u00e9cise.<\/p>\r\n            <div class=\"value\"><a href=\"mailto:contact@etincelledesign.tn\">contact@etincelledesign.tn<\/a><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"support-item\">\r\n            <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s7-6.1 7-11.5A7 7 0 005 9.5C5 14.9 12 21 12 21z\" stroke=\"#006A60\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.4\" stroke=\"#006A60\" stroke-width=\"1.8\"\/><\/svg><\/span>\r\n            <h3>Adresse<\/h3>\r\n            <p>Venez nous rencontrer dans notre bureau. Notre \u00e9quipe sera ravie de vous accueillir et de vous accompagner dans la r\u00e9alisation de vos objectifs.<\/p>\r\n            <div class=\"value\">56 Av. Habib Bourguiba, Bardo, Tunis, Tunisie<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"support-item\">\r\n            <span class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.9 21 3 13.1 3 3.7c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1L6.6 10.8z\" stroke=\"#006A60\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n            <h3>T\u00e9l\u00e9phone<\/h3>\r\n            <p>Appelez-nous d\u00e8s maintenant pour b\u00e9n\u00e9ficier d'une assistance imm\u00e9diate et de solutions personnalis\u00e9es.<\/p>\r\n            <div class=\"value\"><a href=\"tel:+21654544471\">+216 54 544 471<\/a><\/div>\r\n            <div class=\"value\"><a href=\"tel:+21654547040\">+216 54 547 040<\/a><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-e7e4201 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"e7e4201\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;zoomOutUp&quot;}\">\n\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-f6c8721\" data-id=\"f6c8721\" 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-26f71ee elementor-widget elementor-widget-bdt-animated-card\" data-id=\"26f71ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"bdt-animated-card.default\">\n\t\t\t\t\t\t\t<div class=\"bdt-ep-animated-card bdt-style-1\">\n\t\t\t<div class=\"bdt-ep-animated-card-item\">\n\t\t\t\t<div class=\"bdt-ep-animated-card-circle\"><\/div>\n\t\t\t\t<div class=\"bdt-ep-animated-card-content\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h4\t\t\t\t\tclass=\"bdt-ep-animated-card-sub-title\">\n\t\t\t\t\tAgence cr\u00e9ative\t\t\t\t<\/h4>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h3\t\t\t\t\tclass=\"bdt-ep-animated-card-title\">\n\t\t\t\t\tUne \u00e9tincelle d'id\u00e9es\t\t\t\t<\/h3>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"bdt-ep-animated-card-text\">\n\t\t\t\t\tChez \u00e9ticelle, chaque projet commence par une id\u00e9e qui brille. Nous donnons vie \u00e0 votre vision avec cr\u00e9ativit\u00e9 et pr\u00e9cision.\u00a0\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"bdt-ep-animated-card-btn-wrap\">\n\t\t\t\t<a class=\"bdt-ep-animated-card-btn bdt-display-inline-block\" href=\"https:\/\/etincelledesign.tn\/?page_id=89\">\n\t\t\t\t\tEn savoir plus \t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-button-icon-align-right\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"fa-fw e-font-icon-svg e-far-arrow-alt-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"bdt-ep-animated-card-img-wrap\"><img decoding=\"async\" src=\"https:\/\/etincelledesign.tn\/wp-content\/uploads\/2026\/08\/lightbulb_centered_glow.png\" alt=\"Une \u00e9tincelle d&#039;id\u00e9es\" class=\"bdt-ep-animated-card-img\"><\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00c9tincelle \u2014 Contact, \u00c9changeons ensemble Contactez-nous \u00c9changeons ensemble Que vous soyez pr\u00eat \u00e0 lancer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etincelledesign.tn\/index.php?rest_route=\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etincelledesign.tn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etincelledesign.tn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etincelledesign.tn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etincelledesign.tn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=86"}],"version-history":[{"count":0,"href":"https:\/\/etincelledesign.tn\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions"}],"wp:attachment":[{"href":"https:\/\/etincelledesign.tn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}