{"id":2,"date":"2026-08-06T13:18:41","date_gmt":"2026-08-06T13:18:41","guid":{"rendered":"http:\/\/iconecreation.com\/?page_id=2"},"modified":"2026-08-24T16:44:38","modified_gmt":"2026-08-24T16:44:38","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/iconecrea.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n R\u00e9alisations | Des projets qui parlent pour vous<\/title>\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: Arial, Helvetica, sans-serif;\r\n background: #f7f9fc;\r\n color: #082958;\r\n }\r\n\r\n .realisations-section {\r\n padding: 90px 20px;\r\n }\r\n\r\n .section-heading {\r\n max-width: 800px;\r\n margin: 0 auto 28px;\r\n text-align: center;\r\n }\r\n\r\n .eyebrow {\r\n display: block;\r\n margin-bottom: 12px;\r\n color: #ff9800;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 3px;\r\n }\r\n\r\n .section-heading h2 {\r\n margin-bottom: 12px;\r\n font-size: clamp(32px, 4vw, 52px);\r\n line-height: 1.1;\r\n }\r\n\r\n .section-heading p {\r\n color: #5d7194;\r\n font-size: 16px;\r\n }\r\n\r\n .portfolio-filters {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .filter-btn {\r\n padding: 10px 20px;\r\n border: 1px solid #dce3ed;\r\n border-radius: 99px;\r\n background: #fff;\r\n color: #092959;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: 0.25s ease;\r\n }\r\n\r\n .filter-btn:hover,\r\n .filter-btn.active {\r\n border-color: #ffc400;\r\n background: #ffc400;\r\n }\r\n\r\n .portfolio-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 16px;\r\n max-width: 1220px;\r\n margin: auto;\r\n }\r\n\r\n .portfolio-card {\r\n overflow: hidden;\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 8px 25px rgba(11, 40, 83, 0.09);\r\n transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n }\r\n\r\n .portfolio-card:hover {\r\n transform: translateY(-7px);\r\n box-shadow: 0 15px 35px rgba(11, 40, 83, 0.16);\r\n }\r\n\r\n .portfolio-card.hidden {\r\n display: none;\r\n }\r\n\r\n .image-popup-btn {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n height: 220px;\r\n padding: 0;\r\n overflow: hidden;\r\n border: 0;\r\n background: #082958;\r\n cursor: zoom-in;\r\n }\r\n\r\n .image-popup-btn img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .portfolio-card:hover .image-popup-btn img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .image-popup-btn::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(4, 21, 47, 0.55), transparent 60%);\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n }\r\n\r\n .portfolio-card:hover .image-popup-btn::after {\r\n opacity: 1;\r\n }\r\n\r\n .zoom-icon {\r\n position: absolute;\r\n z-index: 2;\r\n top: 50%;\r\n left: 50%;\r\n display: grid;\r\n width: 52px;\r\n height: 52px;\r\n place-items: center;\r\n border-radius: 50%;\r\n background: #ffc400;\r\n color: #082958;\r\n font-size: 33px;\r\n opacity: 0;\r\n transform: translate(-50%, -40%);\r\n transition: 0.25s ease;\r\n }\r\n\r\n .portfolio-card:hover .zoom-icon {\r\n opacity: 1;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n .portfolio-content {\r\n padding: 18px;\r\n }\r\n\r\n .portfolio-category {\r\n display: inline-block;\r\n margin-bottom: 8px;\r\n color: #ff9800;\r\n font-size: 12px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n }\r\n\r\n .portfolio-content h3 {\r\n margin-bottom: 8px;\r\n font-size: 19px;\r\n }\r\n\r\n .portfolio-content p {\r\n min-height: 42px;\r\n margin-bottom: 16px;\r\n color: #65738a;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n\r\n .whatsapp-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n background: #25d366;\r\n color: #fff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: 0.25s ease;\r\n }\r\n\r\n .whatsapp-btn:hover {\r\n background: #1ebc59;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .whatsapp-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: currentColor;\r\n }\r\n\r\n .image-modal {\r\n position: fixed;\r\n z-index: 9999;\r\n inset: 0;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .image-modal.open {\r\n display: flex;\r\n }\r\n\r\n .image-modal-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(2, 13, 32, 0.86);\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .image-modal-content {\r\n position: relative;\r\n z-index: 2;\r\n width: min(950px, 100%);\r\n max-height: 90vh;\r\n padding: 12px;\r\n border-radius: 16px;\r\n background: #fff;\r\n animation: popupAppear 0.25s ease;\r\n }\r\n\r\n .image-modal-content img {\r\n display: block;\r\n width: 100%;\r\n max-height: 75vh;\r\n border-radius: 10px;\r\n object-fit: contain;\r\n background: #081d3d;\r\n }\r\n\r\n .image-modal-content p {\r\n margin: 12px 5px 3px;\r\n font-weight: 700;\r\n text-align: center;\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n z-index: 3;\r\n top: -14px;\r\n right: -14px;\r\n display: grid;\r\n width: 40px;\r\n height: 40px;\r\n place-items: center;\r\n border: 0;\r\n border-radius: 50%;\r\n background: #ffc400;\r\n color: #082958;\r\n font-size: 28px;\r\n cursor: pointer;\r\n }\r\n\r\n @keyframes popupAppear {\r\n from {\r\n opacity: 0;\r\n transform: scale(0.92);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @media (max-width: 1050px) {\r\n .portfolio-grid {\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 760px) {\r\n .portfolio-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .image-popup-btn {\r\n height: 180px;\r\n }\r\n }\r\n\r\n @media (max-width: 520px) {\r\n .realisations-section {\r\n padding: 60px 15px;\r\n }\r\n\r\n .portfolio-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .image-popup-btn {\r\n height: 230px;\r\n }\r\n\r\n .filter-btn {\r\n padding: 8px 14px;\r\n font-size: 13px;\r\n }\r\n \r\n }\r\n <!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>ICONE CR\u00c9A | Communication visuelle, impression & sites web \u00e0 Dakar<\/title>\r\n<meta name=\"description\" content=\"ICONE CR\u00c9A - Cr\u00e9ation graphique, impression, enseignes, signal\u00e9tique, textile personnalis\u00e9 et cr\u00e9ation de sites web \u00e0 Dakar, Grand Mbao.\">\r\n <style>\r\n body {\r\n margin: 0;\r\n background: #082958; \/* fond sombre pour voir les ic\u00f4nes blanches *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 100vh;\r\n font-family: Arial, Helvetica, sans-serif;\r\n }\r\n\r\n .socials {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .socials a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.12);\r\n transition: background 0.25s ease, transform 0.25s ease;\r\n }\r\n\r\n .socials a:hover {\r\n background: rgba(255, 255, 255, 0.28);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .socials svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #ffffff; \/* logos en blanc *\/\r\n }\r\n <\/style>\r\n<style>\r\n\/* ICONE CREA - style.css | HTML\/CSS pur - Aucun framework *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@700;800&display=swap');\r\n*{margin:0;padding:0;box-sizing:border-box}\r\n:root{--navy:#0A1931;--navy2:#0F2A4A;--orange:#FACC15;--orange2:#F08306;--orange:#F08306;--line:#E2E8F0;--muted:#64748B;--bg:#F8FAFC}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:'Inter',system-ui,sans-serif;color:#0F172A;background:#fff;line-height:1.6}\r\na{text-decoration:none;color:inherit} img{display:block;max-width:100%} ul{list-style:none}\r\n.container{max-width:1240px;margin:0 auto;padding:0 24px}\r\n.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s;border:1.5px solid transparent}\r\n.btn-orange{background:var(--orange);color:#0A1931} .btn-orange:hover{background:var(--orange);color:#fff;transform:translateY(-1px)}\r\n.btn-dark{background:var(--navy);color:#fff} .btn-dark:hover{background:#122a56}\r\n.btn-light{background:#fff;color:var(--navy);border-color:var(--line)} .btn-light:hover{border-color:var(--navy)}\r\n.label{font-size:11px;letter-spacing:2.4px;font-weight:800;color:var(--orange);text-transform:uppercase;margin-bottom:8px}\r\n.title{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--navy)}\r\n.title em{font-style:normal}\r\n.desc{color:var(--muted);font-size:14.5px;line-height:1.7;margin-top:10px}\r\n\r\n\/* NAV *\/\r\n.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}\r\n.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}\r\n.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:-.8px;line-height:1}\r\n.logo img{height:42px;width:auto;object-fit:contain}\r\n.logo b{color:var(--orrange2)} .logo small{display:block;font-size:8px;letter-spacing:2.8px;color:var(--muted);font-weight:700;margin-top:2px}\r\n.menu{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:600;color:#334155}\r\n.menu a:hover{color:var(--navy)}\r\n.burger{display:none;font-size:24px;cursor:pointer;padding:6px}\r\n\r\n\/* HERO *\/\r\n.hero{background:linear-gradient(180deg,#F8FAFC 0%, #EFF6FF 60%, #fff 100%);padding:36px 0 0}\r\n.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\r\n.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;color:#334155;box-shadow:0 2px 10px rgba(0,0,0,.04)}\r\n.eyebrow i{width:8px;height:8px;background:#22C55E;border-radius:50%;display:inline-block}\r\n.h1{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:56px;font-weight:800;letter-spacing:-2.5px;line-height:.95;color:var(--navy);margin:16px 0 12px}\r\n.h1 span{background:linear-gradient(90deg,#F08306,#F08306);-webkit-background-clip:text;-webkit-text-fill-color:transparent}\r\n.hero p{color:#475569;font-size:16px;max-width:520px}\r\n.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 22px}\r\n.hero-stats{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:18px}\r\n.hero-stats b{font-size:26px;font-weight:900;color:var(--navy);line-height:1}\r\n.hero-stats span{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.3px}\r\n.hero-visual{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 24px 60px rgba(10,25,49,.12)}\r\n.hero-visual img{border-radius:14px;height:380px;width:100%;object-fit:cover}\r\n.float{position:absolute;left:-14px;bottom:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.12)}\r\n.float .tick{width:36px;height:36px;background:var(--orange);border-radius:10px;display:grid;place-items:center;font-weight:900}\r\n.float b{font-size:18px;line-height:1} .float small{font-size:11px;color:var(--muted)}\r\n\r\n\/* MARQUEE *\/\r\n.marquee{background:var(--navy);color:#fff;padding:13px 0;overflow:hidden;white-space:nowrap;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase}\r\n.marquee-track{display:inline-flex;animation:marquee 18s linear infinite}\r\n@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n.marquee .dot{color:var(--orange);margin:0 18px}\r\n\r\n\/* SECTIONS *\/\r\nsection{padding:72px 0}\r\n.center{text-align:center} .center .desc{margin:10px auto 0;max-width:640px}\r\n\r\n\/* ABOUT *\/\r\n.about{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}\r\n.about-img{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.10)}\r\n.about-img img{height:470px;width:100%;object-fit:cover}\r\n.badge10{position:absolute;left:16px;bottom:16px;background:var(--orange);border-radius:14px;padding:14px 18px;text-align:center;font-weight:900;line-height:1}\r\n.badge10 small{font-size:10px;letter-spacing:1px;font-weight:800}\r\n.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}\r\n.check{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700}\r\n.check i{width:20px;height:20px;background:#FFF0DB;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#F08306;font-style:normal;flex-shrink:0}\r\n\r\n\/* SERVICES *\/\r\n.bg-gray{background:var(--bg)}\r\n.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}\r\n.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}\r\n.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.08)}\r\n.card img{height:176px;width:100%;object-fit:cover}\r\n.card-body{padding:16px}\r\n.card-body h3{font-size:15px;font-weight:800;margin-bottom:8px}\r\n.pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}\r\n.pills span{font-size:11px;background:#F1F5F9;color:#475569;padding:4px 9px;border-radius:999px;font-weight:600}\r\n.link{font-size:12px;font-weight:800;color:#F08306;display:inline-flex;gap:4px}\r\n.link:hover{color:#c96804}\r\n\r\n\/* SPEC *\/\r\n.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}\r\n.spec{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}\r\n.spec .ic{width:38px;height:38px;background:#FEF9C3;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}\r\n.spec h3{font-size:14px;font-weight:800;margin-bottom:6px}\r\n.spec p{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:10px}\r\n.spec li{font-size:12px;color:#475569;padding:2px 0;display:flex;gap:7px}\r\n.spec li::before{content:\"\u2022\";color:#F08306;font-weight:900}\r\n\r\n\/* REALISATIONS *\/\r\n.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:20px 0 22px}\r\n.filters button{padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:#0A1931;font-size:12px;font-weight:800;cursor:pointer;min-width:84px}\r\n.filters button:hover{border-color:var(--orange);color:var(--orange)}\r\n.filters button.on{background:var(--orange);border-color:var(--orange);color:#0A1931}\r\n.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\r\n.work{height:190px;border-radius:14px;overflow:hidden;position:relative;background:#0A1931}\r\n.work img{width:100%;height:100%;object-fit:cover;transition:.35s}\r\n.work:hover img{transform:scale(1.05)}\r\n.work .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%, rgba(0,0,0,.62) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff}\r\n.tag{font-size:9px;letter-spacing:1px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);padding:3px 8px;border-radius:999px;width:fit-content;margin-bottom:6px;font-weight:700}\r\n.work h4{font-size:13px;font-weight:800;line-height:1.2}\r\n\r\n\/* WEB DARK *\/\r\n.dark{background:var(--navy);color:#fff}\r\n.web{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}\r\n.tabs{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}\r\n.tabs span{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800;cursor:pointer}\r\n.tabs span.on{background:var(--orange);color:var(--navy);border-color:var(--orange)}\r\n.benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}\r\n.benefits li{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600}\r\n.benefits li i{width:20px;height:20px;background:var(--orange);color:var(--navy);border-radius:50%;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:900;flex-shrink:0}\r\n.dark-img{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.35)}\r\n.dark-img img{height:360px;width:100%;object-fit:cover}\r\n\r\n\/* STEPS *\/\r\n.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:28px}\r\n.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}\r\n.step b{width:34px;height:34px;background:var(--navy);color:var(--orange);border-radius:50%;display:grid;place-items:center;font-size:12px;margin:0 auto 10px}\r\n.step h4{font-size:13px;font-weight:800;margin-bottom:4px} .step p{font-size:12px;color:var(--muted);line-height:1.5}\r\n\r\n\/* WHY *\/\r\n.why{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}\r\n.feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}\r\n.feat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}\r\n.feat .ic{width:30px;height:30px;background:#FEF9C3;border-radius:8px;display:grid;place-items:center;margin-bottom:8px;font-size:14px}\r\n.feat h4{font-size:13px;font-weight:800} .feat p{font-size:12px;color:var(--muted);margin-top:2px}\r\n.kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n.kpi{background:var(--navy);color:#fff;border-radius:16px;padding:22px;text-align:center}\r\n.kpi strong{font-size:30px;font-weight:900;color:var(--orange);display:block;line-height:1}\r\n.kpi span{font-size:11px;letter-spacing:1px;opacity:.75}\r\n\r\n\/* TESTI \/ FAQ *\/\r\n.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}\r\n.testi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}\r\n.testi p{font-size:13px;color:#475569;line-height:1.6;margin-bottom:12px}\r\n.testi b{font-size:13px} .testi small{font-size:12px;color:var(--muted)}\r\n.faq{max-width:760px;margin:24px auto 0}\r\n.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}\r\n.faq-q{padding:16px 18px;font-weight:700;font-size:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}\r\n.faq-q::after{content:\"+\";font-size:18px;color:var(--muted)} .faq-item.open .faq-q::after{content:\"\u2212\"}\r\n.faq-a{padding:0 18px 16px;color:var(--muted);font-size:13px;line-height:1.6;display:none} .faq-item.open .faq-a{display:block}\r\n\r\n\/* CONTACT *\/\r\n.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}\r\n.form{background:#fff;color:var(--navy);border-radius:16px;padding:22px}\r\n.form h3{font-size:15px;font-weight:800;margin-bottom:14px}\r\n.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n.input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:var(--bg)}\r\n.input:focus{outline:none;border-color:#F08306;background:#fff}\r\ntextarea.input{min-height:100px;resize:vertical;grid-column:1\/-1} .full{grid-column:1\/-1}\r\n.btn-submit{width:100%;margin-top:10px;background:var(--orange);color:#fff;padding:13px;border-radius:999px;font-weight:900;border:none;cursor:pointer;font-size:14px}\r\n.btn-submit:hover{background:#d97405}\r\n.info h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:30px;font-weight:800;line-height:1.05;margin-bottom:10px}\r\n.info p{font-size:13px;opacity:.8;margin-bottom:14px;line-height:1.6}\r\n.info-card{display:flex;gap:12px;align-items:center;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:10px}\r\n.info-card .ic{width:38px;height:38px;background:var(--orange);color:var(--navy);border-radius:10px;display:grid;place-items:center;font-weight:900;flex-shrink:0}\r\n\r\n\/* FOOTER *\/\r\nfooter{background:#07101F;color:#94A3B8;padding:28px 0 16px;font-size:12px}\r\n.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}\r\n.foot strong{color:#fff}\r\n.socials{display:flex;gap:8px;margin-top:10px} .socials a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}\r\n.copy{border-top:1px solid rgba(255,255,255,.08);margin-top:18px;padding-top:14px;text-align:center;color:#64748B;font-size:11px}\r\n\r\n\/* FLOAT *\/\r\n.float-wa{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;gap:10px}\r\n.wa{padding:12px 18px;border-radius:999px;font-weight:800;font-size:13px;display:flex;gap:8px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.22);border:none;cursor:pointer}\r\n.wa-green{background:#25D366;color:#fff} .wa-orange{background:var(--orange);color:var(--navy)}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1024px){\r\n .hero-grid,.about,.web,.why,.contact{grid-template-columns:1fr}\r\n .cards3{grid-template-columns:repeat(2,1fr)} .cards4{grid-template-columns:repeat(2,1fr)}\r\n .grid4{grid-template-columns:repeat(2,1fr)} .steps{grid-template-columns:repeat(3,1fr)}\r\n}\r\n@media(max-width:640px){\r\n .h1{font-size:36px} .title{font-size:28px}\r\n .menu{display:none} .menu.open{display:flex;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.08)}\r\n .burger{display:block}\r\n .cards3,.cards4,.grid4,.testis{grid-template-columns:1fr}\r\n .steps{grid-template-columns:repeat(2,1fr)} .grid2{grid-template-columns:1fr}\r\n .hero-visual img{height:260px} .hero-stats{flex-wrap:wrap}\r\n}\r\n<\/style>\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav class=\"nav\">\r\n <div class=\"container nav-inner\">\r\n <a href=\"#\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/logo_iconre_creation_Plan-de-travail-1.png\" alt=\"ICONE CR\u00c9A logo\"><\/a>\r\n <div class=\"menu\" id=\"menu\">\r\n <a href=\"#hero\">Accueil<\/a>\r\n <a href=\"#apropos\">\u00c0 propos<\/a>\r\n <a href=\"#services\">Services<\/a>\r\n <a href=\"#realisations\">R\u00e9alisations<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <a href=\"#contact\" class=\"btn btn-orange\">Demander un devis \u2192<\/a>\r\n <\/div>\r\n <div style=\"display:flex;gap:10px;align-items:center\">\r\n <span class=\"burger\" onclick=\"document.getElementById('menu').classList.toggle('open')\">\u2630<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/nav>\r\n\r\n<section class=\"hero\" id=\"hero\">\r\n <div class=\"container hero-grid\">\r\n <div>\r\n <span class=\"eyebrow\"><i><\/i> Devenez l'ic\u00f4ne de votre march\u00e9<\/span>\r\n <h1 class=\"h1\">Nous donnons vie<br><span>\u00e0 vos id\u00e9es.<\/span><\/h1>\r\n <p>Cr\u00e9ation graphique, impression professionnelle, enseignes & lettrages, signal\u00e9tique, textile personnalis\u00e9 et cr\u00e9ation de sites web.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#contact\" class=\"btn btn-dark\">Demander un devis \u2192<\/a>\r\n <a href=\"#realisations\" class=\"btn btn-light\">Voir nos r\u00e9alisations<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div><b>1200+<\/b><br><span>Projets livr\u00e9s<\/span><\/div>\r\n <div><b>300+<\/b><br><span>Clients<\/span><\/div>\r\n <div><b>8+<\/b><br><span>Ans d'exp\u00e9rience<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/Accueil_icone_crea.png\" alt=\"ICONE CREA cr\u00e9ations sur devices\">\r\n <div class=\"float\">\r\n <div class=\"tick\">\u2713<\/div>\r\n <div><b>98%<\/b> de clients satisfaits<br><small>Dakar \u00b7 Grand Mbao<\/small><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"marquee\">\r\n <div class=\"marquee-track\">\r\n <span>Infographie<\/span><span class=\"dot\">\u2022<\/span><span>S\u00e9rigraphie<\/span><span class=\"dot\">\u2022<\/span><span>Enseignes lumineuses<\/span><span class=\"dot\">\u2022<\/span><span>Sites web<\/span><span class=\"dot\">\u2022<\/span><span>Flocage & sublimation<\/span><span class=\"dot\">\u2022<\/span><span>Signal\u00e9tique<\/span><span class=\"dot\">\u2022<\/span><span>Branding<\/span><span class=\"dot\">\u2022<\/span><span>Packaging<\/span><span class=\"dot\">\u2022<\/span><span>Roll-up<\/span><span class=\"dot\">\u2022<\/span><span>Tampons<\/span><span class=\"dot\">\u2022<\/span>\r\n <span>Infographie<\/span><span class=\"dot\">\u2022<\/span><span>S\u00e9rigraphie<\/span><span class=\"dot\">\u2022<\/span><span>Enseignes lumineuses<\/span><span class=\"dot\">\u2022<\/span><span>Sites web<\/span><span class=\"dot\">\u2022<\/span><span>Flocage & sublimation<\/span><span class=\"dot\">\u2022<\/span><span>Signal\u00e9tique<\/span><span class=\"dot\">\u2022<\/span><span>Branding<\/span><span class=\"dot\">\u2022<\/span><span>Packaging<\/span><span class=\"dot\">\u2022<\/span><span>Roll-up<\/span><span class=\"dot\">\u2022<\/span><span>Tampons<\/span><span class=\"dot\">\u2022<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<section id=\"apropos\">\r\n <div class=\"container about\">\r\n <div class=\"about-img\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/a_propos_icone_crea.png\" alt=\"Atelier ICONE CREA\">\r\n <div class=\"badge10\">10+<br><small>ANS D'EXPERTISE<\/small><\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"label\">\u00c0 propos<\/div>\r\n <h2 class=\"title\">Pourquoi choisir<br>ICONE CR\u00c9A ?<\/h2>\r\n <p class=\"desc\">ICONE CR\u00c9A accompagne les particuliers, entreprises, commerces et institutions dans toute leur communication visuelle : de la premi\u00e8re id\u00e9e jusqu'\u00e0 la pose de l'enseigne ou la mise en ligne du site. Un seul interlocuteur, un atelier complet, une exigence constante de qualit\u00e9.<\/p>\r\n <p class=\"desc\">Bas\u00e9s \u00e0 Grand Mbao \u2013 Cit\u00e9 Cidak, nous r\u00e9unissons designers, imprimeurs, s\u00e9rigraphes et d\u00e9veloppeurs web sous le m\u00eame toit. R\u00e9sultat : des d\u00e9lais courts, des co\u00fbts ma\u00eetris\u00e9s et une coh\u00e9rence parfaite entre tous vos supports.<\/p>\r\n <div class=\"checks\">\r\n <span class=\"check\"><i>\u2713<\/i> Cr\u00e9ativit\u00e9<\/span>\r\n <span class=\"check\"><i>\u2713<\/i> Qualit\u00e9<\/span>\r\n <span class=\"check\"><i>\u2713<\/i> Rapidit\u00e9<\/span>\r\n <span class=\"check\"><i>\u2713<\/i> Accompagnement<\/span>\r\n <span class=\"check\"><i>\u2713<\/i> Innovation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-gray\" id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"center\">\r\n <div class=\"label\">Nos services<\/div>\r\n <h2 class=\"title\">Tout votre univers de marque,<br>au m\u00eame endroit<\/h2>\r\n <p class=\"desc\" style=\"max-width:640px;margin:10px auto 0\">Du fichier cr\u00e9atif \u00e0 la production finale : six p\u00f4les d'expertise pour donner \u00e0 votre entreprise une image \u00e0 la hauteur de ses ambitions.<\/p>\r\n <\/div>\r\n <div class=\"cards3\">\r\n <div class=\"card\"><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/creation_site_web.png\" alt=\"Cr\u00e9ation de sites web\"><div class=\"card-body\"><h3>Cr\u00e9ation de sites web<\/h3><div class=\"pills\"><span>Site vitrine<\/span><span>E-commerce<\/span><span>Institutionnel<\/span><span>Refonte<\/span><span>SEO<\/span><\/div><a href=\"#contact\" class=\"link\">Demander un devis \u2192<\/a><\/div><\/div>\r\n <div class=\"card\"><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/INFOGRAPHIE_LOGICIELS_MJM_GRAPHIC_DESIGN.jpg\" alt=\"Infographie\"><div class=\"card-body\"><h3>Infographie<\/h3><div class=\"pills\"><span>Logos<\/span><span>Affiches<\/span><span>Flyers<\/span><span>Cartes de visite<\/span><span>Branding<\/span><\/div><a href=\"#contact\" class=\"link\">Demander un devis \u2192<\/a><\/div><\/div>\r\n <div class=\"card\"><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/impression.jpeg\" alt=\"Impression\"><div class=\"card-body\"><h3>Impression<\/h3><div class=\"pills\"><span>Cartes PVC<\/span><span>Flyers<\/span><span>Affiches<\/span><span>Calendriers<\/span><span>Factures<\/span><\/div><a href=\"#contact\" class=\"link\">Demander un devis \u2192<\/a><\/div><\/div>\r\n <div class=\"card\"><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-14-aout-2026-11_41_33.png\"><div class=\"card-body\"><h3>S\u00e9rigraphie<\/h3><div class=\"pills\"><span>Tee-shirts<\/span><span>Polos<\/span><span>Casquettes<\/span><span>Uniformes<\/span><\/div><a href=\"#contact\" class=\"link\">Demander un devis \u2192<\/a><\/div><\/div>\r\n <div class=\"card\"><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/Flocage-Sublimation.jpg\" alt=\"\"><div class=\"card-body\"><h3>Flocage & Sublimation<\/h3><div class=\"pills\"><span>Textile<\/span><span>Mug<\/span><span>Gourde<\/span><span>Sac<\/span><span>Objet pub<\/span><\/div><a href=\"#contact\" class=\"link\">Demander un devis \u2192<\/a><\/div><\/div>\r\n <div class=\"card\"><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/image-Enseignes-Signaletique-icone-crea.png\" alt=\"\"><div class=\"card-body\"><h3>Enseignes & Signal\u00e9tique<\/h3><div class=\"pills\"><span>Lumineuse<\/span><span>Totem<\/span><span>Plexiglas<\/span><span>Lettres bo\u00eetiers<\/span><\/div><a href=\"#contact\" class=\"link\">Demander un devis \u2192<\/a><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"center\">\r\n <div class=\"label\">Sp\u00e9cialit\u00e9s<\/div>\r\n <h2 class=\"title\">Quatre savoir-faire qui font<br>notre signature<\/h2>\r\n <\/div>\r\n <div class=\"cards4\">\r\n <div class=\"spec\"><div class=\"ic\">\ud83d\udccc<\/div><h3>Kak\u00e9monos & Roll-up<\/h3><p>Supports d'exposition l\u00e9gers, transportables et percutants pour salons et points de vente.<\/p><ul><li>Roll-up 85 \u00d7 200<\/li><li>X-banner<\/li><li>Kak\u00e9mono suspendu<\/li><li>Stand parapluie<\/li><\/ul><\/div>\r\n <div class=\"spec\"><div class=\"ic\">\ud83d\udd16<\/div><h3>Tampons<\/h3><p>Tampons encreurs professionnels automatiques ou manuels, grav\u00e9s avec pr\u00e9cision.<\/p><ul><li>Tampon automatique<\/li><li>Tampon dateur<\/li><li>Tampon de poche<\/li><li>Gravure personnalis\u00e9e<\/li><\/ul><\/div>\r\n <div class=\"spec\"><div class=\"ic\">\ud83c\udfa8<\/div><h3>Branding<\/h3><p>Identit\u00e9s de marque coh\u00e9rentes : logo, charte, d\u00e9clinaisons print et digitales.<\/p><ul><li>Logo & identit\u00e9<\/li><li>Charte graphique<\/li><li>Naming & slogan<\/li><li>Habillage v\u00e9hicule<\/li><\/ul><\/div>\r\n <div class=\"spec\"><div class=\"ic\">\ud83d\udce6<\/div><h3>Packaging<\/h3><p>Un packaging qui vend : conception graphique adapt\u00e9e \u00e0 vos contraintes locales.<\/p><ul><li>\u00c9tiquettes<\/li><li>Bo\u00eetes & coffrets<\/li><li>Sachets & sacs<\/li><li>Prototypes<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"realisations-section\" id=\"realisations\">\r\n <div class=\"section-heading\">\r\n <span class=\"eyebrow\">R\u00c9ALISATIONS<\/span>\r\n <h2>Des projets qui parlent pour vous<\/h2>\r\n <p>Une s\u00e9lection de cr\u00e9ations livr\u00e9es \u00e0 nos clients \u00e0 Dakar et partout au S\u00e9n\u00e9gal.<\/p>\r\n <\/div>\r\n\r\n <div class=\"portfolio-filters\">\r\n <button class=\"filter-btn active\" data-filter=\"all\">Tous<\/button>\r\n <button class=\"filter-btn\" data-filter=\"sites-web\">Sites web<\/button>\r\n <button class=\"filter-btn\" data-filter=\"enseignes\">Enseignes<\/button>\r\n <button class=\"filter-btn\" data-filter=\"textile\">Textile<\/button>\r\n <button class=\"filter-btn\" data-filter=\"impression\">Impression<\/button>\r\n <button class=\"filter-btn\" data-filter=\"logos\">Logos<\/button>\r\n <button class=\"filter-btn\" data-filter=\"branding\">Branding<\/button>\r\n <\/div>\r\n\r\n <div class=\"portfolio-grid\">\r\n\r\n <article class=\"portfolio-card\" data-category=\"sites-web\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/creation_de-site_internet-1.jpg\"\r\n data-title=\"Cr\u00e9ation de site web\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/creation_de-site_internet-1.jpg\" alt=\"Cr\u00e9ation de site web\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Sites web<\/span>\r\n <h3>Cr\u00e9ation de site web<\/h3>\r\n <p>Site vitrine moderne et responsive pour votre activit\u00e9.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20un%20site%20web.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"enseignes\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/image-Enseignes-Signaletique-icone-crea.png\"\r\n data-title=\"Enseigne publicitaire\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/image-Enseignes-Signaletique-icone-crea.png\" alt=\"Enseigne publicitaire\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Enseignes<\/span>\r\n <h3>Enseigne publicitaire<\/h3>\r\n <p>Fabrication et pose d\u2019enseignes personnalis\u00e9es.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20une%20enseigne%20publicitaire.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/Tableau-diplome-personnalise-scaled.jpeg\"\r\n data-title=\"Tableau dipl\u00f4me personnalis\u00e9\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/Tableau-diplome-personnalise-scaled.jpeg\" alt=\"Tableau dipl\u00f4me personnalis\u00e9\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Tableau dipl\u00f4me personnalis\u00e9<\/h3>\r\n <p>Impression, encadrement et personnalisation de dipl\u00f4mes.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20un%20tableau%20dipl\u00f4me%20personnalis\u00e9.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/print-brochure-flyer-marseille.png\"\"\r\n data-title=\"Impression professionnelle\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/print-brochure-flyer-marseille.png\" alt=\"Impression professionnelle\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Impression professionnelle<\/h3>\r\n <p>Flyers, affiches, brochures et supports de communication.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20une%20impression%20professionnelle.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/enseigne-joj-scaled.jpeg\"\r\n data-title=\"Site web sur mesure\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/enseigne-joj-scaled.jpeg\" alt=\"Site web sur mesure\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Enseignes<\/span>\r\n <h3>Enseigne Lettrage<\/h3>\r\n <p>Une croix de pharmacie est un signal visuel lumineux et indispensable. Elle permet de rep\u00e9rer une officine de jour comme de nuit. .<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20un%20devis%20pour%20un%20site%20web%20sur%20mesure.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/CARTE-PVC-scaled.jpeg\"\r\n data-title=\"Cartes PVC personnalis\u00e9es\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/CARTE-PVC-scaled.jpeg\" alt=\"Cartes PVC personnalis\u00e9es\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Cartes PVC<\/h3>\r\n <p>Cartes professionnelles, badges et cartes d\u2019acc\u00e8s.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20des%20cartes%20PVC%20personnalis\u00e9es.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"enseignes\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/croix-pharmacie-1024x768-1.jpg\"\r\n data-title=\"Enseigne croix de pharmacie\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/croix-pharmacie-1024x768-1.jpg\" alt=\"Enseigne croix de pharmacie\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Enseignes<\/span>\r\n <h3>Croix de pharmacie<\/h3>\r\n <p>Enseignes LED lumineuses pour pharmacie.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20une%20croix%20de%20pharmacie.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/carte-de-visite.jpeg\"\r\n data-title=\"Cartes de visite et brochures\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/carte-de-visite.jpeg\" alt=\"Cartes de visite et brochures\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Cartes de visite & brochures<\/h3>\r\n <p>Identit\u00e9 visuelle, cartes de visite et supports print.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20des%20cartes%20de%20visite%20et%20brochures.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/Factures-tampons-personnalises.jpg\"\r\n data-title=\"Factures & tampons personnalis\u00e9s\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/Factures-tampons-personnalises.jpg\" alt=\"Factures & tampons personnalis\u00e9s\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Factures & tampons personnalis\u00e9s<\/h3>\r\n <p>Renforcez votre image professionnelle avec des factures personnalis\u00e9es et des tampons sur mesure, con\u00e7us aux couleurs de votre entreprise.\r\n.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20un%20site%20web.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/imageye___-_imgi_118_kakemonos-de-luxe-oklahoma-city.png.webp\"\r\n data-title=\"Kakemono personnalis\u00e9\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/imageye___-_imgi_118_kakemonos-de-luxe-oklahoma-city.png.webp\" alt=\"Kakemono personnalis\u00e9\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Kakemono personnalis\u00e9<\/h3>\r\n <p>Un support \u00e9l\u00e9gant et impactant pour valoriser votre marque, vos produits ou vos \u00e9v\u00e9nements avec une communication professionnelle et facilement transportable.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20un%20site%20web.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/runa-art-tableau-decoration-murale-femme-africaine.jpg\"\r\n data-title=\"Tableau PVC personnalis\u00e9\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/runa-art-tableau-decoration-murale-femme-africaine.jpg\" alt=\"Tableau PVC personnalis\u00e9\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Tableau PVC personnalis\u00e9<\/h3>\r\n <p>Une solution durable et \u00e9l\u00e9gante pour afficher votre communication, vos informations ou votre signal\u00e9tique avec une finition professionnelle.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20un%20site%20web.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/imageye___-_imgi_5_614663605_18085236383156218_5961644730577256871_n.jpg\"\r\n data-title=\"Sachets personnalis\u00e9s\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/imageye___-_imgi_5_614663605_18085236383156218_5961644730577256871_n.jpg\" alt=\"Sachets personnalis\u00e9s\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Sachets personnalis\u00e9s<\/h3>\r\n <p>Valorisez votre marque avec des sachets personnalis\u00e9s, \u00e9l\u00e9gants et adapt\u00e9s \u00e0 vos produits, ventes et \u00e9v\u00e9nements.<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20un%20site%20web.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"portfolio-card\" data-category=\"impression\">\r\n <button class=\"image-popup-btn\" type=\"button\"\r\n data-image=\"https:\/\/iconecreation.com\/wp-content\/uploads\/2026\/08\/Plaque-double-en-Plexiglas.jpeg\"\r\n data-title=\"Plaque double en Plexiglas\">\r\n <img decoding=\"async\" src=\"https:\/\/iconecreation.com\/wp-content\/uploads\/2026\/08\/Plaque-double-en-Plexiglas.jpeg\" alt=\"Plaque double en Plexiglas\">\r\n <span class=\"zoom-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"portfolio-content\">\r\n <span class=\"portfolio-category\">Impression<\/span>\r\n <h3>Plaque double en Plexiglas<\/h3>\r\n <p>La plaque double comprend les deux plaques en m\u00e9thacrylate (\u00e9paisseur 3 mm et 8 mm), le kit de visserie + entretoises en m\u00e9thacrylate. Pr\u00eat \u00e0 poser..<\/p>\r\n <a class=\"whatsapp-btn\"\r\n href=\"https:\/\/wa.me\/221782221696?text=Bonjour%2C%20je%20souhaite%20commander%20un%20site%20web.\"\r\n target=\"_blank\" rel=\"noopener\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20.5 3.5A11.8 11.8 0 0 0 2.1 17.7L1 23l5.4-1.1A11.8 11.8 0 0 0 20.5 3.5zm-8.7 18.1a9.8 9.8 0 0 1-5-1.4l-.4-.2-3.2.7.7-3.1-.2-.4a9.8 9.8 0 1 1 8.1 4.4zm5.4-7.3c-.3-.1-1.7-.8-2-.9s-.5-.1-.7.1-.8.9-1 1.1-.4.2-.7.1a8 8 0 0 1-2.3-1.4 8.7 8.7 0 0 1-1.6-2c-.2-.3 0-.5.1-.6l.5-.6.2-.3a.5.5 0 0 0 0-.5l-.9-2.1c-.2-.6-.5-.5-.7-.5h-.6a1.2 1.2 0 0 0-.8.4 3.5 3.5 0 0 0-1.1 2.6 6.1 6.1 0 0 0 1.3 3.2 13.9 13.9 0 0 0 5.3 4.7 18 18 0 0 0 1.8.7 4.3 4.3 0 0 0 2 .1 3.2 3.2 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.1-.3-.2-.6-.3z\"\/><\/svg>\r\n Commander sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"image-modal\" id=\"imageModal\" aria-hidden=\"true\">\r\n <div class=\"image-modal-overlay\" data-close-modal><\/div>\r\n <div class=\"image-modal-content\" role=\"dialog\" aria-modal=\"true\">\r\n <button class=\"modal-close\" type=\"button\" aria-label=\"Fermer\" data-close-modal>\u00d7<\/button>\r\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\">\r\n <p id=\"modalTitle\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const modal = document.getElementById(\"imageModal\");\r\n const modalImage = document.getElementById(\"modalImage\");\r\n const modalTitle = document.getElementById(\"modalTitle\");\r\n\r\n document.querySelectorAll(\".image-popup-btn\").forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n modalImage.src = button.dataset.image;\r\n modalImage.alt = button.dataset.title;\r\n modalTitle.textContent = button.dataset.title;\r\n modal.classList.add(\"open\");\r\n modal.setAttribute(\"aria-hidden\", \"false\");\r\n document.body.style.overflow = \"hidden\";\r\n });\r\n });\r\n\r\n function closeModal() {\r\n modal.classList.remove(\"open\");\r\n modal.setAttribute(\"aria-hidden\", \"true\");\r\n modalImage.src = \"\";\r\n document.body.style.overflow = \"\";\r\n }\r\n\r\n document.querySelectorAll(\"[data-close-modal]\").forEach((button) => {\r\n button.addEventListener(\"click\", closeModal);\r\n });\r\n\r\n document.addEventListener(\"keydown\", (event) => {\r\n if (event.key === \"Escape\" && modal.classList.contains(\"open\")) {\r\n closeModal();\r\n }\r\n });\r\n\r\n const filterButtons = document.querySelectorAll(\".filter-btn\");\r\n const portfolioCards = document.querySelectorAll(\".portfolio-card\");\r\n\r\n filterButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const filter = button.dataset.filter;\r\n filterButtons.forEach((btn) => btn.classList.remove(\"active\"));\r\n button.classList.add(\"active\");\r\n\r\n portfolioCards.forEach((card) => {\r\n const category = card.dataset.category;\r\n card.classList.toggle(\"hidden\", !(filter === \"all\" || category === filter));\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n<section class=\"dark\">\r\n <div class=\"container web\">\r\n <div>\r\n <div class=\"label\" style=\"color:var(--orange)\">Cr\u00e9ation de sites internet<\/div>\r\n <h2 style=\"font-family:'Plus Jakarta Sans',sans-serif;font-size:34px;font-weight:800;line-height:1.05\">Des sites modernes,<br>rapides et responsives<\/h2>\r\n <p style=\"opacity:.75;font-size:14px;margin-top:10px;line-height:1.7\">Sites vitrines, e-commerce ou institutionnels : nous concevons des exp\u00e9riences web qui donnent de la valeur \u00e0 votre activit\u00e9 et convertissent vos visiteurs en clients.<\/p>\r\n <div class=\"tabs\"><span class=\"on\">Desktop<\/span><span>Laptop<\/span><span>Tablette<\/span><span>Smartphone<\/span><\/div>\r\n <ul class=\"benefits\">\r\n <li><i>\u2713<\/i> Responsive<\/li><li><i>\u2713<\/i> SEO<\/li><li><i>\u2713<\/i> S\u00e9curis\u00e9<\/li><li><i>\u2713<\/i> Rapide<\/li><li><i>\u2713<\/i> H\u00e9bergement<\/li><li><i>\u2713<\/i> Maintenance<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-orange\" style=\"margin-top:6px\">Lancer mon projet web \u2192<\/a>\r\n <\/div>\r\n <div class=\"dark-img\"><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/creation_site_web-1.png\" alt=\"sites web\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"center\"><div class=\"label\">Processus<\/div><h2 class=\"title\">Six \u00e9tapes, z\u00e9ro mauvaise surprise<\/h2><\/div>\r\n <div class=\"steps\">\r\n <div class=\"step\"><b>01<\/b><h4>Prise de contact<\/h4><p>Un \u00e9change rapide pour comprendre votre besoin.<\/p><\/div>\r\n <div class=\"step\"><b>02<\/b><h4>Analyse du besoin<\/h4><p>Cadrage et devis d\u00e9taill\u00e9 sans surprise.<\/p><\/div>\r\n <div class=\"step\"><b>03<\/b><h4>Cr\u00e9ation<\/h4><p>Nos designers produisent les maquettes.<\/p><\/div>\r\n <div class=\"step\"><b>04<\/b><h4>Validation<\/h4><p>Allers-retours jusqu'\u00e0 validation finale.<\/p><\/div>\r\n <div class=\"step\"><b>05<\/b><h4>Livraison<\/h4><p>Production, pose ou mise en ligne.<\/p><\/div>\r\n <div class=\"step\"><b>06<\/b><h4>Accompagnement<\/h4><p>Suivi et SAV sur la dur\u00e9e.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-gray\">\r\n <div class=\"container why\">\r\n <div>\r\n <div class=\"label\">Pourquoi nous choisir<\/div>\r\n <h2 class=\"title\">Le niveau d'exigence<br>d'une grande agence<\/h2>\r\n <div class=\"feats\">\r\n <div class=\"feat\"><div class=\"ic\">\u2726<\/div><h4>Plus de cr\u00e9ativit\u00e9<\/h4><p>Des concepts uniques, jamais recycl\u00e9s.<\/p><\/div>\r\n <div class=\"feat\"><div class=\"ic\">\u20ac<\/div><h4>Prix comp\u00e9titifs<\/h4><p>Pens\u00e9 pour le march\u00e9 s\u00e9n\u00e9galais.<\/p><\/div>\r\n <div class=\"feat\"><div class=\"ic\">\u26a1<\/div><h4>Livraison rapide<\/h4><p>D\u00e9lais courts, m\u00eame en urgence.<\/p><\/div>\r\n <div class=\"feat\"><div class=\"ic\">\u2605<\/div><h4>Qualit\u00e9 pro<\/h4><p>Mat\u00e9riaux et finitions haut de gamme.<\/p><\/div>\r\n <div class=\"feat\"><div class=\"ic\">\u25d0<\/div><h4>SAV<\/h4><p>Disponibles apr\u00e8s livraison.<\/p><\/div>\r\n <div class=\"feat\"><div class=\"ic\">\ud83d\udc65<\/div><h4>\u00c9quipe exp\u00e9riment\u00e9e<\/h4><p>10 ans de terrain.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"kpis\">\r\n <div class=\"kpi\"><strong>300+<\/strong><span>Clients accompagn\u00e9s<\/span><\/div>\r\n <div class=\"kpi\"><strong>1200+<\/strong><span>Projets livr\u00e9s<\/span><\/div>\r\n <div class=\"kpi\"><strong>98%<\/strong><span>Clients satisfaits<\/span><\/div>\r\n <div class=\"kpi\"><strong>6+<\/strong><span>Ann\u00e9es d'exp\u00e9rience<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section>\r\n <div class=\"container\">\r\n <div class=\"center\"><div class=\"label\">T\u00e9moignages<\/div><h2 class=\"title\">Ils nous font confiance<\/h2><\/div>\r\n <div class=\"testis\">\r\n <div class=\"testi\"><p>\u00ab Enseigne lumineuse install\u00e9e en une semaine, r\u00e9sultat magnifique. Ma boutique se voit d\u00e9sormais de loin. \u00bb<\/p><b>\u2014 Awa Diop<\/b><br><small>Boutique Dakar<\/small><\/div>\r\n <div class=\"testi\"><p>\u00ab Site e-commerce livr\u00e9 en 15 jours, design moderne et ventes d\u00e8s la premi\u00e8re semaine. Tr\u00e8s r\u00e9actifs ! \u00bb<\/p><b>\u2014 Moussa Sow<\/b><br><small>Entrepreneur<\/small><\/div>\r\n <div class=\"testi\"><p>\u00ab Flocage de 50 tee-shirts pour notre s\u00e9minaire, qualit\u00e9 impeccable et d\u00e9lai respect\u00e9. \u00bb<\/p><b>\u2014 Fatou Ndiaye<\/b><br><small>Association<\/small><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"bg-gray\">\r\n <div class=\"container\">\r\n <div class=\"center\"><div class=\"label\">FAQ<\/div><h2 class=\"title\">Vous avez une question ?<\/h2><\/div>\r\n <div class=\"faq\">\r\n <div class=\"faq-item open\"><div class=\"faq-q\">Quels sont vos d\u00e9lais de livraison ?<\/div><div class=\"faq-a\">Impression et flocage en 24-72h. Enseignes et sites web : 1 \u00e0 3 semaines selon complexit\u00e9.<\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-q\">Travaillez-vous avec les particuliers ?<\/div><div class=\"faq-a\">Oui, particuliers, entreprises, commerces et institutions \u2014 sans minimum de commande.<\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-q\">Puis-je obtenir un devis gratuit ?<\/div><div class=\"faq-a\">Oui, gratuit sous 24h via le formulaire ci-dessous.<\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-q\">Livrez-vous en dehors de Dakar ?<\/div><div class=\"faq-a\">Oui, partout au S\u00e9n\u00e9gal par transporteur ou retrait \u00e0 Grand Mbao.<\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-q\">G\u00e9rez-vous contenu et r\u00e9f\u00e9rencement ?<\/div><div class=\"faq-a\">Oui : r\u00e9daction, photos, SEO, h\u00e9bergement et maintenance inclus sur demande.<\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-q\">Quels moyens de paiement ?<\/div><div class=\"faq-a\">Esp\u00e8ces, virement, Orange Money, Wave, paiement \u00e0 la livraison.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"dark\" id=\"contact\">\r\n <div class=\"container contact\">\r\n <div class=\"form\">\r\n <h3>Recevez votre devis gratuit<\/h3>\r\n <form id=\"devisForm\" onsubmit=\"handleDevis(event)\">\r\n <div class=\"grid2\">\r\n <input id=\"f_nom\" class=\"input\" placeholder=\"Nom complet *\" required>\r\n <input id=\"f_tel\" class=\"input\" placeholder=\"T\u00e9l\u00e9phone *\" required>\r\n <input id=\"f_email\" class=\"input\" placeholder=\"Email *\" type=\"email\" required>\r\n <input id=\"f_entreprise\" class=\"input\" placeholder=\"Entreprise (optionnel)\">\r\n <select id=\"f_service\" class=\"input full\" required><option value=\"\">Service demand\u00e9<\/option><option>Cr\u00e9ation de site web<\/option><option>Infographie \/ Logo<\/option><option>Impression<\/option><option>S\u00e9rigraphie<\/option><option>Flocage & Sublimation<\/option><option>Enseignes & Signal\u00e9tique<\/option><option>Kak\u00e9monos & Roll-up<\/option><option>Tampons<\/option><option>Branding<\/option><option>Packaging<\/option><option>Autre<\/option><\/select>\r\n <textarea id=\"f_msg\" class=\"input\" placeholder=\"D\u00e9crivez votre besoin...\"><\/textarea>\r\n <\/div>\r\n <button class=\"btn-submit\">Recevoir mon devis \u2192<\/button>\r\n <p style=\"font-size:11px;color:var(--muted);text-align:center;margin-top:8px\">R\u00e9ponse sous 24h \u00b7 Sans engagement<\/p>\r\n <\/form>\r\n <\/div>\r\n <div class=\"info\">\r\n <div class=\"label\" style=\"color:var(--#F08306)\">Contact<\/div>\r\n <h2>Parlons de votre projet<\/h2>\r\n <p>D\u00e9crivez-nous votre besoin : vous recevez un devis d\u00e9taill\u00e9 et gratuit, g\u00e9n\u00e9ralement sous 24 heures.<\/p>\r\n <div class=\"info-card\"><div class=\"ic\">\ud83d\udccd<\/div><div><strong style=\"font-size:13px;color:#fff\">Adresse<\/strong><br><span style=\"font-size:12px;opacity:.8\">Grand Mbao \u2013 Cit\u00e9 Cidak, Dakar, S\u00e9n\u00e9gal<\/span><\/div><\/div>\r\n <div class=\"info-card\"><div class=\"ic\">\ud83d\udcde<\/div><div><strong style=\"font-size:13px;color:#fff\">T\u00e9l\u00e9phone<\/strong><br><a href=\"tel:+221782221696\" style=\"color:#fff;opacity:.85;font-size:12px\">(+221) 78 222 16 96<\/a> \u00b7 <a href=\"tel:+221767266262\" style=\"color:#fff;opacity:.85;font-size:12px\">(+221) 76 726 62 62<\/a><\/div><\/div>\r\n <div class=\"info-card\"><div class=\"ic\">\u2709<\/div><div><strong style=\"font-size:13px;color:#fff\">Email<\/strong><br><a href=\"mailto:contact@iconecrea.com\" style=\"color:#fff;opacity:.85;font-size:12px\">contact@iconecrea.com<\/a><\/div><\/div>\r\n <div class=\"socials\">\r\n\r\n <!-- Facebook -->\r\n <a href=\"https:\/\/www.facebook.com\/people\/Icone-Crea\/100082522477497\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M13.5 21v-8h2.7l.4-3.2h-3.1V7.7c0-.9.3-1.6 1.6-1.6h1.7V3.2c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.4H7.4V13h2.7v8h3.4z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n <!-- TikTok -->\r\n <a href=\"https:\/\/www.tiktok.com\/@icone_crea\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M16.6 5.82a4.28 4.28 0 0 1-1.05-2.82h-3.07v12.4a2.6 2.6 0 1 1-2.6-2.6c.27 0 .53.04.78.12V9.77a5.73 5.73 0 0 0-.78-.05 5.66 5.66 0 1 0 5.66 5.66V9.01a7.3 7.3 0 0 0 4.27 1.37V7.31a4.28 4.28 0 0 1-3.21-1.49z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n <!-- Instagram -->\r\n <a href=\"https:\/\/www.facebook.com\/people\/Icone-Crea\/100082522477497\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 2.2c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41a3.72 3.72 0 0 1-1.38-.9 3.72 3.72 0 0 1-.9-1.38c-.16-.42-.36-1.06-.41-2.23C2.21 15.58 2.2 15.2 2.2 12s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.21 8.8 2.2 12 2.2zm0 1.8c-3.15 0-3.52.01-4.77.07-1.08.05-1.66.23-2.05.38-.51.2-.88.44-1.26.82-.38.38-.62.75-.82 1.26-.15.39-.33.97-.38 2.05-.06 1.25-.07 1.62-.07 4.77s.01 3.52.07 4.77c.05 1.08.23 1.66.38 2.05.2.51.44.88.82 1.26.38.38.75.62 1.26.82.39.15.97.33 2.05.38 1.25.06 1.62.07 4.77.07s3.52-.01 4.77-.07c1.08-.05 1.66-.23 2.05-.38.51-.2.88-.44 1.26-.82.38-.38.62-.75.82-1.26.15-.39.33-.97.38-2.05.06-1.25.07-1.62.07-4.77s-.01-3.52-.07-4.77c-.05-1.08-.23-1.66-.38-2.05-.2-.51-.44-.88-.82-1.26a3.4 3.4 0 0 0-1.26-.82c-.39-.15-.97-.33-2.05-.38-1.25-.06-1.62-.07-4.77-.07zm0 3.06a4.94 4.94 0 1 1 0 9.88 4.94 4.94 0 0 1 0-9.88zm0 8.14a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4zm6.28-8.34a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n <!-- YouTube -->\r\n <a href=\"https:\/\/www.facebook.com\/people\/Icone-Crea\/100082522477497\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M23.5 6.19a3.02 3.02 0 0 0-2.12-2.14C19.5 3.55 12 3.55 12 3.55s-7.5 0-9.38.5A3.02 3.02 0 0 0 .5 6.19C0 8.07 0 12 0 12s0 3.93.5 5.81a3.02 3.02 0 0 0 2.12 2.14c1.88.5 9.38.5 9.38.5s7.5 0 9.38-.5a3.02 3.02 0 0 0 2.12-2.14C24 15.93 24 12 24 12s0-3.93-.5-5.81zM9.55 15.57V8.43L15.82 12l-6.27 3.57z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"foot\">\r\n <div><img decoding=\"async\" src=\"https:\/\/iconecrea.com\/wp-content\/uploads\/2026\/08\/logo_iconre_creation_Plan-de-travail-1.png\" alt=\"ICONE CR\u00c9A\" style=\"height:36px;background:#fff;padding:4px 8px;border-radius:8px\"><p style=\"margin-top:6px;max-width:340px\">Votre partenaire communication visuelle \u00e0 Dakar. Un seul interlocuteur, un atelier complet.<\/p><\/div>\r\n <div><strong>Navigation<\/strong><br>Services \u00b7 R\u00e9alisations \u00b7 Contact<\/div>\r\n <div><strong>Contact<\/strong><br>Grand Mbao \u2013 Cit\u00e9 Cidak<br>+221 78 222 16 96 \u00b7 +221 76 726 62 62<br>contact@iconecrea.com<\/div>\r\n <\/div>\r\n <div class=\"copy\">\u00a9 2021 ICONE CR\u00c9A \u2014 Tous droits r\u00e9serv\u00e9s \u00b7 Fait \u00e0 Dakar<\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<div class=\"float-wa\">\r\n <a href=\"https:\/\/wa.me\/221782221696\" target=\"_blank\" class=\"wa wa-green\">\ud83d\udcac \u00c9crire sur WhatsApp<\/a>\r\n <a href=\"tel:+221782221696\" class=\"wa wa-orange\">\ud83d\udcde Appeler ICONE CR\u00c9A<\/a>\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll('.faq-q').forEach(q=>q.addEventListener('click',()=>{\r\n const it=q.parentElement; const open=it.classList.contains('open');\r\n document.querySelectorAll('.faq-item').forEach(i=>i.classList.remove('open'));\r\n if(!open) it.classList.add('open');\r\n}));\r\ndocument.querySelectorAll('.filters button').forEach(b=>b.addEventListener('click',()=>{\r\n document.querySelectorAll('.filters button').forEach(x=>x.classList.remove('on')); b.classList.add('on');\r\n}));\r\ndocument.querySelectorAll('.tabs span').forEach(s=>s.addEventListener('click',()=>{\r\n document.querySelectorAll('.tabs span').forEach(x=>x.classList.remove('on')); s.classList.add('on');\r\n}));\r\nfunction handleDevis(e){\r\n e.preventDefault();\r\n const nom=document.getElementById('f_nom').value;\r\n const tel=document.getElementById('f_tel').value;\r\n const email=document.getElementById('f_email').value;\r\n const entreprise=document.getElementById('f_entreprise').value;\r\n const service=document.getElementById('f_service').value;\r\n const msg=document.getElementById('f_msg').value;\r\n const subject=encodeURIComponent('[ICONE CREA] Demande de devis - '+service+' - '+nom);\r\n const body=encodeURIComponent('Nom: '+nom+'\\nT\u00e9l\u00e9phone: '+tel+'\\nEmail: '+email+'\\nEntreprise: '+entreprise+'\\nService: '+service+'\\n\\nMessage:\\n'+msg);\r\n window.location.href='mailto:seynigraphiste@gmail.com?subject='+subject+'&body='+body;\r\n \/\/ also show confirmation\r\n setTimeout(()=>alert('Merci '+nom+' ! Votre demande va s\\'ouvrir dans votre messagerie \u00e0 destination de seynigraphiste@gmail.com'),300);\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <sec\r\n\r\n <div class=\"image-modal\" id=\"imageModal\" aria-hidden=\"true\">\r\n <div class=\"image-modal-overlay\" data-close-modal><\/div>\r\n <div class=\"image-modal-content\" role=\"dialog\" aria-modal=\"true\">\r\n <button class=\"modal-close\" type=\"button\" aria-label=\"Fermer\" data-close-modal>\u00d7<\/button>\r\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"\">\r\n <p id=\"modalTitle\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const modal = document.getElementById(\"imageModal\");\r\n const modalImage = document.getElementById(\"modalImage\");\r\n const modalTitle = document.getElementById(\"modalTitle\");\r\n\r\n document.querySelectorAll(\".image-popup-btn\").forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n modalImage.src = button.dataset.image;\r\n modalImage.alt = button.dataset.title;\r\n modalTitle.textContent = button.dataset.title;\r\n modal.classList.add(\"open\");\r\n modal.setAttribute(\"aria-hidden\", \"false\");\r\n document.body.style.overflow = \"hidden\";\r\n });\r\n });\r\n\r\n function closeModal() {\r\n modal.classList.remove(\"open\");\r\n modal.setAttribute(\"aria-hidden\", \"true\");\r\n modalImage.src = \"\";\r\n document.body.style.overflow = \"\";\r\n }\r\n\r\n document.querySelectorAll(\"[data-close-modal]\").forEach((button) => {\r\n button.addEventListener(\"click\", closeModal);\r\n });\r\n\r\n document.addEventListener(\"keydown\", (event) => {\r\n if (event.key === \"Escape\" && modal.classList.contains(\"open\")) {\r\n closeModal();\r\n }\r\n });\r\n\r\n const filterButtons = document.querySelectorAll(\".filter-btn\");\r\n const portfolioCards = document.querySelectorAll(\".portfolio-card\");\r\n\r\n filterButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const filter = button.dataset.filter;\r\n filterButtons.forEach((btn) => btn.classList.remove(\"active\"));\r\n button.classList.add(\"active\");\r\n\r\n portfolioCards.forEach((card) => {\r\n const category = card.dataset.category;\r\n card.classList.toggle(\"hidden\", !(filter === \"all\" || category === filter));\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9alisations | Des projets qui parlent pour vous Accueil \u00c0 propos Services R\u00e9alisations Contact Demander un devis \u2192 \u2630 Devenez […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iconecrea.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconecrea.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iconecrea.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iconecrea.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iconecrea.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":222,"href":"https:\/\/iconecrea.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/iconecrea.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/iconecrea.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}