{"id":19431,"date":"2022-02-03T13:36:40","date_gmt":"2022-02-03T21:36:40","guid":{"rendered":"https:\/\/www.columbiaskylights.com\/products\/double-triple-glazed-fixed-self-flashing-skylight\/"},"modified":"2024-03-28T20:36:43","modified_gmt":"2024-03-29T03:36:43","slug":"gl-vsf-puits-de-lumiere-a-verre-fixe-avec-solin-integre-en-vinyle","status":"publish","type":"products","link":"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-vsf-puits-de-lumiere-a-verre-fixe-avec-solin-integre-en-vinyle\/","title":{"rendered":"Columbia GL VSF \u2013 Puits de lumi\u00e8re \u00e0 verre fixe avec solin int\u00e9gr\u00e9 en vinyle"},"content":{"rendered":"<section id=\"block_cdb3c6799539748fe4d26885536e3093\" class=\" columbia-block relative overflow-hidden wp-block-page-hero block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" carousel--hero--dots--\">\n                      <div class=\"hero-slide w-full flex relative  is-selected \">\n          <div class=\"hero-slide__content text-white w-full z-10 pt-22 md:pt-32 lg:pt-40 pb-12 md:pb-20 xl:pt-[180px]\">\n            <div class=\"inner container h-full grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-x-22 xxl:gap-x-60 w-full\">\n                              <text class=\"block hero-slide__content__wysiwyg position-left   font-semibold col-span-2 lg:col-span-1  wp-editor spaced\">\n                  <div class=\"inner \">\n                    <h1>LE PUITS DE LUMI\u00c8RE EN VERRE FACILE \u00c0 INSTALLER<\/h1>\n<p>GL VSF \u2013 Puits de lumi\u00e8re \u00e0 verre fixe avec solin int\u00e9gr\u00e9 en vinyle.<\/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\/2022\/02\/gl-vsf-skylight-product-hero.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Gl vsf skylight product hero\" height=\"2160\" width=\"3840\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                  <\/div>\n              <\/section>\n  <div class=\"block-breadcrumbs text-breadcrumb text-black-500 pt-7 mdd:hidden \">\n    <div class=\"container\">\n              \n                  <a href=\"https:\/\/www.columbiaskylights.com\/fr\/\" class=\"text-black-700 !no-underline hover:!underline\">Accueil<\/a>\n                       \/ \n                  Columbia GL VSF \u2013 Puits de lumi\u00e8re \u00e0 verre fixe avec solin int\u00e9gr\u00e9 en vinyle\n                  <\/div>\n  <\/div>\n\n\n<section id=\"block_40109ae2bb8ea91aaab9060ba7da5a88\" class=\"pb-0 border-b border-black-600 mb-12 md:mb-28 columbia-block relative overflow-hidden wp-block-product-tabs text-dark bg-white \" >\n          <div class=\"!pb-0 block-inner relative container mx-auto\" >\n        <div class=\"product-tabs flex flex-row\">\n                          <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-vsf-puits-de-lumiere-a-verre-fixe-avec-solin-integre-en-vinyle\/\" class=\"product-tab no-underline relative flex items-center justify-center flex-1 lg:text-h5 leading-none rounded-t-xs lg:rounded-t-md p-4 lg:py-5 lg:px-8 lg:-mx-3 text-center first:ml-0 product-tab--active font-semibold z-20 bg-blue text-yellow\">\n          Verre fixe\n        <\/a>\n                      <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-vsf-puits-de-lumiere-a-verre-fixe-avec-solin-integre-en-vinyle\/ac-vsf-puits-de-lumiere-a-dome-en-acrylique-fixe-avec-solin-integre-en-vinyle\/\" 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 fixe\n        <\/a>\n            <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_38e47497df219a020841a5d0de1e9f18\" 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 VSF \u2013 Puits de lumi\u00e8re \u00e0 verre fixe avec solin int\u00e9gr\u00e9 en vinyle<\/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--69fa9f4e74c75\"\n    style=\"--productcode: 'GL VSF';\"\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\/2022\/02\/gl-vsf-gallery-thumb-fr.jpg\" data-lightbox=\"carousel--69fa9f4e74c75_gallery\" data-title=\"GL VSF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/gl-vsf-gallery-thumb-fr.jpg\" alt=\"Gl Vsf 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\/04\/glass-flat-roof-skylight-vinyl-curb-mount-cross-section.jpg\" data-lightbox=\"carousel--69fa9f4e74c75_gallery\" data-title=\"GL VSF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/glass-flat-roof-skylight-vinyl-curb-mount-cross-section.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\/04\/glass-flat-roof-skylight-vinyl-curb-mount.jpg\" data-lightbox=\"carousel--69fa9f4e74c75_gallery\" data-title=\"GL VSF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/glass-flat-roof-skylight-vinyl-curb-mount.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\/04\/glass-flat-roof-skylight-vinyl-curb-mount-corner.jpg\" data-lightbox=\"carousel--69fa9f4e74c75_gallery\" data-title=\"GL VSF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/glass-flat-roof-skylight-vinyl-curb-mount-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\/04\/glass-flat-roof-skylight-vinyl-curb-mount-left-corner.jpg\" data-lightbox=\"carousel--69fa9f4e74c75_gallery\" data-title=\"GL VSF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/glass-flat-roof-skylight-vinyl-curb-mount-left-corner.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n            <\/div>\n\n          <div id=\"carousel--69fa9f4e74c75-nav\" class=\"carousel-nav relative overflow-hidden\" data-asnavfor=\"#carousel--69fa9f4e74c75\">\n                        <button data-slide=\"0\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/gl-vsf-gallery-thumb-fr.jpg\" class=\"\" alt=\"Gl Vsf 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\/04\/glass-flat-roof-skylight-vinyl-curb-mount-cross-section.jpg\" class=\"\" alt=\"Glass flat roof skylight vinyl curb mount cross section\" 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\/04\/glass-flat-roof-skylight-vinyl-curb-mount.jpg\" class=\"\" alt=\"Glass flat roof skylight vinyl curb mount\" 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\/04\/glass-flat-roof-skylight-vinyl-curb-mount-corner.jpg\" class=\"\" alt=\"Glass flat roof skylight vinyl curb mount corner\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"4\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/glass-flat-roof-skylight-vinyl-curb-mount-left-corner.jpg\" class=\"\" alt=\"Glass flat roof skylight vinyl curb mount left corner\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                  <\/div>\n              <\/div>\n      \n      <div class=\"product-intro_content flex flex-col-reverse px-4 lg:px-0 lg:flex-col w-full lg:w-1\/2 lg:pl-8 xl:pl-10\">\n        <text class=\"wp-editor block\">\n          <ul>\n<li>Apportez la luminosit\u00e9 et la clart\u00e9 de la lumi\u00e8re naturelle dans votre maison. Le puits de lumi\u00e8re en verre fixe avec solin int\u00e9gr\u00e9, fabriqu\u00e9 au Canada par Columbia, est le choix id\u00e9al aussi bien pour les entrepreneurs couvreurs professionnels que pour les amateurs. Il est \u00e9quip\u00e9 d\u2019un cadre et d\u2019un solin en vinyle blanc int\u00e9gr\u00e9s, ce qui vous permet d\u2019\u00e9conomiser du temps et de l\u2019argent.<\/li>\n<li>Cadre ext\u00e9rieur en aluminium extrud\u00e9 robuste avec une finition en peinture-\u00e9mail cuite au four, associ\u00e9 \u00e0 un cadre int\u00e9rieur r\u00e9sistant en vinyle PVC soud\u00e9 avec une large bride \u00e0 solin int\u00e9gr\u00e9.<\/li>\n<li>Les puits de lumi\u00e8re auto-jointoyants se montent directement sur le pont du toit et ne sont utilis\u00e9s que sur les march\u00e9s de l\u2019Est. Le puits de lumi\u00e8re le plus populaire pour les march\u00e9s de l\u2019Est et de l\u2019Ouest reste le puits de lumi\u00e8re mont\u00e9 sur rehausse.<\/li>\n<li>Disponible avec des options certifi\u00e9es ENERGY STAR<sup>&reg;<\/sup> \u00e0 double ou triple vitrage \u00e0 faible \u00e9missivit\u00e9 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> (y compris du verre feuillet\u00e9). Les options de verre \u00e0 faible \u00e9missivit\u00e9 L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> suppl\u00e9mentaires comprennent le verre teint\u00e9 ou r\u00e9fl\u00e9chissant (bronze ou gris), qui limite l\u2019\u00e9blouissement d\u00fb \u00e0 la lumi\u00e8re solaire intense et le gain de chaleur. Columbia propose \u00e9galement le verre innovant L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat \u00e0 faible entretien. Vous pouvez \u00e9galement ajouter un rev\u00eatement de verre autonettoyant Neat \u00e0 votre choix de vitrage.<\/li>\n<li>Les puits de lumi\u00e8re sont disponibles en dimensions standard ou personnalis\u00e9es, avec des options de couleurs illimit\u00e9es \u2013 sept couleurs standard ou des couleurs assorties personnalis\u00e9es.<\/li>\n<li>Construction robuste canadienne : construit au Canada pour le climat canadien.<\/li>\n<\/ul>\n<div class=\"icon-feature my-8 mb-12 flex flex-col text-lg font-semibold mdd:text-center lg:flex-row justify-center\">\n      <div class=\"icon-feature-image mdd:pb-8  flex-shrink-0\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/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_3993190e02fd1bfb051eda66a2c79a03\" 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   \">\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 aux toits en bardeaux d\u2019asphalte inclin\u00e9s, avec une pente minimale de 3:12. Nous vous recommandons d\u2019utiliser la membrane Columbia pour r\u00e9aliser une installation \u00e9tanche.<\/strong><\/li>\n<li>Comprend un cadre int\u00e9gr\u00e9 en vinyle et une large bride avec solin int\u00e9gr\u00e9 pour assurer une \u00e9tanch\u00e9it\u00e9 optimale. Comprend des trous de fixation fendus autour du p\u00e9rim\u00e8tre de la bride, permettant l\u2019expansion et la contraction caus\u00e9es par les changements de temp\u00e9rature.<\/li>\n<li>Le puits de lumi\u00e8re le plus facile \u00e0 installer \u2013 Pas besoin de trousse de solins ni de cadre en bois.<\/li>\n<li>Cadre ext\u00e9rieur en aluminium extrud\u00e9 durable et r\u00e9sistant aux intemp\u00e9ries, avec une finition en peinture-\u00e9mail cuite au four.<\/li>\n<li>Ch\u00e2ssis en vinyle (PVC) extrud\u00e9, soud\u00e9 par fusion, blanc, sans entretien.<\/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>Le ch\u00e2ssis en vinyle \u00e0 barri\u00e8re thermique est dot\u00e9 d\u2019un cadre \u00e0 double paroi pour une isolation et une r\u00e9sistance optimales.<\/li>\n<li>La goutti\u00e8re int\u00e9gr\u00e9e sur les quatre c\u00f4t\u00e9s collecte toute condensation \u00e9ventuelle due aux conditions climatiques extr\u00eames du Canada, assurant ainsi que l\u2019eau ne laisse pas de traces sur le conduit de lumi\u00e8re int\u00e9rieur.<\/li>\n<li>Sept couleurs de cadre standard (y compris le noir), un nombre illimit\u00e9 d\u2019options de couleurs personnalis\u00e9es.<\/li>\n<li>Fabriqu\u00e9 au Canada \u00e0 partir de mati\u00e8res premi\u00e8res 100 % nord-am\u00e9ricaines.<\/li>\n<li>Performance test\u00e9e pour le rigoureux climat canadien depuis plus de 35 ans!<\/li>\n<li>La meilleure garantie de l\u2019industrie.<\/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_e5d934ac175f21fe2612c856b27af288\" 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_20384ba504874c3a684813e18f163e7f\" 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   \">\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>Options de vitrage certifi\u00e9es ENERGY STAR<sup>&reg;<\/sup><\/h6>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8316\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/energy-star-logo-padded.svg\" alt=\"ENERGY STAR Logo Padded\" width=\"334\" height=\"141\" title=\"\"><\/p>\n<ul>\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 Temp\/Temp\/Temp<\/li>\n<li>Triple vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Temp\/Temp\/Lamin\u00e9<\/li>\n<\/ul>\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 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>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>En pente &#8211; Bardeaux d&rsquo;asphalte<\/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>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>Convient uniquement pour un toit en bardeau d&rsquo;asphalte \u00e0 profil bas ou en bardeau de secousse. Nous recommandons l&rsquo;utilisation d&rsquo;un sous-toit Columbia pour une installation \u00e9tanche \u00e0 l&rsquo;eau.<\/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>Emplacements recommand\u00e9s<\/h6>\n<ul>\n<li>Cuisines<\/li>\n<li>Salles de bains<\/li>\n<li>Cages d\u2019escaliers<\/li>\n<li>Halls d\u2019entr\u00e9e<\/li>\n<li>Salle \u00e0 manger<\/li>\n<li>Salon<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_d19d28dcae9f3091268fc2d723c83850\" class=\" columbia-block relative overflow-hidden wp-block-cards block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative narrow pb-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">AVANTAGES DU GL VSF \u2013 PUITS DE LUMI\u00c8RE \u00c0 VERRE FIXE AVEC SOLIN INT\u00c9GR\u00c9 EN VINYLE<\/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\">Le GL VSF est l\u2019un des puits de lumi\u00e8re les plus populaires de Columbia, apportant la lumi\u00e8re naturelle \u00e0 des centaines de milliers de maisons au Canada. R\u00e9put\u00e9 pour sa durabilit\u00e9 et sa facilit\u00e9 d\u2019installation \u2013 Ne n\u00e9cessite pas la construction d\u2019un cadre ni de solin. Ce puits de lumi\u00e8re polyvalent pr\u00e9sente de nombreuses caract\u00e9ristiques et avantages.<\/div>\n          <\/div>\n                              <div class=\"grid match-heading-heights lg:grid-cols-2 xl:grid-cols-3 gap-6 lg:gap-8 w-full\">\n                  <div\n                        class=\"col item flex card--static card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/skylight-with-vinyl-flashing-cross-section.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Skylight with vinyl flashing cross section\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Conception \u00e0 Solin Int\u00e9gr\u00e9 \u00e9tanche \u00e0 L\u2019eau<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ol class=\"ol--circles ol--circles--blue\">\n<li><strong class=\"text-list-heading block\">Rev\u00eatement en aluminium<\/strong>\n<ul>\n<li>Durable extruded exterior aluminum frame with baked enamel paint finish.<\/li>\n<li>Seven standard colours and unlimited custom colour matching. Bring in a paint chip and we will match it.<\/li>\n<\/ul>\n<\/li>\n<li><strong class=\"text-list-heading block\">Ch\u00e2ssis<\/strong>\n<ul>\n<li>Maintenance free, white heavy duty PVC, thermally broken vinyl base frame with <span class=\"whitespace-nowrap\"><span class=\"whitespace-nowrap\">co-extruded<\/span><\/span> draft seal.<\/li>\n<\/ul>\n<\/li>\n<li><strong class=\"text-list-heading block\">Syst\u00e8me de contr\u00f4le de la condensation de Columbia<\/strong>\n<ul>\n<li>All Columbia skylights utilize our unique rigid (PVC or Aluminum), 4 sided, extra wide gutter &#8211; wicking away moisture, protecting your lightwell from damage and unsightly staining.<\/li>\n<\/ul>\n<\/li>\n<li><strong class=\"text-list-heading block\">Cadre<\/strong>\n<ul>\n<li>Bordure et solin en PVC int\u00e9gr\u00e9s \u2013 Aucune bordure en bois ou solin m\u00e9tallique requis. Tous les puits de lumi\u00e8re fixes \u00e0 solin int\u00e9gr\u00e9 peuvent \u00eatre install\u00e9s lat\u00e9ralement, c\u2019est-\u00e0-dire que le 3652 peut devenir le 5236.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/aide\/puits-de-lumiere-sans-fuites\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                        class=\"col item flex card--static card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/self-flashing-features-fr.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Self Flashing Features Fr\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Solin Int\u00e9gr\u00e9 : Le Mod\u00e8le De Puits De Lumi\u00e8re Le Plus Facile \u00e0 Installer<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Aspect discret attrayant \u2013 Align\u00e9 avec votre toiture.<\/li>\n<li>Les puits de lumi\u00e8re \u00e0 solin int\u00e9gr\u00e9 sont faciles \u00e0 installer sur n\u2019importe quel toit en bardeaux de composition ou en bardeaux de fente.<\/li>\n<li>Le puits de lumi\u00e8re \u00e0 solin int\u00e9gr\u00e9 de Columbia est pl\u00e9biscit\u00e9 par les installateurs et les bricoleurs \u00e0 travers le pays en raison de sa facilit\u00e9 d\u2019installation, gr\u00e2ce \u00e0 son cadre int\u00e9rieur et sa bride int\u00e9gr\u00e9s en vinyle PVC.<\/li>\n<li>Pas besoin de construire une bordure en bois ou un solin, ce qui permet d\u2019\u00e9conomiser du temps et de l\u2019argent.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/montage-a-cadre-integre-ou-montage-sur-cadre\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                        class=\"col item flex card--static card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/loe3-glass-with-argon-molecules.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Loe3 glass with argon molecules\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Double Ou Triple Vitrage Efficace ENERGY STAR<sup>&reg;<\/sup> L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> Avec Gaz Argon<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Pour une efficacit\u00e9 \u00e9nerg\u00e9tique maximale, choisissez parmi la large gamme de vitrages Energy STAR<sup>&reg;<\/sup> L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 de Columbia avec des options avanc\u00e9es de triple rev\u00eatement L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> \u2013 En double et triple vitrage. Toutes les options incluent des carreaux int\u00e9rieurs feuillet\u00e9s.<\/li>\n<li>L\u2019espace entre les vitres est rempli de gaz argon, un isolant naturel, non toxique et haute performance.<\/li>\n<li>En raison de sa densit\u00e9 sup\u00e9rieure par rapport \u00e0 l\u2019air, l\u2019argon offre une isolation plus efficace pour votre maison qu\u2019un puits de lumi\u00e8re \u00e0 double vitrage conventionnel. Il limite la transmission des temp\u00e9ratures froides ou chaudes \u00e0 travers le vitrage.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                        class=\"col item flex card--static card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/home-office-skylight.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Home office skylight\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Les Bienfaits De La Lumi\u00e8re Naturelle<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>R\u00e9sidant dans des r\u00e9gions nordiques, l\u2019apport de lumi\u00e8re naturelle dans nos foyers est essentiel. Cela est particuli\u00e8rement important pendant les mois d\u2019hiver, lorsque les journ\u00e9es sont plus courtes, l\u2019ensoleillement r\u00e9duit, et que le soleil est plus bas qu\u2019en \u00e9t\u00e9.<\/li>\n<li>Il a \u00e9t\u00e9 prouv\u00e9 que la lumi\u00e8re naturelle augmente le bonheur et la productivit\u00e9.<\/li>\n<li>L\u2019augmentation de la luminosit\u00e9 naturelle dans votre maison compense les effets du trouble affectif saisonnier, qui touche de nombreuses personnes en hiver en raison du manque d\u2019exposition au soleil.<\/li>\n<li>Il a \u00e9t\u00e9 d\u00e9montr\u00e9 que la lumi\u00e8re naturelle r\u00e9duit le risque de myopie chez les enfants et les jeunes adultes en aidant l\u2019\u0153il \u00e0 produire de la dopamine, ce qui favorise un d\u00e9veloppement oculaire sain.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/les-bienfaits-de-la-lumiere-naturelle\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                        class=\"col item flex card--static card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/architecture-skylight-install.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Architecture skylight install\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">\u00c9conomiques Et Valorisants<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Les puits de lumi\u00e8re mont\u00e9s sur cadre de Columbia sont con\u00e7us au Canada avec des mat\u00e9riaux provenant de toute l\u2019Am\u00e9rique du Nord, ce qui les rend plus abordables que les produits \u00e9trangers.<\/li>\n<li>Les puits de lumi\u00e8re apportent une plus-value \u00e0 votre investissement immobilier, car l\u2019apport de lumi\u00e8re naturelle et d\u2019air frais est particuli\u00e8rement recherch\u00e9 en int\u00e9rieur.<\/li>\n<li>Les puits de lumi\u00e8re certifi\u00e9s ENERGY STAR<sup>&reg;<\/sup> d\u2019aujourd\u2019hui vous permettent d\u2019\u00e9conomiser de l\u2019argent par rapport aux anciens mod\u00e8les de puits de lumi\u00e8re \u00e0 la conception inf\u00e9rieure, tout en offrant plus de confort.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                        class=\"col item flex card--static card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/home-black-roof-skylight.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Home black roof skylight\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Des Couleurs De Cadre Adapt\u00e9es \u00e0 Tous Les Toits<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Sept couleurs de cadre standard sont disponibles sur tous les mod\u00e8les, fixes et ouvrants, y compris pour les dimensions personnalis\u00e9es.<\/li>\n<li>Les architectes con\u00e7oivent l\u2019apport de lumi\u00e8re naturelle vers l\u2019int\u00e9rieur de la maison; ils veulent aussi que le puits de lumi\u00e8re se fonde parfaitement avec votre rev\u00eatement de toit pour mettre en valeur son design.<\/li>\n<li>Un trop grand contraste entre le cadre du puits de lumi\u00e8re et la couleur de votre toit est peu attrayant et m\u00eame repoussant.<\/li>\n<li>Apportez un \u00e9chantillon de couleur \u00e0 votre distributeur et nous produirons une teinte assortie. Id\u00e9al pour une large s\u00e9lection de couleurs d\u2019acier et d\u2019autres mat\u00e9riaux de toiture.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/couleurs-du-cadre\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n              <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_660fdbc4147b6883b10ca966a0abac24\" 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_8af6b57d286181f29f43ec0bbfb074f6\" 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_4292dd2d14be6c41ac9623400625f1f4\" 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_47068badaebba1f4e3809fea68f7caec\" 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_12e3d668aa30fe44c855ec62d22e344c\" 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_bb22414202c71defc683a4b2e9a57bf6\" 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_761d4606a115cda0c7d7046d94a47b1d\" 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_12cbec6dcbb914885950adeadf6a0d64\" 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_85c82e6587998c27c3e50aa6d53c3b8a\" 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\">DIMENSIONS DU GL VSF \u2013 PUITS DE LUMI\u00c8RE \u00c0 VERRE FIXE AVEC SOLIN INT\u00c9GR\u00c9 EN VINYLE<\/h2>\n    <\/div>\n    \n          <\/div>\n    \n          <div class=\"mt-6 lg:mt-12 relative z-0 block-intro  mx-auto max-w-6xl lg:max-w-6xxl text-xl\">Disponible dans les tailles indiqu\u00e9es dans le tableau ci-dessous (imp\u00e9riales et m\u00e9triques). Il est important de noter que toutes les tailles sont des dimensions d&rsquo;ouverture de toit. 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 fichier PDF imprimable du tableau.<\/div>\n          <\/div>\n            <hr class=\"mb-12\" \/>\n        <div class=\"grid mb-12 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 text-center max-w-[1140px] gap-12 lg:gap-30 mx-auto\">\n      <div class=\"\">\n                  <a href=\"https:\/\/www.columbiaskylights.com\/fr\/informations-techniques\/commande-de-dimensions-personnalisees\/\" class=\"last:mr-0 btn-blue\">VOIR LES DIMENSIONS PERSONNALIS\u00c9ES<\/a>\n          <p class=\"x-cta-description mt-5 text-sm !w-full\">Si vous ne trouvez pas les dimensions souhait\u00e9es dans nos produits standard, consultez notre page Dimensions personnalis\u00e9es.<\/p>\n              <\/div>\n      <div>\n        <div class=\"flex flex-row justify-center\">\n          <button x-on:click=\"toggleUnits()\" :class=\"isImperial ? 'btn-blue' : 'btn-grey'\">UNIT\u00c9S IMP\u00c9RIALES<\/button>\n          <button x-on:click=\"toggleUnits()\" :class=\"!isImperial ? 'btn-blue' : 'btn-grey'\">UNIT\u00c9S M\u00c9TRIQUES<\/button>\n        <\/div>\n                  <p class=\"x-cta-description mt-5 text-sm\">Les dimensions standard des puits de lumi\u00e8re sont disponibles dans les deux options.<\/p>\n              <\/div>\n            <div class=\"mdd:hidden\">\n        <div class=\"inline-flex flex-row gap-6 items-center uppercase font-semibold mx-auto py-3\">\n          DIMENSIONS<br\/>POPULAIRES          <div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg><\/div>\n        <\/div>\n        <p class=\"x-cta-description mt-5 text-sm\">L\u2019\u00e9toile jaune indique les dimensions les plus populaires.<\/p>\n      <\/div>\n          <\/div>\n    \n    \n          <table class=\"hidden font-narrow lg:block sizing-chart w-full mx-auto mt-30 pl-8 xxxl:pl-0\" style=\"max-width: 1902.6153846154px; width: clamp(768, 1189.1346153846%, 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=\"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=\"6.1052631578947%\">\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                      <\/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=\"6.1052631578947%\">\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=\"9.4736842105263%\">\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                      <\/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=\"6.1052631578947%\">\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=\"9.4736842105263%\">\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=\"12.842105263158%\">\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                      <\/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=\"9.4736842105263%\">\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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"14.526315789474%\">\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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"15.368421052632%\">\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=\"6.1052631578947%\">\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=\"9.4736842105263%\">\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=\"12.842105263158%\">\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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"14.526315789474%\">\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=\"19.578947368421%\">\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=\"9.4736842105263%\">\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=\"12.842105263158%\">\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                      <\/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=\"9.4736842105263%\">\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=\"12.842105263158%\">\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 x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"14.526315789474%\">\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  class=\"relative \" width=\"0%\">\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=\"9.4736842105263%\">\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=\"12.842105263158%\">\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                      <\/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=\"6.1052631578947%\">\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=\"9.4736842105263%\">\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=\"12.842105263158%\">\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  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\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=\"11.157894736842%\">\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  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: 1660px;\">\n          <div x-show=\"!isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/gl-vsf-size-chart-summary-metric-fr.png\" class=\"\" alt=\"Gl Vsf Size Chart Summary Metric Fr\" height=\"2308\" width=\"4206\" title=\"\">\n    \t          <\/div>\n          <div x-show=\"isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/gl-vsf-size-chart-summary-imperial-fr.png\" class=\"\" alt=\"Gl Vsf Size Chart Summary Imperial Fr\" height=\"2308\" width=\"4206\" 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\/2022\/02\/gl-vsf-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\/2022\/02\/gl-vsf-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\/gl-vsf-puits-de-lumiere-a-verre-fixe-avec-solin-integre-en-vinyle\/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_f9c1a14dd5004c25d1c5f53541df368b\" 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_8b0801a65f498cb154bb5da775b875e2\" 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_16b30d962d10c6190044d78d50f64d50\" class=\" columbia-block relative overflow-hidden wp-block-related-products text-dark bg-white \" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n      <div class=\"block-title grow  mx-auto max-w-6xl\">\n        <h2 class=\"!text-blue h4 text-center\">Vous pourriez aussi \u00eatre int\u00e9ress\u00e9 par\u2026<\/h2>\n      <\/div>\n    <\/div>\n    <div class=\"product-grid grid grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 xl:gap-20\">\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/columbia-gl-vcm-fixed-skylight-feature.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia gl vcm fixed skylight feature\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/\">GL VCM \u2013 Puits de lumi\u00e8re \u00e0 vitre fixe mont\u00e9 sur cadre<\/a><\/h5>\n                  <p class=\"smd:text-sm\">La beaut\u00e9 et la clart\u00e9 de la lumi\u00e8re naturelle. Ce puits de lumi\u00e8re fixe Mont\u00e9 Sur Cadre de haute qualit\u00e9 constitue le choix id\u00e9al pour la plupart des applications sur\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-osf-puits-de-lumiere-en-verre-a-ouverture-manuelle-avec-solin-integre-en-vinyle\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/columbia-gl-osf-skylight-thumb.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia gl osf skylight thumb\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-osf-puits-de-lumiere-en-verre-a-ouverture-manuelle-avec-solin-integre-en-vinyle\/\">Columbia GL OSF \u2013 Puits de lumi\u00e8re en verre \u00e0 ouverture manuelle avec solin int\u00e9gr\u00e9 en vinyle<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Le puits de lumi\u00e8re en verre \u00e0 ouverture manuelle avec solin int\u00e9gr\u00e9 offre les avantages de la lumi\u00e8re naturelle et de la ventilation \u00e0 l\u2019air frais. Id\u00e9al pour les zones\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-osf-puits-de-lumiere-en-verre-a-ouverture-manuelle-avec-solin-integre-en-vinyle\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-osf-e-puits-de-lumiere-en-verre-a-ouverture-electrique-avec-solin-integre-en-vinyle\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/columbia-gl-osf-e-skylight-thumb.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia gl osf e skylight thumb\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-osf-e-puits-de-lumiere-en-verre-a-ouverture-electrique-avec-solin-integre-en-vinyle\/\">Columbia GL OSF-E \u2013 Puits de lumi\u00e8re en verre \u00e0 ouverture \u00e9lectrique avec solin int\u00e9gr\u00e9 en vinyle<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Le puits de lumi\u00e8re \u00e0 ouverture \u00e9lectrique avec solin int\u00e9gr\u00e9 offre les avantages de la lumi\u00e8re naturelle et de la ventilation \u00e0 l\u2019air frais. 3 options de moteur et de\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-osf-e-puits-de-lumiere-en-verre-a-ouverture-electrique-avec-solin-integre-en-vinyle\/\" 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\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/ac-oaf-commercial-skylight-thumbnail.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Ac oaf commercial skylight thumbnail\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\">Columbia AC AOF &#8211; Puits de lumi\u00e8re commercial en acrylique \u00e0 montage sur ch\u00e2ssis<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Dot\u00e9 d\u2019un cadre ext\u00e9rieur et int\u00e9rieur en aluminium solide et rigide. Disponible dans la gamme compl\u00e8te d\u2019options acryliques de Columbia. D\u00f4me et pyramide.<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n          <\/div>\n      <\/div>\n              <\/section>\n","protected":false},"excerpt":{"rendered":"Illuminez votre maison avec la clart\u00e9 de la lumi\u00e8re naturelle. Le puits de lumi\u00e8re fixe avec solin int\u00e9gr\u00e9 est le choix privil\u00e9gi\u00e9 des professionnels et des bricoleurs, avec un solin\u2026","protected":false},"featured_media":5060,"parent":0,"menu_order":7,"template":"","product_line":[38],"product_tags":[],"product_model":[189],"dimension_type":[],"class_list":["post-19431","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/products\/19431","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\/5060"}],"wp:attachment":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/media?parent=19431"}],"wp:term":[{"taxonomy":"product_line","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_line?post=19431"},{"taxonomy":"product_tags","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_tags?post=19431"},{"taxonomy":"product_model","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_model?post=19431"},{"taxonomy":"dimension_type","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/dimension_type?post=19431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}