{"id":5304,"date":"2026-06-15T14:13:05","date_gmt":"2026-06-15T14:13:05","guid":{"rendered":"https:\/\/feelmore.pro\/?page_id=5304"},"modified":"2026-06-15T16:02:01","modified_gmt":"2026-06-15T16:02:01","slug":"amenagement-renovation","status":"publish","type":"page","link":"https:\/\/feelmore.pro\/en\/amenagement-renovation\/","title":{"rendered":"Am\u00e9nagement &amp; R\u00e9novation"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5304\" class=\"elementor elementor-5304\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f606323 e-con-full e-flex e-con e-parent\" data-id=\"f606323\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8861d4b elementor-widget elementor-widget-html\" data-id=\"8861d4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bree+Serif&family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml {\n  --red: #B22020;\n  --red-dark: #8B1515;\n  --red-light: #CC2525;\n  --bg: #F0F0F0;\n  --white: #FFFFFF;\n  --black: #1A1A1A;\n  --text: #333333;\n  --text-mid: #555555;\n  --text-light: #888888;\n  --gray-border: #DDDDDD;\n  --font-display: 'Bree Serif', serif;\n  --font-body: 'Montserrat', sans-serif;\n  scroll-behavior: smooth;\n}\n\nbody {\n  font-family: var(--font-body);\n  background: var(--bg);\n  color: var(--text);\n  -webkit-font-smoothing: antialiased;\n  line-height: 1.7;\n  font-size: 15px;\n}\n\n\/* \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   1. HERO\n\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.page-hero {\n  position: relative;\n  min-height: 720px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding: 0 6% 72px;\n  overflow: hidden;\n  background: var(--black);\n}\n\n\/* Photo grand angle arri\u00e8re-plan *\/\n.page-hero-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n\n\/* Overlay d\u00e9grad\u00e9 pour lisibilit\u00e9 *\/\n.page-hero-overlay {\n  position: absolute;\n  inset: 0;\n  \n  background:linear-gradient(to top, rgba(139,21,21,0.85) 0%, transparent 100%);\n}\n\n\/* Bande rouge top *\/\n.page-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--red);\n  z-index: 2;\n}\n\n.page-hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 760px;\n}\n\n.page-hero-badge {\n  display: inline-block;\n  background: var(--red);\n  color: var(--white);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  padding: 6px 18px;\n  margin-bottom: 24px;\n}\n\n.page-hero h1 {\n  font-family: var(--font-display);\n  font-size: clamp(28px, 4.5vw, 54px);\n  color: var(--white);\n  line-height: 1.15;\n  margin-bottom: 20px;\n}\n\n.page-hero-sub {\n  font-size: clamp(13px, 1.5vw, 15px);\n  color: rgba(255,255,255,0.75);\n  font-weight: 300;\n  line-height: 1.8;\n  max-width: 620px;\n  margin-bottom: 36px;\n}\n\n.btn-red {\n  display: inline-block;\n  padding: 14px 40px;\n  background: var(--red);\n  color: var(--white);\n  font-family: var(--font-body);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  text-decoration: none;\n  border-radius: 40px;\n  transition: background 0.25s, transform 0.2s;\n}\n.btn-red:hover { background: var(--red-light); transform: translateY(-2px); }\n\n\/* Breadcrumb *\/\n.breadcrumb {\n  position: absolute;\n  top: 28px; left: 6%;\n  z-index: 2;\n  font-size: 12px;\n  color: rgba(255,255,255,0.6);\n}\n.breadcrumb a { color: rgba(255,255,255,0.6); text-decoration: none; }\n.breadcrumb a:hover { color: var(--white); }\n.breadcrumb span { margin: 0 8px; }\n\n\/* \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 TITLE D\u00c9CORATIF\n\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-title-wrap {\n  text-align: center;\n  padding: 64px 5% 8px;\n}\n.section-title-bg {\n  font-family: var(--font-display);\n  font-size: clamp(60px, 10vw, 110px);\n  color: rgba(0,0,0,0.06);\n  line-height: 1;\n  user-select: none;\n  margin-bottom: -20px;\n}\n.section-title-front {\n  font-family: var(--font-display);\n  font-size: clamp(24px, 3vw, 38px);\n  color: var(--red);\n  position: relative;\n  margin-bottom: 4px;\n}\n.section-subtitle {\n  font-size: 13px;\n  color: var(--text-light);\n}\n\n\/* \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   2. MANIFESTE\n\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.manifeste {\n  background: var(--white);\n  border-radius: 4px;\n  padding: 52px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: 60px;\n  align-items: start;\n  max-width: 1200px;\n  margin: 40px auto;\n}\n.manifeste-red-bar {\n  width: 40px; height: 3px;\n  background: var(--red);\n  margin-bottom: 16px;\n}\n.manifeste-eyebrow {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 3px; text-transform: uppercase;\n  color: var(--red); margin-bottom: 12px; display: block;\n}\n.manifeste h2 {\n  font-family: var(--font-display);\n  font-size: clamp(20px, 2.5vw, 30px);\n  color: var(--black); line-height: 1.3;\n}\n.manifeste blockquote {\n  font-size: 17px; font-style: italic;\n  color: var(--text);\n  border-left: 3px solid var(--red);\n  padding-left: 22px; margin-bottom: 20px;\n  line-height: 1.75; font-weight: 500;\n}\n.manifeste p {\n  font-size: 14px; color: var(--text-mid); line-height: 1.9;\n}\n@media(max-width:768px) {\n  .manifeste { grid-template-columns: 1fr; padding: 32px 24px; gap: 32px; }\n}\n\n\/* \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   3. PROCESSUS \u2014 IC\u00d4NES ANIM\u00c9ES\n\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.processus {\n  padding: 20px 4% 60px;\n  max-width: 1300px;\n  margin: 0 auto;\n}\n.processus-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 20px;\n}\n.etape-card {\n  background: var(--white);\n  border-radius: 4px;\n  padding: 40px 32px 36px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n  position: relative;\n  border-top: 3px solid transparent;\n  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\n  overflow: hidden;\n}\n.etape-card:hover {\n  border-top-color: var(--red);\n  box-shadow: 0 8px 28px rgba(0,0,0,0.12);\n  transform: translateY(-4px);\n}\n.etape-num-bg {\n  position: absolute;\n  bottom: -10px; right: 12px;\n  font-family: var(--font-display);\n  font-size: 90px;\n  color: rgba(178,32,32,0.06);\n  line-height: 1;\n  user-select: none;\n}\n.anim-icon { width: 72px; height: 72px; margin-bottom: 24px; }\n\n\/* ICON 01 \u2014 Loupe scan *\/\n.icon-audit .circle-bg { fill:none; stroke:#e8d0d0; stroke-width:2; }\n.icon-audit .lens-body { fill:none; stroke:var(--red); stroke-width:2.5; stroke-linecap:round; animation:lensGlow 2s ease-in-out infinite alternate; }\n.icon-audit .handle { stroke:var(--red); stroke-width:2.5; stroke-linecap:round; animation:handleMove 2s ease-in-out infinite alternate; }\n.icon-audit .scan-line { stroke:var(--red-light); stroke-width:1.5; stroke-dasharray:12; animation:scanAnim 1.6s linear infinite; }\n.icon-audit .dot { fill:var(--red); animation:dotPulse 1.6s ease-in-out infinite; }\n@keyframes lensGlow { 0%{stroke:var(--red);opacity:1} 100%{stroke:#e06060;opacity:0.7} }\n@keyframes handleMove { 0%{transform:translate(0,0)} 100%{transform:translate(2px,2px)} }\n@keyframes scanAnim { 0%{stroke-dashoffset:24} 100%{stroke-dashoffset:0} }\n@keyframes dotPulse { 0%,100%{r:2;opacity:1} 50%{r:3.5;opacity:0.6} }\n\n\/* ICON 02 \u2014 Pinceau *\/\n.icon-idea .brush-body { fill:none; stroke:var(--red); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }\n.icon-idea .brush-tip { fill:var(--red); animation:brushTip 1.8s ease-in-out infinite; }\n.icon-idea .spark1 { fill:var(--red); animation:spark 1.8s ease-out infinite 0s; }\n.icon-idea .spark2 { fill:#e06060; animation:spark 1.8s ease-out infinite 0.4s; }\n.icon-idea .spark3 { fill:#cc2525; animation:spark 1.8s ease-out infinite 0.8s; }\n.icon-idea .arc { fill:none; stroke:var(--red-light); stroke-width:1.5; stroke-dasharray:6 4; animation:arcRotate 3s linear infinite; transform-origin:36px 36px; }\n@keyframes brushTip { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-2px,2px)} }\n@keyframes spark { 0%{opacity:0;transform:scale(0)} 20%{opacity:1;transform:scale(1)} 100%{opacity:0;transform:scale(0) translate(8px,-8px)} }\n@keyframes arcRotate { from{stroke-dashoffset:0} to{stroke-dashoffset:40} }\n\n\/* ICON 03 \u2014 Cube 3D *\/\n.icon-3d .cube-face-top { fill:rgba(178,32,32,0.15); stroke:var(--red); stroke-width:2; animation:cubeTop 3s ease-in-out infinite; }\n.icon-3d .cube-face-left { fill:rgba(178,32,32,0.08); stroke:var(--red); stroke-width:2; }\n.icon-3d .cube-face-right { fill:rgba(178,32,32,0.05); stroke:var(--red); stroke-width:2; }\n.icon-3d .cube-line { stroke:var(--red-light); stroke-width:1; stroke-dasharray:4 3; animation:dashMove 2s linear infinite; }\n.icon-3d .measure-arrow { stroke:var(--red); stroke-width:1.5; fill:none; animation:measurePulse 2s ease-in-out infinite; }\n@keyframes cubeTop { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }\n@keyframes dashMove { to{stroke-dashoffset:-14} }\n@keyframes measurePulse { 0%,100%{opacity:1} 50%{opacity:0.4} }\n\n\/* ICON 04 \u2014 Maison *\/\n.icon-build .house-base { fill:none; stroke:var(--red); stroke-width:2.5; stroke-linejoin:round; }\n.icon-build .roof { fill:rgba(178,32,32,0.12); stroke:var(--red); stroke-width:2.5; stroke-linejoin:round; }\n.icon-build .door { fill:rgba(178,32,32,0.2); stroke:var(--red); stroke-width:1.5; }\n.icon-build .check-circle { fill:var(--red); animation:checkPop 2s ease-in-out infinite; }\n.icon-build .check-mark { stroke:white; stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round; animation:checkDraw 2s ease-in-out infinite; stroke-dasharray:14; stroke-dashoffset:0; }\n.icon-build .build-line { stroke:rgba(178,32,32,0.4); stroke-width:1.5; stroke-dasharray:4 3; animation:buildRise 2s ease-out infinite; }\n@keyframes checkPop { 0%,80%,100%{transform:scale(1)} 90%{transform:scale(1.15)} }\n@keyframes checkDraw { 0%{stroke-dashoffset:14} 40%,100%{stroke-dashoffset:0} }\n@keyframes buildRise { 0%{opacity:0;transform:translateY(8px)} 60%,100%{opacity:1;transform:translateY(0)} }\n\n\/* Texte \u00e9tape *\/\n.etape-card h3 { font-family:var(--font-display); font-size:18px; color:var(--red); margin-bottom:6px; line-height:1.3; }\n.etape-approche { font-size:12px; font-style:italic; color:var(--text-light); margin-bottom:14px; font-weight:500; }\n.etape-card p { font-size:13px; color:var(--text-mid); line-height:1.85; }\n\n\/* \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   4. EXPERTISES\n\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.expertises {\n  padding: 20px 4% 60px;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.expertise-block {\n  background: var(--white);\n  border-radius: 4px;\n  margin-bottom: 20px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.06);\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  overflow: hidden;\n  transition: box-shadow 0.25s;\n}\n.expertise-block:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.12); }\n.expertise-block.reverse { direction: rtl; }\n.expertise-block.reverse > * { direction: ltr; }\n.expertise-content {\n  padding: 48px 44px;\n  display: flex; flex-direction: column; justify-content: center;\n}\n.expertise-tag {\n  display: inline-block;\n  font-size: 9px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;\n  color: var(--red); border: 1px solid rgba(178,32,32,0.3);\n  padding: 4px 12px; margin-bottom: 16px; align-self: flex-start;\n}\n.expertise-content h3 {\n  font-family: var(--font-display);\n  font-size: clamp(20px, 2.5vw, 28px);\n  color: var(--black); margin-bottom: 14px; line-height: 1.25;\n}\n.expertise-content h3 span { color: var(--red); }\n.expertise-content p { font-size: 14px; color: var(--text-mid); line-height: 1.85; margin-bottom: 24px; }\n.link-red { display:inline-block; font-size:13px; font-weight:600; color:var(--red); text-decoration:none; align-self:flex-start; }\n.link-red:hover { text-decoration: underline; }\n.expertise-img { position:relative; overflow:hidden; min-height:320px; }\n.expertise-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease; }\n.expertise-block:hover .expertise-img img { transform: scale(1.04); }\n.expertise-img-overlay {\n  position:absolute; bottom:0; left:0; right:0;\n  background:linear-gradient(to top, rgba(139,21,21,0.85) 0%, transparent 100%);\n  padding: 20px 20px 16px;\n}\n.expertise-img-label { font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--white); }\n@media(max-width:900px){\n  .expertise-block, .expertise-block.reverse { grid-template-columns:1fr; direction:ltr; }\n  .expertise-img { min-height:220px; }\n}\n\n\/* \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   5. CTA FINAL\n\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.cta-section {\n  background: var(--red);\n  padding: 88px 5%;\n  text-align: center;\n  position: relative; overflow: hidden;\n}\n.cta-section::before {\n  content:''; position:absolute; top:-80px; right:-80px;\n  width:350px; height:350px; border-radius:50%;\n  background:rgba(255,255,255,0.07);\n}\n.cta-section h2 {\n  font-family: var(--font-display);\n  font-size: clamp(28px, 4vw, 50px);\n  color: var(--white); margin-bottom: 16px;\n  position: relative; z-index: 1;\n}\n.cta-section p {\n  font-size: 15px; color: rgba(255,255,255,0.78);\n  max-width: 520px; margin: 0 auto 40px;\n  position: relative; z-index: 1; line-height: 1.8;\n}\n.btn-white {\n  display: inline-block; padding: 15px 48px;\n  background: var(--white); color: var(--red);\n  font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase;\n  text-decoration: none; border-radius: 40px;\n  transition: transform 0.2s, box-shadow 0.2s;\n  position: relative; z-index: 1;\n}\n.btn-white:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.2); }\n<\/style>\n\n<!-- \u2550\u2550 1. HERO \u2550\u2550 -->\n<div class=\"page-hero\">\n  <img decoding=\"async\"\n    class=\"page-hero-img\"\n    src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?w=1600&q=85&auto=format&fit=crop\"\n    alt=\"Espace corporate haut de gamme finalis\u00e9\"\n  >\n  <div class=\"page-hero-overlay\"><\/div>\n  <div class=\"page-hero-content\">\n    <h1>Fa\u00e7onner des espaces d'exception,<br>de l'id\u00e9e \u00e0 la r\u00e9alit\u00e9.<\/h1>\n    <p class=\"page-hero-sub\">Am\u00e9nagement, d\u00e9coration int\u00e9rieure et ext\u00e9rieure et r\u00e9novation cl\u00e9 en main. Nous transformons vos lieux de vie et de travail en reflets parfaits de vos ambitions.<\/p>\n    <a href=\"https:\/\/feelmore.pro\/en\/contacts\/\" class=\"btn-red\">Confier mon projet d'espace<\/a>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 2. MANIFESTE \u2550\u2550 -->\n<div class=\"section-title-wrap\">\n  <div class=\"section-title-bg\">Manifeste<\/div>\n  <div class=\"section-title-front\">Notre philosophie<\/div>\n<\/div>\n<div class=\"manifeste\">\n  <div>\n    <span class=\"manifeste-eyebrow\">FeelMore &amp; Associates<\/span>\n    <div class=\"manifeste-red-bar\"><\/div>\n    <h2>L'espace comme levier de transformation.<\/h2>\n  <\/div>\n  <div>\n    <blockquote>\u00ab La transformation d'une marque ou d'un cadre de vie ne s'arr\u00eate pas au virtuel. Elle prend racine dans les volumes, les mati\u00e8res et la lumi\u00e8re des lieux que nous occupons. \u00bb<\/blockquote>\n    <p>Chez FeelMore &amp; Associates, nous concevons l'architecture d'int\u00e9rieur, l'am\u00e9nagement paysager et la r\u00e9novation comme des leviers essentiels de bien-\u00eatre, de productivit\u00e9 et de prestige. Que ce soit pour un si\u00e8ge social, une boutique exclusive, une terrasse d'envergure ou une r\u00e9sidence priv\u00e9e, nous orchestrons chaque projet avec la m\u00eame exigence de perfection.<\/p>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 3. PROCESSUS \u2550\u2550 -->\n<div class=\"section-title-wrap\">\n  <div class=\"section-title-bg\">M\u00e9thode<\/div>\n  <div class=\"section-title-front\">Notre processus de cr\u00e9ation<\/div>\n  <p class=\"section-subtitle\">Le parcours en 4 \u00e9tapes<\/p>\n<\/div>\n<div class=\"processus\">\n  <div class=\"processus-grid\">\n\n    <!-- 01 -->\n    <div class=\"etape-card\">\n      <div class=\"etape-num-bg\">01<\/div>\n      <div class=\"anim-icon\">\n        <svg class=\"icon-audit\" viewbox=\"0 0 72 72\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <circle cx=\"30\" cy=\"30\" r=\"16\" class=\"circle-bg\"\/>\n          <circle cx=\"30\" cy=\"30\" r=\"16\" class=\"lens-body\"\/>\n          <line x1=\"14\" y1=\"30\" x2=\"46\" y2=\"30\" class=\"scan-line\"\/>\n          <line x1=\"42\" y1=\"42\" x2=\"56\" y2=\"56\" class=\"handle\"\/>\n          <circle cx=\"30\" cy=\"30\" r=\"2\" class=\"dot\"\/>\n          <line x1=\"30\" y1=\"18\" x2=\"30\" y2=\"22\" stroke=\"#B22020\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\n          <line x1=\"30\" y1=\"38\" x2=\"30\" y2=\"42\" stroke=\"#B22020\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\n          <line x1=\"18\" y1=\"30\" x2=\"22\" y2=\"30\" stroke=\"#B22020\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\n          <line x1=\"38\" y1=\"30\" x2=\"42\" y2=\"30\" stroke=\"#B22020\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\/>\n        <\/svg>\n      <\/div>\n      <h3>Le Conseil &amp; L'Audit<\/h3>\n      <div class=\"etape-approche\">Comprendre avant de concevoir.<\/div>\n      <p>Chaque projet commence par une immersion totale dans vos besoins, vos habitudes et votre cahier des charges. Nous analysons le potentiel technique et architectural de vos espaces (int\u00e9rieurs ou ext\u00e9rieurs) pour poser les bases d'un diagnostic strat\u00e9gique et d'une optimisation optimale des volumes.<\/p>\n    <\/div>\n\n    <!-- 02 -->\n    <div class=\"etape-card\">\n      <div class=\"etape-num-bg\">02<\/div>\n      <div class=\"anim-icon\">\n        <svg class=\"icon-idea\" viewbox=\"0 0 72 72\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M20 52 L44 20 L52 28 L28 52 Z\" class=\"brush-body\" stroke-width=\"2\"\/>\n          <path d=\"M44 20 L50 14 L58 22 L52 28 Z\" fill=\"rgba(178,32,32,0.15)\" stroke=\"#B22020\" stroke-width=\"2\"\/>\n          <ellipse cx=\"22\" cy=\"50\" rx=\"5\" ry=\"5\" class=\"brush-tip\"\/>\n          <circle cx=\"56\" cy=\"18\" r=\"3\" class=\"spark1\"\/>\n          <circle cx=\"62\" cy=\"28\" r=\"2\" class=\"spark2\"\/>\n          <circle cx=\"60\" cy=\"12\" r=\"2.5\" class=\"spark3\"\/>\n          <path d=\"M 50 40 Q 60 36 58 26\" class=\"arc\"\/>\n        <\/svg>\n      <\/div>\n      <h3>L'Id\u00e9ation &amp; L'Orientation Artistique<\/h3>\n      <div class=\"etape-approche\">Donner une \u00e2me \u00e0 vos espaces.<\/div>\n      <p>C'est la phase de cr\u00e9ation conceptuelle. \u00c0 travers des planches de tendances (moodboards), des s\u00e9lections de palettes colorim\u00e9triques, de textures et de mobilier, nous d\u00e9finissons l'identit\u00e9 esth\u00e9tique unique de votre projet. Nous traduisons vos valeurs et vos envies en un concept visuel fort et m\u00e9morable.<\/p>\n    <\/div>\n\n    <!-- 03 -->\n    <div class=\"etape-card\">\n      <div class=\"etape-num-bg\">03<\/div>\n      <div class=\"anim-icon\">\n        <svg class=\"icon-3d\" viewbox=\"0 0 72 72\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <polygon points=\"36,12 56,24 36,36 16,24\" class=\"cube-face-top\"\/>\n          <polygon points=\"16,24 36,36 36,56 16,44\" class=\"cube-face-left\"\/>\n          <polygon points=\"56,24 36,36 36,56 56,44\" class=\"cube-face-right\"\/>\n          <line x1=\"36\" y1=\"56\" x2=\"36\" y2=\"64\" class=\"cube-line\"\/>\n          <line x1=\"56\" y1=\"44\" x2=\"64\" y2=\"40\" class=\"cube-line\"\/>\n          <line x1=\"8\" y1=\"24\" x2=\"8\" y2=\"44\" class=\"measure-arrow\"\/>\n          <line x1=\"6\" y1=\"24\" x2=\"10\" y2=\"24\" class=\"measure-arrow\"\/>\n          <line x1=\"6\" y1=\"44\" x2=\"10\" y2=\"44\" class=\"measure-arrow\"\/>\n        <\/svg>\n      <\/div>\n      <h3>La Conception 3D &amp; Plans Techniques<\/h3>\n      <div class=\"etape-approche\">L'immersion avant le premier coup de pioche.<\/div>\n      <p>Gr\u00e2ce \u00e0 des mod\u00e9lisations 3D photo-r\u00e9alistes de haute pr\u00e9cision, vous visitez votre futur espace avant m\u00eame le d\u00e9but des travaux. Cette \u00e9tape int\u00e8gre \u00e9galement la r\u00e9alisation des plans d'implantation, des d\u00e9tails d'agencement sur mesure et le choix rigoureux des mat\u00e9riaux pour garantir une faisabilit\u00e9 technique absolue.<\/p>\n    <\/div>\n\n    <!-- 04 -->\n    <div class=\"etape-card\">\n      <div class=\"etape-num-bg\">04<\/div>\n      <div class=\"anim-icon\">\n        <svg class=\"icon-build\" viewbox=\"0 0 72 72\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <polygon points=\"36,10 62,30 62,62 10,62 10,30\" class=\"roof\"\/>\n          <rect x=\"20\" y=\"36\" width=\"32\" height=\"26\" class=\"house-base\"\/>\n          <rect x=\"30\" y=\"44\" width=\"12\" height=\"18\" class=\"door\"\/>\n          <line x1=\"20\" y1=\"55\" x2=\"52\" y2=\"55\" class=\"build-line\"\/>\n          <line x1=\"20\" y1=\"47\" x2=\"52\" y2=\"47\" class=\"build-line\"\/>\n          <circle cx=\"56\" cy=\"18\" r=\"10\" class=\"check-circle\"\/>\n          <polyline points=\"50,18 55,23 63,13\" class=\"check-mark\"\/>\n        <\/svg>\n      <\/div>\n      <h3>La R\u00e9alisation &amp; Le Suivi Cl\u00e9 en Main<\/h3>\n      <div class=\"etape-approche\">L'excellence de l'ex\u00e9cution.<\/div>\n      <p>De la d\u00e9molition\/r\u00e9novation aux finitions de d\u00e9coration les plus subtiles, nous pilotons la r\u00e9alisation de votre projet. Nous coordonnons les \u00e9quipes d'artisans, suivons le planning de chantier et veillons au respect strict des normes de qualit\u00e9, jusqu'au stylisme final et \u00e0 la livraison de votre espace pr\u00eat \u00e0 \u00eatre v\u00e9cu.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 4. EXPERTISES \u2550\u2550 -->\n<div class=\"section-title-wrap\">\n  <div class=\"section-title-bg\">Expertise<\/div>\n  <div class=\"section-title-front\">Nos champs d'expertise<\/div>\n<\/div>\n<div class=\"expertises\">\n\n  <!-- 01 Corporate -->\n  <div class=\"expertise-block\">\n    <div class=\"expertise-content\">\n      <span class=\"expertise-tag\">Professionnel<\/span>\n      <h3>Espaces Professionnels<br>&amp; <span>Corporate<\/span><\/h3>\n      <p>Si\u00e8ges sociaux, bureaux collaboratifs, salles de conf\u00e9rence, espaces de r\u00e9ception. Optimisez la productivit\u00e9 de vos \u00e9quipes et impressionnez vos partenaires gr\u00e2ce \u00e0 un am\u00e9nagement qui respire l'identit\u00e9 de votre entreprise.<\/p>\n      <a href=\"https:\/\/feelmore.pro\/en\/contacts\/\" class=\"link-red\">Contactez nous \u2192<\/a>\n    <\/div>\n    <div class=\"expertise-img\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=800&q=80&auto=format&fit=crop\" alt=\"Espace professionnel corporate moderne\" loading=\"lazy\">\n      <div class=\"expertise-img-overlay\"><div class=\"expertise-img-label\">Corporate &amp; Professionnel<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- 02 R\u00e9sidentiel -->\n  <div class=\"expertise-block reverse\">\n    <div class=\"expertise-content\">\n      <span class=\"expertise-tag\">R\u00e9sidentiel<\/span>\n      <h3>R\u00e9sidences Priv\u00e9es<br>&amp; <span>R\u00e9novation<\/span><\/h3>\n      <p>Villas, appartements de standing. Qu'il s'agisse d'une r\u00e9novation compl\u00e8te ou d'un rafra\u00eechissement, nous repensons votre int\u00e9rieur pour allier confort moderne, fonctionnalit\u00e9 et esth\u00e9tique intemporelle.<\/p>\n      <a href=\"https:\/\/feelmore.pro\/en\/contacts\/\" class=\"link-red\">Contactez nous \u2192<\/a>\n    <\/div>\n    <div class=\"expertise-img\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492493-0946911123ea?w=800&q=80&auto=format&fit=crop\" alt=\"R\u00e9sidence priv\u00e9e luxueuse r\u00e9nov\u00e9e\" loading=\"lazy\">\n      <div class=\"expertise-img-overlay\"><div class=\"expertise-img-label\">R\u00e9sidentiel &amp; R\u00e9novation<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- 03 Ext\u00e9rieur -->\n  <div class=\"expertise-block\">\n    <div class=\"expertise-content\">\n      <span class=\"expertise-tag\">Ext\u00e9rieur<\/span>\n      <h3>Design Ext\u00e9rieur<br>&amp; <span>Lifestyle<\/span><\/h3>\n      <p>Terrasses premium, jardins paysagers, espaces de d\u00e9tente outdoor. Nous abolissons la fronti\u00e8re entre l'int\u00e9rieur et l'ext\u00e9rieur pour cr\u00e9er des havres de paix harmonieux, adapt\u00e9s au climat et \u00e0 l'art de vivre.<\/p>\n      <a href=\"https:\/\/feelmore.pro\/en\/contacts\/\" class=\"link-red\">Contactez nous \u2192<\/a>\n    <\/div>\n    <div class=\"expertise-img\">\n      <img decoding=\"async\" src=\"https:\/\/feelmore.pro\/wp-content\/uploads\/2026\/06\/Design-exterieur-lifestyle.jpg\" alt=\"Femme aux cheveux afro dans un espace ext\u00e9rieur luxueux\" loading=\"lazy\">\n      <div class=\"expertise-img-overlay\"><div class=\"expertise-img-label\">Ext\u00e9rieur &amp; Lifestyle<\/div><\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- \u2550\u2550 5. CTA FINAL \u2550\u2550 -->\n<section class=\"cta-section\">\n  <h2>Pr\u00eat \u00e0 transformer votre espace ?<\/h2>\n  <p>Qu'il s'agisse d'une id\u00e9e naissante ou d'un projet de r\u00e9novation de grande envergure, nos \u00e9quipes sont pr\u00eates \u00e0 lui donner vie.<\/p>\n  <a href=\"https:\/\/feelmore.pro\/en\/contacts\/\" class=\"btn-white\">Confier mon projet d'espace<\/a>\n<\/section>\n\n<!-- \u2550\u2550 GSAP ANIMATIONS \u2550\u2550 -->\n<style>\n\/* \u00c9l\u00e9ments animables \u2014 visibles par d\u00e9faut, GSAP les prend en charge apr\u00e8s load *\/\n.anim-fade    { opacity: 1; transform: translateY(0); transition: none; }\n.anim-left    { opacity: 1; transform: translateX(0); transition: none; }\n.anim-right   { opacity: 1; transform: translateX(0); transition: none; }\n\n\/* Barre progression *\/\n#scroll-progress {\n  position: fixed; top: 0; left: 0; height: 3px;\n  background: #B22020; z-index: 9999;\n  width: 0%; pointer-events: none;\n  transform-origin: left center;\n}\n<\/style>\n\n<div id=\"scroll-progress\"><\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script>\n(function() {\n  gsap.registerPlugin(ScrollTrigger);\n\n  \/* S\u00e9curit\u00e9 : si GSAP ne charge pas, tout reste visible *\/\n  function initAnims() {\n\n    \/* \u2500\u2500 Barre de progression \u2500\u2500 *\/\n    gsap.to(\"#scroll-progress\", {\n      width: \"100%\",\n      ease: \"none\",\n      scrollTrigger: {\n        trigger: \"body\",\n        start: \"top top\",\n        end: \"bottom bottom\",\n        scrub: 0.3\n      }\n    });\n\n    \/* \u2500\u2500 Parallax hero image \u2500\u2500 *\/\n    if (document.querySelector(\".page-hero-img\")) {\n      gsap.to(\".page-hero-img\", {\n        yPercent: 20,\n        ease: \"none\",\n        scrollTrigger: {\n          trigger: \".page-hero\",\n          start: \"top top\",\n          end: \"bottom top\",\n          scrub: true\n        }\n      });\n    }\n\n    \/* \u2500\u2500 Hero content \u2014 entr\u00e9e s\u00e9quentielle \u2500\u2500 *\/\n    var heroEls = [\".page-hero-badge\", \".page-hero h1\", \".page-hero-sub\", \".btn-red\"];\n    heroEls.forEach(function(sel, i) {\n      var el = document.querySelector(sel);\n      if (!el) return;\n      gsap.fromTo(el,\n        { opacity: 0, y: 30 },\n        { opacity: 1, y: 0, duration: 0.6, delay: 0.15 + i * 0.15, ease: \"power3.out\" }\n      );\n    });\n\n    \/* \u2500\u2500 Section titles \u2500\u2500 *\/\n    document.querySelectorAll(\".section-title-wrap\").forEach(function(wrap) {\n      var bg    = wrap.querySelector(\".section-title-bg\");\n      var front = wrap.querySelector(\".section-title-front\");\n      var sub   = wrap.querySelector(\".section-subtitle\");\n      var tl = gsap.timeline({\n        scrollTrigger: { trigger: wrap, start: \"top 88%\", toggleActions: \"play none none none\" }\n      });\n      if (bg)    tl.fromTo(bg,    { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.55, ease: \"power2.out\" });\n      if (front) tl.fromTo(front, { opacity: 0, y: 20 }, { opacity: 1, y: 0, duration: 0.5,  ease: \"power2.out\" }, \"-=0.25\");\n      if (sub)   tl.fromTo(sub,   { opacity: 0, y: 16 }, { opacity: 1, y: 0, duration: 0.4,  ease: \"power2.out\" }, \"-=0.2\");\n    });\n\n    \/* \u2500\u2500 Manifeste \u2500\u2500 *\/\n    var manifItems = document.querySelectorAll(\".manifeste > div\");\n    if (manifItems.length >= 2) {\n      var mTl = gsap.timeline({\n        scrollTrigger: { trigger: \".manifeste\", start: \"top 82%\", toggleActions: \"play none none none\" }\n      });\n      mTl.fromTo(manifItems[0], { opacity: 0, x: -50 }, { opacity: 1, x: 0, duration: 0.75, ease: \"power3.out\" })\n         .fromTo(manifItems[1], { opacity: 0, x:  50 }, { opacity: 1, x: 0, duration: 0.75, ease: \"power3.out\" }, \"-=0.5\");\n    }\n\n    \/* \u2500\u2500 \u00c9tape cards \u2014 stagger \u2500\u2500 *\/\n    var etapes = document.querySelectorAll(\".etape-card\");\n    if (etapes.length) {\n      gsap.fromTo(etapes,\n        { opacity: 0, y: 45 },\n        {\n          opacity: 1, y: 0, duration: 0.6, ease: \"power3.out\", stagger: 0.14,\n          scrollTrigger: { trigger: \".processus-grid\", start: \"top 85%\", toggleActions: \"play none none none\" }\n        }\n      );\n    }\n\n    \/* \u2500\u2500 Expertise blocks \u2014 altern\u00e9s \u2500\u2500 *\/\n    document.querySelectorAll(\".expertise-block\").forEach(function(block) {\n      var isRev   = block.classList.contains(\"reverse\");\n      var cnt     = block.querySelector(\".expertise-content\");\n      var img     = block.querySelector(\".expertise-img\");\n      var tl = gsap.timeline({\n        scrollTrigger: { trigger: block, start: \"top 84%\", toggleActions: \"play none none none\" }\n      });\n      if (cnt) tl.fromTo(cnt, { opacity: 0, x: isRev ? 50 : -50 }, { opacity: 1, x: 0, duration: 0.75, ease: \"power3.out\" });\n      if (img) tl.fromTo(img, { opacity: 0, x: isRev ? -50 : 50 }, { opacity: 1, x: 0, duration: 0.75, ease: \"power3.out\" }, \"-=0.5\");\n    });\n\n    \/* \u2500\u2500 CTA final \u2500\u2500 *\/\n    var ctaEls = [\".cta-section h2\", \".cta-section p\", \".btn-white\"];\n    var ctaTl = gsap.timeline({\n      scrollTrigger: { trigger: \".cta-section\", start: \"top 86%\", toggleActions: \"play none none none\" }\n    });\n    ctaEls.forEach(function(sel, i) {\n      var el = document.querySelector(sel);\n      if (!el) return;\n      ctaTl.fromTo(el, { opacity: 0, y: 28 }, { opacity: 1, y: 0, duration: 0.55, ease: i === 2 ? \"back.out(1.5)\" : \"power3.out\" }, i === 0 ? undefined : \"-=0.25\");\n    });\n\n    \/* \u2500\u2500 Hover lift \u00e9tapes \u2500\u2500 *\/\n    document.querySelectorAll(\".etape-card\").forEach(function(card) {\n      card.addEventListener(\"mouseenter\", function() {\n        gsap.to(card, { y: -6, duration: 0.25, ease: \"power2.out\", overwrite: \"auto\" });\n      });\n      card.addEventListener(\"mouseleave\", function() {\n        gsap.to(card, { y: 0, duration: 0.35, ease: \"power2.inOut\", overwrite: \"auto\" });\n      });\n    });\n  }\n\n  \/* Lancer apr\u00e8s DOM ready *\/\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initAnims);\n  } else {\n    initAnims();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Fa\u00e7onner des espaces d&rsquo;exception,de l&rsquo;id\u00e9e \u00e0 la r\u00e9alit\u00e9. Am\u00e9nagement, d\u00e9coration int\u00e9rieure et ext\u00e9rieure et r\u00e9novation cl\u00e9 en main. Nous transformons vos lieux de vie et de travail en reflets parfaits de vos ambitions. Confier mon projet d&rsquo;espace Manifeste Notre philosophie FeelMore &amp; Associates L&rsquo;espace comme levier de transformation. \u00ab La transformation d&rsquo;une marque ou d&rsquo;un [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-5304","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/feelmore.pro\/en\/wp-json\/wp\/v2\/pages\/5304"}],"collection":[{"href":"https:\/\/feelmore.pro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/feelmore.pro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/feelmore.pro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feelmore.pro\/en\/wp-json\/wp\/v2\/comments?post=5304"}],"version-history":[{"count":13,"href":"https:\/\/feelmore.pro\/en\/wp-json\/wp\/v2\/pages\/5304\/revisions"}],"predecessor-version":[{"id":5356,"href":"https:\/\/feelmore.pro\/en\/wp-json\/wp\/v2\/pages\/5304\/revisions\/5356"}],"wp:attachment":[{"href":"https:\/\/feelmore.pro\/en\/wp-json\/wp\/v2\/media?parent=5304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}