<!DOCTYPE html>
<html lang="fr-BE" data-website-id="1" data-main-object="website.page(112,)">
<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="ABAKUS IT-SOLUTIONS | IT Consulting, Infrastructure & Odoo — Belgique, Luxembourg, Allemagne | ABAKUS IT-SOLUTIONS"/>
<meta property="og:site_name" content="ABAKUS IT-SOLUTIONS"/>
<meta property="og:url" content="https://www.abakusitsolutions.eu/fr_BE/index"/>
<meta property="og:image" content="https://www.abakusitsolutions.eu/web/image/website/1/social_default_image?unique=74fa784"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="ABAKUS IT-SOLUTIONS | IT Consulting, Infrastructure & Odoo — Belgique, Luxembourg, Allemagne | ABAKUS IT-SOLUTIONS"/>
<meta name="twitter:image" content="https://www.abakusitsolutions.eu/web/image/website/1/social_default_image/300x300?unique=74fa784"/>
<meta name="twitter:site" content="@abakus_it"/>
<link rel="canonical" href="https://www.abakusitsolutions.eu/fr_BE/index"/>
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
<title>ABAKUS IT-SOLUTIONS | IT Consulting, Infrastructure & Odoo — Belgique, Luxembourg, Allemagne | ABAKUS IT-SOLUTIONS</title>
<link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=74fa784"/>
<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/17f8a91/web.assets_frontend.min.css"/>
<script id="web.layout.odooscript" type="text/javascript">
var odoo = {
csrf_token: "064b33d1826cc699c93d54a80d6e2dce635b0e2eo1812735811",
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": "bf4cdd89d5c0bec1919754ac96d116141516c3e8"}, "recaptcha_public_key": "6LckM1csAAAAAHfUhMzRqXX6_uwW9CYx1Bua7ZrA", "geoip_country_code": "DE", "geoip_phone_code": 49, "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/d69693d/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">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WL638JVJ');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<div id="wrapwrap" class="homepage">
<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=74fa784" 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 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/pole-it-consulting" 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/pole-it-consulting#consulting-services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Renfort et extension d'équipe IT
</font></a><a href="/fr_BE/pole-it-consulting#consulting-services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Gouvernance de projets IT</font></a>
<a href="/fr_BE/pole-it-consulting#consulting-services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Projets cloud et modernisation d'infrastructure</font></a><a href="/fr_BE/pole-it-consulting#consulting-services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Projets de développement IT</font></a><a href="/fr_BE/pole-it-consulting#consulting-services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Expertise et renfort en cybersécurité
</font></a><a href="/fr_BE/pole-it-consulting#consulting-services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Accompagnement au 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/pole-infrastructure-management" data-bs-original-title="" title=""><font class="text-o-color-3">IT Infrastructure management</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-infrastructure-management#6-services-for-your-IT-infrastructure" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Support</font></a><a href="/fr_BE/pole-infrastructure-management#6-services-for-your-IT-infrastructure" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Maintenance et monitoring</font></a>
<a href="/fr_BE/pole-infrastructure-management#6-services-for-your-IT-infrastructure" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Réseau</font></a>
<a href="/fr_BE/pole-infrastructure-management#6-services-for-your-IT-infrastructure" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Équipements</font></a><a href="/fr_BE/pole-infrastructure-management#6-services-for-your-IT-infrastructure" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Communication et collaboration</font></a><a href="/fr_BE/pole-infrastructure-management#6-services-for-your-IT-infrastructure" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Cloud</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-odoo" data-bs-original-title="" title=""><font class="text-o-color-3">ODOO Integration</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-odoo#services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Digitalisation de vos processus</font></a>
<a href="/fr_BE/pole-odoo#services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Développement Odoo sur mesure</font></a>
<a href="/fr_BE/pole-odoo#services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Intégrations et connecteurs</font></a>
<a href="/fr_BE/pole-odoo#services" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title=""><font class="text-o-color-3">Support et migration</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>
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE/shop" class="nav-link">
<span>SHOP</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="/index" 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/index" 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/index" 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://abakus.islonline.net/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">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=74fa784" 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 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>
<li role="presentation" class="nav-item">
<a role="menuitem" href="/fr_BE/shop" class="nav-link">
<span>SHOP</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="/index" 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/index" 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/index" 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://abakus.islonline.net/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">LAISSEZ-NOUS FAIRE !</a>
</div>
</section>
</div>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<main>
<div id="wrap" class="oe_structure oe_empty"><meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>ABAKUS IT-SOLUTIONS</title>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet"/>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--accent: #FF4C02;
--accent-hover: #FF6B2B;
--accent-dim: rgba(255,76,2,0.15);
--accent-border: rgba(255,76,2,0.28);
--font: 'Open Sans', sans-serif;
}
html, body { height: 100%; margin: 0; background: #080604; font-family: var(--font); -webkit-font-smoothing: antialiased; scroll-behavior: smooth; overflow-x: hidden; }
.hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; z-index: 0; background: url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=1800&q=80') center 28% / cover no-repeat; }
.hero-ov1 { position: absolute; inset: 0; z-index: 1; background: linear-gradient(112deg, rgba(5,3,1,0.98) 0%, rgba(8,5,2,0.92) 35%, rgba(12,7,3,0.68) 62%, rgba(5,3,1,0.50) 100%); }
.hero-ov2 { position: absolute; inset: 0; z-index: 2; background: linear-gradient(to bottom, rgba(5,3,1,0.60) 0%, transparent 20%), linear-gradient(to top, rgba(5,3,1,0.80) 0%, transparent 30%); }
.hero-ov3 { position: absolute; inset: 0; z-index: 3; background: radial-gradient(ellipse 55% 45% at 0% 100%, rgba(255,76,2,0.09) 0%, transparent 65%); }
.hero-body {
position: relative; z-index: 5; flex: 1;
display: flex; align-items: center;
max-width: 1280px; margin: 0 auto;
padding: 80px 56px; width: 100%; gap: 56px;
}
.hero-left { flex: 1; min-width: 0; }
.eyebrow {
display: inline-flex; align-items: center; gap: 8px;
font-size: 10.5px; font-weight: 700; color: var(--accent);
letter-spacing: .15em; text-transform: uppercase;
background: var(--accent-dim); border: 1px solid var(--accent-border);
padding: 6px 14px; border-radius: 99px; margin-bottom: 30px;
}
.eyebrow-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); animation: blink 2.2s ease-in-out infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.2} }
h1 { font-size: clamp(36px, 4.2vw, 56px); font-weight: 800; color: #fff; line-height: 1.08; letter-spacing: -.03em; margin-bottom: 22px; }
h1 em { font-style: normal; color: var(--accent); text-shadow: 0 0 80px rgba(255,76,2,0.25); }
.sub { font-size: 15px; color: rgba(255,255,255,0.42); line-height: 1.75; margin-bottom: 42px; max-width: 440px; }
.actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.btn-primary {
display: inline-flex; align-items: center; gap: 9px;
background: var(--accent); color: #fff; font-weight: 700;
padding: 15px 28px; border-radius: 99px; font-size: 13px; font-family: var(--font);
border: none; cursor: pointer; text-transform: uppercase; letter-spacing: .07em;
text-decoration: none; transition: background .15s, transform .12s, box-shadow .15s;
box-shadow: 0 6px 28px rgba(255,76,2,0.32);
}
.btn-primary:hover { background: var(--accent-hover); transform: translateY(-1px); box-shadow: 0 12px 36px rgba(255,76,2,0.42); }
.btn-secondary {
display: inline-flex; align-items: center; gap: 9px;
color: rgba(255,255,255,0.78); font-size: 13px; font-weight: 600;
border: 1px solid rgba(255,255,255,0.22); padding: 14px 24px; border-radius: 99px;
font-family: var(--font); background: transparent; cursor: pointer; text-decoration: none;
transition: border-color .15s, color .15s, background .15s;
}
.btn-secondary:hover { border-color: rgba(255,76,2,0.55); color: var(--accent); background: rgba(255,76,2,0.06); }
.hero-stats { display: flex; gap: 0; margin-top: 52px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.07); }
.stat-item { flex: 1; }
.stat-num { font-size: 27px; font-weight: 800; color: #fff; letter-spacing: -.025em; line-height: 1; }
.stat-num em { color: var(--accent); font-style: normal; }
.stat-label { font-size: 9.5px; font-weight: 700; color: rgba(255,255,255,0.30); text-transform: uppercase; letter-spacing: .10em; margin-top: 7px; }
.stat-sep { width: 1px; background: rgba(255,255,255,0.08); margin: 0 24px; align-self: stretch; }
/* ── FILE TREE ── */
.hero-right { width: 420px; flex-shrink: 0; }
.tree-wrap {
width: 100%;
background: rgba(30,18,10,0.84);
border: 1px solid rgba(255,76,2,0.28);
border-radius: 14px;
box-shadow: 0 8px 40px rgba(0,0,0,0.40), 0 4px 12px rgba(255,76,2,0.07);
overflow: hidden;
animation: treeIn .65s cubic-bezier(.22,1,.36,1) .3s both;
}
@keyframes treeIn { from{opacity:0;transform:translateX(20px)} to{opacity:1;transform:translateX(0)} }
.tree-header {
display: flex; align-items: center; gap: 10px;
padding: 12px 18px;
background: rgba(255,76,2,0.10);
border-bottom: 1px solid rgba(255,76,2,0.18);
}
.th-title { font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.35); letter-spacing: .10em; white-space: nowrap; }
.th-badge { font-size: 9px; font-weight: 700; color: var(--accent); background: rgba(255,76,2,0.15); padding: 2px 8px; border-radius: 99px; letter-spacing: .04em; white-space: nowrap; flex-shrink: 0; margin-left: auto; }
.tree-body { padding: 12px 0 8px; }
.root-row { display: flex; align-items: center; gap: 8px; padding: 6px 18px 10px; }
.root-label { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.95); white-space: nowrap; }
.root-sub { font-size: 10px; color: rgba(255,255,255,0.28); margin-left: 4px; font-weight: 400; white-space: nowrap; }
.pole { border-top: 1px solid rgba(255,255,255,0.06); }
.pole-row {
display: flex; align-items: center;
padding: 10px 18px 10px 14px;
gap: 0; text-decoration: none; cursor: pointer;
transition: background .15s;
}
.pole-row:hover { background: rgba(255,76,2,0.07); }
.pole-row:hover .pole-name { color: #fff; }
.vline { width: 1px; min-height: 20px; background: rgba(255,255,255,0.12); margin: 0 10px 0 4px; flex-shrink: 0; align-self: stretch; }
.hline { width: 12px; height: 1px; background: rgba(255,255,255,0.12); flex-shrink: 0; margin-right: 4px; }
.chevron-icon {
width: 14px; height: 14px; display: flex; align-items: center; justify-content: center;
flex-shrink: 0; margin-right: 6px;
}
.chevron-icon svg { width: 9px; height: 9px; }
.folder-svg { flex-shrink: 0; margin-right: 8px; }
.pole-name { font-size: 12.5px; font-weight: 700; color: rgba(255,255,255,0.90); flex: 1; }
.pole-count {
font-size: 9px; font-weight: 700; color: var(--accent);
background: rgba(255,76,2,0.14); padding: 2px 7px; border-radius: 99px;
flex-shrink: 0;
}
.tree-footer {
padding: 10px 18px; border-top: 1px solid rgba(255,255,255,0.06);
display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.tf-l { font-size: 9.5px; color: rgba(255,255,255,0.25); font-weight: 600; letter-spacing: .08em; white-space: nowrap; }
.tf-r { font-size: 9.5px; color: rgba(255,76,2,0.65); font-weight: 700; white-space: nowrap; }
/* ── SCROLL HINT ── */
.scroll-hint { position: relative; z-index: 5; display: flex; flex-direction: column; align-items: center; padding-bottom: 28px; gap: 8px; }
.scroll-line { width: 1px; height: 34px; background: linear-gradient(to bottom, rgba(255,76,2,0.65), transparent); animation: sp 2.2s ease-in-out infinite; }
@keyframes sp { 0%,100%{opacity:.25} 50%{opacity:.9} }
.scroll-text { font-size: 9.5px; font-weight: 700; color: rgba(255,255,255,0.18); letter-spacing: .16em; text-transform: uppercase; }
/* ── RESPONSIVE ── */
@media (max-width:1100px) { .hero-body { padding: 60px 40px; gap: 40px; } .hero-right { width: 360px; } }
@media (max-width:800px) {
.hero-body { flex-direction: column; align-items: flex-start; padding: 56px 24px 40px; gap: 32px; }
.hero-right { width: 100%; max-width: 100%; }
.sub { max-width: 100%; }
.hero-stats { flex-wrap: wrap; gap: 20px; margin-top: 40px; padding-top: 28px; }
.stat-sep { display: none; }
.stat-item { min-width: calc(50% - 10px); }
/* Tree mobile : compact et propre */
.tree-header { padding: 10px 14px; }
.th-title { font-size: 9px; }
.th-badge { font-size: 8px; padding: 2px 7px; }
.root-row { padding: 6px 14px 8px; }
.root-label { font-size: 11.5px; }
.pole-row { padding: 10px 14px 10px 10px; }
.pole-name { font-size: 12px; }
.vline { margin: 0 8px 0 2px; }
.tree-footer { padding: 9px 14px; }
.tf-l { font-size: 9px; }
.tf-r { font-size: 9px; }
}
@media (max-width:480px) {
.hero-body { padding: 48px 20px 36px; }
h1 { font-size: 34px; }
.eyebrow { font-size: 9.5px; }
.actions { flex-direction: column; align-items: flex-start; width: 100%; }
.btn-primary, .btn-secondary { width: 100%; justify-content: center; }
}
</style>
<section class="hero">
<div class="hero-bg"></div>
<div class="hero-ov1"></div>
<div class="hero-ov2"></div>
<div class="hero-ov3"></div>
<div class="hero-body">
<div class="hero-left">
<p class="eyebrow"><span class="eyebrow-dot"></span>Solutions IT · Belgique · Luxembourg · Allemagne</p>
<h1>Le confort IT<br/>pour votre<br/><em>entreprise.</em></h1>
<p class="sub">De la cybersécurité à Odoo, de l'infrastructure au conseil IT : ABAKUS IT-SOLUTIONS prend en charge l'intégralité de votre environnement IT pour que vous puissiez vous concentrer sur l'essentiel.</p>
<div class="actions">
<a href="#experts" class="btn-primary">
Contacter un expert
<svg width="13" height="13" viewbox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-3 3" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
<a href="#services" class="btn-secondary">
Voir nos services
<svg width="13" height="13" viewbox="0 0 14 14" fill="none"><path d="M3 7h8M8 4l3 3-4 3" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a>
</div>
<div class="hero-stats">
<div class="stat-item"><div class="stat-num">200<em>+</em></div><div class="stat-label">Clients accompagnés</div></div>
<div class="stat-sep"></div>
<div class="stat-item"><div class="stat-num"><em>3</em></div><div class="stat-label">Pays</div></div>
<div class="stat-sep"></div>
<div class="stat-item"><div class="stat-num">35<em>+</em></div><div class="stat-label">Années d'expérience</div></div>
<div class="stat-sep"></div>
<div class="stat-item"><div class="stat-num"><em>4</em></div><div class="stat-label">Domaines d'expertise</div></div>
</div>
</div>
<div class="hero-right">
<div class="tree-wrap">
<div class="tree-header">
<span class="th-title">~/abakus/services</span>
<span class="th-badge">18 services</span>
</div>
<div class="tree-body">
<div class="root-row">
<svg width="16" height="14" viewbox="0 0 16 14" fill="none" style="flex-shrink:0;margin-right:8px">
<rect x="0" y="2" width="16" height="11" rx="2" fill="rgba(255,76,2,0.25)" stroke="#FF4C02" stroke-width="1"></rect>
<rect x="0" y="0" width="6" height="3.5" rx="1" fill="rgba(255,76,2,0.45)"></rect>
</svg>
<span class="root-label">ABAKUS IT-SOLUTIONS</span>
<span class="root-sub">4 pôles</span>
</div>
<div class="pole">
<a href="https://www.abakusitsolutions.eu/pole-cybersecurity" class="pole-row">
<div class="vline"></div><div class="hline"></div>
<div class="chevron-icon"><svg viewbox="0 0 9 9" fill="none"><path d="M2 1.5l4 3-4 3" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<svg class="folder-svg" width="18" height="15" viewbox="0 0 18 15" fill="none">
<rect x="0" y="3" width="18" height="11" rx="2" fill="rgba(255,76,2,0.22)" stroke="#FF4C02" stroke-width="1"></rect>
<rect x="0" y="0" width="7" height="4" rx="1.5" fill="rgba(255,76,2,0.40)"></rect>
</svg>
<span class="pole-name">Cybersécurité</span>
<span class="pole-count">5</span>
</a>
</div>
<div class="pole">
<a href="https://www.abakusitsolutions.eu/pole-odoo" class="pole-row">
<div class="vline"></div><div class="hline"></div>
<div class="chevron-icon"><svg viewbox="0 0 9 9" fill="none"><path d="M2 1.5l4 3-4 3" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<svg class="folder-svg" width="18" height="15" viewbox="0 0 18 15" fill="none">
<rect x="0" y="3" width="18" height="11" rx="2" fill="rgba(255,76,2,0.22)" stroke="#FF4C02" stroke-width="1"></rect>
<rect x="0" y="0" width="7" height="4" rx="1.5" fill="rgba(255,76,2,0.40)"></rect>
</svg>
<span class="pole-name">Odoo Intégration</span>
<span class="pole-count">4</span>
</a>
</div>
<div class="pole">
<a href="https://www.abakusitsolutions.eu/pole-infrastructure-management" class="pole-row">
<div class="vline"></div><div class="hline"></div>
<div class="chevron-icon"><svg viewbox="0 0 9 9" fill="none"><path d="M2 1.5l4 3-4 3" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<svg class="folder-svg" width="18" height="15" viewbox="0 0 18 15" fill="none">
<rect x="0" y="3" width="18" height="11" rx="2" fill="rgba(255,76,2,0.22)" stroke="#FF4C02" stroke-width="1"></rect>
<rect x="0" y="0" width="7" height="4" rx="1.5" fill="rgba(255,76,2,0.40)"></rect>
</svg>
<span class="pole-name">IT Infrastructure Management</span>
<span class="pole-count">5</span>
</a>
</div>
<div class="pole">
<a href="https://www.abakusitsolutions.eu/pole-it-consulting" class="pole-row">
<div class="vline"></div><div class="hline"></div>
<div class="chevron-icon"><svg viewbox="0 0 9 9" fill="none"><path d="M2 1.5l4 3-4 3" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
<svg class="folder-svg" width="18" height="15" viewbox="0 0 18 15" fill="none">
<rect x="0" y="3" width="18" height="11" rx="2" fill="rgba(255,76,2,0.22)" stroke="#FF4C02" stroke-width="1"></rect>
<rect x="0" y="0" width="7" height="4" rx="1.5" fill="rgba(255,76,2,0.40)"></rect>
</svg>
<span class="pole-name">IT Consulting</span>
<span class="pole-count">4</span>
</a>
</div>
</div>
<div class="tree-footer">
<span class="tf-l">BE · LU · DE</span>
<span class="tf-r">200+ clients · 35 ans d'expertise</span>
</div>
</div>
</div>
</div>
<div class="scroll-hint">
<div class="scroll-line"></div>
<span class="scroll-text">Scroll</span>
</div>
</section>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css"/>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --abk-accent: #FF4C02; --abk-al: #FFE8DF; --abk-text: #1A1A1A; --abk-tm: #555; --abk-border: #E8E8E8; --abk-white: #FFFFFF; --abk-font: 'Open Sans', sans-serif; --abk-r: 16px; --abk-rs: 10px; }
.abk-s3 { padding: 96px 40px; background: var(--abk-white); font-family: var(--abk-font); -webkit-font-smoothing: antialiased; }
.abk-s3-inner { max-width: 1168px; margin: 0 auto; }
.abk-s3-hd { margin-bottom: 48px; }
.abk-tag { display: inline-block; font-size: 11px; font-weight: 700; color: var(--abk-accent); letter-spacing: .1em; text-transform: uppercase; background: var(--abk-al); padding: 5px 14px; border-radius: 99px; margin-bottom: 16px; }
.abk-s3 h2 { font-size: 36px; font-weight: 700; color: var(--abk-text); letter-spacing: -.01em; line-height: 1.15; }
.abk-s3 h2 strong { color: var(--abk-text); }
.abk-s3-sub { font-size: 16px; color: var(--abk-tm); margin-top: 12px; max-width: 560px; line-height: 1.7; }
.abk-s3-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.abk-pc { border: 1.5px solid var(--abk-border); border-radius: var(--abk-r); padding: 28px 24px; text-decoration: none; display: block; transition: border-color .15s, transform .15s; background: var(--abk-white); position: relative; overflow: hidden; }
.abk-pc::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--abk-accent); }
.abk-pc:hover { border-color: var(--abk-accent); transform: translateY(-3px); }
.abk-pc-icon { width: 48px; height: 48px; border-radius: 14px; margin-bottom: 18px; display: flex; align-items: center; justify-content: center; background: var(--abk-al); color: var(--abk-accent); }
.abk-pc-icon i { font-size: 24px; }
.abk-pc-name { font-size: 15px; font-weight: 700; color: var(--abk-text); margin-bottom: 8px; }
.abk-pc-desc { font-size: 13px; color: var(--abk-tm); line-height: 1.6; margin-bottom: 20px; }
.abk-pc-link { font-size: 13px; font-weight: 700; color: var(--abk-accent); }
@media (max-width: 900px) {
.abk-s3 { padding: 72px 24px; }
.abk-s3-grid { grid-template-columns: repeat(2, 1fr); }
.abk-s3 h2 { font-size: 28px; }
}
@media (max-width: 480px) {
.abk-s3 { padding: 56px 20px; }
.abk-s3-grid { grid-template-columns: 1fr; }
.abk-s3-hd { margin-bottom: 32px; }
}
</style>
<section class="abk-s3" id="services">
<div class="abk-s3-inner">
<div class="abk-s3-hd">
<span class="abk-tag">Notre expertise</span>
<h2>4 domaines d'expertise.<br/><strong>Un seul partenaire.</strong></h2>
<p class="abk-s3-sub">ABAKUS couvre l'ensemble de vos besoins IT, avec une approche cohérente et un environnement totalement maîtrisé.</p>
</div>
<div class="abk-s3-grid">
<a href="https://www.abakusitsolutions.eu/pole-cybersecurity" class="abk-pc">
<div class="abk-pc-icon"><i class="ti ti-shield-lock" aria-hidden="true"></i></div>
<p class="abk-pc-name">Cybersécurité</p>
<p class="abk-pc-desc">Protégez vos systèmes, vos données et vos utilisateurs contre les menaces actuelles, et mettez-vous en conformité avec les exigences réglementaires.</p>
<span class="abk-pc-link">Découvrir →</span>
</a>
<a href="https://www.abakusitsolutions.eu/pole-odoo" class="abk-pc">
<div class="abk-pc-icon"><i class="ti ti-layout-grid" aria-hidden="true"></i></div>
<p class="abk-pc-name">Odoo Intégration</p>
<p class="abk-pc-desc">Adoptez Odoo en l'alignant sur vos processus métiers, pour une solution adaptée à votre réalité opérationnelle.</p>
<span class="abk-pc-link">Découvrir →</span>
</a>
<a href="https://www.abakusitsolutions.eu/pole-infrastructure-management" class="abk-pc">
<div class="abk-pc-icon"><i class="ti ti-server-2" aria-hidden="true"></i></div>
<p class="abk-pc-name">Infrastructure Management</p>
<p class="abk-pc-desc">Bénéficiez d'une infrastructure stable et performante, conçue pour soutenir vos opérations au quotidien.</p>
<span class="abk-pc-link">Découvrir →</span>
</a>
<a href="https://www.abakusitsolutions.eu/pole-it-consulting" class="abk-pc">
<div class="abk-pc-icon"><i class="ti ti-chart-dots" aria-hidden="true"></i></div>
<p class="abk-pc-name">IT Consulting</p>
<p class="abk-pc-desc">Renforcez vos équipes et vos projets avec des experts IT qualifiés, pleinement intégrés à votre environnement.</p>
<span class="abk-pc-link">Découvrir →</span>
</a>
</div>
</div>
</section><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap" rel="stylesheet"/>
<style>
.abk-why *, .abk-why *::before, .abk-why *::after { box-sizing: border-box; margin: 0; padding: 0; }
.abk-why {
font-family: 'Open Sans', sans-serif;
background: #F5F5F5;
-webkit-font-smoothing: antialiased;
width: 100%;
padding: 72px 40px;
}
.abk-why-inner { max-width: 1168px; margin: 0 auto; }
.abk-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: stretch; }
.abk-why-left { display: flex; flex-direction: column; }
.abk-why-tag { display: inline-block; font-size: 11px; font-weight: 700; color: #FF4C02; letter-spacing: .1em; text-transform: uppercase; background: #FFE8DF; padding: 5px 14px; border-radius: 99px; margin-bottom: 16px; align-self: flex-start; }
.abk-why-headline { font-size: 36px; font-weight: 700; color: #1A1A1A; line-height: 1.15; letter-spacing: -.02em; margin-bottom: 40px; }
.abk-why-headline span { color: #FF4C02; }
.abk-why-args { display: flex; flex-direction: column; flex: 1; }
.abk-why-arg { display: flex; gap: 20px; padding: 24px 0; border-bottom: 1px solid #E8E8E8; }
.abk-why-arg:last-child { border-bottom: none; flex: 1; }
.abk-why-num { font-size: 11px; font-weight: 700; color: #FF4C02; letter-spacing: .06em; padding-top: 3px; flex-shrink: 0; width: 20px; }
.abk-why-arg-title { font-size: 15px; font-weight: 700; color: #1A1A1A; margin-bottom: 6px; }
.abk-why-arg-desc { font-size: 13.5px; color: #555; line-height: 1.65; }
.abk-why-right { display: flex; flex-direction: column; gap: 16px; }
.abk-why-photo-frame { position: relative; border-radius: 16px; overflow: hidden; flex: 1; min-height: 0; }
.abk-why-photo-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.abk-why-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.58) 0%, transparent 60%); }
.abk-why-caption { position: absolute; bottom: 20px; left: 24px; right: 24px; display: flex; gap: 24px; }
.abk-why-stat-num { font-size: 26px; font-weight: 800; color: #fff; line-height: 1; }
.abk-why-stat-lab { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,0.75); margin-top: 3px; }
.abk-why-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; flex-shrink: 0; }
.abk-why-fact { background: #EBEBEB; border-radius: 12px; padding: 16px 18px; }
.abk-why-fact-label { font-size: 11px; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
.abk-why-fact-value { font-size: 14px; font-weight: 700; color: #1A1A1A; }
@media (max-width: 900px) {
.abk-why { padding: 56px 24px; }
.abk-why-grid { grid-template-columns: 1fr; gap: 40px; }
.abk-why-headline { font-size: 28px; }
.abk-why-photo-frame { min-height: 260px; flex: none; height: 260px; }
}
@media (max-width: 480px) {
.abk-why { padding: 48px 20px; }
.abk-why-headline { font-size: 24px; }
.abk-why-caption { gap: 16px; }
.abk-why-stat-num { font-size: 20px; }
}
</style>
<section class="abk-why">
<div class="abk-why-inner">
<div class="abk-why-grid">
<div class="abk-why-left">
<span class="abk-why-tag">Pourquoi ABAKUS IT-SOLUTIONS</span>
<p class="abk-why-headline">Plus que des experts :<br/><span>un véritable partenaire.</span></p>
<div class="abk-why-args">
<div class="abk-why-arg">
<span class="abk-why-num">01</span>
<div>
<p class="abk-why-arg-title">Une approche globale et cohérente</p>
<p class="abk-why-arg-desc">Cybersécurité, infrastructure, Odoo et conseil : vos enjeux IT sont traités dans leur globalité, avec une vision unifiée et des solutions qui fonctionnent ensemble.</p>
</div>
</div>
<div class="abk-why-arg">
<span class="abk-why-num">02</span>
<div>
<p class="abk-why-arg-title">Un esprit pragmatique</p>
<p class="abk-why-arg-desc">Nos solutions et recommandations sont toujours alignées avec votre réalité opérationnelle. Nous sommes là pour vous conseiller et vous accompagner afin que vous puissiez vous concentrer sur votre activité.</p>
</div>
</div>
<div class="abk-why-arg">
<span class="abk-why-num">03</span>
<div>
<p class="abk-why-arg-title">Proche de nos clients</p>
<p class="abk-why-arg-desc">ABAKUS IT-SOLUTIONS opère depuis la Belgique, l'Allemagne et le Luxembourg. Nous comprenons votre environnement et vos enjeux.</p>
</div>
</div>
</div>
</div>
<div class="abk-why-right">
<div class="abk-why-photo-frame">
<img src="https://www.abakusitsolutions.eu/web/image/1387406-0b097c87/1ERCHO~1.JPG" alt="L'équipe ABAKUS" loading="lazy"/>
<div class="abk-why-overlay"></div>
<div class="abk-why-caption">
<div>
<div class="abk-why-stat-num">200+</div>
<div class="abk-why-stat-lab">Clients accompagnés</div>
</div>
<div>
<div class="abk-why-stat-num">35+</div>
<div class="abk-why-stat-lab">Années d'expérience</div>
</div>
<div>
<div class="abk-why-stat-num">BE · LU · DE</div>
<div class="abk-why-stat-lab">Pays</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><section class="s_embed_code o_colored_level pt0 pb0 text-start" data-snippet="s_embed_code" data-name="Code intégré" style="background-color: rgb(255, 255, 255); background-image: none;"><template class="s_embed_code_saved"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap" rel="stylesheet"/>
<style>
.nf2-wrap *,.nf2-wrap *::before,.nf2-wrap *::after{box-sizing:border-box;margin:0;padding:0}
/* ── OUTER ── */
.nf2-outer{
background:#F5F5F5;
padding:96px 24px;
font-family:'Open Sans',sans-serif;
-webkit-font-smoothing:antialiased;
overflow:hidden;
position:relative;
}
.nf2-outer::before{
content:'';position:absolute;inset:0;
background-image:
linear-gradient(rgba(255,76,2,0.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,76,2,0.05) 1px,transparent 1px);
background-size:48px 48px;pointer-events:none;
}
.nf2-outer::after{
content:'';position:absolute;inset:0;
background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 30%,#F5F5F5 100%);
pointer-events:none;
}
.nf2-wrap{
max-width:640px;margin:0 auto;padding:0;
position:relative;z-index:2;
}
/* ── HEADER ── */
.nf2-hd{
text-align:center;margin-bottom:40px;
opacity:0;transform:translateY(24px);
transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
}
.nf2-hd.nf2-visible{opacity:1;transform:none}
.nf2-tag{
display:inline-flex;align-items:center;gap:7px;
font-size:10.5px;font-weight:700;color:#FF4C02;
letter-spacing:.12em;text-transform:uppercase;
background:#FFE8DF;border:1px solid rgba(255,76,2,0.22);
padding:6px 14px;border-radius:99px;margin-bottom:18px;
}
.nf2-dot{width:6px;height:6px;border-radius:50%;background:#FF4C02;animation:nf2blink 2s ease-in-out infinite}
@keyframes nf2blink{0%,100%{opacity:1}50%{opacity:.2}}
.nf2-hd h2{
font-size:clamp(28px,4vw,40px);font-weight:800;
color:#1A1A1A;line-height:1.1;letter-spacing:-.025em;margin-bottom:12px;
}
.nf2-hd h2 em{font-style:normal;color:#FF4C02}
.nf2-hd p{font-size:14px;color:#888;line-height:1.65;max-width:360px;margin:0 auto}
/* ── PROGRESS ── */
.nf2-progress{
height:2px;background:#E8E8E8;
border-radius:99px;margin-bottom:32px;overflow:hidden;
opacity:0;transition:opacity .5s ease .4s;
}
.nf2-hd.nf2-visible ~ .nf2-progress{opacity:1}
.nf2-bar{height:100%;width:0%;background:linear-gradient(90deg,#FF4C02,#FF8C5A);border-radius:99px;transition:width .6s cubic-bezier(.22,1,.36,1)}
/* ── CHAT SHELL ── */
.nf2-shell{
background:#fff;
border:1px solid #E8E8E8;
border-radius:20px;overflow:hidden;
opacity:0;transform:translateY(16px);
transition:opacity .6s cubic-bezier(.22,1,.36,1) .15s,transform .6s cubic-bezier(.22,1,.36,1) .15s;
box-shadow:0 4px 32px rgba(0,0,0,0.06);
}
.nf2-shell.nf2-visible{opacity:1;transform:none}
/* Chat header */
.nf2-chat-header{
display:flex;align-items:center;gap:12px;
padding:14px 20px;
background:#FFF8F6;
border-bottom:1px solid #F0E8E4;
}
.nf2-chat-av{
width:36px;height:36px;border-radius:50%;
background:linear-gradient(135deg,#FF4C02,#FF8040);
display:flex;align-items:center;justify-content:center;
font-size:10px;font-weight:800;color:#fff;
position:relative;flex-shrink:0;
}
.nf2-chat-av::after{
content:'';position:absolute;bottom:1px;right:1px;
width:9px;height:9px;border-radius:50%;
background:#22C55E;border:2px solid #fff;
}
.nf2-chat-name{font-size:13px;font-weight:700;color:#1A1A1A;line-height:1}
.nf2-chat-status{font-size:11px;color:#999;margin-top:2px}
/* Chat body */
.nf2-chat-body{padding:20px 20px 20px}
/* ── STAGE ── */
.nf2-stage{position:relative;min-height:300px}
.nf2-screen{
position:absolute;inset:0;opacity:0;pointer-events:none;
transform:translateY(10px);
transition:opacity .35s ease,transform .35s ease;
display:flex;flex-direction:column;
}
.nf2-screen.nf2-active{opacity:1;pointer-events:all;transform:none;position:relative}
.nf2-screen.nf2-out{opacity:0;transform:translateY(-12px);pointer-events:none}
/* Typing indicator */
.nf2-typing{
display:flex;align-items:center;gap:10px;
margin-bottom:0;opacity:0;transition:opacity .3s ease;
}
.nf2-typing.nf2-show{opacity:1}
.nf2-typing-av{
width:32px;height:32px;border-radius:50%;
background:linear-gradient(135deg,#FF4C02,#FF8040);
flex-shrink:0;display:flex;align-items:center;justify-content:center;
font-size:9px;font-weight:800;color:#fff;
}
.nf2-typing-bub{
background:#F0EEEC;border:1px solid #E4E2DF;
border-radius:16px 16px 16px 4px;
padding:12px 16px;display:flex;align-items:center;gap:5px;
}
.nf2-typing-bub span{
width:7px;height:7px;border-radius:50%;background:#ccc;
display:inline-block;animation:nf2bounce .9s ease-in-out infinite;
}
.nf2-typing-bub span:nth-child(2){animation-delay:.15s}
.nf2-typing-bub span:nth-child(3){animation-delay:.30s}
@keyframes nf2bounce{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}
/* Message */
.nf2-msg{
display:flex;align-items:flex-end;gap:10px;
margin-bottom:18px;
opacity:0;transform:translateY(8px);
transition:opacity .4s ease,transform .4s ease;
}
.nf2-msg.nf2-show{opacity:1;transform:none}
.nf2-av{
width:32px;height:32px;border-radius:50%;
background:linear-gradient(135deg,#FF4C02,#FF8040);
flex-shrink:0;display:flex;align-items:center;justify-content:center;
font-size:9px;font-weight:800;color:#fff;
}
.nf2-bub{
background:#F0EEEC;border:1px solid #E4E2DF;
border-radius:16px 16px 16px 4px;
padding:13px 17px;font-size:15px;font-weight:600;
color:#1A1A1A;line-height:1.5;max-width:440px;
}
.nf2-cursor{
display:inline-block;width:2px;height:15px;
background:#FF4C02;margin-left:2px;vertical-align:middle;
animation:nf2cur .6s step-end infinite;
}
.nf2-cursor.nf2-hide{display:none}
@keyframes nf2cur{0%,100%{opacity:1}50%{opacity:0}}
/* Choices */
.nf2-choices{display:flex;flex-direction:column;gap:8px;padding-left:42px}
.nf2-choice{
position:relative;
background:#fff;border:1.5px solid #E8E8E8;
border-radius:12px 12px 4px 12px;
padding:13px 44px 13px 14px;
font-size:13.5px;font-weight:600;color:#444;
cursor:pointer;font-family:'Open Sans',sans-serif;text-align:left;
transition:border-color .18s,background .18s,transform .15s,box-shadow .18s,color .18s;
line-height:1.4;display:flex;align-items:center;gap:12px;
opacity:0;transform:translateX(12px);
}
.nf2-choice.nf2-in{
opacity:1;transform:none;
transition:border-color .18s,background .18s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .18s,color .18s,opacity .4s ease;
}
.nf2-choice::after{
content:'→';position:absolute;right:14px;top:50%;
transform:translateY(-50%) translateX(-4px);
font-size:15px;color:#FF4C02;opacity:0;
transition:opacity .18s,transform .18s;
}
.nf2-choice:hover{
border-color:#FF4C02;background:#FFF8F6;color:#1A1A1A;
transform:translateX(-3px);
box-shadow:0 4px 20px rgba(255,76,2,0.10);
}
.nf2-choice:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
.nf2-choice-num{
font-size:10px;font-weight:700;color:#FF4C02;
background:#FFE8DF;border-radius:6px;padding:2px 7px;
flex-shrink:0;min-width:26px;text-align:center;
transition:background .18s,color .18s;
}
/* Result screen */
.nf2-reply-row{display:flex;justify-content:flex-end;margin-bottom:16px}
.nf2-rbub{
background:linear-gradient(135deg,#FF4C02,#FF7040);
border-radius:14px 14px 4px 14px;
padding:11px 16px;font-size:13px;font-weight:600;color:#fff;
max-width:380px;line-height:1.4;
box-shadow:0 4px 20px rgba(255,76,2,0.20);
}
.nf2-rcards{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-left:42px}
.nf2-rc{
display:flex;align-items:center;justify-content:space-between;gap:14px;
background:#fff;border:1.5px solid #E8E8E8;
border-radius:12px;padding:14px 16px;text-decoration:none;
transition:border-color .18s,transform .18s,box-shadow .18s;
cursor:pointer;opacity:0;transform:translateY(8px);
}
.nf2-rc.nf2-in{
opacity:1;transform:none;
transition:border-color .18s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .18s,opacity .4s ease;
}
.nf2-rc:hover{
border-color:#FF4C02;transform:translateX(4px);
box-shadow:0 4px 20px rgba(255,76,2,0.08);
}
.nf2-rc-left{flex:1;min-width:0}
.nf2-rc-pole{font-size:9.5px;font-weight:700;color:#FF4C02;letter-spacing:.10em;text-transform:uppercase;margin-bottom:3px}
.nf2-rc-title{font-size:13.5px;font-weight:700;color:#1A1A1A;margin-bottom:2px;line-height:1.3}
.nf2-rc-desc{font-size:11.5px;color:#999;line-height:1.45}
.nf2-rc-arr{
width:32px;height:32px;border-radius:50%;
background:#FFE8DF;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
transition:background .18s;
}
.nf2-rc:hover .nf2-rc-arr{background:#FF4C02}
.nf2-rc:hover .nf2-arr-path{stroke:#fff}
.nf2-bottom{
display:flex;align-items:center;justify-content:space-between;
margin-top:14px;padding:0 0 8px;
}
.nf2-restart-btn{
background:none;border:none;font-family:'Open Sans',sans-serif;
font-size:12px;font-weight:600;color:#ccc;
cursor:pointer;transition:color .15s;padding:6px 0;
}
.nf2-restart-btn:hover{color:#FF4C02}
.nf2-hint{font-size:11.5px;color:#ccc;font-weight:600}
@media(max-width:600px){
.nf2-outer{padding:64px 16px}
.nf2-hd h2{font-size:26px}
.nf2-bub{font-size:14px}
.nf2-choice{font-size:13px}
.nf2-stage{min-height:360px}
.nf2-choices,.nf2-rcards{padding-left:0}
}
</style>
<section class="nf2-outer">
<div class="nf2-wrap">
<div class="nf2-hd" id="nf2hd">
<div class="nf2-tag"><span class="nf2-dot"></span>Trouvez votre solution</div>
<h2 id="nf2h2">Identifiez vos <em>besoins</em> IT</h2>
<p id="nf2sub">Besoin d'accompagnement ? Répondez à quelques questions pour clarifier vos priorités.</p>
</div>
<div class="nf2-progress"><div class="nf2-bar" id="nf2bar"></div></div>
<div class="nf2-shell" id="nf2shell">
<div class="nf2-chat-header">
<div class="nf2-chat-av">AB</div>
<div>
<div class="nf2-chat-name">ABAKUS IT-SOLUTIONS</div>
<div class="nf2-chat-status" id="nf2status">En ligne, répond instantanément</div>
</div>
</div>
<div class="nf2-chat-body">
<div class="nf2-stage" id="nf2stage">
<div class="nf2-screen nf2-active" id="nf2s1">
<div class="nf2-typing" id="nf2typing">
<div class="nf2-typing-av">AB</div>
<div class="nf2-typing-bub"><span></span><span></span><span></span></div>
</div>
<div class="nf2-msg" id="nf2msg">
<div class="nf2-av">AB</div>
<div class="nf2-bub">
<span id="nf2text"></span><span class="nf2-cursor" id="nf2cursor"></span>
</div>
</div>
<div class="nf2-choices" id="nf2choices">
<button class="nf2-choice" data-nf2="security">
<span class="nf2-choice-num">01</span><span></span>
</button>
<button class="nf2-choice" data-nf2="ops">
<span class="nf2-choice-num">02</span><span></span>
</button>
<button class="nf2-choice" data-nf2="infra">
<span class="nf2-choice-num">03</span><span></span>
</button>
<button class="nf2-choice" data-nf2="strategy">
<span class="nf2-choice-num">04</span><span></span>
</button>
</div>
</div>
<div class="nf2-screen" id="nf2s2"></div>
</div>
</div>
</div>
</div>
</section>
<script>
(function(){
const BASE='https://www.abakusitsolutions.eu';
const htmlLang=document.documentElement.lang||'';
const lang=htmlLang.startsWith('fr')?'fr':htmlLang.startsWith('de')?'de':'en';
const TRANSLATIONS={
en:{
tag:'Find your solution',
h2:'Identify your IT <em>needs</em>',
sub:'Need support? Answer a few questions to clarify your priorities.',
statusInit:'Online — replies instantly',
question:"What's your main challenge right now?",
statusWaiting:'Online — waiting for your reply…',
statusPreparing:'ABAKUS is preparing your results…',
statusDone:'3 solutions found for you',
resultIntro:"Here's exactly where you need to go ↓",
restart:'↩ Start over',
hint:'Tap a card to explore →',
choices:{
security:'Our data & systems are not secure enough',
ops:"We're looking for an Odoo Integration solution",
infra:'Our IT infrastructure is holding us back',
strategy:"We need IT expertise we don't have internally"
},
needs:{
security:{pole:'Cybersecurity',results:[
{title:'Train my teams on cybersecurity',desc:'Phishing simulations, awareness programs, certified training.',url:BASE+'/needs/cybersecurity-awareness-training'},
{title:'Check if our IT system is secure',desc:'Vulnerability scans, pen testing, and maturity assessment.',url:BASE+'/needs/is-our-it-system-secure'},
{title:'Comply with NIS2 regulations',desc:'NIS2 eligibility, gap analysis, and compliance roadmap.',url:BASE+'/needs/nis2-compliance'},
]},
ops:{pole:'Odoo Integration',results:[
{title:'Centralise our data with Odoo',desc:'Connect tools, unify data, and gain full visibility.',url:BASE+'/needs/centralize-data-with-odoo'},
{title:'Adopt Odoo for our company',desc:'Full implementation, training, and go-live support.',url:BASE+'/needs/we-want-to-adopt-odoo-for-our-company'},
{title:'Find a local Odoo partner',desc:'10+ years of certified Odoo expertise in the Benelux.',url:BASE+'/needs/looking-for-a-local-odoo-partner'},
]},
infra:{pole:'IT Infrastructure Management',results:[
{title:'Outsource our IT management',desc:'Managed services, monitoring, and reactive helpdesk.',url:BASE+'/needs/managed-it-services'},
{title:'Set up a solid IT infrastructure',desc:'Servers, network, cloud, and security from day one.',url:BASE+'/needs/setup-a-solid-it-infrastructure'},
{title:'Migrate files to Microsoft 365',desc:'Smooth migration with full user adoption support.',url:BASE+'/needs/migrate-files-to-microsoft-365'},
]},
strategy:{pole:'IT Consulting',results:[
{title:'Get IT skills we lack in-house',desc:'Qualified experts integrated into your teams, fast.',url:BASE+'/needs/we-need-it-skills-we-don-t-have-in-house'},
{title:'Reinforce during peak activity',desc:'Flexible IT staffing for surges and critical projects.',url:BASE+'/needs/peak-activity-reinforcement'},
{title:'Struggling to recruit IT talent?',desc:'We find, screen, and onboard the right profiles.',url:BASE+'/needs/it-recruitment-challenges'},
]},
}
},
fr:{
tag:'Trouvez votre solution',
h2:'Identifiez vos <em>besoins</em> IT',
sub:'Besoin d’aide ? Répondez à quelques questions pour clarifier vos priorités.',
statusInit:'En ligne — répond instantanément',
question:'Quel est votre principal défi en ce moment ?',
statusWaiting:'En ligne — en attente de votre réponse…',
statusPreparing:'ABAKUS prépare vos résultats…',
statusDone:'3 solutions trouvées pour vous',
resultIntro:'Voici exactement où vous devez aller ↓',
restart:'↩ Recommencer',
hint:'Cliquez sur une carte pour explorer →',
choices:{
security:'Nos données et systèmes ne sont pas assez sécurisés',
ops:'Nous cherchons une solution d’intégration Odoo',
infra:'Notre infrastructure IT nous freine',
strategy:'Nous avons besoin d’expertises IT que nous n’avons pas en interne'
},
needs:{
security:{pole:'Cybersécurité',results:[
{title:'Former mes équipes à la cybersécurité',desc:'Simulations de phishing, programmes de sensibilisation, formations certifiées.',url:BASE+'/fr_BE/needs/cybersecurity-awareness-training'},
{title:'Vérifier si notre système IT est sécurisé',desc:'Scans de vulnérabilités, tests d’intrusion et évaluation de maturité.',url:BASE+'/fr_BE/needs/is-our-it-system-secure'},
{title:'Se conformer aux réglementations NIS2',desc:'Admissibilité NIS2, analyse des écarts et feuille de route de conformité.',url:BASE+'/fr_BE/needs/nis2-compliance'},
]},
ops:{pole:'Intégration Odoo',results:[
{title:'Centraliser nos données avec Odoo',desc:'Connecter les outils, unifier les données, gagner en visibilité.',url:BASE+'/fr_BE/needs/centralize-data-with-odoo'},
{title:'Adopter Odoo pour notre entreprise',desc:'Implémentation complète, formation et accompagnement au démarrage.',url:BASE+'/fr_BE/needs/we-want-to-adopt-odoo-for-our-company'},
{title:'Trouver un partenaire Odoo local',desc:'Plus de 10 ans d’expertise Odoo certifiée au Benelux.',url:BASE+'/fr_BE/needs/looking-for-a-local-odoo-partner'},
]},
infra:{pole:'Gestion de l’infrastructure IT',results:[
{title:'Externaliser notre gestion IT',desc:'Services managés, supervision et helpdesk réactif.',url:BASE+'/fr_BE/needs/managed-it-services'},
{title:'Mettre en place une infrastructure IT solide',desc:'Serveurs, réseau, cloud et sécurité dès le départ.',url:BASE+'/fr_BE/needs/setup-a-solid-it-infrastructure'},
{title:'Migrer vers Microsoft 365',desc:'Migration fluide avec accompagnement complet à l’adoption.',url:BASE+'/fr_BE/needs/migrate-files-to-microsoft-365'},
]},
strategy:{pole:'IT Consulting',results:[
{title:'Obtenir les compétences IT qui nous manquent',desc:'Experts qualifiés intégrés rapidement dans vos équipes.',url:BASE+'/fr_BE/needs/we-need-it-skills-we-don-t-have-in-house'},
{title:'Renforcer les équipes en période de pointe',desc:'Staffing IT flexible pour les pics d’activité et projets critiques.',url:BASE+'/fr_BE/needs/peak-activity-reinforcement'},
{title:'Difficultés à recruter des talents IT ?',desc:'Nous trouvons, évaluons et intégrons les bons profils.',url:BASE+'/fr_BE/needs/it-recruitment-challenges'},
]},
}
},
de:{
tag:'Finden Sie Ihre Lösung',
h2:'Ermitteln Sie Ihren IT-<em>Bedarf</em>',
sub:'Benötigen Sie Unterstützung? Beantworten Sie einige Fragen, um Ihre Prioritäten zu klären.',
statusInit:'Online — antwortet sofort',
question:'Was ist Ihre größte Herausforderung im Moment?',
statusWaiting:'Online — wartet auf Ihre Antwort…',
statusPreparing:'ABAKUS bereitet Ihre Ergebnisse vor…',
statusDone:'3 Lösungen für Sie gefunden',
resultIntro:'Dann sind Sie hier genau richtig ↓',
restart:'↩ Neu starten',
hint:'Karte anklicken, um mehr zu erfahren →',
choices:{
security:'Unsere Daten und Systeme sind nicht sicher genug',
ops:'Wir suchen eine Odoo-Integrationslösung',
infra:'Unsere IT-Infrastruktur bremst uns aus',
strategy:'Wir benötigen IT-Expertise, die wir intern nicht haben'
},
needs:{
security:{pole:'Cybersicherheit',results:[
{title:'Meine Teams in Cybersicherheit schulen',desc:'Phishing-Simulationen, Sensibilisierungsprogramme, zertifizierte Schulungen.',url:BASE+'/de_DE/needs/cybersecurity-awareness-training'},
{title:'Überprüfen, ob unser IT-System sicher ist',desc:'Schwachstellen-Scans, Penetrationstests und Reifegradbewertung.',url:BASE+'/de_DE/needs/is-our-it-system-secure'},
{title:'NIS2-Vorschriften einhalten',desc:'NIS2-Berechtigung, Gap-Analyse und Compliance-Roadmap.',url:BASE+'/de_DE/needs/nis2-compliance'},
]},
ops:{pole:'Odoo-Integration',results:[
{title:'Unsere Daten mit Odoo zentralisieren',desc:'Tools verbinden, Daten vereinheitlichen, volle Transparenz gewinnen.',url:BASE+'/de_DE/needs/centralize-data-with-odoo'},
{title:'Odoo für unser Unternehmen einführen',desc:'Vollständige Implementierung, Schulung und Go-Live-Begleitung.',url:BASE+'/de_DE/needs/we-want-to-adopt-odoo-for-our-company'},
{title:'Einen lokalen Odoo-Partner finden',desc:'Über 10 Jahre zertifizierte Odoo-Expertise im Benelux.',url:BASE+'/de_DE/needs/looking-for-a-local-odoo-partner'},
]},
infra:{pole:'IT-Infrastrukturmanagement',results:[
{title:'Unsere IT-Verwaltung auslagern',desc:'Managed Services, Monitoring und reaktiver Helpdesk.',url:BASE+'/de_DE/needs/managed-it-services'},
{title:'Eine solide IT-Infrastruktur aufbauen',desc:'Server, Netzwerk, Cloud und Sicherheit von Anfang an.',url:BASE+'/de_DE/needs/setup-a-solid-it-infrastructure'},
{title:'Dateien zu Microsoft 365 migrieren',desc:'Reibungslose Migration mit vollständiger Benutzerakzeptanz.',url:BASE+'/de_DE/needs/migrate-files-to-microsoft-365'},
]},
strategy:{pole:'IT-Beratung',results:[
{title:'IT-Kompetenzen gewinnen, die uns fehlen',desc:'Qualifizierte Experten schnell in Ihre Teams integriert.',url:BASE+'/de_DE/needs/we-need-it-skills-we-don-t-have-in-house'},
{title:'In Spitzenzeiten verstärken',desc:'Flexibles IT-Staffing für Lastspitzen und kritische Projekte.',url:BASE+'/de_DE/needs/peak-activity-reinforcement'},
{title:'Schwierigkeiten bei der IT-Talentsuche?',desc:'Wir finden, prüfen und integrieren die richtigen Profile.',url:BASE+'/de_DE/needs/it-recruitment-challenges'},
]},
}
}
};
const T=TRANSLATIONS[lang];
const NEEDS=T.needs;
var _nf2shell=document.getElementById('nf2shell');
if(!_nf2shell){ return; }
var _tag=document.getElementById('nf2tag');
var _h2=document.getElementById('nf2h2');
var _sub=document.getElementById('nf2sub');
if(_tag) _tag.textContent=T.tag;
if(_h2) _h2.innerHTML=T.h2;
if(_sub) _sub.textContent=T.sub;
const bar = document.getElementById('nf2bar');
const hd = document.getElementById('nf2hd');
const shell = _nf2shell;
const typing = document.getElementById('nf2typing');
const msg = document.getElementById('nf2msg');
const textEl = document.getElementById('nf2text');
const cursor = document.getElementById('nf2cursor');
const s1 = document.getElementById('nf2s1');
const s2 = document.getElementById('nf2s2');
const stage = document.getElementById('nf2stage');
const status = document.getElementById('nf2status');
if(status) status.textContent=T.statusInit;
const choices=document.getElementById('nf2choices') ? document.getElementById('nf2choices').querySelectorAll('.nf2-choice') : [];
choices.forEach(function(btn){
var key=btn.getAttribute('data-nf2');
if(!key||!T.choices[key]) return;
btn.querySelector('span:last-child').innerHTML=T.choices[key];
btn.onclick=(function(k){ return function(){ nf2Pick(k,btn,T.choices[k]); }; })(key);
});
let started = false;
function typeText(text, el, onDone){
el.textContent='';
let i=0;
const iv=setInterval(()=>{
el.textContent+=text[i]; i++;
if(i>=text.length){ clearInterval(iv); if(onDone) onDone(); }
},32);
}
function showChoices(){
cursor.classList.add('nf2-hide');
choices.forEach((btn,i)=>{ setTimeout(()=>btn.classList.add('nf2-in'), i*90); });
bar.style.width='25%';
status.textContent=T.statusWaiting;
}
function startSequence(){
if(started) return;
started=true;
setTimeout(()=>typing.classList.add('nf2-show'), 200);
setTimeout(()=>{
typing.classList.remove('nf2-show');
setTimeout(()=>{ msg.classList.add('nf2-show'); typeText(T.question,textEl,showChoices); },200);
},1600);
}
const observer=new IntersectionObserver((entries)=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
hd.classList.add('nf2-visible');
shell.classList.add('nf2-visible');
setTimeout(startSequence,500);
observer.disconnect();
}
});
},{threshold:0.25});
observer.observe(document.querySelector('.nf2-outer'));
window.nf2Pick=function(key,btn,label){
choices.forEach(b=>{
b.style.pointerEvents='none';
if(b!==btn){b.style.opacity='0.15';b.style.transform='scale(0.97)';}
});
btn.style.background='linear-gradient(135deg,#FF4C02,#FF7040)';
btn.style.borderColor='#FF4C02';
btn.style.color='#fff';
btn.style.boxShadow='0 4px 20px rgba(255,76,2,0.20)';
btn.querySelector('.nf2-choice-num').style.background='rgba(255,255,255,0.25)';
btn.querySelector('.nf2-choice-num').style.color='#fff';
bar.style.width='60%';
status.textContent=T.statusPreparing;
setTimeout(()=>{
const d=NEEDS[key];
stage.style.minHeight=stage.offsetHeight+'px';
s2.innerHTML=`
<div class="nf2-reply-row">
<div class="nf2-rbub">${label}</div>
</div>
<div class="nf2-msg nf2-show">
<div class="nf2-av">AB</div>
<div class="nf2-bub" style="font-size:14px">${T.resultIntro}</div>
</div>
<div class="nf2-rcards">
${d.results.map(r=>`
<a href="${r.url}" class="nf2-rc">
<div class="nf2-rc-left">
<div class="nf2-rc-pole">${d.pole}</div>
<div class="nf2-rc-title">${r.title}</div>
<div class="nf2-rc-desc">${r.desc}</div>
</div>
<div class="nf2-rc-arr">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none">
<path class="nf2-arr-path" d="M2.5 6.5h8M7 3.5l3 3-3 3" stroke="#FF4C02" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</a>`).join('')}
</div>
<div class="nf2-bottom">
<button class="nf2-restart-btn" onclick="nf2Restart()">${T.restart}</button>
<span class="nf2-hint">${T.hint}</span>
</div>`;
bar.style.width='100%';
status.textContent=T.statusDone;
s1.classList.add('nf2-out'); s1.classList.remove('nf2-active');
requestAnimationFrame(()=>requestAnimationFrame(()=>{
s2.classList.add('nf2-active');
setTimeout(()=>{
document.querySelectorAll('.nf2-rc').forEach((c,i)=>setTimeout(()=>c.classList.add('nf2-in'),i*100));
setTimeout(()=>stage.style.minHeight='',500);
},100);
}));
},420);
};
window.nf2Restart=function(){
stage.style.minHeight=stage.offsetHeight+'px';
s2.classList.remove('nf2-active'); s2.classList.add('nf2-out');
choices.forEach(b=>{
b.style.pointerEvents=''; b.style.opacity=''; b.style.transform='';
b.style.background=''; b.style.borderColor=''; b.style.color='';
b.style.boxShadow='';
b.querySelector('.nf2-choice-num').style.background='';
b.querySelector('.nf2-choice-num').style.color='';
});
bar.style.width='25%';
status.textContent=T.statusWaiting;
requestAnimationFrame(()=>requestAnimationFrame(()=>{
s1.classList.remove('nf2-out'); s1.classList.add('nf2-active');
setTimeout(()=>{ s2.classList.remove('nf2-out'); stage.style.minHeight=''; },400);
}));
};
})();
</script></template>
<div class="s_embed_code_embedded o_not_editable container-fluid"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap" rel="stylesheet"/><style>
.nf2-wrap *,.nf2-wrap *::before,.nf2-wrap *::after{box-sizing:border-box;margin:0;padding:0}
/* ── OUTER ── */
.nf2-outer{
background:#F5F5F5;
padding:96px 24px;
font-family:'Open Sans',sans-serif;
-webkit-font-smoothing:antialiased;
overflow:hidden;
position:relative;
}
.nf2-outer::before{
content:'';position:absolute;inset:0;
background-image:
linear-gradient(rgba(255,76,2,0.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,76,2,0.05) 1px,transparent 1px);
background-size:48px 48px;pointer-events:none;
}
.nf2-outer::after{
content:'';position:absolute;inset:0;
background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 30%,#F5F5F5 100%);
pointer-events:none;
}
.nf2-wrap{
max-width:640px;margin:0 auto;padding:0;
position:relative;z-index:2;
}
/* ── HEADER ── */
.nf2-hd{
text-align:center;margin-bottom:40px;
opacity:0;transform:translateY(24px);
transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
}
.nf2-hd.nf2-visible{opacity:1;transform:none}
.nf2-tag{
display:inline-flex;align-items:center;gap:7px;
font-size:10.5px;font-weight:700;color:#FF4C02;
letter-spacing:.12em;text-transform:uppercase;
background:#FFE8DF;border:1px solid rgba(255,76,2,0.22);
padding:6px 14px;border-radius:99px;margin-bottom:18px;
}
.nf2-dot{width:6px;height:6px;border-radius:50%;background:#FF4C02;animation:nf2blink 2s ease-in-out infinite}
@keyframes nf2blink{0%,100%{opacity:1}50%{opacity:.2}}
.nf2-hd h2{
font-size:clamp(28px,4vw,40px);font-weight:800;
color:#1A1A1A;line-height:1.1;letter-spacing:-.025em;margin-bottom:12px;
}
.nf2-hd h2 em{font-style:normal;color:#FF4C02}
.nf2-hd p{font-size:14px;color:#888;line-height:1.65;max-width:360px;margin:0 auto}
/* ── PROGRESS ── */
.nf2-progress{
height:2px;background:#E8E8E8;
border-radius:99px;margin-bottom:32px;overflow:hidden;
opacity:0;transition:opacity .5s ease .4s;
}
.nf2-hd.nf2-visible ~ .nf2-progress{opacity:1}
.nf2-bar{height:100%;width:0%;background:linear-gradient(90deg,#FF4C02,#FF8C5A);border-radius:99px;transition:width .6s cubic-bezier(.22,1,.36,1)}
/* ── CHAT SHELL ── */
.nf2-shell{
background:#fff;
border:1px solid #E8E8E8;
border-radius:20px;overflow:hidden;
opacity:0;transform:translateY(16px);
transition:opacity .6s cubic-bezier(.22,1,.36,1) .15s,transform .6s cubic-bezier(.22,1,.36,1) .15s;
box-shadow:0 4px 32px rgba(0,0,0,0.06);
}
.nf2-shell.nf2-visible{opacity:1;transform:none}
/* Chat header */
.nf2-chat-header{
display:flex;align-items:center;gap:12px;
padding:14px 20px;
background:#FFF8F6;
border-bottom:1px solid #F0E8E4;
}
.nf2-chat-av{
width:36px;height:36px;border-radius:50%;
background:linear-gradient(135deg,#FF4C02,#FF8040);
display:flex;align-items:center;justify-content:center;
font-size:10px;font-weight:800;color:#fff;
position:relative;flex-shrink:0;
}
.nf2-chat-av::after{
content:'';position:absolute;bottom:1px;right:1px;
width:9px;height:9px;border-radius:50%;
background:#22C55E;border:2px solid #fff;
}
.nf2-chat-name{font-size:13px;font-weight:700;color:#1A1A1A;line-height:1}
.nf2-chat-status{font-size:11px;color:#999;margin-top:2px}
/* Chat body */
.nf2-chat-body{padding:20px 20px 20px}
/* ── STAGE ── */
.nf2-stage{position:relative;min-height:300px}
.nf2-screen{
position:absolute;inset:0;opacity:0;pointer-events:none;
transform:translateY(10px);
transition:opacity .35s ease,transform .35s ease;
display:flex;flex-direction:column;
}
.nf2-screen.nf2-active{opacity:1;pointer-events:all;transform:none;position:relative}
.nf2-screen.nf2-out{opacity:0;transform:translateY(-12px);pointer-events:none}
/* Typing indicator */
.nf2-typing{
display:flex;align-items:center;gap:10px;
margin-bottom:0;opacity:0;transition:opacity .3s ease;
}
.nf2-typing.nf2-show{opacity:1}
.nf2-typing-av{
width:32px;height:32px;border-radius:50%;
background:linear-gradient(135deg,#FF4C02,#FF8040);
flex-shrink:0;display:flex;align-items:center;justify-content:center;
font-size:9px;font-weight:800;color:#fff;
}
.nf2-typing-bub{
background:#F0EEEC;border:1px solid #E4E2DF;
border-radius:16px 16px 16px 4px;
padding:12px 16px;display:flex;align-items:center;gap:5px;
}
.nf2-typing-bub span{
width:7px;height:7px;border-radius:50%;background:#ccc;
display:inline-block;animation:nf2bounce .9s ease-in-out infinite;
}
.nf2-typing-bub span:nth-child(2){animation-delay:.15s}
.nf2-typing-bub span:nth-child(3){animation-delay:.30s}
@keyframes nf2bounce{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}
/* Message */
.nf2-msg{
display:flex;align-items:flex-end;gap:10px;
margin-bottom:18px;
opacity:0;transform:translateY(8px);
transition:opacity .4s ease,transform .4s ease;
}
.nf2-msg.nf2-show{opacity:1;transform:none}
.nf2-av{
width:32px;height:32px;border-radius:50%;
background:linear-gradient(135deg,#FF4C02,#FF8040);
flex-shrink:0;display:flex;align-items:center;justify-content:center;
font-size:9px;font-weight:800;color:#fff;
}
.nf2-bub{
background:#F0EEEC;border:1px solid #E4E2DF;
border-radius:16px 16px 16px 4px;
padding:13px 17px;font-size:15px;font-weight:600;
color:#1A1A1A;line-height:1.5;max-width:440px;
}
.nf2-cursor{
display:inline-block;width:2px;height:15px;
background:#FF4C02;margin-left:2px;vertical-align:middle;
animation:nf2cur .6s step-end infinite;
}
.nf2-cursor.nf2-hide{display:none}
@keyframes nf2cur{0%,100%{opacity:1}50%{opacity:0}}
/* Choices */
.nf2-choices{display:flex;flex-direction:column;gap:8px;padding-left:42px}
.nf2-choice{
position:relative;
background:#fff;border:1.5px solid #E8E8E8;
border-radius:12px 12px 4px 12px;
padding:13px 44px 13px 14px;
font-size:13.5px;font-weight:600;color:#444;
cursor:pointer;font-family:'Open Sans',sans-serif;text-align:left;
transition:border-color .18s,background .18s,transform .15s,box-shadow .18s,color .18s;
line-height:1.4;display:flex;align-items:center;gap:12px;
opacity:0;transform:translateX(12px);
}
.nf2-choice.nf2-in{
opacity:1;transform:none;
transition:border-color .18s,background .18s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .18s,color .18s,opacity .4s ease;
}
.nf2-choice::after{
content:'→';position:absolute;right:14px;top:50%;
transform:translateY(-50%) translateX(-4px);
font-size:15px;color:#FF4C02;opacity:0;
transition:opacity .18s,transform .18s;
}
.nf2-choice:hover{
border-color:#FF4C02;background:#FFF8F6;color:#1A1A1A;
transform:translateX(-3px);
box-shadow:0 4px 20px rgba(255,76,2,0.10);
}
.nf2-choice:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
.nf2-choice-num{
font-size:10px;font-weight:700;color:#FF4C02;
background:#FFE8DF;border-radius:6px;padding:2px 7px;
flex-shrink:0;min-width:26px;text-align:center;
transition:background .18s,color .18s;
}
/* Result screen */
.nf2-reply-row{display:flex;justify-content:flex-end;margin-bottom:16px}
.nf2-rbub{
background:linear-gradient(135deg,#FF4C02,#FF7040);
border-radius:14px 14px 4px 14px;
padding:11px 16px;font-size:13px;font-weight:600;color:#fff;
max-width:380px;line-height:1.4;
box-shadow:0 4px 20px rgba(255,76,2,0.20);
}
.nf2-rcards{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-left:42px}
.nf2-rc{
display:flex;align-items:center;justify-content:space-between;gap:14px;
background:#fff;border:1.5px solid #E8E8E8;
border-radius:12px;padding:14px 16px;text-decoration:none;
transition:border-color .18s,transform .18s,box-shadow .18s;
cursor:pointer;opacity:0;transform:translateY(8px);
}
.nf2-rc.nf2-in{
opacity:1;transform:none;
transition:border-color .18s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .18s,opacity .4s ease;
}
.nf2-rc:hover{
border-color:#FF4C02;transform:translateX(4px);
box-shadow:0 4px 20px rgba(255,76,2,0.08);
}
.nf2-rc-left{flex:1;min-width:0}
.nf2-rc-pole{font-size:9.5px;font-weight:700;color:#FF4C02;letter-spacing:.10em;text-transform:uppercase;margin-bottom:3px}
.nf2-rc-title{font-size:13.5px;font-weight:700;color:#1A1A1A;margin-bottom:2px;line-height:1.3}
.nf2-rc-desc{font-size:11.5px;color:#999;line-height:1.45}
.nf2-rc-arr{
width:32px;height:32px;border-radius:50%;
background:#FFE8DF;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
transition:background .18s;
}
.nf2-rc:hover .nf2-rc-arr{background:#FF4C02}
.nf2-rc:hover .nf2-arr-path{stroke:#fff}
.nf2-bottom{
display:flex;align-items:center;justify-content:space-between;
margin-top:14px;padding:0 0 8px;
}
.nf2-restart-btn{
background:none;border:none;font-family:'Open Sans',sans-serif;
font-size:12px;font-weight:600;color:#ccc;
cursor:pointer;transition:color .15s;padding:6px 0;
}
.nf2-restart-btn:hover{color:#FF4C02}
.nf2-hint{font-size:11.5px;color:#ccc;font-weight:600}
@media(max-width:600px){
.nf2-outer{padding:64px 16px}
.nf2-hd h2{font-size:26px}
.nf2-bub{font-size:14px}
.nf2-choice{font-size:13px}
.nf2-stage{min-height:360px}
.nf2-choices,.nf2-rcards{padding-left:0}
}
</style><section class="nf2-outer">
<div class="nf2-wrap">
<div class="nf2-hd" id="nf2hd">
<div class="nf2-tag"><span class="nf2-dot"></span>Trouvez votre solution</div>
<h2 id="nf2h2">Identifiez vos <em>besoins</em> IT</h2>
<p id="nf2sub">Besoin d'accompagnement ? Répondez à quelques questions pour clarifier vos priorités.</p>
</div>
<div class="nf2-progress"><div class="nf2-bar" id="nf2bar"></div></div>
<div class="nf2-shell" id="nf2shell">
<div class="nf2-chat-header">
<div class="nf2-chat-av">AB</div>
<div>
<div class="nf2-chat-name">ABAKUS IT-SOLUTIONS</div>
<div class="nf2-chat-status" id="nf2status">En ligne, répond instantanément</div>
</div>
</div>
<div class="nf2-chat-body">
<div class="nf2-stage" id="nf2stage">
<div class="nf2-screen nf2-active" id="nf2s1">
<div class="nf2-typing" id="nf2typing">
<div class="nf2-typing-av">AB</div>
<div class="nf2-typing-bub"><span></span><span></span><span></span></div>
</div>
<div class="nf2-msg" id="nf2msg">
<div class="nf2-av">AB</div>
<div class="nf2-bub">
<span id="nf2text"></span><span class="nf2-cursor" id="nf2cursor"></span>
</div>
</div>
<div class="nf2-choices" id="nf2choices">
<button class="nf2-choice" data-nf2="security">
<span class="nf2-choice-num">01</span><span></span>
</button>
<button class="nf2-choice" data-nf2="ops">
<span class="nf2-choice-num">02</span><span></span>
</button>
<button class="nf2-choice" data-nf2="infra">
<span class="nf2-choice-num">03</span><span></span>
</button>
<button class="nf2-choice" data-nf2="strategy">
<span class="nf2-choice-num">04</span><span></span>
</button>
</div>
</div>
<div class="nf2-screen" id="nf2s2"></div>
</div>
</div>
</div>
</div>
</section><script>
(function(){
const BASE='https://www.abakusitsolutions.eu';
const htmlLang=document.documentElement.lang||'';
const lang=htmlLang.startsWith('fr')?'fr':htmlLang.startsWith('de')?'de':'en';
const TRANSLATIONS={
en:{
tag:'Find your solution',
h2:'Identify your IT <em>needs</em>',
sub:'Need support? Answer a few questions to clarify your priorities.',
statusInit:'Online — replies instantly',
question:"What's your main challenge right now?",
statusWaiting:'Online — waiting for your reply…',
statusPreparing:'ABAKUS is preparing your results…',
statusDone:'3 solutions found for you',
resultIntro:"Here's exactly where you need to go ↓",
restart:'↩ Start over',
hint:'Tap a card to explore →',
choices:{
security:'Our data & systems are not secure enough',
ops:"We're looking for an Odoo Integration solution",
infra:'Our IT infrastructure is holding us back',
strategy:"We need IT expertise we don't have internally"
},
needs:{
security:{pole:'Cybersecurity',results:[
{title:'Train my teams on cybersecurity',desc:'Phishing simulations, awareness programs, certified training.',url:BASE+'/needs/cybersecurity-awareness-training'},
{title:'Check if our IT system is secure',desc:'Vulnerability scans, pen testing, and maturity assessment.',url:BASE+'/needs/is-our-it-system-secure'},
{title:'Comply with NIS2 regulations',desc:'NIS2 eligibility, gap analysis, and compliance roadmap.',url:BASE+'/needs/nis2-compliance'},
]},
ops:{pole:'Odoo Integration',results:[
{title:'Centralise our data with Odoo',desc:'Connect tools, unify data, and gain full visibility.',url:BASE+'/needs/centralize-data-with-odoo'},
{title:'Adopt Odoo for our company',desc:'Full implementation, training, and go-live support.',url:BASE+'/needs/we-want-to-adopt-odoo-for-our-company'},
{title:'Find a local Odoo partner',desc:'10+ years of certified Odoo expertise in the Benelux.',url:BASE+'/needs/looking-for-a-local-odoo-partner'},
]},
infra:{pole:'IT Infrastructure Management',results:[
{title:'Outsource our IT management',desc:'Managed services, monitoring, and reactive helpdesk.',url:BASE+'/needs/managed-it-services'},
{title:'Set up a solid IT infrastructure',desc:'Servers, network, cloud, and security from day one.',url:BASE+'/needs/setup-a-solid-it-infrastructure'},
{title:'Migrate files to Microsoft 365',desc:'Smooth migration with full user adoption support.',url:BASE+'/needs/migrate-files-to-microsoft-365'},
]},
strategy:{pole:'IT Consulting',results:[
{title:'Get IT skills we lack in-house',desc:'Qualified experts integrated into your teams, fast.',url:BASE+'/needs/we-need-it-skills-we-don-t-have-in-house'},
{title:'Reinforce during peak activity',desc:'Flexible IT staffing for surges and critical projects.',url:BASE+'/needs/peak-activity-reinforcement'},
{title:'Struggling to recruit IT talent?',desc:'We find, screen, and onboard the right profiles.',url:BASE+'/needs/it-recruitment-challenges'},
]},
}
},
fr:{
tag:'Trouvez votre solution',
h2:'Identifiez vos <em>besoins</em> IT',
sub:'Besoin d’aide ? Répondez à quelques questions pour clarifier vos priorités.',
statusInit:'En ligne — répond instantanément',
question:'Quel est votre principal défi en ce moment ?',
statusWaiting:'En ligne — en attente de votre réponse…',
statusPreparing:'ABAKUS prépare vos résultats…',
statusDone:'3 solutions trouvées pour vous',
resultIntro:'Voici exactement où vous devez aller ↓',
restart:'↩ Recommencer',
hint:'Cliquez sur une carte pour explorer →',
choices:{
security:'Nos données et systèmes ne sont pas assez sécurisés',
ops:'Nous cherchons une solution d’intégration Odoo',
infra:'Notre infrastructure IT nous freine',
strategy:'Nous avons besoin d’expertises IT que nous n’avons pas en interne'
},
needs:{
security:{pole:'Cybersécurité',results:[
{title:'Former mes équipes à la cybersécurité',desc:'Simulations de phishing, programmes de sensibilisation, formations certifiées.',url:BASE+'/fr_BE/needs/cybersecurity-awareness-training'},
{title:'Vérifier si notre système IT est sécurisé',desc:'Scans de vulnérabilités, tests d’intrusion et évaluation de maturité.',url:BASE+'/fr_BE/needs/is-our-it-system-secure'},
{title:'Se conformer aux réglementations NIS2',desc:'Admissibilité NIS2, analyse des écarts et feuille de route de conformité.',url:BASE+'/fr_BE/needs/nis2-compliance'},
]},
ops:{pole:'Intégration Odoo',results:[
{title:'Centraliser nos données avec Odoo',desc:'Connecter les outils, unifier les données, gagner en visibilité.',url:BASE+'/fr_BE/needs/centralize-data-with-odoo'},
{title:'Adopter Odoo pour notre entreprise',desc:'Implémentation complète, formation et accompagnement au démarrage.',url:BASE+'/fr_BE/needs/we-want-to-adopt-odoo-for-our-company'},
{title:'Trouver un partenaire Odoo local',desc:'Plus de 10 ans d’expertise Odoo certifiée au Benelux.',url:BASE+'/fr_BE/needs/looking-for-a-local-odoo-partner'},
]},
infra:{pole:'Gestion de l’infrastructure IT',results:[
{title:'Externaliser notre gestion IT',desc:'Services managés, supervision et helpdesk réactif.',url:BASE+'/fr_BE/needs/managed-it-services'},
{title:'Mettre en place une infrastructure IT solide',desc:'Serveurs, réseau, cloud et sécurité dès le départ.',url:BASE+'/fr_BE/needs/setup-a-solid-it-infrastructure'},
{title:'Migrer vers Microsoft 365',desc:'Migration fluide avec accompagnement complet à l’adoption.',url:BASE+'/fr_BE/needs/migrate-files-to-microsoft-365'},
]},
strategy:{pole:'IT Consulting',results:[
{title:'Obtenir les compétences IT qui nous manquent',desc:'Experts qualifiés intégrés rapidement dans vos équipes.',url:BASE+'/fr_BE/needs/we-need-it-skills-we-don-t-have-in-house'},
{title:'Renforcer les équipes en période de pointe',desc:'Staffing IT flexible pour les pics d’activité et projets critiques.',url:BASE+'/fr_BE/needs/peak-activity-reinforcement'},
{title:'Difficultés à recruter des talents IT ?',desc:'Nous trouvons, évaluons et intégrons les bons profils.',url:BASE+'/fr_BE/needs/it-recruitment-challenges'},
]},
}
},
de:{
tag:'Finden Sie Ihre Lösung',
h2:'Ermitteln Sie Ihren IT-<em>Bedarf</em>',
sub:'Benötigen Sie Unterstützung? Beantworten Sie einige Fragen, um Ihre Prioritäten zu klären.',
statusInit:'Online — antwortet sofort',
question:'Was ist Ihre größte Herausforderung im Moment?',
statusWaiting:'Online — wartet auf Ihre Antwort…',
statusPreparing:'ABAKUS bereitet Ihre Ergebnisse vor…',
statusDone:'3 Lösungen für Sie gefunden',
resultIntro:'Dann sind Sie hier genau richtig ↓',
restart:'↩ Neu starten',
hint:'Karte anklicken, um mehr zu erfahren →',
choices:{
security:'Unsere Daten und Systeme sind nicht sicher genug',
ops:'Wir suchen eine Odoo-Integrationslösung',
infra:'Unsere IT-Infrastruktur bremst uns aus',
strategy:'Wir benötigen IT-Expertise, die wir intern nicht haben'
},
needs:{
security:{pole:'Cybersicherheit',results:[
{title:'Meine Teams in Cybersicherheit schulen',desc:'Phishing-Simulationen, Sensibilisierungsprogramme, zertifizierte Schulungen.',url:BASE+'/de_DE/needs/cybersecurity-awareness-training'},
{title:'Überprüfen, ob unser IT-System sicher ist',desc:'Schwachstellen-Scans, Penetrationstests und Reifegradbewertung.',url:BASE+'/de_DE/needs/is-our-it-system-secure'},
{title:'NIS2-Vorschriften einhalten',desc:'NIS2-Berechtigung, Gap-Analyse und Compliance-Roadmap.',url:BASE+'/de_DE/needs/nis2-compliance'},
]},
ops:{pole:'Odoo-Integration',results:[
{title:'Unsere Daten mit Odoo zentralisieren',desc:'Tools verbinden, Daten vereinheitlichen, volle Transparenz gewinnen.',url:BASE+'/de_DE/needs/centralize-data-with-odoo'},
{title:'Odoo für unser Unternehmen einführen',desc:'Vollständige Implementierung, Schulung und Go-Live-Begleitung.',url:BASE+'/de_DE/needs/we-want-to-adopt-odoo-for-our-company'},
{title:'Einen lokalen Odoo-Partner finden',desc:'Über 10 Jahre zertifizierte Odoo-Expertise im Benelux.',url:BASE+'/de_DE/needs/looking-for-a-local-odoo-partner'},
]},
infra:{pole:'IT-Infrastrukturmanagement',results:[
{title:'Unsere IT-Verwaltung auslagern',desc:'Managed Services, Monitoring und reaktiver Helpdesk.',url:BASE+'/de_DE/needs/managed-it-services'},
{title:'Eine solide IT-Infrastruktur aufbauen',desc:'Server, Netzwerk, Cloud und Sicherheit von Anfang an.',url:BASE+'/de_DE/needs/setup-a-solid-it-infrastructure'},
{title:'Dateien zu Microsoft 365 migrieren',desc:'Reibungslose Migration mit vollständiger Benutzerakzeptanz.',url:BASE+'/de_DE/needs/migrate-files-to-microsoft-365'},
]},
strategy:{pole:'IT-Beratung',results:[
{title:'IT-Kompetenzen gewinnen, die uns fehlen',desc:'Qualifizierte Experten schnell in Ihre Teams integriert.',url:BASE+'/de_DE/needs/we-need-it-skills-we-don-t-have-in-house'},
{title:'In Spitzenzeiten verstärken',desc:'Flexibles IT-Staffing für Lastspitzen und kritische Projekte.',url:BASE+'/de_DE/needs/peak-activity-reinforcement'},
{title:'Schwierigkeiten bei der IT-Talentsuche?',desc:'Wir finden, prüfen und integrieren die richtigen Profile.',url:BASE+'/de_DE/needs/it-recruitment-challenges'},
]},
}
}
};
const T=TRANSLATIONS[lang];
const NEEDS=T.needs;
var _nf2shell=document.getElementById('nf2shell');
if(!_nf2shell){ return; }
var _tag=document.getElementById('nf2tag');
var _h2=document.getElementById('nf2h2');
var _sub=document.getElementById('nf2sub');
if(_tag) _tag.textContent=T.tag;
if(_h2) _h2.innerHTML=T.h2;
if(_sub) _sub.textContent=T.sub;
const bar = document.getElementById('nf2bar');
const hd = document.getElementById('nf2hd');
const shell = _nf2shell;
const typing = document.getElementById('nf2typing');
const msg = document.getElementById('nf2msg');
const textEl = document.getElementById('nf2text');
const cursor = document.getElementById('nf2cursor');
const s1 = document.getElementById('nf2s1');
const s2 = document.getElementById('nf2s2');
const stage = document.getElementById('nf2stage');
const status = document.getElementById('nf2status');
if(status) status.textContent=T.statusInit;
const choices=document.getElementById('nf2choices') ? document.getElementById('nf2choices').querySelectorAll('.nf2-choice') : [];
choices.forEach(function(btn){
var key=btn.getAttribute('data-nf2');
if(!key||!T.choices[key]) return;
btn.querySelector('span:last-child').innerHTML=T.choices[key];
btn.onclick=(function(k){ return function(){ nf2Pick(k,btn,T.choices[k]); }; })(key);
});
let started = false;
function typeText(text, el, onDone){
el.textContent='';
let i=0;
const iv=setInterval(()=>{
el.textContent+=text[i]; i++;
if(i>=text.length){ clearInterval(iv); if(onDone) onDone(); }
},32);
}
function showChoices(){
cursor.classList.add('nf2-hide');
choices.forEach((btn,i)=>{ setTimeout(()=>btn.classList.add('nf2-in'), i*90); });
bar.style.width='25%';
status.textContent=T.statusWaiting;
}
function startSequence(){
if(started) return;
started=true;
setTimeout(()=>typing.classList.add('nf2-show'), 200);
setTimeout(()=>{
typing.classList.remove('nf2-show');
setTimeout(()=>{ msg.classList.add('nf2-show'); typeText(T.question,textEl,showChoices); },200);
},1600);
}
const observer=new IntersectionObserver((entries)=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
hd.classList.add('nf2-visible');
shell.classList.add('nf2-visible');
setTimeout(startSequence,500);
observer.disconnect();
}
});
},{threshold:0.25});
observer.observe(document.querySelector('.nf2-outer'));
window.nf2Pick=function(key,btn,label){
choices.forEach(b=>{
b.style.pointerEvents='none';
if(b!==btn){b.style.opacity='0.15';b.style.transform='scale(0.97)';}
});
btn.style.background='linear-gradient(135deg,#FF4C02,#FF7040)';
btn.style.borderColor='#FF4C02';
btn.style.color='#fff';
btn.style.boxShadow='0 4px 20px rgba(255,76,2,0.20)';
btn.querySelector('.nf2-choice-num').style.background='rgba(255,255,255,0.25)';
btn.querySelector('.nf2-choice-num').style.color='#fff';
bar.style.width='60%';
status.textContent=T.statusPreparing;
setTimeout(()=>{
const d=NEEDS[key];
stage.style.minHeight=stage.offsetHeight+'px';
s2.innerHTML=`
<div class="nf2-reply-row">
<div class="nf2-rbub">${label}</div>
</div>
<div class="nf2-msg nf2-show">
<div class="nf2-av">AB</div>
<div class="nf2-bub" style="font-size:14px">${T.resultIntro}</div>
</div>
<div class="nf2-rcards">
${d.results.map(r=>`
<a href="${r.url}" class="nf2-rc">
<div class="nf2-rc-left">
<div class="nf2-rc-pole">${d.pole}</div>
<div class="nf2-rc-title">${r.title}</div>
<div class="nf2-rc-desc">${r.desc}</div>
</div>
<div class="nf2-rc-arr">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none">
<path class="nf2-arr-path" d="M2.5 6.5h8M7 3.5l3 3-3 3" stroke="#FF4C02" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</a>`).join('')}
</div>
<div class="nf2-bottom">
<button class="nf2-restart-btn" onclick="nf2Restart()">${T.restart}</button>
<span class="nf2-hint">${T.hint}</span>
</div>`;
bar.style.width='100%';
status.textContent=T.statusDone;
s1.classList.add('nf2-out'); s1.classList.remove('nf2-active');
requestAnimationFrame(()=>requestAnimationFrame(()=>{
s2.classList.add('nf2-active');
setTimeout(()=>{
document.querySelectorAll('.nf2-rc').forEach((c,i)=>setTimeout(()=>c.classList.add('nf2-in'),i*100));
setTimeout(()=>stage.style.minHeight='',500);
},100);
}));
},420);
};
window.nf2Restart=function(){
stage.style.minHeight=stage.offsetHeight+'px';
s2.classList.remove('nf2-active'); s2.classList.add('nf2-out');
choices.forEach(b=>{
b.style.pointerEvents=''; b.style.opacity=''; b.style.transform='';
b.style.background=''; b.style.borderColor=''; b.style.color='';
b.style.boxShadow='';
b.querySelector('.nf2-choice-num').style.background='';
b.querySelector('.nf2-choice-num').style.color='';
});
bar.style.width='25%';
status.textContent=T.statusWaiting;
requestAnimationFrame(()=>requestAnimationFrame(()=>{
s1.classList.remove('nf2-out'); s1.classList.add('nf2-active');
setTimeout(()=>{ s2.classList.remove('nf2-out'); stage.style.minHeight=''; },400);
}));
};
})();
</script></div>
</section><section class="s_embed_code o_colored_level pt0 pb0 text-start" data-snippet="s_embed_code" data-name="Code intégré" style="background-color: rgb(255, 255, 255); background-image: none;"><template class="s_embed_code_saved"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap" rel="stylesheet"/>
<style>
.abk-ni *, .abk-ni *::before, .abk-ni *::after { box-sizing: border-box; margin: 0; padding: 0; }
.abk-ni-outer {
background: #F5F5F5;
padding: 96px 24px;
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
position: relative;
overflow: hidden;
}
.abk-ni-outer::before {
content: ''; position: absolute; inset: 0;
background-image:
linear-gradient(rgba(255,76,2,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,76,2,0.04) 1px, transparent 1px);
background-size: 48px 48px; pointer-events: none;
}
.abk-ni-outer::after {
content: ''; position: absolute; inset: 0;
background: radial-gradient(ellipse 80% 70% at 50% 50%, transparent 20%, #F5F5F5 100%);
pointer-events: none;
}
.abk-ni { max-width: 960px; margin: 0 auto; position: relative; z-index: 2; }
/* ── HEADER ── */
.abk-ni-hd {
text-align: center; margin-bottom: 48px;
opacity: 0; transform: translateY(20px);
transition: opacity .6s ease, transform .6s ease;
}
.abk-ni-hd.is-visible { opacity: 1; transform: none; }
.abk-ni-tag {
display: inline-flex; align-items: center; gap: 7px;
font-size: 10.5px; font-weight: 700; color: #FF4C02;
letter-spacing: .12em; text-transform: uppercase;
background: #FFE8DF; border: 1px solid rgba(255,76,2,.22);
padding: 6px 14px; border-radius: 99px; margin-bottom: 16px;
}
.abk-ni-dot { width: 6px; height: 6px; border-radius: 50%; background: #FF4C02; animation: abk-blink 2s ease-in-out infinite; }
@keyframes abk-blink { 0%,100%{opacity:1} 50%{opacity:.2} }
.abk-ni-hd h2 {
font-size: clamp(28px, 3.8vw, 42px);
font-weight: 800; color: #1A1A1A;
line-height: 1.1; letter-spacing: -.025em; margin-bottom: 12px;
}
.abk-ni-hd h2 em { font-style: normal; color: #FF4C02; }
.abk-ni-hd p { font-size: 14px; color: #888; line-height: 1.65; max-width: 360px; margin: 0 auto; }
/* ── STEP INDICATOR ── */
.abk-ni-steps {
display: flex; align-items: center; justify-content: center;
gap: 8px; margin-bottom: 40px;
font-size: 12px; font-weight: 600; color: #bbb;
}
.abk-ni-step { display: flex; align-items: center; gap: 6px; transition: color .3s; }
.abk-ni-step.is-active { color: #FF4C02; }
.abk-ni-step.is-done { color: #FF4C02; }
.abk-ni-step-num {
width: 22px; height: 22px; border-radius: 50%;
border: 1.5px solid currentColor;
display: flex; align-items: center; justify-content: center;
font-size: 10px; font-weight: 700;
transition: background .3s, color .3s;
}
.abk-ni-step.is-active .abk-ni-step-num,
.abk-ni-step.is-done .abk-ni-step-num { background: #FF4C02; border-color: #FF4C02; color: #fff; }
.abk-ni-step-line { width: 48px; height: 1px; background: #ddd; transition: background .4s; }
.abk-ni-step-line.is-done { background: #FF4C02; }
/* ── POLE CARDS ── */
.abk-ni-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
.abk-ni-card {
background: #fff;
border: 1.5px solid #E8E8E8;
border-radius: 16px;
padding: 24px 20px;
cursor: pointer;
text-align: left;
font-family: 'Open Sans', sans-serif;
display: flex; flex-direction: column; gap: 14px;
opacity: 0; transform: translateY(16px);
transition: border-color .2s, box-shadow .2s, transform .2s, opacity .4s ease;
position: relative;
}
.abk-ni-card.is-in { opacity: 1; transform: none; }
.abk-ni-card:hover {
border-color: #FF4C02;
box-shadow: 0 8px 32px rgba(255,76,2,.12);
transform: translateY(-3px);
}
.abk-ni-card.is-selected {
border-color: #FF4C02;
background: linear-gradient(160deg, #FFF5F2 0%, #fff 100%);
box-shadow: 0 8px 32px rgba(255,76,2,.14);
transform: translateY(-3px);
}
.abk-ni-card.is-dim {
opacity: .3; transform: scale(.97); pointer-events: none;
}
.abk-ni-icon {
width: 44px; height: 44px; border-radius: 12px;
background: #FFE8DF;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
transition: background .2s;
}
.abk-ni-card:hover .abk-ni-icon,
.abk-ni-card.is-selected .abk-ni-icon { background: #FF4C02; }
.abk-ni-card:hover .abk-ni-icon svg [data-stroke],
.abk-ni-card.is-selected .abk-ni-icon svg [data-stroke] { stroke: #fff !important; }
.abk-ni-card:hover .abk-ni-icon svg [data-fill],
.abk-ni-card.is-selected .abk-ni-icon svg [data-fill] { fill: #fff !important; }
.abk-ni-pole { font-size: 13px; font-weight: 800; color: #1A1A1A; margin-bottom: 5px; letter-spacing: -.01em; }
.abk-ni-problem { font-size: 11.5px; color: #999; line-height: 1.55; font-style: italic; }
.abk-ni-badge {
display: inline-flex; align-items: center; gap: 5px;
font-size: 10px; font-weight: 700; color: #FF4C02;
background: #FFE8DF; padding: 3px 10px; border-radius: 99px;
align-self: flex-start; margin-top: auto;
transition: background .2s, color .2s;
}
.abk-ni-card.is-selected .abk-ni-badge { background: #FF4C02; color: #fff; }
/* ── RESULTS PANEL ── */
.abk-ni-results {
margin-top: 16px;
max-height: 0; overflow: hidden;
opacity: 0; transform: translateY(8px);
transition: opacity .4s ease, transform .4s cubic-bezier(.22,1,.36,1), max-height .5s cubic-bezier(.22,1,.36,1);
pointer-events: none;
}
.abk-ni-results.is-open {
max-height: 600px; opacity: 1; transform: none;
pointer-events: all; overflow: visible;
}
.abk-ni-results-inner {
background: #fff;
border: 1.5px solid #E8E8E8;
border-radius: 16px;
overflow: hidden;
}
.abk-ni-results-hd {
display: flex; align-items: center; justify-content: space-between; gap: 12px;
padding: 14px 24px;
border-bottom: 1px solid #F0F0F0;
background: #FAFAFA;
}
.abk-ni-results-label { font-size: 11.5px; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: .08em; }
.abk-ni-results-pole { font-size: 11.5px; font-weight: 700; color: #FF4C02; background: #FFE8DF; padding: 3px 10px; border-radius: 99px; }
.abk-ni-results-footer {
display: flex; justify-content: center;
padding: 16px 24px;
border-top: 1px solid #F0F0F0;
}
.abk-ni-reset {
display: inline-flex; align-items: center; gap: 7px;
background: none; border: 1.5px solid #E8E8E8;
font-family: 'Open Sans', sans-serif;
font-size: 12px; font-weight: 700; color: #888;
cursor: pointer; padding: 8px 18px; border-radius: 99px;
transition: border-color .18s, color .18s, background .18s;
}
.abk-ni-reset:hover { border-color: #FF4C02; color: #FF4C02; background: #FFF8F6; }
.abk-ni-rcards {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.abk-ni-rcard {
display: flex; flex-direction: column;
padding: 22px 22px;
border-right: 1px solid #F0F0F0;
text-decoration: none;
transition: background .18s;
opacity: 0; transform: translateY(8px);
}
.abk-ni-rcard:last-child { border-right: none; }
.abk-ni-rcard.is-in {
opacity: 1; transform: none;
transition: background .18s, opacity .35s ease, transform .35s cubic-bezier(.22,1,.36,1);
}
.abk-ni-rcard:hover { background: #FFF8F6; }
.abk-ni-rcard-title { font-size: 13px; font-weight: 700; color: #1A1A1A; margin-bottom: 6px; line-height: 1.35; }
.abk-ni-rcard-desc { font-size: 12px; color: #999; line-height: 1.55; flex: 1; }
.abk-ni-rcard-link {
display: inline-flex; align-items: center; gap: 5px;
font-size: 11.5px; font-weight: 700; color: #FF4C02;
margin-top: 14px;
}
/* ── RESPONSIVE ── */
@media (max-width: 860px) {
.abk-ni-grid { grid-template-columns: repeat(2, 1fr); }
.abk-ni-rcards { grid-template-columns: 1fr; }
.abk-ni-rcard { border-right: none; border-bottom: 1px solid #F0F0F0; }
.abk-ni-rcard:last-child { border-bottom: none; }
}
@media (max-width: 540px) {
.abk-ni-outer { padding: 64px 16px; }
.abk-ni-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
.abk-ni-card { padding: 18px 14px; }
.abk-ni-steps { display: none; }
.abk-ni-results-hd { flex-wrap: wrap; gap: 8px; }
}
</style>
<script>
(function(){
/*
* ─────────────────────────────────────────────
* DATA — Pour ajouter un besoin : insérer un
* objet dans le tableau results du bon pole.
* Pour ajouter un pôle : ajouter un bloc dans
* le tableau POLES ci-dessous.
* ─────────────────────────────────────────────
*/
const BASE = 'https://www.abakusitsolutions.eu';
const POLES = [
{
key: 'security',
pole: 'Cybersecurity',
problem: '"Our data & systems are not secure enough"',
icon: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<path data-stroke d="M10 2L3 5v5c0 4.4 3 7.6 7 9 4-1.4 7-4.6 7-9V5l-7-3z" stroke="#FF4C02" stroke-width="1.6" stroke-linejoin="round"/>
<path data-stroke d="M7 10l2 2 4-4" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`,
results: [
{ title: 'Train my teams on cybersecurity', desc: 'Phishing simulations, awareness programs, certified training.', url: BASE+'/needs/cybersecurity-awareness-training' },
{ title: 'Check if our IT system is secure', desc: 'Vulnerability scans, pen testing, and maturity assessment.', url: BASE+'/needs/is-our-it-system-secure' },
{ title: 'Comply with NIS2 regulations', desc: 'NIS2 eligibility, gap analysis, and compliance roadmap.', url: BASE+'/needs/nis2-compliance' },
]
},
{
key: 'odoo',
pole: 'Odoo Integration',
problem: '"We\'re looking for an Odoo Integration solution"',
icon: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect data-stroke x="2" y="2" width="7" height="7" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<rect data-stroke x="11" y="2" width="7" height="7" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<rect data-stroke x="2" y="11" width="7" height="7" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<rect data-stroke x="11" y="11" width="7" height="7" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
</svg>`,
results: [
{ title: 'Centralise our data with Odoo', desc: 'Connect tools, unify data, and gain full visibility.', url: BASE+'/needs/centralize-data-with-odoo' },
{ title: 'Adopt Odoo for our company', desc: 'Full implementation, training, and go-live support.', url: BASE+'/needs/we-want-to-adopt-odoo-for-our-company' },
{ title: 'Find a local Odoo partner', desc: '10+ years of certified Odoo expertise in the Benelux.', url: BASE+'/needs/looking-for-a-local-odoo-partner' },
]
},
{
key: 'infra',
pole: 'IT Infrastructure Management',
problem: '"Our IT infrastructure is holding us back"',
icon: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect data-stroke x="2" y="3" width="16" height="5" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<rect data-stroke x="2" y="12" width="16" height="5" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<circle data-fill cx="15" cy="5.5" r="1.2" fill="#FF4C02"/>
<circle data-fill cx="15" cy="14.5" r="1.2" fill="#FF4C02"/>
</svg>`,
results: [
{ title: 'Outsource our IT management', desc: 'Managed services, monitoring, and reactive helpdesk.', url: BASE+'/needs/managed-it-services' },
{ title: 'Set up a solid IT infrastructure', desc: 'Servers, network, cloud, and security from day one.', url: BASE+'/needs/setup-a-solid-it-infrastructure' },
{ title: 'Migrate files to Microsoft 365', desc: 'Smooth migration with full user adoption support.', url: BASE+'/needs/migrate-files-to-microsoft-365' },
]
},
{
key: 'consulting',
pole: 'IT Consulting',
problem: '"We need IT expertise we don\'t have internally"',
icon: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<circle data-stroke cx="10" cy="7" r="3" stroke="#FF4C02" stroke-width="1.6"/>
<path data-stroke d="M4 17c0-3.3 2.7-6 6-6s6 2.7 6 6" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round"/>
</svg>`,
results: [
{ title: 'Get IT skills we lack in-house', desc: 'Qualified experts integrated into your teams, fast.', url: BASE+'/needs/we-need-it-skills-we-don-t-have-in-house' },
{ title: 'Reinforce during peak activity', desc: 'Flexible IT staffing for surges and critical projects.', url: BASE+'/needs/peak-activity-reinforcement' },
{ title: 'Struggling to recruit IT talent?', desc: 'We find, screen, and onboard the right profiles.', url: BASE+'/needs/it-recruitment-challenges' },
]
},
];
/* ── BUILD POLE CARDS ── */
const grid = document.getElementById('abkNiGrid');
POLES.forEach((p, i) => {
const card = document.createElement('button');
card.className = 'abk-ni-card';
card.dataset.key = p.key;
card.innerHTML = `
<div class="abk-ni-icon">${p.icon}</div>
<div>
<div class="abk-ni-pole">${p.pole}</div>
<div class="abk-ni-problem">${p.problem}</div>
</div>
<div class="abk-ni-badge">${p.results.length} solutions →</div>
`;
card.addEventListener('click', () => abkNiPick(p.key));
grid.appendChild(card);
setTimeout(() => card.classList.add('is-in'), 100 + i * 80);
});
/* ── PICK A POLE ── */
function abkNiPick(key) {
const pole = POLES.find(p => p.key === key);
if (!pole) return;
document.querySelectorAll('.abk-ni-card').forEach(c => {
c.classList.toggle('is-selected', c.dataset.key === key);
c.classList.toggle('is-dim', c.dataset.key !== key);
});
document.getElementById('abkStep1').classList.add('is-done');
document.getElementById('abkStep2').classList.add('is-active');
document.getElementById('abkStepLine').classList.add('is-done');
document.getElementById('abkResPole').textContent = pole.pole;
const rcards = document.getElementById('abkNiRcards');
rcards.innerHTML = pole.results.map(r => `
<a href="${r.url}" class="abk-ni-rcard">
<div class="abk-ni-rcard-title">${r.title}</div>
<div class="abk-ni-rcard-desc">${r.desc}</div>
<div class="abk-ni-rcard-link">
Discover
<svg width="12" height="12" viewBox="0 0 12 12" fill="none">
<path d="M2 6h8M7 3l3 3-3 3" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</a>
`).join('');
const results = document.getElementById('abkNiResults');
results.classList.add('is-open');
setTimeout(() => {
results.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
document.querySelectorAll('.abk-ni-rcard').forEach((c, i) => {
setTimeout(() => c.classList.add('is-in'), i * 100);
});
}, 80);
}
/* ── RESET ── */
window.abkNiReset = function() {
document.querySelectorAll('.abk-ni-card').forEach(c => {
c.classList.remove('is-selected', 'is-dim');
});
document.getElementById('abkNiResults').classList.remove('is-open');
document.getElementById('abkStep1').classList.remove('is-done');
document.getElementById('abkStep2').classList.remove('is-active');
document.getElementById('abkStepLine').classList.remove('is-done');
};
/* ── ANIMATE ON SCROLL ── */
new IntersectionObserver(entries => {
if (entries[0].isIntersecting) {
document.getElementById('abkNiHd').classList.add('is-visible');
}
}, { threshold: 0.2 }).observe(document.querySelector('.abk-ni-outer'));
})();
</script>
</template>
<div class="s_embed_code_embedded o_not_editable container-fluid"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap" rel="stylesheet"/><style>
.abk-ni *, .abk-ni *::before, .abk-ni *::after { box-sizing: border-box; margin: 0; padding: 0; }
.abk-ni-outer {
background: #F5F5F5;
padding: 96px 24px;
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
position: relative;
overflow: hidden;
}
.abk-ni-outer::before {
content: ''; position: absolute; inset: 0;
background-image:
linear-gradient(rgba(255,76,2,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,76,2,0.04) 1px, transparent 1px);
background-size: 48px 48px; pointer-events: none;
}
.abk-ni-outer::after {
content: ''; position: absolute; inset: 0;
background: radial-gradient(ellipse 80% 70% at 50% 50%, transparent 20%, #F5F5F5 100%);
pointer-events: none;
}
.abk-ni { max-width: 960px; margin: 0 auto; position: relative; z-index: 2; }
/* ── HEADER ── */
.abk-ni-hd {
text-align: center; margin-bottom: 48px;
opacity: 0; transform: translateY(20px);
transition: opacity .6s ease, transform .6s ease;
}
.abk-ni-hd.is-visible { opacity: 1; transform: none; }
.abk-ni-tag {
display: inline-flex; align-items: center; gap: 7px;
font-size: 10.5px; font-weight: 700; color: #FF4C02;
letter-spacing: .12em; text-transform: uppercase;
background: #FFE8DF; border: 1px solid rgba(255,76,2,.22);
padding: 6px 14px; border-radius: 99px; margin-bottom: 16px;
}
.abk-ni-dot { width: 6px; height: 6px; border-radius: 50%; background: #FF4C02; animation: abk-blink 2s ease-in-out infinite; }
@keyframes abk-blink { 0%,100%{opacity:1} 50%{opacity:.2} }
.abk-ni-hd h2 {
font-size: clamp(28px, 3.8vw, 42px);
font-weight: 800; color: #1A1A1A;
line-height: 1.1; letter-spacing: -.025em; margin-bottom: 12px;
}
.abk-ni-hd h2 em { font-style: normal; color: #FF4C02; }
.abk-ni-hd p { font-size: 14px; color: #888; line-height: 1.65; max-width: 360px; margin: 0 auto; }
/* ── STEP INDICATOR ── */
.abk-ni-steps {
display: flex; align-items: center; justify-content: center;
gap: 8px; margin-bottom: 40px;
font-size: 12px; font-weight: 600; color: #bbb;
}
.abk-ni-step { display: flex; align-items: center; gap: 6px; transition: color .3s; }
.abk-ni-step.is-active { color: #FF4C02; }
.abk-ni-step.is-done { color: #FF4C02; }
.abk-ni-step-num {
width: 22px; height: 22px; border-radius: 50%;
border: 1.5px solid currentColor;
display: flex; align-items: center; justify-content: center;
font-size: 10px; font-weight: 700;
transition: background .3s, color .3s;
}
.abk-ni-step.is-active .abk-ni-step-num,
.abk-ni-step.is-done .abk-ni-step-num { background: #FF4C02; border-color: #FF4C02; color: #fff; }
.abk-ni-step-line { width: 48px; height: 1px; background: #ddd; transition: background .4s; }
.abk-ni-step-line.is-done { background: #FF4C02; }
/* ── POLE CARDS ── */
.abk-ni-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
.abk-ni-card {
background: #fff;
border: 1.5px solid #E8E8E8;
border-radius: 16px;
padding: 24px 20px;
cursor: pointer;
text-align: left;
font-family: 'Open Sans', sans-serif;
display: flex; flex-direction: column; gap: 14px;
opacity: 0; transform: translateY(16px);
transition: border-color .2s, box-shadow .2s, transform .2s, opacity .4s ease;
position: relative;
}
.abk-ni-card.is-in { opacity: 1; transform: none; }
.abk-ni-card:hover {
border-color: #FF4C02;
box-shadow: 0 8px 32px rgba(255,76,2,.12);
transform: translateY(-3px);
}
.abk-ni-card.is-selected {
border-color: #FF4C02;
background: linear-gradient(160deg, #FFF5F2 0%, #fff 100%);
box-shadow: 0 8px 32px rgba(255,76,2,.14);
transform: translateY(-3px);
}
.abk-ni-card.is-dim {
opacity: .3; transform: scale(.97); pointer-events: none;
}
.abk-ni-icon {
width: 44px; height: 44px; border-radius: 12px;
background: #FFE8DF;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
transition: background .2s;
}
.abk-ni-card:hover .abk-ni-icon,
.abk-ni-card.is-selected .abk-ni-icon { background: #FF4C02; }
.abk-ni-card:hover .abk-ni-icon svg [data-stroke],
.abk-ni-card.is-selected .abk-ni-icon svg [data-stroke] { stroke: #fff !important; }
.abk-ni-card:hover .abk-ni-icon svg [data-fill],
.abk-ni-card.is-selected .abk-ni-icon svg [data-fill] { fill: #fff !important; }
.abk-ni-pole { font-size: 13px; font-weight: 800; color: #1A1A1A; margin-bottom: 5px; letter-spacing: -.01em; }
.abk-ni-problem { font-size: 11.5px; color: #999; line-height: 1.55; font-style: italic; }
.abk-ni-badge {
display: inline-flex; align-items: center; gap: 5px;
font-size: 10px; font-weight: 700; color: #FF4C02;
background: #FFE8DF; padding: 3px 10px; border-radius: 99px;
align-self: flex-start; margin-top: auto;
transition: background .2s, color .2s;
}
.abk-ni-card.is-selected .abk-ni-badge { background: #FF4C02; color: #fff; }
/* ── RESULTS PANEL ── */
.abk-ni-results {
margin-top: 16px;
max-height: 0; overflow: hidden;
opacity: 0; transform: translateY(8px);
transition: opacity .4s ease, transform .4s cubic-bezier(.22,1,.36,1), max-height .5s cubic-bezier(.22,1,.36,1);
pointer-events: none;
}
.abk-ni-results.is-open {
max-height: 600px; opacity: 1; transform: none;
pointer-events: all; overflow: visible;
}
.abk-ni-results-inner {
background: #fff;
border: 1.5px solid #E8E8E8;
border-radius: 16px;
overflow: hidden;
}
.abk-ni-results-hd {
display: flex; align-items: center; justify-content: space-between; gap: 12px;
padding: 14px 24px;
border-bottom: 1px solid #F0F0F0;
background: #FAFAFA;
}
.abk-ni-results-label { font-size: 11.5px; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: .08em; }
.abk-ni-results-pole { font-size: 11.5px; font-weight: 700; color: #FF4C02; background: #FFE8DF; padding: 3px 10px; border-radius: 99px; }
.abk-ni-results-footer {
display: flex; justify-content: center;
padding: 16px 24px;
border-top: 1px solid #F0F0F0;
}
.abk-ni-reset {
display: inline-flex; align-items: center; gap: 7px;
background: none; border: 1.5px solid #E8E8E8;
font-family: 'Open Sans', sans-serif;
font-size: 12px; font-weight: 700; color: #888;
cursor: pointer; padding: 8px 18px; border-radius: 99px;
transition: border-color .18s, color .18s, background .18s;
}
.abk-ni-reset:hover { border-color: #FF4C02; color: #FF4C02; background: #FFF8F6; }
.abk-ni-rcards {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.abk-ni-rcard {
display: flex; flex-direction: column;
padding: 22px 22px;
border-right: 1px solid #F0F0F0;
text-decoration: none;
transition: background .18s;
opacity: 0; transform: translateY(8px);
}
.abk-ni-rcard:last-child { border-right: none; }
.abk-ni-rcard.is-in {
opacity: 1; transform: none;
transition: background .18s, opacity .35s ease, transform .35s cubic-bezier(.22,1,.36,1);
}
.abk-ni-rcard:hover { background: #FFF8F6; }
.abk-ni-rcard-title { font-size: 13px; font-weight: 700; color: #1A1A1A; margin-bottom: 6px; line-height: 1.35; }
.abk-ni-rcard-desc { font-size: 12px; color: #999; line-height: 1.55; flex: 1; }
.abk-ni-rcard-link {
display: inline-flex; align-items: center; gap: 5px;
font-size: 11.5px; font-weight: 700; color: #FF4C02;
margin-top: 14px;
}
/* ── RESPONSIVE ── */
@media (max-width: 860px) {
.abk-ni-grid { grid-template-columns: repeat(2, 1fr); }
.abk-ni-rcards { grid-template-columns: 1fr; }
.abk-ni-rcard { border-right: none; border-bottom: 1px solid #F0F0F0; }
.abk-ni-rcard:last-child { border-bottom: none; }
}
@media (max-width: 540px) {
.abk-ni-outer { padding: 64px 16px; }
.abk-ni-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
.abk-ni-card { padding: 18px 14px; }
.abk-ni-steps { display: none; }
.abk-ni-results-hd { flex-wrap: wrap; gap: 8px; }
}
</style><script>
(function(){
/*
* ─────────────────────────────────────────────
* DATA — Pour ajouter un besoin : insérer un
* objet dans le tableau results du bon pole.
* Pour ajouter un pôle : ajouter un bloc dans
* le tableau POLES ci-dessous.
* ─────────────────────────────────────────────
*/
const BASE = 'https://www.abakusitsolutions.eu';
const POLES = [
{
key: 'security',
pole: 'Cybersecurity',
problem: '"Our data & systems are not secure enough"',
icon: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<path data-stroke d="M10 2L3 5v5c0 4.4 3 7.6 7 9 4-1.4 7-4.6 7-9V5l-7-3z" stroke="#FF4C02" stroke-width="1.6" stroke-linejoin="round"/>
<path data-stroke d="M7 10l2 2 4-4" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>`,
results: [
{ title: 'Train my teams on cybersecurity', desc: 'Phishing simulations, awareness programs, certified training.', url: BASE+'/needs/cybersecurity-awareness-training' },
{ title: 'Check if our IT system is secure', desc: 'Vulnerability scans, pen testing, and maturity assessment.', url: BASE+'/needs/is-our-it-system-secure' },
{ title: 'Comply with NIS2 regulations', desc: 'NIS2 eligibility, gap analysis, and compliance roadmap.', url: BASE+'/needs/nis2-compliance' },
]
},
{
key: 'odoo',
pole: 'Odoo Integration',
problem: '"We\'re looking for an Odoo Integration solution"',
icon: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect data-stroke x="2" y="2" width="7" height="7" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<rect data-stroke x="11" y="2" width="7" height="7" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<rect data-stroke x="2" y="11" width="7" height="7" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<rect data-stroke x="11" y="11" width="7" height="7" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
</svg>`,
results: [
{ title: 'Centralise our data with Odoo', desc: 'Connect tools, unify data, and gain full visibility.', url: BASE+'/needs/centralize-data-with-odoo' },
{ title: 'Adopt Odoo for our company', desc: 'Full implementation, training, and go-live support.', url: BASE+'/needs/we-want-to-adopt-odoo-for-our-company' },
{ title: 'Find a local Odoo partner', desc: '10+ years of certified Odoo expertise in the Benelux.', url: BASE+'/needs/looking-for-a-local-odoo-partner' },
]
},
{
key: 'infra',
pole: 'IT Infrastructure Management',
problem: '"Our IT infrastructure is holding us back"',
icon: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<rect data-stroke x="2" y="3" width="16" height="5" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<rect data-stroke x="2" y="12" width="16" height="5" rx="1.5" stroke="#FF4C02" stroke-width="1.6"/>
<circle data-fill cx="15" cy="5.5" r="1.2" fill="#FF4C02"/>
<circle data-fill cx="15" cy="14.5" r="1.2" fill="#FF4C02"/>
</svg>`,
results: [
{ title: 'Outsource our IT management', desc: 'Managed services, monitoring, and reactive helpdesk.', url: BASE+'/needs/managed-it-services' },
{ title: 'Set up a solid IT infrastructure', desc: 'Servers, network, cloud, and security from day one.', url: BASE+'/needs/setup-a-solid-it-infrastructure' },
{ title: 'Migrate files to Microsoft 365', desc: 'Smooth migration with full user adoption support.', url: BASE+'/needs/migrate-files-to-microsoft-365' },
]
},
{
key: 'consulting',
pole: 'IT Consulting',
problem: '"We need IT expertise we don\'t have internally"',
icon: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<circle data-stroke cx="10" cy="7" r="3" stroke="#FF4C02" stroke-width="1.6"/>
<path data-stroke d="M4 17c0-3.3 2.7-6 6-6s6 2.7 6 6" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round"/>
</svg>`,
results: [
{ title: 'Get IT skills we lack in-house', desc: 'Qualified experts integrated into your teams, fast.', url: BASE+'/needs/we-need-it-skills-we-don-t-have-in-house' },
{ title: 'Reinforce during peak activity', desc: 'Flexible IT staffing for surges and critical projects.', url: BASE+'/needs/peak-activity-reinforcement' },
{ title: 'Struggling to recruit IT talent?', desc: 'We find, screen, and onboard the right profiles.', url: BASE+'/needs/it-recruitment-challenges' },
]
},
];
/* ── BUILD POLE CARDS ── */
const grid = document.getElementById('abkNiGrid');
POLES.forEach((p, i) => {
const card = document.createElement('button');
card.className = 'abk-ni-card';
card.dataset.key = p.key;
card.innerHTML = `
<div class="abk-ni-icon">${p.icon}</div>
<div>
<div class="abk-ni-pole">${p.pole}</div>
<div class="abk-ni-problem">${p.problem}</div>
</div>
<div class="abk-ni-badge">${p.results.length} solutions →</div>
`;
card.addEventListener('click', () => abkNiPick(p.key));
grid.appendChild(card);
setTimeout(() => card.classList.add('is-in'), 100 + i * 80);
});
/* ── PICK A POLE ── */
function abkNiPick(key) {
const pole = POLES.find(p => p.key === key);
if (!pole) return;
document.querySelectorAll('.abk-ni-card').forEach(c => {
c.classList.toggle('is-selected', c.dataset.key === key);
c.classList.toggle('is-dim', c.dataset.key !== key);
});
document.getElementById('abkStep1').classList.add('is-done');
document.getElementById('abkStep2').classList.add('is-active');
document.getElementById('abkStepLine').classList.add('is-done');
document.getElementById('abkResPole').textContent = pole.pole;
const rcards = document.getElementById('abkNiRcards');
rcards.innerHTML = pole.results.map(r => `
<a href="${r.url}" class="abk-ni-rcard">
<div class="abk-ni-rcard-title">${r.title}</div>
<div class="abk-ni-rcard-desc">${r.desc}</div>
<div class="abk-ni-rcard-link">
Discover
<svg width="12" height="12" viewBox="0 0 12 12" fill="none">
<path d="M2 6h8M7 3l3 3-3 3" stroke="#FF4C02" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</a>
`).join('');
const results = document.getElementById('abkNiResults');
results.classList.add('is-open');
setTimeout(() => {
results.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
document.querySelectorAll('.abk-ni-rcard').forEach((c, i) => {
setTimeout(() => c.classList.add('is-in'), i * 100);
});
}, 80);
}
/* ── RESET ── */
window.abkNiReset = function() {
document.querySelectorAll('.abk-ni-card').forEach(c => {
c.classList.remove('is-selected', 'is-dim');
});
document.getElementById('abkNiResults').classList.remove('is-open');
document.getElementById('abkStep1').classList.remove('is-done');
document.getElementById('abkStep2').classList.remove('is-active');
document.getElementById('abkStepLine').classList.remove('is-done');
};
/* ── ANIMATE ON SCROLL ── */
new IntersectionObserver(entries => {
if (entries[0].isIntersecting) {
document.getElementById('abkNiHd').classList.add('is-visible');
}
}, { threshold: 0.2 }).observe(document.querySelector('.abk-ni-outer'));
})();
</script></div>
</section>
<style>
.abk-testi *, .abk-testi *::before, .abk-testi *::after { box-sizing: border-box; margin: 0; padding: 0; }
.abk-testi { background: #FFFFFF; padding: 80px 40px; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; border-top: 1px solid #E8E8E8; }
.abk-testi-inner { max-width: 1168px; margin: 0 auto; }
.abk-testi-label { font-size: 11px; font-weight: 700; color: #FF4C02; letter-spacing: .1em; text-transform: uppercase; background: #FFE8DF; padding: 5px 14px; border-radius: 99px; display: inline-block; margin-bottom: 32px; }
.abk-testi-quote { font-size: clamp(20px, 2.5vw, 28px); font-weight: 600; color: #1A1A1A; line-height: 1.55; letter-spacing: -.01em; margin-bottom: 36px; }
.abk-testi-quote::before { content: '\201C'; color: #FF4C02; margin-right: 1px; }
.abk-testi-quote::after { content: '\201D'; color: #FF4C02; margin-left: 1px; }
.abk-testi-author { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.abk-testi-logo { background: #F5F5F5; border: 1px solid #E8E8E8; border-radius: 10px; padding: 10px 16px; }
.abk-testi-logo-text { font-size: 13px; font-weight: 700; color: #1A1A1A; letter-spacing: .04em; }
.abk-testi-sep { width: 1px; height: 28px; background: #E8E8E8; }
.abk-testi-who { display: flex; flex-direction: column; gap: 3px; }
.abk-testi-name { font-size: 14px; font-weight: 700; color: #1A1A1A; }
.abk-testi-role { font-size: 12px; color: #999; }
@media (max-width: 768px) { .abk-testi { padding: 64px 24px; } .abk-testi-sep { display: none; } }
@media (max-width: 480px) { .abk-testi { padding: 56px 20px; } }
</style>
<section class="abk-testi">
<div class="abk-testi-inner">
<span class="abk-testi-label">Témoignage client</span>
<p class="abk-testi-quote">ABAKUS est à nos côtés depuis plus de 20 ans. Leur audit de cybersécurité nous a offert une vision claire de notre situation et une feuille de route pragmatique sur laquelle nous avons pu agir. Plus qu'un prestataire, un véritable partenaire qui comprend notre environnement industriel.</p>
<div class="abk-testi-author">
<div class="abk-testi-logo"><span class="abk-testi-logo-text">Eutomation</span></div>
<div class="abk-testi-sep"></div>
<div class="abk-testi-who">
<span class="abk-testi-name">Direction</span>
<span class="abk-testi-role">Automatisation industrielle · Eupen, Belgique</span>
</div>
</div>
</div>
</section><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css"/>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --abk-accent: #FF4C02; --abk-navy: #000000; --abk-white: #FFFFFF; --abk-font: 'Open Sans', sans-serif; --abk-rs: 10px; }
.abk-s7 { background: var(--abk-navy); padding: 96px 40px; font-family: var(--abk-font); -webkit-font-smoothing: antialiased; }
.abk-s7-inner { max-width: 1168px; margin: 0 auto; }
.abk-s7-layout { display: grid; grid-template-columns: 280px 1fr; gap: 56px; align-items: start; }
.abk-qtag { display: inline-block; font-size: 11px; font-weight: 700; color: var(--abk-accent); letter-spacing: .1em; text-transform: uppercase; background: rgba(255,76,2,0.15); padding: 5px 14px; border-radius: 99px; margin-bottom: 16px; }
.abk-s7-title { font-size: 34px; font-weight: 300; color: var(--abk-white); letter-spacing: -.02em; line-height: 1.2; margin-bottom: 12px; }
.abk-s7-title strong { font-weight: 500; }
.abk-s7-desc { font-size: 14px; color: rgba(255,255,255,0.45); line-height: 1.6; max-width: 280px; }
.abk-s7-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.abk-lmc { background: rgba(255,255,255,0.05); border: 1.5px solid rgba(255,255,255,0.1); border-radius: var(--abk-rs); padding: 20px; transition: background .15s, border-color .15s; }
.abk-lmc:hover { background: rgba(255,76,2,0.1); border-color: rgba(255,76,2,0.3); }
.abk-lmc-top { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.abk-lmc-icon { width: 36px; height: 36px; border-radius: 8px; background: rgba(255,76,2,0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #FF8A5C; font-size: 18px; }
.abk-lmc-badge { font-size: 10px; font-weight: 500; padding: 3px 8px; border-radius: 99px; background: rgba(255,76,2,0.2); color: #FF8A5C; }
.abk-lmc-title { font-size: 13px; font-weight: 700; color: var(--abk-white); margin-bottom: 6px; line-height: 1.35; }
.abk-lmc-desc { font-size: 12px; color: rgba(255,255,255,0.45); line-height: 1.5; margin-bottom: 16px; }
.abk-lmc-cta { font-size: 12px; font-weight: 700; color: var(--abk-accent); text-decoration: none; }
.abk-lmc-cta:hover { text-decoration: underline; }
@media (max-width: 900px) {
.abk-s7 { padding: 72px 24px; }
.abk-s7-layout { grid-template-columns: 1fr; gap: 40px; }
.abk-s7-title { font-size: 28px; }
.abk-s7-desc { max-width: 100%; }
}
@media (max-width: 480px) {
.abk-s7 { padding: 56px 20px; }
.abk-s7-cards { grid-template-columns: 1fr; }
.abk-s7-title { font-size: 24px; }
}
</style>
<section class="abk-s7">
<div class="abk-s7-inner">
<div class="abk-s7-layout">
<div>
<span class="abk-qtag">Ressources gratuites</span>
<p class="abk-s7-title">Explorez nos<br/><strong>guides gratuits.</strong></p>
<p class="abk-s7-desc">Vous cherchez des pistes concrètes pour améliorer votre IT ? Nos guides gratuits vous proposent des bonnes pratiques directement applicables.</p>
</div>
<div class="abk-s7-cards">
<div class="abk-lmc">
<div class="abk-lmc-top">
<div class="abk-lmc-icon"><i class="ti ti-shield-lock" aria-hidden="true"></i></div>
<span class="abk-lmc-badge">Cybersécurité</span>
</div>
<p class="abk-lmc-title">Checklist : 30 points à vérifier dans votre entreprise pour renforcer votre cybersécurité</p>
<p class="abk-lmc-desc">Dans 70 % des cas, les cyberattaques sur les PME auraient pu être évitées. Anticipez les risques et identifiez vos failles grâce à notre checklist de 30 points.</p>
<a href="https://www.abakusitsolutions.eu/ressources/cybersecurity-checklist" class="abk-lmc-cta">Télécharger la checklist →</a>
</div>
<div class="abk-lmc">
<div class="abk-lmc-top">
<div class="abk-lmc-icon"><i class="ti ti-layout-grid" aria-hidden="true"></i></div>
<span class="abk-lmc-badge">Odoo Intégration</span>
</div>
<p class="abk-lmc-title">10 erreurs qui font échouer les projets Odoo (et comment les éviter)</p>
<p class="abk-lmc-desc">Implémenter Odoo va bien au-delà de la configuration technique. Évitez les pièges courants, de l'analyse des processus à la conduite du changement.</p>
<a href="https://www.abakusitsolutions.eu/ressources/odoo-guide" class="abk-lmc-cta">Télécharger le guide →</a>
</div>
<div class="abk-lmc">
<div class="abk-lmc-top">
<div class="abk-lmc-icon"><i class="ti ti-server-2" aria-hidden="true"></i></div>
<span class="abk-lmc-badge">Infrastructure Management</span>
</div>
<p class="abk-lmc-title">4 étapes (pas seulement techniques) pour réussir votre migration vers Microsoft 365</p>
<p class="abk-lmc-desc">Un guide pas à pas pour réussir votre transition et moderniser la gestion de vos fichiers et processus internes.</p>
<a href="https://www.abakusitsolutions.eu/ressource/migrate-your-files-to-microsoft-365" class="abk-lmc-cta">Télécharger le guide →</a>
</div>
<div class="abk-lmc">
<div class="abk-lmc-top">
<div class="abk-lmc-icon"><i class="ti ti-chart-dots" aria-hidden="true"></i></div>
<span class="abk-lmc-badge">IT Consulting</span>
</div>
<p class="abk-lmc-title">Faut-il recruter, externaliser ou faire appel à un consultant IT ?</p>
<p class="abk-lmc-desc">Besoin d'un support IT mais vous ne savez pas quel modèle choisir ? Découvrez la meilleure approche pour votre organisation et vos projets.</p>
<a href="https://www.abakusitsolutions.eu/ressources/recruit-outsource-or-consult" class="abk-lmc-cta">Télécharger le guide →</a>
</div>
</div>
</div>
</div>
</section><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet"/>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --abk-accent: #FF4C02; --abk-al: #FFE8DF; --abk-bg: #FFF0EA; --abk-text: #1A1A1A; --abk-tm: #555; --abk-mu: #999; --abk-border: #E8E8E8; --abk-surface: #F5F5F5; --abk-white: #FFFFFF; --abk-font: 'Open Sans', sans-serif; --abk-r: 16px; --abk-rs: 10px; }
.abk-s8 { background: var(--abk-white); padding: 96px 40px; font-family: var(--abk-font); -webkit-font-smoothing: antialiased; }
.abk-s8-inner { max-width: 1168px; margin: 0 auto; }
.abk-s8-hd { margin-bottom: 40px; }
.abk-tag { display: inline-block; font-size: 11px; font-weight: 700; color: var(--abk-accent); letter-spacing: .1em; text-transform: uppercase; background: var(--abk-al); padding: 5px 14px; border-radius: 99px; margin-bottom: 16px; }
.abk-s8 h2 { font-size: 36px; font-weight: 700; color: var(--abk-text); letter-spacing: -.01em; line-height: 1.15; }
.abk-s8-sub { font-size: 16px; color: var(--abk-tm); margin-top: 12px; max-width: 560px; line-height: 1.7; }
.abk-s8-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.abk-tc { background: var(--abk-white); border: 1.5px solid var(--abk-border); border-radius: var(--abk-r); padding: 28px; display: flex; flex-direction: column; transition: border-color .15s, transform .15s; }
.abk-tc:hover { border-color: var(--abk-accent); transform: translateY(-3px); }
.abk-tc-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.abk-tc-av { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.abk-tc-av img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.abk-tc-badges { display: flex; flex-direction: row; align-items: center; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.abk-tc-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 500; padding: 4px 10px; border-radius: 99px; background: #EDEDED; color: #888888; }
.abk-tc-name { font-size: 16px; font-weight: 700; color: var(--abk-text); margin-bottom: 12px; }
.abk-tc-bio { font-size: 13px; color: var(--abk-tm); line-height: 1.6; margin-bottom: 20px; flex: 1; }
.abk-tc-links { display: flex; gap: 10px; margin-top: auto; flex-wrap: wrap; }
.abk-tc-link { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: var(--abk-tm); text-decoration: none; padding: 6px 12px; border: 1.5px solid var(--abk-border); border-radius: 99px; transition: border-color .15s, color .15s; }
.abk-tc-link:hover { border-color: var(--abk-accent); color: var(--abk-accent); }
.abk-tc-link-book { background: var(--abk-accent); color: #fff; border-color: var(--abk-accent); }
.abk-tc-link-book:hover { background: #FF6B2B; border-color: #FF6B2B; color: #fff; }
svg { display: block; }
@media (max-width: 768px) {
.abk-s8 { padding: 72px 24px; }
.abk-s8-grid { grid-template-columns: 1fr; }
.abk-s8 h2 { font-size: 28px; }
}
@media (max-width: 480px) {
.abk-s8 { padding: 56px 20px; }
.abk-s8 h2 { font-size: 24px; }
.abk-tc-top { flex-wrap: wrap; gap: 10px; }
}
</style>
<section class="abk-s8" id="experts">
<div class="abk-s8-inner">
<div class="abk-s8-hd">
<span class="abk-tag">Parlons de votre projet</span>
<h2>Contactez-<br/><strong>nous !</strong></h2>
<p class="abk-s8-sub">Vous n'êtes qu'à quelques clics du confort IT. Prenez contact avec l'un des membres de notre équipe pour discuter de vos besoins.</p>
</div>
<div class="abk-s8-grid">
<div class="abk-tc">
<div class="abk-tc-top">
<div class="abk-tc-av">
<img src="https://www.abakusitsolutions.eu/web/image/1599641-59a197a0/elodie-houssier.jpeg?height=256" alt="Elodie Houssier" loading="lazy"/>
</div>
<div class="abk-tc-badges">
<div class="abk-tc-badge">IT Consulting</div>
</div>
</div>
<p class="abk-tc-name">Elodie Houssier</p>
<p class="abk-tc-bio">Conseil IT avec une vision orientée métier. Elle écoute avant de conseiller.</p>
<div class="abk-tc-links">
<a href="mailto:elodie.houssier@abakusitsolutions.eu" class="abk-tc-link">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="1" y="3" width="12" height="8" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M1 4l6 4 6-4" stroke="currentColor" stroke-width="1.2"></path></svg>
E-mail
</a>
<a href="https://bookings.cloud.microsoft/bookwithme/user/63da3b7780584c3bbbfca17d6f00ff4e%40abakusitsolutions.eu/meetingtype/HP97At0r90-5ADlfH_iLPg2?anonymous&ismsaljsauthenabled" target="_blank" class="abk-tc-link abk-tc-link-book">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M5 1v2M9 1v2M2 5h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path></svg>
Fixer un rendez-vous
</a>
</div>
</div>
<div class="abk-tc">
<div class="abk-tc-top">
<div class="abk-tc-av">
<img src="https://www.abakusitsolutions.eu/web/image/1597655-45afe597/frederick.jpeg?height=256" alt="Frédérick Georges" loading="lazy"/>
</div>
<div class="abk-tc-badges">
<div class="abk-tc-badge">Cybersécurité</div>
<div class="abk-tc-badge">IT Infrastructure Management</div>
</div>
</div>
<p class="abk-tc-name">Frédérick Georges</p>
<p class="abk-tc-bio">Partner et expert en cybersécurité. La garantie certifiée que vos risques IT restent sous contrôle.</p>
<div class="abk-tc-links">
<a href="mailto:frederick.georges@abakusitsolutions.eu" class="abk-tc-link">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="1" y="3" width="12" height="8" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M1 4l6 4 6-4" stroke="currentColor" stroke-width="1.2"></path></svg>
E-mail
</a>
<a href="https://bookings.cloud.microsoft/bookwithme/user/86d6b4b2fc134a85be24315aec9f2c8b%40abakusitsolutions.eu?anonymous&ismsaljsauthenabled" target="_blank" class="abk-tc-link abk-tc-link-book">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M5 1v2M9 1v2M2 5h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path></svg>
Fixer un rendez-vous
</a>
</div>
</div>
<div class="abk-tc">
<div class="abk-tc-top">
<div class="abk-tc-av">
<img src="https://www.abakusitsolutions.eu/web/image/1626369-42c2c43b/stephan.jpeg?height=256" alt="Stephan Radermacher" loading="lazy"/>
</div>
<div class="abk-tc-badges">
<div class="abk-tc-badge">IT Consulting</div>
<div class="abk-tc-badge">Cybersécurité</div>
<div class="abk-tc-badge">IT Infrastructure Management</div>
</div>
</div>
<p class="abk-tc-name">Stephan Radermacher</p>
<p class="abk-tc-bio">Partner et expert pour le marché allemand : IT Consulting, cybersécurité et infrastructure sous un même toit.</p>
<div class="abk-tc-links">
<a href="mailto:stephan.radermacher@abakusitsolutions.eu" class="abk-tc-link">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="1" y="3" width="12" height="8" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M1 4l6 4 6-4" stroke="currentColor" stroke-width="1.2"></path></svg>
E-mail
</a>
<a href="https://bookings.cloud.microsoft/bookwithme/user/98c8fb3c3d8043f49dd909cf9a370aba%40abakusitsolutions.eu/meetingtype/kReSKsGdxkiHezMzmayqsQ2?anonymous&ismsaljsauthenabled=true" target="_blank" class="abk-tc-link abk-tc-link-book">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M5 1v2M9 1v2M2 5h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path></svg>
Fixer un rendez-vous
</a>
</div>
</div>
<div class="abk-tc">
<div class="abk-tc-top">
<div class="abk-tc-av">
<img src="https://www.abakusitsolutions.eu/web/image/1116414-15f4633b/Philippe%20Houssier%20%28Belgium%29.png?height=256" alt="Philippe Houssier" loading="lazy"/>
</div>
<div class="abk-tc-badges"></div>
</div>
<p class="abk-tc-name">Philippe Houssier</p>
<p class="abk-tc-bio">Partner et business developer. Il identifie vos véritables besoins IT et y associe la solution adaptée.</p>
<div class="abk-tc-links">
<a href="mailto:philippe.houssier@abakusitsolutions.eu" class="abk-tc-link">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="1" y="3" width="12" height="8" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M1 4l6 4 6-4" stroke="currentColor" stroke-width="1.2"></path></svg>
E-mail
</a>
<a href="https://bookings.cloud.microsoft/bookwithme/user/ae0fbc89ebaf46f0b034badd1d51ffd1%40abakusitsolutions.eu?anonymous&ismsaljsauthenabled=true" target="_blank" class="abk-tc-link abk-tc-link-book">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M5 1v2M9 1v2M2 5h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path></svg>
Fixer un rendez-vous
</a>
</div>
</div>
<div class="abk-tc">
<div class="abk-tc-top">
<div class="abk-tc-av">
<img src="https://www.abakusitsolutions.eu/web/image/1659745-feeba4f0/pascal.png" alt="Pascal Kay" loading="lazy"/>
</div>
<div class="abk-tc-badges">
<div class="abk-tc-badge">IT Consulting</div>
</div>
</div>
<p class="abk-tc-name">Pascal Kay</p>
<p class="abk-tc-bio">Conseil IT pour le marché allemand. Pragmatique, direct et centré sur ce qui fonctionne vraiment.</p>
<div class="abk-tc-links">
<a href="mailto:pascal.kay@abakusitsolutions.eu" class="abk-tc-link">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="1" y="3" width="12" height="8" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M1 4l6 4 6-4" stroke="currentColor" stroke-width="1.2"></path></svg>
E-mail
</a>
<a href="https://bookings.cloud.microsoft/bookwithme/user/4bb25bc7c65844f5ba8521f6b793f171%40abakusitsolutions.eu/meetingtype/9K-2xtCbSkaQGBmE56T9VQ2?anonymous&ismsaljsauthenabled=true" target="_blank" class="abk-tc-link abk-tc-link-book">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M5 1v2M9 1v2M2 5h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path></svg>
Fixer un rendez-vous
</a>
</div>
</div>
<div class="abk-tc">
<div class="abk-tc-top">
<div class="abk-tc-av">
<img src="https://www.abakusitsolutions.eu/web/image/1659746-b086ad7c/julien.png" alt="Julien Nihoul" loading="lazy"/>
</div>
<div class="abk-tc-badges">
<div class="abk-tc-badge">Odoo Intégration</div>
<div class="abk-tc-badge">Cybersécurité</div>
<div class="abk-tc-badge">IT Infrastructure Management</div>
</div>
</div>
<p class="abk-tc-name">Julien Nihoul</p>
<p class="abk-tc-bio">Odoo Intégration, infrastructure et cybersécurité : un seul expert pour une vision complète.</p>
<div class="abk-tc-links">
<a href="mailto:julien.nihoul@abakusitsolutions.eu" class="abk-tc-link">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="1" y="3" width="12" height="8" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M1 4l6 4 6-4" stroke="currentColor" stroke-width="1.2"></path></svg>
E-mail
</a>
<a href="https://bookings.cloud.microsoft/bookwithme/user/fcf80c36baa84ca38a00e8119e9e91cb%40abakusitsolutions.eu/meetingtype/wYOYtjQHhkiF0qy8Z5fKkg2?anonymous&ismsaljsauthenabled=true" target="_blank" class="abk-tc-link abk-tc-link-book">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.2"></rect><path d="M5 1v2M9 1v2M2 5h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path></svg>
Fixer un rendez-vous
</a>
</div>
</div>
</div>
</div>
</section>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet"/>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --abk-accent: #FF4C02; --abk-al: #FFE8DF; --abk-ah: #FF6B2B; --abk-text: #1A1A1A; --abk-tm: #555; --abk-mu: #999; --abk-border: #E8E8E8; --abk-surface: #F5F5F5; --abk-white: #FFFFFF; --abk-font: 'Open Sans', sans-serif; --abk-r: 16px; --abk-rs: 10px; }
.abk-s9 { background: var(--abk-surface); padding: 96px 40px; font-family: var(--abk-font); -webkit-font-smoothing: antialiased; }
.abk-s9-inner { max-width: 1168px; margin: 0 auto; }
.abk-tag { display: inline-block; font-size: 11px; font-weight: 700; color: var(--abk-accent); letter-spacing: .1em; text-transform: uppercase; background: var(--abk-al); padding: 5px 14px; border-radius: 99px; margin-bottom: 16px; }
.abk-s9-grid { display: grid; grid-template-columns: 380px 1fr; gap: 64px; align-items: start; }
.abk-s9 h2 { font-size: 36px; font-weight: 700; color: var(--abk-text); letter-spacing: -.01em; line-height: 1.15; margin-bottom: 16px; }
.abk-s9-desc { font-size: 15px; color: var(--abk-tm); line-height: 1.6; margin-bottom: 28px; }
.abk-btn-p { font-size: 13px; font-weight: 700; color: var(--abk-white); background: var(--abk-accent); padding: 10px 22px; border-radius: 99px; text-decoration: none; transition: background .15s; font-family: var(--abk-font); border: none; cursor: pointer; text-transform: uppercase; letter-spacing: .04em; display: inline-block; }
.abk-btn-p:hover { background: var(--abk-ah); }
.abk-s9-ctas { display: flex; align-items: center; gap: 20px; margin-bottom: 24px; flex-wrap: wrap; }
.abk-s9-spon { font-size: 14px; font-weight: 700; color: var(--abk-accent); text-decoration: none; }
.abk-s9-spon:hover { text-decoration: underline; }
.abk-s9-offices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.abk-office { background: var(--abk-white); border: 1.5px solid var(--abk-border); border-radius: var(--abk-rs); padding: 18px; transition: border-color .15s; }
.abk-office:hover { border-color: var(--abk-accent); }
.abk-office-flag { margin-bottom: 10px; }
.abk-office-country { font-size: 14px; font-weight: 700; color: var(--abk-text); margin-bottom: 8px; }
.abk-office-addr { font-size: 12px; color: var(--abk-tm); line-height: 1.5; }
.abk-office-addrs { margin-bottom: 12px; }
.abk-office-contact { display: flex; flex-direction: column; gap: 3px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--abk-border); }
.abk-olink { font-size: 12px; color: var(--abk-accent); text-decoration: none; font-weight: 600; }
.abk-olink:hover { text-decoration: underline; }
.abk-office-direct { display: flex; flex-direction: column; gap: 4px; }
.abk-odlabel { font-size: 11px; color: var(--abk-mu); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 2px; }
.abk-odrow { display: flex; justify-content: space-between; align-items: center; padding: 3px 0; font-size: 12px; }
.abk-odrow span { color: var(--abk-mu); }
.abk-odrow a { color: var(--abk-tm); text-decoration: none; font-weight: 600; }
.abk-odrow a:hover { color: var(--abk-accent); }
svg { display: block; }
@media (max-width: 1024px) {
.abk-s9-grid { grid-template-columns: 1fr; gap: 56px; }
}
@media (max-width: 768px) {
.abk-s9 { padding: 72px 24px; }
.abk-s9-offices { grid-template-columns: 1fr 1fr; }
.abk-s9 h2 { font-size: 28px; }
}
@media (max-width: 480px) {
.abk-s9 { padding: 56px 20px; }
.abk-s9-offices { grid-template-columns: 1fr; }
.abk-s9 h2 { font-size: 24px; }
.abk-s9-ctas { flex-direction: column; align-items: flex-start; }
.abk-btn-p { width: 100%; text-align: center; }
}
</style>
<section class="abk-s9">
<div class="abk-s9-inner">
<div class="abk-s9-grid">
<div>
<span class="abk-tag">Carrières</span>
<h2>À la recherche d'un nouveau<br/><strong>défi dans l'IT ?</strong></h2>
<p class="abk-s9-desc">ABAKUS IT-SOLUTIONS est toujours à la recherche de profils passionnés, créatifs et ambitieux pour rejoindre l'équipe. Relevez de nouveaux défis IT à nos côtés.</p>
<div class="abk-s9-ctas">
<a href="/fr_BE/jobs" class="abk-btn-p">Voir les offres d'emploi</a>
<a href="/fr_BE/jobs/spontaneous-application-492" class="abk-s9-spon">Candidature spontanée →</a>
</div>
</div>
<div>
<span class="abk-tag">Contact</span>
<h2>Nos <strong>bureaux</strong></h2>
<div class="abk-s9-offices" style="margin-top:24px;">
<div class="abk-office">
<div class="abk-office-flag"><svg width="18" height="13" viewbox="0 0 18 13" fill="none"><rect width="6" height="13" fill="#000"></rect><rect x="6" width="6" height="13" fill="#F9DC00"></rect><rect x="12" width="6" height="13" fill="#C00"></rect></svg></div>
<p class="abk-office-country">Belgique</p>
<div class="abk-office-addrs"><p class="abk-office-addr">Rue de Herbesthal 325, 4700 Eupen</p></div>
<div class="abk-office-contact"><a href="mailto:info@abakusitsolutions.eu" class="abk-olink">info@abakusitsolutions.eu</a><a href="tel:+3287593550" class="abk-olink">+32 87 59 35 50</a></div>
<div class="abk-office-direct">
<p class="abk-odlabel">Lignes directes</p>
<div class="abk-odrow">Jobs<a href="tel:+3287593556">+32 87 59 35 56</a></div>
<div class="abk-odrow">Sales<a href="tel:+3287593557">+32 87 59 35 57</a></div>
<div class="abk-odrow">Finance<a href="tel:+3287593559">+32 87 59 35 59</a></div>
</div>
</div>
<div class="abk-office">
<div class="abk-office-flag"><svg width="18" height="13" viewbox="0 0 18 13" fill="none"><rect width="18" height="4.33" fill="#C73F4A"></rect><rect y="4.33" width="18" height="4.34" fill="#fff"></rect><rect y="8.67" width="18" height="4.33" fill="#0089B6"></rect></svg></div>
<p class="abk-office-country">Luxembourg</p>
<div class="abk-office-addrs"><p class="abk-office-addr">8 Duarrefstrooss, 9990 Weiswampach</p></div>
<div class="abk-office-contact"><a href="mailto:info@abakusitsolutions.eu" class="abk-olink">info@abakusitsolutions.eu</a><a href="tel:+35220882050" class="abk-olink">+352 20 88 20 50</a></div>
<div class="abk-office-direct">
<p class="abk-odlabel">Lignes directes</p>
<div class="abk-odrow">Jobs<a href="tel:+35220882056">+352 20 88 20 56</a></div>
<div class="abk-odrow">Sales<a href="tel:+35220882057">+352 20 88 20 57</a></div>
<div class="abk-odrow">Finance<a href="tel:+35220882059">+352 20 88 20 59</a></div>
</div>
</div>
<div class="abk-office">
<div class="abk-office-flag"><svg width="18" height="13" viewbox="0 0 18 13" fill="none"><rect width="18" height="4.33" fill="#000"></rect><rect y="4.33" width="18" height="4.34" fill="#D00"></rect><rect y="8.67" width="18" height="4.33" fill="#FFCE00"></rect></svg></div>
<p class="abk-office-country">Allemagne</p>
<div class="abk-office-addrs"><p class="abk-office-addr">Adenauerstraße 20/A2, 3. OG, 52146 Würselen</p></div>
<div class="abk-office-contact"><a href="mailto:info@abakusitsolutions.eu" class="abk-olink">info@abakusitsolutions.eu</a><a href="tel:+4924058074950" class="abk-olink">+49 2405 80749 50</a></div>
<div class="abk-office-direct">
<p class="abk-odlabel">Lignes directes</p>
<div class="abk-odrow">Jobs<a href="tel:+4924058074956">+49 2405 80749 56</a></div>
<div class="abk-odrow">Sales<a href="tel:+4924058074957">+49 2405 80749 57</a></div>
<div class="abk-odrow">Finance<a href="tel:+4924058074959">+49 2405 80749 59</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><section class="s_embed_code o_colored_level o_cc o_cc1 pt0 pb0 text-center" data-snippet="s_embed_code" data-name="Code intégré" style="background-image: none;"><template class="s_embed_code_saved"><div id="cyber-main-cta" class="cyber-floating-cta">
<div class="cyber-cta-inner">
<img src="/logo" alt="ABAKUS IT-SOLUTIONS" class="cyber-expert-img" loading="lazy"/>
<div class="cyber-cta-content">
<span class="cyber-pretitle">ABAKUS IT-SOLUTIONS</span>
<h3 class="cyber-cta-title">Prêt à vous lancer ?</h3>
<span class="cyber-cta-action">
Planifier un 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="/fr_BE/contact-us">
<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="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 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">
Nous écrire
<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>
.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;
}
.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) 5.4s backwards;
}
.cyber-toggle-btn:hover { transform: translateY(-2px) scale(1.05); color: #FF4C0A; }
.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); }
.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); }
#cyber-main-cta {
bottom: 110px;
max-width: 400px;
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 5s backwards;
}
.cyber-expert-img {
width: 64px;
height: 64px;
border-radius: 12px;
object-fit: contain;
padding: 8px;
background: #fff;
flex-shrink: 0;
border: 1.5px solid #f0f0f0;
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); }
.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); }
#cyber-guide-cta {
bottom: 24px;
max-width: 320px;
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 5.2s 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); }
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@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; }
.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; margin-bottom: 0; }
.cyber-cta-title { font-size: 13px; }
.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; }
}
@media (min-width: 1440px) {
.cyber-floating-cta { right: 40px; }
.cyber-toggle-btn { right: 40px; }
}
@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; }
}
.bubble-hidden {
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(20px) !important;
}
</style>
<script>
(function () {
var mainCta = document.getElementById('cyber-main-cta');
if (mainCta) {
mainCta.onclick = function () {
var target = document.getElementById('experts');
if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
};
}
window.toggleWidgets = function () {
document.body.classList.toggle('cyber-widgets-hidden');
localStorage.setItem('cyber-widgets-hidden', document.body.classList.contains('cyber-widgets-hidden'));
};
if (localStorage.getItem('cyber-widgets-hidden') === 'true') {
document.body.classList.add('cyber-widgets-hidden');
}
var mainBubble = document.getElementById('cyber-main-cta');
var guideBubble = document.getElementById('cyber-guide-cta');
var ctaSection = document.getElementById('cta-homepage1');
if (mainBubble && guideBubble && ctaSection) {
var observer = new IntersectionObserver(
function (entries) {
entries.forEach(function (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 container o_not_editable"><div id="cyber-main-cta" class="cyber-floating-cta">
<div class="cyber-cta-inner">
<img src="/logo" alt="ABAKUS IT-SOLUTIONS" class="cyber-expert-img" loading="lazy"/>
<div class="cyber-cta-content">
<span class="cyber-pretitle">ABAKUS IT-SOLUTIONS</span>
<h3 class="cyber-cta-title">Prêt à vous lancer ?</h3>
<span class="cyber-cta-action">
Planifier un 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="/fr_BE/contact-us">
<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="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 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">
Nous écrire
<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>
.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;
}
.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) 5.4s backwards;
}
.cyber-toggle-btn:hover { transform: translateY(-2px) scale(1.05); color: #FF4C0A; }
.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); }
.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); }
#cyber-main-cta {
bottom: 110px;
max-width: 400px;
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 5s backwards;
}
.cyber-expert-img {
width: 64px;
height: 64px;
border-radius: 12px;
object-fit: contain;
padding: 8px;
background: #fff;
flex-shrink: 0;
border: 1.5px solid #f0f0f0;
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); }
.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); }
#cyber-guide-cta {
bottom: 24px;
max-width: 320px;
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 5.2s 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); }
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@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; }
.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; margin-bottom: 0; }
.cyber-cta-title { font-size: 13px; }
.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; }
}
@media (min-width: 1440px) {
.cyber-floating-cta { right: 40px; }
.cyber-toggle-btn { right: 40px; }
}
@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; }
}
.bubble-hidden {
opacity: 0 !important;
pointer-events: none !important;
transform: translateY(20px) !important;
}
</style><script>
(function () {
var mainCta = document.getElementById('cyber-main-cta');
if (mainCta) {
mainCta.onclick = function () {
var target = document.getElementById('experts');
if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
};
}
window.toggleWidgets = function () {
document.body.classList.toggle('cyber-widgets-hidden');
localStorage.setItem('cyber-widgets-hidden', document.body.classList.contains('cyber-widgets-hidden'));
};
if (localStorage.getItem('cyber-widgets-hidden') === 'true') {
document.body.classList.add('cyber-widgets-hidden');
}
var mainBubble = document.getElementById('cyber-main-cta');
var guideBubble = document.getElementById('cyber-guide-cta');
var ctaSection = document.getElementById('cta-homepage1');
if (mainBubble && guideBubble && ctaSection) {
var observer = new IntersectionObserver(
function (entries) {
entries.forEach(function (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><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap" rel="stylesheet"/>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --abk-accent: #FF4C02; --abk-white: #FFFFFF; --abk-font: 'Open Sans', sans-serif; --abk-rs: 10px; }
.abk-s10 { background: var(--abk-accent); padding: 80px 40px; text-align: center; font-family: var(--abk-font); -webkit-font-smoothing: antialiased; }
.abk-s10-inner { max-width: 600px; margin: 0 auto; }
.abk-s10 h2 { font-size: 40px; font-weight: 700; color: var(--abk-white); line-height: 1.15; margin-bottom: 16px; }
.abk-s10 p { font-size: 16px; color: rgba(255,255,255,0.75); margin-bottom: 36px; line-height: 1.6; }
.abk-s10-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.abk-btn-w { background: var(--abk-white); color: var(--abk-accent); font-weight: 700; padding: 14px 32px; border-radius: 99px; text-decoration: none; font-size: 14px; font-family: var(--abk-font); border: none; cursor: pointer; text-transform: uppercase; letter-spacing: .04em; transition: opacity .15s; display: inline-block; }
.abk-btn-w:hover { opacity: .9; }
.abk-btn-o { border: 2px solid rgba(255,255,255,0.5); color: var(--abk-white); padding: 14px 32px; border-radius: 99px; font-size: 14px; font-family: var(--abk-font); font-weight: 700; background: none; cursor: pointer; transition: border-color .15s; text-transform: uppercase; letter-spacing: .04em; display: inline-block; text-decoration: none; }
.abk-btn-o:hover { border-color: rgba(255,255,255,0.9); }
@media (max-width: 600px) {
.abk-s10 { padding: 64px 24px; }
.abk-s10 h2 { font-size: 30px; }
.abk-s10-actions { flex-direction: column; align-items: center; }
.abk-btn-w, .abk-btn-o { width: 100%; text-align: center; }
}
@media (max-width: 480px) {
.abk-s10 { padding: 56px 20px; }
.abk-s10 h2 { font-size: 26px; }
.abk-s10 p { font-size: 15px; }
}
</style>
<section class="abk-s10" id="cta-homepage1">
<div class="abk-s10-inner">
<h2>Prêt à démarrer<br/><strong>vos projets IT ?</strong></h2>
<p>Prenez un appel rapide avec l'un de nos experts. Sans engagement : nous vous orientons vers les solutions IT les mieux adaptées à vos besoins.</p>
<div class="abk-s10-actions">
<a href="#experts" class="abk-btn-w">Planifier un rendez-vous</a>
<a href="/fr_BE/contact-us" class="abk-btn-o">Nous écrire</a>
</div>
</div>
</section>
<section class="s_text_block o_colored_level pb0 pt0" data-snippet="s_text_block" data-name="Text" style="background-color: rgb(255, 255, 255); background-image: none;">
<div class="s_allow_columns container-fluid">
<div class="row o_grid_mode" data-row-count="-Infinity"></div></div>
</section><section class="s_text_image o_colored_level pt0 pb0 o_cc o_cc2" data-snippet="s_text_image" data-name="Text - Image" style="background-color: rgb(255, 255, 255); background-image: none;">
<div class="container-fluid">
<div class="row o_grid_mode" data-row-count="-Infinity">
</div>
</div>
</section><section class="s_text_image o_colored_level o_cc o_cc4 pt0 pb0" data-snippet="s_image_text" data-name="Image - Text" style="background-color: rgb(243, 243, 243); background-image: none;">
<div class="container-fluid">
<div class="row o_grid_mode" data-row-count="-Infinity">
</div>
</div>
</section>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ol></ol>
<ol></ol>
<ol></ol>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
<ul></ul>
</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" data-snippet="s_text_block" style="background-position: 0% 88.7764%; background-image: none;" data-name="Custom Custom Footer">
<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://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 o_cookies_popup s_popup_top" 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; background-color: var(--black-50) !important;" 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 p-5" style="background-image: none;"><div class="container text-center"><div class="row"><div class="col-lg-12 o_colored_level"><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><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><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></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" />
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WL638JVJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>
