Homeband \u2014 Calculateur de devis<\/title><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.8.0\/jspdf.plugin.autotable.min.js\"><\/script><\/p>\n<style> :root { --bg: #fafaf8; --ink: #0a0a0a; --muted: #6b6b6b; --line: #e5e3de; --accent: #c9a85a; --card: #ffffff; --danger: #b54141; --ok: #2d6a4f; } * { box-sizing: border-box; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\", Roboto, sans-serif; background: var(--bg); color: var(--ink); font-size: 14px; line-height: 1.5; } .app { display: grid; grid-template-columns: 1fr 420px; min-height: 100vh; max-width: 1500px; margin: 0 auto; } .panel-form { padding: 32px 40px; border-right: 1px solid var(--line); } .panel-recap { background: #0a0a0a; color: #fafaf8; padding: 32px; position: sticky; top: 0; height: 100vh; overflow-y: auto; } h1 { font-size: 22px; font-weight: 600; margin: 0 0 4px; letter-spacing: -0.02em; } .subtitle { color: var(--muted); font-size: 13px; margin-bottom: 28px; } fieldset { border: none; border-top: 1px solid var(--line); padding: 20px 0 8px; margin: 0; } fieldset:first-of-type { border-top: none; padding-top: 0; } legend { font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); padding: 0; margin-bottom: 14px; } .row { display: grid; gap: 12px; margin-bottom: 12px; } .row.cols-2 { grid-template-columns: 1fr 1fr; } .row.cols-3 { grid-template-columns: 1fr 1fr 1fr; } label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 4px; font-weight: 500; } input[type=text], input[type=number], input[type=email], input[type=date], select, textarea { width: 100%; padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; font-size: 13px; font-family: inherit; background: var(--card); color: var(--ink); transition: border-color 0.15s; } input:focus, select:focus, textarea:focus { outline: none; border-color: var(--ink); } textarea { resize: vertical; min-height: 60px; } .checks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; } .check { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; background: var(--card); font-size: 13px; transition: all 0.15s; } .check:hover { border-color: var(--ink); } .check input { margin: 0; } .check.active { border-color: var(--ink); background: #f5f4f0; } .check .price { margin-left: auto; color: var(--muted); font-size: 12px; } \/* recap *\/ .recap-h { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: #8a8a8a; margin: 24px 0 10px; } .recap-h:first-of-type { margin-top: 0; } .recap-line { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid #1f1f1f; font-size: 13px; } .recap-line .lbl { color: #b5b5b5; } .recap-line .val { font-variant-numeric: tabular-nums; } .total-box { margin-top: 20px; padding: 20px; background: #fafaf8; color: #0a0a0a; border-radius: 8px; } .total-box .ttl-lbl { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); } .total-box .ttl-val { font-size: 34px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; margin-top: 4px; } .total-box .acompte { font-size: 12px; color: var(--muted); margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); } .actions { display: grid; gap: 8px; margin-top: 20px; } button { padding: 11px 16px; border: 1px solid #fafaf8; border-radius: 6px; font-family: inherit; font-size: 13px; font-weight: 500; cursor: pointer; background: #fafaf8; color: #0a0a0a; transition: all 0.15s; } button:hover { transform: translateY(-1px); } button.secondary { background: transparent; color: #fafaf8; } button.secondary:hover { background: #1a1a1a; } button:disabled { opacity: 0.4; cursor: not-allowed; } .badge { display: inline-block; padding: 2px 7px; font-size: 11px; background: #1f1f1f; border-radius: 4px; color: #b5b5b5; } .num-edit { display: flex; gap: 6px; align-items: center; margin-bottom: 16px; padding: 10px; background: #1a1a1a; border-radius: 6px; } .num-edit input { background: #0a0a0a; color: #fafaf8; border: 1px solid #2a2a2a; padding: 5px 8px; border-radius: 4px; font-size: 12px; width: 110px; font-family: inherit; } .num-edit label { color: #8a8a8a; margin: 0; } .warn { background: #2a1f0a; border: 1px solid #5a4515; color: #e0c97a; padding: 8px 10px; border-radius: 6px; font-size: 12px; margin-top: 10px; } @media (max-width: 960px) { .app { grid-template-columns: 1fr; } .panel-recap { position: static; height: auto; } }<\/style>\n<p><\/head><body><\/p>\n<div class=\"app\">  <\/p>\n<div class=\"panel-form\"> <\/p>\n<h1>Calculateur de devis<\/h1>\n<p> <pee class=\"subtitle\">Homeband ASBL \u2014 usage interne<\/pee>  <\/p>\n<fieldset> <\/p>\n<legend>Client<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Type de client<\/label> <select id=\"clientType\"><option value=\"prive\">Particulier<\/option><option value=\"asbl\">ASBL \/ Associatif<\/option><option value=\"ceremonie\">C\u00e9r\u00e9monie (vin d’honneur)<\/option><option value=\"festival\">Festival \/ Concert public<\/option><option value=\"institutionnel\">Institutionnel (commune, universit\u00e9, minist\u00e8re)<\/option><option value=\"entreprise\">Entreprise \/ Corporate<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label>R\u00e9f\u00e9rence interne (optionnel)<\/label> <input type=\"text\" id=\"clientRef\" placeholder=\"Ex: Mariage Dupont\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Nom \/ Raison sociale<\/label> <input type=\"text\" id=\"clientName\" placeholder=\"Nom du client\"> <\/div>\n<p> <\/p>\n<div> <label>Repr\u00e9sentant l\u00e9gal (pour le contrat)<\/label> <input type=\"text\" id=\"clientRepresentant\" placeholder=\"Pr\u00e9nom Nom du signataire\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Adresse compl\u00e8te<\/label> <input type=\"text\" id=\"clientAddr\" placeholder=\"Rue, n\u00b0, code postal, ville\"> <\/div>\n<p> <\/p>\n<div> <label>N\u00b0 TVA (si entreprise\/ASBL)<\/label> <input type=\"text\" id=\"clientVat\" placeholder=\"BE0xxx.xxx.xxx\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Email<\/label> <input type=\"email\" id=\"clientEmail\" placeholder=\"contact@...\"> <\/div>\n<p> <\/p>\n<div> <label>T\u00e9l\u00e9phone<\/label> <input type=\"text\" id=\"clientPhone\" placeholder=\"+32...\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>\u00c9v\u00e9nement<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Heure de d\u00e9but (estim\u00e9e)<\/label> <input type=\"text\" id=\"eventTime\" placeholder=\"ex: 20h00\"> <\/div>\n<p> <\/p>\n<div> <label>Heure d’arriv\u00e9e \u00e9quipe \/ soundcheck<\/label> <input type=\"text\" id=\"eventArrivee\" placeholder=\"ex: 17h30\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Date de l’\u00e9v\u00e9nement<\/label> <input type=\"date\" id=\"eventDate\"> <\/div>\n<p> <\/p>\n<div> <label>Heure de fin (estim\u00e9e)<\/label> <input type=\"text\" id=\"eventEnd\" placeholder=\"ex: 01h00\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Lieu de la prestation<\/label> <input type=\"text\" id=\"eventPlace\" placeholder=\"Salle, adresse, ville\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Distance \u00e0 facturer (km) \u2014 calcul\u00e9e selon trajet r\u00e9el et nb de v\u00e9hicules<\/label> <input type=\"number\" id=\"eventDistance\" value=\"0\" min=\"0\"> <\/div>\n<p> <\/p>\n<div> <label>Jour f\u00e9ri\u00e9 ?<\/label> <select id=\"eventHoliday\"><option value=\"none\">Non<\/option><option value=\"ferie\">Jour f\u00e9ri\u00e9<\/option><option value=\"reveillon\">R\u00e9veillon (24 ou 31 d\u00e9c)<\/option> <\/select> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Nature de la prestation<\/legend>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Type de prestation<\/label> <select id=\"prestaType\"><option value=\"\">\u2014 Choisir \u2014<\/option><option value=\"bal_folk\">Bal folk<\/option><option value=\"concert_prive\">Concert priv\u00e9 \/ animation<\/option><option value=\"concert_public\">Concert public<\/option><option value=\"festival\">Festival<\/option><option value=\"cocktail\">Cocktail \/ vin d’honneur<\/option><option value=\"mariage\">Animation mariage<\/option><option value=\"ceremonie_laique\">C\u00e9r\u00e9monie la\u00efque<\/option><option value=\"corporate\">Animation d’entreprise<\/option><option value=\"evenementiel\">\u00c9v\u00e9nementiel \/ inauguration<\/option><option value=\"autre\">Autre (\u00e0 pr\u00e9ciser ci-dessous)<\/option> <\/select> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Description d\u00e9taill\u00e9e de la prestation (appara\u00eetra en bonne place sur le devis)<\/label> <textarea id=\"prestaDesc\" rows=\"4\" placeholder=\"Ex : Bal folk traditionnel pour environ 80 danseurs. Le trio interpr\u00e8tera un r\u00e9pertoire de danses europ\u00e9ennes (mazurkas, scottishs, valses, polkas) en alternant morceaux \u00e0 danser et explications p\u00e9dagogiques pour faciliter la participation des invit\u00e9s. Installation 1h avant et balance son comprises.\"><\/textarea> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Programme indicatif \/ setlist (optionnel)<\/label> <textarea id=\"prestaProgramme\" rows=\"2\" placeholder=\"Ex : 1er set \u2014 r\u00e9pertoire folk traditionnel ; 2e set \u2014 compositions originales ; bal de cl\u00f4ture\"><\/textarea> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Formule musicale<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Composition<\/label> <select id=\"formule\"><option value=\"solo\">Solo (1 musicien)<\/option><option value=\"duo\">Duo (2 musiciens)<\/option><option value=\"trio\" selected>Trio (3 musiciens)<\/option><option value=\"quatuor\">Quatuor (4 musiciens)<\/option><option value=\"band\">Full Band (5+ musiciens)<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label>Nombre de musiciens (si Full Band)<\/label> <input type=\"number\" id=\"bandSize\" value=\"5\" min=\"5\" max=\"12\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Dur\u00e9e<\/label> <select id=\"duree\"><option value=\"set1\">1 set (45 min)<\/option><option value=\"set2\" selected>2 sets (2 \u00d7 45 min)<\/option><option value=\"soiree\">Soir\u00e9e compl\u00e8te (jusqu’\u00e0 4h)<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label>Heures suppl\u00e9mentaires (au-del\u00e0 du forfait)<\/label> <input type=\"number\" id=\"heuresSupp\" value=\"0\" min=\"0\" max=\"6\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Pack technique<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Pack sono<\/label> <select id=\"packSono\"><option value=\"none\">Aucun (client fournit)<\/option><option value=\"S\">Pack S \u2014 <50 pers (150\u20ac)<\/option><option value=\"M\" selected>Pack M \u2014 50-150 pers (280\u20ac)<\/option><option value=\"L\">Pack L \u2014 150-300 pers (450\u20ac)<\/option><option value=\"XL\">Pack XL \u2014 300+ \/ ext\u00e9rieur (750\u20ac)<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label>\u00c9clairage<\/label> <select id=\"packLight\"><option value=\"none\">Aucun<\/option><option value=\"basic\">Basique (+80\u20ac)<\/option><option value=\"full\">Sc\u00e9nographie compl\u00e8te (+200\u20ac)<\/option> <\/select> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label><input type=\"checkbox\" id=\"techDedie\"> Technicien son d\u00e9di\u00e9 pour la dur\u00e9e (+250\u20ac)<\/label> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Options additionnelles<\/legend>\n<p> <\/p>\n<div class=\"checks\"> <label class=\"check\"><input type=\"checkbox\" data-opt=\"dj\" data-price=\"180\"> DJ post-concert <span class=\"price\">+180\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"surprise\" data-price=\"120\"> Chanson surprise <span class=\"price\">+120\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"repertoire\" data-price=\"90\"> Morceau perso pr\u00e9par\u00e9 <span class=\"price\">+90\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"mc\" data-price=\"100\"> Animation micro \/ MC <span class=\"price\">+100\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"backline\" data-price=\"150\"> Backline complet <span class=\"price\">+150\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"captation\" data-price=\"350\"> Captation vid\u00e9o simple <span class=\"price\">+350\u20ac<\/span><\/label> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\" style=\"margin-top: 12px;\"> <\/p>\n<div> <label>Micros HF suppl\u00e9mentaires (\u00d725\u20ac\/unit\u00e9)<\/label> <input type=\"number\" id=\"micsHF\" value=\"0\" min=\"0\" max=\"10\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Ajustements<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Remise commerciale (\u20ac)<\/label> <input type=\"number\" id=\"remiseEur\" value=\"0\" min=\"0\"> <\/div>\n<p> <\/p>\n<div> <label>Remise commerciale (%)<\/label> <input type=\"number\" id=\"remisePct\" value=\"0\" min=\"0\" max=\"100\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Note libre pour le devis<\/label> <textarea id=\"noteLibre\" placeholder=\"Pr\u00e9cisions, demandes sp\u00e9ciales, conditions particuli\u00e8res...\"><\/textarea> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"panel-recap\"> <\/p>\n<div class=\"num-edit\"> <label>N\u00b0 Devis<\/label> <input type=\"text\" id=\"devisNum\" value=\"\"> <button onclick=\"resetCounter()\" style=\"padding: 5px 9px; font-size: 11px;\">\u21bb<\/button> <\/div>\n<p> <\/p>\n<div class=\"recap-h\">D\u00e9tail du calcul<\/div>\n<p> <\/p>\n<div id=\"recapDetail\"><\/div>\n<p> <\/p>\n<div class=\"total-box\"> <\/p>\n<div class=\"ttl-lbl\">Montant total<\/div>\n<p> <\/p>\n<div class=\"ttl-val\" id=\"totalDisplay\">0 \u20ac<\/div>\n<p> <\/p>\n<div class=\"acompte\" id=\"acompteDisplay\">Acompte 30% : 0 \u20ac<\/div>\n<p> <\/div>\n<p> <\/p>\n<div id=\"warnings\"><\/div>\n<p> <\/p>\n<div class=\"actions\"> <button onclick=\"generateDevis()\">\ud83d\udcc4 G\u00e9n\u00e9rer le devis (PDF)<\/button> <button onclick=\"generateContrat()\">\ud83d\udccb G\u00e9n\u00e9rer le contrat d’engagement<\/button> <button class=\"secondary\" onclick=\"generateAnnexe()\">\ud83d\udcd8 G\u00e9n\u00e9rer l’annexe m\u00e9thodologique<\/button> <button class=\"secondary\" onclick=\"resetForm()\">\u21ba R\u00e9initialiser<\/button> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>\/\/ ========== CONFIGURATION TARIFAIRE ==========const CONFIG = { homeband: { nom: \"Homeband ASBL\", adresse: \"Rue de Namur 3E\", cp: \"5190 Jemeppe-sur-Sambre\", email: \"contact@homeband.be\", emailAlt: \"homeband.events@gmail.com\", tel: \"+32 496 37 59 70\", tva: \"BE0557.924.006\", iban: \"BE72 0017 3804 7616\", mentionTva: \"Petite entreprise soumise au r\u00e9gime de la franchise de la taxe (art. 56 \u00a72 CTVA) \u2014 TVA non applicable\", site: \"homeband.be\" }, tarifMusicien: { solo: 250, duo: 180, trio: 150, quatuor: 130, band: 120 }, multiplicateurDuree: { set1: 1.0, set2: 1.5, soiree: 2.0 }, heureSupp: 0.20, \/\/ +20% par heure suppl\u00e9mentaire (du tarif base) coefEvent: { prive: 1.0, asbl: 1.0, ceremonie: 1.0, festival: 1.1, institutionnel: 1.4, entreprise: 1.7 }, coefJour: { 1: 0.9, 2: 0.9, 3: 0.9, 4: 0.9, 5: 1.0, 6: 1.1, 0: 1.05 }, \/\/ lun-jeu, ven, sam, dim coefFerie: 1.3, coefReveillon: 1.5, lastMinDays: 30, lastMinPct: 0.10, distance: { tarifKm: 0.45 }, packSono: { none: 0, S: 150, M: 280, L: 450, XL: 750 }, packLight: { none: 0, basic: 80, full: 200 }, techDedie: 250, micHF: 25, acomptePct: 0.30, validiteJours: 30, annulation: [ { delai: \">60j\", retenu: \"0%\" }, { delai: \"30-60j\", retenu: \"30%\" }, { delai: \"7-30j\", retenu: \"50%\" }, { delai: \"<7j\", retenu: \"100%\" } ]};\/\/ Libell\u00e9s affichageconst LIBELLES = { clientType: { prive: \"Particulier\", asbl: \"ASBL \/ Associatif\", ceremonie: \"C\u00e9r\u00e9monie\", festival: \"Festival \/ Concert public\", institutionnel: \"Institutionnel\", entreprise: \"Entreprise \/ Corporate\" }, formule: { solo: \"Solo\", duo: \"Duo\", trio: \"Trio\", quatuor: \"Quatuor\", band: \"Full Band\" }, duree: { set1: \"1 set de 45 min\", set2: \"2 sets de 45 min\", soiree: \"Soir\u00e9e compl\u00e8te (jusqu'\u00e0 4h)\" }, packSono: { none: \"\u2014\", S: \"Pack S (<50 pers)\", M: \"Pack M (50\u2013150 pers)\", L: \"Pack L (150\u2013300 pers)\", XL: \"Pack XL (300+\/ext\u00e9rieur)\" }, packLight: { none: \"\u2014\", basic: \"\u00c9clairage basique\", full: \"\u00c9clairage sc\u00e9nographique\" }, prestaType: { \"\": \"Prestation musicale\", bal_folk: \"Bal folk\", concert_prive: \"Concert priv\u00e9 \/ animation\", concert_public: \"Concert public\", festival: \"Festival\", cocktail: \"Cocktail \/ vin d'honneur\", mariage: \"Animation mariage\", ceremonie_laique: \"C\u00e9r\u00e9monie la\u00efque\", corporate: \"Animation d'entreprise\", evenementiel: \"\u00c9v\u00e9nementiel \/ inauguration\", autre: \"Prestation sur mesure\" }};const OPT_LIBELLES = { dj: \"DJ post-concert\", surprise: \"Apprentissage chanson surprise\", repertoire: \"Morceau personnalis\u00e9 pr\u00e9par\u00e9\", mc: \"Animation micro \/ MC\", backline: \"Backline complet (batterie + amplis)\", captation: \"Captation vid\u00e9o simple (1 cam\u00e9ra + montage)\"};\/\/ ========== \u00c9TAT ==========function getCounter() { const y = new Date().getFullYear(); const key = `homeband_devis_counter_${y}`; let n = parseInt(localStorage.getItem(key) || \"0\", 10); return { year: y, n: n + 1, key };}function consumeCounter() { const c = getCounter(); localStorage.setItem(c.key, String(c.n)); return c;}function refreshDevisNum() { const c = getCounter(); document.getElementById(\"devisNum\").value = `D${c.year}-${String(c.n).padStart(5, \"0\")}`;}function resetCounter() { if (confirm(\"R\u00e9initialiser le compteur de devis pour cette ann\u00e9e ?\")) { const y = new Date().getFullYear(); localStorage.removeItem(`homeband_devis_counter_${y}`); refreshDevisNum(); }}\/\/ ========== CALCUL ==========function getFormState() { const opts = {}; document.querySelectorAll('[data-opt]').forEach(el => { opts[el.dataset.opt] = el.checked; }); return { clientType: document.getElementById(\"clientType\").value, clientName: document.getElementById(\"clientName\").value.trim(), clientRepresentant: document.getElementById(\"clientRepresentant\").value.trim(), clientAddr: document.getElementById(\"clientAddr\").value.trim(), clientVat: document.getElementById(\"clientVat\").value.trim(), clientEmail: document.getElementById(\"clientEmail\").value.trim(), clientPhone: document.getElementById(\"clientPhone\").value.trim(), clientRef: document.getElementById(\"clientRef\").value.trim(), eventDate: document.getElementById(\"eventDate\").value, eventTime: document.getElementById(\"eventTime\").value.trim(), eventArrivee: document.getElementById(\"eventArrivee\").value.trim(), eventEnd: document.getElementById(\"eventEnd\").value.trim(), eventPlace: document.getElementById(\"eventPlace\").value.trim(), eventDistance: parseFloat(document.getElementById(\"eventDistance\").value) || 0, eventHoliday: document.getElementById(\"eventHoliday\").value, prestaType: document.getElementById(\"prestaType\").value, prestaDesc: document.getElementById(\"prestaDesc\").value.trim(), prestaProgramme: document.getElementById(\"prestaProgramme\").value.trim(), formule: document.getElementById(\"formule\").value, bandSize: parseInt(document.getElementById(\"bandSize\").value) || 5, duree: document.getElementById(\"duree\").value, heuresSupp: parseInt(document.getElementById(\"heuresSupp\").value) || 0, packSono: document.getElementById(\"packSono\").value, packLight: document.getElementById(\"packLight\").value, techDedie: document.getElementById(\"techDedie\").checked, options: opts, micsHF: parseInt(document.getElementById(\"micsHF\").value) || 0, remiseEur: parseFloat(document.getElementById(\"remiseEur\").value) || 0, remisePct: parseFloat(document.getElementById(\"remisePct\").value) || 0, noteLibre: document.getElementById(\"noteLibre\").value.trim() };}function nbMusiciens(s) { if (s.formule === \"solo\") return 1; if (s.formule === \"duo\") return 2; if (s.formule === \"trio\") return 3; if (s.formule === \"quatuor\") return 4; return s.bandSize;}function computeCoefJour(dateStr, holiday) { if (!dateStr) return { coef: 1.0, label: \"Jour non d\u00e9fini\" }; if (holiday === \"reveillon\") return { coef: CONFIG.coefReveillon, label: \"R\u00e9veillon (24 ou 31 d\u00e9c)\" }; if (holiday === \"ferie\") return { coef: CONFIG.coefFerie, label: \"Jour f\u00e9ri\u00e9\" }; const d = new Date(dateStr); const day = d.getDay(); const labels = { 0: \"Dimanche\", 1: \"Lundi\", 2: \"Mardi\", 3: \"Mercredi\", 4: \"Jeudi\", 5: \"Vendredi\", 6: \"Samedi\" }; return { coef: CONFIG.coefJour[day], label: labels[day] };}function isLastMinute(dateStr) { if (!dateStr) return false; const ev = new Date(dateStr); const now = new Date(); const diff = (ev - now) \/ (1000 * 60 * 60 * 24); return diff > 0 && diff < CONFIG.lastMinDays;}function compute() { const s = getFormState(); const n = nbMusiciens(s); const tarifBaseUnit = CONFIG.tarifMusicien[s.formule]; const multDuree = CONFIG.multiplicateurDuree[s.duree]; const coefEv = CONFIG.coefEvent[s.clientType]; const cj = computeCoefJour(s.eventDate, s.eventHoliday); const lastMin = isLastMinute(s.eventDate); const lastMinMult = lastMin ? (1 + CONFIG.lastMinPct) : 1; \/\/ Cachet de base const basePrestation = n * tarifBaseUnit; const suppHeures = basePrestation * (CONFIG.heureSupp * s.heuresSupp); const sousTotalPrestation = (basePrestation * multDuree + suppHeures) * coefEv * cj.coef * lastMinMult; \/\/ D\u00e9placement (distance facturable saisie manuellement par Homeband) const km = s.eventDistance; const deplacement = km * CONFIG.distance.tarifKm; const deplacementNote = km > 0 ? `${km} km \u00d7 ${CONFIG.distance.tarifKm.toFixed(2).replace(\".\", \",\")} \u20ac\/km` : \"\"; \/\/ Technique const sono = CONFIG.packSono[s.packSono]; const light = CONFIG.packLight[s.packLight]; const techDedie = s.techDedie ? CONFIG.techDedie : 0; \/\/ Options let optionsTotal = 0; const optionsDetail = []; for (const [k, v] of Object.entries(s.options)) { if (v) { const el = document.querySelector(`[data-opt=\"${k}\"]`); const price = parseFloat(el.dataset.price); optionsTotal += price; optionsDetail.push({ key: k, label: OPT_LIBELLES[k], price }); } } const micsHFTotal = s.micsHF * CONFIG.micHF; if (s.micsHF > 0) optionsDetail.push({ key: \"mics\", label: `Micros HF suppl\u00e9mentaires (\u00d7${s.micsHF})`, price: micsHFTotal }); optionsTotal += micsHFTotal; \/\/ Sous-total brut const sousTotalBrut = sousTotalPrestation + deplacement + sono + light + techDedie + optionsTotal; \/\/ Remises const remisePctVal = sousTotalBrut * (s.remisePct \/ 100); const totalRemise = s.remiseEur + remisePctVal; const total = Math.max(0, sousTotalBrut - totalRemise); const acompte = total * CONFIG.acomptePct; return { state: s, n, tarifBaseUnit, multDuree, coefEv, cj, lastMin, lastMinMult, basePrestation, suppHeures, sousTotalPrestation, km, deplacement, deplacementNote, sono, light, techDedie, optionsTotal, optionsDetail, micsHFTotal, sousTotalBrut, totalRemise, total, acompte };}function fmt(n) { \/\/ Formatage manuel : espace normale tous les 3 chiffres (jsPDF g\u00e8re mal NBSP) const v = Math.round(n); return v.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \") + \" \u20ac\";}function fmt2(n) { return n.toFixed(2).replace(\".\", \",\") + \" \u20ac\";}\/\/ ========== AFFICHAGE RECAP ==========function renderRecap() { const r = compute(); const s = r.state; const lines = []; lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Formule<\/span><span class=\"val\">${LIBELLES.formule[s.formule]} \u00d7 ${r.n}<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Cachet base<\/span><span class=\"val\">${r.n} \u00d7 ${r.tarifBaseUnit}\u20ac<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Dur\u00e9e<\/span><span class=\"val\">${LIBELLES.duree[s.duree]} (\u00d7${r.multDuree})<\/span><\/div>\n<p>`); if (s.heuresSupp > 0) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Heures supp.<\/span><span class=\"val\">+${s.heuresSupp}h<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Type \u00e9v\u00e9nement<\/span><span class=\"val\">${LIBELLES.clientType[s.clientType]} (\u00d7${r.coefEv})<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Jour<\/span><span class=\"val\">${r.cj.label} (\u00d7${r.cj.coef})<\/span><\/div>\n<p>`); if (r.lastMin) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Last-minute<\/span><span class=\"val\">+10%<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\"><b>Prestation<\/b><\/span><span class=\"val\"><b>${fmt(r.sousTotalPrestation)}<\/b><\/span><\/div>\n<p>`); if (r.km > 0) { lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">D\u00e9placement (${r.km} km)<\/span><span class=\"val\">${fmt(r.deplacement)}<\/span><\/div>\n<p>`); } if (r.sono > 0) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">${LIBELLES.packSono[s.packSono]}<\/span><span class=\"val\">${fmt(r.sono)}<\/span><\/div>\n<p>`); if (r.light > 0) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">${LIBELLES.packLight[s.packLight]}<\/span><span class=\"val\">${fmt(r.light)}<\/span><\/div>\n<p>`); if (r.techDedie > 0) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Technicien d\u00e9di\u00e9<\/span><span class=\"val\">${fmt(r.techDedie)}<\/span><\/div>\n<p>`); r.optionsDetail.forEach(o => { lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">${o.label}<\/span><span class=\"val\">${fmt(o.price)}<\/span><\/div>\n<p>`); }); if (r.totalRemise > 0) { lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Remise<\/span><span class=\"val\" style=\"color:#e0c97a\">\u2212${fmt(r.totalRemise)}<\/span><\/div>\n<p>`); } document.getElementById(\"recapDetail\").innerHTML = lines.join(\"\"); document.getElementById(\"totalDisplay\").textContent = fmt(r.total); document.getElementById(\"acompteDisplay\").textContent = `Acompte 30 % \u00e0 la confirmation : ${fmt(r.acompte)}`; \/\/ Warnings const w = []; if (!s.clientName) w.push(\"Nom du client manquant.\"); if (!s.eventDate) w.push(\"Date d'\u00e9v\u00e9nement non renseign\u00e9e.\"); if (!s.prestaDesc) w.push(\"Description de la prestation manquante (zone cl\u00e9 pour le client).\"); document.getElementById(\"warnings\").innerHTML = w.map(t => `<\/p>\n<div class=\"warn\">\u26a0 ${t}<\/div>\n<p>`).join(\"\");}\/\/ ========== PDF DEVIS ==========function generateDevis() { const r = compute(); const s = r.state; if (!s.clientName) { alert(\"Nom du client requis.\"); return; } if (!s.eventDate) { alert(\"Date d'\u00e9v\u00e9nement requise.\"); return; } \/\/ Consommer le num\u00e9ro const c = consumeCounter(); const numDevis = `D${c.year}-${String(c.n).padStart(5, \"0\")}`; document.getElementById(\"devisNum\").value = numDevis; const { jsPDF } = window.jspdf; const doc = new jsPDF({ unit: \"mm\", format: \"a4\" }); const W = 210, H = 297; const M = 18; \/\/ marge \/\/ ---- HEADER BAND ---- doc.setFillColor(10, 10, 10); doc.rect(0, 0, W, 38, \"F\"); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(22); doc.text(\"DEVIS\", M, 22); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9); doc.text(\"Homeband ASBL \u2014 R\u00e9alisation de spectacles musicaux\", M, 29); \/\/ Bloc droite header doc.setFontSize(9); doc.setTextColor(180, 180, 180); doc.text(\"N\u00b0 DE DEVIS\", W - M, 14, { align: \"right\" }); doc.text(\"DATE D'\u00c9MISSION\", W - M, 22, { align: \"right\" }); doc.text(\"VALIDIT\u00c9\", W - M, 30, { align: \"right\" }); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); const today = new Date(); const dateStr = today.toLocaleDateString(\"fr-BE\"); const validJusqu = new Date(today.getTime() + CONFIG.validiteJours * 86400000).toLocaleDateString(\"fr-BE\"); doc.text(numDevis, W - M, 18, { align: \"right\" }); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.text(dateStr, W - M, 26, { align: \"right\" }); doc.text(`${validJusqu} (${CONFIG.validiteJours}j)`, W - M, 34, { align: \"right\" }); \/\/ ---- BLOCS \u00c9METTEUR \/ DESTINATAIRE ---- let y = 50; doc.setTextColor(107, 107, 107); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"\u00c9METTEUR\", M, y); doc.text(\"CLIENT\", W \/ 2 + 5, y); doc.setTextColor(10, 10, 10); doc.setFontSize(10); doc.setFont(\"helvetica\", \"bold\"); doc.text(CONFIG.homeband.nom, M, y + 7); doc.text(s.clientName, W \/ 2 + 5, y + 7); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9); doc.setTextColor(60, 60, 60); doc.text(CONFIG.homeband.adresse, M, y + 13); doc.text(CONFIG.homeband.cp, M, y + 18); doc.text(CONFIG.homeband.email, M, y + 23); doc.text(CONFIG.homeband.tel, M, y + 28); doc.text(`TVA : ${CONFIG.homeband.tva}`, M, y + 33); \/\/ Client (split addr en lignes courtes) const addrLines = doc.splitTextToSize(s.clientAddr || \"\u2014\", 80); let cy = y + 13; addrLines.forEach(l => { doc.text(l, W \/ 2 + 5, cy); cy += 5; }); if (s.clientVat) { doc.text(`TVA : ${s.clientVat}`, W \/ 2 + 5, cy); cy += 5; } if (s.clientEmail) { doc.text(s.clientEmail, W \/ 2 + 5, cy); cy += 5; } if (s.clientPhone) { doc.text(s.clientPhone, W \/ 2 + 5, cy); cy += 5; } \/\/ ---- \u00c9V\u00c9NEMENT ---- y = 95; doc.setDrawColor(229, 227, 222); doc.line(M, y, W - M, y); y += 8; doc.setTextColor(107, 107, 107); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"D\u00c9TAILS DE L'\u00c9V\u00c9NEMENT\", M, y); y += 6; doc.setTextColor(10, 10, 10); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); const eventDate = new Date(s.eventDate); const dStr = eventDate.toLocaleDateString(\"fr-BE\", { weekday: \"long\", day: \"numeric\", month: \"long\", year: \"numeric\" }); const evLine1 = `${dStr}${s.eventTime ? \" \u2014 \" + s.eventTime : \"\"}`; doc.text(evLine1, M, y); if (s.eventPlace) { y += 5; doc.text(`Lieu : ${s.eventPlace}`, M, y); } if (s.clientRef) { y += 5; doc.text(`R\u00e9f\u00e9rence : ${s.clientRef}`, M, y); } \/\/ ---- ENCART NATURE DE LA PRESTATION ---- if (s.prestaType || s.prestaDesc) { y += 10; const prestaLabel = LIBELLES.prestaType[s.prestaType] || \"Prestation musicale\"; \/\/ Calcule la hauteur n\u00e9cessaire de l'encart doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); const descLines = s.prestaDesc ? doc.splitTextToSize(s.prestaDesc, W - 2 * M - 12) : []; const progLines = s.prestaProgramme ? doc.splitTextToSize(\"Programme : \" + s.prestaProgramme, W - 2 * M - 12) : []; const boxH = 18 + (descLines.length * 5) + (progLines.length ? (progLines.length * 4.5 + 4) : 0) + 6; \/\/ Fond gris doux doc.setFillColor(245, 244, 240); doc.rect(M, y, W - 2 * M, boxH, \"F\"); \/\/ Barre verticale dor\u00e9e \u00e0 gauche doc.setFillColor(201, 168, 90); doc.rect(M, y, 2, boxH, \"F\"); let yIn = y + 8; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(8); doc.setTextColor(140, 110, 40); doc.text(\"\u00c0 PROPOS DE LA PRESTATION\", M + 8, yIn); yIn += 6; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(13); doc.setTextColor(10, 10, 10); doc.text(prestaLabel, M + 8, yIn); yIn += 6; if (descLines.length) { doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.setTextColor(60, 60, 60); doc.text(descLines, M + 8, yIn); yIn += descLines.length * 5; } if (progLines.length) { yIn += 3; doc.setFont(\"helvetica\", \"italic\"); doc.setFontSize(9); doc.setTextColor(100, 100, 100); doc.text(progLines, M + 8, yIn); } y += boxH; } \/\/ ---- TABLEAU PRESTATIONS ---- y += 10; const rows = []; \/\/ ligne 1 : prestation musicale const prestaTableLabel = s.prestaType ? LIBELLES.prestaType[s.prestaType] : \"Prestation musicale\"; rows.push([ { content: `${prestaTableLabel} \u2014 ${LIBELLES.formule[s.formule]}`, styles: { fontStyle: \"bold\" } }, `${r.n} mus. \u00d7 ${r.tarifBaseUnit}\u20ac \u00d7 ${r.multDuree} (${LIBELLES.duree[s.duree]})\\nCoefs : ${LIBELLES.clientType[s.clientType]} \u00d7${r.coefEv}, ${r.cj.label} \u00d7${r.cj.coef}${r.lastMin ? \", last-min \u00d71.10\" : \"\"}`, \"1\", fmt(r.sousTotalPrestation), fmt(r.sousTotalPrestation) ]); if (r.deplacement > 0) { rows.push([ \"D\u00e9placement\", `${r.km} km parcourus\\n${r.deplacementNote}`, \"1\", fmt(r.deplacement), fmt(r.deplacement) ]); } if (r.sono > 0) { rows.push([ \"Sonorisation\", LIBELLES.packSono[s.packSono], \"1\", fmt(r.sono), fmt(r.sono) ]); } if (r.light > 0) { rows.push([ \"\u00c9clairage\", LIBELLES.packLight[s.packLight], \"1\", fmt(r.light), fmt(r.light) ]); } if (r.techDedie > 0) { rows.push([\"Technicien son d\u00e9di\u00e9\", \"R\u00e9gie son sur toute la dur\u00e9e\", \"1\", fmt(r.techDedie), fmt(r.techDedie)]); } r.optionsDetail.forEach(o => { rows.push([o.label, \"\", \"1\", fmt(o.price), fmt(o.price)]); }); doc.autoTable({ startY: y, head: [[\"Description\", \"D\u00e9tail\", \"Qt\u00e9\", \"Prix unit.\", \"Total\"]], body: rows, theme: \"plain\", styles: { fontSize: 9, cellPadding: 3, textColor: [10, 10, 10], lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\", fontSize: 9 }, columnStyles: { 0: { cellWidth: 42, fontStyle: \"bold\" }, 1: { cellWidth: 70, textColor: [90, 90, 90], fontSize: 8 }, 2: { cellWidth: 12, halign: \"center\" }, 3: { cellWidth: 25, halign: \"right\" }, 4: { cellWidth: 25, halign: \"right\", fontStyle: \"bold\" } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 8; \/\/ ---- TOTAUX ---- const xLbl = W - M - 60; const xVal = W - M; doc.setFontSize(10); doc.setTextColor(90, 90, 90); doc.setFont(\"helvetica\", \"normal\"); doc.text(\"Sous-total\", xLbl, y); doc.setTextColor(10, 10, 10); doc.text(fmt(r.sousTotalBrut), xVal, y, { align: \"right\" }); y += 6; if (r.totalRemise > 0) { doc.setTextColor(90, 90, 90); doc.text(\"Remise\", xLbl, y); doc.setTextColor(180, 130, 40); doc.text(`\u2212 ${fmt(r.totalRemise)}`, xVal, y, { align: \"right\" }); y += 6; } \/\/ Ligne s\u00e9paration doc.setDrawColor(10, 10, 10); doc.setLineWidth(0.3); doc.line(xLbl, y, xVal, y); y += 6; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"TOTAL\", xLbl, y); doc.text(fmt(r.total), xVal, y, { align: \"right\" }); \/\/ ---- CONDITIONS ---- y += 12; \/\/ Garde-fou: si on est trop bas pour la suite (conditions + note + acceptation + footer), nouvelle page if (y > 200) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.setTextColor(107, 107, 107); doc.text(\"CONDITIONS\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setTextColor(60, 60, 60); doc.setFontSize(8.5); const conditions = [ `Acompte de ${Math.round(CONFIG.acomptePct * 100)}% (${fmt(r.acompte)}) \u00e0 verser \u00e0 la confirmation. Le solde est d\u00fb le jour de la prestation ou \u00e0 30 jours.`, `Devis valable ${CONFIG.validiteJours} jours \u00e0 compter de la date d'\u00e9mission.`, `Annulation : > 60j gratuit \u00b7 30 \u00e0 60j : 30% retenus \u00b7 7 \u00e0 30j : 50% \u00b7 < 7j : 100%.`, `Repas et boissons \u00e0 charge du client si prestation > 4h sur place.`, `H\u00e9bergement \u00e0 charge du client si fin de prestation apr\u00e8s 23h et trajet retour > 80 km.`, `Pour la m\u00e9thode de calcul d\u00e9taill\u00e9e, voir l'annexe m\u00e9thodologique jointe.` ]; conditions.forEach(c => { const ll = doc.splitTextToSize(\"\u2022 \" + c, W - 2 * M); doc.text(ll, M, y); y += ll.length * 4 + 1; }); if (s.noteLibre) { y += 4; \/\/ Si la note risque d'aller trop loin, nouvelle page if (y > 230) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } doc.setFont(\"helvetica\", \"bold\"); doc.setTextColor(107, 107, 107); doc.text(\"NOTE\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setTextColor(60, 60, 60); const nl = doc.splitTextToSize(s.noteLibre, W - 2 * M); doc.text(nl, M, y); y += nl.length * 4; } \/\/ ---- ACCEPTATION ---- \/\/ Il faut au moins 50mm restants pour acceptation + footer (footer occupe ~22mm) const pageH = doc.internal.pageSize.getHeight(); if (y > pageH - 60) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } else { y += 8; } doc.setDrawColor(229, 227, 222); doc.line(M, y, W - M, y); y += 6; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(9); doc.setTextColor(10, 10, 10); doc.text(\"ACCEPTATION DU DEVIS\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(8.5); doc.setTextColor(60, 60, 60); doc.text(`\u00ab Bon pour accord \u00bb + date + signature${s.clientVat ? \" + cachet\" : \"\"} :`, M, y); y += 4; doc.setDrawColor(10, 10, 10); doc.rect(M, y, W - 2 * M, 22); \/\/ ---- FOOTER sur la derni\u00e8re page ---- drawFooter(doc, W, H, M); doc.save(`Devis_Homeband_${numDevis}_${(s.clientName || \"client\").replace(\/\\s+\/g, \"_\")}.pdf`);}function drawFooter(doc, W, H, M) { doc.setDrawColor(229, 227, 222); doc.line(M, H - 18, W - M, H - 18); doc.setFontSize(7.5); doc.setTextColor(140, 140, 140); doc.setFont(\"helvetica\", \"normal\"); doc.text(`${CONFIG.homeband.nom} \u00b7 ${CONFIG.homeband.adresse}, ${CONFIG.homeband.cp}`, M, H - 13); doc.text(`${CONFIG.homeband.email} \u00b7 ${CONFIG.homeband.tel}`, M, H - 9); doc.text(`IBAN : ${CONFIG.homeband.iban}`, W - M, H - 13, { align: \"right\" }); doc.text(`Entreprise : ${CONFIG.homeband.tva}`, W - M, H - 9, { align: \"right\" }); doc.setFontSize(7); doc.setTextColor(170, 170, 170); doc.text(CONFIG.homeband.mentionTva, W \/ 2, H - 4, { align: \"center\" });}\/\/ ========== PDF CONTRAT D'ENGAGEMENT ==========function generateContrat() { const r = compute(); const s = r.state; if (!s.clientName) { alert(\"Nom du client requis.\"); return; } if (!s.clientRepresentant) { alert(\"Repr\u00e9sentant l\u00e9gal du client requis pour le contrat.\"); return; } if (!s.eventDate) { alert(\"Date d'\u00e9v\u00e9nement requise.\"); return; } \/\/ Le contrat reprend le num\u00e9ro du devis affich\u00e9 (sans le consommer \u00e0 nouveau) const numContrat = (document.getElementById(\"devisNum\").value || \"\").replace(\/^D\/, \"C\") || \"C-\" + Date.now(); const { jsPDF } = window.jspdf; const doc = new jsPDF({ unit: \"mm\", format: \"a4\" }); const W = 210, H = 297, M = 18; \/\/ ---- HEADER NOIR ---- doc.setFillColor(10, 10, 10); doc.rect(0, 0, W, 38, \"F\"); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(20); doc.text(\"CONTRAT D'ENGAGEMENT\", M, 22); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9); doc.text(\"Prestation musicale \u2014 Homeband ASBL\", M, 29); doc.setFontSize(9); doc.setTextColor(180, 180, 180); doc.text(\"N\u00b0 DE CONTRAT\", W - M, 14, { align: \"right\" }); doc.text(\"DEVIS LI\u00c9\", W - M, 22, { align: \"right\" }); doc.text(\"DATE\", W - M, 30, { align: \"right\" }); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); doc.text(numContrat, W - M, 18, { align: \"right\" }); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.text(numContrat.replace(\/^C\/, \"D\"), W - M, 26, { align: \"right\" }); doc.text(new Date().toLocaleDateString(\"fr-BE\"), W - M, 34, { align: \"right\" }); \/\/ ---- ENTRE LES PARTIES ---- let y = 50; doc.setTextColor(107, 107, 107); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"ENTRE LES SOUSSIGN\u00c9S\", M, y); y += 8; \/\/ Partie 1 \u2014 Organisateur doc.setTextColor(140, 110, 40); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"D'UNE PART \u2014 L'ORGANISATEUR\", M, y); y += 6; doc.setTextColor(10, 10, 10); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); doc.text(s.clientName, M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60); doc.text(`Repr\u00e9sent\u00e9(e) par : ${s.clientRepresentant}`, M, y); y += 5; if (s.clientAddr) { doc.text(`Adresse : ${s.clientAddr}`, M, y); y += 5; } if (s.clientVat) { doc.text(`N\u00b0 TVA \/ entreprise : ${s.clientVat}`, M, y); y += 5; } if (s.clientEmail || s.clientPhone) { doc.text(`Contact : ${[s.clientEmail, s.clientPhone].filter(Boolean).join(\" \u00b7 \")}`, M, y); y += 5; } y += 5; \/\/ Partie 2 \u2014 Homeband doc.setTextColor(140, 110, 40); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"D'AUTRE PART \u2014 L'ARTISTE\", M, y); y += 6; doc.setTextColor(10, 10, 10); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); doc.text(\"Homeband ASBL\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60); doc.text(\"Repr\u00e9sent\u00e9e par : Nh\u00e2n Massart\", M, y); y += 5; doc.text(`Adresse : ${CONFIG.homeband.adresse}, ${CONFIG.homeband.cp}`, M, y); y += 5; doc.text(`N\u00b0 d'entreprise : ${CONFIG.homeband.tva}`, M, y); y += 5; doc.text(`Contact : ${CONFIG.homeband.email} \u00b7 ${CONFIG.homeband.tel}`, M, y); y += 5; \/\/ ---- PR\u00c9AMBULE ---- y += 6; doc.setDrawColor(229, 227, 222); doc.line(M, y, W - M, y); y += 8; doc.setTextColor(10, 10, 10); doc.setFont(\"helvetica\", \"italic\"); doc.setFontSize(9.5); const preambule = doc.splitTextToSize( `Il a \u00e9t\u00e9 convenu ce qui suit, en r\u00e9f\u00e9rence au devis n\u00b0 ${numContrat.replace(\/^C\/, \"D\")} \u00e9mis par Homeband ASBL et accept\u00e9 par l'Organisateur, lequel fait partie int\u00e9grante du pr\u00e9sent contrat.`, W - 2 * M ); doc.text(preambule, M, y); y += preambule.length * 5 + 4; \/\/ ---- ARTICLES ---- const articles = [ { titre: \"Article 1 \u2014 Objet du contrat\", contenu: `Homeband ASBL s'engage \u00e0 assurer la prestation musicale d\u00e9crite dans le devis n\u00b0 ${numContrat.replace(\/^C\/, \"D\")}, ci-annex\u00e9. Les caract\u00e9ristiques de la prestation (formule, dur\u00e9e, configuration technique, options, montant) y sont pr\u00e9cis\u00e9es et ne sont pas reprises dans le pr\u00e9sent contrat afin d'\u00e9viter toute redondance.` }, { titre: \"Article 2 \u2014 Modalit\u00e9s de pr\u00e9sence\", contenu: buildArt2(s) }, { titre: \"Article 3 \u2014 Obligations de l'Organisateur\", contenu: \"L'Organisateur s'engage \u00e0 :\\n\u2022 Mettre \u00e0 disposition un espace sc\u00e9nique adapt\u00e9 \u00e0 la formation pr\u00e9vue (dimensions minimales \u00e0 valider avec Homeband au moins 15 jours avant la prestation) ;\\n\u2022 Garantir l'acc\u00e8s au lieu pour le d\u00e9chargement du mat\u00e9riel et l'installation au moins une heure avant l'heure d'arriv\u00e9e pr\u00e9vue ;\\n\u2022 Fournir une alimentation \u00e9lectrique conforme et suffisante (minimum 16A monophas\u00e9 \u00e0 proximit\u00e9 de la sc\u00e8ne) ;\\n\u2022 Mettre \u00e0 disposition un espace privatif (loge ou local ferm\u00e9) pour l'\u00e9quipe artistique.\" }, { titre: \"Article 4 \u2014 Catering et accueil\", contenu: \"D\u00e8s l'arriv\u00e9e de l'\u00e9quipe sur place et pendant toute la dur\u00e9e de la prestation, l'Organisateur met \u00e0 disposition de l'eau plate en bouteille individuelle ainsi que des boissons non alcoolis\u00e9es pour chaque membre de l'\u00e9quipe artistique et technique.\\n\\nPour toute prestation dont la dur\u00e9e totale de pr\u00e9sence (installation, prestation, d\u00e9montage) exc\u00e8de quatre (4) heures, l'Organisateur prend en charge un repas chaud par membre de l'\u00e9quipe. Les r\u00e9gimes alimentaires particuliers sont \u00e0 communiquer par Homeband au moins 7 jours avant la prestation.\" }, { titre: \"Article 5 \u2014 H\u00e9bergement\", contenu: \"Si l'heure de fin effective de la prestation d\u00e9passe 23h00 et que le trajet retour depuis le lieu de prestation jusqu'au si\u00e8ge de Homeband (5190 Jemeppe-sur-Sambre) exc\u00e8de 80 km, l'Organisateur prend en charge l'h\u00e9bergement de l'\u00e9quipe pour la nuit suivant la prestation, dans des conditions standards (chambre individuelle ou twin selon souhait des artistes, petit-d\u00e9jeuner inclus).\" }, { titre: \"Article 6 \u2014 Droits d'auteur et droits voisins (Unisono)\", contenu: \"La d\u00e9claration et le paiement des droits d'auteur et droits voisins (g\u00e9r\u00e9s en Belgique par Unisono, regroupant la SABAM et la R\u00e9mun\u00e9ration \u00e9quitable) aupr\u00e8s de l'organisme de gestion collective comp\u00e9tent sont \u00e0 la charge exclusive de l'Organisateur.\\n\\nL'Organisateur s'engage \u00e0 effectuer les d\u00e9marches n\u00e9cessaires avant la prestation. \u00c0 sa demande, Homeband fournit la liste indicative des \u0153uvres interpr\u00e9t\u00e9es au plus tard 7 jours avant la prestation pour faciliter cette d\u00e9claration.\" }, { titre: \"Article 7 \u2014 Droits \u00e0 l'image, captation audio et vid\u00e9o\", contenu: \"L'Organisateur est autoris\u00e9 \u00e0 proc\u00e9der \u00e0 un enregistrement audio et\/ou vid\u00e9o de la prestation, en tout ou en partie, exclusivement \u00e0 des fins d'archives priv\u00e9es ou de promotion non commerciale de la manifestation.\\n\\nTout usage commercial, toute diffusion publique payante ou int\u00e9gration dans une production destin\u00e9e \u00e0 la vente n\u00e9cessite l'accord \u00e9crit pr\u00e9alable de Homeband et fera l'objet d'une convention distincte pr\u00e9cisant les conditions et la r\u00e9mun\u00e9ration.\\n\\nHomeband se r\u00e9serve le droit de r\u00e9aliser et d'utiliser des extraits photographiques, audio ou vid\u00e9o de la prestation \u00e0 des fins de communication propre (site internet, r\u00e9seaux sociaux, dossier de presse), sauf opposition \u00e9crite pr\u00e9alable de l'Organisateur.\" }, { titre: \"Article 8 \u2014 Assurances et responsabilit\u00e9s\", contenu: \"L'Organisateur souscrit et maintient les assurances couvrant les dommages mat\u00e9riels et vols pouvant survenir dans l'enceinte du lieu de prestation (sc\u00e8ne, loges, espaces techniques) avant, pendant et apr\u00e8s l'\u00e9v\u00e9nement. Il assume la responsabilit\u00e9 civile \u00e0 l'\u00e9gard du public et des participants.\\n\\nHomeband est assur\u00e9e pour son propre mat\u00e9riel et pour sa responsabilit\u00e9 civile professionnelle. Elle ne pourra \u00eatre tenue responsable des dommages survenus en dehors de son fait, notamment r\u00e9sultant d'un d\u00e9faut d'organisation, d'une carence d'installation ou du fait d'un tiers.\" }, { titre: \"Article 9 \u2014 Annulation et force majeure\", contenu: \"Les conditions d'annulation applicables sont celles pr\u00e9cis\u00e9es dans le devis : annulation \u00e0 plus de 60 jours sans frais ; entre 30 et 60 jours, 30 % du montant total restent dus ; entre 7 et 30 jours, 50 % ; \u00e0 moins de 7 jours, 100 % du montant.\\n\\nEn cas de force majeure d\u00fbment justifi\u00e9e (maladie ou deuil affectant un membre de l'\u00e9quipe, interdiction administrative, catastrophe naturelle), Homeband proposera prioritairement un report de la prestation sans frais. \u00c0 d\u00e9faut d'accord sur une nouvelle date dans un d\u00e9lai de 6 mois, les sommes vers\u00e9es seront rembours\u00e9es \u00e0 l'Organisateur.\" }, { titre: \"Article 10 \u2014 Modification du contrat\", contenu: \"Toute modification du pr\u00e9sent contrat ne sera valable que sous la forme d'un avenant \u00e9crit, sign\u00e9 par les deux parties. Les \u00e9changes par courrier \u00e9lectronique entre les signataires sont admis comme forme \u00e9crite valable.\" }, { titre: \"Article 11 \u2014 Droit applicable et juridiction\", contenu: \"Le pr\u00e9sent contrat est r\u00e9gi par le droit belge. Tout litige relatif \u00e0 son ex\u00e9cution ou \u00e0 son interpr\u00e9tation qui ne pourrait \u00eatre r\u00e9solu amiablement sera port\u00e9 devant les juridictions de l'arrondissement judiciaire de Namur, seules comp\u00e9tentes.\" } ]; \/\/ Render articles doc.setFontSize(10); articles.forEach(a => { \/\/ Saut de page si n\u00e9cessaire (article + au moins 3 lignes) if (y > 248) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(10.5); doc.setTextColor(10, 10, 10); doc.text(a.titre, M, y); y += 5.5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60); \/\/ Le contenu peut avoir plusieurs paragraphes s\u00e9par\u00e9s par \\n\\n const paragraphes = a.contenu.split(\"\\n\\n\"); paragraphes.forEach((para, idx) => { const lines = doc.splitTextToSize(para, W - 2 * M); \/\/ Check page break inside long article if (y + lines.length * 4.6 > H - 25) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } doc.text(lines, M, y); y += lines.length * 4.6; if (idx < paragraphes.length - 1) y += 2.5; }); y += 6; }); \/\/ ---- SIGNATURES ---- \/\/ Force page break for signatures if (y > H - 80) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } else y += 4; doc.setDrawColor(229, 227, 222); doc.line(M, y, W - M, y); y += 8; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(10); doc.setTextColor(10, 10, 10); doc.text(\"SIGNATURES\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(8.5); doc.setTextColor(80, 80, 80); doc.text(\"Fait en deux exemplaires originaux, dont un pour chaque partie.\", M, y); y += 4; doc.setFont(\"helvetica\", \"italic\"); doc.setFontSize(8); doc.text(\"Mention manuscrite \u00ab Lu et approuv\u00e9 \u00bb avant la signature.\", M, y); y += 8; \/\/ Deux cadres c\u00f4te \u00e0 c\u00f4te const colW = (W - 2 * M - 6) \/ 2; const x1 = M; const x2 = M + colW + 6; const cadreH = 42; \/\/ Cadre Organisateur doc.setDrawColor(10, 10, 10); doc.setLineWidth(0.3); doc.rect(x1, y, colW, cadreH); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(9); doc.setTextColor(10, 10, 10); doc.text(\"L'ORGANISATEUR\", x1 + 3, y + 5); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(8.5); doc.setTextColor(80, 80, 80); doc.text(s.clientRepresentant, x1 + 3, y + 10); doc.text(`pour ${s.clientName}`, x1 + 3, y + 14); doc.setFontSize(8); doc.setTextColor(150, 150, 150); doc.text(\"Lieu et date :\", x1 + 3, y + 22); doc.text(\"Signature :\", x1 + 3, y + 32); \/\/ Cadre Homeband doc.setDrawColor(10, 10, 10); doc.rect(x2, y, colW, cadreH); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(9); doc.setTextColor(10, 10, 10); doc.text(\"L'ARTISTE\", x2 + 3, y + 5); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(8.5); doc.setTextColor(80, 80, 80); doc.text(\"Nh\u00e2n Massart\", x2 + 3, y + 10); doc.text(\"pour Homeband ASBL\", x2 + 3, y + 14); doc.setFontSize(8); doc.setTextColor(150, 150, 150); doc.text(\"Lieu et date :\", x2 + 3, y + 22); doc.text(\"Signature :\", x2 + 3, y + 32); drawFooter(doc, W, H, M); \/\/ Page number sur toutes les pages const totalPages = doc.internal.getNumberOfPages(); for (let i = 1; i <= totalPages; i++) { doc.setPage(i); doc.setFontSize(7); doc.setTextColor(160, 160, 160); doc.setFont(\"helvetica\", \"normal\"); doc.text(`${i} \/ ${totalPages}`, W \/ 2, H - 4, { align: \"center\" }); } doc.save(`Contrat_Homeband_${numContrat}_${(s.clientName || \"client\").replace(\/\\s+\/g, \"_\")}.pdf`);}\/\/ Helper pour Article 2 (horaires)function buildArt2(s) { const eventDate = new Date(s.eventDate); const dStr = eventDate.toLocaleDateString(\"fr-BE\", { weekday: \"long\", day: \"numeric\", month: \"long\", year: \"numeric\" }); let txt = `La prestation se d\u00e9roule le ${dStr}`; if (s.eventPlace) txt += ` \u00e0 ${s.eventPlace}`; txt += \".\\n\\n\"; const horaires = []; if (s.eventArrivee) horaires.push(`Arriv\u00e9e de l'\u00e9quipe et soundcheck : ${s.eventArrivee}`); if (s.eventTime) horaires.push(`D\u00e9but de la prestation : ${s.eventTime}`); if (s.eventEnd) horaires.push(`Fin estim\u00e9e : ${s.eventEnd}`); if (horaires.length) txt += horaires.join(\" \u00b7 \") + \".\\n\\n\"; txt += \"Les horaires pr\u00e9cis\u00e9s ci-dessus sont indicatifs et pourront \u00eatre ajust\u00e9s d'un commun accord par \u00e9change \u00e9crit jusqu'\u00e0 7 jours avant la prestation.\"; return txt;}function generateAnnexe() { \/\/ ========== PDF ANNEXE M\u00c9THODOLOGIQUE ========== const { jsPDF } = window.jspdf; const doc = new jsPDF({ unit: \"mm\", format: \"a4\" }); const W = 210, H = 297; const M = 18; \/\/ ---- COUVERTURE ---- doc.setFillColor(10, 10, 10); doc.rect(0, 0, W, H, \"F\"); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); doc.text(\"HOMEBAND ASBL\", M, 30); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9); doc.setTextColor(180, 180, 180); doc.text(\"R\u00e9alisation de spectacles musicaux\", M, 36); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(32); doc.text(\"M\u00e9thode\", M, 130); doc.text(\"de tarification\", M, 144); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(14); doc.setTextColor(201, 168, 90); doc.text(\"Comment nos devis sont construits\", M, 158); doc.setFontSize(9); doc.setTextColor(180, 180, 180); doc.text(\"Annexe au devis \u00b7 Document explicatif\", M, H - 22); doc.text(new Date().toLocaleDateString(\"fr-BE\", { year: \"numeric\", month: \"long\" }), M, H - 17); \/\/ ---- PAGE 2 : INTRO ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"Pourquoi cette annexe ?\"); let y = 50; doc.setTextColor(60, 60, 60); doc.setFontSize(10); doc.setFont(\"helvetica\", \"normal\"); const intro = [ \"Une prestation musicale ne se r\u00e9sume pas \u00e0 la dur\u00e9e du concert. Elle repr\u00e9sente des heures de r\u00e9p\u00e9tition, des ann\u00e9es de pratique, du mat\u00e9riel professionnel \u00e0 entretenir, des trajets, du temps d'installation et de d\u00e9montage, et la charge logistique d'une \u00e9quipe artistique.\", \"\", \"Pour vous offrir un prix juste et transparent, Homeband applique une grille tarifaire structur\u00e9e autour de plusieurs variables objectives. Aucun montant n'est arbitraire : chaque ligne du devis r\u00e9pond \u00e0 un param\u00e8tre clairement d\u00e9fini ci-apr\u00e8s.\", \"\", \"Ce document accompagne votre devis. Il vous permet de comprendre exactement comment votre tarif a \u00e9t\u00e9 calcul\u00e9, et de juger sereinement la valeur de la prestation propos\u00e9e.\" ]; intro.forEach(p => { if (p === \"\") { y += 3; return; } const lines = doc.splitTextToSize(p, W - 2 * M); doc.text(lines, M, y); y += lines.length * 5; }); \/\/ Formule de calcul y += 8; doc.setFillColor(245, 244, 240); doc.rect(M, y, W - 2 * M, 38, \"F\"); y += 8; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(10); doc.setTextColor(10, 10, 10); doc.text(\"Formule globale\", M + 6, y); y += 7; doc.setFont(\"courier\", \"normal\"); doc.setFontSize(9); doc.setTextColor(60, 60, 60); doc.text(\"Prestation = nb_musiciens \u00d7 tarif_unitaire \u00d7 dur\u00e9e \u00d7 coef_\u00e9v\u00e9nement\", M + 6, y); y += 5; doc.text(\" \u00d7 coef_jour \u00d7 (1 + last_minute)\", M + 6, y); y += 7; doc.text(\"Total = Prestation + d\u00e9placement + technique + options \u2212 remise\", M + 6, y); \/\/ ---- PAGE 3 : COMPOSITION + DUR\u00c9E ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"1. Composition musicale\"); y = 50; doc.setTextColor(60, 60, 60); doc.setFontSize(10); const t1 = doc.splitTextToSize(\"Le cachet par musicien est d\u00e9gressif avec le nombre de musiciens : \u00e0 plus grand effectif, les frais fixes (transport, installation, coordination) sont mutualis\u00e9s. Cela permet d'offrir des formules plus riches sans explosion budg\u00e9taire.\", W - 2 * M); doc.text(t1, M, y); y += t1.length * 5 + 4; doc.autoTable({ startY: y, head: [[\"Formule\", \"Musiciens\", \"Tarif par musicien\"]], body: [ [\"Solo\", \"1\", \"250 \u20ac\"], [\"Duo\", \"2\", \"180 \u20ac\"], [\"Trio\", \"3\", \"150 \u20ac\"], [\"Quatuor\", \"4\", \"130 \u20ac\"], [\"Full Band\", \"5 et +\", \"120 \u20ac\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 2: { halign: \"right\" } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 14; \/\/ Dur\u00e9e doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"2. Dur\u00e9e de prestation\", M, y); y += 7; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t2 = doc.splitTextToSize(\"La dur\u00e9e s'applique comme un multiplicateur sur le cachet de base. Un set seul ne n\u00e9cessite pas la m\u00eame pr\u00e9paration logistique qu'une soir\u00e9e compl\u00e8te.\", W - 2 * M); doc.text(t2, M, y); y += t2.length * 5 + 3; doc.autoTable({ startY: y, head: [[\"Dur\u00e9e\", \"Multiplicateur\"]], body: [ [\"1 set (45 min)\", \"\u00d7 1,0\"], [\"2 sets (2 \u00d7 45 min)\", \"\u00d7 1,5\"], [\"Soir\u00e9e compl\u00e8te (jusqu'\u00e0 4h)\", \"\u00d7 2,0\"], [\"Heure suppl\u00e9mentaire au-del\u00e0\", \"+ 20 % par heure\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 1: { halign: \"right\" } }, margin: { left: M, right: M } }); \/\/ ---- PAGE 4 : TYPE D'\u00c9V\u00c9NEMENT + DATE ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"3. Type d'\u00e9v\u00e9nement\"); y = 50; doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t3 = doc.splitTextToSize(\"Le contexte de la prestation influe sur les exigences, la responsabilit\u00e9 engag\u00e9e et le cadre l\u00e9gal. Un \u00e9v\u00e9nement corporate ou institutionnel implique un niveau de service, de ponctualit\u00e9, d'assurance et de facturation diff\u00e9rent d'une f\u00eate priv\u00e9e.\", W - 2 * M); doc.text(t3, M, y); y += t3.length * 5 + 4; doc.autoTable({ startY: y, head: [[\"Contexte\", \"Coefficient\"]], body: [ [\"Particulier (mariage, anniversaire)\", \"\u00d7 1,0\"], [\"ASBL \/ Associatif\", \"\u00d7 1,0\"], [\"C\u00e9r\u00e9monie (vin d'honneur seul)\", \"\u00d7 1,0\"], [\"Festival \/ Concert public\", \"\u00d7 1,1\"], [\"Institutionnel (commune, universit\u00e9, minist\u00e8re)\", \"\u00d7 1,4\"], [\"Entreprise \/ Corporate\", \"\u00d7 1,7\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 1: { halign: \"right\" } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 14; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"4. Date de l'\u00e9v\u00e9nement\", M, y); y += 7; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t4 = doc.splitTextToSize(\"La raret\u00e9 des cr\u00e9neaux et la demande modulent le tarif. Le week-end, les jours f\u00e9ri\u00e9s et les soirs de r\u00e9veillon sont les p\u00e9riodes les plus sollicit\u00e9es.\", W - 2 * M); doc.text(t4, M, y); y += t4.length * 5 + 3; doc.autoTable({ startY: y, head: [[\"Jour \/ p\u00e9riode\", \"Coefficient\"]], body: [ [\"Lundi \u00e0 jeudi\", \"\u00d7 0,9\"], [\"Vendredi\", \"\u00d7 1,0\"], [\"Samedi\", \"\u00d7 1,1\"], [\"Dimanche\", \"\u00d7 1,05\"], [\"Jour f\u00e9ri\u00e9\", \"\u00d7 1,3\"], [\"R\u00e9veillon (24 ou 31 d\u00e9c.)\", \"\u00d7 1,5\"], [\"R\u00e9servation \u00e0 moins de 30 jours\", \"+ 10 %\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 1: { halign: \"right\" } }, margin: { left: M, right: M } }); \/\/ ---- PAGE 5 : D\u00c9PLACEMENT + TECHNIQUE ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"5. D\u00e9placement\"); y = 50; doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t5 = doc.splitTextToSize(\"Le d\u00e9placement est factur\u00e9 au kilom\u00e8tre parcouru, \u00e0 un tarif unique. La distance facturable inclut le trajet aller-retour et tient compte du nombre de v\u00e9hicules n\u00e9cessaires au transport des musiciens et du mat\u00e9riel.\", W - 2 * M); doc.text(t5, M, y); y += t5.length * 5 + 4; doc.autoTable({ startY: y, head: [[\"\u00c9l\u00e9ment\", \"Tarification\"]], body: [ [\"Tarif au km\", \"0,45 \u20ac par kilom\u00e8tre parcouru\"], [\"Trajet pris en compte\", \"Aller-retour depuis Jemeppe-sur-Sambre (5190) jusqu'au lieu de prestation\"], [\"V\u00e9hicules\", \"1 v\u00e9hicule jusqu'\u00e0 3 musiciens \u00b7 2 v\u00e9hicules \u00e0 partir de 4 (mat\u00e9riel additionnel)\"], [\"H\u00e9bergement\", \"\u00c0 charge du client si fin de prestation apr\u00e8s 23h et trajet retour > 80 km\"], [\"Hors Belgique\", \"Conditions sp\u00e9cifiques sur demande\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\", cellWidth: 50 } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 6; doc.setFontSize(9); doc.setTextColor(120, 120, 120); const noteDist = doc.splitTextToSize(\"La distance facturable est \u00e9valu\u00e9e par Homeband selon le trajet r\u00e9el et appara\u00eet clairement sur le devis.\", W - 2 * M); doc.text(noteDist, M, y); y += noteDist.length * 5; y += 8; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"6. Pack technique\", M, y); y += 7; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t6 = doc.splitTextToSize(\"Le mat\u00e9riel professionnel (enceintes QSC, table de mixage, micros, c\u00e2blage, \u00e9clairage) est dimensionn\u00e9 selon la jauge de votre public et le lieu. Vous pouvez aussi fournir votre propre mat\u00e9riel ; dans ce cas, aucun co\u00fbt technique n'est factur\u00e9.\", W - 2 * M); doc.text(t6, M, y); y += t6.length * 5 + 3; doc.autoTable({ startY: y, head: [[\"Pack\", \"Couverture\", \"Prix\"]], body: [ [\"Pack S\", \"Jusqu'\u00e0 50 personnes \u2014 2\u00d7 QSC K10\", \"150 \u20ac\"], [\"Pack M\", \"50 \u00e0 150 personnes \u2014 2\u00d7 K12 + subwoofer\", \"280 \u20ac\"], [\"Pack L\", \"150 \u00e0 300 personnes \u2014 line array + 2 subs\", \"450 \u20ac\"], [\"Pack XL\", \"300+ personnes ou plein air\", \"\u00e0 partir de 750 \u20ac\"], [\"\u00c9clairage basique\", \"Quelques projecteurs sur la sc\u00e8ne\", \"+ 80 \u20ac\"], [\"\u00c9clairage sc\u00e9nographique\", \"Mise en lumi\u00e8re compl\u00e8te\", \"+ 200 \u20ac\"], [\"Technicien son d\u00e9di\u00e9\", \"R\u00e9gie son sur toute la dur\u00e9e\", \"+ 250 \u20ac\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 2: { halign: \"right\" } }, margin: { left: M, right: M } }); \/\/ ---- PAGE 6 : OPTIONS + CONDITIONS ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"7. Options \u00e0 la carte\"); y = 50; doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t7 = doc.splitTextToSize(\"Ces options sont disponibles \u00e0 la demande, en compl\u00e9ment de la prestation principale.\", W - 2 * M); doc.text(t7, M, y); y += t7.length * 5 + 3; doc.autoTable({ startY: y, head: [[\"Option\", \"Description\", \"Prix\"]], body: [ [\"DJ post-concert\", \"Mix d'animation entre\/apr\u00e8s les sets live\", \"180 \u20ac\"], [\"Chanson surprise\", \"Apprentissage et ex\u00e9cution d'un morceau choisi (mariage, hommage)\", \"120 \u20ac\"], [\"Morceau personnalis\u00e9\", \"Pr\u00e9paration d'un titre sur demande\", \"90 \u20ac\"], [\"Animation micro \/ MC\", \"Pr\u00e9sentation, animation, transitions\", \"100 \u20ac\"], [\"Backline complet\", \"Batterie acoustique + amplis fournis\", \"150 \u20ac\"], [\"Captation vid\u00e9o simple\", \"1 cam\u00e9ra fixe + montage court\", \"350 \u20ac\"], [\"Micro HF suppl\u00e9mentaire\", \"Au-del\u00e0 des 2 micros HF fournis par d\u00e9faut\", \"25 \u20ac \/ unit\u00e9\"] ], theme: \"plain\", styles: { fontSize: 9, cellPadding: 3, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\", cellWidth: 45 }, 2: { halign: \"right\", cellWidth: 30 } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 14; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"8. Conditions g\u00e9n\u00e9rales\", M, y); y += 7; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60); const cgs = [ \"Acompte : 30 % du montant total \u00e0 verser \u00e0 la confirmation de la r\u00e9servation.\", \"Solde : d\u00fb le jour de la prestation ou \u00e0 30 jours sur facture.\", \"Validit\u00e9 du devis : 30 jours \u00e0 compter de son \u00e9mission.\", \"Annulation : > 60 jours avant l'\u00e9v\u00e9nement = gratuit ; 30 \u00e0 60 jours = 30 % retenus ; 7 \u00e0 30 jours = 50 % ; moins de 7 jours = 100 %.\", \"Repas et boissons \u00e0 charge du client si prestation > 4 h sur place.\", \"H\u00e9bergement \u00e0 charge du client si fin de prestation apr\u00e8s 23 h et trajet retour > 80 km.\", \"TVA : Homeband ASBL est soumise au r\u00e9gime de la franchise de la taxe (art. 56 \u00a72 CTVA). La TVA n'est donc pas applicable.\", \"Force majeure : en cas d'\u00e9v\u00e9nement emp\u00eachant la prestation (maladie grave, deuil, interdiction administrative), Homeband proposera un report sans frais.\" ]; cgs.forEach(c => { const ll = doc.splitTextToSize(\"\u2022 \" + c, W - 2 * M); doc.text(ll, M, y); y += ll.length * 4.5 + 1; }); \/\/ ---- FOOTER toutes pages ---- const totalPages = doc.internal.getNumberOfPages(); for (let i = 1; i <= totalPages; i++) { doc.setPage(i); if (i === 1) continue; \/\/ pas de footer sur la couverture doc.setFontSize(7.5); doc.setTextColor(160, 160, 160); doc.setFont(\"helvetica\", \"normal\"); doc.text(`Homeband ASBL \u2014 Annexe m\u00e9thodologique`, M, H - 8); doc.text(`${i} \/ ${totalPages}`, W - M, H - 8, { align: \"right\" }); } doc.save(`Homeband_Methode_de_tarification.pdf`);}function drawAnnexHeader(doc, W, M, titre) { doc.setFillColor(250, 250, 248); doc.rect(0, 0, W, 30, \"F\"); doc.setFontSize(8); doc.setTextColor(140, 140, 140); doc.setFont(\"helvetica\", \"normal\"); doc.text(\"HOMEBAND \u00b7 ANNEXE M\u00c9THODOLOGIQUE\", M, 14); doc.setFontSize(18); doc.setFont(\"helvetica\", \"bold\"); doc.setTextColor(10, 10, 10); doc.text(titre, M, 24); doc.setDrawColor(10, 10, 10); doc.setLineWidth(0.4); doc.line(M, 32, W - M, 32);}\/\/ ========== INIT ==========function resetForm() { if (!confirm(\"Vider tous les champs ?\")) return; document.querySelectorAll(\"input, select, textarea\").forEach(el => { if (el.type === \"checkbox\") el.checked = false; else if (el.id === \"devisNum\") {} \/\/ skip else if (el.type === \"number\") el.value = el.defaultValue || 0; else el.value = el.defaultValue || \"\"; }); document.getElementById(\"formule\").value = \"trio\"; document.getElementById(\"duree\").value = \"set2\"; document.getElementById(\"packSono\").value = \"M\"; refreshDevisNum(); renderRecap();}\/\/ Liaison livedocument.addEventListener(\"input\", renderRecap);document.addEventListener(\"change\", renderRecap);\/\/ Check visuelsdocument.querySelectorAll(\".check input\").forEach(cb => { cb.addEventListener(\"change\", () => { cb.closest(\".check\").classList.toggle(\"active\", cb.checked); });});refreshDevisNum();renderRecap();<\/script><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-578","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Calculateur de prix - Association des \u00c9conomistes de Louvain<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculateur de prix - Association des \u00c9conomistes de Louvain\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\" \/>\n<meta property=\"og:site_name\" content=\"Association des \u00c9conomistes de Louvain\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-14T11:56:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\",\"url\":\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\",\"name\":\"Calculateur de prix - Association des \u00c9conomistes de Louvain\",\"isPartOf\":{\"@id\":\"https:\/\/adelouvain.be\/#website\"},\"datePublished\":\"2026-05-14T08:47:39+00:00\",\"dateModified\":\"2026-05-14T11:56:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/adelouvain.be\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculateur de prix\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/adelouvain.be\/#website\",\"url\":\"https:\/\/adelouvain.be\/\",\"name\":\"Association des \u00c9conomistes de Louvain\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/adelouvain.be\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Calculateur de prix - Association des \u00c9conomistes de Louvain","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:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","og_locale":"en_US","og_type":"article","og_title":"Calculateur de prix - Association des \u00c9conomistes de Louvain","og_url":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","og_site_name":"Association des \u00c9conomistes de Louvain","article_modified_time":"2026-05-14T11:56:27+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","url":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","name":"Calculateur de prix - Association des \u00c9conomistes de Louvain","isPartOf":{"@id":"https:\/\/adelouvain.be\/#website"},"datePublished":"2026-05-14T08:47:39+00:00","dateModified":"2026-05-14T11:56:27+00:00","breadcrumb":{"@id":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/adelouvain.be\/"},{"@type":"ListItem","position":2,"name":"Calculateur de prix"}]},{"@type":"WebSite","@id":"https:\/\/adelouvain.be\/#website","url":"https:\/\/adelouvain.be\/","name":"Association des \u00c9conomistes de Louvain","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adelouvain.be\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"ticketed":false,"_links":{"self":[{"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/pages\/578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/comments?post=578"}],"version-history":[{"count":5,"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/pages\/578\/revisions"}],"predecessor-version":[{"id":584,"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/pages\/578\/revisions\/584"}],"wp:attachment":[{"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/media?parent=578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":578,"date":"2026-05-14T10:47:39","date_gmt":"2026-05-14T08:47:39","guid":{"rendered":"https:\/\/adelouvain.be\/?page_id=578"},"modified":"2026-05-14T13:56:27","modified_gmt":"2026-05-14T11:56:27","slug":"calculateur-de-prix","status":"publish","type":"page","link":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","title":{"rendered":"Calculateur de prix"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.18.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]Homeband \u2014 Calculateur de devis<\/title><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.8.0\/jspdf.plugin.autotable.min.js\"><\/script><\/p>\n<style> :root { --bg: #fafaf8; --ink: #0a0a0a; --muted: #6b6b6b; --line: #e5e3de; --accent: #c9a85a; --card: #ffffff; --danger: #b54141; --ok: #2d6a4f; } * { box-sizing: border-box; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, \"Inter\", \"Segoe UI\", Roboto, sans-serif; background: var(--bg); color: var(--ink); font-size: 14px; line-height: 1.5; } .app { display: grid; grid-template-columns: 1fr 420px; min-height: 100vh; max-width: 1500px; margin: 0 auto; } .panel-form { padding: 32px 40px; border-right: 1px solid var(--line); } .panel-recap { background: #0a0a0a; color: #fafaf8; padding: 32px; position: sticky; top: 0; height: 100vh; overflow-y: auto; } h1 { font-size: 22px; font-weight: 600; margin: 0 0 4px; letter-spacing: -0.02em; } .subtitle { color: var(--muted); font-size: 13px; margin-bottom: 28px; } fieldset { border: none; border-top: 1px solid var(--line); padding: 20px 0 8px; margin: 0; } fieldset:first-of-type { border-top: none; padding-top: 0; } legend { font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); padding: 0; margin-bottom: 14px; } .row { display: grid; gap: 12px; margin-bottom: 12px; } .row.cols-2 { grid-template-columns: 1fr 1fr; } .row.cols-3 { grid-template-columns: 1fr 1fr 1fr; } label { display: block; font-size: 12px; color: var(--muted); margin-bottom: 4px; font-weight: 500; } input[type=text], input[type=number], input[type=email], input[type=date], select, textarea { width: 100%; padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; font-size: 13px; font-family: inherit; background: var(--card); color: var(--ink); transition: border-color 0.15s; } input:focus, select:focus, textarea:focus { outline: none; border-color: var(--ink); } textarea { resize: vertical; min-height: 60px; } .checks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; } .check { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; background: var(--card); font-size: 13px; transition: all 0.15s; } .check:hover { border-color: var(--ink); } .check input { margin: 0; } .check.active { border-color: var(--ink); background: #f5f4f0; } .check .price { margin-left: auto; color: var(--muted); font-size: 12px; } \/* recap *\/ .recap-h { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: #8a8a8a; margin: 24px 0 10px; } .recap-h:first-of-type { margin-top: 0; } .recap-line { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid #1f1f1f; font-size: 13px; } .recap-line .lbl { color: #b5b5b5; } .recap-line .val { font-variant-numeric: tabular-nums; } .total-box { margin-top: 20px; padding: 20px; background: #fafaf8; color: #0a0a0a; border-radius: 8px; } .total-box .ttl-lbl { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--muted); } .total-box .ttl-val { font-size: 34px; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; margin-top: 4px; } .total-box .acompte { font-size: 12px; color: var(--muted); margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); } .actions { display: grid; gap: 8px; margin-top: 20px; } button { padding: 11px 16px; border: 1px solid #fafaf8; border-radius: 6px; font-family: inherit; font-size: 13px; font-weight: 500; cursor: pointer; background: #fafaf8; color: #0a0a0a; transition: all 0.15s; } button:hover { transform: translateY(-1px); } button.secondary { background: transparent; color: #fafaf8; } button.secondary:hover { background: #1a1a1a; } button:disabled { opacity: 0.4; cursor: not-allowed; } .badge { display: inline-block; padding: 2px 7px; font-size: 11px; background: #1f1f1f; border-radius: 4px; color: #b5b5b5; } .num-edit { display: flex; gap: 6px; align-items: center; margin-bottom: 16px; padding: 10px; background: #1a1a1a; border-radius: 6px; } .num-edit input { background: #0a0a0a; color: #fafaf8; border: 1px solid #2a2a2a; padding: 5px 8px; border-radius: 4px; font-size: 12px; width: 110px; font-family: inherit; } .num-edit label { color: #8a8a8a; margin: 0; } .warn { background: #2a1f0a; border: 1px solid #5a4515; color: #e0c97a; padding: 8px 10px; border-radius: 6px; font-size: 12px; margin-top: 10px; } @media (max-width: 960px) { .app { grid-template-columns: 1fr; } .panel-recap { position: static; height: auto; } }<\/style>\n<p><\/head><body><\/p>\n<div class=\"app\">  <\/p>\n<div class=\"panel-form\"> <\/p>\n<h1>Calculateur de devis<\/h1>\n<p> <pee class=\"subtitle\">Homeband ASBL \u2014 usage interne<\/pee>  <\/p>\n<fieldset> <\/p>\n<legend>Client<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Type de client<\/label> <select id=\"clientType\"><option value=\"prive\">Particulier<\/option><option value=\"asbl\">ASBL \/ Associatif<\/option><option value=\"ceremonie\">C\u00e9r\u00e9monie (vin d’honneur)<\/option><option value=\"festival\">Festival \/ Concert public<\/option><option value=\"institutionnel\">Institutionnel (commune, universit\u00e9, minist\u00e8re)<\/option><option value=\"entreprise\">Entreprise \/ Corporate<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label>R\u00e9f\u00e9rence interne (optionnel)<\/label> <input type=\"text\" id=\"clientRef\" placeholder=\"Ex: Mariage Dupont\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Nom \/ Raison sociale<\/label> <input type=\"text\" id=\"clientName\" placeholder=\"Nom du client\"> <\/div>\n<p> <\/p>\n<div> <label>Repr\u00e9sentant l\u00e9gal (pour le contrat)<\/label> <input type=\"text\" id=\"clientRepresentant\" placeholder=\"Pr\u00e9nom Nom du signataire\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Adresse compl\u00e8te<\/label> <input type=\"text\" id=\"clientAddr\" placeholder=\"Rue, n\u00b0, code postal, ville\"> <\/div>\n<p> <\/p>\n<div> <label>N\u00b0 TVA (si entreprise\/ASBL)<\/label> <input type=\"text\" id=\"clientVat\" placeholder=\"BE0xxx.xxx.xxx\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Email<\/label> <input type=\"email\" id=\"clientEmail\" placeholder=\"contact@...\"> <\/div>\n<p> <\/p>\n<div> <label>T\u00e9l\u00e9phone<\/label> <input type=\"text\" id=\"clientPhone\" placeholder=\"+32...\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>\u00c9v\u00e9nement<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Heure de d\u00e9but (estim\u00e9e)<\/label> <input type=\"text\" id=\"eventTime\" placeholder=\"ex: 20h00\"> <\/div>\n<p> <\/p>\n<div> <label>Heure d’arriv\u00e9e \u00e9quipe \/ soundcheck<\/label> <input type=\"text\" id=\"eventArrivee\" placeholder=\"ex: 17h30\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Date de l’\u00e9v\u00e9nement<\/label> <input type=\"date\" id=\"eventDate\"> <\/div>\n<p> <\/p>\n<div> <label>Heure de fin (estim\u00e9e)<\/label> <input type=\"text\" id=\"eventEnd\" placeholder=\"ex: 01h00\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Lieu de la prestation<\/label> <input type=\"text\" id=\"eventPlace\" placeholder=\"Salle, adresse, ville\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Distance \u00e0 facturer (km) \u2014 calcul\u00e9e selon trajet r\u00e9el et nb de v\u00e9hicules<\/label> <input type=\"number\" id=\"eventDistance\" value=\"0\" min=\"0\"> <\/div>\n<p> <\/p>\n<div> <label>Jour f\u00e9ri\u00e9 ?<\/label> <select id=\"eventHoliday\"><option value=\"none\">Non<\/option><option value=\"ferie\">Jour f\u00e9ri\u00e9<\/option><option value=\"reveillon\">R\u00e9veillon (24 ou 31 d\u00e9c)<\/option> <\/select> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Nature de la prestation<\/legend>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Type de prestation<\/label> <select id=\"prestaType\"><option value=\"\">\u2014 Choisir \u2014<\/option><option value=\"bal_folk\">Bal folk<\/option><option value=\"concert_prive\">Concert priv\u00e9 \/ animation<\/option><option value=\"concert_public\">Concert public<\/option><option value=\"festival\">Festival<\/option><option value=\"cocktail\">Cocktail \/ vin d’honneur<\/option><option value=\"mariage\">Animation mariage<\/option><option value=\"ceremonie_laique\">C\u00e9r\u00e9monie la\u00efque<\/option><option value=\"corporate\">Animation d’entreprise<\/option><option value=\"evenementiel\">\u00c9v\u00e9nementiel \/ inauguration<\/option><option value=\"autre\">Autre (\u00e0 pr\u00e9ciser ci-dessous)<\/option> <\/select> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Description d\u00e9taill\u00e9e de la prestation (appara\u00eetra en bonne place sur le devis)<\/label> <textarea id=\"prestaDesc\" rows=\"4\" placeholder=\"Ex : Bal folk traditionnel pour environ 80 danseurs. Le trio interpr\u00e8tera un r\u00e9pertoire de danses europ\u00e9ennes (mazurkas, scottishs, valses, polkas) en alternant morceaux \u00e0 danser et explications p\u00e9dagogiques pour faciliter la participation des invit\u00e9s. Installation 1h avant et balance son comprises.\"><\/textarea> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Programme indicatif \/ setlist (optionnel)<\/label> <textarea id=\"prestaProgramme\" rows=\"2\" placeholder=\"Ex : 1er set \u2014 r\u00e9pertoire folk traditionnel ; 2e set \u2014 compositions originales ; bal de cl\u00f4ture\"><\/textarea> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Formule musicale<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Composition<\/label> <select id=\"formule\"><option value=\"solo\">Solo (1 musicien)<\/option><option value=\"duo\">Duo (2 musiciens)<\/option><option value=\"trio\" selected>Trio (3 musiciens)<\/option><option value=\"quatuor\">Quatuor (4 musiciens)<\/option><option value=\"band\">Full Band (5+ musiciens)<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label>Nombre de musiciens (si Full Band)<\/label> <input type=\"number\" id=\"bandSize\" value=\"5\" min=\"5\" max=\"12\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Dur\u00e9e<\/label> <select id=\"duree\"><option value=\"set1\">1 set (45 min)<\/option><option value=\"set2\" selected>2 sets (2 \u00d7 45 min)<\/option><option value=\"soiree\">Soir\u00e9e compl\u00e8te (jusqu’\u00e0 4h)<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label>Heures suppl\u00e9mentaires (au-del\u00e0 du forfait)<\/label> <input type=\"number\" id=\"heuresSupp\" value=\"0\" min=\"0\" max=\"6\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Pack technique<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Pack sono<\/label> <select id=\"packSono\"><option value=\"none\">Aucun (client fournit)<\/option><option value=\"S\">Pack S \u2014 <50 pers (150\u20ac)<\/option><option value=\"M\" selected>Pack M \u2014 50-150 pers (280\u20ac)<\/option><option value=\"L\">Pack L \u2014 150-300 pers (450\u20ac)<\/option><option value=\"XL\">Pack XL \u2014 300+ \/ ext\u00e9rieur (750\u20ac)<\/option> <\/select> <\/div>\n<p> <\/p>\n<div> <label>\u00c9clairage<\/label> <select id=\"packLight\"><option value=\"none\">Aucun<\/option><option value=\"basic\">Basique (+80\u20ac)<\/option><option value=\"full\">Sc\u00e9nographie compl\u00e8te (+200\u20ac)<\/option> <\/select> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label><input type=\"checkbox\" id=\"techDedie\"> Technicien son d\u00e9di\u00e9 pour la dur\u00e9e (+250\u20ac)<\/label> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Options additionnelles<\/legend>\n<p> <\/p>\n<div class=\"checks\"> <label class=\"check\"><input type=\"checkbox\" data-opt=\"dj\" data-price=\"180\"> DJ post-concert <span class=\"price\">+180\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"surprise\" data-price=\"120\"> Chanson surprise <span class=\"price\">+120\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"repertoire\" data-price=\"90\"> Morceau perso pr\u00e9par\u00e9 <span class=\"price\">+90\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"mc\" data-price=\"100\"> Animation micro \/ MC <span class=\"price\">+100\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"backline\" data-price=\"150\"> Backline complet <span class=\"price\">+150\u20ac<\/span><\/label> <label class=\"check\"><input type=\"checkbox\" data-opt=\"captation\" data-price=\"350\"> Captation vid\u00e9o simple <span class=\"price\">+350\u20ac<\/span><\/label> <\/div>\n<p> <\/p>\n<div class=\"row cols-2\" style=\"margin-top: 12px;\"> <\/p>\n<div> <label>Micros HF suppl\u00e9mentaires (\u00d725\u20ac\/unit\u00e9)<\/label> <input type=\"number\" id=\"micsHF\" value=\"0\" min=\"0\" max=\"10\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset> <\/p>\n<legend>Ajustements<\/legend>\n<p> <\/p>\n<div class=\"row cols-2\"> <\/p>\n<div> <label>Remise commerciale (\u20ac)<\/label> <input type=\"number\" id=\"remiseEur\" value=\"0\" min=\"0\"> <\/div>\n<p> <\/p>\n<div> <label>Remise commerciale (%)<\/label> <input type=\"number\" id=\"remisePct\" value=\"0\" min=\"0\" max=\"100\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div> <label>Note libre pour le devis<\/label> <textarea id=\"noteLibre\" placeholder=\"Pr\u00e9cisions, demandes sp\u00e9ciales, conditions particuli\u00e8res...\"><\/textarea> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"panel-recap\"> <\/p>\n<div class=\"num-edit\"> <label>N\u00b0 Devis<\/label> <input type=\"text\" id=\"devisNum\" value=\"\"> <button onclick=\"resetCounter()\" style=\"padding: 5px 9px; font-size: 11px;\">\u21bb<\/button> <\/div>\n<p> <\/p>\n<div class=\"recap-h\">D\u00e9tail du calcul<\/div>\n<p> <\/p>\n<div id=\"recapDetail\"><\/div>\n<p> <\/p>\n<div class=\"total-box\"> <\/p>\n<div class=\"ttl-lbl\">Montant total<\/div>\n<p> <\/p>\n<div class=\"ttl-val\" id=\"totalDisplay\">0 \u20ac<\/div>\n<p> <\/p>\n<div class=\"acompte\" id=\"acompteDisplay\">Acompte 30% : 0 \u20ac<\/div>\n<p> <\/div>\n<p> <\/p>\n<div id=\"warnings\"><\/div>\n<p> <\/p>\n<div class=\"actions\"> <button onclick=\"generateDevis()\">\ud83d\udcc4 G\u00e9n\u00e9rer le devis (PDF)<\/button> <button onclick=\"generateContrat()\">\ud83d\udccb G\u00e9n\u00e9rer le contrat d’engagement<\/button> <button class=\"secondary\" onclick=\"generateAnnexe()\">\ud83d\udcd8 G\u00e9n\u00e9rer l’annexe m\u00e9thodologique<\/button> <button class=\"secondary\" onclick=\"resetForm()\">\u21ba R\u00e9initialiser<\/button> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>\/\/ ========== CONFIGURATION TARIFAIRE ==========const CONFIG = { homeband: { nom: \"Homeband ASBL\", adresse: \"Rue de Namur 3E\", cp: \"5190 Jemeppe-sur-Sambre\", email: \"contact@homeband.be\", emailAlt: \"homeband.events@gmail.com\", tel: \"+32 496 37 59 70\", tva: \"BE0557.924.006\", iban: \"BE72 0017 3804 7616\", mentionTva: \"Petite entreprise soumise au r\u00e9gime de la franchise de la taxe (art. 56 \u00a72 CTVA) \u2014 TVA non applicable\", site: \"homeband.be\" }, tarifMusicien: { solo: 250, duo: 180, trio: 150, quatuor: 130, band: 120 }, multiplicateurDuree: { set1: 1.0, set2: 1.5, soiree: 2.0 }, heureSupp: 0.20, \/\/ +20% par heure suppl\u00e9mentaire (du tarif base) coefEvent: { prive: 1.0, asbl: 1.0, ceremonie: 1.0, festival: 1.1, institutionnel: 1.4, entreprise: 1.7 }, coefJour: { 1: 0.9, 2: 0.9, 3: 0.9, 4: 0.9, 5: 1.0, 6: 1.1, 0: 1.05 }, \/\/ lun-jeu, ven, sam, dim coefFerie: 1.3, coefReveillon: 1.5, lastMinDays: 30, lastMinPct: 0.10, distance: { tarifKm: 0.45 }, packSono: { none: 0, S: 150, M: 280, L: 450, XL: 750 }, packLight: { none: 0, basic: 80, full: 200 }, techDedie: 250, micHF: 25, acomptePct: 0.30, validiteJours: 30, annulation: [ { delai: \">60j\", retenu: \"0%\" }, { delai: \"30-60j\", retenu: \"30%\" }, { delai: \"7-30j\", retenu: \"50%\" }, { delai: \"<7j\", retenu: \"100%\" } ]};\/\/ Libell\u00e9s affichageconst LIBELLES = { clientType: { prive: \"Particulier\", asbl: \"ASBL \/ Associatif\", ceremonie: \"C\u00e9r\u00e9monie\", festival: \"Festival \/ Concert public\", institutionnel: \"Institutionnel\", entreprise: \"Entreprise \/ Corporate\" }, formule: { solo: \"Solo\", duo: \"Duo\", trio: \"Trio\", quatuor: \"Quatuor\", band: \"Full Band\" }, duree: { set1: \"1 set de 45 min\", set2: \"2 sets de 45 min\", soiree: \"Soir\u00e9e compl\u00e8te (jusqu'\u00e0 4h)\" }, packSono: { none: \"\u2014\", S: \"Pack S (<50 pers)\", M: \"Pack M (50\u2013150 pers)\", L: \"Pack L (150\u2013300 pers)\", XL: \"Pack XL (300+\/ext\u00e9rieur)\" }, packLight: { none: \"\u2014\", basic: \"\u00c9clairage basique\", full: \"\u00c9clairage sc\u00e9nographique\" }, prestaType: { \"\": \"Prestation musicale\", bal_folk: \"Bal folk\", concert_prive: \"Concert priv\u00e9 \/ animation\", concert_public: \"Concert public\", festival: \"Festival\", cocktail: \"Cocktail \/ vin d'honneur\", mariage: \"Animation mariage\", ceremonie_laique: \"C\u00e9r\u00e9monie la\u00efque\", corporate: \"Animation d'entreprise\", evenementiel: \"\u00c9v\u00e9nementiel \/ inauguration\", autre: \"Prestation sur mesure\" }};const OPT_LIBELLES = { dj: \"DJ post-concert\", surprise: \"Apprentissage chanson surprise\", repertoire: \"Morceau personnalis\u00e9 pr\u00e9par\u00e9\", mc: \"Animation micro \/ MC\", backline: \"Backline complet (batterie + amplis)\", captation: \"Captation vid\u00e9o simple (1 cam\u00e9ra + montage)\"};\/\/ ========== \u00c9TAT ==========function getCounter() { const y = new Date().getFullYear(); const key = `homeband_devis_counter_${y}`; let n = parseInt(localStorage.getItem(key) || \"0\", 10); return { year: y, n: n + 1, key };}function consumeCounter() { const c = getCounter(); localStorage.setItem(c.key, String(c.n)); return c;}function refreshDevisNum() { const c = getCounter(); document.getElementById(\"devisNum\").value = `D${c.year}-${String(c.n).padStart(5, \"0\")}`;}function resetCounter() { if (confirm(\"R\u00e9initialiser le compteur de devis pour cette ann\u00e9e ?\")) { const y = new Date().getFullYear(); localStorage.removeItem(`homeband_devis_counter_${y}`); refreshDevisNum(); }}\/\/ ========== CALCUL ==========function getFormState() { const opts = {}; document.querySelectorAll('[data-opt]').forEach(el => { opts[el.dataset.opt] = el.checked; }); return { clientType: document.getElementById(\"clientType\").value, clientName: document.getElementById(\"clientName\").value.trim(), clientRepresentant: document.getElementById(\"clientRepresentant\").value.trim(), clientAddr: document.getElementById(\"clientAddr\").value.trim(), clientVat: document.getElementById(\"clientVat\").value.trim(), clientEmail: document.getElementById(\"clientEmail\").value.trim(), clientPhone: document.getElementById(\"clientPhone\").value.trim(), clientRef: document.getElementById(\"clientRef\").value.trim(), eventDate: document.getElementById(\"eventDate\").value, eventTime: document.getElementById(\"eventTime\").value.trim(), eventArrivee: document.getElementById(\"eventArrivee\").value.trim(), eventEnd: document.getElementById(\"eventEnd\").value.trim(), eventPlace: document.getElementById(\"eventPlace\").value.trim(), eventDistance: parseFloat(document.getElementById(\"eventDistance\").value) || 0, eventHoliday: document.getElementById(\"eventHoliday\").value, prestaType: document.getElementById(\"prestaType\").value, prestaDesc: document.getElementById(\"prestaDesc\").value.trim(), prestaProgramme: document.getElementById(\"prestaProgramme\").value.trim(), formule: document.getElementById(\"formule\").value, bandSize: parseInt(document.getElementById(\"bandSize\").value) || 5, duree: document.getElementById(\"duree\").value, heuresSupp: parseInt(document.getElementById(\"heuresSupp\").value) || 0, packSono: document.getElementById(\"packSono\").value, packLight: document.getElementById(\"packLight\").value, techDedie: document.getElementById(\"techDedie\").checked, options: opts, micsHF: parseInt(document.getElementById(\"micsHF\").value) || 0, remiseEur: parseFloat(document.getElementById(\"remiseEur\").value) || 0, remisePct: parseFloat(document.getElementById(\"remisePct\").value) || 0, noteLibre: document.getElementById(\"noteLibre\").value.trim() };}function nbMusiciens(s) { if (s.formule === \"solo\") return 1; if (s.formule === \"duo\") return 2; if (s.formule === \"trio\") return 3; if (s.formule === \"quatuor\") return 4; return s.bandSize;}function computeCoefJour(dateStr, holiday) { if (!dateStr) return { coef: 1.0, label: \"Jour non d\u00e9fini\" }; if (holiday === \"reveillon\") return { coef: CONFIG.coefReveillon, label: \"R\u00e9veillon (24 ou 31 d\u00e9c)\" }; if (holiday === \"ferie\") return { coef: CONFIG.coefFerie, label: \"Jour f\u00e9ri\u00e9\" }; const d = new Date(dateStr); const day = d.getDay(); const labels = { 0: \"Dimanche\", 1: \"Lundi\", 2: \"Mardi\", 3: \"Mercredi\", 4: \"Jeudi\", 5: \"Vendredi\", 6: \"Samedi\" }; return { coef: CONFIG.coefJour[day], label: labels[day] };}function isLastMinute(dateStr) { if (!dateStr) return false; const ev = new Date(dateStr); const now = new Date(); const diff = (ev - now) \/ (1000 * 60 * 60 * 24); return diff > 0 && diff < CONFIG.lastMinDays;}function compute() { const s = getFormState(); const n = nbMusiciens(s); const tarifBaseUnit = CONFIG.tarifMusicien[s.formule]; const multDuree = CONFIG.multiplicateurDuree[s.duree]; const coefEv = CONFIG.coefEvent[s.clientType]; const cj = computeCoefJour(s.eventDate, s.eventHoliday); const lastMin = isLastMinute(s.eventDate); const lastMinMult = lastMin ? (1 + CONFIG.lastMinPct) : 1; \/\/ Cachet de base const basePrestation = n * tarifBaseUnit; const suppHeures = basePrestation * (CONFIG.heureSupp * s.heuresSupp); const sousTotalPrestation = (basePrestation * multDuree + suppHeures) * coefEv * cj.coef * lastMinMult; \/\/ D\u00e9placement (distance facturable saisie manuellement par Homeband) const km = s.eventDistance; const deplacement = km * CONFIG.distance.tarifKm; const deplacementNote = km > 0 ? `${km} km \u00d7 ${CONFIG.distance.tarifKm.toFixed(2).replace(\".\", \",\")} \u20ac\/km` : \"\"; \/\/ Technique const sono = CONFIG.packSono[s.packSono]; const light = CONFIG.packLight[s.packLight]; const techDedie = s.techDedie ? CONFIG.techDedie : 0; \/\/ Options let optionsTotal = 0; const optionsDetail = []; for (const [k, v] of Object.entries(s.options)) { if (v) { const el = document.querySelector(`[data-opt=\"${k}\"]`); const price = parseFloat(el.dataset.price); optionsTotal += price; optionsDetail.push({ key: k, label: OPT_LIBELLES[k], price }); } } const micsHFTotal = s.micsHF * CONFIG.micHF; if (s.micsHF > 0) optionsDetail.push({ key: \"mics\", label: `Micros HF suppl\u00e9mentaires (\u00d7${s.micsHF})`, price: micsHFTotal }); optionsTotal += micsHFTotal; \/\/ Sous-total brut const sousTotalBrut = sousTotalPrestation + deplacement + sono + light + techDedie + optionsTotal; \/\/ Remises const remisePctVal = sousTotalBrut * (s.remisePct \/ 100); const totalRemise = s.remiseEur + remisePctVal; const total = Math.max(0, sousTotalBrut - totalRemise); const acompte = total * CONFIG.acomptePct; return { state: s, n, tarifBaseUnit, multDuree, coefEv, cj, lastMin, lastMinMult, basePrestation, suppHeures, sousTotalPrestation, km, deplacement, deplacementNote, sono, light, techDedie, optionsTotal, optionsDetail, micsHFTotal, sousTotalBrut, totalRemise, total, acompte };}function fmt(n) { \/\/ Formatage manuel : espace normale tous les 3 chiffres (jsPDF g\u00e8re mal NBSP) const v = Math.round(n); return v.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \") + \" \u20ac\";}function fmt2(n) { return n.toFixed(2).replace(\".\", \",\") + \" \u20ac\";}\/\/ ========== AFFICHAGE RECAP ==========function renderRecap() { const r = compute(); const s = r.state; const lines = []; lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Formule<\/span><span class=\"val\">${LIBELLES.formule[s.formule]} \u00d7 ${r.n}<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Cachet base<\/span><span class=\"val\">${r.n} \u00d7 ${r.tarifBaseUnit}\u20ac<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Dur\u00e9e<\/span><span class=\"val\">${LIBELLES.duree[s.duree]} (\u00d7${r.multDuree})<\/span><\/div>\n<p>`); if (s.heuresSupp > 0) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Heures supp.<\/span><span class=\"val\">+${s.heuresSupp}h<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Type \u00e9v\u00e9nement<\/span><span class=\"val\">${LIBELLES.clientType[s.clientType]} (\u00d7${r.coefEv})<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Jour<\/span><span class=\"val\">${r.cj.label} (\u00d7${r.cj.coef})<\/span><\/div>\n<p>`); if (r.lastMin) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Last-minute<\/span><span class=\"val\">+10%<\/span><\/div>\n<p>`); lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\"><b>Prestation<\/b><\/span><span class=\"val\"><b>${fmt(r.sousTotalPrestation)}<\/b><\/span><\/div>\n<p>`); if (r.km > 0) { lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">D\u00e9placement (${r.km} km)<\/span><span class=\"val\">${fmt(r.deplacement)}<\/span><\/div>\n<p>`); } if (r.sono > 0) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">${LIBELLES.packSono[s.packSono]}<\/span><span class=\"val\">${fmt(r.sono)}<\/span><\/div>\n<p>`); if (r.light > 0) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">${LIBELLES.packLight[s.packLight]}<\/span><span class=\"val\">${fmt(r.light)}<\/span><\/div>\n<p>`); if (r.techDedie > 0) lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Technicien d\u00e9di\u00e9<\/span><span class=\"val\">${fmt(r.techDedie)}<\/span><\/div>\n<p>`); r.optionsDetail.forEach(o => { lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">${o.label}<\/span><span class=\"val\">${fmt(o.price)}<\/span><\/div>\n<p>`); }); if (r.totalRemise > 0) { lines.push(`<\/p>\n<div class=\"recap-line\"><span class=\"lbl\">Remise<\/span><span class=\"val\" style=\"color:#e0c97a\">\u2212${fmt(r.totalRemise)}<\/span><\/div>\n<p>`); } document.getElementById(\"recapDetail\").innerHTML = lines.join(\"\"); document.getElementById(\"totalDisplay\").textContent = fmt(r.total); document.getElementById(\"acompteDisplay\").textContent = `Acompte 30 % \u00e0 la confirmation : ${fmt(r.acompte)}`; \/\/ Warnings const w = []; if (!s.clientName) w.push(\"Nom du client manquant.\"); if (!s.eventDate) w.push(\"Date d'\u00e9v\u00e9nement non renseign\u00e9e.\"); if (!s.prestaDesc) w.push(\"Description de la prestation manquante (zone cl\u00e9 pour le client).\"); document.getElementById(\"warnings\").innerHTML = w.map(t => `<\/p>\n<div class=\"warn\">\u26a0 ${t}<\/div>\n<p>`).join(\"\");}\/\/ ========== PDF DEVIS ==========function generateDevis() { const r = compute(); const s = r.state; if (!s.clientName) { alert(\"Nom du client requis.\"); return; } if (!s.eventDate) { alert(\"Date d'\u00e9v\u00e9nement requise.\"); return; } \/\/ Consommer le num\u00e9ro const c = consumeCounter(); const numDevis = `D${c.year}-${String(c.n).padStart(5, \"0\")}`; document.getElementById(\"devisNum\").value = numDevis; const { jsPDF } = window.jspdf; const doc = new jsPDF({ unit: \"mm\", format: \"a4\" }); const W = 210, H = 297; const M = 18; \/\/ marge \/\/ ---- HEADER BAND ---- doc.setFillColor(10, 10, 10); doc.rect(0, 0, W, 38, \"F\"); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(22); doc.text(\"DEVIS\", M, 22); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9); doc.text(\"Homeband ASBL \u2014 R\u00e9alisation de spectacles musicaux\", M, 29); \/\/ Bloc droite header doc.setFontSize(9); doc.setTextColor(180, 180, 180); doc.text(\"N\u00b0 DE DEVIS\", W - M, 14, { align: \"right\" }); doc.text(\"DATE D'\u00c9MISSION\", W - M, 22, { align: \"right\" }); doc.text(\"VALIDIT\u00c9\", W - M, 30, { align: \"right\" }); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); const today = new Date(); const dateStr = today.toLocaleDateString(\"fr-BE\"); const validJusqu = new Date(today.getTime() + CONFIG.validiteJours * 86400000).toLocaleDateString(\"fr-BE\"); doc.text(numDevis, W - M, 18, { align: \"right\" }); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.text(dateStr, W - M, 26, { align: \"right\" }); doc.text(`${validJusqu} (${CONFIG.validiteJours}j)`, W - M, 34, { align: \"right\" }); \/\/ ---- BLOCS \u00c9METTEUR \/ DESTINATAIRE ---- let y = 50; doc.setTextColor(107, 107, 107); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"\u00c9METTEUR\", M, y); doc.text(\"CLIENT\", W \/ 2 + 5, y); doc.setTextColor(10, 10, 10); doc.setFontSize(10); doc.setFont(\"helvetica\", \"bold\"); doc.text(CONFIG.homeband.nom, M, y + 7); doc.text(s.clientName, W \/ 2 + 5, y + 7); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9); doc.setTextColor(60, 60, 60); doc.text(CONFIG.homeband.adresse, M, y + 13); doc.text(CONFIG.homeband.cp, M, y + 18); doc.text(CONFIG.homeband.email, M, y + 23); doc.text(CONFIG.homeband.tel, M, y + 28); doc.text(`TVA : ${CONFIG.homeband.tva}`, M, y + 33); \/\/ Client (split addr en lignes courtes) const addrLines = doc.splitTextToSize(s.clientAddr || \"\u2014\", 80); let cy = y + 13; addrLines.forEach(l => { doc.text(l, W \/ 2 + 5, cy); cy += 5; }); if (s.clientVat) { doc.text(`TVA : ${s.clientVat}`, W \/ 2 + 5, cy); cy += 5; } if (s.clientEmail) { doc.text(s.clientEmail, W \/ 2 + 5, cy); cy += 5; } if (s.clientPhone) { doc.text(s.clientPhone, W \/ 2 + 5, cy); cy += 5; } \/\/ ---- \u00c9V\u00c9NEMENT ---- y = 95; doc.setDrawColor(229, 227, 222); doc.line(M, y, W - M, y); y += 8; doc.setTextColor(107, 107, 107); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"D\u00c9TAILS DE L'\u00c9V\u00c9NEMENT\", M, y); y += 6; doc.setTextColor(10, 10, 10); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); const eventDate = new Date(s.eventDate); const dStr = eventDate.toLocaleDateString(\"fr-BE\", { weekday: \"long\", day: \"numeric\", month: \"long\", year: \"numeric\" }); const evLine1 = `${dStr}${s.eventTime ? \" \u2014 \" + s.eventTime : \"\"}`; doc.text(evLine1, M, y); if (s.eventPlace) { y += 5; doc.text(`Lieu : ${s.eventPlace}`, M, y); } if (s.clientRef) { y += 5; doc.text(`R\u00e9f\u00e9rence : ${s.clientRef}`, M, y); } \/\/ ---- ENCART NATURE DE LA PRESTATION ---- if (s.prestaType || s.prestaDesc) { y += 10; const prestaLabel = LIBELLES.prestaType[s.prestaType] || \"Prestation musicale\"; \/\/ Calcule la hauteur n\u00e9cessaire de l'encart doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); const descLines = s.prestaDesc ? doc.splitTextToSize(s.prestaDesc, W - 2 * M - 12) : []; const progLines = s.prestaProgramme ? doc.splitTextToSize(\"Programme : \" + s.prestaProgramme, W - 2 * M - 12) : []; const boxH = 18 + (descLines.length * 5) + (progLines.length ? (progLines.length * 4.5 + 4) : 0) + 6; \/\/ Fond gris doux doc.setFillColor(245, 244, 240); doc.rect(M, y, W - 2 * M, boxH, \"F\"); \/\/ Barre verticale dor\u00e9e \u00e0 gauche doc.setFillColor(201, 168, 90); doc.rect(M, y, 2, boxH, \"F\"); let yIn = y + 8; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(8); doc.setTextColor(140, 110, 40); doc.text(\"\u00c0 PROPOS DE LA PRESTATION\", M + 8, yIn); yIn += 6; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(13); doc.setTextColor(10, 10, 10); doc.text(prestaLabel, M + 8, yIn); yIn += 6; if (descLines.length) { doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.setTextColor(60, 60, 60); doc.text(descLines, M + 8, yIn); yIn += descLines.length * 5; } if (progLines.length) { yIn += 3; doc.setFont(\"helvetica\", \"italic\"); doc.setFontSize(9); doc.setTextColor(100, 100, 100); doc.text(progLines, M + 8, yIn); } y += boxH; } \/\/ ---- TABLEAU PRESTATIONS ---- y += 10; const rows = []; \/\/ ligne 1 : prestation musicale const prestaTableLabel = s.prestaType ? LIBELLES.prestaType[s.prestaType] : \"Prestation musicale\"; rows.push([ { content: `${prestaTableLabel} \u2014 ${LIBELLES.formule[s.formule]}`, styles: { fontStyle: \"bold\" } }, `${r.n} mus. \u00d7 ${r.tarifBaseUnit}\u20ac \u00d7 ${r.multDuree} (${LIBELLES.duree[s.duree]})\\nCoefs : ${LIBELLES.clientType[s.clientType]} \u00d7${r.coefEv}, ${r.cj.label} \u00d7${r.cj.coef}${r.lastMin ? \", last-min \u00d71.10\" : \"\"}`, \"1\", fmt(r.sousTotalPrestation), fmt(r.sousTotalPrestation) ]); if (r.deplacement > 0) { rows.push([ \"D\u00e9placement\", `${r.km} km parcourus\\n${r.deplacementNote}`, \"1\", fmt(r.deplacement), fmt(r.deplacement) ]); } if (r.sono > 0) { rows.push([ \"Sonorisation\", LIBELLES.packSono[s.packSono], \"1\", fmt(r.sono), fmt(r.sono) ]); } if (r.light > 0) { rows.push([ \"\u00c9clairage\", LIBELLES.packLight[s.packLight], \"1\", fmt(r.light), fmt(r.light) ]); } if (r.techDedie > 0) { rows.push([\"Technicien son d\u00e9di\u00e9\", \"R\u00e9gie son sur toute la dur\u00e9e\", \"1\", fmt(r.techDedie), fmt(r.techDedie)]); } r.optionsDetail.forEach(o => { rows.push([o.label, \"\", \"1\", fmt(o.price), fmt(o.price)]); }); doc.autoTable({ startY: y, head: [[\"Description\", \"D\u00e9tail\", \"Qt\u00e9\", \"Prix unit.\", \"Total\"]], body: rows, theme: \"plain\", styles: { fontSize: 9, cellPadding: 3, textColor: [10, 10, 10], lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\", fontSize: 9 }, columnStyles: { 0: { cellWidth: 42, fontStyle: \"bold\" }, 1: { cellWidth: 70, textColor: [90, 90, 90], fontSize: 8 }, 2: { cellWidth: 12, halign: \"center\" }, 3: { cellWidth: 25, halign: \"right\" }, 4: { cellWidth: 25, halign: \"right\", fontStyle: \"bold\" } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 8; \/\/ ---- TOTAUX ---- const xLbl = W - M - 60; const xVal = W - M; doc.setFontSize(10); doc.setTextColor(90, 90, 90); doc.setFont(\"helvetica\", \"normal\"); doc.text(\"Sous-total\", xLbl, y); doc.setTextColor(10, 10, 10); doc.text(fmt(r.sousTotalBrut), xVal, y, { align: \"right\" }); y += 6; if (r.totalRemise > 0) { doc.setTextColor(90, 90, 90); doc.text(\"Remise\", xLbl, y); doc.setTextColor(180, 130, 40); doc.text(`\u2212 ${fmt(r.totalRemise)}`, xVal, y, { align: \"right\" }); y += 6; } \/\/ Ligne s\u00e9paration doc.setDrawColor(10, 10, 10); doc.setLineWidth(0.3); doc.line(xLbl, y, xVal, y); y += 6; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"TOTAL\", xLbl, y); doc.text(fmt(r.total), xVal, y, { align: \"right\" }); \/\/ ---- CONDITIONS ---- y += 12; \/\/ Garde-fou: si on est trop bas pour la suite (conditions + note + acceptation + footer), nouvelle page if (y > 200) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.setTextColor(107, 107, 107); doc.text(\"CONDITIONS\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setTextColor(60, 60, 60); doc.setFontSize(8.5); const conditions = [ `Acompte de ${Math.round(CONFIG.acomptePct * 100)}% (${fmt(r.acompte)}) \u00e0 verser \u00e0 la confirmation. Le solde est d\u00fb le jour de la prestation ou \u00e0 30 jours.`, `Devis valable ${CONFIG.validiteJours} jours \u00e0 compter de la date d'\u00e9mission.`, `Annulation : > 60j gratuit \u00b7 30 \u00e0 60j : 30% retenus \u00b7 7 \u00e0 30j : 50% \u00b7 < 7j : 100%.`, `Repas et boissons \u00e0 charge du client si prestation > 4h sur place.`, `H\u00e9bergement \u00e0 charge du client si fin de prestation apr\u00e8s 23h et trajet retour > 80 km.`, `Pour la m\u00e9thode de calcul d\u00e9taill\u00e9e, voir l'annexe m\u00e9thodologique jointe.` ]; conditions.forEach(c => { const ll = doc.splitTextToSize(\"\u2022 \" + c, W - 2 * M); doc.text(ll, M, y); y += ll.length * 4 + 1; }); if (s.noteLibre) { y += 4; \/\/ Si la note risque d'aller trop loin, nouvelle page if (y > 230) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } doc.setFont(\"helvetica\", \"bold\"); doc.setTextColor(107, 107, 107); doc.text(\"NOTE\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setTextColor(60, 60, 60); const nl = doc.splitTextToSize(s.noteLibre, W - 2 * M); doc.text(nl, M, y); y += nl.length * 4; } \/\/ ---- ACCEPTATION ---- \/\/ Il faut au moins 50mm restants pour acceptation + footer (footer occupe ~22mm) const pageH = doc.internal.pageSize.getHeight(); if (y > pageH - 60) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } else { y += 8; } doc.setDrawColor(229, 227, 222); doc.line(M, y, W - M, y); y += 6; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(9); doc.setTextColor(10, 10, 10); doc.text(\"ACCEPTATION DU DEVIS\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(8.5); doc.setTextColor(60, 60, 60); doc.text(`\u00ab Bon pour accord \u00bb + date + signature${s.clientVat ? \" + cachet\" : \"\"} :`, M, y); y += 4; doc.setDrawColor(10, 10, 10); doc.rect(M, y, W - 2 * M, 22); \/\/ ---- FOOTER sur la derni\u00e8re page ---- drawFooter(doc, W, H, M); doc.save(`Devis_Homeband_${numDevis}_${(s.clientName || \"client\").replace(\/\\s+\/g, \"_\")}.pdf`);}function drawFooter(doc, W, H, M) { doc.setDrawColor(229, 227, 222); doc.line(M, H - 18, W - M, H - 18); doc.setFontSize(7.5); doc.setTextColor(140, 140, 140); doc.setFont(\"helvetica\", \"normal\"); doc.text(`${CONFIG.homeband.nom} \u00b7 ${CONFIG.homeband.adresse}, ${CONFIG.homeband.cp}`, M, H - 13); doc.text(`${CONFIG.homeband.email} \u00b7 ${CONFIG.homeband.tel}`, M, H - 9); doc.text(`IBAN : ${CONFIG.homeband.iban}`, W - M, H - 13, { align: \"right\" }); doc.text(`Entreprise : ${CONFIG.homeband.tva}`, W - M, H - 9, { align: \"right\" }); doc.setFontSize(7); doc.setTextColor(170, 170, 170); doc.text(CONFIG.homeband.mentionTva, W \/ 2, H - 4, { align: \"center\" });}\/\/ ========== PDF CONTRAT D'ENGAGEMENT ==========function generateContrat() { const r = compute(); const s = r.state; if (!s.clientName) { alert(\"Nom du client requis.\"); return; } if (!s.clientRepresentant) { alert(\"Repr\u00e9sentant l\u00e9gal du client requis pour le contrat.\"); return; } if (!s.eventDate) { alert(\"Date d'\u00e9v\u00e9nement requise.\"); return; } \/\/ Le contrat reprend le num\u00e9ro du devis affich\u00e9 (sans le consommer \u00e0 nouveau) const numContrat = (document.getElementById(\"devisNum\").value || \"\").replace(\/^D\/, \"C\") || \"C-\" + Date.now(); const { jsPDF } = window.jspdf; const doc = new jsPDF({ unit: \"mm\", format: \"a4\" }); const W = 210, H = 297, M = 18; \/\/ ---- HEADER NOIR ---- doc.setFillColor(10, 10, 10); doc.rect(0, 0, W, 38, \"F\"); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(20); doc.text(\"CONTRAT D'ENGAGEMENT\", M, 22); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9); doc.text(\"Prestation musicale \u2014 Homeband ASBL\", M, 29); doc.setFontSize(9); doc.setTextColor(180, 180, 180); doc.text(\"N\u00b0 DE CONTRAT\", W - M, 14, { align: \"right\" }); doc.text(\"DEVIS LI\u00c9\", W - M, 22, { align: \"right\" }); doc.text(\"DATE\", W - M, 30, { align: \"right\" }); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); doc.text(numContrat, W - M, 18, { align: \"right\" }); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.text(numContrat.replace(\/^C\/, \"D\"), W - M, 26, { align: \"right\" }); doc.text(new Date().toLocaleDateString(\"fr-BE\"), W - M, 34, { align: \"right\" }); \/\/ ---- ENTRE LES PARTIES ---- let y = 50; doc.setTextColor(107, 107, 107); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"ENTRE LES SOUSSIGN\u00c9S\", M, y); y += 8; \/\/ Partie 1 \u2014 Organisateur doc.setTextColor(140, 110, 40); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"D'UNE PART \u2014 L'ORGANISATEUR\", M, y); y += 6; doc.setTextColor(10, 10, 10); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); doc.text(s.clientName, M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60); doc.text(`Repr\u00e9sent\u00e9(e) par : ${s.clientRepresentant}`, M, y); y += 5; if (s.clientAddr) { doc.text(`Adresse : ${s.clientAddr}`, M, y); y += 5; } if (s.clientVat) { doc.text(`N\u00b0 TVA \/ entreprise : ${s.clientVat}`, M, y); y += 5; } if (s.clientEmail || s.clientPhone) { doc.text(`Contact : ${[s.clientEmail, s.clientPhone].filter(Boolean).join(\" \u00b7 \")}`, M, y); y += 5; } y += 5; \/\/ Partie 2 \u2014 Homeband doc.setTextColor(140, 110, 40); doc.setFontSize(8); doc.setFont(\"helvetica\", \"bold\"); doc.text(\"D'AUTRE PART \u2014 L'ARTISTE\", M, y); y += 6; doc.setTextColor(10, 10, 10); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); doc.text(\"Homeband ASBL\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60); doc.text(\"Repr\u00e9sent\u00e9e par : Nh\u00e2n Massart\", M, y); y += 5; doc.text(`Adresse : ${CONFIG.homeband.adresse}, ${CONFIG.homeband.cp}`, M, y); y += 5; doc.text(`N\u00b0 d'entreprise : ${CONFIG.homeband.tva}`, M, y); y += 5; doc.text(`Contact : ${CONFIG.homeband.email} \u00b7 ${CONFIG.homeband.tel}`, M, y); y += 5; \/\/ ---- PR\u00c9AMBULE ---- y += 6; doc.setDrawColor(229, 227, 222); doc.line(M, y, W - M, y); y += 8; doc.setTextColor(10, 10, 10); doc.setFont(\"helvetica\", \"italic\"); doc.setFontSize(9.5); const preambule = doc.splitTextToSize( `Il a \u00e9t\u00e9 convenu ce qui suit, en r\u00e9f\u00e9rence au devis n\u00b0 ${numContrat.replace(\/^C\/, \"D\")} \u00e9mis par Homeband ASBL et accept\u00e9 par l'Organisateur, lequel fait partie int\u00e9grante du pr\u00e9sent contrat.`, W - 2 * M ); doc.text(preambule, M, y); y += preambule.length * 5 + 4; \/\/ ---- ARTICLES ---- const articles = [ { titre: \"Article 1 \u2014 Objet du contrat\", contenu: `Homeband ASBL s'engage \u00e0 assurer la prestation musicale d\u00e9crite dans le devis n\u00b0 ${numContrat.replace(\/^C\/, \"D\")}, ci-annex\u00e9. Les caract\u00e9ristiques de la prestation (formule, dur\u00e9e, configuration technique, options, montant) y sont pr\u00e9cis\u00e9es et ne sont pas reprises dans le pr\u00e9sent contrat afin d'\u00e9viter toute redondance.` }, { titre: \"Article 2 \u2014 Modalit\u00e9s de pr\u00e9sence\", contenu: buildArt2(s) }, { titre: \"Article 3 \u2014 Obligations de l'Organisateur\", contenu: \"L'Organisateur s'engage \u00e0 :\\n\u2022 Mettre \u00e0 disposition un espace sc\u00e9nique adapt\u00e9 \u00e0 la formation pr\u00e9vue (dimensions minimales \u00e0 valider avec Homeband au moins 15 jours avant la prestation) ;\\n\u2022 Garantir l'acc\u00e8s au lieu pour le d\u00e9chargement du mat\u00e9riel et l'installation au moins une heure avant l'heure d'arriv\u00e9e pr\u00e9vue ;\\n\u2022 Fournir une alimentation \u00e9lectrique conforme et suffisante (minimum 16A monophas\u00e9 \u00e0 proximit\u00e9 de la sc\u00e8ne) ;\\n\u2022 Mettre \u00e0 disposition un espace privatif (loge ou local ferm\u00e9) pour l'\u00e9quipe artistique.\" }, { titre: \"Article 4 \u2014 Catering et accueil\", contenu: \"D\u00e8s l'arriv\u00e9e de l'\u00e9quipe sur place et pendant toute la dur\u00e9e de la prestation, l'Organisateur met \u00e0 disposition de l'eau plate en bouteille individuelle ainsi que des boissons non alcoolis\u00e9es pour chaque membre de l'\u00e9quipe artistique et technique.\\n\\nPour toute prestation dont la dur\u00e9e totale de pr\u00e9sence (installation, prestation, d\u00e9montage) exc\u00e8de quatre (4) heures, l'Organisateur prend en charge un repas chaud par membre de l'\u00e9quipe. Les r\u00e9gimes alimentaires particuliers sont \u00e0 communiquer par Homeband au moins 7 jours avant la prestation.\" }, { titre: \"Article 5 \u2014 H\u00e9bergement\", contenu: \"Si l'heure de fin effective de la prestation d\u00e9passe 23h00 et que le trajet retour depuis le lieu de prestation jusqu'au si\u00e8ge de Homeband (5190 Jemeppe-sur-Sambre) exc\u00e8de 80 km, l'Organisateur prend en charge l'h\u00e9bergement de l'\u00e9quipe pour la nuit suivant la prestation, dans des conditions standards (chambre individuelle ou twin selon souhait des artistes, petit-d\u00e9jeuner inclus).\" }, { titre: \"Article 6 \u2014 Droits d'auteur et droits voisins (Unisono)\", contenu: \"La d\u00e9claration et le paiement des droits d'auteur et droits voisins (g\u00e9r\u00e9s en Belgique par Unisono, regroupant la SABAM et la R\u00e9mun\u00e9ration \u00e9quitable) aupr\u00e8s de l'organisme de gestion collective comp\u00e9tent sont \u00e0 la charge exclusive de l'Organisateur.\\n\\nL'Organisateur s'engage \u00e0 effectuer les d\u00e9marches n\u00e9cessaires avant la prestation. \u00c0 sa demande, Homeband fournit la liste indicative des \u0153uvres interpr\u00e9t\u00e9es au plus tard 7 jours avant la prestation pour faciliter cette d\u00e9claration.\" }, { titre: \"Article 7 \u2014 Droits \u00e0 l'image, captation audio et vid\u00e9o\", contenu: \"L'Organisateur est autoris\u00e9 \u00e0 proc\u00e9der \u00e0 un enregistrement audio et\/ou vid\u00e9o de la prestation, en tout ou en partie, exclusivement \u00e0 des fins d'archives priv\u00e9es ou de promotion non commerciale de la manifestation.\\n\\nTout usage commercial, toute diffusion publique payante ou int\u00e9gration dans une production destin\u00e9e \u00e0 la vente n\u00e9cessite l'accord \u00e9crit pr\u00e9alable de Homeband et fera l'objet d'une convention distincte pr\u00e9cisant les conditions et la r\u00e9mun\u00e9ration.\\n\\nHomeband se r\u00e9serve le droit de r\u00e9aliser et d'utiliser des extraits photographiques, audio ou vid\u00e9o de la prestation \u00e0 des fins de communication propre (site internet, r\u00e9seaux sociaux, dossier de presse), sauf opposition \u00e9crite pr\u00e9alable de l'Organisateur.\" }, { titre: \"Article 8 \u2014 Assurances et responsabilit\u00e9s\", contenu: \"L'Organisateur souscrit et maintient les assurances couvrant les dommages mat\u00e9riels et vols pouvant survenir dans l'enceinte du lieu de prestation (sc\u00e8ne, loges, espaces techniques) avant, pendant et apr\u00e8s l'\u00e9v\u00e9nement. Il assume la responsabilit\u00e9 civile \u00e0 l'\u00e9gard du public et des participants.\\n\\nHomeband est assur\u00e9e pour son propre mat\u00e9riel et pour sa responsabilit\u00e9 civile professionnelle. Elle ne pourra \u00eatre tenue responsable des dommages survenus en dehors de son fait, notamment r\u00e9sultant d'un d\u00e9faut d'organisation, d'une carence d'installation ou du fait d'un tiers.\" }, { titre: \"Article 9 \u2014 Annulation et force majeure\", contenu: \"Les conditions d'annulation applicables sont celles pr\u00e9cis\u00e9es dans le devis : annulation \u00e0 plus de 60 jours sans frais ; entre 30 et 60 jours, 30 % du montant total restent dus ; entre 7 et 30 jours, 50 % ; \u00e0 moins de 7 jours, 100 % du montant.\\n\\nEn cas de force majeure d\u00fbment justifi\u00e9e (maladie ou deuil affectant un membre de l'\u00e9quipe, interdiction administrative, catastrophe naturelle), Homeband proposera prioritairement un report de la prestation sans frais. \u00c0 d\u00e9faut d'accord sur une nouvelle date dans un d\u00e9lai de 6 mois, les sommes vers\u00e9es seront rembours\u00e9es \u00e0 l'Organisateur.\" }, { titre: \"Article 10 \u2014 Modification du contrat\", contenu: \"Toute modification du pr\u00e9sent contrat ne sera valable que sous la forme d'un avenant \u00e9crit, sign\u00e9 par les deux parties. Les \u00e9changes par courrier \u00e9lectronique entre les signataires sont admis comme forme \u00e9crite valable.\" }, { titre: \"Article 11 \u2014 Droit applicable et juridiction\", contenu: \"Le pr\u00e9sent contrat est r\u00e9gi par le droit belge. Tout litige relatif \u00e0 son ex\u00e9cution ou \u00e0 son interpr\u00e9tation qui ne pourrait \u00eatre r\u00e9solu amiablement sera port\u00e9 devant les juridictions de l'arrondissement judiciaire de Namur, seules comp\u00e9tentes.\" } ]; \/\/ Render articles doc.setFontSize(10); articles.forEach(a => { \/\/ Saut de page si n\u00e9cessaire (article + au moins 3 lignes) if (y > 248) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(10.5); doc.setTextColor(10, 10, 10); doc.text(a.titre, M, y); y += 5.5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60); \/\/ Le contenu peut avoir plusieurs paragraphes s\u00e9par\u00e9s par \\n\\n const paragraphes = a.contenu.split(\"\\n\\n\"); paragraphes.forEach((para, idx) => { const lines = doc.splitTextToSize(para, W - 2 * M); \/\/ Check page break inside long article if (y + lines.length * 4.6 > H - 25) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } doc.text(lines, M, y); y += lines.length * 4.6; if (idx < paragraphes.length - 1) y += 2.5; }); y += 6; }); \/\/ ---- SIGNATURES ---- \/\/ Force page break for signatures if (y > H - 80) { drawFooter(doc, W, H, M); doc.addPage(); y = M + 5; } else y += 4; doc.setDrawColor(229, 227, 222); doc.line(M, y, W - M, y); y += 8; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(10); doc.setTextColor(10, 10, 10); doc.text(\"SIGNATURES\", M, y); y += 5; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(8.5); doc.setTextColor(80, 80, 80); doc.text(\"Fait en deux exemplaires originaux, dont un pour chaque partie.\", M, y); y += 4; doc.setFont(\"helvetica\", \"italic\"); doc.setFontSize(8); doc.text(\"Mention manuscrite \u00ab Lu et approuv\u00e9 \u00bb avant la signature.\", M, y); y += 8; \/\/ Deux cadres c\u00f4te \u00e0 c\u00f4te const colW = (W - 2 * M - 6) \/ 2; const x1 = M; const x2 = M + colW + 6; const cadreH = 42; \/\/ Cadre Organisateur doc.setDrawColor(10, 10, 10); doc.setLineWidth(0.3); doc.rect(x1, y, colW, cadreH); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(9); doc.setTextColor(10, 10, 10); doc.text(\"L'ORGANISATEUR\", x1 + 3, y + 5); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(8.5); doc.setTextColor(80, 80, 80); doc.text(s.clientRepresentant, x1 + 3, y + 10); doc.text(`pour ${s.clientName}`, x1 + 3, y + 14); doc.setFontSize(8); doc.setTextColor(150, 150, 150); doc.text(\"Lieu et date :\", x1 + 3, y + 22); doc.text(\"Signature :\", x1 + 3, y + 32); \/\/ Cadre Homeband doc.setDrawColor(10, 10, 10); doc.rect(x2, y, colW, cadreH); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(9); doc.setTextColor(10, 10, 10); doc.text(\"L'ARTISTE\", x2 + 3, y + 5); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(8.5); doc.setTextColor(80, 80, 80); doc.text(\"Nh\u00e2n Massart\", x2 + 3, y + 10); doc.text(\"pour Homeband ASBL\", x2 + 3, y + 14); doc.setFontSize(8); doc.setTextColor(150, 150, 150); doc.text(\"Lieu et date :\", x2 + 3, y + 22); doc.text(\"Signature :\", x2 + 3, y + 32); drawFooter(doc, W, H, M); \/\/ Page number sur toutes les pages const totalPages = doc.internal.getNumberOfPages(); for (let i = 1; i <= totalPages; i++) { doc.setPage(i); doc.setFontSize(7); doc.setTextColor(160, 160, 160); doc.setFont(\"helvetica\", \"normal\"); doc.text(`${i} \/ ${totalPages}`, W \/ 2, H - 4, { align: \"center\" }); } doc.save(`Contrat_Homeband_${numContrat}_${(s.clientName || \"client\").replace(\/\\s+\/g, \"_\")}.pdf`);}\/\/ Helper pour Article 2 (horaires)function buildArt2(s) { const eventDate = new Date(s.eventDate); const dStr = eventDate.toLocaleDateString(\"fr-BE\", { weekday: \"long\", day: \"numeric\", month: \"long\", year: \"numeric\" }); let txt = `La prestation se d\u00e9roule le ${dStr}`; if (s.eventPlace) txt += ` \u00e0 ${s.eventPlace}`; txt += \".\\n\\n\"; const horaires = []; if (s.eventArrivee) horaires.push(`Arriv\u00e9e de l'\u00e9quipe et soundcheck : ${s.eventArrivee}`); if (s.eventTime) horaires.push(`D\u00e9but de la prestation : ${s.eventTime}`); if (s.eventEnd) horaires.push(`Fin estim\u00e9e : ${s.eventEnd}`); if (horaires.length) txt += horaires.join(\" \u00b7 \") + \".\\n\\n\"; txt += \"Les horaires pr\u00e9cis\u00e9s ci-dessus sont indicatifs et pourront \u00eatre ajust\u00e9s d'un commun accord par \u00e9change \u00e9crit jusqu'\u00e0 7 jours avant la prestation.\"; return txt;}function generateAnnexe() { \/\/ ========== PDF ANNEXE M\u00c9THODOLOGIQUE ========== const { jsPDF } = window.jspdf; const doc = new jsPDF({ unit: \"mm\", format: \"a4\" }); const W = 210, H = 297; const M = 18; \/\/ ---- COUVERTURE ---- doc.setFillColor(10, 10, 10); doc.rect(0, 0, W, H, \"F\"); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(11); doc.text(\"HOMEBAND ASBL\", M, 30); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9); doc.setTextColor(180, 180, 180); doc.text(\"R\u00e9alisation de spectacles musicaux\", M, 36); doc.setTextColor(250, 250, 248); doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(32); doc.text(\"M\u00e9thode\", M, 130); doc.text(\"de tarification\", M, 144); doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(14); doc.setTextColor(201, 168, 90); doc.text(\"Comment nos devis sont construits\", M, 158); doc.setFontSize(9); doc.setTextColor(180, 180, 180); doc.text(\"Annexe au devis \u00b7 Document explicatif\", M, H - 22); doc.text(new Date().toLocaleDateString(\"fr-BE\", { year: \"numeric\", month: \"long\" }), M, H - 17); \/\/ ---- PAGE 2 : INTRO ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"Pourquoi cette annexe ?\"); let y = 50; doc.setTextColor(60, 60, 60); doc.setFontSize(10); doc.setFont(\"helvetica\", \"normal\"); const intro = [ \"Une prestation musicale ne se r\u00e9sume pas \u00e0 la dur\u00e9e du concert. Elle repr\u00e9sente des heures de r\u00e9p\u00e9tition, des ann\u00e9es de pratique, du mat\u00e9riel professionnel \u00e0 entretenir, des trajets, du temps d'installation et de d\u00e9montage, et la charge logistique d'une \u00e9quipe artistique.\", \"\", \"Pour vous offrir un prix juste et transparent, Homeband applique une grille tarifaire structur\u00e9e autour de plusieurs variables objectives. Aucun montant n'est arbitraire : chaque ligne du devis r\u00e9pond \u00e0 un param\u00e8tre clairement d\u00e9fini ci-apr\u00e8s.\", \"\", \"Ce document accompagne votre devis. Il vous permet de comprendre exactement comment votre tarif a \u00e9t\u00e9 calcul\u00e9, et de juger sereinement la valeur de la prestation propos\u00e9e.\" ]; intro.forEach(p => { if (p === \"\") { y += 3; return; } const lines = doc.splitTextToSize(p, W - 2 * M); doc.text(lines, M, y); y += lines.length * 5; }); \/\/ Formule de calcul y += 8; doc.setFillColor(245, 244, 240); doc.rect(M, y, W - 2 * M, 38, \"F\"); y += 8; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(10); doc.setTextColor(10, 10, 10); doc.text(\"Formule globale\", M + 6, y); y += 7; doc.setFont(\"courier\", \"normal\"); doc.setFontSize(9); doc.setTextColor(60, 60, 60); doc.text(\"Prestation = nb_musiciens \u00d7 tarif_unitaire \u00d7 dur\u00e9e \u00d7 coef_\u00e9v\u00e9nement\", M + 6, y); y += 5; doc.text(\" \u00d7 coef_jour \u00d7 (1 + last_minute)\", M + 6, y); y += 7; doc.text(\"Total = Prestation + d\u00e9placement + technique + options \u2212 remise\", M + 6, y); \/\/ ---- PAGE 3 : COMPOSITION + DUR\u00c9E ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"1. Composition musicale\"); y = 50; doc.setTextColor(60, 60, 60); doc.setFontSize(10); const t1 = doc.splitTextToSize(\"Le cachet par musicien est d\u00e9gressif avec le nombre de musiciens : \u00e0 plus grand effectif, les frais fixes (transport, installation, coordination) sont mutualis\u00e9s. Cela permet d'offrir des formules plus riches sans explosion budg\u00e9taire.\", W - 2 * M); doc.text(t1, M, y); y += t1.length * 5 + 4; doc.autoTable({ startY: y, head: [[\"Formule\", \"Musiciens\", \"Tarif par musicien\"]], body: [ [\"Solo\", \"1\", \"250 \u20ac\"], [\"Duo\", \"2\", \"180 \u20ac\"], [\"Trio\", \"3\", \"150 \u20ac\"], [\"Quatuor\", \"4\", \"130 \u20ac\"], [\"Full Band\", \"5 et +\", \"120 \u20ac\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 2: { halign: \"right\" } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 14; \/\/ Dur\u00e9e doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"2. Dur\u00e9e de prestation\", M, y); y += 7; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t2 = doc.splitTextToSize(\"La dur\u00e9e s'applique comme un multiplicateur sur le cachet de base. Un set seul ne n\u00e9cessite pas la m\u00eame pr\u00e9paration logistique qu'une soir\u00e9e compl\u00e8te.\", W - 2 * M); doc.text(t2, M, y); y += t2.length * 5 + 3; doc.autoTable({ startY: y, head: [[\"Dur\u00e9e\", \"Multiplicateur\"]], body: [ [\"1 set (45 min)\", \"\u00d7 1,0\"], [\"2 sets (2 \u00d7 45 min)\", \"\u00d7 1,5\"], [\"Soir\u00e9e compl\u00e8te (jusqu'\u00e0 4h)\", \"\u00d7 2,0\"], [\"Heure suppl\u00e9mentaire au-del\u00e0\", \"+ 20 % par heure\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 1: { halign: \"right\" } }, margin: { left: M, right: M } }); \/\/ ---- PAGE 4 : TYPE D'\u00c9V\u00c9NEMENT + DATE ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"3. Type d'\u00e9v\u00e9nement\"); y = 50; doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t3 = doc.splitTextToSize(\"Le contexte de la prestation influe sur les exigences, la responsabilit\u00e9 engag\u00e9e et le cadre l\u00e9gal. Un \u00e9v\u00e9nement corporate ou institutionnel implique un niveau de service, de ponctualit\u00e9, d'assurance et de facturation diff\u00e9rent d'une f\u00eate priv\u00e9e.\", W - 2 * M); doc.text(t3, M, y); y += t3.length * 5 + 4; doc.autoTable({ startY: y, head: [[\"Contexte\", \"Coefficient\"]], body: [ [\"Particulier (mariage, anniversaire)\", \"\u00d7 1,0\"], [\"ASBL \/ Associatif\", \"\u00d7 1,0\"], [\"C\u00e9r\u00e9monie (vin d'honneur seul)\", \"\u00d7 1,0\"], [\"Festival \/ Concert public\", \"\u00d7 1,1\"], [\"Institutionnel (commune, universit\u00e9, minist\u00e8re)\", \"\u00d7 1,4\"], [\"Entreprise \/ Corporate\", \"\u00d7 1,7\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 1: { halign: \"right\" } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 14; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"4. Date de l'\u00e9v\u00e9nement\", M, y); y += 7; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t4 = doc.splitTextToSize(\"La raret\u00e9 des cr\u00e9neaux et la demande modulent le tarif. Le week-end, les jours f\u00e9ri\u00e9s et les soirs de r\u00e9veillon sont les p\u00e9riodes les plus sollicit\u00e9es.\", W - 2 * M); doc.text(t4, M, y); y += t4.length * 5 + 3; doc.autoTable({ startY: y, head: [[\"Jour \/ p\u00e9riode\", \"Coefficient\"]], body: [ [\"Lundi \u00e0 jeudi\", \"\u00d7 0,9\"], [\"Vendredi\", \"\u00d7 1,0\"], [\"Samedi\", \"\u00d7 1,1\"], [\"Dimanche\", \"\u00d7 1,05\"], [\"Jour f\u00e9ri\u00e9\", \"\u00d7 1,3\"], [\"R\u00e9veillon (24 ou 31 d\u00e9c.)\", \"\u00d7 1,5\"], [\"R\u00e9servation \u00e0 moins de 30 jours\", \"+ 10 %\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 1: { halign: \"right\" } }, margin: { left: M, right: M } }); \/\/ ---- PAGE 5 : D\u00c9PLACEMENT + TECHNIQUE ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"5. D\u00e9placement\"); y = 50; doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t5 = doc.splitTextToSize(\"Le d\u00e9placement est factur\u00e9 au kilom\u00e8tre parcouru, \u00e0 un tarif unique. La distance facturable inclut le trajet aller-retour et tient compte du nombre de v\u00e9hicules n\u00e9cessaires au transport des musiciens et du mat\u00e9riel.\", W - 2 * M); doc.text(t5, M, y); y += t5.length * 5 + 4; doc.autoTable({ startY: y, head: [[\"\u00c9l\u00e9ment\", \"Tarification\"]], body: [ [\"Tarif au km\", \"0,45 \u20ac par kilom\u00e8tre parcouru\"], [\"Trajet pris en compte\", \"Aller-retour depuis Jemeppe-sur-Sambre (5190) jusqu'au lieu de prestation\"], [\"V\u00e9hicules\", \"1 v\u00e9hicule jusqu'\u00e0 3 musiciens \u00b7 2 v\u00e9hicules \u00e0 partir de 4 (mat\u00e9riel additionnel)\"], [\"H\u00e9bergement\", \"\u00c0 charge du client si fin de prestation apr\u00e8s 23h et trajet retour > 80 km\"], [\"Hors Belgique\", \"Conditions sp\u00e9cifiques sur demande\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\", cellWidth: 50 } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 6; doc.setFontSize(9); doc.setTextColor(120, 120, 120); const noteDist = doc.splitTextToSize(\"La distance facturable est \u00e9valu\u00e9e par Homeband selon le trajet r\u00e9el et appara\u00eet clairement sur le devis.\", W - 2 * M); doc.text(noteDist, M, y); y += noteDist.length * 5; y += 8; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"6. Pack technique\", M, y); y += 7; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t6 = doc.splitTextToSize(\"Le mat\u00e9riel professionnel (enceintes QSC, table de mixage, micros, c\u00e2blage, \u00e9clairage) est dimensionn\u00e9 selon la jauge de votre public et le lieu. Vous pouvez aussi fournir votre propre mat\u00e9riel ; dans ce cas, aucun co\u00fbt technique n'est factur\u00e9.\", W - 2 * M); doc.text(t6, M, y); y += t6.length * 5 + 3; doc.autoTable({ startY: y, head: [[\"Pack\", \"Couverture\", \"Prix\"]], body: [ [\"Pack S\", \"Jusqu'\u00e0 50 personnes \u2014 2\u00d7 QSC K10\", \"150 \u20ac\"], [\"Pack M\", \"50 \u00e0 150 personnes \u2014 2\u00d7 K12 + subwoofer\", \"280 \u20ac\"], [\"Pack L\", \"150 \u00e0 300 personnes \u2014 line array + 2 subs\", \"450 \u20ac\"], [\"Pack XL\", \"300+ personnes ou plein air\", \"\u00e0 partir de 750 \u20ac\"], [\"\u00c9clairage basique\", \"Quelques projecteurs sur la sc\u00e8ne\", \"+ 80 \u20ac\"], [\"\u00c9clairage sc\u00e9nographique\", \"Mise en lumi\u00e8re compl\u00e8te\", \"+ 200 \u20ac\"], [\"Technicien son d\u00e9di\u00e9\", \"R\u00e9gie son sur toute la dur\u00e9e\", \"+ 250 \u20ac\"] ], theme: \"plain\", styles: { fontSize: 9.5, cellPadding: 3.5, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\" }, 2: { halign: \"right\" } }, margin: { left: M, right: M } }); \/\/ ---- PAGE 6 : OPTIONS + CONDITIONS ---- doc.addPage(); drawAnnexHeader(doc, W, M, \"7. Options \u00e0 la carte\"); y = 50; doc.setFontSize(10); doc.setTextColor(60, 60, 60); const t7 = doc.splitTextToSize(\"Ces options sont disponibles \u00e0 la demande, en compl\u00e9ment de la prestation principale.\", W - 2 * M); doc.text(t7, M, y); y += t7.length * 5 + 3; doc.autoTable({ startY: y, head: [[\"Option\", \"Description\", \"Prix\"]], body: [ [\"DJ post-concert\", \"Mix d'animation entre\/apr\u00e8s les sets live\", \"180 \u20ac\"], [\"Chanson surprise\", \"Apprentissage et ex\u00e9cution d'un morceau choisi (mariage, hommage)\", \"120 \u20ac\"], [\"Morceau personnalis\u00e9\", \"Pr\u00e9paration d'un titre sur demande\", \"90 \u20ac\"], [\"Animation micro \/ MC\", \"Pr\u00e9sentation, animation, transitions\", \"100 \u20ac\"], [\"Backline complet\", \"Batterie acoustique + amplis fournis\", \"150 \u20ac\"], [\"Captation vid\u00e9o simple\", \"1 cam\u00e9ra fixe + montage court\", \"350 \u20ac\"], [\"Micro HF suppl\u00e9mentaire\", \"Au-del\u00e0 des 2 micros HF fournis par d\u00e9faut\", \"25 \u20ac \/ unit\u00e9\"] ], theme: \"plain\", styles: { fontSize: 9, cellPadding: 3, lineColor: [229, 227, 222], lineWidth: 0.1 }, headStyles: { fillColor: [10, 10, 10], textColor: [250, 250, 248], fontStyle: \"bold\" }, columnStyles: { 0: { fontStyle: \"bold\", cellWidth: 45 }, 2: { halign: \"right\", cellWidth: 30 } }, margin: { left: M, right: M } }); y = doc.lastAutoTable.finalY + 14; doc.setFont(\"helvetica\", \"bold\"); doc.setFontSize(14); doc.setTextColor(10, 10, 10); doc.text(\"8. Conditions g\u00e9n\u00e9rales\", M, y); y += 7; doc.setFont(\"helvetica\", \"normal\"); doc.setFontSize(9.5); doc.setTextColor(60, 60, 60); const cgs = [ \"Acompte : 30 % du montant total \u00e0 verser \u00e0 la confirmation de la r\u00e9servation.\", \"Solde : d\u00fb le jour de la prestation ou \u00e0 30 jours sur facture.\", \"Validit\u00e9 du devis : 30 jours \u00e0 compter de son \u00e9mission.\", \"Annulation : > 60 jours avant l'\u00e9v\u00e9nement = gratuit ; 30 \u00e0 60 jours = 30 % retenus ; 7 \u00e0 30 jours = 50 % ; moins de 7 jours = 100 %.\", \"Repas et boissons \u00e0 charge du client si prestation > 4 h sur place.\", \"H\u00e9bergement \u00e0 charge du client si fin de prestation apr\u00e8s 23 h et trajet retour > 80 km.\", \"TVA : Homeband ASBL est soumise au r\u00e9gime de la franchise de la taxe (art. 56 \u00a72 CTVA). La TVA n'est donc pas applicable.\", \"Force majeure : en cas d'\u00e9v\u00e9nement emp\u00eachant la prestation (maladie grave, deuil, interdiction administrative), Homeband proposera un report sans frais.\" ]; cgs.forEach(c => { const ll = doc.splitTextToSize(\"\u2022 \" + c, W - 2 * M); doc.text(ll, M, y); y += ll.length * 4.5 + 1; }); \/\/ ---- FOOTER toutes pages ---- const totalPages = doc.internal.getNumberOfPages(); for (let i = 1; i <= totalPages; i++) { doc.setPage(i); if (i === 1) continue; \/\/ pas de footer sur la couverture doc.setFontSize(7.5); doc.setTextColor(160, 160, 160); doc.setFont(\"helvetica\", \"normal\"); doc.text(`Homeband ASBL \u2014 Annexe m\u00e9thodologique`, M, H - 8); doc.text(`${i} \/ ${totalPages}`, W - M, H - 8, { align: \"right\" }); } doc.save(`Homeband_Methode_de_tarification.pdf`);}function drawAnnexHeader(doc, W, M, titre) { doc.setFillColor(250, 250, 248); doc.rect(0, 0, W, 30, \"F\"); doc.setFontSize(8); doc.setTextColor(140, 140, 140); doc.setFont(\"helvetica\", \"normal\"); doc.text(\"HOMEBAND \u00b7 ANNEXE M\u00c9THODOLOGIQUE\", M, 14); doc.setFontSize(18); doc.setFont(\"helvetica\", \"bold\"); doc.setTextColor(10, 10, 10); doc.text(titre, M, 24); doc.setDrawColor(10, 10, 10); doc.setLineWidth(0.4); doc.line(M, 32, W - M, 32);}\/\/ ========== INIT ==========function resetForm() { if (!confirm(\"Vider tous les champs ?\")) return; document.querySelectorAll(\"input, select, textarea\").forEach(el => { if (el.type === \"checkbox\") el.checked = false; else if (el.id === \"devisNum\") {} \/\/ skip else if (el.type === \"number\") el.value = el.defaultValue || 0; else el.value = el.defaultValue || \"\"; }); document.getElementById(\"formule\").value = \"trio\"; document.getElementById(\"duree\").value = \"set2\"; document.getElementById(\"packSono\").value = \"M\"; refreshDevisNum(); renderRecap();}\/\/ Liaison livedocument.addEventListener(\"input\", renderRecap);document.addEventListener(\"change\", renderRecap);\/\/ Check visuelsdocument.querySelectorAll(\".check input\").forEach(cb => { cb.addEventListener(\"change\", () => { cb.closest(\".check\").classList.toggle(\"active\", cb.checked); });});refreshDevisNum();renderRecap();<\/script><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-578","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Calculateur de prix - Association des \u00c9conomistes de Louvain<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculateur de prix - Association des \u00c9conomistes de Louvain\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\" \/>\n<meta property=\"og:site_name\" content=\"Association des \u00c9conomistes de Louvain\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-14T11:56:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\",\"url\":\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\",\"name\":\"Calculateur de prix - Association des \u00c9conomistes de Louvain\",\"isPartOf\":{\"@id\":\"https:\/\/adelouvain.be\/#website\"},\"datePublished\":\"2026-05-14T08:47:39+00:00\",\"dateModified\":\"2026-05-14T11:56:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/adelouvain.be\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculateur de prix\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/adelouvain.be\/#website\",\"url\":\"https:\/\/adelouvain.be\/\",\"name\":\"Association des \u00c9conomistes de Louvain\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/adelouvain.be\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Calculateur de prix - Association des \u00c9conomistes de Louvain","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:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","og_locale":"en_US","og_type":"article","og_title":"Calculateur de prix - Association des \u00c9conomistes de Louvain","og_url":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","og_site_name":"Association des \u00c9conomistes de Louvain","article_modified_time":"2026-05-14T11:56:27+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","url":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/","name":"Calculateur de prix - Association des \u00c9conomistes de Louvain","isPartOf":{"@id":"https:\/\/adelouvain.be\/#website"},"datePublished":"2026-05-14T08:47:39+00:00","dateModified":"2026-05-14T11:56:27+00:00","breadcrumb":{"@id":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adelouvain.be\/index.php\/calculateur-de-prix\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/adelouvain.be\/"},{"@type":"ListItem","position":2,"name":"Calculateur de prix"}]},{"@type":"WebSite","@id":"https:\/\/adelouvain.be\/#website","url":"https:\/\/adelouvain.be\/","name":"Association des \u00c9conomistes de Louvain","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adelouvain.be\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"ticketed":false,"_links":{"self":[{"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/pages\/578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/comments?post=578"}],"version-history":[{"count":5,"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/pages\/578\/revisions"}],"predecessor-version":[{"id":584,"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/pages\/578\/revisions\/584"}],"wp:attachment":[{"href":"https:\/\/adelouvain.be\/index.php\/wp-json\/wp\/v2\/media?parent=578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}