{"id":2349,"date":"2020-10-29T19:41:14","date_gmt":"2020-10-29T19:41:14","guid":{"rendered":"https:\/\/staging.ezsign.ca\/prix\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/"},"modified":"2026-02-03T15:24:23","modified_gmt":"2026-02-03T15:24:23","slug":"details-des-forfaits-petites-et-moyennes-entreprises","status":"publish","type":"page","link":"https:\/\/www.ezsign.com\/fr\/tarifications\/details-des-forfaits-petites-et-moyennes-entreprises\/","title":{"rendered":"D\u00e9tails des forfaits petites et moyennes entreprises"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

< Retour aux options de forfaits<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

D\u00e9tails des forfaits petites et moyennes entreprises<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

*Forfait Affaires de base<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

User Tiers<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

n. d'utilisateurs<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Prix mensuel <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Prix par utilisateur suppl\u00e9mentaire<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1 - 10 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t11 - 20 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t21 - 50 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t51 - 100 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t101 - 250 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t251 - 500 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t501 - 1000 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1001 et plus<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
      \n\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t10<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t10<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t20<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t50<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t100<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t250<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t500<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1,000<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
      \n\t\t\t
      \n\t\t\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t122.50 $ <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t122.50 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t239.50 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t570.70 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1,094.20 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t2,582.20 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t4,934.70 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t9,389.70 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t
          \n\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tS.O.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t11.70 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t11.04 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t10.47 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t9.92 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t9.41 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t8.91 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t8.46 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t
          <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          *Forfait Affaires Pro<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          User Tiers<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

          \n\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          n. d'utilisateurs<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

          \n\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          Prix mensuel <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

          \n\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t

          Prix par utilisateur suppl\u00e9mentaire<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

          \n\t\t\t\t\t\t
          \n\t\t\t\t\t
          \n\t\t\t
          \n\t\t\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t
            \n\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1 - 10 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t11 - 20 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t21 - 50 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t51 - 100 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t101 - 250 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t251 - 500 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t501 - 1000 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
          • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1001 et plus<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
            \n\t\t\t
            \n\t\t\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t\t\t
              \n\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t10<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t10<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t20<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t50<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t100<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t250<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t500<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
            • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1,000<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
              \n\t\t\t
              \n\t\t\t\t\t\t
              \n\t\t\t\t
              \n\t\t\t\t\t\t\t
                \n\t\t\t\t\t\t\t
              • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t167.10 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
              • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t167.10 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
              • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t326.40 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
              • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t777.90 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
              • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1,490.90 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
              • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t3,511.40 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
              • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t6,698.90 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
              • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t12,748.90 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
                \n\t\t\t
                \n\t\t\t\t\t\t
                \n\t\t\t\t
                \n\t\t\t\t\t\t\t
                  \n\t\t\t\t\t\t\t
                • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tS.O.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t15.93 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t15.05 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t14.26 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t13.47 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t12.75 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t12.10 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t11.48 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
                  \n\t\t\t\t\t\t
                  \n\t\t\t\t\t
                  \n\t\t\t
                  \n\t\t\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t\t\t
                  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t

                  *Entreprise<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
                  \n\t\t\t\t\t\t
                  \n\t\t\t\t\t
                  \n\t\t\t
                  \n\t\t\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t

                  User Tiers<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

                  \n\t\t\t
                  \n\t\t\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t

                  n. d'utilisateurs<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

                  \n\t\t\t
                  \n\t\t\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t

                  Prix mensuel <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

                  \n\t\t\t
                  \n\t\t\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t

                  Prix par utilisateur suppl\u00e9mentaire<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

                  \n\t\t\t\t\t\t
                  \n\t\t\t\t\t
                  \n\t\t\t
                  \n\t\t\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t\t\t
                    \n\t\t\t\t\t\t\t
                  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1 - 10 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t11 - 20 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t21 - 50 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t51 - 100 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t101 - 250 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t251 - 500 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t501 - 1000 utilisateurs<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                  • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1001 et plus<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
                    \n\t\t\t
                    \n\t\t\t\t\t\t
                    \n\t\t\t\t
                    \n\t\t\t\t\t\t\t
                      \n\t\t\t\t\t\t\t
                    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t10<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t10<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t20<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t50<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t100<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t250<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t500<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                    • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1,000<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
                      \n\t\t\t
                      \n\t\t\t\t\t\t
                      \n\t\t\t\t
                      \n\t\t\t\t\t\t\t
                        \n\t\t\t\t\t\t\t
                      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t222.80 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t222.80 $ <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t435.50 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1,040.30 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t1,992.80 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t4,700.30 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t8,972.80 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                      • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t17,077.80 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
                        \n\t\t\t
                        \n\t\t\t\t\t\t
                        \n\t\t\t\t
                        \n\t\t\t\t\t\t\t
                          \n\t\t\t\t\t\t\t
                        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\tS.O.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t21.27 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t20.16 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t19.05 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t18.05 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t17.09 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t16.21 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t
                        • \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t15.31 $<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
                          \n\t\t\t\t\t\t
                          \n\t\t\t\t\t
                          \n\t\t\t
                          \n\t\t\t\t\t\t
                          \n\t\t\t\t
                          \n\t\t\t\t\t

                          SIMULATION (Forfait Affaires de base)\n<\/b><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
                          \n\t\t\t\t\t
                          \n\t\t\t\t
                          \n\t\t\t\t
                          \n\t\t\t\t\t\n\n\n \n \n Calculateur eZsign<\/title>\n\n <!-- Link to the stylesheet (same folder) -->\n\n<\/head>\n<body>\n <!--\n App bar\n - Contains the app title, info (pricing) button, compare button,\n theme toggle and language toggle.\n - You may remove the logo <img> if you don't have the file.\n -->\n <div class=\"appbar\">\n <img decoding=\"async\" data-src=\".\/logo-ezsign.png\" alt=\"eZsign\" onerror=\"this.style.display='none'\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n <div id=\"title\" class=\"app-title\">Calculateur eZsign<\/div>\n <button id=\"infoBtn\" class=\"icon-btn\" title=\"Tarifs\">i<\/button>\n <button id=\"compareBtn\" class=\"chip\">Comparer<\/button>\n <button id=\"themeBtn\" class=\"chip\">Th\u00e8me clair<\/button>\n <button id=\"langBtn\" class=\"lang-btn\">EN<\/button>\n <\/div>\n\n <!--\n Main Layout:\n - Inline compare button (adds more columns)\n - Lanes container: 1\u20133 columns, each a complete simulator\n -->\n <main class=\"container cs-fr-custom\" >\n <div class=\"inline-toolbar\">\n <button id=\"inlineCompareBtn\" class=\"chip btn-ghost\">\n + Comparer (ajouter une colonne)\n <\/button>\n <\/div>\n\n <!-- JS will populate lanes here -->\n <div id=\"lanes\" class=\"lanes\"><\/div>\n <\/main>\n\n <!-- Pricing modal (shows tables) -->\n <div id=\"pricingModal\" class=\"modal\" aria-hidden=\"true\">\n <div class=\"backdrop\" data-close><\/div>\n <div class=\"dialog\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"head\">\n <h3 id=\"pricingTitle\">Tarifs<\/h3>\n <button class=\"close-x\" data-close>×<\/button>\n <\/div>\n <div id=\"pricingBody\" class=\"body\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Compare modal (table-style comparison) -->\n <div id=\"compareModal\" class=\"modal\" aria-hidden=\"true\">\n <div class=\"backdrop\" data-close><\/div>\n <div class=\"dialog\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"head\">\n <h3 id=\"compareTitle\">Comparer les forfaits<\/h3>\n <button class=\"close-x\" data-close>×<\/button>\n <\/div>\n <div id=\"compareBody\" class=\"body\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Link to the JavaScript (same folder) -->\n \n<\/body>\n<\/html>\n\n\n<style>\n \/* ==========================================================================\n THEME TOKENS \/ CSS VARIABLES\n ========================================================================== *\/\n:root{\n --brand-primary:#e63946; --brand-primary-600:#d62839;\n --brand-bg:#fff; --card-bg:#fff; --output-bg:#fff;\n --brand-soft:#fff5f5; --brand-border:#f5c2c7; --note-bg:#fff8f8;\n --ink:#2d2d2d; --ink-muted:#666;\n --ok:#16a34a; --ok-b:#bbf7d0; --warn:#d97706; --warn-b:#fde68a;\n --shadow:0 8px 24px rgba(0,0,0,.06); --radius:14px;\n}\nhtml[data-theme=\"dark\"]{\n --brand-bg:#0A0F1C; --card-bg:#0f172a; --output-bg:#0b1220;\n --brand-soft:#0b1220; --brand-border:#23324A; --note-bg:rgba(59,130,246,.06);\n --ink:#E5E7EB; --ink-muted:#94a3b8; --shadow:0 10px 30px rgba(0,0,0,.25);\n}\n\n\/* Base *\/\n*{box-sizing:border-box}\nhtml,body{height:100%;background:var(--brand-bg);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Roboto,Arial}\nbody{margin:0;min-height:100vh}\n\n\/* ==========================================================================\n TOP BAR\n ========================================================================== *\/\n.appbar{\n background:var(--brand-primary);color:#fff;padding:14px 22px;\n display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:10;\n box-shadow:0 2px 10px rgba(0,0,0,.06)\n}\ndiv.appbar{\n display: none;\n}\n.appbar img{height:32px;width:auto;display:block}\n.app-title{\n \/* clamp() scales title a bit on small screens *\/\n font-weight:700;font-size:clamp(16px,1.8vw,18px);margin-right:auto\n}\n.chip,.lang-btn,.icon-btn{\n background:#fff;color:#a61b26;border:1px solid #fecdd3;\n padding:6px 10px;border-radius:999px;cursor:pointer;font-weight:600\n}\n.chip:hover,.lang-btn:hover,.icon-btn:hover{background:#fff5f5}\n.icon-btn{width:32px;height:32px;display:grid;place-items:center;font-weight:800;padding:0}\n\n\/* ==========================================================================\n PAGE LAYOUT\n - The lanes grid is responsive:\n \u2022 Desktop: 1\u20133 columns (controlled by .cols-2 \/ .cols-3)\n \u2022 Tablets: auto-fit columns down to ~360px\n \u2022 Phones: forced to 1 column (stacked)\n ========================================================================== *\/\n.container{max-width:1640px;margin:28px auto;display:grid;gap:18px}\n.inline-toolbar{display:flex;gap:10px;flex-wrap:wrap}\n.btn-ghost{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-border)}\n.btn-ghost:hover{background:var(--brand-soft)}\n\n\/* --- Default (large screens): use explicit column counts --- *\/\n.lanes{display:grid;grid-template-columns:repeat(1,minmax(520px,1fr));gap:18px}\n.lanes.cols-2{grid-template-columns:repeat(2,minmax(520px,1fr))}\n.lanes.cols-3{grid-template-columns:repeat(2,minmax(500px,1fr))}\n.lane-title{font-weight:800;color:var(--brand-primary);margin:2px 0 0 2px}\n.lanes.cols-3 .lane:nth-child(3n){\n grid-column:1 \/-1; \/* span full width *\/\n}\n\n\/* --- Medium screens (\u22641200px): auto-fit as many ~360px columns as we can --- *\/\n@media (max-width:1200px){\n .lanes, .lanes.cols-2, .lanes.cols-3{\n grid-template-columns:repeat(auto-fit,minmax(360px,1fr));\n }\n}\n\n\/* --- Small screens (\u2264700px): always stack to one column --- *\/\n@media (max-width:700px){\n .lanes, .lanes.cols-2, .lanes.cols-3{\n grid-template-columns:1fr;\n }\n}\n\n\/* Cards *\/\n.card{\n background:var(--card-bg);\n border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)\n}\n.card h2{margin:6px 0 10px;font-size:18px}\n.sub{color:var(--ink-muted);font-size:14px;margin-top:-2px}\n.note{\n margin-top:10px;font-size:13px;color:var(--ink);\n border:1px dashed gray;padding:10px 12px;border-radius:10px\n}\n\n\/* ==========================================================================\n FORM CONTROLS\n - Collapses 4 \u2192 2 \u2192 1 columns on narrower screens\n ========================================================================== *\/\n.controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:12px}\n@media (max-width:1100px){\n .controls{grid-template-columns:1fr 1fr}\n .controls .btn{grid-column:1\/-1}\n}\n@media (max-width:640px){\n .controls{grid-template-columns:1fr}\n}\n.field label{display:block;font-size:13px;color:var(--ink-muted);margin-bottom:6px}\n.field input[type=number], .field select{\n width:100%;padding:10px 12px;font-size:16px;\n border-radius:10px;background:#fff;color:#222;transition:border-color .15s,box-shadow .15s\n}\nhtml[data-theme=\"dark\"] .field input[type=number],\nhtml[data-theme=\"dark\"] .field select{background:#0b1220;color:#E5E7EB}\n.field input[type=number]:focus, .field select:focus{\n border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(230,57,70,.15)\n}\n.btn{padding:11px 16px;border-radius:10px;border:none;background:var(--brand-primary);color:#fff;font-weight:600;cursor:pointer;transition:background .2s}\n.btn:hover{background:var(--brand-primary-600)}\n\n\/* ==========================================================================\n KPIs \/ TOTAL BANNER\n ========================================================================== *\/\n.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:12px 0 6px}\n.kpi{border:1px solid black;border-radius:10px;padding:12px}\n.kpi .label{font-size:12px;color:var(--ink-muted)}\n.kpi .value{font-weight:700;font-size:18px;margin-top:4px}\n.total{margin-top:12px;padding:12px;border-radius:10px;font-weight:800;color:black;border:1px solid black}\n.total.warn{border-color:black;color:black}\n\n\/* Simulation output *\/\n.output{\n white-space:pre-wrap;font-family:ui-monospace,Menlo,Consolas,monospace;\n background:var(--output-bg);border:1px solid var(--brand-border);\n border-radius:12px;padding:16px;line-height:1.6;color:var(--ink)\n}\n\n\/* ==========================================================================\n MODALS\n - Scale down on phones (nearly full screen)\n ========================================================================== *\/\n.modal{position:fixed;inset:0;display:none}\n.modal.open{display:block}\n.modal .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}\n.modal .dialog{\n position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n width:min(1100px,92vw);max-height:85vh;overflow:auto;background:var(--card-bg);color:var(--ink);\n border:1px solid var(--brand-border);border-radius:14px;box-shadow:var(--shadow)\n}\n@media (max-width:640px){\n .modal .dialog{\n width:96vw;max-height:92vh;border-radius:10px;\n }\n}\n.modal .head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--brand-border);background:var(--brand-soft)}\n.modal .head h3{margin:0;color:var(--brand-primary)}\n.close-x{border:none;background:transparent;color:var(--ink);font-size:20px;cursor:pointer;padding:6px 10px;border-radius:8px}\n.close-x:hover{background:rgba(0,0,0,.06)}\n.modal .body{padding:16px}\n\n\/* Pricing tables *\/\n.price-table{width:100%;border-collapse:separate;border-spacing:0}\n.price-table th{background:var(--brand-primary);color:#fff;text-align:left;padding:10px 12px;font-weight:700}\n.price-table td{padding:10px 12px;border-left:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border)}\n.price-table th:first-child{border-top-left-radius:8px}\n.price-table th:last-child{border-top-right-radius:8px}\n.price-table tr:last-child td:first-child{border-bottom-left-radius:8px}\n.price-table tr:last-child td:last-child{border-bottom-right-radius:8px}\n.muted{color:var(--ink-muted);font-size:13px}\n.badge{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid var(--ok-b);background:#f0fdf4;color:var(--ok);font-weight:700;font-size:12px}\n\n<\/style>\n\n\n\n\n<script>\n \/* =============================================================================\n eZsign Calculator \u2014 app.js\n -----------------------------------------------------------------------------\n High-level structure:\n 1) Static pricing data and API tiers\n 2) i18n (French\/English) for all UI text\n 3) Cost helpers:\n - apiCostBreakdown(files, account)\n - userCostBreakdown(users, account)\n These both return \"tier-aware\" breakdowns (previous tier base + in-tier count \u00d7 rate).\n 4) buildSimulationHTML(): produces the narrative and all totals used by the UI\n 5) Inline lanes UI: create\/update 1\u20133 columns, wire events, run simulations\n 6) Pricing modal: tables adapt to visible plans; Enterprise shows API table\n 7) Compare modal: simple side-by-side numeric comparison\n 8) Language & Theme toggles; bootstrapping\n ============================================================================= *\/\n\n\n\/* =============================================================================\n 1) PRICING DATA\n -----------------------------------------------------------------------------\n - ACCOUNTS describes the three plans: Enterprise, Business Basic, Business Pro\n - Each plan has:\n - base: monthly base price\n - includesUsers: users included in the base (10)\n - includesFiles: API files included in base (Enterprise only: 100)\n - apiAvailable: whether API is offered by the plan\n - userSegments: array of [upperLimit, rate] for progressive pricing\n Example: [20, 20.26] means from 11\u201320 users the rate is 20.26 per user.\n - API_TIERS is similar but for API files (Enterprise only).\n ============================================================================= *\/\nconst ACCOUNTS = {\n enterprise: {\n key: 'enterprise',\n name_fr: 'Entreprise',\n name_en: 'Enterprise',\n base: 222.80, \/\/ base price (up to 10 users)\n includesFiles: 100, \/\/ 100 API files included in base\n includesUsers: 10, \/\/ 10 users included in base\n apiAvailable: true,\n \/\/ [upper limit of tier, price per additional user]\n userSegments: [\n [20, 21.27], \/\/ 11\u201320\n [50, 20.16], \/\/ 21\u201350\n [100, 19.05], \/\/ 51\u2013100\n [250, 18.05], \/\/ 101\u2013250\n [500, 17.09], \/\/ 251\u2013500\n [1000, 16.21], \/\/ 501\u20131000\n [Infinity, 15.31], \/\/ 1001+\n ],\n },\n\n basic: {\n key: 'basic',\n name_fr: 'Affaires de Base',\n name_en: 'Business Basic',\n base: 122.50, \/\/ base price (up to 10 users)\n includesFiles: 0,\n includesUsers: 10,\n apiAvailable: false,\n userSegments: [\n [20, 11.70], \/\/ 11\u201320\n [50, 11.04], \/\/ 21\u201350\n [100, 10.47], \/\/ 51\u2013100\n [250, 9.92], \/\/ 101\u2013250\n [500, 9.41], \/\/ 251\u2013500\n [1000, 8.91], \/\/ 501\u20131000\n [Infinity, 8.46], \/\/ 1001+\n ],\n },\n\n pro: {\n key: 'pro',\n name_fr: 'Affaires Pro',\n name_en: 'Business Pro',\n base: 167.10, \/\/ base price (up to 10 users)\n includesFiles: 0,\n includesUsers: 10,\n apiAvailable: false,\n userSegments: [\n [20, 15.93], \/\/ 11\u201320\n [50, 15.05], \/\/ 21\u201350\n [100, 14.26], \/\/ 51\u2013100\n [250, 13.47], \/\/ 101\u2013250\n [500, 12.75], \/\/ 251\u2013500\n [1000, 12.10], \/\/ 501\u20131000\n [Infinity, 11.48], \/\/ 1001+\n ],\n },\n };\n\n\/* API tiers for Enterprise\u2019s files.\n Tuple: [upperLimit, baseAtLimit, pricePerAdditionalFile]\n - baseAtLimit = total cost up to that tier limit (used to accumulate cost)\n - pricePerAdditionalFile = marginal price within the tier\n*\/\nconst API_TIERS = [\n [100, 0.00, 0.00], \/\/ 1\u2013100 (included)\n [200, 180.00, 1.80],\n [350, 438.00, 1.72],\n [600, 810.50, 1.49],\n [1100, 1485.50, 1.35],\n [2600, 3300.50, 1.21],\n [5100, 6025.50, 1.09],\n [10100, 10925.50, 0.98],\n [25100, 24275.50, 0.89],\n [50100, 45525.50, 0.85],\n [Infinity, 45525.50, 0.80],\n ];\n\n\/* =============================================================================\n 2) I18N \u2014 Translations and formatting setup\n -----------------------------------------------------------------------------\n - LANG and THEME are persisted in localStorage so the app remembers settings\n - t[...] contains all UI strings used throughout the app\n - fmtMoney \/ fmtNumber ensure correct locale formatting for currency and ints\n ============================================================================= *\/\nlet LANG=localStorage.getItem('ez_lang')||'fr';\nlet THEME=localStorage.getItem('ez_theme')||'light';\n\nlet moneyFmt=new Intl.NumberFormat(LANG==='fr'?'fr-CA':'en-CA',{style:'currency',currency:'CAD'});\nlet numFmt=new Intl.NumberFormat(LANG==='fr'?'fr-CA':'en-CA');\n\nconst t={\n fr:{\n title:'Calculateur eZsign',\n inlineCompare1:'+ Comparer (ajouter une colonne)',\n inlineCompare2:'+ Ajouter une troisi\u00e8me colonne',\n inlineCompare3:'\u21ba Revenir \u00e0 une seule',\n choose:'Choisissez le type de compte, puis entrez le nombre d\u2019utilisateurs (et de dossiers API si le plan le permet).',\n params:'Param\u00e8tres', quick:'R\u00e9sum\u00e9 rapide', details:'D\u00e9tails de la simulation',\n acct:'Type de compte', files:'Nombre de dossiers (par mois)', users:'Nombre d\u2019utilisateurs', calc:'Calculer',\n note_ent:'Le plan <b>Entreprise<\/b> inclut <b>10 utilisateurs<\/b> et <b>100 dossiers API<\/b>.',\n note_np:'Les plans <b>Business Basic<\/b> et <b>Business Pro<\/b> incluent <b>10 utilisateurs<\/b> et ne proposent pas l\u2019API.',\n k_files:'Dossiers envoy\u00e9s', k_api:'Frais API', k_users:'Utilisateurs', k_userfees:'Frais utilisateurs', k_total:'Total mensuel',\n empty:'Aucun calcul encore. Entrez les param\u00e8tres et cliquez \u00ab Calculer \u00bb.',\n sim:'SIMULATION',\n line2:(n,b,iu,if_)=>`Vous utilisez le forfait <b>${n}<\/b> \u00e0 ${fmtMoney(b)}\/mois, incluant ${iu} utilisateur${iu>1?'s':''}${if_>0?` et ${if_} dossiers API par mois`:''}.`,\n noneFiles:(inc)=>`Comme ${inc} dossiers sont inclus, aucun frais d\u2019API.`,\n mustPayFiles:(x,inc)=>`Comme ${inc} dossiers sont inclus, vous devez payer pour ${x} ${x===1?'dossier suppl\u00e9mentaire':'dossiers suppl\u00e9mentaires'}.`,\n tierFiles:(f,pb,c,r,pl,lim)=>`Dossiers: palier ${pl+1}\u2013${lim}. Base palier: ${fmtMoney(pb)}; ${c} restants (${f}-${pl}) \u00e0 ${fmtMoney(r)}\/dossier = ${fmtMoney(pb+c*r)}.`,\n month:'Calcul des frais mensuels',\n entRow:(n,b,iu,if_)=>`Forfait ${n} = ${fmtMoney(b)}\/mois (inclut ${iu} utilisateur${iu>1?'s':''}${if_>0?` et ${if_} dossiers`:''})`,\n apiRow:(pb,c,r)=>`Frais API = ${fmtMoney(pb)} + ${c} \u00d7 ${fmtMoney(r)} = ${fmtMoney(pb+c*r)}`,\n usersNone:(inc)=>`Comme ${inc} utilisateur${inc>1?'s':''} sont inclus, aucun frais utilisateurs.`,\n usersMust:(x)=>`Vous avez des frais pour ${x} ${x===1?'utilisateur suppl\u00e9mentaire':'utilisateurs suppl\u00e9mentaires'}.`,\n usersTier:(u,monthlyAtPrev,c,r,pl,lim)=>`Utilisateurs: palier ${pl+1}\u2013${lim}. Base palier: ${fmtMoney(monthlyAtPrev)}; ${c} restants (${u}-${pl}) \u00e0 ${fmtMoney(r)}\/utilisateur = ${fmtMoney(monthlyAtPrev + c*r)}.`,\n usersRow:(baseTier,c,r)=>`Frais utilisateurs = ${fmtMoney(baseTier)} + ${c} \u00d7 ${fmtMoney(r)} = ${fmtMoney(baseTier + c*r)}`,\n total:'TOTAL MENSUEL = ',\n themeLight:'Th\u00e8me clair', themeDark:'Th\u00e8me sombre',\n infoTitle:'Tarifs eZsign',\n compareTop:'Comparer', compareTitle:'Comparer les forfaits',\n thPlan:'Forfait', thBase:'Base', thUsers:'Utilisateurs', thUserFees:'Frais utilisateurs', thApiFees:'Frais API', thTotal:'Total',\n andUp:'et plus'\n },\n en:{\n title:'eZsign Calculator',\n inlineCompare1:'+ Compare (add column)',\n inlineCompare2:'+ Add third column',\n inlineCompare3:'\u21ba Back to single',\n choose:'Choose the account type, then enter the number of users (and API files if the plan allows it).',\n params:'Parameters', quick:'Quick summary', details:'Simulation details',\n acct:'Account type', files:'Number of files (per month)', users:'Number of users', calc:'Calculate',\n note_ent:'The <b>Enterprise<\/b> plan includes <b>10 users<\/b> and <b>100 API files<\/b>.',\n note_np:'The <b>Business Basic<\/b> and <b>Business Pro<\/b> plans include <b>10 users<\/b> and do not offer the API.',\n k_files:'Files sent', k_api:'API fees', k_users:'Users', k_userfees:'User fees', k_total:'Monthly total',\n empty:'No calculation yet. Enter parameters and click \u201cCalculate\u201d.',\n sim:'SIMULATION',\n line2:(n,b,iu,if_)=>`You\u2019re using the <b>${n}<\/b> plan at ${fmtMoney(b)}\/month, including ${iu} user${iu>1?'s':''}${if_>0?` and ${if_} API files per month`:''}.`,\n noneFiles:(inc)=>`Since ${inc} files are included, there are no API fees.`,\n mustPayFiles:(x,inc)=>`Since ${inc} files are included, you need to pay for ${x} additional ${x===1?'file':'files'}.`,\n tierFiles:(f,pb,c,r,pl,lim)=>`Files: tier ${pl+1}\u2013${lim}. Base tier: ${fmtMoney(pb)}; ${c} remaining (${f}-${pl}) at ${fmtMoney(r)}\/file = ${fmtMoney(pb+c*r)}.`,\n month:'Monthly fees calculation',\n entRow:(n,b,iu,if_)=>`${n} plan = ${fmtMoney(b)}\/month (includes ${iu} user${iu>1?'s':''}${if_>0?` and ${if_} files`:''})`,\n apiRow:(pb,c,r)=>`API fees = ${fmtMoney(pb)} + ${c} \u00d7 ${fmtMoney(r)} = ${fmtMoney(pb+c*r)}`,\n usersNone:(inc)=>`Since ${inc} user${inc>1?'s':''} are included, there are no user fees.`,\n usersMust:(x)=>`You have fees for ${x} additional ${x===1?'user':'users'}.`,\n usersTier:(u,monthlyAtPrev,c,r,pl,lim)=>`Users: tier ${pl+1}\u2013${lim}. Base tier: ${fmtMoney(monthlyAtPrev)}; ${c} remaining (${u}-${pl}) at ${fmtMoney(r)}\/user = ${fmtMoney(monthlyAtPrev + c*r)}.`,\n usersRow:(baseTier,c,r)=>`User fees = ${fmtMoney(baseTier)} + ${c} \u00d7 ${fmtMoney(r)} = ${fmtMoney(baseTier + c*r)}`,\n total:'MONTHLY TOTAL = ',\n themeLight:'Light theme', themeDark:'Dark theme',\n infoTitle:'eZsign Pricing',\n compareTop:'Compare', compareTitle:'Compare plans',\n thPlan:'Plan', thBase:'Base', thUsers:'Users', thUserFees:'User fees', thApiFees:'API fees', thTotal:'Total',\n andUp:'and up'\n }\n};\n\/\/ Helpers to format values using the current locale\nconst fmtMoney=n=>moneyFmt.format(n);\nconst fmtNumber=n=>numFmt.format(n);\n\n\n\/* =============================================================================\n 3) COST HELPERS (tier math)\n -----------------------------------------------------------------------------\n These functions do *not* talk to the DOM. They purely compute money\/tiers.\n -----------------------------------------------------------------------------\n apiCostBreakdown(files, account) returns:\n - prevLimit: lower bound of the current tier (e.g., 200)\n - prevBase: cumulative cost up to prevLimit\n - inTierCount: files - prevLimit\n - rate: price per additional file in current tier\n - apiTotal: total API fees for the given number of files\n userCostBreakdown(users, account) is analogous for user fees.\n ============================================================================= *\/\nfunction apiCostBreakdown(files, account){\n if(!account.apiAvailable) {\n \/\/ Plans without API always have zero API fees.\n return {files:0,prevLimit:0,prevBase:0,inTierCount:0,rate:0,apiTotal:0};\n }\n\n files=Math.max(0,Math.floor(Number(files)||0));\n \/\/ If files are within the included block, free.\n if(files<=account.includesFiles){\n return {files,prevLimit:account.includesFiles,prevBase:0,inTierCount:0,rate:0,apiTotal:0};\n }\n\n \/\/ Find the first tier where files <= tier.limit\n for(let i=1;i<API_TIERS.length;i++){\n const [limit, baseAtLimit, rate]=API_TIERS[i];\n if(files<=limit){\n const prevLimit=API_TIERS[i-1][0];\n const prevBase =API_TIERS[i-1][1];\n const inTierCount=files-prevLimit;\n const apiTotal=prevBase+inTierCount*rate;\n return {files,prevLimit,prevBase,inTierCount,rate,apiTotal};\n }\n }\n}\n\nfunction userCostBreakdown(users, account){\n users=Math.max(0,Math.floor(Number(users)||0));\n const inc=account.includesUsers;\n\n \/\/ If within included users, no extra user fees.\n if(users<=inc){\n return {users,prevLimit:inc,prevBase:0,inTierCount:0,rate:0,userTotal:0};\n }\n\n \/\/ We accumulate extras tier-by-tier until we find the current tier.\n let prevLimit=inc; \/\/ lower bound for the current tier\n let prevBase =0; \/\/ cumulative extras cost up to prevLimit\n\n for(const [limit,rate] of account.userSegments){\n if(users<=limit){\n const inTierCount=users-prevLimit;\n const userTotal=prevBase+inTierCount*rate; \/\/ extras only\n return {users,prevLimit,prevBase,inTierCount,rate,userTotal};\n } else {\n \/\/ We pass this tier completely: add its full width cost to prevBase.\n prevBase += (limit-prevLimit)*rate;\n prevLimit = limit;\n }\n }\n}\n\n\/* Small helpers to display \"tier upper bound\" nicely in narrative. *\/\nfunction findApiTierLimit(files){\n for(const [limit] of API_TIERS){ if(files<=limit) return limit===Infinity?'\u221e':limit; }\n return '\u221e';\n}\nfunction findUserTierLimit(users, acct){\n for(const [limit] of acct.userSegments){ if(users<=limit) return limit===Infinity?'\u221e':limit; }\n return '\u221e';\n}\n\n\n\/* =============================================================================\n 4) buildSimulationHTML(files, users, acct)\n -----------------------------------------------------------------------------\n Produces:\n - html: narrative (the text block shown in \"Simulation details\")\n - apiTotal: API extras total\n - userExtra: user extras total (ADDITIONAL ONLY) <-- used for the \"User fees\" KPI\n - userTotalWithBase: (base + extras) if ever needed elsewhere\n - totalMonthly: final monthly total (base + API extras + user extras)\n Notes:\n - \"monthlyAtPrevLimit\" is the monthly cost at the start of the current\n user tier: base + user extras up to prevLimit (used in our explanatory line).\n ============================================================================= *\/\nfunction buildSimulationHTML(files, users, acct){\n const bF = apiCostBreakdown(files, acct);\n const bU = userCostBreakdown(users, acct);\n\n const paidFiles = Math.max(0, acct.apiAvailable ? (files - acct.includesFiles) : 0);\n const paidUsers = Math.max(0, users - acct.includesUsers);\n\n const total = acct.base + bF.apiTotal + bU.userTotal; \/\/ final monthly total\n const monthlyAtPrevLimit = acct.base + bU.prevBase; \/\/ used in explanation\n const usersTotalAll = acct.base + bU.userTotal; \/\/ kept if needed\n\n const name = LANG === 'fr' ? acct.name_fr : acct.name_en;\n const parts = [];\n\n \/\/ Intro line (plan, base, inclusions)\n parts.push(`<b>${t[LANG].sim}<\/b>`);\n parts.push(t[LANG].line2(name, acct.base, acct.includesUsers, acct.includesFiles));\n\n \/\/ API narrative (Enterprise only)\n if (acct.apiAvailable) {\n if (paidFiles === 0) {\n parts.push(t[LANG].noneFiles(acct.includesFiles));\n } else {\n parts.push(t[LANG].mustPayFiles(paidFiles, acct.includesFiles));\n parts.push(\n t[LANG].tierFiles(\n files, bF.prevBase, bF.inTierCount, bF.rate, bF.prevLimit, findApiTierLimit(files)\n )\n );\n }\n }\n\n \/\/ Users narrative\n if (paidUsers === 0) {\n parts.push(t[LANG].usersNone(acct.includesUsers));\n } else {\n parts.push(t[LANG].usersMust(paidUsers));\n parts.push(\n t[LANG].usersTier(\n users, monthlyAtPrevLimit, bU.inTierCount, bU.rate, bU.prevLimit, findUserTierLimit(users, acct)\n )\n );\n }\n\n \/\/ Monthly fees breakdown (repeats the math with same structure)\n parts.push(`<b>${t[LANG].month}<\/b>`);\n parts.push(t[LANG].entRow(name, acct.base, acct.includesUsers, acct.includesFiles));\n if (acct.apiAvailable) parts.push(t[LANG].apiRow(bF.prevBase, bF.inTierCount, bF.rate));\n parts.push(t[LANG].usersRow(monthlyAtPrevLimit, bU.inTierCount, bU.rate));\n parts.push(`<b>${t[LANG].total}${fmtMoney(total)}<\/b>`);\n\n return {\n html: parts.join('<br><br>'),\n apiTotal: bF.apiTotal,\n userExtra: bU.userTotal, \/\/ << KPI shows extras only\n userTotalWithBase: usersTotalAll, \/\/ (not used for KPI but kept for flexibility)\n totalMonthly: total\n };\n}\n\n\n\/* =============================================================================\n 5) INLINE LANES UI (1\u20133 columns)\n -----------------------------------------------------------------------------\n The calculator can be shown as 1, 2 or 3 side-by-side \"lanes\".\n Each lane contains:\n - Parameters card\n - Quick summary (KPI) card\n - Simulation details card\n ============================================================================= *\/\nlet lanesCount=1;\nconst lanesEl=document.getElementById('lanes');\nconst inlineBtn=document.getElementById('inlineCompareBtn');\n\nfunction inlineCompareLabel(){\n if(lanesCount===1) return t[LANG].inlineCompare1;\n if(lanesCount===2) return t[LANG].inlineCompare2;\n return t[LANG].inlineCompare3;\n}\nfunction laneId(i,s){return `${s}-${i}`;}\nfunction accountOptionsHTML(sel){return `\n <option value=\"enterprise\"${sel==='enterprise'?' selected':''}>${LANG==='fr'?'Entreprise':'Enterprise'}<\/option>\n <option value=\"basic\"${sel==='basic'?' selected':''}>Business Basic<\/option>\n <option value=\"pro\"${sel==='pro'?' selected':''}>Business Pro<\/option>`;}\n\n\/* Build a single lane\u2019s DOM (as a string), then the caller inserts it. *\/\nfunction makeLane(i, defaults){\n const plan=defaults.plan||'enterprise';\n\n \/\/ Parameters card\n const paramsHTML=`\n <section class=\"card\">\n <div class=\"lane-title\">${t[LANG].params} \u2014 ${String.fromCharCode(65+i)}<\/div>\n <div class=\"sub\">${t[LANG].choose}<\/div>\n <div class=\"controls\">\n <div class=\"field\">\n <label for=\"${laneId(i,'plan')}\">${t[LANG].acct}<\/label>\n <select id=\"${laneId(i,'plan')}\">${accountOptionsHTML(plan)}<\/select>\n <\/div>\n\n <!-- Files input is hidden for plans without API -->\n <div class=\"field\" id=\"${laneId(i,'filesField')}\">\n <label for=\"${laneId(i,'files')}\">${t[LANG].files}<\/label>\n <input type=\"number\" id=\"${laneId(i,'files')}\" placeholder=\"${LANG==='fr'?'Ex. 350':'e.g., 350'}\" min=\"0\" inputmode=\"numeric\" value=\"${defaults.files??''}\">\n <\/div>\n\n <div class=\"field\">\n <label for=\"${laneId(i,'users')}\">${t[LANG].users}<\/label>\n <input type=\"number\" id=\"${laneId(i,'users')}\" placeholder=\"${LANG==='fr'?'Ex. 75':'e.g., 75'}\" min=\"1\" inputmode=\"numeric\" value=\"${defaults.users??10}\">\n <\/div>\n\n <button id=\"${laneId(i,'calc')}\" class=\"btn\">${t[LANG].calc}<\/button>\n <\/div>\n\n <div class=\"note\">${t[LANG].note_ent} ${t[LANG].note_np}<\/div>\n <\/section>`;\n\n \/\/ KPI card\n const kpiHTML=`\n <section class=\"card\" id=\"${laneId(i,'kpis')}\" style=\"display:none\">\n <h2>${t[LANG].quick}<\/h2>\n <div class=\"kpi-row\">\n <div class=\"kpi\" id=\"${laneId(i,'kpiBlockFiles')}\">\n <div class=\"label\">${t[LANG].k_files}<\/div>\n <div class=\"value\" id=\"${laneId(i,'kpiFiles')}\">\u2014<\/div>\n <\/div>\n <div class=\"kpi\" id=\"${laneId(i,'kpiBlockApi')}\">\n <div class=\"label\">${t[LANG].k_api}<\/div>\n <div class=\"value\" id=\"${laneId(i,'kpiApi')}\">\u2014<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">${t[LANG].k_users}<\/div>\n <div class=\"value\" id=\"${laneId(i,'kpiUsers')}\">\u2014<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">${t[LANG].k_userfees}<\/div>\n <div class=\"value\" id=\"${laneId(i,'kpiUserFees')}\">\u2014<\/div>\n <\/div>\n <div class=\"kpi\">\n <div class=\"label\">${t[LANG].k_total}<\/div>\n <div class=\"value\" id=\"${laneId(i,'kpiTotal')}\">\u2014<\/div>\n <\/div>\n <\/div>\n <div class=\"total\" id=\"${laneId(i,'totalBanner')}\">${t[LANG].total}\u2014<\/div>\n <\/section>`;\n\n \/\/ Output (narrative) card\n const outHTML=`\n <section class=\"card\">\n <h2>${t[LANG].details}<\/h2>\n <div id=\"${laneId(i,'output')}\" class=\"output\">${t[LANG].empty}<\/div>\n <\/section>`;\n\n \/\/ Wrap all three cards\n const wrap=document.createElement('div');\n wrap.className='lane';\n wrap.innerHTML=paramsHTML+kpiHTML+outHTML;\n return wrap;\n}\n\n\/* Ensure we have N lanes (1\u20133).\n - Rebuilds the grid from scratch but preserves previous input values.\n*\/\nfunction ensureLanes(n){\n lanesCount=Math.max(1,Math.min(3,n));\n lanesEl.classList.toggle('cols-2',lanesCount===2);\n lanesEl.classList.toggle('cols-3',lanesCount===3);\n\n \/\/ Save current input values so we can rehydrate after re-render\n const prev=[];\n lanesEl.querySelectorAll('.lane').forEach((lane,idx)=>{\n prev.push({\n plan:(lane.querySelector(`#${laneId(idx,'plan')}`)||{}).value||'enterprise',\n files:(lane.querySelector(`#${laneId(idx,'files')}`)||{}).value,\n users:(lane.querySelector(`#${laneId(idx,'users')}`)||{}).value\n });\n });\n\n lanesEl.innerHTML='';\n for(let i=0;i<lanesCount;i++){\n lanesEl.appendChild(makeLane(i,prev[i]||{plan:'enterprise',files:'',users:10}));\n }\n\n for(let i=0;i<lanesCount;i++) wireLane(i);\n\n inlineBtn.textContent=inlineCompareLabel();\n updatePlanUIAll();\n}\n\n\/* Wire events for a given lane. *\/\nfunction wireLane(i){\n const sel=id=>document.getElementById(laneId(i,id));\n const run=()=>runSimulation(i);\n sel('calc').addEventListener('click',run);\n sel('plan').addEventListener('change',()=>{updatePlanUI(i);run();});\n sel('files')?.addEventListener('input',run);\n sel('users').addEventListener('input',run);\n}\n\n\/* Hide\/show fields depending on whether the chosen plan has API. *\/\nfunction updatePlanUI(i){\n const sel=id=>document.getElementById(laneId(i,id));\n const a=ACCOUNTS[ sel('plan').value ];\n sel('filesField').style.display=a.apiAvailable?'':'none';\n sel('kpiBlockFiles').style.display=a.apiAvailable?'':'none';\n sel('kpiBlockApi').style.display =a.apiAvailable?'':'none';\n}\nfunction updatePlanUIAll(){ for(let i=0;i<lanesCount;i++) updatePlanUI(i); }\n\n\/* Run a simulation for lane i and fill KPIs + narrative. *\/\nfunction runSimulation(i){\n const sel=id=>document.getElementById(laneId(i,id));\n const a=ACCOUNTS[ sel('plan').value ];\n\n const files=a.apiAvailable?parseInt(sel('files').value||'0',10):0;\n const users=parseInt(sel('users').value||String(a.includesUsers),10);\n\n const kpis=document.getElementById(laneId(i,'kpis'));\n const out=sel('output');\n\n if(isNaN(users)||users<1){\n out.textContent=t[LANG].empty; kpis.style.display='none'; return;\n }\n\n const res=buildSimulationHTML(files,users,a);\n\n \/\/ Narrative\n out.innerHTML=res.html;\n kpis.style.display='block';\n\n \/\/ KPIs\n if(a.apiAvailable){\n document.getElementById(laneId(i,'kpiFiles')).textContent=fmtNumber(files);\n document.getElementById(laneId(i,'kpiApi')).textContent=fmtMoney(res.apiTotal);\n }\n document.getElementById(laneId(i,'kpiUsers')).textContent=fmtNumber(users);\n \/\/ IMPORTANT: show ADDITIONAL user fees only (not base)\n document.getElementById(laneId(i,'kpiUserFees')).textContent=fmtMoney(res.userExtra);\n document.getElementById(laneId(i,'kpiTotal')).textContent=fmtMoney(res.totalMonthly);\n\n const banner=document.getElementById(laneId(i,'totalBanner'));\n banner.textContent=t[LANG].total+fmtMoney(res.totalMonthly);\n banner.className='total'+((res.apiTotal+res.userExtra)===0?' warn':'');\n}\n\n\n\/* =============================================================================\n 6) PRICING MODAL (tables)\n -----------------------------------------------------------------------------\n - Adapts to which plans are visible in the inline view.\n - If Enterprise is present, include the API grid.\n - User tables mimic the API table structure: \"included\" row + progressive tiers.\n ============================================================================= *\/\nfunction getVisiblePlans() {\n const seen = new Set();\n for (let i = 0; i < lanesCount; i++) {\n const el = document.getElementById(`plan-${i}`);\n if (el && el.value) seen.add(el.value);\n }\n if (seen.size === 0) seen.add('enterprise');\n return Array.from(seen);\n}\n\n\/* Build a \"user pricing table\" for a plan with API-like structure. *\/\nfunction userTableFor(plan) {\n const title = (LANG === 'fr' ? plan.name_fr : plan.name_en);\n\n const includedLabel =\n LANG === 'fr' ? 'Les 10 premiers utilisateurs sont inclus' : 'The first 10 users are included';\n const includedInPlan =\n LANG === 'fr' ? `Inclus dans le forfait ${title}` : `Included in the ${title} plan`;\n\n \/\/ First row: included block\n let rows = `\n <tr>\n <td>${includedLabel}<\/td>\n <td>${fmtNumber(plan.includesUsers)}<\/td>\n <td>${includedInPlan}<\/td>\n <td>${fmtMoney(0)}<\/td>\n <\/tr>`;\n\n \/\/ Then each progressive tier. We display the *monthly at tier start*,\n \/\/ which equals base + extras up to the lower bound of that tier.\n let prevIncluded = plan.includesUsers;\n let cumulativeExtras = 0;\n\n for (const [limit, rate] of plan.userSegments) {\n const range =\n limit === Infinity\n ? `${fmtNumber(prevIncluded + 1)} ${t[LANG].andUp}`\n : `${fmtNumber(prevIncluded + 1)} \u2013 ${fmtNumber(limit)}`;\n\n const monthlyAtTierStart = fmtMoney(plan.base + cumulativeExtras);\n\n rows += `\n <tr>\n <td>${range}<\/td>\n <td>${fmtNumber(prevIncluded)}<\/td>\n <td>${monthlyAtTierStart}<\/td>\n <td>${fmtMoney(rate)}<\/td>\n <\/tr>`;\n\n \/\/ Advance to next tier\n const segCount = (limit === Infinity ? 0 : (limit - prevIncluded));\n cumulativeExtras += segCount * rate;\n prevIncluded = limit;\n }\n\n return `\n <div class=\"section-title\" style=\"margin:10px 0 6px;font-weight:700;color:var(--ink);\">${title}<\/div>\n <table class=\"price-table\">\n <thead>\n <tr>\n <th>${LANG==='fr' ? 'Paliers d\u2019utilisateurs' : 'User tiers'}<\/th>\n <th>${LANG==='fr' ? 'n. d\u2019utilisateurs inclus' : 'Number of users included'}<\/th>\n <th>${LANG==='fr' ? 'Prix mensuel' : 'Monthly price'}<\/th>\n <th>${LANG==='fr' ? 'Prix par utilisateur suppl\u00e9mentaire' : 'Price per additional user'}<\/th>\n <\/tr>\n <\/thead>\n <tbody>${rows}<\/tbody>\n <\/table>`;\n}\n\nfunction renderPricingTables() {\n const body = document.getElementById('pricingBody');\n const visible = getVisiblePlans();\n const order = ['basic','pro','enterprise']; \/\/ display order\n let html = '';\n\n \/\/ API grid only if Enterprise is on screen\n if (visible.includes('enterprise')) {\n let apiRows = `\n <tr>\n <td>**1\u2013100***<\/td>\n <td>${fmtNumber(100)}<\/td>\n <td>${LANG==='fr' ? 'Inclus dans le forfait Entreprise' : 'Included in the Enterprise plan'}<\/td>\n <td>${fmtMoney(0)}<\/td>\n <\/tr>`;\n\n for (let i = 1; i < API_TIERS.length; i++) {\n const limit = API_TIERS[i][0];\n const prev = API_TIERS[i - 1][0];\n const rate = API_TIERS[i][2];\n const base = API_TIERS[i - 1][1];\n\n const range = (limit === Infinity)\n ? `${fmtNumber(prev + 1)} ${t[LANG].andUp}`\n : `${fmtNumber(prev + 1)} \u2013 ${fmtNumber(limit)}`;\n\n apiRows += `\n <tr>\n <td>${range}<\/td>\n <td>${fmtNumber(prev)}<\/td>\n <td>${fmtMoney(base)}<\/td>\n <td>${fmtMoney(rate)}<\/td>\n <\/tr>`;\n }\n\n html += `\n <div class=\"section-title\" style=\"margin:10px 0 6px;font-weight:700;color:var(--ink);\">\n ${LANG==='fr' ? 'API (dossiers)' : 'API (files)'}\n <\/div>\n <table class=\"price-table\">\n <thead>\n <tr>\n <th>${LANG==='fr' ? 'Nombre de dossiers compl\u00e9t\u00e9s par mois' : 'Number of completed folders per month'}<\/th>\n <th>${LANG==='fr' ? 'Nombre de dossiers inclus' : 'Number of envelopes included'}<\/th>\n <th>${LANG==='fr' ? 'Prix mensuel' : 'Monthly price'}<\/th>\n <th>${LANG==='fr' ? 'Prix par dossier compl\u00e9t\u00e9 suppl\u00e9mentaire' : 'Price per additional completed folders'}<\/th>\n <\/tr>\n <\/thead>\n <tbody>${apiRows}<\/tbody>\n <\/table>`;\n }\n\n \/\/ User tables for visible plans\n for (const key of order) if (visible.includes(key)) html += userTableFor(ACCOUNTS[key]);\n\n html += `\n <p class=\"muted\" style=\"margin-top:10px\">\n ${LANG==='fr'\n ? 'Contenu ajust\u00e9 selon les forfaits visibles \u00e0 l\u2019\u00e9cran. La grille API appara\u00eet seulement si le forfait Entreprise est pr\u00e9sent.'\n : 'Content adapts to the plans visible on screen. The API grid appears only when Enterprise is present.'}\n <\/p>`;\n\n document.getElementById('pricingTitle').textContent = t[LANG].infoTitle;\n body.innerHTML = html;\n}\n\n\n\/* =============================================================================\n 7) COMPARE MODAL\n -----------------------------------------------------------------------------\n - Uses the inputs from lane A (first column) to compute totals for all plans\n - Shows base, users, additional user fees, API fees (if any), and total\n - Highlights the best total with a badge\n ============================================================================= *\/\nfunction renderCompareModal(){\n const body=document.getElementById('compareBody');\n document.getElementById('compareTitle').textContent=t[LANG].compareTitle;\n\n const files=parseInt((document.getElementById('files-0')||{}).value||'0',10);\n const users=parseInt((document.getElementById('users-0')||{}).value||'10',10);\n\n const rows=[], results=[];\n for(const key of ['basic','pro','enterprise']){\n const p=ACCOUNTS[key]; const F=p.apiAvailable?files:0, U=users;\n const bF=apiCostBreakdown(F,p), bU=userCostBreakdown(U,p);\n const total=p.base+bF.apiTotal+bU.userTotal;\n results.push({key,total});\n\n \/\/ \"User fees\" column shows ADDITIONAL user fees only (to match KPI semantics).\n rows.push(`<tr>\n <td>${LANG==='fr'?p.name_fr:p.name_en}<\/td>\n <td>${fmtMoney(p.base)}<\/td>\n <td>${fmtNumber(U)}<\/td>\n <td>${fmtMoney(bU.userTotal)}<\/td>\n <td>${p.apiAvailable?fmtMoney(bF.apiTotal):'\u2014'}<\/td>\n <td data-t=\"${total}\">${fmtMoney(total)}<\/td>\n <\/tr>`);\n }\n\n const best=results.reduce((a,b)=>a.total<b.total?a:b);\n\n body.innerHTML=`\n <table class=\"price-table\">\n <thead><tr>\n <th>${t[LANG].thPlan}<\/th>\n <th>${t[LANG].thBase}<\/th>\n <th>${t[LANG].thUsers}<\/th>\n <th>${t[LANG].thUserFees}<\/th>\n <th>${t[LANG].thApiFees}<\/th>\n <th>${t[LANG].thTotal}<\/th>\n <\/tr><\/thead>\n <tbody>${rows.join('')}<\/tbody>\n <\/table>\n <p class=\"muted\" style=\"margin-top:8px\">\n ${LANG==='fr'?'Comparaison bas\u00e9e sur la colonne A.':'Comparison uses column A inputs.'}\n <span class=\"badge\">${LANG==='fr'?'Meilleur prix':'Best price'}<\/span> :\n ${LANG==='fr'?ACCOUNTS[best.key].name_fr:ACCOUNTS[best.key].name_en}\n <\/p>`;\n\n \/\/ Visually mark the best total\n body.querySelectorAll('td[data-t]').forEach(td=>{\n if(Number(td.dataset.t)===best.total){\n td.innerHTML=`<span class=\"badge\">${fmtMoney(best.total)}<\/span>`;\n }\n });\n}\n\n\n\/* =============================================================================\n 8) LANGUAGE \/ THEME & BOOTSTRAP\n -----------------------------------------------------------------------------\n Simple toggles with localStorage persistence. Re-render when language changes.\n ============================================================================= *\/\nfunction setTheme(theme){\n THEME=theme;\n localStorage.setItem('ez_theme',THEME);\n document.documentElement.setAttribute('data-theme',THEME);\n document.getElementById('themeBtn').textContent=\n THEME==='dark'?t[LANG].themeDark:t[LANG].themeLight;\n}\n\nfunction setLang(lang){\n LANG=lang;\n localStorage.setItem('ez_lang',LANG);\n\n \/\/ Rebuild formatters for the new locale\n moneyFmt=new Intl.NumberFormat(LANG==='fr'?'fr-CA':'en-CA',{style:'currency',currency:'CAD'});\n numFmt=new Intl.NumberFormat(LANG==='fr'?'fr-CA':'en-CA');\n\n \/\/ Update static labels\n document.getElementById('title').textContent=t[LANG].title;\n document.getElementById('compareBtn').textContent=t[LANG].compareTop;\n document.getElementById('themeBtn').textContent=THEME==='dark'?t[LANG].themeDark:t[LANG].themeLight;\n document.getElementById('langBtn').textContent=LANG==='fr'?'EN':'FR';\n inlineBtn.textContent=inlineCompareLabel();\n\n \/\/ Re-render lanes with existing values, and refresh modals if open\n ensureLanes(lanesCount);\n if(document.getElementById('pricingModal').classList.contains('open')) renderPricingTables();\n if(document.getElementById('compareModal').classList.contains('open')) renderCompareModal();\n}\n\n\/* Wire top-bar buttons *\/\ndocument.getElementById('langBtn').onclick = ()=> setLang(LANG==='fr'?'en':'fr');\ndocument.getElementById('themeBtn').onclick = ()=> setTheme(THEME==='light'?'dark':'light');\ndocument.getElementById('infoBtn').onclick = ()=>{\n renderPricingTables();\n const m=document.getElementById('pricingModal');\n m.classList.add('open'); m.setAttribute('aria-hidden','false');\n};\ndocument.getElementById('compareBtn').onclick= ()=>{\n renderCompareModal();\n const m=document.getElementById('compareModal');\n m.classList.add('open'); m.setAttribute('aria-hidden','false');\n};\n\n\/* Inline compare button: cycles 1 \u2192 2 \u2192 3 \u2192 1 columns *\/\ninlineBtn.onclick = ()=>{\n const next = (lanesCount===1)?2:(lanesCount===2)?3:1;\n ensureLanes(next);\n};\n\n\/* Initial boot *\/\nsetTheme(THEME);\nsetLang(LANG);\nensureLanes(1);\n\n\/* Modal close handlers *\/\ndocument.querySelectorAll('[data-close]').forEach(el=> el.addEventListener('click', ()=>{\n const m=el.closest('.modal'); m.classList.remove('open'); m.setAttribute('aria-hidden','true');\n}));\ndocument.querySelectorAll('.modal .backdrop').forEach(el=> el.addEventListener('click', ()=>{\n const m=el.closest('.modal'); m.classList.remove('open'); m.setAttribute('aria-hidden','true');\n}));\n\n\n<\/script>\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n if (document.querySelector(\".cs-fr-custom\")) {\n let mycs = document.getElementById(\"langBtn\");\n if (mycs && mycs.innerText.trim() === \"FR\") {\n mycs.click();\n } \n }\n });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b47e5d elementor-align-center popmake-18043 elementor-widget elementor-widget-button\" data-id=\"1b47e5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contacter les ventes<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-982a3ff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"982a3ff\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ff6d6dd\" data-id=\"ff6d6dd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23ef4a8 elementor-widget elementor-widget-heading\" data-id=\"23ef4a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">SIMULATION (Forfait Affaires de base)<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfdf3d7 elementor-widget elementor-widget-text-editor\" data-id=\"cfdf3d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Calcul du prix mensuel pour 30 utilisateurs<\/strong><\/p><p>Si vous avez <strong>30 utilisateurs<\/strong>, vous vous situez dans la <strong>fourchette de 21 \u00e0 50 utilisateurs<\/strong>.<\/p><p>Le <strong>co\u00fbt de base de 239.50 $<\/strong> comprend <strong>20 utilisateurs<\/strong>.<br \/>Les utilisateurs suppl\u00e9mentaires sont factur\u00e9s au co\u00fbt de <strong>11.04 $ par utilisateur<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-241b631 elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"241b631\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>Calcul d\u00e9taill\u00e9 du prix mensuel<\/strong><\/p><p>\u00a0<\/p><ul><li>Co\u00fbt de base : <strong>239.50 $<\/strong> (20 utilisateurs inclus)<\/li><li>Utilisateurs suppl\u00e9mentaires : <strong>10 utilisateurs<\/strong><\/li><li>Co\u00fbt des utilisateurs suppl\u00e9mentaires : <strong>110.40 $<\/strong><br \/><i>(30 requis \u2013 20 inclus = 10 suppl\u00e9mentaires \u00e0 11.04 $)<\/i><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db46854 elementor-widget elementor-widget-text-editor\" data-id=\"db46854\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>TOTAL MENSUEL : 349.90 $<\/strong><\/p><p style=\"text-align: center;\">Cela repr\u00e9sente une <strong>moyenne de 11.66 $ \/ mois par utilisateur<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15e20f4 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"15e20f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.ezsign.com\/fr\/contactez-nous\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">POUR PLUS D'INFORMATIONS, CONSULTEZ UN CONSULTANT<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5bd3cc elementor-widget elementor-widget-heading\" data-id=\"d5bd3cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/\">Retour aux options de forfaits<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>< Retour aux options de forfaits D\u00e9tails des forfaits petites et moyennes entreprises *Forfait Affaires de base User Tiers n. d’utilisateurs Prix mensuel Prix par utilisateur suppl\u00e9mentaire 1 – 10 utilisateurs 11 – 20 utilisateurs 21 – 50 utilisateurs 51 – 100 utilisateurs 101 – 250 utilisateurs 251 – 500 utilisateurs 501 – 1000 utilisateurs […]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":6285,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"content-type":"","footnotes":""},"class_list":["post-2349","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>D\u00e9tails des forfaits petites et moyennes entreprises - eZsign<\/title>\n<meta name=\"description\" content=\"D\u00e9tails des forfaits petites et moyennes entreprises\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9tails des forfaits petites et moyennes entreprises\" \/>\n<meta property=\"og:description\" content=\"< Retour aux options de forfaits D\u00e9tails des forfaits petites et moyennes entreprises *Forfait Affaires de base User Tiers n. d'utilisateurs Prix\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/\" \/>\n<meta property=\"og:site_name\" content=\"eZsign\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ezsign.ca\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-03T15:24:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ezsign.com\/wp-content\/uploads\/2024\/06\/eZsign_logo_4C2x1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"294\" \/>\n\t<meta property=\"og:image:height\" content=\"116\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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:\\\/\\\/www.ezsign.com\\\/fr\\\/tarifications\\\/details-des-forfaits-petites-et-moyennes-entreprises\\\/\",\"url\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/tarifications\\\/forfaits-moyennes-et-grandes-entreprises\\\/details-des-forfaits-petites-et-moyennes-entreprises\\\/\",\"name\":\"D\u00e9tails des forfaits petites et moyennes entreprises - eZsign\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/#website\"},\"datePublished\":\"2020-10-29T19:41:14+00:00\",\"dateModified\":\"2026-02-03T15:24:23+00:00\",\"description\":\"D\u00e9tails des forfaits petites et moyennes entreprises\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/tarifications\\\/forfaits-moyennes-et-grandes-entreprises\\\/details-des-forfaits-petites-et-moyennes-entreprises\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/tarifications\\\/forfaits-moyennes-et-grandes-entreprises\\\/details-des-forfaits-petites-et-moyennes-entreprises\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/tarifications\\\/forfaits-moyennes-et-grandes-entreprises\\\/details-des-forfaits-petites-et-moyennes-entreprises\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tarification\",\"item\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/pricing\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"D\u00e9tails des forfaits petites et moyennes entreprises\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/\",\"name\":\"eZsign\",\"description\":\"Fast and easy e-signature solution\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/#organization\",\"name\":\"EZsign - Fast and easy e-signature solution\",\"url\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.ezsign.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/eZsign_logo_4C2x1.png\",\"contentUrl\":\"https:\\\/\\\/www.ezsign.com\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/eZsign_logo_4C2x1.png\",\"width\":294,\"height\":116,\"caption\":\"EZsign - Fast and easy e-signature solution\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ezsign.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ezsign.ca\",\"https:\\\/\\\/www.instagram.com\\\/ezsign.ca\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ezsign\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC-s2lR6CKIoBciOQ2A8WpCQ\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"D\u00e9tails des forfaits petites et moyennes entreprises - eZsign","description":"D\u00e9tails des forfaits petites et moyennes entreprises","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:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/","og_locale":"fr_FR","og_type":"article","og_title":"D\u00e9tails des forfaits petites et moyennes entreprises","og_description":"< Retour aux options de forfaits D\u00e9tails des forfaits petites et moyennes entreprises *Forfait Affaires de base User Tiers n. d'utilisateurs Prix","og_url":"https:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/","og_site_name":"eZsign","article_publisher":"https:\/\/www.facebook.com\/ezsign.ca","article_modified_time":"2026-02-03T15:24:23+00:00","og_image":[{"width":294,"height":116,"url":"https:\/\/www.ezsign.com\/wp-content\/uploads\/2024\/06\/eZsign_logo_4C2x1.png","type":"image\/png"}],"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:\/\/www.ezsign.com\/fr\/tarifications\/details-des-forfaits-petites-et-moyennes-entreprises\/","url":"https:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/","name":"D\u00e9tails des forfaits petites et moyennes entreprises - eZsign","isPartOf":{"@id":"https:\/\/www.ezsign.com\/fr\/#website"},"datePublished":"2020-10-29T19:41:14+00:00","dateModified":"2026-02-03T15:24:23+00:00","description":"D\u00e9tails des forfaits petites et moyennes entreprises","breadcrumb":{"@id":"https:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ezsign.com\/fr\/tarifications\/forfaits-moyennes-et-grandes-entreprises\/details-des-forfaits-petites-et-moyennes-entreprises\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ezsign.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Tarification","item":"https:\/\/www.ezsign.com\/fr\/pricing\/"},{"@type":"ListItem","position":3,"name":"D\u00e9tails des forfaits petites et moyennes entreprises"}]},{"@type":"WebSite","@id":"https:\/\/www.ezsign.com\/fr\/#website","url":"https:\/\/www.ezsign.com\/fr\/","name":"eZsign","description":"Fast and easy e-signature solution","publisher":{"@id":"https:\/\/www.ezsign.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ezsign.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.ezsign.com\/fr\/#organization","name":"EZsign - Fast and easy e-signature solution","url":"https:\/\/www.ezsign.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.ezsign.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.ezsign.com\/wp-content\/uploads\/2024\/06\/eZsign_logo_4C2x1.png","contentUrl":"https:\/\/www.ezsign.com\/wp-content\/uploads\/2024\/06\/eZsign_logo_4C2x1.png","width":294,"height":116,"caption":"EZsign - Fast and easy e-signature solution"},"image":{"@id":"https:\/\/www.ezsign.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ezsign.ca","https:\/\/www.instagram.com\/ezsign.ca\/","https:\/\/www.linkedin.com\/company\/ezsign","https:\/\/www.youtube.com\/channel\/UC-s2lR6CKIoBciOQ2A8WpCQ"]}]}},"_links":{"self":[{"href":"https:\/\/www.ezsign.com\/fr\/wp-json\/wp\/v2\/pages\/2349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ezsign.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ezsign.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ezsign.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ezsign.com\/fr\/wp-json\/wp\/v2\/comments?post=2349"}],"version-history":[{"count":0,"href":"https:\/\/www.ezsign.com\/fr\/wp-json\/wp\/v2\/pages\/2349\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.ezsign.com\/fr\/wp-json\/wp\/v2\/pages\/6285"}],"wp:attachment":[{"href":"https:\/\/www.ezsign.com\/fr\/wp-json\/wp\/v2\/media?parent=2349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}