Mentions l\u00e9gales \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 --teal-dark: #6fa38e;\r\n --teal-light: #b8d4c8;\r\n --orange: #ff784f;\r\n --orange-dark: #e5633a;\r\n --gray-light: #f4f3f1;\r\n --gray-border: #e0ddd9;\r\n --green: #466752;\r\n --green-dark: #354f3e;\r\n --dark: #0f0f0f;\r\n --dark2: #141414;\r\n --dark3: #1a1a1a;\r\n --dark-border: #2a2a2a;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; background: var(--dark); 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 body { font-family: 'DM Sans', sans-serif; background: var(--dark); color: var(--gray-dark); }\r\n h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.01em; }\r\n\r\n ::-webkit-scrollbar { width: 5px; }\r\n ::-webkit-scrollbar-track { background: #f0efed; }\r\n ::-webkit-scrollbar-thumb { background: var(--gray-border); border-radius: 10px; }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n .reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.7s cubic-bezier(.22,.68,0,1.2), transform 0.7s cubic-bezier(.22,.68,0,1.2); }\r\n .reveal.visible { opacity: 1; transform: none; }\r\n .delay-1 { transition-delay: 0.10s; }\r\n .delay-2 { transition-delay: 0.22s; }\r\n .delay-3 { transition-delay: 0.34s; }\r\n\r\n @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes lineGrow { to { width: 55%; } }\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 { transform: scale(1.07) rotate(-1.5deg); filter: drop-shadow(0 4px 16px rgba(150,191,173,0.45)); }\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; color: var(--white) !important;\r\n border-radius: 4px; 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%; 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 .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 .divider-accent { height: 4px; background: linear-gradient(90deg, var(--orange) 0%, var(--teal) 100%); }\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; border: none; cursor: pointer;\r\n transition: background 0.2s, transform 0.2s, box-shadow 0.2s; font-family: 'DM Sans', sans-serif;\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: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(255,120,79,0.4); color: var(--white) !important; }\r\n\r\n .btn-outline-hero {\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-hero::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-hero:hover::after { left: 130%; transition: left 0.55s cubic-bezier(.4,0,.2,1); }\r\n .btn-outline-hero:hover { border-color: var(--white); background: rgba(255,255,255,0.08); transform: translateY(-2px); color: var(--white) !important; }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero { position: relative; min-height: 68vh; 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_01kmk5x37cebz9vwvb9zdb4fyt_1774465263_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.6) 55%, rgba(0,0,0,0.25) 100%);\r\n }\r\n .hero-line {\r\n position: absolute; left: 0; bottom: 0; height: 4px;\r\n background: linear-gradient(90deg, var(--orange), var(--teal));\r\n width: 0%; animation: lineGrow 1.2s cubic-bezier(.23,1,.32,1) 1.2s forwards; z-index: 10;\r\n }\r\n .hero-content { position: relative; z-index: 2; width: 100%; padding: 0 64px; padding-top: 100px; text-align: center; }\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, .hero-tag::after { 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; margin-bottom: 20px;\r\n opacity: 0; transform: translateY(24px); animation: fadeUp 0.8s 0.5s forwards;\r\n }\r\n .hero h1 span { color: var(--teal); font-style: italic; display: block; }\r\n .hero-sub {\r\n font-size: 17px; font-weight: 300; color: rgba(255,255,255,0.65);\r\n max-width: 540px; margin: 0 auto 40px; line-height: 1.75;\r\n opacity: 0; transform: translateY(20px); animation: fadeUp 0.8s 0.7s forwards;\r\n }\r\n .hero-ctas {\r\n display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;\r\n opacity: 0; transform: translateY(20px); animation: fadeUp 0.8s 0.9s forwards;\r\n }\r\n\r\n \/* \u2500\u2500 CONTENT \u2500\u2500 *\/\r\n .mentions-section { padding: 88px 0 110px; background: var(--dark); }\r\n .mentions-intro { text-align: center; margin-bottom: 70px; }\r\n .mentions-intro .section-label { justify-content: center; color: var(--teal); }\r\n .mentions-intro .section-label::before { background: var(--teal); }\r\n .mentions-intro h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\r\n .mentions-intro h2 em { font-style: italic; color: var(--teal); }\r\n .mentions-intro p { font-size: 0.95rem; color: rgba(255,255,255,0.45); max-width: 620px; margin: 0 auto; line-height: 1.8; }\r\n .mentions-intro p strong { color: rgba(255,255,255,0.7); }\r\n\r\n \/* \u2500\u2500 CARDS \u2500\u2500 *\/\r\n .mentions-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; }\r\n\r\n .mention-card {\r\n background: var(--dark3); border: 1px solid var(--dark-border);\r\n border-radius: 16px; padding: 40px 36px;\r\n transition: transform 0.4s cubic-bezier(.23,1,.32,1), box-shadow 0.4s, border-color 0.4s;\r\n position: relative; overflow: hidden;\r\n }\r\n .mention-card::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(150,191,173,0.05), transparent 70%);\r\n opacity: 0; transition: opacity 0.4s;\r\n }\r\n .mention-card::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--teal-dark), var(--teal-light));\r\n transform: scaleX(0); transform-origin: left; transition: transform 0.5s cubic-bezier(.23,1,.32,1);\r\n }\r\n .mention-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(0,0,0,0.5); border-color: rgba(150,191,173,0.3); }\r\n .mention-card:hover::before { opacity: 1; }\r\n .mention-card:hover::after { transform: scaleX(1); }\r\n\r\n .mention-card.orange-accent::after { background: linear-gradient(90deg, var(--orange-dark), var(--orange)); }\r\n .mention-card.orange-accent .mention-card-icon { background: rgba(255,120,79,0.1); border-color: rgba(255,120,79,0.2); }\r\n .mention-card.orange-accent:hover .mention-card-icon { background: rgba(255,120,79,0.2); border-color: rgba(255,120,79,0.4); }\r\n .mention-card.orange-accent .mention-badge { background: rgba(255,120,79,0.1); border-color: rgba(255,120,79,0.25); color: var(--orange); }\r\n .mention-card.full-width { grid-column: 1 \/ -1; }\r\n\r\n .card-number {\r\n font-size: 3.2rem; font-weight: 800; line-height: 1;\r\n color: rgba(150,191,173,0.08); position: absolute; top: 20px; right: 28px;\r\n user-select: none; transition: color 0.4s;\r\n }\r\n .mention-card:hover .card-number { color: rgba(150,191,173,0.16); }\r\n .mention-card.orange-accent .card-number { color: rgba(255,120,79,0.08); }\r\n .mention-card.orange-accent:hover .card-number { color: rgba(255,120,79,0.16); }\r\n\r\n .mention-card-icon {\r\n width: 52px; height: 52px; border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\r\n background: rgba(150,191,173,0.1); border: 1px solid rgba(150,191,173,0.2);\r\n flex-shrink: 0; transition: background 0.3s, border-color 0.3s;\r\n }\r\n .mention-card:hover .mention-card-icon { background: rgba(150,191,173,0.18); border-color: rgba(150,191,173,0.4); }\r\n .mention-card-icon svg { width: 22px; height: 22px; flex-shrink: 0; }\r\n\r\n .mention-badge {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n background: rgba(150,191,173,0.1); border: 1px solid rgba(150,191,173,0.25);\r\n padding: 6px 13px; border-radius: 40px;\r\n font-size: 11px; font-weight: 600; color: var(--teal-light);\r\n letter-spacing: 0.04em; margin-bottom: 18px;\r\n }\r\n .mention-card-title { font-size: 1.45rem; font-weight: 800; color: #fff; margin-bottom: 20px; line-height: 1.2; }\r\n .mention-card-title em { font-style: italic; color: var(--teal); }\r\n .mention-card.orange-accent .mention-card-title em { color: var(--orange); }\r\n\r\n .info-row { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n .info-row:last-child { border-bottom: none; padding-bottom: 0; }\r\n .info-row-icon {\r\n width: 32px; height: 32px; border-radius: 8px;\r\n background: rgba(150,191,173,0.1);\r\n display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px;\r\n }\r\n .info-row-icon svg { width: 14px; height: 14px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n .info-label { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.3); margin-bottom: 3px; }\r\n .info-value { font-size: 0.9rem; color: rgba(255,255,255,0.78); font-weight: 500; }\r\n .info-value a { color: var(--teal) !important; text-decoration: none !important; transition: color 0.2s; }\r\n .info-value a:hover { color: var(--teal-light) !important; text-decoration: underline !important; }\r\n\r\n .card-body { font-size: 0.87rem; color: rgba(255,255,255,0.5); line-height: 1.82; }\r\n .card-body p { margin-bottom: 12px; }\r\n .card-body p:last-child { margin-bottom: 0; }\r\n .card-body strong { color: rgba(255,255,255,0.8); font-weight: 600; }\r\n .card-body a { color: var(--teal) !important; text-decoration: none !important; transition: color 0.2s; }\r\n .card-body a:hover { color: var(--teal-light) !important; text-decoration: underline !important; }\r\n\r\n \/* \u2500\u2500 CTA BAR \u2500\u2500 *\/\r\n .cta-bar { background: var(--dark2); border-top: 1px solid var(--dark-border); padding: 56px 0; }\r\n .cta-bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }\r\n .cta-bar-text .section-label { color: var(--teal); margin-bottom: 10px; }\r\n .cta-bar-text .section-label::before { background: var(--teal); }\r\n .cta-bar-text h3 { font-size: clamp(1.5rem, 2.5vw, 1.9rem); font-weight: 800; color: #fff; }\r\n .cta-bar-text h3 em { font-style: italic; color: var(--teal); }\r\n .cta-bar-btns { display: flex; flex-wrap: wrap; gap: 14px; flex-shrink: 0; }\r\n\r\n .btn-cta-teal {\r\n position: relative; overflow: hidden;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 15px 28px; background: var(--green); 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-cta-teal::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.3) 50%, transparent 100%);\r\n transform: skewX(-20deg); pointer-events: none;\r\n }\r\n .btn-cta-teal:hover::after { left: 130%; transition: left 0.5s cubic-bezier(.4,0,.2,1); }\r\n .btn-cta-teal:hover { background: var(--green-dark); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(70,103,82,0.4); color: var(--white) !important; }\r\n\r\n .btn-cta-outline {\r\n position: relative; overflow: hidden;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 14px 28px; background: transparent; color: rgba(255,255,255,0.8) !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.25); border-radius: 4px;\r\n transition: border-color 0.2s, background 0.2s, transform 0.2s, color 0.2s;\r\n }\r\n .btn-cta-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.18) 50%, transparent 100%);\r\n transform: skewX(-20deg); pointer-events: none;\r\n }\r\n .btn-cta-outline:hover::after { left: 130%; transition: left 0.5s cubic-bezier(.4,0,.2,1); }\r\n .btn-cta-outline:hover { border-color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.07); transform: translateY(-2px); color: #fff !important; }\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 a { display: inline-block; }\r\n .footer-brand a img { height: 110px; margin-bottom: 20px; display: block; 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-brand p { font-size: 14px; line-height: 1.75; color: rgba(255,255,255,0.5); max-width: 260px; }\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); 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 .footer-inner { grid-template-columns: 1fr 1fr; }\r\n }\r\n @media (max-width: 900px) {\r\n .mentions-grid { grid-template-columns: 1fr; }\r\n .mention-card.full-width { grid-column: 1; }\r\n .cta-bar-inner { flex-direction: column; text-align: center; }\r\n .cta-bar-text .section-label { justify-content: center; }\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 .hero-content { padding: 0 20px; padding-top: 72px; }\r\n .hero-ctas { flex-direction: column; align-items: center; }\r\n .hero-ctas a { width: 100%; max-width: 320px; justify-content: center; }\r\n .mention-card { padding: 28px 22px; }\r\n .cta-bar-btns a { width: 100%; justify-content: center; }\r\n\r\n \/* Footer mobile *\/\r\n .footer-inner { grid-template-columns: 1fr; text-align: center; gap: 32px; }\r\n .footer-brand a 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 }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\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\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\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-line\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-tag\">Harmodul \u2014 Site officiel<\/div>\r\n <h1>Mentions<span>l\u00e9gales<\/span><\/h1>\r\n <p class=\"hero-sub\">Informations l\u00e9gales et r\u00e9glementaires concernant le site internet et les services de Harmodul.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"mailto:contact@harmodul.com\" class=\"btn-primary\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n Nous contacter\r\n <\/a>\r\n <a href=\"https:\/\/harmodul.com\" class=\"btn-outline-hero\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5M5 12l7-7M5 12l7 7\"\/><\/svg>\r\n Retour \u00e0 l'accueil\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"mentions-section\">\r\n <div class=\"container\">\r\n\r\n <div class=\"mentions-intro\">\r\n <div class=\"section-label reveal\">Conformit\u00e9 l\u00e9gale<\/div>\r\n <h2 class=\"reveal delay-1\">Transparence & <em>l\u00e9galit\u00e9<\/em><\/h2>\r\n <p class=\"reveal delay-2\">Conform\u00e9ment aux dispositions de la loi n\u00b0 2004-575 du 21 juin 2004 pour la confiance en l'\u00e9conomie num\u00e9rique (LCEN), les pr\u00e9sentes mentions l\u00e9gales d\u00e9finissent les conditions d'utilisation du site <strong>harmodul.com<\/strong>.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mentions-grid\">\r\n\r\n \r\n <div class=\"mention-card orange-accent reveal delay-1\">\r\n <span class=\"card-number\">01<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff784f\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 12h4M8 16h8M8 8h2\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><\/svg>\r\n \u00c9diteur responsable\r\n <\/div>\r\n <h3 class=\"mention-card-title\">\u00c9diteur <em>du site<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-4 0v2M8 7V5a2 2 0 00-4 0v2\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Nom commercial<\/div><div class=\"info-value\">Harmodul<\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Email<\/div><div class=\"info-value\"><a href=\"mailto:contact@harmodul.com\">contact@harmodul.com<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.06 6.06l1.79-1.78a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"info-label\">T\u00e9l\u00e9phone<\/div>\r\n <div class=\"info-value\"><a href=\"tel:+33652565173\">+33 6 52 56 51 73<\/a><\/div>\r\n <div class=\"info-value\"><a href=\"tel:+22600000000\">+226 00 00 00 00<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"info-label\">Adresse<\/div>\r\n <div class=\"info-value\">Immeuble Business Fann, Av. Cheikh Anta Diop<br>Fann R\u00e9sidence \u00d7 Mermoz \u2014 Dakar, S\u00e9n\u00e9gal<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Directeur de la publication<\/div><div class=\"info-value\">Harmodul<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card reveal delay-2\">\r\n <span class=\"card-number\">02<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\r\n Conception & d\u00e9veloppement\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Cr\u00e9ation <em>du site<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>Le site <strong>harmodul.com<\/strong> a \u00e9t\u00e9 con\u00e7u et d\u00e9velopp\u00e9 par :<\/p>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-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 <div><div class=\"info-label\">Agence<\/div><div class=\"info-value\"><a href=\"https:\/\/webleague.fr\" target=\"_blank\" rel=\"noopener\">WebLeague<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Responsable<\/div><div class=\"info-value\">Mathys Gouellain<\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.06 6.06l1.79-1.78a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">T\u00e9l\u00e9phone<\/div><div class=\"info-value\"><a href=\"tel:0749701003\">07 49 70 10 03<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Email<\/div><div class=\"info-value\"><a href=\"mailto:contact@webleague.fr\">contact@webleague.fr<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Site web<\/div><div class=\"info-value\"><a href=\"https:\/\/webleague.fr\" target=\"_blank\" rel=\"noopener\">https:\/\/webleague.fr<\/a><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card reveal delay-1\">\r\n <span class=\"card-number\">03<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><\/svg>\r\n Infrastructure\r\n <\/div>\r\n <h3 class=\"mention-card-title\">H\u00e9bergement <em>du site<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>Le site est h\u00e9berg\u00e9 par la soci\u00e9t\u00e9 :<\/p>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-4 0v2\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">H\u00e9bergeur<\/div><div class=\"info-value\">OVH SAS<\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Adresse<\/div><div class=\"info-value\">2 rue Kellermann \u2014 59100 Roubaix, France<\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Site web<\/div><div class=\"info-value\"><a href=\"https:\/\/www.ovh.com\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ovh.com<\/a><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card reveal delay-2\">\r\n <span class=\"card-number\">04<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9.354a4 4 0 1 0 0 5.292\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9.354a4 4 0 1 0 0 5.292\"\/><\/svg>\r\n Droits r\u00e9serv\u00e9s\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Propri\u00e9t\u00e9 <em>intellectuelle<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>L'ensemble des contenus pr\u00e9sents sur le site <strong>Harmodul<\/strong> (textes, images, graphismes, logo, ic\u00f4nes, vid\u00e9os, etc.) sont la propri\u00e9t\u00e9 exclusive de Harmodul, sauf mention contraire.<\/p>\r\n <p>Toute reproduction, repr\u00e9sentation, modification, publication ou adaptation, totale ou partielle, de ces \u00e9l\u00e9ments est <strong>interdite sans autorisation \u00e9crite pr\u00e9alable<\/strong>.<\/p>\r\n <p>Toute exploitation non autoris\u00e9e sera consid\u00e9r\u00e9e comme constitutive d'une contrefa\u00e7on et poursuivie conform\u00e9ment au Code de la propri\u00e9t\u00e9 intellectuelle.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card full-width reveal delay-1\">\r\n <span class=\"card-number\">05<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n Limitation de responsabilit\u00e9\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Responsabilit\u00e9 & <em>liens externes<\/em><\/h3>\r\n <div class=\"card-body\" id=\"resp-body\">\r\n <p>Harmodul s'efforce de fournir sur le site des informations aussi pr\u00e9cises que possible. Toutefois, des erreurs ou omissions peuvent survenir. L'utilisateur du site reconna\u00eet utiliser ces informations sous sa responsabilit\u00e9 exclusive.<\/p>\r\n <p>Harmodul ne saurait \u00eatre tenu responsable de tous dommages directs ou indirects r\u00e9sultant de l'utilisation du site. La responsabilit\u00e9 de Harmodul ne saurait \u00eatre engag\u00e9e en cas d'interruption ou d'indisponibilit\u00e9 du site, de la pr\u00e9sence de virus ou d'incidents techniques affectant le mat\u00e9riel de l'utilisateur.<\/p>\r\n <p>Le site peut contenir des liens vers des sites externes. Harmodul ne peut \u00eatre tenu responsable du contenu de ces sites tiers ni des dommages pouvant r\u00e9sulter de leur consultation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card orange-accent reveal delay-1\">\r\n <span class=\"card-number\">06<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff784f\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n RGPD conforme\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Donn\u00e9es <em>personnelles<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>Les informations collect\u00e9es via les formulaires pr\u00e9sents sur le site sont destin\u00e9es exclusivement \u00e0 <strong>Harmodul<\/strong> dans le cadre de la gestion des demandes. Elles ne sont en aucun cas vendues ou transmises \u00e0 des tiers.<\/p>\r\n <p>Conform\u00e9ment au RGPD (R\u00e8glement UE 2016\/679), vous disposez d'un droit d'acc\u00e8s, de rectification et de suppression de vos donn\u00e9es personnelles.<\/p>\r\n <p>Pour toute demande : <a href=\"mailto:contact@harmodul.com\">contact@harmodul.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card reveal delay-2\">\r\n <span class=\"card-number\">07<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6l9-4 9 4\"\/><path d=\"M3 6v14l9 4 9-4V6\"\/><path d=\"M12 2v20\"\/><path d=\"M3 11h9M12 11h9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 6l9-4 9 4\"\/><path d=\"M3 6v14l9 4 9-4V6\"\/><\/svg>\r\n Juridiction applicable\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Droit <em>applicable<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>Le pr\u00e9sent site est soumis au droit applicable en vigueur. En cas de litige relatif \u00e0 l'utilisation du site <strong>harmodul.com<\/strong>, les juridictions comp\u00e9tentes seront saisies.<\/p>\r\n <p>Ces mentions l\u00e9gales ont \u00e9t\u00e9 r\u00e9dig\u00e9es conform\u00e9ment aux textes l\u00e9gaux en vigueur, notamment la loi n\u00b0 2004-575 du 21 juin 2004 pour la confiance en l'\u00e9conomie num\u00e9rique (LCEN).<\/p>\r\n <div class=\"info-row\" style=\"margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,0.06);\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Mise \u00e0 jour<\/div><div class=\"info-value\">Mars 2026<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"cta-bar\">\r\n <div class=\"container\">\r\n <div class=\"cta-bar-inner reveal\">\r\n <div class=\"cta-bar-text\">\r\n <div class=\"section-label\">Une question ?<\/div>\r\n <h3>Nous sommes <em>l\u00e0 pour vous<\/em><\/h3>\r\n <\/div>\r\n <div class=\"cta-bar-btns\">\r\n <a href=\"mailto:contact@harmodul.com\" class=\"btn-cta-teal\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n contact@harmodul.com\r\n <\/a>\r\n <a href=\"tel:+33652565173\" class=\"btn-cta-outline\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.06 6.06l1.79-1.78a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n +33 6 52 56 51 73\r\n <\/a>\r\n <a href=\"https:\/\/harmodul.com\" class=\"btn-cta-outline\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5M5 12l7-7M5 12l7 7\"\/><\/svg>\r\n Retour \u00e0 l'accueil\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\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;\">\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 setTimeout(() => document.getElementById('heroBg').classList.add('loaded'), 100);\r\n\r\n \/\/ \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\r\n const ro = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n }, { threshold: 0.1 });\r\n document.querySelectorAll('.reveal').forEach(el => ro.observe(el));\r\n\r\n \/\/ \u2500\u2500 RESPONSIVE 2-COL \u2500\u2500\r\n function fixCols() {\r\n const el = document.getElementById('resp-body');\r\n if (!el) return;\r\n el.style.columnCount = window.innerWidth < 768 ? '1' : '2';\r\n el.style.columnGap = '40px';\r\n el.style.columnRule = '1px solid rgba(255,255,255,0.05)';\r\n }\r\n fixCols();\r\n window.addEventListener('resize', fixCols);\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<\/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>Mentions l\u00e9gales \u2014 Harmodul Accueil Concept Nos modules Pr\u00e9sentation Devis Accueil Concept Nos modules Pr\u00e9sentation Demander un devis \u2192 Harmodul \u2014 Site officiel Mentionsl\u00e9gales Informations l\u00e9gales et r\u00e9glementaires concernant le site internet et les services de Harmodul. Nous contacter Retour \u00e0 l’accueil Conformit\u00e9 l\u00e9gale Transparence & l\u00e9galit\u00e9 Conform\u00e9ment aux dispositions de la loi n\u00b0 2004-575 […]<\/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-26","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Mentions l\u00e9gales \/ RGPD - Harmodul<\/title>\n<meta name=\"description\" content=\"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mentions l\u00e9gales \/ RGPD - Harmodul\" \/>\n<meta property=\"og:description\" content=\"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\" \/>\n<meta property=\"og:site_name\" content=\"Harmodul\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T11:42:41+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=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\",\"url\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\",\"name\":\"Mentions l\u00e9gales \/ RGPD - Harmodul\",\"isPartOf\":{\"@id\":\"http:\/\/harmodul.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\",\"datePublished\":\"2026-03-18T15:50:01+00:00\",\"dateModified\":\"2026-04-14T11:42:41+00:00\",\"description\":\"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.\",\"breadcrumb\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#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\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"http:\/\/harmodul.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mentions l\u00e9gales \/ RGPD\"}]},{\"@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_head_json":{"title":"Mentions l\u00e9gales \/ RGPD - Harmodul","description":"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/","og_locale":"fr_FR","og_type":"article","og_title":"Mentions l\u00e9gales \/ RGPD - Harmodul","og_description":"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.","og_url":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/","og_site_name":"Harmodul","article_modified_time":"2026-04-14T11:42:41+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":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/","url":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/","name":"Mentions l\u00e9gales \/ RGPD - Harmodul","isPartOf":{"@id":"http:\/\/harmodul.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#primaryimage"},"image":{"@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#primaryimage"},"thumbnailUrl":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png","datePublished":"2026-03-18T15:50:01+00:00","dateModified":"2026-04-14T11:42:41+00:00","description":"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.","breadcrumb":{"@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#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":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"http:\/\/harmodul.com\/"},{"@type":"ListItem","position":2,"name":"Mentions l\u00e9gales \/ RGPD"}]},{"@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\/26","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=26"}],"version-history":[{"count":19,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/279"}],"wp:attachment":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMentions l\u00e9gales \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 --teal-dark: #6fa38e;\r\n --teal-light: #b8d4c8;\r\n --orange: #ff784f;\r\n --orange-dark: #e5633a;\r\n --gray-light: #f4f3f1;\r\n --gray-border: #e0ddd9;\r\n --green: #466752;\r\n --green-dark: #354f3e;\r\n --dark: #0f0f0f;\r\n --dark2: #141414;\r\n --dark3: #1a1a1a;\r\n --dark-border: #2a2a2a;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; background: var(--dark); 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 body { font-family: 'DM Sans', sans-serif; background: var(--dark); color: var(--gray-dark); }\r\n h1, h2, h3, h4 { font-weight: 800; letter-spacing: -0.01em; }\r\n\r\n ::-webkit-scrollbar { width: 5px; }\r\n ::-webkit-scrollbar-track { background: #f0efed; }\r\n ::-webkit-scrollbar-thumb { background: var(--gray-border); border-radius: 10px; }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n .reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.7s cubic-bezier(.22,.68,0,1.2), transform 0.7s cubic-bezier(.22,.68,0,1.2); }\r\n .reveal.visible { opacity: 1; transform: none; }\r\n .delay-1 { transition-delay: 0.10s; }\r\n .delay-2 { transition-delay: 0.22s; }\r\n .delay-3 { transition-delay: 0.34s; }\r\n\r\n @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes lineGrow { to { width: 55%; } }\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 { transform: scale(1.07) rotate(-1.5deg); filter: drop-shadow(0 4px 16px rgba(150,191,173,0.45)); }\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; color: var(--white) !important;\r\n border-radius: 4px; 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%; 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 .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 .divider-accent { height: 4px; background: linear-gradient(90deg, var(--orange) 0%, var(--teal) 100%); }\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; border: none; cursor: pointer;\r\n transition: background 0.2s, transform 0.2s, box-shadow 0.2s; font-family: 'DM Sans', sans-serif;\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: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(255,120,79,0.4); color: var(--white) !important; }\r\n\r\n .btn-outline-hero {\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-hero::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-hero:hover::after { left: 130%; transition: left 0.55s cubic-bezier(.4,0,.2,1); }\r\n .btn-outline-hero:hover { border-color: var(--white); background: rgba(255,255,255,0.08); transform: translateY(-2px); color: var(--white) !important; }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero { position: relative; min-height: 68vh; 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_01kmk5x37cebz9vwvb9zdb4fyt_1774465263_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.6) 55%, rgba(0,0,0,0.25) 100%);\r\n }\r\n .hero-line {\r\n position: absolute; left: 0; bottom: 0; height: 4px;\r\n background: linear-gradient(90deg, var(--orange), var(--teal));\r\n width: 0%; animation: lineGrow 1.2s cubic-bezier(.23,1,.32,1) 1.2s forwards; z-index: 10;\r\n }\r\n .hero-content { position: relative; z-index: 2; width: 100%; padding: 0 64px; padding-top: 100px; text-align: center; }\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, .hero-tag::after { 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; margin-bottom: 20px;\r\n opacity: 0; transform: translateY(24px); animation: fadeUp 0.8s 0.5s forwards;\r\n }\r\n .hero h1 span { color: var(--teal); font-style: italic; display: block; }\r\n .hero-sub {\r\n font-size: 17px; font-weight: 300; color: rgba(255,255,255,0.65);\r\n max-width: 540px; margin: 0 auto 40px; line-height: 1.75;\r\n opacity: 0; transform: translateY(20px); animation: fadeUp 0.8s 0.7s forwards;\r\n }\r\n .hero-ctas {\r\n display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;\r\n opacity: 0; transform: translateY(20px); animation: fadeUp 0.8s 0.9s forwards;\r\n }\r\n\r\n \/* \u2500\u2500 CONTENT \u2500\u2500 *\/\r\n .mentions-section { padding: 88px 0 110px; background: var(--dark); }\r\n .mentions-intro { text-align: center; margin-bottom: 70px; }\r\n .mentions-intro .section-label { justify-content: center; color: var(--teal); }\r\n .mentions-intro .section-label::before { background: var(--teal); }\r\n .mentions-intro h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\r\n .mentions-intro h2 em { font-style: italic; color: var(--teal); }\r\n .mentions-intro p { font-size: 0.95rem; color: rgba(255,255,255,0.45); max-width: 620px; margin: 0 auto; line-height: 1.8; }\r\n .mentions-intro p strong { color: rgba(255,255,255,0.7); }\r\n\r\n \/* \u2500\u2500 CARDS \u2500\u2500 *\/\r\n .mentions-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; }\r\n\r\n .mention-card {\r\n background: var(--dark3); border: 1px solid var(--dark-border);\r\n border-radius: 16px; padding: 40px 36px;\r\n transition: transform 0.4s cubic-bezier(.23,1,.32,1), box-shadow 0.4s, border-color 0.4s;\r\n position: relative; overflow: hidden;\r\n }\r\n .mention-card::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(150,191,173,0.05), transparent 70%);\r\n opacity: 0; transition: opacity 0.4s;\r\n }\r\n .mention-card::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--teal-dark), var(--teal-light));\r\n transform: scaleX(0); transform-origin: left; transition: transform 0.5s cubic-bezier(.23,1,.32,1);\r\n }\r\n .mention-card:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(0,0,0,0.5); border-color: rgba(150,191,173,0.3); }\r\n .mention-card:hover::before { opacity: 1; }\r\n .mention-card:hover::after { transform: scaleX(1); }\r\n\r\n .mention-card.orange-accent::after { background: linear-gradient(90deg, var(--orange-dark), var(--orange)); }\r\n .mention-card.orange-accent .mention-card-icon { background: rgba(255,120,79,0.1); border-color: rgba(255,120,79,0.2); }\r\n .mention-card.orange-accent:hover .mention-card-icon { background: rgba(255,120,79,0.2); border-color: rgba(255,120,79,0.4); }\r\n .mention-card.orange-accent .mention-badge { background: rgba(255,120,79,0.1); border-color: rgba(255,120,79,0.25); color: var(--orange); }\r\n .mention-card.full-width { grid-column: 1 \/ -1; }\r\n\r\n .card-number {\r\n font-size: 3.2rem; font-weight: 800; line-height: 1;\r\n color: rgba(150,191,173,0.08); position: absolute; top: 20px; right: 28px;\r\n user-select: none; transition: color 0.4s;\r\n }\r\n .mention-card:hover .card-number { color: rgba(150,191,173,0.16); }\r\n .mention-card.orange-accent .card-number { color: rgba(255,120,79,0.08); }\r\n .mention-card.orange-accent:hover .card-number { color: rgba(255,120,79,0.16); }\r\n\r\n .mention-card-icon {\r\n width: 52px; height: 52px; border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\r\n background: rgba(150,191,173,0.1); border: 1px solid rgba(150,191,173,0.2);\r\n flex-shrink: 0; transition: background 0.3s, border-color 0.3s;\r\n }\r\n .mention-card:hover .mention-card-icon { background: rgba(150,191,173,0.18); border-color: rgba(150,191,173,0.4); }\r\n .mention-card-icon svg { width: 22px; height: 22px; flex-shrink: 0; }\r\n\r\n .mention-badge {\r\n display: inline-flex; align-items: center; gap: 7px;\r\n background: rgba(150,191,173,0.1); border: 1px solid rgba(150,191,173,0.25);\r\n padding: 6px 13px; border-radius: 40px;\r\n font-size: 11px; font-weight: 600; color: var(--teal-light);\r\n letter-spacing: 0.04em; margin-bottom: 18px;\r\n }\r\n .mention-card-title { font-size: 1.45rem; font-weight: 800; color: #fff; margin-bottom: 20px; line-height: 1.2; }\r\n .mention-card-title em { font-style: italic; color: var(--teal); }\r\n .mention-card.orange-accent .mention-card-title em { color: var(--orange); }\r\n\r\n .info-row { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n .info-row:last-child { border-bottom: none; padding-bottom: 0; }\r\n .info-row-icon {\r\n width: 32px; height: 32px; border-radius: 8px;\r\n background: rgba(150,191,173,0.1);\r\n display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px;\r\n }\r\n .info-row-icon svg { width: 14px; height: 14px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n .info-label { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.3); margin-bottom: 3px; }\r\n .info-value { font-size: 0.9rem; color: rgba(255,255,255,0.78); font-weight: 500; }\r\n .info-value a { color: var(--teal) !important; text-decoration: none !important; transition: color 0.2s; }\r\n .info-value a:hover { color: var(--teal-light) !important; text-decoration: underline !important; }\r\n\r\n .card-body { font-size: 0.87rem; color: rgba(255,255,255,0.5); line-height: 1.82; }\r\n .card-body p { margin-bottom: 12px; }\r\n .card-body p:last-child { margin-bottom: 0; }\r\n .card-body strong { color: rgba(255,255,255,0.8); font-weight: 600; }\r\n .card-body a { color: var(--teal) !important; text-decoration: none !important; transition: color 0.2s; }\r\n .card-body a:hover { color: var(--teal-light) !important; text-decoration: underline !important; }\r\n\r\n \/* \u2500\u2500 CTA BAR \u2500\u2500 *\/\r\n .cta-bar { background: var(--dark2); border-top: 1px solid var(--dark-border); padding: 56px 0; }\r\n .cta-bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }\r\n .cta-bar-text .section-label { color: var(--teal); margin-bottom: 10px; }\r\n .cta-bar-text .section-label::before { background: var(--teal); }\r\n .cta-bar-text h3 { font-size: clamp(1.5rem, 2.5vw, 1.9rem); font-weight: 800; color: #fff; }\r\n .cta-bar-text h3 em { font-style: italic; color: var(--teal); }\r\n .cta-bar-btns { display: flex; flex-wrap: wrap; gap: 14px; flex-shrink: 0; }\r\n\r\n .btn-cta-teal {\r\n position: relative; overflow: hidden;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 15px 28px; background: var(--green); 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-cta-teal::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.3) 50%, transparent 100%);\r\n transform: skewX(-20deg); pointer-events: none;\r\n }\r\n .btn-cta-teal:hover::after { left: 130%; transition: left 0.5s cubic-bezier(.4,0,.2,1); }\r\n .btn-cta-teal:hover { background: var(--green-dark); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(70,103,82,0.4); color: var(--white) !important; }\r\n\r\n .btn-cta-outline {\r\n position: relative; overflow: hidden;\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 14px 28px; background: transparent; color: rgba(255,255,255,0.8) !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.25); border-radius: 4px;\r\n transition: border-color 0.2s, background 0.2s, transform 0.2s, color 0.2s;\r\n }\r\n .btn-cta-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.18) 50%, transparent 100%);\r\n transform: skewX(-20deg); pointer-events: none;\r\n }\r\n .btn-cta-outline:hover::after { left: 130%; transition: left 0.5s cubic-bezier(.4,0,.2,1); }\r\n .btn-cta-outline:hover { border-color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.07); transform: translateY(-2px); color: #fff !important; }\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 a { display: inline-block; }\r\n .footer-brand a img { height: 110px; margin-bottom: 20px; display: block; 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-brand p { font-size: 14px; line-height: 1.75; color: rgba(255,255,255,0.5); max-width: 260px; }\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); 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 .footer-inner { grid-template-columns: 1fr 1fr; }\r\n }\r\n @media (max-width: 900px) {\r\n .mentions-grid { grid-template-columns: 1fr; }\r\n .mention-card.full-width { grid-column: 1; }\r\n .cta-bar-inner { flex-direction: column; text-align: center; }\r\n .cta-bar-text .section-label { justify-content: center; }\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 .hero-content { padding: 0 20px; padding-top: 72px; }\r\n .hero-ctas { flex-direction: column; align-items: center; }\r\n .hero-ctas a { width: 100%; max-width: 320px; justify-content: center; }\r\n .mention-card { padding: 28px 22px; }\r\n .cta-bar-btns a { width: 100%; justify-content: center; }\r\n\r\n \/* Footer mobile *\/\r\n .footer-inner { grid-template-columns: 1fr; text-align: center; gap: 32px; }\r\n .footer-brand a 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 }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\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\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\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-line\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-tag\">Harmodul \u2014 Site officiel<\/div>\r\n <h1>Mentions<span>l\u00e9gales<\/span><\/h1>\r\n <p class=\"hero-sub\">Informations l\u00e9gales et r\u00e9glementaires concernant le site internet et les services de Harmodul.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"mailto:contact@harmodul.com\" class=\"btn-primary\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n Nous contacter\r\n <\/a>\r\n <a href=\"https:\/\/harmodul.com\" class=\"btn-outline-hero\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5M5 12l7-7M5 12l7 7\"\/><\/svg>\r\n Retour \u00e0 l'accueil\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"mentions-section\">\r\n <div class=\"container\">\r\n\r\n <div class=\"mentions-intro\">\r\n <div class=\"section-label reveal\">Conformit\u00e9 l\u00e9gale<\/div>\r\n <h2 class=\"reveal delay-1\">Transparence & <em>l\u00e9galit\u00e9<\/em><\/h2>\r\n <p class=\"reveal delay-2\">Conform\u00e9ment aux dispositions de la loi n\u00b0 2004-575 du 21 juin 2004 pour la confiance en l'\u00e9conomie num\u00e9rique (LCEN), les pr\u00e9sentes mentions l\u00e9gales d\u00e9finissent les conditions d'utilisation du site <strong>harmodul.com<\/strong>.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mentions-grid\">\r\n\r\n \r\n <div class=\"mention-card orange-accent reveal delay-1\">\r\n <span class=\"card-number\">01<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff784f\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 12h4M8 16h8M8 8h2\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><\/svg>\r\n \u00c9diteur responsable\r\n <\/div>\r\n <h3 class=\"mention-card-title\">\u00c9diteur <em>du site<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-4 0v2M8 7V5a2 2 0 00-4 0v2\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Nom commercial<\/div><div class=\"info-value\">Harmodul<\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Email<\/div><div class=\"info-value\"><a href=\"mailto:contact@harmodul.com\">contact@harmodul.com<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.06 6.06l1.79-1.78a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"info-label\">T\u00e9l\u00e9phone<\/div>\r\n <div class=\"info-value\"><a href=\"tel:+33652565173\">+33 6 52 56 51 73<\/a><\/div>\r\n <div class=\"info-value\"><a href=\"tel:+22600000000\">+226 00 00 00 00<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"info-label\">Adresse<\/div>\r\n <div class=\"info-value\">Immeuble Business Fann, Av. Cheikh Anta Diop<br>Fann R\u00e9sidence \u00d7 Mermoz \u2014 Dakar, S\u00e9n\u00e9gal<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Directeur de la publication<\/div><div class=\"info-value\">Harmodul<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card reveal delay-2\">\r\n <span class=\"card-number\">02<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\r\n Conception & d\u00e9veloppement\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Cr\u00e9ation <em>du site<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>Le site <strong>harmodul.com<\/strong> a \u00e9t\u00e9 con\u00e7u et d\u00e9velopp\u00e9 par :<\/p>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-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 <div><div class=\"info-label\">Agence<\/div><div class=\"info-value\"><a href=\"https:\/\/webleague.fr\" target=\"_blank\" rel=\"noopener\">WebLeague<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Responsable<\/div><div class=\"info-value\">Mathys Gouellain<\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.06 6.06l1.79-1.78a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">T\u00e9l\u00e9phone<\/div><div class=\"info-value\"><a href=\"tel:0749701003\">07 49 70 10 03<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Email<\/div><div class=\"info-value\"><a href=\"mailto:contact@webleague.fr\">contact@webleague.fr<\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Site web<\/div><div class=\"info-value\"><a href=\"https:\/\/webleague.fr\" target=\"_blank\" rel=\"noopener\">https:\/\/webleague.fr<\/a><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card reveal delay-1\">\r\n <span class=\"card-number\">03<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><\/svg>\r\n Infrastructure\r\n <\/div>\r\n <h3 class=\"mention-card-title\">H\u00e9bergement <em>du site<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>Le site est h\u00e9berg\u00e9 par la soci\u00e9t\u00e9 :<\/p>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-4 0v2\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">H\u00e9bergeur<\/div><div class=\"info-value\">OVH SAS<\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Adresse<\/div><div class=\"info-value\">2 rue Kellermann \u2014 59100 Roubaix, France<\/div><\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Site web<\/div><div class=\"info-value\"><a href=\"https:\/\/www.ovh.com\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ovh.com<\/a><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card reveal delay-2\">\r\n <span class=\"card-number\">04<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9.354a4 4 0 1 0 0 5.292\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9.354a4 4 0 1 0 0 5.292\"\/><\/svg>\r\n Droits r\u00e9serv\u00e9s\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Propri\u00e9t\u00e9 <em>intellectuelle<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>L'ensemble des contenus pr\u00e9sents sur le site <strong>Harmodul<\/strong> (textes, images, graphismes, logo, ic\u00f4nes, vid\u00e9os, etc.) sont la propri\u00e9t\u00e9 exclusive de Harmodul, sauf mention contraire.<\/p>\r\n <p>Toute reproduction, repr\u00e9sentation, modification, publication ou adaptation, totale ou partielle, de ces \u00e9l\u00e9ments est <strong>interdite sans autorisation \u00e9crite pr\u00e9alable<\/strong>.<\/p>\r\n <p>Toute exploitation non autoris\u00e9e sera consid\u00e9r\u00e9e comme constitutive d'une contrefa\u00e7on et poursuivie conform\u00e9ment au Code de la propri\u00e9t\u00e9 intellectuelle.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card full-width reveal delay-1\">\r\n <span class=\"card-number\">05<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n Limitation de responsabilit\u00e9\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Responsabilit\u00e9 & <em>liens externes<\/em><\/h3>\r\n <div class=\"card-body\" id=\"resp-body\">\r\n <p>Harmodul s'efforce de fournir sur le site des informations aussi pr\u00e9cises que possible. Toutefois, des erreurs ou omissions peuvent survenir. L'utilisateur du site reconna\u00eet utiliser ces informations sous sa responsabilit\u00e9 exclusive.<\/p>\r\n <p>Harmodul ne saurait \u00eatre tenu responsable de tous dommages directs ou indirects r\u00e9sultant de l'utilisation du site. La responsabilit\u00e9 de Harmodul ne saurait \u00eatre engag\u00e9e en cas d'interruption ou d'indisponibilit\u00e9 du site, de la pr\u00e9sence de virus ou d'incidents techniques affectant le mat\u00e9riel de l'utilisateur.<\/p>\r\n <p>Le site peut contenir des liens vers des sites externes. Harmodul ne peut \u00eatre tenu responsable du contenu de ces sites tiers ni des dommages pouvant r\u00e9sulter de leur consultation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card orange-accent reveal delay-1\">\r\n <span class=\"card-number\">06<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff784f\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n RGPD conforme\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Donn\u00e9es <em>personnelles<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>Les informations collect\u00e9es via les formulaires pr\u00e9sents sur le site sont destin\u00e9es exclusivement \u00e0 <strong>Harmodul<\/strong> dans le cadre de la gestion des demandes. Elles ne sont en aucun cas vendues ou transmises \u00e0 des tiers.<\/p>\r\n <p>Conform\u00e9ment au RGPD (R\u00e8glement UE 2016\/679), vous disposez d'un droit d'acc\u00e8s, de rectification et de suppression de vos donn\u00e9es personnelles.<\/p>\r\n <p>Pour toute demande : <a href=\"mailto:contact@harmodul.com\">contact@harmodul.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mention-card reveal delay-2\">\r\n <span class=\"card-number\">07<\/span>\r\n <div class=\"mention-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 6l9-4 9 4\"\/><path d=\"M3 6v14l9 4 9-4V6\"\/><path d=\"M12 2v20\"\/><path d=\"M3 11h9M12 11h9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"mention-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 6l9-4 9 4\"\/><path d=\"M3 6v14l9 4 9-4V6\"\/><\/svg>\r\n Juridiction applicable\r\n <\/div>\r\n <h3 class=\"mention-card-title\">Droit <em>applicable<\/em><\/h3>\r\n <div class=\"card-body\">\r\n <p>Le pr\u00e9sent site est soumis au droit applicable en vigueur. En cas de litige relatif \u00e0 l'utilisation du site <strong>harmodul.com<\/strong>, les juridictions comp\u00e9tentes seront saisies.<\/p>\r\n <p>Ces mentions l\u00e9gales ont \u00e9t\u00e9 r\u00e9dig\u00e9es conform\u00e9ment aux textes l\u00e9gaux en vigueur, notamment la loi n\u00b0 2004-575 du 21 juin 2004 pour la confiance en l'\u00e9conomie num\u00e9rique (LCEN).<\/p>\r\n <div class=\"info-row\" style=\"margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,0.06);\">\r\n <div class=\"info-row-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/div>\r\n <div><div class=\"info-label\">Mise \u00e0 jour<\/div><div class=\"info-value\">Mars 2026<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"cta-bar\">\r\n <div class=\"container\">\r\n <div class=\"cta-bar-inner reveal\">\r\n <div class=\"cta-bar-text\">\r\n <div class=\"section-label\">Une question ?<\/div>\r\n <h3>Nous sommes <em>l\u00e0 pour vous<\/em><\/h3>\r\n <\/div>\r\n <div class=\"cta-bar-btns\">\r\n <a href=\"mailto:contact@harmodul.com\" class=\"btn-cta-teal\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n contact@harmodul.com\r\n <\/a>\r\n <a href=\"tel:+33652565173\" class=\"btn-cta-outline\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.06 6.06l1.79-1.78a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\r\n +33 6 52 56 51 73\r\n <\/a>\r\n <a href=\"https:\/\/harmodul.com\" class=\"btn-cta-outline\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5M5 12l7-7M5 12l7 7\"\/><\/svg>\r\n Retour \u00e0 l'accueil\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\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;\">\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 setTimeout(() => document.getElementById('heroBg').classList.add('loaded'), 100);\r\n\r\n \/\/ \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\r\n const ro = new IntersectionObserver(entries => {\r\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n }, { threshold: 0.1 });\r\n document.querySelectorAll('.reveal').forEach(el => ro.observe(el));\r\n\r\n \/\/ \u2500\u2500 RESPONSIVE 2-COL \u2500\u2500\r\n function fixCols() {\r\n const el = document.getElementById('resp-body');\r\n if (!el) return;\r\n el.style.columnCount = window.innerWidth < 768 ? '1' : '2';\r\n el.style.columnGap = '40px';\r\n el.style.columnRule = '1px solid rgba(255,255,255,0.05)';\r\n }\r\n fixCols();\r\n window.addEventListener('resize', fixCols);\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<\/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>Mentions l\u00e9gales \u2014 Harmodul Accueil Concept Nos modules Pr\u00e9sentation Devis Accueil Concept Nos modules Pr\u00e9sentation Demander un devis \u2192 Harmodul \u2014 Site officiel Mentionsl\u00e9gales Informations l\u00e9gales et r\u00e9glementaires concernant le site internet et les services de Harmodul. Nous contacter Retour \u00e0 l’accueil Conformit\u00e9 l\u00e9gale Transparence & l\u00e9galit\u00e9 Conform\u00e9ment aux dispositions de la loi n\u00b0 2004-575 […]<\/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-26","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Mentions l\u00e9gales \/ RGPD - Harmodul<\/title>\n<meta name=\"description\" content=\"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mentions l\u00e9gales \/ RGPD - Harmodul\" \/>\n<meta property=\"og:description\" content=\"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\" \/>\n<meta property=\"og:site_name\" content=\"Harmodul\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T11:42:41+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=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\",\"url\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\",\"name\":\"Mentions l\u00e9gales \/ RGPD - Harmodul\",\"isPartOf\":{\"@id\":\"http:\/\/harmodul.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\",\"datePublished\":\"2026-03-18T15:50:01+00:00\",\"dateModified\":\"2026-04-14T11:42:41+00:00\",\"description\":\"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.\",\"breadcrumb\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#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\":\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"http:\/\/harmodul.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mentions l\u00e9gales \/ RGPD\"}]},{\"@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_head_json":{"title":"Mentions l\u00e9gales \/ RGPD - Harmodul","description":"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/","og_locale":"fr_FR","og_type":"article","og_title":"Mentions l\u00e9gales \/ RGPD - Harmodul","og_description":"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.","og_url":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/","og_site_name":"Harmodul","article_modified_time":"2026-04-14T11:42:41+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":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/","url":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/","name":"Mentions l\u00e9gales \/ RGPD - Harmodul","isPartOf":{"@id":"http:\/\/harmodul.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#primaryimage"},"image":{"@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#primaryimage"},"thumbnailUrl":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png","datePublished":"2026-03-18T15:50:01+00:00","dateModified":"2026-04-14T11:42:41+00:00","description":"Consultez les mentions l\u00e9gales du site Harmodul : \u00e9diteur, h\u00e9bergement, responsabilit\u00e9s et informations r\u00e9glementaires.","breadcrumb":{"@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#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":"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"http:\/\/harmodul.com\/"},{"@type":"ListItem","position":2,"name":"Mentions l\u00e9gales \/ RGPD"}]},{"@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\/26","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=26"}],"version-history":[{"count":19,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/279"}],"wp:attachment":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}