<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mentions légales, CGU & Politique de confidentialité — MonChantierIA & MonPermisIA</title>
<meta property="og:type" content="website">
<meta property="og:site_name" content="MonPermisIA">
<meta property="og:title" content="Mentions légales & Politique de confidentialité — MonPermisIA">
<meta property="og:description" content="Mentions légales, conditions générales d'utilisation et politique de confidentialité de MonPermisIA.">
<meta property="og:url" content="https://monpermisia.fr/legal.html">
<meta property="og:image" content="https://monpermisia.fr/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Mentions légales & Politique de confidentialité — MonPermisIA">
<meta name="twitter:description" content="Mentions légales, conditions générales d'utilisation et politique de confidentialité de MonPermisIA.">
<meta name="twitter:image" content="https://monpermisia.fr/og-image.png">
<link rel="canonical" href="https://monpermisia.fr/legal.html">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#2563EB">
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800;900&family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
<style>

:root {
  /* Brand yellow */
  --yellow: #2563EB; --yellow-h: #1D4ED8; --yellow-l: #EFF6FF; --yellow-m: #DBEAFE;
  /* Ink */
  --ink: #0D1117; --ink2: #2A3444; --ink3: #5E6E84; --ink4: #9AAABB;
  /* Surfaces */
  --bg: #FFFFFF; --bg2: #F8F6F2; --bg3: #F0EDE6;
  /* Borders */
  --border: rgba(0,0,0,.08); --border2: rgba(0,0,0,.14);
  /* Semantic */
  --green: #0C9059; --red: #C92B2B; --amber: #B07D0A;
  /* Shadows */
  --shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.10);
  /* Radii */
  --r: 8px; --r2: 14px; --r3: 20px;
  /* JS theme vars */
  --accent: #B07D0A; --accent-lo: #FFFBEB; --accent-border: #FDE68A;
  --surf: #FFFFFF; --ok: #0C9059;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:#FFFFFF;color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;box-shadow:0 1px 0 var(--border)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}
