{"id":19468,"date":"2023-10-18T12:37:12","date_gmt":"2023-10-18T19:37:12","guid":{"rendered":"https:\/\/www.columbiaskylights.com\/products\/asf-aluminum-self-flashing-fixed\/"},"modified":"2024-04-15T22:59:28","modified_gmt":"2024-04-16T05:59:28","slug":"asf-lanterneau-en-verre-fixe-auto-etanche-en-aluminium","status":"publish","type":"products","link":"https:\/\/www.columbiaskylights.com\/fr\/produits\/asf-lanterneau-en-verre-fixe-auto-etanche-en-aluminium\/","title":{"rendered":"GL ASF &#8211; Lanterneau en verre fixe auto-\u00e9tanche en aluminium"},"content":{"rendered":"<section id=\"block_279b575cc0f1650d795f893ba9f3b1ef\" 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>Facile \u00e0 installer<br \/>\nPuits de lumi\u00e8re en<br \/>\naluminium \u00e0<br \/>\nauto-jointoyage<\/h1>\n<p>GL ASF &#8211; Lanterneau en verre fixe auto-\u00e9tanche en aluminium.<\/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\/06\/skylights-patio-roof-fire.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Skylights patio roof fire\" height=\"2160\" width=\"3840\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\n          <div class=\"hero-slide__content text-black 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\/06\/skylights-greatroom-hero-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Columbia Skylights, the Canadian made skylight.\" 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-black 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\/10\/skylights-greatroom-fireplace.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Skylights greatroom fireplace\" height=\"2160\" width=\"3840\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\n          <div class=\"hero-slide__content text-black 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\/03\/hero-2.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"hero-2\" height=\"1082\" width=\"1924\" 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 ASF &#8211; Lanterneau en verre fixe auto-\u00e9tanche en aluminium\n                  <\/div>\n  <\/div>\n\n\n<section id=\"block_d976d35fc1d5a035f3ad2435b52aea79\" 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  p-top-default p-bottom-default\" >\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\/asf-lanterneau-en-verre-fixe-auto-etanche-en-aluminium\/\" 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\n        <\/a>\n                      <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/asf-lanterneau-en-verre-fixe-auto-etanche-en-aluminium\/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 en acrylique\n        <\/a>\n            <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_373b5457fecdb0b60a047b8392d39695\" 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=\" text-center\">GL ASF &#8211; Puits de lumi\u00e8re fixe en verre avec Solin Int\u00e9gr\u00e9 en aluminium<\/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--69de922061f19\"\n    style=\"--productcode: 'GL ASF';\"\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\/10\/gl-asf-gallery-thumb-fr.jpg\" data-lightbox=\"carousel--69de922061f19_gallery\" data-title=\"GL ASF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/gl-asf-gallery-thumb-fr.jpg\" alt=\"Gl Asf Gallery Thumb Fr\" 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\/10\/gl-asf-skylight-corner.jpg\" data-lightbox=\"carousel--69de922061f19_gallery\" data-title=\"GL ASF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/gl-asf-skylight-corner.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\/10\/gl-asf-skylight-corner-closeup.jpg\" data-lightbox=\"carousel--69de922061f19_gallery\" data-title=\"GL ASF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/gl-asf-skylight-corner-closeup.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\/10\/gl-asf-skylight-cross-section-gallery.jpg\" data-lightbox=\"carousel--69de922061f19_gallery\" data-title=\"GL ASF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/gl-asf-skylight-cross-section-gallery.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n            <\/div>\n\n          <div id=\"carousel--69de922061f19-nav\" class=\"carousel-nav relative overflow-hidden\" data-asnavfor=\"#carousel--69de922061f19\">\n                        <button data-slide=\"0\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/gl-asf-gallery-thumb-fr.jpg\" class=\"\" alt=\"Gl Asf Gallery Thumb Fr\" 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\/10\/gl-asf-skylight-corner.jpg\" class=\"\" alt=\"Gl asf skylight corner\" 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\/10\/gl-asf-skylight-corner-closeup.jpg\" class=\"\" alt=\"Gl asf skylight corner closeup\" 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\/10\/gl-asf-skylight-cross-section-gallery.jpg\" class=\"\" alt=\"Gl asf skylight cross section gallery\" 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>Le GL ASF est un puits de lumi\u00e8re fixe en verre et aluminium durable, con\u00e7u pour fonctionner parfaitement pendant des d\u00e9cennies. Offrant la clart\u00e9 de la lumi\u00e8re naturelle pour les propri\u00e9t\u00e9s r\u00e9sidentielles et commerciales. Am\u00e9liorez le confort et l\u2019habitabilit\u00e9 de votre int\u00e9rieur avec la beaut\u00e9 de la lumi\u00e8re naturelle.<\/li>\n<li>La robuste bride auto-\u00e9tanche en aluminium rend l\u2019installation rapide et facile, ce qui peut faire la diff\u00e9rence sur de plus grands projets de plusieurs puits de lumi\u00e8re.<\/li>\n<li>Disponible avec des options de double ou triple vitrage certifi\u00e9es ENERGY STAR<sup>&reg;<\/sup> L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> (y compris du verre lamin\u00e9). Des options de verre L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> suppl\u00e9mentaires comprennent du verre teint\u00e9 ou r\u00e9fl\u00e9chissant (bronze ou gris) qui r\u00e9duisent l&rsquo;\u00e9blouissement du soleil intense et le gain de chaleur solaire. Columbia propose \u00e9galement le verre innovant L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat \u00e0 faible entretien. Vous pouvez ajouter un rev\u00eatement NEAT \u00e0 tous les choix de vitrage.<\/li>\n<li>Les puits de lumi\u00e8re autoportants se fixent directement sur le toit et sont utilis\u00e9s uniquement sur les march\u00e9s de l&rsquo;Est. Le puits de lumi\u00e8re le plus populaire pour les march\u00e9s de l&rsquo;Est et de l&rsquo;Ouest reste le puits de lumi\u00e8re mont\u00e9 sur socle.<\/li>\n<li>Peut \u00eatre fabriqu\u00e9 en acrylique et en polycarbonate. Le polycarbonate offre un niveau de s\u00e9curit\u00e9 suppl\u00e9mentaire avec sa r\u00e9sistance exceptionnelle.<\/li>\n<li>Les puits de lumi\u00e8re auto-\u00e9tanches doivent \u00eatre install\u00e9s sur une pente minimale de 3:12.<\/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=\"\/wp-content\/uploads\/2024\/02\/20-ans-garantie.svg\" class=\"inline-block w-[142px] min-w-[142px]\" alt=\"20 Year Warranty\" 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_84d306faf6f89be96a448cf1868e643a\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal bg-top-shadow p-top-default p-bottom-small\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto\">\n            <h2 class=\" h5 text-center border-heading\"><span>CARACT\u00c9RISTIQUES<\/span><\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-sm  mx-auto w-wide\">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-6\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li><strong>Convient uniquement pour les toits en bardeaux d&rsquo;asphalte ou en bardeaux de c\u00e8dre en pente. Nous recommandons d&rsquo;utiliser le sous-couche de Columbia pour une installation \u00e9tanche \u00e0 l&rsquo;eau.<\/strong><\/li>\n<li>Comprend un solin int\u00e9gr\u00e9 en PVC et une bride auto-\u00e9tanche en aluminium large pour un joint optimal.<\/li>\n<li>Le mod\u00e8le de puits de lumi\u00e8re le plus facile \u00e0 installer &#8211; aucun kit de solinage ou solin en bois requis.<\/li>\n<li>Cadre ext\u00e9rieur en aluminium extrud\u00e9 durable, r\u00e9sistant aux intemp\u00e9ries, avec finition de peinture \u00e9maill\u00e9e cuite.<\/li>\n<li>Sept couleurs de cadre standard (y compris le noir), options personnalis\u00e9es illimit\u00e9es.<\/li>\n<li>Tailles personnalis\u00e9es \u00e9galement disponibles.<\/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>Cadre de base int\u00e9rieur en vinyle (PVC) extrud\u00e9 soud\u00e9 par fusion, sans entretien et de couleur blanche.<\/li>\n<li>Le cadre de base en vinyle \u00e0 rupture thermique pr\u00e9sente une conception de cadre \u00e0 double paroi pour une rigidit\u00e9 et une isolation optimales.<\/li>\n<li>Goutti\u00e8re int\u00e9gr\u00e9e \u00e0 quatre c\u00f4t\u00e9s (notre technologie de contr\u00f4le de la condensation) recueille et \u00e9vacue la condensation caus\u00e9e par le climat extr\u00eame du Canada.<\/li>\n<li>Avec solin en aluminium.<\/li>\n<li>Choisissez parmi la gamme compl\u00e8te d\u2019options de verre double ou triple vitrage de Columbia &#8211; clair, teint\u00e9 ou r\u00e9fl\u00e9chissant bronze et gris.<\/li>\n<li><strong>Test\u00e9 en conditions climatiques extr\u00eames au Canada depuis plus de 30 ans !<\/strong><\/li>\n<li>Fabriqu\u00e9 au Canada avec des pi\u00e8ces et des mati\u00e8res premi\u00e8res provenant \u00e0 100 % d\u2019Am\u00e9rique du Nord.<\/li>\n<li>Garantie de l\u2019industrie leader.<\/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_32b85881e1866471042167b98ec508cc\" 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_9d35feb58768f75f675b498699da9b58\" 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<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 wp-image-8312\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/sloped-shingle-roof-feature.svg\" alt=\"Sloped Shingle Roof Feature\" width=\"334\" height=\"141\" title=\"\"><\/p>\n<p>Toit en pente<\/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 3:12<\/h6>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-19673\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/pente-minimale-3-12-padded.svg\" alt=\"Pente Minimale 3 12 Padded\" width=\"334\" height=\"140\" title=\"\"><\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/types-de-toitures-et-pentes\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  4 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:block after:md:block before:xl:block after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Emplacement<br \/>\nrecommand\u00e9<\/h6>\n<ul>\n<li>R\u00e9sidentielle<\/li>\n<li>Entrep\u00f4ts<\/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_e7ccb08b38dbedf9779f1895a1a72ff6\" class=\"overflow-hidden columbia-block relative overflow-hidden wp-block-block-container block-w-wide text-dark bg-teal-100  p-top-default p-bottom-default\" >\n          <div class=\"max-w-7xl overflow-visible block-inner relative container mx-auto\" >\n        <div class=\"column-heading text-white bg-blue text-center h3 py-8 px-5 corners-\">Conception de puits de lumi\u00e8re solin int\u00e9gr\u00e9 en aluminium leader de l\u2019industrie<\/div>\n        <div class=\"content-box relative with-heading   px-2 sm:px-5 py-8 md:p-8 lg:p-10 xxl:p-22 text-dark bg-white\">\n      \n<section id=\"block_e9b3130e594aa8104c9d3bb767d7b27b\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-wide text-dark bg-white  p-top-default p-bottom-small\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"col-wrapper col-gutter-lg row-gutter-lg \">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-11\/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-18397\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/gl-asf-cross-section.png\" alt=\"Gl Asf Cross Section\" width=\"2026\" height=\"1457\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/gl-asf-cross-section.png 2026w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/gl-asf-cross-section-300x216.png 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/gl-asf-cross-section-1024x736.png 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/gl-asf-cross-section-768x552.png 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/gl-asf-cross-section-1536x1105.png 1536w\" sizes=\"(max-width: 2026px) 100vw, 2026px\" title=\"\"><\/p>\n<p>&nbsp;<\/p>\n<ol class=\"two-col ol--circles ol--circles--blue\">\n<li><span class=\"text-list-heading\">Vitrage<\/span><br \/>\nLa plus large s\u00e9lection d\u2019options de vitrage de l\u2019industrie des puits de lumi\u00e8re :<br \/>\nL<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Transparent\/lamin\u00e9<br \/>\nL<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat<br \/>\nL<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Teint\u00e9 bronze ou gris<br \/>\nL<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 R\u00e9fl\u00e9chissant bronze ou gris<br \/>\nL<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 i89<br \/>\nL<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Triple vitrage clair<br \/>\nL<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Triple vitrage lamin\u00e9<\/li>\n<li><span class=\"text-list-heading\">Capuchon en aluminium<\/span><br \/>\nCadre ext\u00e9rieur en aluminium extrud\u00e9 durable avec finition en \u00e9mail cuit. Disponible en 7 couleurs standard et assortiment illimit\u00e9 de couleurs personnalis\u00e9es &#8211; apportez un \u00e9chantillon de peinture \u00e0 votre revendeur et nous le matcherons.<\/li>\n<li><span class=\"text-list-heading\">Goutti\u00e8re de condensation<\/span><br \/>\nGoutti\u00e8re de condensation \u00e0 drainage quatre c\u00f4t\u00e9s de 24 mm de large. La condensation est dispers\u00e9e vers l\u2019ext\u00e9rieur du toit le long de notre goutti\u00e8re unique.<\/li>\n<li><span class=\"text-list-heading\">Cadre de base en vinyle<\/span><br \/>\nCadre de base en vinyle blanc sans entretien, \u00e0 rupture thermique.<\/li>\n<li><span class=\"text-list-heading\">Bride auto-jointoyante en aluminium<\/span><br \/>\nBride en aluminium facile \u00e0 installer, cr\u00e9ant une installation exceptionnellement durable et rigide.<\/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_498a99385f6079f256414f436dc698f3\" 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_0437f5829ce4878300555aa51bc0ffb0\" 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_088c10b085cfb573911122aa2530fbdb\" 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_faec26a382ca7dc2fb1332e78b3f11eb\" 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_c76460de9b869b85ab43a8153b40dbf2\" 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_e523dd10d6249d5dbbfd6a464379fb3d\" 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_45c33b02b3417658587f3c6122b55642\" 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_3bde64a23b07963f396bc69d9ceb40e6\" class=\" columbia-block relative overflow-hidden wp-block-product-sizing-charts block-w-full text-dark bg-teal  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\"  x-data=\"sizingChart\">\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n          <div class=\"title-image-wrap relative flex flex-col-reverse items-center md:flex-row title-icon-spacer spacer-center\">\n                  <div class=\"flex justify-center w-full flex-row gap-6 md:absolute md:top-0 md:left-0 \">\n                  <div class=\"title-image mt-6 md:mt-0 md:absolute left-0\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2024\/01\/pente-minimale-3-12.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Pente Minimale 3 12\" height=\"138\" width=\"135\" title=\"\">\n    \t          <\/div>\n                            <\/div>\n            \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">Tailles pour GL ASF &#8211; Puits de lumi\u00e8re fixe en verre avec Solin Int\u00e9gr\u00e9 en aluminium<\/h2>\n    <\/div>\n    \n          <\/div>\n    \n          <div class=\"mt-6 lg:mt-12 relative z-0 block-intro  mx-auto max-w-6xl lg:max-w-6xxl text-xl\">Disponible dans les tailles indiqu\u00e9es dans le tableau ci-dessous (imp\u00e9riales et m\u00e9triques). Vous pouvez \u00e9galement consulter les tailles les plus populaires. Si vous ne trouvez pas la taille dont vous avez besoin ci-dessous, veuillez visiter notre page des tailles personnalis\u00e9es. Vous pouvez \u00e9galement t\u00e9l\u00e9charger un PDF imprimable du tableau.<\/div>\n          <\/div>\n            <hr class=\"mb-12\" \/>\n        <div class=\"grid mb-12 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 text-center max-w-[1140px] gap-12 lg:gap-30 mx-auto\">\n      <div class=\"\">\n                  <a href=\"https:\/\/www.columbiaskylights.com\/fr\/informations-techniques\/commande-de-dimensions-personnalisees\/\" class=\"last:mr-0 btn-blue\">VOIR LES DIMENSIONS PERSONNALIS\u00c9ES<\/a>\n          <p class=\"x-cta-description mt-5 text-sm !w-full\">Si vous ne trouvez pas les dimensions souhait\u00e9es dans nos produits standard, consultez notre page Dimensions personnalis\u00e9es.<\/p>\n              <\/div>\n      <div>\n        <div class=\"flex flex-row justify-center\">\n          <button x-on:click=\"toggleUnits()\" :class=\"isImperial ? 'btn-blue' : 'btn-grey'\">UNIT\u00c9S IMP\u00c9RIALES<\/button>\n          <button x-on:click=\"toggleUnits()\" :class=\"!isImperial ? 'btn-blue' : 'btn-grey'\">UNIT\u00c9S M\u00c9TRIQUES<\/button>\n        <\/div>\n                  <p class=\"x-cta-description mt-5 text-sm\">Les dimensions standard des puits de lumi\u00e8re sont disponibles dans les deux options.<\/p>\n              <\/div>\n            <div class=\"mdd:hidden\">\n        <div class=\"inline-flex flex-row gap-6 items-center uppercase font-semibold mx-auto py-3\">\n          DIMENSIONS<br\/>POPULAIRES          <div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg><\/div>\n        <\/div>\n        <p class=\"x-cta-description mt-5 text-sm\">L\u2019\u00e9toile jaune indique les dimensions les plus populaires.<\/p>\n      <\/div>\n          <\/div>\n    \n    \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\">Ouverture du toit<\/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>Ouverture du toit (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 14&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>Ouverture du toit (l x h)<\/strong><br\/>368mm x 368mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 22&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>Ouverture du toit (l x h)<\/strong><br\/>368mm x 572mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 22&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>Ouverture du toit (l x h)<\/strong><br\/>572mm x 572mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 30&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>Ouverture du toit (l x h)<\/strong><br\/>368mm x 775mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 30&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>Ouverture du toit (l x h)<\/strong><br\/>572mm x 775mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 30&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>Ouverture du toit (l x h)<\/strong><br\/>775mm x 775mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 34&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>Ouverture du toit (l x h)<\/strong><br\/>572mm x 876mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 34&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>Ouverture du toit (l x h)<\/strong><br\/>876mm x 876mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>36&frac12;\u00a0\u00bb x 36&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>Ouverture du toit (l x h)<\/strong><br\/>927mm x 927mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 46&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>Ouverture du toit (l x h)<\/strong><br\/>368mm x 1181mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 46&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>Ouverture du toit (l x h)<\/strong><br\/>572mm x 1181mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 46&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>Ouverture du toit (l x h)<\/strong><br\/>775mm x 1181mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 46&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>Ouverture du toit (l x h)<\/strong><br\/>876mm x 1181mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>46&frac12;\u00a0\u00bb x 46&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>Ouverture du toit (l x h)<\/strong><br\/>1181mm x 1181mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 54&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>Ouverture du toit (l x h)<\/strong><br\/>572mm x 1384mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 54&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>Ouverture du toit (l x h)<\/strong><br\/>775mm x 1384mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 58&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>Ouverture du toit (l x h)<\/strong><br\/>572mm x 1486mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 58&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>Ouverture du toit (l x h)<\/strong><br\/>775mm x 1486mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 58&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>Ouverture du toit (l x h)<\/strong><br\/>876mm x 1486mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>46&frac12;\u00a0\u00bb x 58&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>Ouverture du toit (l x h)<\/strong><br\/>1181mm x 1486mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 62&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>Ouverture du toit (l x h)<\/strong><br\/>572mm x 1588mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 62&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>Ouverture du toit (l x h)<\/strong><br\/>775mm x 1588mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 70&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>Ouverture du toit (l x h)<\/strong><br\/>368mm x 1791mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 70&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>Ouverture du toit (l x h)<\/strong><br\/>572mm x 1791mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 70&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>Ouverture du toit (l x h)<\/strong><br\/>775mm x 1791mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 70&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>Ouverture du toit (l x h)<\/strong><br\/>876mm x 1791mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>46&frac12;\u00a0\u00bb x 70&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>Ouverture du toit (l x h)<\/strong><br\/>1181mm x 1791mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>26&frac12;\u00a0\u00bb x 74&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>Ouverture du toit (l x h)<\/strong><br\/>673mm x 1892mm<\/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>Ouverture du toit (l x h)<\/strong><br\/>32&frac12;\u00a0\u00bb x 74&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>Ouverture du toit (l x h)<\/strong><br\/>826mm x 1892mm<\/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  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\/2024\/01\/pente-minimale-3-12.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Pente Minimale 3 12\" height=\"138\" width=\"135\" 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\/06\/gl-asf-size-chart-summary-metric-fr.png\" class=\"\" alt=\"Gl Asf Size Chart Summary Metric Fr\" height=\"3039\" width=\"4208\" title=\"\">\n    \t          <\/div>\n          <div x-show=\"isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-asf-size-chart-summary-imperial-fr.png\" class=\"\" alt=\"Gl Asf Size Chart Summary Imperial Fr\" height=\"3039\" 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\/06\/gl-asf-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\/06\/gl-asf-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\/asf-lanterneau-en-verre-fixe-auto-etanche-en-aluminium\/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_ffd7542b6683db50fc64361f3e2d6e93\" 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_336cbd49da047a7a6ea908fe01601e69\" 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_adc00e6e9c7c492dd837c9575508b240\" 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\/fakro-drf-puits-de-lumiere-dacces-au-toit-plat\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/fakro-drf-flat-roof-skylight-thumb.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Fakro drf flat roof skylight thumb\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/fakro-drf-puits-de-lumiere-dacces-au-toit-plat\/\">FAKRO DRF \u2013 Puits De Lumi\u00e8re D\u2019acc\u00e8s Au Toit Plat<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Un nouveau produit innovant, le puits de lumi\u00e8re isol\u00e9 d\u2019acc\u00e8s au toit DRF s\u2019ajoute \u00e0 la gamme existante de produits FAKRO pour toit plat. En plus d\u2019\u00eatre un puits de\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/fakro-drf-puits-de-lumiere-dacces-au-toit-plat\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/dmf-puits-de-lumiere-avec-cadre-integre-pour-toit-plat-a-ouverture-manuelle\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/fakro-dmf-skylight-feature-image.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Fakro dmf skylight feature image\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/dmf-puits-de-lumiere-avec-cadre-integre-pour-toit-plat-a-ouverture-manuelle\/\">DMF \u2013 Puits De Lumi\u00e8re Avec Cadre Int\u00e9gr\u00e9 Pour Toit Plat \u00c0 Ouverture Manuelle<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Le puits de lumi\u00e8re pour toit plat DMF exceptionnel apporte lumi\u00e8re naturelle et ventilation \u00e0 l\u2019air frais. Con\u00e7u pour les emplacements faciles d\u2019acc\u00e8s \u2013 \u00e0 commande manuelle.<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/dmf-puits-de-lumiere-avec-cadre-integre-pour-toit-plat-a-ouverture-manuelle\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/fakro-def-solaire-ou-electrique-puits-de-lumiere-ouvrant-avec-cadre-integre-pour-toit-plat\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/fakro-def-skylight-feature-image.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Fakro def skylight feature image\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/fakro-def-solaire-ou-electrique-puits-de-lumiere-ouvrant-avec-cadre-integre-pour-toit-plat\/\">FAKRO DEF \u2013 (Solaire Ou \u00c9lectrique) Puits De Lumi\u00e8re Ouvrant Avec Cadre Int\u00e9gr\u00e9 Pour Toit Plat<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Ce puits de lumi\u00e8re pour toit plat \u00e0 la pointe de l\u2019industrie apporte lumi\u00e8re naturelle et ventilation \u00e0 l\u2019air frais. Il est disponible en versions \u00e9lectrique ou solaire. Avec la\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/fakro-def-solaire-ou-electrique-puits-de-lumiere-ouvrant-avec-cadre-integre-pour-toit-plat\/\" 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":"Puits de lumi\u00e8re en aluminium avec solin int\u00e9gr\u00e9, solide et rigide. Dot\u00e9 d\u2019un cadre ext\u00e9rieur et int\u00e9rieur en aluminium et d\u2019une bride. Id\u00e9al pour les installations qui n\u00e9cessitent une stabilit\u00e9\u2026","protected":false},"featured_media":8149,"parent":0,"menu_order":37,"template":"","product_line":[38],"product_tags":[],"product_model":[216],"dimension_type":[],"class_list":["post-19468","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/products\/19468","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\/8149"}],"wp:attachment":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/media?parent=19468"}],"wp:term":[{"taxonomy":"product_line","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_line?post=19468"},{"taxonomy":"product_tags","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_tags?post=19468"},{"taxonomy":"product_model","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_model?post=19468"},{"taxonomy":"dimension_type","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/dimension_type?post=19468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}