{"id":9164,"date":"2026-03-26T09:50:10","date_gmt":"2026-03-26T08:50:10","guid":{"rendered":"https:\/\/acticycle.fr\/?page_id=9164"},"modified":"2026-04-13T14:42:23","modified_gmt":"2026-04-13T12:42:23","slug":"miseenroute","status":"publish","type":"page","link":"http:\/\/acticycle.fr\/en\/miseenroute\/","title":{"rendered":"Mise en route"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9164\" class=\"elementor elementor-9164\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29683f1 e-flex e-con-boxed e-con e-parent\" data-id=\"29683f1\" 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-0d46e9b elementor-widget elementor-widget-heading\" data-id=\"0d46e9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Mise en route de votre Acticycle<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8007c74 elementor-widget elementor-widget-text-editor\" data-id=\"8007c74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5 style=\"text-align: center;\">Ma\u00eetrisez votre v\u00e9lo dans les moindres d\u00e9tails.<\/h5>\t\t\t\t\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-b79e0d8 e-con-full e-flex e-con e-parent\" data-id=\"b79e0d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b82c061 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b82c061\" 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<!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    \r\n    <!-- Importation de la police Montserrat -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* === VARIABLES & RESET === *\/\r\n        :root {\r\n            --primary: #f19b3e; \/* Orange Acticycle *\/\r\n            --text-dark: #1a1a24;\r\n            --text-muted: #5a5a68;\r\n            \r\n            --glass-bg: rgba(255, 255, 255, 0.85);\r\n            --glass-border: rgba(0, 0, 0, 0.15); \/* Bordure l\u00e9g\u00e8rement plus douce *\/\r\n            --glass-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\r\n            \r\n            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #ffffff;\r\n            color: var(--text-dark);\r\n            line-height: 1.6;\r\n            min-height: 100vh;\r\n            position: relative;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* === LIQUID BACKGROUND - ULTRA SUBTIL & RESPONSIVE === *\/\r\n        .liquid-bg {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            z-index: -1;\r\n            overflow: hidden;\r\n            background: #ffffff;\r\n        }\r\n\r\n        .blob {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            \/* Flou tr\u00e8s intense pour faire dispara\u00eetre les bords (effet nuage) *\/\r\n            filter: blur(120px); \r\n            animation: float infinite ease-in-out alternate;\r\n        }\r\n\r\n        \/* \r\n           Utilisation de clamp(min, ideal, max) pour un responsive parfait :\r\n           Sur mobile, la taille sera le minimum (ex: 300px), sur PC \u00e7a suivra la largeur (ex: 60vw) \r\n           sans d\u00e9passer le maximum (ex: 800px).\r\n           L'opacit\u00e9 est r\u00e9gl\u00e9e entre 0.03 et 0.08 pour \u00eatre tr\u00e8s subtile.\r\n        *\/\r\n        .blob-1 { \r\n            width: clamp(300px, 60vw, 800px); height: clamp(300px, 60vw, 800px); \r\n            background: rgba(241, 155, 62, 0.06); \r\n            top: -10%; left: -10%; \r\n            animation-duration: 25s; \r\n        }\r\n        .blob-2 { \r\n            width: clamp(250px, 50vw, 600px); height: clamp(250px, 50vw, 600px); \r\n            background: rgba(241, 155, 62, 0.08); \r\n            bottom: -10%; right: -5%; \r\n            animation-duration: 22s; animation-delay: -5s; \r\n        }\r\n        .blob-3 { \r\n            width: clamp(400px, 70vw, 900px); height: clamp(400px, 70vw, 900px); \r\n            background: rgba(241, 155, 62, 0.03); \r\n            top: 20%; left: 30%; \r\n            animation-duration: 30s; animation-delay: -10s; \r\n        }\r\n        .blob-4 { \r\n            width: clamp(200px, 40vw, 500px); height: clamp(200px, 40vw, 500px); \r\n            background: rgba(241, 155, 62, 0.07); \r\n            top: 10%; right: 10%; \r\n            animation-duration: 18s; animation-delay: -2s; \r\n        }\r\n        .blob-5 { \r\n            width: clamp(250px, 55vw, 700px); height: clamp(250px, 55vw, 700px); \r\n            background: rgba(241, 155, 62, 0.05); \r\n            bottom: 10%; left: 10%; \r\n            animation-duration: 28s; animation-delay: -12s; \r\n        }\r\n\r\n        \/* Mouvements beaucoup plus doux et lents *\/\r\n        @keyframes float {\r\n            0% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(2vw, 2vh) scale(1.03); }\r\n            100% { transform: translate(-1vw, -2vh) scale(0.97); }\r\n        }\r\n\r\n        \/* === CLASSE UTILITAIRE GLASS === *\/\r\n        .glass-panel {\r\n            background: var(--glass-bg);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid var(--glass-border); \r\n            box-shadow: var(--glass-shadow);\r\n            border-radius: 20px;\r\n        }\r\n\r\n        header {\r\n            text-align: center;\r\n            padding: 0px 20px 40px;\r\n        }\r\n\r\n        header h1 {\r\n            font-size: 3rem;\r\n            font-weight: 800; \/* ExtraBold *\/\r\n            letter-spacing: -1px;\r\n            margin-bottom: 15px;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        header h1 span {\r\n            position: relative;\r\n        }\r\n        \r\n        header h1 span::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 8px;\r\n            right: -16px;\r\n            width: 10px;\r\n            height: 10px;\r\n            background-color: var(--primary);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 12px rgba(241, 155, 62, 0.6);\r\n        }\r\n\r\n        header p {\r\n            color: var(--text-muted);\r\n            font-size: 1.15rem;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            font-weight: 500; \/* Medium *\/\r\n        }\r\n\r\n        \/* === MAIN CONTAINER === *\/\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto 60px;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* === CONTROLS (Search & Filters) === *\/\r\n        .controls {\r\n            margin-bottom: 50px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 20px;\r\n        }\r\n\r\n        .search-bar {\r\n            width: 100%;\r\n            max-width: 600px;\r\n            position: relative;\r\n        }\r\n\r\n        .search-bar input {\r\n            width: 100%;\r\n            padding: 18px 25px;\r\n            font-size: 1.05rem;\r\n            color: var(--text-dark);\r\n            background: rgba(255, 255, 255, 0.9); \r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid var(--glass-border); \r\n            border-radius: 50px;\r\n            outline: none;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .search-bar input::placeholder {\r\n            color: #888;\r\n        }\r\n\r\n        .search-bar input:focus {\r\n            border-color: rgba(241, 155, 62, 0.5); \/* Bordure orange douce au focus *\/\r\n            box-shadow: 0 6px 20px rgba(241, 155, 62, 0.10);\r\n            background: #ffffff;\r\n        }\r\n\r\n        \/* FILTRES DESKTOP (Boutons) *\/\r\n        .desktop-filters {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 12px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .filter-btn {\r\n            background: rgba(255, 255, 255, 0.85);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid var(--glass-border); \r\n            color: var(--text-muted);\r\n            padding: 12px 24px;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            font-weight: 600; \/* SemiBold *\/\r\n            font-size: 0.95rem;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .filter-btn:hover {\r\n            background: #ffffff;\r\n            color: var(--text-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .filter-btn.active {\r\n            background: var(--text-dark);\r\n            color: #ffffff;\r\n            border-color: var(--text-dark);\r\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        \/* FILTRE MOBILE (Select D\u00e9roulant) *\/\r\n        .mobile-filter-select {\r\n            display: none; \/* Cach\u00e9 par d\u00e9faut sur PC *\/\r\n            width: 100%;\r\n            max-width: 600px;\r\n            padding: 16px 25px;\r\n            border-radius: 50px;\r\n            background-color: rgba(255, 255, 255, 0.9);\r\n            backdrop-filter: blur(10px);\r\n            border: 1px solid var(--glass-border);\r\n            color: var(--text-dark);\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 600; \/* SemiBold *\/\r\n            font-size: 1.05rem;\r\n            outline: none;\r\n            cursor: pointer;\r\n            appearance: none; \r\n            -webkit-appearance: none;\r\n            background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23f19b3e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 25px center;\r\n            background-size: 20px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .mobile-filter-select:focus {\r\n            border-color: rgba(241, 155, 62, 0.5);\r\n            box-shadow: 0 6px 20px rgba(241, 155, 62, 0.10);\r\n        }\r\n\r\n        \/* === VIDEO GRID === *\/\r\n        .video-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        \/* === VIDEO CARD === *\/\r\n        .video-card {\r\n            padding: 15px; \r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .video-card:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); \r\n            background: #ffffff;\r\n            border-color: rgba(0, 0, 0, 0.4); \r\n        }\r\n\r\n        \/* === VIDEO EMBED RESPONSIVE === *\/\r\n        .video-thumbnail {\r\n            position: relative;\r\n            background: #000; \r\n            width: 100%;\r\n            padding-top: 56.25%; \r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .video-thumbnail iframe,\r\n        .video-thumbnail video {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        }\r\n\r\n        .video-info {\r\n            padding: 20px 5px 5px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .video-tag {\r\n            font-size: 0.8rem;\r\n            color: var(--text-muted);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-weight: 700; \/* Bold *\/\r\n            margin-bottom: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .video-tag::before {\r\n            content: '';\r\n            display: block;\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background-color: var(--primary);\r\n        }\r\n\r\n        .video-title {\r\n            font-size: 1.15rem;\r\n            color: var(--text-dark);\r\n            font-weight: 700; \/* Bold *\/\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* Animation d'apparition au filtrage *\/\r\n        .hidden { display: none !important; }\r\n        \r\n        .fade-in { animation: fadeIn 0.4s ease forwards; }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(15px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* === RESPONSIVE MOBILE === *\/\r\n        @media (max-width: 768px) {\r\n            header h1 { font-size: 2.2rem; }\r\n            .desktop-filters { display: none !important; }\r\n            .mobile-filter-select { display: block; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Le fond liquide avec l'effet \"Soie\" -->\r\n    <div class=\"liquid-bg\">\r\n        <div class=\"blob blob-1\"><\/div>\r\n        <div class=\"blob blob-2\"><\/div>\r\n        <div class=\"blob blob-3\"><\/div>\r\n        <div class=\"blob blob-4\"><\/div>\r\n        <div class=\"blob blob-5\"><\/div>\r\n    <\/div>\r\n\r\n    <main class=\"container\">\r\n        \r\n        <section class=\"controls\">\r\n            <!-- Barre de recherche -->\r\n            <div class=\"search-bar\">\r\n                <input type=\"text\" id=\"searchInput\" placeholder=\"Rechercher un tutoriel (ex: frein, batterie...)\">\r\n            <\/div>\r\n\r\n            <!-- Version PC : Boutons -->\r\n            <div class=\"desktop-filters\" id=\"desktopFilters\">\r\n                <button class=\"filter-btn active\" data-category=\"all\">Tous les tutos<\/button>\r\n                <button class=\"filter-btn\" data-category=\"securite\">Freinage & S\u00e9curit\u00e9<\/button>\r\n                <button class=\"filter-btn\" data-category=\"reglages\">R\u00e9glages & Ergonomie<\/button>\r\n                <button class=\"filter-btn\" data-category=\"conduite\">Batterie & Conduite<\/button>\r\n                <button class=\"filter-btn\" data-category=\"rangement\">Trunk<\/button>\r\n            <\/div>\r\n\r\n            <!-- Version Mobile : Menu D\u00e9roulant -->\r\n            <select class=\"mobile-filter-select\" id=\"mobileFilters\">\r\n                <option value=\"all\">Cat\u00e9gories : Tous les tutos<\/option>\r\n                <option value=\"securite\">Freinage & S\u00e9curit\u00e9<\/option>\r\n                <option value=\"reglages\">R\u00e9glages & Ergonomie<\/option>\r\n                <option value=\"conduite\">Batterie & Conduite<\/option>\r\n                <option value=\"rangement\">Trunk<\/option>\r\n            <\/select>\r\n        <\/section>\r\n\r\n        <!-- Grille des Vid\u00e9os -->\r\n        <section class=\"video-grid\" id=\"videoGrid\">\r\n\r\n            <!-- Cat\u00e9gorie: Freinage & S\u00e9curit\u00e9 -->\r\n            <div class=\"glass-panel video-card fade-in\" data-category=\"securite\">\r\n                <div class=\"video-thumbnail\">\r\n                    <iframe src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2026\/03\/Frein-Hydrolique.mp4\" loading=\"lazy\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"><\/iframe>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <span class=\"video-tag\">S\u00e9curit\u00e9<\/span>\r\n                    <h3 class=\"video-title\">Utilisation du frein hydraulique<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"glass-panel video-card fade-in\" data-category=\"securite\">\r\n                <div class=\"video-thumbnail\">\r\n                    <iframe src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2026\/03\/Frein-de-parking.mp4\" loading=\"lazy\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"><\/iframe>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <span class=\"video-tag\">S\u00e9curit\u00e9<\/span>\r\n                    <h3 class=\"video-title\">Utilisation du frein de parking<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"glass-panel video-card fade-in\" data-category=\"securite\">\r\n                <div class=\"video-thumbnail\">\r\n                    <iframe src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2026\/03\/Utilisation-feux-Acticycle.mp4\" loading=\"lazy\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"><\/iframe>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <span class=\"video-tag\">S\u00e9curit\u00e9<\/span>\r\n                    <h3 class=\"video-title\">Utilisation des feux<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"glass-panel video-card fade-in\" data-category=\"reglages\">\r\n                <div class=\"video-thumbnail\">\r\n                    <iframe src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2026\/03\/Reglage-potence.mp4\" loading=\"lazy\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"><\/iframe>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <span class=\"video-tag\">R\u00e9glages<\/span>\r\n                    <h3 class=\"video-title\">R\u00e9glage de la potence et colonne de direction<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"glass-panel video-card fade-in\" data-category=\"reglages\">\r\n                <div class=\"video-thumbnail\">\r\n                    <iframe src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2026\/03\/Reglage-assise.mp4\" loading=\"lazy\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"><\/iframe>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <span class=\"video-tag\">R\u00e9glages<\/span>\r\n                    <h3 class=\"video-title\">R\u00e9glage de l'assise<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Cat\u00e9gorie: Conduite\/Batterie -->\r\n            <div class=\"glass-panel video-card fade-in\" data-category=\"conduite\">\r\n                <div class=\"video-thumbnail\">\r\n                    <iframe src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2026\/03\/Batterie.mp4\" loading=\"lazy\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"><\/iframe>\r\n                <\/div>\r\n                <div class=\"video-info\">\r\n                    <span class=\"video-tag\">Batterie<\/span>\r\n                    <h3 class=\"video-title\">Rechargement de la batterie<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <script>\r\n        const searchInput = document.getElementById('searchInput');\r\n        const filterBtns = document.querySelectorAll('.filter-btn');\r\n        const mobileSelect = document.getElementById('mobileFilters');\r\n        const videoCards = document.querySelectorAll('.video-card');\r\n\r\n        let currentCategory = 'all';\r\n        let searchQuery = '';\r\n\r\n        function filterVideos() {\r\n            videoCards.forEach(card => {\r\n                const title = card.querySelector('.video-title').textContent.toLowerCase();\r\n                const category = card.getAttribute('data-category');\r\n                \r\n                const matchesSearch = title.includes(searchQuery);\r\n                const matchesCategory = (currentCategory === 'all' || currentCategory === category);\r\n\r\n                if (matchesSearch && matchesCategory) {\r\n                    card.classList.remove('hidden');\r\n                    card.classList.remove('fade-in');\r\n                    void card.offsetWidth; \r\n                    card.classList.add('fade-in');\r\n                } else {\r\n                    card.classList.add('hidden');\r\n                }\r\n            });\r\n        }\r\n\r\n        searchInput.addEventListener('input', (e) => {\r\n            searchQuery = e.target.value.toLowerCase();\r\n            filterVideos();\r\n        });\r\n\r\n        filterBtns.forEach(btn => {\r\n            btn.addEventListener('click', () => {\r\n                filterBtns.forEach(b => b.classList.remove('active'));\r\n                btn.classList.add('active');\r\n                \r\n                currentCategory = btn.getAttribute('data-category');\r\n                mobileSelect.value = currentCategory;\r\n                \r\n                filterVideos();\r\n            });\r\n        });\r\n\r\n        mobileSelect.addEventListener('change', (e) => {\r\n            currentCategory = e.target.value;\r\n            \r\n            filterBtns.forEach(b => {\r\n                if (b.getAttribute('data-category') === currentCategory) {\r\n                    b.classList.add('active');\r\n                } else {\r\n                    b.classList.remove('active');\r\n                }\r\n            });\r\n\r\n            filterVideos();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb55303 e-con-full e-flex e-con e-parent\" data-id=\"cb55303\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6edfbfe e-con-full e-flex e-con e-child\" data-id=\"6edfbfe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80612bc elementor-widget elementor-widget-image\" data-id=\"80612bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"203\" src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-1024x203.png\" class=\"attachment-large size-large wp-image-2764\" alt=\"\" srcset=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-1024x203.png 1024w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-600x119.png 600w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-300x59.png 300w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-768x152.png 768w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-1536x304.png 1536w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-2048x405.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-777c213 elementor-widget elementor-widget-heading\" data-id=\"777c213\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Follow Acticycle<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f8dfb1 e-con-full e-flex e-con e-child\" data-id=\"7f8dfb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-260899c elementor-widget elementor-widget-image\" data-id=\"260899c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.instagram.com\/acticycle.officiel\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/instagram-white.png\" class=\"attachment-large size-large wp-image-1660\" alt=\"\" srcset=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/instagram-white.png 512w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/instagram-white-300x300.png 300w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/instagram-white-100x100.png 100w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/instagram-white-150x150.png 150w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/elementor\/thumbs\/instagram-white-qt61e4cwdmkuxngyddhifikj3lo15sdvl4hg632iek.png 30w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2de174 elementor-widget elementor-widget-image\" data-id=\"f2de174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.youtube.com\/@acticycle\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/youtube-white.png\" class=\"attachment-large size-large wp-image-1663\" alt=\"\" srcset=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/youtube-white.png 512w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/youtube-white-300x300.png 300w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/youtube-white-100x100.png 100w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/youtube-white-150x150.png 150w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/elementor\/thumbs\/youtube-white-qt61f1990ttw805619pgcs9nw35vn70hdnbfyrpqcs.png 30w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26fba6b elementor-widget elementor-widget-image\" data-id=\"26fba6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/company\/acticycle\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/linked-in-white.png\" class=\"attachment-large size-large wp-image-1662\" alt=\"\" srcset=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/linked-in-white.png 512w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/linked-in-white-300x300.png 300w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/linked-in-white-100x100.png 100w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/linked-in-white-150x150.png 150w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/elementor\/thumbs\/linked-in-white-qt61esspbbibbihgeo1t8ceijmbkpx2wchg2na29ws.png 30w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-452aa82 elementor-widget elementor-widget-image\" data-id=\"452aa82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.facebook.com\/acticycle.officiel\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/facebook-white.png\" class=\"attachment-large size-large wp-image-1661\" alt=\"\" srcset=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/facebook-white.png 512w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/facebook-white-300x300.png 300w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/facebook-white-100x100.png 100w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/facebook-white-150x150.png 150w, https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/08\/elementor\/thumbs\/facebook-white-qt61ebvlwav5ij615gqizgo7uomyvd7qa5pc0ard0s.png 30w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c69e96c elementor-widget elementor-widget-text-editor\" data-id=\"c69e96c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">SAS ACTI4CLIMATE\u00a0 &#8211;\u00a0<\/span><span style=\"font-weight: 400;\">SIREN number 953106580<\/span><\/p><p><span style=\"font-weight: 400;\">40 rue Decomberousse, 69100 Villeurbanne<\/span><\/p><p><span style=\"font-weight: 400;\">Share capital: \u20ac200,000<\/span><\/p><p><span style=\"font-weight: 400;\">2026 \u00a9 Acticycle. Tous droits r\u00e9serv\u00e9s.\u00a0<\/span><\/p><p><a href=\"https:\/\/acticycle.fr\/index.php\/mentionslegales\/\"><span style=\"font-weight: 400;\">Legal information<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Mise en route de votre Acticycle Ma\u00eetrisez votre v\u00e9lo dans les moindres d\u00e9tails. Tous les tutos Freinage &#038; S\u00e9curit\u00e9 R\u00e9glages &#038; Ergonomie Batterie &#038; Conduite Rangements Cat\u00e9gories : Tous les tutosFreinage &#038; S\u00e9curit\u00e9R\u00e9glages &#038; ErgonomieBatterie &#038; ConduiteRangements S\u00e9curit\u00e9 Utilisation du frein hydraulique S\u00e9curit\u00e9 Utilisation du frein de parking S\u00e9curit\u00e9 Utilisation des feux R\u00e9glages R\u00e9glage de&hellip;&nbsp;<a href=\"http:\/\/acticycle.fr\/en\/miseenroute\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Mise en route<\/span><\/a><\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-9164","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mise en route - Acticycle<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/acticycle.fr\/en\/miseenroute\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mise en route - Acticycle\" \/>\n<meta property=\"og:description\" content=\"Mise en route de votre Acticycle Ma\u00eetrisez votre v\u00e9lo dans les moindres d\u00e9tails. Tous les tutos Freinage &#038; S\u00e9curit\u00e9 R\u00e9glages &#038; Ergonomie Batterie &#038; Conduite Rangements Cat\u00e9gories : Tous les tutosFreinage &#038; S\u00e9curit\u00e9R\u00e9glages &#038; ErgonomieBatterie &#038; ConduiteRangements S\u00e9curit\u00e9 Utilisation du frein hydraulique S\u00e9curit\u00e9 Utilisation du frein de parking S\u00e9curit\u00e9 Utilisation des feux R\u00e9glages R\u00e9glage de&hellip;&nbsp;Read More &raquo;Mise en route\" \/>\n<meta property=\"og:url\" content=\"https:\/\/acticycle.fr\/en\/miseenroute\/\" \/>\n<meta property=\"og:site_name\" content=\"Acticycle\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-13T12:42:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2870\" \/>\n\t<meta property=\"og:image:height\" content=\"568\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/acticycle.fr\\\/miseenroute\\\/\",\"url\":\"https:\\\/\\\/acticycle.fr\\\/miseenroute\\\/\",\"name\":\"Mise en route - Acticycle\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/acticycle.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/acticycle.fr\\\/miseenroute\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/acticycle.fr\\\/miseenroute\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/acticycle.fr\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/grenouille-logo-1024x203.png\",\"datePublished\":\"2026-03-26T08:50:10+00:00\",\"dateModified\":\"2026-04-13T12:42:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/acticycle.fr\\\/miseenroute\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/acticycle.fr\\\/miseenroute\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/acticycle.fr\\\/miseenroute\\\/#primaryimage\",\"url\":\"https:\\\/\\\/acticycle.fr\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/grenouille-logo-1024x203.png\",\"contentUrl\":\"https:\\\/\\\/acticycle.fr\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/grenouille-logo-1024x203.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/acticycle.fr\\\/miseenroute\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/acticycle.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mise en route\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/acticycle.fr\\\/#website\",\"url\":\"https:\\\/\\\/acticycle.fr\\\/\",\"name\":\"Acticycle\",\"description\":\"La nouvelle mobilit\u00e9e active\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/acticycle.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mise en route - Acticycle","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:\/\/acticycle.fr\/en\/miseenroute\/","og_locale":"en_GB","og_type":"article","og_title":"Mise en route - Acticycle","og_description":"Mise en route de votre Acticycle Ma\u00eetrisez votre v\u00e9lo dans les moindres d\u00e9tails. Tous les tutos Freinage &#038; S\u00e9curit\u00e9 R\u00e9glages &#038; Ergonomie Batterie &#038; Conduite Rangements Cat\u00e9gories : Tous les tutosFreinage &#038; S\u00e9curit\u00e9R\u00e9glages &#038; ErgonomieBatterie &#038; ConduiteRangements S\u00e9curit\u00e9 Utilisation du frein hydraulique S\u00e9curit\u00e9 Utilisation du frein de parking S\u00e9curit\u00e9 Utilisation des feux R\u00e9glages R\u00e9glage de&hellip;&nbsp;Read More &raquo;Mise en route","og_url":"https:\/\/acticycle.fr\/en\/miseenroute\/","og_site_name":"Acticycle","article_modified_time":"2026-04-13T12:42:23+00:00","og_image":[{"width":2870,"height":568,"url":"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/acticycle.fr\/miseenroute\/","url":"https:\/\/acticycle.fr\/miseenroute\/","name":"Mise en route - Acticycle","isPartOf":{"@id":"https:\/\/acticycle.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/acticycle.fr\/miseenroute\/#primaryimage"},"image":{"@id":"https:\/\/acticycle.fr\/miseenroute\/#primaryimage"},"thumbnailUrl":"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-1024x203.png","datePublished":"2026-03-26T08:50:10+00:00","dateModified":"2026-04-13T12:42:23+00:00","breadcrumb":{"@id":"https:\/\/acticycle.fr\/miseenroute\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/acticycle.fr\/miseenroute\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/acticycle.fr\/miseenroute\/#primaryimage","url":"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-1024x203.png","contentUrl":"https:\/\/acticycle.fr\/wp-content\/uploads\/2024\/10\/grenouille-logo-1024x203.png"},{"@type":"BreadcrumbList","@id":"https:\/\/acticycle.fr\/miseenroute\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/acticycle.fr\/"},{"@type":"ListItem","position":2,"name":"Mise en route"}]},{"@type":"WebSite","@id":"https:\/\/acticycle.fr\/#website","url":"https:\/\/acticycle.fr\/","name":"Acticycle","description":"La nouvelle mobilit\u00e9e active","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/acticycle.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"http:\/\/acticycle.fr\/en\/wp-json\/wp\/v2\/pages\/9164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acticycle.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/acticycle.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/acticycle.fr\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/acticycle.fr\/en\/wp-json\/wp\/v2\/comments?post=9164"}],"version-history":[{"count":63,"href":"http:\/\/acticycle.fr\/en\/wp-json\/wp\/v2\/pages\/9164\/revisions"}],"predecessor-version":[{"id":9551,"href":"http:\/\/acticycle.fr\/en\/wp-json\/wp\/v2\/pages\/9164\/revisions\/9551"}],"wp:attachment":[{"href":"http:\/\/acticycle.fr\/en\/wp-json\/wp\/v2\/media?parent=9164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}