{"id":9,"date":"2026-05-21T08:01:52","date_gmt":"2026-05-21T08:01:52","guid":{"rendered":"https:\/\/new.zeller-gmelin.fr\/?page_id=9"},"modified":"2026-05-26T07:22:39","modified_gmt":"2026-05-26T07:22:39","slug":"accueil","status":"publish","type":"page","link":"https:\/\/new.zeller-gmelin.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1320548 e-con-full e-flex e-con e-parent\" data-id=\"1320548\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-160b260 elementor-widget elementor-widget-html\" data-id=\"160b260\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Zeller+Gmelin France \u2014 Encres & Vernis UV<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --red: #c70001;\n  --red-dark: #a30001;\n  --red-pale: #fff0f0;\n  --black: #0e0e0e;\n  --dark: #1a1a1a;\n  --gray-dark: #333333;\n  --gray: #666666;\n  --gray-light: #999999;\n  --border: #e8e8e8;\n  --bg: #ffffff;\n  --bg-soft: #fafafa;\n  --bg-section: #f5f5f5;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'Poppins', sans-serif; background: var(--bg); color: var(--black); overflow-x: hidden; }\n\n.container { max-width: 1180px; margin: 0 auto; padding: 0 40px; }\nimg { display: block; max-width: 100%; }\na { text-decoration: none; }\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(30px); transition: opacity .65s ease, transform .65s ease; }\n.reveal.up { opacity: 1; transform: none; }\n.d1 { transition-delay: .1s; }\n.d2 { transition-delay: .2s; }\n.d3 { transition-delay: .3s; }\n.d4 { transition-delay: .4s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BOUTONS \u2014 animations propres\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn-red {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: var(--red);\n  color: #fff;\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; font-weight: 600;\n  padding: 15px 30px;\n  border-radius: 10px;\n  border: none; cursor: pointer;\n  position: relative; overflow: hidden;\n  transition: transform .2s, box-shadow .2s;\n}\n.btn-red::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: rgba(255,255,255,0);\n  transition: background .25s;\n}\n.btn-red:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(199,0,1,.35); }\n.btn-red:hover::before { background: rgba(255,255,255,.08); }\n.btn-red:active { transform: translateY(-1px); }\n.btn-red .arr {\n  display: inline-flex;\n  transition: transform .25s cubic-bezier(.34,1.56,.64,1);\n}\n.btn-red:hover .arr { transform: translateX(5px); }\n\n.btn-white-outline {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: transparent;\n  color: #fff;\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; font-weight: 500;\n  padding: 14px 26px;\n  border-radius: 10px;\n  border: 1.5px solid rgba(255,255,255,.4);\n  cursor: pointer;\n  position: relative; overflow: hidden;\n  transition: border-color .25s, transform .2s;\n}\n.btn-white-outline::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: rgba(255,255,255,0);\n  transition: background .25s;\n}\n.btn-white-outline:hover { border-color: rgba(255,255,255,.8); transform: translateY(-2px); }\n.btn-white-outline:hover::before { background: rgba(255,255,255,.1); }\n\n.btn-dark {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: var(--black);\n  color: #fff;\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; font-weight: 600;\n  padding: 14px 28px;\n  border-radius: 10px;\n  position: relative; overflow: hidden;\n  transition: transform .2s, box-shadow .2s;\n}\n.btn-dark::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: rgba(255,255,255,0);\n  transition: background .25s;\n}\n.btn-dark:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,.25); }\n.btn-dark:hover::before { background: rgba(255,255,255,.07); }\n.btn-dark .arr { display: inline-flex; transition: transform .25s cubic-bezier(.34,1.56,.64,1); }\n.btn-dark:hover .arr { transform: translateX(5px); }\n\n.btn-white {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: #fff;\n  color: var(--red);\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px; font-weight: 700;\n  padding: 15px 30px;\n  border-radius: 10px;\n  white-space: nowrap;\n  position: relative; overflow: hidden;\n  transition: transform .2s, box-shadow .2s;\n}\n.btn-white::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: var(--red-pale);\n  opacity: 0;\n  transition: opacity .25s;\n}\n.btn-white:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.15); }\n.btn-white:hover::before { opacity: 1; }\n.btn-white .arr { display: inline-flex; transition: transform .25s cubic-bezier(.34,1.56,.64,1); }\n.btn-white:hover .arr { transform: translateX(5px); }\n\n.btn-white-ghost {\n  display: inline-flex; align-items: center; gap: 10px;\n  background: transparent;\n  color: rgba(255,255,255,.8);\n  font-family: 'Poppins', sans-serif;\n  font-size: 13px; font-weight: 500;\n  padding: 11px 22px;\n  border-radius: 8px;\n  border: 1px solid rgba(255,255,255,.3);\n  white-space: nowrap;\n  transition: border-color .25s, color .25s, transform .2s;\n}\n.btn-white-ghost:hover { border-color: rgba(255,255,255,.7); color: #fff; transform: translateY(-2px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  height: 100svh; min-height: 680px;\n  position: relative;\n  display: flex; align-items: flex-end;\n  overflow: hidden;\n}\n.hero-bg { position: absolute; inset: 0; }\n.hero-bg img {\n  width: 100%; height: 100%;\n  object-fit: cover;\n  object-position: center 25%;\n}\n.hero-bg::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(\n    to bottom,\n    rgba(0,0,0,.08) 0%,\n    rgba(0,0,0,.05) 25%,\n    rgba(0,0,0,.55) 65%,\n    rgba(0,0,0,.80) 100%\n  );\n}\n.hero-content {\n  position: relative; z-index: 2;\n  width: 100%;\n  padding-bottom: 80px;\n}\n.hero-tag {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: var(--red);\n  color: #fff;\n  font-size: 11px; font-weight: 600;\n  letter-spacing: .1em; text-transform: uppercase;\n  padding: 6px 14px;\n  border-radius: 4px;\n  margin-bottom: 24px;\n}\n.hero-tag::before {\n  content: '';\n  width: 6px; height: 6px; border-radius: 50%;\n  background: rgba(255,255,255,.7);\n  animation: blink 2.5s infinite;\n}\n@keyframes blink { 0%,100%{opacity:1}50%{opacity:.3} }\n\n.hero h1 {\n  font-size: clamp(2.8rem, 5.5vw, 5.2rem);\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.08;\n  letter-spacing: -.02em;\n  max-width: 780px;\n  margin-bottom: 20px;\n}\n.hero h1 span {\n  color: #fff;\n  -webkit-text-stroke: 2px rgba(199,0,1,.8);\n  text-shadow: 0 2px 24px rgba(199,0,1,.5), 0 0 60px rgba(255,255,255,.15);\n}\n.hero-sub {\n  font-size: clamp(14px, 1.2vw, 16px);\n  font-weight: 300;\n  color: rgba(255,255,255,.72);\n  max-width: 500px;\n  line-height: 1.75;\n  margin-bottom: 40px;\n}\n.hero-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }\n\n\/* Hero bottom cards *\/\n.hero-cards {\n  position: absolute; bottom: -1px; right: 40px; z-index: 3;\n  display: flex; gap: 14px;\n}\n.hero-card {\n  background: #fff;\n  border-radius: 16px 16px 0 0;\n  padding: 20px 24px;\n  display: flex; align-items: center; gap: 16px;\n  min-width: 210px;\n  box-shadow: 0 -6px 40px rgba(0,0,0,.12);\n}\n.hero-card-icon {\n  width: 46px; height: 46px; border-radius: 12px;\n  background: var(--red-pale);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  color: var(--red);\n}\n.hero-card-num { font-size: 21px; font-weight: 700; color: var(--black); line-height: 1; }\n.hero-card-label { font-size: 11px; color: var(--gray-light); font-weight: 400; margin-top: 3px; }\n\n\/* \u2550\u2550\u2550\u2550 CARD 75 pays \u2014 animation drapeaux \u2550\u2550\u2550\u2550 *\/\n.pays-card { position: relative; cursor: default; }\n.flags-arc {\n  position: absolute;\n  bottom: calc(100% + 10px);\n  left: 50%;\n  transform: translateX(-50%);\n  width: 240px; height: 130px;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity .3s;\n}\n.pays-card:hover .flags-arc { opacity: 1; }\n.flag-item {\n  position: absolute;\n  font-size: 22px;\n  bottom: 0;\n  left: 50%;\n  transform-origin: bottom center;\n  transform: translateX(-50%) rotate(0deg) translateY(0px);\n  opacity: 0;\n  transition: all .4s cubic-bezier(.34,1.56,.64,1);\n}\n.pays-card:hover .flag-item { opacity: 1; }\n.pays-card:hover .flag-item:nth-child(1)  { transform: translateX(-50%) rotate(-80deg) translateY(-90px); transition-delay: .00s; }\n.pays-card:hover .flag-item:nth-child(2)  { transform: translateX(-50%) rotate(-55deg) translateY(-100px); transition-delay: .03s; }\n.pays-card:hover .flag-item:nth-child(3)  { transform: translateX(-50%) rotate(-30deg) translateY(-108px); transition-delay: .06s; }\n.pays-card:hover .flag-item:nth-child(4)  { transform: translateX(-50%) rotate(-8deg)  translateY(-112px); transition-delay: .09s; }\n.pays-card:hover .flag-item:nth-child(5)  { transform: translateX(-50%) rotate(16deg)  translateY(-110px); transition-delay: .12s; }\n.pays-card:hover .flag-item:nth-child(6)  { transform: translateX(-50%) rotate(40deg)  translateY(-104px); transition-delay: .15s; }\n.pays-card:hover .flag-item:nth-child(7)  { transform: translateX(-50%) rotate(65deg)  translateY(-94px);  transition-delay: .18s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   INTRO BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.intro-band { padding: 80px 0; background: #fff; border-bottom: 1px solid var(--border); }\n.intro-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n.intro-tag {\n  font-size: 12px; font-weight: 600; color: var(--red);\n  letter-spacing: .1em; text-transform: uppercase;\n  margin-bottom: 14px;\n}\n.intro-inner h2 {\n  font-size: clamp(1.9rem, 2.8vw, 2.7rem);\n  font-weight: 700; line-height: 1.2;\n  letter-spacing: -.02em; color: var(--black);\n  margin-bottom: 20px;\n}\n.intro-text {\n  font-size: 15px; font-weight: 300; color: var(--gray);\n  line-height: 1.85; margin-bottom: 36px;\n}\n.intro-stats { display: flex; gap: 40px; }\n.intro-stat-num { font-size: 2.2rem; font-weight: 700; color: var(--red); line-height: 1; }\n.intro-stat-label { font-size: 12px; color: var(--gray-light); margin-top: 4px; }\n.intro-visual { position: relative; }\n.intro-img-main { width: 100%; aspect-ratio: 4\/3; object-fit: cover; border-radius: 20px; }\n.intro-badge {\n  position: absolute; bottom: 24px; left: -24px;\n  background: var(--red); color: #fff;\n  padding: 18px 22px; border-radius: 14px;\n  box-shadow: 0 8px 32px rgba(199,0,1,.3);\n}\n.intro-badge-num { font-size: 1.6rem; font-weight: 700; line-height: 1; }\n.intro-badge-label { font-size: 11px; font-weight: 400; opacity: .8; margin-top: 3px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MARCH\u00c9S\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.marches { padding: 96px 0; background: var(--bg-soft); }\n.section-header { text-align: center; margin-bottom: 56px; }\n.section-tag {\n  display: inline-block;\n  font-size: 12px; font-weight: 600; color: var(--red);\n  letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px;\n}\n.section-header h2 {\n  font-size: clamp(1.8rem, 2.5vw, 2.8rem);\n  font-weight: 700; letter-spacing: -.02em; line-height: 1.2;\n  color: var(--black); margin-bottom: 14px;\n}\n.section-header p { font-size: 15px; color: var(--gray); font-weight: 300; max-width: 520px; margin: 0 auto; line-height: 1.75; }\n\n.marches-layout {\n  display: grid; grid-template-columns: 1.1fr 1fr; gap: 20px;\n}\n.marche-big {\n  grid-row: span 2;\n  position: relative; overflow: hidden;\n  border-radius: 20px; min-height: 540px;\n  display: flex; flex-direction: column; justify-content: flex-end;\n  cursor: pointer; text-decoration: none;\n}\n.marche-big img, .marche-sm img {\n  position: absolute; inset: 0;\n  width: 100%; height: 100%; object-fit: cover;\n  transition: transform .6s cubic-bezier(.25,.46,.45,.94);\n}\n.marche-big:hover img, .marche-sm:hover img { transform: scale(1.06); }\n.marche-big::after, .marche-sm::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.1) 55%, transparent 100%);\n  transition: opacity .35s;\n}\n.marche-big:hover::after, .marche-sm:hover::after { opacity: .9; }\n.marche-body { position: relative; z-index: 2; padding: 28px; }\n.marche-num {\n  font-size: 11px; font-weight: 600; color: rgba(255,255,255,.45);\n  letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px;\n}\n.marche-body h3 { font-size: 1.5rem; font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 8px; }\n.marche-body p { font-size: 13px; color: rgba(255,255,255,.6); font-weight: 300; line-height: 1.6; margin-bottom: 16px; }\n.marche-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }\n.marche-tag {\n  font-size: 10px; font-weight: 500;\n  background: rgba(255,255,255,.15); color: rgba(255,255,255,.8);\n  padding: 3px 9px; border-radius: 4px;\n  backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,.2);\n}\n.marche-link {\n  display: inline-flex; align-items: center; gap: 6px;\n  font-size: 13px; font-weight: 600; color: #fff;\n  background: var(--red); padding: 9px 18px; border-radius: 7px;\n  transition: background .2s;\n}\n.marche-link .arr { transition: transform .25s cubic-bezier(.34,1.56,.64,1); }\n.marche-big:hover .marche-link .arr,\n.marche-sm:hover .marche-link .arr { transform: translateX(4px); }\n.marche-sm-grid { display: flex; flex-direction: column; gap: 20px; }\n.marche-sm {\n  position: relative; overflow: hidden;\n  border-radius: 16px; height: 250px;\n  display: flex; flex-direction: column; justify-content: flex-end;\n  cursor: pointer; text-decoration: none; flex: 1;\n}\n.marche-sm .marche-body h3 { font-size: 1.1rem; }\n.marche-sm .marche-body p { display: none; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STATS BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.stats-band { background: var(--red); padding: 56px 0; }\n.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: rgba(255,255,255,.15); }\n.stat-item {\n  padding: 36px 40px; background: var(--red); text-align: center;\n  transition: background .25s;\n}\n.stat-item:hover { background: var(--red-dark); }\n.stat-num { font-size: clamp(2.2rem, 3.5vw, 3rem); font-weight: 800; color: #fff; line-height: 1; margin-bottom: 8px; }\n.stat-label { font-size: 13px; color: rgba(255,255,255,.6); font-weight: 300; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SERVICES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.services { padding: 96px 0; background: #fff; }\n.services-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\n.services-left h2 {\n  font-size: clamp(1.8rem, 2.5vw, 2.6rem);\n  font-weight: 700; letter-spacing: -.02em; line-height: 1.2;\n  color: var(--black); margin-bottom: 16px;\n}\n.services-left p { font-size: 15px; color: var(--gray); font-weight: 300; line-height: 1.8; margin-bottom: 36px; }\n.services-grid { display: flex; flex-direction: column; gap: 14px; }\n\n.service-card {\n  display: flex; align-items: flex-start; gap: 18px;\n  padding: 22px 24px;\n  border: 1.5px solid var(--border);\n  border-radius: 16px;\n  cursor: pointer; text-decoration: none;\n  transition: border-color .25s, box-shadow .25s, transform .25s;\n  position: relative; overflow: hidden;\n}\n.service-card::before {\n  content: '';\n  position: absolute; left: 0; top: 0; bottom: 0;\n  width: 3px; background: var(--red);\n  transform: scaleY(0); transform-origin: bottom;\n  transition: transform .3s cubic-bezier(.34,1.56,.64,1);\n}\n.service-card:hover { border-color: rgba(199,0,1,.2); box-shadow: 0 6px 28px rgba(199,0,1,.08); transform: translateX(5px); }\n.service-card:hover::before { transform: scaleY(1); }\n\n.service-icon {\n  width: 50px; height: 50px; border-radius: 12px;\n  background: var(--bg-section);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: background .25s;\n}\n.service-card:hover .service-icon { background: var(--red-pale); }\n.service-icon svg { color: var(--red); transition: transform .3s cubic-bezier(.34,1.56,.64,1); }\n.service-card:hover .service-icon svg { transform: scale(1.15) rotate(-5deg); }\n\n.service-card h3 { font-size: 15px; font-weight: 600; color: var(--black); margin-bottom: 5px; }\n.service-card p { font-size: 13px; color: var(--gray); font-weight: 300; line-height: 1.6; }\n.service-arrow { margin-left: auto; color: var(--gray-light); flex-shrink: 0; align-self: center; transition: color .25s, transform .25s cubic-bezier(.34,1.56,.64,1); }\n.service-card:hover .service-arrow { color: var(--red); transform: translateX(4px); }\n\n.services-right { position: relative; }\n.services-img-wrap { position: relative; border-radius: 20px; overflow: hidden; }\n.services-img-wrap img { width: 100%; aspect-ratio: 3\/4; object-fit: cover; }\n.services-float {\n  position: absolute; bottom: 32px; left: -32px;\n  background: #fff; border-radius: 16px;\n  padding: 20px 24px;\n  box-shadow: 0 8px 40px rgba(0,0,0,.12);\n  min-width: 200px;\n}\n.services-float-title { font-size: 13px; font-weight: 600; color: var(--black); margin-bottom: 12px; }\n.services-float-list { display: flex; flex-direction: column; gap: 9px; }\n.sf-item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--gray); }\n.sf-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--red); flex-shrink: 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GROUPE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.groupe { padding: 96px 0; background: var(--bg-section); }\n.groupe-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\n.groupe-imgs { position: relative; }\n.groupe-img-big { width: 100%; aspect-ratio: 16\/10; object-fit: cover; border-radius: 20px; }\n.groupe-img-small {\n  position: absolute; bottom: -28px; right: -28px;\n  width: 46%; aspect-ratio: 4\/3; object-fit: cover;\n  border-radius: 16px; border: 5px solid #fff;\n  box-shadow: 0 8px 32px rgba(0,0,0,.15);\n}\n.groupe-content { padding-left: 20px; }\n.groupe-content h2 {\n  font-size: clamp(1.8rem, 2.5vw, 2.6rem);\n  font-weight: 700; letter-spacing: -.02em; line-height: 1.2; margin-bottom: 20px;\n}\n.groupe-content p { font-size: 15px; font-weight: 300; color: var(--gray); line-height: 1.85; margin-bottom: 16px; }\n.groupe-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 32px 0; }\n.groupe-hl { background: #fff; border-radius: 14px; padding: 20px; border: 1px solid var(--border); }\n.groupe-hl-num { font-size: 1.8rem; font-weight: 700; color: var(--red); line-height: 1; margin-bottom: 4px; }\n.groupe-hl-label { font-size: 12px; color: var(--gray-light); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LOCALISATION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.loc-band { background: var(--black); padding: 56px 0; }\n.loc-inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(255,255,255,.07); }\n.loc-item {\n  background: var(--black);\n  padding: 32px 28px;\n  display: flex; align-items: flex-start; gap: 16px;\n  transition: background .25s;\n}\n.loc-item:hover { background: #1a1a1a; }\n.loc-icon-wrap {\n  width: 44px; height: 44px; border-radius: 10px;\n  background: rgba(255,255,255,.05);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  color: var(--red);\n}\n.loc-title { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 3px; }\n.loc-sub { font-size: 12px; color: rgba(255,255,255,.35); font-weight: 300; line-height: 1.5; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CTA FINAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-final { padding: 0; background: #fff; }\n.cta-wrap {\n  background: var(--red);\n  border-radius: 24px; margin: 80px 0;\n  padding: 72px 80px;\n  display: grid; grid-template-columns: 1fr auto;\n  gap: 48px; align-items: center;\n  position: relative; overflow: hidden;\n}\n.cta-wrap::before {\n  content: '';\n  position: absolute; top: -80px; right: -80px;\n  width: 320px; height: 320px; border-radius: 50%;\n  background: rgba(255,255,255,.04);\n}\n.cta-wrap::after {\n  content: '';\n  position: absolute; bottom: -100px; right: 80px;\n  width: 220px; height: 220px; border-radius: 50%;\n  background: rgba(255,255,255,.03);\n}\n.cta-tag { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.55); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px; }\n.cta-wrap h2 { font-size: clamp(1.8rem, 2.5vw, 2.8rem); font-weight: 700; color: #fff; line-height: 1.2; margin-bottom: 12px; }\n.cta-wrap p { font-size: 15px; color: rgba(255,255,255,.7); font-weight: 300; line-height: 1.6; }\n.cta-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; flex-shrink: 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SVG ICONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon { display: block; width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 960px) {\n  .container { padding: 0 24px; }\n  .intro-inner, .services-inner, .groupe-inner { grid-template-columns: 1fr; gap: 48px; }\n  .intro-visual { order: -1; }\n  .intro-badge { left: 16px; }\n  .marches-layout { grid-template-columns: 1fr; }\n  .marche-big { grid-row: auto; min-height: 400px; }\n  .marche-sm-grid { flex-direction: row; }\n  .stats-grid { grid-template-columns: repeat(2,1fr); }\n  .groupe-imgs { display: none; }\n  .groupe-content { padding-left: 0; }\n  .cta-wrap { grid-template-columns: 1fr; padding: 48px 32px; }\n  .cta-actions { align-items: flex-start; flex-direction: row; }\n  .loc-inner { grid-template-columns: 1fr 1fr; }\n  .hero-cards { display: none; }\n}\n@media (max-width: 600px) {\n  .marche-sm-grid { flex-direction: column; }\n  .stats-grid { grid-template-columns: repeat(2,1fr); }\n  .groupe-highlights { grid-template-columns: 1fr 1fr; }\n  .hero h1 { font-size: 2.4rem; }\n  .cta-wrap { padding: 40px 24px; }\n  .loc-inner { grid-template-columns: 1fr; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550 HERO \u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"hero-bg\">\n    <img decoding=\"async\"\n      src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/ZG-Home-Page-Feature-01.png\"\n      alt=\"Zeller+Gmelin \u2014 encres UV industrielles\"\n      fetchpriority=\"high\"\n      loading=\"eager\"\n    >\n  <\/div>\n  <div class=\"container hero-content\">\n    <div class=\"hero-tag\">Fabricant d'encres UV \u00b7 Genas, France<\/div>\n    <h1>L'expert en encres<br>&amp; vernis <span>UV<\/span><br>depuis 1866<\/h1>\n    <p class=\"hero-sub\">Solutions d'impression UV pour l'emballage, les \u00e9tiquettes, le packaging et l'\u00e9dition. Conseil technique, labo colorim\u00e9trique, expertise r\u00e9glementaire.<\/p>\n    <div class=\"hero-actions\">\n      <a href=\"\/gammes\/\" class=\"btn-red\">\n        Voir nos gammes\n        <span class=\"arr\">\n          <svg class=\"icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/span>\n      <\/a>\n      <a href=\"\/contact\/\" class=\"btn-white-outline\">Parler \u00e0 un expert<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Floating cards -->\n  <div class=\"hero-cards\">\n\n    <!-- Card 75 pays avec drapeaux en arc -->\n    <div class=\"hero-card pays-card\">\n      <div class=\"flags-arc\">\n        <span class=\"flag-item\">\ud83c\udde9\ud83c\uddea<\/span>\n        <span class=\"flag-item\">\ud83c\uddec\ud83c\udde7<\/span>\n        <span class=\"flag-item\">\ud83c\uddfa\ud83c\uddf8<\/span>\n        <span class=\"flag-item\">\ud83c\uddf3\ud83c\uddf1<\/span>\n        <span class=\"flag-item\">\ud83c\udde9\ud83c\uddf0<\/span>\n        <span class=\"flag-item\">\ud83c\uddf9\ud83c\uddf7<\/span>\n        <span class=\"flag-item\">\ud83c\uddf8\ud83c\uddf3<\/span>\n      <\/div>\n      <div class=\"hero-card-icon\" style=\"background:#f0f4ff;\">\n        <!-- Globe SVG -->\n        <svg class=\"icon\" viewBox=\"0 0 24 24\" style=\"width:22px;height:22px;stroke:var(--red)\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n          <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n        <\/svg>\n      <\/div>\n      <div>\n        <div class=\"hero-card-num\">75<span style=\"font-size:13px;color:var(--gray-light);font-weight:400\"> pays<\/span><\/div>\n        <div class=\"hero-card-label\">R\u00e9seau mondial<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 80 ans \u2014 sans ic\u00f4ne -->\n    <div class=\"hero-card\">\n      <div>\n        <div class=\"hero-card-num\">80<span style=\"font-size:13px;color:var(--gray-light);font-weight:400\"> ans<\/span><\/div>\n        <div class=\"hero-card-label\">Expertise encres UV<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 INTRO \u2550\u2550\u2550 -->\n<section class=\"intro-band\">\n  <div class=\"container\">\n    <div class=\"intro-inner\">\n      <div class=\"reveal\">\n        <div class=\"intro-tag\">\u00c0 propos de Zeller+Gmelin<\/div>\n        <h2>Un partenaire technique, pas juste un fournisseur<\/h2>\n        <p class=\"intro-text\">Fond\u00e9 en 1866, le groupe Zeller+Gmelin s'est impos\u00e9 comme r\u00e9f\u00e9rence mondiale dans la fabrication d'encres et vernis UV. Notre filiale fran\u00e7aise, \u00e9tablie \u00e0 Genas depuis 2004, vous accompagne avec un service technique de proximit\u00e9 \u2014 de la formulation au d\u00e9marrage industriel.<\/p>\n        <div class=\"intro-stats\">\n          <div>\n            <div class=\"intro-stat-num\">1866<\/div>\n            <div class=\"intro-stat-label\">Ann\u00e9e de fondation<\/div>\n          <\/div>\n          <div>\n            <div class=\"intro-stat-num\">7<\/div>\n            <div class=\"intro-stat-label\">Filiales mondiales<\/div>\n          <\/div>\n          <div>\n            <div class=\"intro-stat-num\">4+<\/div>\n            <div class=\"intro-stat-label\">Proc\u00e9d\u00e9s ma\u00eetris\u00e9s<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"intro-visual reveal d2\">\n        <img decoding=\"async\" class=\"intro-img-main\" src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp\" alt=\"Usine Zeller+Gmelin Eislingen\">\n        <div class=\"intro-badge\">\n          <div class=\"intro-badge-num\">80 ans<\/div>\n          <div class=\"intro-badge-label\">d'expertise encres UV<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 MARCH\u00c9S \u2550\u2550\u2550 -->\n<section class=\"marches\">\n  <div class=\"container\">\n    <div class=\"section-header reveal\">\n      <span class=\"section-tag\">Nos domaines d'application<\/span>\n      <h2>Trouvez votre solution d'encrage<\/h2>\n      <p>Des gammes sp\u00e9cifiquement formul\u00e9es pour chaque proc\u00e9d\u00e9 et chaque support, de l'emballage alimentaire \u00e0 l'\u00e9tiquette de luxe.<\/p>\n    <\/div>\n    <div class=\"marches-layout\">\n      <a href=\"\/emballage-preforme\/\" class=\"marche-big reveal\">\n        <img decoding=\"async\" src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/Werksverkauf_Mai24_005-1024x683-1.jpg\" alt=\"Emballage pr\u00e9form\u00e9\">\n        <div class=\"marche-body\">\n          <div class=\"marche-num\">01 \/ 04<\/div>\n          <h3>Emballage<br>pr\u00e9form\u00e9<\/h3>\n          <p>Encres UV pour pots, tubes, seaux, couvercles \u2014 plastique, m\u00e9tal et aluminium.<\/p>\n          <div class=\"marche-tags\">\n            <span class=\"marche-tag\">Dry offset UV<\/span>\n            <span class=\"marche-tag\">Contact alimentaire<\/span>\n            <span class=\"marche-tag\">Faible migration<\/span>\n          <\/div>\n          <span class=\"marche-link\">Voir la gamme <span class=\"arr\">\u2192<\/span><\/span>\n        <\/div>\n      <\/a>\n      <div class=\"marche-sm-grid\">\n        <a href=\"\/etiquettes-sleeves\/\" class=\"marche-sm reveal d1\">\n          <img decoding=\"async\" src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/ima-image-44097.jpg\" alt=\"\u00c9tiquettes et sleeves\">\n          <div class=\"marche-body\">\n            <div class=\"marche-num\">02 \/ 04<\/div>\n            <h3>\u00c9tiquettes & sleeves<\/h3>\n            <span class=\"marche-link\">Voir <span class=\"arr\">\u2192<\/span><\/span>\n          <\/div>\n        <\/a>\n        <a href=\"\/packaging\/\" class=\"marche-sm reveal d2\">\n          <img decoding=\"async\" src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/1772521737255.jpeg\" alt=\"Packaging\">\n          <div class=\"marche-body\">\n            <div class=\"marche-num\">03 \/ 04<\/div>\n            <h3>Packaging<\/h3>\n            <span class=\"marche-link\">Voir <span class=\"arr\">\u2192<\/span><\/span>\n          <\/div>\n        <\/a>\n        <a href=\"\/edition-presse\/\" class=\"marche-sm reveal d3\">\n          <img decoding=\"async\" src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/luftbild169-1_1.jpg\" alt=\"\u00c9dition et presse\">\n          <div class=\"marche-body\">\n            <div class=\"marche-num\">04 \/ 04<\/div>\n            <h3>\u00c9dition & presse<\/h3>\n            <span class=\"marche-link\">Voir <span class=\"arr\">\u2192<\/span><\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 STATS BAND \u2550\u2550\u2550 -->\n<div class=\"stats-band\">\n  <div class=\"container\">\n    <div class=\"stats-grid\">\n      <div class=\"stat-item reveal\">\n        <div class=\"stat-num\">1866<\/div>\n        <div class=\"stat-label\">Ann\u00e9e de cr\u00e9ation du groupe<\/div>\n      <\/div>\n      <div class=\"stat-item reveal d1\">\n        <div class=\"stat-num\">80 ans<\/div>\n        <div class=\"stat-label\">d'expertise en encres UV<\/div>\n      <\/div>\n      <div class=\"stat-item reveal d2\">\n        <div class=\"stat-num\">75+<\/div>\n        <div class=\"stat-label\">pays couverts dans le monde<\/div>\n      <\/div>\n      <div class=\"stat-item reveal d3\">\n        <div class=\"stat-num\">7<\/div>\n        <div class=\"stat-label\">filiales internationales<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550 SERVICES \u2550\u2550\u2550 -->\n<section class=\"services\">\n  <div class=\"container\">\n    <div class=\"services-inner\">\n      <div>\n        <div class=\"reveal\">\n          <div class=\"intro-tag\">Ce qui nous diff\u00e9rencie<\/div>\n          <h2 class=\"services-left\">Bien plus qu'un fournisseur d'encres<\/h2>\n          <p class=\"services-left\">Nos \u00e9quipes techniques s'engagent \u00e0 vos c\u00f4t\u00e9s \u2014 de la formulation sur mesure au d\u00e9marrage en production industrielle.<\/p>\n        <\/div>\n        <div class=\"services-grid\">\n          <a href=\"\/services\/#labo\" class=\"service-card reveal d1\">\n            <div class=\"service-icon\">\n              <!-- Microscope \/ labo -->\n              <svg class=\"icon\" viewBox=\"0 0 24 24\">\n                <path d=\"M9 3h6M12 3v8M8 21h8M12 11a4 4 0 0 0 4 4H8a4 4 0 0 0 4-4z\"\/>\n                <path d=\"M7 21v-1a5 5 0 0 1 10 0v1\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3>Laboratoire colorim\u00e9trique<\/h3>\n              <p>Contretypes, mises \u00e0 la teinte client, guides Pantone par s\u00e9rie. Teintes pr\u00eates \u00e0 l'emploi d\u00e8s 1 kg.<\/p>\n            <\/div>\n            <div class=\"service-arrow\">\n              <svg class=\"icon\" style=\"width:18px;height:18px\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/div>\n          <\/a>\n          <a href=\"\/services\/#assistance\" class=\"service-card reveal d2\">\n            <div class=\"service-icon\">\n              <!-- Wrench \/ outil -->\n              <svg class=\"icon\" viewBox=\"0 0 24 24\">\n                <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3>Assistance technique<\/h3>\n              <p>Conseil personnalis\u00e9 r\u00e9actif, expertise lors d'essais industriels, d\u00e9veloppement de solutions sur mesure.<\/p>\n            <\/div>\n            <div class=\"service-arrow\">\n              <svg class=\"icon\" style=\"width:18px;height:18px\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/div>\n          <\/a>\n          <a href=\"\/services\/#reglementaire\" class=\"service-card reveal d3\">\n            <div class=\"service-icon\">\n              <!-- Shield \/ conformit\u00e9 -->\n              <svg class=\"icon\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                <path d=\"M9 12l2 2 4-4\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3>Expertise r\u00e9glementaire<\/h3>\n              <p>Membre actif EUPIA. Encres faible migration pour emballage alimentaire. Conformit\u00e9 int\u00e9gr\u00e9e.<\/p>\n            <\/div>\n            <div class=\"service-arrow\">\n              <svg class=\"icon\" style=\"width:18px;height:18px\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/div>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"services-right reveal d1\">\n        <div class=\"services-img-wrap\">\n          <img decoding=\"async\" src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp\" alt=\"Services Zeller+Gmelin\">\n        <\/div>\n        <div class=\"services-float\">\n          <div class=\"services-float-title\">Nos engagements<\/div>\n          <div class=\"services-float-list\">\n            <div class=\"sf-item\"><div class=\"sf-dot\"><\/div>R\u00e9activit\u00e9 garantie<\/div>\n            <div class=\"sf-item\"><div class=\"sf-dot\"><\/div>Flexibilit\u00e9 des formulations<\/div>\n            <div class=\"sf-item\"><div class=\"sf-dot\"><\/div>Suivi technique d\u00e9di\u00e9<\/div>\n            <div class=\"sf-item\"><div class=\"sf-dot\"><\/div>Livraison France & Export<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 GROUPE \u2550\u2550\u2550 -->\n<section class=\"groupe\">\n  <div class=\"container\">\n    <div class=\"groupe-inner\">\n      <div class=\"groupe-imgs reveal\">\n        <img decoding=\"async\" class=\"groupe-img-big\" src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/luftbild169-1_1.jpg\" alt=\"Vue a\u00e9rienne Zeller+Gmelin\">\n        <img decoding=\"async\" class=\"groupe-img-small\" src=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/Werksverkauf_Mai24_005-1024x683-1.jpg\" alt=\"Production encres\">\n      <\/div>\n      <div class=\"groupe-content reveal d2\">\n        <div class=\"intro-tag\">Le groupe Zeller+Gmelin<\/div>\n        <h2>Un acteur mondial ancr\u00e9 localement<\/h2>\n        <p>Fond\u00e9 en 1866 par Albert Zeller et Paul Gmelin, le groupe s'est sp\u00e9cialis\u00e9 d\u00e8s 1970 dans la fabrication d'encres et vernis UV, devenant <strong>leader mondial<\/strong> dans les encres pour emballages pr\u00e9form\u00e9s en plastique.<\/p>\n        <p>La filiale fran\u00e7aise est \u00e9tablie \u00e0 <strong>Genas (Lyon)<\/strong>, \u00e0 deux pas de l'a\u00e9roport Saint-Exup\u00e9ry. Elle commercialise les gammes en France m\u00e9tropolitaine, DOM-TOM, Maghreb et Afrique.<\/p>\n        <div class=\"groupe-highlights\">\n          <div class=\"groupe-hl\"><div class=\"groupe-hl-num\">160+<\/div><div class=\"groupe-hl-label\">Ann\u00e9es d'existence<\/div><\/div>\n          <div class=\"groupe-hl\"><div class=\"groupe-hl-num\">7<\/div><div class=\"groupe-hl-label\">Filiales mondiales<\/div><\/div>\n          <div class=\"groupe-hl\"><div class=\"groupe-hl-num\">75+<\/div><div class=\"groupe-hl-label\">Pays couverts<\/div><\/div>\n          <div class=\"groupe-hl\"><div class=\"groupe-hl-num\">4<\/div><div class=\"groupe-hl-label\">Divisions produits<\/div><\/div>\n        <\/div>\n        <a href=\"\/groupe\/\" class=\"btn-dark\">D\u00e9couvrir le groupe <span class=\"arr\"><svg class=\"icon\" style=\"width:16px;height:16px\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550 LOCALISATION \u2550\u2550\u2550 -->\n<div class=\"loc-band\">\n  <div class=\"container\" style=\"padding:0\">\n    <div class=\"loc-inner\">\n      <div class=\"loc-item\">\n        <div class=\"loc-icon-wrap\">\n          <svg class=\"icon\" style=\"width:20px;height:20px;stroke:var(--red)\" viewBox=\"0 0 24 24\">\n            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\n            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <div class=\"loc-title\">19 rue Roger Salengro, 69740 Genas<\/div>\n          <div class=\"loc-sub\">\u00c0 2 min de l'a\u00e9roport Lyon-Saint-Exup\u00e9ry<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"loc-item\">\n        <div class=\"loc-icon-wrap\">\n          <svg class=\"icon\" style=\"width:20px;height:20px;stroke:var(--red)\" viewBox=\"0 0 24 24\">\n            <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/>\n            <path d=\"M16 8h4l3 5v3h-7V8zM5.5 17a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0zM17 17a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0z\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <div class=\"loc-title\">Livraisons France & Export<\/div>\n          <div class=\"loc-sub\">M\u00e9tropole \u00b7 DOM-TOM \u00b7 Maghreb \u00b7 Afrique<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"loc-item\">\n        <div class=\"loc-icon-wrap\">\n          <svg class=\"icon\" style=\"width:20px;height:20px;stroke:var(--red)\" viewBox=\"0 0 24 24\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <div class=\"loc-title\">04 72 79 62 52<\/div>\n          <div class=\"loc-sub\">Lundi \u2013 Vendredi<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"loc-item\">\n        <div class=\"loc-icon-wrap\">\n          <svg class=\"icon\" style=\"width:20px;height:20px;stroke:var(--red)\" viewBox=\"0 0 24 24\">\n            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n            <polyline points=\"22,6 12,13 2,6\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <div class=\"loc-title\">info@zeller-gmelin.fr<\/div>\n          <div class=\"loc-sub\">R\u00e9ponse sous 24h<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550 CTA FINAL \u2550\u2550\u2550 -->\n<section class=\"cta-final\">\n  <div class=\"container\">\n    <div class=\"cta-wrap reveal\">\n      <div>\n        <div class=\"cta-tag\">Travaillons ensemble<\/div>\n        <h2>Un projet d'impression UV ?<\/h2>\n        <p>Nos ing\u00e9nieurs \u00e9tudient votre besoin et vous proposent la solution la plus adapt\u00e9e \u2014 de la formulation au d\u00e9marrage industriel.<\/p>\n      <\/div>\n      <div class=\"cta-actions\">\n        <a href=\"\/contact\/\" class=\"btn-white\">Demander un devis <span class=\"arr\"><svg class=\"icon\" style=\"width:16px;height:16px\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/a>\n        <a href=\"tel:+33472796252\" class=\"btn-white-ghost\">\n          <svg class=\"icon\" style=\"width:15px;height:15px\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          04 72 79 62 52\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\/\/ Reveal on scroll\nconst els = document.querySelectorAll('.reveal');\nconst io = new IntersectionObserver((entries) => {\n  entries.forEach(e => {\n    if (e.isIntersecting) { e.target.classList.add('up'); io.unobserve(e.target); }\n  });\n}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\nels.forEach(el => io.observe(el));\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Zeller+Gmelin France \u2014 Encres &#038; Vernis UV Fabricant d&rsquo;encres UV \u00b7 Genas, France L&rsquo;expert en encres&amp; vernis UVdepuis 1866 Solutions d&rsquo;impression UV pour l&#8217;emballage, les \u00e9tiquettes, le packaging et l&rsquo;\u00e9dition. Conseil technique, labo colorim\u00e9trique, expertise r\u00e9glementaire. Voir nos gammes Parler \u00e0 un expert \ud83c\udde9\ud83c\uddea \ud83c\uddec\ud83c\udde7 \ud83c\uddfa\ud83c\uddf8 \ud83c\uddf3\ud83c\uddf1 \ud83c\udde9\ud83c\uddf0 \ud83c\uddf9\ud83c\uddf7 \ud83c\uddf8\ud83c\uddf3 75 pays R\u00e9seau mondial 80&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"full-width","neve_meta_container":"full-width","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"on","neve_meta_disable_footer":"on","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil - Zeller<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/new.zeller-gmelin.fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil - Zeller\" \/>\n<meta property=\"og:description\" content=\"Zeller+Gmelin France \u2014 Encres &#038; Vernis UV Fabricant d&rsquo;encres UV \u00b7 Genas, France L&rsquo;expert en encres&amp; vernis UVdepuis 1866 Solutions d&rsquo;impression UV pour l&#8217;emballage, les \u00e9tiquettes, le packaging et l&rsquo;\u00e9dition. Conseil technique, labo colorim\u00e9trique, expertise r\u00e9glementaire. Voir nos gammes Parler \u00e0 un expert \ud83c\udde9\ud83c\uddea \ud83c\uddec\ud83c\udde7 \ud83c\uddfa\ud83c\uddf8 \ud83c\uddf3\ud83c\uddf1 \ud83c\udde9\ud83c\uddf0 \ud83c\uddf9\ud83c\uddf7 \ud83c\uddf8\ud83c\uddf3 75 pays R\u00e9seau mondial 80&hellip;&nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/new.zeller-gmelin.fr\/\" \/>\n<meta property=\"og:site_name\" content=\"Zeller\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-26T07:22:39+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/\",\"url\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/\",\"name\":\"Accueil - Zeller\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/new.zeller-gmelin.fr\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp\",\"datePublished\":\"2026-05-21T08:01:52+00:00\",\"dateModified\":\"2026-05-26T07:22:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/new.zeller-gmelin.fr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/#primaryimage\",\"url\":\"http:\\\/\\\/new.zeller-gmelin.fr\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp\",\"contentUrl\":\"http:\\\/\\\/new.zeller-gmelin.fr\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/#website\",\"url\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/\",\"name\":\"Zeller\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/new.zeller-gmelin.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accueil - Zeller","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/new.zeller-gmelin.fr\/","og_locale":"fr_FR","og_type":"article","og_title":"Accueil - Zeller","og_description":"Zeller+Gmelin France \u2014 Encres &#038; Vernis UV Fabricant d&rsquo;encres UV \u00b7 Genas, France L&rsquo;expert en encres&amp; vernis UVdepuis 1866 Solutions d&rsquo;impression UV pour l&#8217;emballage, les \u00e9tiquettes, le packaging et l&rsquo;\u00e9dition. Conseil technique, labo colorim\u00e9trique, expertise r\u00e9glementaire. Voir nos gammes Parler \u00e0 un expert \ud83c\udde9\ud83c\uddea \ud83c\uddec\ud83c\udde7 \ud83c\uddfa\ud83c\uddf8 \ud83c\uddf3\ud83c\uddf1 \ud83c\udde9\ud83c\uddf0 \ud83c\uddf9\ud83c\uddf7 \ud83c\uddf8\ud83c\uddf3 75 pays R\u00e9seau mondial 80&hellip;&nbsp;","og_url":"https:\/\/new.zeller-gmelin.fr\/","og_site_name":"Zeller","article_modified_time":"2026-05-26T07:22:39+00:00","og_image":[{"url":"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/new.zeller-gmelin.fr\/","url":"https:\/\/new.zeller-gmelin.fr\/","name":"Accueil - Zeller","isPartOf":{"@id":"https:\/\/new.zeller-gmelin.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/new.zeller-gmelin.fr\/#primaryimage"},"image":{"@id":"https:\/\/new.zeller-gmelin.fr\/#primaryimage"},"thumbnailUrl":"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp","datePublished":"2026-05-21T08:01:52+00:00","dateModified":"2026-05-26T07:22:39+00:00","breadcrumb":{"@id":"https:\/\/new.zeller-gmelin.fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/new.zeller-gmelin.fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/new.zeller-gmelin.fr\/#primaryimage","url":"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp","contentUrl":"http:\/\/new.zeller-gmelin.fr\/wp-content\/uploads\/2026\/05\/zeller-gmelin_eislingen_klimaneutral_02_firmengelaende.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/new.zeller-gmelin.fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/new.zeller-gmelin.fr\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/new.zeller-gmelin.fr\/#website","url":"https:\/\/new.zeller-gmelin.fr\/","name":"Zeller","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/new.zeller-gmelin.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/new.zeller-gmelin.fr\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.zeller-gmelin.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.zeller-gmelin.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.zeller-gmelin.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new.zeller-gmelin.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":13,"href":"https:\/\/new.zeller-gmelin.fr\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/new.zeller-gmelin.fr\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/new.zeller-gmelin.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}