{"id":17111,"date":"2026-04-21T11:15:58","date_gmt":"2026-04-21T09:15:58","guid":{"rendered":"https:\/\/kinbrique.com\/?page_id=17111"},"modified":"2026-04-21T11:17:25","modified_gmt":"2026-04-21T09:17:25","slug":"calculateur-toiture-toles-charpente-kinshasa","status":"publish","type":"page","link":"https:\/\/kinbrique.com\/index.php\/calculateur-toiture-toles-charpente-kinshasa\/","title":{"rendered":"Calculateur toiture t\u00f4les \u2013 Quantit\u00e9s &amp; charpente Kinshasa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17111\" class=\"elementor elementor-17111\">\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 #5 : Calculateur Toiture en T\u00f4les\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#kb5{max-width:780px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 6px 32px rgba(0,0,0,.13);}\r\n#kb5 *{box-sizing:border-box;margin:0;padding:0;}\r\n.kb5-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\r\n.kb5-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}\r\n.kb5-res{display:none;}\r\n.kb5-res.on{display:block;animation:kb5up .35s ease;}\r\n@keyframes kb5up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\r\n.kb5-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.kb5-mat:hover{border-left-color:#E8590C;}\r\n.kb5-mat-l{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}\r\n.kb5-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}\r\n.kb5-mat-r{text-align:right;flex-shrink:0;}\r\n.kb5-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;}\r\n.kb5-kv-item{border-radius:10px;padding:13px;text-align:center;}\r\n.kb5-ctas{display:flex;flex-direction:column;gap:10px;margin-top:18px;}\r\n.kb5-march-tags{display:flex;flex-wrap:wrap;gap:7px;}\r\n.kb5-pente-btns{display:flex;gap:10px;flex-wrap:wrap;}\r\n.kb5-pente-btn{border:2px solid #E0D6CC;border-radius:10px;padding:12px 10px;cursor:pointer;text-align:center;background:#fff;transition:all .2s;flex:1;min-width:100px;}\r\n.kb5-pente-btn.active{border-color:#E8590C;background:#FFF0E8;}\r\n@media(max-width:520px){\r\n  .kb5-row2,.kb5-row3,.kb5-kv{grid-template-columns:1fr 1fr;}\r\n  .kb5-pente-btns{flex-wrap:wrap;}\r\n  #kb5 .kb5-bd{padding:20px 14px !important;}\r\n}\r\n<\/style>\r\n\r\n<div id=\"kb5\">\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;\">&#127968; KinBrique &middot; Outil #5<\/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;\">Toiture en T&ocirc;les<\/span><\/h2>\r\n      <p style=\"color:rgba(255,255,255,.65);font-size:14px;margin-top:6px;font-family:'Barlow',sans-serif;\">Surface + pente + type de t&ocirc;le &rarr; nombre de t&ocirc;les, lisses, boulons et vis<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CORPS -->\r\n  <div class=\"kb5-bd\" style=\"background:#fff;padding:28px 24px;\">\r\n    <div style=\"display:flex;flex-direction:column;gap:18px;\">\r\n\r\n      <!-- Surface au sol + Forme toiture -->\r\n      <div class=\"kb5-row2\">\r\n        <div>\r\n          <label for=\"kb5-surf\" 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;\">Surface au sol (m&#178;) <span style=\"color:#E8590C;\">*<\/span><\/label>\r\n          <input id=\"kb5-surf\" type=\"number\" min=\"5\" max=\"2000\" inputmode=\"decimal\" placeholder=\"Ex : 80\"\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          <p style=\"font-family:'Barlow',sans-serif;font-size:12px;color:#999;margin-top:5px;\">Surface de la maison vue de dessus<\/p>\r\n        <\/div>\r\n        <div>\r\n          <label for=\"kb5-forme\" 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;\">Forme de la toiture<\/label>\r\n          <select id=\"kb5-forme\" 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\" selected style=\"color:#1A1A1A;background:#fff;\">2 pentes (shed standard)<\/option>\r\n            <option value=\"4\" style=\"color:#1A1A1A;background:#fff;\">4 pentes (croupe)<\/option>\r\n            <option value=\"1\" style=\"color:#1A1A1A;background:#fff;\">1 pente (appentis)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Pente -->\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;\">Pente de la toiture <span style=\"color:#E8590C;\">*<\/span><\/label>\r\n        <div class=\"kb5-pente-btns\" id=\"kb5-pente-btns\">\r\n          <div class=\"kb5-pente-btn\" data-pente=\"15\" id=\"pente-15\">\r\n            <div style=\"font-size:20px;margin-bottom:4px;\">&#9602;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#1A1A1A;\">15&deg;<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#777;\">Faible pente<\/div>\r\n          <\/div>\r\n          <div class=\"kb5-pente-btn active\" data-pente=\"25\" id=\"pente-25\">\r\n            <div style=\"font-size:20px;margin-bottom:4px;\">&#9601;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#1A1A1A;\">25&deg;<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#777;\">Standard Kinshasa<\/div>\r\n          <\/div>\r\n          <div class=\"kb5-pente-btn\" data-pente=\"35\" id=\"pente-35\">\r\n            <div style=\"font-size:20px;margin-bottom:4px;\">&#9650;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#1A1A1A;\">35&deg;<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#777;\">Forte pente<\/div>\r\n          <\/div>\r\n          <div class=\"kb5-pente-btn\" data-pente=\"45\" id=\"pente-45\">\r\n            <div style=\"font-size:20px;margin-bottom:4px;\">&#9651;<\/div>\r\n            <div style=\"font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#1A1A1A;\">45&deg;<\/div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#777;\">Toiture ardente<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <input type=\"hidden\" id=\"kb5-pente\" value=\"25\">\r\n      <\/div>\r\n\r\n      <!-- Type t\u00f4le + Largeur utile -->\r\n      <div class=\"kb5-row2\">\r\n        <div>\r\n          <label for=\"kb5-tole\" 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;\">Type de t&ocirc;le<\/label>\r\n          <select id=\"kb5-tole\" 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=\"galva_long\" selected style=\"color:#1A1A1A;background:#fff;\">T&ocirc;le galvanis&#233;e ondul&#233;e 2m<\/option>\r\n            <option value=\"galva_3m\" style=\"color:#1A1A1A;background:#fff;\">T&ocirc;le galvanis&#233;e ondul&#233;e 3m<\/option>\r\n            <option value=\"acier_2m\" style=\"color:#1A1A1A;background:#fff;\">T&ocirc;le acier pr&#233;laqu\u00e9e 2m<\/option>\r\n            <option value=\"bac_acier\" style=\"color:#1A1A1A;background:#fff;\">Bac acier nervur&#233; 6m<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div>\r\n          <label for=\"kb5-recouvr\" 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;\">Recouvrement des t&ocirc;les<\/label>\r\n          <select id=\"kb5-recouvr\" 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=\"0.15\" selected style=\"color:#1A1A1A;background:#fff;\">15 cm (standard)<\/option>\r\n            <option value=\"0.20\" style=\"color:#1A1A1A;background:#fff;\">20 cm (zone venteuse)<\/option>\r\n            <option value=\"0.10\" style=\"color:#1A1A1A;background:#fff;\">10 cm (minimum)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Longueur charpente -->\r\n      <div>\r\n        <label for=\"kb5-larg-toit\" 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 de la maison (m) <span style=\"color:#E8590C;\">*<\/span><\/label>\r\n        <input id=\"kb5-larg-toit\" type=\"number\" min=\"2\" max=\"50\" inputmode=\"decimal\" placeholder=\"Ex : 8\"\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        <p style=\"font-family:'Barlow',sans-serif;font-size:12px;color:#999;margin-top:5px;\">Sert &agrave; calculer la longueur des rampants et des lisses de charpente<\/p>\r\n      <\/div>\r\n\r\n      <!-- Erreur -->\r\n      <div id=\"kb5-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 une surface et une largeur valides.\r\n      <\/div>\r\n\r\n      <!-- Bouton -->\r\n      <button id=\"kb5-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        &#127968; CALCULER MA TOITURE\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=\"kb5-res\" id=\"kb5-res\">\r\n      <div style=\"height:1px;background:#E0D6CC;margin:24px 0;\"><\/div>\r\n\r\n      <!-- Header r\u00e9sultats -->\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; Liste mat&#233;riaux toiture<\/h3>\r\n        <span id=\"r5-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 rampant 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 au sol<\/div>\r\n          <div id=\"r5-surf-sol\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#1A4F7A;\">&mdash; m&#178;<\/div>\r\n        <\/div>\r\n        <span style=\"color:#B8D4EC;font-size:20px;\">&rarr;<\/span>\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 rampant r&#233;elle<\/div>\r\n          <div id=\"r5-surf-ramp\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#E8590C;\">&mdash; m&#178;<\/div>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.04em;\">Longueur rampant<\/div>\r\n          <div id=\"r5-long-ramp\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#777;\">&mdash; m<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- KPIs -->\r\n      <div class=\"kb5-kv\">\r\n        <div class=\"kb5-kv-item\" style=\"background:#2D7A3A;color:#fff;\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;opacity:.7;\">T&#244;les<\/div>\r\n          <div id=\"r5-kv-toles\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(22px,5vw,30px);font-weight:800;\">&mdash;<\/div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;opacity:.6;margin-top:2px;\">unit&#233;s<\/div>\r\n        <\/div>\r\n        <div class=\"kb5-kv-item\" style=\"background:#5C3D1A;color:#fff;\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;opacity:.7;\">Lisses bois<\/div>\r\n          <div id=\"r5-kv-lisses\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(22px,5vw,30px);font-weight:800;\">&mdash;<\/div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;opacity:.6;margin-top:2px;\">unit&#233;s<\/div>\r\n        <\/div>\r\n        <div class=\"kb5-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;\">Fixations<\/div>\r\n          <div id=\"r5-kv-fixations\" style=\"font-family:'Barlow Condensed',sans-serif;font-size:clamp(22px,5vw,30px);font-weight:800;color:#1A1A1A;\">&mdash;<\/div>\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:10px;color:#aaa;margin-top:2px;\">vis + boulons<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SECTION T\u00d4LES -->\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:#2D7A3A;display:inline-block;flex-shrink:0;\"><\/span>T&#244;les de couverture\r\n        <span style=\"flex:1;height:1px;background:#E0D6CC;display:block;\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kb5-mat\">\r\n        <div class=\"kb5-mat-l\">\r\n          <div class=\"kb5-ico\" style=\"background:#EEF7EE;\">&#127968;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\" id=\"r5-name-tole\">T&#244;les galvanis&#233;es ondul&#233;es<\/div>\r\n            <div id=\"r5-det-tole\" 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; estim&#233;<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb5-mat-r\">\r\n          <div id=\"r5-pu-tole\" style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">&mdash;<\/div>\r\n          <div id=\"r5-tt-tole\" 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 CHARPENTE -->\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:#5C3D1A;display:inline-block;flex-shrink:0;\"><\/span>Charpente bois\r\n        <span style=\"flex:1;height:1px;background:#E0D6CC;display:block;\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kb5-mat\">\r\n        <div class=\"kb5-mat-l\">\r\n          <div class=\"kb5-ico\" style=\"background:#F5EFE6;\">&#129683;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\">Lisses bois charpente (3m)<\/div>\r\n            <div id=\"r5-det-lisses\" 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;$\/u<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb5-mat-r\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">~8&nbsp;$\/u<\/div>\r\n          <div id=\"r5-tt-lisses\" 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=\"kb5-mat\">\r\n        <div class=\"kb5-mat-l\">\r\n          <div class=\"kb5-ico\" style=\"background:#F5EFE6;\">&#129683;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\">Pannes fa&#238;ti&#232;res &amp; arba&#233;triers<\/div>\r\n            <div id=\"r5-det-pannes\" 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; : ~12&nbsp;$\/u<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb5-mat-r\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">~12&nbsp;$\/u<\/div>\r\n          <div id=\"r5-tt-pannes\" 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 FIXATIONS -->\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:#777;display:inline-block;flex-shrink:0;\"><\/span>Fixations\r\n        <span style=\"flex:1;height:1px;background:#E0D6CC;display:block;\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kb5-mat\">\r\n        <div class=\"kb5-mat-l\">\r\n          <div class=\"kb5-ico\" style=\"background:#F5F5F5;\">&#128295;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\">Vis auto-perceuses (bo&#238;te 200)<\/div>\r\n            <div id=\"r5-det-vis\" 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; : ~5&nbsp;$\/bo&#238;te<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb5-mat-r\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">~5&nbsp;$\/bo&#238;te 200<\/div>\r\n          <div id=\"r5-tt-vis\" 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=\"kb5-mat\">\r\n        <div class=\"kb5-mat-l\">\r\n          <div class=\"kb5-ico\" style=\"background:#F5F5F5;\">&#128295;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\">Boulons + &#233;crous fa&#238;tage (jeu)<\/div>\r\n            <div id=\"r5-det-boulons\" 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; : ~3&nbsp;$\/jeu 10 pcs<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb5-mat-r\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">~3&nbsp;$\/jeu 10pcs<\/div>\r\n          <div id=\"r5-tt-boulons\" 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=\"kb5-mat\">\r\n        <div class=\"kb5-mat-l\">\r\n          <div class=\"kb5-ico\" style=\"background:#F5F5F5;\">&#127968;<\/div>\r\n          <div>\r\n            <div style=\"font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;color:#1A1A1A;\">T&#244;le fa&#238;ti&#232;re (barres 2m)<\/div>\r\n            <div id=\"r5-det-faitiere\" 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;$\/u<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"kb5-mat-r\">\r\n          <div style=\"font-family:'Barlow',sans-serif;font-size:11px;color:#aaa;\">~4&nbsp;$\/u<\/div>\r\n          <div id=\"r5-tt-faitiere\" 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 toiture<\/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=\"r5-grand-total\" style=\"color:#E8590C;\">&mdash;<\/span><\/div>\r\n        <div id=\"r5-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 pertes inclus<\/strong> sur les t&#244;les. Main-d&rsquo;&#339;uvre du charpentier non incluse (~8&ndash;15&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=\"kb5-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=\"kb5-ctas\">\r\n        <a href=\"https:\/\/kinbrique.com\/materiaux\/toiture\/\" 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 les t&#244;les sur KinBrique.com\r\n        <\/a>\r\n        <button id=\"kb5-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=\"kb5-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; T&#244;le ondul&#233;e 2m&#215;0,80m utile &mdash; Lisse 3m espac&#233;es 60cm &mdash; 10&nbsp;% pertes 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  ['kb5-surf','kb5-forme','kb5-tole','kb5-recouvr','kb5-larg-toit'].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 DONN\u00c9ES T\u00d4LES \u2500\u2500\u2500 *\/\r\nvar TOLES = {\r\n  galva_long: { nom:'T\\u00F4le galvanis\\u00E9e ondul\\u00E9e 2m',  long:2.0, larg_utile:0.80, prix:10.0 },\r\n  galva_3m:   { nom:'T\\u00F4le galvanis\\u00E9e ondul\\u00E9e 3m',  long:3.0, larg_utile:0.80, prix:14.5 },\r\n  acier_2m:   { nom:'T\\u00F4le acier pr\\u00E9laqu\\u00E9e 2m',     long:2.0, larg_utile:0.82, prix:13.0 },\r\n  bac_acier:  { nom:'Bac acier nervur\\u00E9 6m',                  long:6.0, larg_utile:1.00, prix:28.0 }\r\n};\r\nvar TAUX=2820;\r\n\r\n\/* \u2500\u2500\u2500 \u00c9TAT \u2500\u2500\u2500 *\/\r\nvar penteActif=25;\r\nvar _d=null;\r\n\r\n\/* \u2500\u2500\u2500 UTILITAIRES \u2500\u2500\u2500 *\/\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 PENTE \u2500\u2500\u2500 *\/\r\nfunction initPenteBtns(){\r\n  document.querySelectorAll('.kb5-pente-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','12px 10px','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    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('.kb5-pente-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      penteActif=parseInt(this.getAttribute('data-pente'),10);\r\n      g('kb5-pente').value=penteActif;\r\n    });\r\n  });\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CALCUL \u2500\u2500\u2500 *\/\r\nfunction calc(){\r\n  var surf    = parseFloat(g('kb5-surf').value);\r\n  var largToit= parseFloat(g('kb5-larg-toit').value);\r\n  var forme   = parseInt(g('kb5-forme').value,10);\r\n  var toleKey = g('kb5-tole').value;\r\n  var recouvr = parseFloat(g('kb5-recouvr').value);\r\n  var pente   = penteActif;\r\n  var er      = g('kb5-err');\r\n\r\n  if(!surf||!largToit||isNaN(surf)||isNaN(largToit)||surf<=0||largToit<=0){\r\n    er.style.setProperty('display','block','important');\r\n    g('kb5-res').classList.remove('on');\r\n    return;\r\n  }\r\n  er.style.setProperty('display','none','important');\r\n\r\n  var tole = TOLES[toleKey]||TOLES.galva_long;\r\n\r\n  \/* Facteur pente : surface r\u00e9elle = surface sol \/ cos(angle) *\/\r\n  var angleRad  = pente * Math.PI \/ 180;\r\n  var factPente = 1 \/ Math.cos(angleRad);\r\n  \/* Longueur rampant = (largeur\/2) \/ cos(angle) pour 2 pentes *\/\r\n  var nbPentes  = forme;\r\n  var longRamp  = (largToit \/ (forme===1?1:2)) \/ Math.cos(angleRad);\r\n  var surfRamp  = surf * factPente;  \/* surface inclin\u00e9e r\u00e9elle *\/\r\n\r\n  \/* \u2500\u2500 T\u00d4LES \u2500\u2500 *\/\r\n  \/* largeur couverte par 1 t\u00f4le = larg_utile - recouvrement lat\u00e9ral *\/\r\n  var largUtile = tole.larg_utile - recouvr * 0.5; \/* recouvrement lat\u00e9ral ~5cm de chaque c\u00f4t\u00e9 *\/\r\n  \/* Nb t\u00f4les en largeur par rampant *\/\r\n  var largRampant = (forme===4) ? Math.sqrt(surf\/2) : surf\/largToit;\r\n  \/* Nb t\u00f4les en longueur (rampant) *\/\r\n  var nbToleLong  = Math.ceil(longRamp \/ tole.long * (1+recouvr\/tole.long));\r\n  \/* Nb t\u00f4les en largeur *\/\r\n  var nbToleLarg  = Math.ceil(largRampant \/ largUtile);\r\n  \/* Total t\u00f4les pour toutes les pentes + 10% pertes *\/\r\n  var qToles = Math.ceil(nbToleLong * nbToleLarg * (forme===1?1:2) * 1.10);\r\n\r\n  \/* \u2500\u2500 LISSES (espac\u00e9es 60 cm, longueur 3m) \u2500\u2500 *\/\r\n  var espLisse   = 0.60;\r\n  var nbLignes   = Math.ceil(longRamp \/ espLisse) + 1;\r\n  var longTotLisse= nbLignes * (forme===1?largRampant:largToit) * (forme===4?1.15:1);\r\n  var qLisses    = Math.ceil(longTotLisse \/ 3.0 * 1.08);\r\n\r\n  \/* \u2500\u2500 PANNES & ARBALETRIERS \u2500\u2500 *\/\r\n  var qPannes = Math.ceil(surf \/ 12);\r\n\r\n  \/* \u2500\u2500 FIXATIONS \u2500\u2500 *\/\r\n  var visPar_m2 = 6; \/* vis par m\u00b2 de surface rampant *\/\r\n  var nbVis     = Math.ceil(surfRamp * visPar_m2);\r\n  var nbBoites  = Math.ceil(nbVis \/ 200);\r\n  var nbBoulons = Math.ceil(qToles * 1.5); \/* boulons de fa\u00eetage *\/\r\n  var nbJeux    = Math.ceil(nbBoulons \/ 10);\r\n  \/* Fa\u00eeti\u00e8re *\/\r\n  var longFait  = (forme===4) ? surf\/largToit : largToit;\r\n  var qFaitiere = Math.ceil(longFait \/ 2.0 * 1.10);\r\n\r\n  \/* \u2500\u2500 PRIX \u2500\u2500 *\/\r\n  var tToles    = qToles    * tole.prix;\r\n  var tLisses   = qLisses   * 8.0;\r\n  var tPannes   = qPannes   * 12.0;\r\n  var tVis      = nbBoites  * 5.0;\r\n  var tBoulons  = nbJeux    * 3.0;\r\n  var tFaitiere = qFaitiere * 4.0;\r\n  var TOTAL     = tToles + tLisses + tPannes + tVis + tBoulons + tFaitiere;\r\n\r\n  \/* \u2500\u2500 AFFICHAGE \u2500\u2500 *\/\r\n  var formeLabel = {1:'1 pente (appentis)',2:'2 pentes',4:'4 pentes (croupe)'}[forme]||'';\r\n  g('r5-badge').textContent = surf+'m\\u00B2 \\u2014 pente '+pente+'\\u00B0 \\u2014 '+formeLabel;\r\n\r\n  txt('r5-surf-sol',  surf.toFixed(0)+' m\\u00B2');\r\n  txt('r5-surf-ramp', surfRamp.toFixed(1)+' m\\u00B2');\r\n  txt('r5-long-ramp', longRamp.toFixed(2)+' m');\r\n\r\n  txt('r5-kv-toles',    num(qToles));\r\n  txt('r5-kv-lisses',   num(qLisses));\r\n  txt('r5-kv-fixations',num(nbBoites)+' bo\\u00EEtes + '+num(nbJeux)+' jeux');\r\n\r\n  txt('r5-name-tole', tole.nom);\r\n  txt('r5-det-tole',  num(qToles)+' t\\u00F4les \\u2014 '+tole.long+'m \\u00D7 '+tole.larg_utile+'m \\u2014 recouv. '+recouvr*100+'cm \\u2014 10% pertes inclus');\r\n  txt('r5-pu-tole',   tole.prix.toFixed(2)+'\\u00A0$\/u');\r\n  txt('r5-tt-tole',   '$'+usd(tToles));\r\n\r\n  txt('r5-det-lisses',  num(qLisses)+' lisses 3m \\u2014 espac\\u00E9es 60\\u00A0cm');\r\n  txt('r5-tt-lisses',  '$'+usd(tLisses));\r\n\r\n  txt('r5-det-pannes',  num(qPannes)+' pannes\/arba\\u00E9triers');\r\n  txt('r5-tt-pannes',  '$'+usd(tPannes));\r\n\r\n  txt('r5-det-vis',     num(nbBoites)+' bo\\u00EEtes de 200 vis auto-perceuses');\r\n  txt('r5-tt-vis',     '$'+usd(tVis));\r\n\r\n  txt('r5-det-boulons', num(nbJeux)+' jeux de 10 boulons + \\u00E9crous fa\\u00EEtage');\r\n  txt('r5-tt-boulons', '$'+usd(tBoulons));\r\n\r\n  txt('r5-det-faitiere',num(qFaitiere)+' barres 2m t\\u00F4le fa\\u00EEti\\u00E8re');\r\n  txt('r5-tt-faitiere','$'+usd(tFaitiere));\r\n\r\n  txt('r5-grand-total', usd(TOTAL));\r\n  txt('r5-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 Toiture*\\n'+\r\n    surf+'m\\u00B2 au sol \\u2014 pente '+pente+'\\u00B0 \\u2014 '+formeLabel+'\\n\\n'+\r\n    '\\uD83C\\uDFE0 T\\u00F4les : '+num(qToles)+' u \\u2014 $'+usd(tToles)+'\\n'+\r\n    '\\uD83E\\uDEB5 Lisses bois : '+num(qLisses)+' u \\u2014 $'+usd(tLisses)+'\\n'+\r\n    '\\uD83D\\uDD27 Vis : '+num(nbBoites)+' bo\\u00EEtes \\u2014 Boulons : '+num(nbJeux)+' jeux\\n\\n'+\r\n    '\\uD83D\\uDCB0 Total : $'+usd(TOTAL)+'\\n\\nkinbrique.com'\r\n  );\r\n  g('kb5-wa').href='https:\/\/wa.me\/?text='+wa;\r\n\r\n  _d={surf:surf,largToit:largToit,forme:forme,formeLabel:formeLabel,pente:pente,\r\n      toleNom:tole.nom,toleLong:tole.long,tolePrix:tole.prix,\r\n      surfRamp:surfRamp,longRamp:longRamp,\r\n      qToles:qToles,qLisses:qLisses,qPannes:qPannes,\r\n      nbBoites:nbBoites,nbJeux:nbJeux,qFaitiere:qFaitiere,\r\n      tToles:tToles,tLisses:tLisses,tPannes:tPannes,\r\n      tVis:tVis,tBoulons:tBoulons,tFaitiere:tFaitiere,TOTAL:TOTAL};\r\n\r\n  var res=g('kb5-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 #5 - Calculateur Toiture en Toles',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(d.surf+'m2 au sol - Pente '+d.pente+'deg - '+d.formeLabel+' - Surface rampant '+d.surfRamp.toFixed(1)+'m2',14,56);\r\n  var rows=[\r\n    [d.toleNom,                    num(d.qToles)+' u',        d.tolePrix+'$\/u',   '$'+usd(d.tToles),   'Marche'],\r\n    ['Lisses bois charpente 3m',   num(d.qLisses)+' u',       '8$\/u',             '$'+usd(d.tLisses),  'Marche'],\r\n    ['Pannes et arbaletriers',     num(d.qPannes)+' u',       '12$\/u',            '$'+usd(d.tPannes),  'Marche'],\r\n    ['Vis auto-perceuses (b200)',   num(d.nbBoites)+' boites', '5$\/boite',         '$'+usd(d.tVis),     'Marche'],\r\n    ['Boulons + ecrous faitage',   num(d.nbJeux)+' jeux 10u', '3$\/jeu',           '$'+usd(d.tBoulons), 'Marche'],\r\n    ['Tole faitiere',              num(d.qFaitiere)+' u 2m',  '4$\/u',             '$'+usd(d.tFaitiere),'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 TOITURE (10% pertes 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,14,'F');\r\n  doc.setTextColor(G[0],G[1],G[2]);doc.setFontSize(7);doc.setFont('helvetica','normal');\r\n  doc.text('Lisse 3m espacement 60cm. Recouvrement toles inclus dans calcul. MO charpentier non incluse.',18,y+6);\r\n  doc.text('Longueur rampant calcule : '+d.longRamp.toFixed(2)+'m pour pente '+d.pente+' deg.',18,y+12);y+=14;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 vos materiaux toiture sur kinbrique.com',105,y+9.5,{align:'center'});\r\n  doc.save('KinBrique-Toiture-'+d.surf+'m2.pdf');\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INIT \u2500\u2500\u2500 *\/\r\nfunction init(){\r\n  forceFields();\r\n  initPenteBtns();\r\n  var bc=g('kb5-calc'),bp=g('kb5-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  ['kb5-surf','kb5-larg-toit'].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>&#127968; KinBrique &middot; Outil #5 Calculateur Toiture en T&ocirc;les Surface + pente + type de t&ocirc;le &rarr; nombre de t&ocirc;les,<\/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-17111","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 toiture t\u00f4les \u2013 Quantit\u00e9s &amp; charpente Kinshasa<\/title>\n<meta name=\"description\" content=\"Calculez le nombre de t\u00f4les, lisses, vis et boulons pour votre toiture \u00e0 Kinshasa. 4 types de t\u00f4les, 4 pentes (15\u00b0 \u00e0 45\u00b0), 1, 2 ou 4 pentes. PDF gratuit KinBrique.\" \/>\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-toiture-toles-charpente-kinshasa\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calculateur toiture t\u00f4les \u2013 Quantit\u00e9s &amp; charpente Kinshasa\" \/>\n<meta property=\"og:description\" content=\"Calculez le nombre de t\u00f4les, lisses, vis et boulons pour votre toiture \u00e0 Kinshasa. 4 types de t\u00f4les, 4 pentes (15\u00b0 \u00e0 45\u00b0), 1, 2 ou 4 pentes. PDF gratuit KinBrique.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinbrique.com\/index.php\/calculateur-toiture-toles-charpente-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:17:25+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-toiture-toles-charpente-kinshasa\\\/\",\"url\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-toiture-toles-charpente-kinshasa\\\/\",\"name\":\"Calculateur toiture t\u00f4les \u2013 Quantit\u00e9s & charpente Kinshasa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kinbrique.com\\\/#website\"},\"datePublished\":\"2026-04-21T09:15:58+00:00\",\"dateModified\":\"2026-04-21T09:17:25+00:00\",\"description\":\"Calculez le nombre de t\u00f4les, lisses, vis et boulons pour votre toiture \u00e0 Kinshasa. 4 types de t\u00f4les, 4 pentes (15\u00b0 \u00e0 45\u00b0), 1, 2 ou 4 pentes. PDF gratuit KinBrique.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-toiture-toles-charpente-kinshasa\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-toiture-toles-charpente-kinshasa\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kinbrique.com\\\/index.php\\\/calculateur-toiture-toles-charpente-kinshasa\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kinbrique.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calculateur toiture t\u00f4les \u2013 Quantit\u00e9s &amp; charpente 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 toiture t\u00f4les \u2013 Quantit\u00e9s & charpente Kinshasa","description":"Calculez le nombre de t\u00f4les, lisses, vis et boulons pour votre toiture \u00e0 Kinshasa. 4 types de t\u00f4les, 4 pentes (15\u00b0 \u00e0 45\u00b0), 1, 2 ou 4 pentes. PDF gratuit KinBrique.","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-toiture-toles-charpente-kinshasa\/","og_locale":"fr_FR","og_type":"article","og_title":"Calculateur toiture t\u00f4les \u2013 Quantit\u00e9s & charpente Kinshasa","og_description":"Calculez le nombre de t\u00f4les, lisses, vis et boulons pour votre toiture \u00e0 Kinshasa. 4 types de t\u00f4les, 4 pentes (15\u00b0 \u00e0 45\u00b0), 1, 2 ou 4 pentes. PDF gratuit KinBrique.","og_url":"https:\/\/kinbrique.com\/index.php\/calculateur-toiture-toles-charpente-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:17:25+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-toiture-toles-charpente-kinshasa\/","url":"https:\/\/kinbrique.com\/index.php\/calculateur-toiture-toles-charpente-kinshasa\/","name":"Calculateur toiture t\u00f4les \u2013 Quantit\u00e9s & charpente Kinshasa","isPartOf":{"@id":"https:\/\/kinbrique.com\/#website"},"datePublished":"2026-04-21T09:15:58+00:00","dateModified":"2026-04-21T09:17:25+00:00","description":"Calculez le nombre de t\u00f4les, lisses, vis et boulons pour votre toiture \u00e0 Kinshasa. 4 types de t\u00f4les, 4 pentes (15\u00b0 \u00e0 45\u00b0), 1, 2 ou 4 pentes. PDF gratuit KinBrique.","breadcrumb":{"@id":"https:\/\/kinbrique.com\/index.php\/calculateur-toiture-toles-charpente-kinshasa\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinbrique.com\/index.php\/calculateur-toiture-toles-charpente-kinshasa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kinbrique.com\/index.php\/calculateur-toiture-toles-charpente-kinshasa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kinbrique.com\/"},{"@type":"ListItem","position":2,"name":"Calculateur toiture t\u00f4les \u2013 Quantit\u00e9s &amp; charpente 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\/17111","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=17111"}],"version-history":[{"count":4,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages\/17111\/revisions"}],"predecessor-version":[{"id":17115,"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/pages\/17111\/revisions\/17115"}],"wp:attachment":[{"href":"https:\/\/kinbrique.com\/index.php\/wp-json\/wp\/v2\/media?parent=17111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}