{"id":13057,"date":"2024-07-11T15:10:38","date_gmt":"2024-07-11T13:10:38","guid":{"rendered":"https:\/\/wisper.io\/?page_id=13057"},"modified":"2026-07-09T10:55:25","modified_gmt":"2026-07-09T08:55:25","slug":"wisper-360","status":"publish","type":"page","link":"https:\/\/wisper.io\/en\/","title":{"rendered":"Wisper 360, centralized management and desktop virtualization"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13057\" class=\"elementor elementor-13057\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73deb8b e-con-full e-flex e-con e-parent\" data-id=\"73deb8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ecfafc8 e-flex e-con-boxed e-con e-child\" data-id=\"ecfafc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d466b0b e-con-full e-flex e-con e-child\" data-id=\"d466b0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24ce43e elementor-widget__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"24ce43e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"height: 100%; background: var(--bg-weak-50, #F7F7F7); overflow: hidden; border-radius: 10px; justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex; padding: 4px 9px 4px 6px;\"><br \/><span style=\"background: var(--bg-white-0, white); box-shadow: 0px 1px 1px -0.5px rgba(23, 23, 23, 0.04), 0px 3px 3px -1.5px rgba(23, 23, 23, 0.04); overflow: hidden; border-radius: 5px; justify-content: center; align-items: center; gap: 8px; display: flex; padding: 2px 5px 2px 5px;\"><br \/><span style=\"justify-content: center; display: flex; flex-direction: column; color: var(--primary-base, #2979ff); font-size: 10px; font-family: Inter Variable; font-weight: 600; line-height: 12px; letter-spacing: 0.20px; word-wrap: break-word;\">W360<\/span><br \/><\/span><br \/><span style=\"justify-content: flex-start; align-items: center; gap: 6px; display: flex;\"><br \/><span style=\"justify-content: center; display: flex; flex-direction: column; color: var(--text-sub-600, #5c5c5c); font-size: 14px; font-family: Inter; font-weight: 500; line-height: 20px; word-wrap: break-word;\">Plateforme SaaS europ\u00e9enne<\/span><br \/><\/span><br \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ed229b elementor-widget elementor-widget-text-editor\" data-id=\"9ed229b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"color: #171717; font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0;\">Le bon OS,\u00a0<\/h1><h1 style=\"color: #171717; font-size: 48px; font-weight: 800; line-height: 1.2; margin: 0;\">pour\u00a0<span style=\"color: #1a73e8;\">le bon usage<\/span><\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d005ee elementor-widget elementor-widget-text-editor\" data-id=\"9d005ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>W360 permet de choisir, d\u00e9ployer et piloter l&rsquo;environnement de chaque poste de travail depuis une console unique du terminal l\u00e9ger open source au Windows renforc\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-270a4c2 e-con-full e-flex e-con e-child\" data-id=\"270a4c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12367ac elementor-widget elementor-widget-text-editor\" data-id=\"12367ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Orchestrez efficience et r\u00e9silience. R\u00e9duisez vos d\u00e9pendances. Gagnez en libert\u00e9 d&rsquo;action.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0dea3ba e-con-full e-flex e-con e-child\" data-id=\"0dea3ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3eb4a4 new-primary-button elementor-widget elementor-widget-button\" data-id=\"b3eb4a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wisper.io\/en\/demande-de-demo-wisper\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><g opacity=\"0.64\"><path d=\"M5.58047 15.4017L4.59839 14.4197L12.5396 6.47855H8.66055V5.08966H14.9105V11.3397H13.5217V7.46062L5.58047 15.4017Z\" fill=\"white\"><\/path><\/g><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Demander une d\u00e9mo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bddecaf e-grid e-con-full e-con e-child\" data-id=\"bddecaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e69ecb elementor-widget elementor-widget-text-editor\" data-id=\"7e69ecb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>-40%<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e6c831 elementor-widget elementor-widget-text-editor\" data-id=\"8e6c831\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>x2<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e5a068 elementor-widget elementor-widget-text-editor\" data-id=\"8e5a068\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>90s<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9dbfa7 elementor-widget elementor-widget-text-editor\" data-id=\"b9dbfa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&lt;12<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26fd00e elementor-widget elementor-widget-text-editor\" data-id=\"26fd00e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>de TCO<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf8963 elementor-widget elementor-widget-text-editor\" data-id=\"6cf8963\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dur\u00e9e de vie<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c84642 elementor-widget elementor-widget-text-editor\" data-id=\"1c84642\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>de PRA<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9a20b7 elementor-widget elementor-widget-text-editor\" data-id=\"a9a20b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>mois payback<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e2ec85 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"9e2ec85\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.1,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1396\" height=\"1138\" src=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/dashboard3.png\" class=\"attachment-full size-full wp-image-16455\" alt=\"\" srcset=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/dashboard3.png 1396w, https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/dashboard3-15x12.png 15w\" sizes=\"(max-width: 1396px) 100vw, 1396px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b9d2d0 e-con-full e-flex e-con e-parent\" data-id=\"3b9d2d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ff94b66 e-flex e-con-boxed e-con e-child\" data-id=\"ff94b66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54cb6f3 elementor-widget elementor-widget-html\" data-id=\"54cb6f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"w360-kpi\">\n  <div class=\"w360-kpi__num\">+500&#8239;000<\/div>\n  <div class=\"w360-kpi__label\">utilisateurs dans le monde<\/div>\n<\/div>\n\n<style>\n.w360-kpi {\n  font-family: inherit;\n  text-align: center;\n  padding: 24px 16px;\n}\n.w360-kpi__num {\n  color: #2979FF;\n  font-size: 40px;\n  font-weight: 800;\n  line-height: 1.1;\n  margin-bottom: 8px;\n}\n.w360-kpi__label {\n  color: #171717;\n  font-size: 16px;\n  font-weight: 300;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a05ac61 elementor-widget elementor-widget-image-carousel\" data-id=\"a05ac61\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;slides_to_scroll&quot;:&quot;2&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel d\u2019images\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/aftral.png\" alt=\"aftral\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/cnrs.png\" alt=\"cnrs\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/haute-savoie.png\" alt=\"haute-savoie\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/konecta.png\" alt=\"konecta\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 sur 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/voxens.png\" alt=\"voxens\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-542b421 e-con-full e-flex e-con e-child\" data-id=\"542b421\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7f1d0dd e-flex e-con-boxed e-con e-child\" data-id=\"7f1d0dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0e0a5d elementor-widget elementor-widget-html\" data-id=\"c0e0a5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     SECTION \"POURQUOI MAINTENANT\" \u2014 v2 : alignement inter-cartes\n     + s\u00e9parateur avant le chiffre cl\u00e9 (m\u00eame logique que la plateforme)\n     ============================================================ -->\n<section class=\"w360-why\">\n\n  <div class=\"w360-why__head\">\n    <div class=\"w360-why__eyebrow\">Pourquoi maintenant<\/div>\n    <h2 class=\"w360-why__title\">Trois pressions convergentes.<\/h2>\n  <\/div>\n\n  <div class=\"w360-why__grid\">\n\n    <!-- Carte 1 : Pression financi\u00e8re -->\n    <div class=\"w360-why__card\">\n      <div class=\"w360-why__icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E02424\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 17 9 11 13 15 21 7\"\/><polyline points=\"15 7 21 7 21 13\"\/><\/svg>\n      <\/div>\n      <h3 class=\"w360-why__card-title\">Pression financi\u00e8re<\/h3>\n      <p class=\"w360-why__card-text\">Les tarifs des \u00e9cosyst\u00e8mes dominants augmentent de 15 \u00e0 25% par an. 70% des postes sont surdimensionn\u00e9s pour l'usage r\u00e9el.<\/p>\n      <div class=\"w360-why__stat\"><span class=\"w360-why__stat-key w360-why__stat-key--red\">+25%<\/span> \/ an en moyenne<\/div>\n    <\/div>\n\n    <!-- Carte 2 : Pression r\u00e9glementaire -->\n    <div class=\"w360-why__card\">\n      <div class=\"w360-why__icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8A00\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18\"\/><path d=\"M5 7h14\"\/><path d=\"M5 7l-3 6a3.5 3.5 0 0 0 6 0l-3-6z\"\/><path d=\"M19 7l-3 6a3.5 3.5 0 0 0 6 0l-3-6z\"\/><path d=\"M8 21h8\"\/><\/svg>\n      <\/div>\n      <h3 class=\"w360-why__card-title\">Pression r\u00e9glementaire<\/h3>\n      <p class=\"w360-why__card-text\">NIS2, DORA, RGPD renforc\u00e9. Le Cloud Act expose les donn\u00e9es \u00e0 une juridiction extraterritoriale.<\/p>\n      <div class=\"w360-why__stat\"><span class=\"w360-why__stat-key w360-why__stat-key--orange\">NIS2<\/span> conformit\u00e9 obligatoire<\/div>\n    <\/div>\n\n    <!-- Carte 3 : D\u00e9ploiement simplifi\u00e9 -->\n    <div class=\"w360-why__card\">\n      <div class=\"w360-why__icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A73E8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\n      <\/div>\n      <h3 class=\"w360-why__card-title\">D\u00e9ploiement simplifi\u00e9<\/h3>\n      <p class=\"w360-why__card-text\">Configurez et d\u00e9ployez des environnements de travail standardis\u00e9s en quelques minutes.<\/p>\n      <div class=\"w360-why__stat\"><span class=\"w360-why__stat-key w360-why__stat-key--blue\">78%<\/span> des attaques visent le poste<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.w360-why {\n  background: #FFFFFF;\n  padding: 80px 24px 90px;\n  font-family: inherit;\n}\n\n\/* ---- En-t\u00eate ---- *\/\n.w360-why__head {\n  max-width: 760px;\n  margin: 0 auto 48px;\n  text-align: center;\n}\n.w360-why__eyebrow {\n  color: #2979FF;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n.w360-why__title {\n  color: #171717;\n  font-size: 42px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0;\n}\n@media (max-width: 600px) {\n  .w360-why__title { font-size: 30px; }\n}\n\n\/* ---- Grille de cartes ---- *\/\n.w360-why__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 26px;\n  max-width: 1200px;\n  margin: 0 auto;\n  align-items: stretch;      \/* les 3 cartes ont la m\u00eame hauteur *\/\n}\n@media (max-width: 980px) {\n  .w360-why__grid { grid-template-columns: 1fr; max-width: 560px; }\n}\n\n.w360-why__card {\n  display: flex;\n  flex-direction: column;\n  background: #F5F7FA;\n  border-radius: 16px;\n  padding: 36px 32px;\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n.w360-why__card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 28px rgba(23, 23, 23, 0.08);\n}\n\n\/* Zone ic\u00f4ne : hauteur FIXE -> les titres d\u00e9marrent au m\u00eame niveau *\/\n.w360-why__icon {\n  height: 44px;\n  display: flex;\n  align-items: center;\n  margin-bottom: 24px;\n}\n\n.w360-why__card-title {\n  color: #171717;\n  font-size: 19px;\n  font-weight: 700;\n  margin: 0 0 10px;\n}\n.w360-why__card-text {\n  color: #55606E;\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.6;\n  margin: 0 0 24px;\n}\n\n\/* ---- Chiffre cl\u00e9 : cal\u00e9 en bas + s\u00e9parateur discret ---- *\/\n.w360-why__stat {\n  margin-top: auto;\n  padding-top: 20px;\n  border-top: 1px solid #E2E6EB;\n  color: #171717;\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1.4;\n}\n.w360-why__stat-key { font-weight: 700; }\n.w360-why__stat-key--red    { color: #E02424; }\n.w360-why__stat-key--orange { color: #FF8A00; }\n.w360-why__stat-key--blue   { color: #1A73E8; }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ae8a32 elementor-widget elementor-widget-html\" data-id=\"6ae8a32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     SECTION \"LA PLATEFORME\" \u2014 v3 : alignement inter-cartes\n     + listes int\u00e9gr\u00e9es au style g\u00e9n\u00e9ral\n     ============================================================ -->\n<section class=\"w360-plat\">\n\n  <div class=\"w360-plat__head\">\n    <div class=\"w360-plat__eyebrow\">La plateforme<\/div>\n    <h2 class=\"w360-plat__title\">W360 orchestre vos environnements.<\/h2>\n    <p class=\"w360-plat__subtitle\">Console centralis\u00e9e. Trois modes OS. S\u00e9curit\u00e9 par conception. PRA int\u00e9gr\u00e9.<br>Fonctionne m\u00eame hors ligne.<\/p>\n  <\/div>\n\n  <div class=\"w360-plat__grid\">\n\n    <!-- Carte 1 -->\n    <div class=\"w360-plat__card\">\n      <div class=\"w360-plat__icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M1.5 10h3M1 13.5h2.5M1.5 17h3\" stroke=\"#8FB5FF\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <path d=\"M11 2h5M13.5 2v2.6\" stroke=\"#2276FF\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n          <path d=\"M19.6 6.8l1.8-1.8\" stroke=\"#2276FF\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\n          <circle cx=\"13.5\" cy=\"13.5\" r=\"7.6\" fill=\"#E3EDFF\" stroke=\"#2276FF\" stroke-width=\"1.6\"\/>\n          <path d=\"M13.5 7.6v1.6M19.4 13.5h-1.6M13.5 19.4v-1.6M7.6 13.5h1.6\" stroke=\"#2276FF\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n          <path d=\"M13.5 13.5l3.4-3.4\" stroke=\"#2276FF\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <circle cx=\"13.5\" cy=\"13.5\" r=\"1.1\" fill=\"#2276FF\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"w360-plat__card-title\">Continuit\u00e9 d'activit\u00e9<\/h3>\n      <p class=\"w360-plat__card-text\">PRA en 90 secondes. Restauration compl\u00e8te. Fonctionnement hors ligne natif.<\/p>\n      <ul class=\"w360-plat__list\">\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>Restauration &lt; 2 min<\/li>\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>Offline natif<\/li>\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>Rollback instantan\u00e9<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Carte 2 -->\n    <div class=\"w360-plat__card\">\n      <div class=\"w360-plat__icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M12 2.5l7.5 2.7v5.6c0 4.9-3.2 8.1-7.5 9.7-4.3-1.6-7.5-4.8-7.5-9.7V5.2L12 2.5z\" fill=\"#123D8F\" stroke=\"#2276FF\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/>\n          <g fill=\"#FFCC00\">\n            <path transform=\"translate(12,7.6) scale(1.05)\" d=\"M0,-1 .29,-.31 1,-.31 .45,.12 .68,.81 0,.38 -.68,.81 -.45,.12 -1,-.31 -.29,-.31Z\"\/>\n            <path transform=\"translate(15.1,9.4) scale(1.05)\" d=\"M0,-1 .29,-.31 1,-.31 .45,.12 .68,.81 0,.38 -.68,.81 -.45,.12 -1,-.31 -.29,-.31Z\"\/>\n            <path transform=\"translate(15.1,12.9) scale(1.05)\" d=\"M0,-1 .29,-.31 1,-.31 .45,.12 .68,.81 0,.38 -.68,.81 -.45,.12 -1,-.31 -.29,-.31Z\"\/>\n            <path transform=\"translate(12,14.7) scale(1.05)\" d=\"M0,-1 .29,-.31 1,-.31 .45,.12 .68,.81 0,.38 -.68,.81 -.45,.12 -1,-.31 -.29,-.31Z\"\/>\n            <path transform=\"translate(8.9,12.9) scale(1.05)\" d=\"M0,-1 .29,-.31 1,-.31 .45,.12 .68,.81 0,.38 -.68,.81 -.45,.12 -1,-.31 -.29,-.31Z\"\/>\n            <path transform=\"translate(8.9,9.4) scale(1.05)\" d=\"M0,-1 .29,-.31 1,-.31 .45,.12 .68,.81 0,.38 -.68,.81 -.45,.12 -1,-.31 -.29,-.31Z\"\/>\n          <\/g>\n        <\/svg>\n      <\/div>\n      <h3 class=\"w360-plat__card-title\">S\u00e9curit\u00e9 &amp; souverainet\u00e9<\/h3>\n      <p class=\"w360-plat__card-text\">Read-Only, conteneurisation, SSO souverain. 100% europ\u00e9en, hors Cloud Act.<\/p>\n      <ul class=\"w360-plat__list\">\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>0 persistance malware<\/li>\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>IDP souverain gratuit<\/li>\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>RGPD &amp; NIS2 natifs<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Carte 3 -->\n    <div class=\"w360-plat__card\">\n      <div class=\"w360-plat__icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M12 2.2v2M6.8 3.9l1 1.7M17.2 3.9l-1 1.7\" stroke=\"#7ED0A8\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <path d=\"M2.5 14s3.4-6 9.5-6 9.5 6 9.5 6-3.4 6-9.5 6-9.5-6-9.5-6z\" fill=\"#E4F6EC\" stroke=\"#10A566\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\n          <circle cx=\"12\" cy=\"14\" r=\"3.1\" fill=\"#10A566\"\/>\n          <circle cx=\"13\" cy=\"13\" r=\"0.9\" fill=\"#FFFFFF\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"w360-plat__card-title\">Gestion &amp; optimisation<\/h3>\n      <p class=\"w360-plat__card-text\">Inventaire auto, supervision temps r\u00e9el, d\u00e9ploiement centralis\u00e9, Zero-Touch IT.<\/p>\n      <ul class=\"w360-plat__list\">\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>D\u00e9ploiement &times;5<\/li>\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>Interventions &minus;50%<\/li>\n        <li><span class=\"w360-plat__check\">&#10003;<\/span>Visibilit\u00e9 totale<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.w360-plat {\n  background: #FFFFFF;\n  padding: 90px 24px 100px;\n  font-family: inherit;\n}\n\n\/* ---- En-t\u00eate ---- *\/\n.w360-plat__head {\n  max-width: 760px;\n  margin: 0 auto 56px;\n  text-align: center;\n}\n.w360-plat__eyebrow {\n  color: #2979FF;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n.w360-plat__title {\n  color: #171717;\n  font-size: 42px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0 0 18px;\n}\n.w360-plat__subtitle {\n  color: #55606E;\n  font-size: 18px;\n  line-height: 1.55;\n  font-weight: 300;\n  margin: 0;\n}\n@media (max-width: 600px) {\n  .w360-plat__title { font-size: 30px; }\n  .w360-plat__subtitle { font-size: 16px; }\n}\n\n\/* ---- Grille de cartes ---- *\/\n.w360-plat__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 26px;\n  max-width: 1200px;\n  margin: 0 auto;\n  align-items: stretch;      \/* les 3 cartes ont la m\u00eame hauteur *\/\n}\n@media (max-width: 980px) {\n  .w360-plat__grid { grid-template-columns: 1fr; max-width: 560px; }\n}\n\n\/* La carte devient une colonne flex : chaque zone est cal\u00e9e *\/\n.w360-plat__card {\n  display: flex;\n  flex-direction: column;\n  background: #F0F3F7;\n  border: 1px solid #E2E6EB;\n  border-radius: 16px;\n  padding: 36px 32px;\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n.w360-plat__card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 28px rgba(23, 23, 23, 0.08);\n}\n\n\/* Zone ic\u00f4ne : hauteur FIXE -> les titres d\u00e9marrent au m\u00eame niveau *\/\n.w360-plat__icon {\n  height: 44px;\n  display: flex;\n  align-items: center;\n  margin-bottom: 24px;\n}\n\n.w360-plat__card-title {\n  color: #171717;\n  font-size: 21px;\n  font-weight: 700;\n  margin: 0 0 12px;\n}\n.w360-plat__card-text {\n  color: #55606E;\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.6;\n  margin: 0 0 24px;\n}\n\n\/* ---- Liste \u00e0 coches : cal\u00e9e en bas + s\u00e9parateur discret ---- *\/\n.w360-plat__list {\n  list-style: none;\n  margin: auto 0 0;          \/* pousse la liste en bas de la carte *\/\n  padding: 20px 0 0;\n  border-top: 1px solid #E2E6EB;\n}\n.w360-plat__list li {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  color: #3A4451;            \/* m\u00eame famille de gris que les textes *\/\n  font-size: 14.5px;\n  font-weight: 400;\n  margin-bottom: 10px;\n}\n.w360-plat__list li:last-child { margin-bottom: 0; }\n.w360-plat__check {\n  color: #2979FF;            \/* bleu Wisper, coche nue sans pastille *\/\n  font-size: 13px;\n  font-weight: 700;\n  flex-shrink: 0;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d379b5 elementor-widget elementor-widget-html\" data-id=\"7d379b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- EN-T\u00caTE DE SECTION \"ARCHITECTURE\" \u2014 widget HTML Elementor -->\n<div class=\"w360-arch-head\">\n  <div class=\"w360-arch-head__eyebrow\">Architecture<\/div>\n  <h2 class=\"w360-arch-head__title\">Comment \u00e7a fonctionne<\/h2>\n  <p class=\"w360-arch-head__subtitle\">Un agent l\u00e9ger sur chaque machine. Le DSI orchestre les OS, les mises \u00e0 jour, la s\u00e9curit\u00e9 et la supervision depuis la console SaaS.<\/p>\n<\/div>\n\n<style>\n.w360-arch-head {\n  font-family: inherit;\n  text-align: center;\n}\n.w360-arch-head__eyebrow {\n  color: #2979FF;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n.w360-arch-head__title {\n  color: #171717;\n  font-size: 40px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0 0 16px;\n}\n.w360-arch-head__subtitle {\n  color: #55606E;\n  font-size: 17px;\n  font-weight: 300;\n  line-height: 1.6;\n  margin: 0;\n}\n@media (max-width: 600px) {\n  .w360-arch-head__title { font-size: 30px; }\n  .w360-arch-head__subtitle { font-size: 15px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5dd69b elementor-widget elementor-widget-video\" data-id=\"d5dd69b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/07\/DemoMarket-v2.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-736a0d4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"736a0d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea18b0e elementor-widget elementor-widget-html\" data-id=\"ea18b0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- EN-T\u00caTE DE SECTION \"ARCHITECTURE\" \u2014 widget HTML Elementor -->\n<div class=\"w360-arch-head\">\n  <div class=\"w360-arch-head__eyebrow\">CALCULATEUR ROI<\/div>\n  <h2 class=\"w360-arch-head__title\">Estimez vos \u00e9conomies.<\/h2>\n  <p class=\"w360-arch-head__subtitle\">Ajuster le nombre de postes et la r\u00e9partition par profil<\/p>\n<\/div>\n\n<style>\n.w360-arch-head {\n  font-family: inherit;\n  text-align: center;\n}\n.w360-arch-head__eyebrow {\n  color: #2979FF;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n.w360-arch-head__title {\n  color: #171717;\n  font-size: 40px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0 0 16px;\n}\n.w360-arch-head__subtitle {\n  color: #55606E;\n  font-size: 17px;\n  font-weight: 300;\n  line-height: 1.6;\n  margin: 0;\n}\n@media (max-width: 600px) {\n  .w360-arch-head__title { font-size: 30px; }\n  .w360-arch-head__subtitle { font-size: 15px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd18c57 elementor-widget elementor-widget-html\" data-id=\"dd18c57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     CALCULATEUR ROI W360 \u2014 v2 \u2014 \u00e0 coller dans un widget HTML Elementor\n     Changements v2 :\n       1. \"Site distant & terrain\" est d\u00e9coupl\u00e9 de la r\u00e9partition\n          des profils : c'est d\u00e9sormais un NOMBRE DE SITES ind\u00e9pendant,\n          avec une \u00e9conomie annuelle PAR SITE (CONFIG.ecoParSite).\n          Les 3 profils de postes totalisent 100 % \u00e0 eux seuls.\n       2. Saisie num\u00e9rique directe (input) synchronis\u00e9e avec les\n          sliders pour le nombre de postes et le nombre de sites.\n     Param\u00e8tres modifiables dans le bloc CONFIG du script (en bas)\n     ============================================================ -->\n<div class=\"w360-roi\">\n\n  <div class=\"w360-roi__tabs\" role=\"tablist\">\n    <button type=\"button\" class=\"w360-roi__tabbtn is-active\" id=\"w360-tabbtn-calc\" role=\"tab\" aria-selected=\"true\" aria-controls=\"w360-tab-calc\">Calculatrice<\/button>\n    <button type=\"button\" class=\"w360-roi__tabbtn\" id=\"w360-tabbtn-w360\" role=\"tab\" aria-selected=\"false\" aria-controls=\"w360-tab-w360\">W360<\/button>\n  <\/div>\n\n  <div class=\"w360-roi__tabpanel\" id=\"w360-tab-calc\" role=\"tabpanel\">\n\n  <div class=\"w360-roi__grid\">\n\n    <!-- ============ COLONNE GAUCHE : PARAM\u00c8TRES ============ -->\n    <div class=\"w360-roi__panel\">\n\n      <div class=\"w360-roi__field\">\n        <div class=\"w360-roi__row\">\n          <label class=\"w360-roi__label\" for=\"w360-postes-input\">Nombre de postes<\/label>\n          <input type=\"number\" id=\"w360-postes-input\" class=\"w360-roi__number\" min=\"10\" max=\"10000\" step=\"10\" value=\"580\" inputmode=\"numeric\">\n        <\/div>\n        <input type=\"range\" id=\"w360-postes\" class=\"w360-roi__slider w360-roi__slider--blue\" min=\"10\" max=\"10000\" step=\"10\" value=\"580\">\n        <div class=\"w360-roi__bounds\"><span>10<\/span><span>10 000<\/span><\/div>\n      <\/div>\n\n      <div class=\"w360-roi__field\">\n        <div class=\"w360-roi__row\">\n          <label class=\"w360-roi__label\" for=\"w360-sites-input\">Nombre de sites distants<\/label>\n          <input type=\"number\" id=\"w360-sites-input\" class=\"w360-roi__number\" min=\"0\" max=\"200\" step=\"1\" value=\"3\" inputmode=\"numeric\">\n        <\/div>\n        <input type=\"range\" id=\"w360-sites\" class=\"w360-roi__slider w360-roi__slider--orange\" min=\"0\" max=\"200\" step=\"1\" value=\"3\">\n        <div class=\"w360-roi__bounds\"><span>0<\/span><span>200<\/span><\/div>\n      <\/div>\n\n      <div class=\"w360-roi__separator\"><\/div>\n      <div class=\"w360-roi__subtitle\">R\u00e9partition des postes par profil<\/div>\n\n      <div class=\"w360-roi__field\">\n        <div class=\"w360-roi__row\">\n          <label class=\"w360-roi__label\">Bureautique &amp; accueil<\/label>\n          <span class=\"w360-roi__detail w360-roi__detail--blue\"><span id=\"w360-p1-val\">65<\/span>% \u00b7 \u00e9co. ~1 100 \u20ac\/poste<\/span>\n        <\/div>\n        <input type=\"range\" id=\"w360-p1\" class=\"w360-roi__slider w360-roi__slider--blue\" min=\"0\" max=\"100\" step=\"5\" value=\"65\">\n      <\/div>\n\n      <div class=\"w360-roi__field\">\n        <div class=\"w360-roi__row\">\n          <label class=\"w360-roi__label\">M\u00e9tier &amp; applications<\/label>\n          <span class=\"w360-roi__detail w360-roi__detail--violet\"><span id=\"w360-p2-val\">25<\/span>% \u00b7 \u00e9co. ~300 \u20ac\/poste<\/span>\n        <\/div>\n        <input type=\"range\" id=\"w360-p2\" class=\"w360-roi__slider w360-roi__slider--violet\" min=\"0\" max=\"100\" step=\"5\" value=\"25\">\n      <\/div>\n\n      <div class=\"w360-roi__field\">\n        <div class=\"w360-roi__row\">\n          <label class=\"w360-roi__label\">Partag\u00e9 &amp; tournant<\/label>\n          <span class=\"w360-roi__detail w360-roi__detail--green\"><span id=\"w360-p3-val\">10<\/span>% \u00b7 \u00e9co. ~1 150 \u20ac\/poste<\/span>\n        <\/div>\n        <input type=\"range\" id=\"w360-p3\" class=\"w360-roi__slider w360-roi__slider--green\" min=\"0\" max=\"100\" step=\"5\" value=\"10\">\n      <\/div>\n\n      <div class=\"w360-roi__total\" id=\"w360-total-box\">\n        <span>R\u00e9partition des profils : <strong id=\"w360-total-val\">100<\/strong>&nbsp;%<\/span>\n        <span class=\"w360-roi__total-hint\" id=\"w360-total-hint\"><\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- ============ COLONNE DROITE : R\u00c9SULTATS ============ -->\n    <div class=\"w360-roi__results\">\n\n      <div class=\"w360-roi__hero\">\n        <div class=\"w360-roi__hero-label\">\u00c9conomie annuelle estim\u00e9e<\/div>\n        <div class=\"w360-roi__hero-value\"><span id=\"w360-eco-an\">521 950<\/span>&nbsp;\u20ac<\/div>\n        <div class=\"w360-roi__hero-sub\">sur <span id=\"w360-postes-echo\">580<\/span> postes et <span id=\"w360-sites-echo\">3<\/span> sites \/ an<\/div>\n      <\/div>\n\n      <div class=\"w360-roi__stats\">\n        <div class=\"w360-roi__stat\">\n          <div class=\"w360-roi__stat-value\"><span id=\"w360-eco-mois\">43 496<\/span>&nbsp;\u20ac<\/div>\n          <div class=\"w360-roi__stat-label\">par mois<\/div>\n        <\/div>\n        <div class=\"w360-roi__stat\">\n          <div class=\"w360-roi__stat-value\"><span id=\"w360-eco-poste\">895<\/span>&nbsp;\u20ac<\/div>\n          <div class=\"w360-roi__stat-label\">par poste \/ an<\/div>\n        <\/div>\n        <div class=\"w360-roi__stat\">\n          <div class=\"w360-roi__stat-value\" id=\"w360-payback\">&lt;12<\/div>\n          <div class=\"w360-roi__stat-label\">mois payback<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"w360-roi__note\">\n        <div class=\"w360-roi__note-title\">Comment est calcul\u00e9e cette estimation&nbsp;?<\/div>\n        <p class=\"w360-roi__note-text\" id=\"w360-note\"><\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n  <\/div><!-- \/tab calculatrice -->\n\n  <!-- ============ ONGLET W360 : SCH\u00c9MA DE R\u00c9PARTITION ============ -->\n  <div class=\"w360-roi__tabpanel\" id=\"w360-tab-w360\" role=\"tabpanel\" hidden>\n    <div class=\"w360-schema\">\n\n      <div class=\"w360-schema__head\">\n        <div class=\"w360-schema__title\">Votre parc de <span id=\"w360-schema-postes\">580<\/span>&nbsp;postes, orchestr\u00e9 par W360<\/div>\n        <div class=\"w360-schema__sub\">Chaque profil d'usage est pris en charge par l'OS Wisper adapt\u00e9. Ajustez la r\u00e9partition dans l'onglet Calculatrice&nbsp;: le sch\u00e9ma se met \u00e0 jour automatiquement.<\/div>\n      <\/div>\n\n      <div class=\"w360-schema__cards\">\n\n        <div class=\"w360-schema__card w360-schema__card--wos\">\n          <div class=\"w360-schema__os\">WOS<\/div>\n          <div class=\"w360-schema__def\">Notre mode applicatif<\/div>\n          <div class=\"w360-schema__profil\">Bureautique &amp; accueil<\/div>\n          <div class=\"w360-schema__nb\"><span id=\"w360-wos-nb\">377<\/span>&nbsp;postes<\/div>\n          <div class=\"w360-schema__pct\"><span id=\"w360-wos-pct\">65<\/span>&nbsp;% du parc<\/div>\n        <\/div>\n\n        <div class=\"w360-schema__card w360-schema__card--dos\">\n          <div class=\"w360-schema__os\">DOS<\/div>\n          <div class=\"w360-schema__def\">D\u00e9ploiement W11 natif<\/div>\n          <div class=\"w360-schema__profil\">M\u00e9tier &amp; applications<\/div>\n          <div class=\"w360-schema__nb\"><span id=\"w360-dos-nb\">145<\/span>&nbsp;postes<\/div>\n          <div class=\"w360-schema__pct\"><span id=\"w360-dos-pct\">25<\/span>&nbsp;% du parc<\/div>\n        <\/div>\n\n        <div class=\"w360-schema__card w360-schema__card--vos\">\n          <div class=\"w360-schema__os\">VOS<\/div>\n          <div class=\"w360-schema__def\">La puissance du VDI sans infrastructure<\/div>\n          <div class=\"w360-schema__profil\">Partag\u00e9 &amp; tournant<\/div>\n          <div class=\"w360-schema__nb\"><span id=\"w360-vos-nb\">58<\/span>&nbsp;postes<\/div>\n          <div class=\"w360-schema__pct\"><span id=\"w360-vos-pct\">10<\/span>&nbsp;% du parc<\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"w360-schema__links\" aria-hidden=\"true\">\n        <span class=\"w360-schema__link\"><\/span>\n        <span class=\"w360-schema__link\"><\/span>\n        <span class=\"w360-schema__link\"><\/span>\n      <\/div>\n\n      <div class=\"w360-schema__manager\">\n        <div class=\"w360-schema__manager-top\">\n          <div class=\"w360-schema__manager-name\">W360 Manager<\/div>\n          <div class=\"w360-schema__manager-badge\" id=\"w360-manager-sites\">3 sites distants pilot\u00e9s<\/div>\n        <\/div>\n        <div class=\"w360-schema__manager-desc\">Une console unique pour administrer&nbsp;:<\/div>\n        <div class=\"w360-schema__manager-chips\">\n          <span class=\"w360-chip\">D\u00e9ploiement<\/span>\n          <span class=\"w360-chip\">VPN<\/span>\n          <span class=\"w360-chip\">Prise en main \u00e0 distance<\/span>\n          <span class=\"w360-chip\">D\u00e9clenchement PRA<\/span>\n          <span class=\"w360-chip\">Gestion des politiques de s\u00e9curit\u00e9<\/span>\n          <span class=\"w360-chip w360-chip--more\">et plus encore\u2026<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div><!-- \/tab w360 -->\n\n  <!-- CTA commun aux deux onglets \u2014 remplacer href par l'URL de votre page contact \/ d\u00e9mo -->\n  <div class=\"w360-roi__cta-zone\">\n    <a href=\"#\" class=\"w360-roi__btn w360-roi__btn--primary w360-roi__btn--full\">\n      Valider cette estimation avec un expert&nbsp;\u2192\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<style>\n\/* ============================================================\n   DESIGN SYSTEM W360 \u2014 base claire\n   Surfaces  : fond #F7F9FC \u00b7 carte #FFFFFF \u00b7 bord #E6EAF0\n   Primaire  : #2279FF \u00b7 accent chiffre cl\u00e9 : #FFBA08\n   Produits  : WOS #1A73E8 \u00b7 DOS #7C3AED \u00b7 VOS #10A566\n   Terrain   : #E07B00 \u00b7 Manager (ancre sombre) : #21262D\n   Texte     : #171717 \u00b7 secondaire #55606E \u00b7 discret #9AA3AF\n   Rayons    : cartes 16px \u00b7 \u00e9l\u00e9ments 12px \u00b7 contr\u00f4les 10px\n   ============================================================ *\/\n.w360-roi { font-family: inherit; color: #171717; }\n.w360-roi__grid {\n  display: grid;\n  grid-template-columns: 1.15fr 1fr;\n  gap: 28px;\n  align-items: start;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n@media (max-width: 900px) {\n  .w360-roi__grid { grid-template-columns: 1fr; }\n}\n\n\/* ---- Onglets (segmented control) ---- *\/\n.w360-roi__tabs {\n  display: flex; gap: 4px;\n  width: max-content; max-width: 100%;\n  margin: 0 auto 28px;\n  background: #EEF2F7;\n  padding: 5px; border-radius: 99px;\n}\n.w360-roi__tabbtn {\n  appearance: none; background: transparent; border: none; cursor: pointer;\n  font-family: inherit; font-size: 15px; font-weight: 700;\n  color: #55606E; padding: 10px 28px; border-radius: 99px;\n  transition: color .15s ease, background .15s ease, box-shadow .15s ease;\n}\n.w360-roi__tabbtn:hover { color: #171717; }\n.w360-roi__tabbtn.is-active {\n  background: #FFFFFF; color: #2279FF;\n  box-shadow: 0 1px 3px rgba(16, 24, 40, .12);\n}\n.w360-roi__tabpanel[hidden] { display: none; }\n\n\/* ---- Panneau param\u00e8tres ---- *\/\n.w360-roi__panel {\n  background: #FFFFFF;\n  border: 1px solid #E6EAF0;\n  border-radius: 16px;\n  padding: 32px 36px;\n  box-shadow: 0 1px 3px rgba(16, 24, 40, .05);\n}\n.w360-roi__field { margin-bottom: 26px; }\n.w360-roi__field:last-child { margin-bottom: 0; }\n.w360-roi__row {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 12px;\n  margin-bottom: 8px;\n  flex-wrap: wrap;\n}\n.w360-roi__label { font-size: 15px; font-weight: 700; color: #171717; }\n.w360-roi__value { color: #2279FF; font-size: 20px; font-weight: 700; }\n.w360-roi__detail { font-size: 13px; font-weight: 700; white-space: nowrap; }\n.w360-roi__detail--green  { color: #10A566; }\n.w360-roi__detail--blue   { color: #1A73E8; }\n.w360-roi__detail--orange { color: #E07B00; }\n.w360-roi__detail--violet { color: #7C3AED; }\n.w360-roi__bounds {\n  display: flex; justify-content: space-between;\n  font-size: 12px; color: #9AA3AF; margin-top: 4px;\n}\n.w360-roi__separator {\n  height: 1px; background: #EDF1F6; margin: 26px 0 18px;\n}\n.w360-roi__subtitle {\n  font-size: 12px; font-weight: 700; color: #9AA3AF;\n  text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 18px;\n}\n.w360-roi__total {\n  display: flex; justify-content: space-between; align-items: center;\n  gap: 12px; flex-wrap: wrap;\n  margin-top: 24px; padding: 12px 16px;\n  border-radius: 10px; font-size: 14px;\n  background: #E9F7F0; color: #0E7A4D;\n  border: 1px solid #C4E8D4;\n  transition: background .15s ease, color .15s ease, border-color .15s ease;\n}\n.w360-roi__total--warn {\n  background: #FDEFEE; color: #C0392B; border-color: #F4CBC5;\n}\n.w360-roi__total-hint { font-size: 13px; font-weight: 600; }\n\n\/* ---- Champs num\u00e9riques ---- *\/\n.w360-roi__number {\n  width: 110px;\n  padding: 8px 12px;\n  border: 1px solid #E6EAF0;\n  border-radius: 10px;\n  background: #F7F9FC;\n  color: #2279FF;\n  font-size: 18px;\n  font-weight: 700;\n  text-align: right;\n  outline: none;\n  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;\n  -moz-appearance: textfield;\n}\n.w360-roi__number::-webkit-outer-spin-button,\n.w360-roi__number::-webkit-inner-spin-button {\n  -webkit-appearance: none; margin: 0;\n}\n.w360-roi__number:focus {\n  background: #FFFFFF;\n  border-color: #2279FF;\n  box-shadow: 0 0 0 3px rgba(34, 121, 255, .15);\n}\n\n\/* ---- Sliders ---- *\/\n.w360-roi__slider {\n  -webkit-appearance: none; appearance: none;\n  width: 100%; height: 8px; border-radius: 99px;\n  background: #EDF1F6; outline: none; margin-top: 6px; cursor: pointer;\n}\n.w360-roi__slider::-webkit-slider-thumb {\n  -webkit-appearance: none; appearance: none;\n  width: 20px; height: 20px; border-radius: 50%;\n  border: 3px solid #FFFFFF; box-shadow: 0 1px 4px rgba(16, 24, 40, .25);\n  cursor: pointer;\n}\n.w360-roi__slider::-moz-range-thumb {\n  width: 20px; height: 20px; border-radius: 50%;\n  border: 3px solid #FFFFFF; box-shadow: 0 1px 4px rgba(16, 24, 40, .25);\n  cursor: pointer;\n}\n.w360-roi__slider--blue::-webkit-slider-thumb   { background: #1A73E8; }\n.w360-roi__slider--blue::-moz-range-thumb       { background: #1A73E8; }\n.w360-roi__slider--green::-webkit-slider-thumb  { background: #10A566; }\n.w360-roi__slider--green::-moz-range-thumb      { background: #10A566; }\n.w360-roi__slider--orange::-webkit-slider-thumb { background: #E07B00; }\n.w360-roi__slider--orange::-moz-range-thumb     { background: #E07B00; }\n.w360-roi__slider--violet::-webkit-slider-thumb { background: #7C3AED; }\n.w360-roi__slider--violet::-moz-range-thumb     { background: #7C3AED; }\n\n\/* ---- R\u00e9sultats ---- *\/\n.w360-roi__hero {\n  background: #2279FF;\n  border-radius: 16px;\n  padding: 44px 32px;\n  text-align: center;\n  margin-bottom: 20px;\n}\n.w360-roi__hero-label {\n  color: #FFFFFF; font-size: 12px; font-weight: 700;\n  letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px;\n  opacity: .9;\n}\n.w360-roi__hero-value {\n  color: #FFBA08; font-size: 52px; font-weight: 800; line-height: 1.1;\n}\n.w360-roi__hero-sub { color: #FFFFFF; font-size: 15px; margin-top: 8px; }\n\n.w360-roi__stats {\n  display: grid; grid-template-columns: repeat(3, 1fr);\n  gap: 14px; margin-bottom: 20px;\n}\n@media (max-width: 500px) {\n  .w360-roi__stats { grid-template-columns: 1fr; }\n}\n.w360-roi__stat {\n  background: #FFFFFF;\n  border: 1px solid #E6EAF0;\n  border-radius: 12px;\n  padding: 20px 12px; text-align: center;\n  box-shadow: 0 1px 3px rgba(16, 24, 40, .05);\n}\n.w360-roi__stat-value { color: #2279FF; font-size: 22px; font-weight: 800; }\n.w360-roi__stat-label { color: #55606E; font-size: 13px; margin-top: 4px; }\n\n\/* ---- Note m\u00e9thodologique ---- *\/\n.w360-roi__note {\n  background: #F7F9FC;\n  border: 1px solid #E6EAF0;\n  border-left: 4px solid #2279FF;\n  border-radius: 12px;\n  padding: 18px 20px;\n  margin-bottom: 20px;\n}\n.w360-roi__note-title {\n  font-size: 13px; font-weight: 700; color: #171717;\n  margin-bottom: 8px;\n}\n.w360-roi__note-text {\n  font-size: 13px; line-height: 1.65; color: #55606E;\n  margin: 0;\n}\n.w360-roi__note-text strong { color: #171717; font-weight: 700; }\n\n\/* ---- Sch\u00e9ma W360 ---- *\/\n.w360-schema {\n  max-width: 1200px; margin: 0 auto;\n  background: #FFFFFF;\n  border: 1px solid #E6EAF0;\n  border-radius: 16px;\n  padding: 36px;\n  box-shadow: 0 1px 3px rgba(16, 24, 40, .05);\n}\n.w360-schema__head { text-align: center; margin-bottom: 28px; }\n.w360-schema__title { font-size: 24px; font-weight: 800; color: #171717; }\n.w360-schema__sub {\n  font-size: 14px; color: #55606E; margin-top: 8px;\n  max-width: 620px; margin-left: auto; margin-right: auto; line-height: 1.6;\n}\n.w360-schema__bar {\n  display: flex; height: 16px; border-radius: 99px;\n  overflow: hidden; background: #EDF1F6; margin-bottom: 22px;\n}\n.w360-schema__seg { transition: width .25s ease; }\n.w360-schema__seg--wos { background: #1A73E8; }\n.w360-schema__seg--dos { background: #7C3AED; }\n.w360-schema__seg--vos { background: #10A566; }\n\n.w360-schema__cards {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;\n}\n@media (max-width: 700px) {\n  .w360-schema__cards { grid-template-columns: 1fr; }\n}\n.w360-schema__card {\n  background: #F7F9FC;\n  border: 1px solid #E6EAF0;\n  border-radius: 12px;\n  padding: 24px 20px; text-align: center;\n  border-top: 6px solid transparent;\n}\n.w360-schema__card--wos { border-top-color: #1A73E8; }\n.w360-schema__card--dos { border-top-color: #7C3AED; }\n.w360-schema__card--vos { border-top-color: #10A566; }\n.w360-schema__os {\n  display: inline-block; font-size: 14px; font-weight: 800;\n  letter-spacing: 1px; padding: 4px 14px; border-radius: 99px;\n  color: #FFFFFF; margin-bottom: 10px;\n}\n.w360-schema__card--wos .w360-schema__os { background: #1A73E8; }\n.w360-schema__card--dos .w360-schema__os { background: #7C3AED; }\n.w360-schema__card--vos .w360-schema__os { background: #10A566; }\n.w360-schema__def {\n  font-size: 13px; font-weight: 600; color: #55606E;\n  font-style: italic; margin-bottom: 10px; min-height: 34px;\n  display: flex; align-items: center; justify-content: center;\n}\n.w360-schema__profil { font-size: 15px; font-weight: 700; color: #171717; }\n.w360-schema__nb { font-size: 30px; font-weight: 800; margin-top: 10px; }\n.w360-schema__card--wos .w360-schema__nb { color: #1A73E8; }\n.w360-schema__card--dos .w360-schema__nb { color: #7C3AED; }\n.w360-schema__card--vos .w360-schema__nb { color: #10A566; }\n.w360-schema__pct { font-size: 13px; color: #55606E; margin-top: 4px; }\n\n\/* ---- Connecteurs vers la brique Manager ---- *\/\n.w360-schema__links {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;\n  height: 20px;\n}\n.w360-schema__link {\n  width: 2px; height: 100%; margin: 0 auto;\n  background: #D6DDE6;\n}\n@media (max-width: 700px) {\n  .w360-schema__links { display: none; }\n  .w360-schema__manager { margin-top: 16px; }\n}\n\n\/* ---- Brique transverse W360 Manager (ancre sombre) ---- *\/\n.w360-schema__manager {\n  background: #21262D;\n  border-radius: 14px;\n  padding: 24px 28px;\n}\n.w360-schema__manager-top {\n  display: flex; align-items: center; justify-content: space-between;\n  gap: 16px; flex-wrap: wrap; margin-bottom: 10px;\n}\n.w360-schema__manager-name {\n  color: #FFFFFF; font-size: 18px; font-weight: 800; letter-spacing: .5px;\n}\n.w360-schema__manager-badge {\n  background: #E07B00; color: #FFFFFF;\n  font-size: 13px; font-weight: 700; white-space: nowrap;\n  padding: 8px 16px; border-radius: 99px;\n}\n.w360-schema__manager-desc {\n  color: #B9C2CE; font-size: 13px; margin-bottom: 12px;\n}\n.w360-schema__manager-chips {\n  display: flex; flex-wrap: wrap; gap: 8px;\n}\n.w360-chip {\n  background: rgba(255, 255, 255, .08);\n  border: 1px solid rgba(255, 255, 255, .16);\n  color: #E8EDF4;\n  font-size: 13px; font-weight: 600;\n  padding: 7px 14px; border-radius: 99px;\n}\n.w360-chip--more {\n  background: transparent; border-style: dashed; color: #8B96A5;\n}\n\n\/* ---- Boutons ----\n   S\u00e9lecteurs renforc\u00e9s (.w360-roi .w360-roi__btn) + !important sur les\n   propri\u00e9t\u00e9s critiques : les th\u00e8mes WordPress\/Elementor appliquent leurs\n   propres styles a \/ a:hover (couleur, soulignement...) qui \u00e9crasent\n   sinon ceux du widget au survol. *\/\n.w360-roi__ctas {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;\n}\n@media (max-width: 500px) {\n  .w360-roi__ctas { grid-template-columns: 1fr; }\n}\n.w360-roi .w360-roi__btn,\n.w360-roi .w360-roi__btn:link,\n.w360-roi .w360-roi__btn:visited,\n.w360-roi .w360-roi__btn:hover,\n.w360-roi .w360-roi__btn:focus,\n.w360-roi .w360-roi__btn:active {\n  display: flex; align-items: center; justify-content: center;\n  text-align: center; padding: 16px 18px; border-radius: 10px;\n  font-size: 15px; font-weight: 700;\n  text-decoration: none !important;\n  border-bottom: none !important;\n  outline: none;\n  transition: background .15s ease, box-shadow .15s ease, transform .15s ease;\n}\n.w360-roi .w360-roi__btn--primary,\n.w360-roi .w360-roi__btn--primary:link,\n.w360-roi .w360-roi__btn--primary:visited {\n  background: #2279FF !important;\n  color: #FFFFFF !important;\n}\n.w360-roi .w360-roi__btn--primary:hover,\n.w360-roi .w360-roi__btn--primary:focus,\n.w360-roi .w360-roi__btn--primary:active {\n  background: #1A66E8 !important;\n  color: #FFFFFF !important;\n}\n.w360-roi .w360-roi__btn--ghost,\n.w360-roi .w360-roi__btn--ghost:link,\n.w360-roi .w360-roi__btn--ghost:visited {\n  background: #FFFFFF !important;\n  color: #2279FF !important;\n  border: 1px solid #E6EAF0;\n}\n.w360-roi .w360-roi__btn--ghost:hover,\n.w360-roi .w360-roi__btn--ghost:focus,\n.w360-roi .w360-roi__btn--ghost:active {\n  background: #F7F9FC !important;\n  color: #2279FF !important;\n}\n.w360-roi__cta-zone {\n  max-width: 1200px;\n  margin: 28px auto 0;\n}\n.w360-roi .w360-roi__btn--full,\n.w360-roi .w360-roi__btn--full:link,\n.w360-roi .w360-roi__btn--full:visited,\n.w360-roi .w360-roi__btn--full:hover,\n.w360-roi .w360-roi__btn--full:focus,\n.w360-roi .w360-roi__btn--full:active {\n  width: 100%;\n  padding: 18px 24px;\n  font-size: 16px;\n  border-radius: 12px;\n}\n.w360-roi .w360-roi__btn--full {\n  box-shadow: 0 2px 8px rgba(34, 121, 255, .3);\n}\n.w360-roi .w360-roi__btn--full:hover,\n.w360-roi .w360-roi__btn--full:focus {\n  box-shadow: 0 4px 14px rgba(34, 121, 255, .4);\n  transform: translateY(-1px);\n}\n<\/style>\n\n<script>\n(function () {\n  \/* ================== CONFIG (modifiable) ==================\n     profils : \u00e9conomie annuelle PAR POSTE pour chaque profil (\u20ac).\n               label \/ source alimentent la note m\u00e9thodologique :\n               \"source\" d\u00e9crit d'o\u00f9 vient l'\u00e9conomie (cr\u00e9dibilit\u00e9).\n     ecoParSite : \u00e9conomie annuelle PAR SITE DISTANT (\u20ac\/site\/an).\n     sourceSite : origine de l'\u00e9conomie par site, pour la note.\n     investissementParPoste : co\u00fbt de d\u00e9ploiement estim\u00e9 par\n               poste (\u20ac), utilis\u00e9 pour le payback en mois.       *\/\n  var CONFIG = {\n    profils: [\n      { slider: 'w360-p1', out: 'w360-p1-val', eco: 1100,\n        schemaNb: 'w360-wos-nb', schemaPct: 'w360-wos-pct', seg: 'w360-seg-wos',\n        label: 'postes bureautique & accueil',\n        source: 'allongement de la dur\u00e9e de vie du mat\u00e9riel, consommation \u00e9lectrique et temps de support' },\n      { slider: 'w360-p2', out: 'w360-p2-val', eco: 300,\n        schemaNb: 'w360-dos-nb', schemaPct: 'w360-dos-pct', seg: 'w360-seg-dos',\n        label: 'postes m\u00e9tier & applications',\n        source: 'centralisation du d\u00e9ploiement et de la maintenance applicative' },\n      { slider: 'w360-p3', out: 'w360-p3-val', eco: 1150,\n        schemaNb: 'w360-vos-nb', schemaPct: 'w360-vos-pct', seg: 'w360-seg-vos',\n        label: 'postes partag\u00e9s & tournants',\n        source: 'mutualisation des machines et remise \u00e0 z\u00e9ro automatis\u00e9e entre utilisateurs' }\n    ],\n    ecoParSite: 900,\n    sourceSite: 'd\u00e9placements techniques et interventions sur site \u00e9vit\u00e9s gr\u00e2ce \u00e0 l\\u2019administration \u00e0 distance',\n    investissementParPoste: 850\n  };\n  \/* ========================================================= *\/\n\n  function $(id) { return document.getElementById(id); }\n  function fmt(n) {\n    return Math.round(n).toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '\\u202F');\n  }\n\n  \/* ---- Couples slider <-> input num\u00e9rique synchronis\u00e9s ---- *\/\n  function bindPair(sliderId, inputId, onChange) {\n    var slider = $(sliderId);\n    var input = $(inputId);\n    var min = parseInt(slider.min, 10);\n    var max = parseInt(slider.max, 10);\n\n    slider.addEventListener('input', function () {\n      input.value = slider.value;\n      onChange();\n    });\n\n    \/* pendant la frappe : on met \u00e0 jour si la valeur est exploitable,\n       sans forcer le champ (pour ne pas g\u00eaner la saisie) *\/\n    input.addEventListener('input', function () {\n      var v = parseInt(input.value, 10);\n      if (!isNaN(v)) {\n        slider.value = Math.min(max, Math.max(min, v));\n        onChange();\n      }\n    });\n\n    \/* \u00e0 la sortie du champ : on normalise la valeur affich\u00e9e *\/\n    input.addEventListener('change', function () {\n      var v = parseInt(input.value, 10);\n      if (isNaN(v)) v = min;\n      v = Math.min(max, Math.max(min, v));\n      input.value = v;\n      slider.value = v;\n      onChange();\n    });\n\n    return { slider: slider, input: input };\n  }\n\n  function totalPct() {\n    return CONFIG.profils.reduce(function (s, p) {\n      return s + parseInt($(p.slider).value, 10);\n    }, 0);\n  }\n\n  \/* Un slider de profil ne peut pas faire d\u00e9passer 100 % au total :\n     s'il pousse trop loin, il est plafonn\u00e9 (les autres ne bougent jamais) *\/\n  function clamp(changedIndex) {\n    var autres = CONFIG.profils.reduce(function (s, p, i) {\n      return i === changedIndex ? s : s + parseInt($(p.slider).value, 10);\n    }, 0);\n    var el = $(CONFIG.profils[changedIndex].slider);\n    var max = 100 - autres;\n    if (parseInt(el.value, 10) > max) el.value = max;\n  }\n\n  function updateTotalBox() {\n    var t = totalPct();\n    $('w360-total-val').textContent = t;\n    var box = $('w360-total-box');\n    var hint = $('w360-total-hint');\n    if (t === 100) {\n      box.classList.remove('w360-roi__total--warn');\n      hint.textContent = '\\u2713 Coh\u00e9rent';\n    } else {\n      box.classList.add('w360-roi__total--warn');\n      hint.textContent = 'Il reste ' + (100 - t) + ' % \u00e0 r\u00e9partir';\n    }\n  }\n\n  function update() {\n    var nb = parseInt($('w360-postes').value, 10);\n    var nbSites = parseInt($('w360-sites').value, 10);\n    $('w360-postes-echo').textContent = fmt(nb);\n    $('w360-sites-echo').textContent = fmt(nbSites);\n\n    var ecoParPoste = 0;\n    CONFIG.profils.forEach(function (p) {\n      var pct = parseInt($(p.slider).value, 10);\n      $(p.out).textContent = pct;\n      ecoParPoste += (pct \/ 100) * p.eco;\n    });\n\n    \/* \u00c9conomie totale = postes (selon profils) + sites distants (forfait\/site) *\/\n    var ecoAn = nb * ecoParPoste + nbSites * CONFIG.ecoParSite;\n    $('w360-eco-an').textContent = fmt(ecoAn);\n    $('w360-eco-mois').textContent = fmt(ecoAn \/ 12);\n    $('w360-eco-poste').textContent = fmt(ecoParPoste);\n\n    \/* Payback : investissement total \/ \u00e9conomie mensuelle *\/\n    var payback = ecoAn > 0 ? Math.ceil((nb * CONFIG.investissementParPoste) \/ (ecoAn \/ 12)) : 0;\n    $('w360-payback').textContent = (payback > 0 && payback < 12) ? '<12' : (payback || '\u2014');\n\n    updateNote(nb, nbSites, ecoAn, payback);\n    updateSchema(nb, nbSites);\n    updateTotalBox();\n  }\n\n  \/* ---- Sch\u00e9ma W360 (onglet 2) ---- *\/\n  function updateSchema(nb, nbSites) {\n    $('w360-schema-postes').textContent = fmt(nb);\n    CONFIG.profils.forEach(function (p) {\n      var pct = parseInt($(p.slider).value, 10);\n      $(p.schemaNb).textContent = fmt(Math.round(nb * pct \/ 100));\n      $(p.schemaPct).textContent = pct;\n      $(p.seg).style.width = pct + '%';\n    });\n    var badge = $('w360-manager-sites');\n    if (nbSites > 0) {\n      badge.style.display = '';\n      badge.textContent = fmt(nbSites) + ' site' + (nbSites > 1 ? 's' : '') +\n        ' distant' + (nbSites > 1 ? 's' : '') + ' pilot\\u00E9' + (nbSites > 1 ? 's' : '');\n    } else {\n      badge.style.display = 'none';\n    }\n  }\n\n  \/* ---- Bascule d'onglets ---- *\/\n  function initTabs() {\n    var btns = [\n      { btn: $('w360-tabbtn-calc'), panel: $('w360-tab-calc') },\n      { btn: $('w360-tabbtn-w360'), panel: $('w360-tab-w360') }\n    ];\n    btns.forEach(function (t) {\n      t.btn.addEventListener('click', function () {\n        btns.forEach(function (o) {\n          var active = o === t;\n          o.btn.classList.toggle('is-active', active);\n          o.btn.setAttribute('aria-selected', active ? 'true' : 'false');\n          o.panel.hidden = !active;\n        });\n      });\n    });\n  }\n  initTabs();\n\n  \/* ---- Note m\u00e9thodologique dynamique ---- *\/\n  function updateNote(nb, nbSites, ecoAn, payback) {\n    var parts = [];\n    CONFIG.profils.forEach(function (p) {\n      var pct = parseInt($(p.slider).value, 10);\n      if (pct > 0) {\n        parts.push('<strong>' + pct + '&nbsp;%<\/strong> de ' + p.label +\n          ' (\\u2248&nbsp;' + fmt(p.eco) + '&nbsp;\\u20AC\/poste\/an&nbsp;: ' + p.source + ')');\n      }\n    });\n\n    var html = 'Estimation \\u00E9tablie pour un parc de <strong>' + fmt(nb) +\n      '&nbsp;postes<\/strong>, dont ' + joinFr(parts) + '.';\n\n    if (nbSites > 0) {\n      html += ' S\\u2019y ajoutent <strong>' + fmt(nbSites) +\n        '&nbsp;site' + (nbSites > 1 ? 's' : '') + ' distant' + (nbSites > 1 ? 's' : '') +\n        '<\/strong> (\\u2248&nbsp;' + fmt(CONFIG.ecoParSite) + '&nbsp;\\u20AC\/site\/an&nbsp;: ' +\n        CONFIG.sourceSite + ').';\n    }\n\n    html += ' Le retour sur investissement est calcul\\u00E9 sur une base de <strong>' +\n      fmt(CONFIG.investissementParPoste) + '&nbsp;\\u20AC de d\\u00E9ploiement par poste<\/strong>' +\n      (payback > 0 ? ', soit un amortissement en ' + (payback < 12 ? 'moins de 12' : 'environ ' + payback) + '&nbsp;mois' : '') +\n      '. Ces montants sont des moyennes constat\\u00E9es\\u00A0; votre contexte peut faire varier le r\\u00E9sultat.';\n\n    $('w360-note').innerHTML = html;\n  }\n\n  \/* \"a, b et c\" \u00e0 la fran\u00e7aise *\/\n  function joinFr(arr) {\n    if (arr.length <= 1) return arr.join('');\n    return arr.slice(0, -1).join(', ') + ' et ' + arr[arr.length - 1];\n  }\n\n  bindPair('w360-postes', 'w360-postes-input', update);\n  bindPair('w360-sites', 'w360-sites-input', update);\n\n  CONFIG.profils.forEach(function (p, i) {\n    $(p.slider).addEventListener('input', function () {\n      clamp(i);\n      update();\n    });\n  });\n\n  update();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1f6f41 e-flex e-con-boxed e-con e-parent\" data-id=\"d1f6f41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8fea3 elementor-widget elementor-widget-html\" data-id=\"7e8fea3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     SECTION \"D\u00c9PLOIEMENT \u2014 UN CHEMIN PROGRESSIF\" \u2014 widget HTML Elementor\n     ============================================================ -->\n<section class=\"w360-deploy\">\n\n  <div class=\"w360-deploy__head\">\n    <div class=\"w360-deploy__eyebrow\">D\u00e9ploiement<\/div>\n    <h2 class=\"w360-deploy__title\">Un chemin progressif.<\/h2>\n    <p class=\"w360-deploy__subtitle\">Pas de big bang. Le ROI est mesurable \u00e0 chaque \u00e9tape.<\/p>\n  <\/div>\n\n  <div class=\"w360-deploy__timeline\">\n\n    <div class=\"w360-deploy__step\">\n      <div class=\"w360-deploy__badge\">1<\/div>\n      <h3 class=\"w360-deploy__step-title\">Audit &amp; cadrage<\/h3>\n      <p class=\"w360-deploy__step-text\">Analyse du parc, profils d'usage.<\/p>\n      <div class=\"w360-deploy__duration\">1-2 sem.<\/div>\n    <\/div>\n\n    <div class=\"w360-deploy__step\">\n      <div class=\"w360-deploy__badge\">2<\/div>\n      <h3 class=\"w360-deploy__step-title\">Pilote 50 postes<\/h3>\n      <p class=\"w360-deploy__step-text\">Validation fonctionnelle, mesure ROI.<\/p>\n      <div class=\"w360-deploy__duration\">2-4 sem.<\/div>\n    <\/div>\n\n    <div class=\"w360-deploy__step\">\n      <div class=\"w360-deploy__badge\">3<\/div>\n      <h3 class=\"w360-deploy__step-title\">Rollout progressif<\/h3>\n      <p class=\"w360-deploy__step-text\">D\u00e9ploiement par site via console.<\/p>\n      <div class=\"w360-deploy__duration\">1-3 mois<\/div>\n    <\/div>\n\n    <div class=\"w360-deploy__step\">\n      <div class=\"w360-deploy__badge\">4<\/div>\n      <h3 class=\"w360-deploy__step-title\">Exploitation<\/h3>\n      <p class=\"w360-deploy__step-text\">Support, monitoring, optimisation.<\/p>\n      <div class=\"w360-deploy__duration\">Continu<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.w360-deploy {\n  background: #FFFFFF;\n  padding: 80px 24px 90px;\n  font-family: inherit;\n}\n\n\/* ---- En-t\u00eate ---- *\/\n.w360-deploy__head {\n  max-width: 760px;\n  margin: 0 auto 60px;\n  text-align: center;\n}\n.w360-deploy__eyebrow {\n  color: #2979FF;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n.w360-deploy__title {\n  color: #171717;\n  font-size: 42px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0 0 14px;\n}\n.w360-deploy__subtitle {\n  color: #55606E;\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.55;\n  margin: 0;\n}\n@media (max-width: 600px) {\n  .w360-deploy__title { font-size: 30px; }\n  .w360-deploy__subtitle { font-size: 16px; }\n}\n\n\/* ---- Timeline ---- *\/\n.w360-deploy__timeline {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n}\n\/* Ligne horizontale reliant les \u00e9tapes *\/\n.w360-deploy__timeline::before {\n  content: \"\";\n  position: absolute;\n  top: 25px;\n  left: 12.5%;\n  right: 12.5%;\n  height: 2px;\n  background: #DDE3EA;\n}\n\n.w360-deploy__step {\n  position: relative;\n  text-align: center;\n  padding: 0 16px;\n}\n\n.w360-deploy__badge {\n  position: relative;\n  z-index: 1;\n  width: 50px;\n  height: 50px;\n  margin: 0 auto 26px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: #2979FF;\n  color: #FFFFFF;\n  font-size: 18px;\n  font-weight: 700;\n  border: 4px solid #F5F7FA;\n  box-shadow: 0 6px 14px rgba(41, 121, 255, 0.35);\n}\n\n.w360-deploy__step-title {\n  color: #171717;\n  font-size: 17px;\n  font-weight: 700;\n  margin: 0 0 8px;\n}\n.w360-deploy__step-text {\n  color: #55606E;\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.55;\n  margin: 0 0 14px;\n}\n.w360-deploy__duration {\n  color: #1A73E8;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* ---- Responsive : timeline verticale sur mobile ---- *\/\n@media (max-width: 800px) {\n  .w360-deploy__timeline {\n    grid-template-columns: 1fr;\n    gap: 40px;\n    max-width: 420px;\n  }\n  .w360-deploy__timeline::before {\n    top: 25px;\n    bottom: 25px;\n    left: 50%;\n    right: auto;\n    width: 2px;\n    height: auto;\n    transform: translateX(-50%);\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2ce15d elementor-widget elementor-widget-html\" data-id=\"a2ce15d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     SECTION \"ILS NOUS FONT CONFIANCE\" \u2014 v3 : m\u00eame gabarit de carte\n     que \"Plateforme\" \/ \"Pourquoi maintenant\" (fond gris + ic\u00f4ne)\n     ============================================================ -->\n<section class=\"w360-refs\">\n\n  <div class=\"w360-refs__head\">\n    <div class=\"w360-refs__eyebrow\">Ils nous font confiance<\/div>\n    <h2 class=\"w360-refs__title\">Des leaders sur 3 continents.<\/h2>\n  <\/div>\n\n  <div class=\"w360-refs__grid\">\n\n    <!-- Carte 1 : BPO mondial -->\n    <div class=\"w360-refs__card\">\n      <div class=\"w360-refs__icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"#E3EDFF\" stroke=\"#2276FF\" stroke-width=\"1.6\"\/>\n          <ellipse cx=\"12\" cy=\"12\" rx=\"4\" ry=\"9\" stroke=\"#2276FF\" stroke-width=\"1.3\"\/>\n          <path d=\"M3.6 9h16.8M3.6 15h16.8\" stroke=\"#2276FF\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"w360-refs__card-title\">BPO mondial<\/h3>\n      <div class=\"w360-refs__card-tag\">450 000 collaborateurs<\/div>\n      <p class=\"w360-refs__card-text\">Remplacement complet VDI. SLA maintenus, s\u00e9curit\u00e9 renforc\u00e9e, t\u00e9l\u00e9travail et BYOD.<\/p>\n      <p class=\"w360-refs__quote\">\u00ab&nbsp;La machine n'ex\u00e9cute rien tant qu'elle n'est pas connect\u00e9e ad\u00e9quatement.&nbsp;\u00bb<\/p>\n    <\/div>\n\n    <!-- Carte 2 : R\u00e9gion Occitanie -->\n    <div class=\"w360-refs__card\">\n      <div class=\"w360-refs__icon\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\">\n    <defs>\n      <g id=\"w360-occ-arm\">\n        <!-- bras cl\u00e9ch\u00e9 (vers le haut) -->\n        <path d=\"M12 11.4 L10.65 7.1 Q10.45 6.4 11.05 6.4 L11.6 6.4 L12 7.2 L12.4 6.4 L12.95 6.4 Q13.55 6.4 13.35 7.1 Z\" fill=\"#FFCC00\"\/>\n        <!-- trois pommettes -->\n        <circle cx=\"10.35\" cy=\"5.35\" r=\"0.62\" fill=\"#FFCC00\"\/>\n        <circle cx=\"12\" cy=\"4.85\" r=\"0.62\" fill=\"#FFCC00\"\/>\n        <circle cx=\"13.65\" cy=\"5.35\" r=\"0.62\" fill=\"#FFCC00\"\/>\n      <\/g>\n    <\/defs>\n    <!-- fond de gueules -->\n    <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"4.5\" fill=\"#C41E25\"\/>\n    <!-- croix : le bras r\u00e9p\u00e9t\u00e9 par rotation -->\n    <use href=\"#w360-occ-arm\"\/>\n    <use href=\"#w360-occ-arm\" transform=\"rotate(90 12 12)\"\/>\n    <use href=\"#w360-occ-arm\" transform=\"rotate(180 12 12)\"\/>\n    <use href=\"#w360-occ-arm\" transform=\"rotate(270 12 12)\"\/>\n    <!-- c\u0153ur de croix -->\n    <rect x=\"10.9\" y=\"10.9\" width=\"2.2\" height=\"2.2\" rx=\"0.5\" fill=\"#FFCC00\"\/>\n  <\/svg>\n<\/div>\n      <h3 class=\"w360-refs__card-title\">R\u00e9gion Occitanie<\/h3>\n      <div class=\"w360-refs__card-tag\">Equipement de formation<\/div>\n      <p class=\"w360-refs__card-text\">Environnement 100% souverain, administrable \u00e0 distance.<\/p>\n      <p class=\"w360-refs__quote\">\u00ab&nbsp;Fin de la d\u00e9pendance aux consoles am\u00e9ricaines.&nbsp;\u00bb<\/p>\n    <\/div>\n\n    <!-- Carte 3 : ETI & Assurances -->\n    <div class=\"w360-refs__card\">\n      <div class=\"w360-refs__icon\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <rect x=\"3\" y=\"8\" width=\"7\" height=\"13\" rx=\"1\" fill=\"#FFF1DE\" stroke=\"#FF8A00\" stroke-width=\"1.5\"\/>\n          <rect x=\"14\" y=\"4\" width=\"7\" height=\"17\" rx=\"1\" fill=\"#FFF1DE\" stroke=\"#FF8A00\" stroke-width=\"1.5\"\/>\n          <path d=\"M5.2 11h2.6M5.2 14h2.6M5.2 17h2.6M16.2 7.5h2.6M16.2 10.5h2.6M16.2 13.5h2.6M16.2 16.5h2.6\" stroke=\"#FF8A00\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/>\n          <path d=\"M10 15h4\" stroke=\"#FF8A00\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-dasharray=\"1.5 2\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"w360-refs__card-title\">ETI &amp; Assurances<\/h3>\n      <div class=\"w360-refs__card-tag\">R\u00e9seaux d'agences<\/div>\n      <p class=\"w360-refs__card-text\">Sites multiples, r\u00e9silients hors ligne, administr\u00e9s \u00e0 distance. Ma\u00eetrise des co\u00fbts.<\/p>\n      <p class=\"w360-refs__quote\">\u00ab&nbsp;Le probl\u00e8me, c'est le manque de ma\u00eetrise sur le co\u00fbt futur.&nbsp;\u00bb<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.w360-refs {\n  background: #FFFFFF;\n  padding: 80px 24px 90px;\n  font-family: inherit;\n}\n\n\/* ---- En-t\u00eate ---- *\/\n.w360-refs__head {\n  max-width: 760px;\n  margin: 0 auto 48px;\n  text-align: center;\n}\n.w360-refs__eyebrow {\n  color: #2979FF;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n.w360-refs__title {\n  color: #171717;\n  font-size: 42px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0;\n}\n@media (max-width: 600px) {\n  .w360-refs__title { font-size: 30px; }\n}\n\n\/* ---- Grille de cartes ---- *\/\n.w360-refs__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 26px;\n  max-width: 1200px;\n  margin: 0 auto;\n  align-items: stretch;\n}\n@media (max-width: 980px) {\n  .w360-refs__grid { grid-template-columns: 1fr; max-width: 560px; }\n}\n\n\/* ---- Carte : gabarit identique aux autres sections ---- *\/\n.w360-refs__card {\n  display: flex;\n  flex-direction: column;\n  background: #F5F7FA;\n  border-radius: 16px;\n  padding: 36px 32px;\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n.w360-refs__card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 28px rgba(23, 23, 23, 0.08);\n}\n\n\/* Zone ic\u00f4ne : hauteur fixe, comme les autres cartes *\/\n.w360-refs__icon {\n  height: 44px;\n  display: flex;\n  align-items: center;\n  margin-bottom: 24px;\n}\n\n.w360-refs__card-title {\n  color: #171717;\n  font-size: 19px;\n  font-weight: 700;\n  margin: 0 0 4px;\n}\n.w360-refs__card-tag {\n  color: #1A73E8;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: 14px;\n}\n.w360-refs__card-text {\n  color: #55606E;\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.6;\n  margin: 0 0 24px;\n}\n\n\/* ---- Citation : cal\u00e9e en bas + s\u00e9parateur ---- *\/\n.w360-refs__quote {\n  margin: auto 0 0;\n  padding-top: 20px;\n  border-top: 1px solid #E2E6EB;\n  color: #C9A13B;\n  font-size: 14px;\n  font-style: italic;\n  font-weight: 500;\n  line-height: 1.55;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c6cb86 elementor-widget elementor-widget-html\" data-id=\"8c6cb86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- EN-T\u00caTE DE SECTION \"ARCHITECTURE\" \u2014 widget HTML Elementor -->\n<div class=\"w360-arch-head\">\n  <div class=\"w360-arch-head__eyebrow\">FAQ<\/div>\n  <h2 class=\"w360-arch-head__title\">Questions fr\u00e9quentes<\/h2>\n<\/div>\n\n<style>\n.w360-arch-head {\n  font-family: inherit;\n  text-align: center;\n}\n.w360-arch-head__eyebrow {\n  color: #2979FF;\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n.w360-arch-head__title {\n  color: #171717;\n  font-size: 40px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0 0 16px;\n}\n.w360-arch-head__subtitle {\n  color: #55606E;\n  font-size: 17px;\n  font-weight: 300;\n  line-height: 1.6;\n  margin: 0;\n}\n@media (max-width: 600px) {\n  .w360-arch-head__title { font-size: 30px; }\n  .w360-arch-head__subtitle { font-size: 15px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e71d88 elementor-widget elementor-widget-html\" data-id=\"2e71d88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n     SECTION FAQ ACCORD\u00c9ON \u2014 widget HTML Elementor\n     Une seule question ouverte \u00e0 la fois. La premi\u00e8re est ouverte\n     par d\u00e9faut (retirez la classe \"is-open\" pour tout fermer).\n     ============================================================ -->\n<div class=\"w360-faq\">\n\n  <div class=\"w360-faq__item is-open\">\n    <button type=\"button\" class=\"w360-faq__question\">\n      <span>W360 remplace-t-il Windows&nbsp;?<\/span>\n      <span class=\"w360-faq__toggle\"><\/span>\n    <\/button>\n    <div class=\"w360-faq__answer\">\n      <p>Non. W360 conserve Windows l\u00e0 o\u00f9 il est n\u00e9cessaire (D.os) tout en basculant les postes bureautiques vers un environnement l\u00e9ger open source (W.os). C'est une approche progressive.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"w360-faq__item\">\n    <button type=\"button\" class=\"w360-faq__question\">\n      <span>Comment fonctionne le mode hors ligne&nbsp;?<\/span>\n      <span class=\"w360-faq__toggle\"><\/span>\n    <\/button>\n    <div class=\"w360-faq__answer\">\n      <p>L'agent W360 embarque l'environnement de travail en local : les postes restent pleinement op\u00e9rationnels sans connexion. \u00c0 la reconnexion, la synchronisation avec le manager reprend automatiquement.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"w360-faq__item\">\n    <button type=\"button\" class=\"w360-faq__question\">\n      <span>Quelle est la dur\u00e9e d'un d\u00e9ploiement pilote&nbsp;?<\/span>\n      <span class=\"w360-faq__toggle\"><\/span>\n    <\/button>\n    <div class=\"w360-faq__answer\">\n      <p>Un pilote de 50 postes se d\u00e9roule sur 2 \u00e0 4 semaines : validation fonctionnelle, mesure du ROI r\u00e9el et cadrage du rollout.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"w360-faq__item\">\n    <button type=\"button\" class=\"w360-faq__question\">\n      <span>W360 est-il compatible avec mon parc existant&nbsp;?<\/span>\n      <span class=\"w360-faq__toggle\"><\/span>\n    <\/button>\n    <div class=\"w360-faq__answer\">\n      <p>Oui. W360 s'installe sur votre mat\u00e9riel actuel, y compris les machines anciennes : c'est l'un des leviers d'\u00e9conomies, en prolongeant la dur\u00e9e de vie des postes existants.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"w360-faq__item\">\n    <button type=\"button\" class=\"w360-faq__question\">\n      <span>Quelles certifications&nbsp;?<\/span>\n      <span class=\"w360-faq__toggle\"><\/span>\n    <\/button>\n    <div class=\"w360-faq__answer\">\n      <p>W360 est une solution 100% europ\u00e9enne, hors du p\u00e9rim\u00e8tre du Cloud Act, con\u00e7ue nativement pour la conformit\u00e9 RGPD et NIS2. Wisper est certifi\u00e9 ISO27001 depuis 2025.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"w360-faq__item\">\n    <button type=\"button\" class=\"w360-faq__question\">\n      <span>Quel mod\u00e8le de tarification&nbsp;?<\/span>\n      <span class=\"w360-faq__toggle\"><\/span>\n    <\/button>\n    <div class=\"w360-faq__answer\">\n      <p>Abonnement SaaS par poste et par an, sans co\u00fbt cach\u00e9. L'audit initial permet d'\u00e9tablir un chiffrage pr\u00e9cis selon la r\u00e9partition de vos profils d'usage.<\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n.w360-faq {\n  max-width: 860px;\n  margin: 0 auto;\n  font-family: inherit;\n}\n\n.w360-faq__item {\n  background: #FFFFFF;\n  border: 1px solid #E7EBF0;\n  border-radius: 12px;\n  margin-bottom: 16px;\n  overflow: hidden;\n  transition: border-color .2s ease, box-shadow .2s ease;\n}\n.w360-faq__item.is-open {\n  border-color: #2979FF;\n  box-shadow: 0 4px 14px rgba(41, 121, 255, 0.10);\n}\n\n.w360-faq .w360-faq__question {\n  display: flex !important;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n  padding: 22px 26px !important;\n  margin: 0 !important;\n  background: transparent !important;\n  background-color: transparent !important;\n  border: none !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  outline: none;\n  cursor: pointer;\n  text-align: left;\n  font-family: inherit !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  color: #171717 !important;\n  text-transform: none !important;\n  letter-spacing: normal !important;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.w360-faq .w360-faq__question:hover,\n.w360-faq .w360-faq__question:focus,\n.w360-faq .w360-faq__question:active {\n  background: transparent !important;\n  color: #171717 !important;\n  border: none !important;\n  box-shadow: none !important;\n}\n\n\/* ---- Ic\u00f4ne + \/ \u00d7 ---- *\/\n.w360-faq__toggle {\n  position: relative;\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.w360-faq__toggle::before,\n.w360-faq__toggle::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  background: #2979FF;\n  transition: transform .25s ease, background .25s ease;\n}\n.w360-faq__toggle::before {\n  width: 16px; height: 2px;\n  transform: translate(-50%, -50%);\n}\n.w360-faq__toggle::after {\n  width: 2px; height: 16px;\n  transform: translate(-50%, -50%);\n}\n.w360-faq__item.is-open .w360-faq__toggle::before,\n.w360-faq__item.is-open .w360-faq__toggle::after {\n  background: #2979FF;\n  transform: translate(-50%, -50%) rotate(45deg);\n}\n\n\/* ---- R\u00e9ponse (animation d'ouverture) ---- *\/\n.w360-faq__answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height .3s ease;\n}\n.w360-faq__item.is-open .w360-faq__answer {\n  max-height: 400px;\n}\n.w360-faq__answer p {\n  margin: 0;\n  padding: 0 26px 24px;\n  color: #3A4451;\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.65;\n}\n<\/style>\n\n<script>\n(function () {\n  var items = document.querySelectorAll('.w360-faq__item');\n  items.forEach(function (item) {\n    item.querySelector('.w360-faq__question').addEventListener('click', function () {\n      var isOpen = item.classList.contains('is-open');\n      \/* Ferme tout *\/\n      items.forEach(function (i) { i.classList.remove('is-open'); });\n      \/* Ouvre celui cliqu\u00e9 (sauf s'il \u00e9tait d\u00e9j\u00e0 ouvert : il se ferme) *\/\n      if (!isOpen) item.classList.add('is-open');\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>W360 Plateforme SaaS europ\u00e9enne Le bon OS,\u00a0 pour\u00a0le bon usage W360 permet de choisir, d\u00e9ployer et piloter l&rsquo;environnement de chaque poste de travail depuis une console unique du terminal l\u00e9ger open source au Windows renforc\u00e9. Orchestrez efficience et r\u00e9silience. R\u00e9duisez vos d\u00e9pendances. Gagnez en libert\u00e9 d&rsquo;action. Demander une d\u00e9mo -40% x2 90s &lt;12 de TCO [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13057","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Wisper 360 : Solution de gestion centralis\u00e9e et de virtualisation<\/title>\n<meta name=\"description\" content=\"Optimisez la gestion de vos postes de travail avec Wisper 360 : simplicit\u00e9, pilotage centralis\u00e9, flexibilit\u00e9 et r\u00e9silience en local.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wisper.io\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wisper 360, gestion centralis\u00e9e et virtualisation de poste de travail\" \/>\n<meta property=\"og:description\" content=\"Optimisez la gestion de vos postes de travail avec Wisper 360 : simplicit\u00e9, pilotage centralis\u00e9, flexibilit\u00e9 et r\u00e9silience en local.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wisper.io\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Wisper\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-09T08:55:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/dashboard3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1396\" \/>\n\t<meta property=\"og:image:height\" content=\"1138\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Wisper_fr\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wisper.io\\\/\",\"url\":\"https:\\\/\\\/wisper.io\\\/\",\"name\":\"Wisper 360 : Solution de gestion centralis\u00e9e et de virtualisation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wisper.io\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wisper.io\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wisper.io\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wisper.io\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/dashboard3.png\",\"datePublished\":\"2024-07-11T13:10:38+00:00\",\"dateModified\":\"2026-07-09T08:55:25+00:00\",\"description\":\"Optimisez la gestion de vos postes de travail avec Wisper 360 : simplicit\u00e9, pilotage centralis\u00e9, flexibilit\u00e9 et r\u00e9silience en local.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wisper.io\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wisper.io\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wisper.io\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wisper.io\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/dashboard3.png\",\"contentUrl\":\"https:\\\/\\\/wisper.io\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/dashboard3.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wisper.io\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/wisper.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wisper 360, gestion centralis\u00e9e et virtualisation de poste de travail\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wisper.io\\\/#website\",\"url\":\"https:\\\/\\\/wisper.io\\\/\",\"name\":\"Wisper\",\"description\":\"Le bon OS, pour le bon usage.\",\"publisher\":{\"@id\":\"https:\\\/\\\/wisper.io\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wisper.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wisper.io\\\/#organization\",\"name\":\"Wisper\",\"url\":\"https:\\\/\\\/wisper.io\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wisper.io\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wisper.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/favico.png\",\"contentUrl\":\"https:\\\/\\\/wisper.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/favico.png\",\"width\":512,\"height\":512,\"caption\":\"Wisper\"},\"image\":{\"@id\":\"https:\\\/\\\/wisper.io\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Wisper_fr\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/wispersolution\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC_GY9qaaRczT_EyN6wirYYw\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wisper 360: Centralized management and virtualization solution","description":"Optimize the management of your workstations with Wisper 360: simplicity, centralized control, flexibility and local resilience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wisper.io\/en\/","og_locale":"en_US","og_type":"article","og_title":"Wisper 360, gestion centralis\u00e9e et virtualisation de poste de travail","og_description":"Optimisez la gestion de vos postes de travail avec Wisper 360 : simplicit\u00e9, pilotage centralis\u00e9, flexibilit\u00e9 et r\u00e9silience en local.","og_url":"https:\/\/wisper.io\/en\/","og_site_name":"Wisper","article_modified_time":"2026-07-09T08:55:25+00:00","og_image":[{"width":1396,"height":1138,"url":"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/dashboard3.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@Wisper_fr","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wisper.io\/","url":"https:\/\/wisper.io\/","name":"Wisper 360: Centralized management and virtualization solution","isPartOf":{"@id":"https:\/\/wisper.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wisper.io\/#primaryimage"},"image":{"@id":"https:\/\/wisper.io\/#primaryimage"},"thumbnailUrl":"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/dashboard3.png","datePublished":"2024-07-11T13:10:38+00:00","dateModified":"2026-07-09T08:55:25+00:00","description":"Optimize the management of your workstations with Wisper 360: simplicity, centralized control, flexibility and local resilience.","breadcrumb":{"@id":"https:\/\/wisper.io\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wisper.io\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wisper.io\/#primaryimage","url":"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/dashboard3.png","contentUrl":"https:\/\/wisper.io\/wp-content\/uploads\/2026\/03\/dashboard3.png"},{"@type":"BreadcrumbList","@id":"https:\/\/wisper.io\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/wisper.io\/"},{"@type":"ListItem","position":2,"name":"Wisper 360, gestion centralis\u00e9e et virtualisation de poste de travail"}]},{"@type":"WebSite","@id":"https:\/\/wisper.io\/#website","url":"https:\/\/wisper.io\/","name":"Wisper","description":"Le bon OS, pour le bon usage.","publisher":{"@id":"https:\/\/wisper.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wisper.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wisper.io\/#organization","name":"Wisper","url":"https:\/\/wisper.io\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wisper.io\/#\/schema\/logo\/image\/","url":"https:\/\/wisper.io\/wp-content\/uploads\/2024\/09\/favico.png","contentUrl":"https:\/\/wisper.io\/wp-content\/uploads\/2024\/09\/favico.png","width":512,"height":512,"caption":"Wisper"},"image":{"@id":"https:\/\/wisper.io\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Wisper_fr","https:\/\/www.linkedin.com\/company\/wispersolution\/","https:\/\/www.youtube.com\/channel\/UC_GY9qaaRczT_EyN6wirYYw"]}]}},"_links":{"self":[{"href":"https:\/\/wisper.io\/en\/wp-json\/wp\/v2\/pages\/13057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wisper.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wisper.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wisper.io\/en\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/wisper.io\/en\/wp-json\/wp\/v2\/comments?post=13057"}],"version-history":[{"count":52,"href":"https:\/\/wisper.io\/en\/wp-json\/wp\/v2\/pages\/13057\/revisions"}],"predecessor-version":[{"id":16697,"href":"https:\/\/wisper.io\/en\/wp-json\/wp\/v2\/pages\/13057\/revisions\/16697"}],"wp:attachment":[{"href":"https:\/\/wisper.io\/en\/wp-json\/wp\/v2\/media?parent=13057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}