<div data-agentic-content=""><section class="overflow-x-hidden"><div class="grid lg:grid-cols-12 max-w-screen-xl px-4 mx-auto lg:px-6 gap-8 lg:gap-16 overflow-x-hidden pt-8 lg:pt-16 pb-8 lg:pb-16"><div class="lg:col-span-12 min-w-0"> Calculateur d'épargne 
=======================

<div class="flex flex-col gap-8 p-6 mx-auto mb-16 max-w-screen-lg rounded-lg border border-gray-200 bg-white shadow-xs lg:mb-28 dark:bg-gray-800 dark:border-gray-700" x-data="calculator({&quot;locale&quot;:&quot;fr_FR&quot;,&quot;months&quot;:&quot;mois&quot;,&quot;years&quot;:&quot;ans&quot;,&quot;paybackEmpty&quot;:&quot;\u2014&quot;,&quot;pipeDiameter&quot;:54.5,&quot;pipeLength&quot;:75,&quot;productDensity&quot;:1,&quot;productPrice&quot;:2.5,&quot;wasteCost&quot;:0.200000000000000011102230246251565404236316680908203125,&quot;runsPerWeek&quot;:5,&quot;productionWeeksPerYear&quot;:48,&quot;residualInPipePercent&quot;:60,&quot;investmentCost&quot;:0})"> <form class="grid gap-6 md:grid-cols-2"><div class="flex items-start gap-3 rounded-lg border border-blue-200 bg-blue-50 p-4 text-sm text-blue-800 dark:border-blue-800 dark:bg-blue-900/30 dark:text-blue-300 md:col-span-2" role="alert"> <svg aria-hidden="true" class="h-5 w-5 shrink-0" fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 13.5a1.5 1.5 0 0 1-3 0 1.5 1.5 0 0 1 3 0Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path d="M12 8v1m0 6v.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>Les valeurs affichées sont arrondies pour une meilleure lisibilité. Les calculs sont effectués avec les valeurs exactes.

 </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="calc-pipe">Dimension du tuyau</label> <select class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:focus:border-primary-500 dark:focus:ring-primary-500" id="calc-pipe" x-model.number="pipeDiameter"> <template :key="opt.value" x-for="opt in pipeOptions"> <option :selected="opt.value === pipeDiameter" :value="opt.value" x-text="opt.label"></option> </template> </select> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Volume par mètre</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input :value="format(volPerMeter)" class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-100 p-2.5 text-right text-sm text-gray-900 dark:bg-gray-700 dark:text-white cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">l/m</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="calc-length">Longueur totale du tuyau dans la ligne</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-50 p-2.5 text-right text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:text-white dark:focus:border-primary-500 dark:focus:ring-primary-500" id="calc-length" min="0" step="0.01" type="number" x-model.number="pipeLength"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">m</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Volume total dans la ligne</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input :value="format(totalVolume)" class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-100 p-2.5 text-right text-sm text-gray-900 dark:bg-gray-700 dark:text-white cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">litres</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="calc-density">Poids du produit par volume</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-50 p-2.5 text-right text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:text-white dark:focus:border-primary-500 dark:focus:ring-primary-500" id="calc-density" min="0" step="0.01" type="number" x-model.number="productDensity"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">kg/l</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Poids total dans la ligne</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input :value="format(totalWeight)" class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-100 p-2.5 text-right text-sm text-gray-900 dark:bg-gray-700 dark:text-white cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">kg</span> </div> </div><div class="group relative flex flex-col items-start md:col-span-2"><div class="mb-2 flex items-center gap-1.5"> <label class="text-sm font-medium text-gray-900 dark:text-white" for="calc-residual">Quantité résiduelle dans la conduite sans molchage</label> <button :aria-expanded="showResidualPopover" aria-label="Afficher les valeurs de référence" class="inline-flex items-center justify-center rounded-full p-0.5 text-gray-400 hover:bg-gray-200 hover:text-gray-600 focus:ring-2 focus:ring-primary-500 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-gray-300 dark:focus:ring-primary-600" type="button"> <svg aria-hidden="true" class="h-4 w-4" fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 13.5a1.5 1.5 0 0 1-3 0 1.5 1.5 0 0 1 3 0Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path d="M12 8v1m0 6v.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </button> </div><div class="w-full"> <input class="h-2 w-full cursor-pointer appearance-none rounded-lg bg-gray-200 dark:bg-gray-700 [&amp;::-webkit-slider-thumb]:h-4 [&amp;::-webkit-slider-thumb]:w-4 [&amp;::-webkit-slider-thumb]:cursor-pointer [&amp;::-webkit-slider-thumb]:appearance-none [&amp;::-webkit-slider-thumb]:rounded-full [&amp;::-webkit-slider-thumb]:bg-primary-600 [&amp;::-webkit-slider-thumb]:ring-2 [&amp;::-webkit-slider-thumb]:ring-white dark:[&amp;::-webkit-slider-thumb]:ring-gray-800" id="calc-residual" max="80" min="40" step="10" type="range" x-model.number="residualInPipePercent"></input><div class="mt-1 flex justify-between text-xs text-gray-500 dark:text-gray-400"> <span>40%</span> <span>50%</span> <span>60%</span> <span>70%</span> <span>80%</span> </div> </div><div aria-labelledby="calc-residual-popover-title" aria-modal="true" class="fixed inset-x-4 bottom-4 z-50 max-h-[85vh] overflow-hidden rounded-xl border border-gray-200 bg-white shadow-lg dark:border-gray-600 dark:bg-gray-800 md:absolute md:inset-auto md:left-0 md:top-full md:bottom-auto md:right-auto md:mt-2 md:max-h-[min(85vh,36rem)] md:w-[42rem] md:rounded-lg md:shadow-xs" false="" role="dialog" x-cloak="" x-show="showResidualPopover" x-transition:enter="transition ease-out duration-200" x-transition:enter-end="opacity-100 md:opacity-100 md:translate-y-0" x-transition:enter-start="opacity-0 md:opacity-0 md:translate-y-2" x-transition:leave="transition ease-in duration-150" x-transition:leave-end="opacity-0" x-transition:leave-start="opacity-100"><div class="flex shrink-0 items-center justify-between border-b border-gray-200 px-4 py-3 dark:border-gray-600 dark:bg-gray-700 md:rounded-t-lg">### Quantités résiduelles typiques

 <button aria-label="Fermer" class="ml-2 inline-flex items-center justify-center rounded-lg p-1.5 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-600 dark:hover:text-gray-300 md:hidden" false="" type="button"> <svg aria-hidden="true" class="h-5 w-5" fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 18 18 6M6 6l12 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </button> </div><div class="overflow-y-auto p-4 text-sm text-gray-500 dark:text-gray-400" style="max-height: calc(85vh - 4rem);"><table class="w-full min-w-[28rem] text-left text-sm"> <thead> <tr class="border-b border-gray-200 dark:border-gray-600"> <th class="pb-2 pr-3 font-medium text-gray-900 dark:text-white">Type de produit / Viscosité</th> <th class="pb-2 pr-3 font-medium text-gray-900 dark:text-white">Récupération typique lors du purging</th> <th class="pb-2 pr-3 font-medium text-gray-900 dark:text-white">Quantité résiduelle dans la conduite</th> <th class="pb-2 font-medium text-gray-900 dark:text-white">Remarques</th> </tr> </thead> <tbody class="divide-y divide-gray-200 dark:border-gray-600"> <tr><td class="py-2 pr-3">Très faible viscosité (ex. eau, alcool)</td><td class="py-2 pr-3">50–60%</td><td class="py-2 pr-3">40–50%</td><td class="py-2">Effets d'écoulement plus élevés, mais peu de séparation; beaucoup de film reste</td></tr> <tr><td class="py-2 pr-3">Viscosité moyenne (ex. huiles, sirops)</td><td class="py-2 pr-3">30–50%</td><td class="py-2 pr-3">50–70%</td><td class="py-2">Adhésion significative; le coin air/N₂ pousse le produit de manière incomplète</td></tr> <tr><td class="py-2 pr-3">Haute viscosité (ex. chocolat, crème, pâtes)</td><td class="py-2 pr-3">20–40%</td><td class="py-2 pr-3">60–80%</td><td class="py-2">Les médias restent fortement adhésifs; purging extrêmement inefficace</td></tr> <tr><td class="py-2 pr-3">Produits moussants</td><td class="py-2 pr-3">20–40%</td><td class="py-2 pr-3">60–80%</td><td class="py-2">La mousse empêche une vidange efficace</td></tr> <tr><td class="py-2 pr-3">Produits contenant des particules</td><td class="py-2 pr-3">20–40%</td><td class="py-2 pr-3">60–80%</td><td class="py-2">Les solides se déposent également</td></tr> </tbody> </table>

 </div> </div> <template x-teleport="body"><div aria-hidden="true" class="fixed inset-0 z-40 bg-gray-900/50 md:hidden" false="" x-cloak="" x-show="showResidualPopover"></div> </template> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="calc-price">Prix du produit par kilogramme</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-50 p-2.5 text-right text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:text-white dark:focus:border-primary-500 dark:focus:ring-primary-500" id="calc-price" min="0" step="0.01" type="number" x-model.number="productPrice"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">€/kg</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Économies de produit par utilisation</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input :value="format(productSavings)" class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-100 p-2.5 text-right text-sm text-gray-900 dark:bg-gray-700 dark:text-white cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">€</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="calc-waste">Coût de traitement et d'élimination des déchets par kilogramme</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-50 p-2.5 text-right text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:text-white dark:focus:border-primary-500 dark:focus:ring-primary-500" id="calc-waste" min="0" step="0.01" type="number" x-model.number="wasteCost"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">€/kg</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Économies sur les coûts de traitement des déchets</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input :value="format(wasteSavings)" class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-100 p-2.5 text-right text-sm text-gray-900 dark:bg-gray-700 dark:text-white cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">€</span> </div> </div><div class="group flex flex-col items-start"> <label class="mb-2 block text-sm font-medium font-bold text-gray-900 dark:text-white">Économies totales par utilisation</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input :value="format(totalPerUse)" class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-100 p-2.5 text-right text-sm font-bold text-gray-900 dark:bg-gray-700 dark:text-white cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">€</span> </div> </div><div class="group flex flex-col items-start"><div class="flex flex-wrap items-end gap-6"><div class="flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="calc-runs">Molcangos par semaine</label><div class="relative flex items-center w-[9rem] min-w-[9rem] rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <button aria-label="Diminuer" class="inline-flex shrink-0 items-center justify-center rounded-s-lg border-0 border-e border-gray-300 bg-gray-100 p-3 text-sm font-medium text-gray-900 hover:bg-gray-200 focus:ring-4 focus:ring-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600" math.max="" runsperweek="" type="button"> <svg aria-hidden="true" class="h-4 w-4" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </button> <input class="block h-10 w-full min-w-0 border-0 bg-gray-50 p-0 text-center text-sm text-gray-900 focus:ring-primary-500 dark:bg-gray-700 dark:text-white dark:focus:ring-primary-500 [&amp;::-webkit-inner-spin-button]:appearance-none [&amp;::-webkit-outer-spin-button]:appearance-none" id="calc-runs" min="0" step="1" type="number" x-model.number="runsPerWeek"></input> <button aria-label="Augmenter" class="inline-flex shrink-0 items-center justify-center rounded-e-lg border-0 border-s border-gray-300 bg-gray-100 p-3 text-sm font-medium text-gray-900 hover:bg-gray-200 focus:ring-4 focus:ring-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600" runsperweek="" type="button"> <svg aria-hidden="true" class="h-4 w-4" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14m-7 7V5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </button> </div> </div><div class="flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="calc-weeks">Semaines de production par an</label><div class="relative flex items-center w-[9rem] min-w-[9rem] rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <button aria-label="Diminuer" class="inline-flex shrink-0 items-center justify-center rounded-s-lg border-0 border-e border-gray-300 bg-gray-100 p-3 text-sm font-medium text-gray-900 hover:bg-gray-200 focus:ring-4 focus:ring-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600" math.max="" productionweeksperyear="" type="button"> <svg aria-hidden="true" class="h-4 w-4" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </button> <input class="block h-10 w-full min-w-0 border-0 bg-gray-50 p-0 text-center text-sm text-gray-900 focus:ring-primary-500 dark:bg-gray-700 dark:text-white dark:focus:ring-primary-500 [&amp;::-webkit-inner-spin-button]:appearance-none [&amp;::-webkit-outer-spin-button]:appearance-none" id="calc-weeks" max="52" min="1" step="1" type="number" x-model.number="productionWeeksPerYear"></input> <button aria-label="Augmenter" class="inline-flex shrink-0 items-center justify-center rounded-e-lg border-0 border-s border-gray-300 bg-gray-100 p-3 text-sm font-medium text-gray-900 hover:bg-gray-200 focus:ring-4 focus:ring-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600" math.min="" productionweeksperyear="" type="button"> <svg aria-hidden="true" class="h-4 w-4" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14m-7 7V5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> </button> </div> </div> </div> </div><div class="group flex flex-col items-start md:col-span-2"> <label class="mb-2 block text-sm font-medium font-bold text-gray-900 dark:text-white">Économies totales après 1 an</label><div class="flex w-full rounded-lg border border-green-500 shadow-xs dark:border-green-500"> <input :value="format(annualSavings)" class="block w-full min-w-0 rounded-s-lg border-0 bg-green-50 p-2.5 text-right text-sm font-bold text-green-900 dark:bg-green-900/30 dark:text-green-400 cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-green-500 bg-green-200 px-3 text-sm font-medium text-green-800 dark:border-green-500 dark:bg-green-900/50 dark:text-green-400">€</span> </div> </div><div class="group flex flex-col items-start md:col-span-2 pt-4 mt-4 border-t border-gray-200 dark:border-gray-700">### ROI / Amortissement

