{"id":149,"date":"2026-05-06T01:24:13","date_gmt":"2026-05-05T23:24:13","guid":{"rendered":"https:\/\/www.copydev.fr\/?page_id=149"},"modified":"2026-05-06T01:24:13","modified_gmt":"2026-05-05T23:24:13","slug":"copymail","status":"publish","type":"page","link":"https:\/\/www.copydev.fr\/?page_id=149","title":{"rendered":"CopyMail"},"content":{"rendered":"\n<style>\n.copymail-page {\n  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;\n}\n.copymail-page \n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\n* { box-sizing: border-box; margin: 0; padding: 0; }\n.copymail-page {\n  --blue:   #03a9f4;\n  --dark:   #0c4a6e;\n  --text:   #334155;\n  --light:  #f8fafc;\n  --border: #e2e8f0;\n  --green:  #16a34a;\n}\n.copymail-page { font-family: 'Inter', 'Segoe UI', Arial, sans-serif; background: #fff; color: var(--text); }\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero {\n  background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 55%, #03a9f4 100%);\n  padding: 64px 48px 72px;\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n.hero::after {\n  content: '';\n  position: absolute;\n  width: 600px; height: 600px;\n  border-radius: 50%;\n  background: radial-gradient(circle, #3b82f618, transparent 70%);\n  right: -150px; top: -150px;\n  pointer-events: none;\n}\n.hero-inner { max-width: 960px; margin: 0 auto; }\n.hero-tag {\n  display: inline-flex; align-items: center; gap: 7px;\n  background: #ffffff15; border: 1px solid #ffffff25;\n  border-radius: 50px; padding: 5px 15px;\n  font-size: .7rem; font-weight: 700; letter-spacing: .1em;\n  text-transform: uppercase; color: #93c5fd; margin-bottom: 22px;\n}\n.hero h1 {\n  font-size: 2.8rem; font-weight: 900; line-height: 1.1;\n  letter-spacing: -.03em; margin-bottom: 18px;\n}\n.hero h1 em { color: #60a5fa; font-style: normal; }\n.hero p {\n  font-size: 1.1rem; color: #94a3b8; max-width: 520px;\n  line-height: 1.75; margin-bottom: 32px;\n}\n.hero-pills { display: flex; gap: 12px; flex-wrap: wrap; }\n.pill {\n  display: flex; align-items: center; gap: 7px;\n  background: #ffffff10; border: 1px solid #ffffff20;\n  border-radius: 50px; padding: 7px 16px;\n  font-size: .78rem; font-weight: 600; color: #e2e8f0;\n}\n.pill svg { width: 14px; height: 14px; flex-shrink: 0; }\n\n\/* \u2500\u2500 PROBL\u00c8ME \u2192 SOLUTION \u2500\u2500 *\/\n.problem {\n  background: #f8fafc;\n  border-top: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  padding: 52px 48px;\n}\n.problem-inner { max-width: 960px; margin: 0 auto; display: grid; grid-template-columns: 1fr 60px 1fr; gap: 0; align-items: center; }\n.prob-bloc { padding: 30px 28px; border-radius: 18px; }\n.prob-bloc.before { background: #fff1f2; border: 1.5px solid #fecdd3; }\n.prob-bloc.after  { background: #f0fdf4; border: 1.5px solid #bbf7d0; }\n.prob-label { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 14px; }\n.before .prob-label { color: #dc2626; }\n.after  .prob-label { color: #16a34a; }\n.prob-bloc ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n.prob-bloc ul li { font-size: .88rem; display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }\n.before ul li::before { content: '\u2717'; color: #ef4444; font-weight: 700; flex-shrink: 0; }\n.after  ul li::before { content: '\u2713'; color: #22c55e; font-weight: 700; flex-shrink: 0; }\n.arrow-center { display: flex; align-items: center; justify-content: center; }\n.arrow-center svg { width: 32px; height: 32px; color: #3b82f6; }\n\n\/* \u2500\u2500 SCH\u00c9MA \u2500\u2500 *\/\n.schema-section {\n  padding: 70px 48px;\n  background: #fff;\n}\n.section-head { max-width: 960px; margin: 0 auto 52px; text-align: center; }\n.section-head h2 { font-size: 1.65rem; font-weight: 800; color: var(--dark); margin-bottom: 8px; letter-spacing: -.02em; }\n.section-head p  { color: #64748b; font-size: .9rem; }\n\n.schema-wrap {\n  max-width: 960px;\n  margin: 0 auto;\n  background: #f8fafc;\n  border: 1.5px solid var(--border);\n  border-radius: 24px;\n  padding: 40px 32px;\n}\n\n\/* Grille : 2 rang\u00e9es de 3 postes \u00e0 gauche, bo\u00eetier au centre, 1 poste gestion \u00e0 droite *\/\n.schema-layout {\n  display: grid;\n  grid-template-columns: 1fr 100px 1fr;\n  gap: 20px;\n  align-items: center;\n}\n\n.postes-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 14px;\n}\n\n.poste-card {\n  background: #fff;\n  border: 1.5px solid #dbeafe;\n  border-radius: 14px;\n  padding: 14px 10px;\n  text-align: center;\n  position: relative;\n}\n.poste-card.active {\n  border-color: #3b82f6;\n  box-shadow: 0 0 0 3px #dbeafe;\n}\n.poste-card svg { width: 28px; height: 28px; margin: 0 auto 6px; display: block; }\n.poste-card .pname { font-size: .65rem; font-weight: 700; color: var(--dark); }\n.poste-card .pemail { font-size: .6rem; color: #64748b; margin-top: 3px; }\n.poste-card .pin-badge {\n  position: absolute; top: -8px; right: -8px;\n  background: #22c55e; color: #fff;\n  font-size: .55rem; font-weight: 800;\n  border-radius: 20px; padding: 2px 6px;\n  white-space: nowrap;\n}\n\n\/* Bo\u00eetier central *\/\n.device-center {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  position: relative;\n}\n.device-box {\n  width: 76px; height: 76px;\n  background: linear-gradient(135deg, #0369a1, #03a9f4);\n  border-radius: 20px;\n  display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 8px 30px #03a9f435;\n  position: relative;\n}\n.device-box::after {\n  content: '';\n  position: absolute; bottom: 6px; right: 6px;\n  width: 10px; height: 10px;\n  background: #22c55e; border-radius: 50%;\n  box-shadow: 0 0 6px #22c55e;\n}\n.device-box svg { width: 36px; height: 36px; }\n.device-name { font-size: .68rem; font-weight: 700; color: var(--dark); text-align: center; }\n.device-sub  { font-size: .58rem; color: #64748b; text-align: center; line-height: 1.4; }\n\n\/* Lignes de connexion SVG *\/\n.schema-connections {\n  position: relative;\n  display: flex; align-items: center; justify-content: center;\n}\n.schema-connections svg { width: 100%; height: 100%; }\n\n\/* Colonne droite : poste gestion *\/\n.gestion-col {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n.gestion-card {\n  background: #fff;\n  border: 1.5px solid #fde68a;\n  border-radius: 14px;\n  padding: 16px 14px;\n  text-align: center;\n  width: 130px;\n}\n.gestion-card svg { width: 30px; height: 30px; margin: 0 auto 8px; display: block; }\n.gestion-card .gname { font-size: .7rem; font-weight: 700; color: var(--dark); }\n.gestion-card .gsub  { font-size: .6rem; color: #64748b; margin-top: 3px; line-height: 1.4; }\n\n\/* L\u00e9gende sch\u00e9ma *\/\n.schema-legend {\n  display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;\n  margin-top: 28px; padding-top: 24px;\n  border-top: 1px solid var(--border);\n}\n.leg-item { display: flex; align-items: center; gap: 8px; font-size: .72rem; color: #64748b; }\n.leg-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\n\n\/* Fl\u00e8ches SVG entre postes et bo\u00eetier *\/\n.conn-svg-wrap {\n  position: relative;\n  height: 200px;\n  overflow: visible;\n}\n\n\/* \u2500\u2500 AVANTAGES \u2500\u2500 *\/\n.avantages {\n  background: var(--dark);\n  padding: 70px 48px;\n  color: #fff;\n}\n.avantages-inner { max-width: 960px; margin: 0 auto; }\n.avantages h2 { font-size: 1.65rem; font-weight: 800; text-align: center; margin-bottom: 8px; }\n.avantages .sub { text-align: center; color: #64748b; font-size: .9rem; margin-bottom: 48px; }\n\n.av-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\n.av-card {\n  background: #1e293b;\n  border: 1px solid #334155;\n  border-radius: 18px;\n  padding: 28px 22px;\n}\n.av-icon {\n  width: 44px; height: 44px; border-radius: 12px;\n  background: #0c4a6e; display: flex; align-items: center;\n  justify-content: center; margin-bottom: 16px;\n}\n.av-icon svg { width: 22px; height: 22px; }\n.av-card h3 { font-size: .95rem; font-weight: 700; color: #f1f5f9; margin-bottom: 8px; }\n.av-card p  { font-size: .8rem; color: #64748b; line-height: 1.6; }\n\n\/* \u2500\u2500 \u00c9TAPES CLIENT \u2500\u2500 *\/\n.steps-section { padding: 70px 48px; background: #eff6ff; }\n.steps-inner { max-width: 760px; margin: 0 auto; }\n.steps-row {\n  display: flex; gap: 0; margin-top: 44px;\n  position: relative;\n}\n.steps-row::before {\n  content: '';\n  position: absolute;\n  top: 28px; left: 28px; right: 28px;\n  height: 2px;\n  background: linear-gradient(90deg, #3b82f6, #60a5fa);\n  z-index: 0;\n}\n.step-box {\n  flex: 1; display: flex; flex-direction: column;\n  align-items: center; gap: 12px; text-align: center;\n  position: relative; z-index: 1; padding: 0 10px;\n}\n.step-circle {\n  width: 56px; height: 56px; border-radius: 50%;\n  background: var(--blue); color: #fff;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.2rem; font-weight: 900;\n  box-shadow: 0 4px 16px #03a9f440;\n  border: 3px solid #eff6ff;\n}\n.step-box h3 { font-size: .82rem; font-weight: 700; color: var(--dark); }\n.step-box p  { font-size: .73rem; color: #475569; line-height: 1.5; }\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.cta {\n  padding: 64px 48px;\n  text-align: center;\n  background: linear-gradient(135deg, #0c4a6e, #0369a1);\n  color: #fff;\n}\n.cta h2 { font-size: 1.6rem; font-weight: 800; margin-bottom: 10px; }\n.cta p { color: #94a3b8; margin-bottom: 28px; font-size: .9rem; }\n.cta-btn {\n  display: inline-block;\n  background: #03a9f4; color: #fff;\n  padding: 13px 36px; border-radius: 50px;\n  font-weight: 700; font-size: .9rem;\n  text-decoration: none;\n  box-shadow: 0 4px 20px #03a9f450;\n}\n.cta-sub { margin-top: 16px; font-size: .78rem; color: #475569; }\n.cta-sub strong { color: #93c5fd; }\n\nfooter {\n  background: #0c4a6e; padding: 18px 48px;\n  display: flex; justify-content: space-between; align-items: center;\n  border-top: 1px solid #1e293b;\n}\n.f-logo { font-weight: 800; font-size: .9rem; color: #fff; }\n.f-logo span { color: #3b82f6; }\n.f-copy { font-size: .7rem; color: #334155; }\n\n@media (max-width: 720px) {\n  .hero h1 { font-size: 1.9rem; }\n  .problem-inner, .schema-layout, .av-grid { grid-template-columns: 1fr; }\n  .arrow-center { transform: rotate(90deg); }\n  .steps-row { flex-direction: column; }\n  .steps-row::before { display: none; }\n  .postes-grid { grid-template-columns: 1fr 1fr; }\n}\n\n<\/style>\n<div class=\"copymail-page\">\n<!-- \u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"hero-inner\">\n    <div class=\"hero-tag\">\n      <svg viewBox=\"0 0 24 24\" fill=\"#22c55e\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\n      Solution pour Copy Service\n    <\/div>\n    <h1>Envoyez votre fichier<br>par email. <em>Imprimez.<\/em><br>C&rsquo;est tout.<\/h1>\n    <p>CopyMail \u00e9quipe vos postes libre-service d&rsquo;une adresse email unique. Vos clients envoient leurs documents depuis leur t\u00e9l\u00e9phone ou ordinateur \u2014 les fichiers apparaissent directement sur le poste, pr\u00eats \u00e0 imprimer.<\/p>\n    <div class=\"hero-pills\">\n      <div class=\"pill\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\n        Z\u00e9ro cl\u00e9 USB\n      <\/div>\n      <div class=\"pill\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\n        Z\u00e9ro compte \u00e0 cr\u00e9er\n      <\/div>\n      <div class=\"pill\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>\n        Fonctionne avec tout t\u00e9l\u00e9phone\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550 PROBL\u00c8ME \/ SOLUTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"problem\">\n  <div class=\"problem-inner\">\n    <div class=\"prob-bloc before\">\n      <div class=\"prob-label\">\ud83d\ude24 Avant CopyMail<\/div>\n      <ul>\n        <li>Le client cherche une cl\u00e9 USB, un c\u00e2ble\u2026<\/li>\n        <li>Il doit cr\u00e9er un compte sur une plateforme cloud<\/li>\n        <li>Transfert par WhatsApp ou email personnel compliqu\u00e9<\/li>\n        <li>Le personnel doit intervenir \u00e0 chaque fois<\/li>\n        <li>Perte de temps, frustration, file d&rsquo;attente<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"arrow-center\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n    <\/div>\n    <div class=\"prob-bloc after\">\n      <div class=\"prob-label\">\ud83d\ude0a Avec CopyMail<\/div>\n      <ul>\n        <li>Le client envoie un email depuis son t\u00e9l\u00e9phone<\/li>\n        <li>Aucun compte, aucune app \u00e0 installer<\/li>\n        <li>Le fichier arrive en quelques secondes<\/li>\n        <li>Le client est autonome, le personnel libre<\/li>\n        <li>Simple, rapide, sans friction<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550 SCH\u00c9MA INSTALLATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"schema-section\">\n  <div class=\"section-head\">\n    <h2>Une installation, neuf postes \u00e9quip\u00e9s<\/h2>\n    <p>Un seul petit bo\u00eetier g\u00e8re l&rsquo;ensemble de votre espace libre-service.<\/p>\n  <\/div>\n\n  <div class=\"schema-wrap\">\n    <div class=\"schema-layout\">\n\n      <!-- Colonne gauche : 6 postes -->\n      <div>\n        <div style=\"text-align:center;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;\">\n          Postes libre-service\n        <\/div>\n        <div class=\"postes-grid\">\n          <!-- Poste 1 avec fichier entrant -->\n          <div class=\"poste-card active\">\n            <div class=\"pin-badge\">\ud83d\udcc4 entrant<\/div>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a56db\" stroke-width=\"1.6\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M8 21h8M12 17v4\"\/>\n            <\/svg>\n            <div class=\"pname\">Poste 1<\/div>\n            <div class=\"pemail\">poste1@copy.fr<\/div>\n          <\/div>\n          <div class=\"poste-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a56db\" stroke-width=\"1.6\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M8 21h8M12 17v4\"\/>\n            <\/svg>\n            <div class=\"pname\">Poste 2<\/div>\n            <div class=\"pemail\">poste2@copy.fr<\/div>\n          <\/div>\n          <div class=\"poste-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a56db\" stroke-width=\"1.6\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M8 21h8M12 17v4\"\/>\n            <\/svg>\n            <div class=\"pname\">Poste 3<\/div>\n            <div class=\"pemail\">poste3@copy.fr<\/div>\n          <\/div>\n          <div class=\"poste-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a56db\" stroke-width=\"1.6\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M8 21h8M12 17v4\"\/>\n            <\/svg>\n            <div class=\"pname\">Poste 4<\/div>\n            <div class=\"pemail\">poste4@copy.fr<\/div>\n          <\/div>\n          <div class=\"poste-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a56db\" stroke-width=\"1.6\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M8 21h8M12 17v4\"\/>\n            <\/svg>\n            <div class=\"pname\">Poste 5<\/div>\n            <div class=\"pemail\">poste5@copy.fr<\/div>\n          <\/div>\n          <div class=\"poste-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a56db\" stroke-width=\"1.6\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M8 21h8M12 17v4\"\/>\n            <\/svg>\n            <div class=\"pname\">Poste 6<\/div>\n            <div class=\"pemail\">poste6@copy.fr<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Bo\u00eetier central -->\n      <div class=\"device-center\">\n        <!-- Traits gauche -->\n        <svg viewBox=\"0 0 100 200\" style=\"position:absolute;left:-50px;top:0;width:50px;height:200px;overflow:visible\">\n          <line x1=\"100\" y1=\"17\"  x2=\"0\" y2=\"100\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\" opacity=\".6\"\/>\n          <line x1=\"100\" y1=\"57\"  x2=\"0\" y2=\"100\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\" opacity=\".6\"\/>\n          <line x1=\"100\" y1=\"97\"  x2=\"0\" y2=\"100\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\" opacity=\".6\"\/>\n          <line x1=\"100\" y1=\"137\" x2=\"0\" y2=\"100\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\" opacity=\".6\"\/>\n          <line x1=\"100\" y1=\"157\" x2=\"0\" y2=\"100\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\" opacity=\".6\"\/>\n          <line x1=\"100\" y1=\"183\" x2=\"0\" y2=\"100\" stroke=\"#3b82f6\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\" opacity=\".6\"\/>\n        <\/svg>\n        <!-- Traits droite -->\n        <svg viewBox=\"0 0 100 200\" style=\"position:absolute;right:-50px;top:0;width:50px;height:200px;overflow:visible\">\n          <line x1=\"0\" y1=\"100\" x2=\"100\" y2=\"50\" stroke=\"#f59e0b\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\" opacity=\".7\"\/>\n          <line x1=\"0\" y1=\"100\" x2=\"100\" y2=\"150\" stroke=\"#64748b\" stroke-width=\"1.5\" stroke-dasharray=\"4,3\" opacity=\".5\"\/>\n        <\/svg>\n\n        <div class=\"device-box\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"1.6\">\n            <rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"3\"\/>\n            <path d=\"M8 20h8M12 18v2\"\/>\n            <circle cx=\"12\" cy=\"11\" r=\"2.5\" stroke-width=\"1.4\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"device-name\">Bo\u00eetier CopyMail<\/div>\n        <div class=\"device-sub\">Petit \u00b7 Discret<br>R\u00e9seau local<\/div>\n      <\/div>\n\n      <!-- Colonne droite : gestion -->\n      <div class=\"gestion-col\">\n        <div style=\"text-align:center;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;\">\n          Poste g\u00e9rant\n        <\/div>\n        <div class=\"gestion-card\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d97706\" stroke-width=\"1.6\">\n            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n            <path d=\"M8 21h8M12 17v4\"\/>\n            <path d=\"M8 8h8M8 11h5\" stroke-width=\"1.4\"\/>\n          <\/svg>\n          <div class=\"gname\">Gestion<\/div>\n          <div class=\"gsub\">Suivi des envois<br>Gestion des postes<br>Transfert de fichiers<\/div>\n        <\/div>\n        <div style=\"font-size:.62rem;color:#94a3b8;text-align:center;max-width:120px;line-height:1.5;\">\n          Interface web accessible depuis n&rsquo;importe quel navigateur\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"schema-legend\">\n      <div class=\"leg-item\">\n        <div class=\"leg-dot\" style=\"background:#3b82f6\"><\/div>\n        Fichiers envoy\u00e9s sur les postes libre-service\n      <\/div>\n      <div class=\"leg-item\">\n        <div class=\"leg-dot\" style=\"background:#f59e0b\"><\/div>\n        Interface de gestion\n      <\/div>\n      <div class=\"leg-item\">\n        <div class=\"leg-dot\" style=\"background:#22c55e\"><\/div>\n        Bo\u00eetier actif 24h\/24\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550 AVANTAGES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"avantages\">\n  <div class=\"avantages-inner\">\n    <h2>Fait pour les professionnels du copy<\/h2>\n    <p class=\"sub\">Chaque fonctionnalit\u00e9 pens\u00e9e pour simplifier votre quotidien.<\/p>\n    <div class=\"av-grid\">\n      <div class=\"av-card\">\n        <div class=\"av-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60a5fa\" stroke-width=\"1.8\">\n            <path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/>\n            <path d=\"M12 6v6l4 2\"\/>\n          <\/svg>\n        <\/div>\n        <h3>En quelques secondes<\/h3>\n        <p>D\u00e8s que l&#8217;email est re\u00e7u, le fichier est disponible sur le poste. Votre client n&rsquo;attend pas.<\/p>\n      <\/div>\n      <div class=\"av-card\">\n        <div class=\"av-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#a78bfa\" stroke-width=\"1.8\">\n            <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Autonomie totale<\/h3>\n        <p>Vos clients g\u00e8rent seuls leur envoi. Votre personnel se concentre sur l&rsquo;impression, pas la logistique.<\/p>\n      <\/div>\n      <div class=\"av-card\">\n        <div class=\"av-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#34d399\" stroke-width=\"1.8\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Vos donn\u00e9es chez vous<\/h3>\n        <p>Aucun service cloud externe. Tout reste sur votre bo\u00eetier, dans votre local. RGPD sans effort.<\/p>\n      <\/div>\n      <div class=\"av-card\">\n        <div class=\"av-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fbbf24\" stroke-width=\"1.8\">\n            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n            <path d=\"M8 21h8M12 17v4\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u00c9volutif<\/h3>\n        <p>Ajoutez ou supprimez un poste en un clic depuis l&rsquo;interface. Pas besoin d&rsquo;un technicien.<\/p>\n      <\/div>\n      <div class=\"av-card\">\n        <div class=\"av-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f87171\" stroke-width=\"1.8\">\n            <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Universel<\/h3>\n        <p>N&rsquo;importe quel appareil, n&rsquo;importe quelle messagerie. Si on peut envoyer un email, \u00e7a fonctionne.<\/p>\n      <\/div>\n      <div class=\"av-card\">\n        <div class=\"av-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#38bdf8\" stroke-width=\"1.8\">\n            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n          <\/svg>\n        <\/div>\n        <h3>Suivi complet<\/h3>\n        <p>Historique de tous les envois, par poste, avec date et exp\u00e9diteur. Tra\u00e7abilit\u00e9 totale.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550 \u00c9TAPES CLIENT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"steps-section\">\n  <div class=\"steps-inner\">\n    <div class=\"section-head\">\n      <h2>Ce que fait votre client<\/h2>\n      <p>Trois gestes. Depuis son t\u00e9l\u00e9phone. Sans rien installer.<\/p>\n    <\/div>\n    <div class=\"steps-row\">\n      <div class=\"step-box\">\n        <div class=\"step-circle\">1<\/div>\n        <h3>Il s&rsquo;installe au poste<\/h3>\n        <p>Il voit l&rsquo;adresse email affich\u00e9e sur l&rsquo;\u00e9cran ou sur un affichette<\/p>\n      <\/div>\n      <div class=\"step-box\">\n        <div class=\"step-circle\">2<\/div>\n        <h3>Il envoie son fichier<\/h3>\n        <p>Depuis son t\u00e9l\u00e9phone, il envoie un email avec son document en pi\u00e8ce jointe<\/p>\n      <\/div>\n      <div class=\"step-box\">\n        <div class=\"step-circle\">3<\/div>\n        <h3>Le fichier appara\u00eet<\/h3>\n        <p>En quelques secondes, le document est sur le poste. Il peut imprimer.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta\">\n  <h2>\u00c9quipez votre copy service d\u00e8s aujourd&rsquo;hui<\/h2>\n  <p>Installation en moins d&rsquo;une heure. Aucun abonnement mensuel.<\/p>\n  <a href=\"mailto:contact@copydev.fr\" class=\"cta-btn\">Contactez-nous<\/a>\n  <p class=\"cta-sub\"><strong>contact@copydev.fr<\/strong> \u00b7 CopyDev<\/p>\n<\/section>\n\n<footer>\n  <div class=\"f-logo\">Copy<span>Mail<\/span> <span style=\"color:#334155;font-weight:400;font-size:.75rem\">by CopyDev<\/span><\/div>\n  <div class=\"f-copy\">\u00a9 2026 CopyDev \u00b7 Tous droits r\u00e9serv\u00e9s<\/div>\n<\/footer>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Solution pour Copy Service Envoyez votre fichierpar email. Imprimez.C&rsquo;est tout. CopyMail \u00e9quipe vos postes libre-service d&rsquo;une adresse email unique. Vos clients envoient leurs documents depuis leur t\u00e9l\u00e9phone ou ordinateur \u2014 les fichiers apparaissent directement sur le poste, pr\u00eats \u00e0 imprimer. Z\u00e9ro cl\u00e9 USB Z\u00e9ro compte \u00e0 cr\u00e9er Fonctionne avec tout t\u00e9l\u00e9phone \ud83d\ude24 Avant CopyMail Le [&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-149","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.copydev.fr\/index.php?rest_route=\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.copydev.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.copydev.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.copydev.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.copydev.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=149"}],"version-history":[{"count":0,"href":"https:\/\/www.copydev.fr\/index.php?rest_route=\/wp\/v2\/pages\/149\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.copydev.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}