.nav-logo-mark{width:36px;height:36px;background:var(--yellow);border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:900;font-size:18px;color:#000;box-shadow:0 2px 8px rgba(37,99,235,.35)}
nav.nav-dark .nav-logo-mark{box-shadow:0 2px 12px rgba(37,99,235,.4)}
.nav-logo-text{font-family:'Syne',sans-serif;font-weight:900;font-size:16px;letter-spacing:-.03em;color:var(--ink)}
.nav-logo-text span{color:var(--yellow-h)}
/* Nav dropdown menus */
.nav-item{position:relative}
.nav-item-btn{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--ink3);background:transparent;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:.15s;display:flex;align-items:center;gap:5px}
.nav-item-btn:hover{background:var(--bg2);color:var(--ink)}
.nav-chevron{font-size:9px;opacity:.5;transition:transform .2s}
.nav-item:has(.nav-dropdown.open) .nav-chevron{transform:rotate(180deg)}
.nav-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);box-shadow:0 8px 32px rgba(0,0,0,.12);min-width:280px;padding:.5rem;z-index:200}
.nav-dropdown.open{display:block}
.dd-label{font-size:10px;font-weight:700;font-family:'DM Mono',monospace;color:var(--ink4);text-transform:uppercase;letter-spacing:.09em;padding:.375rem .75rem .25rem;margin-bottom:.25rem}
.dd-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:8px;text-decoration:none;cursor:pointer;transition:.12s;border:none;background:transparent;width:100%;text-align:left}
.dd-item:hover{background:var(--yellow-l)}
.dd-ico{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;border:1px solid rgba(0,0,0,.06)}
.dd-txt{flex:1;min-width:0}
.dd-title{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.dd-sub{font-size:11px;color:var(--ink3);margin-top:.1rem;line-height:1.4}
.dd-badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:9px;font-weight:700;font-family:'DM Mono',monospace;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}
.dd-badge{background:var(--yellow-m);color:var(--amber)}
.dd-badge.ok{background:#D1FAE5;color:#065F46}
.dd-badge.info{background:#DBEAFE;color:#1D4ED8}
.nav-links{display:flex;margin-left:.5rem;gap:.25rem}
.nav-item{position:relative}
.nav-link-btn{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--ink3);background:transparent;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:.15s;display:flex;align-items:center;gap:4px}
.nav-link-btn:hover{background:var(--bg3);color:var(--ink)}
.nav-link-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);box-shadow:var(--shadow-lg);min-width:200px;padding:.5rem;z-index:200}
.nav-dropdown.open{display:block}
.nav-dd-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:8px;font-size:13px;color:var(--ink2);cursor:pointer;transition:.12s;font-weight:500}
.nav-dd-item:hover{background:var(--yellow-l);color:var(--ink)}
.nav-dd-item.active{background:var(--yellow-m);color:var(--amber);font-weight:700}
.nav-dd-item svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.nav-r{margin-left:auto;display:flex;gap:.5rem;align-items:center}
.nav-info{font-size:11px;color:var(--ink4);font-family:'DM Mono',monospace}
.btn-connexion,.btn-launch{padding:9px 20px;border-radius:var(--r);font-size:13px;font-weight:700;color:#000;background:var(--yellow);border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:.15s;box-shadow:0 2px 8px rgba(37,99,235,.3);letter-spacing:-.01em}
.btn-connexion:hover,.btn-launch:hover{background:var(--yellow-h);transform:translateY(-1px)}
.copilote{background:var(--bg2);border-bottom:1px solid var(--border);padding:1rem 2rem}
.copilote-inner{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.copilote-badge{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1.5px solid var(--yellow-m);border-radius:20px;padding:3px 12px;font-size:10px;font-weight:600;color:var(--amber);font-family:'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;margin-top:2px}
.copilote-text{font-size:13px;color:var(--ink2);line-height:1.6}
.copilote-text strong{color:var(--ink);font-weight:700}
.copilote-text a{color:var(--yellow-h);text-decoration:none;font-weight:600}
.layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 60px)}
.sidebar{background:var(--bg2);border-right:1px solid rgba(0,0,0,.07);padding:1.25rem 1rem;display:flex;flex-direction:column;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}
.sidebar-head{padding:.5rem .5rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}
.sidebar-proj-name{font-family:'Syne',sans-serif;font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-bottom:2px}
.sidebar-proj-adr{font-size:11px;color:var(--ink4);font-family:'DM Mono',monospace}
.prog-wrap{margin-top:.625rem}
.prog-label{display:flex;justify-content:space-between;font-size:10px;font-family:'DM Mono',monospace;color:var(--ink4);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}
.prog-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}
.prog-fill{height:100%;background:var(--yellow);border-radius:2px;transition:width .4s ease}
.wz-step{display:flex;flex-direction:column;margin-bottom:2px;cursor:pointer}
.wz-block{display:flex;align-items:center;gap:10px;padding:.625rem .75rem;border-radius:var(--r);border:1.5px solid transparent;transition:all .15s;background:transparent}
.wz-block:hover{background:var(--yellow-l);border-color:var(--yellow-m)}
.wz-num{width:26px;height:26px;border-radius:50%;background:var(--bg3);border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:'DM Mono',monospace;color:var(--ink4);flex-shrink:0;transition:.15s}
.wz-info{flex:1;min-width:0}
.wz-name{font-size:13px;color:var(--ink3);font-weight:500;line-height:1.3;letter-spacing:-.01em}
.wz-sub{font-size:10px;color:var(--ink4);margin-top:.1rem;font-family:'DM Mono',monospace}
.wz-arrow{text-align:center;color:var(--border2);font-size:10px;padding:.1rem 0 .1rem .75rem}
.wz-step.done .wz-block{background:#F0FDF4;border-color:#BBF7D0}
.wz-step.done .wz-num{background:var(--green);border-color:var(--green);color:#fff;font-size:11px}
.wz-step.done .wz-name{color:var(--green)}
.wz-step.done .wz-arrow{color:#BBF7D0}
.wz-step.active .wz-block{background:var(--yellow-m);border-color:var(--yellow)}
.wz-step.active .wz-num{background:var(--yellow);border-color:var(--yellow-h);color:#000;font-weight:700}
.wz-step.active .wz-name{color:var(--amber);font-weight:700}
.wz-step.active .wz-sub{color:var(--amber)}
.wz-step.active .wz-arrow{color:var(--yellow)}
.wz-step.locked{opacity:.45;cursor:not-allowed}
.main{padding:2rem;overflow-y:auto;background:var(--bg);min-height:calc(100vh - 60px)}
.badge-phase{display:inline-flex;align-items:center;gap:6px;background:var(--yellow-m);border:1.5px solid var(--yellow);border-radius:20px;padding:4px 14px;font-size:10px;font-weight:700;color:var(--amber);font-family:'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.875rem}
.badge-phase::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--yellow-h)}
.wz-title{font-family:'Syne',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:900;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.75rem}
.wz-title span{color:var(--yellow-h)}
.section{display:none}.section.active{display:block}
.hint{background:var(--yellow-l);border:1.5px solid var(--yellow-m);border-radius:var(--r2);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.875rem}
.hint-ico{width:32px;height:32px;border-radius:8px;background:var(--yellow-m);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--yellow)}
.hint-ico svg{width:16px;height:16px;stroke:var(--amber);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hint-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:.25rem}
.hint-text{font-size:12px;color:var(--ink3);line-height:1.6}
.card{background:#fff;border:1.5px solid rgba(0,0,0,.08);border-radius:var(--r2);overflow:hidden;margin-bottom:1.25rem;box-shadow:0 1px 4px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.04)}
.card-head{padding:.875rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:.75rem;background:var(--bg2)}
.card-ico{width:32px;height:32px;border-radius:8px;background:var(--yellow-l);border:1px solid var(--yellow-m);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.card-ico svg{width:16px;height:16px;stroke:var(--amber);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card-title{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.card-body{padding:1.25rem}
.card-foot{padding:.875rem 1.25rem;border-top:1px solid var(--border);background:var(--bg2);display:flex;gap:.5rem;flex-wrap:wrap}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:.875rem}
.form-row.tri{grid-template-columns:1fr 1fr 1fr}
.form-row.full{grid-template-columns:1fr}
.field{display:flex;flex-direction:column;gap:.375rem}
.field label{font-size:10px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;font-family:'DM Mono',monospace}
.field input,.field select,.field textarea{padding:10px 14px;border:1.5px solid var(--border2);border-radius:var(--r);font-size:14px;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;outline:none;transition:.15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--yellow-h);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.field input::placeholder{color:var(--ink4)}
.field textarea{resize:none;min-height:80px;line-height:1.55}
.field select option{background:#fff}
.btn{padding:9px 18px;border-radius:var(--r);font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;border:none;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.btn-jaune,.btn-yellow{background:var(--yellow);color:#000;box-shadow:0 2px 8px rgba(37,99,235,.3)}
.btn-jaune:hover:not(:disabled),.btn-yellow:hover:not(:disabled){background:var(--yellow-h);transform:translateY(-1px)}
.btn-ol,.btn-outline{background:#fff;color:var(--ink2);border:1.5px solid var(--border2)}
.btn-ol:hover:not(:disabled),.btn-outline:hover:not(:disabled){border-color:var(--yellow-h);color:var(--amber)}
.btn-ia{background:var(--yellow-l);color:var(--amber);border:1.5px solid var(--yellow-m)}
.btn-ia:hover:not(:disabled){background:var(--yellow-m)}
.btn-ok,.btn-vert{background:#D1FAE5;color:#065F46;border:1.5px solid #6EE7B7}
.btn-danger{background:#FEE2E2;color:#991B1B;border:1.5px solid #FCA5A5}
.btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.btn-next{padding:10px 24px;border-radius:var(--r);font-size:14px;font-weight:700;color:#000;background:var(--yellow);border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:.15s;box-shadow:0 2px 8px rgba(37,99,235,.3);display:inline-flex;align-items:center;gap:7px}
.btn-next:hover:not(:disabled){background:var(--yellow-h);transform:translateY(-1px)}
.btn-next:disabled{opacity:.35;cursor:not-allowed;transform:none}
.btn-prev{padding:10px 18px;border-radius:var(--r);font-size:14px;font-weight:600;color:var(--ink3);background:#fff;border:1.5px solid var(--border2);cursor:pointer;font-family:'DM Sans',sans-serif;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.btn-prev:hover{border-color:var(--yellow-h);color:var(--amber)}
.agenda-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem;flex-wrap:wrap}
.agenda-mois{font-family:'Syne',sans-serif;font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.cal-nav-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border2);background:#fff;color:var(--ink3);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:.12s}
.cal-nav-btn:hover{border-color:var(--yellow-h);color:var(--amber)}
.legende{display:flex;gap:.875rem;flex-wrap:wrap;margin-left:auto}
.leg-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink4);font-family:'DM Mono',monospace}
.leg-dot{width:10px;height:10px;border-radius:50%}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:1.25rem}
.cal-day-name{text-align:center;font-size:10px;font-weight:700;font-family:'DM Mono',monospace;color:var(--ink4);text-transform:uppercase;letter-spacing:.06em;padding:.375rem 0}
.cal-cell{min-height:64px;border-radius:var(--r);padding:.375rem;border:1.5px solid transparent;background:var(--bg2);position:relative;cursor:pointer;transition:.12s}
.cal-cell:hover{background:var(--yellow-l);border-color:var(--yellow-m)}
.cal-cell.today{background:var(--yellow-m);border-color:var(--yellow)}
.cal-cell.other-month{opacity:.4}
.cal-num{font-size:11px;font-weight:700;font-family:'DM Mono',monospace;color:var(--ink3);margin-bottom:.25rem}
.cal-cell.today .cal-num{color:var(--amber);font-weight:800}
.ev{font-size:9px;font-weight:600;border-radius:4px;padding:1px 5px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'DM Mono',monospace}
.ev-rg{background:#FEF3C7;color:#92400E}
.ev-doc{background:#DBEAFE;color:#1D4ED8}
.ev-travaux{background:#D1FAE5;color:#065F46}
.ev-custom{background:#EDE9FE;color:#5B21B6}
.ev-admin{background:#E0F2FE;color:#0369A1}
.export-section{display:flex;gap:.625rem;margin-top:1rem;flex-wrap:wrap}
.export-btns{display:flex;gap:.5rem}
.dv-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}
.dv-item{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r2);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.dv-lot{font-size:13px;font-weight:700;color:var(--ink);min-width:140px}
.dv-artisan{font-size:12px;color:var(--ink3);flex:1}
.dv-montant{font-family:'Syne',sans-serif;font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.dv-pct{font-size:11px;font-family:'DM Mono',monospace;color:var(--ink4)}
.dv-min{width:100%}
.upload-z{border:2px dashed var(--border2);border-radius:var(--r2);padding:1.5rem;text-align:center;cursor:pointer;transition:.15s;background:var(--bg2)}
.upload-z:hover{border-color:var(--yellow-h);background:var(--yellow-l)}
.upload-z-title{font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:.25rem}
.upload-z-sub{font-size:11px;color:var(--ink4);font-family:'DM Mono',monospace}
.ia-box{background:var(--yellow-l);border:1.5px solid var(--yellow-m);border-radius:var(--r2);padding:1.125rem 1.375rem;margin-top:1rem}
.ia-t{font-size:10px;font-weight:700;font-family:'DM Mono',monospace;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;display:flex;align-items:center;gap:6px}
.ia-t::before{content:'✦'}
.ia-box p{font-size:13px;color:var(--ink2);line-height:1.7}
.ia-box h4{font-size:13px;font-weight:700;color:var(--ink);margin:.75rem 0 .3rem}
.reunion-zone,.reun-zone{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r2);padding:1.25rem;margin-bottom:1.25rem}
.tr-tabs{display:flex;gap:.375rem;margin-bottom:.875rem;flex-wrap:wrap}
.tr-tab{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:#fff;color:var(--ink3);font-family:'DM Mono',monospace;transition:.12s;text-transform:uppercase;letter-spacing:.04em}
.tr-tab:hover{border-color:var(--yellow-h);color:var(--amber)}
.tr-tab.active{background:var(--yellow-m);border-color:var(--yellow);color:var(--amber)}
.tr-pane{display:none}.tr-pane.active{display:block}
.tr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem;margin-top:.875rem}
.tr-step-c{background:#fff;border:1.5px solid var(--border);border-radius:var(--r);padding:.75rem;text-align:center}
.tr-step-n{font-size:20px;font-weight:800;font-family:'Syne',sans-serif;color:var(--yellow-h);margin-bottom:.25rem}
.tr-step-l{font-size:10px;color:var(--ink4);font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.cr-section{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--r2);padding:1rem;margin-bottom:.75rem}
.cr-section-title{font-size:11px;font-weight:700;font-family:'DM Mono',monospace;color:var(--ink4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.625rem}
.mas-i{display:flex;align-items:flex-start;gap:.625rem;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--ink2)}
.mas-i:last-child{border-bottom:none}
.mas-n{width:22px;height:22px;border-radius:6px;background:var(--yellow-m);color:var(--amber);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'DM Mono',monospace}
.fin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}
.fin-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);padding:1rem 1.125rem}
.fin-k{font-size:9px;font-weight:600;font-family:'DM Mono',monospace;color:var(--ink4);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem}
.fin-val{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1}
.fin-val.ok{color:var(--green)}.fin-val.warn{color:var(--amber)}.fin-val.ko{color:var(--red)}
.fin-sub{font-size:10px;color:var(--ink4);font-family:'DM Mono',monospace;margin-top:.2rem}
.lot-table{width:100%;border-collapse:collapse;font-size:13px}
.lot-table th{background:var(--bg3);color:var(--ink3);font-size:10px;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .75rem;text-align:left;border-bottom:1.5px solid var(--border)}
.lot-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);color:var(--ink2);vertical-align:middle}
.lot-table tr:hover td{background:var(--bg2)}
.lot-row{display:flex;align-items:center;gap:8px}
.lot-bar-wrap{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}
.lot-bar-fill{height:100%;border-radius:3px;background:var(--yellow);transition:width .3s}
.cl-section-head{font-size:11px;font-weight:700;font-family:'DM Mono',monospace;color:var(--ink3);text-transform:uppercase;letter-spacing:.1em;padding:.625rem 0;border-bottom:1.5px solid var(--border);margin-bottom:.375rem;display:flex;align-items:center;gap:.5rem}
.cl-item{display:flex;align-items:center;gap:.75rem;padding:.45rem .5rem;border-radius:8px;cursor:pointer;transition:.12s}
.cl-item:hover{background:var(--bg2)}
.cl-check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s;background:#fff}
.cl-check.ok{background:var(--green);border-color:var(--green);color:#fff;font-size:11px;font-weight:700}
.cl-label{font-size:13px;color:var(--ink2);flex:1;line-height:1.4}
.cl-item.checked .cl-label{text-decoration:line-through;color:var(--ink4)}
.cl-ref{font-size:10px;font-family:'DM Mono',monospace;color:var(--ink4)}
.reserve-item{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);padding:1rem 1.25rem;margin-bottom:.75rem}
.res-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}
.res-badge{padding:2px 9px;border-radius:5px;font-size:10px;font-weight:700;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}
.res-haute{background:#FEE2E2;color:#991B1B}
.res-moyenne{background:#FEF3C7;color:#92400E}
.res-basse{background:var(--bg3);color:var(--ink4)}
.res-desc{font-size:13px;font-weight:600;color:var(--ink);flex:1}
.res-meta{font-size:11px;color:var(--ink4);font-family:'DM Mono',monospace;margin-bottom:.5rem}
.res-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.courrier-grid,.courrier-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}
.courrier-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);padding:1.25rem;cursor:pointer;transition:.18s;text-align:left}
.courrier-card:hover{border-color:var(--yellow-h);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.courrier-ico{width:40px;height:40px;border-radius:10px;background:var(--yellow-l);border:1px solid var(--yellow-m);display:flex;align-items:center;justify-content:center;margin-bottom:.875rem}
.courrier-ico svg{width:20px;height:20px;stroke:var(--amber);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.courrier-nom{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:.25rem;letter-spacing:-.01em}
.courrier-desc{font-size:11px;color:var(--ink3);line-height:1.5}
.pub-native{background:var(--yellow-l);border:1.5px solid var(--yellow-m);border-radius:var(--r2);padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:.875rem}
.pub-native-left{}
.pub-native-tag{font-size:9px;font-weight:700;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--amber);margin-bottom:.3rem}
.pub-native-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:.25rem}
.pub-native-sub{font-size:12px;color:var(--ink3);line-height:1.5}
.pub-native-cta{padding:8px 16px;border-radius:var(--r);font-size:12px;font-weight:700;background:var(--yellow);color:#000;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:'DM Sans',sans-serif;transition:.12s;display:block;margin-top:.5rem}
.pub-native-cta:hover{background:var(--yellow-h)}
.pub-native-dismiss{background:transparent;border:none;color:var(--ink4);cursor:pointer;font-size:18px;line-height:1;margin-left:auto;flex-shrink:0;padding:0 2px}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:500;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.modal-overlay.open{display:flex}
.modal{background:#fff;border-radius:var(--r3);width:560px;max-width:92vw;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg)}
.modal-head{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.modal-title{font-family:'Syne',sans-serif;font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.modal-close{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--border);background:#fff;color:var(--ink3);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:.12s}
.modal-close:hover{border-color:var(--red);color:var(--red)}
.modal-body{padding:1.5rem}
.modal-foot{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:flex-end;background:var(--bg2)}
.nav-b{position:sticky;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--border);padding:10px 2rem;display:flex;align-items:center;gap:1rem;backdrop-filter:blur(12px);padding-bottom:calc(10px + env(safe-area-inset-bottom))}
#navBasInfo{font-size:11px;color:var(--ink4);font-family:'DM Mono',monospace;flex:1;text-align:center}
.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--yellow-m);border-top-color:var(--yellow);animation:sp .6s linear infinite;vertical-align:middle;margin-right:6px}
@keyframes sp{to{transform:rotate(360deg)}}
.toast{position:fixed;bottom:24px;right:24px;z-index:999;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:500;font-family:'DM Mono',monospace;animation:tin .2s ease;pointer-events:none;background:#0D1117;color:rgba(255,255,255,.9);box-shadow:0 8px 32px rgba(0,0,0,.3)}
@keyframes tin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.part-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}
.part-c{background:#fff;border:1.5px solid var(--border);border-radius:var(--r2);padding:1rem;text-align:center;cursor:pointer;transition:.18s}
.part-c:hover{border-color:var(--yellow-h);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.part-c.sel{border-color:var(--yellow);background:var(--yellow-l)}
.part-ico{font-size:28px;margin-bottom:.5rem}
.part-nom{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:.2rem}
.part-spec{font-size:10px;color:var(--ink4);font-family:'DM Mono',monospace}
.bandeau{background:var(--yellow-m);border:1.5px solid var(--yellow);border-radius:var(--r2);padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem;margin-top:1rem}
.bandeau-txt{font-size:13px;color:var(--amber);font-weight:600;flex:1}
.bandeau-code{font-family:'Syne',sans-serif;font-size:20px;font-weight:900;color:var(--ink);letter-spacing:.05em;cursor:pointer}
.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:.625rem;align-items:center;padding:.35rem 0;border-bottom:1px solid var(--border)}
.rg{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
footer{background:var(--ink);color:rgba(255,255,255,.5);padding:2rem;font-size:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
footer a{color:rgba(255,255,255,.5);text-decoration:none;transition:.15s}
footer a:hover{color:var(--yellow-h)}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}
.footer-logo{font-family:'Syne',sans-serif;font-weight:900;font-size:15px;color:#fff}
.footer-logo span{color:var(--yellow-h)}
@media(max-width:1024px){.layout{grid-template-columns:220px 1fr}.fin-grid{grid-template-columns:1fr 1fr}.courrier-grid,.courrier-list{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:1.25rem}.form-row,.form-row.tri{grid-template-columns:1fr}.fin-grid{grid-template-columns:1fr 1fr}.tr-steps{grid-template-columns:1fr 1fr}.courrier-grid,.courrier-list{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.fin-grid,.courrier-grid,.courrier-list{grid-template-columns:1fr}}
@media(max-width:640px){
  nav{padding:0 1rem}
  .nav-links{display:none}
  .btn-ghost{display:none}
  .hero{padding:6rem 1.25rem 3.5rem}
  .hero-ctas{flex-direction:column;align-items:center}
  .hero-cta-main,.hero-cta-sec{width:100%;justify-content:center}
  .hero-proof{gap:.875rem;flex-direction:column;align-items:center}
  .hero-scroll{display:none}
  .faq-section{padding:3rem 1.25rem}
}
/* ── NAV ADAPTIVE ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;display:flex;align-items:center;padding:0 1.5rem;gap:1rem;transition:background .3s,border-color .3s}
nav.nav-dark{background:rgba(7,17,29,.85);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(16px)}
nav.nav-light{background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--border)}
nav.nav-dark .nav-logo-text{color:#fff}
nav.nav-dark .nav-logo-text span{color:var(--yellow)}
nav.nav-light .nav-logo-text{color:var(--ink)}
nav.nav-light .nav-logo-text span{color:var(--yellow-h)}
nav.nav-dark .nav-item-btn{color:rgba(255,255,255,.65)}
nav.nav-dark .nav-item-btn:hover{background:rgba(255,255,255,.09);color:#fff}
nav.nav-light .nav-item-btn{color:var(--ink3)}
nav.nav-light .nav-item-btn:hover{background:var(--bg2);color:var(--ink)}
nav.nav-dark .btn-connexion,nav.nav-dark .btn-launch{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:none}
nav.nav-dark .btn-connexion:hover,nav.nav-dark .btn-launch:hover{background:rgba(255,255,255,.18)}
.nav-r{margin-left:auto;display:flex;gap:.5rem;align-items:center}
.btn-ghost{padding:9px 18px;border-radius:var(--r);font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:.15s;text-decoration:none;display:inline-flex;align-items:center;border:none}
nav.nav-dark .btn-ghost{color:rgba(255,255,255,.8);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}
nav.nav-dark .btn-ghost:hover{background:rgba(255,255,255,.18);color:#fff}
nav.nav-light .btn-ghost{color:var(--ink2);background:transparent;border:1.5px solid var(--border2)}
nav.nav-light .btn-ghost:hover{border-color:var(--ink2);color:var(--ink)}
/* Hero */
.hero{min-height:100svh;background:#07111D;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7rem 2rem 5rem;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 20%,rgba(37,99,235,.15),transparent 70%);pointer-events:none}
.hero-inner{position:relative;z-index:1;max-width:820px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:50px;padding:6px 18px;font-size:11px;font-weight:600;color:rgba(255,255,255,.75);font-family:'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase;margin-bottom:2rem}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px var(--yellow)}
.hero-title{font-family:'Syne',sans-serif;font-size:clamp(40px,6.5vw,78px);font-weight:900;letter-spacing:-.04em;line-height:1.0;color:#fff;margin-bottom:1.5rem;text-wrap:balance}
.hero-title .t-yellow{color:transparent;background:linear-gradient(135deg,var(--yellow),#F59E0B);-webkit-background-clip:text;background-clip:text}
.hero-sub{font-size:clamp(15px,2vw,19px);color:rgba(255,255,255,.55);max-width:520px;margin:0 auto 2.75rem;line-height:1.7}
.hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}
.hero-cta-main{padding:15px 34px;border-radius:var(--r2);font-size:15px;font-weight:700;color:#000;background:var(--yellow);border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:.2s;box-shadow:0 4px 24px rgba(37,99,235,.45);display:inline-flex;align-items:center;gap:8px}
.hero-cta-main:hover{background:var(--yellow-h);transform:translateY(-2px);box-shadow:0 8px 32px rgba(37,99,235,.5)}
.hero-cta-sec{padding:15px 28px;border-radius:var(--r2);font-size:15px;font-weight:600;color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);cursor:pointer;font-family:'DM Sans',sans-serif;transition:.15s}
.hero-cta-sec:hover{background:rgba(255,255,255,.14);color:#fff}
.hero-proof{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}
.hero-proof-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:rgba(255,255,255,.45);font-family:'DM Mono',monospace;letter-spacing:.03em}
.hero-proof-item::before{content:'✓';color:var(--yellow);font-weight:700}
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.2);font-size:10px;font-family:'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(255,255,255,.25),transparent);animation:scrollLine 2s ease-in-out infinite}
@keyframes scrollLine{0%,100%{opacity:.4}50%{opacity:1}}
/* FAQ section */
.faq-section{padding:5rem 2rem;background:#fff;border-top:1px solid var(--border)}
.faq-inner{max-width:720px;margin:0 auto}
.faq-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-family:'DM Mono',monospace;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--amber);margin-bottom:.875rem}
.faq-eyebrow::before{content:'';width:18px;height:1.5px;background:var(--yellow)}
.faq-section-title{font-family:'Syne',sans-serif;font-size:clamp(26px,3.8vw,44px);font-weight:800;letter-spacing:-.035em;color:var(--ink);line-height:1.1;margin-bottom:2.5rem}
.faq-list{}
.faq-item{border-bottom:1px solid var(--border);overflow:hidden}
.faq-q{font-size:15px;font-weight:600;color:var(--ink2);cursor:pointer;padding:1.125rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:color .15s;user-select:none}
.faq-q:hover{color:var(--ink)}
.faq-q::after{display:none}
.faq-icon{width:26px;height:26px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s;color:var(--ink3);font-size:16px;font-weight:300}
.faq-item.open .faq-icon{background:var(--yellow);border-color:var(--yellow);color:#000;transform:rotate(45deg)}
.faq-a{font-size:14px;color:var(--ink3);line-height:1.75;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s;padding:0}
.faq-item.open .faq-a{max-height:240px;padding-bottom:1.25rem}
/* App section label */
.app-anchor{scroll-margin-top:60px}

</style>

  <!-- Google Analytics GA4 — MonPermisIA -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-N0JHGHRG5H"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-N0JHGHRG5H', {
      page_title: document.title,
      send_page_view: true
    });
    // Events personnalisés MonPermisIA
    function trackProcedure(type){gtag('event','procedure_selectionnee',{type_procedure:type});}
    function trackPLU(commune, doc){gtag('event','analyse_plu',{commune:commune,document:doc});}
    function trackDossier(type){gtag('event','dossier_genere',{type_dossier:type});}
    function trackAWIN(partenaire, montant){gtag('event','clic_affiliation',{partenaire:partenaire,valeur:montant});}
  </script>
  
  
  
</head>
<body>

<!-- TOP -->
<div class="top">
  <div class="logo">Mon<span class="j">Chantier</span>IA & Mon<span class="g">Permis</span>IA</div>
  <div class="top-right">
    <a class="tbtn" href="https://monchantieria.fr">MonChantierIA →</a>
    <a class="tbtn" href="https://monpermisia.fr">MonPermisIA →</a>
    <button class="tbtn tbtn-j" onclick="window.print()">↓ Imprimer PDF</button>
  </div>
</div>

<div class="layout">

<!-- SIDENAV -->
<nav style="position:fixed;top:0;left:0;right:0;z-index:200;height:60px;background:rgba(255,255,255,.97);border-bottom:1px solid #E2E8F0;backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;box-shadow:0 1px 3px rgba(0,0,0,.06);font-family:'DM Sans',sans-serif">
  <a href="/index.html" style="display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0">
    <img src="data:image/png;base64,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" width="36" height="36" alt="MonPermisIA" style="border-radius:10px;flex-shrink:0">
    <span style="font-family:'Syne',sans-serif;font-weight:900;font-size:15px;letter-spacing:-.03em;color:#0F172A">Mon<span style="color:#2563EB">Permis</span>IA</span>
  </a>
  <div style="display:flex;gap:.25rem;margin-left:.5rem">
    <a href="/assistant.html" style="padding:5px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#64748B;text-decoration:none">Créer dossier</a>
    <a href="/assistant.html" style="padding:5px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#64748B;text-decoration:none">Analyse PLU</a>
    <a href="/editeur-plan.html" style="padding:5px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#64748B;text-decoration:none">Plan de masse</a>
  </div>
  <div style="margin-left:auto;display:flex;gap:.5rem;align-items:center">
    <a href="https://monchantieria.fr" style="padding:7px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#334155;border:1.5px solid #CBD5E1;text-decoration:none">MonChantierIA →</a>
    <a href="/index.html" style="padding:8px 18px;border-radius:8px;font-size:12px;font-weight:700;color:#fff;background:#2563EB;text-decoration:none;box-shadow:0 2px 8px rgba(37,99,235,.3)">← Accueil</a>
  </div>
</nav>

<!-- CONTENU -->
<div class="content" style="margin-top:60px">

  <h1>Informations <span>légales</span></h1>
  <div class="h1-sub">Mentions légales · CGU · RGPD · Affiliation · Responsabilité IA</div>
  <div class="last-update">Dernière mise à jour : Avril 2026</div>

  <div class="box box-warn">
    <span class="box-label" style="color:#FCA5A5">⚠ Note importante</span>
    <p>Ces documents ont été rédigés avec l'assistance d'une IA à titre informatif. Ils ne constituent pas un conseil juridique. Nous vous recommandons de les faire valider par un juriste ou via une plateforme spécialisée (Legalstart, Rocket Lawyer) avant toute utilisation commerciale.</p>
  </div>

  <!-- ══════════════════════════════════
       ÉDITEUR / MENTIONS LÉGALES
  ══════════════════════════════════ -->
  <div class="legal-section" id="editeur">
    <div class="section-badge sb-jaune">01 — Éditeur des sites</div>
    
<div id="retractation" style="margin-bottom:2rem">
<h2 style="font-family:'Syne',sans-serif;font-size:20px;font-weight:800;margin-bottom:1rem">Droit de rétractation</h2>
<p style="font-size:14px;line-height:1.8;margin-bottom:.75rem">
Conformément à l'article L221-18 du Code de la consommation, vous disposez d'un délai de <strong>14 jours</strong> à compter de la date de souscription pour exercer votre droit de rétractation, sans avoir à justifier de motifs ni à payer de pénalités.
</p>
<p style="font-size:14px;line-height:1.8;margin-bottom:.75rem">
Pour exercer ce droit, vous devez nous notifier votre décision de rétractation par email à : <strong>partenaires@monchantieria.fr</strong> (MonChantierIA) ou <strong>partenaires@monpermisia.fr</strong> (MonPermisIA).
</p>
<p style="font-size:14px;line-height:1.8">
En cas de rétractation, nous vous rembourserons la totalité du montant reçu dans un délai de 14 jours à compter de la réception de votre notification.
</p>
</div>
<h2>Identification de l'éditeur</h2>

    <div class="contact-box">
      <div class="cb-label">Informations légales de l'éditeur</div>
      <div class="cb-row"><span class="cb-key">Raison sociale</span><span class="cb-val">Marion Bodin</span></div>
      <div class="cb-row"><span class="cb-key">Statut juridique</span><span class="cb-val">Auto-entrepreneur (micro-entreprise)</span></div>
      <div class="cb-row"><span class="cb-key">SIRET</span><span class="cb-val">102 201 555 00012</span></div>
      <div class="cb-row"><span class="cb-key">Code APE</span><span class="cb-val">7022Z — Conseil pour les affaires et autres conseils de gestion</span></div>
      <div class="cb-row"><span class="cb-key">Adresse</span><span class="cb-val">4 Impasse des Capucines, 85130 Chanverrie (Vendée)</span></div>
      <div class="cb-row"><span class="cb-key">Email</span><span class="cb-val"><a href="mailto:contact@monchantieria.fr">contact@monchantieria.fr</a></span></div>
      <div class="cb-row"><span class="cb-key">Sites édités</span><span class="cb-val">monchantieria.fr · monpermisia.fr</span></div>
    </div>

    <h3>Hébergement</h3>
    <div class="contact-box">
      <div class="cb-label">Hébergeur</div>
      <div class="cb-row"><span class="cb-key">Société</span><span class="cb-val">Hostinger International Ltd</span></div>
      <div class="cb-row"><span class="cb-key">Adresse</span><span class="cb-val">61 Lordou Vironos Street, 6023 Larnaca, Chypre</span></div>
      <div class="cb-row"><span class="cb-key">Site</span><span class="cb-val"><a href="https://www.hostinger.fr" target="_blank">www.hostinger.fr</a></span></div>
    </div>

    <h3>Directeur de la publication</h3>
    <p>Marion Bodin — Éditrice (SIRET 102 201 555 00012)<br>Directeur de publication : Venceslas Mélot</p>
  </div>

  <!-- ══════════════════════════════════
       CGU
  ══════════════════════════════════ -->
  <div class="legal-section" id="cgu">
    <div class="section-badge sb-jaune">02 — Conditions Générales d'Utilisation</div>
    <h2>CGU — MonChantierIA.fr & MonPermisIA.fr</h2>

    <h3>1. Objet et acceptation</h3>
    <p>Les présentes Conditions Générales d'Utilisation (CGU) régissent l'accès et l'utilisation des plateformes <strong>MonChantierIA.fr</strong> et <strong>MonPermisIA.fr</strong> (ci-après "les Sites").</p>
    <p>En accédant aux Sites, l'Utilisateur reconnaît avoir pris connaissance des présentes CGU et les accepte sans réserve. Si vous n'acceptez pas ces conditions, veuillez ne pas utiliser les Sites.</p>

    <h3>2. Description des services</h3>
    <p><strong>MonChantierIA.fr</strong> est une plateforme d'assistance numérique permettant de :</p>
    <ul class="legal-list">
      <li>Suivre les étapes d'un chantier de construction résidentielle</li>
      <li>Générer des comptes-rendus de réunion par intelligence artificielle</li>
      <li>Comparer des devis d'artisans avec assistance IA</li>
      <li>Gérer une checklist de réception et des réserves</li>
      <li>Générer des courriers types assistés par IA</li>
      <li>Accéder à une checklist de matériaux avec liens partenaires</li>
    </ul>
    <p><strong>MonPermisIA.fr</strong> est une plateforme d'assistance permettant de :</p>
    <ul class="legal-list">
      <li>Identifier la procédure d'urbanisme applicable (PC, PCMI, DP)</li>
      <li>Préparer un dossier de Permis de Construire assisté par IA</li>
      <li>Analyser les règles d'urbanisme (PLU, RNU) d'une parcelle</li>
      <li>Générer des pièces graphiques indicatives (plan de masse, notices)</li>
      <li>Accéder à des informations réglementaires sur le droit de l'urbanisme français</li>
    </ul>

    <div class="box box-warn">
      <span class="box-label" style="color:#FCA5A5">Limitation de responsabilité — Point critique</span>
      <p>Les contenus, documents, plans, notices et analyses générés par les Sites le sont à titre <strong>indicatif et d'aide à la décision uniquement</strong>. Ils ne constituent pas un conseil juridique, architectural, technique ou professionnel. L'Utilisateur demeure seul responsable de l'utilisation qu'il fait des informations et documents produits.</p>
    </div>

    <h3>3. Accès aux services — Gratuité et durée</h3>
    <p>L'accès aux Services est <strong>gratuit</strong> pendant une période de <strong>3 mois</strong> à compter de la création du compte. Au-delà de cette période, l'accès peut être soumis à des conditions tarifaires qui seront communiquées à l'Utilisateur avant toute facturation, avec son accord préalable.</p>
    <p>L'éditeur se réserve le droit de modifier les conditions d'accès avec un préavis de 30 jours notifié par email.</p>

    <h3>4. Création de compte et authentification</h3>
    <p>L'accès à certaines fonctionnalités nécessite la création d'un compte via l'authentification Google (Google Sign-In). L'Utilisateur garantit l'exactitude des informations fournies et est seul responsable de la confidentialité de ses identifiants.</p>
    <p>L'éditeur se réserve le droit de suspendre ou supprimer tout compte en cas d'utilisation frauduleuse ou contraire aux présentes CGU.</p>

    <h3>5. Propriété intellectuelle</h3>
    <p>L'ensemble des éléments des Sites (code, design, textes, logos, interfaces) est protégé par le droit de la propriété intellectuelle et appartient à l'éditeur ou fait l'objet de licences d'utilisation.</p>
    <p>Les documents générés par les Sites à partir des données saisies par l'Utilisateur appartiennent à ce dernier. L'éditeur conserve un droit d'utilisation anonymisé à des fins d'amélioration des services.</p>

    <h3>6. Obligations de l'Utilisateur</h3>
    <p>L'Utilisateur s'engage à :</p>
    <ul class="legal-list">
      <li>Utiliser les Sites conformément à leur objet et aux lois en vigueur</li>
      <li>Ne pas tenter de contourner les mesures de sécurité</li>
      <li>Ne pas utiliser les Sites à des fins commerciales sans accord préalable</li>
      <li>Ne pas reproduire ou distribuer les contenus des Sites sans autorisation</li>
      <li>Vérifier auprès des autorités compétentes (mairie, urbaniste) tout document généré avant utilisation officielle</li>
    </ul>

    <h3>7. Disponibilité et maintenance</h3>
    <p>L'éditeur s'efforce d'assurer la disponibilité des Sites 24h/24 et 7j/7, sans pouvoir garantir une disponibilité ininterrompue. Des interruptions pour maintenance pourront survenir sans préavis. L'éditeur ne saurait être tenu responsable des dommages résultant d'une indisponibilité temporaire.</p>

    <h3>8. Modification des CGU</h3>
    <p>L'éditeur se réserve le droit de modifier les présentes CGU à tout moment. Les modifications entrent en vigueur dès leur publication. La poursuite de l'utilisation des Sites après notification des modifications vaut acceptation.</p>

    <h3>9. Droit applicable et juridiction</h3>
    <p>Les présentes CGU sont soumises au droit français. En cas de litige, les parties s'engagent à rechercher une solution amiable. À défaut, compétence est attribuée aux tribunaux du ressort du siège social de l'éditeur.</p>
  </div>

  <!-- ══════════════════════════════════
       RGPD
  ══════════════════════════════════ -->
  <div class="legal-section" id="rgpd">
    <div class="section-badge sb-vert">03 — Politique de confidentialité RGPD</div>
    <h2>Protection de vos données personnelles</h2>

    <p>Conformément au Règlement Général sur la Protection des Données (RGPD — Règlement UE 2016/679) et à la loi Informatique et Libertés modifiée, nous vous informons de la manière dont nous collectons et traitons vos données personnelles.</p>

    <h3>Données collectées</h3>
    <table class="legal-table">
      <tr><th>Donnée</th><th>Source</th><th>Finalité</th><th>Durée conservation</th></tr>
      <tr><td>Email, Nom, Photo de profil</td><td>Google Sign-In (consentement)</td><td>Authentification, communication</td><td>Durée du compte + 1 an</td></tr>
      <tr><td>Données du chantier / projet</td><td>Saisie volontaire</td><td>Fonctionnement du service</td><td>Durée du compte + 6 mois</td></tr>
      <tr><td>Adresse IP, logs de connexion</td><td>Automatique</td><td>Sécurité, statistiques</td><td>13 mois (CNIL)</td></tr>
      <tr><td>Données de navigation (cookies)</td><td>Automatique (consentement)</td><td>Amélioration du service</td><td>13 mois</td></tr>
      <tr><td>Données de géolocalisation</td><td>Consentement utilisateur</td><td>Localisation terrain (cadastre)</td><td>Non conservée</td></tr>
    </table>

    <h3>Base légale des traitements</h3>
    <ul class="legal-list">
      <li><strong>Exécution du contrat</strong> (CGU) — authentification, fourniture du service</li>
      <li><strong>Consentement</strong> — cookies analytiques, communications marketing</li>
      <li><strong>Intérêt légitime</strong> — sécurité, prévention de la fraude, amélioration du service</li>
      <li><strong>Obligation légale</strong> — conservation des logs (LCEN)</li>
    </ul>

    <h3>Destinataires des données</h3>
    <p>Vos données peuvent être transmises aux sous-traitants suivants dans le cadre de la fourniture du service :</p>
    <table class="legal-table">
      <tr><th>Prestataire</th><th>Rôle</th><th>Localisation</th><th>Garanties</th></tr>
      <tr><td>Google Firebase / Firestore</td><td>Authentification, base de données</td><td>UE (europe-west3)</td><td>DPA Google, Clauses contractuelles types</td></tr>
      <tr><td>Anthropic (Claude API)</td><td>Intelligence artificielle</td><td>USA</td><td>DPA Anthropic, Clauses contractuelles types</td></tr>
      <tr><td>Hostinger</td><td>Hébergement web</td><td>UE (Lituanie)</td><td>RGPD compliant</td></tr>
      <tr><td>AWIN AG</td><td>Programme d'affiliation</td><td>UE (Allemagne)</td><td>RGPD compliant</td></tr>
    </table>

    <div class="box box-info">
      <span class="box-label" style="color:#93C5FD">ℹ Transfert hors UE — Anthropic</span>
      <p>Les données saisies dans les champs de génération IA (notes de réunion, descriptions de projet) sont transmises à Anthropic (USA) pour traitement. Ces transferts sont encadrés par des clauses contractuelles types approuvées par la Commission européenne. Anthropic ne conserve pas les données au-delà du traitement immédiat.</p>
    </div>

    <h3>Vos droits RGPD</h3>
    <p>Conformément au RGPD, vous disposez des droits suivants :</p>
    <ul class="legal-list">
      <li><strong>Droit d'accès</strong> — obtenir une copie de vos données personnelles</li>
      <li><strong>Droit de rectification</strong> — corriger des données inexactes ou incomplètes</li>
      <li><strong>Droit à l'effacement</strong> — demander la suppression de vos données ("droit à l'oubli")</li>
      <li><strong>Droit à la portabilité</strong> — recevoir vos données dans un format structuré</li>
      <li><strong>Droit d'opposition</strong> — vous opposer au traitement pour des raisons légitimes</li>
      <li><strong>Droit à la limitation</strong> — limiter le traitement de vos données</li>
      <li><strong>Droit de retirer votre consentement</strong> — à tout moment, pour les traitements basés sur le consentement</li>
    </ul>
    <p>Pour exercer vos droits : <a href="mailto:contact@monchantieria.fr" style="color:var(--jaune)">contact@monchantieria.fr</a> — Réponse sous 30 jours maximum.</p>
    <p>Vous disposez également du droit d'introduire une réclamation auprès de la <strong>CNIL</strong> (Commission Nationale de l'Informatique et des Libertés) — <a href="https://www.cnil.fr" target="_blank" style="color:var(--jaune)">www.cnil.fr</a></p>
  </div>

  <!-- ══════════════════════════════════
       COOKIES
  ══════════════════════════════════ -->
  <div class="legal-section" id="cookies">
    <div class="section-badge sb-bleu">04 — Politique cookies</div>
    <h2>Gestion des cookies</h2>

    <p>Conformément à la directive ePrivacy et aux recommandations de la CNIL, nous vous informons de l'utilisation des cookies sur nos Sites.</p>

    <table class="legal-table">
      <tr><th>Cookie</th><th>Type</th><th>Finalité</th><th>Durée</th><th>Consentement requis</th></tr>
      <tr><td>Firebase Auth Session</td><td>Essentiel</td><td>Maintien de la session utilisateur</td><td>Session / 3 mois</td><td>Non</td></tr>
      <tr><td>Firebase User ID</td><td>Essentiel</td><td>Identification compte utilisateur</td><td>3 mois</td><td>Non</td></tr>
      <tr><td>PWA ServiceWorker Cache</td><td>Fonctionnel</td><td>Fonctionnement hors ligne de l'application</td><td>Jusqu'à révocation</td><td>Non</td></tr>
      <tr><td>AWIN Tracking Cookie</td><td>Publicitaire</td><td>Suivi des clics affiliation partenaires</td><td>30 jours</td><td>Oui</td></tr>
      <tr><td>Google Analytics (_ga)</td><td>Analytique</td><td>Statistiques de fréquentation anonymisées</td><td>13 mois</td><td>Oui</td></tr>
    </table>

    <p>Les cookies nécessitant votre consentement ne sont déposés qu'après votre accord via la bannière de gestion des cookies. Vous pouvez modifier vos préférences à tout moment depuis les paramètres de votre navigateur ou via notre gestionnaire de cookies.</p>
  </div>

  <!-- ══════════════════════════════════
       AFFILIATION
  ══════════════════════════════════ -->
  <div class="legal-section" id="affiliation">
    <div class="section-badge sb-jaune">05 — Liens d'affiliation AWIN</div>
    <h2>Transparence sur les liens affiliés</h2>

    <div class="box box-jaune">
      <span class="box-label" style="color:rgba(245,196,0,.8)">Information obligatoire</span>
      <p>Conformément à l'article L.121-1 du Code de la consommation et aux recommandations de l'ARPP, nous vous informons que certains liens présents sur nos Sites sont des liens d'affiliation. Cela signifie que nous percevons une commission lorsque vous effectuez un achat via ces liens, sans coût supplémentaire pour vous.</p>
    </div>

    <h3>Programme d'affiliation</h3>
    <p>Nos Sites participent au programme d'affiliation <strong>AWIN</strong> (Affiliate Window). Les liens vers des partenaires tels que ManoMano, Leroy Merlin, Castorama et d'autres fournisseurs de matériaux ou services sont des liens tracés par AWIN.</p>

    <h3>Identification des liens affiliés</h3>
    <p>Les liens d'affiliation sont identifiables par les mentions suivantes :</p>
    <ul class="legal-list">
      <li>La mention "Partenaire" ou "Partenaire AWIN" dans le cartouche du lien</li>
      <li>Un code promo exclusif (ex : MONCHANTIERIA) attaché au lien</li>
      <li>La redirection via le domaine awin1.com avant d'atteindre le site partenaire</li>
    </ul>

    <h3>Indépendance éditoriale</h3>
    <p>La présence de liens affiliés ne compromet pas l'indépendance et l'objectivité des contenus produits par nos outils IA. Les recommandations de matériaux sont basées sur les spécifications techniques du projet et non sur les commissions potentielles.</p>

    <h3>Commission et codes promotionnels</h3>
    <p>Les codes promotionnels mis à disposition (ex : MONCHANTIERIA) vous permettent de bénéficier de réductions négociées avec nos partenaires. L'utilisation de ces codes génère une commission en faveur de l'éditeur des Sites, sans impact sur le prix final payé par vous.</p>
  </div>

  <!-- ══════════════════════════════════
       RESPONSABILITÉ IA
  ══════════════════════════════════ -->
  <div class="legal-section" id="ia">
    <div class="section-badge sb-rouge">06 — Responsabilité liée à l'IA</div>
    <h2>Limites de l'intelligence artificielle</h2>

    <div class="box box-warn">
      <span class="box-label" style="color:#FCA5A5">⚠ Avertissement essentiel</span>
      <p>Les contenus générés par l'intelligence artificielle sur nos Sites (notices descriptives, analyses PLU, plans de masse, comptes-rendus de réunion, courriers) sont produits à des fins d'<strong>assistance et d'aide à la décision uniquement</strong>. Ils ne remplacent en aucun cas le conseil d'un professionnel qualifié.</p>
    </div>

    <h3>Ce que l'IA peut faire</h3>
    <ul class="legal-list">
      <li>Générer des ébauches de documents à compléter et vérifier</li>
      <li>Analyser des informations fournies par l'Utilisateur</li>
      <li>Proposer des estimations et des suggestions non contraignantes</li>
      <li>Faciliter la compréhension de procédures administratives</li>
    </ul>

    <h3>Ce que l'IA ne peut pas garantir</h3>
    <ul class="legal-list">
      <li><strong>La conformité réglementaire</strong> — Tout dossier de Permis de Construire doit être vérifié par l'Utilisateur et, si nécessaire, par un architecte ou un professionnel qualifié</li>
      <li><strong>L'exactitude des données PLU/RNU</strong> — Les règles d'urbanisme sont susceptibles d'évoluer. Seul le PLU en vigueur disponible en mairie fait foi</li>
      <li><strong>La précision des plans</strong> — Les plans générés sont indicatifs. Ils ne remplacent pas les plans réalisés par un architecte ou un géomètre</li>
      <li><strong>La validité juridique des courriers</strong> — Les modèles de courriers doivent être adaptés à chaque situation particulière</li>
      <li><strong>L'exhaustivité des informations</strong> — L'IA peut produire des erreurs ou des omissions</li>
    </ul>

    <h3>Responsabilité de l'Utilisateur</h3>
    <p>L'Utilisateur reconnaît expressément que :</p>
    <ul class="legal-list">
      <li>Il est seul responsable de la vérification et de la validation des documents générés</li>
      <li>Il doit consulter les services d'urbanisme de sa commune avant tout dépôt de dossier PC</li>
      <li>L'éditeur ne peut être tenu responsable des conséquences d'une utilisation sans vérification préalable</li>
      <li>En cas de doute, la consultation d'un architecte, urbaniste ou notaire est vivement recommandée</li>
    </ul>

    <h3>Exclusion de garantie</h3>
    <p>Dans les limites autorisées par la loi, l'éditeur exclut toute garantie explicite ou implicite concernant l'exactitude, la complétude, la pertinence ou l'adéquation à un usage particulier des contenus générés par l'IA. La responsabilité de l'éditeur ne saurait en tout état de cause dépasser le montant des sommes perçues de l'Utilisateur au cours des 12 derniers mois.</p>
  </div>

  <!-- ══════════════════════════════════
       MENTIONS LÉGALES SPÉCIFIQUES
  ══════════════════════════════════ -->
  <div class="legal-section" id="mentions">
    <div class="section-badge sb-gris">07 — Mentions légales complémentaires</div>
    <h2>Mentions légales</h2>

    <h3>Propriété des sites</h3>
    <p>Les sites monchantieria.fr et monpermisia.fr sont édités par <strong>Marion Bodin</strong>, auto-entrepreneur immatriculée au Registre National des Entreprises sous le numéro SIRET <strong>102 201 555 00012</strong>, dont le siège est situé au 4 Impasse des Capucines, 85130 Chanverrie (Vendée).<br><br>Directeur de publication : <strong>Venceslas Mélot</strong>.</p>

    <h3>Activité</h3>
    <p>L'activité principale est le conseil aux entreprises et aux particuliers, complétée par des revenus issus de programmes d'affiliation. Code APE : 7022Z.</p>

    <h3>Non-assujettissement à la TVA</h3>
    <p>En qualité de micro-entrepreneur, l'éditeur bénéficie de la franchise en base de TVA (article 293B du CGI). En conséquence, aucune TVA n'est applicable sur les prestations facturées tant que le seuil de franchise n'est pas atteint.</p>

    <h3>Médiation</h3>
    <p>Conformément aux articles L.612-1 et suivants du Code de la consommation, en cas de litige non résolu avec nos services, vous pouvez recourir gratuitement à un médiateur de la consommation. Nous adhérons au service de médiation [À COMPLÉTER].</p>

    <h3>Plateforme de règlement des litiges</h3>
    <p>Conformément au Règlement UE n°524/2013, la Commission européenne met à disposition une plateforme de Règlement en Ligne des Litiges (RLL) accessible à l'adresse : <a href="https://ec.europa.eu/consumers/odr" target="_blank" style="color:var(--jaune)">ec.europa.eu/consumers/odr</a></p>
  </div>

  <!-- ══════════════════════════════════
       CONTACT
  ══════════════════════════════════ -->
  <div class="legal-section" id="contact">
    <div class="section-badge sb-vert">08 — Contact</div>
    <h2>Nous contacter</h2>

    <div class="contact-box">
      <div class="cb-label">Coordonnées de contact</div>
      <div class="cb-row"><span class="cb-key">Email général</span><span class="cb-val"><a href="mailto:contact@monchantieria.fr">contact@monchantieria.fr</a></span></div>
      <div class="cb-row"><span class="cb-key">Données personnelles</span><span class="cb-val"><a href="mailto:rgpd@monchantieria.fr">rgpd@monchantieria.fr</a> (DPO)</span></div>
      <div class="cb-row"><span class="cb-key">Partenariats AWIN</span><span class="cb-val"><a href="mailto:partenaires@monchantieria.fr">partenaires@monchantieria.fr</a></span></div>
      <div class="cb-row"><span class="cb-key">Délai de réponse</span><span class="cb-val">Sous 5 jours ouvrés</span></div>
    </div>

    <div class="box box-vert" style="margin-top:1.5rem">
      <span class="box-label" style="color:rgba(16,185,129,.8)">Exercice de vos droits RGPD</span>
      <p>Pour toute demande concernant vos données personnelles (accès, rectification, suppression, portabilité), contactez-nous à rgpd@monchantieria.fr en joignant une copie de votre pièce d'identité. Réponse garantie sous 30 jours conformément au RGPD.</p>
    </div>

    <p style="font-size:13px;color:var(--gris);margin-top:2rem;font-family:'DM Mono',monospace">
      Document généré en avril 2026 — À faire valider par un professionnel du droit avant toute mise en ligne.
      <br>MonChantierIA.fr & MonPermisIA.fr — Tous droits réservés.
    </p>
  </div>

</div>
</div>

<script>
// Navigation active au scroll
const sections = document.querySelectorAll('.legal-section');
const links = document.querySelectorAll('.sn-link');

window.addEventListener('scroll', () => {
  let current = '';
  sections.forEach(s => {
    if(window.scrollY >= s.offsetTop - 100) current = s.id;
  });
  links.forEach(l => {
    l.classList.toggle('active', l.getAttribute('href') === '#'+current);
  });
});
</script>

<footer style="background:#0F172A;color:rgba(255,255,255,.5);padding:2rem;font-size:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-family:'DM Sans',sans-serif">
  <div style="font-family:'Syne',sans-serif;font-weight:900;font-size:14px;color:#fff">Mon<span style="color:#93C5FD">PermisIA</span></div>
  <div style="font-size:11px;opacity:.5">MonPermisIA prépare votre dossier — ne remplace pas un professionnel agréé.</div>
  <div style="display:flex;gap:1.5rem;flex-wrap:wrap">
    <a href="/legal.html" style="color:rgba(255,255,255,.5);text-decoration:none">Mentions légales</a>
    <a href="/legal.html#rgpd" style="color:rgba(255,255,255,.5);text-decoration:none">Confidentialité</a>
    <a href="/legal.html#cgu" style="color:rgba(255,255,255,.5);text-decoration:none">CGU</a>
    <a href="https://monchantieria.fr" style="color:#93C5FD;text-decoration:none">MonChantierIA →</a>
  </div>
</footer>
<div id="cookieBanner" style="display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#fff;border-top:2px solid #E2E8F0;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;box-shadow:0 -4px 20px rgba(0,0,0,.08);font-family:'DM Sans',sans-serif">
  <div style="flex:1;min-width:200px">
    <div style="font-size:13px;font-weight:700;color:#0F172A;margin-bottom:.25rem">Cookies & confidentialité</div>
    <div style="font-size:12px;color:#64748B;line-height:1.5">Nous utilisons Google Analytics (données anonymisées) pour améliorer l'outil. Aucun cookie publicitaire. <a href="/legal.html#cookies" style="color:#2563EB;text-decoration:none">En savoir plus</a></div>
  </div>
  <div style="display:flex;gap:.5rem;flex-shrink:0">
    <button onclick="acceptCookies()" style="padding:8px 18px;border-radius:8px;background:#2563EB;color:#fff;border:none;font-size:12px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif">Accepter</button>
    <button onclick="refuseCookies()" style="padding:8px 14px;border-radius:8px;background:#F1F5F9;color:#334155;border:1.5px solid #CBD5E1;font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif">Refuser</button>
  </div>
</div>
<script>
(function(){
  var consent = localStorage.getItem('cookie_consent');
  if(!consent){
    var b = document.getElementById('cookieBanner');
    if(b) b.style.display='flex';
  }
})();
function acceptCookies(){
  localStorage.setItem('cookie_consent','accepted');
  document.getElementById('cookieBanner').style.display='none';
}
function refuseCookies(){
  localStorage.setItem('cookie_consent','refused');
  document.getElementById('cookieBanner').style.display='none';
  // Désactiver GA
  window['ga-disable-G-N0JHGHRG5H'] = true;
}
</script>
</body>
</html>
