{"id":523,"date":"2025-10-11T20:25:34","date_gmt":"2025-10-11T20:25:34","guid":{"rendered":"https:\/\/lemarbre.tn\/lemarbre\/?page_id=523"},"modified":"2025-10-15T23:52:58","modified_gmt":"2025-10-15T23:52:58","slug":"couleur","status":"publish","type":"page","link":"https:\/\/lemarbre.tn\/lemarbre\/couleur\/","title":{"rendered":"Couleur"},"content":{"rendered":"\n<style>\n.textures-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 60px 20px;\n}\n\n.page-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.page-header h1 {\n    font-size: 42px;\n    font-weight: 300;\n    color: #222;\n    margin-bottom: 15px;\n}\n\n.page-header p {\n    font-size: 18px;\n    color: #666;\n}\n\n.textures-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 35px;\n    margin-bottom: 40px;\n}\n\n.texture-card {\n    background: white;\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 2px 15px rgba(0,0,0,0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    cursor: pointer;\n}\n\n.texture-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n}\n\n.texture-image-container {\n    position: relative;\n    width: 100%;\n    height: 280px;\n    overflow: hidden;\n    background: #f5f5f5;\n}\n\n.texture-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.texture-card:hover .texture-image {\n    transform: scale(1.08);\n}\n\n.texture-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);\n    padding: 25px 20px;\n    color: white;\n}\n\n.texture-name {\n    font-size: 22px;\n    font-weight: 600;\n    margin-bottom: 5px;\n}\n\n.texture-code {\n    font-size: 13px;\n    opacity: 0.9;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.texture-info {\n    padding: 20px;\n}\n\n.texture-description {\n    font-size: 14px;\n    color: #777;\n    margin-bottom: 15px;\n    line-height: 1.6;\n}\n\n.texture-uses {\n    font-size: 13px;\n    color: #999;\n    margin-bottom: 15px;\n}\n\n.btn-see-texture {\n    width: 100%;\n    padding: 12px 25px;\n    background: #222;\n    color: white;\n    border: none;\n    border-radius: 5px;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.3s ease;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.btn-see-texture:hover {\n    background: #000;\n}\n\n@media (max-width: 768px) {\n    .textures-grid {\n        grid-template-columns: 1fr;\n    }\n    .page-header h1 {\n        font-size: 32px;\n    }\n    .texture-image-container {\n        height: 250px;\n    }\n}\n<\/style>\n\n<div class=\"textures-container\">\n    <div class=\"page-header\">\n        <h1>Nos Textures de Quartz<\/h1>\n        <p>D\u00e9couvrez notre collection de textures Silestone by Cosentino<\/p>\n    <\/div>\n\n    <div class=\"textures-grid\" id=\"texturesGrid\"><\/div>\n<\/div>\n\n<script>\nconst textures = [\n    {\n        id: 1,\n        name: \"Jardin Emerald\",\n        description: \"Texture quartz verte profonde avec nuances naturelles. Parfait pour cr\u00e9er une ambiance sophistiqu\u00e9e et apaisante.\",\n        uses: \"Id\u00e9al pour : Cuisine, Table basse, Comptoirs\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/1-1.png\"\n    },\n    {\n        id: 2,\n        name: \"Et Marquina\",\n        description: \"Un noir intense sublim\u00e9 par de fines veines blanches, inspir\u00e9 du marbre Marquina pour une \u00e9l\u00e9gance intemporelle.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/eternel-marquina.jpg\"\n    },\n    {\n        id: 3,\n        name: \"Et Noir\",\n        description: \"Une surface d\u2019un noir profond travers\u00e9e de veines blanches \u00e9l\u00e9gantes, alliant raffinement et r\u00e9sistance exceptionnelle.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/eternel-noir.avif\"\n    },\n    {\n        id: 4,\n        name: \"Et D'Or\",\n        description: \"Une surface lumineuse aux veines dor\u00e9es raffin\u00e9es, symbole d\u2019\u00e9l\u00e9gance et de sophistication contemporaine.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/1-3.png\"\n    },\n    {\n        id: 5,\n        name: \"Elysia Gold\",\n        description: \"Une teinte claire et harmonieuse rehauss\u00e9e de veines dor\u00e9es subtiles, alliant luxe et douceur naturelle.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Elysia-Gold-1.jpg\"\n    },\n    {\n        id: 6,\n        name: \"Mistarl White\",\n        description: \"Une surface blanche douce, vein\u00e9e de nuances beiges et dor\u00e9es, \u00e9voquant la puret\u00e9 et la chaleur du marbre naturel.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Mistral-White-1.jpg\"\n    },\n    {\n        id: 7,\n        name: \"Badal Grey\",\n        description: \"Un gris nuanc\u00e9 \u00e9l\u00e9gant, travers\u00e9 de fines veines blanches, apportant une touche moderne et raffin\u00e9e \u00e0 tous les espaces.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Badal-Grey.jpg\"\n    },\n    {\n        id: 8,\n        name: \"Desert Silver\",\n        description: \"Un ton gris clair \u00e9l\u00e9gant, parcouru de fines veines blanches inspir\u00e9es du marbre, alliant sobri\u00e9t\u00e9 et raffinement intemporel.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/desert-silver.jpg\"\n    },\n    {\n        id: 9,\n        name: \"Ice Max Black\",\n        description: \"Un noir intense sublim\u00e9 par des veines argent\u00e9es spectaculaires, \u00e9voquant la glace sur une surface volcanique pour un effet luxueux et dramatique.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/ice-max-black-1.jpg\"\n    },\n\n    {\n        id: 10,\n        name: \"Macchia-Vecchia\",\n        description: \"un blanc raffin\u00e9 travers\u00e9 de veines grises et dor\u00e9es, inspir\u00e9 du marbre italien classique pour une \u00e9l\u00e9gance naturelle et intemporelle.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Macchia-Vecchia-1.jpg\"\n    },\n\n    {\n        id: 11,\n        name: \"Noble Athos Brown\",\n        description: \"un brun profond et chaleureux, agr\u00e9ment\u00e9 de veines subtiles, \u00e9voquant la richesse du bois naturel et la sophistication intemporelle.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Noble-Athos-Brown-1.jpg\"\n    },\n\n    {\n        id: 12,\n        name: \"Taurus Terrazzo White\",\n        description: \"Un design audacieux m\u00ealant \u00e9clats noirs et fond blanc, offrant une touche artistique et contemporaine inspir\u00e9e du terrazzo italien classique.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/terrazzo-white-i.png\"\n    },\n\n    {\n        id: 13,\n        name: \"Taurus Terazzo Grey\",\n        description: \"Un gris raffin\u00e9 parsem\u00e9 d\u2019\u00e9clats min\u00e9raux sombres, mariant robustesse et \u00e9l\u00e9gance urbaine dans un style terrazzo moderne.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Taurus-Terazzo-Grey.jpg\"\n    },\n{\n        id: 14,\n        name: \"Calacata Gold\",\n        description: \"Un blanc lumineux travers\u00e9 de veines dor\u00e9es et grises, alliant puret\u00e9 et \u00e9l\u00e9gance pour un rendu luxueux et intemporel.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/calacata-gold.png\"\n    },\n\n{        id: 15,\n        name: \"Duna Beige\",\n        description: \"Une teinte sable douce et chaleureuse, \u00e9voquant la s\u00e9r\u00e9nit\u00e9 du d\u00e9sert et apportant une \u00e9l\u00e9gance naturelle aux espaces modernes.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Duna-Beige-1.jpg\"\n    },\n\n{        id: 16,\n        name: \"Et Emperador\",\n        description: \"Un brun profond sublim\u00e9 par de fines veines dor\u00e9es, \u00e9voquant la richesse du marbre classique et apportant chaleur et raffinement \u00e0 tout espace.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/eternel-emperador.png\"\n    },\n\n{        id: 17,\n        name: \"Noble Imperial Grey\",\n        description: \"Un gris profond aux nuances nuageuses, m\u00ealant \u00e9l\u00e9gance et modernit\u00e9 pour un style \u00e0 la fois sobre et raffin\u00e9.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Noble-Imperial-Grey.jpg\"\n    },\n\n{        id: 18,\n        name: \"Snowy Ibiza\",\n        description: \"Un blanc lumineux rehauss\u00e9 de fines veines grises, inspir\u00e9 du marbre naturel, pour une allure pure et intemporelle.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/snowy-ibiza.jpg\"\n    },\n\n {       id: 19,\n        name: \"Taurus Terazzo Black\",\n        description: \"Un design audacieux m\u00ealant fond noir intense et \u00e9clats min\u00e9raux clairs, pour un style contemporain et luxueux.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Taurus-Terazzo-Black-.jpg\"\n    },\n\n{        id: 20,\n        name: \"Taj Mahal\",\n        description: \"Une teinte beige douce et lumineuse aux nuances nacr\u00e9es, \u00e9voquant l\u2019\u00e9l\u00e9gance naturelle de la pierre noble.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Tej-Mahal.jpg\"\n    },\n\n{        id: 21,\n        name: \"Ethereal Glow\",\n        description: \"Un blanc \u00e9clatant travers\u00e9 de fines veines dor\u00e9es, apportant une touche lumineuse et raffin\u00e9e \u00e0 tout espace.\",\n        image: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/Ethereal-Glow.png\"\n    },\n\n\n\n\n\n\n];\n\nfunction renderTextures() {\n    const grid = document.getElementById('texturesGrid');\n    \n    textures.forEach(texture => {\n        const card = document.createElement('div');\n        card.className = 'texture-card';\n        card.onclick = () => window.location.href = `?page_id=525&texture=${texture.id}`;\n        \n        card.innerHTML = `\n            <div class=\"texture-image-container\">\n                <img decoding=\"async\" src=\"${texture.image}\" alt=\"${texture.name}\" class=\"texture-image\">\n                <div class=\"texture-overlay\">\n                    <div class=\"texture-name\">${texture.name}<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"texture-info\">\n                <p class=\"texture-description\">${texture.description}<\/p>\n                <button class=\"btn-see-texture\">Voir la texture<\/button>\n            <\/div>\n        `;\n        \n        grid.appendChild(card);\n    });\n}\n\ndocument.addEventListener('DOMContentLoaded', renderTextures);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Nos Textures de Quartz D\u00e9couvrez notre collection de textures Silestone by Cosentino<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-523","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/pages\/523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/comments?post=523"}],"version-history":[{"count":36,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/pages\/523\/revisions"}],"predecessor-version":[{"id":744,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/pages\/523\/revisions\/744"}],"wp:attachment":[{"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/media?parent=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}