{"id":17116,"date":"2026-04-21T11:29:21","date_gmt":"2026-04-21T09:29:21","guid":{"rendered":"https:\/\/kinbrique.com\/?page_id=17116"},"modified":"2026-04-21T11:35:33","modified_gmt":"2026-04-21T09:35:33","slug":"calculateur-carrelage-colle-joint-kinshasa","status":"publish","type":"page","link":"https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/","title":{"rendered":"Calculateur carrelage &amp; colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17116\" class=\"elementor elementor-17116\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74f8c73 e-flex e-con-boxed wd-section-disabled wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"74f8c73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a03daf elementor-widget elementor-widget-html\" data-id=\"8a03daf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     KINBRIQUE \u2014 Outil #6 : Calculateur Carrelage & Colle\r\n     Styles inline + JS setProperty important \u2014 anti-th\u00e8me WP\r\n     ============================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;800&family=Barlow:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n\r\n<style>\r\n#kb6{max-width:780px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 6px 32px rgba(0,0,0,.13);}\r\n#kb6 *{box-sizing:border-box;margin:0;padding:0;}\r\n.kb6-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\r\n.kb6-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}\r\n.kb6-res{display:none;}\r\n.kb6-res.on{display:block;animation:kb6up .35s ease;}\r\n@keyframes kb6up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\r\n.kb6-mat{background:#FAF6F2;border-radius:10px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;border-left:3px solid transparent;transition:border-left-color .2s;}\r\n.kb6-mat:hover{border-left-color:#E8590C;}\r\n.kb6-mat-l{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}\r\n.kb6-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}\r\n.kb6-mat-r{text-align:right;flex-shrink:0;}\r\n.kb6-kv{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;}\r\n.kb6-kv-item{border-radius:10px;padding:12px;text-align:center;}\r\n.kb6-format-btns{display:flex;gap:8px;flex-wrap:wrap;}\r\n.kb6-format-btn{border:2px solid #E0D6CC;border-radius:10px;padding:10px 8px;cursor:pointer;text-align:center;background:#fff;transition:all .2s;flex:1;min-width:80px;}\r\n.kb6-format-btn.active{border-color:#E8590C;background:#FFF0E8;}\r\n.kb6-ctas{display:flex;flex-direction:column;gap:10px;margin-top:18px;}\r\n.kb6-march-tags{display:flex;flex-wrap:wrap;gap:7px;}\r\n@media(max-width:560px){\r\n  .kb6-row2,.kb6-row3{grid-template-columns:1fr;}\r\n  .kb6-kv{grid-template-columns:1fr 1fr;}\r\n  .kb6-format-btns{flex-wrap:wrap;}\r\n  #kb6 .kb6-bd{padding:20px 14px !important;}\r\n}\r\n<\/style>\r\n\r\n<div id=\"kb6\">\r\n\r\n  <!-- HEADER -->\r\n  <div style=\"background:#1A1A1A;padding:26px 24px 22px;position:relative;overflow:hidden;\">\r\n    <div style=\"position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(232,89,12,.06) 18px,rgba(232,89,12,.06) 36px);pointer-events:none;\"><\/div>\r\n    <div style=\"position:relative;z-index:1;\">\r\n      <span style=\"display:inline-flex;align-items:center;background:#E8590C;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 11px;border-radius:20px;margin-bottom:10px;\">&#127998; KinBrique &middot; Outil #6<\/span>\r\n      <h2 style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(22px,5vw,30px);font-weight:800;color:#fff;line-height:1.1;\">Calculateur <span style=\"color:#E8590C;\">Carrelage &amp; Colle<\/span><\/h2>\r\n      <p style=\"color:rgba(255,255,255,.65);font-size:14px;margin-top:6px;font-family:'Barlow',sans-serif;\">Surface + format carreau &rarr; carreaux, colle, joint &mdash; 10&nbsp;% casse inclus<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CORPS -->\r\n  <div class=\"kb6-bd\" style=\"background:#fff;padding:28px 24px;\">\r\n    <div style=\"display:flex;flex-direction:column;gap:18px;\">\r\n\r\n      <!-- Dimensions pi\u00e8ce -->\r\n      <div class=\"kb6-row2\">\r\n        <div>\r\n          <label for=\"kb6-long\" style=\"display:block;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:#3D3D3D;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em;\">Longueur pi&#232;ce (m) <span style=\"color:#E8590C;\">*<\/span><\/label>\r\n          <input id=\"kb6-long\" type=\"number\" min=\"0.5\" max=\"200\" inputmode=\"decimal\" placeholder=\"Ex : 5\"\r\n            style=\"display:block;width:100%;padding:14px 16px;border:2px solid #E0D6CC;border-radius:10px;font-family:'Barlow',sans-serif;font-size:16px;color:#1A1A1A;background:#fff;-webkit-appearance:none;appearance:none;outline:none;line-height:1.5;min-height:52px;height:auto;\">\r\n        <\/div>\r\n        <div>\r\n          <label for=\"kb6-larg\" style=\"display:block;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:#3D3D3D;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em;\">Largeur pi&#232;ce (m) <span style=\"color:#E8590C;\">*<\/span><\/label>\r\n          <input id=\"kb6-larg\" type=\"number\" min=\"0.5\" max=\"200\" inputmode=\"decimal\" placeholder=\"Ex : 4\"\r\n            style=\"display:block;width:100%;padding:14px 16px;border:2px solid #E0D6CC;border-radius:10px;font-family:'Barlow',sans-serif;font-size:16px;color:#1A1A1A;background:#fff;-webkit-appearance:none;appearance:none;outline:none;line-height:1.5;min-height:52px;height:auto;\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Format carreau -->\r\n      <div>\r\n        <label style=\"display:block;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:#3D3D3D;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em;\">Format du carreau <span style=\"color:#E8590C;\">*<\/span><\/label>\r\n        <div class=\"kb6-format-btns\" id=\"kb6-format-btns\">\r\n          <div class=\"kb6-format-btn\" data-l=\"20\" data-w=\"20\" id=\"fmt-20x20\">\r\n            <div style=\"font-size:18px;margin-bottom:3px;\">&#127998;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;color:#1A1A1A;\">20&times;20<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#777;\">Salle de bain<\/div>\r\n          <\/div>\r\n          <div class=\"kb6-format-btn active\" data-l=\"30\" data-w=\"20\" id=\"fmt-20x30\">\r\n            <div style=\"font-size:18px;margin-bottom:3px;\">&#127998;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;color:#1A1A1A;\">20&times;30<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#777;\">Standard KinBrique<\/div>\r\n          <\/div>\r\n          <div class=\"kb6-format-btn\" data-l=\"40\" data-w=\"40\" id=\"fmt-40x40\">\r\n            <div style=\"font-size:18px;margin-bottom:3px;\">&#127998;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;color:#1A1A1A;\">40&times;40<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#777;\">S&#233;jour courant<\/div>\r\n          <\/div>\r\n          <div class=\"kb6-format-btn\" data-l=\"60\" data-w=\"60\" id=\"fmt-60x60\">\r\n            <div style=\"font-size:18px;margin-bottom:3px;\">&#127998;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;color:#1A1A1A;\">60&times;60<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#777;\">Grand format<\/div>\r\n          <\/div>\r\n          <div class=\"kb6-format-btn\" data-l=\"0\" data-w=\"0\" id=\"fmt-custom\">\r\n            <div style=\"font-size:18px;margin-bottom:3px;\">&#9998;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;color:#1A1A1A;\">Autre<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#777;\">Saisir manuellement<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <input type=\"hidden\" id=\"kb6-fmt-l\" value=\"30\">\r\n        <input type=\"hidden\" id=\"kb6-fmt-w\" value=\"20\">\r\n      <\/div>\r\n\r\n      <!-- Format personnalis\u00e9 (affich\u00e9 si Autre) -->\r\n      <div id=\"kb6-custom-zone\" style=\"display:none;\">\r\n        <div class=\"kb6-row2\">\r\n          <div>\r\n            <label for=\"kb6-c-long\" style=\"display:block;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:#3D3D3D;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em;\">Longueur carreau (cm)<\/label>\r\n            <input id=\"kb6-c-long\" type=\"number\" min=\"5\" max=\"120\" inputmode=\"decimal\" placeholder=\"Ex : 45\"\r\n              style=\"display:block;width:100%;padding:14px 16px;border:2px solid #E0D6CC;border-radius:10px;font-family:'Barlow',sans-serif;font-size:16px;color:#1A1A1A;background:#fff;-webkit-appearance:none;appearance:none;outline:none;line-height:1.5;min-height:52px;height:auto;\">\r\n          <\/div>\r\n          <div>\r\n            <label for=\"kb6-c-larg\" style=\"display:block;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:#3D3D3D;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em;\">Largeur carreau (cm)<\/label>\r\n            <input id=\"kb6-c-larg\" type=\"number\" min=\"5\" max=\"120\" inputmode=\"decimal\" placeholder=\"Ex : 45\"\r\n              style=\"display:block;width:100%;padding:14px 16px;border:2px solid #E0D6CC;border-radius:10px;font-family:'Barlow',sans-serif;font-size:16px;color:#1A1A1A;background:#fff;-webkit-appearance:none;appearance:none;outline:none;line-height:1.5;min-height:52px;height:auto;\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Pose + Joint -->\r\n      <div class=\"kb6-row2\">\r\n        <div>\r\n          <label for=\"kb6-pose\" style=\"display:block;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:#3D3D3D;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em;\">Mode de pose<\/label>\r\n          <select id=\"kb6-pose\" style=\"display:block;width:100%;padding:14px 44px 14px 16px;border:2px solid #E0D6CC;border-radius:10px;font-family:'Barlow',sans-serif;font-size:16px;color:#1A1A1A;background-color:#fff;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;line-height:1.5;min-height:52px;height:auto;overflow:visible;max-height:none;\">\r\n            <option value=\"droite\" selected style=\"color:#1A1A1A;background:#fff;\">Pose droite (classique)<\/option>\r\n            <option value=\"diagonale\" style=\"color:#1A1A1A;background:#fff;\">Pose en diagonale (+15%)<\/option>\r\n            <option value=\"decalee\" style=\"color:#1A1A1A;background:#fff;\">Pose d&#233;cal&#233;e 1\/3 (+5%)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div>\r\n          <label for=\"kb6-joint\" style=\"display:block;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:#3D3D3D;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em;\">Largeur joint (mm)<\/label>\r\n          <select id=\"kb6-joint\" style=\"display:block;width:100%;padding:14px 44px 14px 16px;border:2px solid #E0D6CC;border-radius:10px;font-family:'Barlow',sans-serif;font-size:16px;color:#1A1A1A;background-color:#fff;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;line-height:1.5;min-height:52px;height:auto;overflow:visible;max-height:none;\">\r\n            <option value=\"2\" style=\"color:#1A1A1A;background:#fff;\">2 mm (serr&#233;)<\/option>\r\n            <option value=\"3\" selected style=\"color:#1A1A1A;background:#fff;\">3 mm (standard)<\/option>\r\n            <option value=\"5\" style=\"color:#1A1A1A;background:#fff;\">5 mm (rustique)<\/option>\r\n            <option value=\"8\" style=\"color:#1A1A1A;background:#fff;\">8 mm (grand carreau)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Zone mur -->\r\n      <div style=\"background:#FAF6F2;border-radius:10px;padding:14px 16px;\">\r\n        <div style=\"display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;\">\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:13px;font-weight:600;color:#1A1A1A;\">Inclure les murs ? (fa&#239;ence)<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:12px;color:#999;margin-top:2px;\">Ajoute la surface murale jusqu&rsquo;&agrave; 2,4&nbsp;m de hauteur<\/div>\r\n          <\/div>\r\n          <select id=\"kb6-murs\" style=\"padding:10px 38px 10px 14px;border:2px solid #E0D6CC;border-radius:8px;font-family:'Barlow',sans-serif;font-size:15px;color:#1A1A1A;background-color:#fff;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;line-height:1.5;min-height:44px;height:auto;overflow:visible;max-height:none;\">\r\n            <option value=\"non\" selected style=\"color:#1A1A1A;background:#fff;\">Non, sol uniquement<\/option>\r\n            <option value=\"oui\" style=\"color:#1A1A1A;background:#fff;\">Oui, sol + murs<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Erreur -->\r\n      <div id=\"kb6-err\" style=\"display:none;background:#FFF0F0;border:1px solid #FFBBBB;border-radius:8px;padding:12px 14px;font-family:'Barlow',sans-serif;font-size:13px;color:#C0392B;\">\r\n        &#9888; Veuillez saisir des dimensions valides pour la pi&#232;ce.\r\n      <\/div>\r\n\r\n      <!-- Bouton -->\r\n      <button id=\"kb6-calc\" type=\"button\"\r\n        style=\"display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;background:#E8590C;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:700;letter-spacing:.05em;border:none;border-radius:10px;cursor:pointer;min-height:58px;\">\r\n        &#127998; CALCULER MON CARRELAGE\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 R\u00c9SULTATS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"kb6-res\" id=\"kb6-res\">\r\n      <div style=\"height:1px;background:#E0D6CC;margin:24px 0;\"><\/div>\r\n\r\n      <div style=\"background:#1A1A1A;border-radius:10px;padding:16px 18px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;\">\r\n        <h3 style=\"font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;\">&#128203; R&#233;sultat du calcul<\/h3>\r\n        <span id=\"r6-badge\" style=\"background:#E8590C;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;padding:5px 14px;border-radius:20px;\">&mdash;<\/span>\r\n      <\/div>\r\n\r\n      <!-- Surface info -->\r\n      <div style=\"background:#F0F7FF;border-radius:10px;padding:14px 16px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;\">\r\n        <div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;font-weight:700;color:#1A4F7A;text-transform:uppercase;letter-spacing:.04em;\">Surface sol<\/div>\r\n          <div id=\"r6-surf-sol\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#1A4F7A;\">&mdash;<\/div>\r\n        <\/div>\r\n        <div id=\"r6-murs-bloc\" style=\"display:none;\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.04em;\">Surface murs<\/div>\r\n          <div id=\"r6-surf-murs\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#777;\">&mdash;<\/div>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;font-weight:700;color:#E8590C;text-transform:uppercase;letter-spacing:.04em;\">Surface totale<\/div>\r\n          <div id=\"r6-surf-tot\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#E8590C;\">&mdash;<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- KPIs -->\r\n      <div class=\"kb6-kv\">\r\n        <div class=\"kb6-kv-item\" style=\"background:#FFF0E8;\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;font-weight:700;color:#C44A08;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;\">Carreaux<\/div>\r\n          <div id=\"r6-kv-carreaux\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(20px,4vw,26px);font-weight:800;color:#C44A08;\">&mdash;<\/div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#aaa;margin-top:2px;\">unit&#233;s<\/div>\r\n        <\/div>\r\n        <div class=\"kb6-kv-item\" style=\"background:#EEF5EC;\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;font-weight:700;color:#2D7A3A;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;\">Colle<\/div>\r\n          <div id=\"r6-kv-colle\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(20px,4vw,26px);font-weight:800;color:#2D7A3A;\">&mdash;<\/div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#aaa;margin-top:2px;\">sacs 25&nbsp;kg<\/div>\r\n        <\/div>\r\n        <div class=\"kb6-kv-item\" style=\"background:#FAF6F2;\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;\">Joint<\/div>\r\n          <div id=\"r6-kv-joint\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(20px,4vw,26px);font-weight:800;color:#1A1A1A;\">&mdash;<\/div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#aaa;margin-top:2px;\">sacs 5&nbsp;kg<\/div>\r\n        <\/div>\r\n        <div class=\"kb6-kv-item\" style=\"background:#FAF6F2;\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;\">Casse incluse<\/div>\r\n          <div id=\"r6-kv-casse\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(20px,4vw,26px);font-weight:800;color:#E8590C;\">&mdash;<\/div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#aaa;margin-top:2px;\">% pertes<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SECTION CARREAUX -->\r\n      <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#3D3D3D;display:flex;align-items:center;gap:8px;margin-bottom:10px;\">\r\n        <span style=\"width:8px;height:8px;border-radius:50%;background:#C44A08;display:inline-block;flex-shrink:0;\"><\/span>Carreaux fa&#239;ence\r\n        <span style=\"flex:1;height:1px;background:#E0D6CC;display:block;\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kb6-mat\">\r\n        <div class=\"kb6-mat-l\">\r\n          <div class=\"kb6-ico\" style=\"background:#FFF0E8;\">&#127998;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\" id=\"r6-name-carr\">Carreaux fa&#239;ence 20&times;30<\/div>\r\n            <div id=\"r6-det-carr\" style=\"font-family:'Barlow',sans-serif;font-size:12px;color:#777;margin-top:2px;\">&mdash;<\/div>\r\n            <span id=\"r6-tag-carr\" style=\"display:inline-flex;background:#FFF0E8;color:#E8590C;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-top:4px;font-family:'Barlow',sans-serif;\">&#10003; Prix KinBrique : 5,14&nbsp;$\/m&#178;<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb6-mat-r\">\r\n          <div id=\"r6-pu-carr\" style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">&mdash;<\/div>\r\n          <div id=\"r6-tt-carr\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:#1A1A1A;\">&mdash;<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SECTION COLLE -->\r\n      <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#3D3D3D;display:flex;align-items:center;gap:8px;margin:14px 0 10px;\">\r\n        <span style=\"width:8px;height:8px;border-radius:50%;background:#2D7A3A;display:inline-block;flex-shrink:0;\"><\/span>Colle &amp; jointoiement\r\n        <span style=\"flex:1;height:1px;background:#E0D6CC;display:block;\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kb6-mat\">\r\n        <div class=\"kb6-mat-l\">\r\n          <div class=\"kb6-ico\" style=\"background:#EEF5EC;\">&#129695;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\">Colle carrelage (sacs 25&nbsp;kg)<\/div>\r\n            <div id=\"r6-det-colle\" style=\"font-family:'Barlow',sans-serif;font-size:12px;color:#777;margin-top:2px;\">&mdash;<\/div>\r\n            <span style=\"display:inline-flex;background:#F0F0F0;color:#777;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-top:4px;font-family:'Barlow',sans-serif;\">Prix march&#233; : ~8&nbsp;$\/sac<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb6-mat-r\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">~8&nbsp;$\/sac<\/div>\r\n          <div id=\"r6-tt-colle\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:#1A1A1A;\">&mdash;<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kb6-mat\">\r\n        <div class=\"kb6-mat-l\">\r\n          <div class=\"kb6-ico\" style=\"background:#FAF6F2;\">&#128137;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\">Coulis de joint (sacs 5&nbsp;kg)<\/div>\r\n            <div id=\"r6-det-joint\" style=\"font-family:'Barlow',sans-serif;font-size:12px;color:#777;margin-top:2px;\">&mdash;<\/div>\r\n            <span style=\"display:inline-flex;background:#F0F0F0;color:#777;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-top:4px;font-family:'Barlow',sans-serif;\">Prix march&#233; : ~4&nbsp;$\/sac<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb6-mat-r\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">~4&nbsp;$\/sac<\/div>\r\n          <div id=\"r6-tt-joint\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:#1A1A1A;\">&mdash;<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kb6-mat\">\r\n        <div class=\"kb6-mat-l\">\r\n          <div class=\"kb6-ico\" style=\"background:#FAF6F2;\">&#128295;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\">Croisillons de pose (sachet 100)<\/div>\r\n            <div id=\"r6-det-crois\" style=\"font-family:'Barlow',sans-serif;font-size:12px;color:#777;margin-top:2px;\">&mdash;<\/div>\r\n            <span style=\"display:inline-flex;background:#F0F0F0;color:#777;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;margin-top:4px;font-family:'Barlow',sans-serif;\">Prix march&#233; : ~1,50&nbsp;$\/sachet<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb6-mat-r\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">~1,50&nbsp;$\/sachet<\/div>\r\n          <div id=\"r6-tt-crois\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:#1A1A1A;\">&mdash;<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TOTAL -->\r\n      <div style=\"background:#1A1A1A;border-radius:12px;padding:20px;margin:16px 0;\">\r\n        <div style=\"font-family:'Barlow',sans-serif;font-size:12px;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;\">Total estim&#233; mat&#233;riaux carrelage<\/div>\r\n        <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,6vw,38px);font-weight:800;color:#fff;line-height:1;\">$<span id=\"r6-grand-total\" style=\"color:#E8590C;\">&mdash;<\/span><\/div>\r\n        <div id=\"r6-total-cdf\" style=\"font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.45);margin-top:5px;\">&mdash;<\/div>\r\n        <div style=\"background:rgba(232,89,12,.13);border:1px solid rgba(232,89,12,.22);border-radius:8px;padding:10px 12px;margin-top:12px;font-family:'Barlow',sans-serif;font-size:12px;color:rgba(255,255,255,.72);line-height:1.55;\">\r\n          <strong style=\"color:#E8590C;\">10&nbsp;% de casse inclus<\/strong> dans le compte des carreaux. Main-d&rsquo;&#339;uvre du carreleur non incluse (~6&ndash;10&nbsp;$\/m&#178; &agrave; Kinshasa).\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Marchands -->\r\n      <div style=\"background:#EEF5FF;border-radius:10px;padding:14px 16px;margin-top:4px;\">\r\n        <div style=\"font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:#1A4F7A;text-transform:uppercase;letter-spacing:.04em;margin-bottom:9px;\">&#127978; Marchands KinBrique<\/div>\r\n        <div class=\"kb6-march-tags\">\r\n          <span style=\"background:#fff;border:1px solid #B8D4EC;color:#1A4F7A;font-family:'Barlow',sans-serif;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;\">Awael Bloc<\/span>\r\n          <span style=\"background:#fff;border:1px solid #B8D4EC;color:#1A4F7A;font-family:'Barlow',sans-serif;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;\">CIMKO<\/span>\r\n          <span style=\"background:#fff;border:1px solid #B8D4EC;color:#1A4F7A;font-family:'Barlow',sans-serif;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;\">Congo Nouveau<\/span>\r\n          <span style=\"background:#fff;border:1px solid #B8D4EC;color:#1A4F7A;font-family:'Barlow',sans-serif;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;\">Total<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CTA -->\r\n      <div class=\"kb6-ctas\">\r\n        <a href=\"https:\/\/kinbrique.com\/materiaux\/carrelage\/\" target=\"_blank\" rel=\"noopener\"\r\n          style=\"display:flex;align-items:center;justify-content:center;gap:9px;background:#E8590C;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;padding:17px 20px;border-radius:10px;text-decoration:none;min-height:56px;\">\r\n          &#128722; Voir le carrelage sur KinBrique.com\r\n        <\/a>\r\n        <button id=\"kb6-pdf\" type=\"button\"\r\n          style=\"display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:#3D3D3D;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;padding:15px 20px;border-radius:10px;border:2px solid #E0D6CC;cursor:pointer;width:100%;min-height:52px;\">\r\n          &#128196; T&#233;l&#233;charger la liste en PDF\r\n        <\/button>\r\n        <a id=\"kb6-wa\" href=\"#\" target=\"_blank\" rel=\"noopener\"\r\n          style=\"display:flex;align-items:center;justify-content:center;gap:9px;background:#25D366;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;padding:15px 20px;border-radius:10px;text-decoration:none;min-height:52px;\">\r\n          &#128172; Partager sur WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div style=\"background:#FAF6F2;border-top:1px solid #E0D6CC;padding:14px 20px;text-align:center;font-family:'Barlow',sans-serif;font-size:11px;color:#bbb;\">\r\n    Outil gratuit par <a href=\"https:\/\/kinbrique.com\" target=\"_blank\" style=\"color:#E8590C;text-decoration:none;font-weight:600;\">KinBrique.com<\/a>\r\n    &mdash; Fa&#239;ence 20&#215;30 : 5,14&nbsp;$\/m&#178; (prix KinBrique) &mdash; 10&nbsp;% casse inclus\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n'use strict';\r\n\r\n\/* \u2500\u2500\u2500 ANTI-THEME WP \u2500\u2500\u2500 *\/\r\nfunction forceFields(){\r\n  var SVG=\"url(\\\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23E8590C' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\\\")\";\r\n  ['kb6-long','kb6-larg','kb6-pose','kb6-joint','kb6-murs','kb6-c-long','kb6-c-larg'].forEach(function(id){\r\n    var el=document.getElementById(id);\r\n    if(!el) return;\r\n    var p=el.style.setProperty.bind(el.style);\r\n    p('color','#1A1A1A','important');\r\n    p('background-color','#ffffff','important');\r\n    p('font-family',\"'Barlow',sans-serif\",'important');\r\n    p('font-size','16px','important');\r\n    p('border','2px solid #E0D6CC','important');\r\n    p('border-radius','10px','important');\r\n    p('height','auto','important');\r\n    p('min-height','52px','important');\r\n    p('line-height','1.5','important');\r\n    p('max-height','none','important');\r\n    p('overflow','visible','important');\r\n    p('opacity','1','important');\r\n    p('padding-top','14px','important');\r\n    p('padding-bottom','14px','important');\r\n    p('padding-left','16px','important');\r\n    p('clip','auto','important');\r\n    p('-webkit-clip-path','none','important');\r\n    p('clip-path','none','important');\r\n    if(el.tagName==='SELECT'){\r\n      p('background-image',SVG,'important');\r\n      p('background-repeat','no-repeat','important');\r\n      p('background-position','right 14px center','important');\r\n      p('padding-right','44px','important');\r\n    }\r\n    el.addEventListener('focus',function(){\r\n      this.style.setProperty('border-color','#E8590C','important');\r\n      this.style.setProperty('box-shadow','0 0 0 3px rgba(232,89,12,.15)','important');\r\n    });\r\n    el.addEventListener('blur',function(){\r\n      this.style.setProperty('border-color','#E0D6CC','important');\r\n      this.style.setProperty('box-shadow','none','important');\r\n    });\r\n  });\r\n}\r\n\r\n\/* \u2500\u2500\u2500 PRIX \u2500\u2500\u2500 *\/\r\n\/* Prix KinBrique fa\u00efence 20x30 = 5,14 $\/m\u00b2 *\/\r\n\/* Autres formats : prix march\u00e9 estim\u00e9 *\/\r\nvar PRIX_M2 = { '20x20':4.50, '20x30':5.14, '40x40':7.20, '60x60':11.50, 'custom':6.00 };\r\nvar PRIX_COLLE  = 8.0;  \/* sac 25 kg *\/\r\nvar PRIX_JOINT  = 4.0;  \/* sac 5 kg *\/\r\nvar PRIX_CROIS  = 1.50; \/* sachet 100 *\/\r\nvar TAUX = 2820;\r\n\r\n\/* Colle : 4-5 kg \/ m\u00b2 selon format *\/\r\nfunction kgColleM2(lCm,wCm){\r\n  var surf=lCm*wCm;\r\n  if(surf<=400)  return 4.0;  \/* petit format *\/\r\n  if(surf<=1600) return 4.5;\r\n  return 5.0; \/* grand format *\/\r\n}\r\n\r\n\/* Joint : d\u00e9pend largeur joint et p\u00e9rim\u00e8tre carreaux *\/\r\nfunction kgJointM2(lCm,wCm,jointMm){\r\n  \/* formule approch\u00e9e : kg\/m\u00b2 = (l+w)\/(l*w) * joint_mm * 1.6 * 1000 \/ (l*w) ... *\/\r\n  \/* Simplification pratique : *\/\r\n  var perim = 2*(lCm+wCm); \/* cm *\/\r\n  var surfCm2 = lCm*wCm;\r\n  \/* volume joint par m\u00b2 = perim\/surfCm2 * (joint_mm\/10) * 1 cm profondeur *\/\r\n  var vol = (perim\/surfCm2) * (jointMm\/10) * 1 * 10000; \/* cm\u00b3\/m\u00b2 *\/\r\n  return Math.max(0.3, vol * 1.8 \/ 1000); \/* kg\/m\u00b2 (densit\u00e9 coulis ~1.8) *\/\r\n}\r\n\r\nvar fmtActif = {l:30,w:20,key:'20x30'};\r\nvar _d = null;\r\n\r\nfunction g(id){return document.getElementById(id);}\r\nfunction txt(id,v){var e=g(id);if(e)e.textContent=v;}\r\nfunction usd(n){return n.toLocaleString('fr-FR',{minimumFractionDigits:2,maximumFractionDigits:2});}\r\nfunction num(n){return Math.round(n).toLocaleString('fr-FR');}\r\n\r\n\/* \u2500\u2500\u2500 BOUTONS FORMAT \u2500\u2500\u2500 *\/\r\nfunction initFormatBtns(){\r\n  document.querySelectorAll('.kb6-format-btn').forEach(function(btn){\r\n    btn.style.setProperty('border','2px solid #E0D6CC','important');\r\n    btn.style.setProperty('border-radius','10px','important');\r\n    btn.style.setProperty('padding','10px 8px','important');\r\n    btn.style.setProperty('cursor','pointer','important');\r\n    btn.style.setProperty('background','#ffffff','important');\r\n    btn.style.setProperty('flex','1','important');\r\n    btn.style.setProperty('min-width','80px','important');\r\n    if(btn.classList.contains('active')){\r\n      btn.style.setProperty('border-color','#E8590C','important');\r\n      btn.style.setProperty('background','#FFF0E8','important');\r\n    }\r\n    btn.addEventListener('click',function(){\r\n      document.querySelectorAll('.kb6-format-btn').forEach(function(b){\r\n        b.classList.remove('active');\r\n        b.style.setProperty('border-color','#E0D6CC','important');\r\n        b.style.setProperty('background','#ffffff','important');\r\n      });\r\n      this.classList.add('active');\r\n      this.style.setProperty('border-color','#E8590C','important');\r\n      this.style.setProperty('background','#FFF0E8','important');\r\n      var l=parseInt(this.getAttribute('data-l'),10);\r\n      var w=parseInt(this.getAttribute('data-w'),10);\r\n      var isCustom = (l===0&&w===0);\r\n      var cz=g('kb6-custom-zone');\r\n      if(isCustom){\r\n        cz.style.setProperty('display','block','important');\r\n        fmtActif={l:0,w:0,key:'custom'};\r\n      } else {\r\n        cz.style.setProperty('display','none','important');\r\n        fmtActif={l:l,w:w,key:w+'x'+l};\r\n        g('kb6-fmt-l').value=l;\r\n        g('kb6-fmt-w').value=w;\r\n      }\r\n    });\r\n  });\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CALCUL \u2500\u2500\u2500 *\/\r\nfunction calc(){\r\n  var pieceL = parseFloat(g('kb6-long').value);\r\n  var pieceW = parseFloat(g('kb6-larg').value);\r\n  var pose   = g('kb6-pose').value;\r\n  var jointMm= parseInt(g('kb6-joint').value,10);\r\n  var murs   = g('kb6-murs').value;\r\n  var er     = g('kb6-err');\r\n\r\n  \/* Format *\/\r\n  var fmtL = fmtActif.l;\r\n  var fmtW = fmtActif.w;\r\n  if(fmtActif.key==='custom'){\r\n    fmtL = parseFloat(g('kb6-c-long').value)||30;\r\n    fmtW = parseFloat(g('kb6-c-larg').value)||20;\r\n  }\r\n\r\n  if(!pieceL||!pieceW||isNaN(pieceL)||isNaN(pieceW)||pieceL<=0||pieceW<=0){\r\n    er.style.setProperty('display','block','important');\r\n    g('kb6-res').classList.remove('on');\r\n    return;\r\n  }\r\n  er.style.setProperty('display','none','important');\r\n\r\n  \/* Surfaces *\/\r\n  var surfSol  = pieceL * pieceW;\r\n  var surfMurs = murs==='oui' ? 2*(pieceL+pieceW)*2.4 : 0;\r\n  var surfTot  = surfSol + surfMurs;\r\n\r\n  \/* Facteur pose *\/\r\n  var facPose  = pose==='diagonale'?1.15 : pose==='decalee'?1.05 : 1.0;\r\n  \/* Casse 10% *\/\r\n  var facCasse = 1.10 * facPose;\r\n  var casse    = pose==='diagonale'?15 : pose==='decalee'?15 : 10;\r\n\r\n  \/* Carreaux *\/\r\n  var surfCarreau = (fmtL\/100) * (fmtW\/100); \/* m\u00b2 *\/\r\n  var qCarreaux   = Math.ceil(surfTot \/ surfCarreau * facCasse);\r\n\r\n  \/* Prix carreau *\/\r\n  var prixM2 = PRIX_M2[fmtActif.key] || (fmtL===30&&fmtW===20?5.14:6.00);\r\n  var isKinbrique = (fmtActif.key==='20x30');\r\n  var tCarreaux   = surfTot * facCasse * prixM2;\r\n\r\n  \/* Colle *\/\r\n  var kgColle   = kgColleM2(fmtL,fmtW);\r\n  var qSacsColle= Math.ceil(surfTot * kgColle \/ 25 * 1.05);\r\n  var tColle    = qSacsColle * PRIX_COLLE;\r\n\r\n  \/* Joint *\/\r\n  var kgJoint   = kgJointM2(fmtL,fmtW,jointMm);\r\n  var qSacsJoint= Math.ceil(surfTot * kgJoint \/ 5 * 1.05);\r\n  var tJoint    = qSacsJoint * PRIX_JOINT;\r\n\r\n  \/* Croisillons : 4 par carreau *\/\r\n  var qCrois   = Math.ceil(qCarreaux * 4 \/ 100);\r\n  var tCrois   = qCrois * PRIX_CROIS;\r\n\r\n  var TOTAL    = tCarreaux + tColle + tJoint + tCrois;\r\n\r\n  \/* \u2500\u2500 AFFICHAGE \u2500\u2500 *\/\r\n  var fmtLabel = fmtL+'x'+fmtW+' cm';\r\n  g('r6-badge').textContent = surfTot.toFixed(1)+'m\\u00B2 \\u2014 '+fmtLabel;\r\n\r\n  txt('r6-surf-sol',  surfSol.toFixed(2)+' m\\u00B2');\r\n  if(murs==='oui'){\r\n    g('r6-murs-bloc').style.setProperty('display','block','important');\r\n    txt('r6-surf-murs', surfMurs.toFixed(2)+' m\\u00B2');\r\n  } else {\r\n    g('r6-murs-bloc').style.setProperty('display','none','important');\r\n  }\r\n  txt('r6-surf-tot',  surfTot.toFixed(2)+' m\\u00B2');\r\n  txt('r6-kv-carreaux', num(qCarreaux));\r\n  txt('r6-kv-colle',    num(qSacsColle));\r\n  txt('r6-kv-joint',    num(qSacsJoint));\r\n  txt('r6-kv-casse',    casse+'%');\r\n\r\n  txt('r6-name-carr', 'Carreaux fa\\u00EFence '+fmtLabel);\r\n  txt('r6-det-carr',  num(qCarreaux)+' carreaux \\u2014 '+casse+'% casse+pose inclus \\u2014 surface couverte '+surfTot.toFixed(1)+'m\\u00B2');\r\n  txt('r6-pu-carr',   prixM2.toFixed(2)+'\\u00A0$\/m\\u00B2');\r\n  txt('r6-tt-carr',   '$'+usd(tCarreaux));\r\n  if(isKinbrique){\r\n    g('r6-tag-carr').textContent = '\\u2713 Prix KinBrique : '+prixM2.toFixed(2)+'\\u00A0$\/m\\u00B2';\r\n    g('r6-tag-carr').style.setProperty('background','#FFF0E8','important');\r\n    g('r6-tag-carr').style.setProperty('color','#E8590C','important');\r\n  } else {\r\n    g('r6-tag-carr').textContent = 'Prix march\\u00E9 estim\\u00E9 : '+prixM2.toFixed(2)+'\\u00A0$\/m\\u00B2';\r\n    g('r6-tag-carr').style.setProperty('background','#F0F0F0','important');\r\n    g('r6-tag-carr').style.setProperty('color','#777','important');\r\n  }\r\n\r\n  txt('r6-det-colle',  num(qSacsColle)+' sacs 25\\u00A0kg \\u2014 dosage '+kgColle.toFixed(1)+'\\u00A0kg\/m\\u00B2');\r\n  txt('r6-tt-colle',   '$'+usd(tColle));\r\n  txt('r6-det-joint',  num(qSacsJoint)+' sacs 5\\u00A0kg \\u2014 joint '+jointMm+'\\u00A0mm');\r\n  txt('r6-tt-joint',   '$'+usd(tJoint));\r\n  txt('r6-det-crois',  num(qCrois)+' sachets 100 croisillons \\u2014 1 croisillon \/ coin carreau');\r\n  txt('r6-tt-crois',   '$'+usd(tCrois));\r\n\r\n  txt('r6-grand-total', usd(TOTAL));\r\n  txt('r6-total-cdf',   '\\u2248 '+num(Math.round(TOTAL*TAUX))+'\\u00A0CDF  (taux ~'+TAUX+')');\r\n\r\n  \/* WhatsApp *\/\r\n  var wa=encodeURIComponent(\r\n    '*KinBrique \\u2014 Carrelage*\\n'+\r\n    surfTot.toFixed(1)+'m\\u00B2 \\u2014 Carreau '+fmtLabel+'\\n\\n'+\r\n    '\\uD83D\\uDFE7 Carreaux : '+num(qCarreaux)+' u \\u2014 $'+usd(tCarreaux)+'\\n'+\r\n    '\\uD83D\\uDFE9 Colle : '+num(qSacsColle)+' sacs \\u2014 $'+usd(tColle)+'\\n'+\r\n    ' Joint : '+num(qSacsJoint)+' sacs \\u2014 $'+usd(tJoint)+'\\n\\n'+\r\n    '\\uD83D\\uDCB0 Total : $'+usd(TOTAL)+'\\n\\nkinbrique.com'\r\n  );\r\n  g('kb6-wa').href='https:\/\/wa.me\/?text='+wa;\r\n\r\n  _d={pieceL:pieceL,pieceW:pieceW,fmtL:fmtL,fmtW:fmtW,fmtLabel:fmtLabel,\r\n      surfSol:surfSol,surfMurs:surfMurs,surfTot:surfTot,casse:casse,\r\n      qCarreaux:qCarreaux,qSacsColle:qSacsColle,qSacsJoint:qSacsJoint,qCrois:qCrois,\r\n      prixM2:prixM2,tCarreaux:tCarreaux,tColle:tColle,tJoint:tJoint,tCrois:tCrois,TOTAL:TOTAL};\r\n\r\n  var res=g('kb6-res');\r\n  res.classList.remove('on');\r\n  setTimeout(function(){res.classList.add('on');res.scrollIntoView({behavior:'smooth',block:'nearest'});},20);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 PDF \u2500\u2500\u2500 *\/\r\nfunction pdf(){\r\n  if(!_d){alert('Lancez d\\'abord le calcul.');return;}\r\n  if(!window.jspdf||!window.jspdf.jsPDF){alert('PDF non charg\\u00E9.');return;}\r\n  var d=_d;\r\n  var doc=new window.jspdf.jsPDF({orientation:'portrait',unit:'mm',format:'a4'});\r\n  var O=[232,89,12],D=[26,26,26],G=[110,110,110],CR=[250,246,242],W=[255,255,255];\r\n  doc.setFillColor(D[0],D[1],D[2]);doc.rect(0,0,210,40,'F');\r\n  doc.setFillColor(O[0],O[1],O[2]);doc.rect(0,40,210,3,'F');\r\n  doc.setTextColor(W[0],W[1],W[2]);\r\n  doc.setFontSize(22);doc.setFont('helvetica','bold');doc.text('KinBrique.com',14,16);\r\n  doc.setFontSize(11);doc.setFont('helvetica','normal');doc.text('Outil #6 - Calculateur Carrelage & Colle',14,26);\r\n  doc.setFontSize(9);doc.setTextColor(180,180,180);doc.text('Genere le '+new Date().toLocaleDateString('fr-FR'),14,35);\r\n  doc.setTextColor(D[0],D[1],D[2]);doc.setFontSize(13);doc.setFont('helvetica','bold');\r\n  doc.text('Piece '+d.pieceL+'m x '+d.pieceW+'m - Carreau '+d.fmtLabel+' - Surface '+d.surfTot.toFixed(1)+'m2',14,56);\r\n  var rows=[\r\n    ['Carreaux fai.'+d.fmtLabel, num(d.qCarreaux)+' u',       d.prixM2.toFixed(2)+'$\/m2','$'+usd(d.tCarreaux),(d.fmtL===30&&d.fmtW===20?'KinBrique':'Marche')],\r\n    ['Colle carrelage 25kg',      num(d.qSacsColle)+' sacs',  '8$\/sac',   '$'+usd(d.tColle),  'Marche'],\r\n    ['Coulis de joint 5kg',       num(d.qSacsJoint)+' sacs',  '4$\/sac',   '$'+usd(d.tJoint),  'Marche'],\r\n    ['Croisillons (sachet 100)',   num(d.qCrois)+' sachets',   '1,50$\/sac','$'+usd(d.tCrois),  'Marche']\r\n  ];\r\n  var cx=[14,74,114,144,178],hd=['Materiau','Quantite','Prix unit.','Total USD','Source'],y=66;\r\n  doc.setFillColor(O[0],O[1],O[2]);doc.rect(14,y,182,9,'F');\r\n  doc.setTextColor(W[0],W[1],W[2]);doc.setFontSize(8);doc.setFont('helvetica','bold');\r\n  hd.forEach(function(h,i){doc.text(h,cx[i]+2,y+6);});y+=9;\r\n  rows.forEach(function(row,ri){\r\n    var bg=ri%2===0?CR:W;doc.setFillColor(bg[0],bg[1],bg[2]);doc.rect(14,y,182,10,'F');\r\n    doc.setFontSize(8);doc.setFont('helvetica','normal');\r\n    row.forEach(function(c,ci){\r\n      if(ci===4){doc.setTextColor(c==='KinBrique'?O[0]:G[0],c==='KinBrique'?O[1]:G[1],c==='KinBrique'?O[2]:G[2]);}\r\n      else doc.setTextColor(D[0],D[1],D[2]);\r\n      doc.text(String(c),cx[ci]+2,y+7);\r\n    });y+=10;\r\n  });\r\n  y+=4;doc.setFillColor(D[0],D[1],D[2]);doc.rect(14,y,182,13,'F');\r\n  doc.setTextColor(W[0],W[1],W[2]);doc.setFontSize(10);doc.setFont('helvetica','bold');\r\n  doc.text('TOTAL MATERIAUX CARRELAGE ('+d.casse+'% casse inclus)',cx[0]+2,y+9);\r\n  doc.setTextColor(O[0],O[1],O[2]);doc.text('$'+usd(d.TOTAL),cx[3]+2,y+9);y+=13;y+=8;\r\n  doc.setFillColor(255,248,240);doc.rect(14,y,182,12,'F');\r\n  doc.setTextColor(G[0],G[1],G[2]);doc.setFontSize(7);doc.setFont('helvetica','normal');\r\n  doc.text('Faience 20x30 = 5,14$\/m2 (prix KinBrique catalogue). MO carreleur non incluse (~6-10$\/m2 Kinshasa).',18,y+9);y+=12;y+=8;\r\n  doc.setFillColor(O[0],O[1],O[2]);doc.roundedRect(14,y,182,14,3,3,'F');\r\n  doc.setTextColor(W[0],W[1],W[2]);doc.setFontSize(11);doc.setFont('helvetica','bold');\r\n  doc.text('Commander le carrelage sur kinbrique.com',105,y+9.5,{align:'center'});\r\n  doc.save('KinBrique-Carrelage-'+d.surfTot.toFixed(0)+'m2.pdf');\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INIT \u2500\u2500\u2500 *\/\r\nfunction init(){\r\n  forceFields();\r\n  initFormatBtns();\r\n  var bc=g('kb6-calc'),bp=g('kb6-pdf');\r\n  if(bc) bc.addEventListener('click',function(e){e.preventDefault();calc();});\r\n  if(bp) bp.addEventListener('click',function(e){e.preventDefault();pdf();});\r\n  ['kb6-long','kb6-larg'].forEach(function(id){\r\n    var el=g(id);\r\n    if(el) el.addEventListener('keydown',function(e){if(e.key==='Enter'){e.preventDefault();calc();}});\r\n  });\r\n}\r\n\r\nif(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}\r\n}());\r\n<\/script>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#127998; KinBrique &middot; Outil #6 Calculateur Carrelage &amp; Colle Surface + format carreau &rarr; carreaux, colle, joint &mdash; 10&nbsp;% casse<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17116","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Calculateur carrelage &amp; colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa<\/title>\n<meta name=\"description\" content=\"Calculez le nombre de carreaux, sacs de colle et coulis de joint pour votre pi\u00e8ce. Format 20x30 prix KinBrique (5,14$\/m\u00b2). 10% de casse inclus. PDF gratuit.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculateur carrelage &amp; colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa\" \/>\n<meta property=\"og:description\" content=\"Calculez le nombre de carreaux, sacs de colle et coulis de joint pour votre pi\u00e8ce. Format 20x30 prix KinBrique (5,14$\/m\u00b2). 10% de casse inclus. PDF gratuit.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/\" \/>\n<meta property=\"og:site_name\" content=\"kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T09:35:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-carrelage-colle-joint-kinshasa\\\/\",\"url\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-carrelage-colle-joint-kinshasa\\\/\",\"name\":\"Calculateur carrelage & colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kinbrique.com\\\/#website\"},\"datePublished\":\"2026-04-21T09:29:21+00:00\",\"dateModified\":\"2026-04-21T09:35:33+00:00\",\"description\":\"Calculez le nombre de carreaux, sacs de colle et coulis de joint pour votre pi\u00e8ce. Format 20x30 prix KinBrique (5,14$\\\/m\u00b2). 10% de casse inclus. PDF gratuit.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-carrelage-colle-joint-kinshasa\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-carrelage-colle-joint-kinshasa\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-carrelage-colle-joint-kinshasa\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kinbrique.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculateur carrelage &amp; colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kinbrique.com\\\/#website\",\"url\":\"https:\\\/\\\/kinbrique.com\\\/\",\"name\":\"kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC\",\"description\":\"Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kinbrique.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Calculateur carrelage & colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa","description":"Calculez le nombre de carreaux, sacs de colle et coulis de joint pour votre pi\u00e8ce. Format 20x30 prix KinBrique (5,14$\/m\u00b2). 10% de casse inclus. PDF gratuit.","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:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/","og_locale":"fr_FR","og_type":"article","og_title":"Calculateur carrelage & colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa","og_description":"Calculez le nombre de carreaux, sacs de colle et coulis de joint pour votre pi\u00e8ce. Format 20x30 prix KinBrique (5,14$\/m\u00b2). 10% de casse inclus. PDF gratuit.","og_url":"https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/","og_site_name":"kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","article_modified_time":"2026-04-21T09:35:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/","url":"https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/","name":"Calculateur carrelage & colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa","isPartOf":{"@id":"https:\/\/kinbrique.com\/#website"},"datePublished":"2026-04-21T09:29:21+00:00","dateModified":"2026-04-21T09:35:33+00:00","description":"Calculez le nombre de carreaux, sacs de colle et coulis de joint pour votre pi\u00e8ce. Format 20x30 prix KinBrique (5,14$\/m\u00b2). 10% de casse inclus. PDF gratuit.","breadcrumb":{"@id":"https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kinbrique.com\/index.php\/calculateur-carrelage-colle-joint-kinshasa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kinbrique.com\/"},{"@type":"ListItem","position":2,"name":"Calculateur carrelage &amp; colle \u2013 Quantit\u00e9s pi\u00e8ce Kinshasa"}]},{"@type":"WebSite","@id":"https:\/\/kinbrique.com\/#website","url":"https:\/\/kinbrique.com\/","name":"kin brique : Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","description":"Achetez vos briques et vos mat\u00e9riaux de construction moins cher en RDC","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinbrique.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages\/17116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/comments?post=17116"}],"version-history":[{"count":4,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages\/17116\/revisions"}],"predecessor-version":[{"id":17120,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages\/17116\/revisions\/17120"}],"wp:attachment":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/media?parent=17116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}