# QHSE Control — Site Web

## Structure du projet

```
qhsecontrol-site/
├── index.html              ← Page principale
├── css/
│   ├── style.css           ← Styles principaux + thème
│   └── responsive.css      ← Media queries mobile/tablette
├── js/
│   ├── canvas.js           ← Animations hero + CTA (particles, radar)
│   └── main.js             ← Interactions, formulaire, démo, FAQ
└── images/
    ├── hero-cockpit.jpg         ← À ajouter (screenshot hero)
    ├── cockpit-dashboard-2.png  ← À ajouter
    ├── analyses-synthese.png    ← À ajouter
    ├── performance-qhse.png     ← À ajouter
    ├── matrice-risques.png      ← À ajouter (renommer sans espaces)
    ├── duerp-cover.png          ← Inclus (généré depuis le PDF)
    └── duerp-synthese.png       ← Inclus (généré depuis le PDF)
```

## Ajouter vos images

Copiez vos fichiers images dans le dossier `images/` :
- Renommez `matrice de risques.png` → `matrice-risques.png` (sans espaces)

## Lancer en local (Cursor)

```bash
python -m http.server 8000
```
Puis ouvrir : http://localhost:8000

## Déployer sur Netlify

### Via drag & drop
Glisser le dossier `qhsecontrol-site/` entier sur app.netlify.com

### Via Git
```bash
git add .
git commit -m "update site"
git push
```

## Formulaire RDV

Branché sur Formspree : https://formspree.io/f/xbdwjvrr
Les soumissions arrivent par email automatiquement.

## Modifications courantes

| Ce que vous voulez changer | Fichier | Chercher |
|---|---|---|
| Couleur principale | css/style.css | `--teal:` |
| Texte du hero | index.html | `<section class="hero">` |
| Numéros de téléphone | index.html | `wa.me/` |
| Email de contact | index.html | `contact@qhsecontrol` |
| Lien générateur DUERP | index.html | `generateur.qhsecontrol.com` |
| Animations canvas | js/canvas.js | — |
| Formulaire | js/main.js | `submitRDV()` |