Politique de confidentialit\u00e9 \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 @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes lineGrow { to { width: 55%; } }\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 \/* \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 .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_01kmk5rc9zfmts84m15rpw7bpz_1774465108_img_0.webp');\r\n background-size: cover; background-position: center;\r\n transform: scale(1.04); transition: transform 8s ease;\r\n }\r\n .hero-bg.loaded { transform: scale(1); }\r\n .hero-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(100deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.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 SECTION \u2500\u2500 *\/\r\n .politique-section { padding: 88px 0 110px; background: var(--dark); }\r\n .politique-intro { text-align: center; margin-bottom: 70px; }\r\n .politique-intro .section-label { justify-content: center; }\r\n .politique-intro h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\r\n .politique-intro h2 em { font-style: italic; color: var(--teal); }\r\n .politique-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 .politique-intro p strong { color: rgba(255,255,255,0.7); }\r\n\r\n \/* \u2500\u2500 CARDS GRID \u2500\u2500 *\/\r\n .politique-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; }\r\n\r\n .pol-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 .pol-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 .pol-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 .pol-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 .pol-card:hover::before { opacity: 1; }\r\n .pol-card:hover::after { transform: scaleX(1); }\r\n .pol-card.orange-accent::after { background: linear-gradient(90deg, var(--orange-dark), var(--orange)); }\r\n .pol-card.orange-accent .pol-card-icon { background: rgba(255,120,79,0.1); border-color: rgba(255,120,79,0.2); }\r\n .pol-card.orange-accent:hover .pol-card-icon { background: rgba(255,120,79,0.2); border-color: rgba(255,120,79,0.4); }\r\n .pol-card.orange-accent .pol-badge { background: rgba(255,120,79,0.1); border-color: rgba(255,120,79,0.25); color: var(--orange); }\r\n .pol-card.full-width { grid-column: 1 \/ -1; }\r\n\r\n .card-num {\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 .pol-card:hover .card-num { color: rgba(150,191,173,0.16); }\r\n .pol-card.orange-accent .card-num { color: rgba(255,120,79,0.08); }\r\n .pol-card.orange-accent:hover .card-num { color: rgba(255,120,79,0.16); }\r\n\r\n .pol-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 .pol-card:hover .pol-card-icon { background: rgba(150,191,173,0.18); border-color: rgba(150,191,173,0.4); }\r\n .pol-card-icon svg { width: 22px; height: 22px; flex-shrink: 0; }\r\n\r\n .pol-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\r\n .pol-card-title { font-size: 1.4rem; font-weight: 800; color: #fff; margin-bottom: 20px; line-height: 1.2; }\r\n .pol-card-title em { font-style: italic; color: var(--teal); }\r\n .pol-card.orange-accent .pol-card-title em { color: var(--orange); }\r\n\r\n .pol-body { font-size: 0.87rem; color: rgba(255,255,255,0.5); line-height: 1.82; }\r\n .pol-body p { margin-bottom: 12px; }\r\n .pol-body p:last-child { margin-bottom: 0; }\r\n .pol-body strong { color: rgba(255,255,255,0.8); font-weight: 600; }\r\n .pol-body a { color: var(--teal) !important; text-decoration: none !important; transition: color 0.2s; }\r\n .pol-body a:hover { color: var(--teal-light) !important; text-decoration: underline !important; }\r\n\r\n .pol-list { list-style: none; display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }\r\n .pol-list li {\r\n display: flex; align-items: flex-start; gap: 10px;\r\n font-size: 0.87rem; color: rgba(255,255,255,0.55); line-height: 1.6;\r\n }\r\n .pol-list li::before {\r\n content: ''; width: 6px; height: 6px; border-radius: 50%;\r\n background: var(--teal); flex-shrink: 0; margin-top: 6px;\r\n }\r\n .pol-card.orange-accent .pol-list li::before { background: var(--orange); }\r\n\r\n .pol-highlight {\r\n display: inline-flex; align-items: center; gap: 12px;\r\n background: rgba(150,191,173,0.08); border: 1px solid rgba(150,191,173,0.2);\r\n border-radius: 10px; padding: 16px 20px; margin-top: 16px; width: 100%;\r\n }\r\n .pol-highlight-num { font-size: 2rem; font-weight: 800; color: var(--teal); line-height: 1; }\r\n .pol-highlight-text { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.5; }\r\n .pol-highlight-text strong { display: block; color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 2px; }\r\n\r\n .droits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px; }\r\n .droit-item {\r\n display: flex; align-items: center; gap: 10px;\r\n background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 8px; padding: 12px 14px;\r\n font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.75);\r\n transition: background 0.2s, border-color 0.2s;\r\n }\r\n .droit-item:hover { background: rgba(150,191,173,0.08); border-color: rgba(150,191,173,0.25); }\r\n .droit-item-icon {\r\n width: 28px; height: 28px; border-radius: 6px;\r\n background: rgba(150,191,173,0.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n }\r\n .droit-item-icon svg { width: 13px; height: 13px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\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 { margin-bottom: 10px; }\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 .politique-grid { grid-template-columns: 1fr; }\r\n .pol-card.full-width { grid-column: 1; }\r\n .droits-grid { grid-template-columns: 1fr; }\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 .pol-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 Donn\u00e9es personnelles<\/div>\r\n <h1>Politique de<span>confidentialit\u00e9<\/span><\/h1>\r\n <p class=\"hero-sub\">Comment nous collectons, utilisons et prot\u00e9geons vos donn\u00e9es personnelles sur le site 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=\"politique-section\">\r\n <div class=\"container\">\r\n\r\n <div class=\"politique-intro\">\r\n <div class=\"section-label reveal\">RGPD & Confidentialit\u00e9<\/div>\r\n <h2 class=\"reveal delay-1\">Vos donn\u00e9es, <em>notre engagement<\/em><\/h2>\r\n <p class=\"reveal delay-2\">Harmodul s'engage \u00e0 respecter la confidentialit\u00e9 de vos donn\u00e9es conform\u00e9ment au R\u00e8glement G\u00e9n\u00e9ral sur la Protection des Donn\u00e9es (RGPD) et \u00e0 la r\u00e9glementation en vigueur.<\/p>\r\n <\/div>\r\n\r\n <div class=\"politique-grid\">\r\n\r\n <div class=\"pol-card orange-accent reveal delay-1\">\r\n <span class=\"card-num\">01<\/span>\r\n <div class=\"pol-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff784f\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-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=\"M12 16v-4M12 8h.01\"\/><\/svg>\r\n Introduction\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Notre <em>engagement<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>La pr\u00e9sente politique de confidentialit\u00e9 a pour objectif d'informer les utilisateurs du site <strong>Harmodul<\/strong> sur la mani\u00e8re dont leurs donn\u00e9es personnelles sont collect\u00e9es, utilis\u00e9es et prot\u00e9g\u00e9es.<\/p>\r\n <p>Harmodul s'engage \u00e0 respecter la confidentialit\u00e9 des donn\u00e9es conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur, notamment le <strong>RGPD (R\u00e8glement UE 2016\/679)<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-2\">\r\n <span class=\"card-num\">02<\/span>\r\n <div class=\"pol-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=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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>\r\n Collecte\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Donn\u00e9es <em>collect\u00e9es<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Dans le cadre de l'utilisation du site, les donn\u00e9es suivantes peuvent \u00eatre collect\u00e9es via le <strong>formulaire de contact<\/strong> :<\/p>\r\n <ul class=\"pol-list\">\r\n <li>Nom et pr\u00e9nom<\/li>\r\n <li>Adresse email<\/li>\r\n <li>Num\u00e9ro de t\u00e9l\u00e9phone<\/li>\r\n <li>Type de projet et localisation<\/li>\r\n <li>Message et informations li\u00e9es au projet<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-1\">\r\n <span class=\"card-num\">03<\/span>\r\n <div class=\"pol-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=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n Utilisation\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Finalit\u00e9 de <em>la collecte<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Les donn\u00e9es collect\u00e9es sont utilis\u00e9es pour :<\/p>\r\n <ul class=\"pol-list\">\r\n <li>R\u00e9pondre \u00e0 vos demandes de contact<\/li>\r\n <li>Vous recontacter dans le cadre de votre projet<\/li>\r\n <li>Assurer le suivi des \u00e9changes<\/li>\r\n <li>Am\u00e9liorer les services propos\u00e9s<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-2\">\r\n <span class=\"card-num\">04<\/span>\r\n <div class=\"pol-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\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-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 Cadre juridique\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Base <em>l\u00e9gale<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Le traitement des donn\u00e9es repose sur :<\/p>\r\n <ul class=\"pol-list\">\r\n <li>Le <strong>consentement de l'utilisateur<\/strong> lors de la soumission du formulaire de contact<\/li>\r\n <li>L'<strong>int\u00e9r\u00eat l\u00e9gitime<\/strong> de l'entreprise pour r\u00e9pondre aux demandes re\u00e7ues<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-1\">\r\n <span class=\"card-num\">05<\/span>\r\n <div class=\"pol-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\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-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\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n R\u00e9tention\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Dur\u00e9e de <em>conservation<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Les donn\u00e9es personnelles sont conserv\u00e9es pendant une dur\u00e9e maximale \u00e0 compter du dernier contact :<\/p>\r\n <div class=\"pol-highlight\">\r\n <div class=\"pol-highlight-num\">3 ans<\/div>\r\n <div class=\"pol-highlight-text\">\r\n <strong>Dur\u00e9e maximale de conservation<\/strong>\r\n \u00c0 partir du dernier contact avec Harmodul\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-2\">\r\n <span class=\"card-num\">06<\/span>\r\n <div class=\"pol-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=\"pol-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 Protection\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Partage & <em>s\u00e9curit\u00e9<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Les donn\u00e9es personnelles ne sont <strong>ni vendues, ni c\u00e9d\u00e9es \u00e0 des tiers<\/strong>.<\/p>\r\n <p>Elles peuvent \u00eatre trait\u00e9es uniquement par <strong>Harmodul<\/strong> ou ses prestataires techniques (h\u00e9bergement, maintenance du site).<\/p>\r\n <p>Harmodul met en \u0153uvre des mesures techniques et organisationnelles afin de prot\u00e9ger les donn\u00e9es contre toute perte, acc\u00e8s non autoris\u00e9 ou divulgation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card full-width reveal delay-1\">\r\n <span class=\"card-num\">07<\/span>\r\n <div class=\"pol-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\"\/><circle cx=\"8\" cy=\"9\" r=\".5\" fill=\"#96bfad\"\/><circle cx=\"15\" cy=\"9\" r=\".5\" fill=\"#96bfad\"\/><circle cx=\"10\" cy=\"15\" r=\".5\" fill=\"#96bfad\"\/><circle cx=\"16\" cy=\"14\" r=\".5\" fill=\"#96bfad\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-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\"\/><\/svg>\r\n Cookies & navigation\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Utilisation <em>des cookies<\/em><\/h3>\r\n <div class=\"pol-body\" id=\"cookie-body\">\r\n <p>Le site Harmodul peut utiliser des cookies afin d'am\u00e9liorer l'exp\u00e9rience utilisateur. Les cookies sont de petits fichiers texte stock\u00e9s sur votre terminal lors de votre visite.<\/p>\r\n <p>Les cookies permettent notamment : d'analyser la navigation et d'optimiser les performances du site. Ils nous permettent de mieux comprendre comment le site est utilis\u00e9 afin de l'am\u00e9liorer continuellement.<\/p>\r\n <p>L'utilisateur peut \u00e0 tout moment refuser ou g\u00e9rer les cookies via les param\u00e8tres de son navigateur. Notez que la d\u00e9sactivation de certains cookies peut affecter le bon fonctionnement de certaines fonctionnalit\u00e9s du site.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card orange-accent reveal delay-1\">\r\n <span class=\"card-num\">08<\/span>\r\n <div class=\"pol-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=\"pol-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\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Vos <em>droits<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Conform\u00e9ment au RGPD, vous disposez des droits suivants sur vos donn\u00e9es personnelles :<\/p>\r\n <div class=\"droits-grid\">\r\n <div class=\"droit-item\">\r\n <div class=\"droit-item-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\r\n Droit d'acc\u00e8s\r\n <\/div>\r\n <div class=\"droit-item\">\r\n <div class=\"droit-item-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg><\/div>\r\n Droit de rectification\r\n <\/div>\r\n <div class=\"droit-item\">\r\n <div class=\"droit-item-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"3 6 5 6 21 6\"\/><path d=\"M19 6l-1 14H6L5 6\"\/><path d=\"M10 11v6M14 11v6\"\/><\/svg><\/div>\r\n Droit de suppression\r\n <\/div>\r\n <div class=\"droit-item\">\r\n <div class=\"droit-item-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/><\/svg><\/div>\r\n Droit d'opposition\r\n <\/div>\r\n <\/div>\r\n <p style=\"margin-top:16px;\">Pour exercer vos droits, contactez-nous : <a href=\"mailto:contact@harmodul.com\">contact@harmodul.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-2\">\r\n <span class=\"card-num\">09<\/span>\r\n <div class=\"pol-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=\"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>\r\n <\/div>\r\n <div class=\"pol-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Mises \u00e0 jour\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Modifications de <em>la politique<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Harmodul se r\u00e9serve le droit de modifier la pr\u00e9sente politique de confidentialit\u00e9 \u00e0 tout moment, notamment pour se conformer \u00e0 toute \u00e9volution r\u00e9glementaire, jurisprudentielle ou technique.<\/p>\r\n <p>Les utilisateurs sont invit\u00e9s \u00e0 la consulter r\u00e9guli\u00e8rement. La date de mise \u00e0 jour est indiqu\u00e9e ci-dessous.<\/p>\r\n <div style=\"margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,0.06); display:flex; align-items:center; gap:12px;\">\r\n <div style=\"width:32px;height:32px;border-radius:8px;background:rgba(150,191,173,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div style=\"font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:3px;\">Derni\u00e8re mise \u00e0 jour<\/div>\r\n <div style=\"font-size:.9rem;color:rgba(255,255,255,0.78);font-weight:500;\">Mars 2026<\/div>\r\n <\/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 sur vos donn\u00e9es ?<\/div>\r\n <h3>Contactez <em>notre \u00e9quipe<\/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=\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\" 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\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 12h4M8 16h8M8 8h2\"\/><\/svg>\r\n Mentions l\u00e9gales\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\/mentions-legales-rgpd\/\" target=\"_blank\" rel=\"noopener\" style=\"color:rgba(255,255,255,0.35);text-decoration:none;transition:color 0.2s;\" onmouseover=\"this.style.color='#96bfad'\" onmouseout=\"this.style.color='rgba(255,255,255,0.35)'\">Mentions l\u00e9gales<\/a>\r\n <\/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 COOKIES 2-COL \u2500\u2500\r\n function fixCols() {\r\n const el = document.getElementById('cookie-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>Politique de confidentialit\u00e9 \u2014 Harmodul Accueil Concept Nos modules Pr\u00e9sentation Devis Accueil Concept Nos modules Pr\u00e9sentation Demander un devis \u2192 Harmodul \u2014 Donn\u00e9es personnelles Politique deconfidentialit\u00e9 Comment nous collectons, utilisons et prot\u00e9geons vos donn\u00e9es personnelles sur le site Harmodul. Nous contacter Retour \u00e0 l’accueil RGPD & Confidentialit\u00e9 Vos donn\u00e9es, notre engagement Harmodul s’engage \u00e0 respecter […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Politique de confidentialit\u00e9 - Harmodul<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.\" \/>\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\/privacy-policy\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Politique de confidentialit\u00e9 - Harmodul\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harmodul.com\/index.php\/privacy-policy\/\" \/>\n<meta property=\"og:site_name\" content=\"Harmodul\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T11:37:12+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\/privacy-policy\/\",\"url\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/\",\"name\":\"Politique de confidentialit\u00e9 - Harmodul\",\"isPartOf\":{\"@id\":\"https:\/\/harmodul.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\",\"datePublished\":\"2026-03-18T11:37:30+00:00\",\"dateModified\":\"2026-04-14T11:37:12+00:00\",\"description\":\"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.\",\"breadcrumb\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/harmodul.com\/index.php\/privacy-policy\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/#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\/privacy-policy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/harmodul.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Politique de confidentialit\u00e9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/harmodul.com\/#website\",\"url\":\"https:\/\/harmodul.com\/\",\"name\":\"Harmodul\",\"description\":\"Des espaces qui ont du sens\",\"publisher\":{\"@id\":\"https:\/\/harmodul.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/harmodul.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/harmodul.com\/#organization\",\"name\":\"Harmodul\",\"url\":\"https:\/\/harmodul.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/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\":\"https:\/\/harmodul.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Politique de confidentialit\u00e9 - Harmodul","description":"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.","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\/privacy-policy\/","og_locale":"fr_FR","og_type":"article","og_title":"Politique de confidentialit\u00e9 - Harmodul","og_description":"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.","og_url":"https:\/\/harmodul.com\/index.php\/privacy-policy\/","og_site_name":"Harmodul","article_modified_time":"2026-04-14T11:37:12+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\/privacy-policy\/","url":"https:\/\/harmodul.com\/index.php\/privacy-policy\/","name":"Politique de confidentialit\u00e9 - Harmodul","isPartOf":{"@id":"https:\/\/harmodul.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/harmodul.com\/index.php\/privacy-policy\/#primaryimage"},"image":{"@id":"https:\/\/harmodul.com\/index.php\/privacy-policy\/#primaryimage"},"thumbnailUrl":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png","datePublished":"2026-03-18T11:37:30+00:00","dateModified":"2026-04-14T11:37:12+00:00","description":"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.","breadcrumb":{"@id":"https:\/\/harmodul.com\/index.php\/privacy-policy\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harmodul.com\/index.php\/privacy-policy\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/harmodul.com\/index.php\/privacy-policy\/#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\/privacy-policy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/harmodul.com\/"},{"@type":"ListItem","position":2,"name":"Politique de confidentialit\u00e9"}]},{"@type":"WebSite","@id":"https:\/\/harmodul.com\/#website","url":"https:\/\/harmodul.com\/","name":"Harmodul","description":"Des espaces qui ont du sens","publisher":{"@id":"https:\/\/harmodul.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/harmodul.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/harmodul.com\/#organization","name":"Harmodul","url":"https:\/\/harmodul.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/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":"https:\/\/harmodul.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/3","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=3"}],"version-history":[{"count":10,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/3\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/media?parent=3"}],"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\nPolitique de confidentialit\u00e9 \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 @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes lineGrow { to { width: 55%; } }\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 \/* \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 .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_01kmk5rc9zfmts84m15rpw7bpz_1774465108_img_0.webp');\r\n background-size: cover; background-position: center;\r\n transform: scale(1.04); transition: transform 8s ease;\r\n }\r\n .hero-bg.loaded { transform: scale(1); }\r\n .hero-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(100deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.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 SECTION \u2500\u2500 *\/\r\n .politique-section { padding: 88px 0 110px; background: var(--dark); }\r\n .politique-intro { text-align: center; margin-bottom: 70px; }\r\n .politique-intro .section-label { justify-content: center; }\r\n .politique-intro h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\r\n .politique-intro h2 em { font-style: italic; color: var(--teal); }\r\n .politique-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 .politique-intro p strong { color: rgba(255,255,255,0.7); }\r\n\r\n \/* \u2500\u2500 CARDS GRID \u2500\u2500 *\/\r\n .politique-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1100px; margin: 0 auto; }\r\n\r\n .pol-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 .pol-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 .pol-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 .pol-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 .pol-card:hover::before { opacity: 1; }\r\n .pol-card:hover::after { transform: scaleX(1); }\r\n .pol-card.orange-accent::after { background: linear-gradient(90deg, var(--orange-dark), var(--orange)); }\r\n .pol-card.orange-accent .pol-card-icon { background: rgba(255,120,79,0.1); border-color: rgba(255,120,79,0.2); }\r\n .pol-card.orange-accent:hover .pol-card-icon { background: rgba(255,120,79,0.2); border-color: rgba(255,120,79,0.4); }\r\n .pol-card.orange-accent .pol-badge { background: rgba(255,120,79,0.1); border-color: rgba(255,120,79,0.25); color: var(--orange); }\r\n .pol-card.full-width { grid-column: 1 \/ -1; }\r\n\r\n .card-num {\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 .pol-card:hover .card-num { color: rgba(150,191,173,0.16); }\r\n .pol-card.orange-accent .card-num { color: rgba(255,120,79,0.08); }\r\n .pol-card.orange-accent:hover .card-num { color: rgba(255,120,79,0.16); }\r\n\r\n .pol-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 .pol-card:hover .pol-card-icon { background: rgba(150,191,173,0.18); border-color: rgba(150,191,173,0.4); }\r\n .pol-card-icon svg { width: 22px; height: 22px; flex-shrink: 0; }\r\n\r\n .pol-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\r\n .pol-card-title { font-size: 1.4rem; font-weight: 800; color: #fff; margin-bottom: 20px; line-height: 1.2; }\r\n .pol-card-title em { font-style: italic; color: var(--teal); }\r\n .pol-card.orange-accent .pol-card-title em { color: var(--orange); }\r\n\r\n .pol-body { font-size: 0.87rem; color: rgba(255,255,255,0.5); line-height: 1.82; }\r\n .pol-body p { margin-bottom: 12px; }\r\n .pol-body p:last-child { margin-bottom: 0; }\r\n .pol-body strong { color: rgba(255,255,255,0.8); font-weight: 600; }\r\n .pol-body a { color: var(--teal) !important; text-decoration: none !important; transition: color 0.2s; }\r\n .pol-body a:hover { color: var(--teal-light) !important; text-decoration: underline !important; }\r\n\r\n .pol-list { list-style: none; display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }\r\n .pol-list li {\r\n display: flex; align-items: flex-start; gap: 10px;\r\n font-size: 0.87rem; color: rgba(255,255,255,0.55); line-height: 1.6;\r\n }\r\n .pol-list li::before {\r\n content: ''; width: 6px; height: 6px; border-radius: 50%;\r\n background: var(--teal); flex-shrink: 0; margin-top: 6px;\r\n }\r\n .pol-card.orange-accent .pol-list li::before { background: var(--orange); }\r\n\r\n .pol-highlight {\r\n display: inline-flex; align-items: center; gap: 12px;\r\n background: rgba(150,191,173,0.08); border: 1px solid rgba(150,191,173,0.2);\r\n border-radius: 10px; padding: 16px 20px; margin-top: 16px; width: 100%;\r\n }\r\n .pol-highlight-num { font-size: 2rem; font-weight: 800; color: var(--teal); line-height: 1; }\r\n .pol-highlight-text { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.5; }\r\n .pol-highlight-text strong { display: block; color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 2px; }\r\n\r\n .droits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px; }\r\n .droit-item {\r\n display: flex; align-items: center; gap: 10px;\r\n background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 8px; padding: 12px 14px;\r\n font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.75);\r\n transition: background 0.2s, border-color 0.2s;\r\n }\r\n .droit-item:hover { background: rgba(150,191,173,0.08); border-color: rgba(150,191,173,0.25); }\r\n .droit-item-icon {\r\n width: 28px; height: 28px; border-radius: 6px;\r\n background: rgba(150,191,173,0.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n }\r\n .droit-item-icon svg { width: 13px; height: 13px; stroke: var(--teal); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\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 { margin-bottom: 10px; }\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 .politique-grid { grid-template-columns: 1fr; }\r\n .pol-card.full-width { grid-column: 1; }\r\n .droits-grid { grid-template-columns: 1fr; }\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 .pol-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 Donn\u00e9es personnelles<\/div>\r\n <h1>Politique de<span>confidentialit\u00e9<\/span><\/h1>\r\n <p class=\"hero-sub\">Comment nous collectons, utilisons et prot\u00e9geons vos donn\u00e9es personnelles sur le site 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=\"politique-section\">\r\n <div class=\"container\">\r\n\r\n <div class=\"politique-intro\">\r\n <div class=\"section-label reveal\">RGPD & Confidentialit\u00e9<\/div>\r\n <h2 class=\"reveal delay-1\">Vos donn\u00e9es, <em>notre engagement<\/em><\/h2>\r\n <p class=\"reveal delay-2\">Harmodul s'engage \u00e0 respecter la confidentialit\u00e9 de vos donn\u00e9es conform\u00e9ment au R\u00e8glement G\u00e9n\u00e9ral sur la Protection des Donn\u00e9es (RGPD) et \u00e0 la r\u00e9glementation en vigueur.<\/p>\r\n <\/div>\r\n\r\n <div class=\"politique-grid\">\r\n\r\n <div class=\"pol-card orange-accent reveal delay-1\">\r\n <span class=\"card-num\">01<\/span>\r\n <div class=\"pol-card-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff784f\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-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=\"M12 16v-4M12 8h.01\"\/><\/svg>\r\n Introduction\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Notre <em>engagement<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>La pr\u00e9sente politique de confidentialit\u00e9 a pour objectif d'informer les utilisateurs du site <strong>Harmodul<\/strong> sur la mani\u00e8re dont leurs donn\u00e9es personnelles sont collect\u00e9es, utilis\u00e9es et prot\u00e9g\u00e9es.<\/p>\r\n <p>Harmodul s'engage \u00e0 respecter la confidentialit\u00e9 des donn\u00e9es conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur, notamment le <strong>RGPD (R\u00e8glement UE 2016\/679)<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-2\">\r\n <span class=\"card-num\">02<\/span>\r\n <div class=\"pol-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=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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>\r\n Collecte\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Donn\u00e9es <em>collect\u00e9es<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Dans le cadre de l'utilisation du site, les donn\u00e9es suivantes peuvent \u00eatre collect\u00e9es via le <strong>formulaire de contact<\/strong> :<\/p>\r\n <ul class=\"pol-list\">\r\n <li>Nom et pr\u00e9nom<\/li>\r\n <li>Adresse email<\/li>\r\n <li>Num\u00e9ro de t\u00e9l\u00e9phone<\/li>\r\n <li>Type de projet et localisation<\/li>\r\n <li>Message et informations li\u00e9es au projet<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-1\">\r\n <span class=\"card-num\">03<\/span>\r\n <div class=\"pol-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=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n Utilisation\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Finalit\u00e9 de <em>la collecte<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Les donn\u00e9es collect\u00e9es sont utilis\u00e9es pour :<\/p>\r\n <ul class=\"pol-list\">\r\n <li>R\u00e9pondre \u00e0 vos demandes de contact<\/li>\r\n <li>Vous recontacter dans le cadre de votre projet<\/li>\r\n <li>Assurer le suivi des \u00e9changes<\/li>\r\n <li>Am\u00e9liorer les services propos\u00e9s<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-2\">\r\n <span class=\"card-num\">04<\/span>\r\n <div class=\"pol-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\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-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 Cadre juridique\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Base <em>l\u00e9gale<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Le traitement des donn\u00e9es repose sur :<\/p>\r\n <ul class=\"pol-list\">\r\n <li>Le <strong>consentement de l'utilisateur<\/strong> lors de la soumission du formulaire de contact<\/li>\r\n <li>L'<strong>int\u00e9r\u00eat l\u00e9gitime<\/strong> de l'entreprise pour r\u00e9pondre aux demandes re\u00e7ues<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-1\">\r\n <span class=\"card-num\">05<\/span>\r\n <div class=\"pol-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\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-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\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n R\u00e9tention\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Dur\u00e9e de <em>conservation<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Les donn\u00e9es personnelles sont conserv\u00e9es pendant une dur\u00e9e maximale \u00e0 compter du dernier contact :<\/p>\r\n <div class=\"pol-highlight\">\r\n <div class=\"pol-highlight-num\">3 ans<\/div>\r\n <div class=\"pol-highlight-text\">\r\n <strong>Dur\u00e9e maximale de conservation<\/strong>\r\n \u00c0 partir du dernier contact avec Harmodul\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-2\">\r\n <span class=\"card-num\">06<\/span>\r\n <div class=\"pol-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=\"pol-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 Protection\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Partage & <em>s\u00e9curit\u00e9<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Les donn\u00e9es personnelles ne sont <strong>ni vendues, ni c\u00e9d\u00e9es \u00e0 des tiers<\/strong>.<\/p>\r\n <p>Elles peuvent \u00eatre trait\u00e9es uniquement par <strong>Harmodul<\/strong> ou ses prestataires techniques (h\u00e9bergement, maintenance du site).<\/p>\r\n <p>Harmodul met en \u0153uvre des mesures techniques et organisationnelles afin de prot\u00e9ger les donn\u00e9es contre toute perte, acc\u00e8s non autoris\u00e9 ou divulgation.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card full-width reveal delay-1\">\r\n <span class=\"card-num\">07<\/span>\r\n <div class=\"pol-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\"\/><circle cx=\"8\" cy=\"9\" r=\".5\" fill=\"#96bfad\"\/><circle cx=\"15\" cy=\"9\" r=\".5\" fill=\"#96bfad\"\/><circle cx=\"10\" cy=\"15\" r=\".5\" fill=\"#96bfad\"\/><circle cx=\"16\" cy=\"14\" r=\".5\" fill=\"#96bfad\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pol-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\"\/><\/svg>\r\n Cookies & navigation\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Utilisation <em>des cookies<\/em><\/h3>\r\n <div class=\"pol-body\" id=\"cookie-body\">\r\n <p>Le site Harmodul peut utiliser des cookies afin d'am\u00e9liorer l'exp\u00e9rience utilisateur. Les cookies sont de petits fichiers texte stock\u00e9s sur votre terminal lors de votre visite.<\/p>\r\n <p>Les cookies permettent notamment : d'analyser la navigation et d'optimiser les performances du site. Ils nous permettent de mieux comprendre comment le site est utilis\u00e9 afin de l'am\u00e9liorer continuellement.<\/p>\r\n <p>L'utilisateur peut \u00e0 tout moment refuser ou g\u00e9rer les cookies via les param\u00e8tres de son navigateur. Notez que la d\u00e9sactivation de certains cookies peut affecter le bon fonctionnement de certaines fonctionnalit\u00e9s du site.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card orange-accent reveal delay-1\">\r\n <span class=\"card-num\">08<\/span>\r\n <div class=\"pol-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=\"pol-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\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Vos <em>droits<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Conform\u00e9ment au RGPD, vous disposez des droits suivants sur vos donn\u00e9es personnelles :<\/p>\r\n <div class=\"droits-grid\">\r\n <div class=\"droit-item\">\r\n <div class=\"droit-item-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\r\n Droit d'acc\u00e8s\r\n <\/div>\r\n <div class=\"droit-item\">\r\n <div class=\"droit-item-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 20h9M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg><\/div>\r\n Droit de rectification\r\n <\/div>\r\n <div class=\"droit-item\">\r\n <div class=\"droit-item-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"3 6 5 6 21 6\"\/><path d=\"M19 6l-1 14H6L5 6\"\/><path d=\"M10 11v6M14 11v6\"\/><\/svg><\/div>\r\n Droit de suppression\r\n <\/div>\r\n <div class=\"droit-item\">\r\n <div class=\"droit-item-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/><\/svg><\/div>\r\n Droit d'opposition\r\n <\/div>\r\n <\/div>\r\n <p style=\"margin-top:16px;\">Pour exercer vos droits, contactez-nous : <a href=\"mailto:contact@harmodul.com\">contact@harmodul.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pol-card reveal delay-2\">\r\n <span class=\"card-num\">09<\/span>\r\n <div class=\"pol-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=\"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>\r\n <\/div>\r\n <div class=\"pol-badge\">\r\n <svg width=\"11\" height=\"11\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n Mises \u00e0 jour\r\n <\/div>\r\n <h3 class=\"pol-card-title\">Modifications de <em>la politique<\/em><\/h3>\r\n <div class=\"pol-body\">\r\n <p>Harmodul se r\u00e9serve le droit de modifier la pr\u00e9sente politique de confidentialit\u00e9 \u00e0 tout moment, notamment pour se conformer \u00e0 toute \u00e9volution r\u00e9glementaire, jurisprudentielle ou technique.<\/p>\r\n <p>Les utilisateurs sont invit\u00e9s \u00e0 la consulter r\u00e9guli\u00e8rement. La date de mise \u00e0 jour est indiqu\u00e9e ci-dessous.<\/p>\r\n <div style=\"margin-top:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,0.06); display:flex; align-items:center; gap:12px;\">\r\n <div style=\"width:32px;height:32px;border-radius:8px;background:rgba(150,191,173,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\r\n <svg width=\"14\" height=\"14\" fill=\"none\" stroke=\"#96bfad\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div style=\"font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:3px;\">Derni\u00e8re mise \u00e0 jour<\/div>\r\n <div style=\"font-size:.9rem;color:rgba(255,255,255,0.78);font-weight:500;\">Mars 2026<\/div>\r\n <\/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 sur vos donn\u00e9es ?<\/div>\r\n <h3>Contactez <em>notre \u00e9quipe<\/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=\"https:\/\/harmodul.com\/index.php\/mentions-legales-rgpd\/\" 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\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 12h4M8 16h8M8 8h2\"\/><\/svg>\r\n Mentions l\u00e9gales\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\/mentions-legales-rgpd\/\" target=\"_blank\" rel=\"noopener\" style=\"color:rgba(255,255,255,0.35);text-decoration:none;transition:color 0.2s;\" onmouseover=\"this.style.color='#96bfad'\" onmouseout=\"this.style.color='rgba(255,255,255,0.35)'\">Mentions l\u00e9gales<\/a>\r\n <\/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 COOKIES 2-COL \u2500\u2500\r\n function fixCols() {\r\n const el = document.getElementById('cookie-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>Politique de confidentialit\u00e9 \u2014 Harmodul Accueil Concept Nos modules Pr\u00e9sentation Devis Accueil Concept Nos modules Pr\u00e9sentation Demander un devis \u2192 Harmodul \u2014 Donn\u00e9es personnelles Politique deconfidentialit\u00e9 Comment nous collectons, utilisons et prot\u00e9geons vos donn\u00e9es personnelles sur le site Harmodul. Nous contacter Retour \u00e0 l’accueil RGPD & Confidentialit\u00e9 Vos donn\u00e9es, notre engagement Harmodul s’engage \u00e0 respecter […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Politique de confidentialit\u00e9 - Harmodul<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.\" \/>\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\/privacy-policy\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Politique de confidentialit\u00e9 - Harmodul\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harmodul.com\/index.php\/privacy-policy\/\" \/>\n<meta property=\"og:site_name\" content=\"Harmodul\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T11:37:12+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\/privacy-policy\/\",\"url\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/\",\"name\":\"Politique de confidentialit\u00e9 - Harmodul\",\"isPartOf\":{\"@id\":\"https:\/\/harmodul.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png\",\"datePublished\":\"2026-03-18T11:37:30+00:00\",\"dateModified\":\"2026-04-14T11:37:12+00:00\",\"description\":\"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.\",\"breadcrumb\":{\"@id\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/harmodul.com\/index.php\/privacy-policy\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/harmodul.com\/index.php\/privacy-policy\/#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\/privacy-policy\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/harmodul.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Politique de confidentialit\u00e9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/harmodul.com\/#website\",\"url\":\"https:\/\/harmodul.com\/\",\"name\":\"Harmodul\",\"description\":\"Des espaces qui ont du sens\",\"publisher\":{\"@id\":\"https:\/\/harmodul.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/harmodul.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/harmodul.com\/#organization\",\"name\":\"Harmodul\",\"url\":\"https:\/\/harmodul.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/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\":\"https:\/\/harmodul.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Politique de confidentialit\u00e9 - Harmodul","description":"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.","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\/privacy-policy\/","og_locale":"fr_FR","og_type":"article","og_title":"Politique de confidentialit\u00e9 - Harmodul","og_description":"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.","og_url":"https:\/\/harmodul.com\/index.php\/privacy-policy\/","og_site_name":"Harmodul","article_modified_time":"2026-04-14T11:37:12+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\/privacy-policy\/","url":"https:\/\/harmodul.com\/index.php\/privacy-policy\/","name":"Politique de confidentialit\u00e9 - Harmodul","isPartOf":{"@id":"https:\/\/harmodul.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/harmodul.com\/index.php\/privacy-policy\/#primaryimage"},"image":{"@id":"https:\/\/harmodul.com\/index.php\/privacy-policy\/#primaryimage"},"thumbnailUrl":"https:\/\/harmodul.com\/wp-content\/uploads\/2026\/03\/Design-sans-titre-3.png","datePublished":"2026-03-18T11:37:30+00:00","dateModified":"2026-04-14T11:37:12+00:00","description":"D\u00e9couvrez comment Harmodul collecte, utilise et prot\u00e8ge vos donn\u00e9es personnelles conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.","breadcrumb":{"@id":"https:\/\/harmodul.com\/index.php\/privacy-policy\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harmodul.com\/index.php\/privacy-policy\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/harmodul.com\/index.php\/privacy-policy\/#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\/privacy-policy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/harmodul.com\/"},{"@type":"ListItem","position":2,"name":"Politique de confidentialit\u00e9"}]},{"@type":"WebSite","@id":"https:\/\/harmodul.com\/#website","url":"https:\/\/harmodul.com\/","name":"Harmodul","description":"Des espaces qui ont du sens","publisher":{"@id":"https:\/\/harmodul.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/harmodul.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/harmodul.com\/#organization","name":"Harmodul","url":"https:\/\/harmodul.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/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":"https:\/\/harmodul.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/3","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=3"}],"version-history":[{"count":10,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/pages\/3\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/harmodul.com\/index.php\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}