{"id":220,"date":"2026-10-10T21:13:54","date_gmt":"2026-10-10T19:13:54","guid":{"rendered":"https:\/\/ticobsi.com\/?page_id=220"},"modified":"2026-10-10T21:13:54","modified_gmt":"2026-10-10T19:13:54","slug":"ticobsilogic-calculator","status":"publish","type":"page","link":"https:\/\/ticobsi.com\/index.php\/ticobsilogic-calculator\/","title":{"rendered":"TicobsiLogic Calculator"},"content":{"rendered":"<style id=\"crgf-css\">#crgf{--bg:#eef1f4;--card:#fff;--tx:#10161f;--mu:#5d6b7c;--ac:#0077b6;--acx:#fff;--bd:#d3dae2;--in:#f6f8fa;--hd:#10161f;--hx:#fff;--mk:#e6007e;box-sizing:border-box;position:relative;display:block;max-width:640px;margin:1.5em auto;background:var(--bg);color:var(--tx);font-family:inherit;font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;border-radius:14px;text-align:left}\n#crgf[data-theme=\"dark\"]{--bg:#0b0f14;--card:#151b23;--tx:#eaeef3;--mu:#94a3b5;--ac:#4cc2ff;--acx:#06202f;--bd:#2a3441;--in:#0f141b;--hd:#1d2733;--hx:#fff;}\n@media (prefers-color-scheme:dark){#crgf[data-theme=\"auto\"]{--bg:#0b0f14;--card:#151b23;--tx:#eaeef3;--mu:#94a3b5;--ac:#4cc2ff;--acx:#06202f;--bd:#2a3441;--in:#0f141b;--hd:#1d2733;--hx:#fff;}}\nbody.admin-bar #crgf{--crgf-top:32px}\n@media (max-width:782px){body.admin-bar #crgf{--crgf-top:46px}}\n#crgf,#crgf *,#crgf *::before,#crgf *::after{box-sizing:border-box}\n#crgf button{text-transform:none;letter-spacing:normal;box-shadow:none;margin:0}\n#crgf input,#crgf select{margin:0;box-shadow:none;max-width:100%}\n#crgf h2{text-transform:none;letter-spacing:normal}\n#crgf header{border-radius:14px;position:sticky;top:calc(var(--crgf-top,0px) + env(safe-area-inset-top,0px));z-index:5;background:var(--hd);color:var(--hx);padding:14px 20px 12px;margin:0}\n#crgf header::before,#crgf header::after{content:\"\";position:absolute;width:12px;height:12px;border:0 solid var(--mk);top:6px}\n#crgf header::before{left:6px;border-width:2px 0 0 2px}\n#crgf header::after{right:6px;border-width:2px 2px 0 0}\n#crgf .lb{font-size:13px;display:flex;justify-content:space-between;gap:12px}\n#crgf .lb a{color:var(--hx);opacity:.85}\n#crgf h2.crgf-h{font-size:18px;margin:24px 4px 12px;scroll-margin-top:110px}\n#crgf #tot{font-size:38px;font-weight:700;letter-spacing:-.02em;line-height:1.1}\n#crgf .sb{display:flex;gap:16px;font-size:14px;opacity:.9;margin-top:4px;flex-wrap:wrap}\n#crgf .crgf-main{padding:12px 12px 40px;max-width:560px;margin:0 auto}\n#crgf .cd{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px;margin-bottom:12px}\n#crgf h2{font-size:16px;margin:0 0 10px;font-weight:700}\n#crgf label{display:block;font-size:13px;color:var(--mu);margin-bottom:4px}\n#crgf input,#crgf select{width:100%;min-height:48px;font:inherit;font-size:16px;color:var(--tx);background:var(--in);border:1px solid var(--bd);border-radius:10px;padding:8px 12px}\n#crgf select{appearance:auto}\n#crgf input:focus,#crgf select:focus,#crgf button:focus-visible{outline:2px solid var(--ac);outline-offset:1px}\n#crgf .g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}\n#crgf .f{margin-bottom:10px}\n#crgf .f:last-child{margin-bottom:0}\n#crgf .nt{font-size:13px;color:var(--mu);margin:8px 0 0}\n#crgf .sg{display:grid;grid-template-columns:1fr 1fr;gap:8px}\n#crgf .sg button{min-height:48px;border:1px solid var(--bd);background:var(--in);color:var(--tx);border-radius:10px;font:inherit;font-size:15px;cursor:pointer}\n#crgf .sg button[aria-pressed=\"true\"]{background:var(--ac);color:var(--acx);border-color:var(--ac);font-weight:700}\n#crgf .st{display:grid;grid-template-columns:56px 1fr 56px;gap:8px}\n#crgf .st button{min-height:48px;font-size:26px;border:1px solid var(--bd);background:var(--in);color:var(--tx);border-radius:10px;cursor:pointer}\n#crgf .st input{text-align:center;font-weight:700;font-size:20px}\n#crgf .rw{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--bd)}\n#crgf .rw:last-child{border:0}\n#crgf .rw b{white-space:nowrap}\n#crgf .rw.t{font-weight:700;font-size:17px}\n#crgf .rw small{display:block;color:var(--mu);font-size:12px}\n#crgf .tr{padding:10px 0;border-bottom:1px solid var(--bd)}\n#crgf .tr:last-child{border:0}\n#crgf .tn{font-size:14px;font-weight:600;margin-bottom:6px}\n#crgf .rs{width:100%;min-height:48px;margin-top:4px;border:1px solid var(--bd);background:none;color:var(--tx);border-radius:10px;font:inherit;cursor:pointer}\n#crgf .nm{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:6px}\n#crgf .nm button{min-width:48px;min-height:48px;padding:0 10px;border:1px solid var(--bd);background:var(--in);color:var(--tx);border-radius:10px;font:inherit;cursor:pointer}\n#crgf .rs+.tr,#crgf section>.rs+.tr{margin-top:6px}\n#crgf input[type=search]{-webkit-appearance:none;appearance:none}\n#crgf .su{margin-top:6px;border:1px solid var(--bd);border-radius:10px;overflow-y:auto;max-height:280px;background:var(--card)}\n#crgf .su button{display:block;width:100%;min-height:48px;text-align:left;padding:8px 12px;border:0;border-bottom:1px solid var(--bd);background:var(--card);color:var(--tx);font:inherit;cursor:pointer}\n#crgf .su button:last-child{border:0}\n#crgf .su mark{background:none;color:var(--ac);font-weight:700}\n#crgf .su p{margin:0;padding:12px;color:var(--mu);font-size:14px}\n#crgf [hidden]{display:none!important}<\/style><div id=\"crgf\" data-theme=\"light\"><header>\n  <div class=\"lb\">Co\u00fbt de revient total HT <a href=\"#tarifs\" id=\"nv\">Param\u00e8tres \u2193<\/a><\/div>\n  <div id=\"tot\"><\/div>\n  <div class=\"sb\"><span id=\"pe\"><\/span><span id=\"pv\"><\/span><\/div>\n<\/header>\n\n<div class=\"crgf-main\" id=\"v1\">\n  <section class=\"cd\">\n    <h2>Format fini<\/h2>\n    <div class=\"g2\">\n      <div><label for=\"L\">Largeur (cm)<\/label><input id=\"L\" type=\"number\" inputmode=\"decimal\" step=\"any\" min=\"0\"><\/div>\n      <div><label for=\"H\">Hauteur (cm)<\/label><input id=\"H\" type=\"number\" inputmode=\"decimal\" step=\"any\" min=\"0\"><\/div>\n    <\/div>\n    <p class=\"nt\" id=\"zi\"><\/p>\n  <\/section>\n\n  <section class=\"cd\">\n    <h2>Support et impression<\/h2>\n    <div class=\"f\"><label for=\"q\">Rechercher une mati\u00e8re (3 caract\u00e8res minimum)<\/label><input id=\"q\" type=\"search\" autocomplete=\"off\" autocapitalize=\"off\" spellcheck=\"false\" placeholder=\"ex. vinyl, b\u00e2che, alu\u2026\" aria-controls=\"sug\"><div class=\"su\" id=\"sug\" role=\"listbox\" hidden><\/div><\/div>\n    <div class=\"f\"><label for=\"m\">Mati\u00e8re<\/label><select id=\"m\"><\/select><\/div>\n    <div class=\"f\"><label for=\"t\">Technique d'impression<\/label><select id=\"t\"><\/select><\/div>\n    <div class=\"f\"><label for=\"f\">Finition<\/label><select id=\"f\"><\/select><\/div>\n  <\/section>\n\n  <section class=\"cd\">\n    <h2>D\u00e9coupe<\/h2>\n    <div class=\"sg\" id=\"d\"><\/div>\n    <div class=\"f\" style=\"margin-top:10px\"><label for=\"ln\">Longueur de d\u00e9coupe (m), facultatif<\/label><input id=\"ln\" type=\"number\" inputmode=\"decimal\" step=\"any\" min=\"0\"><\/div>\n    <p class=\"nt\" id=\"dn\"><\/p>\n  <\/section>\n\n  <section class=\"cd\">\n    <h2>Quantit\u00e9s<\/h2>\n    <div class=\"f\"><label>Versions (visuels diff\u00e9rents)<\/label>\n      <div class=\"st\"><button data-s=\"v\" data-d=\"-1\" aria-label=\"Moins de versions\">\u2212<\/button><input id=\"v\" type=\"number\" inputmode=\"numeric\" min=\"1\" step=\"1\"><button data-s=\"v\" data-d=\"1\" aria-label=\"Plus de versions\">+<\/button><\/div><\/div>\n    <div class=\"f\"><label>Exemplaires par version<\/label>\n      <div class=\"st\"><button data-s=\"c\" data-d=\"-1\" aria-label=\"Moins d'exemplaires\">\u2212<\/button><input id=\"c\" type=\"number\" inputmode=\"numeric\" min=\"1\" step=\"1\"><button data-s=\"c\" data-d=\"1\" aria-label=\"Plus d'exemplaires\">+<\/button><\/div><\/div>\n    <p class=\"nt\" id=\"qn\"><\/p>\n  <\/section>\n\n  <section class=\"cd\">\n    <h2>D\u00e9tail du co\u00fbt de revient<\/h2>\n    <div id=\"bd\"><\/div>\n  <\/section>\n\n  <section class=\"cd\">\n    <h2>Prix de vente<\/h2>\n    <div class=\"f\"><label for=\"mg\">Marge sur co\u00fbt de revient (%)<\/label><input id=\"mg\" type=\"number\" inputmode=\"decimal\" step=\"any\" min=\"0\"><\/div>\n    <div id=\"pr\"><\/div>\n  <\/section>\n\n  <h2 id=\"tarifs\" class=\"crgf-h\">Param\u00e8tres et tarifs<\/h2>\n  <div id=\"tf\"><\/div>\n  <p class=\"nt\">Tarifs indicatifs : remplacez-les par vos co\u00fbts r\u00e9els. Ils sont conserv\u00e9s dans ce navigateur.<\/p>\n  <button class=\"rs\" id=\"rs\">R\u00e9tablir tous les tarifs et mati\u00e8res d'origine<\/button>\n  <div id=\"mt\" style=\"margin-top:12px\"><\/div>\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ticobsi.com\/index.php\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ticobsi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ticobsi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ticobsi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ticobsi.com\/index.php\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":3,"href":"https:\/\/ticobsi.com\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/ticobsi.com\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/ticobsi.com\/index.php\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}