{"id":249,"date":"2026-04-14T15:12:46","date_gmt":"2026-04-14T13:12:46","guid":{"rendered":"https:\/\/vpterrassement.myskydoowebsite.com\/?page_id=249"},"modified":"2026-05-07T15:36:04","modified_gmt":"2026-05-07T13:36:04","slug":"galerie","status":"publish","type":"page","link":"https:\/\/vpterrassement.myskydoowebsite.com\/?page_id=249","title":{"rendered":"Galerie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"249\" class=\"elementor elementor-249\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfada30 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"dfada30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3405c53 elementor-widget elementor-widget-html\" data-id=\"3405c53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{\r\n    box-sizing:border-box;\r\n    margin:0;\r\n    padding:0;\r\n}\r\n:root{\r\n    --accent:#adba70;\r\n    --accent-dark:#8a9655;\r\n    --dark:#1f2419;\r\n    --text:#3a3f33;\r\n    --muted:#6b7065;\r\n    --bg:#fafaf7;\r\n    --cream:#f4f2ec;\r\n    --white:#fff;\r\n    --border:#e8e6df;\r\n    --shadow:0 10px 40px rgba(31,36,25,.08);\r\n    --shadow-lg:0 20px 60px rgba(31,36,25,.12);\r\n    --radius:14px;\r\n    --radius-lg:22px;\r\n}\r\nbody{\r\n    font-family:'DM Sans',sans-serif;\r\n    color:var(--text);\r\n    background:var(--bg);\r\n    line-height:1.65;\r\n    font-size:16px;\r\n    overflow-x:hidden;\r\n}\r\nh1{\r\n    font-family:'Playfair Display',Georgia,serif;\r\n    font-weight:600;\r\n    line-height:1.15;\r\n    letter-spacing:-.02em;\r\n    color:var(--dark);\r\n    font-size:clamp(2.2rem,5vw,4rem);\r\n}\r\nh1 span{\r\n    color:var(--accent-dark);\r\n    font-style:italic;\r\n}\r\np{\r\n    margin-bottom:0;\r\n    color:var(--muted);\r\n}\r\n.container{\r\n    max-width:1240px;\r\n    margin:0 auto;\r\n    padding:0 24px;\r\n}\r\n.eyebrow{\r\n    display:inline-block;\r\n    font-size:.72rem;\r\n    letter-spacing:.22em;\r\n    text-transform:uppercase;\r\n    color:var(--accent-dark);\r\n    font-weight:600;\r\n    margin-bottom:1rem;\r\n    padding:.35rem .9rem;\r\n    background:rgba(173,186,112,.13);\r\n    border-radius:50px;\r\n}\r\n\r\n\/* HERO GALERIE *\/\r\n.hero-galerie{\r\n    background:linear-gradient(135deg,#f7f6f1 0%,#eceae0 100%);\r\n    padding:clamp(60px,8vw,100px) 0;\r\n    position:relative;\r\n    overflow:hidden;\r\n    text-align:center;\r\n}\r\n.hero-galerie::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-200px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    width:700px;\r\n    height:700px;\r\n    background:radial-gradient(circle,rgba(173,186,112,.15) 0%,transparent 70%);\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n}\r\n.hero-galerie-inner{\r\n    position:relative;\r\n    z-index:1;\r\n    max-width:700px;\r\n    margin:0 auto;\r\n}\r\n.hero-galerie h1{\r\n    margin-bottom:1.2rem;\r\n}\r\n.hero-galerie p{\r\n    font-size:1.1rem;\r\n    color:var(--muted);\r\n    max-width:520px;\r\n    margin:0 auto;\r\n}\r\n\r\n\/* STATS BAR *\/\r\n.stats-bar{\r\n    background:var(--white);\r\n    border-top:1px solid var(--border);\r\n    border-bottom:1px solid var(--border);\r\n    margin-top:0;\r\n}\r\n.stats-bar-inner{\r\n    display:flex;\r\n    justify-content:center;\r\n    max-width:1240px;\r\n    margin:0 auto;\r\n    padding:0 24px;\r\n}\r\n.stat-item{\r\n    padding:2rem 4rem;\r\n    text-align:center;\r\n    border-right:1px solid var(--border);\r\n    flex:1;\r\n    max-width:260px;\r\n}\r\n.stat-item:last-child{\r\n    border-right:none;\r\n}\r\n.stat-item strong{\r\n    display:block;\r\n    font-family:'Playfair Display',Georgia,serif;\r\n    font-size:2.2rem;\r\n    color:var(--dark);\r\n    line-height:1;\r\n    margin-bottom:.3rem;\r\n}\r\n.stat-item strong span{\r\n    color:var(--accent-dark);\r\n    font-style:italic;\r\n}\r\n.stat-item p{\r\n    font-size:.83rem;\r\n    color:var(--muted);\r\n}\r\n\r\n@media(max-width:960px){\r\n    .stats-bar-inner{\r\n        flex-wrap:wrap\r\n    }\r\n    .stat-item{\r\n        border-right:none;\r\n        border-bottom:1px solid var(--border);\r\n        max-width:50%;\r\n        flex:0 0 50%;\r\n    }\r\n    .stat-item:nth-child(2n){\r\n        border-right:none;\r\n    }\r\n    .stat-item:last-child{\r\n        border-bottom:none;\r\n    }\r\n}\r\n@media(max-width:600px){\r\n    .stat-item{\r\n        max-width:100%;\r\n        flex:0 0 100%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- HERO GALERIE -->\r\n<section class=\"hero-galerie\">\r\n  <div class=\"container\">\r\n    <div class=\"hero-galerie-inner\">\r\n      <span class=\"eyebrow\">Nos r\u00e9alisations<\/span>\r\n      <h1>Notre <span>galerie<\/span> de projets<\/h1>\r\n      <p>D\u00e9couvrez nos r\u00e9alisations en terrassement, am\u00e9nagements ext\u00e9rieurs, piscines et construction \u00e0 Andenne et dans toute la Province de Namur.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- STATS BAR -->\r\n<div class=\"stats-bar\">\r\n  <div class=\"stats-bar-inner\">\r\n    <div class=\"stat-item\"><strong><span>500+<\/span><\/strong><p>Projets r\u00e9alis\u00e9s<\/p><\/div>\r\n    <div class=\"stat-item\"><strong><span>15+<\/span><\/strong><p>Ann\u00e9es d'exp\u00e9rience<\/p><\/div>\r\n    <div class=\"stat-item\"><strong><span>100%<\/span><\/strong><p>Sur mesure<\/p><\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8efc617 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"8efc617\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05d7ebd elementor-widget elementor-widget-html\" data-id=\"05d7ebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{box-sizing:border-box;margin:0;padding:0;}\r\n:root{\r\n    --accent:#adba70;--accent-dark:#8a9655;--dark:#1f2419;--text:#3a3f33;\r\n    --muted:#6b7065;--bg:#fafaf7;--cream:#f4f2ec;--white:#fff;\r\n    --border:#e8e6df;--shadow:0 10px 40px rgba(31,36,25,.08);\r\n    --shadow-lg:0 20px 60px rgba(31,36,25,.12);--radius:14px;--radius-lg:22px;\r\n}\r\nbody{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);line-height:1.65;font-size:16px;overflow-x:hidden;}\r\nimg{max-width:100%;height:auto;display:block;}\r\n.container{max-width:1280px;margin:0 auto;padding:0 24px;}\r\n.section{padding:clamp(50px,7vw,90px) 0;}\r\n\r\n\/* FILTRES *\/\r\n.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:3rem;}\r\n.filter-btn{padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;letter-spacing:.05em;border-radius:50px;border:2px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .25s ease;font-family:'DM Sans',sans-serif;}\r\n.filter-btn:hover{border-color:var(--accent);color:var(--accent-dark);}\r\n.filter-btn.active{background:var(--dark);color:var(--white);border-color:var(--dark);}\r\n\r\n\/* GRID MASONRY *\/\r\n.gallery-grid{columns:4;column-gap:16px;}\r\n.gallery-item{break-inside:avoid;margin-bottom:16px;position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;}\r\n.gallery-item img{width:100%;display:block;border-radius:var(--radius);transition:transform .6s ease;}\r\n.gallery-item:hover img{transform:scale(1.06);}\r\n.gallery-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(31,36,25,.7) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1.2rem;border-radius:var(--radius);}\r\n.gallery-item:hover .gallery-item-overlay{opacity:1;}\r\n.gallery-item-label{color:var(--white);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;}\r\n.gallery-item-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:all .3s ease;width:48px;height:48px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;}\r\n.gallery-item-zoom svg{width:20px;height:20px;stroke:var(--dark);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}\r\n.gallery-item:hover .gallery-item-zoom{opacity:1;transform:translate(-50%,-50%) scale(1);}\r\n.gallery-item.hidden{display:none;}\r\n\r\n\/* LIGHTBOX *\/\r\n.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;}\r\n.lightbox.open{display:flex;}\r\n.lightbox-inner{position:relative;max-width:1000px;width:100%;}\r\n.lightbox-inner img{width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius);display:block;}\r\n.lightbox-close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;}\r\n.lightbox-close:hover{background:rgba(255,255,255,.3);}\r\n.lightbox-close svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}\r\n.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;}\r\n.lightbox-prev{left:-60px;}\r\n.lightbox-next{right:-60px;}\r\n.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,.3);}\r\n.lightbox-prev svg,.lightbox-next svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}\r\n.lightbox-caption{text-align:center;color:rgba(255,255,255,.7);font-size:.85rem;margin-top:1rem;letter-spacing:.05em;text-transform:uppercase;}\r\n\r\n@media(max-width:1024px){.gallery-grid{columns:3;}}\r\n@media(max-width:680px){.gallery-grid{columns:2;}.lightbox-prev{left:-10px;}.lightbox-next{right:-10px;}}\r\n@media(max-width:420px){.gallery-grid{columns:1;}}\r\n<\/style>\r\n\r\n<section class=\"section\" style=\"background:var(--bg)\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"gallery-filters\">\r\n      <button class=\"filter-btn active\" data-filter=\"all\">Tous les projets<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"terrassement\">Terrassement<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"amenagement\">Am\u00e9nagements<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"salle-de-bain\">Salles de bain<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"construction\">Construction<\/button>\r\n      <button class=\"filter-btn\" data-filter=\"piscine\">Piscines<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-grid\" id=\"galleryGrid\">\r\n\r\n      <!-- Terrassement -->\r\n      <div class=\"gallery-item\" data-cat=\"terrassement\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/construction-vp-terrassement-andenne-1200x400-1.webp\" alt=\"Terrassement Andenne VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Terrassement<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-cat=\"terrassement\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/amenagement-exterieur-andenne-vp-terrassement.webp\" alt=\"Am\u00e9nagement ext\u00e9rieur Andenne\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Terrassement<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item\" data-cat=\"terrassement\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/1000000178-scaled.jpg\" alt=\"Am\u00e9nagement ext\u00e9rieur Andenne\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Terrassement<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <!-- Am\u00e9nagements -->\r\n     <div class=\"gallery-item\" data-cat=\"amenagement\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/IMG_1420-scaled.jpeg\" alt=\"Terrasse am\u00e9nag\u00e9e Namur\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Am\u00e9nagements<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item\" data-cat=\"amenagement\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/amenagement-exterieure-terrasse-namur-vp-terrassement.webp\" alt=\"Terrasse am\u00e9nag\u00e9e Namur\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Am\u00e9nagements<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-cat=\"amenagement\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/amenagements-exterieurs-terrasse-namur-vp-terrassemebt-480x551-1.webp\" alt=\"Terrasse ext\u00e9rieure Namur\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Am\u00e9nagements<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n   \r\n\r\n      <!-- Salles de bain -->\r\n    \r\n      <div class=\"gallery-item\" data-cat=\"salle-de-bain\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/amenagement-interieure-salle-de-bain-namur-vp-terrassement.webp\" alt=\"Salle de bain moderne Namur\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Salle de bain<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n         <div class=\"gallery-item\" data-cat=\"salle-de-bain\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/IMG_1399-scaled.jpeg\" alt=\"Salle de bain marbre douche Andenne VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Salle de bain<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-cat=\"salle-de-bain\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/amenagement-interieure-salle-de-bain-namur.webp\" alt=\"Salle de bain baignoire carrelage noir Namur\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Salle de bain<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-cat=\"salle-de-bain\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/amenagement-interieure-salle-de-bain-vp-terrassement-andenne.webp\" alt=\"Salle de bain marbre douche Andenne VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Salle de bain<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n       <div class=\"gallery-item\" data-cat=\"salle-de-bain\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/IMG_1401-scaled.jpeg\" alt=\"Salle de bain marbre douche Andenne VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Salle de bain<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <!-- Construction -->\r\n      <div class=\"gallery-item\" data-cat=\"construction\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/amenagement-exterieur-vp-terrassement.webp\" alt=\"Construction VP Terrassement Andenne\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Construction<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n       <div class=\"gallery-item\" data-cat=\"construction\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/IMG_1410-scaled.jpeg\" alt=\"Construction VP Terrassement Andenne\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Construction<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div> <div class=\"gallery-item\" data-cat=\"construction\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/IMG_1409-scaled.jpeg\" alt=\"Construction VP Terrassement Andenne\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Construction<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item\" data-cat=\"construction\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/20230304_151155-scaled.jpg\" alt=\"Construction VP Terrassement Andenne\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Construction<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           PISCINES \u2014 existantes + 4 nouvelles\r\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n      <div class=\"gallery-item\" data-cat=\"piscine\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/piscine-namur-vp-terrassement.webp\" alt=\"Piscine construite Namur VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Piscines<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-cat=\"piscine\">\r\n        <img decoding=\"async\" src=\"https:\/\/vpterrassement.myskydoowebsite.com\/wp-content\/uploads\/construction-piscine-andenne-namur.webp\" alt=\"Construction piscine Andenne VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Piscines<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2705 4 nouvelles images piscine upload\u00e9es -->\r\n      <!-- \u26a0\ufe0f Remplace les src par tes URLs WordPress apr\u00e8s upload dans la m\u00e9diath\u00e8que -->\r\n      <div class=\"gallery-item\" data-cat=\"piscine\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540809730-176027d4590f?w=800&q=80\" alt=\"Piscine VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Piscines<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-cat=\"piscine\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1603033825246-53b4d1e5c509?w=800&q=80\" alt=\"Piscine am\u00e9nag\u00e9e VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Piscines<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-cat=\"piscine\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1603034203013-d532350372c6?w=800&q=80\" alt=\"Piscine ext\u00e9rieure VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Piscines<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"gallery-item\" data-cat=\"piscine\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1693949881527-6ace7f216806?w=800&q=80\" alt=\"Piscine construction VP Terrassement\">\r\n        <div class=\"gallery-item-overlay\"><span class=\"gallery-item-label\">Piscines<\/span><\/div>\r\n        <div class=\"gallery-item-zoom\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- LIGHTBOX -->\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n  <div class=\"lightbox-inner\">\r\n    <div class=\"lightbox-close\" id=\"lightboxClose\">\r\n      <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n    <\/div>\r\n    <div class=\"lightbox-prev\" id=\"lightboxPrev\">\r\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n    <\/div>\r\n    <img decoding=\"async\" id=\"lightboxImg\" src=\"\" alt=\"\">\r\n    <div class=\"lightbox-next\" id=\"lightboxNext\">\r\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n    <\/div>\r\n    <p class=\"lightbox-caption\" id=\"lightboxCaption\"><\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst filterBtns = document.querySelectorAll('.filter-btn');\r\nconst items = document.querySelectorAll('.gallery-item');\r\n\r\nfilterBtns.forEach(btn => {\r\n  btn.addEventListener('click', () => {\r\n    filterBtns.forEach(b => b.classList.remove('active'));\r\n    btn.classList.add('active');\r\n    const filter = btn.dataset.filter;\r\n    items.forEach(item => {\r\n      if(filter === 'all' || item.dataset.cat === filter){\r\n        item.classList.remove('hidden');\r\n      } else {\r\n        item.classList.add('hidden');\r\n      }\r\n    });\r\n  });\r\n});\r\n\r\nlet currentIndex = 0;\r\nlet visibleItems = [];\r\n\r\nfunction openLightbox(index){\r\n  visibleItems = Array.from(items).filter(i => !i.classList.contains('hidden'));\r\n  currentIndex = index;\r\n  const img = visibleItems[currentIndex].querySelector('img');\r\n  const label = visibleItems[currentIndex].querySelector('.gallery-item-label');\r\n  document.getElementById('lightboxImg').src = img.src;\r\n  document.getElementById('lightboxImg').alt = img.alt;\r\n  document.getElementById('lightboxCaption').textContent = label ? label.textContent : '';\r\n  document.getElementById('lightbox').classList.add('open');\r\n  document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeLightbox(){\r\n  document.getElementById('lightbox').classList.remove('open');\r\n  document.body.style.overflow = '';\r\n}\r\n\r\nfunction prevImg(){\r\n  visibleItems = Array.from(items).filter(i => !i.classList.contains('hidden'));\r\n  currentIndex = (currentIndex - 1 + visibleItems.length) % visibleItems.length;\r\n  const img = visibleItems[currentIndex].querySelector('img');\r\n  const label = visibleItems[currentIndex].querySelector('.gallery-item-label');\r\n  document.getElementById('lightboxImg').src = img.src;\r\n  document.getElementById('lightboxCaption').textContent = label ? label.textContent : '';\r\n}\r\n\r\nfunction nextImg(){\r\n  visibleItems = Array.from(items).filter(i => !i.classList.contains('hidden'));\r\n  currentIndex = (currentIndex + 1) % visibleItems.length;\r\n  const img = visibleItems[currentIndex].querySelector('img');\r\n  const label = visibleItems[currentIndex].querySelector('.gallery-item-label');\r\n  document.getElementById('lightboxImg').src = img.src;\r\n  document.getElementById('lightboxCaption').textContent = label ? label.textContent : '';\r\n}\r\n\r\nitems.forEach((item) => {\r\n  item.addEventListener('click', () => {\r\n    visibleItems = Array.from(items).filter(it => !it.classList.contains('hidden'));\r\n    const visibleIndex = visibleItems.indexOf(item);\r\n    openLightbox(visibleIndex);\r\n  });\r\n});\r\n\r\ndocument.getElementById('lightboxClose').addEventListener('click', closeLightbox);\r\ndocument.getElementById('lightboxPrev').addEventListener('click', prevImg);\r\ndocument.getElementById('lightboxNext').addEventListener('click', nextImg);\r\ndocument.getElementById('lightbox').addEventListener('click', e => {\r\n  if(e.target === document.getElementById('lightbox')) closeLightbox();\r\n});\r\ndocument.addEventListener('keydown', e => {\r\n  if(e.key === 'Escape') closeLightbox();\r\n  if(e.key === 'ArrowLeft') prevImg();\r\n  if(e.key === 'ArrowRight') nextImg();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nos r\u00e9alisations Notre galerie de projets D\u00e9couvrez nos r\u00e9alisations en terrassement, am\u00e9nagements ext\u00e9rieurs, piscines et construction \u00e0 Andenne et dans toute la Province de Namur. 500+ Projets r\u00e9alis\u00e9s 15+ Ann\u00e9es d&rsquo;exp\u00e9rience 100% Sur mesure Tous les projets Terrassement Am\u00e9nagements Salles de bain Construction Piscines Terrassement Terrassement Terrassement Am\u00e9nagements Am\u00e9nagements Am\u00e9nagements Salle de bain Salle de bain Salle de bain Salle de bain Salle de bain Construction Construction Construction Construction Piscines Piscines Piscines Piscines Piscines Piscines<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vpterrassement.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/pages\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vpterrassement.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vpterrassement.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vpterrassement.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vpterrassement.myskydoowebsite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=249"}],"version-history":[{"count":76,"href":"https:\/\/vpterrassement.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/pages\/249\/revisions"}],"predecessor-version":[{"id":941,"href":"https:\/\/vpterrassement.myskydoowebsite.com\/index.php?rest_route=\/wp\/v2\/pages\/249\/revisions\/941"}],"wp:attachment":[{"href":"https:\/\/vpterrassement.myskydoowebsite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}