{"id":54468,"date":"2024-12-19T08:01:11","date_gmt":"2024-12-19T13:01:11","guid":{"rendered":"https:\/\/www.fiberwood.ca\/colors-2025\/"},"modified":"2025-05-05T07:54:46","modified_gmt":"2025-05-05T11:54:46","slug":"couleurs-2025","status":"publish","type":"page","link":"https:\/\/www.fiberwood.ca\/fr\/couleurs-2025\/","title":{"rendered":"Couleurs 2025"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54468\" class=\"elementor elementor-54468 elementor-53609\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-527530d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"527530d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-67ac3ad\" data-id=\"67ac3ad\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e596134 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"e596134\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h1 class=\"woodmart-title-container title wd-fontsize-l\">Fiberwood couleurs 2025<\/h1> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-71777ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"71777ac\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d340458\" data-id=\"d340458\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cec4e71 elementor-widget elementor-widget-spacer\" data-id=\"cec4e71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-b858bed elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b858bed\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9da078d\" data-id=\"9da078d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9300c31 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"9300c31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleurs Cl\u00f4ture Classique<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-e3fa0b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e3fa0b0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0f63d6c\" data-id=\"0f63d6c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-894c2cc elementor-widget elementor-widget-html\" data-id=\"894c2cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-columns\">\r\n  <!-- Left Column: Swatches -->\r\n  <div class=\"color-swatches\">\r\n    <div class=\"swatch\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Classic-noyer-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Walnut-Wood-Board.jpg');\" \r\n         title=\"Noyer\">\r\n      <div class=\"color-name\">Noyer<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classic-noir-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Black-Wood-Board.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classic-Teck-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Teak-Wood-Board.jpg');\" \r\n         title=\"Teck\">\r\n      <div class=\"color-name\">Teck<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classic-pierre-cendree-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Grey-Rock-Wood-Board.jpg');\" \r\n         title=\"Pierre cendr\u00e9e\">\r\n      <div class=\"color-name\">Pierre cendr\u00e9e<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classic-brun-classique-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Vintage-Brown-Wood-Board.jpg');\" \r\n         title=\"Brun classique\">\r\n      <div class=\"color-name\">Brun classique<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n      data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classic-gris-perle-1.jpg\" \r\n      style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/Gris-perle-2-1.jpg');\" \r\n      title=\"Gris perle\">\r\n      <div class=\"color-name\">Gris perle<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n      data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classis-erable-1.jpg\" \r\n      style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/Fence-Rich-Maple-Wood-Board.jpg');\" \r\n         title=\"\u00c9rable\">\r\n      <div class=\"color-name\">\u00c9rable<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classic-gris-nordique-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/01\/classique-nordic-grey.jpg');\" \r\n         title=\"Gris nordique\">\r\n      <div class=\"color-name\">Gris nordique<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classic-brun-naturel-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/01\/natural-wood.png');\" \r\n         title=\"Bois naturel\">\r\n      <div class=\"color-name\">Bois naturel<\/div>\r\n    <\/div>\r\n    <div class=\"swatch\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/classic-blanc-chene-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-White-Oak-Wood-Board.jpg');\" \r\n         title=\"Blanc ch\u00eane\">\r\n      <div class=\"color-name\">Blanc ch\u00eane<\/div>\r\n    <\/div>\r\n     \r\n    \r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" id=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Classic-noyer-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.swatch').forEach(swatch => {\r\n  swatch.addEventListener('mouseenter', function () {\r\n    const newImage = this.getAttribute('data-image');\r\n    const previewImage = document.getElementById('preview-image');\r\n    previewImage.src = newImage;\r\n  });\r\n\r\n  swatch.addEventListener('click', function () {\r\n    const newImage = this.getAttribute('data-image');\r\n    const previewImage = document.getElementById('preview-image');\r\n    previewImage.src = newImage;\r\n\r\n    \/\/ Remove 'active' class from all swatches\r\n    document.querySelectorAll('.swatch').forEach(s => s.classList.remove('active'));\r\n\r\n    \/\/ Add 'active' class to the clicked swatch\r\n    this.classList.add('active');\r\n  });\r\n});\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-ba767ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba767ae\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d79d7bf\" data-id=\"d79d7bf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-94e8179 elementor-widget elementor-widget-spacer\" data-id=\"94e8179\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-f9772b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f9772b0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c84458\" data-id=\"4c84458\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b854112 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"b854112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleurs Cl\u00f4ture Royale<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-6903a97 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6903a97\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-66f2897\" data-id=\"66f2897\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d5e815b elementor-widget elementor-widget-html\" data-id=\"d5e815b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-group\">\r\n  <!-- Left Column: Swatches -->\r\n  <div class=\"color-swatches\">\r\n    <div class=\"swatch2\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-noyer-1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Walnut-Royal-Wood-Board.jpg');\" \r\n         title=\"Noyer\">\r\n      <div class=\"color-name\">Noyer<\/div>\r\n    <\/div>\r\n    <div class=\"swatch2\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-noir-1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Black-Royal-Wood-Board.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch2\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-teck-1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Teak-Royal-Wood-Board.jpg');\" \r\n         title=\"Teck\">\r\n      <div class=\"color-name\">Teck<\/div>\r\n    <\/div>\r\n    <div class=\"swatch2\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-pierre-cendree-1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Grey-Rock-Royal-Wood-Board.jpg');\" \r\n         title=\"Pierre cendr\u00e9e\">\r\n      <div class=\"color-name\">Pierre cendr\u00e9e<\/div>\r\n    <\/div>\r\n    <div class=\"swatch2\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-brun-classique-1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Vintage-Brown-Royal-Wood-Board.jpg');\" \r\n         title=\"Brun classique\">\r\n      <div class=\"color-name\">Brun classique<\/div>\r\n    <\/div>\r\n    <div class=\"swatch2\" \r\n      data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-gris-perle-1-1.jpg\" \r\n      style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/Gris-perle-3.jpg');\" \r\n      title=\"Gris perle\">\r\n      <div class=\"color-name\">Gris perle<\/div>\r\n    <\/div>\r\n    <div class=\"swatch2\" \r\n    data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-erable-1-1.jpg\" \r\n    style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/Fence-Rich-Maple-Royal-Wood-Board.jpg');\" \r\n    title=\"\u00c9rable\">\r\n <div class=\"color-name\">\u00c9rable<\/div>\r\n<\/div>\r\n    <div class=\"swatch2\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-gris-nordique-1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/01\/royale-nordic-grey.png');\" \r\n         title=\"Gris nordique\">\r\n      <div class=\"color-name\">Gris nordique<\/div>\r\n    <\/div>\r\n    <div class=\"swatch2\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-bois-naturel-1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Natural-Royal-Wood-Board.jpg');\" \r\n         title=\"Bois naturel\">\r\n      <div class=\"color-name\">Bois naturel<\/div>\r\n    <\/div>\r\n     <div class=\"swatch2\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-blanc-chene-1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-White-Oak-Royal-Wood-Board.jpg');\" \r\n         title=\"Blanc Ch\u00eane\">\r\n      <div class=\"color-name\">Blanc Ch\u00eane<\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" class=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/royal-noyer-1-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.color-group').forEach(group => {\r\n  const previewImage = group.querySelector('.preview-image'); \/\/ Find the preview image within the group\r\n\r\n  group.querySelectorAll('.swatch2').forEach(swatch2 => {\r\n    swatch2.addEventListener('mouseenter', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n    });\r\n\r\n    swatch2.addEventListener('click', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n\r\n      \/\/ Remove 'active' class from all swatches in the group\r\n      group.querySelectorAll('.swatch2').forEach(s => s.classList.remove('active'));\r\n\r\n      \/\/ Add 'active' class to the clicked swatch2\r\n      this.classList.add('active');\r\n    });\r\n  });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-55f3745 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"55f3745\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c8b2c9\" data-id=\"9c8b2c9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8d7eb53 elementor-widget elementor-widget-spacer\" data-id=\"8d7eb53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-6cb5dda elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6cb5dda\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1e19998\" data-id=\"1e19998\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-855381e wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"855381e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleurs Cl\u00f4tures d'Aluminium<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-8ffd9d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8ffd9d5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-96f8413\" data-id=\"96f8413\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fd836a elementor-widget elementor-widget-html\" data-id=\"4fd836a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-group\">\r\n  <!-- Left Column: Swatches -->\r\n  <div class=\"color-swatches2\">\r\n    <div class=\"swatch9\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/Aluminium-fence-NOIR-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/Noir.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch9\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/Aluminium-fence-BOIS3-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/wood-grain-dark-brown.jpg');\" \r\n         title=\"Grain de bois brun p\u00e2le\">\r\n      <div class=\"color-name\">Grain de bois brun p\u00e2le<\/div>\r\n    <\/div>\r\n    <div class=\"swatch9\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/Aluminium-fence-BOIS2-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/wood-grain-light-grey.jpg');\" \r\n         title=\"Grain de bois gris fonc\u00e9\">\r\n      <div class=\"color-name\">Grain de bois gris fonc\u00e9<\/div>\r\n    <\/div>\r\n    <div class=\"swatch9\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/Aluminium-fence-BOIS1-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/wood-grain-light-brown.jpg');\" \r\n         title=\"Grain de bois brun fonc\u00e9\">\r\n      <div class=\"color-name\">Grain de bois brun fonc\u00e9<\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" class=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/03\/Aluminium-fence-NOIR-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.color-group').forEach(group => {\r\n  const previewImage = group.querySelector('.preview-image'); \/\/ Find the preview image within the group\r\n\r\n  group.querySelectorAll('.swatch9').forEach(swatch9 => {\r\n    swatch9.addEventListener('mouseenter', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n    });\r\n\r\n    swatch9.addEventListener('click', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n\r\n      \/\/ Remove 'active' class from all swatches in the group\r\n      group.querySelectorAll('.swatch9').forEach(s => s.classList.remove('active'));\r\n\r\n      \/\/ Add 'active' class to the clicked swatch9\r\n      this.classList.add('active');\r\n    });\r\n  });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-86adf80 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"86adf80\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d51219\" data-id=\"6d51219\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23f0162 elementor-widget elementor-widget-spacer\" data-id=\"23f0162\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-fee782f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fee782f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ae02f0\" data-id=\"0ae02f0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a5668b wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"5a5668b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleurs Terrasse avantage<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-b0cdb23 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b0cdb23\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23d8485\" data-id=\"23d8485\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-683c97f elementor-widget elementor-widget-html\" data-id=\"683c97f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-group\">\r\n  <!-- Left Column: Swatches -->\r\n  <div class=\"color-swatches\">\r\n    <div class=\"swatch3\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-noyer-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-8.jpg');\" \r\n         title=\"Noyer\">\r\n      <div class=\"color-name\">Noyer<\/div>\r\n    <\/div>\r\n    <div class=\"swatch3\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-noir-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-7.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch3\" \r\n      data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-erable-1.jpg\" \r\n      style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Decking-Rich-Maple-Wood-Board-1.jpg');\"\r\n         title=\"\u00c9rable\">\r\n      <div class=\"color-name\">\u00c9rable<\/div>\r\n    <\/div>\r\n    <div class=\"swatch3\" \r\n      data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-gris-perle-1.jpg\" \r\n      style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Decking-Pearl-Grey-Wood-Board-1.jpg');\" \r\n         title=\"Gris perle\">\r\n      <div class=\"color-name\">Gris perle<\/div>\r\n    <\/div>\r\n    <div class=\"swatch3\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-bois-naturel-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-1.jpg');\" \r\n         title=\"Bois naturel\">\r\n      <div class=\"color-name\">Bois naturel<\/div>\r\n    <\/div>\r\n    <div class=\"swatch3\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-gris-nordique-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/01\/decking-nordic-grey.png');\" \r\n         title=\"Gris nordique\">\r\n      <div class=\"color-name\">Gris nordique<\/div>\r\n    <\/div>\r\n    <div class=\"swatch3\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-brun-classique-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-2.jpg');\" \r\n         title=\"Brun classique\">\r\n      <div class=\"color-name\">Brun classique<\/div>\r\n    <\/div>\r\n     <div class=\"swatch3\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-blanc-chene-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image.jpg');\" \r\n         title=\"Blanc ch\u00eane\">\r\n      <div class=\"color-name\">Blanc ch\u00eane<\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" class=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/deck-noyer-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.color-group').forEach(group => {\r\n  const previewImage = group.querySelector('.preview-image'); \/\/ Find the preview image within the group\r\n\r\n  group.querySelectorAll('.swatch3').forEach(swatch3 => {\r\n    swatch3.addEventListener('mouseenter', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n    });\r\n\r\n    swatch3.addEventListener('click', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n\r\n      \/\/ Remove 'active' class from all swatches in the group\r\n      group.querySelectorAll('.swatch3').forEach(s => s.classList.remove('active'));\r\n\r\n      \/\/ Add 'active' class to the clicked swatch3\r\n      this.classList.add('active');\r\n    });\r\n  });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-26013f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"26013f1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6499ad6\" data-id=\"6499ad6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1364e8 elementor-widget elementor-widget-spacer\" data-id=\"b1364e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-c617d47 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c617d47\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-808d9b3\" data-id=\"808d9b3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fd9dfce wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"fd9dfce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleurs Rev\u00eatement Classique<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-848f585 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"848f585\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8888dcc\" data-id=\"8888dcc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1442f63 elementor-widget elementor-widget-html\" data-id=\"1442f63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-group\">\r\n  <!-- Left Column: swatch4es -->\r\n  <div class=\"color-swatches\">\r\n    <div class=\"swatch4\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-classic-noyer-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Walnut-Wood-Board.jpg');\" \r\n         title=\"Noyer\">\r\n      <div class=\"color-name\">Noyer<\/div>\r\n    <\/div>\r\n    <div class=\"swatch4\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-classic-noir-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Black-Wood-Board.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch4\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-classic-teck-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Teak-Wood-Board.jpg');\" \r\n         title=\"Teck\">\r\n      <div class=\"color-name\">Teck<\/div>\r\n    <\/div>\r\n    <div class=\"swatch4\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-classic-pierre-cendree-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Grey-Rock-Wood-Board.jpg');\" \r\n         title=\"Pierre cendr\u00e9e\">\r\n      <div class=\"color-name\">Pierre cendr\u00e9e<\/div>\r\n    <\/div>\r\n    <div class=\"swatch4\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-classic-natural-wood-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/01\/natural-wood.png');\" \r\n         title=\"Bois naturel\">\r\n      <div class=\"color-name\">Bois naturel<\/div>\r\n    <\/div>\r\n    <div class=\"swatch4\" \r\n    data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Cladding-classic-gris-perle-1.jpg\" \r\n    style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Gris-perle-2-1-1.jpg');\" \r\n         title=\"Gris perle\">\r\n      <div class=\"color-name\">Gris perle<\/div>\r\n    <\/div>\r\n    <div class=\"swatch4\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-classic-brun-class-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Vintage-Brown-Wood-Board.jpg');\" \r\n         title=\"Brun classique\">\r\n      <div class=\"color-name\">Brun classique<\/div>\r\n    <\/div>\r\n    <div class=\"swatch4\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-classic-blanc-chene-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-White-Oak-Wood-Board.jpg');\" \r\n         title=\"Blanc ch\u00eane\">\r\n      <div class=\"color-name\">Blanc ch\u00eane<\/div>\r\n    <\/div>\r\n     \r\n    \r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" class=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-classic-noyer-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.color-group').forEach(group => {\r\n  const previewImage = group.querySelector('.preview-image'); \/\/ Use class selector for the preview image\r\n\r\n  group.querySelectorAll('.swatch4').forEach(swatch4 => {\r\n    swatch4.addEventListener('mouseenter', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n    });\r\n\r\n    swatch4.addEventListener('click', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n\r\n      \/\/ Remove 'active' class from all swatches in the group\r\n      group.querySelectorAll('.swatch4').forEach(s => s.classList.remove('active'));\r\n\r\n      \/\/ Add 'active' class to the clicked swatch4\r\n      this.classList.add('active');\r\n    });\r\n  });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-7fa4c5b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7fa4c5b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41c85bd\" data-id=\"41c85bd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0321753 elementor-widget elementor-widget-spacer\" data-id=\"0321753\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-76e765e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"76e765e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ef1a07\" data-id=\"5ef1a07\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21e5d8c wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"21e5d8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleurs Rev\u00eatement Royal<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-e135878 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e135878\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b01e9c\" data-id=\"2b01e9c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f57e78 elementor-widget elementor-widget-html\" data-id=\"0f57e78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-group\">\r\n  <!-- Left Column: Swatches -->\r\n  <div class=\"color-swatches\">\r\n    <div class=\"swatch5\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-noyer-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Walnut-Royal-Wood-Board.jpg');\" \r\n         title=\"Noyer\">\r\n      <div class=\"color-name\">Noyer<\/div>\r\n    <\/div>\r\n    <div class=\"swatch5\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-noir-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Black-Royal-Wood-Board.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch5\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-teck-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Teak-Royal-Wood-Board.jpg');\" \r\n         title=\"Teck\">\r\n      <div class=\"color-name\">Teck<\/div>\r\n    <\/div>\r\n    <div class=\"swatch5\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-pierre-cendree-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Grey-Rock-Royal-Wood-Board.jpg');\" \r\n         title=\"Pierre cendr\u00e9e\">\r\n      <div class=\"color-name\">Pierre cendr\u00e9e<\/div>\r\n    <\/div>\r\n    <div class=\"swatch5\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-bois-naturel-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Natural-Royal-Wood-Board.jpg');\" \r\n         title=\"Bois naturel\">\r\n      <div class=\"color-name\">Bois naturel<\/div>\r\n    <\/div>\r\n    <div class=\"swatch5\" \r\n    data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-gris-perle-1.jpg\" \r\n    style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/Gris-perle-3-1.jpg');\"\r\n         title=\"Gris perle\">\r\n      <div class=\"color-name\">Gris perle<\/div>\r\n    <\/div>\r\n    <div class=\"swatch5\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-brun-classique-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-Vintage-Brown-Royal-Wood-Board.jpg');\" \r\n         title=\"Brun classique\">\r\n      <div class=\"color-name\">Brun classique<\/div>\r\n    <\/div>\r\n     <div class=\"swatch5\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-blanc-chene-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/05\/Fence-White-Oak-Royal-Wood-Board.jpg');\" \r\n         title=\"Blanc ch\u00eane\">\r\n      <div class=\"color-name\">Blanc ch\u00eane<\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" class=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-royal-noyer-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.color-group').forEach(group => {\r\n  const previewImage = group.querySelector('.preview-image'); \/\/ Find the preview image within the group\r\n\r\n  group.querySelectorAll('.swatch5').forEach(swatch5 => {\r\n    swatch5.addEventListener('mouseenter', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n    });\r\n\r\n    swatch5.addEventListener('click', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n\r\n      \/\/ Remove 'active' class from all swatches in the group\r\n      group.querySelectorAll('.swatch5').forEach(s => s.classList.remove('active'));\r\n\r\n      \/\/ Add 'active' class to the clicked swatch5\r\n      this.classList.add('active');\r\n    });\r\n  });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c5b4df elementor-widget elementor-widget-spacer\" data-id=\"5c5b4df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-32b66f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32b66f8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-49d41cf\" data-id=\"49d41cf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d855acc wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"d855acc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleurs Rev\u00eatement Imp\u00e9riale<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-b43e6d4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b43e6d4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6242f99\" data-id=\"6242f99\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d6f346 elementor-widget elementor-widget-html\" data-id=\"5d6f346\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-group\">\r\n  <!-- Left Column: Swatches -->\r\n  <div class=\"color-swatches\">\r\n    <div class=\"swatch6\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Cladding-imperial-noyer-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-14.jpg');\" \r\n         title=\"Noyer\">\r\n      <div class=\"color-name\">Noyer<\/div>\r\n    <\/div>\r\n    <div class=\"swatch6\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Cladding-imperial-noir-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-22.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch6\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-imperial-teck-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-15.jpg');\" \r\n         title=\"Teck\">\r\n      <div class=\"color-name\">Teck<\/div>\r\n    <\/div>\r\n    <div class=\"swatch6\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-imperial-pierre-cendree-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/11-couleurs-imperial.jpg');\" \r\n         title=\"Pierre cendr\u00e9e\">\r\n      <div class=\"color-name\">Pierre cendr\u00e9e<\/div>\r\n    <\/div>\r\n    <div class=\"swatch6\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-imperial-bois-naturel-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-17.jpg');\" \r\n         title=\"Bois naturel\">\r\n      <div class=\"color-name\">Bois naturel<\/div>\r\n    <\/div>\r\n    <div class=\"swatch6\" \r\n    data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Cladding-imperial-gris-perle-1.jpg\" \r\n    style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-19-1.jpg');\" \r\n         title=\"Gris perle\">\r\n      <div class=\"color-name\">Gris perle<\/div>\r\n    <\/div>\r\n    <div class=\"swatch6\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-imperial-brun-classique-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-11-1.jpg');\" \r\n         title=\"Brun classique\">\r\n      <div class=\"color-name\">Brun classique<\/div>\r\n    <\/div>\r\n     <div class=\"swatch6\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/cladding-imperial-blanc-chene-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/image-18.jpg');\" \r\n         title=\"Blanc ch\u00eane\">\r\n      <div class=\"color-name\">Blanc ch\u00eane<\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" class=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Cladding-imperial-noyer-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.color-group').forEach(group => {\r\n  const previewImage = group.querySelector('.preview-image'); \/\/ Find the preview image within the group\r\n\r\n  group.querySelectorAll('.swatch6').forEach(swatch6 => {\r\n    swatch6.addEventListener('mouseenter', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n    });\r\n\r\n    swatch6.addEventListener('click', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n\r\n      \/\/ Remove 'active' class from all swatches in the group\r\n      group.querySelectorAll('.swatch6').forEach(s => s.classList.remove('active'));\r\n\r\n      \/\/ Add 'active' class to the clicked swatch6\r\n      this.classList.add('active');\r\n    });\r\n  });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-a1881ba elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a1881ba\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9329efc\" data-id=\"9329efc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-597c4d4 elementor-widget elementor-widget-spacer\" data-id=\"597c4d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-3d2d0e5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d2d0e5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f91cf2e\" data-id=\"f91cf2e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e317d24 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"e317d24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleur Rev\u00eatement Planche &amp; Baguette<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-4dfe4d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4dfe4d5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8433d0e\" data-id=\"8433d0e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1e6faf elementor-widget elementor-widget-html\" data-id=\"b1e6faf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-group\">\r\n  <!-- Left Column: Swatches -->\r\n  <div class=\"color-swatches\">\r\n    <div class=\"swatch7\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-noyer-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Noyer-copy-scaled.jpg');\" \r\n         title=\"Noyer\">\r\n      <div class=\"color-name\">Noyer<\/div>\r\n    <\/div>\r\n    <div class=\"swatch7\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-noir-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Noir-copy-scaled.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch7\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-teck-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Teck-copy-scaled.jpg');\" \r\n         title=\"Teck\">\r\n      <div class=\"color-name\">Teck<\/div>\r\n    <\/div>\r\n    <div class=\"swatch7\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-Pierre-cendree-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Pierre-cendree-copy-scaled.jpg');\" \r\n         title=\"Pierre cendr\u00e9e\">\r\n      <div class=\"color-name\">Pierre cendr\u00e9e<\/div>\r\n    <\/div>\r\n    <div class=\"swatch7\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-Bois-naturel-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Bois-naturel-copy-scaled.jpg');\" \r\n         title=\"Bois naturel\">\r\n      <div class=\"color-name\">Bois naturel<\/div>\r\n    <\/div>\r\n    <div class=\"swatch7\" \r\n    data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-Gris-perle-1.jpg\" \r\n    style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Gris-perle-copy-scaled.jpg');\" \r\n         title=\"Gris perle\">\r\n      <div class=\"color-name\">Gris perle<\/div>\r\n    <\/div>\r\n    <div class=\"swatch7\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-Brun-classique-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Brun-classique-copy-scaled.jpg');\" \r\n         title=\"Brun classique\">\r\n      <div class=\"color-name\">Brun classique<\/div>\r\n    <\/div>\r\n     <div class=\"swatch7\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-blanc-chene-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Blanc-chene-copy-scaled.jpg');\" \r\n         title=\"Blanc ch\u00eane\">\r\n      <div class=\"color-name\">Blanc ch\u00eane<\/div>\r\n    <\/div>\r\n    <div class=\"swatch7\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-Blanc-pur-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2024\/12\/BB-Blanc-pur-copy-scaled.jpg');\" \r\n         title=\"Blanc pur\">\r\n      <div class=\"color-name\">Blanc pur<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" class=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/BB-noyer-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.color-group').forEach(group => {\r\n  const previewImage = group.querySelector('.preview-image'); \/\/ Find the preview image within the group\r\n\r\n  group.querySelectorAll('.swatch7').forEach(swatch7 => {\r\n    swatch7.addEventListener('mouseenter', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n    });\r\n\r\n    swatch7.addEventListener('click', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n\r\n      \/\/ Remove 'active' class from all swatches in the group\r\n      group.querySelectorAll('.swatch7').forEach(s => s.classList.remove('active'));\r\n\r\n      \/\/ Add 'active' class to the clicked swatch7\r\n      this.classList.add('active');\r\n    });\r\n  });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-2a01468 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2a01468\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0108084\" data-id=\"0108084\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f90c33a elementor-widget elementor-widget-spacer\" data-id=\"f90c33a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-9c123bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9c123bb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-949bea7\" data-id=\"949bea7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01c5261 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"01c5261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Couleur Cabanons<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-b6acaec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b6acaec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-daab3b6\" data-id=\"daab3b6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e53d52c elementor-widget elementor-widget-html\" data-id=\"e53d52c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"color-group\">\r\n  <!-- Left Column: Swatches -->\r\n  <div class=\"color-swatches1\">\r\n    <div class=\"swatch8\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Mirage-noyer-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Walnut-1000x253-copy-1.jpg');\" \r\n         title=\"Noyer\">\r\n      <div class=\"color-name\">Noyer<\/div>\r\n    <\/div>\r\n    <div class=\"swatch8\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Mirage-noir-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Noir-1000x253-copy-1.jpg');\" \r\n         title=\"Noir\">\r\n      <div class=\"color-name\">Noir<\/div>\r\n    <\/div>\r\n    <div class=\"swatch8\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Mirage-pierre-cendree-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Pierre-cendree-1000x253-copy-1.jpg');\" \r\n         title=\"Pierre cendr\u00e9e\">\r\n      <div class=\"color-name\">Pierre cendr\u00e9e<\/div>\r\n    <\/div>\r\n    <div class=\"swatch8\" \r\n         data-image=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Mirage-gris-nordique-1.jpg\" \r\n         style=\"background-image: url('https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Gris-nordique-1000x253-copy-1.jpg');\" \r\n         title=\"Gris nordique\">\r\n      <div class=\"color-name\">Gris nordique<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Right Column: Image Preview -->\r\n  <div class=\"color-preview\">\r\n    <img decoding=\"async\" class=\"preview-image\" \r\n         src=\"https:\/\/www.fiberwood.ca\/wp-content\/uploads\/2025\/02\/Mirage-noyer-1.jpg\" \r\n         alt=\"Preview Image\" \/>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\ndocument.querySelectorAll('.color-group').forEach(group => {\r\n  const previewImage = group.querySelector('.preview-image'); \/\/ Find the preview image within the group\r\n\r\n  group.querySelectorAll('.swatch8').forEach(swatch8 => {\r\n    swatch8.addEventListener('mouseenter', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n    });\r\n\r\n    swatch8.addEventListener('click', function () {\r\n      const newImage = this.getAttribute('data-image');\r\n      previewImage.src = newImage; \/\/ Update the group's preview image\r\n\r\n      \/\/ Remove 'active' class from all swatches in the group\r\n      group.querySelectorAll('.swatch8').forEach(s => s.classList.remove('active'));\r\n\r\n      \/\/ Add 'active' class to the clicked swatch8\r\n      this.classList.add('active');\r\n    });\r\n  });\r\n});\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fiberwood couleurs 2025 Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"city":[],"province":[],"region":[],"board":[],"class_list":["post-54468","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/pages\/54468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/comments?post=54468"}],"version-history":[{"count":112,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/pages\/54468\/revisions"}],"predecessor-version":[{"id":65880,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/pages\/54468\/revisions\/65880"}],"wp:attachment":[{"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/media?parent=54468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/categories?post=54468"},{"taxonomy":"city","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/city?post=54468"},{"taxonomy":"province","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/province?post=54468"},{"taxonomy":"region","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/region?post=54468"},{"taxonomy":"board","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/board?post=54468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}