{"id":5,"date":"2024-08-27T15:42:46","date_gmt":"2024-08-27T13:42:46","guid":{"rendered":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/?page_id=5"},"modified":"2026-03-19T15:20:00","modified_gmt":"2026-03-19T14:20:00","slug":"accueil","status":"publish","type":"page","link":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/","title":{"rendered":"Accueil"},"content":{"rendered":"    <style>\n        #block_cbb991eb9a72b6fd72dbc1e7f2e702f9 {\n            margin-top: 0px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_cbb991eb9a72b6fd72dbc1e7f2e702f9 {\n                margin-top: 0px;\n            }\n        }\n\n        #block_cbb991eb9a72b6fd72dbc1e7f2e702f9 {\n            margin-bottom: 0px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_cbb991eb9a72b6fd72dbc1e7f2e702f9 {\n                margin-bottom: 0px;\n            }\n        }\n\n            <\/style>\n<section class=\"hero-video\" id=\"block_cbb991eb9a72b6fd72dbc1e7f2e702f9\">\n    <div class=\"hero-video--container\">\n                \n                    <video src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/12\/HIOLLE-TECHNOLOGIES-10s.mp4\" autoplay loop muted playsinline webkit-playsinline><\/video>\n                <div class=\"hero-video--overlay\"><\/div>\n        <div class=\"hero-video--content\">\n                            <h1>Expert en \u00e9lectronique, \u00e9lectrotechnique<br \/>\net prestations de service<\/h1>\n<p>Filiale du Groupe HIOLLE, HIOLLE TECHNOLOGIES propose des solutions industrielles globales. L\u2019entreprise offre des services de haute qualit\u00e9, en proximit\u00e9 directe avec ses clients et partenaires internationaux.<\/p>\n                        <div class=\"hero-video--buttons\">\n                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/\" class=\"btn icon arrow-right secondary \">D\u00e9couvrir nos solutions <span><\/span><\/a>\n                                \n                    <a href=\"https:\/\/youtu.be\/XgLWFtZnbWc\" class=\"btn video-play icon play tertiary-dark\">Lire la vid\u00e9o<span><\/span><\/a>\n                            <\/div>\n                            <div data-hide-on-vendor-consent=\"youtube\">\n                    <span id=\"cookie-message\">Veuillez accepter les cookies pour lire la vid\u00e9o<\/span>\n                    <button onclick=\"window.axeptioSDK.requestConsent('youtube')\" id=\"accept-cookies\" class=\"btn primary\">J&rsquo;accepte<\/button>\n                <\/div>\n                    <\/div>\n                    <button id=\"playVideo\" class=\"play-video-button\"><\/button>\n            <\/div>\n<\/section>\n\n\n    <style>\n        #block_2e1c42fb8011f0f1dcaf6c34cd452b64 {\n            margin-top: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_2e1c42fb8011f0f1dcaf6c34cd452b64 {\n                margin-top: 96px;\n            }\n        }\n\n        #block_2e1c42fb8011f0f1dcaf6c34cd452b64 {\n            margin-bottom: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_2e1c42fb8011f0f1dcaf6c34cd452b64 {\n                margin-bottom: 96px;\n            }\n        }\n\n            <\/style>\n<section class=\"txtimg-full ligne\" id=\"block_2e1c42fb8011f0f1dcaf6c34cd452b64\">\n    <div class=\"txtimg-full--container container--large\">\n        <div class=\"title--container\">\n                                                <div class=\"title--title\">\n                        <p class=\"uptitle\">Nous conna\u00eetre<\/p>\n<h2>Des solutions globales<br \/>\net sur mesure<\/h2>\n                    <\/div>\n                                                    <div class=\"title--content\">\n                                                    <p>Depuis 50 ans, nous accompagnons les grands donneurs d\u2019ordre industriels, en France et \u00e0 l\u2019international, dans leurs projets d\u2019envergure en leur apportant des solutions :<\/p>\n<ul>\n<li>de c\u00e2blage et d\u2019int\u00e9gration d\u2019\u00e9quipements \u00e9lectriques ;<\/li>\n<li>de conception et fabrication de machines sp\u00e9ciales ;<\/li>\n<li>d&rsquo;\u00e9quipements \u00e9lectroniques<\/li>\n<li>et prestations de service.<\/li>\n<\/ul>\n<p>Nos implantations au Maroc, au Canada et aux USA nous permettent d\u2019\u00eatre au plus pr\u00e8s de nos clients internationaux afin de r\u00e9pondre efficacement \u00e0 leurs demandes.<\/p>\n                                                                            <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/qui-sommes-nous\/\" target=\"_self\" class=\"btn icon arrow-right\">Qui sommes-nous ?<span><\/span><\/a>\n                                                                    <\/div>\n                                    <\/div>\n                    <div class=\"txtimg-full--images\">\n                                                                                <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/08\/HIOLLE_TECHNO_ST_Q_060.jpg\" alt=\"\">\n                                                                                                    <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/09\/HIOLLE_VALENCIENNES_039-1.jpg\" alt=\"\">\n                                                <\/div>\n            <\/div>\n<\/section>\n\n    <style>\n        #block_2396c3edaca2d3779c4352853d61e418 {\n            margin-top: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_2396c3edaca2d3779c4352853d61e418 {\n                margin-top: 96px;\n            }\n        }\n\n        #block_2396c3edaca2d3779c4352853d61e418 {\n            margin-bottom: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_2396c3edaca2d3779c4352853d61e418 {\n                margin-bottom: 96px;\n            }\n        }\n\n            <\/style>\n        <section class=\"keynumbers-list-steps col-4 \" id=\"block_2396c3edaca2d3779c4352853d61e418\">\n        <div class=\"keynumbers-list-steps--container container--large\">\n                                            <div class=\"keynumbers-list-steps--item\">\n                    <div class=\"number-container\">\n                                                    <span class=\"number\">450<\/span>\n                                                <div class=\"mask\"><\/div>\n                                                    <span class=\"suffix\">+<\/span>\n                                            <\/div>\n                                            <p class=\"legend\">collaborateurs en France<\/p>\n                                    <\/div>\n                                            <div class=\"keynumbers-list-steps--item\">\n                    <div class=\"number-container\">\n                                                    <span class=\"number\">11<\/span>\n                                                <div class=\"mask\"><\/div>\n                                            <\/div>\n                                            <p class=\"legend\">sites de production<\/p>\n                                    <\/div>\n                                            <div class=\"keynumbers-list-steps--item\">\n                    <div class=\"number-container\">\n                                                    <span class=\"number\">1<\/span>\n                                                <div class=\"mask\"><\/div>\n                                            <\/div>\n                                            <p class=\"legend\">centre de maintenance ferroviaire<\/p>\n                                    <\/div>\n                                            <div class=\"keynumbers-list-steps--item\">\n                    <div class=\"number-container\">\n                                                    <span class=\"number\">25 000<\/span>\n                                                <div class=\"mask\"><\/div>\n                                                    <span class=\"suffix\">m2<\/span>\n                                            <\/div>\n                                            <p class=\"legend\">couverts en France<br \/>\r\n<\/p>\n                                    <\/div>\n                    <\/div>\n    <\/section>\n\n\n    <style>\n        #block_191f1e4c0c7d1452327868dc74e5e354 {\n            margin-top: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_191f1e4c0c7d1452327868dc74e5e354 {\n                margin-top: 96px;\n            }\n        }\n\n        #block_191f1e4c0c7d1452327868dc74e5e354 {\n            margin-bottom: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_191f1e4c0c7d1452327868dc74e5e354 {\n                margin-bottom: 96px;\n            }\n        }\n\n            <\/style>\n    <section class=\"scrolling-txt glue\" id=\"block_191f1e4c0c7d1452327868dc74e5e354\">\n        <div class=\"scrolling-txt--container\">\n            <div class=\"marquee\">\n                <span>\u00c9couter et s\u2019adapter en permanence.<\/span>\n                <span>\u00c9couter et s\u2019adapter en permanence.<\/span>\n                <span>\u00c9couter et s\u2019adapter en permanence.<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <style>\n        #block_36ce121b1d8928448f20d3499436c952 {\n            margin-top: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_36ce121b1d8928448f20d3499436c952 {\n                margin-top: 96px;\n            }\n        }\n\n        #block_36ce121b1d8928448f20d3499436c952 {\n            margin-bottom: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_36ce121b1d8928448f20d3499436c952 {\n                margin-bottom: 96px;\n            }\n        }\n\n            <\/style>\n\n\n    <style>\n        #block_19442eaf00f335487c4fb9277965bc84 {\n            margin-top: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_19442eaf00f335487c4fb9277965bc84 {\n                margin-top: 96px;\n            }\n        }\n\n        #block_19442eaf00f335487c4fb9277965bc84 {\n            margin-bottom: 0px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_19442eaf00f335487c4fb9277965bc84 {\n                margin-bottom: 0px;\n            }\n        }\n\n            <\/style>\n    <section class=\"slider-solutions glue nav-light \" id=\"block_19442eaf00f335487c4fb9277965bc84\">\n        <div class=\"slider-solutions--container\">\n            <div class=\"slider-solutions--header container--large\">\n                                    <div class=\"slider-solutions--title\">\n                        <p class=\"uptitle\">Nos solutions<\/p>\n<h2>Nous trouvons des solutions<br \/>\n\u00e0 vos besoins<\/h2>\n                    <\/div>\n                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/\" target=\"_self\" class=\"link icon arrow-right\">Voir toutes nos solutions<\/a>\n                            <\/div>\n                            <div class=\"slider-solutions--slider container--large owl-carousel\">\n                                                                    <div class=\"card-solution\">\n                                                            <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/?solution=cablage-dequipements-electriques\" class=\"card-solution--link\"><\/a>\n                                                        <div class=\"card-solution--image\">\n                                <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/01\/HIOLLE_OSNY_008.jpg\" alt=\"\">\n                            <\/div>\n                            <div class=\"card-solution--content\">\n                                <h4>Conception, fabrication et int\u00e9gration d&rsquo;\u00e9quipements \u00e9lectriques<\/h4>\n                                <p>Des faisceaux aux \u00e9quipements \u00e9lectriques sur mesure pour tous les secteurs de l\u2019industrie.<\/p>\n                                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/?solution=cablage-dequipements-electriques\" class=\"link icon arrow-right\">En savoir plus<\/a>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"card-solution\">\n                                                            <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/?solution=conception-fabrication-et-integration-densembles-electroniques\" class=\"card-solution--link\"><\/a>\n                                                        <div class=\"card-solution--image\">\n                                <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/HIOLLE_ERQUINGHEM_002-e1736170492436.jpg\" alt=\"\">\n                            <\/div>\n                            <div class=\"card-solution--content\">\n                                <h4>Conception, fabrication et int\u00e9gration d&rsquo;ensembles \u00e9lectroniques<\/h4>\n                                <p>Conception de syst\u00e8mes \u00e9lectroniques et int\u00e9gration dans des syst\u00e8mes complexes sur-mesure.<\/p>\n                                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/?solution=conception-fabrication-et-integration-densembles-electroniques\" class=\"link icon arrow-right\">En savoir plus<\/a>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"card-solution\">\n                                                            <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/?solution=conception-fabrication-de-machines-speciales-et-integration-robotique\" class=\"card-solution--link\"><\/a>\n                                                        <div class=\"card-solution--image\">\n                                <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/09\/HIOLLE_TECHNO_ST_Q_067.jpg\" alt=\"\">\n                            <\/div>\n                            <div class=\"card-solution--content\">\n                                <h4>Conception, fabrication de machines sp\u00e9ciales et int\u00e9gration robotique<\/h4>\n                                <p>Des machines sur mesure adapt\u00e9es aux besoins sp\u00e9cifiques de chaque secteur<\/p>\n                                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/?solution=conception-fabrication-de-machines-speciales-et-integration-robotique\" class=\"link icon arrow-right\">En savoir plus<\/a>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"card-solution\">\n                                                            <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/maintenance-et-reparation\/\" class=\"card-solution--link\"><\/a>\n                                                        <div class=\"card-solution--image\">\n                                <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/HIOLLE_VALENCIENNES_037.jpg\" alt=\"\">\n                            <\/div>\n                            <div class=\"card-solution--content\">\n                                <h4>Maintenance et r\u00e9paration<\/h4>\n                                <p>Interventions sur sites clients pour des travaux de r\u00e9paration. La maintenance ferroviaire est aussi assur\u00e9e dans notre Centre de Maintenance.<\/p>\n                                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/maintenance-et-reparation\/\" class=\"link icon arrow-right\">En savoir plus<\/a>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"card-solution\">\n                                                            <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/negoce-de-materiel-et-equipements-electriques\/\" class=\"card-solution--link\"><\/a>\n                                                        <div class=\"card-solution--image\">\n                                <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/09\/HIOLLE_ERQUINGHEM_090.jpg\" alt=\"\">\n                            <\/div>\n                            <div class=\"card-solution--content\">\n                                <h4>Distribution d&rsquo;\u00e9quipements \u00e9lectriques<\/h4>\n                                <p>Distribution exclusive de mat\u00e9riel ou de radiocommandes<\/p>\n                                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/solutions-realisations\/negoce-de-materiel-et-equipements-electriques\/\" class=\"link icon arrow-right\">En savoir plus<\/a>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n                <div class=\"slider-solutions--navigation owl-nav container--large\">\n                    <span class=\"indicator\"><\/span>\n                    <div class=\"slider-solutions--dots owl-dots\"><\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n    <style>\n        #block_1238458ff6652d9d5e362b7ee52c166a {\n            margin-top: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_1238458ff6652d9d5e362b7ee52c166a {\n                margin-top: 96px;\n            }\n        }\n\n        #block_1238458ff6652d9d5e362b7ee52c166a {\n            margin-bottom: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_1238458ff6652d9d5e362b7ee52c166a {\n                margin-bottom: 96px;\n            }\n        }\n\n            <\/style>\n<section class=\"picto-txt-list \" id=\"block_1238458ff6652d9d5e362b7ee52c166a\">\n    <div class=\"picto-txt-list--container container--large\">\n                    <div class=\"picto-txt-list--content\">\n                                    <h2>Nos secteurs d&rsquo;intervention<\/h2>\n<p>HIOLLE TECHNOLOGIES intervient dans divers secteurs d&rsquo;activit\u00e9 :<\/p>\n                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/contactez-nous\/\" class=\"btn icon arrow-right\">Contactez-nous<span><\/span><\/a>\n                            <\/div>\n                            <div class=\"picto-txt-list--pictos\">\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/09\/Icon.svg')\"><\/span>\n                                                                            <span>Ferroviaire<\/span>\n                                            <\/div>\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/09\/group.svg')\"><\/span>\n                                                                            <span>A\u00e9ronautique civile et militaire<\/span>\n                                            <\/div>\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/09\/group-1.svg')\"><\/span>\n                                                                            <span>D\u00e9fense<\/span>\n                                            <\/div>\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/Icon-9.svg')\"><\/span>\n                                                                            <span>Sport automobile<\/span>\n                                            <\/div>\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/Icon-10.svg')\"><\/span>\n                                                                            <span>Robotique <\/span>\n                                            <\/div>\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/Icon-11.svg')\"><\/span>\n                                                                            <span>M\u00e9dical<\/span>\n                                            <\/div>\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/Icon-12.svg')\"><\/span>\n                                                                            <span>\u00c9nergies<\/span>\n                                            <\/div>\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/Icon-13.svg')\"><\/span>\n                                                                            <span>Automatisation<\/span>\n                                            <\/div>\n                                                        <div class=\"picto-item\">\n                                                    <span class=\"picto\" style=\"--picto: url('https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/03\/factory.png')\"><\/span>\n                                                                            <span>Industrie<\/span>\n                                            <\/div>\n                            <\/div>\n            <\/div>\n<\/section>\n\n    <style>\n        #map {\n            margin-top: 0px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #map {\n                margin-top: 0px;\n            }\n        }\n\n        #map {\n            margin-bottom: 0px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #map {\n                margin-bottom: 0px;\n            }\n        }\n\n            <\/style>\n    <section class=\"interactive-map nav-medium\" id=\"map\">\n                    <p class=\"anchor\">Implantations<\/p>\n                <div class=\"interactive-map--container\">\n            <div class=\"interactive-map--title\">\n                                    <h2>Nos implantations<\/h2>\n                                                    <div class=\"interactive-map--toggle\">\n                        <a class=\"btn\" data-toggle=\"france\">en France<\/a>\n                        <a class=\"btn tertiary-light\" data-toggle=\"international\">\u00e0 l&rsquo;international<\/a>\n                    <\/div>\n                                            <\/div>\n                            <div class=\"interactive-map--inner\" data-toggle=\"france\">\n                    <div id=\"map-france\" class=\"interactive-map--map\">\n                        <script>\n                            (($) => {\n                                $(document).ready(() => {\n                                    var mapFrance = L.map('map-france').setView([46.8242268, 2], 6); \/\/ Coordonn\u00e9es centr\u00e9es sur Paris\n\n                                    if (window.matchMedia(\"(max-width: 767px)\").matches) {\n                                        \/\/ Pour les appareils avec une largeur d'\u00e9cran de 767px ou moins (typique pour mobile)\n                                        mapFrance.setZoom(4); \/\/ Niveau de zoom pour mobile\n                                    }\n\n                                    L.tileLayer('https:\/\/tile.jawg.io\/jawg-terrain\/{z}\/{x}\/{y}{r}.{ext}?access-token=vJ8RYrbcNM5MSFhjtqCAVNSE62g7WwRZOvHk7oxYtQztINZecDvWNmJKAmvkaHio', {\n                                        minZoom: 0,\n                                        maxZoom: 20,\n                                        ext: 'png'\n                                    }).addTo(mapFrance);\n\n                                    \/\/init icon map\n                                    let icon = '';\n                                    let LeafIcon = L.Icon.extend({\n                                        options: {\n                                            iconSize: [24, 24],\n                                            iconAnchor: [16, 16],\n                                            popupAnchor: [0, -24],\n                                            alt: 'slug',\n                                        },\n                                    });\n\n                                    \/\/Img icon\n                                    icon = new LeafIcon({\n                                        iconUrl: \"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/mu-plugins\/app-core\/GutenbergBlocks\/InteractiveMap\/assets\/images\/localisation.svg\",\n                                    });\n\n                                                                                                                                                                var marker = L.marker([50.33303631806643, 3.459290237352653], {\n                                                icon: icon,\n                                                title: \"prouvy-59\",\n                                            }).addTo(mapFrance);\n                                                                                                                                                                                                        var marker = L.marker([50.37666342939479, 3.5410386554319344], {\n                                                icon: icon,\n                                                title: \"valenciennes-59\",\n                                            }).addTo(mapFrance);\n                                                                                                                                                                                                        var marker = L.marker([50.38755989381379, 3.4797695516703167], {\n                                                icon: icon,\n                                                title: \"raismes-59\",\n                                            }).addTo(mapFrance);\n                                                                                                                                                                                                        var marker = L.marker([50.42109868052986, 3.6611860210753484], {\n                                                icon: icon,\n                                                title: \"crespin-59\",\n                                            }).addTo(mapFrance);\n                                                                                                                                                                                                        var marker = L.marker([49.05214337287411, 2.0716086948985555], {\n                                                icon: icon,\n                                                title: \"osny-95\",\n                                            }).addTo(mapFrance);\n                                                                                                                                                                                                        var marker = L.marker([48.443219923626536, -2.0958857836505613], {\n                                                icon: icon,\n                                                title: \"trelivan-22\",\n                                            }).addTo(mapFrance);\n                                                                                                                                                                                                        var marker = L.marker([43.51951220426783, 4.958523221680396], {\n                                                icon: icon,\n                                                title: \"istres-13\",\n                                            }).addTo(mapFrance);\n                                                                                                                                                                                                        var marker = L.marker([49.84821794312945, 3.26504421988835], {\n                                                icon: icon,\n                                                title: \"saint-quentin-02\",\n                                            }).addTo(mapFrance);\n                                                                                                                                                                                                        var marker = L.marker([50.67199129074085, 2.8364186615997222], {\n                                                icon: icon,\n                                                title: \"erquinghem-lys-59\",\n                                            }).addTo(mapFrance);\n                                                                            \n                                    $('.leaflet-marker-icon').on('click', function() {\n                                        let title = $(this).attr('title')\n\n                                        $('.interactive-map--list .accordion-item').each(function() {\n                                            if ($(this).find('.accordion-header .title').attr('data-slug') === title) {\n                                                $('.accordion-item').removeClass('open-accordion')\n                                                $('.accordion-item').find('.accordion-body').hide()\n                                                $(this).addClass('open-accordion')\n                                                $(this).find('.accordion-body').show()\n                                                var container = $('.interactive-map--list'),\n                                                    scrollTo = $(this)\n                                                container.animate({\n                                                    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()\n                                                });\n                                                $('.title').removeClass('open-accordion');\n                                                $('.title [data-slug=' + title + ']').closest('.accordion-item').addClass('open-accordion');\n                                                console.log($('.title [data-slug=' + title + ']'));\n                                                let latitude = $('.title [data-slug=' + title + ']').closest('.accordion-item').attr('data-latitude');\n                                                let longitude = $('.title [data-slug=' + title + ']').closest('.accordion-item').attr('data-longitude');\n                                            }\n                                        })\n                                    })\n\n                                    $('body').on('click', '.interactive-map--list .accordion-item.open-accordion', function(e) {\n                                        if (!e.target.closest('.icon') && e.target.closest('.interactive-map--inner[data-toggle=france]')) {\n                                            let latitude = $(this).attr('data-latitude');\n                                            let longitude = $(this).attr('data-longitude');\n                                            mapFrance.flyTo([latitude, longitude], 13)\n                                        }\n                                    });\n\n                                    $('body').on('click', '.interactive-map--list .accordion-item:not(.open-accordion)', function(e) {\n                                        if (!e.target.closest('.icon') && e.target.closest('.interactive-map--inner[data-toggle=france]')) {\n                                            let latitude = $(this).attr('data-latitude');\n                                            let longitude = $(this).attr('data-longitude');\n                                            mapFrance.flyTo([46.8242268, 2], 6)\n                                        }\n                                    });\n\n                                    $('.interactive-map--toggle a.btn').on('click', function() {\n                                        const toggle = $(this).data('toggle');\n                                        if ($(this).hasClass('tertiary-light')) {\n                                            $('.interactive-map--toggle a.btn').addClass('tertiary-light');\n                                            $(this).removeClass('tertiary-light');\n                                        }\n                                        $('.interactive-map--inner').hide();\n                                        $('.interactive-map--inner[data-toggle=' + toggle + ']').css('display', 'flex');\n                                        mapFrance.invalidateSize();\n                                    });\n\n                                    mapFrance.invalidateSize();\n                                });\n                            })(jQuery);\n                        <\/script>\n                    <\/div>\n                    <div class=\"interactive-map--list owl-carousel\">\n                                                                                                        <div class=\"accordion-item open-accordion\" data-latitude=\"50.33303631806643\" data-longitude=\"3.459290237352653\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"prouvy-59\">\n                                            Prouvy (59)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/HIOLLE_PROUVY_100.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">9 avenue Marc Lefrancq 59121 PROUVY<\/p>\n                                                                                                    <\/div>\n                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">T\u00e9l. : +33 (0)3 27 48 33 00<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item \" data-latitude=\"50.37666342939479\" data-longitude=\"3.5410386554319344\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"valenciennes-59\">\n                                            Valenciennes (59)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/03\/VALENCIENNES_009-min.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                                                                                                                                                        <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/Site-Valenciennes-2.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">54 rue Ernest Macarez 59300 Valenciennes<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item \" data-latitude=\"50.38755989381379\" data-longitude=\"3.4797695516703167\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"raismes-59\">\n                                            Raismes (59)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/03\/Site-Raismes-2-min.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">ZI du Plouich &#8211; rue du commerce 59590 RAISMES<\/p>\n                                                                                                    <\/div>\n                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">T\u00e9l. : +33 (0)3 59 61 97 72<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item \" data-latitude=\"50.42109868052986\" data-longitude=\"3.6611860210753484\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"crespin-59\">\n                                            Crespin (59)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/03\/HIOLLE_CRESPIN_096-min.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">12 place des Ateliers 59154 CRESPIN<\/p>\n                                                                                                    <\/div>\n                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">T\u00e9l. : +33 (0)9 65 14 41 11<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item \" data-latitude=\"49.05214337287411\" data-longitude=\"2.0716086948985555\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"osny-95\">\n                                            Osny (95)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/03\/HIOLLE_OSNY_077-min.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">15 rue des Beaux Soleils 95520 OSNY<\/p>\n                                                                                                    <\/div>\n                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">T\u00e9l. : +33 (0)1 79 81 12 09<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item \" data-latitude=\"48.443219923626536\" data-longitude=\"-2.0958857836505613\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"trelivan-22\">\n                                            Tr\u00e9livan (22)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/03\/HIOLLE_TRELIVAN_073.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">8 Bel Air 22100 TRELIVAN<\/p>\n                                                                                                    <\/div>\n                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">T\u00e9l. : +33 (0)2 96 39 57 28<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item \" data-latitude=\"43.51951220426783\" data-longitude=\"4.958523221680396\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"istres-13\">\n                                            Istres (13)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/03\/istres.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">ZA Le Tub\u00e9 &#8211; 5 Traverse Galil\u00e9e 13800 ISTRES<\/p>\n                                                                                                    <\/div>\n                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">T\u00e9l. : +33 (0)4 42 05 91 15<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item \" data-latitude=\"49.84821794312945\" data-longitude=\"3.26504421988835\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"saint-quentin-02\">\n                                            Saint-Quentin (02)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/09\/Site-St-Quentin.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">Rue de la Chauss\u00e9e Romaine 02100 ST-QUENTIN<\/p>\n                                                                                                    <\/div>\n                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">T\u00e9l. : +33 (0)3 23 06 24 25<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item \" data-latitude=\"50.67199129074085\" data-longitude=\"2.8364186615997222\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"erquinghem-lys-59\">\n                                            Erquinghem-Lys (59)                                                                                    <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <!-- <div> -->\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/10\/Site-Erquighem.jpg\" alt=\"\">\n                                                            <!-- <legend><\/legend> -->\n                                                            <!-- <\/div> -->\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">401 rue du Moulin 59193 ERQUINGHEM-LYS<\/p>\n                                                                                                    <\/div>\n                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">T\u00e9l. : +33 (0)3 20 17 69 69<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                    <div class=\"interactive-map--list-dots owl-dots\"><\/div>\n                    <div class=\"interactive-map--list-navigation owl-nav\"><\/div>\n                <\/div>\n                                        <div class=\"interactive-map--inner\" data-toggle=\"international\">\n                    <div id=\"map-international\" class=\"interactive-map--map\">\n                        <script>\n                            (($) => {\n                                $(document).ready(() => {\n                                    var mapInternational = L.map('map-international').setView([46.8242268, 2], 3); \/\/ Coordonn\u00e9es centr\u00e9es sur Paris\n\n                                    if (window.matchMedia(\"(max-width: 767px)\").matches) {\n                                        \/\/ Pour les appareils avec une largeur d'\u00e9cran de 767px ou moins (typique pour mobile)\n                                        mapInternational.setZoom(4); \/\/ Niveau de zoom pour mobile\n                                    }\n\n                                    L.tileLayer('https:\/\/tile.jawg.io\/jawg-terrain\/{z}\/{x}\/{y}{r}.{ext}?access-token=vJ8RYrbcNM5MSFhjtqCAVNSE62g7WwRZOvHk7oxYtQztINZecDvWNmJKAmvkaHio', {\n                                        minZoom: 0,\n                                        maxZoom: 20,\n                                        ext: 'png'\n                                    }).addTo(mapInternational);\n\n                                    \/\/init icon map\n                                    let icon = '';\n                                    let LeafIcon = L.Icon.extend({\n                                        options: {\n                                            iconSize: [24, 24],\n                                            iconAnchor: [16, 16],\n                                            popupAnchor: [0, -24],\n                                            alt: 'slug',\n                                        },\n                                    });\n\n                                    \/\/Img icon\n                                    icon = new LeafIcon({\n                                        iconUrl: \"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/mu-plugins\/app-core\/GutenbergBlocks\/InteractiveMap\/assets\/images\/localisation.svg\",\n                                    });\n\n                                                                                                                                                                var marker = L.marker([33.534017080280385, -7.685196823194261], {\n                                                icon: icon,\n                                                title: \"hiolle-industries-maroc\",\n                                            }).addTo(mapInternational);\n                                                                                                                                                                                                        var marker = L.marker([40.70531817004962, -74.01177975868939], {\n                                                icon: icon,\n                                                title: \"hiolle-industries-america\",\n                                            }).addTo(mapInternational);\n                                                                                                                                                                                                        var marker = L.marker([45.474113368973015, -73.46803927569903], {\n                                                icon: icon,\n                                                title: \"hiolle-industries-canada\",\n                                            }).addTo(mapInternational);\n                                                                            \n                                    $('.leaflet-marker-icon').on('click', function() {\n                                        let title = $(this).attr('title')\n\n                                        $('.interactive-map--list .accordion-item').each(function() {\n                                            if ($(this).find('.accordion-header .title').attr('data-slug') === title) {\n                                                $('.accordion-item').removeClass('open-accordion')\n                                                $('.accordion-item').find('.accordion-body').hide()\n                                                $(this).addClass('open-accordion')\n                                                $(this).find('.accordion-body').show()\n                                                var container = $('.interactive-map--list'),\n                                                    scrollTo = $(this)\n                                                container.animate({\n                                                    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()\n                                                });\n                                            }\n                                        })\n                                    })\n\n                                    $('body').on('click', '.interactive-map--list .accordion-item.open-accordion', function(e) {\n                                        if (!e.target.closest('.icon') && e.target.closest('.interactive-map--inner[data-toggle=international]')) {\n                                            let latitude = $(this).attr('data-latitude');\n                                            let longitude = $(this).attr('data-longitude');\n                                            mapInternational.flyTo([latitude, longitude], 13)\n                                        }\n                                    });\n\n                                    $('body').on('click', '.interactive-map--list .accordion-item:not(.open-accordion)', function(e) {\n                                        if (!e.target.closest('.icon') && e.target.closest('.interactive-map--inner[data-toggle=france]')) {\n                                            let latitude = $(this).attr('data-latitude');\n                                            let longitude = $(this).attr('data-longitude');\n                                            mapInternational.flyTo([46.8242268, 2], 6)\n                                        }\n                                    });\n\n                                    $('.interactive-map--toggle a.btn').on('click', function() {\n                                        const toggle = $(this).data('toggle');\n                                        if ($(this).hasClass('tertiary-light')) {\n                                            $('.interactive-map--toggle a.btn').addClass('tertiary-light');\n                                            $(this).removeClass('tertiary-light');\n                                        }\n                                        $('.interactive-map--inner').hide();\n                                        $('.interactive-map--inner[data-toggle=' + toggle + ']').css('display', 'flex');\n                                        mapInternational.invalidateSize();\n                                    });\n\n                                    mapInternational.invalidateSize();\n\n                                });\n                            })(jQuery);\n                        <\/script>\n                    <\/div>\n                    <div class=\"interactive-map--list\">\n                                                                                <div class=\"accordion-item\" data-latitude=\"33.534017080280385\" data-longitude=\"-7.685196823194261\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"hiolle-industries-maroc\">\n                                            HIOLLE Industries Maroc                                        <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/03\/Batiment-Maroc-photoshop-300-ppp-v2.jpg\" alt=\"\">\n                                                                                                                                                            <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">Kasbat Al Amine, 1 BD Laymoune, Casablanca &#8211; MAROC<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item\" data-latitude=\"40.70531817004962\" data-longitude=\"-74.01177975868939\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"hiolle-industries-america\">\n                                            HIOLLE Industries America                                        <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                    <div class=\"map-item--slider-container\">\n                                                <div class=\"map-item--slider owl-carousel\">\n                                                                                                                                                                                                                                                                        <\/div>\n                                                <div class=\"map-item--slider-navigation\">\n                                                    <div class=\"map-item--slider-dots\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                                                                <div class=\"accordion-item\" data-latitude=\"45.474113368973015\" data-longitude=\"-73.46803927569903\">\n                                                                    <div class=\"accordion-header\">\n                                        <span class=\"title\" data-slug=\"hiolle-industries-canada\">\n                                            HIOLLE Industries Canada                                        <\/span>\n                                        <span><span><\/span><\/span>\n                                    <\/div>\n                                                                <div class=\"accordion-body\">\n                                    <div class=\"map-item\">\n                                                                                                                                                                                                                            <div class=\"keynumbers-steps--item\">\n                                                    <div class=\"number-container\">\n                                                                                                            <\/div>\n                                                                                                            <p class=\"legend\">6200 Boulevard Taschereau, Bureau 305, Brossard Qu\u00e9bec, Canada J4W 3J8<\/p>\n                                                                                                    <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n                                <\/div>\n    <\/section>\n\n\n    <style>\n        #block_8b1035954f07608e752b2dfdfc09ba6f {\n            margin-top: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_8b1035954f07608e752b2dfdfc09ba6f {\n                margin-top: 96px;\n            }\n        }\n\n        #block_8b1035954f07608e752b2dfdfc09ba6f {\n            margin-bottom: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_8b1035954f07608e752b2dfdfc09ba6f {\n                margin-bottom: 96px;\n            }\n        }\n\n            <\/style>\n    <section class=\"slider-actualites glue nav-medium \" id=\"block_8b1035954f07608e752b2dfdfc09ba6f\">\n                <div class=\"slider-actualites--container\">\n            <div class=\"slider-actualites--header container--large\">\n                                    <div class=\"slider-actualites--title\">\n                        <p class=\"uptitle\">Nos actualit\u00e9s<\/p>\n<h2>Nos derni\u00e8res actualit\u00e9s<\/h2>\n                    <\/div>\n                                            <\/div>\n            <div class=\"slider-actualites--slider container--large owl-carousel\">\n                                                        <div class=\"card-actuality\">\n                        <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/une-collaboration-inter-filiales-reussie\/\" class=\"card-actuality--link\"><\/a>\n                        <div class=\"card-actuality--image\">\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2025\/10\/HIOLLE_PROUVY_090-min-2-1.jpg\" alt=\"\">\n                                                                                        <div class=\"card-actuality--categories\">\n                                                                            <span class=\"category\">R\u00e9alisations<\/span>\n                                                                    <\/div>\n                                                    <\/div>\n                        <div class=\"card-actuality--content\">\n                            <div class=\"card-actuality--title\">\n                                                                                                                                                            <span class=\"tag\">HIOLLE TECHNOLOGIES<\/span>\n                                                                                                                                            <h5>Une collaboration inter-filiales r\u00e9ussie !<\/h5>\n                            <\/div>\n                                                        <div class=\"card-actuality--footer\">\n                                <span class=\"date\">17 mars 2025<\/span>\n                                <span class=\"arrow-btn light-green\"><span><\/span><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"card-actuality\">\n                        <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/renovation-robotique-hiolle-technologies-a-remis-en-etat-135-robots\/\" class=\"card-actuality--link\"><\/a>\n                        <div class=\"card-actuality--image\">\n                                                            <img decoding=\"async\" src=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/app\/uploads\/sites\/2\/2024\/09\/HIOLLE_TECHNO_ST_Q_067.jpg\" alt=\"\">\n                                                                                        <div class=\"card-actuality--categories\">\n                                                                            <span class=\"category\">R\u00e9alisations<\/span>\n                                                                    <\/div>\n                                                    <\/div>\n                        <div class=\"card-actuality--content\">\n                            <div class=\"card-actuality--title\">\n                                                                                                                    <span class=\"tag\">HIOLLE TECHNOLOGIES<\/span>\n                                                                                                    <h5>R\u00e9novation robotique d&rsquo;ampleur !<\/h5>\n                            <\/div>\n                                                        <div class=\"card-actuality--footer\">\n                                <span class=\"date\">26 janvier 2025<\/span>\n                                <span class=\"arrow-btn light-green\"><span><\/span><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n            <div class=\"slider-actualites--navigation owl-nav container--large\">\n                <span class=\"indicator\"><\/span>\n                <div class=\"slider-actualites--dots owl-dots\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <style>\n        #block_bbaf7e2c3fde35fcdba416f06dd279ab {\n            margin-top: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_bbaf7e2c3fde35fcdba416f06dd279ab {\n                margin-top: 96px;\n            }\n        }\n\n        #block_bbaf7e2c3fde35fcdba416f06dd279ab {\n            margin-bottom: 56px;\n        }\n\n        @media screen and (min-width: 768px) {\n            #block_bbaf7e2c3fde35fcdba416f06dd279ab {\n                margin-bottom: 96px;\n            }\n        }\n\n            <\/style>\n<section class=\"redirection-double \" id=\"block_bbaf7e2c3fde35fcdba416f06dd279ab\">\n        <div class=\"redirection-double--container container--large\">\n                    <div class=\"background\">\n                                                    <h3>Vous souhaitez prendre contact avec nous ?<\/h3>\n<p>Une question ? Une demande particuli\u00e8re ? Un projet ? Contactez-nous d\u00e8s aujourd\u2019hui, nous nous ferons un plaisir de vous r\u00e9pondre dans les plus brefs d\u00e9lais.<\/p>\n                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/contactez-nous\/\" target=\"\" class=\"btn secondary icon arrow-right\">Nous contacter<span><\/span><\/a>\n                            <\/div>\n                            <div class=\"light\">\n                                    <h3>Envie de rejoindre l\u2019aventure HIOLLE Technologies ?<\/h3>\n<p>Rejoignez un mouvement en constante \u00e9volution, dans une entreprise familiale et conviviale !<\/p>\n                                                    <a href=\"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/nous-rejoindre\/\" target=\"\" class=\"btn icon arrow-right\">Consulter les offres<span><\/span><\/a>\n                            <\/div>\n            <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"HIOLLE Technologies","_seopress_titles_desc":"Filiale du Groupe familial HIOLLE, offre aux industriels des solutions de c\u00e2blage, d\u2019int\u00e9gration d\u2019\u00e9quipements \u00e9lectroniques, \u00e9lectriques et \u00e9lectrotechniques et des prestations de services sur sites.","_seopress_robots_index":"","footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"acf":[],"lang":"fr","translations":{"fr":5},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":105,"href":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":2545,"href":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/wp-json\/wp\/v2\/pages\/5\/revisions\/2545"}],"wp:attachment":[{"href":"https:\/\/preprod.hiolle-bedrock.weareled.fr\/hiolle-technologies\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}