{"id":18,"date":"2026-03-18T15:48:31","date_gmt":"2026-03-18T15:48:31","guid":{"rendered":"http:\/\/dmbpyjc.cluster100.hosting.ovh.net\/?page_id=18"},"modified":"2026-04-14T11:24:18","modified_gmt":"2026-04-14T11:24:18","slug":"nos-modules","status":"publish","type":"page","link":"https:\/\/harmodul.com\/index.php\/nos-modules\/","title":{"rendered":"Nos modules"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nNos Modules \u2014 Harmodul<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;0,9..40,800;1,9..40,300&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n :root {\r\n --gray-dark: #2e2e2e;\r\n --gray-mid: #555555;\r\n --white: #ffffff;\r\n --teal: #96bfad;\r\n --orange: #ff784f;\r\n --gray-light: #f4f3f1;\r\n --gray-border: #e0ddd9;\r\n --green: #466752;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; overflow-x: hidden; }\r\n body { overflow-x: hidden; }\r\n a { color: inherit; text-decoration: none; }\r\n a:hover, a:focus, a:active, a:visited { color: inherit; text-decoration: none; outline: none; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--white);\r\n color: var(--gray-dark);\r\n }\r\n h1, h2, h3, h4 { font-family: 'DM Sans', sans-serif; font-weight: 800; letter-spacing: -0.01em; }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n .reveal { opacity: 1; transform: none; transition: opacity 0.72s cubic-bezier(.22,.68,0,1.2), transform 0.72s cubic-bezier(.22,.68,0,1.2); }\r\n .reveal.anim { opacity: 0; transform: translateY(32px); }\r\n .reveal.anim.visible { opacity: 1; transform: translateY(0); }\r\n .reveal-left { opacity: 1; transform: none; transition: opacity 0.72s cubic-bezier(.22,.68,0,1.2), transform 0.72s cubic-bezier(.22,.68,0,1.2); }\r\n .reveal-left.anim { opacity: 0; transform: translateX(-40px); }\r\n .reveal-left.anim.visible { opacity: 1; transform: translateX(0); }\r\n .reveal-right { opacity: 1; transform: none; transition: opacity 0.72s cubic-bezier(.22,.68,0,1.2), transform 0.72s cubic-bezier(.22,.68,0,1.2); }\r\n .reveal-right.anim { opacity: 0; transform: translateX(40px); }\r\n .reveal-right.anim.visible { opacity: 1; transform: translateX(0); }\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.22s; }\r\n .delay-3 { transition-delay: 0.34s; }\r\n .delay-4 { transition-delay: 0.46s; }\r\n .delay-5 { transition-delay: 0.58s; }\r\n .delay-6 { transition-delay: 0.70s; }\r\n .delay-7 { transition-delay: 0.82s; }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 600;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 0 48px; height: 100px;\r\n transition: height 0.4s ease, background 0.4s, box-shadow 0.4s;\r\n }\r\n nav.scrolled { height: 72px; background: rgba(255,255,255,0.97); box-shadow: 0 1px 0 var(--gray-border); }\r\n nav.scrolled .nav-logo-white { display: none; }\r\n nav.scrolled .nav-logo-color { display: block; }\r\n nav:not(.scrolled) .nav-logo-white { display: block; }\r\n nav:not(.scrolled) .nav-logo-color { display: none; }\r\n\r\n .nav-logo img { width: auto; transition: height 0.4s ease, transform 0.4s cubic-bezier(.34,1.56,.64,1), filter 0.4s ease; }\r\n nav:not(.scrolled) .nav-logo img { height: 88px; }\r\n nav.scrolled .nav-logo img { height: 44px; }\r\n .nav-logo:hover img {\r\n transform: scale(1.07) rotate(-1.5deg);\r\n filter: drop-shadow(0 4px 16px rgba(150,191,173,0.45));\r\n }\r\n\r\n .nav-menu { display: flex; align-items: center; gap: 36px; list-style: none; }\r\n .nav-menu a { font-size: 14px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; transition: color 0.2s; }\r\n nav:not(.scrolled) .nav-menu a { color: rgba(255,255,255,0.88); }\r\n nav:not(.scrolled) .nav-menu a:hover { color: var(--white); }\r\n nav.scrolled .nav-menu a { color: var(--gray-mid); }\r\n nav.scrolled .nav-menu a:hover { color: var(--gray-dark); }\r\n\r\n .nav-cta {\r\n position: relative; overflow: hidden;\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 10px 22px; background: #466752 !important;\r\n color: var(--white) !important; border-radius: 4px;\r\n font-size: 12px !important; font-weight: 700 !important;\r\n letter-spacing: 0.08em !important; text-transform: uppercase !important;\r\n transition: background 0.2s, transform 0.2s !important; text-decoration: none !important;\r\n }\r\n .nav-cta::after {\r\n content: ''; position: absolute; top: 0; left: -75%;\r\n width: 50%; height: 100%;\r\n background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);\r\n transform: skewX(-20deg); pointer-events: none;\r\n }\r\n .nav-cta:hover::after { left: 130%; transition: left 0.5s cubic-bezier(.4,0,.2,1); }\r\n .nav-cta:hover { background: #354f3e !important; transform: translateY(-1px) !important; color: var(--white) !important; }\r\n .nav-cta:focus, .nav-cta:active, .nav-cta:visited { color: var(--white) !important; background: #466752 !important; }\r\n\r\n \/* \u2500\u2500 HAMBURGER \u2500\u2500 *\/\r\n .hamburger {\r\n display: none;\r\n flex-direction: column; justify-content: center; align-items: center;\r\n width: 44px; height: 44px;\r\n cursor: pointer; background: transparent !important;\r\n border: none; padding: 0; position: relative; flex-shrink: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-appearance: none; appearance: none;\r\n outline: none !important; box-shadow: none !important;\r\n }\r\n .hamburger:focus { outline: none !important; }\r\n .hamburger:active { background: transparent !important; }\r\n .hamburger span {\r\n display: block; width: 24px; height: 2px; border-radius: 2px; position: absolute;\r\n transition: transform 0.35s cubic-bezier(.77,0,.175,1), opacity 0.2s, background 0.3s;\r\n }\r\n .hamburger span:nth-child(1) { transform: translateY(-8px); }\r\n .hamburger span:nth-child(2) { transform: translateY(0); }\r\n .hamburger span:nth-child(3) { transform: translateY(8px); }\r\n nav:not(.scrolled) .hamburger span { background: var(--white); }\r\n nav.scrolled .hamburger:not(.open) span { background: var(--gray-dark); }\r\n nav:not(.scrolled) .hamburger.open span { background: var(--white) !important; }\r\n nav.scrolled .hamburger.open span { background: var(--gray-dark) !important; }\r\n .hamburger.open span:nth-child(1) { transform: translateY(0) rotate(45deg); }\r\n .hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\r\n .hamburger.open span:nth-child(3) { transform: translateY(0) rotate(-45deg); }\r\n\r\n \/* \u2500\u2500 MOBILE MENU OVERLAY \u2500\u2500 *\/\r\n .mobile-menu-overlay {\r\n position: fixed; inset: 0; z-index: 500;\r\n background: rgba(20,20,20,0.98);\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n opacity: 0; visibility: hidden;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n pointer-events: none;\r\n }\r\n .mobile-menu-overlay.active { opacity: 1; visibility: visible; pointer-events: all; }\r\n .mobile-menu-overlay ul {\r\n list-style: none; display: flex; flex-direction: column;\r\n align-items: center; gap: 8px; width: 100%; padding: 0 32px;\r\n }\r\n .mobile-menu-overlay ul li a {\r\n display: block; font-size: 22px; font-weight: 700;\r\n color: rgba(255,255,255,0.85); letter-spacing: 0.04em; text-transform: uppercase;\r\n padding: 16px 0; text-align: center;\r\n border-bottom: 1px solid rgba(255,255,255,0.07); width: 100%;\r\n transition: color 0.2s;\r\n }\r\n .mobile-menu-overlay ul li:last-child a { border-bottom: none; }\r\n .mobile-menu-overlay ul li a:hover { color: var(--teal); }\r\n .mobile-menu-cta {\r\n margin-top: 32px;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 15px 36px; background: #466752;\r\n color: var(--white) !important; border-radius: 4px;\r\n font-size: 14px; font-weight: 700; letter-spacing: 0.08em;\r\n text-transform: uppercase; text-decoration: none !important;\r\n }\r\n\r\n \/* \u2500\u2500 SHARED \u2500\u2500 *\/\r\n section { padding: 100px 0; }\r\n .container { max-width: 1200px; margin: 0 auto; padding: 0 48px; }\r\n .section-label {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n font-size: 11px; font-weight: 600; letter-spacing: 0.18em;\r\n text-transform: uppercase; color: var(--teal); margin-bottom: 16px;\r\n }\r\n .section-label::before { content: ''; display: block; width: 24px; height: 1px; background: var(--teal); }\r\n .section-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; color: var(--gray-dark); line-height: 1.1; margin-bottom: 20px; }\r\n .section-title-white { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; color: var(--white); line-height: 1.1; margin-bottom: 20px; }\r\n .section-sub { font-size: 16px; font-weight: 300; color: var(--gray-mid); line-height: 1.8; max-width: 580px; margin-bottom: 24px; }\r\n\r\n \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n .btn-primary {\r\n position: relative; overflow: hidden;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 15px 30px; background: var(--orange); color: var(--white) !important;\r\n font-size: 14px; font-weight: 700; letter-spacing: 0.06em;\r\n text-decoration: none !important; border-radius: 4px;\r\n transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\r\n }\r\n .btn-primary::after {\r\n content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%;\r\n background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.38) 50%, transparent 100%);\r\n transform: skewX(-20deg); pointer-events: none;\r\n }\r\n .btn-primary:hover::after { left: 130%; transition: left 0.55s cubic-bezier(.4,0,.2,1); }\r\n .btn-primary:hover { background: #e5633a; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(255,120,79,0.4); color: var(--white) !important; }\r\n\r\n .btn-outline {\r\n position: relative; overflow: hidden;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 15px 30px; background: transparent; color: var(--white) !important;\r\n font-size: 14px; font-weight: 700; letter-spacing: 0.06em;\r\n text-decoration: none !important; border: 1px solid rgba(255,255,255,0.4); border-radius: 4px;\r\n transition: border-color 0.2s, background 0.2s, transform 0.2s;\r\n }\r\n .btn-outline::after {\r\n content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%;\r\n background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.22) 50%, transparent 100%);\r\n transform: skewX(-20deg); pointer-events: none;\r\n }\r\n .btn-outline:hover::after { left: 130%; transition: left 0.55s cubic-bezier(.4,0,.2,1); }\r\n .btn-outline:hover { border-color: var(--white); background: rgba(255,255,255,0.08); transform: translateY(-2px); color: var(--white) !important; }\r\n\r\n .divider-accent { height: 4px; background: linear-gradient(90deg, var(--orange) 0%, var(--teal) 100%); }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero { position: relative; min-height: 72vh; display: flex; align-items: center; overflow: hidden; }\r\n .hero-bg {\r\n position: absolute; inset: 0;\r\n background-image: url('https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/task_01kmk5rc9zfmts84m15rpw7bpz_1774465108_img_0.webp');\r\n background-size: cover; background-position: center;\r\n transform: scale(1.04); transition: transform 8s ease;\r\n }\r\n .hero-bg.loaded { transform: scale(1); }\r\n .hero-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(100deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0.15) 100%);\r\n }\r\n .hero-content { position: relative; z-index: 2; width: 100%; padding: 0 64px; padding-top: 100px; }\r\n .hero-tag {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase;\r\n color: var(--teal); margin-bottom: 28px;\r\n opacity: 0; transform: translateY(20px); animation: fadeUp 0.7s 0.3s forwards;\r\n }\r\n .hero-tag::before { content: ''; display: block; width: 28px; height: 1px; background: var(--teal); }\r\n .hero h1 {\r\n font-size: clamp(2.4rem, 5.5vw, 4rem); font-weight: 800;\r\n color: var(--white); line-height: 1.08; max-width: 680px; margin-bottom: 24px;\r\n opacity: 0; transform: translateY(24px); animation: fadeUp 0.8s 0.5s forwards;\r\n }\r\n .hero h1 span { color: var(--teal); }\r\n .hero-sub {\r\n font-size: 17px; font-weight: 300; color: rgba(255,255,255,0.78);\r\n max-width: 520px; line-height: 1.7; margin-bottom: 20px;\r\n opacity: 0; transform: translateY(20px); animation: fadeUp 0.8s 0.7s forwards;\r\n }\r\n .hero-desc {\r\n font-size: 15px; font-weight: 300; color: rgba(255,255,255,0.58);\r\n max-width: 480px; line-height: 1.75;\r\n opacity: 0; transform: translateY(20px); animation: fadeUp 0.8s 0.9s forwards;\r\n }\r\n @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n\r\n \/* \u2500\u2500 INTRO \u2500\u2500 *\/\r\n .intro-section { background: var(--white); padding: 80px 0; }\r\n .intro-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n .intro-content .section-sub { max-width: 100%; margin-bottom: 0; }\r\n .intro-numbers { display: flex; flex-direction: column; gap: 24px; }\r\n .intro-number { display: flex; align-items: center; gap: 24px; padding: 24px 28px; background: var(--gray-light); border-radius: 8px; border-left: 3px solid var(--teal); }\r\n .intro-number .num { font-size: 2rem; font-weight: 800; color: var(--orange); line-height: 1; flex-shrink: 0; }\r\n .intro-number p { font-size: 14px; color: var(--gray-mid); line-height: 1.6; }\r\n .intro-number p strong { display: block; font-size: 15px; font-weight: 700; color: var(--gray-dark); margin-bottom: 2px; }\r\n\r\n \/* \u2500\u2500 SOLUTIONS \u2500\u2500 *\/\r\n .solutions-section { background: var(--gray-light); }\r\n .solutions-header { text-align: center; margin-bottom: 72px; }\r\n .solutions-header .section-sub { margin: 0 auto; }\r\n .solution-block { margin-bottom: 80px; }\r\n .solution-block:last-child { margin-bottom: 0; }\r\n .solution-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.08); }\r\n .solution-inner.reverse { direction: rtl; }\r\n .solution-inner.reverse > * { direction: ltr; }\r\n .solution-img { position: relative; min-height: 420px; overflow: hidden; }\r\n .solution-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }\r\n .solution-block:hover .solution-img img { transform: scale(1.04); }\r\n .solution-num {\r\n position: absolute; top: 24px; left: 24px;\r\n width: 48px; height: 48px; border-radius: 50%;\r\n background: var(--orange); color: var(--white);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 15px; font-weight: 800;\r\n }\r\n .solution-inner.reverse .solution-num { left: auto; right: 24px; }\r\n .solution-body {\r\n background: var(--white); padding: 56px 52px;\r\n display: flex; flex-direction: column; justify-content: center;\r\n }\r\n .solution-body .sol-cat {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: 11px; font-weight: 600; letter-spacing: 0.16em;\r\n text-transform: uppercase; color: var(--teal); margin-bottom: 14px;\r\n }\r\n .solution-body .sol-cat::before { content: ''; display: block; width: 20px; height: 1px; background: var(--teal); }\r\n .solution-body h3 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); font-weight: 800; color: var(--gray-dark); margin-bottom: 16px; line-height: 1.15; }\r\n .solution-body p { font-size: 15px; font-weight: 300; color: var(--gray-mid); line-height: 1.8; margin-bottom: 28px; }\r\n .solution-points { display: flex; flex-direction: column; gap: 10px; margin-bottom: 36px; }\r\n .solution-point { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; color: var(--gray-dark); }\r\n .solution-point::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); flex-shrink: 0; }\r\n .btn-link-dark {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: 13px; font-weight: 700; letter-spacing: 0.06em;\r\n color: var(--gray-dark) !important; text-decoration: none !important;\r\n border-bottom: 1.5px solid var(--gray-dark); padding-bottom: 2px;\r\n transition: border-color 0.2s, gap 0.2s; width: fit-content;\r\n }\r\n .btn-link-dark:hover { border-color: var(--orange); gap: 14px; color: var(--gray-dark) !important; }\r\n .btn-link-dark svg { width: 14px; height: 14px; transition: transform 0.2s; }\r\n .btn-link-dark:hover svg { transform: translateX(3px); }\r\n\r\n \/* \u2500\u2500 PERSONNALISATION \u2500\u2500 *\/\r\n .perso-section { background: var(--white); }\r\n .perso-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\r\n .perso-content .section-sub { max-width: 100%; margin-bottom: 28px; }\r\n .perso-content p { font-size: 15px; font-weight: 300; color: var(--gray-mid); line-height: 1.85; margin-bottom: 32px; }\r\n .perso-list { display: flex; flex-direction: column; gap: 14px; }\r\n .perso-item { display: flex; align-items: center; gap: 14px; font-size: 15px; font-weight: 500; color: var(--gray-dark); }\r\n .perso-item-icon {\r\n width: 36px; height: 36px; flex-shrink: 0;\r\n background: rgba(150,191,173,0.15); border-radius: 8px;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .perso-item-icon svg { width: 16px; height: 16px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n .perso-visual {\r\n position: relative; border-radius: 12px; overflow: hidden; height: 520px;\r\n background: var(--gray-dark);\r\n display: flex; flex-direction: column; justify-content: flex-end; padding: 40px;\r\n }\r\n .perso-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.7; }\r\n .perso-visual-content { position: relative; z-index: 1; }\r\n .perso-visual-content h4 { font-size: 1.6rem; font-weight: 800; color: var(--white); margin-bottom: 8px; }\r\n .perso-visual-content p { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.6; }\r\n\r\n \/* \u2500\u2500 DOMAINES \u2500\u2500 *\/\r\n .domaines-section {\r\n background-color: var(--gray-dark);\r\n background-image: repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(255,255,255,0.02) 50px, rgba(255,255,255,0.02) 56px);\r\n }\r\n .domaines-header { text-align: center; margin-bottom: 60px; }\r\n .domaines-header .section-label { color: var(--teal); }\r\n .domaines-header .section-label::before { background: var(--teal); }\r\n .domaines-header .section-title-white { margin-bottom: 0; }\r\n .domaines-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\r\n .domaine-pill {\r\n background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 8px; padding: 20px; display: flex; align-items: center; gap: 12px;\r\n transition: background 0.3s, border-color 0.3s, transform 0.3s;\r\n }\r\n .domaine-pill:hover { background: rgba(150,191,173,0.12); border-color: rgba(150,191,173,0.3); transform: translateY(-3px); }\r\n .domaine-pill-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); flex-shrink: 0; }\r\n .domaine-pill span { font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.85); }\r\n\r\n \/* \u2500\u2500 AVANTAGES \u2500\u2500 *\/\r\n .avantages-section { background: var(--gray-light); }\r\n .avantages-header { text-align: center; margin-bottom: 64px; }\r\n .avantages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n .avantage-card {\r\n background: var(--white); border: 1px solid var(--gray-border);\r\n border-radius: 10px; padding: 36px 30px;\r\n display: flex; align-items: flex-start; gap: 20px;\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n position: relative; overflow: hidden;\r\n }\r\n .avantage-card::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--orange), var(--teal));\r\n transform: scaleX(0); transition: transform 0.3s; transform-origin: left;\r\n }\r\n .avantage-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(0,0,0,0.08); }\r\n .avantage-card:hover::after { transform: scaleX(1); }\r\n .avantage-icon {\r\n width: 48px; height: 48px; flex-shrink: 0;\r\n background: rgba(150,191,173,0.12); border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .avantage-icon img { width: 26px; height: 26px; object-fit: contain; }\r\n .avantage-text h4 { font-size: 16px; font-weight: 700; color: var(--gray-dark); margin-bottom: 6px; }\r\n .avantage-text p { font-size: 13px; color: var(--gray-mid); line-height: 1.65; }\r\n\r\n \/* \u2500\u2500 MOBILE CAROUSEL \u2500\u2500 *\/\r\n .mobile-carousel-wrapper {\r\n display: none; position: relative; width: 100%; overflow: hidden;\r\n }\r\n .mobile-carousel-track {\r\n display: flex;\r\n transition: transform 0.4s cubic-bezier(.25,.46,.45,.94);\r\n will-change: transform;\r\n }\r\n .mobile-carousel-track .avantage-card {\r\n flex: 0 0 100%; width: 100%;\r\n }\r\n .mobile-carousel-dots {\r\n display: flex; justify-content: center; gap: 8px; margin-top: 24px;\r\n }\r\n .carousel-dot {\r\n width: 8px; height: 8px; border-radius: 50%;\r\n background: var(--gray-border); border: none; cursor: pointer; padding: 0;\r\n -webkit-tap-highlight-color: transparent;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .carousel-dot.active { background: var(--orange); transform: scale(1.25); }\r\n\r\n \/* \u2500\u2500 PROCESS \u2500\u2500 *\/\r\n .process-section { background: var(--white); }\r\n .process-header { text-align: center; margin-bottom: 72px; }\r\n .process-header .section-sub { margin: 0 auto; }\r\n .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; position: relative; }\r\n .process-grid::before { content: ''; position: absolute; top: 40px; left: 10%; right: 10%; height: 1px; background: var(--gray-border); z-index: 0; }\r\n .process-step { text-align: center; padding: 0 24px; position: relative; z-index: 1; }\r\n .process-num {\r\n width: 80px; height: 80px; border-radius: 50%;\r\n background: var(--white); border: 1px solid var(--gray-border);\r\n display: flex; align-items: center; justify-content: center; margin: 0 auto 28px;\r\n font-size: 22px; font-weight: 800; color: var(--gray-dark);\r\n transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n }\r\n .process-step:hover .process-num { background: var(--orange); color: var(--white); border-color: var(--orange); }\r\n .process-step h4 { font-size: 16px; font-weight: 700; color: var(--gray-dark); margin-bottom: 10px; }\r\n .process-step p { font-size: 14px; color: var(--gray-mid); line-height: 1.7; }\r\n\r\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n .cta-section { padding: 0; position: relative; overflow: hidden; }\r\n .cta-inner { position: relative; min-height: 520px; display: flex; align-items: center; }\r\n .cta-bg {\r\n position: absolute; inset: 0;\r\n background-image: url('https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/task_01kmk20y62f0bvqgz6jfkf8p74_1774461203_img_1.webp');\r\n background-size: cover; background-position: center;\r\n }\r\n .cta-overlay {\r\n position: absolute; inset: 0; background-color: rgba(30,30,30,0.88);\r\n background-image: repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(255,255,255,0.02) 50px, rgba(255,255,255,0.02) 56px);\r\n }\r\n .cta-content { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 80px 48px; text-align: center; }\r\n .cta-content .section-label { justify-content: center; }\r\n .cta-content h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--white); margin-bottom: 20px; }\r\n .cta-content p { font-size: 17px; color: rgba(255,255,255,0.7); max-width: 480px; margin: 0 auto 48px; line-height: 1.8; font-weight: 300; }\r\n .cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background-color: #1e1e1e;\r\n background-image: repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(255,255,255,0.015) 50px, rgba(255,255,255,0.015) 56px);\r\n padding: 64px 0 32px; color: rgba(255,255,255,0.7);\r\n }\r\n .footer-inner { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 56px; }\r\n .footer-brand img { height: 110px; margin-bottom: 20px; display: block; }\r\n .footer-brand p { font-size: 14px; line-height: 1.75; color: rgba(255,255,255,0.5); max-width: 260px; }\r\n .footer-brand a { display: inline-block; }\r\n .footer-brand a img { transition: transform 0.4s cubic-bezier(.34,1.56,.64,1), filter 0.4s ease; }\r\n .footer-brand a:hover img { transform: scale(1.06) rotate(1deg); filter: drop-shadow(0 4px 20px rgba(150,191,173,0.5)) brightness(1.08); }\r\n .footer-col h5 { font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--white); margin-bottom: 20px; }\r\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n .footer-col ul a { font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: none; transition: color 0.2s; }\r\n .footer-col ul a:hover { color: var(--teal); }\r\n .footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 28px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }\r\n .footer-bottom p { font-size: 13px; color: rgba(255,255,255,0.35); white-space: nowrap; }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n nav { padding: 0 28px; }\r\n .container { padding: 0 28px; }\r\n .intro-inner, .perso-inner { gap: 48px; }\r\n .solution-inner, .solution-inner.reverse { grid-template-columns: 1fr; direction: ltr; }\r\n .solution-img { min-height: 300px; }\r\n .domaines-grid { grid-template-columns: repeat(2, 1fr); }\r\n .avantages-grid { grid-template-columns: repeat(2, 1fr); }\r\n .process-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }\r\n .process-grid::before { display: none; }\r\n .footer-inner { grid-template-columns: 1fr 1fr; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n nav { padding: 0 20px; }\r\n nav .nav-menu { display: none; }\r\n .hamburger { display: flex; }\r\n\r\n .container { padding: 0 20px; }\r\n section { padding: 72px 0; }\r\n .hero-content { padding: 0 20px; padding-top: 72px; }\r\n .intro-inner, .perso-inner { grid-template-columns: 1fr; }\r\n .solution-inner, .solution-inner.reverse { grid-template-columns: 1fr; direction: ltr; }\r\n .solution-body { padding: 36px 28px; }\r\n .solution-inner.reverse .solution-num { left: 24px; right: auto; }\r\n .domaines-grid { grid-template-columns: repeat(2, 1fr); }\r\n .process-grid { grid-template-columns: 1fr; }\r\n .process-grid::before { display: none; }\r\n .perso-visual { height: 320px; }\r\n\r\n \/* Hide desktop avantages grid, show carousel *\/\r\n .avantages-grid { display: none; }\r\n .mobile-carousel-wrapper { display: block; }\r\n .avantages-header { margin-bottom: 48px; }\r\n\r\n \/* Footer mobile *\/\r\n .footer-inner { grid-template-columns: 1fr; text-align: center; gap: 32px; }\r\n .footer-brand img { margin: 0 auto 20px; }\r\n .footer-brand p { max-width: 100%; margin: 0 auto; }\r\n .footer-col.footer-hide-mobile { display: none; }\r\n .footer-col ul { align-items: center; }\r\n .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }\r\n .footer-bottom p { white-space: normal; }\r\n .cta-content { padding: 64px 20px; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500 NAV \u2500\u2500 -->\r\n<nav id=\"navbar\">\r\n <a href=\"https:\/\/harmodul.com\" class=\"nav-logo\">\r\n <img decoding=\"async\" class=\"nav-logo-white\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\" alt=\"Harmodul\">\r\n <img decoding=\"async\" class=\"nav-logo-color\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-1.png\" alt=\"Harmodul\">\r\n <\/a>\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"https:\/\/harmodul.com\">Accueil<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/concept-modulaire\/\">Concept<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/nos-modules\/\">Nos modules<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/presentation\/\">Pr\u00e9sentation<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/contact\/\" class=\"nav-cta\">Devis<\/a><\/li>\r\n <\/ul>\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n<\/nav>\r\n\r\n<!-- \u2500\u2500 MOBILE MENU OVERLAY \u2500\u2500 -->\r\n<div class=\"mobile-menu-overlay\" id=\"mobileMenu\">\r\n <ul>\r\n <li><a href=\"https:\/\/harmodul.com\" onclick=\"closeMobileMenu()\">Accueil<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/concept-modulaire\/\" onclick=\"closeMobileMenu()\">Concept<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/nos-modules\/\" onclick=\"closeMobileMenu()\">Nos modules<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/presentation\/\" onclick=\"closeMobileMenu()\">Pr\u00e9sentation<\/a><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/harmodul.com\/index.php\/contact\/\" class=\"mobile-menu-cta\" onclick=\"closeMobileMenu()\">Demander un devis \u2192<\/a>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-bg\" id=\"heroBg\"><\/div>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-tag\">Nos solutions<\/div>\r\n <h1>Nos solutions <span>modulaires<\/span><\/h1>\r\n <p class=\"hero-sub\">Des solutions flexibles, durables et adapt\u00e9es \u00e0 tous vos projets.<\/p>\r\n <p class=\"hero-desc\">Harmodul con\u00e7oit des modules \u00e0 partir de conteneurs recycl\u00e9s pour cr\u00e9er des espaces de vie, de travail et de production, adapt\u00e9s \u00e0 vos besoins et \u00e0 votre environnement.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"divider-accent\"><\/div>\r\n\r\n<!-- \u2500\u2500 INTRO \u2500\u2500 -->\r\n<section class=\"intro-section\">\r\n <div class=\"container\">\r\n <div class=\"intro-inner\">\r\n <div class=\"intro-content reveal-left\">\r\n <div class=\"section-label\">Pourquoi le modulaire<\/div>\r\n <h2 class=\"section-title\">Une solution adapt\u00e9e<br>\u00e0 chaque besoin<\/h2>\r\n <p class=\"section-sub\">Nos modules s'adaptent \u00e0 de nombreux usages : habitat, professionnel, agricole ou formation. Chaque solution est con\u00e7ue pour \u00eatre \u00e9volutive, personnalisable et rapide \u00e0 d\u00e9ployer.<\/p>\r\n <\/div>\r\n <div class=\"intro-numbers reveal-right\">\r\n <div class=\"intro-number\">\r\n <div class=\"num\">3\u00d7<\/div>\r\n <p><strong>Construction acc\u00e9l\u00e9r\u00e9e<\/strong>D\u00e9lais r\u00e9duits par rapport \u00e0 une construction traditionnelle.<\/p>\r\n <\/div>\r\n <div class=\"intro-number\">\r\n <div class=\"num\">4<\/div>\r\n <p><strong>Domaines d'expertise<\/strong>Habitat, \u00e9nergie, agriculture et formation.<\/p>\r\n <\/div>\r\n <div class=\"intro-number\">\r\n <div class=\"num\">100%<\/div>\r\n <p><strong>Personnalisable<\/strong>Surface, am\u00e9nagement, design et \u00e9quipements sur mesure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 SOLUTIONS \u2500\u2500 -->\r\n<section class=\"solutions-section\">\r\n <div class=\"container\">\r\n <div class=\"solutions-header reveal\">\r\n <div class=\"section-label\">Nos 4 solutions<\/div>\r\n <h2 class=\"section-title\">Des modules pour chaque usage<\/h2>\r\n <p class=\"section-sub\">D\u00e9couvrez nos solutions con\u00e7ues pour r\u00e9pondre \u00e0 vos besoins sp\u00e9cifiques, quel que soit le contexte.<\/p>\r\n <\/div>\r\n\r\n <div class=\"solution-block reveal\">\r\n <div class=\"solution-inner\">\r\n <div class=\"solution-img\">\r\n <img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"Espaces de vie & professionnels\">\r\n <div class=\"solution-num\">01<\/div>\r\n <\/div>\r\n <div class=\"solution-body\">\r\n <div class=\"sol-cat\">\ud83c\udfe0 Habitations \u00b7 Bureaux \u00b7 Commerces<\/div>\r\n <h3>Espaces de vie & professionnels<\/h3>\r\n <p>Nos modules permettent de cr\u00e9er des espaces confortables, modernes et fonctionnels pour tous les usages du quotidien et de l'entreprise.<\/p>\r\n <div class=\"solution-points\">\r\n <div class=\"solution-point\">Installation rapide sur site<\/div>\r\n <div class=\"solution-point\">Confort optimal toute l'ann\u00e9e<\/div>\r\n <div class=\"solution-point\">Design moderne et soign\u00e9<\/div>\r\n <div class=\"solution-point\">Personnalisation compl\u00e8te<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/harmodul.com\/index.php\/contact\/\" class=\"btn-link-dark\">\r\n Demander un devis\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"solution-block reveal\">\r\n <div class=\"solution-inner reverse\">\r\n <div class=\"solution-img\">\r\n <img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/task_01km5tj3ftfbcv5wkyg211dce8_1774017159_img_0.webp\" alt=\"Autonomie \u00e9nerg\u00e9tique\">\r\n <div class=\"solution-num\">02<\/div>\r\n <\/div>\r\n <div class=\"solution-body\">\r\n <div class=\"sol-cat\">\u26a1 Solutions photovolta\u00efques int\u00e9gr\u00e9es<\/div>\r\n <h3>Autonomie \u00e9nerg\u00e9tique<\/h3>\r\n <p>Nos modules peuvent int\u00e9grer des solutions photovolta\u00efques pour produire et g\u00e9rer votre propre \u00e9nergie, en toute ind\u00e9pendance.<\/p>\r\n <div class=\"solution-points\">\r\n <div class=\"solution-point\">Panneaux solaires int\u00e9gr\u00e9s<\/div>\r\n <div class=\"solution-point\">R\u00e9duction des co\u00fbts \u00e9nerg\u00e9tiques<\/div>\r\n <div class=\"solution-point\">Autonomie partielle ou totale<\/div>\r\n <div class=\"solution-point\">Solution durable et \u00e9volutive<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/harmodul.com\/index.php\/contact\/\" class=\"btn-link-dark\">\r\n Demander un devis\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"solution-block reveal\">\r\n <div class=\"solution-inner\">\r\n <div class=\"solution-img\">\r\n <img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/task_01km5t7381fjv8sh3wnvnscefx_1774016802_img_1.webp\" alt=\"Solutions agricoles\">\r\n <div class=\"solution-num\">03<\/div>\r\n <\/div>\r\n <div class=\"solution-body\">\r\n <div class=\"sol-cat\">\ud83c\udf31 Stockage \u00b7 Transformation \u00b7 Production<\/div>\r\n <h3>Solutions agricoles<\/h3>\r\n <p>Des unit\u00e9s modulaires adapt\u00e9es aux besoins agricoles : stockage, transformation ou production, con\u00e7ues pour les environnements ruraux les plus exigeants.<\/p>\r\n <div class=\"solution-points\">\r\n <div class=\"solution-point\">Adapt\u00e9 aux environnements ruraux<\/div>\r\n <div class=\"solution-point\">Optimisation de la production<\/div>\r\n <div class=\"solution-point\">Contribution au d\u00e9veloppement local<\/div>\r\n <div class=\"solution-point\">Structures robustes et durables<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/harmodul.com\/index.php\/contact\/\" class=\"btn-link-dark\">\r\n Demander un devis\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"solution-block reveal\">\r\n <div class=\"solution-inner reverse\">\r\n <div class=\"solution-img\">\r\n <img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/task_01km5t1b5jfd1b31gjma43wav9_1774016614_img_0.webp\" alt=\"Centres de formation\">\r\n <div class=\"solution-num\">04<\/div>\r\n <\/div>\r\n <div class=\"solution-body\">\r\n <div class=\"sol-cat\">\ud83c\udf93 Apprentissage \u00b7 Formation professionnelle<\/div>\r\n <h3>Centres de formation<\/h3>\r\n <p>Des espaces d\u00e9di\u00e9s \u00e0 l'apprentissage et \u00e0 la formation, con\u00e7us pour accompagner la mont\u00e9e en comp\u00e9tences et favoriser l'emploi local.<\/p>\r\n <div class=\"solution-points\">\r\n <div class=\"solution-point\">Espaces modulables et adaptables<\/div>\r\n <div class=\"solution-point\">Con\u00e7us pour les besoins p\u00e9dagogiques<\/div>\r\n <div class=\"solution-point\">Installation rapide et cl\u00e9 en main<\/div>\r\n <div class=\"solution-point\">Favorise l'emploi et la formation locale<\/div>\r\n <\/div>\r\n <a href=\"https:\/\/harmodul.com\/index.php\/contact\/\" class=\"btn-link-dark\">\r\n Demander un devis\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 PERSONNALISATION \u2500\u2500 -->\r\n<section class=\"perso-section\">\r\n <div class=\"container\">\r\n <div class=\"perso-inner\">\r\n <div class=\"perso-content reveal-left\">\r\n <div class=\"section-label\">Sur mesure<\/div>\r\n <h2 class=\"section-title\">Des modules 100%<br>personnalisables<\/h2>\r\n <p>Chaque projet est unique. Nos modules peuvent \u00eatre enti\u00e8rement adapt\u00e9s selon vos besoins : surface, am\u00e9nagement int\u00e9rieur, design ext\u00e9rieur, \u00e9quipements techniques ou solutions \u00e9nerg\u00e9tiques.<\/p>\r\n <div class=\"perso-list\">\r\n <div class=\"perso-item\">\r\n <div class=\"perso-item-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg><\/div>\r\n Surface modulable selon vos besoins\r\n <\/div>\r\n <div class=\"perso-item\">\r\n <div class=\"perso-item-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\r\n Am\u00e9nagement int\u00e9rieur sur mesure\r\n <\/div>\r\n <div class=\"perso-item\">\r\n <div class=\"perso-item-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg><\/div>\r\n Options \u00e9nerg\u00e9tiques int\u00e9gr\u00e9es (solaire\u2026)\r\n <\/div>\r\n <div class=\"perso-item\">\r\n <div class=\"perso-item-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg><\/div>\r\n Finitions et design personnalis\u00e9s\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"perso-visual reveal-right\">\r\n <img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/task_01kmk5x37cebz9vwvb9zdb4fyt_1774465263_img_0.webp\" alt=\"Personnalisation\">\r\n <div class=\"perso-visual-content\">\r\n <h4>Con\u00e7u pour vous<\/h4>\r\n <p>De la conception \u00e0 la livraison,<br>chaque d\u00e9tail est pens\u00e9 pour votre projet.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 DOMAINES \u2500\u2500 -->\r\n<section class=\"domaines-section\">\r\n <div class=\"container\">\r\n <div class=\"domaines-header reveal\">\r\n <div class=\"section-label\">Champ d'application<\/div>\r\n <h2 class=\"section-title-white\">Pour tous types de projets<\/h2>\r\n <\/div>\r\n <div class=\"domaines-grid\">\r\n <div class=\"domaine-pill reveal delay-1\"><div class=\"domaine-pill-dot\"><\/div><span>Maisons individuelles<\/span><\/div>\r\n <div class=\"domaine-pill reveal delay-2\"><div class=\"domaine-pill-dot\"><\/div><span>Bureaux et commerces<\/span><\/div>\r\n <div class=\"domaine-pill reveal delay-3\"><div class=\"domaine-pill-dot\"><\/div><span>Logements sociaux<\/span><\/div>\r\n <div class=\"domaine-pill reveal delay-4\"><div class=\"domaine-pill-dot\"><\/div><span>Infrastructures publiques<\/span><\/div>\r\n <div class=\"domaine-pill reveal delay-1\"><div class=\"domaine-pill-dot\"><\/div><span>Projets agricoles<\/span><\/div>\r\n <div class=\"domaine-pill reveal delay-2\"><div class=\"domaine-pill-dot\"><\/div><span>Centres de formation<\/span><\/div>\r\n <div class=\"domaine-pill reveal delay-3\"><div class=\"domaine-pill-dot\"><\/div><span>Projets touristiques<\/span><\/div>\r\n <div class=\"domaine-pill reveal delay-4\"><div class=\"domaine-pill-dot\"><\/div><span>Bases vie & chantiers<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 AVANTAGES \u2500\u2500 -->\r\n<section class=\"avantages-section\">\r\n <div class=\"container\">\r\n <div class=\"avantages-header reveal\">\r\n <div class=\"section-label\">Nos atouts<\/div>\r\n <h2 class=\"section-title\">Pourquoi choisir le modulaire ?<\/h2>\r\n <\/div>\r\n\r\n <!-- Desktop grid -->\r\n <div class=\"avantages-grid\">\r\n <div class=\"avantage-card reveal delay-1\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/8-1.png\" alt=\"Construction rapide\"><\/div>\r\n <div class=\"avantage-text\"><h4>Construction rapide<\/h4><p>D\u00e9lais r\u00e9duits jusqu'\u00e0 3\u00d7 par rapport aux m\u00e9thodes traditionnelles.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card reveal delay-2\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-5.png\" alt=\"Co\u00fbt ma\u00eetris\u00e9\"><\/div>\r\n <div class=\"avantage-text\"><h4>Co\u00fbt ma\u00eetris\u00e9<\/h4><p>Budget transparent, sans surco\u00fbts cach\u00e9s ni impr\u00e9vus de chantier.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card reveal delay-3\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-1-2.png\" alt=\"Mat\u00e9riaux recycl\u00e9s\"><\/div>\r\n <div class=\"avantage-text\"><h4>Mat\u00e9riaux recycl\u00e9s<\/h4><p>Conteneurs maritimes r\u00e9utilis\u00e9s, r\u00e9duisant l'impact environnemental.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card reveal delay-1\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/5-1.png\" alt=\"Adaptation au climat\"><\/div>\r\n <div class=\"avantage-text\"><h4>Adaptation au climat<\/h4><p>Solutions pens\u00e9es pour chaque environnement, tropical, aride ou temp\u00e9r\u00e9.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card reveal delay-2\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/6-1.png\" alt=\"Solution \u00e9volutive\"><\/div>\r\n <div class=\"avantage-text\"><h4>Solution \u00e9volutive<\/h4><p>Ajoutez, modifiez ou d\u00e9placez vos modules selon vos besoins.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card reveal delay-3\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/9-1.png\" alt=\"Impact r\u00e9duit\"><\/div>\r\n <div class=\"avantage-text\"><h4>Impact r\u00e9duit<\/h4><p>Moins de d\u00e9chets de chantier, empreinte carbone minimis\u00e9e.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile carousel -->\r\n <div class=\"mobile-carousel-wrapper\" id=\"avantagesCarousel\">\r\n <div class=\"mobile-carousel-track\" id=\"avantagesTrack\">\r\n <div class=\"avantage-card\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/8-1.png\" alt=\"Construction rapide\"><\/div>\r\n <div class=\"avantage-text\"><h4>Construction rapide<\/h4><p>D\u00e9lais r\u00e9duits jusqu'\u00e0 3\u00d7 par rapport aux m\u00e9thodes traditionnelles.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-5.png\" alt=\"Co\u00fbt ma\u00eetris\u00e9\"><\/div>\r\n <div class=\"avantage-text\"><h4>Co\u00fbt ma\u00eetris\u00e9<\/h4><p>Budget transparent, sans surco\u00fbts cach\u00e9s ni impr\u00e9vus de chantier.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-1-2.png\" alt=\"Mat\u00e9riaux recycl\u00e9s\"><\/div>\r\n <div class=\"avantage-text\"><h4>Mat\u00e9riaux recycl\u00e9s<\/h4><p>Conteneurs maritimes r\u00e9utilis\u00e9s, r\u00e9duisant l'impact environnemental.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/5-1.png\" alt=\"Adaptation au climat\"><\/div>\r\n <div class=\"avantage-text\"><h4>Adaptation au climat<\/h4><p>Solutions pens\u00e9es pour chaque environnement, tropical, aride ou temp\u00e9r\u00e9.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/6-1.png\" alt=\"Solution \u00e9volutive\"><\/div>\r\n <div class=\"avantage-text\"><h4>Solution \u00e9volutive<\/h4><p>Ajoutez, modifiez ou d\u00e9placez vos modules selon vos besoins.<\/p><\/div>\r\n <\/div>\r\n <div class=\"avantage-card\">\r\n <div class=\"avantage-icon\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/9-1.png\" alt=\"Impact r\u00e9duit\"><\/div>\r\n <div class=\"avantage-text\"><h4>Impact r\u00e9duit<\/h4><p>Moins de d\u00e9chets de chantier, empreinte carbone minimis\u00e9e.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mobile-carousel-dots\" id=\"avantagesDots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 PROCESSUS \u2500\u2500 -->\r\n<section class=\"process-section\">\r\n <div class=\"container\">\r\n <div class=\"process-header reveal\">\r\n <div class=\"section-label\">Notre m\u00e9thode<\/div>\r\n <h2 class=\"section-title\">Un projet simple \u00e0 mettre en place<\/h2>\r\n <p class=\"section-sub\">De votre id\u00e9e \u00e0 la remise des cl\u00e9s, nous vous accompagnons \u00e0 chaque \u00e9tape avec m\u00e9thode et transparence.<\/p>\r\n <\/div>\r\n <div class=\"process-grid\">\r\n <div class=\"process-step reveal delay-1\">\r\n <div class=\"process-num\">01<\/div>\r\n <h4>Analyse de vos besoins<\/h4>\r\n <p>\u00c9tude de votre projet, de vos contraintes et de vos objectifs pour d\u00e9finir la solution id\u00e9ale.<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal delay-2\">\r\n <div class=\"process-num\">02<\/div>\r\n <h4>Conception sur mesure<\/h4>\r\n <p>Plans, am\u00e9nagements, choix des mat\u00e9riaux et options techniques adapt\u00e9s \u00e0 votre projet.<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal delay-3\">\r\n <div class=\"process-num\">03<\/div>\r\n <h4>Fabrication en atelier<\/h4>\r\n <p>Production optimis\u00e9e garantissant qualit\u00e9, rapidit\u00e9 et ma\u00eetrise totale des co\u00fbts.<\/p>\r\n <\/div>\r\n <div class=\"process-step reveal delay-4\">\r\n <div class=\"process-num\">04<\/div>\r\n <h4>Livraison & installation<\/h4>\r\n <p>Transport, assemblage et mise en service sur site. Votre espace est pr\u00eat \u00e0 l'emploi.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 CTA \u2500\u2500 -->\r\n<section class=\"cta-section\">\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-bg\"><\/div>\r\n <div class=\"cta-overlay\"><\/div>\r\n <div class=\"cta-content\">\r\n <div class=\"section-label\">Passez \u00e0 l'action<\/div>\r\n <h2 class=\"reveal\">Un projet en t\u00eate ?<\/h2>\r\n <p class=\"reveal delay-1\">Contactez-nous pour \u00e9tudier votre projet et b\u00e9n\u00e9ficier d'une solution modulaire adapt\u00e9e \u00e0 vos besoins.<\/p>\r\n <div class=\"cta-actions reveal delay-2\">\r\n <a href=\"https:\/\/harmodul.com\/index.php\/contact\/\" class=\"btn-primary\">\r\n Demander un devis\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/harmodul.com\/index.php\/contact\/\" class=\"btn-outline\">Nous contacter<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 FOOTER \u2500\u2500 -->\r\n<footer>\r\n <div class=\"container\">\r\n <div class=\"footer-inner\">\r\n <div class=\"footer-brand\">\r\n <a href=\"https:\/\/harmodul.com\"><img decoding=\"async\" src=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\" alt=\"Harmodul\"><\/a>\r\n <p>Harmodul con\u00e7oit et livre des espaces modulaires \u00e0 base de conteneurs pour l'habitat, les commerces et les infrastructures.<\/p>\r\n <\/div>\r\n <div class=\"footer-col footer-hide-mobile\">\r\n <h5>Navigation<\/h5>\r\n <ul>\r\n <li><a href=\"https:\/\/harmodul.com\">Accueil<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/concept-modulaire\/\">Concept<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/nos-modules\/\">Nos modules<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/presentation\/\">Pr\u00e9sentation<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col footer-hide-mobile\">\r\n <h5>Solutions<\/h5>\r\n <ul>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/contact\/\">Espaces de vie<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/contact\/\">Autonomie \u00e9nerg\u00e9tique<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/contact\/\">Solutions agricoles<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/contact\/\">Centre de formation<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Contact<\/h5>\r\n <ul>\r\n <li><a href=\"mailto:contact@harmodul.com\">contact@harmodul.com<\/a><\/li>\r\n <li><a href=\"tel:+22600000000\">+226 00 00 00 00<\/a><\/li>\r\n <li><a href=\"tel:+33652565173\">+33 6 52 56 51 73<\/a><\/li>\r\n <li><a href=\"https:\/\/harmodul.com\/index.php\/contact\/\">Demander un devis<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2026 Harmodul. Tous droits r\u00e9serv\u00e9s.<\/p>\r\n <p style=\"color:rgba(255,255,255,0.35);font-size:12px\">Site r\u00e9alis\u00e9 par <a href=\"https:\/\/webleague.fr\" target=\"_blank\" rel=\"noopener\" style=\"color:rgba(255,255,255,0.5);text-decoration:none;transition:color 0.2s;\" onmouseover=\"this.style.color='#96bfad'\" onmouseout=\"this.style.color='rgba(255,255,255,0.5)'\">Webleague.fr<\/a><\/p>\r\n <p style=\"font-size:12px;display:flex;gap:16px;align-items:center\">\r\n <a href=\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\" target=\"_blank\" rel=\"noopener\" style=\"color:rgba(255,255,255,0.35);text-decoration:none;transition:color 0.2s;\" onmouseover=\"this.style.color='#96bfad'\" onmouseout=\"this.style.color='rgba(255,255,255,0.35)'\">Mentions l\u00e9gales<\/a>\r\n <span style=\"color:rgba(255,255,255,0.15)\">\u00b7<\/span>\r\n <a href=\"https:\/\/harmodul.com\/index.php\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\" style=\"color:rgba(255,255,255,0.35);text-decoration:none;transition:color 0.2s;\" onmouseover=\"this.style.color='#96bfad'\" onmouseout=\"this.style.color='rgba(255,255,255,0.35)'\">Politique de confidentialit\u00e9<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ \u2500\u2500 NAV STICKY \u2500\u2500\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 60);\r\n }, { passive: true });\r\n navbar.classList.toggle('scrolled', window.scrollY > 60);\r\n\r\n \/\/ \u2500\u2500 HERO BG \u2500\u2500\r\n const heroBg = document.getElementById('heroBg');\r\n setTimeout(() => heroBg.classList.add('loaded'), 100);\r\n\r\n \/\/ \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\r\n const allReveal = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\r\n allReveal.forEach(el => {\r\n if (el.getBoundingClientRect().top > window.innerHeight * 0.95) el.classList.add('anim');\r\n });\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); }\r\n });\r\n }, { threshold: 0.12 });\r\n allReveal.forEach(el => { if (el.classList.contains('anim')) observer.observe(el); });\r\n\r\n \/\/ \u2500\u2500 HAMBURGER \/ MOBILE MENU \u2500\u2500\r\n const hamburger = document.getElementById('hamburger');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n function closeMobileMenu() {\r\n hamburger.classList.remove('open');\r\n mobileMenu.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n window.closeMobileMenu = closeMobileMenu;\r\n\r\n hamburger.addEventListener('click', () => {\r\n const isOpen = hamburger.classList.toggle('open');\r\n mobileMenu.classList.toggle('active', isOpen);\r\n document.body.style.overflow = isOpen ? 'hidden' : '';\r\n });\r\n\r\n mobileMenu.addEventListener('click', (e) => {\r\n if (e.target === mobileMenu) closeMobileMenu();\r\n });\r\n\r\n \/\/ \u2500\u2500 CAROUSEL avantages \u2500\u2500\r\n (function() {\r\n const track = document.getElementById('avantagesTrack');\r\n const dotsContainer = document.getElementById('avantagesDots');\r\n if (!track || !dotsContainer) return;\r\n\r\n const count = track.children.length;\r\n let current = 0;\r\n let startX = 0;\r\n\r\n for (let i = 0; i < count; i++) {\r\n const dot = document.createElement('button');\r\n dot.className = 'carousel-dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('aria-label', 'Slide ' + (i + 1));\r\n dot.addEventListener('click', () => goTo(i));\r\n dotsContainer.appendChild(dot);\r\n }\r\n\r\n function goTo(index) {\r\n current = Math.max(0, Math.min(index, count - 1));\r\n const w = track.parentElement.offsetWidth;\r\n track.style.transform = 'translateX(-' + (current * w) + 'px)';\r\n dotsContainer.querySelectorAll('.carousel-dot').forEach((d, i) => {\r\n d.classList.toggle('active', i === current);\r\n });\r\n }\r\n\r\n track.addEventListener('touchstart', (e) => { startX = e.touches[0].clientX; }, { passive: true });\r\n track.addEventListener('touchend', (e) => {\r\n const diff = startX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 40) goTo(diff > 0 ? current + 1 : current - 1);\r\n }, { passive: true });\r\n\r\n window.addEventListener('resize', () => goTo(current));\r\n })();\r\n<\/script>\r\n<\/body>\r\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>Nos Modules \u2014 Harmodul Accueil Concept Nos modules Pr\u00e9sentation Devis Accueil Concept Nos modules Pr\u00e9sentation Demander un devis \u2192 Nos solutions Nos solutions modulaires Des solutions flexibles, durables et adapt\u00e9es \u00e0 tous vos projets. Harmodul con\u00e7oit des modules \u00e0 partir de conteneurs recycl\u00e9s pour cr\u00e9er des espaces de vie, de travail et de production, adapt\u00e9s […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nos modules - Harmodul<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez nos modules conteneur : habitations, espaces professionnels, solutions agricoles et centres de formation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/harmodul.com\/index.php\/nos-modules\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nos modules - Harmodul\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez nos modules conteneur : habitations, espaces professionnels, solutions agricoles et centres de formation.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/harmodul.com\/index.php\/nos-modules\/\" \/>\n<meta property=\"og:site_name\" content=\"Harmodul\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T11:24:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/harmodul.com\/index.php\/nos-modules\/\",\"url\":\"http:\/\/harmodul.com\/index.php\/nos-modules\/\",\"name\":\"Nos modules - Harmodul\",\"isPartOf\":{\"@id\":\"http:\/\/harmodul.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/harmodul.com\/index.php\/nos-modules\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/harmodul.com\/index.php\/nos-modules\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\",\"datePublished\":\"2026-03-18T15:48:31+00:00\",\"dateModified\":\"2026-04-14T11:24:18+00:00\",\"description\":\"D\u00e9couvrez nos modules conteneur : habitations, espaces professionnels, solutions agricoles et centres de formation.\",\"breadcrumb\":{\"@id\":\"http:\/\/harmodul.com\/index.php\/nos-modules\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/harmodul.com\/index.php\/nos-modules\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"http:\/\/harmodul.com\/index.php\/nos-modules\/#primaryimage\",\"url\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\",\"contentUrl\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/harmodul.com\/index.php\/nos-modules\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"http:\/\/harmodul.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nos modules\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/harmodul.com\/#website\",\"url\":\"http:\/\/harmodul.com\/\",\"name\":\"Harmodul\",\"description\":\"Des espaces qui ont du sens\",\"publisher\":{\"@id\":\"http:\/\/harmodul.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/harmodul.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/harmodul.com\/#organization\",\"name\":\"Harmodul\",\"url\":\"http:\/\/harmodul.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"http:\/\/harmodul.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-1.png\",\"contentUrl\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-1.png\",\"width\":500,\"height\":500,\"caption\":\"Harmodul\"},\"image\":{\"@id\":\"http:\/\/harmodul.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nos modules - Harmodul","description":"D\u00e9couvrez nos modules conteneur : habitations, espaces professionnels, solutions agricoles et centres de formation.","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":"http:\/\/harmodul.com\/index.php\/nos-modules\/","og_locale":"fr_FR","og_type":"article","og_title":"Nos modules - Harmodul","og_description":"D\u00e9couvrez nos modules conteneur : habitations, espaces professionnels, solutions agricoles et centres de formation.","og_url":"http:\/\/harmodul.com\/index.php\/nos-modules\/","og_site_name":"Harmodul","article_modified_time":"2026-04-14T11:24:18+00:00","og_image":[{"url":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/harmodul.com\/index.php\/nos-modules\/","url":"http:\/\/harmodul.com\/index.php\/nos-modules\/","name":"Nos modules - Harmodul","isPartOf":{"@id":"http:\/\/harmodul.com\/#website"},"primaryImageOfPage":{"@id":"http:\/\/harmodul.com\/index.php\/nos-modules\/#primaryimage"},"image":{"@id":"http:\/\/harmodul.com\/index.php\/nos-modules\/#primaryimage"},"thumbnailUrl":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png","datePublished":"2026-03-18T15:48:31+00:00","dateModified":"2026-04-14T11:24:18+00:00","description":"D\u00e9couvrez nos modules conteneur : habitations, espaces professionnels, solutions agricoles et centres de formation.","breadcrumb":{"@id":"http:\/\/harmodul.com\/index.php\/nos-modules\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["http:\/\/harmodul.com\/index.php\/nos-modules\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"http:\/\/harmodul.com\/index.php\/nos-modules\/#primaryimage","url":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png","contentUrl":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png"},{"@type":"BreadcrumbList","@id":"http:\/\/harmodul.com\/index.php\/nos-modules\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"http:\/\/harmodul.com\/"},{"@type":"ListItem","position":2,"name":"Nos modules"}]},{"@type":"WebSite","@id":"http:\/\/harmodul.com\/#website","url":"http:\/\/harmodul.com\/","name":"Harmodul","description":"Des espaces qui ont du sens","publisher":{"@id":"http:\/\/harmodul.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/harmodul.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"http:\/\/harmodul.com\/#organization","name":"Harmodul","url":"http:\/\/harmodul.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"http:\/\/harmodul.com\/#\/schema\/logo\/image\/","url":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-1.png","contentUrl":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-1.png","width":500,"height":500,"caption":"Harmodul"},"image":{"@id":"http:\/\/harmodul.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":22,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":270,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/270"}],"wp:attachment":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}