{"id":3826,"date":"2026-01-23T09:46:06","date_gmt":"2026-01-23T14:46:06","guid":{"rendered":"https:\/\/camemat.magnetis.info\/page-d-exemple\/"},"modified":"2026-04-22T13:45:44","modified_gmt":"2026-04-22T17:45:44","slug":"page-d-exemple","status":"publish","type":"page","link":"https:\/\/camemat.com\/en\/","title":{"rendered":"Accueil"},"content":{"rendered":"\r\n<section class=\"camemat-hero\" class=\"wp-block-acf-hero\">\r\n    <div class=\"camemat-hero__container\">\r\n        <div class=\"camemat-hero__content\">\r\n                        <h1 class=\"camemat-hero__heading\" data-reveal=\"slide-up\" data-reveal-group=\"hero-6a03663657c3b\">Choose <span class=\"camemat-hero__accent camemat-hero__accent--primary\">premium materials<\/span>, create <span class=\"camemat-hero__accent camemat-hero__accent--secondary\">lasting impact<\/span>.<\/h1>            \r\n                        <p class=\"camemat-hero__text\" data-reveal=\"slide-up\" data-reveal-delay=\"250\" data-reveal-group=\"hero-6a03663657c3b\">Choose the highest quality on the market with our synthetic balcony and deck boards, railings and balusters, columns and mouldings, combining aesthetics, durability, and zero maintenance at all times.<\/p>\r\n            \r\n                        <div class=\"wp-block-button is-style-camemat-tertiary camemat-hero__button\" data-reveal=\"slide-up\" data-reveal-delay=\"500\" data-reveal-group=\"hero-6a03663657c3b\">\r\n                <a class=\"wp-block-button__link\" href=\"https:\/\/camemat.com\/en\/products\/\"\r\n                    >\r\n                    Discover our products                <\/a>\r\n            <\/div>\r\n                    <\/div>\r\n\r\n                <div class=\"camemat-hero__image-wrapper\">\r\n            <img decoding=\"async\" class=\"camemat-hero__image\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/camemat-img-herosection.webp\"\r\n                alt=\"\" loading=\"eager\" \/>\r\n            <div class=\"camemat-hero__graphic\">\r\n                <div class=\"camemat-hero__rotating-circle\">\r\n                    <!-- Two circles with 4 arc segments each -->\r\n                    <svg class=\"camemat-hero__circle-svg\" viewBox=\"0 0 400 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path class=\"camemat-hero__arc camemat-hero__arc--outer\" d=\"M 380.0 200.0 A 180 180 0 0 1 261.6 369.1\" \/><path class=\"camemat-hero__arc camemat-hero__arc--outer\" d=\"M 131.1 366.3 A 180 180 0 0 1 20.2 192.1\" \/><path class=\"camemat-hero__arc camemat-hero__arc--outer\" d=\"M 72.7 72.7 A 180 180 0 0 1 276.1 36.9\" \/><path class=\"camemat-hero__arc camemat-hero__arc--outer\" d=\"M 366.3 131.1 A 180 180 0 0 1 321.6 332.7\" \/><path class=\"camemat-hero__arc camemat-hero__arc--inner\" d=\"M 340.0 200.0 A 140 140 0 0 1 247.9 331.6\" \/><path class=\"camemat-hero__arc camemat-hero__arc--inner\" d=\"M 200.0 340.0 A 140 140 0 0 1 68.4 247.9\" \/><path class=\"camemat-hero__arc camemat-hero__arc--inner\" d=\"M 60.0 200.0 A 140 140 0 0 1 152.1 68.4\" \/><path class=\"camemat-hero__arc camemat-hero__arc--inner\" d=\"M 200.0 60.0 A 140 140 0 0 1 331.6 152.1\" \/>                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"camemat-hero__pastille-container\">\r\n                <div class=\"camemat-hero__pastille-wrapper\">\r\n                                        <img decoding=\"async\" class=\"camemat-hero__pastille\" src=\"https:\/\/camemat.com\/wp-content\/themes\/camemat\/assets\/images\/Pastille-en.png\" alt=\"30 ans\"\r\n                        loading=\"eager\" \/>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n<\/section>\n\n<section class=\"camemat-products\" class=\"wp-block-acf-products\">\n    <div class=\"camemat-products__container\">\n        <!-- Left Content Area -->\n        <div class=\"camemat-products__content\">\n            <div class=\"camemat-products__content-inner\">\n                <h2 class=\"camemat-products__heading text-style-heading-4 mb-4\" data-reveal=\"slide-up\" data-reveal-delay=\"250\" data-reveal-group=\"products-6a036636597a4\">Our products<\/h2>\n\n                                <div class=\"camemat-products__product-content is-active\"\n                    data-slide-index=\"0\" data-reveal=\"slide-up\" data-reveal-delay=\"500\" data-reveal-group=\"products-6a036636597a4\">\n                    <h3 class=\"camemat-products__product-title\">Balcony and deck flooring<\/h3>\n                    <div class=\"camemat-products__product-text\">\n                        Durable, attractive synthetic balcony and deck boards designed to eliminate maintenance.                    <\/div>\n                                        <div class=\"wp-block-button is-style-camemat-primary camemat-products__product-button\">\n                        <a class=\"wp-block-button__link\" href=\"https:\/\/camemat.com\/en\/product-category\/balcony-patio-flooring\/\"\n                            >\n                            Discover                        <\/a>\n                    <\/div>\n                                    <\/div>\n                                <div class=\"camemat-products__product-content \"\n                    data-slide-index=\"1\" data-reveal=\"slide-up\" data-reveal-delay=\"500\" data-reveal-group=\"products-6a036636597a4\">\n                    <h3 class=\"camemat-products__product-title\">Railings and Columns<\/h3>\n                    <div class=\"camemat-products__product-text\">\n                        Strong and elegant railings and columns that bring safety, style, and long-lasting performance to your home.                    <\/div>\n                                        <div class=\"wp-block-button is-style-camemat-primary camemat-products__product-button\">\n                        <a class=\"wp-block-button__link\" href=\"https:\/\/camemat.com\/en\/product-category\/railings-columns\/\"\n                            >\n                            Discover                        <\/a>\n                    <\/div>\n                                    <\/div>\n                                <div class=\"camemat-products__product-content \"\n                    data-slide-index=\"2\" data-reveal=\"slide-up\" data-reveal-delay=\"500\" data-reveal-group=\"products-6a036636597a4\">\n                    <h3 class=\"camemat-products__product-title\">Exterior Finishing Elements<\/h3>\n                    <div class=\"camemat-products__product-text\">\n                        Mouldings and decorative elements that enhance your outdoor spaces with elegance and precision.                    <\/div>\n                                        <div class=\"wp-block-button is-style-camemat-primary camemat-products__product-button\">\n                        <a class=\"wp-block-button__link\" href=\"https:\/\/camemat.com\/en\/product-category\/decorative-mouldings-ornaments\/\"\n                            >\n                            Discover                        <\/a>\n                    <\/div>\n                                    <\/div>\n                \n                <!-- Navigation Controls -->\n                <div class=\"camemat-products__navigation\" data-reveal=\"slide-up\" data-reveal-delay=\"750\" data-reveal-group=\"products-6a036636597a4\">\n                    <button data-direction=\"-1\" class=\"camemat-products__nav-button camemat-products__nav-button--prev\"\n                        aria-label=\"Previous product\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                    <button data-direction=\"1\" class=\"camemat-products__nav-button camemat-products__nav-button--next\"\n                        aria-label=\"Next product\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Image Slider Area -->\n        <div class=\"camemat-products__slider\">\n            <div class=\"camemat-products__slider-track\" data-current-index=\"0\"\n                data-total-slides=\"3\">\n                                <div class=\"camemat-products__slide is-active\"\n                    data-slide-index=\"0\">\n                                        <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Planchers-de-balcon-patio.webp\"\n                        alt=\"Balcony and deck flooring\"\n                        class=\"camemat-products__slide-image\" \/>\n                                    <\/div>\n                                <div class=\"camemat-products__slide \"\n                    data-slide-index=\"1\">\n                                        <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Rampes-et-colonnes.webp\"\n                        alt=\"Railings and Columns\"\n                        class=\"camemat-products__slide-image\" \/>\n                                    <\/div>\n                                <div class=\"camemat-products__slide \"\n                    data-slide-index=\"2\">\n                                        <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Moulures-ornements-decoratifs.webp\"\n                        alt=\"Exterior Finishing Elements\"\n                        class=\"camemat-products__slide-image\" \/>\n                                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    const productsSection = document.querySelector('.camemat-products');\n    if (!productsSection) return;\n\n    const sliderTrack = productsSection.querySelector('.camemat-products__slider-track');\n    const contentSlides = productsSection.querySelectorAll('.camemat-products__product-content');\n    const imageSlides = productsSection.querySelectorAll('.camemat-products__slide');\n    const prevButton = productsSection.querySelector('.camemat-products__nav-button--prev');\n    const nextButton = productsSection.querySelector('.camemat-products__nav-button--next');\n\n    if (!sliderTrack) return;\n\n    const totalSlides = parseInt(sliderTrack.dataset.totalSlides) || 1;\n    let currentIndex = 0;\n\n    function calculateTransform(index) {\n        const isMobile = window.matchMedia('(max-width: 880px)').matches;\n        if (isMobile) {\n            const slider = sliderTrack.parentElement;\n            if (slider && imageSlides.length > 0) {\n                const sliderWidth = slider.offsetWidth;\n                const slideWidth = imageSlides[0].offsetWidth;\n                const gap = parseFloat(getComputedStyle(sliderTrack).gap) || 24;\n                const centerX = sliderWidth \/ 2 - slideWidth \/ 2 - index * (slideWidth + gap);\n                return `translateX(${centerX}px)`;\n            }\n        }\n        const isTablet = window.matchMedia('(max-width: 1199px)').matches;\n        const slidesToMove = totalSlides - 1 - index;\n        if (isTablet) {\n            return `translateX(calc(${slidesToMove} * (55% + 1.5rem)))`;\n        }\n        return `translateX(calc(${slidesToMove} * (40% + 1.5rem) - 3.5rem))`;\n    }\n\n    function updateSlider(index) {\n        currentIndex = index;\n        sliderTrack.dataset.currentIndex = index;\n\n        \/\/ Update transform - slides move right to left\n        sliderTrack.style.transform = calculateTransform(index);\n\n        \/\/ Update content slides\n        contentSlides.forEach((slide, i) => {\n            slide.classList.toggle('is-active', i === index);\n        });\n\n        \/\/ Update image slides\n        imageSlides.forEach((slide, i) => {\n            slide.classList.toggle('is-active', i === index);\n        });\n\n        \/\/ Update button states\n        if (prevButton) {\n            prevButton.disabled = index === 0;\n        }\n        if (nextButton) {\n            nextButton.disabled = index === totalSlides - 1;\n        }\n\n        \/\/ Update section state classes\n        productsSection.classList.remove('is-first', 'is-middle', 'is-last');\n        if (index === 0) {\n            productsSection.classList.add('is-first');\n        } else if (index === totalSlides - 1) {\n            productsSection.classList.add('is-last');\n        } else {\n            productsSection.classList.add('is-middle');\n        }\n    }\n\n    \/\/ Navigation button handlers - slides move right to left\n    if (prevButton) {\n        prevButton.addEventListener('click', () => {\n            if (currentIndex > 0) {\n                updateSlider(currentIndex - 1);\n            }\n        });\n    }\n\n    if (nextButton) {\n        nextButton.addEventListener('click', () => {\n            if (currentIndex < totalSlides - 1) {\n                updateSlider(currentIndex + 1);\n            }\n        });\n    }\n\n    window.addEventListener('resize', () => updateSlider(currentIndex));\n\n    \/\/ Initialize with first slide\n    updateSlider(0);\n})();\n<\/script>\n\n<section class=\"camemat-advantages wp-block-acf-advantages\">\r\n    <div class=\"camemat-advantages__container\">\r\n        <div class=\"camemat-advantages__content\">\r\n            <div data-reveal=\"slide-up\" data-reveal-group=\"advantages-6a0366365b5e0\">\r\n                <h2 class=\"camemat-advantages__heading\">Why choose <span class=\"focus\">Cam\u00e9mat<\/span>?<\/h2>\r\n                <p class=\"camemat-advantages__description\">A trusted partner combining expertise, personalized service, and durable solutions for your outdoor projects.<\/p>\r\n            <\/div>\r\n            <div class=\"camemat-advantages__list\">\r\n                                <div class=\"camemat-advantages__item\" data-reveal=\"slide-up\" data-reveal-delay=\"250\" data-reveal-group=\"advantages-6a0366365b5e0\">\r\n                    <h3 class=\"camemat-advantages__item-title\">\r\n                        <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/02\/camemat-icon-avantages.png\"\r\n                            alt=\"\" \/>\r\n                        <span>Personalized Support<\/span>\r\n                    <\/h3>\r\n                    <p class=\"camemat-advantages__item-description\">Complete support from the first conversation through to project completion.                    <\/p>\r\n                <\/div>\r\n                                <div class=\"camemat-advantages__item\" data-reveal=\"slide-up\" data-reveal-delay=\"500\" data-reveal-group=\"advantages-6a0366365b5e0\">\r\n                    <h3 class=\"camemat-advantages__item-title\">\r\n                        <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/02\/camemat-icon-avantages.png\"\r\n                            alt=\"\" \/>\r\n                        <span>Technical Expertise<\/span>\r\n                    <\/h3>\r\n                    <p class=\"camemat-advantages__item-description\">Fast answers, reliable advice, and proven know-how.                    <\/p>\r\n                <\/div>\r\n                                <div class=\"camemat-advantages__item\" data-reveal=\"slide-up\" data-reveal-delay=\"750\" data-reveal-group=\"advantages-6a0366365b5e0\">\r\n                    <h3 class=\"camemat-advantages__item-title\">\r\n                        <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/02\/camemat-icon-avantages.png\"\r\n                            alt=\"\" \/>\r\n                        <span>High-End, Durable Products<\/span>\r\n                    <\/h3>\r\n                    <p class=\"camemat-advantages__item-description\">Durable, attractive materials designed to last without maintenance.                    <\/p>\r\n                <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section class=\"camemat-values\" class=\"wp-block-acf-values\">\r\n    <div class=\"camemat-values__container\">\r\n        <div class=\"camemat-values__content\">\r\n                        <div class=\"camemat-values__item\">\r\n                <div class=\"camemat-values__item-content\" data-reveal=\"slide-up\" data-reveal-group=\"values-6a0366365d17d\">\r\n                    <h3 class=\"camemat-values__item-title\">\r\n                        <span>Benefits<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/02\/camemat-icon-benifices.png\"\r\n                            alt=\"\" \/>\r\n                    <\/h3>\r\n                    <p class=\"camemat-values__item-description\">Premium, durable, maintenance-free exterior materials, supported by expert guidance at every stage. Enjoy tailored solutions, precise advice, and peace of mind from start to finish. With Cam\u00e9mat, every detail is designed to deliver results that meet your expectations.<\/p>\r\n                <\/div>\r\n                <div class=\"camemat-values__item-image\" data-reveal=\"slide-up\" data-reveal-group=\"values-6a0366365d17d\" data-reveal-delay=\"250\">\r\n                    <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Photo-en-haut-1-1.png\"\r\n                        alt=\"\" class=\"radius-medium\" \/>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"camemat-values__item\">\r\n                <div class=\"camemat-values__item-content\" data-reveal=\"slide-up\" data-reveal-group=\"values-6a0366365d1b6\">\r\n                    <h3 class=\"camemat-values__item-title\">\r\n                        <span>Values<\/span>\r\n                        <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/02\/camemat-icon-valeurs.png\"\r\n                            alt=\"\" \/>\r\n                    <\/h3>\r\n                    <p class=\"camemat-values__item-description\">Respect, teamwork, and availability are at the heart of every project at Cam\u00e9mat. We are committed to delivering a human, transparent, and rigorous experience. Our goal is simple: to make your project a lasting success without compromise.<\/p>\r\n                <\/div>\r\n                <div class=\"camemat-values__item-image\" data-reveal=\"slide-up\" data-reveal-group=\"values-6a0366365d1b6\" data-reveal-delay=\"250\">\r\n                    <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Photo-en-bas-1-1.png\"\r\n                        alt=\"\" class=\"radius-medium\" \/>\r\n                <\/div>\r\n            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section class=\"camemat-realisations wp-block-acf-realisations\">\r\n    <div class=\"camemat-realisations__container\">\r\n        <div class=\"camemat-realisations__content\">\r\n            <div class=\"camemat-realisations__content-inner\">\r\n                <h2 class=\"camemat-realisations__heading\" data-reveal=\"slide-up\" data-reveal-group=\"realisations-6a03663665daf\">Projects<\/h2>\r\n                <div class=\"camemat-realisations__description\" data-reveal=\"slide-up\" data-reveal-delay=\"250\" data-reveal-group=\"realisations-6a03663665daf\">\r\n                    Explore renovation, design, and outdoor living projects where our products and services have made a difference. Whatever your project, find inspiration in the interior and exterior looks we\u2019ve brought to life over the years.\r\n                                        <div class=\"wp-block-button is-style-camemat-primary camemat-realisations__call-to-action\">\r\n                        <a class=\"wp-block-button__link\" href=\"\/en\/projects\"\r\n                            >\r\n                            Discover our projects                        <\/a>\r\n                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"camemat-realisations__list-wrapper\">\r\n                <div class=\"camemat-realisations__list\">\r\n                    <div class=\"camemat-realisations__track\">\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/BAL2110-NP2218-NC2350.png\" alt=\"Goodbye wood, hello uncompromising durability\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/Hotel-de-ville.png\" alt=\"A successful transformation ! St-Jean-Baptiste City Hall\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/Idekk-Intimite.png\" alt=\"An outdoor space reimagined with elegance and privacy\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/Joliette-Naturo-Deck.png\" alt=\"Project in Joliette \u2013 Deck with a modern and distinctive design\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/Kamouraska.jpg\" alt=\"A successful transformation ! Residence in Kamouraska\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Onyx-Rampe.png\" alt=\"Composite Pool Deck in Saint-Hyacinthe | Modern Glass Railing\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Fenestration.jpg\" alt=\"Oversized Doors and Windows | High-End Architectural Trim\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Riviere-Du-Loup-1.png\" alt=\"Elegant Residential Entrance in Rivi\u00e8re-du-Loup. Architectural Column and Custom Details\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/277-Anne-Hebert.png\" alt=\"An Exterior That Stands Out | Strength, Style, and Zero Maintenance\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Contours-porte-et-fenetres.png\" alt=\"Architectural Transformation: The Perfect Balance of Custom Design\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/BAL2110-NP2218-NC2350.png\" alt=\"Goodbye wood, hello uncompromising durability\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/Hotel-de-ville.png\" alt=\"A successful transformation ! St-Jean-Baptiste City Hall\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/Idekk-Intimite.png\" alt=\"An outdoor space reimagined with elegance and privacy\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/Joliette-Naturo-Deck.png\" alt=\"Project in Joliette \u2013 Deck with a modern and distinctive design\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/03\/Kamouraska.jpg\" alt=\"A successful transformation ! Residence in Kamouraska\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Onyx-Rampe.png\" alt=\"Composite Pool Deck in Saint-Hyacinthe | Modern Glass Railing\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Fenestration.jpg\" alt=\"Oversized Doors and Windows | High-End Architectural Trim\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Riviere-Du-Loup-1.png\" alt=\"Elegant Residential Entrance in Rivi\u00e8re-du-Loup. Architectural Column and Custom Details\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/277-Anne-Hebert.png\" alt=\"An Exterior That Stands Out | Strength, Style, and Zero Maintenance\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                                <div class=\"camemat-realisations__item\">\r\n                            <div class=\"camemat-realisations__media\">\r\n                                <img decoding=\"async\" src=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Contours-porte-et-fenetres.png\" alt=\"Architectural Transformation: The Perfect Balance of Custom Design\" \/>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<script>\r\n    (function () {\r\n        function getLoopDistance(track) {\r\n            const n = track.children.length;\r\n            if (n < 2) return track.scrollWidth \/ 2;\r\n            const half = n \/ 2;\r\n            const firstOfSecondSet = track.children[half];\r\n            return firstOfSecondSet ? firstOfSecondSet.offsetLeft : track.scrollWidth \/ 2;\r\n        }\r\n\r\n        const lists = document.querySelectorAll('.camemat-realisations__list');\r\n        lists.forEach((list) => {\r\n            const track = list.querySelector('.camemat-realisations__track');\r\n            if (!track || track.dataset.marqueeInitialized === 'true') {\r\n                return;\r\n            }\r\n            track.dataset.marqueeInitialized = 'true';\r\n\r\n            let x = 0;\r\n            let lastTime = null;\r\n            let paused = false;\r\n            let loopDistance = getLoopDistance(track);\r\n\r\n            const baseDurationPerViewport = 15000;\r\n            let containerWidth = list.clientWidth || list.offsetWidth || track.clientWidth;\r\n            let speed = containerWidth > 0 ? containerWidth \/ baseDurationPerViewport : 0.15;\r\n\r\n            function refreshMeasurements() {\r\n                loopDistance = getLoopDistance(track);\r\n                containerWidth = list.clientWidth || list.offsetWidth || track.clientWidth;\r\n                speed = containerWidth > 0 ? containerWidth \/ baseDurationPerViewport : speed;\r\n            }\r\n\r\n            window.addEventListener('resize', refreshMeasurements);\r\n            const resizeObserver = new ResizeObserver(refreshMeasurements);\r\n            resizeObserver.observe(track);\r\n\r\n            list.addEventListener('mouseenter', () => { paused = true; });\r\n            list.addEventListener('mouseleave', () => { paused = false; });\r\n\r\n            function step(timestamp) {\r\n                if (lastTime === null) lastTime = timestamp;\r\n                const delta = timestamp - lastTime;\r\n                lastTime = timestamp;\r\n\r\n                if (!paused) {\r\n                    x -= delta * speed;\r\n                    while (loopDistance > 0 && -x >= loopDistance) {\r\n                        x += loopDistance;\r\n                    }\r\n                    track.style.transform = 'translateX(' + x + 'px)';\r\n                }\r\n\r\n                requestAnimationFrame(step);\r\n            }\r\n\r\n            requestAnimationFrame(step);\r\n        });\r\n    })();\r\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3826","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Camemat | Exterior decoration: patios, railing, molding, decking<\/title>\n<meta name=\"description\" content=\"At Camemat, we\u2019re specialists in exterior decoration. Since its beginnings in 1995, Camemat has risen to the top rank of distributors of maintenance-free construction materials, including polyurethane railing, balconies, decking and molding, in Quebec and Eastern Canada.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/camemat.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Camemat | Exterior decoration: patios, railing, molding, decking\" \/>\n<meta property=\"og:description\" content=\"At Camemat, we\u2019re specialists in exterior decoration. Since its beginnings in 1995, Camemat has risen to the top rank of distributors of maintenance-free construction materials, including polyurethane railing, balconies, decking and molding, in Quebec and Eastern Canada.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/camemat.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Cam\u00e9mat\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-22T17:45:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Camemat-image-de-partage-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/camemat.com\\\/en\\\/\",\"url\":\"https:\\\/\\\/camemat.com\\\/en\\\/\",\"name\":\"Camemat | Exterior decoration: patios, railing, molding, decking\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/camemat.com\\\/en\\\/#website\"},\"datePublished\":\"2026-01-23T14:46:06+00:00\",\"dateModified\":\"2026-04-22T17:45:44+00:00\",\"description\":\"At Camemat, we\u2019re specialists in exterior decoration. Since its beginnings in 1995, Camemat has risen to the top rank of distributors of maintenance-free construction materials, including polyurethane railing, balconies, decking and molding, in Quebec and Eastern Canada.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/camemat.com\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/camemat.com\\\/en\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/camemat.com\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/camemat.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/camemat.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/camemat.com\\\/en\\\/\",\"name\":\"Cam\u00e9mat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/camemat.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Camemat | Exterior decoration: patios, railing, molding, decking","description":"At Camemat, we\u2019re specialists in exterior decoration. Since its beginnings in 1995, Camemat has risen to the top rank of distributors of maintenance-free construction materials, including polyurethane railing, balconies, decking and molding, in Quebec and Eastern Canada.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/camemat.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Camemat | Exterior decoration: patios, railing, molding, decking","og_description":"At Camemat, we\u2019re specialists in exterior decoration. Since its beginnings in 1995, Camemat has risen to the top rank of distributors of maintenance-free construction materials, including polyurethane railing, balconies, decking and molding, in Quebec and Eastern Canada.","og_url":"https:\/\/camemat.com\/en\/","og_site_name":"Cam\u00e9mat","article_modified_time":"2026-04-22T17:45:44+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/camemat.com\/wp-content\/uploads\/2026\/04\/Camemat-image-de-partage-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/camemat.com\/en\/","url":"https:\/\/camemat.com\/en\/","name":"Camemat | Exterior decoration: patios, railing, molding, decking","isPartOf":{"@id":"https:\/\/camemat.com\/en\/#website"},"datePublished":"2026-01-23T14:46:06+00:00","dateModified":"2026-04-22T17:45:44+00:00","description":"At Camemat, we\u2019re specialists in exterior decoration. Since its beginnings in 1995, Camemat has risen to the top rank of distributors of maintenance-free construction materials, including polyurethane railing, balconies, decking and molding, in Quebec and Eastern Canada.","breadcrumb":{"@id":"https:\/\/camemat.com\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/camemat.com\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/camemat.com\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/camemat.com\/en\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/camemat.com\/en\/#website","url":"https:\/\/camemat.com\/en\/","name":"Cam\u00e9mat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/camemat.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/camemat.com\/en\/wp-json\/wp\/v2\/pages\/3826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/camemat.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/camemat.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/camemat.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/camemat.com\/en\/wp-json\/wp\/v2\/comments?post=3826"}],"version-history":[{"count":5,"href":"https:\/\/camemat.com\/en\/wp-json\/wp\/v2\/pages\/3826\/revisions"}],"predecessor-version":[{"id":5106,"href":"https:\/\/camemat.com\/en\/wp-json\/wp\/v2\/pages\/3826\/revisions\/5106"}],"wp:attachment":[{"href":"https:\/\/camemat.com\/en\/wp-json\/wp\/v2\/media?parent=3826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}