{"id":327567,"date":"2025-12-11T04:34:27","date_gmt":"2025-12-11T04:34:27","guid":{"rendered":"https:\/\/www.solystic.com\/?page_id=327567"},"modified":"2026-04-13T14:08:27","modified_gmt":"2026-04-13T14:08:27","slug":"societe","status":"publish","type":"page","link":"https:\/\/www.solystic.com\/fr\/societe\/","title":{"rendered":"Soci\u00e9t\u00e9"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\r\n<div class=\"et_pb_row_0 et_pb_row et_block_row preset--module--divi-row--default\">\r\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\">\r\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center-phone\"><div class=\"et_pb_text_inner\"><h1>Notre soci\u00e9t\u00e9<\/h1>\n<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\r\n<div class=\"et_pb_row_1 et_pb_row et_flex_row preset--module--divi-row--default\">\r\n<div class=\"et_pb_column_1 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\">\r\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Solystic<\/span><\/p><\/nav>\n<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\r\n<div class=\"et_pb_row_2 et_pb_row et_flex_row preset--module--divi-row--default\">\r\n<div class=\"et_pb_column_2 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\">\r\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2 style=\"text-align: left;\">Plus que des machines :<br \/>\ndes \u00e9cosyst\u00e8mes performants.<\/h2>\n<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_row_3 et_pb_row et_flex_row preset--module--divi-row--default\">\r\n<div class=\"et_pb_column_3 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\r\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p>L'industrie logistique traverse une mutation radicale. Les infrastructures rigides et le verrouillage propri\u00e9taire freinent aujourd'hui votre croissance. Forts de notre h\u00e9ritage historique de leader mondial dans le tri postal, nous avons op\u00e9r\u00e9 un pivot strat\u00e9gique. Que vous soyez dans le secteur postal, l'industrie manufacturi\u00e8re, la logistique tierce partie (3PL) ou le pharmaceutique, nous ne nous contentons plus de fabriquer : <span style=\"color: #000000;\"><strong>nous int\u00e9grons.<\/strong><\/span><\/p>\n<\/div><\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\r\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  \/* Styles sp\u00e9cifiques pour ne pas interf\u00e9rer avec le reste de votre site Divi *\/\n  .solystic-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  }\n  \n  \/* Rend les cartes responsive sur mobile (1 seule colonne) *\/\n  @media (max-width: 767px) {\n    .solystic-cards-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .solystic-card {\n    background-color: #f8fafc;\n    border: 1px solid #e2e8f0;\n    padding: 24px;\n    border-radius: 16px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: 12px;\n    transition: box-shadow 0.3s ease, transform 0.3s ease;\n  }\n\n  .solystic-card:hover {\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    transform: translateY(-2px);\n  }\n\n  .solystic-icon {\n    width: 32px;\n    height: 32px;\n    color: #2563eb; \/* Bleu Solystic *\/\n  }\n\n  .solystic-label {\n    font-weight: 600;\n    color: #1e293b;\n    font-size: 16px;\n    line-height: 1.5;\n  }\n<\/style>\n\n<div class=\"solystic-cards-grid\">\n  <!-- Carte 1 : Secteur Postal -->\n  <div class=\"solystic-card\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"solystic-icon\">\n      <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n    <\/svg>\n    <span class=\"solystic-label\">Secteur Postal<\/span>\n  <\/div>\n\n  <!-- Carte 2 : Industrie Manufacturi\u00e8re -->\n  <div class=\"solystic-card\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"solystic-icon\">\n      <path d=\"M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z\"><\/path>\n      <path d=\"M17 18h1\"><\/path>\n      <path d=\"M12 18h1\"><\/path>\n      <path d=\"M7 18h1\"><\/path>\n    <\/svg>\n    <span class=\"solystic-label\">Industrie Manufacturi\u00e8re<\/span>\n  <\/div>\n\n  <!-- Carte 3 : Logistique 3PL -->\n  <div class=\"solystic-card\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"solystic-icon\">\n      <polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon>\n      <polyline points=\"2 17 12 22 22 17\"><\/polyline>\n      <polyline points=\"2 12 12 17 22 12\"><\/polyline>\n    <\/svg>\n    <span class=\"solystic-label\">Logistique 3PL<\/span>\n  <\/div>\n\n  <!-- Carte 4 : Pharmaceutique -->\n  <div class=\"solystic-card\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"solystic-icon\">\n      <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2-1 4-2 7-2 3 0 5 1 7 2a1 1 0 0 1 1 1v7z\"><\/path>\n      <path d=\"m9 12 2 2 4-4\"><\/path>\n    <\/svg>\n    <span class=\"solystic-label\">Pharmaceutique<\/span>\n  <\/div>\n<\/div><\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\r\n<div class=\"et_pb_row_4 et_pb_row et_flex_row preset--module--divi-row--default\">\r\n<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\">\r\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2 style=\"text-align: center;\">Fournisseur et int\u00e9grateur<\/h2>\n<p style=\"text-align: center;\">La Strat\u00e9gie \"<span style=\"color: #0000ff;\">Best-of-Breed<\/span>\". Ne laissez plus un catalogue de fabricant dicter vos op\u00e9rations.<\/p>\n<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_row_5 et_pb_row et_flex_row preset--module--divi-row--default\">\r\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\">\r\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  \/* Styles ind\u00e9pendants pour la section \"Strat\u00e9gie\" *\/\n  .solystic-strategy-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 32px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  }\n\n  \/* Responsive : passage sur 1 colonne pour les mobiles et tablettes *\/\n  @media (max-width: 900px) {\n    .solystic-strategy-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .solystic-strategy-card {\n    background-color: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 24px;\n    padding: 32px;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n    transition: box-shadow 0.3s ease, transform 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Effet de survol de la carte *\/\n  .solystic-strategy-card:hover {\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    transform: translateY(-4px);\n  }\n\n  \/* Formes d\u00e9coratives en arri\u00e8re-plan *\/\n  .bg-shape-1 {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 128px;\n    height: 128px;\n    background-color: #eff6ff; \/* Bleu tr\u00e8s clair *\/\n    border-bottom-left-radius: 100%;\n    z-index: 0;\n    transition: transform 0.3s ease;\n  }\n  \n  .bg-shape-2 {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 128px;\n    height: 128px;\n    background-color: #ecfeff; \/* Cyan tr\u00e8s clair *\/\n    border-bottom-left-radius: 100%;\n    z-index: 0;\n    transition: transform 0.3s ease;\n  }\n\n  \/* Animation de la forme au survol *\/\n  .solystic-strategy-card:hover .bg-shape-1,\n  .solystic-strategy-card:hover .bg-shape-2 {\n    transform: scale(1.1);\n  }\n\n  \/* Conteneur du contenu (au-dessus de la d\u00e9coration) *\/\n  .card-content {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  \/* Styles de l'ic\u00f4ne principale *\/\n  .icon-box {\n    width: 56px;\n    height: 56px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 24px;\n  }\n  .icon-box.blue {\n    background-color: #dbeafe;\n    color: #2563eb;\n  }\n  .icon-box.cyan {\n    background-color: #cffafe;\n    color: #0891b2;\n  }\n  .icon-svg {\n    width: 28px;\n    height: 28px;\n  }\n\n  \/* Textes de la carte *\/\n  .card-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: #0f172a;\n    margin: 0 0 12px 0;\n  }\n  .card-desc {\n    font-size: 16px;\n    color: #475569;\n    line-height: 1.6;\n    margin: 0 0 24px 0;\n  }\n\n  \/* Liste \u00e0 puces pour le Cerveau *\/\n  .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  .feature-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: #334155;\n    font-weight: 500;\n  }\n  .feature-icon {\n    width: 20px;\n    height: 20px;\n    color: #3b82f6;\n    flex-shrink: 0;\n  }\n\n  \/* Bo\u00eete de mise en avant pour les Muscles *\/\n  .info-box {\n    background-color: #f8fafc;\n    border: 1px solid #f1f5f9;\n    border-radius: 12px;\n    padding: 16px;\n    font-size: 14px;\n    color: #475569;\n    font-weight: 500;\n    line-height: 1.5;\n    margin-top: auto; \/* Pousse la bo\u00eete vers le bas pour aligner les cartes *\/\n  }\n<\/style>\n\n<div class=\"solystic-strategy-grid\">\n  <!-- Carte 1 : Le Cerveau -->\n  <div class=\"solystic-strategy-card\">\n    <div class=\"bg-shape-1\"><\/div>\n    <div class=\"card-content\">\n      <div class=\"icon-box blue\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-svg\">\n          <rect width=\"16\" height=\"16\" x=\"4\" y=\"4\" rx=\"2\"><\/rect>\n          <rect width=\"6\" height=\"6\" x=\"9\" y=\"9\" rx=\"1\"><\/rect>\n          <path d=\"M15 2v2\"><\/path><path d=\"M15 20v2\"><\/path>\n          <path d=\"M2 15h2\"><\/path><path d=\"M2 9h2\"><\/path>\n          <path d=\"M20 15h2\"><\/path><path d=\"M20 9h2\"><\/path>\n          <path d=\"M9 2v2\"><\/path><path d=\"M9 20v2\"><\/path>\n        <\/svg>\n      <\/div>\n      <h3 class=\"card-title\">Le \"Cerveau\"<\/h3>\n      <p class=\"card-desc\">Nous ma\u00eetrisons l'intelligence de votre installation pour un pilotage parfait.<\/p>\n      <ul class=\"feature-list\">\n        <li class=\"feature-item\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feature-icon\">\n            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n          <\/svg>\n          Logiciels de pilotage (WCS FlowPilot)\n        <\/li>\n        <li class=\"feature-item\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feature-icon\">\n            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n          <\/svg>\n          Vision par ordinateur (Vision+)\n        <\/li>\n        <li class=\"feature-item\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feature-icon\">\n            <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n          <\/svg>\n          Robotique avanc\u00e9e\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Carte 2 : Les Muscles -->\n  <div class=\"solystic-strategy-card\">\n    <div class=\"bg-shape-2\"><\/div>\n    <div class=\"card-content\">\n      <div class=\"icon-box cyan\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-svg\">\n          <path d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"><\/path>\n          <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n        <\/svg>\n      <\/div>\n      <h3 class=\"card-title\">Les \"Muscles\"<\/h3>\n      <p class=\"card-desc\">Nous int\u00e9grons les meilleurs \u00e9quipements m\u00e9caniques disponibles sur le march\u00e9 (convoyeurs tiers).<\/p>\n      <div class=\"info-box\">\n        Cette neutralit\u00e9 technologique garantit une agilit\u00e9 maximale et supprime le risque de \"Vendor Lock-in\". Nous assumons la responsabilit\u00e9 totale, de la conception \u00e0 la maintenance.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\r\n<div class=\"et_pb_row_6 et_pb_row et_flex_row preset--module--divi-row--default\">\r\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\">\r\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2 style=\"text-align: center;\">Les leviers de performance de notre portefeuille<\/h2>\n<p>Notre proposition de valeur repose sur trois piliers d'innovation majeurs.<\/p>\n<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_row_7 et_pb_row et_flex_row preset--module--divi-row--default\">\r\n<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\">\r\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  \/* Styles ind\u00e9pendants pour la section \"Trinit\u00e9 Technologique\" *\/\n  .trinity-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  }\n\n  \/* Responsive : passage sur 1 colonne pour les mobiles et tablettes *\/\n  @media (max-width: 900px) {\n    .trinity-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* Style de base de la carte *\/\n  .trinity-card {\n    background-color: #f8fafc; \/* slate-50 *\/\n    border-radius: 24px;\n    padding: 32px;\n    transition: background-color 0.3s ease;\n    cursor: default;\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* Bo\u00eete contenant l'ic\u00f4ne *\/\n  .trinity-icon-wrapper {\n    width: 48px;\n    height: 48px;\n    background-color: #ffffff;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 24px;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    transition: background-color 0.3s ease;\n  }\n\n  .trinity-icon {\n    width: 24px;\n    height: 24px;\n    color: #2563eb; \/* blue-600 *\/\n    transition: color 0.3s ease;\n  }\n\n  \/* Textes *\/\n  .trinity-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: #0f172a; \/* slate-900 *\/\n    margin: 0 0 8px 0;\n    transition: color 0.3s ease;\n  }\n\n  .trinity-subtitle {\n    font-size: 14px;\n    font-weight: 600;\n    color: #2563eb; \/* blue-600 *\/\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin: 0 0 16px 0;\n    transition: color 0.3s ease;\n  }\n\n  .trinity-desc {\n    font-size: 16px;\n    color: #475569; \/* slate-600 *\/\n    line-height: 1.6;\n    margin: 0;\n    transition: color 0.3s ease;\n  }\n\n  \/* =========================================\n     EFFETS AU SURVOL (HOVER) \n     ========================================= *\/\n  .trinity-card:hover {\n    background-color: #2563eb; \/* Le fond devient bleu (blue-600) *\/\n  }\n\n  .trinity-card:hover .trinity-icon-wrapper {\n    background-color: #3b82f6; \/* Le fond de l'ic\u00f4ne devient bleu clair (blue-500) *\/\n  }\n\n  .trinity-card:hover .trinity-icon {\n    color: #ffffff; \/* L'ic\u00f4ne devient blanche *\/\n  }\n\n  .trinity-card:hover .trinity-title {\n    color: #ffffff; \/* Le titre devient blanc *\/\n  }\n\n  .trinity-card:hover .trinity-subtitle {\n    color: #bfdbfe; \/* Le sous-titre devient bleu tr\u00e8s clair (blue-200) *\/\n  }\n\n  .trinity-card:hover .trinity-desc {\n    color: #eff6ff; \/* La description devient presque blanche (blue-50) *\/\n  }\n<\/style>\n\n<div class=\"trinity-grid\">\n  <!-- Pilier 1 : Digital Twin Suite -->\n  <div class=\"trinity-card\">\n    <div class=\"trinity-icon-wrapper\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"trinity-icon\">\n        <path d=\"m10 7 5 3-5 3Z\"><\/path>\n        <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"><\/rect>\n        <path d=\"M12 17v4\"><\/path>\n        <path d=\"M8 21h8\"><\/path>\n      <\/svg>\n    <\/div>\n    <h3 class=\"trinity-title\">Digital Twin Suite<\/h3>\n    <div class=\"trinity-subtitle\">D\u00e9-risquez votre investissement<\/div>\n    <p class=\"trinity-desc\">\n      Arr\u00eatez de deviner, commencez \u00e0 simuler. Outil de validation financi\u00e8re (ROI) en avant-vente. Nous mod\u00e9lisons et testons virtuellement l'int\u00e9gralit\u00e9 de vos flux pour garantir la performance avant installation.\n    <\/p>\n  <\/div>\n\n  <!-- Pilier 2 : Robotic Suite -->\n  <div class=\"trinity-card\">\n    <div class=\"trinity-icon-wrapper\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"trinity-icon\">\n        <path d=\"M12 8V4H8\"><\/path>\n        <rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"><\/rect>\n        <path d=\"M2 14h2\"><\/path>\n        <path d=\"M20 14h2\"><\/path>\n        <path d=\"M15 13v2\"><\/path>\n        <path d=\"M9 13v2\"><\/path>\n      <\/svg>\n    <\/div>\n    <h3 class=\"trinity-title\">Robotic Suite<\/h3>\n    <div class=\"trinity-subtitle\">La r\u00e9ponse \u00e0 la crise des talents<\/div>\n    <p class=\"trinity-desc\">\n      Transformez le d\u00e9fi RH du d\u00e9vracage manuel. Flottes de robots mobiles autonomes (AMR) et technologie unique de d\u00e9palettisation\/d\u00e9vracage par IA pour une flexibilit\u00e9 vitale (ex: 3PL).\n    <\/p>\n  <\/div>\n\n  <!-- Pilier 3 : Vision+ & IA -->\n  <div class=\"trinity-card\">\n    <div class=\"trinity-icon-wrapper\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"trinity-icon\">\n        <path d=\"M3 7V5a2 2 0 0 1 2-2h2\"><\/path>\n        <path d=\"M17 3h2a2 2 0 0 1 2 2v2\"><\/path>\n        <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"><\/path>\n        <path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"><\/path>\n        <path d=\"M7 12h10\"><\/path>\n      <\/svg>\n    <\/div>\n    <h3 class=\"trinity-title\">Vision+ & IA<\/h3>\n    <div class=\"trinity-subtitle\">Tra\u00e7abilit\u00e9 absolue<\/div>\n    <p class=\"trinity-desc\">\n      Combinaison de l'OCR, IA et RFID pour identifier chaque article \u00e0 tr\u00e8s haute vitesse. Indispensable pour l'int\u00e9grit\u00e9 de la cha\u00eene E-commerce et Pharmacie (FMD). Nous s\u00e9curisons vos donn\u00e9es.\n    <\/p>\n  <\/div>\n<\/div><\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\r\n<div class=\"et_pb_row_8 et_pb_row et_flex_row preset--module--divi-row--default\">\r\n<div class=\"et_pb_column_9 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\r\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  \/* Styles ind\u00e9pendants pour la section \"Brownfield\" *\/\n  .brownfield-wrapper {\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    background-color: transparent; \/* Couleur de fond transparente *\/\n    color: #ffffff;\n    padding: 20px 0; \/* Suppression du padding excessif pour l'int\u00e9gration *\/\n    border-radius: 0; \/* Pas d'arrondi *\/\n    border: none; \/* Pas de bordure *\/\n    max-width: 800px;\n  }\n\n  \/* \u00c9tiquette (Tag) \"Optimisation de l'existant\" *\/\n  .brownfield-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background-color: rgba(6, 182, 212, 0.1);\n    border: 1px solid rgba(6, 182, 212, 0.2);\n    color: #22d3ee; \/* Cyan *\/\n    padding: 6px 16px;\n    border-radius: 9999px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 24px;\n  }\n\n  .brownfield-tag svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  \/* Titre principal *\/\n  .brownfield-title {\n    font-size: 36px;\n    font-weight: 700;\n    line-height: 1.3;\n    margin: 0 0 24px 0;\n    color: #ffffff;\n  }\n\n  \/* Partie du titre en couleur cyan *\/\n  .brownfield-title span {\n    color: #22d3ee;\n    display: block;\n  }\n\n  \/* Paragraphe de description *\/\n  .brownfield-desc {\n    font-size: 18px;\n    color: #cbd5e1; \/* Gris clair bleut\u00e9 *\/\n    line-height: 1.6;\n    margin: 0 0 40px 0;\n  }\n\n  \/* Liste des \u00e9l\u00e9ments *\/\n  .brownfield-list {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n  }\n\n  .brownfield-item {\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  \/* Puces personnalis\u00e9es (cercles concentriques) *\/\n  .brownfield-bullet {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 4px;\n  }\n\n  \/* Puce bleue fonc\u00e9e *\/\n  .brownfield-bullet.blue {\n    background-color: rgba(59, 130, 246, 0.2);\n  }\n  .brownfield-bullet.blue .dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: #60a5fa;\n  }\n\n  \/* Puce cyan *\/\n  .brownfield-bullet.cyan {\n    background-color: rgba(6, 182, 212, 0.2);\n  }\n  .brownfield-bullet.cyan .dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: #22d3ee;\n  }\n\n  \/* Contenu des \u00e9l\u00e9ments de liste *\/\n  .brownfield-item-content h4 {\n    font-size: 18px;\n    font-weight: 700;\n    color: #ffffff;\n    margin: 0 0 8px 0;\n  }\n\n  .brownfield-item-content p {\n    font-size: 16px;\n    color: #cbd5e1;\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  \/* Responsive pour mobile *\/\n  @media (max-width: 768px) {\n    .brownfield-wrapper {\n      padding: 10px 0;\n    }\n    .brownfield-title {\n      font-size: 28px;\n    }\n    .brownfield-desc {\n      font-size: 16px;\n    }\n  }\n<\/style>\n\n<div class=\"brownfield-wrapper\">\n  <!-- Tag -->\n  <div class=\"brownfield-tag\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <path d=\"M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z\"><\/path>\n      <path d=\"M17 18h1\"><\/path>\n      <path d=\"M12 18h1\"><\/path>\n      <path d=\"M7 18h1\"><\/path>\n    <\/svg>\n    Optimisation de l'existant\n  <\/div>\n\n  <!-- Titre -->\n  <h2 class=\"brownfield-title\">\n    Ma\u00eetrise du \"Brownfield\" :\n    <span>Grandir sans pousser les murs<\/span>\n  <\/h2>\n\n  <!-- Description -->\n  <p class=\"brownfield-desc\">\n    Le foncier logistique est rare et co\u00fbteux. Il n'est pas toujours n\u00e9cessaire d'investir dans un m\u00e9ga-hub. SOLYSTIC est l'expert de l'optimisation \"Brownfield\".\n  <\/p>\n\n  <!-- Liste -->\n  <div class=\"brownfield-list\">\n    \n    <!-- Item 1 -->\n    <div class=\"brownfield-item\">\n      <div class=\"brownfield-bullet blue\">\n        <div class=\"dot\"><\/div>\n      <\/div>\n      <div class=\"brownfield-item-content\">\n        <h4>Automatisation haute densit\u00e9<\/h4>\n        <p>Nous int\u00e9grons l'automatisation dans votre empreinte actuelle gr\u00e2ce \u00e0 des syst\u00e8mes ultra-compacts.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Item 2 -->\n    <div class=\"brownfield-item\">\n      <div class=\"brownfield-bullet cyan\">\n        <div class=\"dot\"><\/div>\n      <\/div>\n      <div class=\"brownfield-item-content\">\n        <h4>RetroFit Pack<\/h4>\n        <p>Prolongez le cycle de vie de vos \u00e9quipements existants sans les lourds CAPEX d'une construction neuve.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div><\/div><\/div>\r\n<\/div>\r\n\r\n<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_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\r\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/03\/SOLYSTIC-Brownfield.jpg\" title=\"SOLYSTIC-Brownfield\" width=\"800\" height=\"370\" srcset=\"https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/03\/SOLYSTIC-Brownfield.jpg 800w, https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/03\/SOLYSTIC-Brownfield-480x222.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" class=\"wp-image-1088689\" \/><\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\r\n<div class=\"et_pb_row_9 et_pb_row et_flex_row preset--module--divi-row--default\">\r\n<div class=\"et_pb_column_11 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\">\r\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  \/* Importation de la police Barlow depuis Google Fonts *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;500;600;700;800&display=swap');\n\n  \/* Styles ind\u00e9pendants pour la section \"Indicateurs Cl\u00e9s\" *\/\n  .solystic-kpi-container {\n    font-family: 'Barlow', system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    padding: 40px 0;\n    background-color: transparent;\n  }\n\n  .solystic-kpi-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 40px;\n    text-align: center;\n  }\n\n  \/* Responsive : passage sur 2 colonnes sur tablette, 1 sur mobile *\/\n  @media (max-width: 980px) {\n    .solystic-kpi-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n  @media (max-width: 600px) {\n    .solystic-kpi-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  .solystic-kpi-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    transition: transform 0.3s ease;\n  }\n\n  .solystic-kpi-card:hover {\n    transform: translateY(-5px);\n  }\n\n  \/* Style des ic\u00f4nes SVG *\/\n  .solystic-kpi-icon {\n    width: 64px;\n    height: 64px;\n    color: #1e3a8a; \/* Bleu marine Solystic *\/\n    margin-bottom: 8px;\n  }\n\n  \/* Style du texte *\/\n  .solystic-kpi-text {\n    font-size: 16px;\n    line-height: 1.4;\n    color: #334155; \/* slate-700 *\/\n    max-width: 220px;\n  }\n\n  \/* Mise en \u00e9vidence des chiffres\/mots cl\u00e9s *\/\n  .solystic-kpi-highlight {\n    display: block;\n    font-size: 18px;\n    font-weight: 800;\n    color: #1e3a8a;\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n    transition: border-color 0.3s ease;\n  }\n\n  .solystic-kpi-card:hover .solystic-kpi-highlight {\n    border-bottom-color: #2563eb;\n  }\n<\/style>\n\n<div class=\"solystic-kpi-container\">\n  <div class=\"solystic-kpi-grid\">\n    \n    <!-- Indicateur 1 : Histoire -->\n    <div class=\"solystic-kpi-card\">\n      <svg class=\"solystic-kpi-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M12 2v10l4.5 4.5\"><\/path>\n        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n      <\/svg>\n      <div class=\"solystic-kpi-text\">\n        Une histoire qui d\u00e9bute d\u00e8s <span class=\"solystic-kpi-highlight\">les ann\u00e9es 50<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Indicateur 2 : Continents -->\n    <div class=\"solystic-kpi-card\">\n      <svg class=\"solystic-kpi-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n        <path d=\"M2 12h20\"><\/path>\n        <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n      <\/svg>\n      <div class=\"solystic-kpi-text\">\n        Une pr\u00e9sence sur les <span class=\"solystic-kpi-highlight\">5 continents<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Indicateur 3 : Op\u00e9rateurs -->\n    <div class=\"solystic-kpi-card\">\n      <svg class=\"solystic-kpi-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n        <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n      <\/svg>\n      <div class=\"solystic-kpi-text\">\n        Pr\u00e8s de <span class=\"solystic-kpi-highlight\">30 op\u00e9rateurs internationaux<\/span> nous font confiance\n      <\/div>\n    <\/div>\n\n    <!-- Indicateur 4 : Export -->\n    <div class=\"solystic-kpi-card\">\n      <svg class=\"solystic-kpi-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"m22 2-7 20-4-9-9-4Z\"><\/path>\n        <path d=\"M22 2 11 13\"><\/path>\n      <\/svg>\n      <div class=\"solystic-kpi-text\">\n        Plus de <span class=\"solystic-kpi-highlight\">80% de nos activit\u00e9s<\/span> r\u00e9alis\u00e9es \u00e0 l'export\n      <\/div>\n    <\/div>\n\n    <!-- Indicateur 5 : R&D -->\n    <div class=\"solystic-kpi-card\">\n      <svg class=\"solystic-kpi-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .5 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"><\/path>\n        <path d=\"M9 18h6\"><\/path>\n        <path d=\"M10 22h4\"><\/path>\n      <\/svg>\n      <div class=\"solystic-kpi-text\">\n        Un investissement significatif et constant en <span class=\"solystic-kpi-highlight\">R&D (6%)<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Indicateur 6 : Salari\u00e9s -->\n    <div class=\"solystic-kpi-card\">\n      <svg class=\"solystic-kpi-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"><\/rect>\n        <path d=\"M7 7h.01\"><\/path>\n        <path d=\"M17 7h.01\"><\/path>\n        <path d=\"M7 17h.01\"><\/path>\n        <path d=\"M17 17h.01\"><\/path>\n        <path d=\"M12 12h.01\"><\/path>\n      <\/svg>\n      <div class=\"solystic-kpi-text\">\n        Pr\u00e8s de <span class=\"solystic-kpi-highlight\">300 salari\u00e9s<\/span> r\u00e9partis entre Valence et la Belgique\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div><\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\r\n<div class=\"et_pb_row_10 et_pb_row et_flex_row preset--module--divi-row--default\">\r\n<div class=\"et_pb_column_12 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\">\r\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\">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>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"et_pb_row_11 et_pb_row et_flex_row preset--module--divi-row--default\">\r\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\">\r\n<div class=\"et_pb_code_5 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>\r\n<\/div>\r\n<\/div>\r\n<\/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-327567","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/327567","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=327567"}],"version-history":[{"count":1,"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/327567\/revisions"}],"predecessor-version":[{"id":1088901,"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/327567\/revisions\/1088901"}],"wp:attachment":[{"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/media?parent=327567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}