{"id":12,"date":"2025-12-11T01:55:30","date_gmt":"2025-12-11T01:55:30","guid":{"rendered":"https:\/\/www.solystic.com\/?page_id=12"},"modified":"2026-07-28T15:35:27","modified_gmt":"2026-07-28T15:35:27","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.solystic.com\/fr\/","title":{"rendered":"SOLYSTIC : Experts en solutions intralogistiques"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section et-pb-has-background-video et_pb_preload ragnar_header_resident\"><span class=\"et-pb-background-video\"><video autoplay loop playsinline muted><source type=\"video\/mp4\" data-src=\"https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/03\/03192.mp4\" \/><\/video><\/span>\n<div class=\"et_pb_row_0 et_pb_row et_block_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_cta_0 et_pb_promo et_pb_bg_layout_dark et_pb_module et_block_module\"><div class=\"et_pb_promo_description\"><h2 class=\"et_pb_module_header\">Votre partenaire intralogistique de bout en bout<\/h2><div class=\"et_pb_promo_content\" data-et-mv-hidden-phone=\"true\"><p class=\"MsoNormal\" style=\"margin-left: 35.4pt;\"><span style=\"color: #ffffff;\"><b>De l\u2019automatisation \u00e0 la performance durable, Solystic apporte des solutions intralogistiques sur mesure, con\u00e7ues pour fonctionner, durer et \u00e9voluer<\/b><\/span><o:p><\/o:p><\/p>\n<div class=\"my-dual-buttons-container\"><a href=\"\/contact\/\" class=\"btn-style-white\">CONCEVEZ VOTRE SOLUTION SUR MESURE<\/a><br \/><a href=\"\/contact\/\" class=\"btn-style-outline\">SIMULEZ VOTRE FLUX<\/a><\/div>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_divider_0 et_pb_divider et_pb_space et_pb_divider_position_top et_clickable et_pb_module\"><div class=\"et_pb_divider_internal\"><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_1 et_pb_row et_block_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"grid-wrapper\">\n  <div class=\"grid\">\n    <div class=\"vertical\">\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n    <\/div>\n    <div class=\"dots\">\n        <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n        <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n      <div class=\"dot\"><\/div>\n    <\/div>\n    <div class=\"horizontal\">\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n      <div class=\"line\"><\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et-vb-row--no-module et_block_row preset--module--divi-row--default\" id=\"plus\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_column_empty et_pb_css_mix_blend_mode_passthrough\"><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section ragnar_content_erik\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_blurb_0 et_pb_blurb et_pb_bg_layout_light et_pb_blurb_position_top et_pb_module et_block_module\"><div class=\"et_pb_blurb_content\"><div class=\"et_pb_blurb_container\"><h2 class=\"et_pb_module_header\">Nous concevons et d\u00e9ployons des solutions intralogistiques automatis\u00e9es<\/h2><div class=\"et_pb_blurb_description\"><p><strong>Solystic con\u00e7oit, d\u00e9ploie et fait \u00e9voluer des solutions intralogistiques automatis\u00e9es pour le courrier et le colis.<\/strong><\/p>\n<p>Forte d\u2019une <strong>expertise historique<\/strong> dans le traitement de l\u2019information, le software et le pilotage machine, l\u2019entreprise combine <strong>technologies propres<\/strong>, solutions sur mesure et accompagnement long terme pour r\u00e9pondre aux <strong>enjeux de performance<\/strong>, de maintenabilit\u00e9 et d\u2019\u00e9volution des op\u00e9rations.<\/p>\n<p>Selon les besoins du projet, nous mobilisons <strong>simulation<\/strong>, jumeau num\u00e9rique et outils de validation pour s\u00e9curiser les performances, les d\u00e9lais et la mise en service.<br \/>\nNous accompagnons nos clients sur tout le <strong>cycle de vie<\/strong> de leurs installations : conception, d\u00e9ploiement, maintenance, modernisation et \u00e9volution<\/p>\n<\/div><\/div><\/div><\/div>\n\n<div class=\"et_pb_cta_1 et_pb_promo et_pb_bg_layout_dark et_pb_module et_block_module\"><div class=\"et_pb_promo_description\"><h2 class=\"et_pb_module_header\">Notre mission<\/h2><div class=\"et_pb_promo_content\"><p>Fournir des solutions cl\u00e9s en main sur mesure qui garantissent un retour sur investissement avant m\u00eame l'installation de la premi\u00e8re machine.<\/p>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section ragnar_blurbs_ruler\"><div class=\"et_pb_row_4 et_pb_row et_block_row preset--module--divi-row--default\"><div class=\"et_pb_column_4 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><div class=\"et_pb_cta_2 et_pb_promo et_pb_bg_layout_dark et_pb_module et_block_module\"><div class=\"et_pb_promo_description\"><h2 class=\"et_pb_module_header\">Les solutions intralogistiques pour chaque secteur<\/h2><div class=\"et_pb_promo_content\"><p>Nous int\u00e9grons la flexibilit\u00e9 \u00e0 chaque niveau de votre cha\u00eene logistique. Notre approche modulaire couvre l'ensemble de la cha\u00eene de valeur, de l'induction jusqu'au dernier kilom\u00e8tre.<\/p>\n<\/div><\/div><\/div><div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* --- CONFIGURATION DES ACCENTS PAR CARTE --- *\/\n    .card-01 { --card-accent: #214487; --card-accent-rgb: 33, 68, 135; }\n    .card-02 { --card-accent: #008e98; --card-accent-rgb: 0, 142, 152; }\n    .card-03 { --card-accent: #ed7c00; --card-accent-rgb: 237, 124, 0; }\n    .card-04 { --card-accent: #97c119; --card-accent-rgb: 151, 193, 25; }\n    .card-05 { --card-accent: #6366f1; --card-accent-rgb: 99, 102, 241; }\n\n    \/* --- GRILLE PRINCIPALE --- *\/\n    .solystic-grid {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 30px;\n        max-width: 1200px;\n        margin: 0 auto;\n        font-family: 'Open Sans', sans-serif;\n        padding: 20px 10px;\n    }\n\n    \/* --- STYLE DE BASE DE LA CARTE --- *\/\n    .solystic-card {\n        position: relative;\n        background: #ffffff;\n        border: 1px solid rgba(226, 232, 240, 0.8);\n        border-radius: 20px;\n        padding: 40px;\n        display: flex;\n        flex-direction: column;\n        flex: 1 1 calc(33.333% - 30px);\n        min-width: 320px;\n        max-width: 380px;\n        box-sizing: border-box;\n        overflow: hidden;\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),\n                    border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),\n                    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),\n                    max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.03), 0 2px 6px -1px rgba(15, 23, 42, 0.02);\n        cursor: pointer;\n    }\n\n    .solystic-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* --- NUM\u00c9ROS EN FILIGRANE --- *\/\n    .card-number {\n        position: absolute;\n        top: 15px;\n        right: 25px;\n        font-family: 'Barlow', sans-serif;\n        font-size: 80px;\n        font-weight: 800;\n        line-height: 1;\n        -webkit-text-stroke: 1px rgba(15, 23, 42, 0.07);\n        color: transparent;\n        pointer-events: none;\n        transition: -webkit-text-stroke 0.4s ease, transform 0.4s ease;\n        z-index: 1;\n    }\n\n    \/* --- EN-T\u00caTE : ICONES & TRIGGERS --- *\/\n    .card-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 0;\n        z-index: 2;\n    }\n\n    .card-icon-box {\n        width: 56px;\n        height: 56px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 22px;\n        background-color: rgba(var(--card-accent-rgb), 0.07);\n        color: var(--card-accent);\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),\n                    background-color 0.4s ease,\n                    color 0.4s ease,\n                    box-shadow 0.4s ease;\n    }\n\n    .expand-trigger {\n        display: none; \/* Desktop *\/\n    }\n\n    \/* --- TYPOGRAPHIE & CONTENUS --- *\/\n    .solystic-card h3 {\n        font-family: 'Barlow', sans-serif;\n        font-size: 22px;\n        font-weight: 700;\n        color: #0f172a;\n        margin: 20px 0 0 0;\n        line-height: 1.25;\n        transition: color 0.3s ease;\n        z-index: 2;\n    }\n\n    .card-subtitle {\n        font-family: 'Barlow', sans-serif;\n        font-weight: 600;\n        font-size: 15px;\n        color: var(--card-accent);\n        margin-top: 15px;\n        margin-bottom: 5px;\n        display: block;\n    }\n\n    .card-desc {\n        font-size: 14px;\n        color: #475569;\n        line-height: 1.6;\n        margin-top: 10px;\n        margin-bottom: 20px;\n        font-weight: 400;\n    }\n\n    \/* --- LISTE DE B\u00c9N\u00c9FICES --- *\/\n    .card-list {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 25px 0;\n    }\n\n    .card-list li {\n        display: flex;\n        align-items: flex-start;\n        font-size: 13.5px;\n        color: #334155;\n        line-height: 1.55;\n        margin-bottom: 12px;\n    }\n\n    .check-icon {\n        margin-right: 12px;\n        margin-top: 3px;\n        font-size: 12px;\n        color: var(--card-accent);\n    }\n\n    \/* --- BOUTONS \/ LIENS D'ACTION --- *\/\n    .card-action-link {\n        font-family: 'Open Sans', sans-serif;\n        font-weight: 700;\n        font-size: 15px;\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        color: var(--card-accent) !important;\n        transition: opacity 0.2s ease, transform 0.2s ease;\n        margin-top: auto;\n    }\n\n    .card-action-link:hover {\n        opacity: 0.75;\n    }\n\n    .card-action-link i {\n        margin-left: 8px;\n        font-size: 13px;\n        transition: transform 0.2s ease;\n    }\n\n    .solystic-card:hover .card-action-link i {\n        transform: translateX(5px);\n    }\n\n    \/* --- WRAPPER D'EXPANSION DE CONTENU --- *\/\n    .card-content-wrapper {\n        display: grid;\n        grid-template-rows: 0fr;\n        opacity: 0;\n        transition: grid-template-rows 0.4s cubic-bezier(0.16, 1, 0.3, 1),\n                    opacity 0.35s ease;\n    }\n\n    .card-content-inner {\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* --- ANIMATIONS DES ICONES --- *\/\n    @keyframes pulse-icon {\n        0%, 100% { transform: scale(1); }\n        50% { transform: scale(1.15); }\n    }\n    @keyframes flow-icon {\n        0%, 100% { transform: translateY(0) scale(1); }\n        50% { transform: translateY(-4px) scale(1.05); }\n    }\n    @keyframes bounce-icon {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-4px); }\n    }\n    @keyframes scan-icon {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.75; transform: scale(1.1); }\n    }\n    @keyframes tilt-icon {\n        0%, 100% { transform: rotate(0deg); }\n        25% { transform: rotate(-8deg); }\n        75% { transform: rotate(8deg); }\n    }\n    @keyframes float-icon {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-3px); }\n    }\n    @keyframes wiggle-icon {\n        0%, 100% { transform: rotate(0deg) scale(1); }\n        25% { transform: rotate(-4deg) scale(1.05); }\n        75% { transform: rotate(4deg) scale(1.05); }\n    }\n\n    \/* --- COMPORTEMENT RESPONSIVE MOBILE ET TABLETTE (CLICK) --- *\/\n    @media (max-width: 1023px) {\n        .solystic-card {\n            padding: 30px;\n            position: relative;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .expand-trigger {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            background: #f8fafc;\n            color: #64748b;\n            font-size: 11px;\n            transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;\n            position: absolute;\n            bottom: 40px; \/* Alignement sur le padding de 40px de la carte *\/\n            right: 40px;\n            z-index: 10;\n        }\n\n        .card-action-link {\n            margin-right: 40px; \/* \u00c9vite la superposition avec le trigger bouton plus sur mobile *\/\n        }\n\n        \/* Quand la carte est \u00e9tendue (active) sur mobile *\/\n        .solystic-card.expanded {\n            border-color: rgba(var(--card-accent-rgb), 0.4);\n            box-shadow: 0 15px 35px -10px rgba(var(--card-accent-rgb), 0.15);\n        }\n\n        .solystic-card.expanded .card-content-wrapper {\n            grid-template-rows: 1fr;\n            opacity: 1;\n        }\n\n        .solystic-card.expanded .expand-trigger {\n            transform: rotate(45deg);\n            background: rgba(var(--card-accent-rgb), 0.1);\n            color: var(--card-accent);\n        }\n\n        .solystic-card.expanded .card-number {\n            -webkit-text-stroke: 1px rgba(var(--card-accent-rgb), 0.25);\n            transform: scale(1.05);\n        }\n\n        .solystic-card.expanded .card-icon-box {\n            background-color: var(--card-accent);\n            color: #ffffff;\n            box-shadow: 0 8px 20px -6px rgba(var(--card-accent-rgb), 0.4);\n        }\n\n        \/* Lancement des animations ic\u00f4nes sur mobile \u00e9tendu *\/\n        .solystic-card.expanded.card-01 .fa-cart-shopping { animation: pulse-icon 1.2s infinite ease-in-out; }\n        .solystic-card.expanded.card-02 .fa-truck-fast { animation: wiggle-icon 0.8s infinite ease-in-out; }\n        .solystic-card.expanded.card-03 .fa-warehouse { animation: float-icon 1.4s infinite ease-in-out; }\n        .solystic-card.expanded.card-04 .fa-industry { animation: wiggle-icon 0.8s infinite ease-in-out; }\n        .solystic-card.expanded.card-05 .fa-laptop-code { animation: pulse-icon 1.2s infinite ease-in-out; }\n    }\n\n    \/* --- RESPONSIVE TABLETTE (2 COLONNES) --- *\/\n    @media (min-width: 768px) and (max-width: 1023px) {\n        .solystic-grid {\n            flex-direction: row;\n        }\n        .solystic-card {\n            width: calc(50% - 15px);\n            max-width: 380px;\n        }\n    }\n\n    \/* --- RESPONSIVE DESKTOP (3 COLONNES ET HOVER REVEAL) --- *\/\n    @media (min-width: 1024px) {\n        .solystic-card {\n            flex: 1 1 calc(33.333% - 20px);\n            width: calc(33.333% - 20px);\n            height: auto;\n            min-height: 200px;\n            max-height: 200px; \/* Ferm\u00e9 par d\u00e9faut *\/\n            justify-content: flex-start;\n        }\n\n        .solystic-card h3 {\n            margin: 20px 0 0 0;\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),\n                        color 0.3s ease;\n        }\n\n        \/* --- EFFET AU SURVOL (HOVER) SUR DESKTOP --- *\/\n        .solystic-card:hover {\n            max-height: 650px; \/* Grandit de mani\u00e8re fluide \u00e0 sa hauteur naturelle (max 650px) pour pr\u00e9server la marge inf\u00e9rieure de 40px *\/\n            transform: translateY(-8px);\n            border-color: rgba(var(--card-accent-rgb), 0.4);\n            box-shadow: 0 20px 40px -15px rgba(var(--card-accent-rgb), 0.18);\n        }\n\n        .solystic-card:hover .card-content-wrapper {\n            grid-template-rows: 1fr;\n            opacity: 1;\n        }\n\n        .solystic-card:hover .card-number {\n            -webkit-text-stroke: 1px rgba(var(--card-accent-rgb), 0.25);\n            transform: translateY(-5px) scale(1.05);\n        }\n\n        .solystic-card:hover .card-icon-box {\n            background-color: var(--card-accent);\n            color: #ffffff;\n            box-shadow: 0 8px 20px -6px rgba(var(--card-accent-rgb), 0.4);\n            transform: scale(1.05);\n        }\n\n        \/* Lancement des animations ic\u00f4nes au survol *\/\n        .solystic-card:hover.card-01 .fa-cart-shopping { animation: pulse-icon 1.2s infinite ease-in-out; }\n        .solystic-card:hover.card-02 .fa-truck-fast { animation: wiggle-icon 0.8s infinite ease-in-out; }\n        .solystic-card:hover.card-03 .fa-warehouse { animation: float-icon 1.4s infinite ease-in-out; }\n        .solystic-card:hover.card-04 .fa-industry { animation: wiggle-icon 0.8s infinite ease-in-out; }\n        .solystic-card:hover.card-05 .fa-laptop-code { animation: pulse-icon 1.2s infinite ease-in-out; }\n    }\n<\/style>\n\n<div class=\"solystic-grid\">\n\n    <div class=\"solystic-card card-01\">\n        <span class=\"card-number\">01<\/span>\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-cart-shopping\"><\/i><\/div>\n            <div class=\"expand-trigger\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n        <\/div>\n        <h3>E-commerce et retail<\/h3>\n        <div class=\"card-content-wrapper\">\n            <div class=\"card-content-inner\">\n                <span class=\"card-subtitle\">G\u00e9rez vos pics saisonniers<\/span>\n                <p class=\"card-desc\">Absorbez les volumes impr\u00e9visibles et traitez efficacement un volume croissant de retours.<\/p>\n                <ul class=\"card-list\">\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Reverse logistics :<\/strong> Gestion des retours enti\u00e8rement automatis\u00e9e.<\/span><\/li>\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Scalabilit\u00e9 :<\/strong> Absorbez le Black Friday sans embaucher massivement.<\/span><\/li>\n        <\/ul>\n                <a href=\"\/ecommerce-retail\/\" class=\"card-action-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"solystic-card card-02\">\n        <span class=\"card-number\">02<\/span>\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-truck-fast\"><\/i><\/div>\n            <div class=\"expand-trigger\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n        <\/div>\n        <h3>Services postaux et express<\/h3>\n        <div class=\"card-content-wrapper\">\n            <div class=\"card-content-inner\">\n                <span class=\"card-subtitle\">Tri vrac haute cadence<\/span>\n                <p class=\"card-desc\">Con\u00e7u pour les op\u00e9rateurs (DHL, FedEx, Chronopost) traitant des formats complexes et de gros volumes.<\/p>\n                <ul class=\"card-list\">\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Parcel First :<\/strong> Technologie de singulation robuste.<\/span><\/li>\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Fluidit\u00e9 :<\/strong> Induction automatis\u00e9e des flux.<\/span><\/li>\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Capacit\u00e9 :<\/strong> Syst\u00e8mes con\u00e7us pour de tr\u00e8s gros volumes horaires.<\/span><\/li>\n        <\/ul>\n                <a href=\"\/postaux-express\/\" class=\"card-action-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"solystic-card card-03\">\n        <span class=\"card-number\">03<\/span>\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-warehouse\"><\/i><\/div>\n            <div class=\"expand-trigger\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n        <\/div>\n        <h3>Logistique 3PL<\/h3>\n        <div class=\"card-content-wrapper\">\n            <div class=\"card-content-inner\">\n                <span class=\"card-subtitle\">Flexibilit\u00e9 multi-clients & multi-flux<\/span>\n                <p class=\"card-desc\">Une architecture con\u00e7ue pour r\u00e9pondre aux contraintes des contrats courts et des multiples donneurs d'ordre.<\/p>\n                <ul class=\"card-list\">\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Agilit\u00e9 :<\/strong> Changement de configuration \u00e0 la vol\u00e9e.<\/span><\/li>\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>D\u00e9ploiement :<\/strong> Param\u00e9trage rapide des nouvelles op\u00e9rations.<\/span><\/li>\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Transparence :<\/strong> Syst\u00e8me de facturation par client int\u00e9gr\u00e9.<\/span><\/li>\n        <\/ul>\n                <a href=\"#\" class=\"card-action-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"solystic-card card-04\">\n        <span class=\"card-number\">04<\/span>\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-industry\"><\/i><\/div>\n            <div class=\"expand-trigger\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n        <\/div>\n        <h3>Industrie manufacturi\u00e8re<\/h3>\n        <div class=\"card-content-wrapper\">\n            <div class=\"card-content-inner\">\n                <span class=\"card-subtitle\">Optimisation de l'intralogistique<\/span>\n                <p class=\"card-desc\">Au-del\u00e0 du colis, nous adaptons les technologies \u00e0 vos flux internes et sp\u00e9cificit\u00e9s industrielles.<\/p>\n                <ul class=\"card-list\">\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Flux internes :<\/strong> Automatisation des transferts inter-ateliers.<\/span><\/li>\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Pharma :<\/strong> Tra\u00e7abilit\u00e9 renforc\u00e9e et garantie.<\/span><\/li>\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Agroalimentaire :<\/strong> Gestion rigoureuse des dates de p\u00e9remption.<\/span><\/li>\n        <\/ul>\n                <a href=\"\/industrie-manufacturiere\/\" class=\"card-action-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"solystic-card card-05\">\n        <span class=\"card-number\">05<\/span>\n        <div class=\"card-header\">\n            <div class=\"card-icon-box\"><i class=\"fa-solid fa-laptop-code\"><\/i><\/div>\n            <div class=\"expand-trigger\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n        <\/div>\n        <h3>Parcel<\/h3>\n        <div class=\"card-content-wrapper\">\n            <div class=\"card-content-inner\">\n                <span class=\"card-subtitle\">Pilotage et performance<\/span>\n                <p class=\"card-desc\">Supervisez l'ensemble de vos op\u00e9rations en temps r\u00e9el gr\u00e2ce \u00e0 nos solutions logicielles intelligentes.<\/p>\n                <ul class=\"card-list\">\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Data Analytics :<\/strong> Optimisation continue de vos processus par l'IA.<\/span><\/li>\n            <li><i class=\"fa-solid fa-check check-icon\"><\/i><span><strong>Supervision :<\/strong> Tour de contr\u00f4le centralis\u00e9e pour vos sites.<\/span><\/li>\n        <\/ul>\n                <a href=\"\/parcel\/\" class=\"card-action-link\">En savoir plus <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const cards = document.querySelectorAll('.solystic-grid .solystic-card');\n    cards.forEach(card => {\n        card.addEventListener('click', (e) => {\n            \/\/ Uniquement actif sur les \u00e9crans tactiles ou mobiles (< 1024px)\n            if (window.innerWidth < 1024) {\n                \/\/ Si l'utilisateur clique sur le bouton de lien interne, on le laisse naviguer normalement\n                if (e.target.closest('.card-action-link')) {\n                    return;\n                }\n                \n                const isExpanded = card.classList.contains('expanded');\n                \n                \/\/ Ferme toutes les autres cartes\n                cards.forEach(c => c.classList.remove('expanded'));\n                \n                if (!isExpanded) {\n                    card.classList.add('expanded');\n                }\n                \n                e.stopPropagation();\n            }\n        });\n    });\n});\n<\/script><\/div><\/div><\/div><\/div><div class=\"et_pb_row_5 et_pb_row et_flex_row preset--module--divi-row--default\"><div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_code_2 et_pb_code et_pb_module\"><\/div><\/div><\/div><\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_cta_3 et_pb_promo et_pb_bg_layout_dark et_pb_module et_block_module\"><div class=\"et_pb_promo_description\"><h2 class=\"et_pb_module_header\">Pourquoi SOLYSTIC ?<\/h2><div class=\"et_pb_promo_content\"><p>\u00ab Le cerveau \u00bb plut\u00f4t que \u00ab les muscles \u00bb<\/p>\n<p>Pourquoi choisir SOLYSTIC plut\u00f4t qu'un fournisseur d'\u00e9quipements standard ? Parce que nous r\u00e9solvons les probl\u00e8mes que les m\u00e9caniciens lourds ne peuvent pas r\u00e9soudre.<\/p>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_7 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* Import des polices et ic\u00f4nes *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap');\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\n\n    \/* Conteneur Grille *\/\n    .solystic-advantage-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        max-width: 1200px;\n        margin: 0 auto;\n        font-family: 'Inter', Helvetica, Arial, sans-serif;\n    }\n\n    \/* Style de la Carte *\/\n    .advantage-card {\n        background: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 16px;\n        padding: 40px 30px;\n        transition: all 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    }\n\n    \/* Effet Hover G\u00e9n\u00e9ral *\/\n    .advantage-card:hover {\n        transform: translateY(-10px);\n        border-color: #cbd5e1;\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    }\n\n    \/* Cercles d'ic\u00f4nes *\/\n    .icon-circle {\n        width: 60px;\n        height: 60px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 24px;\n        margin-bottom: 25px;\n        color: #fff;\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);\n        transition: transform 0.4s ease;\n    }\n\n    .advantage-card:hover .icon-circle {\n        transform: scale(1.1) rotate(5deg);\n    }\n\n    \/* Typographie *\/\n    .advantage-card h3 {\n        color: #1e293b;\n        font-size: 22px;\n        font-weight: 700;\n        margin-bottom: 15px;\n        line-height: 1.3;\n        margin-top: 0 !important;\n        padding-top: 0 !important;\n    }\n\n    .advantage-card p {\n        color: #64748b;\n        font-size: 18px; \/* Modification appliqu\u00e9e ici : passage de 15px \u00e0 18px *\/\n        line-height: 1.6;\n        margin-bottom: 30px;\n        flex-grow: 1;\n        margin-top: 0 !important;\n    }\n    \n    .advantage-card p strong {\n        color: #334155;\n    }\n\n    \/* Lien\/Action en bas *\/\n    .card-action {\n        font-size: 13px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin-top: auto;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none !important;\n        transition: padding-left 0.3s ease;\n    }\n    \n    .advantage-card:hover .card-action {\n        padding-left: 5px;\n    }\n    \n    \/* --- COULEURS PERSONNALIS\u00c9ES --- *\/\n\n    \/* Carte 1 : Bleu Solystic (#214487) *\/\n    .card-blue .icon-circle { background: linear-gradient(135deg, #355fb5, #214487); }\n    .card-blue .card-action { color: #214487; }\n    \n    \/* Carte 2 : Orange Solystic (#ed7c00) *\/\n    .card-orange .icon-circle { background: linear-gradient(135deg, #ff962b, #ed7c00); }\n    .card-orange .card-action { color: #ed7c00; }\n\n    \/* Carte 3 : Vert Solystic (#97c119) *\/\n    .card-green .icon-circle { background: linear-gradient(135deg, #b3e02e, #97c119); }\n    .card-green .card-action { color: #97c119; }\n\n    \/* Responsive *\/\n    @media (max-width: 980px) {\n        .solystic-advantage-grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n    }\n<\/style>\n\n<div class=\"solystic-advantage-grid\">\n\n    <div class=\"advantage-card card-blue\">\n        <div class=\"icon-circle\"><i class=\"fa-solid fa-expand\"><\/i><\/div>\n        <h3>Grandir sans repousser les murs<\/h3>\n        <p>L'espace immobilier est rare. Notre sp\u00e9cialit\u00e9 est l'<strong>optimisation de sites existants (Brownfield)<\/strong>. Nous r\u00e9am\u00e9nageons et modernisons vos sites actuels pour augmenter la capacit\u00e9 sur votre surface actuelle.<\/p>\n        <a href=\"\/contact\/\" class=\"card-action\">S'agrandir sans construire <i class=\"fa-solid fa-arrow-right\" style=\"margin-left:8px; font-size:10px;\"><\/i><\/a>\n    <\/div>\n\n    <div class=\"advantage-card card-orange\">\n        <div class=\"icon-circle\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n        <h3>S\u00e9curiser l'investissement avec les Jumeaux Num\u00e9riques<\/h3>\n        <p>Nous n'utilisons pas les jumeaux num\u00e9riques uniquement pour la supervision ; c'est un <strong>outil de r\u00e9duction des risques financiers<\/strong>. Nous simulons vos flux exacts pour prouver le ROI avant m\u00eame votre signature.<\/p>\n        <a href=\"\/contact\/\" class=\"card-action\">Mise en service virtuelle <i class=\"fa-solid fa-arrow-right\" style=\"margin-left:8px; font-size:10px;\"><\/i><\/a>\n    <\/div>\n\n    <div class=\"advantage-card card-green\">\n        <div class=\"icon-circle\"><i class=\"fa-regular fa-eye\"><\/i><\/div>\n        <h3>Vision+ et ma\u00eetrise de l'IA<\/h3>\n        <p>Notre h\u00e9ritage dans le tri postal nous donne un avantage ind\u00e9niable dans la <strong>capture de donn\u00e9es<\/strong>. Nos syst\u00e8mes lisent, d\u00e9codent et tracent les articles que d'autres rejettent.<\/p>\n        <a href=\"\/contact\/\" class=\"card-action\">Tra\u00e7abilit\u00e9 \u00e0 100 % <i class=\"fa-solid fa-arrow-right\" style=\"margin-left:8px; font-size:10px;\"><\/i><\/a>\n    <\/div>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\"><div class=\"et_pb_row_8 et_pb_row et_flex_row preset--module--divi-row--default\"><div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_cta_4 et_pb_promo et_pb_bg_layout_dark et_pb_module et_block_module\"><div class=\"et_pb_promo_description\"><h2 class=\"et_pb_module_header\">Un partenariat au-del\u00e0 de l'installation<\/h2><\/div><\/div><\/div><\/div><div class=\"et_pb_row_9 et_pb_row et_flex_row preset--module--divi-row--default\"><div class=\"et_pb_column_9 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  \/* --- STYLES CSS --- *\/\n  \n  .custom-services-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    width: 100%;\n  }\n\n  \/* Chaque colonne *\/\n  .service-item {\n    flex: 1 1 300px;\n    text-align: center;\n    padding: 20px 30px;\n    box-sizing: border-box;\n    position: relative;\n  }\n\n  \/* Ligne de s\u00e9paration verticale (sauf apr\u00e8s le dernier \u00e9l\u00e9ment) *\/\n  .service-item:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 10%;\n    height: 80%;\n    width: 1px;\n    background-color: #e1e1e1;\n  }\n\n  \/* Style des ic\u00f4nes SVG *\/\n  .service-icon svg {\n    width: 48px;\n    height: 48px;\n    stroke: #cbd5e1; \/* Gris clair *\/\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    margin-bottom: 15px;\n  }\n  \n  \/* Titres *\/\n  .service-item h3 {\n    font-family: 'Open Sans', sans-serif, Arial;\n    font-size: 24px; \/* Taille ajust\u00e9e pour maintenir la hi\u00e9rarchie *\/\n    font-weight: 700;\n    color: #0f172a; \/* Noir\/Bleu fonc\u00e9 *\/\n    margin-bottom: 10px;\n    margin-top: 0;\n    display: block; \n  }\n\n  \/* Description *\/\n  .service-item p {\n    font-family: 'Open Sans', sans-serif, Arial;\n    font-size: 18px; \/* Taille agrandie selon la demande *\/\n    line-height: 1.6;\n    color: #64748b; \/* Gris texte *\/\n    margin: 0;\n    display: block; \n  }\n\n  \/* Mobile : on empile les colonnes et on enl\u00e8ve les lignes verticales *\/\n  @media (max-width: 980px) {\n    .service-item:not(:last-child)::after {\n      display: none;\n    }\n    .service-item {\n        border-bottom: 1px solid #e1e1e1;\n        padding-bottom: 40px;\n        margin-bottom: 20px;\n    }\n    .service-item:last-child {\n        border-bottom: none;\n    }\n  }\n<\/style>\n\n<div class=\"custom-services-grid\">\n  \n  <div class=\"service-item\">\n    <div class=\"service-icon\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\"><\/path><\/svg>\n    <\/div>\n    <h3>Conception & Simulation<\/h3>\n    <p>Co-conception s'appuyant sur la Data Science et la simulation pour valider les flux.<\/p>\n  <\/div>\n\n  <div class=\"service-item\">\n    <div class=\"service-icon\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\n    <\/div>\n    <h3>Int\u00e9gration<\/h3>\n    <p>D\u00e9ploiement fluide du mat\u00e9riel et des logiciels (WCS\/WMS).<\/p>\n  <\/div>\n\n  <div class=\"service-item\">\n    <div class=\"service-icon\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M23 4v6h-6\"><\/path><path d=\"M1 20v-6h6\"><\/path><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"><\/path><\/svg>\n    <\/div>\n    <h3>Services li\u00e9s au cycle de vie<\/h3>\n    <p>Maintenance pr\u00e9dictive, assistance 24\/7 et gestion de l'obsolescence.<\/p>\n  <\/div>\n\n<\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_row_10 et_pb_row et_flex_row preset--module--divi-row--default\"><div class=\"et_pb_column_10 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_code_5 et_pb_code et_pb_module\"><\/div><\/div><\/div><\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_block_section ragnar_home2_image_section\">\n<div class=\"et_pb_row_11 et_pb_row et_block_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_11 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/07\/e80d55f5-e16e-4654-9f8e-7cc472f13ed8.png\" title=\"e80d55f5-e16e-4654-9f8e-7cc472f13ed8\" width=\"1619\" height=\"971\" srcset=\"https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/07\/e80d55f5-e16e-4654-9f8e-7cc472f13ed8.png 1619w, https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/07\/e80d55f5-e16e-4654-9f8e-7cc472f13ed8-1280x768.png 1280w, https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/07\/e80d55f5-e16e-4654-9f8e-7cc472f13ed8-980x588.png 980w, https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/07\/e80d55f5-e16e-4654-9f8e-7cc472f13ed8-480x288.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1619px, 100vw\" class=\"wp-image-1089319\" \/><\/span><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_12 et_pb_row et_block_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_12 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_blurb_1 et_pb_blurb et_pb_bg_layout_light et_pb_text_align_center et_pb_blurb_position_top et_pb_module et_block_module\"><div class=\"et_pb_blurb_content\"><div class=\"et_pb_blurb_container\"><h4 class=\"et_pb_module_header\">Ne vous posez plus de questions.<\/h4><div class=\"et_pb_blurb_description\"><p><span style=\"color: #ffffff;\">Validez d\u00e8s aujourd'hui votre retour sur investissement futur.<\/span><\/p>\n<\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_block_section ragnar_tesimonails_gorm\">\n<div class=\"et_pb_row_13 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_13 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"et_pb_row_15 et_pb_row et_block_row map_image preset--module--divi-row--default\">\n<div class=\"et_pb_column_15 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_1 et_pb_image et_pb_module et_block_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.solystic.com\/wp-content\/uploads\/2025\/12\/map-image-min.png\" width=\"1125\" height=\"712\" srcset=\"https:\/\/www.solystic.com\/wp-content\/uploads\/2025\/12\/map-image-min.png 1125w, https:\/\/www.solystic.com\/wp-content\/uploads\/2025\/12\/map-image-min-980x620.png 980w, https:\/\/www.solystic.com\/wp-content\/uploads\/2025\/12\/map-image-min-480x304.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1125px, 100vw\" class=\"wp-image-32\" title=\"map-image-min\" \/><\/span><\/div>\n<\/div>\n<\/div>\n\n\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\"><div class=\"et_pb_row_17 et_pb_row et_flex_row preset--module--divi-row--default\"><div class=\"et_pb_column_17 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_cta_6 et_pb_promo et_pb_bg_layout_dark et_pb_module et_block_module\"><div class=\"et_pb_promo_description\"><h2 class=\"et_pb_module_header\">Pr\u00eat \u00e0 transformer votre cha\u00eene d'approvisionnement ?<\/h2><div class=\"et_pb_promo_content\"><p>Ne laissez pas une infrastructure rigide vous ralentir. Concevons une solution adapt\u00e9e \u00e0 votre espace, \u00e0 votre budget et \u00e0 vos ambitions futures.<\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"et_pb_row_18 et_pb_row et_flex_row preset--module--divi-row--default\"><div class=\"et_pb_column_18 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* Conteneur principal pour aligner les boutons *\/\n.custom-button-container {\n    display: flex;\n    gap: 20px; \/* Espace entre les boutons *\/\n    align-items: center;\n    justify-content: center; \/* C'est ici que le centrage se fait ! *\/\n    flex-wrap: wrap; \/* Permet aux boutons de passer \u00e0 la ligne sur mobile *\/\n    font-family: 'Helvetica', 'Arial', sans-serif;\n}\n\n\/* Styles communs aux deux boutons *\/\n.custom-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 24px;\n    border-radius: 6px;\n    font-size: 16px;\n    font-weight: 700;\n    text-decoration: none !important;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    line-height: 1.2;\n}\n\n\/* --- BOUTON 1 : Request a Virtual Audit (Bleu) --- *\/\n.btn-primary-blue {\n    background-color: #2563EB;\n    color: #ffffff !important;\n    border: 1px solid #2563EB;\n    box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.3);\n}\n\n.btn-primary-blue:hover {\n    background-color: #1d4ed8;\n    transform: translateY(-2px);\n}\n\n\/* --- BOUTON 2 : Talk to a Solution Architect (Blanc) --- *\/\n.btn-secondary-white {\n    background-color: #ffffff;\n    color: #1F2937 !important;\n    border: 1px solid #D1D5DB;\n}\n\n.btn-secondary-white:hover {\n    background-color: #f9fafb;\n    border-color: #9CA3AF;\n    transform: translateY(-2px);\n}\n\n\/* --- Styles pour les ic\u00f4nes (SVG) --- *\/\n.btn-icon {\n    width: 20px;\n    height: 20px;\n    margin-right: 10px;\n    fill: currentColor;\n}\n<\/style>\n\n<div class=\"custom-button-container\">\n\n    <a href=\"\/contact\/\" class=\"custom-btn btn-primary-blue\">\n        <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M20 16V6H4V16H20ZM22 16C22 17.1 21.1 18 20 18H4C2.9 18 2 17.1 2 16V6C2 4.9 2.9 4 4 4H20C21.1 4 22 4.9 22 6V16ZM0 20H24V22H0V20Z\"\/>\n        <\/svg>\n        Demander un audit virtuel\n    <\/a>\n\n    <a href=\"\/contact\/\" class=\"custom-btn btn-secondary-white\">\n        <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM6 9H18V11H6V9ZM14 14H6V12H14V14ZM18 8H6V6H18V8Z\"\/>\n        <\/svg>\n        Parler \u00e0 un expert\n    <\/a>\n\n<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":29,"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1089321,"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/12\/revisions\/1089321"}],"wp:attachment":[{"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}