{"id":19513,"date":"2023-06-10T01:02:59","date_gmt":"2023-06-10T08:02:59","guid":{"rendered":"https:\/\/www.columbiaskylights.com\/products\/columbia-gl-aof-commercial-aluminum-curbmount-fixed-glass-skylight\/"},"modified":"2024-04-24T17:55:22","modified_gmt":"2024-04-25T00:55:22","slug":"columbia-gl-aof","status":"publish","type":"products","link":"https:\/\/www.columbiaskylights.com\/fr\/produits\/columbia-gl-aof\/","title":{"rendered":"Columbia GL AOF &#8211; Montage sur bordure en aluminium commercial &#8211; Fen\u00eatre de toit fixe en verre"},"content":{"rendered":"<section id=\"block_d488121a7ce3d8942b2c4daa66096c00\" 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>La luminosit\u00e9 du<br \/>\nverre et la<br \/>\nr\u00e9sistance de<br \/>\nl\u2019aluminium<\/h1>\n<p>GL AOF &#8211; Montage sur bordure en aluminium commercial &#8211; Fen\u00eatre de toit fixe en verre.<\/p>\n\n                  <\/div>\n                <\/text>\n                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0  hero-slide-bg--left hero-slide-bg-color--black \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-skylight-hero.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Gl aof skylight hero\" height=\"2160\" width=\"3840\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                              <div class=\"hero-slide w-full flex relative \">\n          <div class=\"hero-slide__content text-black w-full z-10 pt-22 md:pt-32 lg:pt-40 pb-12 md:pb-20 xl:pt-[180px]\">\n            <div class=\"inner container h-full grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-x-22 xxl:gap-x-60 w-full\">\n                                        <\/div>\n          <\/div>\n          <div class=\"hero-slide-bg absolute h-full w-full inset-0 \">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-skylights-on-roof-hero.jpg\" class=\"hero-slide__image absolute z-0 inset-0 w-full h-full object-cover\" alt=\"Gl aof skylights on roof hero\" height=\"2160\" width=\"3840\" title=\"\">\n    \t          <\/div>\n        <\/div>\n                  <\/div>\n              <\/section>\n  <div class=\"block-breadcrumbs text-breadcrumb text-black-500 pt-7 mdd:hidden \">\n    <div class=\"container\">\n              \n                  <a href=\"https:\/\/www.columbiaskylights.com\/fr\/\" class=\"text-black-700 !no-underline hover:!underline\">Accueil<\/a>\n                       \/ \n                  Columbia GL AOF &#8211; Montage sur bordure en aluminium commercial &#8211; Fen\u00eatre de toit fixe en verre\n                  <\/div>\n  <\/div>\n\n\n<section id=\"block_c6bbf3b42d07ae60baa796b67dd1e5f7\" class=\" columbia-block relative overflow-hidden wp-block-product-intro-gallery block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\"container--disable-mobile block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-11 lg:pb-22 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" text-center\">GL AOF &#8211; Montage sur rebord en aluminium commercial &#8211; Fen\u00eatre de toit fixe en verre<\/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--69f46690e96a2\"\n    style=\"--productcode: 'GL AOF';\"\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-aof-gallery-thumb.jpg\" data-lightbox=\"carousel--69f46690e96a2_gallery\" data-title=\"GL AOF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-aof-gallery-thumb.jpg\" alt=\"Gl Aof Gallery Thumb\" 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\/06\/gl-aof-profile-corner-1.jpg\" data-lightbox=\"carousel--69f46690e96a2_gallery\" data-title=\"GL AOF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-profile-corner-1.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-glass-1.jpg\" data-lightbox=\"carousel--69f46690e96a2_gallery\" data-title=\"GL AOF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-glass-1.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-corner-1.jpg\" data-lightbox=\"carousel--69f46690e96a2_gallery\" data-title=\"GL AOF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-corner-1.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n                            <div class=\"carousel__slide\">\n        <div class=\"carousel__slide__inner\">\n                      <a href=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-skylights-on-roof.jpg\" data-lightbox=\"carousel--69f46690e96a2_gallery\" data-title=\"GL AOF\">\n              <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-skylights-on-roof.jpg\" alt=\"\" title=\"\">\n            <\/a>\n                  <\/div>\n      <\/div>\n            <\/div>\n\n          <div id=\"carousel--69f46690e96a2-nav\" class=\"carousel-nav relative overflow-hidden\" data-asnavfor=\"#carousel--69f46690e96a2\">\n                        <button data-slide=\"0\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-aof-gallery-thumb.jpg\" class=\"\" alt=\"Gl Aof Gallery Thumb\" 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\/06\/gl-aof-profile-corner-1.jpg\" class=\"\" alt=\"Gl aof profile corner\" height=\"1156\" width=\"1573\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"2\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-glass-1.jpg\" class=\"\" alt=\"Gl aof glass\" 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\/06\/gl-aof-corner-1.jpg\" class=\"\" alt=\"Gl aof corner\" height=\"1157\" width=\"1573\" title=\"\">\n    \t                    <\/button>\n                                <button data-slide=\"4\">\n                      <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-skylights-on-roof.jpg\" class=\"\" alt=\"Gl aof skylights on roof\" height=\"1156\" width=\"1572\" title=\"\">\n    \t                    <\/button>\n                  <\/div>\n              <\/div>\n      \n      <div class=\"product-intro_content flex flex-col-reverse px-4 lg:px-0 lg:flex-col w-full lg:w-1\/2 lg:pl-8 xl:pl-10\">\n        <text class=\"wp-editor block\">\n          <ul>\n<li>Le GL AOF est une fen\u00eatre de toit de qualit\u00e9 commerciale fabriqu\u00e9e avec une structure ext\u00e9rieure en aluminium et un cadre interne pour une r\u00e9sistance et une rigidit\u00e9 in\u00e9gal\u00e9es. La force de traction impressionnante du cadre en aluminium le rend id\u00e9al pour les grandes fen\u00eatres de toit commerciales, permettant de laisser entrer un maximum de lumi\u00e8re naturelle. Le verre offre une lumi\u00e8re naturelle avec une clart\u00e9 et une brillance exceptionnelles.<\/li>\n<li>Le GL AOF est la plus grande fen\u00eatre de toit en verre que Columbia produit et est con\u00e7ue pour les applications commerciales n\u00e9cessitant un maximum de lumi\u00e8re naturelle.<\/li>\n<li>Disponible avec des options de double ou triple vitrage certifi\u00e9es ENERGY STAR<sup>&reg;<\/sup> L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> (y compris du verre lamin\u00e9). Des options de verre L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> suppl\u00e9mentaires comprennent du verre teint\u00e9 ou r\u00e9fl\u00e9chissant (bronze ou gris) qui r\u00e9duisent l&rsquo;\u00e9blouissement du soleil intense et le gain de chaleur solaire. Columbia propose \u00e9galement le verre innovant L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat \u00e0 faible entretien. Vous pouvez ajouter un rev\u00eatement NEAT \u00e0 tous les choix de vitrage.<\/li>\n<li>Le cadre de base en aluminium \u00e0 rupture thermique \u00e9limine le transfert d\u2019air froid de l\u2019ext\u00e9rieur vers l\u2019int\u00e9rieur de la fen\u00eatre de toit.<\/li>\n<li>Large goutti\u00e8re de condensation avec fonction de drainage positif.<\/li>\n<\/ul>\n\n        <\/text>\n              <\/div>\n\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_5c744baadf6f012f550583c5ce193753\" 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>Capable de couvrir de grandes applications gr\u00e2ce \u00e0 une structure en aluminium ext\u00e9rieure et int\u00e9rieure durable et rigide.<\/li>\n<li>Beaucoup plus rigide qu\u2019une fen\u00eatre de toit avec un cadre int\u00e9rieur en PVC.<\/li>\n<li>Offre la clart\u00e9 et la brillance de la lumi\u00e8re naturelle dans une grande fen\u00eatre de toit commerciale.<\/li>\n<li>Tailles personnalis\u00e9es disponibles.<\/li>\n<\/ul>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <ul>\n<li>Une grande fen\u00eatre de toit commerciale b\u00e9n\u00e9ficiant du verre double ou triple efficace sur le plan \u00e9nerg\u00e9tique.<\/li>\n<li>Disponible dans toute la gamme de couleurs de cadre de Columbia. 7 couleurs standard et un nombre illimit\u00e9 de couleurs assorties aux souhaits du client.<\/li>\n<li>Cadre de base en aluminium \u00e0 rupture thermique.<\/li>\n<li>N\u00e9cessite une bordure d\u2019une largeur de 2 pouces.<\/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_3b1ec27449f46ff123abc9d338b670f3\" 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_a79e12f50c73ef17da0801187aeebf5d\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-teal  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"col-wrapper col-gutter-md row-gutter-lg  mx-auto w-wide match-heading-heights add-column-dividers\">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:hidden after:md:hidden before:xl:hidden after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Options de vitrage \u00e9co\u00e9nerg\u00e9tiques de Columbia<\/h6>\n<p><img decoding=\"async\" class=\"alignnone wp-image-8316\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/10\/energy-star-logo-padded.svg\" alt=\"ENERGY STAR Logo Padded\" width=\"335\" height=\"141\" title=\"\"><\/p>\n<ul class=\"spacing-tight\">\n<li>Triple vitrage L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 tremp\u00e9\/tremp\u00e9\/tremp\u00e9<\/li>\n<\/ul>\n<p><a class=\"btn-arrow\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor before:hidden after:block before:md:block after:md:hidden before:xl:block after:xl:hidden\">\n                                                  <h6 class=\"!text-dark\">Pente de toit minimum de 2:12<\/h6>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8817\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/sloped-2-12-60-10-padded.svg\" alt=\"Sloped 2 12 60 10 Feature\" width=\"334\" height=\"140\" title=\"\"><\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-les-puits-de-lumiere\/types-de-toitures-et-pentes\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12 xl:w-3\/12  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\">Emplacement<br \/>\nrecommand\u00e9<\/h6>\n<ul>\n<li>Entrep\u00f4ts<\/li>\n<li>Usines<\/li>\n<li>Centres commerciaux<\/li>\n<li>B\u00e2timents gouvernementaux<\/li>\n<\/ul>\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>Dimensions personnalis\u00e9es<\/h6>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-8550\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/custom-sizes-feature.svg\" alt=\"Custom Sizes Feature\" width=\"334\" height=\"140\" title=\"\"><\/p>\n<p>Disponible en tailles standard et sur mesure avec toutes les options de vitrage de 18 \u00bc\u201d x 18 \u00bc\u201d \u00e0 50 \u00bc\u201d x 74 \u00bc\u201d.<\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/skylights\/fr\/puits-de-lumiere-de-dimensions-personnalisees\/\">EN SAVOIR PLUS<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_c758fb49d32b27eef1d1a588f074e53f\" class=\"overflow-hidden columbia-block relative overflow-hidden wp-block-block-container block-w-wide text-dark bg-teal-100  p-top-default p-bottom-default\" >\n          <div class=\"max-w-7xl overflow-visible block-inner relative container mx-auto\" >\n        <div class=\"column-heading text-white bg-blue text-center h3 py-8 px-5 corners-\">Conception de fen\u00eatres de toit commerciales de pointe dans l\u2019industrie<\/div>\n        <div class=\"content-box relative with-heading   px-2 sm:px-5 py-8 md:p-8 lg:p-10 xxl:p-22 text-dark bg-white\">\n      \n<section id=\"block_a9f1323a9f4a70be906677544bc5fc82\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-wide text-dark bg-white  p-top-default p-bottom-small\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"col-wrapper col-gutter-lg row-gutter-lg \">\n      <div class=\"col-wrapper-inner flex flex-wrap   justify-center\">\n                            <div class=\"column w-full corners- md:w-11\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"alignnone size-full wp-image-20354\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-aof-cross-section.png\" alt=\"Gl Aof Cross Section\" width=\"1988\" height=\"1377\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-aof-cross-section.png 1988w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-aof-cross-section-300x208.png 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-aof-cross-section-1024x709.png 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-aof-cross-section-768x532.png 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/gl-aof-cross-section-1536x1064.png 1536w\" sizes=\"(max-width: 1988px) 100vw, 1988px\" title=\"\"><\/p>\n<p>&nbsp;<\/p>\n<ol class=\"two-col ol--circles ol--circles--blue\">\n<li><span class=\"text-list-heading\">Vitrage<\/span><br \/>\nLa s\u00e9lection de vitrage la plus large de l\u2019industrie des fen\u00eatres de toit :<br \/>\n<b>\u2022 <\/b>L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 transparent \/ feuillet\u00e9<br \/>\n<b>\u2022 <\/b>L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 Neat<br \/>\n<b>\u2022 <\/b>L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 en teintes bronze ou grise<br \/>\n<b>\u2022 <\/b>L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 r\u00e9fl\u00e9chissant bronze\/gris<br \/>\n<b>\u2022 <\/b>L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 i89<br \/>\n<b>\u2022 <\/b>L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 triple vitrage transparent <img decoding=\"async\" class=\"inline alignnone wp-image-3945\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/energystar-icon.png\" alt=\"\" width=\"20\" height=\"20\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/energystar-icon.png 161w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/energystar-icon-160x160.png 160w\" sizes=\"(max-width: 20px) 100vw, 20px\" title=\"\"><br \/>\n<b>\u2022 <\/b>L<span class=\"lowercase\">o<\/span>E<sup>3<\/sup> 366 triple vitrage feuillet\u00e9<\/li>\n<li><span class=\"text-list-heading\">Capuchon en aluminium<\/span><br \/>\nCadre ext\u00e9rieur en aluminium extrud\u00e9 durable avec finition peinture \u00e9mail cuite au four. Disponible en 7 couleurs standard et assortiment illimit\u00e9 de couleurs sur mesure &#8211; apportez un \u00e9chantillon de peinture \u00e0 votre revendeur et nous l\u2019assortirons.<\/li>\n<li><span class=\"text-list-heading\">Goutti\u00e8re de condensation inclin\u00e9e<\/span><br \/>\nGoutti\u00e8re de condensation \u00e0 drainage sur quatre c\u00f4t\u00e9s de 24 mm de large. La condensation est dispers\u00e9e vers le toit ext\u00e9rieur le long de notre goutti\u00e8re unique.<\/li>\n<li><span class=\"text-list-heading\">Cadre de base<\/span><br \/>\nCadre de base en aluminium \u00e0 fixation ext\u00e9rieure et \u00e0 rupture thermique, sans entretien.<\/li>\n<li><span class=\"text-list-heading\">Fixation ext\u00e9rieure en aluminium<\/span><br \/>\nCadre de base en aluminium \u00e0 rupture thermique con\u00e7u pour \u00eatre fix\u00e9 \u00e0 l\u2019ext\u00e9rieur de la bordure, cr\u00e9ant ainsi une installation exceptionnellement solide et rigide.<\/li>\n<li><span class=\"text-list-heading\">Bordure<\/span><br \/>\nPeut \u00eatre install\u00e9 sur une bordure de 2\u201d x 4\u201d, 2\u201d x 6\u201d ou 2\u201d x 8\u201d (non fournie). La largeur minimale doit \u00eatre de 2\u201d compl\u00e8tes.<\/li>\n<\/ol>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n          <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_5dd8c7b215a66466331cd57e0b071196\" 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_0804d43b249fbbf5c33ac80524e503c0\" 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_c2401c4938a0deebd48a4252f8f65808\" 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_cd9b6588232832f5c4668ebb9af1ff84\" 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_2277f477f267db8de4730d11ca841fb3\" 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_52863676787e8ece4e06a23432d47877\" 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_1a4e8d8c9b2b0c4dfa75cfc9ca572137\" 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\/06\/incline-slope-icon-2-12.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Incline Slope Icon 2 12\" height=\"137\" width=\"114\" 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 du GL AOF &#8211; Verre Commercial Aluminium Curb Mount &#8211; Fen\u00eatre de toit fixe<\/h2>\n    <\/div>\n    \n          <\/div>\n    \n          <div class=\"mt-6 lg:mt-12 relative z-0 block-intro  mx-auto max-w-6xl lg:max-w-6xxl text-xl\">Disponible dans les tailles indiqu\u00e9es dans le tableau ci-dessous (imp\u00e9riales et m\u00e9triques). Vous pouvez \u00e9galement consulter les tailles les plus populaires. Si vous ne trouvez pas la taille dont vous avez besoin ci-dessous, veuillez visiter notre page de tailles personnalis\u00e9es. Vous pouvez \u00e9galement t\u00e9l\u00e9charger un PDF imprimable du tableau.<\/div>\n          <\/div>\n            <hr class=\"mb-12\" \/>\n        <div class=\"grid mb-12 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 text-center max-w-[1140px] gap-12 lg:gap-30 mx-auto\">\n      <div class=\"\">\n                  <a href=\"https:\/\/www.columbiaskylights.com\/fr\/informations-techniques\/commande-de-dimensions-personnalisees\/\" class=\"last:mr-0 btn-blue\">VOIR LES DIMENSIONS PERSONNALIS\u00c9ES<\/a>\n          <p class=\"x-cta-description mt-5 text-sm !w-full\">Si vous ne trouvez pas les dimensions souhait\u00e9es dans nos produits standard, consultez notre page Dimensions personnalis\u00e9es.<\/p>\n              <\/div>\n      <div>\n        <div class=\"flex flex-row justify-center\">\n          <button x-on:click=\"toggleUnits()\" :class=\"isImperial ? 'btn-blue' : 'btn-grey'\">UNIT\u00c9S IMP\u00c9RIALES<\/button>\n          <button x-on:click=\"toggleUnits()\" :class=\"!isImperial ? 'btn-blue' : 'btn-grey'\">UNIT\u00c9S M\u00c9TRIQUES<\/button>\n        <\/div>\n                  <p class=\"x-cta-description mt-5 text-sm\">Les dimensions standard des puits de lumi\u00e8re sont disponibles dans les deux options.<\/p>\n              <\/div>\n            <div class=\"mdd:hidden\">\n        <div class=\"inline-flex flex-row gap-6 items-center uppercase font-semibold mx-auto py-3\">\n          DIMENSIONS<br\/>POPULAIRES          <div><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg><\/div>\n        <\/div>\n        <p class=\"x-cta-description mt-5 text-sm\">L\u2019\u00e9toile jaune indique les dimensions les plus populaires.<\/p>\n      <\/div>\n          <\/div>\n    \n    \n          <table class=\"hidden font-narrow lg:block sizing-chart w-full mx-auto mt-30 pl-8 xxxl:pl-0\" style=\"max-width: 2434.6666666667px; width: clamp(768, 1521.6666666667%, 100%) ;\">\n        <tr>\n                    <th width=\"1%\" class=\"p-3 leading-tight text-left\">Cadre ext\u00e9rieur<\/th>\n                                <th data-imperialvalue=\"18&frac14;\" data-metricvalue=\"464\"><span class=\"data-value whitespace-nowrap\">18&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"26&frac14;\" data-metricvalue=\"667\"><span class=\"data-value whitespace-nowrap\">26&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"30&frac14;\" data-metricvalue=\"768\"><span class=\"data-value whitespace-nowrap\">30&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"34&frac14;\" data-metricvalue=\"870\"><span class=\"data-value whitespace-nowrap\">34&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"36&frac14;\" data-metricvalue=\"921\"><span class=\"data-value whitespace-nowrap\">36&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"38&frac14;\" data-metricvalue=\"972\"><span class=\"data-value whitespace-nowrap\">38&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"40&frac14;\" data-metricvalue=\"1022\"><span class=\"data-value whitespace-nowrap\">40&frac14;<\/span><\/th>\n                      <th data-imperialvalue=\"50&frac14;\" data-metricvalue=\"1276\"><span class=\"data-value whitespace-nowrap\">50&frac14;<\/span><\/th>\n                  <\/tr>\n        \n                            <tr>\n            <th data-imperialvalue=\"18&frac14;\" data-metricvalue=\"464\"><span class=\"data-value whitespace-nowrap inline-block\">18&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.0833333333333%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>18&frac14;\u00a0\u00bb x 18&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>464mm x 464mm<\/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-sm\" style=\"aspect-ratio: 464 \/ 464\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2020\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"26&frac14;\" data-metricvalue=\"667\"><span class=\"data-value whitespace-nowrap inline-block\">26&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.0833333333333%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>18&frac14;\u00a0\u00bb x 26&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>464mm x 667mm<\/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-sm\" style=\"aspect-ratio: 464 \/ 667\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2028\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 26&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 667mm<\/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-sm\" style=\"aspect-ratio: 667 \/ 667\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2828\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"34&frac14;\" data-metricvalue=\"870\"><span class=\"data-value whitespace-nowrap inline-block\">34&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.0833333333333%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>18&frac14;\u00a0\u00bb x 34&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>464mm x 870mm<\/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-sm\" style=\"aspect-ratio: 464 \/ 870\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2036\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 34&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 870mm<\/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-sm\" style=\"aspect-ratio: 667 \/ 870\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2836\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.416666666667%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 34&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>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 ext\u00e9rieur (l x h)<\/strong><br\/>870mm x 870mm<\/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-sm\" style=\"aspect-ratio: 870 \/ 870\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3636\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"38&frac14;\" data-metricvalue=\"972\"><span class=\"data-value whitespace-nowrap inline-block\">38&frac14;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 38&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 972mm<\/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-sm\" style=\"aspect-ratio: 667 \/ 972\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2840\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"12.75%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>38&frac14;\u00a0\u00bb x 38&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>972mm x 972mm<\/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-sm\" style=\"aspect-ratio: 972 \/ 972\"  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=\"40&frac14;\" data-metricvalue=\"1022\"><span class=\"data-value whitespace-nowrap inline-block\">40&frac14;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"13.416666666667%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>40&frac14;\u00a0\u00bb x 40&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>1022mm x 1022mm<\/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-sm\" style=\"aspect-ratio: 1022 \/ 1022\"  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=\"50&frac14;\" data-metricvalue=\"1276\"><span class=\"data-value whitespace-nowrap inline-block\">50&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.0833333333333%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>18&frac14;\u00a0\u00bb x 50&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>464mm x 1276mm<\/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-sm\" style=\"aspect-ratio: 464 \/ 1276\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2052\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 50&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 1276mm<\/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-sm\" style=\"aspect-ratio: 667 \/ 1276\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2852\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.416666666667%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 50&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>870mm x 1276mm<\/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-sm\" style=\"aspect-ratio: 870 \/ 1276\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3652\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"12.75%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>38&frac14;\u00a0\u00bb x 50&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>972mm x 1276mm<\/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-sm\" style=\"aspect-ratio: 972 \/ 1276\"  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=\"16.75%\">\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 ext\u00e9rieur (l x h)<\/strong><br\/>50&frac14;\u00a0\u00bb x 50&frac14;&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 ext\u00e9rieur (l x h)<\/strong><br\/>1276mm x 1276mm<\/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-sm\" style=\"aspect-ratio: 1276 \/ 1276\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5252\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"58&frac14;\" data-metricvalue=\"1480\"><span class=\"data-value whitespace-nowrap inline-block\">58&frac14;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2860<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 58&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>8.52 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2860<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 1480mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.79 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 667 \/ 1480\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2860\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.416666666667%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3660<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 58&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>11.54 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3660<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>870mm x 1480mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.07 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 870 \/ 1480\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3660\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"62&frac14;\" data-metricvalue=\"1581\"><span class=\"data-value whitespace-nowrap inline-block\">62&frac14;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2864<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 62&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.14 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2864<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 1581mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.85 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 667 \/ 1581\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2864\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.416666666667%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3664<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 62&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>12.39 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3664<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>870mm x 1581mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.15 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 870 \/ 1581\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3664\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"12.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4064<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>38&frac14;\u00a0\u00bb x 62&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.02 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4064<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>972mm x 1581mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.30 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 972 \/ 1581\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4064\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"16.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5264<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>50&frac14;\u00a0\u00bb x 62&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>18.89 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5264<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1276mm x 1581mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.75 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 1276 \/ 1581\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5264\n\n                                      <\/button>\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"66&frac14;\" data-metricvalue=\"1683\"><span class=\"data-value whitespace-nowrap inline-block\">66&frac14;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2868<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 66&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>9.77 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2868<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 1683mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.91 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 667 \/ 1683\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2868\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.416666666667%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3668<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 66&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>13.24 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3668<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>870mm x 1683mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.23 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 870 \/ 1683\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3668\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"74&frac14;\" data-metricvalue=\"1886\"><span class=\"data-value whitespace-nowrap inline-block\">74&frac14;<\/span><\/th>\n\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"6.0833333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>18&frac14;\u00a0\u00bb x 74&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>7.10 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>464mm x 1886mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>0.66 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 464 \/ 1886\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2076\n\n                                      <\/button>\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2876<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 74&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>11.02 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 2876<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 1886mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.02 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 667 \/ 1886\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>2876\n\n                                          <svg class=\"w-6 h-6 absolute bottom-2 right-2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <g id=\"Group_81285\" data-name=\"Group 81285\" transform=\"translate(-1582 -14978)\">\n    <circle id=\"Ellipse_4034\" data-name=\"Ellipse 4034\" cx=\"25\" cy=\"25\" r=\"25\" transform=\"translate(1582 14978)\" fill=\"#17346c\"\/>\n    <path id=\"Path_49853\" data-name=\"Path 49853\" d=\"M17.062,0l-5.28,10.676L0,12.379l8.52,8.315L6.5,32.429,17.04,26.9l10.535,5.545-2-11.734L34.1,12.4,22.325,10.68Z\" transform=\"translate(1590 14985.118)\" fill=\"#f4c830\"\/>\n  <\/g>\n<\/svg>                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.416666666667%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3676<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 74&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.93 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3676<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>870mm x 1886mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.39 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 870 \/ 1886\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3676\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"12.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>38&frac14;\u00a0\u00bb x 74&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>16.89 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4076<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>972mm x 1886mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.57 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 972 \/ 1886\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4076\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"16.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5276<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>50&frac14;\u00a0\u00bb x 74&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>22.77 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 5276<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1276mm x 1886mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>2.12 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 1276 \/ 1886\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>5276\n\n                                      <\/button>\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"78&frac14;\" data-metricvalue=\"1988\"><span class=\"data-value whitespace-nowrap inline-block\">78&frac14;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"10.083333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>30&frac14;\u00a0\u00bb x 78&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>13.71 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>768mm x 1988mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.27 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 768 \/ 1988\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3280\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"12.083333333333%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3880<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>36&frac14;\u00a0\u00bb x 78&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>16.81 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 3880<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>921mm x 1988mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.56 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 921 \/ 1988\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>3880\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"13.416666666667%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>40&frac14;\u00a0\u00bb x 78&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>18.88 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 4280<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>1022mm x 1988mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.75 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 1022 \/ 1988\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>4280\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                            <tr>\n            <th data-imperialvalue=\"98&frac14;\" data-metricvalue=\"2496\"><span class=\"data-value whitespace-nowrap inline-block\">98&frac14;<\/span><\/th>\n\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"8.75%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 28100<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>26&frac14;\u00a0\u00bb x 98&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>14.77 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 28100<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>667mm x 2496mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.37 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 667 \/ 2496\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>28100\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td x-data=\"\" class=\"relative  text-white bg-columbia-dark hover:bg-blue\" width=\"11.416666666667%\">\n                                  <template x-ref=\"imperial_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 36100<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>34&frac14;\u00a0\u00bb x 98&frac14;&rdquo;<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>20.02 sq.ft.<\/div>\n                                      <\/template>\n                  <template x-ref=\"metric_template\">\n                    <div class=\"h6 mb-2\">Mod\u00e8le 36100<\/div>\n                                                                                            <div class=\"text-lg mt-2\"><strong>Cadre ext\u00e9rieur (l x h)<\/strong><br\/>870mm x 2496mm<\/div>\n                                                                  \n                                          <div class=\"text-lg mt-2\"><strong>Surface vitr\u00e9e<\/strong><br\/>1.86 m<sup>2<\/sup><\/div>\n                                      <\/template>\n                                    <button class=\"size-sm\" style=\"aspect-ratio: 870 \/ 2496\"  x-tooltip=\"{\n                      content: (!isImperial ? $refs.metric_template.innerHTML : $refs.imperial_template.innerHTML),\n                      allowHTML: true,\n                      appendTo: $root,\n                  }\">\n                    Mod\u00e8le<br\/>36100\n\n                                      <\/button>\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                                        <td  class=\"relative \" width=\"0%\">\n                              <\/td>\n                      <\/tr>\n                          <tr class=\"chart-footer\">\n            <td colspan=\"99\" class=\"!border-0 pt-6 px-0 pb-0\">\n              <div class=\"mt-2 grid grid-cols-1 sm:grid-cols-2 items-center font-semibold max-w-5xl gap-6 md:gap-12 lg:gap-20 font-sans text-sm\"><div class=\"flex flex-row items-center gap-5\"><div><img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/themes\/columbiawp\/public\/images\/reversible-skylight.ff4872.svg\" height=\"64\" width=\"64\" class=\"min-w-[64px] mr-4\" alt=\"\" title=\"\"><\/div><div>REMARQUE : Toutes les dimensions sont r\u00e9versibles, c\u2019est-\u00e0-dire que le mod\u00e8le 3676 peut \u00eatre command\u00e9 en version 7636.<\/div><\/div><\/div>\n            <\/td>\n          <\/tr>\n              <\/table>\n              <hr class=\"mdd:hidden mt-12 lg:mt-28 pb-12\" \/>\n      \n      <div class=\"summary-sizing-charts mb-4 md:mb-8 lg:mb-12 xl:mb-16\">\n                      <div class=\"block-intro-wrap z-0 relative mdd:hidden pb-11 lg:pb-22 last:pb-0\">\n          <div class=\"title-image-wrap relative flex flex-col-reverse items-center md:flex-row title-icon-spacer spacer-center\">\n                  <div class=\"flex justify-center w-full flex-row gap-6 md:absolute md:top-0 md:left-0 \">\n                  <div class=\"title-image mt-6 md:mt-0 md:absolute left-0\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/incline-slope-icon-2-12.svg\" class=\"block-title-image max-w-[33vw] max-h-[165px] w-auto h-auto\" alt=\"Incline Slope Icon 2 12\" height=\"137\" width=\"114\" title=\"\">\n    \t          <\/div>\n                            <\/div>\n            \n        <div class=\"block-title grow self-center mx-auto max-w-6xl\">\n            <h5 class=\"md:pt-8 lg:pt-0 h5 text-center\">Tableau des dimensions \u2013 R\u00e9capitulatif<\/h5>\n    <\/div>\n    \n          <\/div>\n    \n          <\/div>\n        <div class=\"chart-images mb-8\" style=\"max-width: 4982.3680456491px;\">\n          <div x-show=\"!isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-size-chart-summary-metric-fr.png\" class=\"\" alt=\"Gl Aof Size Chart Summary Metric Fr\" height=\"9120\" width=\"12624\" title=\"\">\n    \t          <\/div>\n          <div x-show=\"isImperial\">\n            <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/gl-aof-size-chart-summary-imperial-fr.png\" class=\"\" alt=\"Gl Aof Size Chart Summary Imperial Fr\" height=\"9120\" width=\"12624\" title=\"\">\n    \t          <\/div>\n          <div class=\"chart-footer mt-2 text-left\">\n          <\/div>\n        <\/div>\n            <p class=\"text-sm md:hidden mt-4 mb-8\">Pincer pour agrandir.<\/p>\n              <div class=\"mt-2 grid grid-cols-1 sm:grid-cols-2 items-center font-semibold max-w-5xl gap-6 md:gap-12 lg:gap-20 font-sans text-sm\"><div 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-aof-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-aof-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\/columbia-gl-aof\/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_0c5c67529642733752247830f909d9aa\" class=\" columbia-block relative overflow-hidden wp-block-multi-column block-w-full text-dark bg-white  p-top-default p-bottom-default\" >\n          <div class=\" block-inner relative container mx-auto\" >\n        <div class=\"block-intro-wrap z-0 relative  pb-12 lg:pb-16 last:pb-0\">\n    \n        <div class=\"block-title grow  mx-auto max-w-6xl\">\n            <h2 class=\" h3 text-center\">POURQUOI COLUMBIA?<\/h2>\n    <\/div>\n    \n    \n          <\/div>\n        <div class=\"col-wrapper col-gutter-lg row-gutter-lg \">\n      <div class=\"col-wrapper-inner flex flex-wrap   \">\n                            <div class=\"column w-full corners- md:w-6\/12  1 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"alignnone size-full wp-image-3937\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home.jpg\" alt=\"\" width=\"1572\" height=\"940\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home.jpg 1572w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home-300x179.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home-1024x612.jpg 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home-768x459.jpg 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/04\/canadian-made-skylights-winter-home-1536x918.jpg 1536w\" sizes=\"(max-width: 1572px) 100vw, 1572px\" title=\"\"><\/p>\n<h4>Des puits de lumi\u00e8re fabriqu\u00e9s au Canada, con\u00e7us pour notre climat rigoureux<\/h4>\n<p>Les puits de lumi\u00e8re Columbia sont sp\u00e9cialement con\u00e7us pour la vie dans notre climat canadien. Qu\u2019ils soient soumis \u00e0 la neige, \u00e0 la glace, au vent, \u00e0 la gr\u00eale ou \u00e0 une chaleur intense, nos produits sont sp\u00e9cialement con\u00e7us pour exceller dans ces conditions exigeantes.<\/p>\n<p>De nombreux puits de lumi\u00e8re import\u00e9s sont con\u00e7us pour un climat plus temp\u00e9r\u00e9 et manquent de performance et de durabilit\u00e9. Pendant plus de cinq d\u00e9cennies, Columbia s\u2019est consacr\u00e9e \u00e0 la fabrication de puits de lumi\u00e8re de haute qualit\u00e9 qui ont fait leurs preuves au fil du temps dans notre climat canadien.<\/p>\n<p>Chaque aspect du puits de lumi\u00e8re a \u00e9t\u00e9 \u00e9tudi\u00e9, con\u00e7u et test\u00e9.<\/p>\n<p>Nous utilisons les meilleurs mat\u00e9riaux disponibles et les derni\u00e8res technologies de verre.<\/p>\n<p>L\u2019efficacit\u00e9 \u00e9nerg\u00e9tique est une priorit\u00e9 pour les propri\u00e9taires canadiens, compte tenu de notre climat rigoureux. Columbia est le seul fabricant canadien \u00e0 offrir le triple vitrage sur tous ses mod\u00e8les de puits de lumi\u00e8re. Un choix de verres ENERGY STAR<sup>&reg;<\/sup> sup\u00e9rieur \u00e0 toute la concurrence.<\/p>\n<p><a class=\"btn-arrow btn-arrow--left\" href=\"https:\/\/www.columbiaskylights.com\/fr\/pourquoi-columbia\/energy-star\/\">En savoir plus<\/a><\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n                            <div class=\"column w-full corners- md:w-6\/12  2 tab-group\">\n                                                            <div class=\"column-inner      \">\n              <div class=\"column-content match-col-height wp-editor \">\n                                                  <p><img decoding=\"async\" class=\"alignnone size-full wp-image-4387\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1.jpg\" alt=\"\" width=\"1572\" height=\"940\" srcset=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1.jpg 1572w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1-300x179.jpg 300w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1-1024x612.jpg 1024w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1-768x459.jpg 768w, https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/03\/why-columbia-2-1-1536x918.jpg 1536w\" sizes=\"(max-width: 1572px) 100vw, 1572px\" title=\"\"><\/p>\n<h4>Un nouvel entrep\u00f4t de distribution \u00e0 Mississauga, pour mieux servir l\u2019Ontario, le Qu\u00e9bec et les Maritimes<\/h4>\n<p>Nous avons d\u00e9m\u00e9nag\u00e9 notre entrep\u00f4t de distribution de l\u2019Est dans une toute nouvelle installation construite \u00e0 Mississauga, en Ontario. Le nouvel entrep\u00f4t de distribution de Columbia est plus grand et capable de stocker une gamme compl\u00e8te de produits Columbia, Slimlite et FAKRO pr\u00eats \u00e0 livrer.<\/p>\n<p>L\u2019entrep\u00f4t nous permet de desservir l\u2019Est du Canada avec une plus grande efficacit\u00e9 et des d\u00e9lais de livraison r\u00e9duits.<\/p>\n\n                                \n                \n                \n                              <\/div>\n            <\/div>\n                      <\/div>\n              <\/div>\n    <\/div>\n      <\/div>\n              <\/section>\n\n\n<section id=\"block_a1f9bb84b38d7b05e4b419c3033399ba\" 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_05691749cf865f4269d86a8081aed01c\" 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\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/ac-oaf-commercial-skylight-thumbnail.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Ac oaf commercial skylight thumbnail\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\">Columbia AC AOF &#8211; Puits de lumi\u00e8re commercial en acrylique \u00e0 montage sur ch\u00e2ssis<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Dot\u00e9 d\u2019un cadre ext\u00e9rieur et int\u00e9rieur en aluminium solide et rigide. Disponible dans la gamme compl\u00e8te d\u2019options acryliques de Columbia. D\u00f4me et pyramide.<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/ac-aof-puits-de-lumiere-commercial-en-acrylique-a-montage-sur-chassis\/\" class=\"!font-normal !pl-0 uppercase btn-arrow mt-4 lg:mt-6\">En savoir plus<\/a>\n      <\/div>\n            <div class=\"product-grid__product mb-12\">\n        <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/columbia-cic-bordure-integree-fixe-commerciale\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/05\/cic-product-thumb.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Cic product thumb\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/columbia-cic-bordure-integree-fixe-commerciale\/\">Columbia CIC \u2013 Bordure int\u00e9gr\u00e9e fixe commerciale<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Le puits de lumi\u00e8re avec bordure int\u00e9gr\u00e9e commercial est con\u00e7u pour \u00eatre install\u00e9 sur les toits plats des b\u00e2timents commerciaux, des usines et des entrep\u00f4ts.<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/columbia-cic-bordure-integree-fixe-commerciale\/\" 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\/dome-circulaire-bordure-integree\/\"  class=\" link-no-underline no-hover \">          <img decoding=\"async\" src=\"https:\/\/www.columbiaskylights.com\/wp-content\/uploads\/2023\/06\/columbia-crd-thumb.jpg\" class=\"w-full h-auto mb-4 md:mb-8\" alt=\"Columbia crd thumb\" title=\"\">\n    \t<\/a>        <h5 class=\"font-semibold !text-blue mb-4\"><a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/dome-circulaire-bordure-integree\/\">Columbia CRD D\u00f4me circulaire \u2013 Bordure int\u00e9gr\u00e9e<\/a><\/h5>\n                  <p class=\"smd:text-sm\">Le d\u00f4me circulaire est non seulement tr\u00e8s efficace pour laisser entrer une grande quantit\u00e9 de lumi\u00e8re naturelle, mais il constitue \u00e9galement une d\u00e9claration spectaculaire en mati\u00e8re de style architectural.<\/p>\n                <a href=\"https:\/\/www.columbiaskylights.com\/fr\/produits\/dome-circulaire-bordure-integree\/\" 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":"Un puits de lumi\u00e8re en verre exceptionnellement durable avec un cadre ext\u00e9rieur et int\u00e9rieur en aluminium. Offre r\u00e9sistance et rigidit\u00e9. Disponible dans toute la gamme de verres de Columbia.","protected":false},"featured_media":8637,"parent":0,"menu_order":35,"template":"","product_line":[165],"product_tags":[],"product_model":[174],"dimension_type":[],"class_list":["post-19513","products","type-products","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/products\/19513","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\/8637"}],"wp:attachment":[{"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/media?parent=19513"}],"wp:term":[{"taxonomy":"product_line","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_line?post=19513"},{"taxonomy":"product_tags","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_tags?post=19513"},{"taxonomy":"product_model","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/product_model?post=19513"},{"taxonomy":"dimension_type","embeddable":true,"href":"https:\/\/www.columbiaskylights.com\/fr\/wp-json\/wp\/v2\/dimension_type?post=19513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}