<!DOCTYPE html>
<html lang="fr-BE" data-website-id="1" data-main-object="website.page(85,)">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<meta name="generator" content="Odoo"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="POLE | Cybersecurity | ABAKUS IT-SOLUTIONS"/>
<meta property="og:site_name" content="ABAKUS IT-SOLUTIONS"/>
<meta property="og:url" content="https://www.abakusitsolutions.eu/fr_BE/pole-cybersecurity"/>
<meta property="og:image" content="https://www.abakusitsolutions.eu/web/image/website/1/social_default_image?unique=dc7c1f1"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="POLE | Cybersecurity | ABAKUS IT-SOLUTIONS"/>
<meta name="twitter:image" content="https://www.abakusitsolutions.eu/web/image/website/1/social_default_image/300x300?unique=dc7c1f1"/>
<meta name="twitter:site" content="@abakus_it"/>
<link rel="canonical" href="https://www.abakusitsolutions.eu/fr_BE/pole-cybersecurity"/>
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
<title>POLE | Cybersecurity | ABAKUS IT-SOLUTIONS</title>
<link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=dc7c1f1"/>
<link rel="preload" href="/web/static/lib/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
<link type="text/css" rel="stylesheet" href="/web/assets/1/a7c59fc/web.assets_frontend.min.css"/>
<script id="web.layout.odooscript" type="text/javascript">
var odoo = {
csrf_token: "585ca9c677a8769c73d0332a609904640ca21b50o1801687758",
debug: "",
};
</script>
<script type="text/javascript">
odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_website_user": true, "user_id": false, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"133": {"symbol": "\u062f.\u0625", "position": "after", "digits": [69, 2]}, "48": {"symbol": "Afs", "position": "after", "digits": [69, 2]}, "123": {"symbol": "L", "position": "after", "digits": [69, 2]}, "51": {"symbol": "\u0564\u0580.", "position": "after", "digits": [69, 2]}, "71": {"symbol": "\u0192", "position": "after", "digits": [69, 2]}, "49": {"symbol": "Kz", "position": "after", "digits": [69, 2]}, "20": {"symbol": "$", "position": "after", "digits": [69, 2]}, "22": {"symbol": "$", "position": "after", "digits": [69, 2]}, "52": {"symbol": "Afl.", "position": "after", "digits": [69, 2]}, "53": {"symbol": "m", "position": "after", "digits": [69, 2]}, "63": {"symbol": "KM", "position": "after", "digits": [69, 2]}, "57": {"symbol": "Bds$", "position": "after", "digits": [69, 2]}, "56": {"symbol": "\u09f3", "position": "after", "digits": [69, 2]}, "27": {"symbol": "\u043b\u0432", "position": "after", "digits": [69, 2]}, "55": {"symbol": "BD", "position": "after", "digits": [69, 2]}, "65": {"symbol": "FBu", "position": "after", "digits": [69, 2]}, "60": {"symbol": "BD$", "position": "after", "digits": [69, 2]}, "114": {"symbol": "$", "position": "after", "digits": [69, 2]}, "62": {"symbol": "Bs.", "position": "after", "digits": [69, 2]}, "7": {"symbol": "R$", "position": "after", "digits": [69, 2]}, "54": {"symbol": "B$", "position": "after", "digits": [69, 2]}, "61": {"symbol": "Nu.", "position": "after", "digits": [69, 2]}, "64": {"symbol": "P", "position": "after", "digits": [69, 2]}, "58": {"symbol": "BR", "position": "after", "digits": [69, 2]}, "59": {"symbol": "BZ$", "position": "after", "digits": [69, 2]}, "5": {"symbol": "$", "position": "after", "digits": [69, 2]}, "69": {"symbol": "Fr", "position": "after", "digits": [69, 2]}, "6": {"symbol": "CHF", "position": "after", "digits": [69, 2]}, "46": {"symbol": "$", "position": "after", "digits": [69, 2]}, "8": {"symbol": "\u00a5", "position": "after", "digits": [69, 2]}, "9": {"symbol": "$", "position": "after", "digits": [69, 2]}, "40": {"symbol": "\u00a2", "position": "after", "digits": [69, 2]}, "70": {"symbol": "$", "position": "after", "digits": [69, 2]}, "170": {"symbol": "$", "position": "after", "digits": [69, 2]}, "72": {"symbol": "\u00a3", "position": "after", "digits": [69, 2]}, "10": {"symbol": "K\u010d", "position": "after", "digits": [69, 2]}, "73": {"symbol": "Fdj", "position": "after", "digits": [69, 2]}, "11": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "74": {"symbol": "RD$", "position": "after", "digits": [69, 2]}, "115": {"symbol": "DZ", "position": "after", "digits": [69, 2]}, "76": {"symbol": "S/.", "position": "after", "digits": [69, 2]}, "77": {"symbol": "E\u00a3", "position": "after", "digits": [69, 2]}, "79": {"symbol": "Nfk", "position": "after", "digits": [69, 2]}, "80": {"symbol": "Br", "position": "after", "digits": [69, 2]}, "1": {"symbol": "\u20ac", "position": "after", "digits": [69, 2]}, "82": {"symbol": "FJ$", "position": "after", "digits": [69, 2]}, "81": {"symbol": "\u00a3", "position": "after", "digits": [69, 2]}, "150": {"symbol": "\u00a3", "position": "before", "digits": [69, 2]}, "83": {"symbol": "\u10da", "position": "after", "digits": [69, 2]}, "116": {"symbol": "GH\u00a2", "position": "after", "digits": [69, 2]}, "84": {"symbol": "\u00a3", "position": "after", "digits": [69, 2]}, "117": {"symbol": "D", "position": "after", "digits": [69, 2]}, "86": {"symbol": "FG", "position": "after", "digits": [69, 2]}, "174": {"symbol": "Q", "position": "after", "digits": [69, 2]}, "87": {"symbol": "\u00a4", "position": "after", "digits": [69, 2]}, "88": {"symbol": "$", "position": "after", "digits": [69, 2]}, "25": {"symbol": "$", "position": "after", "digits": [69, 2]}, "45": {"symbol": "L", "position": "after", "digits": [69, 2]}, "30": {"symbol": "kn", "position": "after", "digits": [69, 2]}, "89": {"symbol": "G", "position": "after", "digits": [69, 2]}, "12": {"symbol": "Ft", "position": "after", "digits": [69, 2]}, "13": {"symbol": "Rp", "position": "after", "digits": [69, 2]}, "93": {"symbol": "\u20aa", "position": "after", "digits": [69, 2]}, "21": {"symbol": "\u20b9", "position": "after", "digits": [69, 2]}, "92": {"symbol": " \u0639.\u062f", "position": "after", "digits": [69, 2]}, "91": {"symbol": "\ufdfc", "position": "after", "digits": [69, 2]}, "90": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "158": {"symbol": "\u20a4", "position": "after", "digits": [69, 2]}, "94": {"symbol": "$", "position": "after", "digits": [69, 2]}, "95": {"symbol": " \u062f.\u0627", "position": "after", "digits": [69, 2]}, "26": {"symbol": "\u00a5", "position": "after", "digits": [69, 2]}, "97": {"symbol": "KSh", "position": "after", "digits": [69, 2]}, "99": {"symbol": "\u043b\u0432", "position": "after", "digits": [69, 2]}, "66": {"symbol": "\u17db", "position": "after", "digits": [69, 2]}, "68": {"symbol": "CF", "position": "after", "digits": [69, 2]}, "126": {"symbol": "\u20a9", "position": "after", "digits": [69, 2]}, "33": {"symbol": "\u20a9", "position": "after", "digits": [69, 2]}, "98": {"symbol": " \u062f.\u0643", "position": "after", "digits": [69, 2]}, "67": {"symbol": "$", "position": "after", "digits": [69, 2]}, "96": {"symbol": "\u043b\u0432", "position": "after", "digits": [69, 2]}, "100": {"symbol": "\u20ad", "position": "after", "digits": [69, 2]}, "101": {"symbol": "\u0644.\u0644", "position": "after", "digits": [69, 2]}, "148": {"symbol": "Rs", "position": "after", "digits": [69, 2]}, "103": {"symbol": "L$", "position": "after", "digits": [69, 2]}, "102": {"symbol": "L", "position": "after", "digits": [69, 2]}, "28": {"symbol": "Lt", "position": "after", "digits": [69, 2]}, "14": {"symbol": "Ls", "position": "after", "digits": [69, 2]}, "104": {"symbol": " \u0644.\u062f", "position": "after", "digits": [69, 2]}, "113": {"symbol": " \u062f.\u0645", "position": "after", "digits": [69, 2]}, "111": {"symbol": "L", "position": "after", "digits": [69, 2]}, "107": {"symbol": "Ar", "position": "after", "digits": [69, 2]}, "106": {"symbol": "\u0434\u0435\u043d", "position": "after", "digits": [69, 2]}, "120": {"symbol": "K", "position": "after", "digits": [69, 2]}, "112": {"symbol": "\u20ae", "position": "after", "digits": [69, 2]}, "105": {"symbol": "MOP$", "position": "after", "digits": [69, 2]}, "110": {"symbol": "UM", "position": "after", "digits": [69, 2]}, "41": {"symbol": "Rs", "position": "after", "digits": [69, 2]}, "109": {"symbol": ".\u0783", "position": "after", "digits": [69, 2]}, "108": {"symbol": "MK", "position": "after", "digits": [69, 2]}, "34": {"symbol": "$", "position": "after", "digits": [69, 2]}, "35": {"symbol": "RM", "position": "after", "digits": [69, 2]}, "119": {"symbol": "MT", "position": "after", "digits": [69, 2]}, "121": {"symbol": "$", "position": "after", "digits": [69, 2]}, "125": {"symbol": "\u20a6", "position": "after", "digits": [69, 2]}, "124": {"symbol": "C$", "position": "after", "digits": [69, 2]}, "15": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "122": {"symbol": "\u20a8", "position": "after", "digits": [69, 2]}, "36": {"symbol": "$", "position": "after", "digits": [69, 2]}, "169": {"symbol": "\u0631.\u0639.", "position": "after", "digits": [69, 2]}, "17": {"symbol": "B/.", "position": "after", "digits": [69, 2]}, "165": {"symbol": "S/.", "position": "after", "digits": [69, 2]}, "167": {"symbol": "K", "position": "after", "digits": [69, 2]}, "37": {"symbol": "Php", "position": "after", "digits": [69, 2]}, "168": {"symbol": "Rs.", "position": "after", "digits": [69, 2]}, "18": {"symbol": "z\u0142", "position": "after", "digits": [69, 2]}, "166": {"symbol": "\u20b2", "position": "after", "digits": [69, 2]}, "163": {"symbol": "QR", "position": "after", "digits": [69, 2]}, "29": {"symbol": "lei", "position": "after", "digits": [69, 2]}, "155": {"symbol": "din.", "position": "after", "digits": [69, 2]}, "31": {"symbol": "\u0440\u0443\u0431", "position": "after", "digits": [69, 2]}, "161": {"symbol": "RF", "position": "after", "digits": [69, 2]}, "156": {"symbol": "SR", "position": "after", "digits": [69, 2]}, "152": {"symbol": "SI$", "position": "after", "digits": [69, 2]}, "154": {"symbol": "SR", "position": "after", "digits": [69, 2]}, "147": {"symbol": "\u00a3Sd", "position": "after", "digits": [69, 2]}, "19": {"symbol": "kr", "position": "after", "digits": [69, 2]}, "38": {"symbol": "$", "position": "after", "digits": [69, 2]}, "160": {"symbol": "\u00a3", "position": "after", "digits": [69, 2]}, "172": {"symbol": "\u00a4", "position": "after", "digits": [69, 2]}, "171": {"symbol": "Sk", "position": "after", "digits": [69, 2]}, "153": {"symbol": "Le", "position": "after", "digits": [69, 2]}, "151": {"symbol": "Sh.", "position": "after", "digits": [69, 2]}, "146": {"symbol": "$", "position": "after", "digits": [69, 2]}, "149": {"symbol": "\u00a3", "position": "after", "digits": [69, 2]}, "157": {"symbol": "Db", "position": "after", "digits": [69, 2]}, "78": {"symbol": "\u00a2", "position": "after", "digits": [69, 2]}, "144": {"symbol": "\u00a3", "position": "after", "digits": [69, 2]}, "145": {"symbol": "E", "position": "after", "digits": [69, 2]}, "140": {"symbol": "\u0e3f", "position": "after", "digits": [69, 2]}, "142": {"symbol": "\u00a4", "position": "after", "digits": [69, 2]}, "135": {"symbol": "m", "position": "after", "digits": [69, 2]}, "137": {"symbol": "DT", "position": "after", "digits": [69, 2]}, "139": {"symbol": "T$", "position": "after", "digits": [69, 2]}, "75": {"symbol": "\u00a4", "position": "after", "digits": [69, 2]}, "136": {"symbol": "TL", "position": "after", "digits": [69, 2]}, "32": {"symbol": "TL", "position": "after", "digits": [69, 2]}, "138": {"symbol": "$", "position": "after", "digits": [69, 2]}, "143": {"symbol": "NT$", "position": "after", "digits": [69, 2]}, "141": {"symbol": "x/y", "position": "after", "digits": [69, 2]}, "23": {"symbol": "\u20b4", "position": "after", "digits": [69, 2]}, "44": {"symbol": "USh", "position": "after", "digits": [69, 0]}, "3": {"symbol": "$", "position": "before", "digits": [69, 2]}, "47": {"symbol": "$", "position": "after", "digits": [69, 2]}, "132": {"symbol": "\u043b\u0432", "position": "after", "digits": [69, 2]}, "4": {"symbol": "Bs.F", "position": "after", "digits": [69, 4]}, "24": {"symbol": "\u20ab", "position": "after", "digits": [69, 2]}, "130": {"symbol": "Bs", "position": "after", "digits": [69, 2]}, "131": {"symbol": "VT", "position": "after", "digits": [69, 2]}, "159": {"symbol": "WS$", "position": "after", "digits": [69, 2]}, "43": {"symbol": "FCFA", "position": "after", "digits": [69, 0]}, "50": {"symbol": "$", "position": "after", "digits": [69, 2]}, "42": {"symbol": "CFA", "position": "after", "digits": [69, 0]}, "16": {"symbol": "XPF", "position": "after", "digits": [69, 0]}, "129": {"symbol": "\ufdfc", "position": "after", "digits": [69, 2]}, "173": {"symbol": "\u0434\u0438\u043d.", "position": "after", "digits": [69, 2]}, "39": {"symbol": "R", "position": "after", "digits": [69, 2]}, "128": {"symbol": "ZK", "position": "after", "digits": [69, 2]}, "118": {"symbol": "\u01b5", "position": "after", "digits": [69, 2]}, "127": {"symbol": "Z$", "position": "after", "digits": [69, 2]}}, "bundle_params": {"lang": "fr_BE", "website_id": 1}, "websocket_worker_version": "17.0-3", "translationURL": "/website/translations", "cache_hashes": {"translations": "40651b60a95c1396a0935a8095d5bf0a576e5b10"}, "recaptcha_public_key": "6LckM1csAAAAAHfUhMzRqXX6_uwW9CYx1Bua7ZrA", "geoip_country_code": "US", "geoip_phone_code": 1, "lang_url_code": "fr_BE"};
if (!/(^|;\s)tz=/.test(document.cookie)) {
const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
document.cookie = `tz=${userTZ}; path=/`;
}
</script>
<script type="text/javascript" defer="defer" src="/web/assets/1/150a957/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
<script type="text/javascript" defer="defer" data-src="/web/assets/1/2cbce92/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-N6KKWHFN6H"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-N6KKWHFN6H');
</script>
<meta name="image" property="og:image" content="https://www.abakusitsolutions.eu/web/image/1118886-76fd6b46/logo%20abakus%20blanc%20fond%20transparent.png">
</head>
<body>
<div id="wrapwrap" class="">
<header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Extra items button" class="o_header_fixed" style=" ">
<nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block shadow-sm">
<div id="o_main_nav" class="o_main_nav container">
<a data-name="Navbar Logo" href="/fr_BE" class="navbar-brand logo me-4">
<span role="img" aria-label="Logo of ABAKUS IT-SOLUTIONS" title="ABAKUS IT-SOLUTIONS"><img src="/web/image/website/1/logo/ABAKUS%20IT-SOLUTIONS?unique=dc7c1f1" class="img img-fluid" width="95" height="40" alt="ABAKUS IT-SOLUTIONS" loading="lazy"/></span>
</a>
<ul id="top_menu" role="menu" class="nav navbar-nav top_menu o_menu_loading me-auto">
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE" class="nav-link">
<span>ACCUEIL</span>
</a>
</li>
<li role="presentation" class="nav-item dropdown position-static">
<a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle" data-bs-display="static">
<span>SERVICES</span>
</a>
<div data-name="Mega Menu" class="dropdown-menu o_mega_menu o_no_parent_editor">
<section class="s_mega_menu_odoo_menu pt16 o_colored_level o_cc o_cc1" style="background-image: none;">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg pt16 pb24 o_colored_level">
<h4 class="text-uppercase fw-bold mt-0"><span class="h6-fs"><a href="/fr_BE/it-expertise-provision" data-bs-original-title="" title=""><font class="text-o-color-3">IT Consulting</font></a></span><br></h4>
<div class="s_hr text-start pt4 pb16 text-o-color-3" style="--o-border-color: currentColor;" data-name="Separator">
<hr class="w-100 mx-auto" style="border-top: 2px solid rgb(255, 76, 2);">
</div>
<nav class="nav flex-column">
<a href="/fr_BE/it-expertise-provision#MANAGED-SERVICES-TEAM-PROVISION" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="4737525" _msthash="2">Approvisionnement de l’équipe des services gérés</font></a>
<a href="/fr_BE/it-expertise-provision#GOVERNANCE-%3A-IT-PROJECT-MANAGEMENT" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="1540305" _msthash="3">Gouvernance : Gestion de projets informatiques</font></a>
<a href="/fr_BE/it-expertise-provision#CLOUD-COMPUTING-PROJECTS" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="580372" _msthash="4">Projets de cloud computing</font></a><a href="/fr_BE/it-expertise-provision#DEVELOPMENT-PROJECTS" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="566436" _msthash="5">Projets de développement</font></a><a href="/fr_BE/it-expertise-provision#CYBERSECURITY-PROJECTS" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="622830" _msthash="6">Projets de cybersécurité</font></a>
<a href="/fr_BE/it-expertise-provision#RECRUITING-%26-INTERNALIZATION" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="743041" _msthash="7">Recrutement/internalisation</font></a>
</nav>
</div><div class="col-md-6 col-lg pt16 pb24 o_colored_level col-lg-3">
<h4 class="text-uppercase fw-bold mt-0"><span class="h6-fs"><a href="/fr_BE/it-infrastructure-management" data-bs-original-title="" title=""><font class="text-o-color-3">IT Infrastructure</font></a></span><br></h4>
<div class="s_hr text-start pt4 pb16 text-o-color-3" style="--o-border-color: currentColor;" data-name="Separator">
<hr class="w-100 mx-auto" style="border-top: 2px solid rgb(255, 76, 2);">
</div>
<nav class="nav flex-column">
<a href="/fr_BE/it-infrastructure-management#CLOUD-MANAGEMENT" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" style="display: inline-block;">Gestion du Cloud</font></a>
<a href="/fr_BE/it-infrastructure-management#PREVENTIVE-MAINTENANCE" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="531219" _msthash="8">Maintenance préventive</font></a>
<a href="/fr_BE/it-infrastructure-management#ON-SITE-AND-REMOTE-IT-SUPPORT" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" style="display: inline-block;">Support informatique sur site et à distance</font><br></a>
<a href="/fr_BE/it-infrastructure-management#IT-ARCHITECTURE-AND-INSTALLATION" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" style="display: inline-block;">System Architecture & Installation</font><br></a><a href="/fr_BE/it-infrastructure-management#NETWORKING" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" style="display: inline-block;">Networking</font></a><a href="/fr_BE/it-infrastructure-management#BACKUP-AND-STORAGE" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" style="display: inline-block;">Sauvegarde & Stockage</font></a><a href="/fr_BE/it-infrastructure-management#HARDWARE-AND-SOFTWARE" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" style="display: inline-block;">Hardware & Software</font></a><font class="text-o-color-3" style="display: inline-block;"></font><a href="/fr_BE/european-products-solutions" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="2144857" _msthash="9">Produits de l’UE</font></a></nav>
</div><div class="col-md-6 col-lg pt16 pb24 o_colored_level">
<h4 class="text-uppercase fw-bold mt-0"><span class="h6-fs"><a href="/fr_BE/business-solutions" data-bs-original-title="" title="" aria-describedby="popover160765"><font class="text-o-color-3">ODOO Implementation</font></a></span><br></h4>
<div class="s_hr text-start pt4 pb16 text-o-color-3" style="--o-border-color: currentColor;" data-name="Separator">
<hr class="w-100 mx-auto" style="border-top: 2px solid rgb(255, 76, 2);">
</div>
<nav class="nav flex-column">
<a href="/fr_BE/business-solutions#PACKAGED-SOLUTIONS" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="421499" _msthash="10">Solutions packagées</font></a>
<a href="/fr_BE/business-solutions#CUSTOM-APPLICATION-DEVELOPMENT" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="3853122" _msthash="11">Développement d’applications personnalisées</font></a>
<a href="/fr_BE/business-solutions#PYTHON-%26-API-EXPERTISE" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="427388" _msthash="12">Expertise Python et API</font></a>
<a href="/fr_BE/business-solutions#BUSINESS-ANALYSIS" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3" _msttexthash="379223" _msthash="13">Analyse commerciale</font></a>
</nav>
</div><div class="col-md-6 col-lg pt16 pb24 o_colored_level">
<h4 class="text-uppercase fw-bold mt-0"><span class="h6-fs"><a href="/fr_BE/pole-cybersecurity" data-bs-original-title="" title=""><font class="text-o-color-3">Cybersecurity</font></a></span><br></h4>
<div class="s_hr text-start pt4 pb16 text-o-color-3" style="--o-border-color: currentColor;" data-name="Separator">
<hr class="w-100 mx-auto" style="border-top: 2px solid rgb(255, 76, 2);">
</div>
<nav class="nav flex-column">
<a href="/fr_BE/pole-cybersecurity#governance" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="">Gouvernance, risques et conformité</a>
<a href="/fr_BE/pole-cybersecurity#assessment" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="">Évaluation de la sécurité</a>
<a href="/fr_BE/pole-cybersecurity#protection" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="">Protection (sécurité opérationnelle)</a>
<a href="/fr_BE/pole-cybersecurity#detection" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="">Détection et réponse</a>
<a href="/fr_BE/pole-cybersecurity#awareness" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="">Sensibilisation et formation (awareness)</a>
</nav>
</div>
</div>
</div>
</section></div>
</li>
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE/about" class="nav-link">
<span>A PROPOS</span>
</a>
</li>
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE/contact-us" class="nav-link">
<span>CONTACT</span>
</a>
</li>
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE/blog" class="nav-link">
<span>BLOG</span>
</a>
</li>
</ul>
<ul class="navbar-nav align-items-center gap-2 flex-shrink-0 justify-content-end ps-3">
<li class="">
<div data-name="Text" class="s_text_block">
</div>
</li>
<li data-name="Language Selector" class="o_header_language_selector">
<div class="js_language_selector dropdown d-print-none">
<button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn border-0 dropdown-toggle btn-outline-secondary border-0">
<span class="align-middle">FR</span>
</button>
<div role="menu" class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item js_change_lang" role="menuitem" href="/pole-cybersecurity" data-url_code="en_US" title="English">
<span class="align-middle small">EN</span>
</a>
<a class="dropdown-item js_change_lang active" role="menuitem" href="/fr_BE/pole-cybersecurity" data-url_code="fr_BE" title=" Français (BE)">
<span class="align-middle small">FR</span>
</a>
<a class="dropdown-item js_change_lang" role="menuitem" href="/de_DE/pole-cybersecurity" data-url_code="de_DE" title=" Deutsch">
<span class="align-middle small">DE</span>
</a>
</div>
</div>
</li>
<li class="o_no_autohide_item">
<a href="/web/login" class="btn btn-outline-secondary">Se connecter</a>
</li>
<li class="">
<div class="oe_structure oe_structure_solo">
<section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
<div class="container">
<a href="/fr_BE/jobs" class="oe_unremovable btn_cta w-100 btn btn-custom text-white bg-o-color-5 rounded-circle" data-bs-original-title="" title="" style="border-width: 1px; border-style: solid;">EMPLOIS</a>
</div>
</section>
</div>
</li>
<li class="">
<div class="oe_structure oe_structure_solo">
<section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
<div class="container">
<a href="https://isl.abakusitsolutions.eu/users/main/join.html" class="oe_unremovable btn_cta w-100 btn btn-outline-custom text-o-color-4 rounded-circle btn-sm" data-bs-original-title="" title="" style="border-width: 1px; border-style: solid; background-color: rgb(182, 210, 49);" target="_blank" aria-describedby="popover828668">LAISSEZ-NOUS FAIRE !</a>
</div>
</section>
</div>
</li>
</ul>
</div>
</nav>
<nav data-name="Navbar" aria-label="Mobile" class="navbar navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm px-0">
<div class="o_main_nav container flex-wrap justify-content-between">
<a data-name="Navbar Logo" href="/fr_BE" class="navbar-brand logo">
<span role="img" aria-label="Logo of ABAKUS IT-SOLUTIONS" title="ABAKUS IT-SOLUTIONS"><img src="/web/image/website/1/logo/ABAKUS%20IT-SOLUTIONS?unique=dc7c1f1" class="img img-fluid" width="95" height="40" alt="ABAKUS IT-SOLUTIONS" loading="lazy"/></span>
</a>
<ul class="o_header_mobile_buttons_wrap navbar-nav flex-row align-items-center gap-2 mb-0">
<li class="o_not_editable">
<button class="nav-link btn me-auto p-2 o_not_editable" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Basculer la navigation">
<span class="navbar-toggler-icon"></span>
</button>
</li>
</ul>
<div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
<div class="offcanvas-header justify-content-end o_not_editable">
<button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Fermer"></button>
</div>
<div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100">
<ul class="navbar-nav">
<ul role="menu" class="nav navbar-nav top_menu">
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE" class="nav-link">
<span>ACCUEIL</span>
</a>
</li>
<li role="presentation" class="nav-item dropdown position-static">
<a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle d-flex justify-content-between align-items-center" data-bs-display="static">
<span>SERVICES</span>
</a>
</li>
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE/about" class="nav-link">
<span>A PROPOS</span>
</a>
</li>
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE/contact-us" class="nav-link">
<span>CONTACT</span>
</a>
</li>
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE/blog" class="nav-link">
<span>BLOG</span>
</a>
</li>
</ul>
<li class="">
<div data-name="Text" class="s_text_block mt-2 border-top pt-2 o_border_contrast">
</div>
</li>
</ul>
<ul class="navbar-nav gap-2 mt-3 w-100">
<li class="o_no_autohide_item">
<a href="/web/login" class="btn btn-outline-secondary w-100">Se connecter</a>
</li>
<li data-name="Language Selector" class="o_header_language_selector">
<div class="js_language_selector dropup dropdown d-print-none">
<button type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="btn border-0 dropdown-toggle btn-outline-secondary d-flex align-items-center w-100 px-2">
<span class="align-middle">FR</span>
</button>
<div role="menu" class="dropdown-menu w-100">
<a class="dropdown-item js_change_lang" role="menuitem" href="/pole-cybersecurity" data-url_code="en_US" title="English">
<span class="align-middle me-auto small">EN</span>
</a>
<a class="dropdown-item js_change_lang active" role="menuitem" href="/fr_BE/pole-cybersecurity" data-url_code="fr_BE" title=" Français (BE)">
<span class="align-middle me-auto small">FR</span>
</a>
<a class="dropdown-item js_change_lang" role="menuitem" href="/de_DE/pole-cybersecurity" data-url_code="de_DE" title=" Deutsch">
<span class="align-middle me-auto small">DE</span>
</a>
</div>
</div>
</li>
<li class="">
<div class="oe_structure oe_structure_solo">
<section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
<div class="container">
<a href="/fr_BE/jobs" class="oe_unremovable btn_cta w-100 btn btn-custom text-white bg-o-color-5 rounded-circle w-100" data-bs-original-title="" title="" style="border-width: 1px; border-style: solid;">EMPLOIS</a>
</div>
</section>
</div>
</li>
<li class="">
<div class="oe_structure oe_structure_solo">
<section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
<div class="container">
<a href="https://isl.abakusitsolutions.eu/users/main/join.html" class="oe_unremovable btn_cta w-100 btn btn-outline-custom text-o-color-4 rounded-circle btn-sm" data-bs-original-title="" title="" style="border-width: 1px; border-style: solid; background-color: rgb(182, 210, 49);" target="_blank" aria-describedby="popover828668">LAISSEZ-NOUS FAIRE !</a>
</div>
</section>
</div>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<main>
<div id="wrap" class="oe_structure oe_empty"><section class="s_text_cover o_colored_level s_custom_snippet" data-snippet="s_text_cover" style="background-image: none;" data-name="Custom Text Cover (2)">
<div class="container-fluid">
<div class="row">
<div class="o_not_editable o_colored_level o_cc o_cc1 pt160 pb160 d-none d-md-block col-lg-6 oe_img_bg o_bg_img_center o_bg_img_origin_border_box" style="background-image: url("/web/image/1584077-f7f3b64f/engineers-doing-maintenance-on-blade-servers-suppl-2025-11-24-12-21-21-utc.webp"); background-position: 100% 0px;" data-mimetype="image/webp" data-original-id="1580405" data-original-src="/web/image/1580405-0ed1e80e/engineers-doing-maintenance-on-blade-servers-suppl-2025-11-24-12-21-21-utc.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1920"></div><div class="o_colored_level pt160 pb160 px-5 col-lg-6 o_cc o_cc4 bg-black">
<p><span class="s_badge badge text-bg-secondary o_animable" data-name="Badge" data-snippet="s_badge">
<i class="fa fa-1x fa-fw fa-folder o_not-animable"></i>ABAKUS IT SOLUTIONS</span><br/></p><h1 class="display-3"><strong>Cybersécurité</strong><br/></h1>
<p class="lead">Protégez vos données, assurez la conformité et renforcez durablement la résilience de votre entreprise.</p><a class="btn btn-primary" href="https://outlook.office.com/bookwithme/user/86d6b4b2fc134a85be24315aec9f2c8b%40abakusitsolutions.eu?anonymous&ismsaljsauthenabled" data-bs-original-title="" title="" target="_blank">Prendre rendez-vous</a> <a href="/fr_BE/ressources/cybersecurity-checklist" class="btn btn-custom text-o-color-4" data-bs-original-title="" title="" style="border-width: 1px; border-style: solid;">Télécharger une ressource</a></div>
</div>
</div>
</section><section class="s_embed_code pt64 pb64 o_colored_level text-start" data-snippet="s_embed_code" data-name="Embed Code" style="background-color: rgb(255, 255, 255); background-image: none;"><template class="s_embed_code_saved"><section class="needs-section">
<div class="needs-container">
<div class="needs-content">
<div class="needs-left">
<span class="needs-badge">Approche par besoin</span>
<h2 class="needs-main-title">Nous comprenons vos défis.</h2>
<p class="needs-main-subtitle">
Quelle que soit votre problématique IT, nous avons une solution adaptée. Explorez nos domaines d'expertise.
</p>
</div>
<div class="needs-right">
<a href="https://www.abakusitsolutions.eu/needs/cybersecurity-awareness-training" class="need-item">
<span class="need-number">01</span> <span class="need-label">J'ai besoin de former mes équipes à la cybersécurité</span>
<svg class="need-arrow" width="20" height="20" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.abakusitsolutions.eu/needs/is-our-it-system-secure" class="need-item">
<span class="need-number">02</span> <span class="need-label">J'ai besoin d'évaluer si mon système informatique est vulnérable</span>
<svg class="need-arrow" width="20" height="20" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.abakusitsolutions.eu/needs/nis2-compliance" class="need-item">
<span class="need-number">03</span> <span class="need-label">J'ai besoin de me conformer aux réglementations en matière de cybersécurité (NIS2)
</span>
<svg class="need-arrow" width="20" height="20" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</div>
</section>
<style>
/* Section principale */
.needs-section {
position: relative;
width: 100%;
padding: 50px 40px;
background: #ffffff;
overflow: hidden;
}
.needs-container {
max-width: 1200px;
margin: 0 auto;
}
/* Container 2 colonnes */
.needs-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: start;
}
/* Colonne gauche - Texte statique */
.needs-left {
display: flex;
flex-direction: column;
}
/* Badge */
.needs-badge {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
background: rgba(255, 76, 10, 0.08);
border-radius: 50px;
margin-bottom: 16px;
width: fit-content;
}
.needs-main-title {
font-size: 32px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.needs-main-subtitle {
font-size: 16px;
font-weight: 400;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
/* Colonne droite - Liste des besoins */
.needs-right {
display: flex;
flex-direction: column;
gap: 12px;
}
.need-item {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 20px;
background: #f8f9fa;
border-radius: 12px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
text-decoration: none;
color: inherit;
}
.need-item:hover {
background: white;
border-color: rgba(255, 76, 10, 0.2);
transform: translateX(4px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.need-number {
font-size: 16px;
font-weight: 700;
color: #FF4C0A;
min-width: 28px;
}
.need-label {
flex: 1;
font-size: 15px;
font-weight: 600;
color: #1d1d1f;
}
.need-arrow {
color: #FF4C0A;
opacity: 0;
transform: translateX(-4px);
transition: all 0.3s ease;
}
.need-item:hover .need-arrow {
opacity: 1;
transform: translateX(0);
}
/* Mobile */
@media (max-width: 768px) {
.needs-section {
padding: 40px 20px;
}
.needs-content {
grid-template-columns: 1fr;
gap: 24px;
}
.needs-badge {
font-size: 11px;
padding: 6px 12px;
margin-bottom: 12px;
}
.needs-main-title {
font-size: 24px;
margin-bottom: 8px;
}
.needs-main-subtitle {
font-size: 15px;
}
.need-item {
padding: 14px 18px;
}
.need-number {
font-size: 15px;
min-width: 24px;
}
.need-label {
font-size: 14px;
}
.need-arrow {
opacity: 1;
transform: translateX(0);
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.need-item {
transition: none;
}
}
/* Tablet */
@media (max-width: 1024px) {
.needs-section {
padding: 60px 32px;
}
.needs-content {
gap: 40px;
}
}
</style></template>
<div class="s_embed_code_embedded o_not_editable container"><section class="needs-section">
<div class="needs-container">
<div class="needs-content">
<div class="needs-left">
<span class="needs-badge">Approche par besoin</span>
<h2 class="needs-main-title">Nous comprenons vos défis.</h2>
<p class="needs-main-subtitle">
Quelle que soit votre problématique IT, nous avons une solution adaptée. Explorez nos domaines d'expertise.
</p>
</div>
<div class="needs-right">
<a href="https://www.abakusitsolutions.eu/needs/cybersecurity-awareness-training" class="need-item">
<span class="need-number">01</span> <span class="need-label">J'ai besoin de former mes équipes à la cybersécurité</span>
<svg class="need-arrow" width="20" height="20" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.abakusitsolutions.eu/needs/is-our-it-system-secure" class="need-item">
<span class="need-number">02</span> <span class="need-label">J'ai besoin d'évaluer si mon système informatique est vulnérable</span>
<svg class="need-arrow" width="20" height="20" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.abakusitsolutions.eu/needs/nis2-compliance" class="need-item">
<span class="need-number">03</span> <span class="need-label">J'ai besoin de me conformer aux réglementations en matière de cybersécurité (NIS2)
</span>
<svg class="need-arrow" width="20" height="20" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</div>
</section><style>
/* Section principale */
.needs-section {
position: relative;
width: 100%;
padding: 50px 40px;
background: #ffffff;
overflow: hidden;
}
.needs-container {
max-width: 1200px;
margin: 0 auto;
}
/* Container 2 colonnes */
.needs-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: start;
}
/* Colonne gauche - Texte statique */
.needs-left {
display: flex;
flex-direction: column;
}
/* Badge */
.needs-badge {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
background: rgba(255, 76, 10, 0.08);
border-radius: 50px;
margin-bottom: 16px;
width: fit-content;
}
.needs-main-title {
font-size: 32px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.needs-main-subtitle {
font-size: 16px;
font-weight: 400;
color: #6e6e73;
margin: 0;
line-height: 1.6;
}
/* Colonne droite - Liste des besoins */
.needs-right {
display: flex;
flex-direction: column;
gap: 12px;
}
.need-item {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 20px;
background: #f8f9fa;
border-radius: 12px;
border: 2px solid transparent;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
text-decoration: none;
color: inherit;
}
.need-item:hover {
background: white;
border-color: rgba(255, 76, 10, 0.2);
transform: translateX(4px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.need-number {
font-size: 16px;
font-weight: 700;
color: #FF4C0A;
min-width: 28px;
}
.need-label {
flex: 1;
font-size: 15px;
font-weight: 600;
color: #1d1d1f;
}
.need-arrow {
color: #FF4C0A;
opacity: 0;
transform: translateX(-4px);
transition: all 0.3s ease;
}
.need-item:hover .need-arrow {
opacity: 1;
transform: translateX(0);
}
/* Mobile */
@media (max-width: 768px) {
.needs-section {
padding: 40px 20px;
}
.needs-content {
grid-template-columns: 1fr;
gap: 24px;
}
.needs-badge {
font-size: 11px;
padding: 6px 12px;
margin-bottom: 12px;
}
.needs-main-title {
font-size: 24px;
margin-bottom: 8px;
}
.needs-main-subtitle {
font-size: 15px;
}
.need-item {
padding: 14px 18px;
}
.need-number {
font-size: 15px;
min-width: 24px;
}
.need-label {
font-size: 14px;
}
.need-arrow {
opacity: 1;
transform: translateX(0);
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.need-item {
transition: none;
}
}
/* Tablet */
@media (max-width: 1024px) {
.needs-section {
padding: 60px 32px;
}
.needs-content {
gap: 40px;
}
}
</style></div>
</section><section class="s_banner o_colored_level pt24 s_custom_snippet pb112" data-snippet="s_banner" style="background-color: rgb(255, 255, 255); background-image: none;" data-name="Custom Banner">
<div class="container">
<div class="row s_nb_column_fixed o_grid_mode" data-row-count="11">
<div class="o_grid_item o_grid_item_image o_colored_level g-height-9 g-col-lg-3 col-lg-3" style="z-index: 2; grid-area: 2 / 9 / 11 / 12;">
<img src="/web/image/1580393-73359aae/vertical-photo-about-the-cybersecurity-protection-2024-12-07-03-35-12-utc.webp" alt="" class="img img-fluid mx-auto shadow rounded o_we_custom_image" data-mimetype="image/webp" data-original-id="1580390" data-original-src="/web/image/1580390-f3a091b8/vertical-photo-about-the-cybersecurity-protection-2024-12-07-03-35-12-utc.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" loading="lazy"/>
</div><div class="justify-content-center o_grid_item o_colored_level g-col-lg-7 g-height-11 col-lg-7" data-name="Box" style="z-index: 1; grid-area: 1 / 1 / 12 / 8;">
<h2 style="text-align: left;"><span class="h3-fs"><strong>Protégez durablement votre activité</strong></span><br/></h2>
<p style="margin-bottom: 0px;">La cybersécurité n'est plus une option, mais une nécessité pour assurer la continuité de vos activités. Dans un contexte où les menaces évoluent rapidement et touchent particulièrement les PME, votre entreprise doit être en mesure de protéger ses données, répondre aux exigences réglementaires comme NIS2 et garantir une gouvernance solide de la sécurité. Conformité, gestion des risques et maturité cyber deviennent des leviers essentiels pour préserver votre organisation.</p><p style="margin-bottom: 0px;">Chez ABAKUS IT-SOLUTIONS, nous offrons un ensemble complet de services adaptés à votre réalité : audits NIS2, Cy-Fun ou ISO 27001, analyse de risques, évaluation de maturité, tests d’intrusion et scans de vulnérabilités. Notre approche pragmatique vous aide à identifier les faiblesses, à prioriser les actions et à renforcer progressivement et durablement votre posture de sécurité..</p><p style="margin-bottom: 0px;">Qu'il s'agisse de phishing, de ransomware (cyberattaque avec demande de rançon), de vol de comptes ou d'exploitation de failles non corrigées, nous travaillons à vos côtés pour construire une stratégie efficace et proportionnée.</p><p style="margin-bottom: 0px;">Nous sécurisons vos systèmes, vos données et vos utilisateurs grâce à des solutions éprouvées : firewalls Fortinet, segmentation réseau, VPN, sauvegardes 3-2-1, DLP, MFA, EDR/XDR, patching des systèmes, monitoring, plans de réponse et de reprise.</p><p style="margin-bottom: 0px;">Nous complétons cet accompagnement par des formations et programmes de sensibilisation pour renforcer le facteur humain.</p><p style="margin-bottom: 0px;">Avec ABAKUS, vous avancez en confiance : vos informations sont protégées et votre organisation mieux préparée face à la sophistication croissante des cybermenaces.</p></div><div class="o_grid_item o_grid_item_image g-col-lg-2 g-height-5 col-lg-2 d-lg-block d-none o_snippet_mobile_invisible o_colored_level" style="z-index: 3; grid-area: 1 / 11 / 6 / 13;" data-invisible="1">
<img src="/web/image/1385251-bf6620a4/6.webp" alt="" class="img img-fluid mx-auto shadow rounded o_we_custom_image" data-mimetype="image/webp" data-original-id="1383895" data-original-src="/web/image/1383895-5c4d1a8c/6.png" data-mimetype-before-conversion="image/png" data-resize-width="690" loading="lazy"/>
</div></div>
</div>
</section><section class="s_embed_code pt64 pb64 o_colored_level bg-o-color-2 text-center" data-snippet="s_embed_code" data-name="Embed Code" style="background-image: none;"><template class="s_embed_code_saved"><section class="team-section">
<div class="team-container">
<div class="team-header">
<h2 class="team-title">Collaborez avec notre équipe cybersécurité</h2>
</div>
<div class="team-grid">
<div class="team-member">
<div class="member-card">
<div class="member-avatar">
<img src="https://www.abakusitsolutions.eu/web/image/1592508-5278ba34/pdp-anonyme.jpg?height=256" alt="Frédérick Georges" loading="lazy"/>
</div>
<div class="member-info">
<h3 class="member-name">Frédérick Georges</h3>
<p class="member-role">Partner</p>
</div>
</div>
</div>
<div class="team-member">
<div class="member-card">
<div class="member-avatar">
<img src="https://www.abakusitsolutions.eu/web/image/1592508-5278ba34/pdp-anonyme.jpg?height=256" alt="Marc Cormann" loading="lazy"/>
</div>
<div class="member-info">
<h3 class="member-name">Marc Cormann</h3>
<p class="member-role">Senior Security Administrator</p>
</div>
</div>
</div>
<div class="team-member">
<div class="member-card">
<div class="member-avatar">
<img src="https://www.abakusitsolutions.eu/web/image/1592508-5278ba34/pdp-anonyme.jpg?height=256" alt="Anthony Marpaux" loading="lazy"/>
</div>
<div class="member-info">
<h3 class="member-name">Anthony Marpaux</h3>
<p class="member-role">Senior Security Administrator</p>
</div>
</div>
</div>
<div class="team-member">
<div class="member-card">
<div class="member-avatar">
<img src="https://www.abakusitsolutions.eu/web/image/1592508-5278ba34/pdp-anonyme.jpg?height=256" alt="Tim Kistemann" loading="lazy"/>
</div>
<div class="member-info">
<h3 class="member-name">Tim Kistemann</h3>
<p class="member-role">Security Administrator</p>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
/* Section équipe */
.team-section {
position: relative;
width: 100%;
padding: 100px 40px;
background: #F3F3F3;
overflow: hidden;
}
.team-container {
max-width: 1000px;
margin: 0 auto;
}
/* Header */
.team-header {
margin-bottom: 60px;
animation: teamFadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.team-title {
font-size: 38px;
font-weight: 700;
color: #1d1d1f;
margin: 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
/* Grid des membres - 2x2 */
.team-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
/* Membre individuel */
.team-member {
animation: teamFadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
}
.team-member:nth-child(1) { animation-delay: 0.3s; }
.team-member:nth-child(2) { animation-delay: 0.4s; }
.team-member:nth-child(3) { animation-delay: 0.5s; }
.team-member:nth-child(4) { animation-delay: 0.6s; }
.member-card {
position: relative;
display: flex;
align-items: center;
gap: 16px;
padding: 20px 24px;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-radius: 20px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 4px 16px rgba(0, 0, 0, 0.06);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: pointer;
overflow: hidden;
}
.member-card::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, #FF4C0A 0%, #ff6835 100%);
transform: scaleY(0);
transform-origin: bottom;
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.member-card:hover::before {
transform: scaleY(1);
transform-origin: top;
}
.member-card:hover {
transform: translateY(-4px);
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.08),
0 12px 32px rgba(255, 76, 10, 0.15);
}
/* Avatar */
.member-avatar {
position: relative;
width: 64px;
height: 64px;
flex-shrink: 0;
}
.member-avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
border: 3px solid #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.member-card:hover .member-avatar img {
transform: scale(1.05);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
/* Info membre */
.member-info {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
min-width: 0;
}
.member-name {
font-size: 17px;
font-weight: 600;
color: #1d1d1f;
margin: 0;
line-height: 1.3;
letter-spacing: -0.01em;
}
.member-role {
font-size: 14px;
font-weight: 400;
color: #86868b;
margin: 0;
line-height: 1.4;
}
/* Animations */
@keyframes teamFadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes teamFadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Tablet */
@media (max-width: 1024px) {
.team-section { padding: 80px 32px; }
.team-title { font-size: 32px; }
.team-grid { gap: 20px; }
}
/* Mobile */
@media (max-width: 768px) {
.team-section { padding: 60px 20px; }
.team-header { margin-bottom: 40px; }
.team-title {
font-size: 26px;
line-height: 1.3;
}
.team-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.member-card { padding: 16px 20px; }
.member-avatar {
width: 56px;
height: 56px;
}
.member-name { font-size: 16px; }
.member-role {
font-size: 13px;
line-height: 1.5;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.team-member,
.member-card,
.member-avatar img {
animation: none;
transition: none;
}
.team-header {
animation: none;
opacity: 1;
}
}
</style></template>
<div class="s_embed_code_embedded o_not_editable container"><section class="team-section">
<div class="team-container">
<div class="team-header">
<h2 class="team-title">Collaborez avec notre équipe cybersécurité</h2>
</div>
<div class="team-grid">
<div class="team-member">
<div class="member-card">
<div class="member-avatar">
<img src="https://www.abakusitsolutions.eu/web/image/1592508-5278ba34/pdp-anonyme.jpg?height=256" alt="Frédérick Georges" loading="lazy"/>
</div>
<div class="member-info">
<h3 class="member-name">Frédérick Georges</h3>
<p class="member-role">Partner</p>
</div>
</div>
</div>
<div class="team-member">
<div class="member-card">
<div class="member-avatar">
<img src="https://www.abakusitsolutions.eu/web/image/1592508-5278ba34/pdp-anonyme.jpg?height=256" alt="Marc Cormann" loading="lazy"/>
</div>
<div class="member-info">
<h3 class="member-name">Marc Cormann</h3>
<p class="member-role">Senior Security Administrator</p>
</div>
</div>
</div>
<div class="team-member">
<div class="member-card">
<div class="member-avatar">
<img src="https://www.abakusitsolutions.eu/web/image/1592508-5278ba34/pdp-anonyme.jpg?height=256" alt="Anthony Marpaux" loading="lazy"/>
</div>
<div class="member-info">
<h3 class="member-name">Anthony Marpaux</h3>
<p class="member-role">Senior Security Administrator</p>
</div>
</div>
</div>
<div class="team-member">
<div class="member-card">
<div class="member-avatar">
<img src="https://www.abakusitsolutions.eu/web/image/1592508-5278ba34/pdp-anonyme.jpg?height=256" alt="Tim Kistemann" loading="lazy"/>
</div>
<div class="member-info">
<h3 class="member-name">Tim Kistemann</h3>
<p class="member-role">Security Administrator</p>
</div>
</div>
</div>
</div>
</div>
</section><style>
/* Section équipe */
.team-section {
position: relative;
width: 100%;
padding: 100px 40px;
background: #F3F3F3;
overflow: hidden;
}
.team-container {
max-width: 1000px;
margin: 0 auto;
}
/* Header */
.team-header {
margin-bottom: 60px;
animation: teamFadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.team-title {
font-size: 38px;
font-weight: 700;
color: #1d1d1f;
margin: 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
/* Grid des membres - 2x2 */
.team-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
/* Membre individuel */
.team-member {
animation: teamFadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
}
.team-member:nth-child(1) { animation-delay: 0.3s; }
.team-member:nth-child(2) { animation-delay: 0.4s; }
.team-member:nth-child(3) { animation-delay: 0.5s; }
.team-member:nth-child(4) { animation-delay: 0.6s; }
.member-card {
position: relative;
display: flex;
align-items: center;
gap: 16px;
padding: 20px 24px;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-radius: 20px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 4px 16px rgba(0, 0, 0, 0.06);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: pointer;
overflow: hidden;
}
.member-card::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, #FF4C0A 0%, #ff6835 100%);
transform: scaleY(0);
transform-origin: bottom;
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.member-card:hover::before {
transform: scaleY(1);
transform-origin: top;
}
.member-card:hover {
transform: translateY(-4px);
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.08),
0 12px 32px rgba(255, 76, 10, 0.15);
}
/* Avatar */
.member-avatar {
position: relative;
width: 64px;
height: 64px;
flex-shrink: 0;
}
.member-avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
border: 3px solid #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.member-card:hover .member-avatar img {
transform: scale(1.05);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
/* Info membre */
.member-info {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
min-width: 0;
}
.member-name {
font-size: 17px;
font-weight: 600;
color: #1d1d1f;
margin: 0;
line-height: 1.3;
letter-spacing: -0.01em;
}
.member-role {
font-size: 14px;
font-weight: 400;
color: #86868b;
margin: 0;
line-height: 1.4;
}
/* Animations */
@keyframes teamFadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes teamFadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Tablet */
@media (max-width: 1024px) {
.team-section { padding: 80px 32px; }
.team-title { font-size: 32px; }
.team-grid { gap: 20px; }
}
/* Mobile */
@media (max-width: 768px) {
.team-section { padding: 60px 20px; }
.team-header { margin-bottom: 40px; }
.team-title {
font-size: 26px;
line-height: 1.3;
}
.team-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.member-card { padding: 16px 20px; }
.member-avatar {
width: 56px;
height: 56px;
}
.member-name { font-size: 16px; }
.member-role {
font-size: 13px;
line-height: 1.5;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.team-member,
.member-card,
.member-avatar img {
animation: none;
transition: none;
}
.team-header {
animation: none;
opacity: 1;
}
}
</style></div>
</section><section class="s_embed_code pt64 pb64 o_colored_level text-center" data-snippet="s_embed_code" data-name="Embed Code" style="background-color: rgb(255, 255, 255); background-image: none;"><template class="s_embed_code_saved"><section class="cyber-services-section">
<div class="cyber-services-container">
<div class="cyber-services-header">
<span class="cyber-services-badge">Notre expertise</span>
<h2 class="cyber-services-title">5 familles de services pour votre sécurité</h2>
<p class="cyber-services-subtitle">
Une approche globale couvrant tous les aspects de la cybersécurité, de la conformité à la réponse aux incidents.
</p>
</div>
<div class="cyber-services-grid">
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path>
</svg>
</div>
<div class="cyber-service-content" id="governance">
<h3 class="cyber-service-title">Gouvernance, risques et conformité</h3>
<p class="cyber-service-description">
Nous vous accompagnons dans la mise en conformité (NIS2, ISO 27001, Cy-Fun), l'analyse des risques et la structuration de votre gouvernance. Vous obtenez une vision claire de vos obligations et des actions prioritaires pour renforcer votre sécurité.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Évaluation d'éligibilité NIS2</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Audit Cy-Fun : Gap Analysis et mise en conformité</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Audit ISO 27001 : Gap Analysis et mise en conformité</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Analyse des risques (ISO 27001)</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Assurance cyber</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Politiques de sécurité : élaboration et mise à jour</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Politique Joiner-Mover-Leaver</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Asset management</span>
</div>
</div>
</div>
</div>
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
</svg>
</div>
<div class="cyber-service-content" id="assessment">
<h3 class="cyber-service-title">Évaluation de la sécurité</h3>
<p class="cyber-service-description">
Nous identifions vos vulnérabilités grâce aux tests d'intrusion, scans Nessus et à notre matrice de maturité ASM². Vous disposez d'un diagnostic précis pour mesurer votre exposition et prioriser les corrections nécessaires.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Tests d'intrusion (Pen Test)</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Scans de vulnérabilités (Nessus)</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>ABAKUS Security Maturity Matrix (ASM²)</span>
</div>
</div>
</div>
</div>
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>
</div>
<div class="cyber-service-content" id="protection">
<h3 class="cyber-service-title">Protection (sécurité opérationnelle)</h3>
<p class="cyber-service-description">
Nous renforçons votre infrastructure : firewalls, segmentation, identités, EDR/XDR, sauvegardes et DLP. Objectif : réduire la surface d'attaque et protéger durablement vos systèmes et vos données.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Liste des services à venir</span>
</div>
</div>
</div>
</div>
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
<path d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
</svg>
</div>
<div class="cyber-service-content" id="detection">
<h3 class="cyber-service-title">Détection et réponse</h3>
<p class="cyber-service-description">
Nous mettons en place la journalisation, le monitoring, la corrélation des logs et les plans de réponse et de reprise. Vous détectez plus tôt, réagissez plus vite et améliorez votre résilience face aux incidents.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Journalisation et logs</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Surveillance et monitoring</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Plan de détection et réponse</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Plan de reprise après sinistre (DRP)</span>
</div>
</div>
</div>
</div>
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path>
</svg>
</div>
<div class="cyber-service-content" id="awareness">
<h3 class="cyber-service-title">Sensibilisation et formation (awareness)</h3>
<p class="cyber-service-description">
Nous développons la culture cyber de vos équipes via phishing simulé, micro-learning et formations certifiantes. Vos collaborateurs deviennent une véritable première ligne de défense.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Campagnes de phishing</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Parcours d'apprentissage</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Formations certifiantes PECB</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
/* Section principale */
.cyber-services-section {
position: relative;
width: 100%;
padding: 100px 40px;
background: #ffffff;
overflow: hidden;
}
.cyber-services-container {
max-width: 1400px;
margin: 0 auto;
}
/* Header */
.cyber-services-header {
text-align: center;
margin-bottom: 64px;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.cyber-services-badge {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
background: rgba(255, 76, 10, 0.08);
border-radius: 50px;
margin-bottom: 20px;
}
.cyber-services-title {
font-size: 42px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 16px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.cyber-services-subtitle {
font-size: 18px;
font-weight: 400;
color: #6e6e73;
margin: 0;
line-height: 1.5;
max-width: 700px;
margin: 0 auto;
}
/* Grid de cartes */
.cyber-services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
/* Carte de service */
.cyber-service-card {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: saturate(180%) blur(20px);
border-radius: 24px;
padding: 32px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 32px rgba(0, 0, 0, 0.08),
inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.cyber-service-card:nth-child(1) { animation-delay: 0.3s; }
.cyber-service-card:nth-child(2) { animation-delay: 0.4s; }
.cyber-service-card:nth-child(3) { animation-delay: 0.5s; }
.cyber-service-card:nth-child(4) { animation-delay: 0.6s; }
.cyber-service-card:nth-child(5) { animation-delay: 0.7s; }
.cyber-service-card::after {
content: '';
position: absolute;
inset: 0;
border-radius: 24px;
padding: 2px;
background: linear-gradient(135deg, rgba(255, 76, 10, 0.3), transparent);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.4s ease;
}
.cyber-service-card:hover::after { opacity: 1; }
.cyber-service-card:hover {
transform: translateY(-4px);
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.08),
0 24px 64px rgba(255, 76, 10, 0.15),
inset 0 0 0 0.5px rgba(255, 76, 10, 0.1);
}
/* Icône */
.cyber-service-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, #FF4C0A 0%, #ff6835 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: white;
margin: 0 auto 24px auto;
box-shadow: 0 4px 16px rgba(255, 76, 10, 0.25);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-service-card:hover .cyber-service-icon {
transform: translateY(-2px) rotate(3deg);
box-shadow: 0 8px 24px rgba(255, 76, 10, 0.35);
}
/* Contenu */
.cyber-service-content { width: 100%; }
.cyber-service-title {
font-size: 20px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
line-height: 1.3;
letter-spacing: -0.01em;
}
.cyber-service-description {
font-size: 15px;
font-weight: 400;
color: #6e6e73;
margin: 0 0 20px 0;
line-height: 1.5;
}
/* Liste des services - TOUJOURS VISIBLE */
.cyber-service-list {
width: 100%;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.cyber-service-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0;
font-size: 14px;
font-weight: 500;
color: #1d1d1f;
text-align:left;
}
.cyber-service-item svg { flex-shrink: 0; }
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Tablet */
@media (max-width: 1024px) {
.cyber-services-section { padding: 80px 32px; }
.cyber-services-title { font-size: 36px; }
.cyber-services-grid {
grid-template-columns: repeat(2, 1fr);
}
}
/* Mobile */
@media (max-width: 768px) {
.cyber-services-section { padding: 60px 20px; }
.cyber-services-header { margin-bottom: 40px; }
.cyber-services-title {
font-size: 28px;
line-height: 1.3;
}
.cyber-services-subtitle {
font-size: 16px;
line-height: 1.6;
}
.cyber-services-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.cyber-service-card {
padding: 28px 24px;
text-align: left;
align-items: flex-start;
}
.cyber-service-icon {
width: 56px;
height: 56px;
margin: 0 0 20px 0;
}
.cyber-service-icon svg {
width: 28px;
height: 28px;
}
.cyber-service-title {
font-size: 19px;
margin-bottom: 10px;
}
.cyber-service-description {
font-size: 14px;
line-height: 1.6;
margin-bottom: 16px;
}
.cyber-service-list {
margin-top: 16px;
padding-top: 16px;
}
.cyber-service-item {
padding: 8px 0;
font-size: 13px;
align-items: flex-start;
}
.cyber-service-item svg {
margin-top: 2px;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.cyber-service-card,
.cyber-service-icon { transition: none; }
.cyber-services-header,
.cyber-service-card {
animation: none;
opacity: 1;
}
}
</style></template>
<div class="s_embed_code_embedded o_not_editable container"><section class="cyber-services-section">
<div class="cyber-services-container">
<div class="cyber-services-header">
<span class="cyber-services-badge">Notre expertise</span>
<h2 class="cyber-services-title">5 familles de services pour votre sécurité</h2>
<p class="cyber-services-subtitle">
Une approche globale couvrant tous les aspects de la cybersécurité, de la conformité à la réponse aux incidents.
</p>
</div>
<div class="cyber-services-grid">
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"></path>
</svg>
</div>
<div class="cyber-service-content" id="governance">
<h3 class="cyber-service-title">Gouvernance, risques et conformité</h3>
<p class="cyber-service-description">
Nous vous accompagnons dans la mise en conformité (NIS2, ISO 27001, Cy-Fun), l'analyse des risques et la structuration de votre gouvernance. Vous obtenez une vision claire de vos obligations et des actions prioritaires pour renforcer votre sécurité.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Évaluation d'éligibilité NIS2</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Audit Cy-Fun : Gap Analysis et mise en conformité</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Audit ISO 27001 : Gap Analysis et mise en conformité</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Analyse des risques (ISO 27001)</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Assurance cyber</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Politiques de sécurité : élaboration et mise à jour</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Politique Joiner-Mover-Leaver</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Asset management</span>
</div>
</div>
</div>
</div>
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
</svg>
</div>
<div class="cyber-service-content" id="assessment">
<h3 class="cyber-service-title">Évaluation de la sécurité</h3>
<p class="cyber-service-description">
Nous identifions vos vulnérabilités grâce aux tests d'intrusion, scans Nessus et à notre matrice de maturité ASM². Vous disposez d'un diagnostic précis pour mesurer votre exposition et prioriser les corrections nécessaires.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Tests d'intrusion (Pen Test)</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Scans de vulnérabilités (Nessus)</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>ABAKUS Security Maturity Matrix (ASM²)</span>
</div>
</div>
</div>
</div>
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>
</div>
<div class="cyber-service-content" id="protection">
<h3 class="cyber-service-title">Protection (sécurité opérationnelle)</h3>
<p class="cyber-service-description">
Nous renforçons votre infrastructure : firewalls, segmentation, identités, EDR/XDR, sauvegardes et DLP. Objectif : réduire la surface d'attaque et protéger durablement vos systèmes et vos données.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Liste des services à venir</span>
</div>
</div>
</div>
</div>
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
<path d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
</svg>
</div>
<div class="cyber-service-content" id="detection">
<h3 class="cyber-service-title">Détection et réponse</h3>
<p class="cyber-service-description">
Nous mettons en place la journalisation, le monitoring, la corrélation des logs et les plans de réponse et de reprise. Vous détectez plus tôt, réagissez plus vite et améliorez votre résilience face aux incidents.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Journalisation et logs</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Surveillance et monitoring</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Plan de détection et réponse</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Plan de reprise après sinistre (DRP)</span>
</div>
</div>
</div>
</div>
<div class="cyber-service-card">
<div class="cyber-service-icon">
<svg width="32" height="32" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<path d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path>
</svg>
</div>
<div class="cyber-service-content" id="awareness">
<h3 class="cyber-service-title">Sensibilisation et formation (awareness)</h3>
<p class="cyber-service-description">
Nous développons la culture cyber de vos équipes via phishing simulé, micro-learning et formations certifiantes. Vos collaborateurs deviennent une véritable première ligne de défense.
</p>
<div class="cyber-service-list">
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Campagnes de phishing</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Parcours d'apprentissage</span>
</div>
<div class="cyber-service-item">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M13 4L6 11L3 8" stroke="#FF4C0A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Formations certifiantes PECB</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section><style>
/* Section principale */
.cyber-services-section {
position: relative;
width: 100%;
padding: 100px 40px;
background: #ffffff;
overflow: hidden;
}
.cyber-services-container {
max-width: 1400px;
margin: 0 auto;
}
/* Header */
.cyber-services-header {
text-align: center;
margin-bottom: 64px;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.cyber-services-badge {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
background: rgba(255, 76, 10, 0.08);
border-radius: 50px;
margin-bottom: 20px;
}
.cyber-services-title {
font-size: 42px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 16px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.cyber-services-subtitle {
font-size: 18px;
font-weight: 400;
color: #6e6e73;
margin: 0;
line-height: 1.5;
max-width: 700px;
margin: 0 auto;
}
/* Grid de cartes */
.cyber-services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
/* Carte de service */
.cyber-service-card {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: saturate(180%) blur(20px);
border-radius: 24px;
padding: 32px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 32px rgba(0, 0, 0, 0.08),
inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.cyber-service-card:nth-child(1) { animation-delay: 0.3s; }
.cyber-service-card:nth-child(2) { animation-delay: 0.4s; }
.cyber-service-card:nth-child(3) { animation-delay: 0.5s; }
.cyber-service-card:nth-child(4) { animation-delay: 0.6s; }
.cyber-service-card:nth-child(5) { animation-delay: 0.7s; }
.cyber-service-card::after {
content: '';
position: absolute;
inset: 0;
border-radius: 24px;
padding: 2px;
background: linear-gradient(135deg, rgba(255, 76, 10, 0.3), transparent);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.4s ease;
}
.cyber-service-card:hover::after { opacity: 1; }
.cyber-service-card:hover {
transform: translateY(-4px);
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.08),
0 24px 64px rgba(255, 76, 10, 0.15),
inset 0 0 0 0.5px rgba(255, 76, 10, 0.1);
}
/* Icône */
.cyber-service-icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, #FF4C0A 0%, #ff6835 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: white;
margin: 0 auto 24px auto;
box-shadow: 0 4px 16px rgba(255, 76, 10, 0.25);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-service-card:hover .cyber-service-icon {
transform: translateY(-2px) rotate(3deg);
box-shadow: 0 8px 24px rgba(255, 76, 10, 0.35);
}
/* Contenu */
.cyber-service-content { width: 100%; }
.cyber-service-title {
font-size: 20px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 12px 0;
line-height: 1.3;
letter-spacing: -0.01em;
}
.cyber-service-description {
font-size: 15px;
font-weight: 400;
color: #6e6e73;
margin: 0 0 20px 0;
line-height: 1.5;
}
/* Liste des services - TOUJOURS VISIBLE */
.cyber-service-list {
width: 100%;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.cyber-service-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0;
font-size: 14px;
font-weight: 500;
color: #1d1d1f;
text-align:left;
}
.cyber-service-item svg { flex-shrink: 0; }
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Tablet */
@media (max-width: 1024px) {
.cyber-services-section { padding: 80px 32px; }
.cyber-services-title { font-size: 36px; }
.cyber-services-grid {
grid-template-columns: repeat(2, 1fr);
}
}
/* Mobile */
@media (max-width: 768px) {
.cyber-services-section { padding: 60px 20px; }
.cyber-services-header { margin-bottom: 40px; }
.cyber-services-title {
font-size: 28px;
line-height: 1.3;
}
.cyber-services-subtitle {
font-size: 16px;
line-height: 1.6;
}
.cyber-services-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.cyber-service-card {
padding: 28px 24px;
text-align: left;
align-items: flex-start;
}
.cyber-service-icon {
width: 56px;
height: 56px;
margin: 0 0 20px 0;
}
.cyber-service-icon svg {
width: 28px;
height: 28px;
}
.cyber-service-title {
font-size: 19px;
margin-bottom: 10px;
}
.cyber-service-description {
font-size: 14px;
line-height: 1.6;
margin-bottom: 16px;
}
.cyber-service-list {
margin-top: 16px;
padding-top: 16px;
}
.cyber-service-item {
padding: 8px 0;
font-size: 13px;
align-items: flex-start;
}
.cyber-service-item svg {
margin-top: 2px;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.cyber-service-card,
.cyber-service-icon { transition: none; }
.cyber-services-header,
.cyber-service-card {
animation: none;
opacity: 1;
}
}
</style></div>
</section><section class="s_embed_code pt64 pb64 o_colored_level bg-o-color-2 text-center" data-snippet="s_embed_code" data-name="Embed Code" style="background-image: none;"><template class="s_embed_code_saved"><section class="cyber-cases-section">
<div class="cyber-cases-container">
<div class="cyber-cases-header">
<span class="cyber-cases-badge">Études de cas</span>
<h2 class="cyber-cases-title">Ils nous ont fait confiance</h2>
<p class="cyber-cases-subtitle">Découvrez comment nous aidons nos clients à améliorer leur maturité en matière de cybersécurité.</p>
</div>
<div class="cyber-cases-grid">
<a href="/fr_BE/case-study/eutomation" class="cyber-case-card">
<div class="cyber-case-bg" style="background-image: url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=800');"></div>
<div class="cyber-case-overlay"></div>
<div class="cyber-case-content">
<div class="cyber-case-category">
<svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
</svg>
<span>Industrie</span>
</div>
<h3 class="cyber-case-title">Eutomation – Évaluation de maturité cybersécurité</h3>
<p class="cyber-case-description">Accompagnement d'une PME industrielle avec notre matrice ASM² pour obtenir une vision claire de leur posture de sécurité.</p>
<div class="cyber-case-cta">
<span>Lire l'étude de cas</span>
<svg width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</div>
</a>
<div class="cyber-case-card cyber-case-coming-soon">
<div class="cyber-case-bg" style="background-image: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=800');"></div>
<div class="cyber-case-overlay"></div>
<div class="cyber-case-content">
<div class="cyber-case-category cyber-category-soon">
<svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<span>Prochainement</span>
</div>
<h3 class="cyber-case-title">Nouveaux cas clients à venir</h3>
<p class="cyber-case-description">De nouvelles études de cas seront bientôt disponibles pour illustrer notre accompagnement en cybersécurité.</p>
</div>
</div>
</div>
</div>
</section>
<style>
/* Section principale */
.cyber-cases-section {
position: relative;
width: 100%;
padding: 100px 40px;
background: #f5f5f7;
overflow: hidden;
}
.cyber-cases-container {
max-width: 1400px;
margin: 0 auto;
}
/* Header */
.cyber-cases-header {
text-align: center;
margin-bottom: 64px;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.cyber-cases-badge {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
background: rgba(255, 76, 10, 0.08);
border-radius: 50px;
margin-bottom: 20px;
}
.cyber-cases-title {
font-size: 42px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 16px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.cyber-cases-subtitle {
font-size: 18px;
font-weight: 400;
color: #6e6e73;
margin: 0;
line-height: 1.5;
max-width: 600px;
margin: 0 auto;
}
/* Grid 2 colonnes */
.cyber-cases-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
/* Carte case study */
.cyber-case-card {
position: relative;
height: 400px;
border-radius: 24px;
overflow: hidden;
text-decoration: none;
display: block;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 16px 48px rgba(0, 0, 0, 0.12);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
}
.cyber-case-card:nth-child(1) { animation-delay: 0.3s; }
.cyber-case-card:nth-child(2) { animation-delay: 0.4s; }
.cyber-case-card:not(.cyber-case-coming-soon):hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(255, 76, 10, 0.08);
}
/* Carte "Coming Soon" - pas de hover */
.cyber-case-coming-soon {
cursor: default;
opacity: 0.85;
}
/* Image de fond */
.cyber-case-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-case-card:not(.cyber-case-coming-soon):hover .cyber-case-bg {
transform: scale(1.1);
}
/* Overlay gradient */
.cyber-case-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.2) 0%,
rgba(0, 0, 0, 0.4) 40%,
rgba(0, 0, 0, 0.85) 100%
);
}
/* Contenu */
.cyber-case-content {
position: relative;
z-index: 2;
height: 100%;
padding: 32px;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: white;
align-items: flex-start;
text-align: left;
}
/* Badge catégorie */
.cyber-case-category {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
background: rgba(255, 76, 10, 0.9);
backdrop-filter: blur(10px);
border-radius: 50px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
width: fit-content;
}
.cyber-category-soon {
background: rgba(110, 110, 115, 0.9);
}
.cyber-case-category svg {
width: 14px;
height: 14px;
}
/* Titre */
.cyber-case-title {
font-size: 26px;
font-weight: 700;
color: white;
margin: 0 0 12px 0;
line-height: 1.3;
letter-spacing: -0.01em;
}
/* Description */
.cyber-case-description {
font-size: 15px;
font-weight: 400;
color: rgba(255, 255, 255, 0.9);
margin: 0 0 24px 0;
line-height: 1.6;
}
/* CTA */
.cyber-case-cta {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
color: white;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
width: fit-content;
}
.cyber-case-cta svg {
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-case-card:not(.cyber-case-coming-soon):hover .cyber-case-cta {
gap: 12px;
color: #FF4C0A;
}
.cyber-case-card:not(.cyber-case-coming-soon):hover .cyber-case-cta svg {
transform: translateX(4px);
}
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Tablet */
@media (max-width: 1024px) {
.cyber-cases-section { padding: 80px 32px; }
.cyber-cases-title { font-size: 36px; }
.cyber-case-card { height: 380px; }
.cyber-case-title { font-size: 22px; }
}
/* Mobile */
@media (max-width: 768px) {
.cyber-cases-section { padding: 60px 20px; }
.cyber-cases-header { margin-bottom: 40px; }
.cyber-cases-title {
font-size: 28px;
line-height: 1.3;
}
.cyber-cases-subtitle {
font-size: 16px;
line-height: 1.6;
}
.cyber-cases-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.cyber-case-card { height: 420px; }
.cyber-case-content { padding: 24px; }
.cyber-case-title { font-size: 20px; }
.cyber-case-description {
font-size: 14px;
line-height: 1.6;
margin-bottom: 0;
}
/* Masquer le CTA sur mobile pour la carte coming soon */
.cyber-case-coming-soon .cyber-case-description {
margin-bottom: 0;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.cyber-case-card,
.cyber-case-bg,
.cyber-case-cta { transition: none; }
.cyber-cases-header,
.cyber-case-card {
animation: none;
opacity: 1;
}
}
</style></template>
<div class="s_embed_code_embedded o_not_editable container"><section class="cyber-cases-section">
<div class="cyber-cases-container">
<div class="cyber-cases-header">
<span class="cyber-cases-badge">Études de cas</span>
<h2 class="cyber-cases-title">Ils nous ont fait confiance</h2>
<p class="cyber-cases-subtitle">Découvrez comment nous aidons nos clients à améliorer leur maturité en matière de cybersécurité.</p>
</div>
<div class="cyber-cases-grid">
<a href="/fr_BE/case-study/eutomation" class="cyber-case-card">
<div class="cyber-case-bg" style="background-image: url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=800');"></div>
<div class="cyber-case-overlay"></div>
<div class="cyber-case-content">
<div class="cyber-case-category">
<svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
</svg>
<span>Industrie</span>
</div>
<h3 class="cyber-case-title">Eutomation – Évaluation de maturité cybersécurité</h3>
<p class="cyber-case-description">Accompagnement d'une PME industrielle avec notre matrice ASM² pour obtenir une vision claire de leur posture de sécurité.</p>
<div class="cyber-case-cta">
<span>Lire l'étude de cas</span>
<svg width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</div>
</a>
<div class="cyber-case-card cyber-case-coming-soon">
<div class="cyber-case-bg" style="background-image: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=800');"></div>
<div class="cyber-case-overlay"></div>
<div class="cyber-case-content">
<div class="cyber-case-category cyber-category-soon">
<svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<span>Prochainement</span>
</div>
<h3 class="cyber-case-title">Nouveaux cas clients à venir</h3>
<p class="cyber-case-description">De nouvelles études de cas seront bientôt disponibles pour illustrer notre accompagnement en cybersécurité.</p>
</div>
</div>
</div>
</div>
</section><style>
/* Section principale */
.cyber-cases-section {
position: relative;
width: 100%;
padding: 100px 40px;
background: #f5f5f7;
overflow: hidden;
}
.cyber-cases-container {
max-width: 1400px;
margin: 0 auto;
}
/* Header */
.cyber-cases-header {
text-align: center;
margin-bottom: 64px;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.cyber-cases-badge {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
background: rgba(255, 76, 10, 0.08);
border-radius: 50px;
margin-bottom: 20px;
}
.cyber-cases-title {
font-size: 42px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 16px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.cyber-cases-subtitle {
font-size: 18px;
font-weight: 400;
color: #6e6e73;
margin: 0;
line-height: 1.5;
max-width: 600px;
margin: 0 auto;
}
/* Grid 2 colonnes */
.cyber-cases-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
/* Carte case study */
.cyber-case-card {
position: relative;
height: 400px;
border-radius: 24px;
overflow: hidden;
text-decoration: none;
display: block;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 16px 48px rgba(0, 0, 0, 0.12);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
}
.cyber-case-card:nth-child(1) { animation-delay: 0.3s; }
.cyber-case-card:nth-child(2) { animation-delay: 0.4s; }
.cyber-case-card:not(.cyber-case-coming-soon):hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(255, 76, 10, 0.08);
}
/* Carte "Coming Soon" - pas de hover */
.cyber-case-coming-soon {
cursor: default;
opacity: 0.85;
}
/* Image de fond */
.cyber-case-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-case-card:not(.cyber-case-coming-soon):hover .cyber-case-bg {
transform: scale(1.1);
}
/* Overlay gradient */
.cyber-case-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.2) 0%,
rgba(0, 0, 0, 0.4) 40%,
rgba(0, 0, 0, 0.85) 100%
);
}
/* Contenu */
.cyber-case-content {
position: relative;
z-index: 2;
height: 100%;
padding: 32px;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: white;
align-items: flex-start;
text-align: left;
}
/* Badge catégorie */
.cyber-case-category {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
background: rgba(255, 76, 10, 0.9);
backdrop-filter: blur(10px);
border-radius: 50px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
width: fit-content;
}
.cyber-category-soon {
background: rgba(110, 110, 115, 0.9);
}
.cyber-case-category svg {
width: 14px;
height: 14px;
}
/* Titre */
.cyber-case-title {
font-size: 26px;
font-weight: 700;
color: white;
margin: 0 0 12px 0;
line-height: 1.3;
letter-spacing: -0.01em;
}
/* Description */
.cyber-case-description {
font-size: 15px;
font-weight: 400;
color: rgba(255, 255, 255, 0.9);
margin: 0 0 24px 0;
line-height: 1.6;
}
/* CTA */
.cyber-case-cta {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
color: white;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
width: fit-content;
}
.cyber-case-cta svg {
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-case-card:not(.cyber-case-coming-soon):hover .cyber-case-cta {
gap: 12px;
color: #FF4C0A;
}
.cyber-case-card:not(.cyber-case-coming-soon):hover .cyber-case-cta svg {
transform: translateX(4px);
}
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Tablet */
@media (max-width: 1024px) {
.cyber-cases-section { padding: 80px 32px; }
.cyber-cases-title { font-size: 36px; }
.cyber-case-card { height: 380px; }
.cyber-case-title { font-size: 22px; }
}
/* Mobile */
@media (max-width: 768px) {
.cyber-cases-section { padding: 60px 20px; }
.cyber-cases-header { margin-bottom: 40px; }
.cyber-cases-title {
font-size: 28px;
line-height: 1.3;
}
.cyber-cases-subtitle {
font-size: 16px;
line-height: 1.6;
}
.cyber-cases-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.cyber-case-card { height: 420px; }
.cyber-case-content { padding: 24px; }
.cyber-case-title { font-size: 20px; }
.cyber-case-description {
font-size: 14px;
line-height: 1.6;
margin-bottom: 0;
}
/* Masquer le CTA sur mobile pour la carte coming soon */
.cyber-case-coming-soon .cyber-case-description {
margin-bottom: 0;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.cyber-case-card,
.cyber-case-bg,
.cyber-case-cta { transition: none; }
.cyber-cases-header,
.cyber-case-card {
animation: none;
opacity: 1;
}
}
</style></div>
</section><section class="s_embed_code pt64 o_colored_level bg-o-color-2 pb152 text-center" data-snippet="s_embed_code" data-name="Embed Code" style="background-image: none;"><template class="s_embed_code_saved"><section id="cta-cybersecu1" class="cyber-final-section">
<div class="cyber-final-container">
<div class="cyber-final-header">
<span class="cyber-final-badge">Prêt à sécuriser votre entreprise ?</span>
<h2 class="cyber-final-title">Parlons de vos besoins en cybersécurité</h2>
<p class="cyber-final-subtitle">Nos experts sont disponibles pour vous accompagner dans votre transformation cybersécurité.</p>
</div>
<div class="cyber-final-ctas">
<div class="cyber-final-card cyber-primary-card" onclick="window.open('https://outlook.office.com/bookwithme/user/86d6b4b2fc134a85be24315aec9f2c8b%40abakusitsolutions.eu?anonymous&ismsaljsauthenabled', '_blank')">
<div class="cyber-card-inner">
<img src="https://www.abakusitsolutions.eu/web/image/1597655-45afe597/frederick.jpeg?height=256" alt="Expert" class="cyber-card-img" loading="lazy"/>
<div class="cyber-card-content">
<span class="cyber-card-badge">Expert disponible</span>
<h3 class="cyber-card-title">Des besoins en cybersécurité</h3>
<p class="cyber-card-description">Nos experts sont disponibles pour vous accompagner dans votre mise en conformité.</p>
<span class="cyber-card-action">
Prendre rendez-vous
<svg width="18" height="18" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</div>
<div class="cyber-final-card cyber-secondary-card" onclick="window.location.href='https://www.abakusitsolutions.eu/ressources/cybersecurity-checklist'">
<div class="cyber-card-inner">
<div class="cyber-card-icon">
<svg width="28" height="28" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
</svg>
</div>
<div class="cyber-card-content">
<span class="cyber-card-badge">Ressource gratuite</span>
<h3 class="cyber-card-title">30 choses à vérifier dans votre entreprise</h3>
<p class="cyber-card-description">La majorité des cyberattaques touchant les PME pourraient être évitées avec quelques vérifications simples. Cette checklist de 30 points essentiels vous permet d'évaluer rapidement votre niveau de sécurité et d'identifier les actions prioritaires à mettre en place.</p>
<span class="cyber-card-action">
Recevoir la checklist
<svg width="18" height="18" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
/* Section principale */
.cyber-final-section {
position: relative;
width: 100%;
padding: 100px 40px 120px;
background: #fafafa;
overflow: hidden;
}
.cyber-final-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.06), transparent);
}
.cyber-final-container {
max-width: 1200px;
margin: 0 auto;
}
/* Header de la section */
.cyber-final-header {
text-align: center;
margin-bottom: 60px;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.cyber-final-badge {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
background: rgba(255, 76, 10, 0.08);
border-radius: 50px;
margin-bottom: 20px;
}
.cyber-final-title {
font-size: 42px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 16px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.cyber-final-subtitle {
font-size: 18px;
font-weight: 400;
color: #6e6e73;
margin: 0;
line-height: 1.5;
max-width: 600px;
margin: 0 auto;
}
/* Container des CTAs - GRID 2 colonnes */
.cyber-final-ctas {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
max-width: 1200px;
margin: 0 auto;
}
/* Carte CTA */
.cyber-final-card {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-radius: 24px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 32px rgba(0, 0, 0, 0.08),
inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
}
.cyber-final-card:nth-child(1) { animation-delay: 0.4s; }
.cyber-final-card:nth-child(2) { animation-delay: 0.5s; }
.cyber-final-card::after {
content: '';
position: absolute;
inset: 0;
border-radius: 24px;
padding: 2px;
background: linear-gradient(135deg, rgba(255, 76, 10, 0.3), transparent, rgba(255, 76, 10, 0.1));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.4s ease;
}
.cyber-final-card:hover::after {
opacity: 1;
}
.cyber-final-card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.08),
0 24px 64px rgba(255, 76, 10, 0.2),
inset 0 0 0 0.5px rgba(255, 76, 10, 0.1);
}
.cyber-final-card:active {
transform: translateY(-4px) scale(1.01);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-card-inner {
display: flex;
align-items: center;
gap: 20px;
padding: 28px 32px;
}
/* Image expert */
.cyber-card-img {
width: 72px;
height: 72px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 3px solid rgba(255, 255, 255, 1);
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.12),
0 12px 32px rgba(0, 0, 0, 0.16);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-final-card:hover .cyber-card-img {
transform: scale(1.06) rotate(-2deg);
box-shadow:
0 6px 16px rgba(0, 0, 0, 0.14),
0 16px 40px rgba(0, 0, 0, 0.2);
}
/* Icône pour la carte secondaire */
.cyber-card-icon {
width: 72px;
height: 72px;
border-radius: 18px;
background: linear-gradient(135deg, #FF4C0A 0%, #ff6835 100%);
display: flex;
align-items: center;
justify-content: center;
color: white;
flex-shrink: 0;
box-shadow:
0 4px 12px rgba(255, 76, 10, 0.25),
0 12px 32px rgba(255, 76, 10, 0.3);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-final-card:hover .cyber-card-icon {
transform: translateY(-3px) rotate(3deg);
box-shadow:
0 6px 16px rgba(255, 76, 10, 0.3),
0 16px 40px rgba(255, 76, 10, 0.4);
}
/* Contenu de la carte */
.cyber-card-content {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1;
align-items: flex-start;
text-align: left;
}
.cyber-card-badge {
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.cyber-card-title {
font-size: 20px;
font-weight: 700;
color: #1d1d1f;
margin: 0;
line-height: 1.3;
letter-spacing: -0.01em;
}
.cyber-card-description {
font-size: 14px;
font-weight: 400;
color: #6e6e73;
line-height: 1.5;
margin: 4px 0;
}
.cyber-card-action {
font-size: 16px;
font-weight: 600;
color: #FF4C0A;
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 8px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-card-action svg {
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #FF4C0A;
}
.cyber-final-card:hover .cyber-card-action {
gap: 12px;
}
.cyber-final-card:hover .cyber-card-action svg {
transform: translateX(3px);
}
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Tablet */
@media (max-width: 1024px) {
.cyber-final-section { padding: 80px 32px 100px; }
.cyber-final-title { font-size: 36px; }
.cyber-final-ctas { gap: 20px; }
}
/* Mobile */
@media (max-width: 768px) {
.cyber-final-section { padding: 60px 20px 80px; }
.cyber-final-header { margin-bottom: 40px; }
.cyber-final-badge { font-size: 10px; padding: 6px 12px; }
.cyber-final-title {
font-size: 24px;
line-height: 1.3;
}
.cyber-final-subtitle {
font-size: 14px;
line-height: 1.6;
}
/* Grid 1 colonne sur mobile */
.cyber-final-ctas {
grid-template-columns: 1fr;
gap: 16px;
}
.cyber-card-inner {
padding: 20px;
gap: 16px;
}
.cyber-card-img,
.cyber-card-icon {
width: 56px;
height: 56px;
}
.cyber-card-icon svg {
width: 24px;
height: 24px;
}
.cyber-card-badge {
font-size: 10px;
letter-spacing: 0.5px;
}
.cyber-card-title {
font-size: 16px;
line-height: 1.4;
}
.cyber-card-description {
font-size: 13px;
line-height: 1.5;
}
.cyber-card-action {
font-size: 13px;
margin-top: 2px;
}
.cyber-card-action svg {
width: 14px;
height: 14px;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.cyber-final-card,
.cyber-card-img,
.cyber-card-icon,
.cyber-card-action {
transition: none;
}
.cyber-final-header,
.cyber-final-card {
animation: none;
opacity: 1;
}
}
/* État caché pour les bulles flottantes */
.cyber-floating-cta.bubble-hidden {
opacity: 0;
pointer-events: none;
transform: translateY(20px);
}
</style>
<script>
(function () {
// Script pour masquer les bulles flottantes
const mainBubble = document.getElementById("cyber-main-cta");
const guideBubble = document.getElementById("cyber-guide-cta");
const ctaSection = document.getElementById("cta-cybersecu1");
if (mainBubble && guideBubble && ctaSection) {
const observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
mainBubble.classList.add("bubble-hidden");
guideBubble.classList.add("bubble-hidden");
} else {
mainBubble.classList.remove("bubble-hidden");
guideBubble.classList.remove("bubble-hidden");
}
});
},
{
threshold: 0.2,
rootMargin: "-50px 0px",
}
);
observer.observe(ctaSection);
}
})();
</script></template>
<div class="s_embed_code_embedded o_not_editable container"><section id="cta-cybersecu1" class="cyber-final-section">
<div class="cyber-final-container">
<div class="cyber-final-header">
<span class="cyber-final-badge">Prêt à sécuriser votre entreprise ?</span>
<h2 class="cyber-final-title">Parlons de vos besoins en cybersécurité</h2>
<p class="cyber-final-subtitle">Nos experts sont disponibles pour vous accompagner dans votre transformation cybersécurité.</p>
</div>
<div class="cyber-final-ctas">
<div class="cyber-final-card cyber-primary-card" onclick="window.open('https://outlook.office.com/bookwithme/user/86d6b4b2fc134a85be24315aec9f2c8b%40abakusitsolutions.eu?anonymous&ismsaljsauthenabled', '_blank')">
<div class="cyber-card-inner">
<img src="https://www.abakusitsolutions.eu/web/image/1597655-45afe597/frederick.jpeg?height=256" alt="Expert" class="cyber-card-img" loading="lazy"/>
<div class="cyber-card-content">
<span class="cyber-card-badge">Expert disponible</span>
<h3 class="cyber-card-title">Des besoins en cybersécurité</h3>
<p class="cyber-card-description">Nos experts sont disponibles pour vous accompagner dans votre mise en conformité.</p>
<span class="cyber-card-action">
Prendre rendez-vous
<svg width="18" height="18" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</div>
<div class="cyber-final-card cyber-secondary-card" onclick="window.location.href='https://www.abakusitsolutions.eu/ressources/cybersecurity-checklist'">
<div class="cyber-card-inner">
<div class="cyber-card-icon">
<svg width="28" height="28" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
</svg>
</div>
<div class="cyber-card-content">
<span class="cyber-card-badge">Ressource gratuite</span>
<h3 class="cyber-card-title">30 choses à vérifier dans votre entreprise</h3>
<p class="cyber-card-description">La majorité des cyberattaques touchant les PME pourraient être évitées avec quelques vérifications simples. Cette checklist de 30 points essentiels vous permet d'évaluer rapidement votre niveau de sécurité et d'identifier les actions prioritaires à mettre en place.</p>
<span class="cyber-card-action">
Recevoir la checklist
<svg width="18" height="18" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</section><style>
/* Section principale */
.cyber-final-section {
position: relative;
width: 100%;
padding: 100px 40px 120px;
background: #fafafa;
overflow: hidden;
}
.cyber-final-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.06), transparent);
}
.cyber-final-container {
max-width: 1200px;
margin: 0 auto;
}
/* Header de la section */
.cyber-final-header {
text-align: center;
margin-bottom: 60px;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.cyber-final-badge {
display: inline-block;
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 16px;
background: rgba(255, 76, 10, 0.08);
border-radius: 50px;
margin-bottom: 20px;
}
.cyber-final-title {
font-size: 42px;
font-weight: 700;
color: #1d1d1f;
margin: 0 0 16px 0;
line-height: 1.2;
letter-spacing: -0.02em;
}
.cyber-final-subtitle {
font-size: 18px;
font-weight: 400;
color: #6e6e73;
margin: 0;
line-height: 1.5;
max-width: 600px;
margin: 0 auto;
}
/* Container des CTAs - GRID 2 colonnes */
.cyber-final-ctas {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
max-width: 1200px;
margin: 0 auto;
}
/* Carte CTA */
.cyber-final-card {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-radius: 24px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 32px rgba(0, 0, 0, 0.08),
inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
overflow: hidden;
animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) backwards;
}
.cyber-final-card:nth-child(1) { animation-delay: 0.4s; }
.cyber-final-card:nth-child(2) { animation-delay: 0.5s; }
.cyber-final-card::after {
content: '';
position: absolute;
inset: 0;
border-radius: 24px;
padding: 2px;
background: linear-gradient(135deg, rgba(255, 76, 10, 0.3), transparent, rgba(255, 76, 10, 0.1));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.4s ease;
}
.cyber-final-card:hover::after {
opacity: 1;
}
.cyber-final-card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow:
0 8px 24px rgba(0, 0, 0, 0.08),
0 24px 64px rgba(255, 76, 10, 0.2),
inset 0 0 0 0.5px rgba(255, 76, 10, 0.1);
}
.cyber-final-card:active {
transform: translateY(-4px) scale(1.01);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-card-inner {
display: flex;
align-items: center;
gap: 20px;
padding: 28px 32px;
}
/* Image expert */
.cyber-card-img {
width: 72px;
height: 72px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 3px solid rgba(255, 255, 255, 1);
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.12),
0 12px 32px rgba(0, 0, 0, 0.16);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-final-card:hover .cyber-card-img {
transform: scale(1.06) rotate(-2deg);
box-shadow:
0 6px 16px rgba(0, 0, 0, 0.14),
0 16px 40px rgba(0, 0, 0, 0.2);
}
/* Icône pour la carte secondaire */
.cyber-card-icon {
width: 72px;
height: 72px;
border-radius: 18px;
background: linear-gradient(135deg, #FF4C0A 0%, #ff6835 100%);
display: flex;
align-items: center;
justify-content: center;
color: white;
flex-shrink: 0;
box-shadow:
0 4px 12px rgba(255, 76, 10, 0.25),
0 12px 32px rgba(255, 76, 10, 0.3);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-final-card:hover .cyber-card-icon {
transform: translateY(-3px) rotate(3deg);
box-shadow:
0 6px 16px rgba(255, 76, 10, 0.3),
0 16px 40px rgba(255, 76, 10, 0.4);
}
/* Contenu de la carte */
.cyber-card-content {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1;
align-items: flex-start;
text-align: left;
}
.cyber-card-badge {
font-size: 12px;
font-weight: 600;
color: #FF4C0A;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.cyber-card-title {
font-size: 20px;
font-weight: 700;
color: #1d1d1f;
margin: 0;
line-height: 1.3;
letter-spacing: -0.01em;
}
.cyber-card-description {
font-size: 14px;
font-weight: 400;
color: #6e6e73;
line-height: 1.5;
margin: 4px 0;
}
.cyber-card-action {
font-size: 16px;
font-weight: 600;
color: #FF4C0A;
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 8px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-card-action svg {
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #FF4C0A;
}
.cyber-final-card:hover .cyber-card-action {
gap: 12px;
}
.cyber-final-card:hover .cyber-card-action svg {
transform: translateX(3px);
}
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Tablet */
@media (max-width: 1024px) {
.cyber-final-section { padding: 80px 32px 100px; }
.cyber-final-title { font-size: 36px; }
.cyber-final-ctas { gap: 20px; }
}
/* Mobile */
@media (max-width: 768px) {
.cyber-final-section { padding: 60px 20px 80px; }
.cyber-final-header { margin-bottom: 40px; }
.cyber-final-badge { font-size: 10px; padding: 6px 12px; }
.cyber-final-title {
font-size: 24px;
line-height: 1.3;
}
.cyber-final-subtitle {
font-size: 14px;
line-height: 1.6;
}
/* Grid 1 colonne sur mobile */
.cyber-final-ctas {
grid-template-columns: 1fr;
gap: 16px;
}
.cyber-card-inner {
padding: 20px;
gap: 16px;
}
.cyber-card-img,
.cyber-card-icon {
width: 56px;
height: 56px;
}
.cyber-card-icon svg {
width: 24px;
height: 24px;
}
.cyber-card-badge {
font-size: 10px;
letter-spacing: 0.5px;
}
.cyber-card-title {
font-size: 16px;
line-height: 1.4;
}
.cyber-card-description {
font-size: 13px;
line-height: 1.5;
}
.cyber-card-action {
font-size: 13px;
margin-top: 2px;
}
.cyber-card-action svg {
width: 14px;
height: 14px;
}
}
/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
.cyber-final-card,
.cyber-card-img,
.cyber-card-icon,
.cyber-card-action {
transition: none;
}
.cyber-final-header,
.cyber-final-card {
animation: none;
opacity: 1;
}
}
/* État caché pour les bulles flottantes */
.cyber-floating-cta.bubble-hidden {
opacity: 0;
pointer-events: none;
transform: translateY(20px);
}
</style><script>
(function () {
// Script pour masquer les bulles flottantes
const mainBubble = document.getElementById("cyber-main-cta");
const guideBubble = document.getElementById("cyber-guide-cta");
const ctaSection = document.getElementById("cta-cybersecu1");
if (mainBubble && guideBubble && ctaSection) {
const observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
mainBubble.classList.add("bubble-hidden");
guideBubble.classList.add("bubble-hidden");
} else {
mainBubble.classList.remove("bubble-hidden");
guideBubble.classList.remove("bubble-hidden");
}
});
},
{
threshold: 0.2,
rootMargin: "-50px 0px",
}
);
observer.observe(ctaSection);
}
})();
</script></div>
</section><section class="s_embed_code o_colored_level pb0 text-center pt0" data-snippet="s_embed_code" data-name="Code intégré" style="background-image: none;"><template class="s_embed_code_saved"><div class="cyber-cases-header">
<span class="cyber-cases-badge">Formations</span>
<h2 class="cyber-cases-title">Formations certifiantes en cybersécurité</h2>
<p class="cyber-cases-subtitle">
Développez vos compétences et renforcez votre stratégie de sécurité de l’information grâce à des certifications reconnues à l’international.
</p>
</div></template>
<div class="s_embed_code_embedded o_not_editable container"><div class="cyber-cases-header">
<span class="cyber-cases-badge">Formations</span>
<h2 class="cyber-cases-title">Formations certifiantes en cybersécurité</h2>
<p class="cyber-cases-subtitle">
Développez vos compétences et renforcez votre stratégie de sécurité de l’information grâce à des certifications reconnues à l’international.
</p>
</div></div>
</section><section data-snippet="s_dynamic_snippet_products" class="s_dynamic_snippet_products s_dynamic pt32 pb32 o_colored_level s_product_product_borderless_2 o_dynamic_empty" data-name="Produits" style="background-image: none;" data-product-category-id="1" data-number-of-records="16" data-filter-id="6" data-template-key="website_sale.dynamic_filter_template_product_product_borderless_2" data-carousel-interval="5000">
<div class="container o_not_editable">
<div class="css_non_editable_mode_hidden">
<div class="missing_option_warning alert alert-info rounded-0 fade show d-none d-print-none o_default_snippet_text">
Your Dynamic Snippet will be displayed here... This message is displayed because you did not provided both a filter and a template to use.<br/>
</div>
</div>
<div class="dynamic_snippet_template"></div>
</div>
</section><section class="s_embed_code o_colored_level pt0 pb0 text-center" data-snippet="s_embed_code" data-name="Embed Code" style="background-color: rgba(243, 243, 243, 0); background-image: none;"><template class="s_embed_code_saved"><div id="cyber-main-cta" class="cyber-floating-cta" onclick="window.open('https://outlook.office.com/bookwithme/user/86d6b4b2fc134a85be24315aec9f2c8b%40abakusitsolutions.eu?anonymous&ismsaljsauthenabled', '_blank')">
<div class="cyber-cta-inner">
<img src="https://www.abakusitsolutions.eu/web/image/1597655-45afe597/frederick.jpeg?height=256" alt="Expert" class="cyber-expert-img" loading="lazy"/>
<div class="cyber-cta-content">
<span class="cyber-pretitle">Expert disponible</span>
<h3 class="cyber-cta-title">Des besoins en cybersécurité</h3>
<span class="cyber-cta-action">
Prendre rendez-vous
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</div>
<a id="cyber-guide-cta" class="cyber-floating-cta cyber-secondary-cta" href="https://www.abakusitsolutions.eu/ressources/cybersecurity-checklist">
<div class="cyber-cta-inner">
<div class="cyber-guide-icon" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<div class="cyber-cta-content">
<span class="cyber-guide-label">Pas encore prêt pour un appel ?</span>
<span class="cyber-guide-action">
Télécharger nos ressources
<svg width="14" height="14" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</a>
<button id="cyber-widgets-toggle" class="cyber-toggle-btn" onclick="toggleWidgets()" aria-label="Toggle widgets">
<svg class="toggle-icon-hide" width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<svg class="toggle-icon-show" width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<style>
/* Base CTA avec design system Apple - FORCE LIGHT MODE */
.cyber-floating-cta {
position: fixed;
right: 32px;
background: rgba(255, 255, 255, 0.98) !important;
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-radius: 20px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 32px rgba(0, 0, 0, 0.08),
inset 0 0 0 0.5px rgba(0, 0, 0, 0.04) !important;
z-index: 9999;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
text-decoration: none;
color: inherit;
}
.cyber-floating-cta::after {
content: '';
position: absolute;
inset: 0;
border-radius: 20px;
padding: 1px;
background: linear-gradient(135deg, rgba(255, 76, 10, 0.2), transparent, rgba(255, 76, 10, 0.1));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.4s ease;
}
.cyber-floating-cta:hover::after { opacity: 1; }
.cyber-floating-cta:hover {
transform: translateY(-3px) scale(1.01);
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.06),
0 16px 48px rgba(255, 76, 10, 0.15),
inset 0 0 0 0.5px rgba(255, 76, 10, 0.1) !important;
}
.cyber-floating-cta:active {
transform: translateY(-1px) scale(0.99);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-cta-inner {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 20px;
}
/* Toggle button - minimaliste et élégant */
.cyber-toggle-btn {
position: fixed;
bottom: 200px;
right: 32px;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.98) !important;
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border: none;
border-radius: 50%;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 32px rgba(0, 0, 0, 0.08),
inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #86868b;
z-index: 10000;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s backwards;
}
.cyber-toggle-btn:hover {
transform: translateY(-2px) scale(1.05);
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.08),
0 12px 40px rgba(255, 76, 10, 0.12);
color: #FF4C0A;
}
.cyber-toggle-btn:active {
transform: scale(0.95);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-icon-hide,
.toggle-icon-show {
position: absolute;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-icon-show {
opacity: 0;
transform: scale(0.5) rotate(90deg);
}
/* État caché des widgets */
.cyber-widgets-hidden .cyber-floating-cta {
opacity: 0;
pointer-events: none;
transform: translateX(120%) !important;
}
.cyber-widgets-hidden .toggle-icon-hide {
opacity: 0;
transform: scale(0.5) rotate(-90deg);
}
.cyber-widgets-hidden .toggle-icon-show {
opacity: 1;
transform: scale(1) rotate(0deg);
}
/* CTA Principal - Hero */
#cyber-main-cta {
bottom: 110px;
max-width: 400px;
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.cyber-expert-img {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 2px solid rgba(255, 255, 255, 1);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.08),
0 8px 24px rgba(0, 0, 0, 0.12);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-floating-cta:hover .cyber-expert-img {
transform: scale(1.04);
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.1),
0 12px 32px rgba(0, 0, 0, 0.15);
}
.cyber-cta-content {
display: flex;
flex-direction: column;
gap: 2px;
flex: 1;
min-width: 0;
align-items: flex-start;
text-align: left;
}
.cyber-pretitle {
font-size: 11px;
font-weight: 600;
color: #FF4C0A !important;
text-transform: uppercase;
letter-spacing: 0.8px;
display: block;
margin-bottom: 2px;
}
.cyber-cta-title {
font-size: 16px;
font-weight: 600;
color: #1d1d1f !important;
margin: 0;
line-height: 1.25;
letter-spacing: -0.01em;
}
.cyber-cta-action {
font-size: 14px;
font-weight: 500;
color: #FF4C0A !important;
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 4px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-cta-action svg {
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-floating-cta:hover .cyber-cta-action { gap: 8px; }
.cyber-floating-cta:hover .cyber-cta-action svg { transform: translateX(2px); }
/* CTA Secondaire */
#cyber-guide-cta {
bottom: 24px;
max-width: 320px;
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s backwards;
}
.cyber-guide-icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #FF4C0A 0%, #ff6835 100%) !important;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
color: white !important;
flex-shrink: 0;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 0 2px 8px rgba(255, 76, 10, 0.25);
}
.cyber-floating-cta:hover .cyber-guide-icon {
transform: translateY(-1px);
box-shadow: 0 4px 16px rgba(255, 76, 10, 0.35);
}
.cyber-guide-label {
font-size: 12px;
font-weight: 500;
color: #86868b !important;
line-height: 1.3;
display: block;
margin-bottom: 2px;
}
.cyber-guide-action {
font-size: 13px;
font-weight: 600;
color: #1d1d1f !important;
display: inline-flex;
align-items: center;
gap: 5px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-guide-action svg {
color: #FF4C0A !important;
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-floating-cta:hover .cyber-guide-action { gap: 7px; }
.cyber-floating-cta:hover .cyber-guide-action svg { transform: translateX(2px); }
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Mobile - Ultra compact */
@media (max-width: 768px) {
.cyber-floating-cta {
right: 12px;
left: 12px;
max-width: none !important;
border-radius: 16px;
}
.cyber-cta-inner { padding: 10px 14px; gap: 10px; }
#cyber-main-cta { bottom: 70px; }
#cyber-guide-cta { bottom: 12px; }
.cyber-toggle-btn {
width: 36px;
height: 36px;
bottom: 120px;
right: 12px;
}
.toggle-icon-hide svg,
.toggle-icon-show svg {
width: 18px;
height: 18px;
}
.cyber-expert-img { width: 44px; height: 44px; }
.cyber-guide-icon { width: 36px; height: 36px; }
.cyber-guide-icon svg { width: 16px; height: 16px; }
.cyber-pretitle { font-size: 9px; letter-spacing: 0.5px; margin-bottom: 0; }
.cyber-cta-title { font-size: 13px; line-height: 1.2; }
.cyber-cta-action { font-size: 11px; gap: 4px; margin-top: 2px; }
.cyber-cta-action svg { width: 12px; height: 12px; }
.cyber-guide-label { font-size: 10px; margin-bottom: 0; }
.cyber-guide-action { font-size: 11px; gap: 4px; }
.cyber-guide-action svg { width: 11px; height: 11px; }
.cyber-cta-content { gap: 1px; }
}
/* Large screens - Apple spacing */
@media (min-width: 1440px) {
.cyber-floating-cta { right: 40px; }
.cyber-toggle-btn { right: 40px; }
}
/* Reduce motion pour accessibilité */
@media (prefers-reduced-motion: reduce) {
.cyber-floating-cta,
.cyber-expert-img,
.cyber-guide-icon,
.cyber-cta-action,
.cyber-guide-action,
.cyber-toggle-btn,
.toggle-icon-hide,
.toggle-icon-show {
transition: none;
}
#cyber-main-cta,
#cyber-guide-cta,
.cyber-toggle-btn {
animation: none;
opacity: 1;
}
}
/* Animation de masquage quand la section CTA est visible */
.bubble-hidden {
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(20px) !important;
}
</style>
<script>
(function () {
// Fonction pour toggle les widgets
window.toggleWidgets = function() {
document.body.classList.toggle('cyber-widgets-hidden');
// Sauvegarder la préférence
const isHidden = document.body.classList.contains('cyber-widgets-hidden');
localStorage.setItem('cyber-widgets-hidden', isHidden);
};
// Restaurer l'état au chargement
if (localStorage.getItem('cyber-widgets-hidden') === 'true') {
document.body.classList.add('cyber-widgets-hidden');
}
// Script pour masquer les bulles flottantes quand la section CTA est visible
const mainBubble = document.getElementById("cyber-main-cta");
const guideBubble = document.getElementById("cyber-guide-cta");
const ctaSection = document.getElementById("cta-cybersecu1");
if (mainBubble && guideBubble && ctaSection) {
const observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
mainBubble.classList.add("bubble-hidden");
guideBubble.classList.add("bubble-hidden");
} else {
mainBubble.classList.remove("bubble-hidden");
guideBubble.classList.remove("bubble-hidden");
}
});
},
{
threshold: 0.2,
rootMargin: "-50px 0px",
}
);
observer.observe(ctaSection);
}
})();
</script></template>
<div class="s_embed_code_embedded o_not_editable container"><div id="cyber-main-cta" class="cyber-floating-cta" onclick="window.open('https://outlook.office.com/bookwithme/user/86d6b4b2fc134a85be24315aec9f2c8b%40abakusitsolutions.eu?anonymous&ismsaljsauthenabled', '_blank')">
<div class="cyber-cta-inner">
<img src="https://www.abakusitsolutions.eu/web/image/1597655-45afe597/frederick.jpeg?height=256" alt="Expert" class="cyber-expert-img" loading="lazy"/>
<div class="cyber-cta-content">
<span class="cyber-pretitle">Expert disponible</span>
<h3 class="cyber-cta-title">Des besoins en cybersécurité</h3>
<span class="cyber-cta-action">
Prendre rendez-vous
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</div><a id="cyber-guide-cta" class="cyber-floating-cta cyber-secondary-cta" href="https://www.abakusitsolutions.eu/ressources/cybersecurity-checklist">
<div class="cyber-cta-inner">
<div class="cyber-guide-icon" aria-hidden="true">
<svg width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
<div class="cyber-cta-content">
<span class="cyber-guide-label">Pas encore prêt pour un appel ?</span>
<span class="cyber-guide-action">
Télécharger nos ressources
<svg width="14" height="14" viewbox="0 0 16 16" fill="none" aria-hidden="true">
<path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</div>
</div>
</a><button id="cyber-widgets-toggle" class="cyber-toggle-btn" onclick="toggleWidgets()" aria-label="Toggle widgets">
<svg class="toggle-icon-hide" width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<svg class="toggle-icon-show" width="20" height="20" viewbox="0 0 24 24" fill="none">
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button><style>
/* Base CTA avec design system Apple - FORCE LIGHT MODE */
.cyber-floating-cta {
position: fixed;
right: 32px;
background: rgba(255, 255, 255, 0.98) !important;
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-radius: 20px;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 32px rgba(0, 0, 0, 0.08),
inset 0 0 0 0.5px rgba(0, 0, 0, 0.04) !important;
z-index: 9999;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
text-decoration: none;
color: inherit;
}
.cyber-floating-cta::after {
content: '';
position: absolute;
inset: 0;
border-radius: 20px;
padding: 1px;
background: linear-gradient(135deg, rgba(255, 76, 10, 0.2), transparent, rgba(255, 76, 10, 0.1));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0;
transition: opacity 0.4s ease;
}
.cyber-floating-cta:hover::after { opacity: 1; }
.cyber-floating-cta:hover {
transform: translateY(-3px) scale(1.01);
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.06),
0 16px 48px rgba(255, 76, 10, 0.15),
inset 0 0 0 0.5px rgba(255, 76, 10, 0.1) !important;
}
.cyber-floating-cta:active {
transform: translateY(-1px) scale(0.99);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-cta-inner {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 20px;
}
/* Toggle button - minimaliste et élégant */
.cyber-toggle-btn {
position: fixed;
bottom: 200px;
right: 32px;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.98) !important;
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border: none;
border-radius: 50%;
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.04),
0 8px 32px rgba(0, 0, 0, 0.08),
inset 0 0 0 0.5px rgba(0, 0, 0, 0.04);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #86868b;
z-index: 10000;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s backwards;
}
.cyber-toggle-btn:hover {
transform: translateY(-2px) scale(1.05);
box-shadow:
0 4px 16px rgba(0, 0, 0, 0.08),
0 12px 40px rgba(255, 76, 10, 0.12);
color: #FF4C0A;
}
.cyber-toggle-btn:active {
transform: scale(0.95);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-icon-hide,
.toggle-icon-show {
position: absolute;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.toggle-icon-show {
opacity: 0;
transform: scale(0.5) rotate(90deg);
}
/* État caché des widgets */
.cyber-widgets-hidden .cyber-floating-cta {
opacity: 0;
pointer-events: none;
transform: translateX(120%) !important;
}
.cyber-widgets-hidden .toggle-icon-hide {
opacity: 0;
transform: scale(0.5) rotate(-90deg);
}
.cyber-widgets-hidden .toggle-icon-show {
opacity: 1;
transform: scale(1) rotate(0deg);
}
/* CTA Principal - Hero */
#cyber-main-cta {
bottom: 110px;
max-width: 400px;
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s backwards;
}
.cyber-expert-img {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 2px solid rgba(255, 255, 255, 1);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.08),
0 8px 24px rgba(0, 0, 0, 0.12);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-floating-cta:hover .cyber-expert-img {
transform: scale(1.04);
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.1),
0 12px 32px rgba(0, 0, 0, 0.15);
}
.cyber-cta-content {
display: flex;
flex-direction: column;
gap: 2px;
flex: 1;
min-width: 0;
align-items: flex-start;
text-align: left;
}
.cyber-pretitle {
font-size: 11px;
font-weight: 600;
color: #FF4C0A !important;
text-transform: uppercase;
letter-spacing: 0.8px;
display: block;
margin-bottom: 2px;
}
.cyber-cta-title {
font-size: 16px;
font-weight: 600;
color: #1d1d1f !important;
margin: 0;
line-height: 1.25;
letter-spacing: -0.01em;
}
.cyber-cta-action {
font-size: 14px;
font-weight: 500;
color: #FF4C0A !important;
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 4px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-cta-action svg {
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-floating-cta:hover .cyber-cta-action { gap: 8px; }
.cyber-floating-cta:hover .cyber-cta-action svg { transform: translateX(2px); }
/* CTA Secondaire */
#cyber-guide-cta {
bottom: 24px;
max-width: 320px;
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s backwards;
}
.cyber-guide-icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #FF4C0A 0%, #ff6835 100%) !important;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
color: white !important;
flex-shrink: 0;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 0 2px 8px rgba(255, 76, 10, 0.25);
}
.cyber-floating-cta:hover .cyber-guide-icon {
transform: translateY(-1px);
box-shadow: 0 4px 16px rgba(255, 76, 10, 0.35);
}
.cyber-guide-label {
font-size: 12px;
font-weight: 500;
color: #86868b !important;
line-height: 1.3;
display: block;
margin-bottom: 2px;
}
.cyber-guide-action {
font-size: 13px;
font-weight: 600;
color: #1d1d1f !important;
display: inline-flex;
align-items: center;
gap: 5px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-guide-action svg {
color: #FF4C0A !important;
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cyber-floating-cta:hover .cyber-guide-action { gap: 7px; }
.cyber-floating-cta:hover .cyber-guide-action svg { transform: translateX(2px); }
/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Mobile - Ultra compact */
@media (max-width: 768px) {
.cyber-floating-cta {
right: 12px;
left: 12px;
max-width: none !important;
border-radius: 16px;
}
.cyber-cta-inner { padding: 10px 14px; gap: 10px; }
#cyber-main-cta { bottom: 70px; }
#cyber-guide-cta { bottom: 12px; }
.cyber-toggle-btn {
width: 36px;
height: 36px;
bottom: 120px;
right: 12px;
}
.toggle-icon-hide svg,
.toggle-icon-show svg {
width: 18px;
height: 18px;
}
.cyber-expert-img { width: 44px; height: 44px; }
.cyber-guide-icon { width: 36px; height: 36px; }
.cyber-guide-icon svg { width: 16px; height: 16px; }
.cyber-pretitle { font-size: 9px; letter-spacing: 0.5px; margin-bottom: 0; }
.cyber-cta-title { font-size: 13px; line-height: 1.2; }
.cyber-cta-action { font-size: 11px; gap: 4px; margin-top: 2px; }
.cyber-cta-action svg { width: 12px; height: 12px; }
.cyber-guide-label { font-size: 10px; margin-bottom: 0; }
.cyber-guide-action { font-size: 11px; gap: 4px; }
.cyber-guide-action svg { width: 11px; height: 11px; }
.cyber-cta-content { gap: 1px; }
}
/* Large screens - Apple spacing */
@media (min-width: 1440px) {
.cyber-floating-cta { right: 40px; }
.cyber-toggle-btn { right: 40px; }
}
/* Reduce motion pour accessibilité */
@media (prefers-reduced-motion: reduce) {
.cyber-floating-cta,
.cyber-expert-img,
.cyber-guide-icon,
.cyber-cta-action,
.cyber-guide-action,
.cyber-toggle-btn,
.toggle-icon-hide,
.toggle-icon-show {
transition: none;
}
#cyber-main-cta,
#cyber-guide-cta,
.cyber-toggle-btn {
animation: none;
opacity: 1;
}
}
/* Animation de masquage quand la section CTA est visible */
.bubble-hidden {
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(20px) !important;
}
</style><script>
(function () {
// Fonction pour toggle les widgets
window.toggleWidgets = function() {
document.body.classList.toggle('cyber-widgets-hidden');
// Sauvegarder la préférence
const isHidden = document.body.classList.contains('cyber-widgets-hidden');
localStorage.setItem('cyber-widgets-hidden', isHidden);
};
// Restaurer l'état au chargement
if (localStorage.getItem('cyber-widgets-hidden') === 'true') {
document.body.classList.add('cyber-widgets-hidden');
}
// Script pour masquer les bulles flottantes quand la section CTA est visible
const mainBubble = document.getElementById("cyber-main-cta");
const guideBubble = document.getElementById("cyber-guide-cta");
const ctaSection = document.getElementById("cta-cybersecu1");
if (mainBubble && guideBubble && ctaSection) {
const observer = new IntersectionObserver(
(entries) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
mainBubble.classList.add("bubble-hidden");
guideBubble.classList.add("bubble-hidden");
} else {
mainBubble.classList.remove("bubble-hidden");
guideBubble.classList.remove("bubble-hidden");
}
});
},
{
threshold: 0.2,
rootMargin: "-50px 0px",
}
);
observer.observe(ctaSection);
}
})();
</script></div>
</section></div>
<div id="o_shared_blocks" class="oe_unremovable"></div>
</main>
<footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc">
<div id="footer" class="oe_structure oe_structure_solo"><section class="s_text_block o_colored_level s_custom_snippet pt0 oe_img_bg o_bg_img_center o_bg_img_origin_border_box" data-snippet="s_text_block" style="background-position: 0% 88.7764%; background-image: url("/web/image/1118891-d2d9a7e5/pexels-_%D1%A9%D0%B2%D1%BB%D2%8F-%D1%AB%D1%94%D1%99%D1%A9%D3%A1%D3%84%D1%BB%D2%87%D0%B2-1738402.jpg");" data-name="Custom Custom Footer" data-original-id="1118883" data-original-src="/web/image/1118883-bc1a383a/pexels-_%D1%A9%D0%B2%D1%BB%D2%8F-%D1%AB%D1%94%D1%99%D1%A9%D3%A1%D3%84%D1%BB%D2%87%D0%B2-1738402.jpg" data-mimetype="image/jpeg" data-resize-width="1920">
<div class="s_allow_columns container">
<div style="text-align: center;"> <a href="/fr_BE" data-bs-original-title="" title=""><img class="img-fluid o_we_custom_image" src="/web/image/1118886-76fd6b46/logo%20abakus%20blanc%20fond%20transparent.png" alt="" data-original-id="1118886" data-original-src="/web/image/1118886-76fd6b46/logo%20abakus%20blanc%20fond%20transparent.png" data-mimetype="image/png" data-bs-original-title="" title="" aria-describedby="tooltip156479" style="width: 25% !important;" loading="lazy" data-mimetype-before-conversion="image/png"/></a><br/></div>
<div class="row">
<div class="col-lg-12 o_colored_level">
<div class="mb-4 s_share text-center" data-snippet="s_share" data-name="Social Media">
<h5 class="d-none s_share_title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" _msttexthash="179842" _msthash="39">Suivez-nous
</font></font></h5>
<a href="https://www.facebook.com/ABAKUSITSOLUTIONS" class="s_share_facebook" target="_blank">
<i class="fa fa-facebook rounded-circle shadow-sm text-black" data-bs-original-title="" title="" aria-describedby="tooltip933778"></i>
</a>
<a href="https://twitter.com/abakus_it" class="s_share_twitter" target="_blank" data-bs-original-title="" title="">
<i class="fa fa-twitter rounded-circle shadow-sm text-black" data-bs-original-title="" title="" aria-describedby="tooltip204818"></i>
</a>
<a href="https://www.linkedin.com/company/2711385/" class="s_share_linkedin" target="_blank">
<i class="fa fa-linkedin rounded-circle shadow-sm text-black" data-bs-original-title="" title="" aria-describedby="tooltip107481"></i>
</a>
</div>
<p class="mb-1 text-center">
<font style="font-size: 14px;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;" class="text-o-color-2"><a href="/fr_BE/legal">LEGAL</a> - <a href="/fr_BE/terms-conditions">TERMES & CONDITIONS</a> - <a href="/fr_BE/privacy-policy" data-bs-original-title="" title="">PROTECTION DES DONNEES</a></font></font></font></p>
<ul class="list-inline text-center">
<li class="list-inline-item mx-3">
</li>
</ul>
</div>
</div>
</div>
</section></div>
</footer>
<div id="website_cookies_bar" class="s_popup o_snippet_invisible o_no_save d-none" data-name="Cookies Bar" data-vcss="001" data-invisible="1">
<div class="modal modal_shown s_popup_bottom o_cookies_classic s_popup_no_backdrop" data-show-after="500" data-display="afterDelay" data-consents-duration="999" data-bs-focus="false" data-bs-backdrop="false" data-bs-keyboard="false" tabindex="-1" style="display: none;" aria-hidden="true">
<div class="modal-dialog d-flex s_popup_size_full">
<div class="modal-content oe_structure"><section class="o_colored_level o_cc o_cc1 pt32 pb16"><div class="container"><div class="row"><div class="col-lg-6"><h3 class="o_cookies_bar_text_title"> Respecting your privacy is our priority. </h3><p class="o_cookies_bar_text_primary"> Allow the use of cookies from this website on this browser? </p><p class="o_cookies_bar_text_secondary"> We use cookies to provide improved experience on this website. You can learn more about our cookies and how we use them in our <a href="/fr_BE/cookie-policy" class="o_cookies_bar_text_policy">Politique en matière de cookies</a>. </p></div><div class="col-lg-3 d-flex align-items-center"><div class="row"><div class="col-lg-12 d-flex align-items-center"><a href="#" id="cookies-consent-all" role="button" class="js_close_popup o_cookies_bar_accept_all o_cookies_bar_text_button btn btn-outline-primary rounded-circle mb-1 px-2 py-1">Allow all cookies</a></div><div class="col-lg-12 d-flex align-items-center"><a href="#" id="cookies-consent-essential" role="button" class="js_close_popup o_cookies_bar_accept_essential o_cookies_bar_text_button_essential btn btn-outline-primary rounded-circle mt-1 mb-2 px-2 py-1">Only allow essential cookies</a></div></div></div></div></div></section></div>
</div>
</div>
</div>
</div>
<script id="tracking_code" async="async" src="https://www.googletagmanager.com/gtag/js?id=G-N6KKWHFN6H"></script>
<script id="tracking_code_config">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied',
});
gtag('js', new Date());
gtag('config', 'G-N6KKWHFN6H');
function allConsentsGranted() {
gtag('consent', 'update', {
'ad_storage': 'granted',
'ad_user_data': 'granted',
'ad_personalization': 'granted',
'analytics_storage': 'granted',
});
}
document.addEventListener(
"optionalCookiesAccepted",
allConsentsGranted,
{once: true}
);
</script>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5431970&fmt=gif" />
</body>
</html>
