{"id":68310,"date":"2025-05-27T11:17:56","date_gmt":"2025-05-27T15:17:56","guid":{"rendered":"https:\/\/www.fiberwood.ca\/?page_id=68310"},"modified":"2026-03-05T12:53:28","modified_gmt":"2026-03-05T17:53:28","slug":"couleur","status":"publish","type":"page","link":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/","title":{"rendered":"Kiosque | Couleur"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"68310\" class=\"elementor elementor-68310 elementor-68311\" 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-14384a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"14384a6\" 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-60fbd99b\" data-id=\"60fbd99b\" 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-7253eda3 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"7253eda3\" 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\">nos couleurs fiberwood<\/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-7c6b658c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c6b658c\" 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-59b42df2\" data-id=\"59b42df2\" 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-14da3f31 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"14da3f31\" 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-573bf189 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"573bf189\" 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-26bcca66\" data-id=\"26bcca66\" 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-523af8d4 elementor-widget elementor-widget-html\" data-id=\"523af8d4\" 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-3b3a54f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3b3a54f3\" 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-40dc4782\" data-id=\"40dc4782\" 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-978ac25 elementor-widget elementor-widget-spacer\" data-id=\"978ac25\" 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-4f35a293 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f35a293\" 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-32ed9261\" data-id=\"32ed9261\" 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-737002e0 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"737002e0\" 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-159ce210 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"159ce210\" 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-d943547\" data-id=\"d943547\" 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-4d17970 elementor-widget elementor-widget-html\" data-id=\"4d17970\" 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-da2ba0e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"da2ba0e\" 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-e148b96\" data-id=\"e148b96\" 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-3946c057 elementor-widget elementor-widget-spacer\" data-id=\"3946c057\" 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-5e904240 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e904240\" 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-1b66b0bc\" data-id=\"1b66b0bc\" 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-642e6370 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"642e6370\" 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-6d392ea2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d392ea2\" 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-6c70b1c2\" data-id=\"6c70b1c2\" 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-debc4ca elementor-widget elementor-widget-html\" data-id=\"debc4ca\" 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-6a56ace3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a56ace3\" 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-2512ccc5\" data-id=\"2512ccc5\" 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-177c9aa2 elementor-widget elementor-widget-spacer\" data-id=\"177c9aa2\" 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-105e78d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"105e78d5\" 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-5d66730d\" data-id=\"5d66730d\" 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-2b4927b2 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"2b4927b2\" 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-38ee7af7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38ee7af7\" 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-605394e0\" data-id=\"605394e0\" 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-543443a5 elementor-widget elementor-widget-html\" data-id=\"543443a5\" 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-1c79199 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c79199\" 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-b91c46a\" data-id=\"b91c46a\" 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-8e8ac40 elementor-widget elementor-widget-spacer\" data-id=\"8e8ac40\" 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-240802dd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"240802dd\" 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-f739a5c\" data-id=\"f739a5c\" 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-2f5c3126 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"2f5c3126\" 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-3520c2d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3520c2d\" 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-727e43b2\" data-id=\"727e43b2\" 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-738d51ae elementor-widget elementor-widget-html\" data-id=\"738d51ae\" 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-14c59df4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"14c59df4\" 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-76b8c81f\" data-id=\"76b8c81f\" 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-228ec6f8 elementor-widget elementor-widget-spacer\" data-id=\"228ec6f8\" 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-31cc0f28 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31cc0f28\" 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-60de04aa\" data-id=\"60de04aa\" 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-960b2ba wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"960b2ba\" 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-73e6bc4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73e6bc4\" 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-6e9e12b3\" data-id=\"6e9e12b3\" 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-6899aaad elementor-widget elementor-widget-html\" data-id=\"6899aaad\" 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-34d206b6 elementor-widget elementor-widget-spacer\" data-id=\"34d206b6\" 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-63582c03 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63582c03\" 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-35f36da6\" data-id=\"35f36da6\" 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-44ae9291 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"44ae9291\" 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-63c0bf0b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63c0bf0b\" 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-20ecc158\" data-id=\"20ecc158\" 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-4e187f86 elementor-widget elementor-widget-html\" data-id=\"4e187f86\" 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-30db8bdb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"30db8bdb\" 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-26a8be6d\" data-id=\"26a8be6d\" 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-7f933c36 elementor-widget elementor-widget-spacer\" data-id=\"7f933c36\" 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-15bf9775 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"15bf9775\" 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-395e87c1\" data-id=\"395e87c1\" 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-387a8868 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"387a8868\" 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-3cd1483e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3cd1483e\" 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-2cb1c19b\" data-id=\"2cb1c19b\" 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-2249858a elementor-widget elementor-widget-html\" data-id=\"2249858a\" 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-1fe47c94 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1fe47c94\" 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-4611e5e8\" data-id=\"4611e5e8\" 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-1491f371 elementor-widget elementor-widget-spacer\" data-id=\"1491f371\" 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-7578f104 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7578f104\" 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-75c3686e\" data-id=\"75c3686e\" 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-4c078e8d wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"4c078e8d\" 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-209b672f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"209b672f\" 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-76defb17\" data-id=\"76defb17\" 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-efdc6dc elementor-widget elementor-widget-html\" data-id=\"efdc6dc\" 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>nos couleurs fiberwood Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":67759,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"city":[],"province":[],"region":[],"board":[],"class_list":["post-68310","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"nos couleurs fiberwood Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc ch\u00eane Couleurs Cl\u00f4ture Royale Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc Ch\u00eane Couleurs Cl\u00f4tures d&#039;Aluminium Noir Grain de bois brun p\u00e2le Grain de bois gris fonc\u00e9\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"wakbDbH7CGUhDKT81iv3l311nmyWlYfqhph7BR2JgHQ\" \/>\n\t<meta name=\"msvalidate.01\" content=\"F9D2A6256296D6AAC106F746E9C87936\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_CA\" \/>\n\t\t<meta property=\"og:site_name\" content=\"FiberWood | Bois composite\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Kiosque | Couleur | FiberWood\" \/>\n\t\t<meta property=\"og:description\" content=\"nos couleurs fiberwood Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc ch\u00eane Couleurs Cl\u00f4ture Royale Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc Ch\u00eane Couleurs Cl\u00f4tures d&#039;Aluminium Noir Grain de bois brun p\u00e2le Grain de bois gris fonc\u00e9\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-05-27T15:17:56+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-03-05T17:53:28+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/FiberWood.Canada\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Kiosque | Couleur | FiberWood\" \/>\n\t\t<meta name=\"twitter:description\" content=\"nos couleurs fiberwood Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc ch\u00eane Couleurs Cl\u00f4ture Royale Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc Ch\u00eane Couleurs Cl\u00f4tures d&#039;Aluminium Noir Grain de bois brun p\u00e2le Grain de bois gris fonc\u00e9\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/couleur\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/#listItem\",\"position\":2,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/#listItem\",\"name\":\"Kiosque | Accueil\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"#listItem\",\"name\":\"You are here\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/#listItem\",\"position\":3,\"name\":\"Kiosque | Accueil\",\"item\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/couleur\\\/#listItem\",\"name\":\"Kiosque | Couleur\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/couleur\\\/#listItem\",\"position\":4,\"name\":\"Kiosque | Couleur\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/#listItem\",\"name\":\"Kiosque | Accueil\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/#organization\",\"name\":\"FiberWood\",\"description\":\"Bois composite\",\"url\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/\",\"email\":\"info@fiberwood.ca\",\"telephone\":\"+18883601866\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/FiberWood.Canada\\\/\",\"https:\\\/\\\/www.instagram.com\\\/fiberwood.canada\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@fiberwood\",\"https:\\\/\\\/ca.linkedin.com\\\/company\\\/fiberwood\",\"https:\\\/\\\/www.yelp.ca\\\/biz\\\/fiberwood-bois-des-filion\"],\"address\":{\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/#postaladdress\",\"@type\":\"PostalAddress\",\"streetAddress\":\"829 Boulevard Industriel, #105\",\"postalCode\":\"J6Z 4T3\",\"addressLocality\":\"Bois-des-Filion\",\"addressRegion\":\"Quebec\",\"addressCountry\":\"CA\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/couleur\\\/#webpage\",\"url\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/couleur\\\/\",\"name\":\"Kiosque | Couleur | FiberWood\",\"description\":\"nos couleurs fiberwood Couleurs Cl\\u00f4ture Classique Noyer Noir Teck Pierre cendr\\u00e9e Brun classique Gris perle \\u00c9rable Gris nordique Bois naturel Blanc ch\\u00eane Couleurs Cl\\u00f4ture Royale Noyer Noir Teck Pierre cendr\\u00e9e Brun classique Gris perle \\u00c9rable Gris nordique Bois naturel Blanc Ch\\u00eane Couleurs Cl\\u00f4tures d'Aluminium Noir Grain de bois brun p\\u00e2le Grain de bois gris fonc\\u00e9\",\"inLanguage\":\"fr-CA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/kiosque\\\/couleur\\\/#breadcrumblist\"},\"datePublished\":\"2025-05-27T11:17:56-04:00\",\"dateModified\":\"2026-03-05T12:53:28-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/\",\"name\":\"FiberWood\",\"description\":\"Bois composite\",\"inLanguage\":\"fr-CA\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fiberwood.ca\\\/fr\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<script type=\"text\/javascript\">\n\t\t\t(function(c,l,a,r,i,t,y){\n\t\t\tc[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};t=l.createElement(r);t.async=1;\n\t\t\tt.src=\"https:\/\/www.clarity.ms\/tag\/\"+i+\"?ref=aioseo\";y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\n\t\t})(window, document, \"clarity\", \"script\", \"bfabkyl83n\");\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Kiosque | Couleur | FiberWood<\/title>\n\n","aioseo_head_json":{"title":"Kiosque | Couleur | FiberWood","description":"nos couleurs fiberwood Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc ch\u00eane Couleurs Cl\u00f4ture Royale Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc Ch\u00eane Couleurs Cl\u00f4tures d'Aluminium Noir Grain de bois brun p\u00e2le Grain de bois gris fonc\u00e9","canonical_url":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"wakbDbH7CGUhDKT81iv3l311nmyWlYfqhph7BR2JgHQ","msvalidate.01":"F9D2A6256296D6AAC106F746E9C87936","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.fiberwood.ca\/fr\/#listItem","position":2,"name":"Home","item":"https:\/\/www.fiberwood.ca\/fr\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/#listItem","name":"Kiosque | Accueil"},"previousItem":{"@type":"ListItem","@id":"#listItem","name":"You are here"}},{"@type":"ListItem","@id":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/#listItem","position":3,"name":"Kiosque | Accueil","item":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/#listItem","name":"Kiosque | Couleur"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.fiberwood.ca\/fr\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/#listItem","position":4,"name":"Kiosque | Couleur","previousItem":{"@type":"ListItem","@id":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/#listItem","name":"Kiosque | Accueil"}}]},{"@type":"Organization","@id":"https:\/\/www.fiberwood.ca\/fr\/#organization","name":"FiberWood","description":"Bois composite","url":"https:\/\/www.fiberwood.ca\/fr\/","email":"info@fiberwood.ca","telephone":"+18883601866","sameAs":["https:\/\/www.facebook.com\/FiberWood.Canada\/","https:\/\/www.instagram.com\/fiberwood.canada\/","https:\/\/www.tiktok.com\/@fiberwood","https:\/\/ca.linkedin.com\/company\/fiberwood","https:\/\/www.yelp.ca\/biz\/fiberwood-bois-des-filion"],"address":{"@id":"https:\/\/www.fiberwood.ca\/fr\/#postaladdress","@type":"PostalAddress","streetAddress":"829 Boulevard Industriel, #105","postalCode":"J6Z 4T3","addressLocality":"Bois-des-Filion","addressRegion":"Quebec","addressCountry":"CA"}},{"@type":"WebPage","@id":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/#webpage","url":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/","name":"Kiosque | Couleur | FiberWood","description":"nos couleurs fiberwood Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc ch\u00eane Couleurs Cl\u00f4ture Royale Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc Ch\u00eane Couleurs Cl\u00f4tures d'Aluminium Noir Grain de bois brun p\u00e2le Grain de bois gris fonc\u00e9","inLanguage":"fr-CA","isPartOf":{"@id":"https:\/\/www.fiberwood.ca\/fr\/#website"},"breadcrumb":{"@id":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/#breadcrumblist"},"datePublished":"2025-05-27T11:17:56-04:00","dateModified":"2026-03-05T12:53:28-05:00"},{"@type":"WebSite","@id":"https:\/\/www.fiberwood.ca\/fr\/#website","url":"https:\/\/www.fiberwood.ca\/fr\/","name":"FiberWood","description":"Bois composite","inLanguage":"fr-CA","publisher":{"@id":"https:\/\/www.fiberwood.ca\/fr\/#organization"}}]},"og:locale":"fr_CA","og:site_name":"FiberWood | Bois composite","og:type":"article","og:title":"Kiosque | Couleur | FiberWood","og:description":"nos couleurs fiberwood Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc ch\u00eane Couleurs Cl\u00f4ture Royale Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc Ch\u00eane Couleurs Cl\u00f4tures d'Aluminium Noir Grain de bois brun p\u00e2le Grain de bois gris fonc\u00e9","og:url":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/","article:published_time":"2025-05-27T15:17:56+00:00","article:modified_time":"2026-03-05T17:53:28+00:00","article:publisher":"https:\/\/www.facebook.com\/FiberWood.Canada\/","twitter:card":"summary","twitter:title":"Kiosque | Couleur | FiberWood","twitter:description":"nos couleurs fiberwood Couleurs Cl\u00f4ture Classique Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc ch\u00eane Couleurs Cl\u00f4ture Royale Noyer Noir Teck Pierre cendr\u00e9e Brun classique Gris perle \u00c9rable Gris nordique Bois naturel Blanc Ch\u00eane Couleurs Cl\u00f4tures d'Aluminium Noir Grain de bois brun p\u00e2le Grain de bois gris fonc\u00e9"},"aioseo_meta_data":{"post_id":"68310","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-03-05 17:53:50","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"open_ai":"{\"title\":{\"suggestions\":[],\"usage\":0},\"description\":{\"suggestions\":[],\"usage\":0}}","ai":null,"created":"2025-05-27 15:17:58","updated":"2026-03-05 17:53:50"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\tYou are here\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/www.fiberwood.ca\/fr\/\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/www.fiberwood.ca\/fr\/kiosque\/\" title=\"Kiosque | Accueil\">Kiosque | Accueil<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\tKiosque | Couleur\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"You are here","link":""},{"label":"Home","link":"https:\/\/www.fiberwood.ca\/fr\/"},{"label":"Kiosque | Accueil","link":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/"},{"label":"Kiosque | Couleur","link":"https:\/\/www.fiberwood.ca\/fr\/kiosque\/couleur\/"}],"_links":{"self":[{"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/pages\/68310","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/comments?post=68310"}],"version-history":[{"count":21,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/pages\/68310\/revisions"}],"predecessor-version":[{"id":76182,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/pages\/68310\/revisions\/76182"}],"up":[{"embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/pages\/67759"}],"wp:attachment":[{"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/media?parent=68310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/categories?post=68310"},{"taxonomy":"city","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/city?post=68310"},{"taxonomy":"province","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/province?post=68310"},{"taxonomy":"region","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/region?post=68310"},{"taxonomy":"board","embeddable":true,"href":"https:\/\/www.fiberwood.ca\/fr\/wp-json\/wp\/v2\/board?post=68310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}