{"id":16,"date":"2026-08-15T20:15:57","date_gmt":"2026-08-15T18:15:57","guid":{"rendered":"https:\/\/jrpdrone.fr\/?page_id=16"},"modified":"2026-08-20T20:11:03","modified_gmt":"2026-08-20T18:11:03","slug":"realisations","status":"publish","type":"page","link":"https:\/\/jrpdrone.fr\/index.php\/realisations\/","title":{"rendered":"R\u00e9alisations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac90992 e-con e-atomic-element e-flexbox-base e-default-div e-0e3cd6b \" data-id=\"ac90992\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ac90992\">\n    \t\t\t<h2 data-interaction-id=\"52e50d1\" class=\"e-52e50d1-d970be7 e-heading-base e-default-h2\">Galerie des r\u00e9alisations<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-af1b1d7 elementor-widget elementor-widget-text-editor\" data-id=\"af1b1d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Explorez nos captures a\u00e9riennes haute r\u00e9solution et nos films vid\u00e9o optimis\u00e9s pour le BTP, l&#8217;industrie et la communication.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7c413f6 e-con e-atomic-element e-flexbox-base e-default-div e-87081ef \" data-id=\"7c413f6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7c413f6\">\n    \t\t<div class=\"elementor-element elementor-element-2b3b12e elementor-widget elementor-widget-html\" data-id=\"2b3b12e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Galerie R\u00e9alisations | JRP Drone<\/title>\r\n    <style>\r\n        :root {\r\n            --bg-dark: #090a0f;\r\n            --card-bg: #12151e;\r\n            --border-color: #2a2e3d;\r\n            --accent-blue: #2563eb;\r\n            --accent-glow: #3b82f6;\r\n            --text-main: #ffffff;\r\n            --text-muted: #a0aec0;\r\n            --radius: 12px;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--bg-dark);\r\n            color: var(--text-main);\r\n            padding: 20px;\r\n        }\r\n\r\n        .gallery-wrapper {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* BARRE DE FILTRES *\/\r\n        .filter-bar {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .filter-btn {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid var(--border-color);\r\n            color: var(--text-muted);\r\n            padding: 10px 20px;\r\n            border-radius: 30px;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .filter-btn:hover, .filter-btn.active {\r\n            background-color: var(--accent-blue);\r\n            color: #ffffff;\r\n            border-color: var(--accent-blue);\r\n            box-shadow: 0 0 15px rgba(37, 99, 235, 0.4);\r\n        }\r\n\r\n        \/* GRILLE DE LA GALERIE *\/\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n            gap: 25px;\r\n        }\r\n\r\n        .gallery-card {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: var(--radius);\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: transform 0.3s ease, border-color 0.3s ease;\r\n        }\r\n\r\n        .gallery-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: var(--accent-glow);\r\n        }\r\n\r\n        .media-container {\r\n            position: relative;\r\n            height: 220px;\r\n            overflow: hidden;\r\n            background-color: #000;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .media-container img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .gallery-card:hover .media-container img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .badge {\r\n            position: absolute;\r\n            top: 12px;\r\n            left: 12px;\r\n            background: rgba(9, 10, 15, 0.85);\r\n            backdrop-filter: blur(4px);\r\n            border: 1px solid var(--border-color);\r\n            color: #fff;\r\n            font-size: 0.75rem;\r\n            font-weight: 700;\r\n            padding: 4px 10px;\r\n            border-radius: 20px;\r\n            z-index: 2;\r\n        }\r\n\r\n        .play-button {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 52px;\r\n            height: 52px;\r\n            background-color: var(--accent-blue);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 0 20px rgba(37, 99, 235, 0.6);\r\n            transition: transform 0.2s ease, background-color 0.2s ease;\r\n            z-index: 2;\r\n        }\r\n\r\n        .play-button::after {\r\n            content: \"\";\r\n            border-style: solid;\r\n            border-width: 8px 0 8px 14px;\r\n            border-color: transparent transparent transparent #ffffff;\r\n            margin-left: 3px;\r\n        }\r\n\r\n        .gallery-card:hover .play-button {\r\n            transform: translate(-50%, -50%) scale(1.1);\r\n            background-color: var(--accent-glow);\r\n        }\r\n\r\n        .card-content {\r\n            padding: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .card-category {\r\n            color: var(--accent-glow);\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            margin-bottom: 8px;\r\n            color: #fff;\r\n        }\r\n\r\n        .card-desc {\r\n            color: var(--text-muted);\r\n            font-size: 0.88rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* LIGHTBOX MODALE *\/\r\n        .lightbox {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.92);\r\n            backdrop-filter: blur(8px);\r\n            z-index: 9999;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .lightbox-wrapper {\r\n            width: 90%;\r\n            max-width: 960px;\r\n            aspect-ratio: 16 \/ 9;\r\n            position: relative;\r\n        }\r\n\r\n        .lightbox-wrapper iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n            border-radius: var(--radius);\r\n        }\r\n\r\n        .close-btn {\r\n            position: absolute;\r\n            top: -45px;\r\n            right: 0;\r\n            color: #fff;\r\n            font-size: 2rem;\r\n            font-weight: 300;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .hide {\r\n            display: none !important;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"gallery-wrapper\">\r\n\r\n        <!-- FILTRES D'EXPLORATION -->\r\n        <div class=\"filter-bar\">\r\n            <button class=\"filter-btn active\" data-filter=\"all\">Toutes les vid\u00e9os<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"hauts-de-france\">Hauts-de-France<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"sud\">Sud & C\u00f4te d'Azur<\/button>\r\n            <button class=\"filter-btn\" data-filter=\"cinematic\">Cin\u00e9matique 4K<\/button>\r\n        <\/div>\r\n\r\n        <!-- GRILLE AVEC TES VID\u00c9OS YOUTUBE -->\r\n        <div class=\"gallery-grid\">\r\n\r\n            <!-- VID\u00c9O 1 : C\u00f4te d'Opale -->\r\n            <article class=\"gallery-card\" data-category=\"hauts-de-france cinematic\">\r\n                <div class=\"media-container\" onclick=\"openLightbox('https:\/\/www.youtube-nocookie.com\/embed\/tC5hE_fSsdo?autoplay=1')\">\r\n                    <img alt=\"C\u00f4te d&#039;Opale Drone\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/tC5hE_fSsdo\/hqdefault.jpg\" title=\"\">\r\n                    <span class=\"badge\">Vid\u00e9o 4K<\/span>\r\n                    <div class=\"play-button\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Hauts-de-France (62)<\/span>\r\n                    <h3 class=\"card-title\">C\u00f4te d'Opale | Cinematic Drone Footage<\/h3>\r\n                    <p class=\"card-desc\">Prises de vue a\u00e9riennes des littoraux, falaises et paysages c\u00f4tiers de la r\u00e9gion Pas-de-Calais.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- VID\u00c9O 2 : Les Weppes -->\r\n            <article class=\"gallery-card\" data-category=\"hauts-de-france\">\r\n                <div class=\"media-container\" onclick=\"openLightbox('https:\/\/www.youtube-nocookie.com\/embed\/4Hhf8NfRvtE?autoplay=1')\">\r\n                    <img alt=\"Les Weppes Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/4Hhf8NfRvtE\/hqdefault.jpg\" title=\"\">\r\n                    <span class=\"badge\">Vid\u00e9o HD<\/span>\r\n                    <div class=\"play-button\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Hauts-de-France (59)<\/span>\r\n                    <h3 class=\"card-title\">Drone Cinematic \"Les Weppes\"<\/h3>\r\n                    <p class=\"card-desc\">Vol de rep\u00e9rage et d\u00e9monstration de vol de pr\u00e9cision au-dessus des territoires des Weppes.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- VID\u00c9O 3 : Beaucamps-Ligny -->\r\n            <article class=\"gallery-card\" data-category=\"hauts-de-france cinematic\">\r\n                <div class=\"media-container\" onclick=\"openLightbox('https:\/\/www.youtube-nocookie.com\/embed\/xMEQAbP459I?autoplay=1')\">\r\n                    <img alt=\"Beaucamps-Ligny Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/xMEQAbP459I\/hqdefault.jpg\" title=\"\">\r\n                    <span class=\"badge\">Vid\u00e9o 4K<\/span>\r\n                    <div class=\"play-button\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Hauts-de-France (59)<\/span>\r\n                    <h3 class=\"card-title\">Survol S.M.B Beaucamps-Ligny<\/h3>\r\n                    <p class=\"card-desc\">Valorisation du site et captation a\u00e9rienne du domaine de l'ensemble scolaire Sainte-Marie.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- VID\u00c9O 4 : \u00cele de Porquerolles -->\r\n            <article class=\"gallery-card\" data-category=\"sud cinematic\">\r\n                <div class=\"media-container\" onclick=\"openLightbox('https:\/\/www.youtube-nocookie.com\/embed\/iv7O-IEk1x0?autoplay=1')\">\r\n                    <img alt=\"Porquerolles Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/iv7O-IEk1x0\/hqdefault.jpg\" title=\"\">\r\n                    <span class=\"badge\">Vid\u00e9o 4K<\/span>\r\n                    <div class=\"play-button\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Var (83)<\/span>\r\n                    <h3 class=\"card-title\">\u00cele de Porquerolles | Cinematic Aerial<\/h3>\r\n                    <p class=\"card-desc\">Survol des c\u00f4tes m\u00e9diterran\u00e9ennes, plages et eaux cristallines de l'\u00eele de Porquerolles.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- VID\u00c9O 5 : French Riviera - St-Aygulf -->\r\n            <article class=\"gallery-card\" data-category=\"sud cinematic\">\r\n                <div class=\"media-container\" onclick=\"openLightbox('https:\/\/www.youtube-nocookie.com\/embed\/yxPm6BW9oi8?autoplay=1')\">\r\n                    <img alt=\"French Riviera Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/yxPm6BW9oi8\/hqdefault.jpg\" title=\"\">\r\n                    <span class=\"badge\">Vid\u00e9o 4K<\/span>\r\n                    <div class=\"play-button\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">C\u00f4te d'Azur (83)<\/span>\r\n                    <h3 class=\"card-title\">French Riviera | St-Aygulf<\/h3>\r\n                    <p class=\"card-desc\">Captation grand angle des littoraux de Saint-Aygulf et de la C\u00f4te d'Azur au coucher du soleil.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- VID\u00c9O 6 : Massif de l'Est\u00e9rel -->\r\n            <article class=\"gallery-card\" data-category=\"sud\">\r\n                <div class=\"media-container\" onclick=\"openLightbox('https:\/\/www.youtube-nocookie.com\/embed\/UwZ8Os68Yxg?autoplay=1')\">\r\n                    <img alt=\"Massif de l&#039;Est\u00e9rel Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/UwZ8Os68Yxg\/hqdefault.jpg\" title=\"\">\r\n                    <span class=\"badge\">Vid\u00e9o HD<\/span>\r\n                    <div class=\"play-button\"><\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <span class=\"card-category\">Var (83)<\/span>\r\n                    <h3 class=\"card-title\">Massif de l'Esterel | St-Rapha\u00ebl<\/h3>\r\n                    <p class=\"card-desc\">Exploration a\u00e9rienne du Lac de l'\u00c9cureuil et des roches rouges du massif de l'Est\u00e9rel.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- LIGHTBOX MODALE LECTURE VID\u00c9O -->\r\n    <div id=\"lightbox\" class=\"lightbox\" onclick=\"closeLightbox()\">\r\n        <div class=\"lightbox-wrapper\" onclick=\"event.stopPropagation()\">\r\n            <span class=\"close-btn\" onclick=\"closeLightbox()\">&times;<\/span>\r\n            <div id=\"lightboxTarget\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- SCRIPT JS DE FILTRAGE ET DE LECTURE -->\r\n    <script>\r\n        \/\/ FILTRES\r\n        const buttons = document.querySelectorAll('.filter-btn');\r\n        const cards = document.querySelectorAll('.gallery-card');\r\n\r\n        buttons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                buttons.forEach(btn => btn.classList.remove('active'));\r\n                button.classList.add('active');\r\n\r\n                const filter = button.getAttribute('data-filter');\r\n\r\n                cards.forEach(card => {\r\n                    const categories = card.getAttribute('data-category');\r\n                    if (filter === 'all' || categories.includes(filter)) {\r\n                        card.classList.remove('hide');\r\n                    } else {\r\n                        card.classList.add('hide');\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ LIGHTBOX\r\n        const lightbox = document.getElementById('lightbox');\r\n        const lightboxTarget = document.getElementById('lightboxTarget');\r\n\r\n        function openLightbox(url) {\r\n            lightboxTarget.innerHTML = `<iframe  allow=\"autoplay; encrypted-media\" allowfullscreen class=\"lws-optimize-lazyload\" data-src=\"${url}\"><\/iframe>`;\r\n            lightbox.style.display = 'flex';\r\n        }\r\n\r\n        function closeLightbox() {\r\n            lightbox.style.display = 'none';\r\n            lightboxTarget.innerHTML = '';\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8f1c664 e-con e-atomic-element e-flexbox-base e-default-div e-7406d30 \" data-id=\"8f1c664\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8f1c664\">\n    \t\t<div class=\"elementor-element elementor-element-b38dd99 elementor-widget elementor-widget-html\" data-id=\"b38dd99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================= -->\r\n<!-- DEUXI\u00c8ME BLOC : GALERIE R\u00c9ELS INSTAGRAM - JRP DRONE -->\r\n<!-- ================================================================= -->\r\n<div class=\"insta-gallery-wrapper\">\r\n\r\n    <div class=\"insta-header\">\r\n        <h2>Nos R\u00e9els Instagram<\/h2>\r\n        <p>Retrouvez nos derniers r\u00e9els, coulisses et tournages vid\u00e9o sur <a href=\"https:\/\/www.instagram.com\/jrp.drone\/\" target=\"_blank\" rel=\"noopener\" style=\"color:#e1306c; font-weight:bold; text-decoration:none;\">@jrp.drone<\/a><\/p>\r\n    <\/div>\r\n\r\n    <!-- GRILLE DES R\u00c9ELS -->\r\n    <div class=\"insta-grid\">\r\n\r\n        <!-- ================================================================= -->\r\n        <!-- R\u00c9EL 1 -->\r\n        <!-- ================================================================= -->\r\n        <article class=\"insta-card\">\r\n            <div class=\"insta-media\">\r\n                <a href=\"https:\/\/www.instagram.com\/reel\/DMTJB2rPVlB\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <!-- Miniature par d\u00e9faut (Format vertical 9:16) - \u00c0 remplacer par ton image au besoin -->\r\n                    <img alt=\"Survol des \u00eeles Kornati en drone - JRP Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jrpdrone.fr\/wp-content\/uploads\/2026\/08\/Video-2.webp\" title=\"\">\r\n                    <span class=\"insta-badge\">R\u00e9el Instagram<\/span>\r\n                    <div class=\"insta-play-overlay\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"white\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"insta-content\">\r\n                <h3 class=\"insta-title\">Archipel des \u00celes Kornati vue du ciel \u26f5<\/h3>\r\n                <p class=\"insta-desc\">Plong\u00e9e a\u00e9rienne au-dessus du parc national des \u00eeles Kornati. Des images par drone saisissantes capturant le contraste entre les falaises calcaires et le bleu profond de la mer Adriatique.<\/p>\r\n                <!-- LIEN DIRECT VERS LE R\u00c9EL INSTAGRAM -->\r\n                <a href=\"https:\/\/www.instagram.com\/reel\/DMTJB2rPVlB\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-insta\">\r\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    Voir le R\u00e9el sur Instagram\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- ================================================================= -->\r\n        <!-- R\u00c9EL 2 -->\r\n        <!-- ================================================================= -->\r\n        <article class=\"insta-card\">\r\n            <div class=\"insta-media\">\r\n                <a href=\"https:\/\/www.instagram.com\/reel\/DL-NTYWqTt5\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img alt=\"Vid\u00e9o a\u00e9rienne L&#039;\u0152il de la Terre Izvor Cetine par JRP Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jrpdrone.fr\/wp-content\/uploads\/2026\/08\/Video-3.webp\" title=\"\">\r\n                    <span class=\"insta-badge\">R\u00e9el Instagram<\/span>\r\n                    <div class=\"insta-play-overlay\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"white\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"insta-content\">\r\n                <h3 class=\"insta-title\">L'\u0152il de la Terre (Izvor Cetine) \ud83d\udc41\ufe0f<\/h3>\r\n                <p class=\"insta-desc\">Prise de vue verticale au-dessus de la source spectaculaire de la Cetina. Un plan a\u00e9rien fluide r\u00e9v\u00e9lant les nuances intenses de bleu et vert turquoise de cette merveille naturelle.<\/p>\r\n                <!-- LIEN DIRECT VERS LE R\u00c9EL INSTAGRAM -->\r\n                <a href=\"https:\/\/www.instagram.com\/reel\/DL-NTYWqTt5\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-insta\">\r\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    Voir le R\u00e9el sur Instagram\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- ================================================================= -->\r\n        <!-- R\u00c9EL 3 -->\r\n        <!-- ================================================================= -->\r\n        <article class=\"insta-card\">\r\n            <div class=\"insta-media\">\r\n                <a href=\"https:\/\/www.instagram.com\/reel\/DM3ZAZospFl\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img alt=\"Prise de vue a\u00e9rienne du Canyon de Zrmanja - JRP Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jrpdrone.fr\/wp-content\/uploads\/2026\/08\/Video-1.webp\" title=\"\">\r\n                    <span class=\"insta-badge\">R\u00e9el Instagram<\/span>\r\n                    <div class=\"insta-play-overlay\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"white\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"insta-content\">\r\n                <h3 class=\"insta-title\">Coucher de soleil sur le Canyon de Zrmanja \ud83c\udf05<\/h3>\r\n                <p class=\"insta-desc\">Survol a\u00e9rien du canyon sauvage de Zrmanja \u00e0 la Golden Hour. Une captation en drone mettant en valeur les m\u00e9andres du fleuve et les reliefs dor\u00e9s au coucher du soleil.<\/p>\r\n                <!-- LIEN DIRECT VERS LE R\u00c9EL INSTAGRAM -->\r\n                <a href=\"https:\/\/www.instagram.com\/reel\/DM3ZAZospFl\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-insta\">\r\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    Voir le R\u00e9el sur Instagram\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n        <!-- ================================================================= -->\r\n        <!-- R\u00c9EL 4 -->\r\n        <!-- ================================================================= -->\r\n        <article class=\"insta-card\">\r\n            <div class=\"insta-media\">\r\n                <a href=\"https:\/\/www.instagram.com\/reel\/DM3ZAZospFl\/\" target=\"_blank\" rel=\"noopener\">\r\n                    <img alt=\"Prise de vue a\u00e9rienne du Canyon de Zrmanja - JRP Drone\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jrpdrone.fr\/wp-content\/uploads\/2026\/08\/Video-1.webp\" title=\"\">\r\n                    <span class=\"insta-badge\">R\u00e9el Instagram<\/span>\r\n                    <div class=\"insta-play-overlay\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"white\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"insta-content\">\r\n                <h3 class=\"insta-title\">Coucher de soleil sur le Canyon de Zrmanja \ud83c\udf05<\/h3>\r\n                <p class=\"insta-desc\">Survol a\u00e9rien du canyon sauvage de Zrmanja \u00e0 la Golden Hour. Une captation en drone mettant en valeur les m\u00e9andres du fleuve et les reliefs dor\u00e9s au coucher du soleil.<\/p>\r\n                <!-- LIEN DIRECT VERS LE R\u00c9EL INSTAGRAM -->\r\n                <a href=\"https:\/\/www.instagram.com\/reel\/DM3ZAZospFl\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-insta\">\r\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    Voir le R\u00e9el sur Instagram\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- STYLES CSS DU BLOC INSTAGRAM -->\r\n<style>\r\n    .insta-gallery-wrapper {\r\n        max-width: 1200px;\r\n        margin: 60px auto 20px;\r\n        padding-top: 40px;\r\n        border-top: 1px solid #2a2e3d;\r\n    }\r\n\r\n    .insta-header {\r\n        text-align: center;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .insta-header h2 {\r\n        font-size: 1.8rem;\r\n        color: #ffffff;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .insta-header p {\r\n        color: #a0aec0;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .insta-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n        gap: 25px;\r\n    }\r\n\r\n    .insta-card {\r\n        background-color: #12151e;\r\n        border: 1px solid #2a2e3d;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: transform 0.3s ease, border-color 0.3s ease;\r\n    }\r\n\r\n    .insta-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: #e1306c; \/* Rose Instagram *\/\r\n    }\r\n\r\n    .insta-media {\r\n        position: relative;\r\n        height: 380px; \/* Format vertical 9:16 pour les R\u00e9els *\/\r\n        overflow: hidden;\r\n        background-color: #000;\r\n    }\r\n\r\n    .insta-media a {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    .insta-media img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .insta-card:hover .insta-media img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .insta-badge {\r\n        position: absolute;\r\n        top: 12px;\r\n        left: 12px;\r\n        background: rgba(9, 10, 15, 0.85);\r\n        backdrop-filter: blur(4px);\r\n        border: 1px solid #2a2e3d;\r\n        color: #fff;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        padding: 4px 10px;\r\n        border-radius: 20px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .insta-play-overlay {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 50px;\r\n        height: 50px;\r\n        background: rgba(225, 48, 108, 0.85);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: transform 0.3s ease, background 0.3s ease;\r\n        z-index: 2;\r\n    }\r\n\r\n    .insta-card:hover .insta-play-overlay {\r\n        transform: translate(-50%, -50%) scale(1.1);\r\n        background: rgba(225, 48, 108, 1);\r\n    }\r\n\r\n    .insta-content {\r\n        padding: 18px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .insta-title {\r\n        font-size: 1.05rem;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    .insta-desc {\r\n        color: #a0aec0;\r\n        font-size: 0.85rem;\r\n        line-height: 1.4;\r\n        margin-bottom: 16px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    .btn-insta {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n        color: #ffffff !important;\r\n        text-decoration: none;\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        padding: 10px 15px;\r\n        border-radius: 25px;\r\n        transition: opacity 0.2s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .btn-insta:hover {\r\n        opacity: 0.95;\r\n        transform: scale(1.02);\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Galerie des r\u00e9alisations Explorez nos captures a\u00e9riennes haute r\u00e9solution et nos films vid\u00e9o optimis\u00e9s pour le BTP, l&#8217;industrie et la communication. Galerie R\u00e9alisations | JRP Drone Toutes les vid\u00e9os Hauts-de-France Sud &#038; C\u00f4te d&#8217;Azur Cin\u00e9matique 4K Vid\u00e9o 4K Hauts-de-France (62) C\u00f4te d&#8217;Opale | Cinematic Drone Footage Prises de vue a\u00e9riennes des littoraux, falaises et paysages [&hellip;]<\/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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jrpdrone.fr\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jrpdrone.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jrpdrone.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jrpdrone.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jrpdrone.fr\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":34,"href":"https:\/\/jrpdrone.fr\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/jrpdrone.fr\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/jrpdrone.fr\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}