<div class="grid w-full gap-6 md:grid-cols-3"><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="calc-investment">Coût d'investissement estimé</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-50 p-2.5 text-right text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:text-white dark:focus:border-primary-500 dark:focus:ring-primary-500" id="calc-investment" min="0" step="0.01" type="number" x-model.number="investmentCost"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">€</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Économies mensuelles</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input :value="format(monthlySavings)" class="block w-full min-w-0 rounded-s-lg border-0 bg-gray-100 p-2.5 text-right text-sm text-gray-900 dark:bg-gray-700 dark:text-white cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> <span class="inline-flex shrink-0 items-center rounded-e-lg border-s border-gray-300 bg-gray-200 px-3 text-sm text-gray-500 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400">€</span> </div> </div><div class="group flex flex-col items-start"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Période d'amortissement</label><div class="flex w-full rounded-lg border border-gray-300 shadow-xs dark:border-gray-600"> <input :value="paybackMonths !== null ? formatPayback(paybackMonths) : tPaybackEmpty" class="block w-full min-w-0 rounded-lg border-0 bg-gray-100 p-2.5 text-right text-sm font-bold text-gray-900 dark:bg-gray-700 dark:text-white cursor-not-allowed dark:disabled:opacity-70" disabled="disabled" readonly="readonly" tabindex="-1" type="text"></input> </div> </div> </div> </div> </form> <section class="bg-white antialiased dark:bg-gray-900"><div class="mx-auto grid w-full rounded-lg bg-gray-50 p-4 dark:bg-gray-900/40 md:p-8 lg:grid-cols-12 lg:gap-8 lg:p-10 xl:gap-12"><div class="me-auto place-self-center lg:col-span-7">Rapport PDF

 Découvrez votre potentiel d'économies 
