{"id":19455,"date":"2023-05-23T14:50:33","date_gmt":"2023-05-23T21:50:33","guid":{"rendered":"https:\/\/www.columbiaskylights.com\/products\/columbia-cic-commercial-integrated-curb-fixed\/"},"modified":"2024-04-15T22:19:06","modified_gmt":"2024-04-16T05:19:06","slug":"columbia-cic-bordure-integree-fixe-commerciale","status":"publish","type":"products","link":"https:\/\/www.columbiaskylights.com\/fr\/produits\/columbia-cic-bordure-integree-fixe-commerciale\/","title":{"rendered":"Columbia CIC \u2013 Bordure int\u00e9gr\u00e9e fixe commerciale"},"content":{"rendered":"<section id=\"block_86c90d11d27c844cabefba9bdd4146e9\" class=\" columbia-block relative overflow-hidden wp-block-page-hero block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" carousel--hero--dots--\">\n                      <div class=\"hero-slide w-full flex relative  is-selected \">\n          <div class=\"hero-slide__content text-white w-full z-10 pt-22 md:pt-32 lg:pt-40 pb-12 md:pb-20 xl:pt-[180px]\">\n            <div class=\"inner container h-full grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-x-22 xxl:gap-x-60 w-full\">\n                              <text class=\"block hero-slide__content__wysiwyg position-left   font-semibold col-span-2 lg:col-span-1  wp-editor spaced\">\n                  <div class=\"inner \">\n                    <h1>PUITS DE LUMI\u00c8RE COMMERCIAL ROBUSTE<\/h1>\n<p>CIC \u2013 Bordure int\u00e9gr\u00e9e fixe commerciale.<\/p>\n\n                  <\/div>\n                <\/text>\n                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0  hero-slide-bg--left hero-slide-bg-color--black \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/cic_hero-1-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"cic_hero-1\" height=\"1440\" width=\"2560\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                  <\/div>\n              <\/section>\n  <div class=\"block-breadcrumbs text-breadcrumb text-black-500 pt-7 mdd:hidden \">\n    <div class=\"container\">\n              \n                  <a href=\"https:\/\/www.columbiaskylights.com\/fr\/\" class=\"text-black-700 !no-underline hover:!underline\">Accueil<\/a>\n                       \/ \n                  Columbia CIC \u2013 Bordure int\u00e9gr\u00e9e fixe commerciale\n                  <\/div>\n  <\/div>\n\n\n<section id=\"block_aa63b551df74487f69e0ab8705da3d15\" class=\" columbia-block relative overflow-hidden wp-block-multi-column aligncenter block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h2 text-center\">CIC \u2013 BORDURE INT\u00c9GR\u00c9E FIXE COMMERCIALE<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-sm  mx-auto w-wide\">\n      <div class=\"col-wrapper-inner flex flex-wrap   \">\n                            <div class=\"column w-full corners- md:w-6\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li>Le puits de lumi\u00e8re \u00e0 bordure int\u00e9gr\u00e9e commercial est con\u00e7u pour \u00eatre install\u00e9 sur les toits plats des b\u00e2timents commerciaux, des usines et des entrep\u00f4ts.<\/li>\n<li>Fabriqu\u00e9 \u00e0 partir d\u2019une bordure isol\u00e9e enti\u00e8rement en aluminium de haute qualit\u00e9 en provenance d\u2019Am\u00e9rique du Nord, le CIC est con\u00e7u pour r\u00e9sister \u00e0 l\u2019impact du rigoureux climat canadien. Ce puits de lumi\u00e8re est pratiquement sans entretien tout au long de sa dur\u00e9e de vie.<\/li>\n<li>La hauteur de bordure standard est de 12 po.<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li>Disponible avec une bordure mesurant jusqu\u2019\u00e0 24 po, pour s\u2019adapter \u00e0 n\u2019importe quelle hauteur d\u2019isolation de toit.<\/li>\n<li>Construit avec une bordure isol\u00e9e en aluminium r\u00e9sistant aux intemp\u00e9ries qui \u00e9l\u00e8ve le puits de lumi\u00e8re au-dessus de l\u2019accumulation de neige et de glace.<\/li>\n<li>Ce produit permet une installation rapide des puits de lumi\u00e8re, \u00e9liminant le besoin de construire les structures de bordure sur le site.<\/li>\n<li>Disponible sur les mod\u00e8les \u00e0 d\u00f4me et \u00e0 pyramide en acrylique.<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_c1fcd74c2384bcf920629a3458ee202e\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal bg-top-shadow p-top-default p-bottom-small\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto\">\n            <h2 class=\" h5 text-center border-heading\"><span>CARACT\u00c9RISTIQUES<\/span><\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-sm  mx-auto w-wide\">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-6\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li>Comprend une bordure isol\u00e9e de 12 po de hauteur avec une bride de montage de 3 po.<\/li>\n<li>\u00c9galement disponible en 14 po\/16 po\/18 po\/24 po ou \u00e0 hauteur personnalis\u00e9e.<\/li>\n<li>La bordure comprend un isolant rigide pour une performance thermique optimale.<\/li>\n<li>Se monte directement sur le toit.<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li>Pyramides disponibles pour les puits de lumi\u00e8re de forme carr\u00e9e.<\/li>\n<li>Choisissez parmi des mod\u00e8les \u00e0 double ou triple vitrage dans un choix de teintes blanc transparent, bronze et translucides en acrylique ou en polycarbonate.<\/li>\n<li>Comprend une base en aluminium \u00e0 finition mate et des ch\u00e2ssis de retenue.<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_e4c95aae84d6ec97a1b660bb88a7a84f\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal  p-top-default p-bottom-small\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"col-wrapper col-gutter-lg row-gutter-md \">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-6\/12  has-header-bar 1 tab-group\">\n                                                                <div class=\"column-heading flex flex-col justify-center bg-blue text-center px-5 h5 !uppercase py-3 md:py-6\"><span class=\"text-white\">Puits de lumi\u00e8re D\u00f4me \u00e0 Cadre Int\u00e9gr\u00e9<\/span><\/div>\n                                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/cic-dome-fr.jpg\" class=\"column-header-image\" alt=\"Cic Dome Fr\" height=\"1258\" width=\"1554\" title=\"\">\n    \t                        <div class=\"column-inner       no-content \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  \n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  has-header-bar has-header-bar 2 tab-group\">\n                                                                <div class=\"column-heading flex flex-col justify-center bg-blue text-center px-5 h5 !uppercase py-3 md:py-6\"><span class=\"text-white\">Puits de lumi\u00e8re Pyramide \u00e0 Cadre Int\u00e9gr\u00e9<\/span><\/div>\n                                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/cic-pyramide.jpg\" class=\"column-header-image\" alt=\"Cic Pyramide\" height=\"1258\" width=\"1554\" title=\"\">\n    \t                        <div class=\"column-inner       no-content \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  \n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_f8645a2e2bfd575824a0c76ba3e1fad0\" class=\" columbia-block relative overflow-hidden wp-block-divider text-dark bg-teal  p-top-default p-bottom-small\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <hr class=\"border-t md:w-12\/12 mx-auto\" \/>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_37e778ea65bf5ee43b37e3d690dfb01c\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"col-wrapper col-gutter-md row-gutter-lg  mx-auto w-wide match-heading-heights add-column-dividers\">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:hidden after:md:hidden before:xl:hidden after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Disponible en polycarbonate ultra r\u00e9sistant<\/h6>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8332\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/strong-polycarbonate-feature.svg\" alt=\"Strong Polycarbonate Feature\" width=\"334\" height=\"140\" title=\"\"><\/p>\n<p>Pour les applications qui n\u00e9cessitent une s\u00e9curit\u00e9 suppl\u00e9mentaire.<\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/aide\/acrylique-ou-verre\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:block after:md:hidden before:xl:block after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Type de toit<br \/>\nrecommand\u00e9<\/h6>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8298\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/flat-roof-dome-feature.svg\" alt=\"Flat Roof Dome Feature\" width=\"335\" height=\"141\" title=\"\"><\/p>\n<p>Toit plat commercial<\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/types-de-toitures-et-pentes\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  3 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:hidden after:md:block before:xl:block after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Pente de toit<br \/>\npr\u00e9f\u00e9r\u00e9e<\/h6>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-19653\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/pente-minimale-0-12-3-12-padded.svg\" alt=\"Pente Minimale 0 12 3 12 Padded\" width=\"334\" height=\"140\" title=\"\"><\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/types-de-toitures-et-pentes\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  4 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:block after:md:block before:xl:block after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Emplacement<br \/>\nrecommand\u00e9<\/h6>\n<ul>\n<li>B\u00e2timents commerciaux<\/li>\n<li>B\u00e2timents gouvernementaux<\/li>\n<li>Usines<\/li>\n<li>Entrep\u00f4ts<\/li>\n<li>Installations r\u00e9cr\u00e9atives<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_dff4d58908cac14b3d33816f4d2a1ee8\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">OPTIONS DE CADRE<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-md \">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners-rounded md:w-6\/12  1 tab-group\">\n                                                            <div class=\"column-inner  text-dark bg-teal  p-6 lg:p-8  rounded    \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <h5 style=\"text-align: center;\">TLB IC \u2013 Cadre \u00e0<br \/>\nbarri\u00e8re thermique<\/h5>\n<p>Un ch\u00e2ssis en vinyle (PVC) assure une rupture thermique entre la bordure et le cadre en aluminium.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-19717\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/tlb-ic-fr.png\" alt=\"Tlb Ic Fr\" width=\"1256\" height=\"1152\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/tlb-ic-fr.png 1256w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/tlb-ic-fr-300x275.png 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/tlb-ic-fr-1024x939.png 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/tlb-ic-fr-768x704.png 768w\" sizes=\"(max-width: 1256px) 100vw, 1256px\" title=\"\"><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners-rounded md:w-6\/12  2 tab-group\">\n                                                            <div class=\"column-inner  text-dark bg-teal  p-6 lg:p-8  rounded    \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <h5 style=\"text-align: center;\">FBDD IC \u2013 Cadre en aluminium avec rupture thermique en PVC<\/h5>\n<p>Une rupture thermique en vinyle (PVC) emp\u00eache le transfert de froid vers l\u2019int\u00e9rieur du puits de lumi\u00e8re.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-19719\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/fbdd-ic-fr.png\" alt=\"Fbdd Ic Fr\" width=\"1300\" height=\"1114\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/fbdd-ic-fr.png 1300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/fbdd-ic-fr-300x257.png 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/fbdd-ic-fr-1024x877.png 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/fbdd-ic-fr-768x658.png 768w\" sizes=\"(max-width: 1300px) 100vw, 1300px\" title=\"\"><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-10\/12  3 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p>&nbsp;<\/p>\n<h5 class=\"!text-dark\" style=\"text-align: center;\">Disponible pour diff\u00e9rentes hauteurs de bordure. *<\/h5>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6308\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/curb_heights-1.png\" alt=\"Curb Heights\" width=\"2635\" height=\"313\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/curb_heights-1.png 2635w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/curb_heights-1-300x36.png 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/curb_heights-1-1024x122.png 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/curb_heights-1-768x91.png 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/curb_heights-1-1536x182.png 1536w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/curb_heights-1-2048x243.png 2048w\" sizes=\"(max-width: 2635px) 100vw, 2635px\" title=\"\"><\/p>\n<p>* Hauteurs personnalis\u00e9es aussi disponibles.<\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_72f10759fe520fe6b6307f20b5b879a4\" class=\" columbia-block relative overflow-hidden wp-block-divider text-dark bg-white \" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <hr class=\"border-t md:w-12\/12 mx-auto\" \/>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_b636e2e2136f98e5daeb22e194575618\" class=\" columbia-block relative overflow-hidden wp-block-multi-column aligncenter block-w-wide text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">L\u2019ACRYLIQUE EST LE BON CHOIX POUR DE NOMBREUSES APPLICATIONS<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-sm \">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-5\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li>Columbia fabrique des puits de lumi\u00e8re en acrylique et en polycarbonate<\/li>\n<li>Ces mat\u00e9riaux de vitrage polyvalents peuvent \u00eatre produits en double et triple vitrage.<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-5\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li>L\u2019acrylique et le polycarbonate sont disponibles en trois teintes : clair, bronze et blanc translucide.<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_bc95dbd45ccf697269d0f6973e21312b\" class=\" columbia-block relative overflow-hidden wp-block-glazing-option-cards text-dark bg-white \" >\n          <div class=\"mdd:!px-0 block-inner relative container mx-auto\" >\n        <div class=\"grid mdd:bg-teal-100 mdd:py-3 lg:grid-cols-2 xl:grid-cols-3 gap-0 lg:gap-8 w-full\">\n              <div class=\"glazing-option group h-full\">\n          <div class=\"content-toggle relative h-full\">\n    <button class=\"lg:hidden z-10 absolute !right-5 -top-1.5 transition-transform\"  x-data=\"window.columbia.mobile_toggle('.feature-body-wrap', true)\" x-ref=\"toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" width=\"30\" height=\"31\" viewBox=\"0 0 29.4 29.4\"><circle cx=\"14.7\" cy=\"14.7\" r=\"14.7\" fill=\"#ffd110\"\/><path fill=\"#17346c\" d=\"M22.3 10.9c-.6-.6-1.5-.6-2.1 0l-5.8 5.8-5.8-5.8c-.6-.6-1.5-.6-2.1 0-.6.6-.6 1.5 0 2.1l6.9 6.9c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4l6.9-6.9c.4-.6.4-1.6-.2-2.1z\"\/><\/svg><\/button>\n    <div class=\"mdd:px-6 bg-teal-100 lg:shadow h-full flex flex-col\">\n              <div class=\"flex flex-row border-t group-first:border-t-0 py-3 md:px-3 lg:hidden\">\n                <div class=\"toggle-thumb w-16 min-w-[64px] md:w-24 md:min-w-[96px] relative\">\n                  <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-clear.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-clear.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-clear-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-clear-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double vitrage transparent<\/div>\n              <\/div>\n              <div class=\"feature-body-wrap flex flex-col grow md:px-6 pb-8 lg:p-8 lg:pb-10\">\n                <div class=\"image-wrap relative\">\n                                                                        <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-clear.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-clear.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-clear-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-clear-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                                <text class=\"card__content wp-editor flex flex-col grow pt-3 md:pt-6\">\n                  <div class=\"h5 mb-6 card-title\">Double vitrage transparent<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Le double vitrage est le bon choix pour la plupart des applications au Canada.<\/li>\n<li>Il fournit un degr\u00e9 \u00e9lev\u00e9 d\u2019isolation.<\/li>\n<li>L\u2019acrylique transparent apporte une lumi\u00e8re naturelle vive.<\/li>\n<\/ul>\n<\/div>\n                                  <\/text>\n              <\/div>\n            <\/div>\n  <\/div>\n        <\/div>\n              <div class=\"glazing-option group h-full\">\n          <div class=\"content-toggle relative h-full\">\n    <button class=\"lg:hidden z-10 absolute !right-5 -top-1.5 transition-transform\"  x-data=\"window.columbia.mobile_toggle('.feature-body-wrap', false)\" x-ref=\"toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" width=\"30\" height=\"31\" viewBox=\"0 0 29.4 29.4\"><circle cx=\"14.7\" cy=\"14.7\" r=\"14.7\" fill=\"#ffd110\"\/><path fill=\"#17346c\" d=\"M22.3 10.9c-.6-.6-1.5-.6-2.1 0l-5.8 5.8-5.8-5.8c-.6-.6-1.5-.6-2.1 0-.6.6-.6 1.5 0 2.1l6.9 6.9c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4l6.9-6.9c.4-.6.4-1.6-.2-2.1z\"\/><\/svg><\/button>\n    <div class=\"mdd:px-6 bg-teal-100 lg:shadow h-full flex flex-col\">\n              <div class=\"flex flex-row border-t group-first:border-t-0 py-3 md:px-3 lg:hidden\">\n                <div class=\"toggle-thumb w-16 min-w-[64px] md:w-24 md:min-w-[96px] relative\">\n                  <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-bronze.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-bronze.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-bronze-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-bronze-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double vitrage bronze<\/div>\n              <\/div>\n              <div class=\"feature-body-wrap flex flex-col grow md:px-6 pb-8 lg:p-8 lg:pb-10\">\n                <div class=\"image-wrap relative\">\n                                                                        <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-bronze.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-bronze.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-bronze-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-bronze-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                                <text class=\"card__content wp-editor flex flex-col grow pt-3 md:pt-6\">\n                  <div class=\"h5 mb-6 card-title\">Double vitrage bronze<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Le double vitrage est le bon choix pour la plupart des applications au Canada.<\/li>\n<li>Il fournit un degr\u00e9 \u00e9lev\u00e9 d\u2019isolation.<\/li>\n<li>L\u2019acrylique bronze offre une protection maximale contre les rayons extr\u00eames du soleil, r\u00e9duisant l\u2019\u00e9blouissement et le gain de chaleur solaire.<\/li>\n<\/ul>\n<\/div>\n                                  <\/text>\n              <\/div>\n            <\/div>\n  <\/div>\n        <\/div>\n              <div class=\"glazing-option group h-full\">\n          <div class=\"content-toggle relative h-full\">\n    <button class=\"lg:hidden z-10 absolute !right-5 -top-1.5 transition-transform\"  x-data=\"window.columbia.mobile_toggle('.feature-body-wrap', false)\" x-ref=\"toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" width=\"30\" height=\"31\" viewBox=\"0 0 29.4 29.4\"><circle cx=\"14.7\" cy=\"14.7\" r=\"14.7\" fill=\"#ffd110\"\/><path fill=\"#17346c\" d=\"M22.3 10.9c-.6-.6-1.5-.6-2.1 0l-5.8 5.8-5.8-5.8c-.6-.6-1.5-.6-2.1 0-.6.6-.6 1.5 0 2.1l6.9 6.9c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4l6.9-6.9c.4-.6.4-1.6-.2-2.1z\"\/><\/svg><\/button>\n    <div class=\"mdd:px-6 bg-teal-100 lg:shadow h-full flex flex-col\">\n              <div class=\"flex flex-row border-t group-first:border-t-0 py-3 md:px-3 lg:hidden\">\n                <div class=\"toggle-thumb w-16 min-w-[64px] md:w-24 md:min-w-[96px] relative\">\n                  <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-white.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-white.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-white-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-white-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double vitrage blanc<\/div>\n              <\/div>\n              <div class=\"feature-body-wrap flex flex-col grow md:px-6 pb-8 lg:p-8 lg:pb-10\">\n                <div class=\"image-wrap relative\">\n                                                                        <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-white.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-white.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-white-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/double-glazed-white-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                                <text class=\"card__content wp-editor flex flex-col grow pt-3 md:pt-6\">\n                  <div class=\"h5 mb-6 card-title\">Double vitrage blanc<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Le double vitrage est le bon choix pour la plupart des applications au Canada.<\/li>\n<li>Il fournit un degr\u00e9 \u00e9lev\u00e9 d\u2019isolation.<\/li>\n<li>L\u2019acrylique blanc att\u00e9nue l\u2019impact de la lumi\u00e8re solaire intense, r\u00e9duisant l\u2019\u00e9blouissement et le gain de chaleur solaire.<\/li>\n<li>Assure une meilleure intimit\u00e9.<\/li>\n<\/ul>\n<\/div>\n                                  <\/text>\n              <\/div>\n            <\/div>\n  <\/div>\n        <\/div>\n              <div class=\"glazing-option group h-full\">\n          <div class=\"content-toggle relative h-full\">\n    <button class=\"lg:hidden z-10 absolute !right-5 -top-1.5 transition-transform\"  x-data=\"window.columbia.mobile_toggle('.feature-body-wrap', false)\" x-ref=\"toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" width=\"30\" height=\"31\" viewBox=\"0 0 29.4 29.4\"><circle cx=\"14.7\" cy=\"14.7\" r=\"14.7\" fill=\"#ffd110\"\/><path fill=\"#17346c\" d=\"M22.3 10.9c-.6-.6-1.5-.6-2.1 0l-5.8 5.8-5.8-5.8c-.6-.6-1.5-.6-2.1 0-.6.6-.6 1.5 0 2.1l6.9 6.9c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4l6.9-6.9c.4-.6.4-1.6-.2-2.1z\"\/><\/svg><\/button>\n    <div class=\"mdd:px-6 bg-teal-100 lg:shadow h-full flex flex-col\">\n              <div class=\"flex flex-row border-t group-first:border-t-0 py-3 md:px-3 lg:hidden\">\n                <div class=\"toggle-thumb w-16 min-w-[64px] md:w-24 md:min-w-[96px] relative\">\n                  <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-clear.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-clear.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-clear-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-clear-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Triple vitrage transparent<\/div>\n              <\/div>\n              <div class=\"feature-body-wrap flex flex-col grow md:px-6 pb-8 lg:p-8 lg:pb-10\">\n                <div class=\"image-wrap relative\">\n                                                                        <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-clear.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-clear.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-clear-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-clear-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                                <text class=\"card__content wp-editor flex flex-col grow pt-3 md:pt-6\">\n                  <div class=\"h5 mb-6 card-title\">Triple vitrage transparent<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Le triple vitrage est le choix privil\u00e9gi\u00e9 pour le climat canadien et offre une efficacit\u00e9 \u00e9nerg\u00e9tique suppl\u00e9mentaire.<\/li>\n<li>Fournit un degr\u00e9 d\u2019isolation sup\u00e9rieur.<\/li>\n<li>L\u2019acrylique transparent apporte une lumi\u00e8re naturelle vive.<\/li>\n<li>Un confort suppl\u00e9mentaire dans votre espace int\u00e9rieur.<\/li>\n<\/ul>\n<\/div>\n                                  <\/text>\n              <\/div>\n            <\/div>\n  <\/div>\n        <\/div>\n              <div class=\"glazing-option group h-full\">\n          <div class=\"content-toggle relative h-full\">\n    <button class=\"lg:hidden z-10 absolute !right-5 -top-1.5 transition-transform\"  x-data=\"window.columbia.mobile_toggle('.feature-body-wrap', false)\" x-ref=\"toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" width=\"30\" height=\"31\" viewBox=\"0 0 29.4 29.4\"><circle cx=\"14.7\" cy=\"14.7\" r=\"14.7\" fill=\"#ffd110\"\/><path fill=\"#17346c\" d=\"M22.3 10.9c-.6-.6-1.5-.6-2.1 0l-5.8 5.8-5.8-5.8c-.6-.6-1.5-.6-2.1 0-.6.6-.6 1.5 0 2.1l6.9 6.9c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4l6.9-6.9c.4-.6.4-1.6-.2-2.1z\"\/><\/svg><\/button>\n    <div class=\"mdd:px-6 bg-teal-100 lg:shadow h-full flex flex-col\">\n              <div class=\"flex flex-row border-t group-first:border-t-0 py-3 md:px-3 lg:hidden\">\n                <div class=\"toggle-thumb w-16 min-w-[64px] md:w-24 md:min-w-[96px] relative\">\n                  <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-bronze.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-bronze.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-bronze-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-bronze-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Triple vitrage bronze<\/div>\n              <\/div>\n              <div class=\"feature-body-wrap flex flex-col grow md:px-6 pb-8 lg:p-8 lg:pb-10\">\n                <div class=\"image-wrap relative\">\n                                                                        <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-bronze.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-bronze.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-bronze-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-bronze-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                                <text class=\"card__content wp-editor flex flex-col grow pt-3 md:pt-6\">\n                  <div class=\"h5 mb-6 card-title\">Triple vitrage bronze<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Le triple vitrage est le choix privil\u00e9gi\u00e9 pour le climat canadien et offre une efficacit\u00e9 \u00e9nerg\u00e9tique suppl\u00e9mentaire.<\/li>\n<li>Fournit un degr\u00e9 d\u2019isolation sup\u00e9rieur.<\/li>\n<li>L\u2019acrylique bronze offre une protection maximale contre la lumi\u00e8re solaire intense, r\u00e9duisant l\u2019\u00e9blouissement et le gain de chaleur solaire.<\/li>\n<li>Un confort suppl\u00e9mentaire dans votre espace int\u00e9rieur.<\/li>\n<\/ul>\n<\/div>\n                                  <\/text>\n              <\/div>\n            <\/div>\n  <\/div>\n        <\/div>\n              <div class=\"glazing-option group h-full\">\n          <div class=\"content-toggle relative h-full\">\n    <button class=\"lg:hidden z-10 absolute !right-5 -top-1.5 transition-transform\"  x-data=\"window.columbia.mobile_toggle('.feature-body-wrap', false)\" x-ref=\"toggle\" ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" width=\"30\" height=\"31\" viewBox=\"0 0 29.4 29.4\"><circle cx=\"14.7\" cy=\"14.7\" r=\"14.7\" fill=\"#ffd110\"\/><path fill=\"#17346c\" d=\"M22.3 10.9c-.6-.6-1.5-.6-2.1 0l-5.8 5.8-5.8-5.8c-.6-.6-1.5-.6-2.1 0-.6.6-.6 1.5 0 2.1l6.9 6.9c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4l6.9-6.9c.4-.6.4-1.6-.2-2.1z\"\/><\/svg><\/button>\n    <div class=\"mdd:px-6 bg-teal-100 lg:shadow h-full flex flex-col\">\n              <div class=\"flex flex-row border-t group-first:border-t-0 py-3 md:px-3 lg:hidden\">\n                <div class=\"toggle-thumb w-16 min-w-[64px] md:w-24 md:min-w-[96px] relative\">\n                  <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-white.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-white.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-white-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-white-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Triple vitrage blanc<\/div>\n              <\/div>\n              <div class=\"feature-body-wrap flex flex-col grow md:px-6 pb-8 lg:p-8 lg:pb-10\">\n                <div class=\"image-wrap relative\">\n                                                                        <img decoding=\"async\" width=\"820\" height=\"648\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-white.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-white.jpg 820w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-white-300x237.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/triple-glazed-white-768x607.jpg 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" title=\"\">\n                <\/div>\n                                <text class=\"card__content wp-editor flex flex-col grow pt-3 md:pt-6\">\n                  <div class=\"h5 mb-6 card-title\">Triple vitrage blanc<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Le triple vitrage est le choix privil\u00e9gi\u00e9 pour le climat canadien et offre une efficacit\u00e9 \u00e9nerg\u00e9tique suppl\u00e9mentaire.<\/li>\n<li>Fournit un degr\u00e9 d\u2019isolation sup\u00e9rieur. L\u2019acrylique blanc att\u00e9nue l\u2019impact de la lumi\u00e8re solaire intense, r\u00e9duisant l\u2019\u00e9blouissement et le gain de chaleur solaire.<\/li>\n<li>Assure une meilleure intimit\u00e9.<\/li>\n<li>Un confort suppl\u00e9mentaire dans votre espace int\u00e9rieur.<\/li>\n<\/ul>\n<\/div>\n                                  <\/text>\n              <\/div>\n            <\/div>\n  <\/div>\n        <\/div>\n          <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_ddb6dd1a71f9c8b3655661d34616e54b\" class=\" columbia-block relative overflow-hidden wp-block-product-sizing-charts block-w-full text-dark bg-teal  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\"  x-data=\"sizingChart\">\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n          <div class=\"title-image-wrap relative flex flex-col-reverse items-center md:flex-row title-icon-spacer spacer-center\">\n                  <div class=\"flex justify-center w-full flex-row gap-6 md:absolute md:top-0 md:left-0 \">\n                  <div class=\"title-image mt-6 md:mt-0 md:absolute left-0\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/pente-minimale-0-12-3-12.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Pente Minimale 0 12 3 12\" height=\"163\" width=\"136\" title=\"\">\n    \t          <\/div>\n                            <\/div>\n            \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">DIMENSIONS DU CIC \u2013 PUITS DE LUMI\u00c8RE COMMERCIAL \u00c0 BORDURE INT\u00c9GR\u00c9E \u2013 FIXE<\/h2>\n    <\/div>\n    \n          <\/div>\n    \n          <div class=\"mt-6 lg:mt-12 relative z-0 block-intro  mx-auto max-w-6xl lg:max-w-6xxl text-xl\">Disponible dans les tailles indiqu\u00e9es dans le tableau ci-dessous (Imp\u00e9rial et M\u00e9trique). Vous pouvez \u00e9galement consulter les tailles les plus populaires. Si vous ne voyez pas la taille dont vous avez besoin ci-dessous, des tailles personnalis\u00e9es sont disponibles. Vous pouvez \u00e9galement t\u00e9l\u00e9charger un PDF imprimable du tableau.<\/div>\n          <\/div>\n            <hr class=\"mb-12\" \/>\n        <div class=\"grid mb-12 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 text-center max-w-[1140px] gap-12 lg:gap-30 mx-auto\">\n      <div class=\"\">\n                  <a href=\"https:\/\/www.columbiaskylights.com\/fr\/informations-techniques\/commande-de-dimensions-personnalisees\/\" class=\"last:mr-0 btn-blue\">VOIR LES DIMENSIONS PERSONNALIS\u00c9ES<\/a>\n          <p class=\"x-cta-description mt-5 text-sm !w-full\">Si vous ne trouvez pas les dimensions souhait\u00e9es dans nos produits standard, consultez notre page Dimensions personnalis\u00e9es.<\/p>\n              <\/div>\n      <div>\n        <div class=\"flex flex-row justify-center\">\n          <button x-on:click=\"toggleUnits()\" :class=\"isImperial ? 'btn-blue' : 'btn-grey'\">UNIT\u00c9S IMP\u00c9RIALES<\/button>\n          <button x-on:click=\"toggleUnits()\" :class=\"!isImperial ? 'btn-blue' : 'btn-grey'\">UNIT\u00c9S M\u00c9TRIQUES<\/button>\n        <\/div>\n                  <p class=\"x-cta-description mt-5 text-sm\">Les dimensions standard des puits de lumi\u00e8re sont disponibles dans les deux options.<\/p>\n              <\/div>\n            <div class=\"mdd:hidden\">\n        <div class=\"inline-flex flex-row gap-6 items-center uppercase font-semibold mx-auto py-3\">\n          DIMENSIONS<br\/>POPULAIRES          <div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg><\/div>\n        <\/div>\n        <p class=\"x-cta-description mt-5 text-sm\">L\u2019\u00e9toile jaune indique les dimensions les plus populaires.<\/p>\n      <\/div>\n          <\/div>\n    \n          <hr class=\"mb-12\" \/>\n      <div class=\"smd:hidden\">\n        <div class=\"grid max-w-[1140px] mx-auto mb-20 gap-12 grid-cols-1 md:grid-cols-2\"><div class=\"flex flex-row gap-5\"><div><div class=\"w-12 h-12 bg-columbia-dark\"><\/div><\/div><div>D\u00f4me en acrylique seulement<\/div><\/div><div class=\"flex flex-row gap-5\"><div><div class=\"w-12 h-12 bg-columbia-medium\"><\/div><\/div><div>D\u00f4me ou pyramide en acrylique<\/div><\/div><\/div>\n      <\/div>\n    \n          <table class=\"hidden font-narrow lg:block sizing-chart w-full mx-auto mt-30 pl-8 xxxl:pl-0\" style=\"max-width: 6293.1025641026px; width: clamp(768, 3933.1891025641%, 100%) ;\">\n        <tr>\n                    <th width=\"1%\" class=\"p-3 leading-tight text-left\">Ouverture du toit<\/th>\n                                <th data-imperialvalue=\"14&frac14;\" data-metricvalue=\"362\"><span class=\"data-value whitespace-nowrap\">14&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"22&frac14;\" data-metricvalue=\"565\"><span class=\"data-value whitespace-nowrap\">22&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"30&frac14;\" data-metricvalue=\"768\"><span class=\"data-value whitespace-nowrap\">30&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"34&frac14;\" data-metricvalue=\"870\"><span class=\"data-value whitespace-nowrap\">34&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"37\" data-metricvalue=\"940\"><span class=\"data-value whitespace-nowrap\">37<\/span><\/th>\n                      <th data-imperialvalue=\"42&frac14;\" data-metricvalue=\"1073\"><span class=\"data-value whitespace-nowrap\">42&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"46&frac14;\" data-metricvalue=\"1175\"><span class=\"data-value whitespace-nowrap\">46&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"55\" data-metricvalue=\"1397\"><span class=\"data-value whitespace-nowrap\">55<\/span><\/th>\n                      <th data-imperialvalue=\"59\" data-metricvalue=\"1499\"><span class=\"data-value whitespace-nowrap\">59<\/span><\/th>\n                      <th data-imperialvalue=\"67&frac14;\" data-metricvalue=\"1708\"><span class=\"data-value whitespace-nowrap\">67&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"69&frac12;\" data-metricvalue=\"1765\"><span class=\"data-value whitespace-nowrap\">69&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"75\" data-metricvalue=\"1905\"><span class=\"data-value whitespace-nowrap\">75<\/span><\/th>\n                      <th data-imperialvalue=\"85&frac12;\" data-metricvalue=\"2172\"><span class=\"data-value whitespace-nowrap\">85&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"89&frac12;\" data-metricvalue=\"2273\"><span class=\"data-value whitespace-nowrap\">89&frac12;<\/span><\/th>\n                  <\/tr>\n        \n                            <tr>\n            <th data-imperialvalue=\"14&frac14;\" data-metricvalue=\"362\"><span class=\"data-value whitespace-nowrap inline-block\">14&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"1.8918021905078%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2020<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>14&frac14;\u00a0\u00bb x 14&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.41 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2020<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>362mm x 362mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.13 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 362 \/ 362\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2020\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"22&frac14;\" data-metricvalue=\"565\"><span class=\"data-value whitespace-nowrap inline-block\">22&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"1.8918021905078%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2028<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>14&frac14;\u00a0\u00bb x 22&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.20 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2028<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>362mm x 565mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.20 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 362 \/ 565\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2028\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"2.9538665781613%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2828<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>22&frac14;\u00a0\u00bb x 22&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.44 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2828<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>565mm x 565mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.32 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 565 \/ 565\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2828\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"30&frac14;\" data-metricvalue=\"768\"><span class=\"data-value whitespace-nowrap inline-block\">30&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"1.8918021905078%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2036<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>14&frac14;\u00a0\u00bb x 30&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.99 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2036<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>362mm x 768mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.28 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 362 \/ 768\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2036\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"2.9538665781613%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2836<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>22&frac14;\u00a0\u00bb x 30&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>4.67 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2836<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>565mm x 768mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.43 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 565 \/ 768\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2836\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"4.0159309658148%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3636<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>30&frac14;\u00a0\u00bb x 30&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>6.35 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3636<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>768mm x 768mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.59 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 768 \/ 768\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3636\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"34&frac14;\" data-metricvalue=\"870\"><span class=\"data-value whitespace-nowrap inline-block\">34&frac14;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"4.5469631596416%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4040<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 34&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>8.15 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4040<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>870mm x 870mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.76 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 870 \/ 870\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4040\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"37\" data-metricvalue=\"940\"><span class=\"data-value whitespace-nowrap inline-block\">37<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"4.9120477928974%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4242<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>37&Prime; x 37&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.51 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4242<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>940mm x 940mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.88 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 940 \/ 940\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4242\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"46&frac14;\" data-metricvalue=\"1175\"><span class=\"data-value whitespace-nowrap inline-block\">46&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"1.8918021905078%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>14&frac14;\u00a0\u00bb x 46&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>4.58 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>362mm x 1175mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.43 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 362 \/ 1175\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2052\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"2.9538665781613%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2852<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>22&frac14;\u00a0\u00bb x 46&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>7.15 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2852<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>565mm x 1175mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.66 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 565 \/ 1175\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2852\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"4.0159309658148%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3652<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>30&frac14;\u00a0\u00bb x 46&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.72 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3652<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>768mm x 1175mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.90 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 768 \/ 1175\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3652\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"4.5469631596416%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 46&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>11.00 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>870mm x 1175mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.02 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 870 \/ 1175\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4052\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"6.1400597411218%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5252<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>46&frac14;\u00a0\u00bb x 46&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.85 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5252<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1175mm x 1175mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.38 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1175 \/ 1175\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5252\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"55\" data-metricvalue=\"1397\"><span class=\"data-value whitespace-nowrap inline-block\">55<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"2.9538665781613%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2860<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>22&frac14;\u00a0\u00bb x 55&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>8.50 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2860<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>565mm x 1397mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.79 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 565 \/ 1397\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2860\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"4.0159309658148%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3660<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>30&frac14;\u00a0\u00bb x 55&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>11.55 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3660<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>768mm x 1397mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.07 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 768 \/ 1397\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3660\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.1400597411218%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5260<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>46&frac14;\u00a0\u00bb x 55&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>17.66 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5260<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1175mm x 1397mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.64 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1175 \/ 1397\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5260\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"7.3016926651178%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6060<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>55&Prime; x 55&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>21.01 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6060<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1397mm x 1397mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.95 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1397 \/ 1397\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>6060\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"59\" data-metricvalue=\"1499\"><span class=\"data-value whitespace-nowrap inline-block\">59<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"7.8327248589446%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6464<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>59&Prime; x 59&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>24.17 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6464<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1499mm x 1499mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.25 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1499 \/ 1499\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>6464\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"67&frac14;\" data-metricvalue=\"1708\"><span class=\"data-value whitespace-nowrap inline-block\">67&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"1.8918021905078%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2072<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>14&frac14;\u00a0\u00bb x 67&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>6.65 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2072<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>362mm x 1708mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.62 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 362 \/ 1708\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2072\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"2.9538665781613%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2872<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>22&frac14;\u00a0\u00bb x 67&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>10.39 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2872<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>565mm x 1708mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.97 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 565 \/ 1708\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2872\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"4.0159309658148%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3672<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>30&frac14;\u00a0\u00bb x 67&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.13 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3672<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>768mm x 1708mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.31 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 768 \/ 1708\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3672\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"5.6090275472951%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4872<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>42&frac14;\u00a0\u00bb x 67&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>19.73 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4872<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1073mm x 1708mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.83 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1073 \/ 1708\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4872\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.1400597411218%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5272<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>46&frac14;\u00a0\u00bb x 67&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>21.60 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5272<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1175mm x 1708mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.01 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1175 \/ 1708\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5272\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"8.9279787587122%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 7272<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>67&frac14;\u00a0\u00bb x 67&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>31.41 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 7272<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1708mm x 1708mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.92 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1708 \/ 1708\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>7272\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"69&frac12;\" data-metricvalue=\"1765\"><span class=\"data-value whitespace-nowrap inline-block\">69&frac12;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"1.8918021905078%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>14&frac14;\u00a0\u00bb x 69&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>6.88 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>362mm x 1765mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.64 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 362 \/ 1765\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2076\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"2.9538665781613%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2876<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>22&frac14;\u00a0\u00bb x 69&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>10.74 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2876<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>565mm x 1765mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.00 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 565 \/ 1765\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2876\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"4.0159309658148%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3676<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>30&frac14;\u00a0\u00bb x 69&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.60 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3676<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>768mm x 1765mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.36 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 768 \/ 1765\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3676\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.1400597411218%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5276<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>46&frac14;\u00a0\u00bb x 69&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>22.32 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5276<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1175mm x 1765mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.07 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1175 \/ 1765\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5276\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"7.3016926651178%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>55&Prime; x 69&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>26.55 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1397mm x 1765mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.47 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1397 \/ 1765\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>6076\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"9.2266843677398%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 7676<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>69&frac12;\u00a0\u00bb x 69&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>33.54 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 7676<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1765mm x 1765mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.12 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1765 \/ 1765\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>7676\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"75\" data-metricvalue=\"1905\"><span class=\"data-value whitespace-nowrap inline-block\">75<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"4.9120477928974%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>37&Prime; x 75&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>19.27 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>940mm x 1905mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.79 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 940 \/ 1905\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4280\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"9.9568536342516%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 8080<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>75&Prime; x 75&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>39.06 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 8080<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1905mm x 1905mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.63 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1905 \/ 1905\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>8080\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"85&frac12;\" data-metricvalue=\"2172\"><span class=\"data-value whitespace-nowrap inline-block\">85&frac12;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"11.350813143047%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 9292<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>85&frac12;\u00a0\u00bb x 85&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>50.77 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 9292<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>2172mm x 2172mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>4.72 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 2172 \/ 2172\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>9292\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"89&frac12;\" data-metricvalue=\"2273\"><span class=\"data-value whitespace-nowrap inline-block\">89&frac12;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"2.9538665781613%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2896<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>22&frac14;\u00a0\u00bb x 89&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>13.83 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2896<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>565mm x 2273mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.28 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 565 \/ 2273\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2896\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"4.0159309658148%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3696<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>30&frac14;\u00a0\u00bb x 89&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>18.80 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3696<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>768mm x 2273mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.75 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 768 \/ 2273\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3696\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.1400597411218%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5296<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>46&frac14;\u00a0\u00bb x 89&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>28.75 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5296<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1175mm x 2273mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.67 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1175 \/ 2273\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5296\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"7.3016926651178%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6096<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>55&Prime; x 89&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>34.18 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6096<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1397mm x 2273mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.18 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1397 \/ 2273\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>6096\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"7.8327248589446%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6496<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>59&Prime; x 89&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>36.67 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 6496<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1499mm x 2273mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.41 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1499 \/ 2273\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>6496\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.9279787587122%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 7296<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>67&frac14;\u00a0\u00bb x 89&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>41.80 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 7296<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1708mm x 2273mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.88 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1708 \/ 2273\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>7296\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-medium hover:bg-blue\" width=\"11.881845336874%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 9696<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>89&frac12;\u00a0\u00bb x 89&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>55.63 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 9696<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>2273mm x 2273mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>5.17 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 2273 \/ 2273\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>9696\n\n                                      <\/button>\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"115\" data-metricvalue=\"2921\"><span class=\"data-value whitespace-nowrap inline-block\">115<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.1400597411218%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 52120<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>46&frac14;\u00a0\u00bb x 115&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>36.94 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 52120<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1175mm x 2921mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.43 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1175 \/ 2921\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>52120\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"9.2266843677398%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 76120<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>69&frac12;\u00a0\u00bb x 115&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>55.50 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 76120<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Ouverture du toit (l x h)<\/strong><br\/>1765mm x 2921mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>5.16 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-xs\" style=\"aspect-ratio: 1765 \/ 2921\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>76120\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                          <tr class=\"chart-footer\">\n            <td colspan=\"99\" class=\"!border-0 pt-6 px-0 pb-0\">\n              <div class=\"mt-2 grid grid-cols-1 sm:grid-cols-2 items-center font-semibold max-w-5xl gap-6 md:gap-12 lg:gap-20 font-sans text-sm\"><div>Tous les puits de lumi\u00e8re \u00e0 bordure int\u00e9gr\u00e9e (CIC) sont disponibles avec barri\u00e8re thermique (TLB) ou avec un cadre tout en aluminium et une barri\u00e8re antigel (FBDD).<\/div><\/div>\n            <\/td>\n          <\/tr>\n              <\/table>\n              <hr class=\"mdd:hidden mt-12 lg:mt-28 pb-12\" \/>\n      \n      <div class=\"summary-sizing-charts mb-4 md:mb-8 lg:mb-12 xl:mb-16\">\n                      <div class=\"block-intro-wrap z-0 relative mdd:hidden pb-11 lg:pb-22 last:pb-0\">\n          <div class=\"title-image-wrap relative flex flex-col-reverse items-center md:flex-row title-icon-spacer spacer-center\">\n                  <div class=\"flex justify-center w-full flex-row gap-6 md:absolute md:top-0 md:left-0 \">\n                  <div class=\"title-image mt-6 md:mt-0 md:absolute left-0\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/pente-minimale-0-12-3-12.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Pente Minimale 0 12 3 12\" height=\"163\" width=\"136\" title=\"\">\n    \t          <\/div>\n                            <\/div>\n            \n        <div class=\"block-title grow self-center mx-auto max-w-6xl\">\n            <h5 class=\"md:pt-8 lg:pt-0 h5 text-center\">Tableau des dimensions \u2013 R\u00e9capitulatif<\/h5>\n    <\/div>\n    \n          <\/div>\n    \n          <\/div>\n        <div class=\"chart-images mb-8\" style=\"max-width: 4982.3680456491px;\">\n          <div x-show=\"!isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/ac-cic-size-chart-summary-metric-fr-1.png\" class=\"\" alt=\"Ac Cic Size Chart Summary Metric Fr\" height=\"11550\" width=\"12624\" title=\"\">\n    \t          <\/div>\n          <div x-show=\"isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/ac-cic-size-chart-summary-imperial-fr-2.png\" class=\"\" alt=\"Ac Cic Size Chart Summary Imperial Fr\" height=\"11550\" width=\"12624\" title=\"\">\n    \t          <\/div>\n          <div class=\"chart-footer mt-2 text-left\">\n          <\/div>\n        <\/div>\n            <p class=\"text-sm md:hidden mt-4 mb-8\">Pincer pour agrandir.<\/p>\n              <div class=\"mt-2 grid grid-cols-1 sm:grid-cols-2 items-center font-semibold max-w-5xl gap-6 md:gap-12 lg:gap-20 font-sans text-sm\"><div>Tous les puits de lumi\u00e8re \u00e0 bordure int\u00e9gr\u00e9e (CIC) sont disponibles avec barri\u00e8re thermique (TLB) ou avec un cadre tout en aluminium et une barri\u00e8re antigel (FBDD).<\/div><\/div>\n                              <hr class=\"my-12\" \/>\n                <div class=\"grid max-w-[1140px] mx-auto mb-20 gap-12 grid-cols-1 md:grid-cols-2\"><div class=\"flex flex-row gap-5\"><div><div class=\"w-12 h-12 bg-columbia-dark\"><\/div><\/div><div>D\u00f4me en acrylique seulement<\/div><\/div><div class=\"flex flex-row gap-5\"><div><div class=\"w-12 h-12 bg-columbia-medium\"><\/div><\/div><div>D\u00f4me ou pyramide en acrylique<\/div><\/div><\/div>\n          <\/div>\n    <hr class=\"mb-20\" \/>\n<div class=\"mx-auto max-w-7xl\">\n  <div class=\"text-center mb-11 mx-auto max-w-5xl\">\n    <h3 class=\"mb-11\">Informations techniques<\/h3>\n    <p>Chaque mod\u00e8le est accompagn\u00e9 d\u2019un ensemble d\u2019informations t\u00e9l\u00e9chargeables pour vous guider dans le choix, les caract\u00e9ristiques et l\u2019installation de notre produit. Si vous ne trouvez pas ce dont vous avez besoin, n\u2019h\u00e9sitez pas \u00e0 contacter l\u2019\u00e9quipe du service client de Columbia au <span class=\"whitespace-nowrap\">604-437-3377<\/span> (sans frais : <span class=\"whitespace-nowrap\">1-888-437-5557<\/span>) ou par courriel \u00e0 <a href=\"mailto:info@columbiaskylights.com\">info@columbiaskylights.com<\/a>.<\/p>\n\n  <\/div>\n  <div class=\"flex flex-col md:flex-row justify-center gap-6 md:grid-cols-2 lg:gap-8\">\n                <div class=\"match-col-height product-cta-wrapper h-full card flex flex-col bg-white basis-1\/2 xl:basis-1\/3\">\n        <div class=\"match-height h6 text-white text-center !uppercase py-3 md:py-5 px-4 bg-blue\">T\u00c9L\u00c9CHARGER LE TABLEAU DES DIMENSIONS<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/download-size-chart-cta.jpg\" class=\"w-full h-auto\" alt=\"Download size chart cta\" height=\"684\" width=\"832\" title=\"\">\n    \t        <div class=\"flex flex-col grow p-6 lg:pt-6 lg:pb-12\">\n          <div class=\"grow mb-8 lg:mb-12\">\n            T\u00e9l\u00e9chargez une version PDF du tableau des dimensions pour ce mod\u00e8le \u00e0 conserver comme r\u00e9f\u00e9rence.<br \/>\r\n<br \/>\r\nLe tableau des dimensions est disponible en unit\u00e9s imp\u00e9riales et m\u00e9triques.\n          <\/div>\n          <div class=\"text-center\" x-show=\"!isImperial\"><a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/ac-cic-size-chart-summary-print-metric-fr-1.pdf\" class=\" btn-blue\"  rel=\"noreferer noopener nofollow\" target=\"_blank\">T\u00e9l\u00e9charger<\/a>\n<\/div>\n          <div class=\"text-center\" x-show=\"isImperial\"><a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/ac-cic-size-chart-summary-print-imperial-fr-1.pdf\" class=\" btn-blue\"  rel=\"noreferer noopener nofollow\" target=\"_blank\">T\u00e9l\u00e9charger<\/a>\n<\/div>\n        <\/div>\n      <\/div>\n                        <div class=\"match-col-height product-cta-wrapper h-full card flex flex-col bg-white basis-1\/2 xl:basis-1\/3\" x-data=\"ajaxModal('https:\/\/www.columbiaskylights.com\/fr\/produits\/columbia-cic-bordure-integree-fixe-commerciale\/specifications')\" x-on:keydown.escape=\"showModal = false\" class=\"cta-has-modal\">\n        <div class=\"match-height h6 text-white text-center !uppercase py-3 md:py-5 px-4 bg-blue\">DESSINS ET <br\/>CARACT\u00c9RISTIQUES<\/div>\n        <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/drawings-and-specs-cta.jpg\" class=\"w-full h-auto\" alt=\"Drawings and specs cta\" height=\"684\" width=\"832\" title=\"\">\n    \t        <div class=\"flex flex-col grow p-6 lg:pt-6 lg:pb-12\">\n          <div class=\"grow mb-8 lg:mb-12\">\n            T\u00e9l\u00e9chargez deux formats des dessins techniques de ce mod\u00e8le \u2013 (1) Dessin d\u00e9taill\u00e9 ou (2) Donn\u00e9es du produit. Sont \u00e9galement disponibles une version .dwg (fichier CAO) et les caract\u00e9ristiques du produit sous forme de document Word, PDF ou fichier texte.<br \/>\r\n<br \/>\r\nPour plusieurs mod\u00e8les, acc\u00e9dez \u00e0 la page <a href=\"https:\/\/www.columbiaskylights.com\/fr\/informations-techniques\/dessins-et-caracteristiques\/\">Biblioth\u00e8que des dessins et des caract\u00e9ristiques<\/a>.\n          <\/div>\n          <div class=\"text-center\"><button class=\"btn-blue\" x-on:click=\"loadModal('wide')\">VOIR LES FICHIERS<\/button><\/div>\n                      <div\n  x-show=\"showModal\"\n  x.transition\n  tabindex=\"-1\"\n  aria-hidden=\"true\"\n  @click.self=\"showModal = false\"\n  @keyup.escape.window=\"showModal = false\"\n  class=\"w-full h-full fixed top-[60px] right-0 bottom-[60px] left-0 pb-16 overflow-x-hidden overflow-y-auto z-50 bg-white\/50\">\n  <div :class=\"modalWidth == 'wide' ? 'lg:max-w-8xl' : ''\" class=\"relative w-full h-full max-w-2xl md:h-auto mx-auto p-4 md:py-8 lg:py-12 xl:py-16 flex flex-col justify-center items-center\">\n    <div class=\"w-full relative bg-teal rounded-md overflow-hidden p-4 md:p-8 xl:p-18 shadow\">\n      <button x-on:click=\"showModal = false\" class=\"w-4 h-4 md:w-5 md:h-5 absolute top-4 md:top-8 right-4 md:right-8\">\n        <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/themes\/columbiawp\/public\/images\/icon-close-modal.669df4.svg\" alt=\"Close modal\" class=\"w-full max-w-full h-auto\" title=\"\">\n      <\/button>\n      <div\n        x-show=\"showLoading\"\n        x-transition:leave=\"transition ease-out duration-200\"\n        x-transition:leave-start=\"opacity-100\"\n        x-transition:leave-end=\"opacity-0\"\n        class=\"absolute h-full w-full inset-0 z-20 flex flex-col justify-center items-center text-gray-600 bg-white\"\n      >\n        <svg version=\"1.1\" id=\"L9\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n          viewBox=\"0 0 100 100\" enable-background=\"new 0 0 0 0\" xml:space=\"preserve\" class=\"w-16 h-16 fill-current\">\n            <path d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\">\n            <animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" \/>\n          <\/path>\n        <\/svg>\n        Loading&hellip;\n      <\/div>\n      <div x-html=\"html\" class=\"max-h-full overflow-y-auto\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n<\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_8942199f7128549170d3562faaf67276\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">POURQUOI COLUMBIA?<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-sm \">\n      <div class=\"col-wrapper-inner flex flex-wrap   \">\n                            <div class=\"column w-full corners- md:w-6\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"alignnone size-full wp-image-4385\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2.jpg\" alt=\"\" width=\"1572\" height=\"940\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2.jpg 1572w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-300x179.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1024x612.jpg 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-768x459.jpg 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1536x918.jpg 1536w\" sizes=\"(max-width: 1572px) 100vw, 1572px\" title=\"\"><\/p>\n<h4>Un nouvel entrep\u00f4t de distribution \u00e0 Mississauga, pour mieux servir l\u2019Ontario, le Qu\u00e9bec et les Maritimes<\/h4>\n<p>Nous avons d\u00e9plac\u00e9 notre entrep\u00f4t de distribution de l&rsquo;est vers une nouvelle installation r\u00e9cemment construite \u00e0 Mississauga, en Ontario. Le nouvel entrep\u00f4t de distribution de Columbia est plus grand et capable de stocker une gamme compl\u00e8te de produits Columbia et FAKRO pr\u00eats \u00e0 \u00eatre livr\u00e9s.<\/p>\n<p>L&rsquo;entrep\u00f4t est situ\u00e9 sur le boulevard Meadowvale pr\u00e8s de l&rsquo;autoroute 401 et de la route Mississauga, offrant un acc\u00e8s facile \u00e0 l&rsquo;autoroute.<\/p>\n<p>L&rsquo;entrep\u00f4t nous permet de servir l&rsquo;est du Canada avec une plus grande efficacit\u00e9, des d\u00e9lais de livraison am\u00e9lior\u00e9s et nous permet de transporter des stocks plus importants.<\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"alignnone size-full wp-image-6324\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/why-fakro-2.jpg\" alt=\"Why FAKRO 2\" width=\"1586\" height=\"942\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/why-fakro-2.jpg 1586w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/why-fakro-2-300x178.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/why-fakro-2-1024x608.jpg 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/why-fakro-2-768x456.jpg 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/why-fakro-2-1536x912.jpg 1536w\" sizes=\"(max-width: 1586px) 100vw, 1586px\" title=\"\"><\/p>\n<h4>D\u00e9couvrez nos puits de lumi\u00e8re, fen\u00eatres de toit et puits de lumi\u00e8re pour toits plats FAKRO Premium europ\u00e9ens<\/h4>\n<p>FAKRO produit les puits de lumi\u00e8re de la plus haute qualit\u00e9, con\u00e7us et fabriqu\u00e9s en Europe, offrant des performances exceptionnelles et une efficacit\u00e9 \u00e9nerg\u00e9tique. Si vous voulez ce qu&rsquo;il y a de mieux pour votre maison, les puits de lumi\u00e8re et les fen\u00eatres de toit FAKRO sont ce que vous recherchez, avec un savoir-faire et une finition exceptionnels.<\/p>\n<p>Columbia est fi\u00e8re d&rsquo;\u00eatre le distributeur exclusif au Canada des puits de lumi\u00e8re et des fen\u00eatres de toit FAKRO. Depuis plus de 30 ans, le groupe FAKRO produit des puits de lumi\u00e8re magnifiquement con\u00e7us et techniquement sup\u00e9rieurs. Tous les puits de lumi\u00e8re FAKRO sont produits dans leurs usines europ\u00e9ennes.<\/p>\n<p>En tant que deuxi\u00e8me plus grand fabricant de puits de lumi\u00e8re au monde, FAKRO fournit jusqu&rsquo;\u00e0 15 % du march\u00e9 mondial des puits de lumi\u00e8re &#8211; avec plus de 8 millions de puits de lumi\u00e8re vendus dans plus de 50 pays.<\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/puits-de-lumiere-fakro\/columbia-et-fakro\/\">En savoir plus<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_505181ca0b6696b902cab7c127765810\" class=\" columbia-block relative overflow-hidden wp-block-divider text-dark bg-white \" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <hr class=\"border-t md:w-12\/12 mx-auto\" \/>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_8f2a250a397ca1712c8e7837707e7cb9\" class=\" columbia-block relative overflow-hidden wp-block-related-products text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n      <div class=\"block-title grow  mx-auto max-w-6xl\">\n        <h2 class=\"!text-blue h4 text-center\">Vous pourriez aussi \u00eatre int\u00e9ress\u00e9 par\u2026<\/h2>\n      <\/div>\n    <\/div>\n    <div class=\"product-grid grid grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 xl:gap-20\">\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/ac-oaf-commercial-skylight-thumbnail.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Ac oaf commercial skylight thumbnail\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\">Columbia AC AOF &#8211; Puits de lumi\u00e8re commercial en acrylique \u00e0 montage sur ch\u00e2ssis<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Dot\u00e9 d\u2019un cadre ext\u00e9rieur et int\u00e9rieur en aluminium solide et rigide. Disponible dans la gamme compl\u00e8te d\u2019options acryliques de Columbia. D\u00f4me et pyramide.<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ras-porte-dacces-au-toit-verre\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/columbia-ras-roof-window-feature.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia ras roof window feature\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ras-porte-dacces-au-toit-verre\/\">Columbia GL RAS \u2013 Porte d\u2019acc\u00e8s au toit \u2013 Verre<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Id\u00e9ale pour transformer un toit en terrasse ou toute autre application n\u00e9cessitant une \u00e9vacuation, tout en laissant p\u00e9n\u00e9trer une abondante lumi\u00e8re naturelle.<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ras-porte-dacces-au-toit-verre\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/fakro-drf-puits-de-lumiere-dacces-au-toit-plat\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/fakro-drf-flat-roof-skylight-thumb.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Fakro drf flat roof skylight thumb\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/fakro-drf-puits-de-lumiere-dacces-au-toit-plat\/\">FAKRO DRF \u2013 Puits De Lumi\u00e8re D\u2019acc\u00e8s Au Toit Plat<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Un nouveau produit innovant, le puits de lumi\u00e8re isol\u00e9 d\u2019acc\u00e8s au toit DRF s\u2019ajoute \u00e0 la gamme existante de produits FAKRO pour toit plat. En plus d\u2019\u00eatre un puits de\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/fakro-drf-puits-de-lumiere-dacces-au-toit-plat\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/puits-de-lumiere-commercial-en-verre-a-ouverture-par-tige-vcm-spd-vinyle-et-atm-sp-aluminium\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/vcm-spd-spindle-industrial-skylight.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Vcm spd spindle industrial skylight\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/puits-de-lumiere-commercial-en-verre-a-ouverture-par-tige-vcm-spd-vinyle-et-atm-sp-aluminium\/\">Puits de lumi\u00e8re commercial en verre \u00e0 ouverture par tige VCM SPD (vinyle) et ATCM SPD (aluminium)<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Le puits de lumi\u00e8re \u00e0 ouverture par tige est con\u00e7u pour les grandes applications n\u00e9cessitant une ventilation. Disponible dans une s\u00e9lection compl\u00e8te d\u2019options de verre ou d\u2019acrylique.<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/puits-de-lumiere-commercial-en-verre-a-ouverture-par-tige-vcm-spd-vinyle-et-atm-sp-aluminium\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n          <\/div>\n      <\/div>\n              <\/section>\n","protected":false},"excerpt":{"rendered":"Le puits de lumi\u00e8re avec bordure int\u00e9gr\u00e9e commercial est con\u00e7u pour \u00eatre install\u00e9 sur les toits plats des b\u00e2timents commerciaux, des usines et des entrep\u00f4ts.","protected":false},"featured_media":8583,"parent":0,"menu_order":25,"template":"","product_line":[165],"product_tags":[],"product_model":[188],"dimension_type":[],"class_list":["post-19455","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/products\/19455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/products"}],"about":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/types\/products"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/media\/8583"}],"wp:attachment":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/media?parent=19455"}],"wp:term":[{"taxonomy":"product_line","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_line?post=19455"},{"taxonomy":"product_tags","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_tags?post=19455"},{"taxonomy":"product_model","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_model?post=19455"},{"taxonomy":"dimension_type","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/dimension_type?post=19455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}