{"id":19433,"date":"2023-05-05T15:48:40","date_gmt":"2023-05-05T22:48:40","guid":{"rendered":"https:\/\/www.columbiaskylights.com\/products\/gl-ocm-curb-mount-manual-venting-glass-skylight\/"},"modified":"2024-04-16T20:14:59","modified_gmt":"2024-04-17T03:14:59","slug":"gl-ocm","status":"publish","type":"products","link":"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ocm\/","title":{"rendered":"Columbia GL OCM \u2013 Puits de lumi\u00e8re en verre \u00e0 ventilation manuelle, mont\u00e9 sur cadre"},"content":{"rendered":"<section id=\"block_91c5bf54da983461972e21042147a426\" class=\" columbia-block relative overflow-hidden wp-block-page-hero block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" carousel carousel--hero  carousel--hero--dots--\">\n                      <div class=\"hero-slide w-full flex relative  is-selected \">\n          <div class=\"hero-slide__content text-white w-full z-10 pt-22 md:pt-32 lg:pt-40 pb-12 md:pb-20 xl:pt-[180px]\">\n            <div class=\"inner container h-full grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-x-22 xxl:gap-x-60 w-full\">\n                              <text class=\"block hero-slide__content__wysiwyg position-left   font-semibold col-span-2 lg:col-span-1  wp-editor spaced\">\n                  <div class=\"inner \">\n                    <h1>LES BIENFAITS DE LA LUMI\u00c8RE NATURELLE ET DE L\u2019AIR FRAIS<\/h1>\n<p>GL OCM \u2013 Puits de lumi\u00e8re en verre mont\u00e9 sur cadre \u00e0 ouverture manuelle.<\/p>\n\n                  <\/div>\n                <\/text>\n                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0  hero-slide-bg--left hero-slide-bg-color--black \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_hero-1-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Gl ocm_hero 1\" height=\"1440\" width=\"2560\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\n          <div class=\"hero-slide__content text-white w-full z-10 pt-22 md:pt-32 lg:pt-40 pb-12 md:pb-20 xl:pt-[180px]\">\n            <div class=\"inner container h-full grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-x-22 xxl:gap-x-60 w-full\">\n                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0 \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_hero-2-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Gl ocm_hero 2\" height=\"1440\" width=\"2560\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\n          <div class=\"hero-slide__content text-white w-full z-10 pt-22 md:pt-32 lg:pt-40 pb-12 md:pb-20 xl:pt-[180px]\">\n            <div class=\"inner container h-full grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-x-22 xxl:gap-x-60 w-full\">\n                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0 \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_hero-3-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Gl ocm_hero 3\" height=\"1440\" width=\"2560\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\n          <div class=\"hero-slide__content text-white w-full z-10 pt-22 md:pt-32 lg:pt-40 pb-12 md:pb-20 xl:pt-[180px]\">\n            <div class=\"inner container h-full grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-x-22 xxl:gap-x-60 w-full\">\n                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0 \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_hero-4-scaled.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Gl ocm_hero 4\" height=\"1440\" width=\"2560\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\n          <div class=\"hero-slide__content text-black w-full z-10 pt-22 md:pt-32 lg:pt-40 pb-12 md:pb-20 xl:pt-[180px]\">\n            <div class=\"inner container h-full grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-x-22 xxl:gap-x-60 w-full\">\n                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0 \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/ubc-ocm-skylights.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Ubc ocm skylights\" 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 OCM \u2013 Puits de lumi\u00e8re en verre \u00e0 ventilation manuelle, mont\u00e9 sur cadre\n                  <\/div>\n  <\/div>\n\n\n<section id=\"block_df53e0355c927063c50b43fd15f67ecd\" 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-ocm\/\" 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          Vitrage De Ventilation\n        <\/a>\n                      <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ocm\/ac-ocm\/\" 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 \u00e0 ventilation\n        <\/a>\n            <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_43e500f2927c644e9ce7810df73e3995\" class=\" columbia-block relative overflow-hidden wp-block-product-intro-gallery block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\"container--disable-mobile block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h2 text-center\">GL OCM \u2013 Puits de lumi\u00e8re en verre mont\u00e9 sur cadre \u00e0 ouverture manuelle<\/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--69efb901c6f24\"\n    style=\"--productcode: 'GL OCM';\"\n    class=\"relative  carousel--has-overlay-text   carousel carousel--no-dots carousel--no-arrows   lightbox-gallery   equal-height  lg:overflow-hidden\" data-slides-to-show=\"1\">\n                      <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm-gallery-thumb-fr.jpg\" data-lightbox=\"carousel--69efb901c6f24_gallery\" data-title=\"GL OCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm-gallery-thumb-fr.jpg\" alt=\"Gl Ocm 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\/05\/gl-ocm_intro-2.jpg\" data-lightbox=\"carousel--69efb901c6f24_gallery\" data-title=\"GL OCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_intro-2.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_intro-3.jpg\" data-lightbox=\"carousel--69efb901c6f24_gallery\" data-title=\"GL OCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_intro-3.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_intro-4.jpg\" data-lightbox=\"carousel--69efb901c6f24_gallery\" data-title=\"GL OCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_intro-4.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/perche-telescopique.jpg\" data-lightbox=\"carousel--69efb901c6f24_gallery\" data-title=\"GL OCM\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/perche-telescopique.jpg\" alt=\"Perche Telescopique\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n            <\/div>\n\n          <div id=\"carousel--69efb901c6f24-nav\" class=\"carousel-nav relative overflow-hidden\" data-asnavfor=\"#carousel--69efb901c6f24\">\n                        <button data-slide=\"0\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm-gallery-thumb-fr.jpg\" class=\"\" alt=\"Gl Ocm 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\/05\/gl-ocm_intro-2.jpg\" class=\"\" alt=\"Gl ocm_intro 2\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"2\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_intro-3.jpg\" class=\"\" alt=\"Gl ocm_intro 3\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"3\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_intro-4.jpg\" class=\"\" alt=\"Gl ocm_intro 4\" 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\/05\/perche-telescopique.jpg\" class=\"\" alt=\"Perche Telescopique\" 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>Rafra\u00eechissez votre maison avec le puits de lumi\u00e8re mont\u00e9 sur cadre \u00e0 ouverture manuelle de Columbia. D\u00e9couvrez le plaisir d\u2019associer la lumi\u00e8re naturelle et une ventilation \u00e0 l\u2019air frais. Id\u00e9al pour les zones tr\u00e8s humides ou tr\u00e8s chaudes telles que les salles de bains et les cuisines. Ventilez votre maison en \u00e9vacuant l\u2019air chaud emprisonn\u00e9 et en expulsant les odeurs en suspension dans l\u2019air.<\/li>\n<li>Disponible avec des options de triple vitrage certifi\u00e9 ENERGY STAR<sup>&reg;<\/sup> (y compris des options de carreaux int\u00e9rieurs feuillet\u00e9s). Les options de verre suppl\u00e9mentaires comprennent le verre teint\u00e9 ou r\u00e9fl\u00e9chissant (bronze ou gris), qui att\u00e9nue l\u2019impact de la lumi\u00e8re solaire intense et le gain de chaleur solaire. Columbia fournit \u00e9galement du verre autonettoyant L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat.<\/li>\n<li><img decoding=\"async\" class=\"wp-image-3367 alignright max-w-50\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/truth-hardware-logo.png\" alt=\"\" width=\"195\" height=\"77\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/truth-hardware-logo.png 518w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/truth-hardware-logo-300x119.png 300w\" sizes=\"(max-width: 195px) 100vw, 195px\" title=\"\">Columbia utilise des ferrures de haute qualit\u00e9 fabriqu\u00e9es en Am\u00e9rique du Nord par Truth Hardware.<\/li>\n<li>Nos puits de lumi\u00e8re Columbia sont disponibles en dimensions standard ou personnalis\u00e9es (jusqu\u2019\u00e0 4 x 4 pi), avec des options de couleurs de cadre illimit\u00e9es \u2013 Sept couleurs standard ou des couleurs assorties personnalis\u00e9es.<\/li>\n<\/ul>\n<div class=\"icon-feature my-8 mb-12 flex flex-col text-lg font-semibold mdd:text-center lg:flex-row justify-center\">\n      <div class=\"icon-feature-image mdd:pb-8  flex-shrink-0\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/02\/20-ans-garantie.svg\" class=\"inline-block w-[142px] min-w-[142px]\" alt=\"20 Year Warranty\" title=\"\">\n    \t          <\/div>\n        <div class=\"image-feature-content  lg:pl-8 xl:pl-11  mdd:leading-tight\">\n      Les unit\u00e9s scell\u00e9es en verre sont garanties pour une p\u00e9riode de vingt ans \u00e0 compter de la date d\u2019achat (condensation entre les vitrages).\n    <\/div>\n  <\/div>\n\n\n        <\/text>\n              <\/div>\n\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_824cae3d536657a016e5b2d5240346d8\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal bg-top-shadow p-top-default p-bottom-small\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto\">\n            <h2 class=\" h5 text-center border-heading\"><span>CARACT\u00c9RISTIQUES<\/span><\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-sm  mx-auto w-wide\">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-6\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li>Adapt\u00e9 aux toits ayant une pente minimale de 2:12 ou \u00e0 une bordure inclin\u00e9e sur un toit plat. La construction d\u2019une bordure sur site est n\u00e9cessaire pour l\u2019installation.<\/li>\n<li>Tous les puits de lumi\u00e8re LoE\u00b3 de Columbia sont con\u00e7us avec le verre L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 pour une efficacit\u00e9 \u00e9nerg\u00e9tique optimale.<\/li>\n<li>Les puits de lumi\u00e8re triple vitrage, con\u00e7us avec deux couches LoE\u00b3-366, procurent le plus haut rendement d\u2019efficacit\u00e9 \u00e9nerg\u00e9tique disponible au Canada, et r\u00e9pondent au classement ENERGY STAR<sup>&reg;<\/sup>.<\/li>\n<li>Ch\u00e2ssis en vinyle extrud\u00e9 (PVC) soud\u00e9 par fusion, blanc, \u00e0 barri\u00e8re thermique, sans entretien. Dot\u00e9 d\u2019un cadre \u00e0 double paroi pour une robustesse et une isolation optimales.<\/li>\n<li>Goutti\u00e8re rigide extra-large \u00e0 quatre c\u00f4t\u00e9s de qualit\u00e9 sup\u00e9rieure de Columbia. Syst\u00e8me de contr\u00f4le de la condensation Columbia \u2013 Con\u00e7u pour \u00e9liminer l\u2019humidit\u00e9, assurant ainsi la protection du puits de lumi\u00e8re contre les dommages et les taches.<\/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 blanc est assorti au conduit de lumi\u00e8re int\u00e9rieur.<\/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>Sept couleurs de cadre standard (y compris le noir) et un nombre illimit\u00e9 d\u2019options personnalis\u00e9es<\/li>\n<li><strong>Dimensions personnalis\u00e9es disponibles jusqu\u2019\u00e0 4 x 4 pi.<\/strong><\/li>\n<li>Moustiquaire amovible pr\u00e9install\u00e9 avec un cadre en aluminium blanc assorti au cadre en vinyle et au conduit de lumi\u00e8re. Des broches \u00e0 ressort facilitent le retrait et l\u2019installation.<\/li>\n<li>Fabriqu\u00e9 au Canada \u00e0 partir de mati\u00e8res premi\u00e8res 100 % nord-am\u00e9ricaines.<br \/>\nLa 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_aba38b02f4e00d93d436564f69ae38ab\" 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_dec13222500a06905534d94088c427eb\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"col-wrapper col-gutter-md row-gutter-lg  mx-auto w-wide match-heading-heights add-column-dividers\">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:hidden after:md:hidden before:xl:hidden after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Les options de vitrage certifi\u00e9es ENERGY STAR<sup>&reg;<\/sup> de Columbia<\/h6>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8316\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/energy-star-logo-padded.svg\" alt=\"ENERGY STAR Logo Padded\" width=\"334\" height=\"141\" title=\"\"><\/p>\n<ul>\n<li>Triple Glazed L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Temp\/Temp\/Temp<\/li>\n<li>Triple Glazed L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Temp\/Temp\/Laminated<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:block after:md:hidden before:xl:block after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Type de toit recommand\u00e9<\/h6>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8330\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/sloped-shingle-sloped-curb-roof-feature.svg\" alt=\"Sloped Shingle Sloped Curb Roof Feature\" width=\"334\" height=\"140\" title=\"\"><\/p>\n<p>Inclin\u00e9 ou plat avec bord inclin\u00e9<\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/types-de-toitures-et-pentes\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  3 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:hidden after:md:block before:xl:block after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Pente de toit minimale de 2:12<\/h6>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12196\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/pente-minimale-2-12.svg\" alt=\"Min 2 12 Roof Pitch\" width=\"334\" height=\"140\" title=\"\"><\/p>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/types-de-toitures-et-pentes\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  4 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:block after:md:block before:xl:block after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Emplacement recommand\u00e9<\/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_581a693c2b4872000a7a6c6de5df3764\" class=\" columbia-block relative overflow-hidden wp-block-cards block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative narrow pb-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" text-center\">LES AVANTAGES DU GL OCM \u2013 PUITS DE LUMI\u00c8RE EN VERRE MONT\u00c9 SUR CADRE \u00c0 OUVERTURE MANUELLE<\/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\">Notre puits de lumi\u00e8re \u00e0 ouverture manuelle assure un confort int\u00e9rieur exceptionnel en diffusant la luminosit\u00e9 et la clart\u00e9 de la lumi\u00e8re naturelle, tout en rafra\u00eechissant votre maison gr\u00e2ce \u00e0 une agr\u00e9able brise traversante.<br \/>\r\n<br \/>\r\nEn permettant l\u2019\u00e9vacuation de l\u2019air chaud accumul\u00e9, des odeurs et des polluants en suspension, notre puits de lumi\u00e8re contribue naturellement \u00e0 am\u00e9liorer l\u2019environnement int\u00e9rieur de votre maison, sans recourir exclusivement \u00e0 une climatisation on\u00e9reuse.<\/div>\n          <\/div>\n                              <div class=\"grid match-heading-heights lg:grid-cols-2 xl:grid-cols-3 gap-6 lg:gap-8 w-full\">\n                  <div\n                                                            x-data=\"{ open: true }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_benefits-1.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl ocm_benefits 1\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Circulation D\u2019air Frais<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Am\u00e9liorez la sant\u00e9 de l\u2019environnement int\u00e9rieur de votre maison en profitant de la clart\u00e9 et de la luminosit\u00e9 de la lumi\u00e8re naturelle, ainsi que de la circulation d\u2019air frais. Inspirez et ressentez le pouvoir revitalisant de l\u2019air frais.<\/li>\n<li>La circulation naturelle de l\u2019air vous permet d\u2019\u00e9liminer les polluants toxiques et les odeurs, tout en r\u00e9gulant la temp\u00e9rature de votre maison en \u00e9vacuant l\u2019air chaud qui aurait pu s\u2019y accumuler.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/limportance-de-la-ventilation\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_benefits-2.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl ocm_benefits 2\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Fonctionnement Manuel<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Votre puits de lumi\u00e8re ouvrant est fourni en standard avec une manivelle, ce qui est id\u00e9al pour les emplacements facilement accessibles.<\/li>\n<li>Vous pouvez choisir d\u2019acheter une perche t\u00e9lescopique pour actionner votre puits de lumi\u00e8re s\u2019il est hors de port\u00e9e. Disponible en longueurs de 4 \u00e0 6 pi et de 6 \u00e0 10 pi. Compatible avec les mod\u00e8les ouvrants mont\u00e9s sur cadre et \u00e0 solin int\u00e9gr\u00e9. Adaptateur hexagonal \u00e0 billes inclus.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignleft size-full wp-image-4496\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/logo-truth-hardware.svg\" alt=\"\" width=\"209\" height=\"82\" title=\"\"><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_benefits-3.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl ocm_benefits 3\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">L\u2019ing\u00e9nierie \u00e9prouv\u00e9e Des Cadres Ouvrants De Columbia<\/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><span class=\"text-list-heading\">Cadre ext\u00e9rieur en aluminium<\/span>\n<ul>\n<li>Cadre en aluminium durable, sans entretien, avec un fini brun en peinture-\u00e9mail cuite au four. Aluminium ext\u00e9rieur blanc, noir, gris anthracite ou bois de santal disponible sur tous les mod\u00e8les. Cadre \u00e0 finition mate, anodis\u00e9 clair ou couleur personnalis\u00e9e \u00e9galement disponible.<\/li>\n<\/ul>\n<\/li>\n<li><span class=\"text-list-heading\">Ch\u00e2ssis<\/span>\n<ul>\n<li>Ch\u00e2ssis en vinyle PVC blanc \u00e0 barri\u00e8re thermique, sans entretien.\u00a0Pour installation sur toit en pente, sp\u00e9cifiez les dimensions en haut du puits de lumi\u00e8re. Le puits de lumi\u00e8re peut \u00eatre construit horizontalement ou verticalement, \u00e0 pr\u00e9ciser lors de la commande. Par exemple, 2852 ou 5228.\u00a0REMARQUE : La largeur du cadre du OCM et du OCM E ne peut d\u00e9passer 1,75 po.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_benefits-4.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl ocm_benefits 4\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Les Bienfaits De La Lumi\u00e8re Naturelle<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>R\u00e9sidant dans des r\u00e9gions nordiques, l\u2019apport de lumi\u00e8re naturelle dans nos foyers est essentiel. Cela est particuli\u00e8rement important pendant les mois d\u2019hiver, lorsque les journ\u00e9es sont plus courtes, l\u2019ensoleillement r\u00e9duit, et que le soleil est plus bas qu\u2019en \u00e9t\u00e9.<\/li>\n<li>Il a \u00e9t\u00e9 prouv\u00e9 que la lumi\u00e8re naturelle augmente le bonheur et la productivit\u00e9.<\/li>\n<li>L\u2019augmentation de la luminosit\u00e9 naturelle dans votre maison compense les effets du trouble affectif saisonnier, qui touche de nombreuses personnes en hiver en raison du manque d\u2019exposition au soleil.<\/li>\n<li>Il a \u00e9t\u00e9 d\u00e9montr\u00e9 que la lumi\u00e8re naturelle r\u00e9duit le risque de myopie chez les enfants et les jeunes adultes en aidant l\u2019\u0153il \u00e0 produire de la dopamine, ce qui favorise un d\u00e9veloppement oculaire sain.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/les-bienfaits-de-la-lumiere-naturelle\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_benefits-5.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl ocm_benefits 5\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">Triple Vitrage Efficace ENERGY STAR<sup>&reg;<\/sup> L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 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, optez pour la large s\u00e9lection de vitrages isolants ENERGY STAR<sup>&reg;<\/sup> L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 de Columbia, offrant des options avanc\u00e9es de triple vitrage \u00e0 faible \u00e9missivit\u00e9. Toutes les options incluent des carreaux int\u00e9rieurs feuillet\u00e9s.<\/li>\n<li>L\u2019espace entre les vitres est rempli de gaz argon, un isolant naturel, non toxique et haute performance.<\/li>\n<li>En raison de sa densit\u00e9 sup\u00e9rieure par rapport \u00e0 l\u2019air, l\u2019argon offre une isolation plus efficace pour votre maison qu\u2019un puits de lumi\u00e8re \u00e0 double vitrage conventionnel. Il limite la transmission des temp\u00e9ratures froides ou chaudes \u00e0 travers le vitrage.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                    <\/div>\n                  <\/text>\n                <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <div\n                                                            x-data=\"{ open: false }\"\n                                x-on:click=\"open = !open\"\n                x-bind:class=\"{ 'card--open': open, 'card--closed': !open }\"\n                                      class=\"col item flex card--collapsible card--collapsible-standard\">\n            <div class=\"card p-0 match-heading-heights w-full h-100 flex flex-col bg-text-dark bg-teal-100  shadow\">\n                                                        <div class=\"image-wrap !mt-0 relative\">\n                                <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm_benefits-6.jpg\" class=\"w-full h-auto pt-6 md:pt-8 px-6 md:px-8\" alt=\"Gl ocm_benefits 6\" height=\"796\" width=\"944\" title=\"\">\n    \t              <\/div>\n                            <div class=\"feature-body-wrap flex flex-col flex-grow px-2 py-5 sm:p-4.5 sm:py-7 sm:pb-8 md:pb-12 md:px-8 \">\n                <div class=\"feature-body flex-grow\">\n                                      <h5 class=\"h6 card-title text-left !font-semibold text-black-700 mb-0\">\u00c9conomiques Et Valorisants<\/h5>\n                                    <text class=\"card__content wp-editor block text-dark\">\n                    <div class=\"inner  pt-3 sm:pt-6 \">\n                      <ul>\n<li>Les puits de lumi\u00e8re mont\u00e9s sur cadre de Columbia sont con\u00e7us au Canada avec des mat\u00e9riaux provenant de toute l\u2019Am\u00e9rique du Nord, ce qui les rend plus abordables que les produits \u00e9trangers.<\/li>\n<li>Les puits de lumi\u00e8re apportent une plus-value \u00e0 votre investissement immobilier, car l\u2019apport de lumi\u00e8re naturelle et d\u2019air frais est particuli\u00e8rement recherch\u00e9 en int\u00e9rieur.<\/li>\n<li>Les puits de lumi\u00e8re certifi\u00e9s ENERGY STAR<sup>&reg;<\/sup> d\u2019aujourd\u2019hui vous permettent d\u2019\u00e9conomiser de l\u2019argent par rapport aux anciens mod\u00e8les de puits de lumi\u00e8re \u00e0 la conception inf\u00e9rieure, tout en offrant plus de confort.<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/developpement-durable\/\">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_6fbf4d538716c6a5f1aab31a64ad7544\" 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_37e5d0a426af6e40945436b00d284a00\" 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_fb1d4f22d65fa5e59682996d1043723f\" 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_e64d6688373e77d9bb5409a09187ed99\" 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_b0a8b051e57d35a99626f21544192704\" 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_87770e21fcc64ee1001741251a29bd4a\" 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_332e43d4404d634cb2a6ce164793d220\" 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_f45de8d8373c6dd3d5bac00a45668627\" 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_8265bc38419f60691029531d1eddcb47\" 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\/2023\/05\/pente-minimale-2-12-cropped.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Pente Minimale 2 12 Cropped\" height=\"139\" width=\"136\" title=\"\">\n    \t          <\/div>\n                            <\/div>\n            \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">Tailles de la fen\u00eatre de toit en verre \u00e0 ouverture manuelle mont\u00e9e sur un rebord GL OCM<\/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\">La fen\u00eatre de toit manuelle \u00e0 ouverture en verre mont\u00e9e sur un rebord GL OCM de Columbia est disponible dans les tailles indiqu\u00e9es dans le tableau ci-dessous (en unit\u00e9s imp\u00e9riales et m\u00e9triques). Vous pouvez \u00e9galement consulter les tailles les plus populaires. Si vous ne trouvez pas la taille dont vous avez besoin ci-dessous, veuillez visiter notre section de tailles personnalis\u00e9es. Un fichier PDF imprimable du tableau est disponible en t\u00e9l\u00e9chargement. <strong>Il est important de noter que toutes les tailles sont des dimensions int\u00e9rieures du rebord.<\/strong><\/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: 1677.0256410256px; width: clamp(768, 1048.141025641%, 100%) ;\">\n        <tr>\n                    <th width=\"1%\" class=\"p-3 leading-tight text-left\">Cadre int\u00e9rieur<\/th>\n                                <th data-imperialvalue=\"14&frac12;\" data-metricvalue=\"368\"><span class=\"data-value whitespace-nowrap\">14&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"22&frac12;\" data-metricvalue=\"572\"><span class=\"data-value whitespace-nowrap\">22&frac12;<\/span><\/th>\n                      <th data-imperialvalue=\"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.8720379146919%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2020<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 14&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 17&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.46 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2020<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 368mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 445mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.14 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 368 \/ 368\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2020\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/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.8720379146919%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2028<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 22&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 25&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.27 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2028<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 572mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 648mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.21 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 368 \/ 572\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2028\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"10.663507109005%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2828<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 22&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 25&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.52 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2828<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 572mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 648mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.33 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 572\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2828\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/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.8720379146919%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2036<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 30&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 33&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>3.07 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2036<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 775mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 851mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.29 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 368 \/ 775\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2036\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"10.663507109005%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2836<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 30&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 33&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>4.77 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2836<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 775mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 851mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.44 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 775\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2836\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"14.454976303318%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3636<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 30&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 33&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>6.46 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3636<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 775mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 851mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.60 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 775 \/ 775\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3636\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/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=\"10.663507109005%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2840<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 34&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 37&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>5.39 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2840<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 876mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 953mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.50 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 876\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2840\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"16.350710900474%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4040<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 34&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>37&frac12;\u00a0\u00bb x 37&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>8.27 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4040<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>876mm x 876mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>953mm x 953mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.77 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 876 \/ 876\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4040\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"36&frac12;\" data-metricvalue=\"927\"><span class=\"data-value whitespace-nowrap inline-block\">36&frac12;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"17.298578199052%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4242<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>36&frac12;\u00a0\u00bb x 36&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>39&frac12;\u00a0\u00bb x 39&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.25 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4242<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>927mm x 927mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1003mm x 1003mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.86 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 927 \/ 927\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4242\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"46&frac12;\" data-metricvalue=\"1181\"><span class=\"data-value whitespace-nowrap inline-block\">46&frac12;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.8720379146919%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>14&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>17&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>4.68 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>368mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>445mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.44 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 368 \/ 1181\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2052\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"10.663507109005%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2852<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>22&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>25&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>7.27 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2852<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>572mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>648mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.68 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 572 \/ 1181\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2852\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"14.454976303318%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3652<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>30&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>33&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.85 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3652<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>775mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>851mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.92 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 775 \/ 1181\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3652\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"16.350710900474%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>34&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>37&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>11.14 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4052<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>876mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>953mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.03 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 876 \/ 1181\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4052\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"22.037914691943%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5252<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>46&frac12;\u00a0\u00bb x 46&frac12;&rdquo;<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>49&frac12;\u00a0\u00bb x 49&frac12;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>15.02 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5252<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre int\u00e9rieur (l x h)<\/strong><br\/>1181mm x 1181mm<\/div>\n                                                                                                <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1257mm x 1257mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.40 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-lg\" style=\"aspect-ratio: 1181 \/ 1181\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5252\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                      <\/tr>\n                          <tr class=\"chart-footer\">\n            <td colspan=\"99\" class=\"!border-0 pt-6 px-0 pb-0\">\n              <div class=\"mt-2 grid grid-cols-1 sm:grid-cols-2 items-center font-semibold max-w-5xl gap-6 md:gap-12 lg:gap-20 font-sans text-sm\"><div class=\"flex flex-row items-center gap-5\"><div><img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/themes\/columbiawp\/public\/images\/reversible-skylight.ff4872.svg\" height=\"64\" width=\"64\" class=\"min-w-[64px] mr-4\" alt=\"\" title=\"\"><\/div><div>REMARQUE : Toutes les dimensions sont r\u00e9versibles, c\u2019est-\u00e0-dire que le mod\u00e8le 3676 peut \u00eatre command\u00e9 en version 7636.<\/div><\/div><\/div>\n            <\/td>\n          <\/tr>\n              <\/table>\n              <hr class=\"mdd:hidden mt-12 lg:mt-28 pb-12\" \/>\n      \n      <div class=\"summary-sizing-charts mb-4 md:mb-8 lg:mb-12 xl:mb-16\">\n                      <div class=\"block-intro-wrap z-0 relative mdd:hidden pb-11 lg:pb-22 last:pb-0\">\n          <div class=\"title-image-wrap relative flex flex-col-reverse items-center md:flex-row title-icon-spacer spacer-center\">\n                  <div class=\"flex justify-center w-full flex-row gap-6 md:absolute md:top-0 md:left-0 \">\n                  <div class=\"title-image mt-6 md:mt-0 md:absolute left-0\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/pente-minimale-2-12-cropped.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Pente Minimale 2 12 Cropped\" height=\"139\" width=\"136\" title=\"\">\n    \t          <\/div>\n                            <\/div>\n            \n        <div class=\"block-title grow self-center mx-auto max-w-6xl\">\n            <h5 class=\"md:pt-8 lg:pt-0 h5 text-center\">Tableau des dimensions \u2013 R\u00e9capitulatif<\/h5>\n    <\/div>\n    \n          <\/div>\n    \n          <\/div>\n        <div class=\"chart-images mb-8\" style=\"max-width: 1660px;\">\n          <div x-show=\"!isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm-size-chart-summary-metric-fr.png\" class=\"\" alt=\"Gl Ocm Size Chart Summary Metric Fr\" height=\"1671\" width=\"4206\" title=\"\">\n    \t          <\/div>\n          <div x-show=\"isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm-size-chart-summary-imperial-fr.png\" class=\"\" alt=\"Gl Ocm Size Chart Summary Imperial Fr\" height=\"1676\" 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\/2023\/05\/gl-ocm-size-chart-summary-print-metric-fr.pdf\" class=\" btn-blue\"  rel=\"noreferer noopener nofollow\" target=\"_blank\">T\u00e9l\u00e9charger<\/a>\n<\/div>\n          <div class=\"text-center\" x-show=\"isImperial\"><a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-ocm-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-ocm\/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_b1a8a1336e5f91d8cee194b128cef4a9\" class=\" columbia-block relative overflow-hidden wp-block-divider text-dark bg-teal \" >\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_a2ff4cf3f7f3a9350fc6fb0ef0c40f70\" 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=\"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\">Accessories<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-md \">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-3\/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=\"wp-image-4445 alignnone\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-FKCM.jpg\" alt=\"\" width=\"366\" height=\"340\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-FKCM.jpg 732w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-FKCM-300x279.jpg 300w\" sizes=\"(max-width: 366px) 100vw, 366px\" title=\"\"><\/p>\n<p class=\"!text-grey font-semibold\">FKCM \u2013 Kit de solins pour montage sur bordure<br \/>\n(Toit inclin\u00e9 en asphalte ou en bardeaux de bois seulement)<\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-3\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"wp-image-4443 alignnone\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-IWS.jpg\" alt=\"\" width=\"364\" height=\"338\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-IWS.jpg 732w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-IWS-300x279.jpg 300w\" sizes=\"(max-width: 364px) 100vw, 364px\" title=\"\"><\/p>\n<p class=\"!text-grey font-semibold\">IWS \u2013 Membrane de toit<\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-3\/12  3 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"wp-image-4443 alignnone\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-telescopic-pole.jpg\" alt=\"\" width=\"364\" height=\"338\" title=\"\"><\/p>\n<p class=\"!text-grey font-semibold\">Perche t\u00e9lescopique<br \/>\nLongueurs de 4 \u00e0 6 pi ou 6 \u00e0 10 pi disponibles<\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-3\/12  4 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"wp-image-4443 alignnone\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/accessories-crank-handle.jpg\" alt=\"\" width=\"364\" height=\"338\" title=\"\"><\/p>\n<p class=\"!text-grey font-semibold\">Manivelle<br \/>\n(remplacement)<\/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_cb41dc7645c22c35d783d4a565e5854f\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">POURQUOI COLUMBIA?<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-sm \">\n      <div class=\"col-wrapper-inner flex flex-wrap   \">\n                            <div class=\"column w-full corners- md:w-6\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"alignnone size-full wp-image-3384\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/why-columbia-2-energy-star.jpg\" alt=\"\" width=\"1590\" height=\"940\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/why-columbia-2-energy-star.jpg 1590w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/why-columbia-2-energy-star-300x177.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/why-columbia-2-energy-star-1024x605.jpg 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/why-columbia-2-energy-star-768x454.jpg 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2022\/02\/why-columbia-2-energy-star-1536x908.jpg 1536w\" sizes=\"(max-width: 1590px) 100vw, 1590px\" title=\"\"><\/p>\n<h4>Columbia remporte le prix ENERGY STAR<sup>&reg;<\/sup> deux ann\u00e9es de suite<\/h4>\n<p>Pour la deuxi\u00e8me ann\u00e9e cons\u00e9cutive, Columbia Skylights a \u00e9t\u00e9 reconnue par ENERGY STAR<sup>&reg;<\/sup> Canada \u2013 Nous avons re\u00e7u le prestigieux prix de Reconnaissance sp\u00e9ciale de 2022 et le prix de Constance dans l\u2019excellence de 2021. Nous remercions ENERGY STAR Canada pour avoir reconnu les d\u00e9cennies de travail de Columbia en mati\u00e8re de durabilit\u00e9 et notre engagement continu \u00e0 produire les seuls puits de lumi\u00e8re \u00e9co\u00e9nerg\u00e9tiques fabriqu\u00e9s au Canada, conformes aux normes actuelles de certification ENERGY STAR.<\/p>\n<p>Columbia est membre du programme ENERGY STAR Canada depuis 2007.<\/p>\n<p>En tant que plus grand fabricant de puits de lumi\u00e8re au Canada, nous souhaitons exprimer notre gratitude envers Ressources naturelles Canada et le programme ENERGY STAR canadien pour avoir mis en avant nos efforts constants dans le d\u00e9veloppement de produits, la technologie du vitrage, la durabilit\u00e9 de la fabrication, et la promotion d\u2019ENERGY STAR aupr\u00e8s des consommateurs canadiens.<\/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=\"size-full wp-image-4385 alignnone\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2.jpg\" alt=\"\" width=\"1572\" height=\"940\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2.jpg 1572w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-300x179.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1024x612.jpg 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-768x459.jpg 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1536x918.jpg 1536w\" sizes=\"(max-width: 1572px) 100vw, 1572px\" title=\"\"><\/p>\n<h4>Un nouvel entrep\u00f4t de distribution \u00e0 Mississauga, pour mieux servir l\u2019Ontario, le Qu\u00e9bec et les Maritimes<\/h4>\n<p>Nous avons d\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_cf00bc7cb28e34c1273bf0494d4aa5ac\" 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_31b337a467b48ea494d9286b894aa09d\" class=\" columbia-block relative overflow-hidden wp-block-related-products text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n      <div class=\"block-title grow  mx-auto max-w-6xl\">\n        <h2 class=\"!text-blue h4 text-center\">Vous pourriez aussi \u00eatre int\u00e9ress\u00e9 par\u2026<\/h2>\n      <\/div>\n    <\/div>\n    <div class=\"product-grid grid grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8 xl:gap-20\">\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/vcm-puits-de-lumiere-a-vitre-fixe-monte-sur-cadre\/\"  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-ocm-e\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/columbia-gl-ocm-e-electric-venting-skylight.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia gl ocm e electric venting skylight\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ocm-e\/\">Columbia GL OCM E \u2013 Puits de lumi\u00e8re en verre \u00e0 ventilation \u00e9lectrique, mont\u00e9 sur cadre<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Rafra\u00eechissez votre maison avec le puits de lumi\u00e8re \u00e0 ventilation \u00e9lectrique \u00e0 montage sur cadre de Columbia. Profitez des avantages combin\u00e9s de la lumi\u00e8re naturelle et de la ventilation de\u2026<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/gl-ocm-e\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/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\/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":"Rafra\u00eechissez votre maison avec le puits de lumi\u00e8re \u00e0 ventilation manuelle \u00e0 montage sur cadre de Columbia. Profitez des avantages combin\u00e9s de la lumi\u00e8re naturelle et de la ventilation par\u2026","protected":false},"featured_media":5058,"parent":0,"menu_order":8,"template":"","product_line":[37,167],"product_tags":[],"product_model":[186],"dimension_type":[],"class_list":["post-19433","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/products\/19433","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\/5058"}],"wp:attachment":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/media?parent=19433"}],"wp:term":[{"taxonomy":"product_line","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_line?post=19433"},{"taxonomy":"product_tags","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_tags?post=19433"},{"taxonomy":"product_model","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_model?post=19433"},{"taxonomy":"dimension_type","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/dimension_type?post=19433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}