{"id":327549,"date":"2025-12-11T04:32:37","date_gmt":"2025-12-11T04:32:37","guid":{"rendered":"https:\/\/www.solystic.com\/?page_id=327549"},"modified":"2026-04-16T15:13:50","modified_gmt":"2026-04-16T15:13:50","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.solystic.com\/fr\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\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_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center-phone preset--module--divi-text--67224014-a86d-41a2-88a9-e3cb52526dcd\"><div class=\"et_pb_text_inner\"><p>Contact<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module et_pb_text_align_center-phone preset--module--divi-text--67224014-a86d-41a2-88a9-e3cb52526dcd\"><div class=\"et_pb_text_inner\"><p>Nos \u00e9quipes sont \u00e0 votre disposition pour r\u00e9pondre \u00e0 toutes vos demandes.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row preset--module--divi-row--default\">\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\">\n<div class=\"et_pb_row_2 et_pb_row et_pb_row_nested et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_2 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_contact_form_0 et_pb_contact_form_container clearfix et_pb_recaptcha_enabled et_pb_module et_flex_module solystic-form\" data-form_unique_num=\"0\" data-form_unique_id=\"f2dc6899-65e0-490b-86df-c0e7734178ec\" id=\"et_pb_contact_form_f2dc6899-65e0-490b-86df-c0e7734178ec\"><h1 class=\"et_pb_contact_main_title\">Formulaires de contact.<\/h1><div class=\"et-pb-contact-message\"><\/div><div class=\"et_pb_contact\"><form class=\"et_pb_contact_form et_flex_module\" method=\"post\" action=\"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/327549\">\n<div class=\"et_pb_contact_field_0 et_pb_contact_field et_pb_module et_flex_module et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_12_24_phone\" data-id=\"prenom\" data-type=\"input\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_prenom_0\">Pr\u00e9nom<\/label><input type=\"text\" name=\"et_pb_contact_0_prenom_0\" id=\"et_pb_contact_0_prenom_0\" class=\"input\" data-required_mark=\"required\" data-field_type=\"input\" data-original_id=\"prenom\" placeholder=\"Pr\u00e9nom\" title=\"\" value=\"\" \/><\/div>\n\n<div class=\"et_pb_contact_field_1 et_pb_contact_field et_pb_module et_flex_module et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_12_24_phone\" data-id=\"nom\" data-type=\"input\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_nom_1\">Nom<\/label><input type=\"text\" name=\"et_pb_contact_0_nom_1\" id=\"et_pb_contact_0_nom_1\" class=\"input\" data-required_mark=\"required\" data-field_type=\"input\" data-original_id=\"nom\" placeholder=\"Nom\" title=\"\" value=\"\" \/><\/div>\n\n<div class=\"et_pb_contact_field_2 et_pb_contact_field et_pb_module et_flex_module et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_12_24_phone\" data-id=\"entreprise\" data-type=\"input\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_entreprise_2\">Entreprise<\/label><input type=\"text\" name=\"et_pb_contact_0_entreprise_2\" id=\"et_pb_contact_0_entreprise_2\" class=\"input\" data-required_mark=\"required\" data-field_type=\"input\" data-original_id=\"entreprise\" placeholder=\"Entreprise\" title=\"\" value=\"\" \/><\/div>\n\n<div class=\"et_pb_contact_field_3 et_pb_contact_field et_pb_module et_flex_module et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_12_24_phone\" data-id=\"fonction\" data-type=\"input\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_fonction_3\">Fonction<\/label><input type=\"text\" name=\"et_pb_contact_0_fonction_3\" id=\"et_pb_contact_0_fonction_3\" class=\"input\" data-required_mark=\"required\" data-field_type=\"input\" data-original_id=\"fonction\" placeholder=\"Fonction\" title=\"\" value=\"\" \/><\/div>\n\n<div class=\"et_pb_contact_field_4 et_pb_contact_field et_pb_module et_flex_module et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_12_24_phone\" data-id=\"email\" data-type=\"email\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_email_4\">Email<\/label><input type=\"text\" name=\"et_pb_contact_0_email_4\" id=\"et_pb_contact_0_email_4\" class=\"input\" data-required_mark=\"required\" data-field_type=\"email\" data-original_id=\"email\" placeholder=\"Email\" title=\"\" value=\"\" \/><\/div>\n\n<div class=\"et_pb_contact_field_5 et_pb_contact_field et_pb_module et_flex_module et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_12_24_phone\" data-id=\"telephone\" data-type=\"input\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_telephone_5\">T\u00e9l\u00e9phone<\/label><input type=\"text\" name=\"et_pb_contact_0_telephone_5\" id=\"et_pb_contact_0_telephone_5\" class=\"input\" data-required_mark=\"required\" data-field_type=\"input\" data-original_id=\"telephone\" placeholder=\"T\u00e9l\u00e9phone\" title=\"\" value=\"\" \/><\/div>\n\n<div class=\"et_pb_contact_field_6 et_pb_contact_field et_pb_module et_flex_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\" data-id=\"demande\" data-type=\"select\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_demande_6\">Votre demande concerne<\/label><select name=\"et_pb_contact_0_demande_6\" id=\"et_pb_contact_0_demande_6\" class=\"et_pb_contact_select input\" data-required_mark=\"required\" data-field_type=\"select\" data-original_id=\"demande\"><option value=\"\">Votre demande concerne<\/option><option value=\"Support technique et maintenance\" data-id=\"\">Support technique et maintenance<\/option><option value=\"Appel d&#039;offre\" data-id=\"\">Appel d&#039;offre<\/option><option value=\"R\u00e9trofit\" data-id=\"\">R\u00e9trofit<\/option><option value=\"Pi\u00e8ce d\u00e9tach\u00e9e\" data-id=\"\">Pi\u00e8ce d\u00e9tach\u00e9e<\/option><option value=\"Simulation de flux\" data-id=\"\">Simulation de flux<\/option><option value=\"Informations sur solution(s)\" data-id=\"\">Informations sur solution(s)<\/option><option value=\"Carri\u00e8re\" data-id=\"\">Carri\u00e8re<\/option><option value=\"Autre chose\" data-id=\"\">Autre chose<\/option><\/select><\/div>\n\n<div class=\"et_pb_contact_field_7 et_pb_contact_field et_pb_module et_flex_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\" data-id=\"message\" data-type=\"text\"><label class=\"et_pb_contact_form_label\" for=\"et_pb_contact_0_message_7\">Message<\/label><textarea name=\"et_pb_contact_0_message_7\" id=\"et_pb_contact_0_message_7\" class=\"et_pb_contact_message input\" data-required_mark=\"required\" data-field_type=\"text\" data-original_id=\"message\" placeholder=\"Message\"><\/textarea><\/div>\n\n<div class=\"et_pb_contact_field_8 et_pb_contact_field et_pb_module et_flex_module et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\" data-id=\"consentement\" data-type=\"checkbox\"><label class=\"et_pb_contact_form_label\">Confidentialit\u00e9 & Consentement<\/label><input type=\"hidden\" name=\"et_pb_contact_0_consentement_8\" class=\"et_pb_checkbox_handle\" data-required_mark=\"required\" data-field_type=\"checkbox\" data-original_id=\"consentement\" \/><span class=\"et_pb_contact_field_options_wrapper\"><span class=\"et_pb_contact_field_options_title\">Confidentialit\u00e9 &amp; Consentement<\/span><span class=\"et_pb_contact_field_options_list\"><span class=\"et_pb_contact_field_checkbox\"><input type=\"checkbox\" id=\"et_pb_contact_0_consentement_8_0\" class=\"input\" value=\"J&#039;accepte d&#039;\u00eatre contact\u00e9 par Solystic concernant ma demande. En soumettant ce formulaire, je reconnais que Solystic traitera mes donn\u00e9es personnelles conform\u00e9ment \u00e0 sa politique de confidentialit\u00e9. \" data-required_mark=\"required\" data-field_type=\"checkbox\" data-original_id=\"consentement\" \/><label for=\"et_pb_contact_0_consentement_8_0\"><i><\/i>J'accepte d'\u00eatre contact\u00e9 par Solystic concernant ma demande. En soumettant ce formulaire, je reconnais que Solystic traitera mes donn\u00e9es personnelles conform\u00e9ment \u00e0 sa politique de confidentialit\u00e9. <\/label><\/span><\/span><\/span><\/div>\n<input type=\"hidden\" name=\"et_pb_contactform_submit_f2dc6899-65e0-490b-86df-c0e7734178ec\" value=\"et_contact_proccess\" \/><div class=\"et_contact_bottom_container\"><div class=\"et_pb_button_wrapper\"><button type=\"submit\" name=\"et_builder_submit_button\" class=\"et_pb_button et_pb_contact_submit\" data-icon=\"R\">\u00catre recontact\u00e9<\/button><\/div><\/div><input type=\"hidden\" id=\"_wpnonce-et-pb-contact-form-submitted-f2dc6899-65e0-490b-86df-c0e7734178ec\" name=\"_wpnonce-et-pb-contact-form-submitted-f2dc6899-65e0-490b-86df-c0e7734178ec\" value=\"449568f04f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/fr\/wp-json\/wp\/v2\/pages\/327549\" \/><\/form><\/div><\/div>\n\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Notre formulaire est actuellement en maintenance. Merci de nous contacter par mail\u00a0\u00e0 l'adresse : <strong>sales@solystic.com<\/strong><\/p>\n<\/div><\/div>\n\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\/02\/map-contact.gif\" title=\"map-contact\" width=\"799\" height=\"437\" srcset=\"https:\/\/www.solystic.com\/wp-content\/uploads\/2026\/02\/map-contact.gif 799w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 799px, 100vw\" class=\"wp-image-1087060\" \/><\/span><\/div>\n\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* -------------------------------------- *\/\n\/* FORMULAIRE SOLYSTIC - VERSION STABLE   *\/\n\/* -------------------------------------- *\/\n\n\/* 0. RESET DU PADDING DE GOUTTI\u00c8RE DIVI SUR LE FORMULAIRE *\/\n.solystic-form .et_pb_contact_form {\n    padding: 0 !important;\n}\n\n\/* 1. ESPACEMENT ET ALIGNEMENT DES CHAMPS *\/\n.solystic-form p.et_pb_contact_field {\n    margin-bottom: 20px !important;\n}\n\n.solystic-form .et_pb_contact_field label.et_pb_contact_form_label {\n    display: block !important;\n    font-weight: 600;\n    color: #1e3a8a;\n    margin-bottom: -20px !important; \/* Votre astuce pour rapprocher le champ *\/\n    font-size: 14px;\n    position: relative;\n    padding-left: 28px;\n    z-index: 1; \/* S\u00e9curit\u00e9 pour garder le label au-dessus du champ *\/\n}\n\n\/* 2. STYLE DES IC\u00d4NES *\/\n.solystic-form .et_pb_contact_field label.et_pb_contact_form_label::before,\n.solystic-form .et_pb_contact_field_options_title::before {\n    font-family: 'Font Awesome 5 Free', 'FontAwesome', sans-serif !important;\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #2563eb;\n    font-size: 16px;\n}\n\n\/* --- Attributions des ic\u00f4nes cibl\u00e9es par ID de champ --- *\/\n.solystic-form .et_pb_contact_field[data-id=\"prenom\"] label::before,\n.solystic-form .et_pb_contact_field[data-id=\"nom\"] label::before { content: \"\\f007\"; font-weight: 400 !important; } \n.solystic-form .et_pb_contact_field[data-id=\"entreprise\"] label::before { content: \"\\f1ad\"; font-weight: 400 !important; } \n.solystic-form .et_pb_contact_field[data-id=\"fonction\"] label::before { content: \"\\f0b1\"; font-weight: 900 !important; } \/* Corrig\u00e9 en 900 pour s'afficher *\/\n.solystic-form .et_pb_contact_field[data-id=\"email\"] label::before { content: \"\\f0e0\"; font-weight: 400 !important; } \n.solystic-form .et_pb_contact_field[data-id=\"telephone\"] label::before { content: \"\\f095\"; font-weight: 900 !important; } \/* Ic\u00f4ne tel standard + corrig\u00e9 en 900 *\/\n.solystic-form .et_pb_contact_field[data-id=\"demande\"] label::before { content: \"\\f059\"; font-weight: 400 !important; } \n.solystic-form .et_pb_contact_field[data-id=\"message\"] label::before { content: \"\\f27a\"; font-weight: 400 !important; top: 50%; transform: translateY(-50%); } \/* Alignement corrig\u00e9 *\/\n\n\/* 3. STYLE DES CHAMPS (INPUTS) *\/\n.solystic-form .et_pb_contact_field input:not([type=\"checkbox\"]):not([type=\"radio\"]),\n.solystic-form .et_pb_contact_field select,\n.solystic-form .et_pb_contact_field textarea {\n    background-color: #ffffff !important;\n    border: 1px solid #d1d5db !important;\n    border-radius: 6px !important;\n    padding: 12px 14px !important;\n    color: #374151 !important;\n    font-size: 15px;\n    box-shadow: none !important;\n    transition: all 0.3s ease;\n    width: 100% !important;\n    box-sizing: border-box !important;\n    position: relative;\n}\n\n.solystic-form .et_pb_contact_field input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,\n.solystic-form .et_pb_contact_field select:focus,\n.solystic-form .et_pb_contact_field textarea:focus {\n    border-color: #2563eb !important;\n    outline: none !important;\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;\n}\n\n\/* 4. GESTION DU BLOC CONSENTEMENT ET CHECKBOX PERSONNALIS\u00c9E *\/\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] {\n    background-color: #f8fafc !important;\n    border: 1px solid #e2e8f0 !important;\n    border-radius: 8px !important;\n    padding: 24px !important;\n    margin-top: 30px !important;\n    position: relative;\n    display: block !important;\n}\n\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] > label.et_pb_contact_form_label {\n    display: none !important;\n}\n\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .et_pb_contact_field_options_title {\n    display: block !important;\n    font-weight: 700 !important;\n    color: #0f172a !important;\n    margin-bottom: 20px !important;\n    font-size: 16px !important;\n    padding-left: 28px !important;\n    position: relative !important;\n}\n\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .et_pb_contact_field_options_title::before {\n    content: \"\\f3ed\"; \n    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;\n    font-weight: 900 !important; \n    color: #2563eb !important;\n    font-size: 18px !important;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    position: absolute;\n}\n\n\/* On masque totalement le <i> de Divi (Votre solution) *\/\n.solystic-form .et_pb_contact_field input[type=checkbox] + label i,\n.solystic-form .et_pb_contact_field input[type=radio] + label i {\n    display: none !important;\n}\n\n\/* On masque l'input standard pour ne garder que la logique *\/\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .et_pb_contact_field_options_list input[type=\"checkbox\"] {\n    position: absolute !important;\n    opacity: 0 !important;\n    width: 0 !important;\n    height: 0 !important;\n    margin: 0 !important;\n}\n\n\/* On pr\u00e9pare le texte \u00e0 c\u00f4t\u00e9 de notre fausse case *\/\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .et_pb_contact_field_options_list label {\n    position: relative !important;\n    display: block !important;\n    padding-left: 30px !important; \/* D\u00e9gage de l'espace pour la case *\/\n    font-weight: 400 !important;\n    color: #475569 !important;\n    font-size: 14px !important;\n    line-height: 1.6 !important;\n    cursor: pointer;\n    margin-bottom: 0 !important; \/* Annule la marge n\u00e9gative globale sur ce label sp\u00e9cifique *\/\n}\n\n\/* On dessine notre propre case (\u00c9tat vide) *\/\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .et_pb_contact_field_options_list label::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 2px;\n    width: 18px;\n    height: 18px;\n    background-color: #ffffff;\n    border: 1px solid #d1d5db;\n    border-radius: 4px;\n    box-sizing: border-box;\n    transition: all 0.3s ease;\n}\n\n\/* Changement de couleur quand coch\u00e9 *\/\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .et_pb_contact_field_options_list input[type=\"checkbox\"]:checked + label::before {\n    background-color: #2563eb;\n    border-color: #2563eb;\n}\n\n\/* L'ic\u00f4ne V qui apparait quand coch\u00e9 *\/\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .et_pb_contact_field_options_list input[type=\"checkbox\"]:checked + label::after {\n    content: \"\\f00c\";\n    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;\n    font-weight: 900 !important;\n    color: #ffffff;\n    font-size: 11px;\n    position: absolute;\n    left: 3px;\n    top: 5px;\n    line-height: 1;\n}\n\n\/* Ligne de s\u00e9paration et texte en bas *\/\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"]::after {\n    content: \"Vos donn\u00e9es sont s\u00e9curis\u00e9es. Nous respectons votre vie priv\u00e9e et ne partagerons jamais vos informations.\";\n    display: block;\n    margin-top: 20px;\n    padding-top: 20px;\n    border-top: 1px solid #e2e8f0;\n    color: #64748b;\n    font-size: 13px;\n    line-height: 1.5;\n    font-weight: 400;\n}\n\n\/* Gestion de l'ast\u00e9risque obligatoire en rouge *\/\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .et_pb_contact_field_required,\n.solystic-form .et_pb_contact_field[data-type=\"checkbox\"] .required {\n    color: #ef4444 !important;\n    font-weight: bold;\n}\n\n\/* 5. BOUTON *\/\n.solystic-form .et_contact_bottom_container {\n    width: 100% !important;\n    max-width: 100% !important;\n    float: none !important;\n    margin: 20px 0 0 0 !important;\n    padding: 0 !important;\n    display: block !important;\n    clear: both !important;\n    text-align: left !important;\n}\n\n.solystic-form .et_contact_bottom_container .et_pb_contact_right {\n    float: none !important;\n    width: 100% !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    text-align: left !important;\n}\n\n.solystic-form button.et_pb_contact_submit {\n    width: 100% !important;\n    background-color: #2563eb !important;\n    color: #ffffff !important;\n    border: none !important;\n    border-radius: 8px !important;\n    padding: 16px 24px !important;\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    cursor: pointer;\n    display: block !important;\n    text-align: center !important;\n    transition: all 0.3s ease;\n    box-sizing: border-box !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n}\n\n.solystic-form button.et_pb_contact_submit:hover {\n    background-color: #1d4ed8 !important;\n    transform: translateY(-1px);\n}\n<\/style><\/div><\/div>\n<\/div>\n\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_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* CSS SPECIFIQUE A LA CARTE SI\u00c8GE SOCIAL *\/\n.sol-card-siege {\n    background: #ffffff;\n    border: 1px solid var(--sol-border-light, #e2e8f0);\n    border-radius: 16px;\n    padding: 30px;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    font-family: var(--sol-font-body, 'Open Sans', sans-serif);\n    \/* Optionnel : 100% de la largeur de la colonne Divi dans laquelle vous la placerez *\/\n    width: 100%; \n    box-sizing: border-box;\n}\n\n.sol-card-siege * {\n    box-sizing: border-box;\n}\n\n.sol-card-siege:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n    border-color: transparent;\n}\n\n\/* Effet filigrane (Ic\u00f4ne Building FontAwesome) *\/\n.sol-card-siege::before {\n    content: \"\\f1ad\";\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    font-size: 100px;\n    color: var(--sol-blue-primary, #224385);\n    opacity: 0.03;\n    z-index: 0;\n    transition: all 0.3s ease;\n}\n\n.sol-card-siege:hover::before {\n    transform: scale(1.1);\n    opacity: 0.05;\n}\n\n.sol-card-content {\n    position: relative;\n    z-index: 1;\n}\n\n.sol-card-title {\n    font-family: var(--sol-font-heading, 'Barlow', sans-serif);\n    color: var(--sol-blue-primary, #224385);\n    font-weight: 700;\n    font-size: 18px;\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n.sol-card-text {\n    color: var(--sol-gray-slate, #64748b);\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7em;\n}\n\n.sol-icon-container {\n    width: 50px;\n    height: 50px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    margin-bottom: 20px;\n}\n\n\/* Ic\u00f4ne bleue sp\u00e9cifique au si\u00e8ge *\/\n.sol-icon-blue { \n    background: rgba(34, 67, 133, 0.1); \n    color: var(--sol-blue-primary, #224385); \n}\n<\/style>\n\n<div class=\"sol-card-siege\">\n    <div class=\"sol-card-content\">\n        <div class=\"sol-icon-container sol-icon-blue\">\n            <i class=\"fa-solid fa-building\"><\/i>\n        <\/div>\n        <h3 class=\"sol-card-title\">SOLYSTIC SAS<\/h3>\n        <p class=\"sol-card-text\">\n            450 rue Roland Moreno<br>\n            CS10160 Alixan<br>\n            26958 Valence cedex 9<br>\n            France<br><br>\n            <i class=\"fa-solid fa-phone\"><\/i> +33 (0)4 75 40 71 00\n        <\/p>\n    <\/div>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* CSS SPECIFIQUE A LA CARTE SITE INDUSTRIEL *\/\n.sol-card-industrie {\n    background: #ffffff;\n    border: 1px solid var(--sol-border-light, #e2e8f0);\n    border-radius: 16px;\n    padding: 30px;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    font-family: var(--sol-font-body, 'Open Sans', sans-serif);\n    width: 100%; \n    box-sizing: border-box;\n}\n\n.sol-card-industrie * {\n    box-sizing: border-box;\n}\n\n.sol-card-industrie:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n    border-color: transparent;\n}\n\n\/* Effet filigrane (Ic\u00f4ne Building mise \u00e0 jour) *\/\n.sol-card-industrie::before {\n    content: \"\\f1ad\"; \/* Code FontAwesome pour 'building' *\/\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    font-size: 100px;\n    color: var(--sol-blue-primary, #224385);\n    opacity: 0.03;\n    z-index: 0;\n    transition: all 0.3s ease;\n}\n\n.sol-card-industrie:hover::before {\n    transform: scale(1.1);\n    opacity: 0.05;\n}\n\n.sol-card-content {\n    position: relative;\n    z-index: 1;\n}\n\n.sol-card-title {\n    font-family: var(--sol-font-heading, 'Barlow', sans-serif);\n    color: var(--sol-blue-primary, #224385);\n    font-weight: 700;\n    font-size: 18px;\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n.sol-card-text {\n    color: var(--sol-gray-slate, #64748b);\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7em;\n}\n\n.sol-icon-container {\n    width: 50px;\n    height: 50px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    margin-bottom: 20px;\n}\n\n\/* Ic\u00f4ne sarcelle (teal) conserv\u00e9e selon votre demande *\/\n.sol-icon-teal { \n    background: rgba(0, 142, 152, 0.1); \n    color: var(--sol-teal, #008e98); \n}\n<\/style>\n\n<div class=\"sol-card-industrie\">\n    <div class=\"sol-card-content\">\n        <div class=\"sol-icon-container sol-icon-teal\">\n            <i class=\"fa-solid fa-building\"><\/i>\n        <\/div>\n        <h3 class=\"sol-card-title\">SOLYSTIC Belgium Branch<\/h3>\n        <p class=\"sol-card-text\">\n            Prins Boudewijnlaan 17<br>\n            Unit 5<br>\n            2550 Kontich<br>\n            Belgique<br><br>\n            <i class=\"fa-solid fa-phone\"><\/i> +32 (0)3 444 04 10\n        <\/p>\n    <\/div>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"sol-card-siege\">\n    <div class=\"sol-card-content\">\n        <div class=\"sol-icon-container sol-icon-blue\">\n            <i class=\"fa-solid fa-building\"><\/i>\n        <\/div>\n        <h3 class=\"sol-card-title\">Northrop Grumman Mission Systems Europe<\/h3>\n        <p class=\"sol-card-text\">\n            Clareville House<br>\n            Oxendon Street<br>\n            London SW1Y 4EJ<br>\n            United Kingdom<br><br>\n            <i class=\"fa-solid fa-phone\"><\/i> +44 (0) 20 7930 4173\n        <\/p>\n    <\/div>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* CSS SPECIFIQUE A LA CARTE SUPPORT 24\/7 *\/\n.sol-card-support {\n    background: #ffffff;\n    border: 1px solid var(--sol-border-light, #e2e8f0);\n    border-radius: 16px;\n    padding: 30px;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    font-family: var(--sol-font-body, 'Open Sans', sans-serif);\n    width: 100%; \n    box-sizing: border-box;\n}\n\n.sol-card-support * {\n    box-sizing: border-box;\n}\n\n.sol-card-support:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n    border-color: transparent;\n}\n\n\/* Effet filigrane (Ic\u00f4ne Phone FontAwesome) *\/\n.sol-card-support::before {\n    content: \"\\f095\";\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    font-size: 100px;\n    color: var(--sol-blue-primary, #224385);\n    opacity: 0.03;\n    z-index: 0;\n    transition: all 0.3s ease;\n}\n\n.sol-card-support:hover::before {\n    transform: scale(1.1);\n    opacity: 0.05;\n}\n\n.sol-card-content {\n    position: relative;\n    z-index: 1;\n}\n\n.sol-card-title {\n    font-family: var(--sol-font-heading, 'Barlow', sans-serif);\n    color: var(--sol-blue-primary, #224385);\n    font-weight: 700;\n    font-size: 18px;\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n.sol-card-text {\n    color: var(--sol-gray-slate, #64748b);\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7em;\n}\n\n\/* Style des liens sp\u00e9cifiques \u00e0 cette carte *\/\n.sol-card-text a {\n    color: var(--sol-blue-action, #2563EB);\n    text-decoration: none;\n    font-weight: 600;\n    transition: color 0.3s ease;\n}\n\n.sol-card-text a:hover {\n    color: var(--sol-blue-light, #2ea3f2);\n}\n\n.sol-icon-container {\n    width: 50px;\n    height: 50px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    margin-bottom: 20px;\n}\n\n\/* Ic\u00f4ne orange sp\u00e9cifique au support *\/\n.sol-icon-orange { \n    background: rgba(237, 124, 0, 0.1); \n    color: var(--sol-orange, #ed7c00); \n}\n<\/style>\n\n<!-- HTML DE LA CARTE SUPPORT 24\/7 -->\n<div class=\"sol-card-support\">\n    <div class=\"sol-card-content\">\n        <div class=\"sol-icon-container sol-icon-orange\">\n            <i class=\"fa-solid fa-headset\"><\/i>\n        <\/div>\n        <h3 class=\"sol-card-title\">Support 24\/7<\/h3>\n        <p class=\"sol-card-text\">\n            Une urgence technique ? Notre \u00e9quipe est disponible en continu.<br><br>\n            <a href=\"mailto:support@solystic.com\"><i class=\"fa-solid fa-envelope\"><\/i> support@solystic.com<\/a><br>\n            <i class=\"fa-solid fa-phone\"><\/i> +33 (0)1 23 45 67 89\n        <\/p>\n    <\/div>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* CSS SPECIFIQUE A LA CARTE RECRUTEMENT *\/\n.sol-card-recrutement {\n    background: #ffffff;\n    border: 1px solid var(--sol-border-light, #e2e8f0);\n    border-radius: 16px;\n    padding: 30px;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    font-family: var(--sol-font-body, 'Open Sans', sans-serif);\n    width: 100%; \n    box-sizing: border-box;\n}\n\n.sol-card-recrutement * {\n    box-sizing: border-box;\n}\n\n.sol-card-recrutement:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n    border-color: transparent;\n}\n\n\/* Effet filigrane (Ic\u00f4ne User Tie FontAwesome) *\/\n.sol-card-recrutement::before {\n    content: \"\\f500\";\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    font-size: 100px;\n    color: var(--sol-blue-primary, #224385);\n    opacity: 0.03;\n    z-index: 0;\n    transition: all 0.3s ease;\n}\n\n.sol-card-recrutement:hover::before {\n    transform: scale(1.1);\n    opacity: 0.05;\n}\n\n.sol-card-content {\n    position: relative;\n    z-index: 1;\n}\n\n.sol-card-title {\n    font-family: var(--sol-font-heading, 'Barlow', sans-serif);\n    color: var(--sol-blue-primary, #224385);\n    font-weight: 700;\n    font-size: 18px;\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n.sol-card-text {\n    color: var(--sol-gray-slate, #64748b);\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7em;\n}\n\n\/* Style des liens sp\u00e9cifiques \u00e0 cette carte *\/\n.sol-card-text a {\n    color: var(--sol-blue-action, #2563EB);\n    text-decoration: none;\n    font-weight: 600;\n    transition: color 0.3s ease;\n}\n\n.sol-card-text a:hover {\n    color: var(--sol-blue-light, #2ea3f2);\n}\n\n.sol-icon-container {\n    width: 50px;\n    height: 50px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    margin-bottom: 20px;\n}\n\n\/* Ic\u00f4ne verte sp\u00e9cifique au recrutement *\/\n.sol-icon-green { \n    background: rgba(151, 193, 25, 0.1); \n    color: var(--sol-green, #97c119); \n}\n<\/style>\n\n<!-- HTML DE LA CARTE RECRUTEMENT -->\n<div class=\"sol-card-recrutement\">\n    <div class=\"sol-card-content\">\n        <div class=\"sol-icon-container sol-icon-green\">\n            <i class=\"fa-solid fa-user-tie\"><\/i>\n        <\/div>\n        <h3 class=\"sol-card-title\">Recrutement<\/h3>\n        <p class=\"sol-card-text\">\n            Rejoignez nos \u00e9quipes d'experts en intralogistique et automatisation.<br><br>\n            <a href=\"mailto:recrutement@solystic.com\"><i class=\"fa-solid fa-briefcase\"><\/i> recrutement@solystic.com<\/a>\n        <\/p>\n    <\/div>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* CSS SPECIFIQUE A LA CARTE PRESSE & GROUPE *\/\n.sol-card-presse {\n    background: #ffffff;\n    border: 1px solid var(--sol-border-light, #e2e8f0);\n    border-radius: 16px;\n    padding: 30px;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    font-family: var(--sol-font-body, 'Open Sans', sans-serif);\n    width: 100%; \n    box-sizing: border-box;\n}\n\n.sol-card-presse * {\n    box-sizing: border-box;\n}\n\n.sol-card-presse:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n    border-color: transparent;\n}\n\n\/* Effet filigrane (Ic\u00f4ne Newspaper FontAwesome) *\/\n.sol-card-presse::before {\n    content: \"\\f1ea\";\n    font-family: \"Font Awesome 6 Free\";\n    font-weight: 900;\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    font-size: 100px;\n    color: var(--sol-blue-primary, #224385);\n    opacity: 0.03;\n    z-index: 0;\n    transition: all 0.3s ease;\n}\n\n.sol-card-presse:hover::before {\n    transform: scale(1.1);\n    opacity: 0.05;\n}\n\n.sol-card-content {\n    position: relative;\n    z-index: 1;\n}\n\n.sol-card-title {\n    font-family: var(--sol-font-heading, 'Barlow', sans-serif);\n    color: var(--sol-blue-primary, #224385);\n    font-weight: 700;\n    font-size: 18px;\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n.sol-card-text {\n    color: var(--sol-gray-slate, #64748b);\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.7em;\n}\n\n\/* Style des liens sp\u00e9cifiques \u00e0 cette carte *\/\n.sol-card-text a {\n    color: var(--sol-blue-action, #2563EB);\n    text-decoration: none;\n    font-weight: 600;\n    transition: color 0.3s ease;\n}\n\n.sol-card-text a:hover {\n    color: var(--sol-blue-light, #2ea3f2);\n}\n\n.sol-icon-container {\n    width: 50px;\n    height: 50px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    margin-bottom: 20px;\n}\n\n\/* Ic\u00f4ne bleue sp\u00e9cifique \u00e0 la presse *\/\n.sol-icon-blue { \n    background: rgba(34, 67, 133, 0.1); \n    color: var(--sol-blue-primary, #224385); \n}\n<\/style>\n\n<div class=\"sol-card-presse\">\n    <div class=\"sol-card-content\">\n        <div class=\"sol-icon-container sol-icon-blue\">\n            <i class=\"fa-solid fa-newspaper\"><\/i>\n        <\/div>\n        <h3 class=\"sol-card-title\">Contacts presse<\/h3>\n        <p class=\"sol-card-text\">\n            <strong>Commerce :<\/strong> <a href=\"mailto:sales@solystic.com\">sales@solystic.com<\/a><br>\n            <strong>Achats :<\/strong> <a href=\"mailto:purchases@solystic.com\">purchases@solystic.com<\/a>\n        <\/p>\n    <\/div>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et-vb-row--no-module et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_column_empty 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>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row preset--module--divi-row--default\">\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\">\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>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 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_code_7 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>\n<\/div>\n<\/div>\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-327549","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/327549","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=327549"}],"version-history":[{"count":30,"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/327549\/revisions"}],"predecessor-version":[{"id":1088939,"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/pages\/327549\/revisions\/1088939"}],"wp:attachment":[{"href":"https:\/\/www.solystic.com\/fr\/wp-json\/wp\/v2\/media?parent=327549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}