{"id":9141,"date":"2026-01-27T15:13:49","date_gmt":"2026-01-27T14:13:49","guid":{"rendered":"https:\/\/www.def-france.fr\/expertises\/mon-ssi-facile-en\/"},"modified":"2026-09-15T11:36:04","modified_gmt":"2026-09-15T09:36:04","slug":"mon-ssi-facile","status":"publish","type":"page","link":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/expertises\/mon-ssi-facile\/","title":{"rendered":"Mon SSI Facile"},"content":{"rendered":"\n<section class=\"def-msf-hero\" id=\"formulaire\">\n  <div class=\"def-msf-hero__background\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"def-msf-hero__container\">\n\n    <div class=\"def-msf-hero__content\">\n      <span class=\"def-msf-hero__eyebrow\">Mon SSI Facile<\/span>\n\n      <h1>\n        Manage your fire safety system more simply,\n        <strong>anywhere, any time.<\/strong>\n      <\/h1>\n\n      <p class=\"def-msf-hero__intro\">\n        Mon SSI Facile supports operators in the day-to-day management of their DEF fire safety system.\n      <\/p>\n\n      <p>\n        Receive alerts in real time, quickly identify what has happened and where, and guide your teams with instructions tailored to your site.\n      <\/p>\n\n      <p>\n        The app is not self-service: a demo with DEF lets us check your fire safety setup, how your teams work on site and the right conditions for rolling it out in your organisation.\n      <\/p>\n\n      <div class=\"def-msf-hero__proofs\">\n\n        <div class=\"def-msf-hero__proof\">\n          <div class=\"def-msf-hero__proof-icon\">\n            <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/PICTO_SMARTPHONE.svg\" alt=\"\">\n          <\/div>\n          <div>\n            <strong>Real-time alerts<\/strong>\n            <span>Notifications straight to your smartphone<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"def-msf-hero__proof\">\n          <div class=\"def-msf-hero__proof-icon\">\n            <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/PICTO_CHECK_COMFORMITE-2.svg\" alt=\"\">\n          <\/div>\n          <div>\n            <strong>Guided instructions<\/strong>\n            <span>Actions tailored to your site<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"def-msf-hero__proof\">\n          <div class=\"def-msf-hero__proof-icon\">\n            <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/PICTO_SMARTPHONE.svg\" alt=\"\">\n          <\/div>\n          <div>\n            <strong>Mobile-friendly<\/strong>\n            <span>An interface your site teams can use<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"def-msf-hero__proof\">\n          <div class=\"def-msf-hero__proof-icon\">\n            <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/PICTO_EXPERTISE.svg\" alt=\"\">\n          <\/div>\n          <div>\n            <strong>DEF support<\/strong>\n            <span>Guided demo and activation<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"def-msf-hero__form-card\">\n      <div class=\"def-msf-hero__form\">\n        <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_35' style='display:none'><style>#gform_wrapper_35[data-form-index=\"0\"].gform-theme,[data-parent-form=\"35_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg width='640' height='640' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">LP - Mon SSI facile<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>&quot;<span class=\"gfield_required gfield_required_asterisk\">*<\/span>&quot; indicates required fields<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data'  id='gform_35'  action='\/en\/wp-json\/wp\/v2\/pages\/9141' data-formid='35' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_35' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id=\"field_35_6\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_35_6'>Nom<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_6' id='input_35_6' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_35_9\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_35_9'>Votre r\u00e9gion<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_9' id='input_35_9' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='' selected='selected' class='gf_placeholder'>R\u00e9gion<\/option><option value='Auvergne-Rh\u00f4ne-Alpes' >Auvergne-Rh\u00f4ne-Alpes<\/option><option value='Bourgogne-Franche-Comt\u00e9' >Bourgogne-Franche-Comt\u00e9<\/option><option value='Bretagne' >Bretagne<\/option><option value='Centre-Val de Loire' >Centre-Val de Loire<\/option><option value='Corse' >Corse<\/option><option value='Grand Est' >Grand Est<\/option><option value='Guadeloupe' >Guadeloupe<\/option><option value='Guyane' >Guyane<\/option><option value='Hauts-de-France' >Hauts-de-France<\/option><option value='\u00cele-de-France' >\u00cele-de-France<\/option><option value='La R\u00e9union' >La R\u00e9union<\/option><option value='Martinique' >Martinique<\/option><option value='Mayotte' >Mayotte<\/option><option value='Normandie' >Normandie<\/option><option value='Nouvelle-Aquitaine' >Nouvelle-Aquitaine<\/option><option value='Occitanie' >Occitanie<\/option><option value='Pays de la Loire' >Pays de la Loire<\/option><option value='Provence-Alpes-C\u00f4te d\u2019Azur' >Provence-Alpes-C\u00f4te d\u2019Azur<\/option><\/select><\/div><\/div><div id=\"field_35_5\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_35_5'>Entreprise<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_35_5' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_35_10\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_35_10'>Fonction<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_10' id='input_35_10' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_35_2\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_35_2'>E-mail professionnel<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_2' id='input_35_2' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_35_7\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--width-half gfield_contains_required field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_35_7'>T\u00e9l\u00e9phone<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_phone'><input name='input_7' id='input_35_7' type='tel' value='' class='large'   aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><fieldset id=\"field_35_11\" class=\"gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Est vous d\u00e9j\u00e0 client ?<\/legend><div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_35_11'><div class='gchoice gchoice_35_11_1'>\n\t\t\t\t\t\t\t\t<input class='gfield-choice-input' name='input_11.1' type='checkbox'  value='Oui'  id='choice_35_11_1'   \/>\n\t\t\t\t\t\t\t\t<label for='choice_35_11_1' id='label_35_11_1' class='gform-field-label gform-field-label--type-inline'>Oui<\/label>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/fieldset><fieldset id=\"field_35_8\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full gfield_contains_required field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label screen-reader-text gfield_label_before_complex' >Les informations recueillies via ce formulaire sont enregistr\u00e9es par DEF afin de traiter votre demande et vous recontacter dans le cadre de votre projet de s\u00e9curit\u00e9 incendie.\n\nElles sont destin\u00e9es exclusivement aux \u00e9quipes DEF et ne sont en aucun cas c\u00e9d\u00e9es \u00e0 des tiers.\n\nConform\u00e9ment au R\u00e8glement G\u00e9n\u00e9ral sur la Protection des Donn\u00e9es (RGPD), vous disposez d\u2019un droit d\u2019acc\u00e8s, de rectification et de suppression des donn\u00e9es vous concernant. Vous pouvez exercer ces droits en nous contactant \u00e0 l\u2019adresse suivante : contact.site@def-online.com\n\nEn soumettant ce formulaire, vous acceptez que vos donn\u00e9es soient utilis\u00e9es pour \u00eatre recontact\u00e9 par un expert DEF dans le cadre de votre demande.<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='gfield_description gfield_consent_description' id='gfield_consent_description_35_8' tabindex='0'>Les informations recueillies via ce formulaire sont enregistr\u00e9es par DEF afin de traiter votre demande et vous recontacter dans le cadre de votre projet de s\u00e9curit\u00e9 incendie.<br \/>\n<br \/>\nElles sont destin\u00e9es exclusivement aux \u00e9quipes DEF et ne sont en aucun cas c\u00e9d\u00e9es \u00e0 des tiers.<br \/>\n<br \/>\nConform\u00e9ment au R\u00e8glement G\u00e9n\u00e9ral sur la Protection des Donn\u00e9es (RGPD), vous disposez d\u2019un droit d\u2019acc\u00e8s, de rectification et de suppression des donn\u00e9es vous concernant. Vous pouvez exercer ces droits en nous contactant \u00e0 l\u2019adresse suivante : contact.site@def-online.com<br \/>\n<br \/>\nEn soumettant ce formulaire, vous acceptez que vos donn\u00e9es soient utilis\u00e9es pour \u00eatre recontact\u00e9 par un expert DEF dans le cadre de votre demande.<\/div><div class='ginput_container ginput_container_consent'><input name='input_8.1' id='input_35_8_1' type='checkbox' value='1'  aria-describedby=\"gfield_consent_description_35_8\" aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_35_8_1' >J\u2019accepte la politique de confidentialit\u00e9.<\/label><input type='hidden' name='input_8.2' value='J\u2019accepte la politique de confidentialit\u00e9.' class='gform_hidden' \/><input type='hidden' name='input_8.3' value='33' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_35' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Envoyer'  \/> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_35' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_35' id='gform_theme_35' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_35' id='gform_style_settings_35' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_35' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='35' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='ZupyKKkijfBr1V0QF5HGDlYSDzvmeLfZv34RJ4WLmJ1X1Xc8cgnmkKFDRHvlbP3mCab2GkQRs6WH6w2wU8c7BPGvMxTbtjjoqXQmkvqugE5pj0Q=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_35' value='WyJ7XCI5XCI6W1wiNTQ3YzBmODgwZWVlMDg0ZjZhNTBkMDhjNmZhMjUyOTlcIixcIjFiNGEyYTU4ODgwZTU2YWZlY2RiN2M5N2Q3NDI3MGZmXCIsXCJkNzIzZjI1ZGNmNDkyYzA2MmI1OGNiMDk0NWQ4NDNlY1wiLFwiMzM5ODc1YmI4MmQwNDVhNWRkMmI5NDVhMTMxOTAwYzlcIixcIjBhZGUxYzIzZWZkMmM4NmM0YTljZDc3MGUyZTFhNGJiXCIsXCIzNGI4NDFiZmFlMzllMjliNTViNTA3MGJkMTAzYjFjZVwiLFwiNmJiOTkxYjE5YzgxNGU4OTUwN2RjZTQ4Yzg2NDY0ZDRcIixcIjU4M2M3ZDE5ZWFhZDFjODM5MzE0MWY1MWQ4ODEzYzJkXCIsXCJmZTYyNTgzMzhjNzNlYjIyMGJkZmNiMDgwMWVjMmZhYlwiLFwiYjk0MDcwOTRlNTBiMjlmMDQxZWMyN2UxMmI4OTFjZGVcIixcImY1NTdkNTEyNTJmNjY3OTg5Zjk3Y2JlZDk2YzdkMmFhXCIsXCI5OGU1NjI4OWM4MjY0YTFlMTE1YzU5MTIyY2Q2MmU4NlwiLFwiYmEwM2ZjYThhMDE0ZmE1NTIxMTQ5MDEyOTllNjk5ZjNcIixcImMwNTNiYjkwOTY2MWY2Y2U2Njk5ZDdmNzljNTNiMDJiXCIsXCI1ZDMwYjlhOWQyYzQyZGFlM2UxYjg5OWM1NDEwNmY3YVwiLFwiNjNjODkzOTBlNDE1MDc3YmIyOWY4YmQ4NzRjZDVlMzBcIixcIjg3ZDNmY2FhOGJmNjU4MmY0NWYxMzUxNWNlMzY2NGFhXCIsXCJkYzdjMGNhM2Y2ZmM2ZTg2NjU1OWY5YTA2NmQyZWNkMFwiXSxcIjExLjFcIjpcIjEwYTVkYjZjYTAyMDAwNjY0NjUxZmI0NDIzM2M3MzY1XCIsXCI4LjFcIjpcIjRkMWM2YTEyZTM3NGFkMzE5YTcwMjdhODJlZjkyNjAyXCIsXCI4LjJcIjpcIjcwNWQ1MDRmOWY2MDc3ZDg5ZTQ3ODY4N2Q4ZjA5NTk5XCIsXCI4LjNcIjpcIjQzZGY3ZWY5ZmQ3MzMyODk5M2JhMTM1ZTBiN2NiYzJmXCJ9IiwiOGQzYjZjMmQyY2Y4YzRkOTMzYTI3NGVkNjMwNzFlZTMiXQ==' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_35' id='gform_target_page_number_35' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_35' id='gform_source_page_number_35' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"180\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><\/form>\n                        <\/div><script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 35, 'https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_35').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_35');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_35').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_35').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_35').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_35').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_35').val();gformInitSpinner( 35, 'https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [35, current_page]);window['gf_submitting_35'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_35').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [35]);window['gf_submitting_35'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_35').text());}else{jQuery('#gform_35').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"35\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_35\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_35\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_35\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 35, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.def-msf-hero {\n  font-family: 'Poppins', Arial, sans-serif;\n  position: relative;\n  isolation: isolate;\n  padding: 82px 20px 64px;\n  overflow: hidden;\n  background: #002554;\n}\n\n.def-msf-hero,\n.def-msf-hero * {\n  box-sizing: border-box;\n}\n\n.def-msf-hero__background {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0,37,84,1) 0%,\n      rgba(0,37,84,0.97) 36%,\n      rgba(0,37,84,0.90) 62%,\n      rgba(0,37,84,0.76) 100%\n    ),\n    url(\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/02\/reseau-scale-1.svg\");\n  background-repeat: no-repeat;\n  background-position: center right;\n  background-size: contain;\n  pointer-events: none;\n}\n\n.def-msf-hero__background::before {\n  content: \"\";\n  position: absolute;\n  top: -210px;\n  right: -170px;\n  width: clamp(560px, 46vw, 920px);\n  height: clamp(560px, 46vw, 920px);\n  background-image: url(\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/02\/reseau-scale-1.svg\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  opacity: 0.16;\n}\n\n.def-msf-hero__container {\n  position: relative;\n  z-index: 2;\n  max-width: 1256px;\n  width: 100%;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(430px, 0.88fr);\n  gap: clamp(42px, 5vw, 76px);\n  align-items: start;\n}\n\n.def-msf-hero__content {\n  max-width: 780px;\n  min-width: 0;\n}\n\n.def-msf-hero__eyebrow {\n  display: inline-block;\n  margin-bottom: 14px;\n  color: #ffffff;\n  font-size: 13px;\n  line-height: 1.35;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.07em;\n}\n\n.def-msf-hero h1 {\n  margin: 0 0 22px;\n  color: #ffffff;\n  font-size: clamp(28px, 3vw, 38px);\n  line-height: 1.08;\n  font-weight: 600;\n  letter-spacing: -0.025em;\n}\n\n.def-msf-hero h1 strong {\n  color: #E40520;\n  font-weight: 600;\n}\n\n.def-msf-hero p {\n  margin: 0 0 16px;\n  max-width: 720px;\n  color: rgba(255,255,255,0.84);\n  font-size: 16.5px;\n  line-height: 1.65;\n  font-weight: 400;\n}\n\n.def-msf-hero__intro {\n  color: #ffffff !important;\n  font-size: 17px !important;\n  line-height: 1.62 !important;\n}\n\n\/* CARTES *\/\n.def-msf-hero__proofs {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n  margin-top: 38px;\n  max-width: 720px;\n}\n\n.def-msf-hero__proof {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  min-height: 88px;\n  padding: 16px 14px;\n  border-radius: 18px;\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.16);\n  box-shadow: 0 14px 34px rgba(0,0,0,0.12);\n  backdrop-filter: blur(12px);\n  transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;\n}\n\n.def-msf-hero__proof::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(228,5,32,0.16), transparent 58%);\n  opacity: 0;\n  transition: opacity .28s ease;\n}\n\n.def-msf-hero__proof:hover {\n  transform: translateY(-5px);\n  background: rgba(255,255,255,0.12);\n  border-color: rgba(255,255,255,0.28);\n  box-shadow: 0 18px 44px rgba(0,0,0,0.18);\n}\n\n.def-msf-hero__proof:hover::before {\n  opacity: 1;\n}\n\n.def-msf-hero__proof-icon {\n  position: relative;\n  z-index: 1;\n  flex: 0 0 43px;\n  width: 43px;\n  height: 43px;\n  border-radius: 10px;\n  background: rgba(255,255,255,0.96);\n  border: 1px solid rgba(255,255,255,0.35);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 7px;\n}\n\n.def-msf-hero__proof-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n}\n\n.def-msf-hero__proof strong,\n.def-msf-hero__proof span {\n  position: relative;\n  z-index: 1;\n  display: block;\n}\n\n.def-msf-hero__proof strong {\n  margin: 0 0 4px;\n  color: #ffffff;\n  font-size: 14px;\n  line-height: 1.25;\n  font-weight: 600;\n}\n\n.def-msf-hero__proof span {\n  color: rgba(255,255,255,0.76);\n  font-size: 12.5px;\n  line-height: 1.35;\n  font-weight: 400;\n}\n\n\/* ============================= *\/\n\/* FORMULAIRE GRAVITY DEF *\/\n\/* ============================= *\/\n\n.def-msf-hero__form-card {\n  width: 100%;\n  max-width: 520px;\n  justify-self: end;\n  min-width: 0;\n  padding: 34px 24px 28px;\n  border-radius: 20px;\n  background: #ffffff;\n  border: 1px solid rgba(255,255,255,0.18);\n  box-shadow: 0 24px 58px rgba(0,0,0,0.22);\n}\n\n.def-msf-hero__form-card * {\n  box-sizing: border-box;\n}\n\n.def-msf-hero h2.gform_title,\n.def-msf-hero .gform_title,\n.def-msf-hero .gform_description,\n.def-msf-hero .gform_required_legend {\n  display: none !important;\n}\n\n.def-msf-hero__form .gform_wrapper,\n.def-msf-hero__form .gform_body {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* Gravity Forms \u2014 espace vertical resserr\u00e9 *\/\n.def-msf-hero .gform-theme--foundation {\n  --gf-form-gap-y: 12px !important;\n}\n\n.def-msf-hero .gform-theme--foundation .gform_fields {\n  row-gap: 12px !important;\n  grid-row-gap: 12px !important;\n}\n\n\/* Grille formulaire *\/\n.def-msf-hero__form .gform_wrapper.gravity-theme .gform_fields,\n.def-msf-hero__form .gform-theme--foundation .gform_fields,\n.def-msf-hero__form .gform_fields {\n  display: grid !important;\n  grid-template-columns: repeat(12, 1fr) !important;\n  column-gap: 14px !important;\n  row-gap: 12px !important;\n  grid-row-gap: 20px !important;\n}\n\n\/* Champs *\/\n.def-msf-hero__form .gform_wrapper.gravity-theme .gfield,\n.def-msf-hero__form .gform-theme--foundation .gfield,\n.def-msf-hero__form .gfield {\n  margin: 0 !important;\n  padding: 0 !important;\n  min-width: 0 !important;\n}\n\n\/* Largeurs Gravity Forms *\/\n.def-msf-hero__form .gfield--width-half {\n  grid-column: span 6 !important;\n}\n\n.def-msf-hero__form .gfield--width-full,\n.def-msf-hero__form .gfield--type-email,\n.def-msf-hero__form .gfield--type-textarea,\n.def-msf-hero__form .gfield--type-consent,\n.def-msf-hero__form .gfield--type-html,\n.def-msf-hero__form fieldset {\n  grid-column: 1 \/ -1 !important;\n}\n\n.def-msf-hero__form .ginput_container {\n  width: 100% !important;\n  margin: 0 !important;\n}\n\n\/* Labels *\/\n.def-msf-hero__form label,\n.def-msf-hero__form .gfield_label {\n  color: #222222 !important;\n  font-family: 'Poppins', Arial, sans-serif !important;\n  font-size: 12.5px !important;\n  line-height: 1.25 !important;\n  font-weight: 400 !important;\n  margin: 0 0 5px !important;\n  padding: 0 !important;\n}\n\n\/* Mention n\u00e9cessaire *\/\n.def-msf-hero__form .gfield_required,\n.def-msf-hero__form .gfield_required_text,\n.def-msf-hero__form .gfield_required_asterisk {\n  color: #E40520 !important;\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  margin-left: 4px !important;\n}\n\n\/* Inputs *\/\n.def-msf-hero__form input[type=\"text\"],\n.def-msf-hero__form input[type=\"email\"],\n.def-msf-hero__form input[type=\"tel\"],\n.def-msf-hero__form input[type=\"url\"],\n.def-msf-hero__form input[type=\"number\"],\n.def-msf-hero__form select,\n.def-msf-hero__form textarea {\n  width: 100% !important;\n  max-width: 100% !important;\n  min-height: 34px !important;\n  height: 34px !important;\n  padding: 7px 11px !important;\n  border-radius: 9px !important;\n  border: 1px solid #d8d8d8 !important;\n  background: #ffffff !important;\n  color: #111111 !important;\n  font-family: 'Poppins', Arial, sans-serif !important;\n  font-size: 13.5px !important;\n  line-height: 1.3 !important;\n  font-weight: 400 !important;\n  box-shadow: none !important;\n}\n\n.def-msf-hero__form select {\n  cursor: pointer !important;\n}\n\n.def-msf-hero__form textarea {\n  min-height: 78px !important;\n  height: auto !important;\n  resize: vertical !important;\n}\n\n.def-msf-hero__form input:focus,\n.def-msf-hero__form select:focus,\n.def-msf-hero__form textarea:focus {\n  outline: none !important;\n  border-color: rgba(228,5,32,0.55) !important;\n  box-shadow: 0 0 0 3px rgba(228,5,32,0.10) !important;\n}\n\n\/* Mentions RGPD en scroll compact *\/\n.def-msf-hero div#gfield_consent_description_35_8,\n.def-msf-hero__form .gfield_consent_description {\n  max-height: 78px !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  padding: 0 10px 0 0 !important;\n  margin: 4px 0 8px !important;\n  border: none !important;\n  background: transparent !important;\n  color: #666666 !important;\n  font-family: 'Poppins', Arial, sans-serif !important;\n  font-size: 9.3px !important;\n  line-height: 1.42 !important;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(0,37,84,0.35) rgba(0,0,0,0.06);\n}\n\n\/* Scrollbar RGPD *\/\n.def-msf-hero div#gfield_consent_description_35_8::-webkit-scrollbar,\n.def-msf-hero__form .gfield_consent_description::-webkit-scrollbar {\n  width: 5px;\n}\n\n.def-msf-hero div#gfield_consent_description_35_8::-webkit-scrollbar-track,\n.def-msf-hero__form .gfield_consent_description::-webkit-scrollbar-track {\n  background: rgba(0,0,0,0.06);\n  border-radius: 999px;\n}\n\n.def-msf-hero div#gfield_consent_description_35_8::-webkit-scrollbar-thumb,\n.def-msf-hero__form .gfield_consent_description::-webkit-scrollbar-thumb {\n  background: rgba(0,37,84,0.35);\n  border-radius: 999px;\n}\n\n\/* Consentement *\/\n.def-msf-hero__form .ginput_container_consent,\n.def-msf-hero__form .gchoice {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 8px !important;\n  margin-top: 4px !important;\n}\n\n.def-msf-hero__form input[type=\"checkbox\"] {\n  appearance: auto !important;\n  width: 14px !important;\n  height: 14px !important;\n  min-width: 14px !important;\n  min-height: 14px !important;\n  margin: 1px 0 0 !important;\n  padding: 0 !important;\n  border-radius: 3px !important;\n  accent-color: #E40520;\n}\n\n.def-msf-hero__form .gfield_consent_label {\n  display: inline !important;\n  margin: 0 !important;\n  font-family: 'Poppins', Arial, sans-serif !important;\n  font-size: 12px !important;\n  line-height: 1.35 !important;\n  font-weight: 400 !important;\n  color: #444444 !important;\n}\n\n\/* Bouton *\/\n.def-msf-hero__form .gform_footer,\n.def-msf-hero__form .gform_page_footer {\n  display: flex !important;\n  justify-content: flex-end !important;\n  align-items: center !important;\n  margin-top: 12px !important;\n  padding-top: 0 !important;\n}\n\n.def-msf-hero__form .gform_footer input[type=\"submit\"],\n.def-msf-hero__form .gform_page_footer input[type=\"submit\"],\n.def-msf-hero__form .gform_button {\n  margin: 0 !important;\n}\n\n.def-msf-hero__form input[type=\"submit\"],\n.def-msf-hero__form .gform_button {\n  width: auto !important;\n  min-width: 88px !important;\n  min-height: auto !important;\n  height: auto !important;\n  border-radius: 999px !important;\n  background: #E40520 !important;\n  color: #fff !important;\n  font-family: 'Poppins', Arial, sans-serif !important;\n  font-size: 14px !important;\n  line-height: 1 !important;\n  font-weight: 600 !important;\n  border: none !important;\n  padding: 10px 19px !important;\n  cursor: pointer !important;\n  box-shadow: 0 12px 26px rgba(228,5,32,0.18) !important;\n  transition: background .25s ease, transform .25s ease, box-shadow .25s ease !important;\n}\n\n.def-msf-hero__form input[type=\"submit\"]:hover,\n.def-msf-hero__form .gform_button:hover {\n  background: #c9001b !important;\n  transform: translateY(-1px) !important;\n  box-shadow: 0 16px 34px rgba(228,5,32,0.24) !important;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 1180px) {\n  .def-msf-hero {\n    padding: 72px 20px 58px;\n  }\n\n  .def-msf-hero__container {\n    grid-template-columns: 1fr;\n    gap: 42px;\n  }\n\n  .def-msf-hero__content {\n    max-width: 860px;\n  }\n\n  .def-msf-hero__form-card {\n    max-width: 720px;\n    justify-self: stretch;\n  }\n}\n\n@media (max-width: 760px) {\n  .def-msf-hero {\n    padding: 48px 18px 42px;\n  }\n\n  .def-msf-hero__container {\n    gap: 34px;\n  }\n\n  .def-msf-hero h1 {\n    font-size: 30px;\n    line-height: 1.12;\n  }\n\n  .def-msf-hero p {\n    font-size: 15.5px;\n    line-height: 1.6;\n  }\n\n  .def-msf-hero__intro {\n    font-size: 16px !important;\n  }\n\n  .def-msf-hero__proofs {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-top: 32px;\n  }\n\n  .def-msf-hero__proof {\n    min-height: auto;\n  }\n\n  .def-msf-hero__form-card {\n    padding: 24px 18px;\n    border-radius: 18px;\n    max-width: 100%;\n  }\n\n  .def-msf-hero__form .gform_wrapper.gravity-theme .gform_fields,\n  .def-msf-hero__form .gform-theme--foundation .gform_fields,\n  .def-msf-hero__form .gform_fields {\n    grid-template-columns: 1fr !important;\n    row-gap: 13px !important;\n    grid-row-gap: 13px !important;\n  }\n\n  .def-msf-hero__form .gfield--width-half,\n  .def-msf-hero__form .gfield--width-full,\n  .def-msf-hero__form .gfield {\n    grid-column: 1 \/ -1 !important;\n  }\n\n  .def-msf-hero__form input[type=\"text\"],\n  .def-msf-hero__form input[type=\"email\"],\n  .def-msf-hero__form input[type=\"tel\"],\n  .def-msf-hero__form input[type=\"url\"],\n  .def-msf-hero__form input[type=\"number\"],\n  .def-msf-hero__form select,\n  .def-msf-hero__form textarea {\n    min-height: 40px !important;\n    height: auto !important;\n    padding: 9px 13px !important;\n    font-size: 14px !important;\n  }\n\n  .def-msf-hero div#gfield_consent_description_35_8,\n  .def-msf-hero__form .gfield_consent_description {\n    max-height: 82px !important;\n    font-size: 9.5px !important;\n  }\n\n  .def-msf-hero__form .gform_footer,\n  .def-msf-hero__form .gform_page_footer {\n    justify-content: flex-start !important;\n  }\n\n  .def-msf-hero__form input[type=\"submit\"],\n  .def-msf-hero__form .gform_button {\n    width: auto !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n    padding: 13px 20px !important;\n  }\n}\n<\/style>\n\n\n\n<section class=\"def-msf-problems\" id=\"problemes-terrain\">\n  <div class=\"def-msf-problems__container\">\n\n    <div class=\"def-msf-problems__intro\">\n      <span class=\"def-msf-problems__eyebrow\">Your day-to-day is not always simple<\/span>\n      <h2>When an alarm goes off, the information has to arrive fast and be understood at once<\/h2>\n    <\/div>\n\n    <div class=\"def-msf-problems__grid\">\n\n      <article class=\"def-msf-problems__card\">\n        <div class=\"def-msf-problems__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n            <path d=\"M12 7v5l3 2\"><\/path>\n          <\/svg>\n        <\/div>\n        <div>\n          <h3>Alarm verification takes too long<\/h3>\n          <p>\n            Without clear information on what happened and where, teams lose valuable time.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"def-msf-problems__card\">\n        <div class=\"def-msf-problems__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9\"><\/path>\n            <path d=\"M10 21h4\"><\/path>\n          <\/svg>\n        <\/div>\n        <div>\n          <h3>Stress during an alarm<\/h3>\n          <p>\n            A fire alarm is a stressful situation. Instructions must be simple, easy to reach and fit for purpose.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"def-msf-problems__card\">\n        <div class=\"def-msf-problems__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\n            <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\n            <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\n            <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\"><\/rect>\n          <\/svg>\n        <\/div>\n        <div>\n          <h3>The fire safety system is complex to operate<\/h3>\n          <p>\n            Not everyone is an expert on the fire control panel. The app helps people find the right information quickly.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"def-msf-problems__actions\">\n      <a href=\"#formulaire\" class=\"def-msf-problems__btn def-msf-problems__btn--primary\">\n        Request a demo\n      <\/a>\n\n      <a href=\"#\" class=\"def-msf-problems__btn def-msf-problems__btn--secondary\">\n        Download the brochure\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.def-msf-problems {\n  position: relative;\n  isolation: isolate;\n  padding: 72px 20px;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.def-msf-problems::before {\n  content: \"\";\n  position: absolute;\n  top: -180px;\n  right: -180px;\n  width: clamp(520px, 44vw, 880px);\n  height: clamp(520px, 44vw, 880px);\n  background-image: url(\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/02\/reseau-scale-1.svg\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  opacity: 0.10;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.def-msf-problems__container {\n  position: relative;\n  z-index: 1;\n  max-width: 1440px;\n  margin: 0 auto;\n}\n\n.def-msf-problems__intro {\n  max-width: 880px;\n  margin: 0 auto 34px;\n  text-align: center;\n}\n\n.def-msf-problems__eyebrow {\n  display: inline-block;\n  margin-bottom: 10px;\n  color: #e30613;\n  font-size: 13px;\n  line-height: 1.35;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n.def-msf-problems h2 {\n  margin: 0;\n  color: #111111;\n  font-size: clamp(24px, 2.4vw, 30px);\n  line-height: 1.14;\n  font-weight: 600;\n}\n\n.def-msf-problems__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 18px;\n  max-width: 1260px;\n  margin: 0 auto;\n}\n\n.def-msf-problems__card {\n  min-height: 168px;\n  display: grid;\n  grid-template-columns: 74px minmax(0, 1fr);\n  gap: 18px;\n  align-items: start;\n  padding: 26px 24px;\n  background: rgba(255,255,255,0.96);\n  border: 1px solid #eeeeee;\n  border-radius: 18px;\n  box-shadow: 0 14px 34px rgba(0,0,0,0.045);\n}\n\n.def-msf-problems__icon {\n  width: 62px;\n  height: 62px;\n  border-radius: 999px;\n  background: rgba(227,6,19,0.055);\n  border: 1px solid rgba(227,6,19,0.16);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.def-msf-problems__icon svg {\n  width: 34px;\n  height: 34px;\n  fill: none;\n  stroke: #e30613;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.def-msf-problems__card h3 {\n  margin: 0 0 10px;\n  color: #111111;\n  font-size: 18px;\n  line-height: 1.22;\n  font-weight: 600;\n}\n\n.def-msf-problems__card p {\n  margin: 0;\n  color: #555555;\n  font-size: 14.8px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n.def-msf-problems__actions {\n  display: flex;\n  justify-content: center;\n  gap: 14px;\n  margin-top: 34px;\n  flex-wrap: wrap;\n}\n\n.def-msf-problems__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 44px;\n  padding: 12px 22px;\n  border-radius: 999px;\n  font-size: 14.5px;\n  line-height: 1;\n  font-weight: 600;\n  text-decoration: none;\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    background .25s ease,\n    color .25s ease,\n    border-color .25s ease;\n}\n\n.def-msf-problems__btn:hover {\n  transform: translateY(-2px);\n}\n\n.def-msf-problems__btn--primary {\n  color: #ffffff;\n  background: #e30613;\n  border: 1px solid #e30613;\n  box-shadow: 0 12px 26px rgba(227,6,19,0.20);\n}\n\n.def-msf-problems__btn--primary:hover {\n  background: #c9000b;\n  border-color: #c9000b;\n  box-shadow: 0 16px 34px rgba(227,6,19,0.26);\n}\n\n.def-msf-problems__btn--secondary {\n  color: #111111;\n  background: #ffffff;\n  border: 1px solid #dddddd;\n}\n\n.def-msf-problems__btn--secondary:hover {\n  color: #e30613;\n  border-color: rgba(227,6,19,0.35);\n  box-shadow: 0 12px 26px rgba(0,0,0,0.07);\n}\n\n@media (max-width: 1000px) {\n  .def-msf-problems {\n    padding: 66px 20px;\n  }\n\n  .def-msf-problems__grid {\n    grid-template-columns: 1fr;\n    max-width: 760px;\n  }\n\n  .def-msf-problems__card {\n    min-height: auto;\n  }\n}\n\n@media (max-width: 640px) {\n  .def-msf-problems {\n    padding: 54px 18px;\n  }\n\n  .def-msf-problems::before {\n    top: -160px;\n    right: -260px;\n    width: 540px;\n    height: 540px;\n    opacity: 0.08;\n  }\n\n  .def-msf-problems__intro {\n    text-align: left;\n    margin-bottom: 28px;\n  }\n\n  .def-msf-problems__eyebrow {\n    font-size: 12px;\n    letter-spacing: 0.05em;\n  }\n\n  .def-msf-problems h2 {\n    font-size: 24px;\n    line-height: 1.2;\n  }\n\n  .def-msf-problems__grid {\n    gap: 14px;\n  }\n\n  .def-msf-problems__card {\n    grid-template-columns: 52px minmax(0, 1fr);\n    gap: 14px;\n    padding: 20px 18px;\n    border-radius: 16px;\n  }\n\n  .def-msf-problems__icon {\n    width: 48px;\n    height: 48px;\n  }\n\n  .def-msf-problems__icon svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  .def-msf-problems__card h3 {\n    font-size: 17px;\n    margin-bottom: 7px;\n  }\n\n  .def-msf-problems__card p {\n    font-size: 14px;\n  }\n\n  .def-msf-problems__actions {\n    justify-content: flex-start;\n    margin-top: 28px;\n  }\n\n  .def-msf-problems__btn {\n    width: 100%;\n  }\n}\n<\/style>\n\n\n\n<section class=\"def-msf-features\" id=\"fonctionnalites-mon-ssi-facile\">\n  <div class=\"def-msf-features__container\">\n\n    <div class=\"def-msf-features__intro\">\n      <span class=\"def-msf-features__eyebrow\">A mobile app designed around you<\/span>\n      <h2>Key features for simpler, safer operation<\/h2>\n    <\/div>\n\n    <div class=\"def-msf-features__grid\">\n\n      <article class=\"def-msf-features__card\">\n        <div class=\"def-msf-features__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9\"><\/path>\n            <path d=\"M10 21h4\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"def-msf-features__text\">\n          <h3>Real-time alerts<\/h3>\n          <p>\n            Receive the key events from your fire safety system straight to your smartphone: fire alarm, fault, technical alarm or disablement.\n          <\/p>\n        <\/div>\n\n        <div class=\"def-msf-features__mockup\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/05\/alerte-en-temps-reel-1.png\" alt=\"Real-time alert in Mon SSI Facile\">\n        <\/div>\n      <\/article>\n\n      <article class=\"def-msf-features__card\">\n        <div class=\"def-msf-features__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 21s6.5-5 6.5-10.5a6.5 6.5 0 1 0-13 0C5.5 16 12 21 12 21z\"><\/path>\n            <circle cx=\"12\" cy=\"10.5\" r=\"2.2\"><\/circle>\n          <\/svg>\n        <\/div>\n\n        <div class=\"def-msf-features__text\">\n          <h3>Critical information right at hand<\/h3>\n          <p>\n            Quickly identify what happened, where and when, to make alarm verification easier.\n          <\/p>\n        <\/div>\n\n        <div class=\"def-msf-features__mockup\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/05\/informations-critiques-2.png\" alt=\"Critical information in Mon SSI Facile\">\n        <\/div>\n      <\/article>\n\n      <article class=\"def-msf-features__card\">\n        <div class=\"def-msf-features__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M14 2v6h6\"><\/path>\n            <path d=\"M20 8v12H4V4a2 2 0 0 1 2-2h8l6 6z\"><\/path>\n            <path d=\"M8 14l2 2 4-5\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"def-msf-features__text\">\n          <h3>Tailored instructions<\/h3>\n          <p>\n            The app guides users with instructions set in context and ordered by priority, according to the detector, zone or item of equipment.\n          <\/p>\n        <\/div>\n\n        <div class=\"def-msf-features__mockup\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/05\/consignes-personnalisees-2.png\" alt=\"Tailored instructions in Mon SSI Facile\">\n        <\/div>\n      <\/article>\n\n      <article class=\"def-msf-features__card\">\n        <div class=\"def-msf-features__icon\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 5h16\"><\/path>\n            <path d=\"M4 12h16\"><\/path>\n            <path d=\"M4 19h16\"><\/path>\n            <path d=\"M8 5v14\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"def-msf-features__text\">\n          <h3>Event history and operating support<\/h3>\n          <p>\n            Review past events and follow the information that makes running your fire system easier day to day.\n          <\/p>\n        <\/div>\n\n        <div class=\"def-msf-features__mockup\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/05\/historiques-2.png\" alt=\"Event history in Mon SSI Facile\">\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.def-msf-features {\n  position: relative;\n  isolation: isolate;\n  padding: 76px 20px 0px;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.def-msf-features::before {\n  content: \"\";\n  position: absolute;\n  top: -180px;\n  left: -220px;\n  width: clamp(520px, 44vw, 880px);\n  height: clamp(520px, 44vw, 880px);\n  background-image: url(\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/02\/reseau-scale-1.svg\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  opacity: 0.10;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.def-msf-features__container {\n  position: relative;\n  z-index: 1;\n  max-width: 1440px;\n  margin: 0 auto;\n}\n\n.def-msf-features__intro {\n  max-width: 960px;\n  margin: 0 auto 36px;\n  text-align: center;\n}\n\n.def-msf-features__eyebrow {\n  display: inline-block;\n  margin-bottom: 10px;\n  color: #e30613;\n  font-size: 13px;\n  line-height: 1.35;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n.def-msf-features h2 {\n  margin: 0;\n  color: #111111;\n  font-size: clamp(24px, 2.4vw, 30px);\n  line-height: 1.14;\n  font-weight: 600;\n}\n\n.def-msf-features__grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.def-msf-features__card {\n  position: relative;\n  min-height: 520px;\n  padding: 26px 24px 0;\n  background: rgba(255,255,255,0.96);\n  border: 1px solid #eeeeee;\n  border-radius: 18px;\n  box-shadow: 0 14px 34px rgba(0,0,0,0.045);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.def-msf-features__icon {\n  width: 58px;\n  height: 58px;\n  margin-bottom: 18px;\n  border-radius: 999px;\n  background: rgba(227,6,19,0.055);\n  border: 1px solid rgba(227,6,19,0.16);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.def-msf-features__icon svg {\n  width: 31px;\n  height: 31px;\n  fill: none;\n  stroke: #e30613;\n  stroke-width: 1.6;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.def-msf-features__text {\n  position: relative;\n  z-index: 2;\n}\n\n.def-msf-features__text h3 {\n  margin: 0 0 10px;\n  color: #111111;\n  font-size: 17px;\n  line-height: 1.22;\n  font-weight: 600;\n}\n\n.def-msf-features__text p {\n  margin: 0;\n  color: #555555;\n  font-size: 14.5px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n.def-msf-features__mockup {\n  margin-top: auto;\n  height: 255px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.def-msf-features__mockup img {\n  display: block;\n  width: min(245px, 110%);\n  max-width: none;\n  height: auto;\n  object-fit: contain;\n  object-position: bottom center;\n  transform: translateY(10px);\n  transition: transform 0.25s ease;\n}\n\n.def-msf-features__card:hover .def-msf-features__mockup img {\n  transform: translateY(4px);\n}\n\n@media (max-width: 1200px) {\n  .def-msf-features__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .def-msf-features__card {\n    min-height: 500px;\n  }\n}\n\n@media (max-width: 720px) {\n  .def-msf-features {\n    padding: 56px 18px 62px;\n  }\n\n  .def-msf-features::before {\n    top: -160px;\n    left: -260px;\n    width: 540px;\n    height: 540px;\n    opacity: 0.08;\n  }\n\n  .def-msf-features__intro {\n    text-align: left;\n    margin-bottom: 28px;\n  }\n\n  .def-msf-features__eyebrow {\n    font-size: 12px;\n    letter-spacing: 0.05em;\n  }\n\n  .def-msf-features h2 {\n    font-size: 24px;\n    line-height: 1.2;\n  }\n\n  .def-msf-features__grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .def-msf-features__card {\n    min-height: 455px;\n    padding: 22px 18px 0;\n    border-radius: 16px;\n  }\n\n  .def-msf-features__icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 14px;\n  }\n\n  .def-msf-features__icon svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  .def-msf-features__text h3 {\n    font-size: 17px;\n    margin-bottom: 7px;\n  }\n\n  .def-msf-features__text p {\n    font-size: 14px;\n  }\n\n  .def-msf-features__mockup {\n    height: 245px;\n  }\n\n  .def-msf-features__mockup img {\n    width: min(240px, 105%);\n  }\n}\n<\/style>\n\n\n\n<section class=\"def-msf-demo\" id=\"pourquoi-demo\">\n  <div class=\"def-msf-demo__background\"><\/div>\n\n  <div class=\"def-msf-demo__container\">\n    <div class=\"def-msf-demo__content\">\n      <span class=\"def-msf-demo__eyebrow\">Why start with a demo?<\/span>\n\n      <h2>\n        Mon SSI Facile is best discovered in context, with DEF alongside you\n      <\/h2>\n\n      <div class=\"def-msf-demo__grid\">\n\n        <article class=\"def-msf-demo__card\">\n          <div class=\"def-msf-demo__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"3\"><\/rect>\n              <path d=\"M8 9h8\"><\/path>\n              <path d=\"M8 13h5\"><\/path>\n              <path d=\"M16 16l2 2\"><\/path>\n              <path d=\"M18 16l-2 2\"><\/path>\n            <\/svg>\n          <\/div>\n          <div>\n            <h3>Set up for your site<\/h3>\n            <p>Your configuration, your equipment, your zones and how you work.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"def-msf-demo__card\">\n          <div class=\"def-msf-demo__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\n              <path d=\"M4 20c.7-3.4 2.6-5.4 5-5.4s4.3 2 5 5.4\"><\/path>\n              <path d=\"M16 10l2 2 4-4\"><\/path>\n            <\/svg>\n          <\/div>\n          <div>\n            <h3>Built around how you really work<\/h3>\n            <p>Your teams, your procedures, your constraints on site.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"def-msf-demo__card\">\n          <div class=\"def-msf-demo__icon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"13\" rx=\"3\"><\/rect>\n              <path d=\"M7 14l3-3 3 2 4-5\"><\/path>\n              <path d=\"M9 21h6\"><\/path>\n              <path d=\"M12 18v3\"><\/path>\n            <\/svg>\n          <\/div>\n          <div>\n            <h3>Shown with the right use cases<\/h3>\n            <p>Real scenarios matched to your organisation.<\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"def-msf-demo__visual\">\n      <div class=\"def-msf-demo__glow\"><\/div>\n\n      <img decoding=\"async\"\n        class=\"def-msf-demo__mockup\"\n        src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/05\/firefly-output-1778160095522.png\"\n        alt=\"Mon SSI Facile app\"\n      >\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.def-msf-demo {\n  position: relative;\n  isolation: isolate;\n  padding: 82px 20px;\n  overflow: hidden;\n  background: #031326;\n}\n\n.def-msf-demo__background {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at top right, rgba(227,6,19,0.12), transparent 28%),\n    radial-gradient(circle at bottom left, rgba(255,255,255,0.05), transparent 24%),\n    linear-gradient(135deg, #031326 0%, #052347 45%, #031326 100%);\n  z-index: 0;\n}\n\n.def-msf-demo::before {\n  content: \"\";\n  position: absolute;\n  top: -220px;\n  right: -220px;\n  width: 900px;\n  height: 900px;\n  background-image: url(\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/02\/reseau-scale-1.svg\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  opacity: 0.08;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.def-msf-demo__container {\n  position: relative;\n  z-index: 2;\n  max-width: 1440px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);\n  gap: clamp(40px, 5vw, 80px);\n  align-items: center;\n}\n\n.def-msf-demo__eyebrow {\n  display: inline-block;\n  margin-bottom: 14px;\n  color: #ff3b30;\n  font-size: 13px;\n  line-height: 1.35;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n.def-msf-demo h2 {\n  max-width: 760px;\n  margin: 0 0 34px;\n  color: #ffffff;\n  font-size: clamp(28px, 3vw, 42px);\n  line-height: 1.08;\n  font-weight: 600;\n}\n\n.def-msf-demo__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.def-msf-demo__card {\n  position: relative;\n  overflow: hidden;\n  min-height: 170px;\n  padding: 26px 24px;\n  border-radius: 20px;\n  background: rgba(255,255,255,0.055);\n  border: 1px solid rgba(255,255,255,0.09);\n  backdrop-filter: blur(12px);\n  box-shadow: 0 14px 40px rgba(0,0,0,0.18);\n  animation: defFadeUp .7s ease forwards;\n  opacity: 0;\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    background .35s ease,\n    box-shadow .35s ease;\n}\n\n.def-msf-demo__card:nth-child(1) { animation-delay: .05s; }\n.def-msf-demo__card:nth-child(2) { animation-delay: .16s; }\n.def-msf-demo__card:nth-child(3) { animation-delay: .27s; }\n\n.def-msf-demo__card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(227,6,19,0.11), transparent 52%);\n  opacity: 0;\n  transition: opacity .35s ease;\n  pointer-events: none;\n}\n\n.def-msf-demo__card:hover {\n  transform: translateY(-8px);\n  border-color: rgba(255,59,48,0.42);\n  background: rgba(255,255,255,0.085);\n  box-shadow: 0 25px 60px rgba(0,0,0,0.28);\n}\n\n.def-msf-demo__card:hover::before {\n  opacity: 1;\n}\n\n.def-msf-demo__icon {\n  position: relative;\n  z-index: 1;\n  width: 58px;\n  height: 58px;\n  margin-bottom: 18px;\n  border-radius: 999px;\n  background: rgba(227,6,19,0.10);\n  border: 1px solid rgba(227,6,19,0.24);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    box-shadow .35s ease;\n}\n\n.def-msf-demo__card:hover .def-msf-demo__icon {\n  transform: scale(1.08);\n  background: rgba(227,6,19,0.18);\n  box-shadow: 0 0 30px rgba(227,6,19,0.22);\n}\n\n.def-msf-demo__icon svg {\n  width: 30px;\n  height: 30px;\n  fill: none;\n  stroke: #ff3b30;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.def-msf-demo__card h3 {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 10px;\n  color: #ffffff;\n  font-size: 18px;\n  line-height: 1.25;\n  font-weight: 600;\n}\n\n.def-msf-demo__card p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  color: rgba(255,255,255,0.74);\n  font-size: 14.5px;\n  line-height: 1.55;\n}\n\n.def-msf-demo__visual {\n  position: relative;\n  min-height: 460px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.def-msf-demo__glow {\n  position: absolute;\n  width: 520px;\n  height: 520px;\n  border-radius: 999px;\n  background: radial-gradient(\n    circle,\n    rgba(227,6,19,0.22) 0%,\n    rgba(227,6,19,0.10) 36%,\n    rgba(227,6,19,0) 72%\n  );\n  filter: blur(22px);\n  z-index: 0;\n}\n\n.def-msf-demo__mockup {\n  position: relative;\n  z-index: 2;\n  width: min(100%, 720px);\n  height: auto;\n  display: block;\n  filter: drop-shadow(0 34px 60px rgba(0,0,0,0.40));\n}\n\n@keyframes defFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 1180px) {\n  .def-msf-demo__container {\n    grid-template-columns: 1fr;\n  }\n\n  .def-msf-demo__visual {\n    min-height: auto;\n    margin-top: 10px;\n  }\n\n  .def-msf-demo__mockup {\n    max-width: 720px;\n  }\n}\n\n@media (max-width: 760px) {\n  .def-msf-demo {\n    padding: 62px 18px;\n  }\n\n  .def-msf-demo h2 {\n    font-size: 30px;\n    line-height: 1.14;\n    margin-bottom: 26px;\n  }\n\n  .def-msf-demo__grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .def-msf-demo__card {\n    min-height: auto;\n    padding: 22px 18px;\n  }\n\n  .def-msf-demo__card h3 {\n    font-size: 17px;\n  }\n\n  .def-msf-demo__card p {\n    font-size: 14px;\n  }\n\n  .def-msf-demo__visual {\n    padding-top: 10px;\n  }\n\n  .def-msf-demo__glow {\n    width: 320px;\n    height: 320px;\n    opacity: 0.8;\n  }\n\n  .def-msf-demo__mockup {\n    width: 100%;\n    max-width: 440px;\n  }\n}\n<\/style>\n\n\n\n<section class=\"def-msf-steps\" id=\"obtenir-demo\">\n  <div class=\"def-msf-steps__container\">\n\n    <div class=\"def-msf-steps__intro\">\n      <span class=\"def-msf-steps__eyebrow\">How do you get your demo?<\/span>\n      <h2>A simple, quick process<\/h2>\n      <p>Get a personalised demo of Mon SSI Facile, matched to your site and the way your teams work.<\/p>\n    <\/div>\n\n    <div class=\"def-msf-steps__timeline\">\n\n      <article class=\"def-msf-steps__step\">\n        <span class=\"def-msf-steps__number\">1<\/span>\n        <div class=\"def-msf-steps__icon\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/PICTO_CHECK_COMFORMITE-2.svg\" alt=\"\">\n        <\/div>\n        <h3>You fill in the form<\/h3>\n        <p>Tell us about your site, your needs and your constraints.<\/p>\n      <\/article>\n\n      <article class=\"def-msf-steps__step\">\n        <span class=\"def-msf-steps__number\">2<\/span>\n        <div class=\"def-msf-steps__icon\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/PICTO_EXPERTISE.svg\" alt=\"\">\n        <\/div>\n        <h3>A DEF expert contacts you<\/h3>\n        <p>We talk through your fire safety setup and your operational challenges.<\/p>\n      <\/article>\n\n      <article class=\"def-msf-steps__step\">\n        <span class=\"def-msf-steps__number\">3<\/span>\n        <div class=\"def-msf-steps__icon\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/PICTO_SMARTPHONE.svg\" alt=\"\">\n        <\/div>\n        <h3>You discover Mon SSI Facile<\/h3>\n        <p>A personalised demo, matched to your situation and the way you work.<\/p>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"def-msf-steps__assurances\">\n\n      <div class=\"def-msf-steps__assurance\">\n        <div class=\"def-msf-steps__assurance-icon\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/PICTO_SMARTPHONE.svg\" alt=\"\">\n        <\/div>\n        <div>\n          <strong>Personalised demo<\/strong>\n          <p>Matched to your site and your needs.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"def-msf-steps__assurance\">\n        <div class=\"def-msf-steps__assurance-icon\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/BOUCLIER.svg\" alt=\"\">\n        <\/div>\n        <div>\n          <strong>No obligation<\/strong>\n          <p>No obligation, no roll-out forced on you.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"def-msf-steps__assurance\">\n        <div class=\"def-msf-steps__assurance-icon\">\n          <img decoding=\"async\" src=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/06\/ADAPTATION-TOTALE.svg\" alt=\"\">\n        <\/div>\n        <div>\n          <strong>A walkthrough tailored to your site<\/strong>\n          <p>Relevant scenarios and real-life cases.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"def-msf-steps__actions\">\n      <a href=\"#formulaire\" class=\"def-msf-steps__btn def-msf-steps__btn--primary\">\n        Request a demo\n      <\/a>\n\n      <a href=\"#\" class=\"def-msf-steps__btn def-msf-steps__btn--secondary\">\n        Download the brochure\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.def-msf-steps {\n  position: relative;\n  isolation: isolate;\n  padding: 72px 20px;\n  background: #ffffff;\n  overflow: hidden;\n  font-family: 'Poppins', Arial, sans-serif;\n}\n\n.def-msf-steps,\n.def-msf-steps * {\n  box-sizing: border-box;\n}\n\n.def-msf-steps::before {\n  content: \"\";\n  position: absolute;\n  top: -160px;\n  right: -220px;\n  width: clamp(520px, 44vw, 880px);\n  height: clamp(520px, 44vw, 880px);\n  background-image: url(\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/wp-content\/uploads\/sites\/3\/2026\/02\/reseau-scale-1.svg\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center;\n  opacity: 0.08;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.def-msf-steps__container {\n  position: relative;\n  z-index: 1;\n  max-width: 1256px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.7fr) minmax(300px, 0.8fr);\n  gap: clamp(28px, 4vw, 56px);\n  align-items: center;\n}\n\n.def-msf-steps__eyebrow {\n  display: inline-block;\n  margin-bottom: 10px;\n  color: #E40520;\n  font-size: 13px;\n  line-height: 1.35;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n\n.def-msf-steps h2 {\n  margin: 0 0 14px;\n  color: #111111;\n  font-size: clamp(24px, 2.4vw, 30px);\n  line-height: 1.15;\n  font-weight: 600;\n}\n\n.def-msf-steps__intro p {\n  margin: 0;\n  color: #555555;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.def-msf-steps__timeline {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 28px;\n}\n\n.def-msf-steps__timeline::before {\n  content: \"\";\n  position: absolute;\n  top: 32px;\n  left: 17%;\n  right: 17%;\n  height: 1px;\n  border-top: 2px dashed rgba(0,37,84,0.16);\n  z-index: -1;\n}\n\n.def-msf-steps__step {\n  position: relative;\n  text-align: center;\n}\n\n.def-msf-steps__number {\n  position: absolute;\n  top: -16px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 30px;\n  height: 30px;\n  border-radius: 999px;\n  background: #E40520;\n  color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 600;\n  box-shadow: 0 8px 18px rgba(228,5,32,0.22);\n  z-index: 2;\n}\n\n.def-msf-steps__icon {\n  width: 72px;\n  height: 72px;\n  margin: 0 auto 18px;\n  border-radius: 18px;\n  background: #ffffff;\n  border: 1px solid rgba(0,37,84,0.10);\n  box-shadow: 0 12px 28px rgba(0,0,0,0.055);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 14px;\n}\n\n.def-msf-steps__icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n}\n\n.def-msf-steps__step h3 {\n  max-width: 190px;\n  margin: 0 auto 8px;\n  color: #111111;\n  font-size: 16px;\n  line-height: 1.25;\n  font-weight: 600;\n}\n\n.def-msf-steps__step p {\n  max-width: 220px;\n  margin: 0 auto;\n  color: #555555;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.def-msf-steps__assurances {\n  padding-left: 34px;\n  border-left: 1px solid #e5e5e5;\n  display: grid;\n  gap: 20px;\n}\n\n.def-msf-steps__assurance {\n  display: grid;\n  grid-template-columns: 42px minmax(0, 1fr);\n  gap: 14px;\n  align-items: start;\n}\n\n.def-msf-steps__assurance-icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 12px;\n  background: rgba(0,37,84,0.05);\n  border: 1px solid rgba(0,37,84,0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n}\n\n.def-msf-steps__assurance-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n}\n\n.def-msf-steps__assurance strong {\n  display: block;\n  margin-bottom: 3px;\n  color: #111111;\n  font-size: 16px;\n  line-height: 1.25;\n  font-weight: 600;\n}\n\n.def-msf-steps__assurance p {\n  margin: 0;\n  color: #555555;\n  font-size: 14px;\n  line-height: 1.45;\n}\n\n.def-msf-steps__actions {\n  grid-column: 1 \/ -1;\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 0;\n  flex-wrap: wrap;\n}\n\n.def-msf-steps__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 11px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  line-height: 1.2;\n  font-weight: 600;\n  text-decoration: none;\n  transition:\n    background 0.2s ease,\n    color 0.2s ease,\n    transform 0.2s ease,\n    border-color 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.def-msf-steps__btn--primary {\n  background: #E40520;\n  color: #ffffff !important;\n  border: 1px solid #E40520;\n  box-shadow: 0 12px 26px rgba(228,5,32,0.18);\n}\n\n.def-msf-steps__btn--primary:hover {\n  background: #c9001b;\n  border-color: #c9001b;\n  transform: translateY(-2px);\n  box-shadow: 0 16px 34px rgba(228,5,32,0.24);\n}\n\n.def-msf-steps__btn--secondary {\n  background: #ffffff;\n  color: #002554 !important;\n  border: 1px solid rgba(0,37,84,0.18);\n}\n\n.def-msf-steps__btn--secondary:hover {\n  background: #ffffff;\n  border-color: rgba(228,5,32,0.34);\n  transform: translateY(-2px);\n  color: #E40520 !important;\n}\n\n@media (max-width: 1100px) {\n  .def-msf-steps__container {\n    grid-template-columns: 1fr;\n    gap: 34px;\n  }\n\n  .def-msf-steps__intro {\n    max-width: 760px;\n  }\n\n  .def-msf-steps__assurances {\n    padding-left: 0;\n    border-left: none;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  .def-msf-steps__assurance {\n    padding: 18px;\n    border: 1px solid #eeeeee;\n    border-radius: 16px;\n    background: #ffffff;\n    box-shadow: 0 12px 28px rgba(0,0,0,0.035);\n  }\n}\n\n@media (max-width: 760px) {\n  .def-msf-steps {\n    padding: 56px 18px;\n  }\n\n  .def-msf-steps__timeline {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .def-msf-steps__timeline::before {\n    display: none;\n  }\n\n  .def-msf-steps__step {\n    display: grid;\n    grid-template-columns: 58px minmax(0, 1fr);\n    gap: 16px;\n    text-align: left;\n    padding: 18px;\n    border: 1px solid #eeeeee;\n    border-radius: 16px;\n    box-shadow: 0 12px 28px rgba(0,0,0,0.035);\n    background: #ffffff;\n  }\n\n  .def-msf-steps__number {\n    top: 8px;\n    left: 48px;\n    transform: none;\n    width: 24px;\n    height: 24px;\n    font-size: 12px;\n  }\n\n  .def-msf-steps__icon {\n    width: 54px;\n    height: 54px;\n    margin: 0;\n    padding: 10px;\n  }\n\n  .def-msf-steps__step h3,\n  .def-msf-steps__step p {\n    max-width: none;\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .def-msf-steps__step h3 {\n    font-size: 16px;\n  }\n\n  .def-msf-steps__assurances {\n    grid-template-columns: 1fr;\n  }\n\n  .def-msf-steps__actions {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .def-msf-steps__btn {\n    width: 100%;\n    min-height: 42px;\n    padding: 11px 16px;\n    font-size: 13.5px;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Mon SSI Facile Manage your fire safety system more simply, anywhere, any time. Mon SSI Facile supports operators in the day-to-day management of their DEF fire safety system. Receive alerts in real time, quickly identify what has happened and where, and guide your teams with instructions tailored to your site. The app is not self-service: &hellip; <a href=\"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/expertises\/mon-ssi-facile\/\">Continued<\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"parent":9145,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"profession":[],"sector":[],"service":[],"solution":[],"class_list":["post-9141","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/pages\/9141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/comments?post=9141"}],"version-history":[{"count":0,"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/pages\/9141\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/pages\/9145"}],"wp:attachment":[{"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/media?parent=9141"}],"wp:term":[{"taxonomy":"profession","embeddable":true,"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/profession?post=9141"},{"taxonomy":"sector","embeddable":true,"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/sector?post=9141"},{"taxonomy":"service","embeddable":true,"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/service?post=9141"},{"taxonomy":"solution","embeddable":true,"href":"https:\/\/def-tunisie-preprod.wp-ylly.hunik.tech\/en\/wp-json\/wp\/v2\/solution?post=9141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}