---------------------------------------

 Recevez un rapport PDF clairement présenté avec le potentiel d'économies actuel, les indicateurs clés et l'aperçu de l'amortissement pour les décideurs internes.

 Le rapport comprend les saisies actuelles du calculateur.

 </div><div class="lg:col-span-5"><div class="rounded-lg border border-gray-200 bg-white p-6 shadow-xs dark:border-gray-700 dark:bg-gray-800">### Rapport d'économies

Saisissez votre adresse e-mail professionnelle et nous vous enverrons automatiquement le rapport.

<div class="hidden" x-effect="syncReportForm()"></div> <form class="gap-6" data-ersparnisbericht-form="true" data-form-url="https://piggingsystems.com/fr/forms/ersparnisbericht?" enctype="application/x-www-form-urlencoded" hx-disabled-elt="[id='2b2n2p5rq8l3z9cf'] button" hx-post="https://piggingsystems.com/fr/forms/ersparnisbericht?" hx-swap="outerHTML show:top" hx-vals="{&quot;dreamform:page&quot;:&quot;IQQqmKx/tshaTU6nas8SGVVR6UFwTryHadlre8X9KqeA5Lby5CdNrslTsAjKLfUVmYi9a+E0WV+Xjxe3nqZzo39n7dXtmdoH/AC6mtJZQ+A=&quot;,&quot;dreamform:attr&quot;:&quot;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&quot;}" id="2b2n2p5rq8l3z9cf" method="POST" novalidate="novalidate"> <input id="2b2n2p5rq8l3z9cf/session" name="dreamform:session" type="hidden"></input><div aria-atomic="true" class="mt-2 mb-2 text-sm text-red-600 dark:text-red-500" data-error="" role="alert"></div><div class="gap-4 mb-3 last:mb-0" style="display: grid; grid-template-columns: repeat(12, 1fr);"><div class="col-span-12" style="grid-column-start: span 12;"><div class="group flex flex-col items-start mb-3 last:mb-0" hx-sync="this:replace" hx-target="this"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0000"> <span>Nom</span> *\** </label><input class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0000" name="name" placeholder=" " required="" type="text"></input><span aria-atomic="true" class="mt-2 mb-2 text-sm text-red-600 dark:text-red-500" data-error="name" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0000/error" role="alert"></span></div><div class="group flex flex-col items-start mb-3 last:mb-0" hx-sync="this:replace" hx-target="this"> <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0001"> <span>Adresse e-mail</span> *\** </label><input class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0001" name="email" placeholder=" " required="" type="email"></input><span aria-atomic="true" class="mt-2 mb-2 text-sm text-red-600 dark:text-red-500" data-error="email" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0001/error" role="alert"></span></div><div class="group flex flex-col items-start mb-3 last:mb-0" hx-sync="this:replace" hx-target="this"><div class="text flex items-start ml-2 text-sm font-normal text-gray-500 dark:text-gray-400"> <input class="mr-2 mt-1 w-4 h-4 shrink-0 text-primary-600 bg-gray-100 border-gray-300 rounded focus:ring-primary-500 dark:focus:ring-primary-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0002-0" name="privacy[]" type="checkbox" value="✔︎"></input> <label for="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0002-0"> J'accepte la <span class="relative inline-block align-baseline" x-data="{ open: false }" x-on:click.outside="open = false"> <button :aria-expanded="open" class="cursor-help border-b border-dashed border-current text-primary-600 outline-none focus-visible:ring-2 focus-visible:ring-primary-500" type="button" x-on:click.stop.prevent="open = !open"> politique de confidentialité </button> <span class="absolute right-0 top-full z-20 mt-2 w-72 rounded-lg border border-gray-200 bg-white p-4 text-sm font-normal leading-6 text-gray-600 shadow-lg dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300" x-cloak="" x-on:click.stop="" x-show="open" x-transition.opacity.duration.150ms=""> J'ai pris connaissance de la [politique de confidentialité](https://piggingsystems.com/fr/datenschutz.md). J'accepte que mes informations et données soient collectées et stockées électroniquement pour la génération et l'envoi du rapport PDF. Remarque : vous pouvez révoquer votre consentement à tout moment pour l'avenir en envoyant un e-mail à <info@piggingsystems.com>. </span> </span>. </label> </div><span aria-atomic="true" class="mt-2 mb-2 text-sm text-red-600 dark:text-red-500" data-error="privacy" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0002/error" role="alert"></span></div><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0010" name="pipe_dimension" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0011" name="pipe_length" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0012" name="product_density" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0013" name="residual_in_pipe_percent" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0014" name="product_price" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0015" name="waste_cost" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0016" name="runs_per_week" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0017" name="production_weeks_per_year" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0018" name="investment_cost" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0019" name="vol_per_meter" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0020" name="total_volume" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0021" name="total_weight" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0022" name="residual_weight" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0023" name="product_savings" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0024" name="waste_savings" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0025" name="total_per_use" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0026" name="annual_savings" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0027" name="monthly_savings" type="hidden"></input><input class="block p-3 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 shadow-sm focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 dark:shadow-sm-light" id="2b2n2p5rq8l3z9cf/7e1a2c74-2f61-4d95-a9c9-ef9f5bdf0028" name="payback_period" type="hidden"></input><cap-widget data-cap-api-endpoint="https://cap.molch.tech/9d9b0cb5b9/" data-cap-i18n-error-label="Fehler" data-cap-i18n-initial-state="Ich bin ein Mensch" data-cap-i18n-solved-label="Ich bin ein Mensch" data-cap-i18n-verifying-label="Verifizieren..." id="cap"></cap-widget> <script src="https://cap.molch.tech/assets/widget.js"></script> <script>
		if (typeof htmx !== 'undefined') {
			htmx.on("htmx:beforeSwap", () => {
				const el = document.querySelector("cap-widget");
				if (el) {
					const newEl = el.cloneNode(true);
					el.parentNode.replaceChild(newEl, el);
				}
			});
		}
	</script> <input aria-hidden="true" name="website" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;" tabindex="-1" type="text"></input><div class="group flex flex-col items-start mb-3 last:mb-0" hx-sync="this:replace" hx-target="this"> <button class="mt-6 inline-flex w-full items-center justify-center rounded-lg bg-primary-700 px-5 py-3 text-center text-sm font-medium text-white hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800" type="submit"> Demander le rapport PDF</button></div> </div> </div> </form> </div> </div> </div> </section> </div> </div> </div></section></div>
