{"id":17125,"date":"2023-05-04T11:40:10","date_gmt":"2023-05-04T18:40:10","guid":{"rendered":"https:\/\/www.columbiaskylights.com\/?post_type=products&#038;p=17125"},"modified":"2024-07-17T14:36:17","modified_gmt":"2024-07-17T21:36:17","slug":"vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre","status":"publish","type":"products","link":"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/","title":{"rendered":"GL VCM \u2013 Puits de lumi\u00e8re \u00e0 vitre fixe mont\u00e9 sur cadre"},"content":{"rendered":"<section id=\"block_6eceb0a40ba6c374a41540ab2d2d8c63\" 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 carousel--hero  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>NOTRE PUITS DE LUMI\u00c8RE EN VERRE LE PLUS POPULAIRE<\/h1>\n<p>GL VCM \u2013 Puits de lumi\u00e8re \u00e0 vitre fixe mont\u00e9 sur cadre.<\/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\/gl-vcm_hero-1-1-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Columbia fixed glass curb mount skylight. Canadian made. Made in Canada.\" height=\"1440\" width=\"2560\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\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                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0 \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_hero-2-1-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Columbia fixed glass curb mount skylight on cedar roof. Canadian made. Made in Canada.\" height=\"1440\" width=\"2560\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\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                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0 \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_hero-3-1-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Columbia fixed glass curb mount skylight. Interior image. Canadian made. Made in Canada.\" height=\"1440\" width=\"2560\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\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                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0 \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_hero-4-1-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Columbia fixed glass curb mount skylight with solar panels on roof. Canadian made. Made in Canada.\" 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                  GL VCM \u2013 Puits de lumi\u00e8re \u00e0 vitre fixe mont\u00e9 sur cadre\n                  <\/div>\n  <\/div>\n\n\n<section id=\"block_4eea8d1250e3ec1d74fe634ac63dd4db\" class=\"pb-0 border-b border-black-600 mb-12 md:mb-28 columbia-block relative overflow-hidden wp-block-product-tabs text-dark bg-white \" >\n          <div class=\"!pb-0 block-inner relative container mx-auto\" >\n        <div class=\"product-tabs flex flex-row\">\n                          <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/\" class=\"product-tab no-underline relative flex items-center justify-center flex-1 lg:text-h5 leading-none rounded-t-xs lg:rounded-t-md p-4 lg:py-5 lg:px-8 lg:-mx-3 text-center first:ml-0 product-tab--active font-semibold z-20 bg-blue text-yellow\">\n          Verre fixe\n        <\/a>\n                      <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/acrylique\/\" class=\"product-tab no-underline relative flex items-center justify-center flex-1 lg:text-h5 leading-none rounded-t-xs lg:rounded-t-md p-4 lg:py-5 lg:px-8 lg:-mx-3 text-center first:ml-0 text-white hover:bg-yellow hover:before:bg-yellow bg-black-400 before:bg-black-400 hover:text-blue\">\n          D\u00f4me fixe en acrylique\n        <\/a>\n            <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_418549ef7bfc8470e00243cc0235f91b\" class=\" columbia-block relative overflow-hidden wp-block-product-intro-gallery block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\"container--disable-mobile block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h2 text-center\">GL VCM \u2013 PUITS DE LUMI\u00c8RE \u00c0 VITRE FIXE MONT\u00c9 SUR CADRE<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n    <div class=\"row lg:flex lg:flex-row\">\n\n              <div class=\"product-grid w-full mdd:mb-12 lg:w-1\/2 lg:pr-8 xl:pr-10\">\n          <div\n    id=\"carousel--6a07784b3b45b\"\n    style=\"--productcode: 'GL VCM';\"\n    class=\"relative  carousel--has-overlay-text   carousel carousel--no-dots carousel--no-arrows   lightbox-gallery   equal-height  lg:overflow-hidden\" data-slides-to-show=\"1\">\n                      <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/glvcmfrench2.png\" data-lightbox=\"carousel--6a07784b3b45b_gallery\" data-title=\"GL VCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/glvcmfrench2.png\" alt=\"Glvcmfrench2\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-2-1.jpg\" data-lightbox=\"carousel--6a07784b3b45b_gallery\" data-title=\"GL VCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-2-1.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-3-1.jpg\" data-lightbox=\"carousel--6a07784b3b45b_gallery\" data-title=\"GL VCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-3-1.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-4-2.jpg\" data-lightbox=\"carousel--6a07784b3b45b_gallery\" data-title=\"GL VCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-4-2.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-5-1.jpg\" data-lightbox=\"carousel--6a07784b3b45b_gallery\" data-title=\"GL VCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-5-1.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n            <\/div>\n\n          <div id=\"carousel--6a07784b3b45b-nav\" class=\"carousel-nav relative overflow-hidden\" data-asnavfor=\"#carousel--6a07784b3b45b\">\n                        <button data-slide=\"0\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/glvcmfrench2.png\" class=\"\" alt=\"Glvcmfrench2\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"1\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-2-1.jpg\" class=\"\" alt=\"Gl vcm_intro 2\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"2\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-3-1.jpg\" class=\"\" alt=\"Gl vcm_intro 3\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"3\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-4-2.jpg\" class=\"\" alt=\"Gl vcm_intro 4\" height=\"1157\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"4\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_intro-5-1.jpg\" class=\"\" alt=\"Gl vcm_intro 5\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                  <\/div>\n              <\/div>\n      \n      <div class=\"product-intro_content flex flex-col-reverse px-4 lg:px-0 lg:flex-col w-full lg:w-1\/2 lg:pl-8 xl:pl-10\">\n        <text class=\"wp-editor block\">\n          <ul>\n<li>Apportez la beaut\u00e9 et la clart\u00e9 de la lumi\u00e8re naturelle dans votre maison. Ce puits de lumi\u00e8re fixe et mont\u00e9 sur cadre de haute qualit\u00e9, fabriqu\u00e9 au Canada, constitue le choix id\u00e9al pour la plupart des applications o\u00f9 vous d\u00e9sirez illuminer votre espace de vie. Nous apportons de la lumi\u00e8re naturelle dans votre cuisine, votre salle de bain ou votre couloir. Nous mettons en valeur votre architecture d\u2019int\u00e9rieur.<\/li>\n<li>Cadre ext\u00e9rieur en aluminium extrud\u00e9 robuste, avec une finition en peinture-\u00e9mail cuite au four, associ\u00e9 \u00e0 un cadre int\u00e9rieur r\u00e9sistant en vinyle PVC soud\u00e9.<\/li>\n<li>Disponible avec des options certifi\u00e9es ENERGY STAR<sup>&reg;<\/sup> \u00e0 double ou triple vitrage \u00e0 faible \u00e9missivit\u00e9 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> (y compris du verre feuillet\u00e9). Les options de verre \u00e0 faible \u00e9missivit\u00e9 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> suppl\u00e9mentaires comprennent le verre teint\u00e9 ou r\u00e9fl\u00e9chissant (bronze ou gris), qui limite l\u2019\u00e9blouissement d\u00fb \u00e0 la lumi\u00e8re solaire intense et le gain de chaleur solaire. Columbia propose \u00e9galement le verre autonettoyant innovant L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat \u00e0 faible entretien. Vous pouvez ajouter un rev\u00eatement NEAT \u00e0 n\u2019importe quel choix de vitrage.<\/li>\n<li>Les puits de lumi\u00e8re sont disponibles en dimensions standard ou personnalis\u00e9es, avec des options de couleurs de cadre illimit\u00e9es \u2013 Sept couleurs standard ou des couleurs assorties personnalis\u00e9es.<\/li>\n<li>Construction robuste canadienne : construit au Canada pour le climat canadien.<\/li>\n<\/ul>\n<div class=\"icon-feature my-8 mb-12 flex flex-col text-lg font-semibold mdd:text-center lg:flex-row justify-center\">\n      <div class=\"icon-feature-image mdd:pb-8  flex-shrink-0\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/20-ans-garantie.svg\" class=\"inline-block w-[142px] min-w-[142px]\" alt=\"20 Ans Garantie\" title=\"\">\n    \t          <\/div>\n        <div class=\"image-feature-content  lg:pl-8 xl:pl-11  mdd:leading-tight\">\n      Les unit\u00e9s scell\u00e9es en verre sont garanties pour une p\u00e9riode de vingt ans \u00e0 compter de la date d\u2019achat (condensation entre les vitrages).\n    <\/div>\n  <\/div>\n\n\n        <\/text>\n              <\/div>\n\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_8d5f40c1ecc011afced35d65f1b3ff34\" 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            <h3 class=\" h5 text-center border-heading\"><span>CARACT\u00c9RISTIQUES<\/span><\/h3>\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>Adapt\u00e9 aux toits ayant une pente minimale de 2:12 ou \u00e0 une bordure inclin\u00e9e sur un toit plat. La construction d\u2019une bordure sur site est n\u00e9cessaire pour l\u2019installation.<\/li>\n<li>Les puits de lumi\u00e8re fixes mont\u00e9s sur cadre de Columbia sont disponibles dans un choix de fixation int\u00e9rieure ou ext\u00e9rieure (VCM-IF\/VCM-OF).<\/li>\n<li>Tous les puits de lumi\u00e8re LoE\u00b3 de Columbia sont con\u00e7us avec le verre L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 pour une efficacit\u00e9 \u00e9nerg\u00e9tique optimale.<\/li>\n<li>Cadre ext\u00e9rieur en aluminium extrud\u00e9 durable et r\u00e9sistant aux intemp\u00e9ries, avec une finition en peinture-\u00e9mail cuite au four.<\/li>\n<li>Ch\u00e2ssis en vinyle (PVC) extrud\u00e9, soud\u00e9 par fusion, blanc, sans entretien assorti au conduit de lumi\u00e8re int\u00e9rieur.<\/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>La goutti\u00e8re int\u00e9gr\u00e9e sur les quatre c\u00f4t\u00e9s collecte toute condensation \u00e9ventuelle due aux conditions climatiques extr\u00eames du Canada, assurant ainsi que l\u2019eau ne laisse pas de traces sur le conduit de lumi\u00e8re int\u00e9rieur.<\/li>\n<li><strong>Les puits de lumi\u00e8re triple vitrage, con\u00e7us avec deux couches L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366, procurent le plus haut rendement d\u2019efficacit\u00e9 \u00e9nerg\u00e9tique disponible sur le march\u00e9, d\u00e9passant les exigences d\u2019ENERGY STAR<sup>&reg;<\/sup> Canada.<\/strong><\/li>\n<li>Sept couleurs de cadre standard (y compris le noir), un nombre illimit\u00e9 d\u2019options de couleurs personnalis\u00e9es.<\/li>\n<li>Fabriqu\u00e9 au Canada \u00e0 partir de mati\u00e8res premi\u00e8res 100 % nord-am\u00e9ricaines.<\/li>\n<li><strong>Pente de toit minimale de 2:12 (10\u00b0) requise pour les puits de lumi\u00e8re en verre.<\/strong><\/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_5987115e2b9009a2a4e1cb18514594de\" 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_4f0b14628d4427d9c467895cf62217e6\" 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\">Options de vitrage \u00e9co\u00e9nerg\u00e9tiques de Columbia<\/h6>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8316\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/energy-star-logo-padded.svg\" alt=\"ENERGY STAR Logo Padded\" width=\"334\" height=\"141\" title=\"\"><\/p>\n<ul class=\"spacing-tight\">\n<li>Double Vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> i89<\/li>\n<li>Triple vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 tremp\u00e9\/tremp\u00e9\/tremp\u00e9<\/li>\n<li>Triple vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 tremp\u00e9\/tremp\u00e9\/feuillet\u00e9<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">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 size-full wp-image-8330\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/sloped-shingle-sloped-curb-roof-feature.svg\" alt=\"Sloped Shingle Sloped Curb Roof Feature\" width=\"334\" height=\"140\" title=\"\"><\/p>\n<p>Toit en pente ou plat, avec bordure inclin\u00e9e<\/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 \/>\nminimale de 2:12<\/h6>\n<p><a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/pente-minimale-2-12.svg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-19598\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/pente-minimale-2-12.svg\" alt=\"Pente Minimale 2 12\" width=\"334\" height=\"140\" title=\"\"><\/a><\/p>\n<p><a class=\"btn-arrow\" 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 class=\"spacing-tight\">\n<li>Cuisines<\/li>\n<li>Salles de bains<\/li>\n<li>Cages d\u2019escaliers<\/li>\n<li>Halls d\u2019entr\u00e9e<\/li>\n<li>Salle \u00e0 manger<\/li>\n<li>Salon<\/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_f30e35f351abc50c5a53e12a747cf19d\" class=\"tabs-pills columbia-block relative overflow-hidden wp-block-block-tabs aligncenter block-w-wide text-dark bg-teal-100 bg-top-shadow p-top-default p-bottom-default\" >\n          <div class=\"max-w-7xl overflow-visible block-inner relative container mx-auto\"  x-data=\"window.columbia.block_tabs(true)\" x-ref=\"container\">\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">Columbia propose deux syst\u00e8mes de fixation pour montage sur bordure.<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n      <div class=\"tabs justify-center flex flex-row flex-wrap gap-4 text-center pb-10 md:pb-14 overflow-x-auto\">\n              <button\n  class=\"text-center tab inline-flex font-semibold hover:bg-yellow hover:border-yellow hover:text-current aria-selected:text-yellow bg-black-400 border-black-400 text-white aria-selected:bg-blue aria-selected:border-blue border transition-colors text-left rounded-full py-3 px-8 font-medium relative\">\n  INSTALLATION EXT\u00c9RIEURE\n<\/button>\n              <button\n  class=\"text-center tab inline-flex font-semibold hover:bg-yellow hover:border-yellow hover:text-current aria-selected:text-yellow bg-black-400 border-black-400 text-white aria-selected:bg-blue aria-selected:border-blue border transition-colors text-left rounded-full py-3 px-8 font-medium relative\">\n  INSTALLATION INT\u00c9RIEURE\n<\/button>\n          <\/div>\n    <div class=\"tab-content-wrap overflow-hidden z-10 transition-[height] duration-500 ease-in-out relative grid grid-cols-1 grid-rows-1\">\n    \n<section id=\"block_6292425594256df1f58fcfdd70127833\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal-100  p-top-default p-bottom-default\" >\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   \">\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>Columbia fabrique des puits de lumi\u00e8re \u00e0 fixation ext\u00e9rieure et int\u00e9rieure (la m\u00e9thode par laquelle le puits de lumi\u00e8re est fix\u00e9 \u00e0 la bordure).<\/li>\n<li>Nous recommandons la fixation ext\u00e9rieure car elle permet une application plus propre du placopl\u00e2tre dans le puits de lumi\u00e8re, le cadre en PVC du puits de lumi\u00e8re \u00e9tant \u00e0 peine visible.<\/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>Pour les VCM OF des fen\u00eatres de toit GL. Les mesures sont toujours prises \u00e0 partir des dimensions ext\u00e9rieures finies (\u00e9tanch\u00e9ifi\u00e9es) de la bordure.<\/li>\n<li><strong>Tous les puits de lumi\u00e8re sont r\u00e9versibles. Pr\u00e9cisez votre choix lors de la commande.<\/strong><\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  3 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"wp-image-21042 aligncenter\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-of-exterieur.jpg\" alt=\"Vcm Of Exterieur\" width=\"569\" height=\"581\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-of-exterieur.jpg 1188w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-of-exterieur-294x300.jpg 294w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-of-exterieur-1002x1024.jpg 1002w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-of-exterieur-768x785.jpg 768w\" sizes=\"(max-width: 569px) 100vw, 569px\" title=\"\"><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  4 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ol class=\"ol--circles ol--circles--blue\">\n<li><strong class=\"text-list-heading\">Capuchon en aluminium<\/strong>Cadre ext\u00e9rieur en aluminium extrud\u00e9 durable avec finition de peinture \u00e9maill\u00e9e cuite. 7 couleurs standard et correspondance de couleur personnalis\u00e9e illimit\u00e9e &#8211; apportez un \u00e9chantillon de peinture \u00e0 votre revendeur et nous le correspondrons.<\/li>\n<li><strong class=\"text-list-heading\">Cadre de base<\/strong>Cadre de base en vinyle thermiquement isol\u00e9, blanc et robuste, sans entretien, avec joint d\u2019\u00e9tanch\u00e9it\u00e9 co-extrud\u00e9.<\/li>\n<li><strong class=\"text-list-heading\">Syst\u00e8me de contr\u00f4le de la condensation Columbia<\/strong>Tous les puits de lumi\u00e8re Columbia utilisent notre unique goutti\u00e8re rigide (PVC ou aluminium), \u00e0 4 c\u00f4t\u00e9s et extra large &#8211; \u00e9vacuant l\u2019humidit\u00e9, prot\u00e9geant votre puits de lumi\u00e8re des dommages et des taches inesth\u00e9tiques.<br \/>\nBordure.<\/li>\n<li><strong class=\"text-list-heading\">Fixation ext\u00e9rieure<\/strong>GL VCM OF: Toute largeur de bordure. Peut \u00eatre install\u00e9 sur une bordure construite sur site de 2&#215;4, 2&#215;6 ou 2&#215;8.<\/li>\n<\/ol>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_4b5af9acc70b57dbaf22cbf72fcdd28e\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal-100  p-top-default p-bottom-default\" >\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   \">\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>Columbia fabrique des puits de lumi\u00e8re \u00e0 fixation ext\u00e9rieure et int\u00e9rieure (la m\u00e9thode par laquelle le puits de lumi\u00e8re est fix\u00e9 \u00e0 la bordure).<\/li>\n<li>Pour les puits de lumi\u00e8re GL VCM IF, les mesures sont toujours prises \u00e0 partir de l\u2019ouverture brute int\u00e9rieure de la bordure.<\/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><strong>La fixation int\u00e9rieure est une conception pr\u00e9c\u00e9dente de Columbia, et si vous remplacez des puits de lumi\u00e8re avec ce type de bride de fixation, il peut \u00eatre pr\u00e9f\u00e9rable de les remplacer par le m\u00eame type pour \u00e9viter les travaux de finition int\u00e9rieure.<\/strong><\/li>\n<li><strong>Tous les puits de lumi\u00e8re sont r\u00e9versibles et doivent \u00eatre sp\u00e9cifi\u00e9s lors de la commande.<\/strong><\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  3 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"wp-image-21040 aligncenter\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-if-interieur.jpg\" alt=\"Vcm If Interieur\" width=\"569\" height=\"581\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-if-interieur.jpg 1188w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-if-interieur-294x300.jpg 294w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-if-interieur-1002x1024.jpg 1002w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/vcm-if-interieur-768x785.jpg 768w\" sizes=\"(max-width: 569px) 100vw, 569px\" title=\"\"><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  4 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ol class=\"ol--circles ol--circles--blue\">\n<li><strong class=\"text-list-heading\">Capuchon en aluminium<br \/>\n<\/strong>Cadre ext\u00e9rieur en aluminium extrud\u00e9 durable avec finition de peinture \u00e9maill\u00e9e cuite. 7 couleurs standard et correspondance de couleur personnalis\u00e9e illimit\u00e9e &#8211; apportez un \u00e9chantillon de peinture \u00e0 votre revendeur et nous le correspondrons.<\/li>\n<li><strong class=\"text-list-heading\">Cadre de base<\/strong>Cadre de base en vinyle thermiquement isol\u00e9, blanc et robuste, sans entretien, avec joint d\u2019\u00e9tanch\u00e9it\u00e9 co-extrud\u00e9.<\/li>\n<li><strong class=\"text-list-heading\">Syst\u00e8me de contr\u00f4le de la condensation Columbia<\/strong>Tous les puits de lumi\u00e8re Columbia utilisent notre unique goutti\u00e8re rigide (PVC ou aluminium), \u00e0 4 c\u00f4t\u00e9s et extra large &#8211; \u00e9vacuant l\u2019humidit\u00e9, prot\u00e9geant votre puits de lumi\u00e8re des dommages et des taches inesth\u00e9tiques.<br \/>\nBordure.<\/li>\n<li><strong class=\"text-list-heading\">Fixation int\u00e9rieure<\/strong>GL VCM IF: Largeur de bordure maximale de 2 pouces. Peut \u00eatre install\u00e9 sur une bordure construite sur site de 2&#215;4, 2&#215;6 ou 2&#215;8.<\/li>\n<\/ol>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n  <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_ae0f433a510ff51db22e3144242d8c66\" class=\" columbia-block relative overflow-hidden wp-block-cards 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 narrow pb-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" text-center\">LES AVANTAGES DU GL VCM \u2013 PUITS DE LUMI\u00c8RE \u00c0 VERRE FIXE MONT\u00c9 SUR CADRE<\/h2>\n    <\/div>\n    \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\">Si vous souhaitez apporter la lumi\u00e8re naturelle dans votre maison, le puits de lumi\u00e8re fixe en verre est le choix id\u00e9al pour vous. Avec une conception de cadre \u00e9prouv\u00e9e et les derni\u00e8res avanc\u00e9es en technologie du verre, votre puits de lumi\u00e8re peut atteindre une clart\u00e9 exceptionnelle et des performances \u00e9nerg\u00e9tiques remarquables.<\/div>\n          <\/div>\n                              <div class=\"grid match-heading-heights lg:grid-cols-2 xl:grid-cols-3 gap-6 lg:gap-8 w-full\">\n                  <div\n                                                            x-data=\"{ open: true }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_benefits-1.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl vcm_benefits 1\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Watertight Curb Mount Design<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ol class=\"ol--circles ol--circles--blue\">\n<li><strong class=\"text-list-heading\">Rev\u00eatement en aluminium<\/strong><br \/>\nCadre ext\u00e9rieur en aluminium extrud\u00e9 durable avec finition en peinture-\u00e9mail cuite au four. Sept couleurs standard et un nombre illimit\u00e9 de couleurs personnalis\u00e9es assorties. Apportez un \u00e9chantillon de couleur et nous produirons une teinte assortie.<\/li>\n<li><strong class=\"text-list-heading\">Ch\u00e2ssis<\/strong><br \/>\nCh\u00e2ssis en vinyle PVC \u00e0 barri\u00e8re thermique, blanc et robuste, sans entretien, avec joint d\u2019\u00e9tanch\u00e9it\u00e9 coextrud\u00e9.<\/li>\n<li><strong class=\"text-list-heading\">Syst\u00e8me de contr\u00f4le de la condensation de Columbia<\/strong><br \/>\nTous les puits de lumi\u00e8re Columbia utilisent notre goutti\u00e8re unique rigide (en PVC ou en aluminium), \u00e0 quatre c\u00f4t\u00e9s, extra-large, \u00e9vacuant l\u2019humidit\u00e9, prot\u00e9geant ainsi votre puits de lumi\u00e8re contre les dommages et les taches inesth\u00e9tiques.<\/li>\n<li><strong class=\"text-list-heading\">Cadre<\/strong><br \/>\nVCM-OF : Toute largeur de bordure.<br \/>\nVCM-IF : Largeur de bordure maximale de 2 po. Peut \u00eatre install\u00e9 sur une poutre de 2 x 4 po, 2 x 6 po ou 2 x 8 po.<\/li>\n<\/ol>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/aide\/puits-de-lumiere-sans-fuites\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_benefits-2.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl vcm_benefits 2\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Les Bienfaits De La Lumi\u00e8re Naturelle<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>R\u00e9sidant dans des r\u00e9gions nordiques, l\u2019apport de lumi\u00e8re naturelle dans nos foyers est essentiel. Cela est particuli\u00e8rement important pendant les mois d\u2019hiver, lorsque les journ\u00e9es sont plus courtes, l\u2019ensoleillement r\u00e9duit, et que le soleil est plus bas qu\u2019en \u00e9t\u00e9.<\/li>\n<li>Il a \u00e9t\u00e9 prouv\u00e9 que la lumi\u00e8re naturelle augmente le bonheur et la productivit\u00e9.<\/li>\n<li>L\u2019augmentation de la luminosit\u00e9 naturelle dans votre maison compense les effets du trouble affectif saisonnier, qui touche de nombreuses personnes en hiver en raison du manque d\u2019exposition au soleil.<\/li>\n<li>Il a \u00e9t\u00e9 d\u00e9montr\u00e9 que la lumi\u00e8re naturelle r\u00e9duit le risque de myopie chez les enfants et les jeunes adultes en aidant l\u2019\u0153il \u00e0 produire de la dopamine, ce qui favorise un d\u00e9veloppement oculaire sain.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/les-bienfaits-de-la-lumiere-naturelle\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_benefits-3.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl vcm_benefits 3\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Double Ou Triple Vitrage Efficace ENERGY STAR<sup>&reg;<\/sup> Low-E3 Avec Gaz Argon<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Pour une efficacit\u00e9 \u00e9nerg\u00e9tique maximale, choisissez parmi la large gamme de vitrages Energy STAR<sup>&reg;<\/sup> L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 de Columbia avec des options avanc\u00e9es de triple rev\u00eatement L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> \u2013 En double et triple vitrage. Toutes les options incluent des carreaux int\u00e9rieurs feuillet\u00e9s.<\/li>\n<li>L\u2019espace entre les vitres est rempli de gaz argon, un isolant naturel, non toxique et haute performance.<\/li>\n<li>En raison de sa densit\u00e9 sup\u00e9rieure par rapport \u00e0 l\u2019air, l\u2019argon offre une isolation plus efficace pour votre maison qu\u2019un puits de lumi\u00e8re \u00e0 double vitrage conventionnel. Il limite la transmission des temp\u00e9ratures froides ou chaudes \u00e0 travers le vitrage.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_benefits-4.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl vcm_benefits 4\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">\u00c9conomiques Et Valorisants<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Les puits de lumi\u00e8re mont\u00e9s sur cadre de Columbia sont con\u00e7us au Canada avec des mat\u00e9riaux provenant de toute l\u2019Am\u00e9rique du Nord, ce qui les rend plus abordables que les produits \u00e9trangers.<\/li>\n<li>Les puits de lumi\u00e8re apportent une plus-value \u00e0 votre investissement immobilier, car l\u2019apport de lumi\u00e8re naturelle et d\u2019air frais est particuli\u00e8rement recherch\u00e9 en int\u00e9rieur.<\/li>\n<li>Les puits de lumi\u00e8re certifi\u00e9s ENERGY STAR<sup>&reg;<\/sup> d\u2019aujourd\u2019hui vous permettent d\u2019\u00e9conomiser de l\u2019argent par rapport aux anciens mod\u00e8les de puits de lumi\u00e8re \u00e0 la conception inf\u00e9rieure, tout en offrant plus de confort.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/lavantage-columbia\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_benefits-5.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl vcm_benefits 5\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Des Couleurs De Cadre Adapt\u00e9es \u00e0 Tous Les Toits<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Sept couleurs de cadre standard sont disponibles sur tous les mod\u00e8les, fixes et ouvrants, y compris pour les dimensions personnalis\u00e9es.<\/li>\n<li>Les architectes con\u00e7oivent l\u2019apport de lumi\u00e8re naturelle vers l\u2019int\u00e9rieur de la maison; ils veulent aussi que le puits de lumi\u00e8re se fonde parfaitement avec votre rev\u00eatement de toit pour mettre en valeur son design.<\/li>\n<li>Un trop grand contraste entre le cadre du puits de lumi\u00e8re et la couleur de votre toit est peu attrayant et m\u00eame repoussant.<\/li>\n<li>Apportez un \u00e9chantillon de couleur \u00e0 votre distributeur et nous produirons une teinte assortie. Id\u00e9al pour une large s\u00e9lection de couleurs d\u2019acier et d\u2019autres mat\u00e9riaux de toiture.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/couleurs-du-cadre\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm_benefits-6.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl vcm_benefits 6\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Puits De Lumi\u00e8re Mont\u00e9s Sur Cadre, Le Choix Des Professionnels<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Le support privil\u00e9gi\u00e9 pour les puits de lumi\u00e8re sur tout type de toit, id\u00e9alement con\u00e7u pour une utilisation sur des tuiles, des bardeaux ou des bardeaux de fente. Recommand\u00e9 par les professionnels de la toiture comme le choix optimal pour une installation durable et facile.<\/li>\n<li>Le montage sur cadre est le premier choix d\u2019installation en Am\u00e9rique du Nord. Il permet au couvreur de s\u2019adapter au besoin sp\u00e9cifique de la situation, en assurant une liaison \u00e9tanche parfaite entre le toit, la bordure et le puits de lumi\u00e8re.<\/li>\n<li>Install\u00e9 sur tous les types de bordures construites sur site, qu\u2019elles soient pr\u00e9existantes ou neuves. Pour plus d\u2019\u00e9tanch\u00e9it\u00e9 aux intemp\u00e9ries, assurez-vous d\u2019utiliser une membrane de toiture en plus du solin recommand\u00e9 sur la bordure.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/montage-a-cadre-integre-ou-montage-sur-cadre\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n              <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_bca600cfe5236ee9bcccf72c6bd98801\" 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_cceefc5545af5121e798a3468d7690e6\" class=\" columbia-block relative overflow-hidden wp-block-multi-column aligncenter block-w-narrow text-dark bg-white  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 max-w-6xl\">\n            <h2 class=\" h3 text-center\">COLUMBIA PROPOSE UNE LARGE GAMME D\u2019OPTIONS DE VERRE HAUTE PERFORMANCE<\/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                                                  <ul>\n<li>Columbia propose une large gamme d\u2019options de double ou triple vitrage, y compris les vitrages certifi\u00e9s ENERGY STAR<sup>&reg;<\/sup> Canada.<\/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>Toutes les options de vitrage sont disponibles sur tous les mod\u00e8les, fixes et ouvrants, y compris pour les dimensions personnalis\u00e9es.<\/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_d369d56aae2b9eb2584e47e347e38c38\" class=\" columbia-block relative overflow-hidden wp-block-divider block-w-narrow text-dark bg-white  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_c1bde2f87ea737aef3d7a3041d9ff5c6\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-narrow text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"col-wrapper col-gutter-sm row-gutter-md \">\n      <div class=\"col-wrapper-inner flex flex-wrap   \">\n                            <div class=\"column w-full corners- md:w-4\/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-6550\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/cardinal-glass-logo.png\" alt=\"Cardinal Glass Logo\" width=\"533\" height=\"85\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/cardinal-glass-logo.png 533w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/cardinal-glass-logo-300x48.png 300w\" sizes=\"(max-width: 533px) 100vw, 533px\" title=\"\"><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-8\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p>Cardinal Glass Industries est le fournisseur de verre de Columbia et occupe une position de leader mondial dans la technologie de verre haute performance. Cardinal maintient une vision claire : concevoir et fabriquer les produits en verre r\u00e9sidentiel les plus avanc\u00e9s de l\u2019industrie.<\/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_8207de75c00210b35f1b08cd8b50e1f1\" class=\" columbia-block relative overflow-hidden wp-block-glazing-option-cards text-dark bg-white  p-top-default p-bottom-small\" >\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-4 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=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-clear.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-clear.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-clear-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 transparent (tremp\u00e9<wbr>\/tremp\u00e9)<\/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                                      <div class=\"title-overlay absolute p-3 bottom-0 left-0 h6 card-title\">DGLEA<\/div>\n                                                                          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/loe3-366-icon.png\" class=\"product-icon absolute max-w-[64px] md:w-1\/4 md:max-w-[82px] h-auto top-3 right-3\" alt=\"Loe3 366 icon\" height=\"160\" width=\"165\" title=\"\">\n    \t                                    <img decoding=\"async\" width=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-clear.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-clear.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-clear-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                                  <div class=\"text-white bg-blue text-center text-sm font-semibold py-3 px-2\">\n                    La r\u00e9f\u00e9rence de l\u2019industrie\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 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 transparent (tremp\u00e9<wbr>\/tremp\u00e9)<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Double vitrage avec gaz argon.<\/li>\n<li>Le triple rev\u00eatement L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> sup\u00e9rieur est pratiquement invisible.<\/li>\n<li>Bloque 95 % des rayons ultraviolets.<\/li>\n<li>R\u00e9sistance sup\u00e9rieure \u00e0 la condensation.<\/li>\n<li><strong>Conforme aux normes de l\u2019industrie, notre rev\u00eatement L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> est identique \u00e0 celui de la concurrence, provenant du m\u00eame fournisseur.<\/strong><\/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=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tempered-laminated.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tempered-laminated.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tempered-laminated-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 tremp\u00e9<wbr>\/feuillet\u00e9<\/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                                      <div class=\"title-overlay absolute p-3 bottom-0 left-0 h6 card-title\">TLLEA<\/div>\n                                                                          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/loe3-366-icon.png\" class=\"product-icon absolute max-w-[64px] md:w-1\/4 md:max-w-[82px] h-auto top-3 right-3\" alt=\"Loe3 366 icon\" height=\"160\" width=\"165\" title=\"\">\n    \t                                    <img decoding=\"async\" width=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tempered-laminated.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tempered-laminated.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tempered-laminated-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                                  <div class=\"text-white bg-blue text-center text-sm font-semibold py-3 px-2\">\n                    Verre feuillet\u00e9 robuste\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 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 tremp\u00e9<wbr>\/feuillet\u00e9<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Double vitrage avec gaz argon.<\/li>\n<li>Le triple rev\u00eatement LoE\u00b3 sup\u00e9rieur est pratiquement invisible.<\/li>\n<li>R\u00e9duit les effets du bruit jusqu\u2019\u00e0 30 %.<\/li>\n<li>Plus de s\u00e9curit\u00e9 : La couche interm\u00e9diaire la plus interne maintient le verre en cas de bris.<\/li>\n<li>Du verre feuillet\u00e9 transparent ou blanc translucide est disponible.<\/li>\n<li>Jusqu\u2019\u00e0 95 % de protection UV, r\u00e9duit la d\u00e9coloration des meubles.<\/li>\n<li><strong>Garantie gr\u00eale de 10 ans sur les fissures ou bris dus \u00e0 un \u00e9pisode de gr\u00eale.<\/strong><\/li>\n<\/ul>\n<\/div>\n                                      <div class=\"warranty-logo-wrap text-center pt-3 sm:pt-6\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/grele-garantie.png\" class=\"inline-block\" alt=\"Grele Garantie\" height=\"107\" width=\"136\" title=\"\">\n    \t                    <\/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=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-neat.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-neat.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-neat-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double Vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat<\/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                                      <div class=\"title-overlay absolute p-3 bottom-0 left-0 h6 card-title\">NEAT<\/div>\n                                                                          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/neat-glass-icon.png\" class=\"product-icon absolute max-w-[64px] md:w-1\/4 md:max-w-[82px] h-auto top-3 right-3\" alt=\"Neat glass icon\" height=\"172\" width=\"166\" title=\"\">\n    \t                                    <img decoding=\"async\" width=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-neat.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-neat.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-neat-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                                  <div class=\"text-white bg-blue text-center text-sm font-semibold py-3 px-2\">\n                    Peu d\u2019entretien\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 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Double vitrage avec gaz argon.<\/li>\n<li>Le triple rev\u00eatement LoE\u00b3 sup\u00e9rieur est pratiquement invisible.<\/li>\n<li>La couche Neat permet de d\u00e9compose les mati\u00e8res organiques pr\u00e9sentes sur le verre.<\/li>\n<li>R\u00e9duit les taches d\u2019eau et disperse l\u2019eau uniform\u00e9ment.<\/li>\n<li>Bloque 95 % des rayons ultraviolets.<\/li>\n<li><strong>Couche Neat disponible en suppl\u00e9ment sur toutes les options de vitrage.<\/strong><\/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=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-i89.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-i89.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-i89-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double Vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> i89<\/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                                      <div class=\"title-overlay absolute p-3 bottom-0 left-0 h6 card-title\">i89<\/div>\n                                                                          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/loe3-i89-icon.png\" class=\"product-icon absolute max-w-[64px] md:w-1\/4 md:max-w-[82px] h-auto top-3 right-3\" alt=\"Loe3 i89 icon\" height=\"170\" width=\"164\" title=\"\">\n    \t                                    <img decoding=\"async\" width=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-i89.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-i89.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-i89-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                                  <div class=\"text-white bg-blue text-center text-sm font-semibold py-3 px-2\">\n                    Protection proche d\u2019un triple vitrage\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 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> i89<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Double vitrage avec gaz argon. Le triple rev\u00eatement LoE\u00b3 sup\u00e9rieur est pratiquement invisible.<\/li>\n<li>Rev\u00eatements L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> appliqu\u00e9s sur deux surfaces pour une efficacit\u00e9 \u00e9nerg\u00e9tique renforc\u00e9e.<\/li>\n<li>Performance proche d\u2019un triple vitrage.<\/li>\n<li>Bloque 95 % des rayons ultraviolets.<\/li>\n<li><strong>Disponible dans tous les mod\u00e8les de dimensions standard et personnalis\u00e9es depuis 2011.<\/strong><\/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=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tinted-bronze-grey.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tinted-bronze-grey.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tinted-bronze-grey-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 en teintes bronze ou grise<\/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                                      <div class=\"title-overlay absolute p-3 bottom-0 left-0 h6 card-title\">BLEA \/ GLEA<\/div>\n                                                                          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/loe3-366-icon.png\" class=\"product-icon absolute max-w-[64px] md:w-1\/4 md:max-w-[82px] h-auto top-3 right-3\" alt=\"Loe3 366 icon\" height=\"160\" width=\"165\" title=\"\">\n    \t                                    <img decoding=\"async\" width=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tinted-bronze-grey.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tinted-bronze-grey.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/double-glazed-loe3-366-tinted-bronze-grey-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                                  <div class=\"text-white bg-blue text-center text-sm font-semibold py-3 px-2\">\n                    Pour une lumi\u00e8re plus douce\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 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 en teintes bronze ou grise<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Double vitrage avec gaz argon.<\/li>\n<li>Le triple rev\u00eatement LoE\u00b3 sup\u00e9rieur est pratiquement invisible.<\/li>\n<li>R\u00e9duction de l\u2019\u00e9blouissement.<\/li>\n<li>Id\u00e9al pour les pi\u00e8ces n\u00e9cessitant une lumi\u00e8re plus douce.<\/li>\n<li>R\u00e9duction du gain de chaleur solaire.<\/li>\n<li>Bloque 95 % des rayons ultraviolets.<\/li>\n<li>Disponible en teintes bronze ou grise.<\/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=\"600\" height=\"600\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/srb-srg.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/srb-srg.jpg 600w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/srb-srg-300x300.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/srb-srg-160x160.jpg 160w\" sizes=\"(max-width: 600px) 100vw, 600px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Double vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 r\u00e9fl\u00e9chissant bronze\/gris<\/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                                      <div class=\"title-overlay absolute p-3 bottom-0 left-0 h6 card-title\">SRB \/ SRG<\/div>\n                                                                          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/loe3-366-icon.png\" class=\"product-icon absolute max-w-[64px] md:w-1\/4 md:max-w-[82px] h-auto top-3 right-3\" alt=\"Loe3 366 icon\" height=\"160\" width=\"165\" title=\"\">\n    \t                                    <img decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/srb-srg.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/srb-srg.jpg 600w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/srb-srg-300x300.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/srb-srg-160x160.jpg 160w\" sizes=\"(max-width: 600px) 100vw, 600px\" title=\"\">\n                <\/div>\n                                  <div class=\"text-white bg-blue text-center text-sm font-semibold py-3 px-2\">\n                    Gain de chaleur solaire le plus bas\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 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 r\u00e9fl\u00e9chissant bronze\/gris<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Double vitrage avec gaz argon.<\/li>\n<li>Le triple rev\u00eatement LoE\u00b3 sup\u00e9rieur est pratiquement invisible.<\/li>\n<li>Le fini miroir qui refl\u00e8te les rayons du soleil.<\/li>\n<li>Le puits de lumi\u00e8re affichant la plus faible transmission de lumi\u00e8re visible sur le march\u00e9 \u00e0 l\u2019heure actuelle.<\/li>\n<li>Contr\u00f4le sup\u00e9rieur du 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=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-temp.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-temp.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-temp-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Triple vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 \u2013 Tremp\u00e9\/tremp\u00e9<wbr>\/tremp\u00e9<\/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                                      <div class=\"title-overlay absolute p-3 bottom-0 left-0 h6 card-title\">TGLEA<\/div>\n                                                                          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/energy-star-logo.svg\" class=\"product-icon absolute max-w-[64px] md:w-1\/4 md:max-w-[82px] h-auto top-3 right-3\" alt=\"Energy star logo\" height=\"161\" width=\"157\" title=\"\">\n    \t                                    <img decoding=\"async\" width=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-temp.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-temp.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-temp-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                                  <div class=\"text-white bg-blue text-center text-sm font-semibold py-3 px-2\">\n                    Performance thermique optimale\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 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 \u2013 Tremp\u00e9\/tremp\u00e9<wbr>\/tremp\u00e9<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Verre \u00e0 triple vitrage avec deux cavit\u00e9s remplies de gaz argon.<\/li>\n<li>Leader de l\u2019industrie avec le triple rev\u00eatement L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> sur les surfaces 2 et 5, ou deux des trois vitres \u2013 contrairement \u00e0 la concurrence.<\/li>\n<li>Meilleure efficacit\u00e9 \u00e9nerg\u00e9tique et meilleur facteur-U de l\u2019industrie.<\/li>\n<li>Prot\u00e8ge contre la d\u00e9coloration caus\u00e9e par les rayons UV.<\/li>\n<li>Disponible dans tous les mod\u00e8les de dimensions standard et personnalis\u00e9es depuis 2010.<\/li>\n<li><strong>Garantie de 10 ans contre la gr\u00eale.<\/strong><\/li>\n<\/ul>\n<\/div>\n                                      <div class=\"warranty-logo-wrap text-center pt-3 sm:pt-6\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/grele-garantie.png\" class=\"inline-block\" alt=\"Grele Garantie\" height=\"107\" width=\"136\" title=\"\">\n    \t                    <\/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=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-laminated.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-laminated.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-laminated-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                <div class=\"mdd:text-h6-m h6 !font-semibold pl-4 pr-8\">Triple vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 \u2013 Tremp\u00e9<wbr>\/tremp\u00e9<wbr>\/feuillet\u00e9*<\/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                                      <div class=\"title-overlay absolute p-3 bottom-0 left-0 h6 card-title\">TGLAM<\/div>\n                                                                          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/energy-star-logo.svg\" class=\"product-icon absolute max-w-[64px] md:w-1\/4 md:max-w-[82px] h-auto top-3 right-3\" alt=\"Energy star logo\" height=\"161\" width=\"157\" title=\"\">\n    \t                                    <img decoding=\"async\" width=\"660\" height=\"640\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-laminated.jpg\" class=\"w-full h-auto wp-post-image\" alt=\"\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-laminated.jpg 660w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/triple-glazed-loe3-366-temp-temp-laminated-300x291.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" title=\"\">\n                <\/div>\n                                  <div class=\"text-white bg-blue text-center text-sm font-semibold py-3 px-2\">\n                    \u00c9conomie d\u2019\u00e9nergie et r\u00e9sistance\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 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 \u2013 Tremp\u00e9<wbr>\/tremp\u00e9<wbr>\/feuillet\u00e9*<\/div>\n                  <div class=\"content grow spacing-tight\"><ul>\n<li>Verre \u00e0 triple vitrage avec deux cavit\u00e9s remplies de gaz argon.<\/li>\n<li>Les deux vitres ext\u00e9rieures sont en verre tremp\u00e9.<\/li>\n<li>Plus de s\u00e9curit\u00e9 : Le verre feuillet\u00e9 interm\u00e9diaire le plus interne maintient le verre en cas de bris.<\/li>\n<li>R\u00e9duit les effets du bruit jusqu\u2019\u00e0 30 %.<\/li>\n<li><strong>Disponible dans tous les mod\u00e8les de dimensions standard et personnalis\u00e9es depuis 2010.<\/strong><\/li>\n<li><strong>Garantie de 10 ans contre la gr\u00eale.<\/strong><\/li>\n<\/ul>\n<p class=\"!text-dark\"><strong>* R\u00e9pond au code de construction de la ville de Vancouver<\/strong><\/p>\n<\/div>\n                                      <div class=\"warranty-logo-wrap text-center pt-3 sm:pt-6\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/grele-garantie.png\" class=\"inline-block\" alt=\"Grele Garantie\" height=\"107\" width=\"136\" title=\"\">\n    \t                    <\/div>\n                                  <\/text>\n              <\/div>\n            <\/div>\n  <\/div>\n        <\/div>\n          <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_4df3cd68c8857a13a212a950c405f231\" class=\" columbia-block relative overflow-hidden wp-block-c-t-a block-w-full text-blue bg-blue-400  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=\"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\/2022\/02\/energy-star-logo.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Energy star logo\" height=\"161\" width=\"157\" title=\"\">\n    \t          <\/div>\n                            <\/div>\n            \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h3 class=\" h5 text-center\">Columbia est le seul fabricant de puits de lumi\u00e8re \u00e0 offrir un triple vitrage sur tous les mod\u00e8les, fixes ou ouvrants, de dimensions standard ou personnalis\u00e9es.<\/h3>\n    <\/div>\n    \n          <\/div>\n    \n              <div class=\"mt-10 flex flex-col gap-2 md:gap-6 items-center text-center lg:text-left lg:items-start lg:flex-row lg:flex-wrap lg:justify-center\">\n          <div class=\"inline-block mb-4 \">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/options-de-vitrage\/\" class=\"last:mr-0 lg:whitespace-nowrap btn-blue\"  target=\"\">VISITEZ NOTRE PAGE SUR LES VERRES<\/a>\n              <\/div>\n      <\/div>\n      <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_fe5c9b0c438572c497ad7de932a9980d\" class=\" columbia-block relative overflow-hidden wp-block-image-features block-w-full text-dark bg-teal-100  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative narrow pb-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h3 class=\" text-center\">LES AVANTAGES DU VERRE FEUILLET\u00c9 DE COLUMBIA<\/h3>\n    <\/div>\n    \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\">Nous offrons la r\u00e9sistance et la protection suppl\u00e9mentaires du verre feuillet\u00e9 sur l\u2019ensemble des options de vitrage de Columbia. Privil\u00e9giez nos choix les plus populaires \u2013 Double vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 tremp\u00e9\/feuillet\u00e9 et triple vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 tremp\u00e9\/<wbr>tremp\u00e9\/<wbr>feuillet\u00e9.<\/div>\n          <\/div>\n      <div class=\"image-features grid md:grid-cols-2 xl:grid-cols-4 items-start gap-8 md:gap-11 lg:gap-10 xxl:gap-22\">\n                  <div class=\"image-feature item flex flex-col md:flex-col items-center justify-center md:items-start md:justify-start\">\n                          <div class=\"feature-image flex grow-0 shrink-0 mdd:justify-center align-end match-height max-w-60 sm:max-w-70 md:max-w-80 xl:max-w-full   max-w-full mb-4 md:mb-8 w-[200px] md:w-auto\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/sound-reduction-airplane-1.svg\" class=\" max-w-full smd:max-w-[160px]\" alt=\"Sound reduction airplane\" height=\"270\" width=\"347\" title=\"\">\n    \t              <\/div>\n                                      <div class=\"image-feature-content\">\n                                  <h5 class=\"image-feature-title mb-2 md:mb-4 text-black-800 font-semibold text-left tracking-normal normal-case\">R\u00e9duction sonore sup\u00e9rieure<\/h5>\n                                                  <div class=\"image-feature-text wp-editor\"><p>R\u00e9duit les effets du bruit jusqu\u2019\u00e0 30 % par rapport au double vitrage standard, et jusqu\u2019\u00e0 50 % de moins qu\u2019un puits de lumi\u00e8re \u00e0 d\u00f4me en plastique.<\/p>\n<p>Laissez entrer la lumi\u00e8re naturelle sans les bruits suppl\u00e9mentaires, dus par exemple \u00e0 circulation routi\u00e8re ou a\u00e9rienne.<\/p>\n<\/div>\n                              <\/div>\n                      <\/div>\n                  <div class=\"image-feature item flex flex-col md:flex-col items-center justify-center md:items-start md:justify-start\">\n                          <div class=\"feature-image flex grow-0 shrink-0 mdd:justify-center align-end match-height max-w-60 sm:max-w-70 md:max-w-80 xl:max-w-full   max-w-full mb-4 md:mb-8 w-[200px] md:w-auto\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/hammer-resistant-security-glass.svg\" class=\" max-w-full smd:max-w-[160px]\" alt=\"Hammer resistant security glass\" height=\"270\" width=\"347\" title=\"\">\n    \t              <\/div>\n                                      <div class=\"image-feature-content\">\n                                  <h5 class=\"image-feature-title mb-2 md:mb-4 text-black-800 font-semibold text-left tracking-normal normal-case\">Plus de s\u00e9curit\u00e9<\/h5>\n                                                  <div class=\"image-feature-text wp-editor\"><p>Le verre feuillet\u00e9 est beaucoup plus difficile \u00e0 briser et \u00e0 p\u00e9n\u00e9trer que le verre traditionnel.<\/p>\n<p>D\u00e8s lors, si vous \u00eates pr\u00e9occup\u00e9 par la s\u00e9curit\u00e9, cela vaut la peine d\u2019y r\u00e9fl\u00e9chir. La couche interm\u00e9diaire la plus interne maintient le verre en cas de bris.<\/p>\n<\/div>\n                              <\/div>\n                      <\/div>\n                  <div class=\"image-feature item flex flex-col md:flex-col items-center justify-center md:items-start md:justify-start\">\n                          <div class=\"feature-image flex grow-0 shrink-0 mdd:justify-center align-end match-height max-w-60 sm:max-w-70 md:max-w-80 xl:max-w-full   max-w-full mb-4 md:mb-8 w-[200px] md:w-auto\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/uv-protected-glass.svg\" class=\" max-w-full smd:max-w-[160px]\" alt=\"Uv protected glass\" height=\"270\" width=\"347\" title=\"\">\n    \t              <\/div>\n                                      <div class=\"image-feature-content\">\n                                  <h5 class=\"image-feature-title mb-2 md:mb-4 text-black-800 font-semibold text-left tracking-normal normal-case\">Meilleure protection UV de sa cat\u00e9gorie<\/h5>\n                                                  <div class=\"image-feature-text wp-editor\"><p>Le verre feuillet\u00e9 laisse entrer la lumi\u00e8re, mais prot\u00e8ge votre maison des rayons UV. Le choix id\u00e9al pour \u00e9viter la d\u00e9coloration de vos sols, meubles et \u0153uvres d\u2019art.<\/p>\n<\/div>\n                              <\/div>\n                      <\/div>\n                  <div class=\"image-feature item flex flex-col md:flex-col items-center justify-center md:items-start md:justify-start\">\n                          <div class=\"feature-image flex grow-0 shrink-0 mdd:justify-center align-end match-height max-w-60 sm:max-w-70 md:max-w-80 xl:max-w-full   max-w-full mb-4 md:mb-8 w-[200px] md:w-auto\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/triple-glazing.svg\" class=\" max-w-full smd:max-w-[160px]\" alt=\"triple-glazing\" height=\"270\" width=\"347\" title=\"\">\n    \t              <\/div>\n                                      <div class=\"image-feature-content\">\n                                  <h5 class=\"image-feature-title mb-2 md:mb-4 text-black-800 font-semibold text-left tracking-normal normal-case\">Nous proposons du triple vitrage sur tous les mod\u00e8les<\/h5>\n                                                  <div class=\"image-feature-text wp-editor\"><p>Columbia est le seul fabricant de puits de lumi\u00e8re \u00e0 offrir un triple vitrage (y compris les options feuillet\u00e9es) sur tous les mod\u00e8les, fixes ou ouvrants, de dimensions standard ou personnalis\u00e9es.<\/p>\n<p>Les puits de lumi\u00e8re \u00e0 triple vitrage r\u00e9pondent aux exigences actuelles de certification ENERGY STAR<sup>&reg;<\/sup> 2020 (Version 5). Nous fournissons une efficacit\u00e9 \u00e9nerg\u00e9tique de pointe.<\/p>\n<\/div>\n                              <\/div>\n                      <\/div>\n              <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_371ea8921b461a263186417671808460\" class=\" columbia-block relative overflow-hidden wp-block-photo-gallery 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-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">COLUMBIA OFFRE LE PLUS GRAND CHOIX DE COULEURS DE CADRES DE PUITS DE LUMI\u00c8RE EN AM\u00c9RIQUE DU NORD<\/h2>\n    <\/div>\n    \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\">Avec la s\u00e9lection croissante d\u2019options de couleur pour les bardeaux d\u2019asphalte et les toits m\u00e9talliques, Columbia vous permet d\u2019assortir la couleur du cadre de votre puits de lumi\u00e8re \u00e0 la teinte de votre mat\u00e9riau de toiture ou de vos fen\u00eatres. Columbia propose sept couleurs standard et un nombre illimit\u00e9 de couleurs personnalis\u00e9es assorties. \u00c9conomisez du temps et de l\u2019argent en optant pour une couleur standard, ou fournissez un \u00e9chantillon de couleur \u00e0 votre distributeur et nous produirons une teinte assortie.<\/div>\n          <\/div>\n        <div class=\"gallery grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 lg:gap-8 \" >\n              <div class=\"gallery__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/noir.svg\" class=\"max-w-full\" alt=\"Noir\" height=\"180\" width=\"306\" title=\"\">\n    \t                  <\/div>\n              <div class=\"gallery__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/brun.svg\" class=\"max-w-full\" alt=\"Brun\" height=\"180\" width=\"306\" title=\"\">\n    \t                  <\/div>\n              <div class=\"gallery__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gris.svg\" class=\"max-w-full\" alt=\"Gris\" height=\"180\" width=\"305\" title=\"\">\n    \t                  <\/div>\n              <div class=\"gallery__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/santal.svg\" class=\"max-w-full\" alt=\"Santal\" height=\"180\" width=\"302\" title=\"\">\n    \t                  <\/div>\n              <div class=\"gallery__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/blanc.svg\" class=\"max-w-full\" alt=\"Blanc\" height=\"180\" width=\"303\" title=\"\">\n    \t                  <\/div>\n              <div class=\"gallery__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/couleur-acier.png\" class=\"max-w-full\" alt=\"Couleur Acier\" height=\"724\" width=\"1232\" title=\"\">\n    \t                  <\/div>\n              <div class=\"gallery__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/anodise.png\" class=\"max-w-full\" alt=\"Anodise\" height=\"722\" width=\"1200\" title=\"\">\n    \t                  <\/div>\n              <div class=\"gallery__image\">\n          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/personnalise.png\" class=\"max-w-full\" alt=\"Personnalise\" height=\"720\" width=\"1212\" title=\"\">\n    \t                  <\/div>\n          <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_4ef6e6f254a95059832f671e05bd29b4\" class=\" columbia-block relative overflow-hidden wp-block-product-sizing-charts block-w-full text-dark bg-teal-100  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\/2023\/05\/pente-minimale-2-12-cropped.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Pente Minimale 2 12 Cropped\" height=\"139\" 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 DE L\u2019 GL VCM \u2013 PUITS DE LUMI\u00c8RE \u00c0 D\u00d4ME EN ACRYLIQUE FIXE MONT\u00c9 SUR CADRE EN VINYLE<\/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 dimensions indiqu\u00e9es dans le tableau ci-dessous (en unit\u00e9s imp\u00e9riales et m\u00e9triques). Si vous ne trouvez pas les dimensions dont vous avez besoin ci-dessous, veuillez consulter notre page Dimensions personnalis\u00e9es. Vous pouvez \u00e9galement t\u00e9l\u00e9charger un fichier 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    \n          <table class=\"hidden font-narrow lg:block sizing-chart w-full mx-auto mt-30 pl-8 xxxl:pl-0\" style=\"max-width: 2179.2820512821px; width: clamp(768, 1362.0512820513%, 100%) ;\">\n        <tr>\n                    <th width=\"1%\" class=\"p-3 leading-tight text-left\">Cadre int\u00e9rieur<\/th>\n                                <th data-imperialvalue=\"14&frac12;\" data-metricvalue=\"368\"><span class=\"data-value whitespace-nowrap\">14&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"22&frac12;\" data-metricvalue=\"572\"><span class=\"data-value whitespace-nowrap\">22&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"26&frac12;\" data-metricvalue=\"673\"><span class=\"data-value whitespace-nowrap\">26&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"30&frac12;\" data-metricvalue=\"775\"><span class=\"data-value whitespace-nowrap\">30&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"32&frac12;\" data-metricvalue=\"826\"><span class=\"data-value whitespace-nowrap\">32&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"34&frac12;\" data-metricvalue=\"876\"><span class=\"data-value whitespace-nowrap\">34&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"36&frac12;\" data-metricvalue=\"927\"><span class=\"data-value whitespace-nowrap\">36&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"46&frac12;\" data-metricvalue=\"1181\"><span class=\"data-value whitespace-nowrap\">46&frac12;<\/span><\/th>\n                  <\/tr>\n        \n                            <tr>\n            <th data-imperialvalue=\"14&frac12;\" data-metricvalue=\"368\"><span class=\"data-value whitespace-nowrap inline-block\">14&frac12;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"5.3703703703704%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2020<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 14&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 17&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.46 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 368mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 445mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.14 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 368 \/ 368\"  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                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"22&frac12;\" data-metricvalue=\"572\"><span class=\"data-value whitespace-nowrap inline-block\">22&frac12;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"5.3703703703704%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2028<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 22&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 25&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.27 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 572mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 648mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.21 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 368 \/ 572\"  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-dark hover:bg-blue\" width=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2828<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 22&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 25&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.52 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 572mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 648mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.33 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 572\"  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                                          <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                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"30&frac12;\" data-metricvalue=\"775\"><span class=\"data-value whitespace-nowrap inline-block\">30&frac12;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"5.3703703703704%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2036<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 30&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 33&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.07 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 775mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 851mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.29 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 368 \/ 775\"  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=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2836<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 30&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 33&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>4.77 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 775mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 851mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.44 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 775\"  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                                          <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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.296296296296%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3636<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 30&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 33&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>6.46 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 775mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 851mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.60 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 775 \/ 775\"  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                                          <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=\"34&frac12;\" data-metricvalue=\"876\"><span class=\"data-value whitespace-nowrap inline-block\">34&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=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2840<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 34&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 37&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>5.39 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2840<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 876mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 953mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.50 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 876\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2840\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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"12.777777777778%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4040<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 34&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>37&frac12;\u00a0\u00bb x 37&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>8.27 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>876mm x 876mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>953mm x 953mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.77 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 876 \/ 876\"  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                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"36&frac12;\" data-metricvalue=\"927\"><span class=\"data-value whitespace-nowrap inline-block\">36&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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"13.518518518519%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4242<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>36&frac12;\u00a0\u00bb x 36&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>39&frac12;\u00a0\u00bb x 39&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.25 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>927mm x 927mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1003mm x 1003mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.86 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 927 \/ 927\"  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                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"46&frac12;\" data-metricvalue=\"1181\"><span class=\"data-value whitespace-nowrap inline-block\">46&frac12;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"5.3703703703704%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>4.68 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.44 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 368 \/ 1181\"  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=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2852<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>7.27 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.68 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 1181\"  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                                          <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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.296296296296%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3652<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.85 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.92 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 775 \/ 1181\"  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                                          <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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"12.777777777778%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>37&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>11.14 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>876mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>953mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.03 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 876 \/ 1181\"  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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"17.222222222222%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5252<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>46&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>49&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>15.02 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>1181mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1257mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.40 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 1181 \/ 1181\"  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                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"54&frac12;\" data-metricvalue=\"1384\"><span class=\"data-value whitespace-nowrap inline-block\">54&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=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2860<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 54&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 57&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>8.52 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 1384mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 1461mm<\/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-lg\" style=\"aspect-ratio: 572 \/ 1384\"  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  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.296296296296%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3660<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 54&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 57&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>11.54 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 1384mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 1461mm<\/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-lg\" style=\"aspect-ratio: 775 \/ 1384\"  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  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"58&frac12;\" data-metricvalue=\"1486\"><span class=\"data-value whitespace-nowrap inline-block\">58&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=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2864<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 58&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 61&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.14 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2864<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 1486mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 1562mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.85 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 1486\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2864\n\n                                      <\/button>\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=\"11.296296296296%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3664<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 58&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 61&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>12.39 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3664<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 1486mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 1562mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.15 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 775 \/ 1486\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3664\n\n                                      <\/button>\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=\"12.777777777778%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4064<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 58&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>37&frac12;\u00a0\u00bb x 61&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.02 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4064<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>876mm x 1486mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>953mm x 1562mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.30 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 876 \/ 1486\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4064\n\n                                      <\/button>\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=\"17.222222222222%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5264<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>46&frac12;\u00a0\u00bb x 58&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>49&frac12;\u00a0\u00bb x 61&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>18.89 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5264<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>1181mm x 1486mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1257mm x 1562mm<\/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-lg\" style=\"aspect-ratio: 1181 \/ 1486\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5264\n\n                                      <\/button>\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"62&frac12;\" data-metricvalue=\"1588\"><span class=\"data-value whitespace-nowrap inline-block\">62&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=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2868<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 62&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 65&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.77 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2868<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 1588mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 1664mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.91 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 1588\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2868\n\n                                      <\/button>\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=\"11.296296296296%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3668<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 62&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 65&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>13.24 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3668<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 1588mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 1664mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.23 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 775 \/ 1588\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3668\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                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"70&frac12;\" data-metricvalue=\"1791\"><span class=\"data-value whitespace-nowrap inline-block\">70&frac12;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"5.3703703703704%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 70&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 73&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>7.10 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 1791mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 1867mm<\/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-lg\" style=\"aspect-ratio: 368 \/ 1791\"  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=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2876<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 70&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 73&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>11.02 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 1791mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 1867mm<\/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-lg\" style=\"aspect-ratio: 572 \/ 1791\"  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                                          <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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.296296296296%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3676<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 70&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 73&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.93 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 1791mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 1867mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.39 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 775 \/ 1791\"  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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"12.777777777778%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 70&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>37&frac12;\u00a0\u00bb x 73&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>16.89 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>876mm x 1791mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>953mm x 1867mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.57 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 876 \/ 1791\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4076\n\n                                      <\/button>\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=\"17.222222222222%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5276<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>46&frac12;\u00a0\u00bb x 70&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>49&frac12;\u00a0\u00bb x 73&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>22.77 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>1181mm x 1791mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1257mm x 1867mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.12 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 1181 \/ 1791\"  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                                      <\/button>\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"74&frac12;\" data-metricvalue=\"1892\"><span class=\"data-value whitespace-nowrap inline-block\">74&frac12;<\/span><\/th>\n\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.8148148148148%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>26&frac12;\u00a0\u00bb x 74&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>29&frac12;\u00a0\u00bb x 77&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>13.71 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>673mm x 1892mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>749mm x 1969mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.27 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 673 \/ 1892\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3280\n\n                                      <\/button>\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=\"12.037037037037%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3880<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>32&frac12;\u00a0\u00bb x 74&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>35&frac12;\u00a0\u00bb x 77&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>16.81 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3880<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>826mm x 1892mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>902mm x 1969mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.56 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 826 \/ 1892\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3880\n\n                                      <\/button>\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=\"13.518518518519%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>36&frac12;\u00a0\u00bb x 74&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>39&frac12;\u00a0\u00bb x 77&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>18.88 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>Cadre int\u00e9rieur (l x h)<\/strong><br\/>927mm x 1892mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1003mm x 1969mm<\/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-lg\" style=\"aspect-ratio: 927 \/ 1892\"  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                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"94&frac12;\" data-metricvalue=\"2400\"><span class=\"data-value whitespace-nowrap inline-block\">94&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=\"8.3333333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 28100<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 94&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 97&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.77 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 28100<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 2400mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 2477mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.37 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 2400\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>28100\n\n                                      <\/button>\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=\"11.296296296296%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 36100<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 94&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 97&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>20.02 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 36100<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 2400mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 2477mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.86 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 775 \/ 2400\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>36100\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                      <\/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 class=\"flex flex-row items-center gap-5\"><div><img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/themes\/columbiawp\/public\/images\/reversible-skylight.ff4872.svg\" height=\"64\" width=\"64\" class=\"min-w-[64px] mr-4\" alt=\"\" title=\"\"><\/div><div>REMARQUE : Toutes les dimensions sont r\u00e9versibles, c\u2019est-\u00e0-dire que le mod\u00e8le 3676 peut \u00eatre command\u00e9 en version 7636.<\/div><\/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\/2023\/05\/pente-minimale-2-12-cropped.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Pente Minimale 2 12 Cropped\" height=\"139\" 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: 1660.7893485497px;\">\n          <div x-show=\"!isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm-size-chart-summary-metric-fr.png\" class=\"\" alt=\"Gl Vcm Size Chart Summary Metric Fr\" height=\"3517\" width=\"4208\" title=\"\">\n    \t          <\/div>\n          <div x-show=\"isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-vcm-size-chart-summary-imperial-fr.png\" class=\"\" alt=\"Gl Vcm Size Chart Summary Imperial Fr\" height=\"3517\" width=\"4208\" 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 class=\"flex flex-row items-center gap-5\"><div><img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/themes\/columbiawp\/public\/images\/reversible-skylight.ff4872.svg\" height=\"64\" width=\"64\" class=\"min-w-[64px] mr-4\" alt=\"\" title=\"\"><\/div><div>REMARQUE : Toutes les dimensions sont r\u00e9versibles, c\u2019est-\u00e0-dire que le mod\u00e8le 3676 peut \u00eatre command\u00e9 en version 7636.<\/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\/gl-vcm-size-chart-summary-print-metric-fr.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\/gl-vcm-size-chart-summary-print-imperial-fr.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\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/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_44b53f230296170e553683a31b2a4d2e\" class=\" columbia-block relative overflow-hidden wp-block-divider text-dark bg-teal-100  p-top-default p-bottom-default\" >\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_2b8ca028fef5bd13aa891effb4fd13f9\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal-100  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\">ACCESSOIRES<\/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-3\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/accessoires-pour-puits-de-lumiere\/\"><img decoding=\"async\" class=\"wp-image-4445 alignnone\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-FKCM.jpg\" alt=\"\" width=\"366\" height=\"340\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-FKCM.jpg 732w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-FKCM-300x279.jpg 300w\" sizes=\"(max-width: 366px) 100vw, 366px\" title=\"\"><\/a><\/p>\n<p class=\"!text-grey font-semibold\">FKCM \u2013 Kit de solins pour montage sur bordure<br \/>\n(Toit inclin\u00e9 en asphalte ou en bardeaux de bois seulement)<\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-3\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/accessoires-pour-puits-de-lumiere\/\"><img decoding=\"async\" class=\"wp-image-4443 alignnone\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-IWS.jpg\" alt=\"\" width=\"364\" height=\"338\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-IWS.jpg 732w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-IWS-300x279.jpg 300w\" sizes=\"(max-width: 364px) 100vw, 364px\" title=\"\"><\/a><\/p>\n<p class=\"!text-grey font-semibold\">IWS \u2013 Membrane de toit<\/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_f5652935bf235c39e3dea466f8baeb17\" 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-lg \">\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-3937\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home.jpg\" alt=\"\" width=\"1572\" height=\"940\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home.jpg 1572w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home-300x179.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home-1024x612.jpg 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home-768x459.jpg 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home-1536x918.jpg 1536w\" sizes=\"(max-width: 1572px) 100vw, 1572px\" title=\"\"><\/p>\n<h4>Des puits de lumi\u00e8re fabriqu\u00e9s au Canada, con\u00e7us pour notre climat rigoureux<\/h4>\n<p>Les puits de lumi\u00e8re Columbia sont sp\u00e9cialement con\u00e7us pour la vie dans notre climat canadien. Qu\u2019ils soient soumis \u00e0 la neige, \u00e0 la glace, au vent, \u00e0 la gr\u00eale ou \u00e0 une chaleur intense, nos produits sont sp\u00e9cialement con\u00e7us pour exceller dans ces conditions exigeantes.<\/p>\n<p>De nombreux puits de lumi\u00e8re import\u00e9s sont con\u00e7us pour un climat plus temp\u00e9r\u00e9 et manquent de performance et de durabilit\u00e9. Pendant plus de cinq d\u00e9cennies, Columbia s\u2019est consacr\u00e9e \u00e0 la fabrication de puits de lumi\u00e8re de haute qualit\u00e9 qui ont fait leurs preuves au fil du temps dans notre climat canadien.<\/p>\n<p>Chaque aspect du puits de lumi\u00e8re a \u00e9t\u00e9 \u00e9tudi\u00e9, con\u00e7u et test\u00e9.<\/p>\n<p>Nous utilisons les meilleurs mat\u00e9riaux disponibles et les derni\u00e8res technologies de verre.<\/p>\n<p>L\u2019efficacit\u00e9 \u00e9nerg\u00e9tique est une priorit\u00e9 pour les propri\u00e9taires canadiens, compte tenu de notre climat rigoureux. Columbia est le seul fabricant canadien \u00e0 offrir le triple vitrage sur tous ses mod\u00e8les de puits de lumi\u00e8re. Un choix de verres ENERGY STAR<sup>&reg;<\/sup> sup\u00e9rieur \u00e0 toute la concurrence.<\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">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  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-4387\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1.jpg\" alt=\"\" width=\"1572\" height=\"940\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1.jpg 1572w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1-300x179.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1-1024x612.jpg 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1-768x459.jpg 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1-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\u00e9m\u00e9nag\u00e9 notre entrep\u00f4t de distribution de l\u2019Est dans une toute nouvelle installation 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, Slimlite et FAKRO pr\u00eats \u00e0 livrer.<\/p>\n<p>L\u2019entrep\u00f4t nous permet de desservir l\u2019Est du Canada avec une plus grande efficacit\u00e9 et des d\u00e9lais de livraison r\u00e9duits.<\/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_cb82d50f1056d41a23e6e708546aa1c7\" 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_2134e9bd98a70678ae619679f2329f5b\" 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\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/acrylique\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/columbia-ac-vcm-vinyl-curb-mount-skylight.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia ac vcm vinyl curb mount skylight\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/acrylique\/\">Columbia AC VCM \u2013 Puits de lumi\u00e8re fixe \u00e0 d\u00f4me en acrylique, mont\u00e9 sur cadre en vinyle<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Les puits de lumi\u00e8re \u00e0 d\u00f4me et pyramide en acrylique \u00e0 montage sur cadre de Columbia sont con\u00e7us pour fonctionner parfaitement pendant des d\u00e9cennies, disponibles en 2 configurations de cadre,\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/acrylique\/\" 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-ocm\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/columbia-gl-ocm-skylight-thumb.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia gl ocm skylight thumb\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ocm\/\">Columbia GL OCM \u2013 Puits de lumi\u00e8re en verre \u00e0 ventilation manuelle, mont\u00e9 sur cadre<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Rafra\u00eechissez votre maison avec le puits de lumi\u00e8re \u00e0 ventilation manuelle \u00e0 montage sur cadre de Columbia. Profitez des avantages combin\u00e9s de la lumi\u00e8re naturelle et de la ventilation par\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ocm\/\" 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-ocm-e\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/columbia-gl-ocm-e-electric-venting-skylight.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia gl ocm e electric venting skylight\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ocm-e\/\">Columbia GL OCM E \u2013 Puits de lumi\u00e8re en verre \u00e0 ventilation \u00e9lectrique, mont\u00e9 sur cadre<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Rafra\u00eechissez votre maison avec le puits de lumi\u00e8re \u00e0 ventilation \u00e9lectrique \u00e0 montage sur cadre de Columbia. Profitez des avantages combin\u00e9s de la lumi\u00e8re naturelle et de la ventilation de\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ocm-e\/\" 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-monte-sur-cadre-a-ouverture-par-energie-solaire-fvc-s\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/fakro-fvc-s-skylight-thumb.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Fakro fvc s skylight thumb\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/puits-de-lumiere-monte-sur-cadre-a-ouverture-par-energie-solaire-fvc-s\/\">FAKRO Puits de lumi\u00e8re mont\u00e9 sur cadre \u00e0 ouverture par \u00e9nergie solaire FVC-S<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Le puits de lumi\u00e8re Mont\u00e9 Sur Cadre \u00e0 ouverture solaire est in\u00e9gal\u00e9. Donnez une dimension architecturale \u00e0 votre domicile gr\u00e2ce \u00e0 l\u2019\u00e9l\u00e9gant puits de lumi\u00e8re europ\u00e9en haut de gamme \u2013\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/puits-de-lumiere-monte-sur-cadre-a-ouverture-par-energie-solaire-fvc-s\/\" 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":"La beaut\u00e9 et la clart\u00e9 de la lumi\u00e8re naturelle. Ce puits de lumi\u00e8re fixe mont\u00e9 sur cadre de haute qualit\u00e9 constitue le choix id\u00e9al pour la plupart des applications sur\u2026","protected":false},"featured_media":7346,"parent":0,"menu_order":1,"template":"","product_line":[37,167],"product_tags":[],"product_model":[183,190],"dimension_type":[],"class_list":["post-17125","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/products\/17125","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\/7346"}],"wp:attachment":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/media?parent=17125"}],"wp:term":[{"taxonomy":"product_line","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_line?post=17125"},{"taxonomy":"product_tags","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_tags?post=17125"},{"taxonomy":"product_model","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_model?post=17125"},{"taxonomy":"dimension_type","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/dimension_type?post=17125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}