{"id":24896,"date":"2025-10-06T12:39:48","date_gmt":"2025-10-06T10:39:48","guid":{"rendered":"https:\/\/verdnatura.info\/?page_id=24896"},"modified":"2025-10-07T07:34:23","modified_gmt":"2025-10-07T05:34:23","slug":"forist-pricing-calculator","status":"publish","type":"page","link":"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/","title":{"rendered":"Pricing + VAT Calculator for Florists"},"content":{"rendered":"

Calculateur en ligne de prix et de TVA pour fleuristes Gratuit<\/h1>\n<\/div>

Cet outil vous permet de calculer rapidement et facilement le prix final de vos compositions florales, en appliquant votre marge et la TVA. En outre, vous pouvez obtenir un aper\u00e7u en temps r\u00e9el, g\u00e9n\u00e9rer une facture professionnelle au format PDF en un seul clic et l’envoyer directement \u00e0 l’impression. Tout est con\u00e7u pour vous faciliter le travail et vous permettre de vous concentrer sur l’essentiel.<\/p>\n<\/div>

  • <\/i><\/span>
    \n

    Gratuit<\/p>\n<\/div><\/li><\/ul><\/div><\/div>

    • <\/i><\/span>
      \n

      Pas d’enregistrement<\/p>\n<\/div><\/li><\/ul><\/div><\/div>

      • <\/i><\/span>
        \n

        100% priv\u00e9<\/p>\n<\/div><\/li><\/ul><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

        \n\n\n \n \n Calculatrice Premium pour Fleuristes<\/title>\n <!-- Tailwind CSS from jsDelivr -->\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <!-- Font Awesome for icons -->\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fortawesome\/fontawesome-free@6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <!-- Google Fonts -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <!-- jsPDF library for PDF generation -->\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.30\/jspdf.plugin.autotable.min.js\"><\/script>\n\n <style>\n :root {\n --primary: #8cc63f;\n --primary-dark: #7baa37;\n --accent: #b5e087;\n --bg: #f8f9fa;\n --card-bg: #ffffff;\n --text: #333333;\n --radius: 10px;\n --shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n --btn-bg: #8cc63f;\n --btn-hover: #7baa37;\n }\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Poppins', sans-serif; }\n body { background: var(--bg); color: var(--text); padding: 0px; }\n\n\n .logo {\n font-size: 24px;\n font-weight: 700;\n color: var(--primary-dark);\n }\n\n .logo span {\n color: var(--primary);\n }\n\n .container {\n width: 100%;\n max-width: none;\n margin: 0;\n }\n\n .card {\n background: var(--card-bg);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 24px;\n margin-bottom: 20px;\n border: 1px solid #eaeaea;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .card:hover {\n box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);\n }\n\n .card h2 {\n color: var(--primary);\n font-size: 1.25rem;\n font-weight: 600;\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n }\n\n .card h2 i {\n margin-right: 10px;\n }\n\n .form-group {\n margin-bottom: 16px;\n }\n\n label {\n display: block;\n margin-bottom: 6px;\n font-weight: 500;\n font-size: 0.95rem;\n color: #555;\n }\n\n input[type=\"text\"],\n input[type=\"number\"],\n input[type=\"date\"],\n input[type=\"file\"],\n select {\n width: 100%;\n padding: 10px 12px;\n border: 1px solid #e2e8f0;\n border-radius: var(--radius);\n font-size: 0.95rem;\n transition: border-color 0.3s;\n background-color: #f9fafb;\n }\n\n input[type=\"text\"]:focus,\n input[type=\"number\"]:focus,\n input[type=\"date\"]:focus,\n input[type=\"file\"]:focus,\n select:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(140, 198, 63, 0.2);\n }\n\n button {\n background: var(--btn-bg);\n color: white;\n border: none;\n padding: 10px 16px;\n border-radius: var(--radius);\n cursor: pointer;\n transition: background 0.2s ease;\n font-weight: 500;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n button:hover {\n background: var(--btn-hover);\n }\n\n button i {\n margin-right: 8px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin-top: 10px;\n }\n\n th, td {\n padding: 12px 10px;\n border-bottom: 1px solid #eee;\n text-align: left;\n font-size: 0.9rem;\n }\n\n th {\n background: #f8fafc;\n font-weight: 600;\n color: #555;\n }\n\n tr:hover {\n background-color: #f9fafb;\n }\n\n .color-box {\n display: inline-block;\n width: 16px;\n height: 16px;\n margin-right: 8px;\n vertical-align: middle;\n border: 1px solid #ccc;\n border-radius: 3px;\n }\n\n #noItemsMessage {\n color: #94a3b8;\n text-align: center;\n margin: 30px 0;\n font-size: 0.95rem;\n }\n\n .grid {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 20px;\n }\n\n .col-span-3 {\n grid-column: span 3;\n }\n\n .col-span-6 {\n grid-column: span 6;\n }\n\n .col-span-12 {\n grid-column: span 12;\n }\n\n .markup-group {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-top: 20px;\n background-color: #f9fafb;\n padding: 12px;\n border-radius: var(--radius);\n border: 1px dashed #e2e8f0;\n }\n\n .markup-group select,\n .markup-group input {\n margin-bottom: 0;\n }\n\n @media (max-width: 1024px) {\n .grid {\n grid-template-columns: repeat(6, 1fr);\n }\n .col-span-3, .col-span-6 {\n grid-column: span 6;\n }\n }\n\n @media (max-width: 768px) {\n .grid {\n grid-template-columns: 1fr;\n }\n .col-span-3, .col-span-6, .col-span-12 {\n grid-column: span 1;\n }\n }\n\n tfoot tr td {\n font-weight: 500;\n }\n\n .text-right {\n text-align: right;\n }\n\n .btn-add {\n width: 100%;\n margin-top: 6px;\n }\n\n <\/style>\n<\/head>\n\n<body>\n\n <div class=\"grid\">\n <!-- Colonne de Gauche -->\n <div class=\"col-span-3\">\n <div class=\"card\">\n <h2><i class=\"fas fa-leaf\"><\/i> Ajouter des Fleurs<\/h2>\n <div class=\"form-group\">\n <label for=\"flowerNameInput\">Nom de la fleur :<\/label>\n <input type=\"text\" id=\"flowerNameInput\" placeholder=\"Entrez le nom de la fleur\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"flowerColorSelect\">Couleur :<\/label>\n <select id=\"flowerColorSelect\">\n <option value=\"Jaune\">Jaune<\/option>\n <option value=\"Orange\">Orange<\/option>\n <option value=\"Bleu\">Bleu<\/option>\n <option value=\"Blanc\">Blanc<\/option>\n <option value=\"Marron\">Marron<\/option>\n <option value=\"Fuchsia\">Fuchsia<\/option>\n <option value=\"Gris\">Gris<\/option>\n <option value=\"Lavande\">Lavande<\/option>\n <option value=\"Bordeaux\">Bordeaux<\/option>\n <option value=\"Noir\">Noir<\/option>\n <option value=\"Mix\">Mix<\/option>\n <option value=\"Violet\">Violet<\/option>\n <option value=\"Rouge\">Rouge<\/option>\n <option value=\"Rose\">Rose<\/option>\n <option value=\"Saumon\">Saumon<\/option>\n <option value=\"Vert\">Vert<\/option>\n <option value=\"VertClair\">Vert Clair<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"priceInput\">Prix par unit\u00e9 (<span class=\"currencySymbolDisplay\">\u20ac<\/span>) :<\/label>\n <input type=\"number\" id=\"priceInput\" min=\"0\" step=\"0.01\" placeholder=\"0,00\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"quantityInput\">Quantit\u00e9 :<\/label>\n <input type=\"number\" id=\"quantityInput\" min=\"1\" step=\"1\" value=\"1\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"vatInput\">TVA (%) :<\/label>\n <input type=\"number\" id=\"vatInput\" min=\"0\" step=\"0.01\" placeholder=\"ex : 20 pour 20%\" value=\"0\"\/>\n <\/div>\n <button class=\"btn-add\" id=\"addItemBtn\"><i class=\"fas fa-plus\"><\/i> Ajouter \u00e0 la liste<\/button>\n <\/div>\n <\/div>\n\n <!-- Colonne Centrale -->\n <div class=\"col-span-6\">\n <div class=\"card\">\n <h2><i class=\"fas fa-clipboard-list\"><\/i> Liste des Fleurs S\u00e9lectionn\u00e9es<\/h2>\n <table id=\"itemsTableElement\" style=\"display:none;\">\n <thead>\n <tr>\n <th>Fleur<\/th>\n <th>Couleur<\/th>\n <th>TVA (%)<\/th>\n <th>Prix<\/th>\n <th>Quantit\u00e9<\/th>\n <th>Sous-total<\/th>\n <th>Actions<\/th>\n <\/tr>\n <\/thead>\n <tbody><\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"5\" class=\"text-right\">Sous-total HT :<\/td>\n <td id=\"totalWithoutVatDisplay\">\u20ac0,00<\/td>\n <td><\/td>\n <\/tr>\n <tr>\n <td colspan=\"5\" class=\"text-right\">Total TVA :<\/td>\n <td id=\"totalVatDisplay\">\u20ac0,00<\/td>\n <td><\/td>\n <\/tr>\n <tr>\n <td colspan=\"5\" class=\"text-right\">Base avec TVA :<\/td>\n <td id=\"totalWithVatDisplay\">\u20ac0,00<\/td>\n <td><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n <p id=\"noItemsMessage\">Vous n'avez pas encore ajout\u00e9 de fleurs.<\/p>\n <\/div>\n\n <div class=\"card\">\n <h2><i class=\"fas fa-dollar-sign\"><\/i> Param\u00e8tres de Devise<\/h2>\n <div class=\"form-group\">\n <label for=\"currencySelect\">S\u00e9lectionner la devise :<\/label>\n <select id=\"currencySelect\">\n <option value=\"EUR\" data-symbol=\"\u20ac\">EUR (\u20ac)<\/option>\n <option value=\"USD\" data-symbol=\"$\">USD ($)<\/option>\n <option value=\"GBP\" data-symbol=\"\u00a3\">GBP (\u00a3)<\/option>\n <option value=\"CAD\" data-symbol=\"CA$\">CAD (CA$)<\/option>\n <option value=\"AUD\" data-symbol=\"A$\">AUD (A$)<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"markup-group\">\n <select id=\"markupTypeSelect\" class=\"w-1\/2\">\n <option value=\"100\">Marge (+100%)<\/option>\n <option value=\"300\">3x (+300%)<\/option>\n <option value=\"350\">Marge Florale (+350%)<\/option>\n <option value=\"2.5\">Production (+2,5%)<\/option>\n <option value=\"150\">Multiplicateur 2.5x (+150%)<\/option>\n <option value=\"custom\">Marge Personnalis\u00e9e (%)<\/option>\n <\/select>\n <input type=\"number\"\n id=\"customMarkupInput\"\n min=\"0\"\n step=\"0.01\"\n placeholder=\"0,00\"\n style=\"display:none; width:120px;\" \/>\n <button id=\"generatePdfBtn\">\n <i class=\"fas fa-eye\"><\/i> Voir la Facture\n <\/button>\n <span id=\"finalPricePreview\" class=\"ml-4 font-semibold\">\u20ac0,00<\/span>\n <\/div>\n <\/div>\n\n <!-- Colonne de Droite -->\n <div class=\"col-span-3\">\n <div class=\"card\">\n <h2><i class=\"fas fa-user\"><\/i> D\u00e9tails du Client<\/h2>\n <div class=\"form-group\">\n <label for=\"invoiceNumberInput\">Num\u00e9ro de facture :<\/label>\n <input type=\"text\" id=\"invoiceNumberInput\" placeholder=\"0001\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"invoiceDateInput\">Date :<\/label>\n <input type=\"date\" id=\"invoiceDateInput\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"clientNameInput\">Nom du Client :<\/label>\n <input type=\"text\" id=\"clientNameInput\" placeholder=\"Nom\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"clientAddressInput\">Adresse du Client :<\/label>\n <input type=\"text\" id=\"clientAddressInput\" placeholder=\"ex : 123 rue Exemple, 75001 Paris\" \/>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <h2><i class=\"fas fa-tag\"><\/i> Marque<\/h2>\n <div class=\"form-group\">\n <label for=\"logoFileInput\">Logo du Fleuriste :<\/label>\n <input type=\"file\" id=\"logoFileInput\" accept=\"image\/*\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"companyNameInput\">Nom de l'entreprise :<\/label>\n <input type=\"text\" id=\"companyNameInput\" placeholder=\"Votre Fleuriste SARL\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"companyPhoneInput\">T\u00e9l\u00e9phone de contact :<\/label>\n <input type=\"text\" id=\"companyPhoneInput\" placeholder=\"+33 1 23 45 67 89\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"companyTaxIdInput\">N\u00b0 TVA \/ SIRET :<\/label>\n <input type=\"text\" id=\"companyTaxIdInput\" placeholder=\"ex : FR123456789, 123 456 789\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"companyAddressInput\">Adresse :<\/label>\n <input type=\"text\" id=\"companyAddressInput\" placeholder=\"ex : 456 Av. des Fleurs, 75002 Paris\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"companyEmailInput\">Email :<\/label>\n <input type=\"text\" id=\"companyEmailInput\" placeholder=\"info@votrefleuriste.fr\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Configuration jsPDF\n const { jsPDF } = window.jspdf;\n let logoDataUrl = null;\n\n \/\/ \u00c9l\u00e9ments du DOM\n const logoFileInput = document.getElementById('logoFileInput');\n logoFileInput.addEventListener('change', e => {\n const file = e.target.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = () => { logoDataUrl = reader.result; };\n reader.readAsDataURL(file);\n }\n });\n\n const companyNameInput = document.getElementById('companyNameInput');\n const companyPhoneInput = document.getElementById('companyPhoneInput');\n const companyTaxIdInput = document.getElementById('companyTaxIdInput');\n const companyAddressInput = document.getElementById('companyAddressInput');\n const companyEmailInput = document.getElementById('companyEmailInput');\n\n const invoiceNumberInput = document.getElementById('invoiceNumberInput');\n const invoiceDateInput = document.getElementById('invoiceDateInput');\n const clientNameInput = document.getElementById('clientNameInput');\n const clientAddressInput = document.getElementById('clientAddressInput');\n\n \/\/ D\u00e9finir la date de facture par d\u00e9faut \u00e0 aujourd'hui\n const today = new Date();\n const formattedDate = today.toISOString().substring(0, 10);\n invoiceDateInput.value = formattedDate;\n\n const colorHexMap = {\n \"Jaune\": \"#f1c40f\", \"Orange\": \"#e67e22\", \"Rouge\": \"#e74c3c\",\n \"Rose\": \"#fd79a8\", \"Bleu\": \"#3498db\", \"Vert\": \"#2ecc71\",\n \"Violet\": \"#9b59b6\", \"Blanc\": \"#ecf0f1\", \"Noir\": \"#2d3436\",\n \"Marron\": \"#6d4c41\", \"Lavande\": \"#b39ddb\", \"Bordeaux\": \"#8d6e63\", \/\/ Maroon -> Bordeaux\n \"Mix\": \"#95a5a6\", \"Fuchsia\": \"#d63031\", \"Gris\": \"#7f8c8d\",\n \"Saumon\": \"#fa8072\", \"VertClair\": \"#a8e063\"\n };\n\n const items = []; \/\/ Tableau pour stocker les articles de fleurs ajout\u00e9s\n const flowerNameInputEl = document.getElementById('flowerNameInput');\n const flowerColorSelectEl = document.getElementById('flowerColorSelect');\n const priceInputEl = document.getElementById('priceInput');\n const quantityInputEl = document.getElementById('quantityInput');\n const vatInputEl = document.getElementById('vatInput');\n const addItemBtnEl = document.getElementById('addItemBtn');\n\n const itemsTableEl = document.getElementById('itemsTableElement');\n const tableBodyEl = itemsTableEl.querySelector('tbody');\n const totalWithoutVatDisplayEl = document.getElementById('totalWithoutVatDisplay');\n const totalVatDisplayEl = document.getElementById('totalVatDisplay');\n const totalWithVatDisplayEl = document.getElementById('totalWithVatDisplay');\n const noItemsMessageEl = document.getElementById('noItemsMessage');\n\n const markupTypeSelectEl = document.getElementById('markupTypeSelect');\n const customMarkupInputEl = document.getElementById('customMarkupInput');\n const generatePdfBtnEl = document.getElementById('generatePdfBtn');\n const finalPricePreviewEl = document.getElementById('finalPricePreview');\n \n const currencySelectEl = document.getElementById('currencySelect');\n const currencySymbolDisplayElements = document.querySelectorAll('.currencySymbolDisplay');\n\n function getSelectedCurrencySymbol() {\n const selectedOption = currencySelectEl.options[currencySelectEl.selectedIndex];\n return selectedOption.dataset.symbol || currencySelectEl.value;\n }\n\n function formatNumberForDisplay(number) {\n return number.toFixed(2).replace('.', ',');\n }\n\n function updateCurrencyDisplays() {\n const symbol = getSelectedCurrencySymbol();\n currencySymbolDisplayElements.forEach(el => el.textContent = symbol);\n renderItems(); \n updateFinalPricePreview(); \n }\n currencySelectEl.addEventListener('change', updateCurrencyDisplays);\n\n\n function updateFinalPricePreview() {\n let markupPercent = parseFloat(markupTypeSelectEl.value.replace(',', '.')); \/\/ Handle potential comma decimal\n if (markupTypeSelectEl.value === 'custom') {\n markupPercent = parseFloat(customMarkupInputEl.value.replace(',', '.')) || 0;\n }\n \n let previewTotal = 0;\n items.forEach(item => {\n const unitPriceWithMarkup = item.price * (1 + markupPercent \/ 100);\n const unitPriceWithMarkupAndVat = unitPriceWithMarkup * (1 + item.vat \/ 100);\n previewTotal += unitPriceWithMarkupAndVat * item.quantity;\n });\n const currencySymbol = getSelectedCurrencySymbol();\n finalPricePreviewEl.textContent = `${currencySymbol}${formatNumberForDisplay(previewTotal)}`;\n }\n\n markupTypeSelectEl.addEventListener('change', updateFinalPricePreview);\n customMarkupInputEl.addEventListener('input', updateFinalPricePreview);\n\n function renderItems() {\n tableBodyEl.innerHTML = '';\n const currencySymbol = getSelectedCurrencySymbol();\n\n if (!items.length) {\n itemsTableEl.style.display = 'none';\n noItemsMessageEl.style.display = 'block'; \n updateTotalsDisplay();\n updateFinalPricePreview();\n return;\n }\n\n itemsTableEl.style.display = ''; \n noItemsMessageEl.style.display = 'none';\n\n items.forEach((item, index) => {\n const subtotal = item.price * item.quantity;\n const tr = document.createElement('tr');\n tr.innerHTML = `\n <td>${item.name}<\/td>\n <td><span class=\"color-box\" style=\"background:${colorHexMap[item.color] || '#ccc'}\"><\/span>${item.color}<\/td>\n <td>${formatNumberForDisplay(item.vat)}%<\/td>\n <td>${currencySymbol}${formatNumberForDisplay(item.price)}<\/td>\n <td>${item.quantity}<\/td>\n <td>${currencySymbol}${formatNumberForDisplay(subtotal)}<\/td>\n <td><button onclick=\"removeItem(${index})\"><i class=\"fas fa-trash\"><\/i><\/button><\/td>\n `;\n tableBodyEl.appendChild(tr);\n });\n\n updateTotalsDisplay();\n updateFinalPricePreview();\n }\n\n function updateTotalsDisplay() {\n let subtotalWithoutVat = 0;\n let totalVat = 0;\n const currencySymbol = getSelectedCurrencySymbol();\n\n items.forEach(item => {\n const itemSubtotal = item.price * item.quantity;\n subtotalWithoutVat += itemSubtotal;\n totalVat += itemSubtotal * (item.vat \/ 100);\n });\n\n const totalWithVat = subtotalWithoutVat + totalVat;\n\n totalWithoutVatDisplayEl.textContent = `${currencySymbol}${formatNumberForDisplay(subtotalWithoutVat)}`;\n totalVatDisplayEl.textContent = `${currencySymbol}${formatNumberForDisplay(totalVat)}`;\n totalWithVatDisplayEl.textContent = `${currencySymbol}${formatNumberForDisplay(totalWithVat)}`;\n }\n\n\n addItemBtnEl.addEventListener('click', () => {\n const name = flowerNameInputEl.value.trim();\n const color = flowerColorSelectEl.value;\n const price = parseFloat(priceInputEl.value.replace(',', '.')) || 0; \/\/ Handle comma decimal\n const quantity = parseInt(quantityInputEl.value) || 1;\n const vat = parseFloat(vatInputEl.value.replace(',', '.')) || 0; \/\/ Handle comma decimal\n\n if (!name || price <= 0 || quantity <= 0) {\n alert('Veuillez remplir correctement tous les champs de la fleur.');\n return;\n }\n\n items.push({ name, color, price, quantity, vat });\n renderItems();\n\n \/\/ R\u00e9initialiser les champs de saisie\n flowerNameInputEl.value = '';\n flowerColorSelectEl.value = 'Jaune'; \/\/ Couleur par d\u00e9faut\n priceInputEl.value = '';\n quantityInputEl.value = '1';\n vatInputEl.value = '0'; \/\/ TVA par d\u00e9faut\n\n flowerNameInputEl.focus();\n });\n\n window.removeItem = function(index) { \n items.splice(index, 1);\n renderItems();\n };\n\n markupTypeSelectEl.addEventListener('change', () => {\n customMarkupInputEl.style.display = markupTypeSelectEl.value === 'custom' ? 'block' : 'none';\n updateFinalPricePreview();\n });\n\n function formatNumberForPdf(number) {\n return number.toFixed(2).replace('.', ',');\n }\n\n async function buildInvoicePdf(invoiceData) {\n const {\n number, date, client, company, items,\n basePriceWithMarkup, vatBreakdown, totalSaleAmount, markupPercent,\n logo, currencySymbol\n } = invoiceData;\n\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF({ unit: 'pt', format: 'a4' });\n\n const pageW = doc.internal.pageSize.getWidth();\n const pageH = doc.internal.pageSize.getHeight(); \n const margin = 40;\n const contentWidth = pageW - margin * 2;\n\n \/\/ Couleurs PDF\n const colorBlack = '#000000';\n const colorDarkGrey = '#333333';\n const colorMediumGrey = '#777777';\n const colorLightGrey = '#CCCCCC';\n const colorVeryLightGrey = '#F0F0F0';\n\n let currentY = margin;\n let logoHeightWithPadding = 0;\n\n \/\/ 0. Logo (si fourni)\n if (logo) {\n try {\n const img = new Image();\n img.src = logo;\n await new Promise((resolve, reject) => {\n img.onload = resolve;\n img.onerror = reject;\n });\n const maxLogoHeight = 40;\n const aspectRatio = img.width \/ img.height;\n let logoH = maxLogoHeight;\n let logoW = maxLogoHeight * aspectRatio;\n if (logoW > contentWidth \/ 4) { \n logoW = contentWidth \/ 4;\n logoH = logoW \/ aspectRatio;\n }\n doc.addImage(img, img.src.startsWith('data:image\/jpeg') ? 'JPEG' : 'PNG', margin, currentY, logoW, logoH);\n logoHeightWithPadding = logoH + 15; \n } catch (e) {\n console.error(\"Erreur lors du chargement du logo pour le PDF:\", e);\n }\n }\n \n \/\/ 1. Num\u00e9ro de facture & Date (En haut \u00e0 droite)\n let headerContentY = currentY + 5; \n\n doc.setFont('helvetica', 'normal');\n doc.setFontSize(9);\n const invoiceInfoX = pageW - margin;\n let invoiceDetailsY = headerContentY;\n\n doc.setTextColor(colorMediumGrey);\n doc.text(`Facture N\u00b0 :`, invoiceInfoX, invoiceDetailsY, { align: 'right' });\n doc.setTextColor(colorDarkGrey);\n doc.setFont('helvetica', 'bold');\n doc.text(`${number || 'N\/A'}`, invoiceInfoX, invoiceDetailsY + 13, { align: 'right' });\n invoiceDetailsY += 28;\n\n doc.setFont('helvetica', 'normal');\n doc.setTextColor(colorMediumGrey);\n doc.text(`Date :`, invoiceInfoX, invoiceDetailsY, { align: 'right' });\n doc.setTextColor(colorDarkGrey);\n doc.setFont('helvetica', 'bold');\n const invoiceDateObj = date ? new Date(date) : new Date();\n doc.text(`${invoiceDateObj.toLocaleDateString('fr-FR')}`, invoiceInfoX, invoiceDetailsY + 13, { align: 'right' });\n \n currentY = Math.max(currentY + logoHeightWithPadding, invoiceDetailsY + 13 + 15);\n\n\n \/\/ --- Ligne de s\u00e9paration ---\n doc.setDrawColor(colorLightGrey);\n doc.line(margin, currentY, pageW - margin, currentY);\n currentY += 20;\n\n \/\/ 2. D\u00e9tails Soci\u00e9t\u00e9 (DE) & Client (\u00c0)\n const columnWidth = (contentWidth - 20) \/ 2;\n const fromX = margin;\n const toX = margin + columnWidth + 20;\n let fromY = currentY;\n let toY = currentY;\n const detailLineHeight = 11;\n const sectionTitleLineHeight = 15;\n\n doc.setFont('helvetica', 'bold');\n doc.setFontSize(9);\n doc.setTextColor(colorMediumGrey);\n doc.text('DE :', fromX, fromY);\n fromY += sectionTitleLineHeight;\n\n doc.setFont('helvetica', 'bold');\n doc.setFontSize(10);\n doc.setTextColor(colorDarkGrey);\n if (company.name) {\n const companyNameLines = doc.splitTextToSize(company.name, columnWidth);\n doc.text(companyNameLines, fromX, fromY);\n fromY += companyNameLines.length * (doc.getLineHeightFactor() * doc.getFontSize());\n }\n\n doc.setFont('helvetica', 'normal');\n doc.setFontSize(9);\n doc.setTextColor(colorMediumGrey);\n if (company.address) {\n const companyAddrLines = doc.splitTextToSize(company.address, columnWidth);\n doc.text(companyAddrLines, fromX, fromY);\n fromY += companyAddrLines.length * detailLineHeight;\n }\n if (company.taxId) { doc.text(`N\u00b0 TVA\/SIRET : ${company.taxId}`, fromX, fromY); fromY += detailLineHeight; }\n if (company.phone) { doc.text(`T\u00e9l : ${company.phone}`, fromX, fromY); fromY += detailLineHeight; }\n if (company.email) { doc.text(`Email : ${company.email}`, fromX, fromY); fromY += detailLineHeight; }\n\n doc.setFont('helvetica', 'bold');\n doc.setFontSize(9);\n doc.setTextColor(colorMediumGrey);\n doc.text('\u00c0 :', toX, toY);\n toY += sectionTitleLineHeight;\n\n doc.setFont('helvetica', 'bold');\n doc.setFontSize(10);\n doc.setTextColor(colorDarkGrey);\n if (client.name) {\n const clientNameLines = doc.splitTextToSize(client.name || 'Client non sp\u00e9cifi\u00e9', columnWidth);\n doc.text(clientNameLines, toX, toY);\n toY += clientNameLines.length * (doc.getLineHeightFactor() * doc.getFontSize());\n }\n\n doc.setFont('helvetica', 'normal');\n doc.setFontSize(9);\n doc.setTextColor(colorMediumGrey);\n if (client.address) {\n const clientAddrLines = doc.splitTextToSize(client.address, columnWidth);\n doc.text(clientAddrLines, toX, toY);\n toY += clientAddrLines.length * detailLineHeight;\n }\n\n currentY = Math.max(fromY, toY) + 25;\n\n \/\/ 3. Tableau des Articles\n const head = [['Description', 'Couleur', 'Qt\u00e9.', `Prix Unit. (${currencySymbol})`, 'TVA (%)', `Sous-total (${currencySymbol})`]];\n const body = items.map(item => {\n const unitPriceWithMarkup = item.price * (1 + markupPercent \/ 100);\n return [\n item.name, item.color, item.quantity,\n formatNumberForPdf(unitPriceWithMarkup),\n `${formatNumberForPdf(item.vat)}`, \n formatNumberForPdf(unitPriceWithMarkup * item.quantity)\n ];\n });\n\n doc.autoTable({\n head: head, body: body, startY: currentY,\n margin: { left: margin, right: margin },\n theme: 'grid',\n headStyles: {\n fillColor: colorVeryLightGrey, textColor: colorDarkGrey,\n fontStyle: 'bold', halign: 'center', fontSize: 9,\n cellPadding: {top: 6, right: 5, bottom: 6, left: 5},\n lineColor: colorLightGrey\n },\n styles: {\n font: 'helvetica', fontSize: 9, textColor: colorDarkGrey,\n cellPadding: {top: 5, right: 5, bottom: 5, left: 5},\n overflow: 'linebreak', lineColor: colorLightGrey\n },\n columnStyles: { \n 0: { halign: 'left', cellWidth: 'auto' }, \n 1: { halign: 'left', cellWidth: 70 }, \n 2: { halign: 'center', cellWidth: 40 }, \n 3: { halign: 'right', cellWidth: 70 }, \n 4: { halign: 'center', cellWidth: 50 }, \n 5: { halign: 'right', cellWidth: 80 } \n }\n });\n currentY = doc.lastAutoTable.finalY + 15;\n\n \/\/ 4. Section des Totaux\n const totalsData = [\n ['Sous-total (Montant HT) :', `${currencySymbol}${formatNumberForPdf(basePriceWithMarkup)}`]\n ];\n \n for (const rate in vatBreakdown) {\n totalsData.push([`TVA ${formatNumberForPdf(parseFloat(rate))}% :`, `${currencySymbol}${formatNumberForPdf(vatBreakdown[rate])}`]);\n }\n if (Object.keys(vatBreakdown).length === 0 && basePriceWithMarkup > 0) { \n totalsData.push([`Total TVA :`, `${currencySymbol}0,00`]);\n }\n\n totalsData.push(['TOTAL :', `${currencySymbol}${formatNumberForPdf(totalSaleAmount)}`]);\n\n doc.autoTable({\n body: totalsData, startY: currentY,\n margin: { left: pageW \/ 2, right: margin }, \n theme: 'plain',\n styles: {\n font: 'helvetica', fontSize: 9, textColor: colorDarkGrey,\n cellPadding: {top: 3, right: 5, bottom: 3, left: 5},\n halign: 'right'\n },\n columnStyles: {\n 0: { fontStyle: 'normal', halign: 'right' },\n 1: { fontStyle: 'bold', halign: 'right' }\n },\n didParseCell: function (data) {\n if (data.row.index === totalsData.length - 1) { \n data.cell.styles.fontStyle = 'bold';\n data.cell.styles.fontSize = 11;\n if (data.column.index === 1) data.cell.styles.textColor = colorBlack; \n }\n }\n });\n currentY = doc.lastAutoTable.finalY + 40;\n\n \/\/ 5. Pied de page\n doc.setFont('helvetica', 'normal');\n doc.setFontSize(8);\n doc.setTextColor(colorMediumGrey);\n const footerText = 'Merci pour votre achat.';\n const footerTextWidth = doc.getTextWidth(footerText);\n doc.text(footerText, (pageW - footerTextWidth) \/ 2, pageH - margin + 15); \n\n return doc;\n }\n\n\n\/* =============================================================\n BOUTON : VOIR LA FACTURE\n ============================================================= *\/\ngeneratePdfBtnEl.addEventListener('click', async () => {\n if (!items.length) {\n alert('Veuillez ajouter au moins une fleur avant de visualiser la facture.');\n return;\n }\n\n const markupPercent = markupTypeSelectEl.value === 'custom'\n ? (parseFloat(customMarkupInputEl.value.replace(',', '.')) || 0) \/\/ Handle comma decimal for custom\n : parseFloat(markupTypeSelectEl.value.replace(',', '.')); \/\/ Handle comma decimal for select\n\n let basePriceWithMarkup = 0;\n const vatBreakdown = {}; \n\n items.forEach(item => {\n const unitPriceWithMarkup = item.price * (1 + markupPercent \/ 100);\n const lineBasePriceWithMarkup = unitPriceWithMarkup * item.quantity;\n const lineVatAmount = lineBasePriceWithMarkup * (item.vat \/ 100);\n\n basePriceWithMarkup += lineBasePriceWithMarkup;\n if (item.vat > 0) {\n vatBreakdown[item.vat.toFixed(2)] = (vatBreakdown[item.vat.toFixed(2)] || 0) + lineVatAmount;\n }\n });\n \n let totalVatAmount = 0;\n for(const rate in vatBreakdown){\n totalVatAmount += vatBreakdown[rate];\n }\n const totalSaleAmount = basePriceWithMarkup + totalVatAmount;\n const selectedCurrencySymbol = getSelectedCurrencySymbol();\n\n const invoiceDataObject = {\n number: invoiceNumberInput.value,\n date: invoiceDateInput.value,\n client: { name: clientNameInput.value, address: clientAddressInput.value },\n company: {\n name: companyNameInput.value,\n address: companyAddressInput.value,\n phone: companyPhoneInput.value,\n email: companyEmailInput.value,\n taxId: companyTaxIdInput.value\n },\n items: items, \n basePriceWithMarkup,\n vatBreakdown, \n totalSaleAmount,\n markupPercent,\n logo: logoDataUrl || null,\n currencySymbol: selectedCurrencySymbol\n };\n\n const doc = await buildInvoicePdf(invoiceDataObject);\n window.open(doc.output('bloburl'), '_blank');\n});\n\n\n\/* ---------- Initialiser la Vue ---------- *\/\nupdateCurrencyDisplays(); \nrenderItems();\nupdateFinalPricePreview();\n\n <\/script>\n<\/body>\n<\/html><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:20px;--awb-padding-bottom:50px;--awb-background-color:var(--awb-color2);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1352px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-3 fusion-text-no-margin\" style=\"--awb-margin-bottom:20px;\"><h2 style=\"text-align: center; font-size: 30px; color: #000000;\" data-fusion-font=\"true\">Comment fonctionne notre calculateur de prix pour les fleuristes ?<\/h2>\n<\/div><ul style=\"--awb-size:15px;--awb-iconcolor:var(--awb-color1);--awb-line-height:25.5px;--awb-icon-width:25.5px;--awb-icon-height:25.5px;--awb-icon-margin:10.5px;--awb-content-margin:36px;--awb-circlecolor:var(--awb-color5);--awb-circle-yes-font-size:13.2px;\" class=\"fusion-checklist fusion-checklist-4 fusion-checklist-default type-numbered\"><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">1<\/span><div class=\"fusion-li-item-content\">\n<p>Ajoutez les produits ou les fleurs que vous allez vendre : indiquez le prix unitaire, la quantit\u00e9 et le taux de TVA correspondant.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">2<\/span><div class=\"fusion-li-item-content\">\n<p>Personnalisez votre facture (facultatif) : ajoutez les donn\u00e9es et le logo de votre fleuriste pour qu’ils apparaissent sur le document final.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">3<\/span><div class=\"fusion-li-item-content\">\n<p>Ajouter les donn\u00e9es du client (facultatif) : si vous souhaitez qu’il apparaisse sur la facture, vous pouvez inclure son nom, son adresse, etc.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">4<\/span><div class=\"fusion-li-item-content\">\n<p>S\u00e9lectionnez votre marge b\u00e9n\u00e9ficiaire ou saisissez un pourcentage personnalis\u00e9. Vous verrez en temps r\u00e9el comment le prix final TTC est calcul\u00e9.<\/p>\n<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-yes\">5<\/span><div class=\"fusion-li-item-content\">\n<p>G\u00e9n\u00e9rez et t\u00e9l\u00e9chargez ou imprimez une facture professionnelle et personnalis\u00e9e pr\u00eate \u00e0 \u00eatre remise \u00e0 votre client ou envoy\u00e9e par courrier \u00e9lectronique.<\/p>\n<\/div><\/li><\/ul><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-sizes-bottom:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:20px;--awb-padding-bottom:100px;--awb-margin-bottom-small:0px;--awb-background-color:var(--awb-color2);--awb-background-color-small:var(--awb-color2);--awb-background-image:linear-gradient(180deg, rgba(255,255,255,0) 51%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1352px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.76%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><i class=\"fb-icon-element-1 fb-icon-element fontawesome-icon fa-coins fas circle-yes\" style=\"--awb-circlecolor-hover:var(--awb-color5);--awb-circlebordercolor-hover:var(--awb-color8);--awb-circlebordersize:1px;--awb-font-size:28.16px;--awb-width:56.32px;--awb-height:56.32px;--awb-line-height:54.32px;--awb-margin-top:0;--awb-margin-right:0;--awb-margin-bottom:0;--awb-margin-left:0;--awb-align-self:center;\"><\/i><div class=\"fusion-text fusion-text-4 fusion-text-no-margin\" style=\"--awb-margin-top:20px;--awb-margin-bottom:20px;\"><h3 class=\"fusion-responsive-typography-calculated\" style=\"font-size: 20px; text-align: center; --fontsize: 20; line-height: 1.2; --minfontsize: 20; color: var(--awb-color8);\" data-fusion-font=\"true\" data-fontsize=\"20\" data-lineheight=\"24px\">Application de la marge automatique<\/h3>\n<\/div><div class=\"fusion-text fusion-text-5\"><p class=\"\" style=\"text-align: center;\" data-start=\"177\" data-end=\"284\">D\u00e9finissez votre marge b\u00e9n\u00e9ficiaire et l’outil l’applique directement avant la TVA, sans calculs manuels.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.76%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:50%;--awb-order-small:0;--awb-spacing-right-small:3.84%;--awb-spacing-left-small:3.84%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><i class=\"fb-icon-element-2 fb-icon-element fontawesome-icon fa-file-invoice fas circle-yes\" style=\"--awb-circlecolor-hover:var(--awb-color5);--awb-circlebordercolor-hover:var(--awb-color8);--awb-circlebordersize:1px;--awb-font-size:28.16px;--awb-width:56.32px;--awb-height:56.32px;--awb-line-height:54.32px;--awb-margin-top:0;--awb-margin-right:0;--awb-margin-bottom:0;--awb-margin-left:0;--awb-align-self:center;\"><\/i><div class=\"fusion-text fusion-text-6 fusion-text-no-margin\" style=\"--awb-margin-top:20px;--awb-margin-bottom:20px;\"><h3 class=\"fusion-responsive-typography-calculated\" style=\"font-size: 20px; text-align: center; --fontsize: 20; line-height: 1.2; --minfontsize: 20; color: var(--awb-color8);\" data-fusion-font=\"true\" data-fontsize=\"20\" data-lineheight=\"24px\">\u202fFacture PDF personnalis\u00e9e<\/h3>\n<\/div><div class=\"fusion-text fusion-text-7\"><p style=\"text-align: center;\">G\u00e9n\u00e9rez une facture claire, pr\u00eate \u00e0 \u00eatre envoy\u00e9e, avec vos coordonn\u00e9es, la marque du fleuriste, la ventilation de la TVA et les totaux en un seul clic.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.76%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:50%;--awb-order-small:0;--awb-spacing-right-small:3.84%;--awb-spacing-left-small:3.84%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><i class=\"fb-icon-element-3 fb-icon-element fontawesome-icon fa-print fas circle-yes\" style=\"--awb-circlecolor-hover:var(--awb-color5);--awb-circlebordercolor-hover:var(--awb-color8);--awb-circlebordersize:1px;--awb-font-size:28.16px;--awb-width:56.32px;--awb-height:56.32px;--awb-line-height:54.32px;--awb-margin-top:0;--awb-margin-right:0;--awb-margin-bottom:0;--awb-margin-left:0;--awb-align-self:center;\"><\/i><div class=\"fusion-text fusion-text-8 fusion-text-no-margin\" style=\"--awb-margin-top:20px;--awb-margin-bottom:20px;\"><h3 style=\"font-size: 20px; color: var(--awb-color8); text-align: center;\" data-fusion-font=\"true\">Pr\u00e9visualisation et impression<\/h3>\n<\/div><div class=\"fusion-text fusion-text-9\"><p style=\"text-align: center;\">Pr\u00e9visualisez le prix final en temps r\u00e9el et envoyez la facture directement \u00e0 l’impression si n\u00e9cessaire.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.76%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:50%;--awb-order-small:0;--awb-spacing-right-small:3.84%;--awb-spacing-left-small:3.84%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><i class=\"fb-icon-element-4 fb-icon-element fontawesome-icon fa-globe fas circle-yes\" style=\"--awb-circlecolor-hover:var(--awb-color5);--awb-circlebordercolor-hover:var(--awb-color8);--awb-circlebordersize:1px;--awb-font-size:28.16px;--awb-width:56.32px;--awb-height:56.32px;--awb-line-height:54.32px;--awb-margin-top:0;--awb-margin-right:0;--awb-margin-bottom:0;--awb-margin-left:0;--awb-align-self:center;\"><\/i><div class=\"fusion-text fusion-text-10 fusion-text-no-margin\" style=\"--awb-margin-top:20px;--awb-margin-bottom:20px;\"><h3 style=\"font-size: 20px; color: var(--awb-color8); text-align: center;\" data-fusion-font=\"true\">Bas\u00e9 sur le navigateur<\/h3>\n<\/div><div class=\"fusion-text fusion-text-11\"><p class=\"\" style=\"text-align: center;\" data-start=\"617\" data-end=\"717\">Vous n’avez pas besoin d’installer quoi que ce soit. Tout est calcul\u00e9 directement dans votre navigateur de mani\u00e8re rapide, priv\u00e9e et simple.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.76%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:50%;--awb-order-small:0;--awb-spacing-right-small:3.84%;--awb-spacing-left-small:3.84%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><i class=\"fb-icon-element-5 fb-icon-element fontawesome-icon fa-seedling fas circle-yes\" style=\"--awb-circlecolor-hover:var(--awb-color5);--awb-circlebordercolor-hover:var(--awb-color8);--awb-circlebordersize:1px;--awb-font-size:28.16px;--awb-width:56.32px;--awb-height:56.32px;--awb-line-height:54.32px;--awb-margin-top:0;--awb-margin-right:0;--awb-margin-bottom:0;--awb-margin-left:0;--awb-align-self:center;\"><\/i><div class=\"fusion-text fusion-text-12 fusion-text-no-margin\" style=\"--awb-margin-top:20px;--awb-margin-bottom:20px;\"><h3 style=\"font-size: 20px; color: var(--awb-color8); text-align: center;\" data-fusion-font=\"true\">Con\u00e7u pour les fleuristes<\/h3>\n<\/div><div class=\"fusion-text fusion-text-13\"><p style=\"text-align: center;\">La calculatrice est adapt\u00e9e aux besoins r\u00e9els du secteur : bouquets, centres de table, arrangements, \u00e9v\u00e9nements…<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.76%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><i class=\"fb-icon-element-6 fb-icon-element fontawesome-icon fa-lock fas circle-yes\" style=\"--awb-circlecolor-hover:var(--awb-color5);--awb-circlebordercolor-hover:var(--awb-color8);--awb-circlebordersize:1px;--awb-font-size:28.16px;--awb-width:56.32px;--awb-height:56.32px;--awb-line-height:54.32px;--awb-margin-top:0;--awb-margin-right:0;--awb-margin-bottom:0;--awb-margin-left:0;--awb-align-self:center;\"><\/i><div class=\"fusion-text fusion-text-14 fusion-text-no-margin\" style=\"--awb-margin-top:20px;--awb-margin-bottom:20px;\"><h3 style=\"font-size: 20px; color: var(--awb-color8); text-align: center;\" data-fusion-font=\"true\">\u202fPas d’enregistrement et 100% priv\u00e9<\/h3>\n<\/div><div class=\"fusion-text fusion-text-15\"><p style=\"text-align: center;\">Nous ne conservons pas vos donn\u00e9es ni vos factures. C’est 100% priv\u00e9 : vous faites le calcul, vous le gardez.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-bottom:100px;--awb-background-color:var(--awb-color1);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1352px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-column-inner-bg-wrapper\" style=\"--awb-padding-top:20px;--awb-padding-right:40px;--awb-padding-bottom:20px;--awb-padding-left:40px;--awb-overflow:hidden;--awb-inner-bg-color:var(--awb-color5);--awb-inner-bg-color-hover:var(--awb-color5);--awb-inner-bg-size:cover;--awb-border-radius:7px 7px 7px 7px;--awb-inner-bg-border-radius:7px 7px 7px 7px;--awb-inner-bg-overflow:hidden;--awb-transform:scaleX(1) scaleY(1);--awb-transform-hover:scaleX(1.02) scaleY(1.02);--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><span class=\"fusion-column-inner-bg hover-type-none\"><a class=\"fusion-column-anchor\" href=\"https:\/\/go.verdnatura.es\/register-app-c\" rel=\"noopener noreferrer\" target=\"_blank\"><span class=\"fusion-column-inner-bg-image\"><\/span><\/a><\/span><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-16\"><p style=\"text-align: center;\"><b style=\"color: #ffffff; font-size: 25px;\" data-fusion-font=\"true\">Vous n’\u00eates pas encore client de Verdnatura ?<\/b><\/p>\n<\/div><div class=\"fusion-text fusion-text-17\"><p style=\"text-align: center; color: #ffffff;\"><strong>Acc\u00e8s \u00e0 la s\u00e9lection la plus vaste et la plus comp\u00e9titive de produits floraux en gros en Espagne.<br \/>\nPrix comp\u00e9titifs, vari\u00e9t\u00e9, service professionnel et tout ce dont vous avez besoin pour g\u00e9rer et d\u00e9velopper votre entreprise florale en un seul endroit.<\/strong><\/p>\n<\/div><div style=\"text-align:center;\"><a class=\"fusion-button button-flat fusion-button-default-size button-custom fusion-button-default button-1 fusion-button-default-span fusion-button-default-type\" style=\"--button_accent_color:var(--awb-color1);--button_accent_hover_color:var(--awb-color1);--button_border_hover_color:var(--awb-color1);--button_gradient_top_color:var(--awb-color8);--button_gradient_bottom_color:var(--awb-color8);--button_gradient_top_color_hover:hsla(var(--awb-color4-h),var(--awb-color4-s),calc(var(--awb-color4-l) - 12%),var(--awb-color4-a));--button_gradient_bottom_color_hover:hsla(var(--awb-color4-h),var(--awb-color4-s),calc(var(--awb-color4-l) - 12%),var(--awb-color4-a));\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"https:\/\/go.verdnatura.es\/register-app-c-fr\"><span class=\"fusion-button-text\">Je veux devenir client<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/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":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-24896","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pricing + VAT Calculator for Florists - Verdnatura<\/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:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pricing + VAT Calculator for Florists - Verdnatura\" \/>\n<meta property=\"og:url\" content=\"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/\" \/>\n<meta property=\"og:site_name\" content=\"Verdnatura\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-07T05:34:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/\",\"url\":\"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/\",\"name\":\"Pricing + VAT Calculator for Florists - Verdnatura\",\"isPartOf\":{\"@id\":\"https:\/\/verdnatura.info\/fr\/#website\"},\"datePublished\":\"2025-10-06T10:39:48+00:00\",\"dateModified\":\"2025-10-07T05:34:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/verdnatura.info\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pricing + VAT Calculator for Florists\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/verdnatura.info\/fr\/#website\",\"url\":\"https:\/\/verdnatura.info\/fr\/\",\"name\":\"Verdnatura\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/verdnatura.info\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pricing + VAT Calculator for Florists - Verdnatura","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:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/","og_locale":"fr_FR","og_type":"article","og_title":"Pricing + VAT Calculator for Florists - Verdnatura","og_url":"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/","og_site_name":"Verdnatura","article_modified_time":"2025-10-07T05:34:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/","url":"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/","name":"Pricing + VAT Calculator for Florists - Verdnatura","isPartOf":{"@id":"https:\/\/verdnatura.info\/fr\/#website"},"datePublished":"2025-10-06T10:39:48+00:00","dateModified":"2025-10-07T05:34:23+00:00","breadcrumb":{"@id":"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/verdnatura.info\/fr\/forist-pricing-calculator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/verdnatura.info\/fr\/"},{"@type":"ListItem","position":2,"name":"Pricing + VAT Calculator for Florists"}]},{"@type":"WebSite","@id":"https:\/\/verdnatura.info\/fr\/#website","url":"https:\/\/verdnatura.info\/fr\/","name":"Verdnatura","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/verdnatura.info\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/pages\/24896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/comments?post=24896"}],"version-history":[{"count":1,"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/pages\/24896\/revisions"}],"predecessor-version":[{"id":24897,"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/pages\/24896\/revisions\/24897"}],"wp:attachment":[{"href":"https:\/\/verdnatura.info\/fr\/wp-json\/wp\/v2\/media?parent=24896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}