{"id":377726,"date":"2024-11-19T13:11:55","date_gmt":"2024-11-19T12:11:55","guid":{"rendered":"https:\/\/axelor.com\/?page_id=377726"},"modified":"2026-09-11T18:25:51","modified_gmt":"2026-09-11T16:25:51","slug":"accueil-2","status":"publish","type":"page","link":"https:\/\/axelor.com\/fr\/","title":{"rendered":"Editeur de logiciel ERP CRM &amp; BPM Low Code"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||||false|false&#8221; custom_css_main_element=&#8221;overflow-x:clip;&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; max_width=&#8221;1380px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;width:100vw;||position:absolute;||top:-200px;||left:50%;||transform:translateX(-50%);&#8221; custom_css_free_form=&#8221;selector .hero-bg-top{||  background-image: url(&#8216;https:\/\/axelor.com\/wp-content\/uploads\/2024\/03\/perspective_grid_top.svg&#8217;);||  height:300px;||  background-position:center;||}||selector .hero-bg-top-mask{||  mask-image:url(&#8216;https:\/\/axelor.com\/wp-content\/uploads\/2024\/03\/perspective_grid_top_mask-1.svg&#8217;);||  mask-position:center;||  height:300px;||  height:100%;||}||selector .hero-bg-top-mask div{||  animation:heroTopAnimation 3s infinite cubic-bezier(.62,.62,.28,.67);||  width:100%;||  height: 200px;|| background: linear-gradient(  0deg,  rgba(104, 104, 253, 0),  rgba(104, 104, 253, 0.4),  rgba(104, 104, 253, 0));||}&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"hero-bg\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"hero-bg-top\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"hero-bg-top-mask\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div>  <!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_text module_class=&#8221;label back-title&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">R\u00e9volutionnez votre fa\u00e7on de travailler<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;760px&#8221; max_width=&#8221;95%&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1 style=\"text-align: center;\" class=\"display-lg\">Le premier ERP nativement<br \/>agentique et No-Code<\/h1>\n<p class=\"text-xl\" style=\"text-align: center;\">Open Source et Souverain<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;80%&#8221; module_alignment=&#8221;center&#8221; border_color_all=&#8221;rgba(205,205,254,0.3)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"erp-animation-skew\"><!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" id=\"base\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2025\/01\/bg_erp_new.png\"><!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" id=\"budget\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/11\/tache-en-cours.png\"><!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" id=\"taches\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/11\/duree.png\"><!-- [et_pb_line_break_holder] -->  <img decoding=\"async\" id=\"ca\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/chiffre-daffaire.png\"><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-20px||||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"button-group center\"><!-- [et_pb_line_break_holder] -->  <a href=\"https:\/\/axelor.com\/fr\/contact\/\" class=\"button first\"><pee>\u00catre contact\u00e9<\/pee><\/a><!-- [et_pb_line_break_holder] -->  <a href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\" class=\"button second\" style=\"background:#e7fbf8\"><pee>Demander une d\u00e9mo<\/pee><\/a><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_code raw_content_tablet=&#8221;<\/p>\n<div class=%22grid _4 hero-sector%22>\n<article class=%22services%22>\n    <a href=%22https:\/\/axelor.com\/fr\/axelor-line\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>groups<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>Soci\u00e9t\u00e9s de service<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<article class=%22industry%22>\n    <a href=%22https:\/\/axelor.com\/fr\/industrie\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>precision_manufacturing<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>Industrie<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<article class=%22commerce%22>\n    <a href=%22https:\/\/axelor.com\/fr\/btp\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>architecture<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>BTP<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<article class=%22plateform%22>\n    <a href=%22https:\/\/axelor.com\/fr\/secteur-public\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>domain<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>Secteur Public<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<\/div>\n<p>&#8221; raw_content_phone=&#8221;<\/p>\n<div class=%22grid _1 hero-sector%22>\n<article class=%22services%22>\n    <a href=%22https:\/\/axelor.com\/fr\/axelor-line\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>groups<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>Soci\u00e9t\u00e9s de service<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<article class=%22industry%22>\n    <a href=%22https:\/\/axelor.com\/fr\/industrie\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>precision_manufacturing<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>Industries<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<article class=%22commerce%22>\n    <a href=%22https:\/\/axelor.com\/fr\/btp\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>architecture<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>Secteur du BTP<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<article class=%22plateform%22>\n    <a href=%22https:\/\/axelor.com\/fr\/secteur-public\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>domain<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>Secteur Public<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<article class=%22plateform%22 style=%22border-color:#5cb2c7c2;background-color:#5cb2c71c%22>\n    <a href=%22https:\/\/axelor.com\/fr\/axelor-open-suite\/%22 style=%22justify-content:center;%22><\/p>\n<div  style=%22display:flex;justify-content:left; align-items:center; %22>\n<div>\n<div class=%22secteur-icon%22 style=%22padding:10px; background:#5CB2C7%22>\n          <span class=%22material-symbols-outlined%22 style=%22color:white%22>orbit<\/span>\n        <\/div>\n<\/p><\/div>\n<div>\n<h2 class=%22display-xs%22 style=%22padding:0px;margin-bottom:0px;font-size:20px%22>Autres secteurs<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <\/a><br \/>\n  <\/article>\n<\/div>\n<p>&#8221; raw_content_last_edited=&#8221;off|desktop&#8221; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;-40px||-80px||false|false&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Chakra+Petch:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  .axelor-produits {\r\n    --navy:#010165; --navy-2:#07013F;\r\n    --ocean:#3ECF8E; --ocean-dark:#2BB57A;\r\n    --magnolia:#F5F5FF; --magnolia-2:#FAFAFF; --wheelwright:#5D6B90; --white:#fff;\r\n    --line:rgba(1,1,101,.10);\r\n    --sh-sm:0 2px 8px rgba(1,1,101,.06);\r\n    --sh-md:0 10px 30px rgba(1,1,101,.10);\r\n\r\n    \/* palette produits *\/\r\n    --c-service:#ED5294; --service-soft:rgba(237,82,148,.28); --service-tint:#FEF0F6;\r\n    --c-factory:#DD9C00; --factory-soft:rgba(221,156,0,.30);  --factory-tint:#FCF6E4;\r\n    --c-build:#9E44DF;   --build-soft:rgba(158,68,223,.26);   --build-tint:#F5EDFD;\r\n    --c-agent:#2BB57A;   --agent-soft:rgba(62,207,142,.30);   --agent-tint:#EAFAF3;\r\n\r\n    font-family:'Poppins'; color:var(--navy);\r\n    font-size:15px; line-height:1.6; font-weight:400;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .axelor-produits * {margin:0;padding:0;box-sizing:border-box;font-family:'Poppins';}\r\n  .axelor-produits .ap-eb span {font-family:'Chakra Petch';}\r\n  .axelor-produits a {text-decoration:none;color:inherit;}\r\n\r\n  \/* fond transparent : le bloc prend celui de la page o\u00f9 il est int\u00e9gr\u00e9 *\/\r\n  .axelor-produits .ap-sec {padding:52px 20px;background:transparent;}\r\n  .axelor-produits .ap-wrap {max-width:1160px;margin:0 auto;}\r\n\r\n  \/* ---------- titre ---------- *\/\r\n  .axelor-produits .ap-eb {display:block;text-align:center;margin-bottom:18px;}\r\n  .axelor-produits .ap-eb span {\r\n    display:inline-block;padding:9px 20px;border-radius:100px;\r\n    background:rgba(62,207,142,.07);border:1px solid rgba(62,207,142,.38);\r\n    font-family:'Chakra Petch';font-size:14px;font-weight:500;line-height:1.3;\r\n    letter-spacing:.04em;color:var(--ocean-dark);}\r\n\r\n  .axelor-produits .headline {\r\n    max-width:760px;text-align:center;\r\n    margin:0 auto 20px;padding:0 0 10px;\r\n    font-family:'Poppins', arial, sans-serif;\r\n    font-size:28px;line-height:1.22;font-weight:500;letter-spacing:-.02em;\r\n    color:#010165;}\r\n  .axelor-produits .headline em {\r\n    font-style:normal;\r\n    background:linear-gradient(120deg,var(--ocean),var(--ocean-dark));\r\n    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}\r\n  .axelor-produits .lede {\r\n    margin:0 auto 36px;max-width:620px;text-align:center;\r\n    font-size:16px;line-height:1.6;font-weight:300;color:var(--wheelwright);}\r\n\r\n  \/* ---------- grille ---------- *\/\r\n  .axelor-produits .grid {\r\n    display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:18px;}\r\n\r\n  \/* ---------- cartes ---------- *\/\r\n  .axelor-produits .card {\r\n    border-radius:18px;padding:26px 24px 22px;border:1px solid transparent;\r\n    display:flex;flex-direction:column;\r\n    transition:transform .22s ease,box-shadow .22s ease;}\r\n  .axelor-produits .card:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n\r\n  .axelor-produits .card--service {\r\n    background:linear-gradient(150deg,var(--service-tint) 0%,#fffdfe 62%);border-color:var(--service-soft);}\r\n  .axelor-produits .card--factory {\r\n    background:linear-gradient(150deg,var(--factory-tint) 0%,#fffefb 62%);border-color:var(--factory-soft);}\r\n  .axelor-produits .card--build {\r\n    background:linear-gradient(150deg,var(--build-tint) 0%,#fefdff 62%);border-color:var(--build-soft);}\r\n  .axelor-produits .card--agent {\r\n    background:linear-gradient(100deg,var(--agent-tint) 0%,#fdfffe 55%);border-color:var(--agent-soft);\r\n    display:flex;flex-direction:column;gap:18px;padding:24px;}\r\n\r\n  \/* ---------- ic\u00f4ne ---------- *\/\r\n  .axelor-produits .icon {\r\n    width:52px;height:52px;border-radius:14px;background:var(--white);\r\n    display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm);flex-shrink:0;}\r\n  .axelor-produits .icon svg {width:24px;height:24px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-produits .card-head {display:flex;align-items:center;gap:14px;margin-bottom:18px;}\r\n\r\n  .axelor-produits .card--service .icon {border:1px solid var(--service-soft);}\r\n  .axelor-produits .card--service .icon svg {stroke:var(--c-service);}\r\n  .axelor-produits .card--factory .icon {border:1px solid var(--factory-soft);}\r\n  .axelor-produits .card--factory .icon svg {stroke:var(--c-factory);}\r\n  .axelor-produits .card--build .icon {border:1px solid var(--build-soft);}\r\n  .axelor-produits .card--build .icon svg {stroke:var(--c-build);}\r\n  .axelor-produits .card--agent .icon {border:1px solid var(--agent-soft);}\r\n  .axelor-produits .card--agent .icon svg {stroke:var(--c-agent);}\r\n\r\n  \/* ---------- titres et texte ---------- *\/\r\n  .axelor-produits .card h3 {font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.25;}\r\n  .axelor-produits .card--service h3 {color:var(--c-service);}\r\n  .axelor-produits .card--factory h3 {color:var(--c-factory);}\r\n  .axelor-produits .card--build h3 {color:var(--c-build);}\r\n  .axelor-produits .card--agent h3 {color:var(--c-agent);}\r\n\r\n  .axelor-produits .card p {\r\n    margin:0 0 26px;font-size:15.5px;line-height:1.6;font-weight:300;color:var(--navy);}\r\n  .axelor-produits .card p strong {font-weight:600;color:var(--navy);}\r\n\r\n  \/* ---------- lien d'affordance ---------- *\/\r\n  .axelor-produits .btn {\r\n    margin-top:auto;align-self:flex-start;\r\n    display:inline-flex;align-items:center;gap:8px;\r\n    padding:0;border:0;background:none;box-shadow:none;\r\n    font-size:15.5px;font-weight:500;white-space:nowrap;\r\n    transition:color .22s ease;}\r\n  .axelor-produits .btn svg {\r\n    width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;\r\n    stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease;flex-shrink:0;}\r\n  .axelor-produits .card:hover .btn svg {transform:translateX(4px);}\r\n  .axelor-produits .card--service .btn {color:var(--c-service);}\r\n  .axelor-produits .card--factory .btn {color:var(--c-factory);}\r\n  .axelor-produits .card--build .btn {color:var(--c-build);}\r\n  .axelor-produits .card--agent .btn {color:var(--c-agent);margin-top:0;flex-shrink:0;}\r\n\r\n  \/* ---------- carte Agent Suite ---------- *\/\r\n  .axelor-produits .card--agent .card-head {margin-bottom:0;flex:none;}\r\n  .axelor-produits .card--agent p {margin:0;}\r\n  .axelor-produits .agent-copy {min-width:0;}\r\n  .axelor-produits .agent-copy .sub {\r\n    margin-top:6px;font-size:14px;line-height:1.55;color:var(--wheelwright);font-weight:300;}\r\n\r\n  .axelor-produits .card {text-decoration:none;color:inherit;cursor:pointer;}\r\n  .axelor-produits a:focus-visible {outline:2px solid var(--c-build);outline-offset:3px;border-radius:18px;}\r\n\r\n  \/* ---------- r\u00e9v\u00e9lation ---------- *\/\r\n  .axelor-produits .rv {opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;}\r\n  .axelor-produits .rv.in {opacity:1;transform:none;}\r\n  .axelor-produits .rv.d1 {transition-delay:.09s;}\r\n  .axelor-produits .rv.d2 {transition-delay:.18s;}\r\n\r\n  \/* ===== PALIERS RESPONSIVE (min-width uniquement) ===== *\/\r\n\r\n  \/* petites tablettes : 2 colonnes, la 3e carte prend toute la largeur *\/\r\n  @media (min-width:600px){\r\n    .axelor-produits .ap-sec {padding:60px 24px;}\r\n    .axelor-produits .headline {font-size:32px;}\r\n    .axelor-produits .lede {font-size:17px;}\r\n    .axelor-produits .grid {grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}\r\n    .axelor-produits .grid .card--build {grid-column:1\/-1;}\r\n  }\r\n\r\n  \/* desktop : 3 colonnes align\u00e9es *\/\r\n  @media (min-width:920px){\r\n    .axelor-produits .ap-sec {padding:76px 24px;}\r\n    .axelor-produits .headline {font-size:36px;}\r\n    .axelor-produits .lede {font-size:18px;margin-bottom:42px;}\r\n    .axelor-produits .grid {grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:22px;}\r\n    .axelor-produits .grid .card--build {grid-column:auto;}\r\n    .axelor-produits .card {padding:28px 26px 24px;}\r\n  }\r\n\r\n  \/* Agent Suite en ligne : uniquement \u00e0 partir de 1200px, largeur \u00e0 laquelle\r\n     le calcul garantit chaque phrase sur UNE seule ligne, sans coupure (exigence DG).\r\n     Paddings, gaps, titre et lien sont resserr\u00e9s pour d\u00e9gager la place n\u00e9cessaire. *\/\r\n  @media (min-width:1200px){\r\n    .axelor-produits .card--agent {\r\n      flex-direction:row;align-items:center;gap:16px;padding:22px 20px;}\r\n    .axelor-produits .card--agent .card-head {gap:14px;}\r\n    .axelor-produits .card--agent h3 {font-size:18px;white-space:nowrap;}\r\n    .axelor-produits .card--agent .btn {margin-left:auto;font-size:15px;}\r\n    .axelor-produits .agent-copy {flex:1 1 auto;}\r\n    .axelor-produits .agent-copy p {white-space:nowrap;font-size:14px;letter-spacing:-.005em;}\r\n    .axelor-produits .agent-copy .sub {white-space:nowrap;font-size:13px;margin-top:5px;letter-spacing:-.005em;}\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .axelor-produits .card,.axelor-produits .rv {transition:none;}\r\n    .axelor-produits .card:hover {transform:none;}\r\n    .axelor-produits .rv {opacity:1;transform:none;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"axelor-produits\">\r\n  <section class=\"ap-sec\">\r\n    <div class=\"ap-wrap\">\r\n\r\n      <p class=\"ap-eb rv\"><span>Produits<\/span><\/p>\r\n      <h2 class=\"headline rv\">Un ERP taill\u00e9 pour votre <em>fa\u00e7on de travailler<\/em><\/h2>\r\n      <p class=\"lede rv\">Une profondeur m\u00e9tier exceptionnelle boost\u00e9e par l'IA.<\/p>\r\n\r\n      <div class=\"grid\">\r\n\r\n        <a class=\"card card--service rv\" href=\"https:\/\/axelor.com\/fr\/axelor-service-suite\/\">\r\n          <div class=\"card-head\">\r\n            <div class=\"icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2.5\"\/><path d=\"M8.5 7V5.6A1.6 1.6 0 0 1 10.1 4h3.8a1.6 1.6 0 0 1 1.6 1.6V7\"\/><path d=\"M3 12.5h18\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Axelor Service Suite<\/h3>\r\n          <\/div>\r\n          <p>L'ERP agentique pour le <strong>conseil<\/strong>, l'<strong>ing\u00e9nierie<\/strong> et le <strong>service terrain<\/strong>.<\/p>\r\n          <span class=\"btn\">D\u00e9couvrir Service Suite<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n        <\/a>\r\n\r\n        <a class=\"card card--factory rv d1\" href=\"https:\/\/axelor.com\/fr\/axelor-factory-suite\/\">\r\n          <div class=\"card-head\">\r\n            <div class=\"icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M3 20.4V4.6h4.2v7.2L13 8v3.8L18.8 8v12.4z\"\/><path d=\"M2 20.4h20\"\/><path d=\"M7.6 16.4h1.4M11.8 16.4h1.4M16 16.4h1.4\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Axelor Factory Suite<\/h3>\r\n          <\/div>\r\n          <p>L'ERP agentique pour l'<strong>industrie<\/strong> et la <strong>production<\/strong>.<\/p>\r\n          <span class=\"btn\">D\u00e9couvrir Factory Suite<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n        <\/a>\r\n\r\n        <a class=\"card card--build rv d2\" href=\"https:\/\/axelor.com\/fr\/axelor-build-suite\/\">\r\n          <div class=\"card-head\">\r\n            <div class=\"icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M8.6 21.2V5.6\"\/><path d=\"M3.2 5.6h17.6\"\/><rect x=\"3.2\" y=\"3.1\" width=\"3\" height=\"2.5\" rx=\".6\"\/><path d=\"M17 5.6v3.4\"\/><path d=\"M15.4 9h3.2\"\/><path d=\"M5.6 21.2h6\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Axelor Build Suite<\/h3>\r\n          <\/div>\r\n          <p>L'ERP agentique pour le <strong>b\u00e2timent<\/strong> et les <strong>travaux publics<\/strong>.<\/p>\r\n          <span class=\"btn\">D\u00e9couvrir Build Suite<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <a class=\"card card--agent rv\" href=\"https:\/\/axelor.com\/fr\/axelor-agent-suite\/\">\r\n        <div class=\"card-head\">\r\n          <div class=\"icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"11\" rx=\"3.2\"\/><path d=\"M12 4.2V8\"\/><circle cx=\"12\" cy=\"3.4\" r=\"1.2\"\/><path d=\"M9.3 12.6v1.6M14.7 12.6v1.6\"\/><path d=\"M1.9 12.4v2.6M22.1 12.4v2.6\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Axelor Agent Suite<\/h3>\r\n        <\/div>\r\n        <div class=\"agent-copy\">\r\n          <p>Plateforme agentique et No-Code d\u00e9di\u00e9e au <strong>secteur public<\/strong> et aux <strong>grands comptes<\/strong>.<\/p>\r\n          <p class=\"sub\">Des agents qui automatisent vos processus et g\u00e9n\u00e8rent vos applications.<\/p>\r\n        <\/div>\r\n        <span class=\"btn\">D\u00e9couvrir Agent Suite<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var doc = document;\r\n  function ready(fn){ if (doc.readyState !== 'loading') fn(); else doc.addEventListener('DOMContentLoaded', fn); }\r\n  ready(function(){\r\n    var els = doc.querySelectorAll('.axelor-produits .rv');\r\n    if (!els.length) return;\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    if (reduce || !('IntersectionObserver' in window)) {\r\n      for (var i = 0; i < els.length; i++) els[i].classList.add('in');\r\n      return;\r\n    }\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(e){ if (e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\r\n    }, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });\r\n    for (var j = 0; j < els.length; j++) io.observe(els[j]);\r\n  });\r\n})();\r\n<\/script>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;z-index: -2;||position: absolute;||top: 30%;||transform: translateY(-50%);||opacity: 0.8;&#8221; global_colors_info=&#8221;{}&#8221;]<svg class=\"bokeh home\" viewBox=\"0 0 10 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->  <circle cx=\"10%\" cy=\"45%\" r=\"55%\"  \/><!-- [et_pb_line_break_holder] -->  <circle cx=\"10%\" cy=\"50%\" r=\"15%\"   \/><!-- [et_pb_line_break_holder] -->  <circle cx=\"45%\" cy=\"35%\" r=\"30%\"  \/><!-- [et_pb_line_break_holder] --><\/svg>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-50px||||false|false&#8221; custom_padding=&#8221;20px||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||20px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center; font-size: var(--text-xl-fs);\">Plus d\u2019<strong style=\"font-weight:500\">1 million d\u2019utilisateurs<\/strong> nous font confiance, allant de la PME \u00e0 la grande entreprise.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_css_before=&#8221;background: -webkit-gradient(linear, left top, right top, from(var(&#8211;neutral)), to(rgba(255, 255, 255, 0)));\t||background: linear-gradient(to right, var(&#8211;neutral) 0%, rgba(255, 255, 255, 0) 100%);||\tcontent: %22%22;||\theight: 100%;||\tposition: absolute;||\twidth: 10%;||\tz-index: 2;||left: 0;||\ttop: 0;&#8221; custom_css_main_element=&#8221;position:relative;&#8221; custom_css_after=&#8221;background: -webkit-gradient(linear, left top, right top, from(var(&#8211;neutral)), to(rgba(255, 255, 255, 0)));||\tbackground: linear-gradient(to right, var(&#8211;neutral) 0%, rgba(255, 255, 255, 0) 100%);||\tcontent: %22%22;||\theight: 100%;||\tposition: absolute;||\twidth: 10%;||\tz-index: 2;||right: 0;||\ttop: 0;||\t-webkit-transform: rotateZ(180deg);||\ttransform: rotateZ(180deg);&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"slider\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"slide-track\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/trenitalia-2.svg\" alt=\"Trenitalia\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/thyssenkrupp-2.svg\" alt=\"Thyssenkrupp\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/stellantis-2.svg\" alt=\"Stellantis\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/soregie-2.svg\" alt=\"Soregies\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/socotec-2.svg\" alt=\"Socotec\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/ministere-justice-2.svg\" alt=\"Ministere-de-justice\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/ministere-affaires-etrangeres-2.svg\" alt=\"Ministere-des-affaires-etrangeres\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/hauts-de-seine-2.svg\" alt=\"Hauts-de-seine\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/enercoop-2.svg\" alt=\"Enercoop\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/citel-2.svg\" alt=\"Citel\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/cdiscount-2.svg\" alt=\"Cdiscount\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/carbone-4-2.svg\" alt=\"Carbone-4\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"slide\"><!-- [et_pb_line_break_holder] -->      <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/arcelor-mittal-2.svg\" alt=\"Arcelor\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->  const btn1 = document.getElementById(\"btn1\");<!-- [et_pb_line_break_holder] -->  const btn2 = document.getElementById(\"btn2\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const section1 = document.querySelector(\".section-1\");<!-- [et_pb_line_break_holder] -->  const section2 = document.querySelector(\".section-2\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Section 1 visible au d\u00e9part, btn1 actif<!-- [et_pb_line_break_holder] -->  gsap.set(section1, {autoAlpha: 1});<!-- [et_pb_line_break_holder] -->  gsap.set(section2, {autoAlpha: 0});<!-- [et_pb_line_break_holder] -->  btn1.classList.add(\"active\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  btn1.addEventListener(\"click\", () => {<!-- [et_pb_line_break_holder] -->    gsap.to(section1, {duration: 0.8, autoAlpha: 1});<!-- [et_pb_line_break_holder] -->    gsap.to(section2, {duration: 0.8, autoAlpha: 0});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    btn1.classList.add(\"active\");<!-- [et_pb_line_break_holder] -->    btn2.classList.remove(\"active\");<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  btn2.addEventListener(\"click\", () => {<!-- [et_pb_line_break_holder] -->    gsap.to(section1, {duration: 0.8, autoAlpha: 0});<!-- [et_pb_line_break_holder] -->    gsap.to(section2, {duration: 0.8, autoAlpha: 1});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    btn2.classList.add(\"active\");<!-- [et_pb_line_break_holder] -->    btn1.classList.remove(\"active\");<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;dark&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; custom_css_main_element=&#8221;background: linear-gradient(180deg, var(&#8211;navy-deep) 0%, var(&#8211;navy) 65%, #07013F 100%);&#8221; border_radii_tablet=&#8221;on|50px|50px|50px|50px&#8221; border_radii_phone=&#8221;on|40px|40px|40px|40px&#8221; border_radii_last_edited=&#8221;off|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1920px&#8221; custom_margin=&#8221;0px||0px||true|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;]<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Axelor - Agents m\u00e9tiers en action<\/title>\r\n<script>document.documentElement.classList.add('js');<\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  * { margin:0; padding:0; box-sizing:border-box; }\r\n  :root {\r\n    --navy:#010165; --navy-deep:#0D021E; --navy-2:#07013F;\r\n    --ocean:#3ECF8E; --ocean-dark:#2BB57A; --ocean-soft:rgba(62,207,142,0.10);\r\n    --indigo:#4B3FD4; --magnolia:#F5F5FF; --wheelwright:#5D6B90; --white:#FFFFFF;\r\n    --border-card:rgba(255,255,255,0.10); --border-soft:rgba(255,255,255,0.06);\r\n    --amber:#F0A020;\r\n  }\r\n  body { font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif; background:var(--navy-deep); color:var(--white); -webkit-font-smoothing:antialiased; }\r\n\r\n  .gen-section { background:linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 60%,var(--navy-2) 100%); padding:100px 24px; position:relative; overflow:hidden; }\r\n  .gen-section::before { content:\"\"; position:absolute; top:6%; right:-180px; width:640px; height:640px; background:radial-gradient(circle,rgba(62,207,142,0.13) 0%,transparent 60%); pointer-events:none; animation:breathe 9s ease-in-out infinite; }\r\n  .gen-section::after { content:\"\"; position:absolute; bottom:-12%; left:-150px; width:520px; height:520px; background:radial-gradient(circle,rgba(75,63,212,0.15) 0%,transparent 60%); pointer-events:none; animation:breathe 11s ease-in-out infinite reverse; }\r\n  @keyframes breathe { 0%,100%{opacity:.6;transform:scale(1);} 50%{opacity:1;transform:scale(1.1);} }\r\n  .container { max-width:1080px; margin:0 auto; position:relative; z-index:1; }\r\n\r\n  .section-head { text-align:center; margin-bottom:40px; max-width:800px; margin-left:auto; margin-right:auto; }\r\n  .eyebrow-chat { display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\t  font-size:14px;\r\n    padding: 7px 18px;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(62, 207, 142, 0.35);\r\n    border-radius: 100px;\r\n    color: rgba(62, 207, 142, 0.90);\r\n    font-family: 'Chakra-Petch', sans-serif;\r\n    font-weight: 400;\r\n    letter-spacing: 0.02em;\r\n    text-transform: none;\r\n    margin-bottom: 22px;\r\n    color: #3ECF8E !important;}\r\n  .eyebrow-dot { width:6px; height:6px; background:rgba(62,207,142,0.90); border-radius:50%; animation:pulse 1.8s ease-in-out infinite;font-weight:400; }\r\n  @keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:.35;} }\r\n  .section-title {    font-size: var(--display-md-fs);\r\n    font-weight: var(--fw-bold);\r\n    line-height: var(--display-md-lh);\r\n    margin-bottom: var(--space-5);\r\n    letter-spacing: var(--display-track); }\r\n  .section-title em { font-style:normal; background:linear-gradient(120deg,var(--ocean) 0%,var(--ocean-dark) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }\r\n  .section-subtitle { font-size:17px; color:rgba(255,255,255,0.62); line-height:1.55; font-weight:300; }\r\n  .section-subtitle strong { color:#fff; font-weight:500; }\r\n\r\n  \/* ===== S\u00e9lecteur d'agents (onglets en haut) ===== *\/\r\n  .agent-tabs { display:flex; gap:9px; flex-wrap:wrap; justify-content:center; margin-bottom:26px; }\r\n  .agent-tab { display:inline-flex; align-items:center; gap:9px; padding:10px 16px; border-radius:12px; background:rgba(255,255,255,0.04); border:1px solid var(--border-card); color:rgba(255,255,255,0.72); cursor:pointer; font-family:inherit; font-size:13.5px; font-weight:500; transition:background .22s, border-color .22s, color .22s, transform .22s; white-space:nowrap; }\r\n  .agent-tab:hover { background:rgba(255,255,255,0.07); border-color:rgba(62,207,142,0.35); transform:translateY(-2px); }\r\n  .agent-tab .at-ico { width:26px; height:26px; border-radius:8px; background:rgba(62,207,142,0.12); border:1px solid rgba(62,207,142,0.22); display:flex; align-items:center; justify-content:center; color:var(--ocean); flex-shrink:0; transition:all .22s; }\r\n  .agent-tab .at-ico svg { width:15px; height:15px; }\r\n  .agent-tab.active { background:var(--ocean-soft); border-color:var(--ocean); color:#fff; font-weight:600; box-shadow:0 8px 22px rgba(62,207,142,0.15); }\r\n  .agent-tab.active .at-ico { background:var(--ocean); border-color:var(--ocean); color:var(--navy); }\r\n\r\n  \/* ===== Mockup studio ===== *\/\r\n  .studio { max-width:880px; margin:0 auto; background:linear-gradient(160deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.012) 100%); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid var(--border-card); border-radius:20px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,0.4); position:relative; }\r\n  .studio::before { content:\"\"; position:absolute; top:0; left:50%; transform:translateX(-50%); width:55%; height:1px; background:linear-gradient(90deg,transparent,rgba(62,207,142,0.5),transparent); }\r\n  .studio-top { display:flex; align-items:center; gap:13px; padding:18px 22px; border-bottom:1px solid var(--border-soft); background:rgba(255,255,255,0.015); }\r\n  .studio-avatar { width:42px; height:42px; border-radius:12px; background:var(--ocean-soft); border:1px solid rgba(62,207,142,0.3); display:flex; align-items:center; justify-content:center; color:var(--ocean); flex-shrink:0; transition:all .3s; }\r\n  .studio-avatar svg { width:22px; height:22px; }\r\n  .studio-meta { flex:1; min-width:0; }\r\n  .studio-name { font-size:15px; font-weight:600; letter-spacing:-0.01em; }\r\n  .studio-status { display:flex; align-items:center; gap:7px; font-size:11.5px; color:rgba(255,255,255,0.55); margin-top:2px; }\r\n  .studio-status .dot { width:6px; height:6px; background:var(--ocean); border-radius:50%; box-shadow:0 0 8px var(--ocean); animation:pulse 2s ease-in-out infinite; }\r\n  .studio-status code { font-family:'JetBrains Mono',monospace; font-size:10.5px; color:rgba(255,255,255,0.6); }\r\n  .studio-replay { width:34px; height:34px; background:var(--ocean); color:var(--navy); border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; transition:transform .3s, background .2s; }\r\n  .studio-replay:hover { transform:rotate(-90deg); background:var(--ocean-dark); }\r\n  .studio-replay svg { width:17px; height:17px; }\r\n\r\n  .studio-prompt { padding:18px 22px; border-bottom:1px solid var(--border-soft); display:flex; align-items:flex-start; gap:12px; background:rgba(0,0,0,0.12); }\r\n  .studio-prompt-tag { font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ocean); background:var(--ocean-soft); border:1px solid rgba(62,207,142,0.25); padding:4px 9px; border-radius:7px; white-space:nowrap; flex-shrink:0; margin-top:1px; }\r\n  .studio-prompt-text { font-size:14.5px; line-height:1.5; color:#fff; }\r\n  .studio-prompt-text .cursor { display:inline-block; width:2px; height:16px; background:var(--ocean); margin-left:2px; vertical-align:middle; animation:blink 1s step-end infinite; }\r\n  @keyframes blink { 50%{opacity:0;} }\r\n\r\n  .studio-canvas { padding:20px 22px 24px; min-height:380px; }\r\n\r\n  \/* Progress steps *\/\r\n  .gen-progress { display:flex; flex-direction:column; gap:11px; margin-bottom:20px; }\r\n  .gen-progress-head { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--wheelwright); }\r\n  .gen-progress-head .spinner { width:12px; height:12px; border:2px solid rgba(62,207,142,0.25); border-top-color:var(--ocean); border-radius:50%; animation:spin .7s linear infinite; }\r\n  .gen-progress-head .done-check { width:14px; height:14px; background:var(--ocean); color:var(--navy); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; }\r\n  @keyframes spin { to{transform:rotate(360deg);} }\r\n  .gen-step { display:flex; align-items:center; gap:10px; font-size:13px; color:rgba(255,255,255,0.82); opacity:0; transform:translateX(-6px); transition:opacity .35s, transform .35s; }\r\n  .gen-step.show { opacity:1; transform:translateX(0); }\r\n  .gen-step .gs-check { width:17px; height:17px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; background:var(--ocean); color:var(--navy); }\r\n  .gen-step .gs-label b { color:#fff; font-weight:600; }\r\n  .gen-step .gs-label span { color:rgba(255,255,255,0.5); }\r\n\r\n  \/* Artefact g\u00e9n\u00e9rique *\/\r\n  .gen-app { opacity:0; transform:translateY(12px); transition:opacity .5s, transform .5s; }\r\n  .gen-app.show { opacity:1; transform:translateY(0); }\r\n  .gen-app-bar { display:flex; align-items:center; gap:10px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--border-soft); }\r\n  .gen-app-icon { width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--ocean),var(--ocean-dark)); color:var(--navy); display:flex; align-items:center; justify-content:center; flex-shrink:0; }\r\n  .gen-app-icon svg { width:18px; height:18px; }\r\n  .gen-app-title b { font-size:14.5px; color:#fff; font-weight:600; display:block; }\r\n  .gen-app-title span { font-size:11px; color:var(--ocean); font-family:'JetBrains Mono',monospace; }\r\n\r\n  \/* Tabs (studio) *\/\r\n  .gen-tabs { display:flex; gap:7px; margin-bottom:14px; flex-wrap:wrap; }\r\n  .gen-tab2 { font-size:11.5px; padding:6px 13px; border-radius:8px; background:rgba(255,255,255,0.04); border:1px solid var(--border-soft); color:rgba(255,255,255,0.6); opacity:0; transform:scale(0.9); transition:opacity .3s, transform .3s; }\r\n  .gen-tab2.show { opacity:1; transform:scale(1); }\r\n  .gen-tab2.active { background:var(--ocean-soft); border-color:rgba(62,207,142,0.4); color:var(--ocean); font-weight:600; }\r\n\r\n  \/* Tables g\u00e9n\u00e9riques *\/\r\n  .gtable { background:rgba(255,255,255,0.025); border:1px solid var(--border-soft); border-radius:12px; overflow:hidden; }\r\n  .gthead, .gtrow { display:grid; gap:10px; padding:11px 14px; align-items:center; }\r\n  .gthead { border-bottom:1px solid var(--border-soft); background:rgba(255,255,255,0.02); }\r\n  .gthead span { font-size:9.5px; text-transform:uppercase; letter-spacing:0.05em; color:rgba(255,255,255,0.45); font-weight:600; }\r\n  .gtrow { border-bottom:1px solid rgba(255,255,255,0.04); font-size:12.5px; color:rgba(255,255,255,0.82); opacity:0; transform:translateY(6px); transition:opacity .35s, transform .35s; }\r\n  .gtrow.show { opacity:1; transform:translateY(0); }\r\n  .gtrow:last-child { border-bottom:none; }\r\n  .gtrow b { color:#fff; font-weight:600; }\r\n  .gp { display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:600; padding:3px 9px; border-radius:100px; white-space:nowrap; }\r\n  .gp.wait { background:rgba(240,160,32,0.16); color:var(--amber); }\r\n  .gp.ok { background:rgba(62,207,142,0.16); color:var(--ocean); }\r\n  .gp.lvl { background:rgba(75,99,224,0.18); color:#8C9BFF; }\r\n  .gp.crit { background:rgba(255,90,90,0.16); color:#FF6B6B; }\r\n\r\n  \/* Workflow *\/\r\n  .gen-flow { display:flex; align-items:center; gap:8px; margin-top:16px; padding:16px; background:rgba(255,255,255,0.025); border:1px solid var(--border-soft); border-radius:12px; flex-wrap:wrap; }\r\n  .flow-node { display:flex; flex-direction:column; align-items:center; gap:6px; opacity:0; transform:scale(0.85); transition:opacity .4s, transform .4s; }\r\n  .flow-node.show { opacity:1; transform:scale(1); }\r\n  .flow-bubble { width:42px; height:42px; border-radius:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid; }\r\n  .flow-bubble svg { width:19px; height:19px; }\r\n  .flow-node.start .flow-bubble { background:rgba(255,255,255,0.06); border-color:var(--border-card); color:rgba(255,255,255,0.7); }\r\n  .flow-node.val .flow-bubble { background:rgba(75,99,224,0.16); border-color:rgba(75,99,224,0.4); color:#8C9BFF; }\r\n  .flow-node.end .flow-bubble { background:rgba(62,207,142,0.16); border-color:rgba(62,207,142,0.4); color:var(--ocean); }\r\n  .flow-label { font-size:10px; color:rgba(255,255,255,0.6); white-space:nowrap; text-align:center; }\r\n  .flow-arrow { color:rgba(62,207,142,0.5); flex-shrink:0; opacity:0; transition:opacity .4s; }\r\n  .flow-arrow.show { opacity:1; }\r\n  .flow-arrow svg { width:18px; height:18px; }\r\n\r\n  \/* Jauges (stocks) *\/\r\n  .gauge-row { display:flex; align-items:center; gap:12px; padding:10px 0; opacity:0; transform:translateX(-6px); transition:opacity .35s, transform .35s; }\r\n  .gauge-row.show { opacity:1; transform:translateX(0); }\r\n  .gauge-name { font-size:12.5px; color:rgba(255,255,255,0.85); width:130px; flex-shrink:0; }\r\n  .gauge-name b { color:#fff; }\r\n  .gauge-track { flex:1; height:9px; background:rgba(255,255,255,0.06); border-radius:100px; overflow:hidden; }\r\n  .gauge-fill { height:100%; width:0; border-radius:100px; transition:width .8s cubic-bezier(0.34,1.2,0.64,1); }\r\n  .gauge-fill.ok { background:linear-gradient(90deg,var(--ocean-dark),var(--ocean)); }\r\n  .gauge-fill.low { background:linear-gradient(90deg,#C98010,var(--amber)); }\r\n  .gauge-fill.crit { background:linear-gradient(90deg,#D14545,#FF6B6B); }\r\n  .gauge-val { font-size:11px; font-family:'JetBrains Mono',monospace; color:rgba(255,255,255,0.7); width:74px; text-align:right; flex-shrink:0; }\r\n\r\n  \/* Gantt (production) *\/\r\n  .gantt { display:flex; flex-direction:column; gap:9px; }\r\n  .gantt-row { display:flex; align-items:center; gap:12px; opacity:0; transform:translateX(-6px); transition:opacity .35s, transform .35s; }\r\n  .gantt-row.show { opacity:1; transform:translateX(0); }\r\n  .gantt-label { font-size:11.5px; color:rgba(255,255,255,0.8); width:78px; flex-shrink:0; font-family:'JetBrains Mono',monospace; }\r\n  .gantt-track { flex:1; height:26px; background:rgba(255,255,255,0.04); border-radius:7px; position:relative; }\r\n  .gantt-bar { position:absolute; top:3px; height:20px; border-radius:5px; background:linear-gradient(90deg,var(--ocean-dark),var(--ocean)); display:flex; align-items:center; padding:0 8px; font-size:9.5px; color:var(--navy); font-weight:700; white-space:nowrap; overflow:hidden; transition:left .6s cubic-bezier(0.34,1.2,0.64,1), width .6s; }\r\n\r\n  \/* KPI \/ dashboard (compta + dashboard inline styles) *\/\r\n  .gen-success { display:flex; align-items:center; gap:13px; margin-top:18px; padding:15px 18px; background:linear-gradient(135deg,rgba(62,207,142,0.12),rgba(62,207,142,0.03)); border:1px solid rgba(62,207,142,0.3); border-radius:13px; opacity:0; transform:translateY(8px); transition:opacity .5s, transform .5s; }\r\n  .gen-success.show { opacity:1; transform:translateY(0); }\r\n  .gen-success-icon { width:40px; height:40px; border-radius:11px; background:var(--ocean); color:var(--navy); display:flex; align-items:center; justify-content:center; flex-shrink:0; }\r\n  .gen-success-icon svg { width:22px; height:22px; }\r\n  .gen-success-txt { flex:1; min-width:0; }\r\n  .gen-success-txt b { font-size:14px; color:#fff; font-weight:600; display:block; margin-bottom:2px; }\r\n  .gen-success-txt span { font-size:12px; color:rgba(255,255,255,0.65); }\r\n  .gen-success-time { display:inline-flex; align-items:center; gap:5px; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--ocean); white-space:nowrap; flex-shrink:0; }\r\n  .gen-success-time svg { width:13px; height:13px; flex-shrink:0; }\r\n\r\n  .gen-confirms { display:flex; flex-direction:column; gap:8px; margin-top:14px; }\r\n  .gen-confirm { display:flex; align-items:center; gap:9px; font-size:12.5px; color:rgba(255,255,255,0.82); opacity:0; transform:translateX(-6px); transition:opacity .35s, transform .35s; }\r\n  .gen-confirm.show { opacity:1; transform:translateX(0); }\r\n  .gen-confirm .gc-check { width:18px; height:18px; background:var(--ocean); color:var(--navy); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; flex-shrink:0; }\r\n\r\n  .gen-cta { text-align:center; margin-top:44px; }\r\n  .gen-cta a { display:inline-flex; align-items:center; gap:10px; padding:12px 28px; border-radius:4px; background:var(--ocean); color:#fff; font-size:14.5px; font-weight:500; font-family:'Poppins',-apple-system,sans-serif; text-decoration:none; box-shadow:0 0 30px rgba(62,207,142,0.3); transition:all .2s ease-in-out; }\r\n  .gen-cta a:hover { background:var(--ocean-dark); transform:translateY(-2px); box-shadow:0 0 40px rgba(62,207,142,0.45); }\r\n  .gen-cta a svg { width:16px; height:16px; stroke:#fff; fill:none; stroke-width:2.4; transition:transform .2s; }\r\n  .gen-cta a:hover svg { transform:translateX(3px); }\r\n\r\n  @media (max-width: 768px) {\r\n    .gen-section { padding:64px 16px; }\r\n    .studio-canvas { min-height:360px; }\r\n    .gauge-name { width:96px; font-size:11.5px; }\r\n    .agent-tab { font-size:12.5px; padding:9px 13px; }\r\n  }\r\n  @media (max-width: 540px) {\r\n    .gen-success { flex-wrap:wrap; }\r\n    .gen-success-time { width:100%; padding-left:53px; }\r\n    .agent-tab .at-label { display:none; }\r\n    .agent-tab { padding:10px; }\r\n    .agent-tab .at-ico { width:24px; height:24px; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:0.001ms !important; transition-duration:0.001ms !important; } }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"gen-section\">\r\n  <div class=\"container\">\r\n    <header class=\"section-head\">\r\n      <span class=\"eyebrow-chat\"><span class=\"eyebrow-dot\"><\/span>D\u00e9mo interactive<\/span>\r\n      <h2 class=\"section-title\">D\u00e9crivez la t\u00e2che,<br><em>l'agent l'ex\u00e9cute.<\/em><\/h2>\r\n      <p class=\"section-subtitle\">Choisissez un agent m\u00e9tier, donnez-lui une instruction en langage naturel, et <strong>regardez le r\u00e9sultat se construire sous vos yeux<\/strong> \u2014 directement dans Axelor.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"agent-tabs\" id=\"agentTabs\"><\/div>\r\n\r\n    <div class=\"studio\" id=\"studio\">\r\n      <div class=\"studio-top\">\r\n        <div class=\"studio-avatar\" id=\"studioAvatar\"><\/div>\r\n        <div class=\"studio-meta\">\r\n          <div class=\"studio-name\" id=\"studioName\">Agent Studio<\/div>\r\n          <div class=\"studio-status\"><span class=\"dot\"><\/span>Actif | <code id=\"studioHandle\">@studio.axelor<\/code><\/div>\r\n        <\/div>\r\n        <button class=\"studio-replay\" id=\"replayBtn\" aria-label=\"Rejouer\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 1 0 3-6.7L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg><\/button>\r\n      <\/div>\r\n      <div class=\"studio-prompt\">\r\n        <span class=\"studio-prompt-tag\">Prompt<\/span>\r\n        <div class=\"studio-prompt-text\" id=\"promptText\"><\/div>\r\n      <\/div>\r\n      <div class=\"studio-canvas\" id=\"canvas\"><\/div>\r\n    <\/div>\r\n\r\n\t\t<div class=\"button-group center\" style=\"margin-top:40px\">\r\n  <a href=\"\/fr\/erp-agentique\/\" class=\"button first\"><p>D\u00e9couvrir l'IA Axelor<\/p> <\/a>\r\n<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst ICONS = {\r\n  studio:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z\"\/><\/svg>',\r\n  euro:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 10h12M4 14h9M19 6.5a8 8 0 1 0 0 11\"\/><\/svg>',\r\n  cart:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/><\/svg>',\r\n  chart:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"8\" y1=\"12\" x2=\"8\" y2=\"16\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"\/><line x1=\"16\" y1=\"11\" x2=\"16\" y2=\"16\"\/><\/svg>',\r\n  package:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>',\r\n  cog:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>',\r\n  bolt:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>',\r\n  edit:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.1 2.1 0 0 1 3 3L12 15l-4 1 1-4z\"\/><\/svg>',\r\n  user:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>',\r\n  check:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>',\r\n  arrow:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>',\r\n  rocket:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2 0-2.8a2 2 0 0 0-3 0z\"\/><path d=\"M12 15 9 12a11 11 0 0 1 6-9 11 11 0 0 1 3 3 11 11 0 0 1-9 6z\"\/><path d=\"M15 9a1 1 0 1 0-2 0 1 1 0 0 0 2 0z\"\/><\/svg>',\r\n  doc:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5\"\/><\/svg>'\r\n};\r\n\r\n\/\/ 6 agents d'origine, chacun avec un type de rendu visuel\r\nconst AGENTS = [\r\n  {\r\n    id:'studio', name:'Agent Studio', short:'Studio', icon:'studio', handle:'@studio.axelor', time:'8,4 s', render:'app',\r\n    prompt:\"Cr\u00e9e une application de suivi des non-conformit\u00e9s fournisseurs, avec niveau de gravit\u00e9 et workflow de traitement \u00e0 deux niveaux\",\r\n    steps:[{b:'Analyse du besoin m\u00e9tier',s:''},{b:'Mod\u00e9lisation des objets',s:'| 4 objets, 16 champs'},{b:'G\u00e9n\u00e9ration des \u00e9crans',s:'| d\u00e9claration, traitement, suivi'},{b:'Construction du workflow',s:'| 2 niveaux'},{b:'Configuration des droits',s:'| par profil'}],\r\n    success:{t:'Application d\u00e9ploy\u00e9e et pr\u00eate \u00e0 l\\'emploi',s:'4 objets | 3 \u00e9crans | workflow \u00e0 2 niveaux',time:'8,4 s'},\r\n    confirms:['Droits par profil configur\u00e9s automatiquement','Disponible imm\u00e9diatement, sans red\u00e9marrage']\r\n  },\r\n  {\r\n    id:'ventes', name:'Agent Ventes', short:'Ventes', icon:'euro', handle:'@ventes.axelor', time:'3,1 s', render:'devis',\r\n    prompt:\"Cr\u00e9e un devis pour Helvetica Industries \u2014 120 vannes s\u00e9rie VX-2200, conditions B2B standard\",\r\n    steps:[{b:'Lecture de la demande',s:''},{b:'Recherche du client',s:'| Helvetica Industries'},{b:'Application de la grille tarifaire',s:'| remise volume 7 %'},{b:'G\u00e9n\u00e9ration du devis',s:''}],\r\n    success:{t:'Devis g\u00e9n\u00e9r\u00e9 et envoy\u00e9 au client',s:'#DV-2026-0457 | 342 000 \u20ac HT | remise volume 7 %',time:'3,1 s'},\r\n    confirms:['Devis envoy\u00e9 au client par email','Ligne cr\u00e9\u00e9e dans le pipeline commercial']\r\n  },\r\n  {\r\n    id:'achats', name:'Agent Achats', short:'Achats', icon:'cart', handle:'@achats.axelor', time:'2,8 s', render:'rfq',\r\n    prompt:\"Lance un appel d'offres pour 2 tonnes d'acier inoxydable 316L \u2014 d\u00e9lai 4 semaines\",\r\n    steps:[{b:'Analyse du besoin d\\'achat',s:'| acier inox 316L'},{b:'S\u00e9lection des fournisseurs',s:'| r\u00e9f\u00e9renc\u00e9s ISO 9001'},{b:'Cr\u00e9ation de l\\'appel d\\'offres',s:''}],\r\n    success:{t:'Appel d\\'offres \u00e9mis vers 5 fournisseurs',s:'#AO-2026-189 | crit\u00e8res prix, d\u00e9lai, certification',time:'2,8 s'},\r\n    confirms:['RFQ envoy\u00e9es par email et portail','Relances automatiques programm\u00e9es']\r\n  },\r\n  {\r\n    id:'compta', name:'Agent Comptabilit\u00e9', short:'Compta', icon:'chart', handle:'@compta.axelor', time:'4,6 s', render:'rappro',\r\n    prompt:\"Effectue le rapprochement bancaire du compte principal pour le mois \u00e9coul\u00e9\",\r\n    steps:[{b:'Import des relev\u00e9s bancaires',s:''},{b:'Rapprochement des \u00e9critures',s:'| 312 \u00e9critures'},{b:'D\u00e9tection des anomalies',s:'| 4 libell\u00e9s non reconnus'}],\r\n    success:{t:'Rapprochement bancaire termin\u00e9',s:'312 \u00e9critures rapproch\u00e9es | 4 anomalies \u00e0 valider',time:'4,6 s'},\r\n    confirms:['Rapport disponible pour le DAF','Anomalies signal\u00e9es pour validation']\r\n  },\r\n  {\r\n    id:'stocks', name:'Agent Stocks', short:'Stocks', icon:'package', handle:'@stocks.axelor', time:'5,2 s', render:'stock',\r\n    prompt:\"Lance un audit complet du stock \u2014 identifie les \u00e9carts et les ruptures critiques\",\r\n    steps:[{b:'Scan des r\u00e9f\u00e9rences en base',s:'| 1 847 r\u00e9f\u00e9rences'},{b:'Analyse des niveaux de stock',s:''},{b:'Identification des ruptures',s:'| classe A prioritaire'}],\r\n    success:{t:'Audit du stock termin\u00e9',s:'1 847 r\u00e9f\u00e9rences | 23 en sous-stock | 5 ruptures critiques',time:'5,2 s'},\r\n    confirms:['R\u00e9approvisionnement automatique d\u00e9clench\u00e9','Alertes envoy\u00e9es aux responsables']\r\n  },\r\n  {\r\n    id:'production', name:'Agent Production', short:'Production', icon:'cog', handle:'@production.axelor', time:'3,9 s', render:'gantt',\r\n    prompt:\"Optimise l'ordonnancement de l'atelier d'assemblage pour la semaine prochaine\",\r\n    steps:[{b:'Lecture des ordres de fabrication',s:'| 8 OF'},{b:'Optimisation de la s\u00e9quence',s:'| regroupement OF compatibles'},{b:'Mise \u00e0 jour du planning',s:''}],\r\n    success:{t:'Planning de l\\'atelier res\u00e9quenc\u00e9',s:'8 OF replanifi\u00e9s | +22 % de productivit\u00e9 estim\u00e9e',time:'3,9 s'},\r\n    confirms:['Ordres de fabrication replanifi\u00e9s','Op\u00e9rateurs avertis du nouveau planning']\r\n  }\r\n];\r\n\r\nconst REDUCED = !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches);\r\nconst canvas = document.getElementById('canvas');\r\nconst promptText = document.getElementById('promptText');\r\nlet token = 0;\r\nlet current = 'studio';\r\n\r\n\/\/ ---- Tabs ----\r\nconst tabsWrap = document.getElementById('agentTabs');\r\nAGENTS.forEach((a,i) => {\r\n  const b = document.createElement('button');\r\n  b.className = 'agent-tab' + (i===0?' active':'');\r\n  b.dataset.id = a.id;\r\n  b.innerHTML = '<span class=\"at-ico\">'+ICONS[a.icon]+'<\/span><span class=\"at-label\">'+a.short+'<\/span>';\r\n  b.addEventListener('click', () => run(a.id, true));\r\n  tabsWrap.appendChild(b);\r\n});\r\n\r\ndocument.getElementById('replayBtn').addEventListener('click', () => run(current, true));\r\nconst wait = (ms,my) => new Promise(r => setTimeout(()=> r(my===token), ms));\r\n\r\nasync function run(id, isReplay) {\r\n  const a = AGENTS.find(x=>x.id===id);\r\n  if (!a) return;\r\n  current = id;\r\n  const my = ++token;\r\n  canvas.innerHTML = '';\r\n  \/\/ tabs + header\r\n  document.querySelectorAll('.agent-tab').forEach(t=>t.classList.toggle('active', t.dataset.id===id));\r\n  document.getElementById('studioAvatar').innerHTML = ICONS[a.icon];\r\n  document.getElementById('studioName').textContent = a.name;\r\n  document.getElementById('studioHandle').textContent = a.handle;\r\n\r\n  promptText.innerHTML = '<span class=\"cursor\"><\/span>';\r\n  if (REDUCED) { promptText.textContent = a.prompt; }\r\n  else { await typewrite(a.prompt, my); if (my!==token) return; }\r\n\r\n  const prog = document.createElement('div');\r\n  prog.className = 'gen-progress';\r\n  prog.innerHTML = '<div class=\"gen-progress-head\" id=\"progHead\"><span class=\"spinner\"><\/span> Traitement en cours\u2026<\/div>';\r\n  canvas.appendChild(prog);\r\n\r\n  if (REDUCED) {\r\n    a.steps.forEach(st => prog.insertAdjacentHTML('beforeend', stepHTML(st)));\r\n    document.getElementById('progHead').innerHTML = '<span class=\"done-check\">&#10003;<\/span> Termin\u00e9';\r\n    RENDER[a.render](a, my, true); return;\r\n  }\r\n  for (let i=0;i<a.steps.length;i++){\r\n    if (!(await wait(i===0?420:560, my))) return;\r\n    prog.insertAdjacentHTML('beforeend', stepHTML(a.steps[i]));\r\n    requestAnimationFrame(()=>{ const el=prog.lastElementChild; if(el) el.classList.add('show'); });\r\n  }\r\n  if (!(await wait(650, my))) return;\r\n  document.getElementById('progHead').innerHTML = '<span class=\"done-check\">&#10003;<\/span> Termin\u00e9';\r\n  if (!(await wait(320, my))) return;\r\n  await RENDER[a.render](a, my, false);\r\n}\r\n\r\nfunction stepHTML(st){ return '<div class=\"gen-step\"><span class=\"gs-check\">&#10003;<\/span><span class=\"gs-label\"><b>'+st.b+'<\/b> <span>'+st.s+'<\/span><\/span><\/div>'; }\r\nfunction typewrite(text, my){\r\n  return new Promise(res => { let i=0; (function tick(){ if(my!==token) return res(); i++; promptText.innerHTML=text.slice(0,i).replace(\/<\/g,'&lt;')+'<span class=\"cursor\"><\/span>'; if(i<text.length) setTimeout(tick,15); else { promptText.innerHTML=text.replace(\/<\/g,'&lt;'); res(); } })(); });\r\n}\r\nfunction appShell(icon, title, sub){\r\n  return '<div class=\"gen-app-bar\"><div class=\"gen-app-icon\">'+ICONS[icon]+'<\/div><div class=\"gen-app-title\"><b>'+title+'<\/b><span>'+sub+'<\/span><\/div><\/div>';\r\n}\r\nfunction successHTML(a){\r\n  return '<div class=\"gen-success\" id=\"genSuccess\"><div class=\"gen-success-icon\">'+ICONS.rocket+'<\/div><div class=\"gen-success-txt\"><b>'+a.success.t+'<\/b><span>'+a.success.s+'<\/span><\/div><div class=\"gen-success-time\">'+ICONS.bolt+' '+a.success.time+'<\/div><\/div><div class=\"gen-confirms\" id=\"genConfirms\"><\/div>';\r\n}\r\nasync function revealSuccess(a, my){\r\n  const s=document.getElementById('genSuccess'); if(s) s.classList.add('show');\r\n  for (let i=0;i<a.confirms.length;i++){\r\n    if(!(await wait(360,my))) return;\r\n    document.getElementById('genConfirms').insertAdjacentHTML('beforeend','<div class=\"gen-confirm\"><span class=\"gc-check\">&#10003;<\/span><span>'+a.confirms[i]+'<\/span><\/div>');\r\n    requestAnimationFrame(()=>{ const el=document.querySelector('#genConfirms .gen-confirm:last-child'); if(el) el.classList.add('show'); });\r\n  }\r\n}\r\nfunction revealSuccessInstant(a){\r\n  const s=document.getElementById('genSuccess'); if(s) s.classList.add('show');\r\n  a.confirms.forEach(c=> document.getElementById('genConfirms').insertAdjacentHTML('beforeend','<div class=\"gen-confirm show\"><span class=\"gc-check\">&#10003;<\/span><span>'+c+'<\/span><\/div>'));\r\n}\r\nfunction mkApp(html){ const app=document.createElement('div'); app.className='gen-app'; app.innerHTML=html; canvas.appendChild(app); return app; }\r\nasync function seqRows(sel, my, d){ const rows=[...document.querySelectorAll(sel)]; for(let i=0;i<rows.length;i++){ if(!(await wait(d||200,my))) return; rows[i].classList.add('show'); } }\r\n\r\n\/\/ ============ RENDUS PAR AGENT ============\r\nconst RENDER = {\r\n  \/\/ STUDIO \u2014 app + workflow\r\n  async app(a, my, instant){\r\n    const app = mkApp(\r\n      appShell('doc','Suivi des non-conformit\u00e9s fournisseurs','app.non_conformites | v1.0')+\r\n      '<div class=\"gen-tabs\"><span class=\"gen-tab2 active\">D\u00e9claration<\/span><span class=\"gen-tab2\">Traitement<\/span><span class=\"gen-tab2\">Suivi<\/span><\/div>'+\r\n      '<div class=\"gtable\" style=\"--c:1.2fr 1.2fr 1fr 0.9fr;\"><div class=\"gthead\" style=\"grid-template-columns:var(--c);\"><span>R\u00e9f. NC<\/span><span>Fournisseur<\/span><span>Gravit\u00e9<\/span><span>Statut<\/span><\/div><div id=\"rows\"><\/div><\/div>'+\r\n      '<div class=\"gen-flow\" id=\"flow\"><\/div>'+ successHTML(a));\r\n    const rows=[['NC-2026-047','MetalPro SA','<span class=\"gp crit\">Critique<\/span>','<span class=\"gp wait\">Niveau 1<\/span>'],['NC-2026-046','InoxFrance','<span class=\"gp lvl\">Majeure<\/span>','<span class=\"gp lvl\">Niveau 2<\/span>'],['NC-2026-045','SteelCorp','<span class=\"gp ok\">Mineure<\/span>','<span class=\"gp ok\">Cl\u00f4tur\u00e9e<\/span>']];\r\n    const flow=[{cls:'start',icon:'edit',l:'D\u00e9claration'},{cls:'val',icon:'user',l:'Analyse N1'},{cls:'val',icon:'user',l:'Validation N2'},{cls:'end',icon:'check',l:'Cl\u00f4tur\u00e9e'}];\r\n    const rEl=document.getElementById('rows');\r\n    rows.forEach(r=> rEl.insertAdjacentHTML('beforeend','<div class=\"gtrow\" style=\"grid-template-columns:1.2fr 1.2fr 1fr 0.9fr;\"><b>'+r[0]+'<\/b><span>'+r[1]+'<\/span>'+r[2]+r[3]+'<\/div>'));\r\n    if (instant){ app.classList.add('show'); document.querySelectorAll('.gen-tab2,.gtrow').forEach(e=>e.classList.add('show')); flowInstant(flow); revealSuccessInstant(a); return; }\r\n    requestAnimationFrame(()=> app.classList.add('show'));\r\n    const tabs=[...document.querySelectorAll('.gen-tab2')];\r\n    for(let i=0;i<tabs.length;i++){ if(!(await wait(150,my))) return; tabs[i].classList.add('show'); }\r\n    await seqRows('#rows .gtrow', my, 230);\r\n    if(!(await wait(380,my))) return; await flowSeq(flow, my);\r\n    if(!(await wait(420,my))) return; await revealSuccess(a, my);\r\n  },\r\n  \/\/ VENTES \u2014 devis qui se remplit\r\n  async devis(a, my, instant){\r\n    const app = mkApp(\r\n      appShell('doc','Devis #DV-2026-0457','client : Helvetica Industries')+\r\n      '<div class=\"gtable\"><div class=\"gthead\" style=\"grid-template-columns:0.5fr 2fr 0.8fr 1fr;\"><span>Qt\u00e9<\/span><span>D\u00e9signation<\/span><span>PU HT<\/span><span>Total<\/span><\/div><div id=\"rows\"><\/div><\/div>'+\r\n      '<div style=\"display:flex;justify-content:flex-end;gap:24px;margin-top:14px;padding:12px 14px;background:rgba(62,207,142,0.06);border:1px solid rgba(62,207,142,0.2);border-radius:11px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s;\" id=\"total\"><span style=\"color:rgba(255,255,255,0.6);font-size:12px;\">Remise volume <b style=\"color:var(--ocean);\">\u22127 %<\/b> | Total HT<\/span><b style=\"color:#fff;font-size:18px;\" id=\"totalVal\">0 \u20ac<\/b><\/div>'+\r\n      successHTML(a));\r\n    const rows=[['120','Vanne s\u00e9rie VX-2200','2 850 \u20ac','342 000 \u20ac'],['\u2014','Remise volume B2B (7 %)','','\u221223 940 \u20ac']];\r\n    const rEl=document.getElementById('rows');\r\n    rows.forEach(r=> rEl.insertAdjacentHTML('beforeend','<div class=\"gtrow\" style=\"grid-template-columns:0.5fr 2fr 0.8fr 1fr;\"><b>'+r[0]+'<\/b><span>'+r[1]+'<\/span><span>'+r[2]+'<\/span><b>'+r[3]+'<\/b><\/div>'));\r\n    if(instant){ app.classList.add('show'); document.querySelectorAll('.gtrow').forEach(e=>e.classList.add('show')); const t=document.getElementById('total'); t.style.opacity=1;t.style.transform='none'; document.getElementById('totalVal').textContent='318 060 \u20ac HT'; revealSuccessInstant(a); return; }\r\n    requestAnimationFrame(()=> app.classList.add('show'));\r\n    await seqRows('#rows .gtrow', my, 300);\r\n    if(!(await wait(350,my))) return;\r\n    const t=document.getElementById('total'); t.style.opacity=1; t.style.transform='none';\r\n    countUp(document.getElementById('totalVal'), 318060, ' \u20ac HT', my);\r\n    if(!(await wait(700,my))) return; await revealSuccess(a, my);\r\n  },\r\n  \/\/ ACHATS \u2014 cartes fournisseurs\r\n  async rfq(a, my, instant){\r\n    const app = mkApp(\r\n      appShell('cart','Appel d\\'offres #AO-2026-189','acier inox 316L | 2 tonnes | d\u00e9lai 4 sem.')+\r\n      '<div style=\"font-size:11px;color:rgba(255,255,255,0.5);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em;\">Fournisseurs consult\u00e9s<\/div>'+\r\n      '<div id=\"rows\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;\"><\/div>'+ successHTML(a));\r\n    const sup=[['MetalPro SA','ISO 9001 | 4,8\u2605'],['InoxFrance','ISO 9001 | 4,6\u2605'],['SteelCorp','ISO 9001 | 4,5\u2605'],['AlliageTech','ISO 9001 | 4,3\u2605'],['NordM\u00e9taux','ISO 9001 | 4,1\u2605']];\r\n    const rEl=document.getElementById('rows');\r\n    sup.forEach(s=> rEl.insertAdjacentHTML('beforeend','<div class=\"gtrow\" style=\"display:flex;align-items:center;gap:10px;border:1px solid var(--border-soft);border-radius:10px;padding:11px 13px;background:rgba(255,255,255,0.025);\"><span style=\"width:30px;height:30px;border-radius:8px;background:rgba(62,207,142,0.12);border:1px solid rgba(62,207,142,0.22);display:flex;align-items:center;justify-content:center;color:var(--ocean);flex-shrink:0;\">'+ICONS.check+'<\/span><span style=\"min-width:0;\"><b style=\"display:block;\">'+s[0]+'<\/b><span style=\"font-size:11px;color:rgba(255,255,255,0.55);\">'+s[1]+'<\/span><\/span><\/div>'));\r\n    if(instant){ app.classList.add('show'); document.querySelectorAll('.gtrow').forEach(e=>e.classList.add('show')); revealSuccessInstant(a); return; }\r\n    requestAnimationFrame(()=> app.classList.add('show'));\r\n    await seqRows('#rows .gtrow', my, 220);\r\n    if(!(await wait(500,my))) return; await revealSuccess(a, my);\r\n  },\r\n  \/\/ COMPTA \u2014 rapprochement\r\n  async rappro(a, my, instant){\r\n    const app = mkApp(\r\n      appShell('chart','Rapprochement bancaire','compte principal | mois \u00e9coul\u00e9')+\r\n      '<div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;\" id=\"kpis\"><\/div>'+\r\n      '<div style=\"font-size:11px;color:rgba(255,255,255,0.5);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;\">Anomalies d\u00e9tect\u00e9es<\/div>'+\r\n      '<div class=\"gtable\"><div id=\"rows\"><\/div><\/div>'+ successHTML(a));\r\n    const kpis=[['\u00c9critures rapproch\u00e9es','312','ok'],['Anomalies','4','wait']];\r\n    const anos=[['VIR SEPA 0042','libell\u00e9 non reconnu'],['PRLV 8871','tiers non identifi\u00e9'],['CHQ 100245','montant divergent'],['CB 4409','doublon potentiel']];\r\n    const kEl=document.getElementById('kpis');\r\n    kpis.forEach(k=> kEl.insertAdjacentHTML('beforeend','<div class=\"gtrow\" style=\"display:block;background:rgba(255,255,255,0.03);border:1px solid var(--border-soft);border-radius:11px;padding:13px 15px;\"><span style=\"font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,0.45);display:block;\">'+k[0]+'<\/span><b style=\"font-size:22px;color:'+(k[2]==='wait'?'var(--amber)':'var(--ocean)')+';display:block;margin-top:3px;\">'+k[1]+'<\/b><\/div>'));\r\n    const rEl=document.getElementById('rows');\r\n    anos.forEach(an=> rEl.insertAdjacentHTML('beforeend','<div class=\"gtrow\" style=\"grid-template-columns:1fr 1.4fr;\"><b style=\"font-family:JetBrains Mono,monospace;font-size:11.5px;\">'+an[0]+'<\/b><span><span class=\"gp wait\">'+an[1]+'<\/span><\/span><\/div>'));\r\n    if(instant){ app.classList.add('show'); document.querySelectorAll('.gtrow').forEach(e=>e.classList.add('show')); revealSuccessInstant(a); return; }\r\n    requestAnimationFrame(()=> app.classList.add('show'));\r\n    await seqRows('#kpis .gtrow', my, 250);\r\n    if(!(await wait(300,my))) return;\r\n    await seqRows('#rows .gtrow', my, 200);\r\n    if(!(await wait(450,my))) return; await revealSuccess(a, my);\r\n  },\r\n  \/\/ STOCKS \u2014 jauges\r\n  async stock(a, my, instant){\r\n    const app = mkApp(\r\n      appShell('package','Audit du stock','1 847 r\u00e9f\u00e9rences analys\u00e9es')+\r\n      '<div id=\"rows\"><\/div>'+ successHTML(a));\r\n    const items=[['Roulement R-450','crit','8 %','critique'],['Joint torique JT-12','crit','12 %','critique'],['Vis inox V-88','low','34 %','sous-stock'],['Carter C-200','low','41 %','sous-stock'],['C\u00e2ble CB-15','ok','78 %','normal']];\r\n    const rEl=document.getElementById('rows');\r\n    items.forEach(it=> rEl.insertAdjacentHTML('beforeend','<div class=\"gauge-row\"><span class=\"gauge-name\"><b>'+it[0]+'<\/b><\/span><span class=\"gauge-track\"><span class=\"gauge-fill '+it[1]+'\" data-w=\"'+it[2]+'\"><\/span><\/span><span class=\"gauge-val\">'+it[2]+'<\/span><\/div>'));\r\n    if(instant){ app.classList.add('show'); document.querySelectorAll('.gauge-row').forEach(e=>e.classList.add('show')); document.querySelectorAll('.gauge-fill').forEach(f=> f.style.width=f.dataset.w); revealSuccessInstant(a); return; }\r\n    requestAnimationFrame(()=> app.classList.add('show'));\r\n    const rows=[...document.querySelectorAll('.gauge-row')];\r\n    for(let i=0;i<rows.length;i++){ if(!(await wait(200,my))) return; rows[i].classList.add('show'); const f=rows[i].querySelector('.gauge-fill'); requestAnimationFrame(()=> f.style.width=f.dataset.w); }\r\n    if(!(await wait(600,my))) return; await revealSuccess(a, my);\r\n  },\r\n  \/\/ PRODUCTION \u2014 gantt\r\n  async gantt(a, my, instant){\r\n    const app = mkApp(\r\n      appShell('cog','Planning atelier d\\'assemblage','semaine 12 | 8 OF optimis\u00e9s')+\r\n      '<div class=\"gantt\" id=\"rows\"><\/div>'+\r\n      '<div style=\"display:flex;justify-content:space-between;font-size:9.5px;color:rgba(255,255,255,0.4);margin-top:8px;padding:0 2px;\"><span>Lun<\/span><span>Mar<\/span><span>Mer<\/span><span>Jeu<\/span><span>Ven<\/span><\/div>'+\r\n      successHTML(a));\r\n    \/\/ [label, left%, width%]\r\n    const ofs=[['OF-1042',0,28],['OF-1043',26,22],['OF-1051',46,30],['OF-1048',60,24],['OF-1055',74,22]];\r\n    const rEl=document.getElementById('rows');\r\n    ofs.forEach(o=> rEl.insertAdjacentHTML('beforeend','<div class=\"gantt-row\"><span class=\"gantt-label\">'+o[0]+'<\/span><span class=\"gantt-track\"><span class=\"gantt-bar\" data-left=\"'+o[1]+'%\" data-w=\"'+o[2]+'%\" style=\"left:'+(o[1]+15)+'%;width:'+o[2]+'%;\">'+o[0]+'<\/span><\/span><\/div>'));\r\n    if(instant){ app.classList.add('show'); document.querySelectorAll('.gantt-row').forEach(e=>e.classList.add('show')); document.querySelectorAll('.gantt-bar').forEach(b=> b.style.left=b.dataset.left); revealSuccessInstant(a); return; }\r\n    requestAnimationFrame(()=> app.classList.add('show'));\r\n    const rows=[...document.querySelectorAll('.gantt-row')];\r\n    for(let i=0;i<rows.length;i++){ if(!(await wait(180,my))) return; rows[i].classList.add('show'); }\r\n    \/\/ puis r\u00e9-ordonnancement : les barres glissent \u00e0 leur position optimis\u00e9e\r\n    if(!(await wait(550,my))) return;\r\n    document.querySelectorAll('.gantt-bar').forEach((b,i)=> setTimeout(()=>{ b.style.left=b.dataset.left; }, i*90));\r\n    if(!(await wait(900,my))) return; await revealSuccess(a, my);\r\n  }\r\n};\r\n\r\n\/\/ helpers flow\r\nasync function flowSeq(flow, my){\r\n  const f=document.getElementById('flow');\r\n  for(let i=0;i<flow.length;i++){\r\n    if(!(await wait(220,my))) return;\r\n    const n=document.createElement('div'); n.className='flow-node '+flow[i].cls;\r\n    n.innerHTML='<div class=\"flow-bubble\">'+ICONS[flow[i].icon]+'<\/div><div class=\"flow-label\">'+flow[i].l+'<\/div>';\r\n    f.appendChild(n); requestAnimationFrame(()=> n.classList.add('show'));\r\n    if(i<flow.length-1){ const ar=document.createElement('div'); ar.className='flow-arrow'; ar.innerHTML=ICONS.arrow; f.appendChild(ar); if(!(await wait(130,my))) return; requestAnimationFrame(()=> ar.classList.add('show')); }\r\n  }\r\n}\r\nfunction flowInstant(flow){\r\n  const f=document.getElementById('flow');\r\n  flow.forEach((node,i)=>{ const n=document.createElement('div'); n.className='flow-node show '+node.cls; n.innerHTML='<div class=\"flow-bubble\">'+ICONS[node.icon]+'<\/div><div class=\"flow-label\">'+node.l+'<\/div>'; f.appendChild(n); if(i<flow.length-1){ const ar=document.createElement('div'); ar.className='flow-arrow show'; ar.innerHTML=ICONS.arrow; f.appendChild(ar); } });\r\n}\r\nfunction countUp(el, target, suffix, my){\r\n  const dur=650, start=performance.now();\r\n  (function frame(t){ if(my!==token) return; const p=Math.min((t-start)\/dur,1); const val=Math.round(target*p); el.textContent=val.toLocaleString('fr-FR')+suffix; if(p<1) requestAnimationFrame(frame); })(start);\r\n}\r\n\r\n\/\/ INIT + observer\r\nrun('studio');\r\nif ('IntersectionObserver' in window && !REDUCED) {\r\n  let played=false;\r\n  const obs=new IntersectionObserver(es=>{ es.forEach(e=>{ if(e.isIntersecting&&!played){played=true; run(current,true);} else if(!e.isIntersecting){played=false;} }); }, {threshold:0.35});\r\n  obs.observe(document.getElementById('studio'));\r\n}\r\ndocument.addEventListener('keydown', e => {\r\n  if (e.target.tagName==='INPUT'||e.target.tagName==='TEXTAREA') return;\r\n  const idx=AGENTS.findIndex(a=>a.id===current); let n=idx;\r\n  if(e.key==='ArrowRight') n=(idx+1)%AGENTS.length;\r\n  if(e.key==='ArrowLeft') n=(idx-1+AGENTS.length)%AGENTS.length;\r\n  if(n!==idx){ run(AGENTS[n].id,true); e.preventDefault(); }\r\n});\r\n<\/script>\r\n\r\n<\/body>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; custom_css_main_element=&#8221;overflow-x:clip;&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Suite d'applications Axelor \u2014 Constellation IA<\/title>\r\n<script>document.documentElement.classList.add('js');<\/script>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Chakra+Petch:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    --magnolia: #F5F5FF; --magnolia-2: #FAFAFF;\r\n    --navy: #010165; --navy-dark: #0D021E; --navy-2: #07013F;\r\n    --ocean: #3ECF8E; --ocean-dark: #2BB57A; --ocean-soft: rgba(62, 207, 142, 0.12);\r\n    --indigo: #4B3FD4; --wheelwright: #5D6B90; --white: #FFFFFF;\r\n    --line: rgba(255, 255, 255, 0.1);\r\n    --radius: 14px; --radius-lg: 20px;\r\n  }\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n  body { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; background: var(--magnolia-2); color: var(--wheelwright); font-size: 14.5px; line-height: 1.65; -webkit-font-smoothing: antialiased; }\r\n  .js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }\r\n  .js .reveal.in { opacity: 1; transform: translateY(0); }\r\n\r\n  .apps {\r\n    position: relative; overflow: hidden;\r\n    background: var(--magnolia-2);\r\n    padding: 64px 28px 72px;\r\n  }\r\n  .apps::before { content: \"\"; position: absolute; top: 6%; left: 50%; width: 720px; height: 720px; transform: translateX(-50%); background: radial-gradient(circle, rgba(62,207,142,0.07) 0%, transparent 62%); pointer-events: none; animation: breathe 9s ease-in-out infinite; }\r\n  .apps::after { content: \"\"; position: absolute; bottom: -20%; right: -10%; width: 520px; height: 520px; background: radial-gradient(circle, rgba(75,63,212,0.06) 0%, transparent 62%); pointer-events: none; animation: breathe2 11s ease-in-out infinite; }\r\n  @keyframes breathe  { 0%,100% { opacity: .65; } 50% { opacity: 1; } }\r\n  @keyframes breathe2 { 0%,100% { opacity: .55; } 50% { opacity: 1; } }\r\n  .apps-grid-bg { position: absolute; inset: 0; pointer-events: none; opacity: .5; background-image: linear-gradient(rgba(1,1,101,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(1,1,101,0.025) 1px, transparent 1px); background-size: 60px 60px; -webkit-mask-image: radial-gradient(ellipse 70% 60% at center, #000 30%, transparent 80%); mask-image: radial-gradient(ellipse 70% 60% at center, #000 30%, transparent 80%); }\r\n\r\n  .apps-inner { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; }\r\n  .apps-head { text-align: center; max-width: 720px; margin: 0 auto 8px; }\r\n  .apps-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\t  font-size:14px;\r\n    padding: 7px 18px;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(62, 207, 142, 0.35);\r\n    border-radius: 100px;\r\n    color: rgba(62, 207, 142, 0.90);\r\n    font-family: 'Chakra-Petch', sans-serif;\r\n    font-weight: 400;\r\n    letter-spacing: 0.02em;\r\n    text-transform: none;\r\n    margin-bottom: 22px;\r\n    color: #3ECF8E !important;\r\n  }\r\n  .apps-head h2 {    font-size: var(--display-md-fs);\r\n    font-weight: var(--fw-bold);\r\n    line-height: var(--display-md-lh);\r\n    margin-bottom: var(--space-5);\r\n    letter-spacing: var(--display-track);}\r\n  .apps-head h2 .accent { background: linear-gradient(120deg, var(--ocean) 0%, var(--ocean-dark) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }\r\n  .apps-head p { font-size: 16px; color: var(--wheelwright); }\r\n  .apps-head p strong { color: var(--navy); font-weight: 500; }\r\n\r\n  .constellation { position: relative; width: 100%; max-width: 920px; height: 580px; margin: 0 auto; }\r\n  .constellation-links { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }\r\n  .constellation-links line { stroke: rgba(62,207,142,0.28); stroke-width: 1; }\r\n  .constellation-links .link-pulse { stroke: var(--ocean-dark); stroke-width: 1.6; stroke-dasharray: 5 140; opacity: .9; animation: linkFlow 3.5s linear infinite; }\r\n  @keyframes linkFlow { to { stroke-dashoffset: -145; } }\r\n  .orbit-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(1,1,101,0.08); border-radius: 50%; pointer-events: none; }\r\n  .orbit-ring.r1 { width: 280px; height: 280px; }\r\n  .orbit-ring.r2 { width: 500px; height: 500px; border-color: rgba(1,1,101,0.06); }\r\n  .orbit-ring.r3 { width: 720px; height: 720px; border-color: rgba(1,1,101,0.04); }\r\n\r\n  .core { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; width: 168px; height: 168px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }\r\n  .core-disc {\r\n    position: absolute; inset: 0; border-radius: 50%;\r\n    background: radial-gradient(circle at 35% 30%, #0a0a72 0%, var(--navy) 55%, var(--navy-2) 100%);\r\n    border: 1px solid rgba(62,207,142,0.5);\r\n    box-shadow: 0 18px 50px rgba(1,1,101,0.28), 0 0 50px rgba(62,207,142,0.25), inset 0 0 40px rgba(62,207,142,0.12);\r\n  }\r\n\r\n  .core-disc::before { content: \"\"; position: absolute; inset: -14px; border-radius: 50%; border: 1px solid rgba(62,207,142,0.3); animation: haloRing 4s ease-in-out infinite; }\r\n  @keyframes haloRing { 0%,100% { opacity: .5; } 50% { opacity: .9; } }\r\n  .core-content { position: relative; z-index: 2; }\r\n  .core-icon { width: 44px; height: 44px; margin: 0 auto 8px; display: flex; align-items: center; justify-content: center; }\r\n  .core-icon .material-icons {\r\n    font-size: 38px; color: var(--ocean);\r\n    filter: drop-shadow(0 0 8px rgba(62,207,142,0.6));\r\n    animation: corePulse 3s ease-in-out infinite;\r\n  }\r\n  @keyframes corePulse { 0%,100% { opacity: .85; } 50% { opacity: 1; } }\r\n  .core-title { font-size: 15px; font-weight: 700; color: var(--white); letter-spacing: -0.01em; line-height: 1.1; }\r\n  .core-sub { font-family: 'Chakra Petch', sans-serif; font-size: 8.5px; color: var(--ocean); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 3px; }\r\n\r\n  .app-node {\r\n    position: absolute; z-index: 4; transform: translate(-50%, -50%);\r\n    display: flex; flex-direction: column; align-items: center; gap: 7px; text-decoration: none;\r\n    width: 96px; transition: transform .25s;\r\n  }\r\n  .app-node:hover { transform: translate(-50%, -50%) scale(1.12); z-index: 6; }\r\n  .app-bubble {\r\n    width: 60px; height: 60px; border-radius: 17px;\r\n    background: var(--white);\r\n    border: 1px solid rgba(1,1,101,0.1);\r\n    box-shadow: 0 6px 18px rgba(1,1,101,0.08);\r\n    display: flex; align-items: center; justify-content: center;\r\n    transition: background .25s, border-color .25s, box-shadow .25s;\r\n  }\r\n  .app-node:hover .app-bubble { background: var(--navy); border-color: var(--navy); box-shadow: 0 10px 28px rgba(1,1,101,0.25); }\r\n  .app-bubble .material-icons { font-size: 28px; color: var(--ocean-dark); transition: color .25s; }\r\n  .app-node:hover .app-bubble .material-icons { color: var(--ocean); }\r\n  .app-node .app-name { font-size: 12px; font-weight: 500; color: var(--navy); white-space: nowrap; transition: color .25s; }\r\n  .app-node:hover .app-name { color: var(--ocean-dark); }\r\n\r\n  .apps-more { text-align: center; margin-top: 8px; }\r\n  .apps-more-pill { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; color: var(--wheelwright); flex-wrap: wrap; justify-content: center; }\r\n  .apps-more-pill b { color: var(--ocean-dark); font-weight: 600; }\r\n\r\n  .apps-cta { text-align: center; margin-top: 34px; }\r\n  .apps-cta a {\r\n    display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px; border-radius: 8px;\r\n    background: var(--ocean); color: #FFFFFF;\r\n    font-family: 'Chakra Petch', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.01em;\r\n    text-decoration: none; box-shadow: 0 4px 16px rgba(62,207,142,0.30); transition: transform .2s, box-shadow .2s, background .2s;\r\n  }\r\n  .apps-cta a:hover { transform: translateY(-2px); background: var(--ocean-dark); box-shadow: 0 8px 24px rgba(62,207,142,0.42); }\r\n  .apps-cta a .material-icons { font-size: 18px; color: #FFFFFF; transition: transform .2s; }\r\n  .apps-cta a:hover .material-icons { transform: translateX(3px); }\r\n\r\n  .apps-grid-fallback { display: none; }\r\n\r\n  @media (max-width: 940px) {\r\n    .constellation { display: none; }\r\n    .apps-more { display: none; }\r\n    .apps-grid-fallback { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 12px; }\r\n    .apps-grid-fallback .app-card {\r\n      display: flex; flex-direction: column; align-items: center; gap: 11px; text-align: center;\r\n      background: var(--white); border: 1px solid rgba(1,1,101,0.1); border-radius: var(--radius);\r\n      box-shadow: 0 4px 14px rgba(1,1,101,0.06);\r\n      padding: 20px 12px; text-decoration: none; transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;\r\n    }\r\n    .apps-grid-fallback .app-card:hover { border-color: rgba(62,207,142,0.45); transform: translateY(-3px); box-shadow: 0 10px 24px rgba(1,1,101,0.1); }\r\n    .apps-grid-fallback .app-bubble { width: 48px; height: 48px; border-radius: 13px; background: var(--ocean-soft); border: 1px solid rgba(62,207,142,0.24); display: flex; align-items: center; justify-content: center; }\r\n    .apps-grid-fallback .app-bubble .material-icons { font-size: 24px; color: var(--ocean-dark); }\r\n    .apps-grid-fallback .app-name { font-size: 12px; font-weight: 500; color: var(--navy); }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .apps { padding: 64px 16px 72px; }\r\n    .apps-grid-fallback { grid-template-columns: repeat(3, 1fr); gap: 9px; }\r\n    .apps-cta a { width: 100%; justify-content: center; }\r\n  }\r\n  @media (max-width: 400px) { .apps-grid-fallback { grid-template-columns: repeat(2, 1fr); } }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }\r\n    .js .reveal { opacity: 1; transform: none; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"apps\">\r\n  <div class=\"apps-grid-bg\"><\/div>\r\n  <div class=\"apps-inner\">\r\n    <div class=\"apps-head reveal\">\r\n      <span class=\"apps-eyebrow\">Suite applicative<\/span>\r\n      <h2>Toutes vos applications,<br><span class=\"accent\">un seul cerveau.<\/span><\/h2>\r\n      <p>Chaque application m\u00e9tier d'Axelor gravite autour d'un m\u00eame noyau d'intelligence. <strong>Une IA native qui les connecte, les comprend et agit dans chacune d'elles.<\/strong><\/p>\r\n    <\/div>\r\n\r\n    <div class=\"constellation reveal\">\r\n      <div class=\"orbit-ring r1\"><\/div>\r\n      <div class=\"orbit-ring r2\"><\/div>\r\n      <div class=\"orbit-ring r3\"><\/div>\r\n\r\n      <svg class=\"constellation-links\" viewBox=\"0 0 920 580\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\r\n        <!-- centre 460,290 \u2014 anneau int\u00e9rieur r\u2248170, anneau ext\u00e9rieur r\u2248260 -->\r\n        <line x1=\"460\" y1=\"290\" x2=\"460\" y2=\"120\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"607\" y2=\"205\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"607\" y2=\"375\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"460\" y2=\"460\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"313\" y2=\"375\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"313\" y2=\"205\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"685\" y2=\"105\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"755\" y2=\"290\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"685\" y2=\"475\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"235\" y2=\"475\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"165\" y2=\"290\"\/>\r\n        <line x1=\"460\" y1=\"290\" x2=\"235\" y2=\"105\"\/>\r\n        <line class=\"link-pulse\" x1=\"460\" y1=\"290\" x2=\"460\" y2=\"120\"\/>\r\n        <line class=\"link-pulse\" x1=\"460\" y1=\"290\" x2=\"607\" y2=\"375\" style=\"animation-delay:.7s\"\/>\r\n        <line class=\"link-pulse\" x1=\"460\" y1=\"290\" x2=\"313\" y2=\"375\" style=\"animation-delay:1.4s\"\/>\r\n        <line class=\"link-pulse\" x1=\"460\" y1=\"290\" x2=\"755\" y2=\"290\" style=\"animation-delay:2.1s\"\/>\r\n        <line class=\"link-pulse\" x1=\"460\" y1=\"290\" x2=\"165\" y2=\"290\" style=\"animation-delay:2.8s\"\/>\r\n      <\/svg>\r\n\r\n      <div class=\"core\">\r\n        <a href=\"\/fr\/erp-agentique\/\"><div class=\"core-disc\"><\/div>\r\n        <div class=\"core-content\">\r\n          <div class=\"core-icon\"><i class=\"material-icons\">auto_awesome<\/i><\/div>\r\n          <div class=\"core-title\">Axelor IA<\/div>\r\n          <div class=\"core-sub\">Le noyau<\/div>\r\n        <\/div>\r\n\t\t<\/a>\r\n      <\/div>\r\n\r\n      <!-- Anneau int\u00e9rieur (top% = y\/580) -->\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/crm\/\" style=\"left:50%;top:20.7%;\"><!-- 460,120 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">people<\/i><\/span>\r\n        <span class=\"app-name\">CRM<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/logiciel-gestion-des-ventes\/\" style=\"left:66%;top:35.3%;\"><!-- 607,205 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">sell<\/i><\/span>\r\n        <span class=\"app-name\">Ventes<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-comptabilite\/\" style=\"left:66%;top:64.7%;\"><!-- 607,375 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">receipt_long<\/i><\/span>\r\n        <span class=\"app-name\">Comptabilit\u00e9<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-de-production\/\" style=\"left:50%;top:79.3%;\"><!-- 460,460 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">precision_manufacturing<\/i><\/span>\r\n        <span class=\"app-name\">Production<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-des-stocks\/\" style=\"left:34%;top:64.7%;\"><!-- 313,375 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">inventory_2<\/i><\/span>\r\n        <span class=\"app-name\">Stocks<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-des-achats\/\" style=\"left:34%;top:35.3%;\"><!-- 313,205 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">shopping_cart<\/i><\/span>\r\n        <span class=\"app-name\">Achats<\/span>\r\n      <\/a>\r\n      <!-- Anneau ext\u00e9rieur -->\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-de-facturation\/\" style=\"left:74.5%;top:18.1%;\"><!-- 685,105 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">request_quote<\/i><\/span>\r\n        <span class=\"app-name\">Facturation<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/plateforme-business-intelligence\/\" style=\"left:82%;top:50%;\"><!-- 755,290 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">analytics<\/i><\/span>\r\n        <span class=\"app-name\">BI<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/projet\/\" style=\"left:74.5%;top:81.9%;\"><!-- 685,475 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">task_alt<\/i><\/span>\r\n        <span class=\"app-name\">Projet<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-support-client\/\" style=\"left:25.5%;top:81.9%;\"><!-- 235,475 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">headset_mic<\/i><\/span>\r\n        <span class=\"app-name\">Support<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/bpm-no-code\/\" style=\"left:18%;top:50%;\"><!-- 165,290 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">account_tree<\/i><\/span>\r\n        <span class=\"app-name\">BPM<\/span>\r\n      <\/a>\r\n      <a class=\"app-node\" href=\"https:\/\/axelor.com\/fr\/logiciel-marketing-integre\/\" style=\"left:25.5%;top:18.1%;\"><!-- 235,105 -->\r\n        <span class=\"app-bubble\"><i class=\"material-icons\">campaign<\/i><\/span>\r\n        <span class=\"app-name\">Marketing<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"apps-more reveal\">\r\n      <span class=\"apps-more-pill\">Et bien d'autres : RH, Qualit\u00e9, Notes de frais, Budget, Portail\u2026 <b>plus de 50 applications au total.<\/b><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"apps-grid-fallback\">\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/crm\/\"><span class=\"app-bubble\"><i class=\"material-icons\">people<\/i><\/span><span class=\"app-name\">CRM<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/gestion-de-production\/\"><span class=\"app-bubble\"><i class=\"material-icons\">precision_manufacturing<\/i><\/span><span class=\"app-name\">Production<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/gestion-commerciale\/\"><span class=\"app-bubble\"><i class=\"material-icons\">sell<\/i><\/span><span class=\"app-name\">Ventes<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/gestion-des-stocks\/\"><span class=\"app-bubble\"><i class=\"material-icons\">inventory_2<\/i><\/span><span class=\"app-name\">Stocks<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/comptabilite\/\"><span class=\"app-bubble\"><i class=\"material-icons\">receipt_long<\/i><\/span><span class=\"app-name\">Comptabilit\u00e9<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/gestion-des-achats\/\"><span class=\"app-bubble\"><i class=\"material-icons\">shopping_cart<\/i><\/span><span class=\"app-name\">Achats<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/facturation\/\"><span class=\"app-bubble\"><i class=\"material-icons\">request_quote<\/i><\/span><span class=\"app-name\">Facturation<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/bpm\/\"><span class=\"app-bubble\"><i class=\"material-icons\">account_tree<\/i><\/span><span class=\"app-name\">BPM<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/marketing\/\"><span class=\"app-bubble\"><i class=\"material-icons\">campaign<\/i><\/span><span class=\"app-name\">Marketing<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/gestion-de-projet\/\"><span class=\"app-bubble\"><i class=\"material-icons\">task_alt<\/i><\/span><span class=\"app-name\">Projet<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/business-intelligence\/\"><span class=\"app-bubble\"><i class=\"material-icons\">analytics<\/i><\/span><span class=\"app-name\">BI<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/support-client\/\"><span class=\"app-bubble\"><i class=\"material-icons\">headset_mic<\/i><\/span><span class=\"app-name\">Support<\/span><\/a>\r\n      <a class=\"app-card\" href=\"https:\/\/axelor.com\/fr\/portail\/\"><span class=\"app-bubble\"><i class=\"material-icons\">language<\/i><\/span><span class=\"app-name\">Portail<\/span><\/a>\r\n    <\/div>\r\n\r\n\t  <div class=\"button-group center\" style=\"margin-top:40px\">\r\n  <a href=\"https:\/\/axelor.com\/fr\/toutes-les-applications\/\" class=\"button first\"><p>Explorer toutes les applications<\/p> <\/a>\r\n<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  const reduced = (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) || false;\r\n  const targets = document.querySelectorAll('.reveal');\r\n  if (reduced || !('IntersectionObserver' in window)) { targets.forEach(t => t.classList.add('in')); return; }\r\n  const obs = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); obs.unobserve(e.target); } });\r\n  }, { threshold: 0.06 });\r\n  targets.forEach(t => obs.observe(t));\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;dark&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; custom_css_main_element=&#8221;background: linear-gradient(180deg, var(&#8211;navy-deep) 0%, var(&#8211;navy) 65%, #07013F 100%);&#8221; border_radii_tablet=&#8221;on|50px|50px|50px|50px&#8221; border_radii_phone=&#8221;on|40px|40px|40px|40px&#8221; border_radii_last_edited=&#8221;off|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1920px&#8221; custom_margin=&#8221;0px||0px||true|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Bloc 01 \u2014 Multi-LLM & Souverainet\u00e9<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  :root {\r\n    --navy: #010165;\r\n    --navy-deep: #0D021E;\r\n    --ocean: #3ECF8E;\r\n    --ocean-dark: #2BB57A;\r\n    --ocean-soft: rgba(62, 207, 142, 0.10);\r\n    --magnolia: #F5F5FF;\r\n    --wheelwright: #5D6B90;\r\n    --white: #FFFFFF;\r\n    --txt-2: rgba(255, 255, 255, 0.70);\r\n    --txt-3: rgba(255, 255, 255, 0.50);\r\n    --border-card: rgba(255, 255, 255, 0.10);\r\n    --border-soft: rgba(255, 255, 255, 0.06);\r\n  }\r\n\r\n  body {\r\n    font-family: 'Poppins', system-ui, sans-serif;\r\n    background: var(--navy-deep);\r\n    color: var(--white);\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  \/* ===== SECTION ===== *\/\r\n  .section-llm {\r\n    padding: 100px 24px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .section-llm::before {\r\n    content: \"\"; position: absolute; top: -5%; right: -180px;\r\n    width: 600px; height: 600px;\r\n    background: radial-gradient(circle, rgba(62, 207, 142, 0.13) 0%, transparent 60%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n  .section-llm::after {\r\n    content: \"\"; position: absolute; bottom: -15%; left: -150px;\r\n    width: 520px; height: 520px;\r\n    background: radial-gradient(circle, rgba(122, 100, 250, 0.10) 0%, transparent 60%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n  .section-llm .container { max-width: 1140px; margin: 0 auto; position: relative; z-index: 1; }\r\n\r\n  \/* ===== HEADER DE SECTION ===== *\/\r\n  .llm-head { text-align: center; max-width: 720px; margin: 0 auto 48px; }\r\n  .llm-eyebrow {\r\n     display:inline-flex; align-items:center; gap:8px; padding:7px 18px; background:rgba(255,255,255,0.06); border:1px solid rgba(62,207,142,0.35); border-radius:100px; color:rgba(62,207,142,0.90); font-family:'Chakra-Petch', sans-serif; font-size:14px; font-weight:400; letter-spacing:0.01em; text-transform:none; margin-bottom:22px;color:#3ECF8E !important; \r\n  }\r\n  .llm-eyebrow span{font-family: var(--font-fam-2);}\r\n    @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.35; transform: scale(0.6); } }\r\n\r\n  .llm-head-title {    font-size: var(--display-md-fs);\r\n    font-weight: var(--fw-bold);\r\n    line-height: var(--display-md-lh);\r\n    margin-bottom: var(--space-5);\r\n    letter-spacing: var(--display-track); }\r\n  .llm-head-title .accent { color: var(--ocean); position: relative; white-space: nowrap; }\r\n  .llm-head-title .accent::after { content: \"\"; position: absolute; bottom: 3px; left: 0; right: 0; height: 8px; background: rgba(62, 207, 142, 0.18); z-index: -1; }\r\n  .llm-head-desc { font-size: 17px; color: var(--txt-2); line-height: 1.6; font-weight: 300; }\r\n\r\n  \/* ===== CARD PRINCIPALE ===== *\/\r\n  .llm-card {\r\n    background: linear-gradient(160deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.015) 100%);\r\n    backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);\r\n    border: 1px solid var(--border-card); border-radius: 22px;\r\n    overflow: hidden; box-shadow: 0 24px 56px rgba(0, 0, 0, 0.30); position: relative;\r\n  }\r\n  .llm-card::before {\r\n    content: \"\"; position: absolute; top: 0; left: 50%; transform: translateX(-50%);\r\n    width: 55%; height: 1px; background: linear-gradient(90deg, transparent, rgba(62, 207, 142, 0.45), transparent);\r\n  }\r\n\r\n  \/* ===== PARTIE HAUTE : piliers ===== *\/\r\n  .llm-card__top { display: grid; grid-template-columns: 1fr 1.05fr; gap: 44px; padding: 44px; align-items: center; }\r\n\r\n  .llm-intro-eyebrow { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; color: var(--ocean); margin-bottom: 14px; }\r\n  .llm-intro-title { font-size: clamp(24px, 3vw, 32px); font-weight: 600; line-height: 1.18; color: var(--white); margin-bottom: 16px; letter-spacing: -0.02em; }\r\n  .llm-intro-title .accent { color: var(--ocean); }\r\n  .llm-intro-desc { font-size: 14.5px; color: var(--txt-2); line-height: 1.7; margin-bottom: 28px; }\r\n\r\n  .llm-cta-group { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }\r\n .btn-primary {\r\n  display: inline-flex; align-items: center; gap: 8px; font-family: 'Chakra Petch', sans-serif;\r\n  font-size: 13.5px; font-weight: 600; color: #FFFFFF; background: var(--ocean);\r\n  border: none; border-radius: 10px; padding: 12px 20px; cursor: pointer; text-decoration: none;\r\n  transition: transform 0.2s, box-shadow 0.2s;\r\n}\r\n  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(62, 207, 142, 0.25); }\r\n  .btn-primary svg { width: 15px; height: 15px; stroke: var(--navy); fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\r\n .btn-ghost {\r\n  display: inline-flex; align-items: center; gap: 6px; font-family: 'Chakra Petch', sans-serif;\r\n  font-size: 13.5px; font-weight: 600; color: var(--ocean); background: transparent;\r\n  border: 1px solid rgba(62, 207, 142, 0.35); border-radius: 10px; padding: 11px 18px;\r\n  cursor: pointer; text-decoration: none; transition: background 0.2s, border-color 0.2s;\r\n}\r\n  .btn-ghost:hover { background: rgba(62, 207, 142, 0.08); border-color: rgba(62, 207, 142, 0.6); }\r\n\r\n  \/* Piliers *\/\r\n  .llm-pillar {\r\n    display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 14px;\r\n    background: rgba(255, 255, 255, 0.035); border: 1px solid var(--border-soft);\r\n    margin-bottom: 10px; transition: background 0.25s, border-color 0.25s, transform 0.25s;\r\n  }\r\n  .llm-pillar:last-child { margin-bottom: 0; }\r\n  .llm-pillar:hover { background: rgba(62, 207, 142, 0.06); border-color: rgba(62, 207, 142, 0.25); transform: translateX(4px); }\r\n  .llm-pillar__icon {\r\n    width: 38px; height: 38px; min-width: 38px; border-radius: 10px;\r\n    background: var(--ocean-soft); border: 1px solid rgba(62, 207, 142, 0.25);\r\n    display: flex; align-items: center; justify-content: center; transition: all 0.25s;\r\n  }\r\n  .llm-pillar:hover .llm-pillar__icon { background: var(--ocean); }\r\n  .llm-pillar__icon svg { width: 17px; height: 17px; stroke: var(--ocean); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.25s; }\r\n  .llm-pillar:hover .llm-pillar__icon svg { stroke: var(--navy); }\r\n  .llm-pillar__body h4 { font-size: 13.5px; font-weight: 600; color: var(--white); margin-bottom: 4px; line-height: 1.3; }\r\n  .llm-pillar__body p { font-size: 12.5px; color: var(--txt-3); line-height: 1.55; }\r\n\r\n  \/* ===== S\u00c9PARATEUR ===== *\/\r\n  .llm-card__divider { border: none; border-top: 1px solid var(--border-soft); }\r\n\r\n  \/* ===== MOTEURS IA ===== *\/\r\n  .llm-models { padding: 30px 44px 0; }\r\n  .llm-models__label {\r\n    display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700;\r\n    letter-spacing: 0.08em; text-transform: uppercase; color: var(--txt-3); margin-bottom: 18px;\r\n  }\r\n  .llm-models__label::after { content: \"\"; flex: 1; height: 1px; background: var(--border-soft); }\r\n  .llm-models__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 11px; }\r\n\r\n  .llm-model-tile {\r\n    display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 16px 6px;\r\n    background: rgba(255, 255, 255, 0.035); border: 1px solid var(--border-soft); border-radius: 14px;\r\n    cursor: pointer; transition: all 0.25s cubic-bezier(0.34, 1.4, 0.64, 1); position: relative;\r\n    color: inherit; font-family: inherit;\r\n  }\r\n  .llm-model-tile:hover { background: rgba(62, 207, 142, 0.07); border-color: rgba(62, 207, 142, 0.30); transform: translateY(-3px); }\r\n  .llm-model-tile:focus-visible { outline: 2px solid var(--ocean); outline-offset: 2px; }\r\n  .llm-model-tile.is-active { background: var(--ocean-soft); border-color: var(--ocean); box-shadow: 0 8px 22px rgba(62, 207, 142, 0.15); }\r\n  .llm-model-tile.is-active::after {\r\n    content: \"\\2713\"; position: absolute; top: 8px; right: 8px; width: 17px; height: 17px;\r\n    background: var(--ocean); color: var(--navy); border-radius: 50%; display: flex;\r\n    align-items: center; justify-content: center; font-size: 10px; font-weight: 700;\r\n  }\r\n  .llm-model-tile__logo {\r\n    width: 40px; height: 40px; border-radius: 11px; background: rgba(255, 255, 255, 0.06);\r\n    display: flex; align-items: center; justify-content: center; transition: background 0.25s;\r\n    overflow: hidden;\r\n  }\r\n  .llm-model-tile__logo img {\r\n    width: 26px; height: 26px; object-fit: contain; display: block;\r\n  }\r\n  .llm-model-tile.is-active .llm-model-tile__logo { background: rgba(62, 207, 142, 0.15); }\r\n  .llm-model-tile__name { font-size: 11.5px; font-weight: 600; color: var(--white); text-align: center; line-height: 1.3; }\r\n  .llm-model-tile__maker {\r\n    font-size: 9.5px; color: var(--txt-3); text-align: center; font-family: 'JetBrains Mono', monospace;\r\n    display: inline-flex; align-items: center; gap: 4px;\r\n  }\r\n  .maker-fr {\r\n    display: inline-block; font-size: 7.5px; font-weight: 700; letter-spacing: 0.04em;\r\n    background: linear-gradient(90deg, #0055A4 33%, #FFFFFF 33% 66%, #EF4135 66%);\r\n    -webkit-background-clip: text; background-clip: text; color: transparent;\r\n    border: 1px solid rgba(255,255,255,.15); border-radius: 3px; padding: 0 3px;\r\n  }\r\n\r\n  \/* ===== BARRE DE STATUT INTERACTIVE ===== *\/\r\n  .llm-status-bar {\r\n    margin: 24px 44px 0; padding: 14px 18px; border-radius: 12px;\r\n    background: rgba(62, 207, 142, 0.06); border: 1px solid rgba(62, 207, 142, 0.20);\r\n    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;\r\n  }\r\n  .llm-status-active { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--txt-2); }\r\n  .llm-status-active .status-pulse { width: 8px; height: 8px; background: var(--ocean); border-radius: 50%; box-shadow: 0 0 8px var(--ocean); animation: statusPulse 1.6s ease-in-out infinite; flex-shrink: 0; }\r\n  @keyframes statusPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\r\n  .llm-status-active strong { color: var(--white); font-weight: 600; }\r\n  .llm-status-active .maker-inline { color: var(--ocean); font-family: 'JetBrains Mono', monospace; font-size: 12px; }\r\n  .llm-status-sov { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: var(--txt-3); }\r\n  .llm-status-sov svg { width: 14px; height: 14px; stroke: var(--ocean); fill: none; stroke-width: 2; flex-shrink: 0; }\r\n\r\n  \/* ===== FOOTER ===== *\/\r\n  .llm-card__footer {\r\n    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;\r\n    padding: 22px 44px; margin-top: 24px; border-top: 1px solid var(--border-soft);\r\n    background: rgba(0, 0, 0, 0.12);\r\n  }\r\n  .llm-lock-note, .llm-custom-tag { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; color: var(--txt-3); }\r\n  .llm-lock-note svg, .llm-custom-tag svg { width: 15px; height: 15px; stroke: var(--ocean); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }\r\n\r\n  \/* ===== STATS ===== *\/\r\n  .llm-stats {\r\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px;\r\n  }\r\n  .llm-stat {\r\n    text-align: center; padding: 28px 20px; border-radius: 16px;\r\n    background: linear-gradient(160deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.015) 100%);\r\n    border: 1px solid var(--border-card); transition: border-color 0.25s, transform 0.25s;\r\n  }\r\n  .llm-stat:hover { border-color: rgba(62, 207, 142, 0.3); transform: translateY(-3px); }\r\n  .llm-stat__num { display: block; font-size: 40px; font-weight: 700; color: var(--ocean); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; margin-bottom: 8px; }\r\n  .llm-stat__label { font-size: 12.5px; color: var(--txt-2); font-weight: 400; }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 900px) {\r\n    .llm-card__top { grid-template-columns: 1fr; gap: 32px; padding: 32px; }\r\n    .llm-models, .llm-status-bar { padding-left: 32px; padding-right: 32px; }\r\n    .llm-status-bar { margin-left: 32px; margin-right: 32px; }\r\n    .llm-card__footer { padding: 20px 32px; }\r\n    .llm-models__grid { grid-template-columns: repeat(3, 1fr); }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .section-llm { padding: 64px 16px; }\r\n    .llm-head { margin-bottom: 36px; }\r\n    .llm-head-desc { font-size: 15px; }\r\n    .llm-card__top { padding: 24px; gap: 28px; }\r\n    .llm-models, .llm-status-bar, .llm-card__footer { padding-left: 24px; padding-right: 24px; }\r\n    .llm-status-bar { margin: 20px 24px 0; flex-direction: column; align-items: flex-start; gap: 10px; }\r\n    .llm-models__grid { grid-template-columns: repeat(2, 1fr); gap: 9px; }\r\n    .llm-stats { grid-template-columns: 1fr; gap: 12px; }\r\n    .llm-stat { padding: 22px 16px; }\r\n    .llm-stat__num { font-size: 34px; }\r\n    .llm-card__footer { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n    .btn-primary, .btn-ghost { flex: 1; justify-content: center; }\r\n    .llm-cta-group { width: 100%; }\r\n  }\r\n\r\n  \/* ===== MOUVEMENT R\u00c9DUIT ===== *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"section-llm\">\r\n  <div class=\"container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"llm-head\">\r\n      <span class=\"llm-eyebrow\"><span class=\"llm-eyebrow-dot\"><\/span>Multi-LLM &amp; Souverainet\u00e9<\/span>\r\n      <h2 class=\"llm-head-title\">Votre IA. Vos mod\u00e8les. <span class=\"accent\">Vos r\u00e8gles.<\/span><\/h2>\r\n      <p class=\"llm-head-desc\">\r\n        Axelor n'enferme pas votre IA dans un fournisseur unique. Branchez le mod\u00e8le de votre choix,\r\n        h\u00e9bergez-le o\u00f9 vous voulez, et gardez la ma\u00eetrise totale de vos donn\u00e9es.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"llm-card\">\r\n\r\n      <!-- HAUT : intro + piliers -->\r\n      <div class=\"llm-card__top\">\r\n\r\n        <div class=\"llm-left\">\r\n          <span class=\"llm-intro-eyebrow\">Libert\u00e9 &amp; contr\u00f4le<\/span>\r\n          <h3 class=\"llm-intro-title\">Une IA ouverte,<br>jamais <span class=\"accent\">verrouill\u00e9e<\/span><\/h3>\r\n          <p class=\"llm-intro-desc\">\r\n            Changez de mod\u00e8le selon votre cas d\u2019usage, h\u00e9bergez en cloud, en priv\u00e9 ou\r\n            100&nbsp;% on-premise, et conservez vos donn\u00e9es chez vous \u2014 y compris dans les\r\n            environnements les plus exigeants.\r\n          <\/p>\r\n          \r\n\t\t\t<div class=\"button-group\">\r\n  <a href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\" class=\"button icone first\"><p>Demandez la d\u00e9mo<i class=\"material-icons white\">\r\nkeyboard_return\r\n<\/i><\/p> <\/a>\r\n  <a href=\"\/fr\/erp-agentique\/\" class=\"button second\"><p>En savoir plus<\/p> <\/a>\r\n<\/div>\r\n\t\t\t\r\n        <\/div>\r\n\r\n        <div class=\"llm-right\">\r\n          <div class=\"llm-pillar\">\r\n            <div class=\"llm-pillar__icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2m0 16v2M2 12h2m16 0h2m-3.5-7.5-1.5 1.5m-9 9-1.5 1.5m0-12 1.5 1.5m9 9 1.5 1.5\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"llm-pillar__body\">\r\n              <h4>Multi-LLM, sans verrouillage<\/h4>\r\n              <p>Anthropic, OpenAI, Mistral, Google\u2026 Changez de mod\u00e8le selon votre cas d\u2019usage.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"llm-pillar\">\r\n            <div class=\"llm-pillar__icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"llm-pillar__body\">\r\n              <h4>Souverainet\u00e9 des donn\u00e9es<\/h4>\r\n              <p>Cloud, priv\u00e9 ou on-premise. Vos donn\u00e9es ne servent jamais \u00e0 entra\u00eener un mod\u00e8le externe.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"llm-pillar\">\r\n            <div class=\"llm-pillar__icon\">\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"llm-pillar__body\">\r\n              <h4>Conforme par construction<\/h4>\r\n              <p>RGPD, permissions ERP appliqu\u00e9es \u00e0 chaque requ\u00eate IA, journal d'audit complet.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <hr class=\"llm-card__divider\">\r\n\r\n      <!-- MOTEURS IA -->\r\n      <div class=\"llm-models\">\r\n        <span class=\"llm-models__label\">Compatible avec les principaux moteurs d'IA<\/span>\r\n        <div class=\"llm-models__grid\" id=\"modelsGrid\">\r\n\r\n          <button class=\"llm-model-tile is-active\" data-model=\"Claude\" data-maker=\"Anthropic\" data-note=\"mod\u00e8le le plus utilis\u00e9 en entreprise\">\r\n            <div class=\"llm-model-tile__logo\">\r\n              <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/06\/claude-icon.svg\" alt=\"Claude\" loading=\"lazy\">\r\n            <\/div>\r\n            <span class=\"llm-model-tile__name\">Claude<\/span>\r\n            <span class=\"llm-model-tile__maker\">Anthropic<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"llm-model-tile\" data-model=\"GPT\" data-maker=\"OpenAI\" data-note=\"polyvalent et largement adopt\u00e9\">\r\n            <div class=\"llm-model-tile__logo\">\r\n              <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/06\/openai-icon.svg\" alt=\"OpenAI\" loading=\"lazy\" style=\"filter: invert(1);\">\r\n            <\/div>\r\n            <span class=\"llm-model-tile__name\">GPT<\/span>\r\n            <span class=\"llm-model-tile__maker\">OpenAI<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"llm-model-tile\" data-model=\"Mistral\" data-maker=\"Mistral AI\" data-fr=\"1\" data-note=\"mod\u00e8le souverain europ\u00e9en\">\r\n            <div class=\"llm-model-tile__logo\">\r\n              <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/06\/mistral-ai-icon.svg\" alt=\"Mistral AI\" loading=\"lazy\">\r\n            <\/div>\r\n            <span class=\"llm-model-tile__name\">Mistral<\/span>\r\n            <span class=\"llm-model-tile__maker\">Mistral AI <span class=\"maker-fr\">FR<\/span><\/span>\r\n          <\/button>\r\n\r\n          <button class=\"llm-model-tile\" data-model=\"Gemini\" data-maker=\"Google\" data-note=\"multimodal natif\">\r\n            <div class=\"llm-model-tile__logo\">\r\n              <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/06\/gemini-color.svg\" alt=\"Gemini\" loading=\"lazy\">\r\n            <\/div>\r\n            <span class=\"llm-model-tile__name\">Gemini<\/span>\r\n            <span class=\"llm-model-tile__maker\">Google<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"llm-model-tile\" data-model=\"Ollama\" data-maker=\"Ollama\" data-note=\"open-weights, d\u00e9ployable en priv\u00e9\">\r\n            <div class=\"llm-model-tile__logo\">\r\n              <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/06\/ollama.svg\" alt=\"Ollama\" loading=\"lazy\" style=\"filter: invert(1);\">\r\n            <\/div>\r\n            <span class=\"llm-model-tile__name\">llama<\/span>\r\n            <span class=\"llm-model-tile__maker\">Ollama<\/span>\r\n          <\/button>\r\n\r\n          <button class=\"llm-model-tile\" data-model=\"On-premise\" data-maker=\"Votre mod\u00e8le\" data-note=\"vos donn\u00e9es ne quittent jamais votre infrastructure\">\r\n            <div class=\"llm-model-tile__logo\">\r\n              <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" aria-hidden=\"true\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"5\" rx=\"2\" stroke=\"rgba(255,255,255,.4)\" stroke-width=\"1.5\"\/><rect x=\"2\" y=\"13\" width=\"20\" height=\"5\" rx=\"2\" stroke=\"rgba(255,255,255,.25)\" stroke-width=\"1.5\"\/><circle cx=\"18.5\" cy=\"8.5\" r=\"1\" fill=\"#3ECF8E\"\/><circle cx=\"18.5\" cy=\"15.5\" r=\"1\" fill=\"rgba(255,255,255,.2)\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"llm-model-tile__name\">On-premise<\/span>\r\n            <span class=\"llm-model-tile__maker\">Votre mod\u00e8le<\/span>\r\n          <\/button>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- BARRE DE STATUT INTERACTIVE -->\r\n      <div class=\"llm-status-bar\">\r\n        <span class=\"llm-status-active\">\r\n          <span class=\"status-pulse\"><\/span>\r\n          Mod\u00e8le actif : <strong id=\"activeModel\">Claude<\/strong>&nbsp;<span class=\"maker-inline\" id=\"activeMaker\">Anthropic<\/span>\r\n        <\/span>\r\n        <span class=\"llm-status-sov\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n          <span id=\"sovNote\">Vos donn\u00e9es restent souveraines \u2014 0 partage avec l'\u00e9diteur du mod\u00e8le<\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- FOOTER -->\r\n      <div class=\"llm-card__footer\">\r\n        <div class=\"llm-lock-note\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n          Donn\u00e9es chiffr\u00e9es, jamais utilis\u00e9es pour l'entra\u00eenement\r\n        <\/div>\r\n        <div class=\"llm-custom-tag\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n          Compatible avec votre mod\u00e8le priv\u00e9\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- STATS -->\r\n    <div class=\"llm-stats\" id=\"llmStats\">\r\n      <div class=\"llm-stat\">\r\n        <span class=\"llm-stat__num\" data-count=\"6\" data-suffix=\"+\">6+<\/span>\r\n        <span class=\"llm-stat__label\">Mod\u00e8les compatibles<\/span>\r\n      <\/div>\r\n      <div class=\"llm-stat\">\r\n        <span class=\"llm-stat__num\" data-count=\"100\" data-suffix=\"%\">100%<\/span>\r\n        <span class=\"llm-stat__label\">On-premise possible<\/span>\r\n      <\/div>\r\n      <div class=\"llm-stat\">\r\n        <span class=\"llm-stat__num\" data-count=\"0\" data-suffix=\"\">0<\/span>\r\n        <span class=\"llm-stat__label\">Donn\u00e9e partag\u00e9e<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst LLM_REDUCED_MOTION = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/\/ ===== Grille de mod\u00e8les interactive =====\r\n  const tiles = document.querySelectorAll('.llm-model-tile');\r\n  const activeModel = document.getElementById('activeModel');\r\n  const activeMaker = document.getElementById('activeMaker');\r\n  const sovNote = document.getElementById('sovNote');\r\n\r\n  tiles.forEach(tile => {\r\n    tile.addEventListener('click', () => {\r\n      tiles.forEach(t => t.classList.remove('is-active'));\r\n      tile.classList.add('is-active');\r\n      activeModel.textContent = tile.dataset.model;\r\n      activeMaker.textContent = tile.dataset.maker;\r\n      \/\/ Note souverainet\u00e9 adapt\u00e9e\r\n      if (tile.dataset.model === 'On-premise') {\r\n        sovNote.textContent = 'Vos donn\u00e9es ne quittent jamais votre infrastructure';\r\n      } else if (tile.dataset.fr) {\r\n        sovNote.textContent = 'Mod\u00e8le souverain europ\u00e9en \u2014 vos donn\u00e9es restent en Europe';\r\n      } else {\r\n        sovNote.textContent = 'Vos donn\u00e9es restent souveraines \u2014 0 partage avec l\\'\u00e9diteur du mod\u00e8le';\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ ===== Compteur anim\u00e9 des stats au scroll =====\r\nif (!LLM_REDUCED_MOTION && 'IntersectionObserver' in window) {\r\n    let counted = false;\r\n    const statsObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting && !counted) {\r\n          counted = true;\r\n          document.querySelectorAll('.llm-stat__num').forEach(el => {\r\n            const target = parseInt(el.dataset.count, 10);\r\n            const suffix = el.dataset.suffix || '';\r\n            if (target === 0) { el.textContent = '0' + suffix; return; }\r\n            let current = 0;\r\n            const steps = 40;\r\n            const inc = target \/ steps;\r\n            const timer = setInterval(() => {\r\n              current += inc;\r\n              if (current >= target) { current = target; clearInterval(timer); }\r\n              el.textContent = Math.round(current) + suffix;\r\n            }, 22);\r\n          });\r\n        }\r\n      });\r\n    }, { threshold: 0.4 });\r\n    statsObserver.observe(document.getElementById('llmStats'));\r\n  }\r\n<\/script>\r\n\r\n<\/body>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1380px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Studio | BPM | BI \u2014 Axelor<\/title>\r\n<script>document.documentElement.classList.add('js');<\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Chakra+Petch:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  *{margin:0;padding:0;box-sizing:border-box;}\r\n  :root{\r\n    --magnolia:#F5F5FF;--magnolia-2:#FAFAFF;\r\n    --navy:#010165;--navy-dark:#0D021E;--navy-2:#07013F;\r\n    --ocean:#3ECF8E;--ocean-dark:#2BB57A;--ocean-soft:rgba(62,207,142,0.12);\r\n    --indigo:#4B3FD4;--wheelwright:#5D6B90;--white:#FFFFFF;\r\n    --line:rgba(1,1,101,0.10);--line-2:rgba(1,1,101,0.06);\r\n    --shadow-md:0 4px 16px rgba(1,1,101,0.08),0 1px 4px rgba(1,1,101,0.04);\r\n    --shadow-lg:0 24px 60px rgba(13,2,30,0.15);\r\n    --radius:14px;--radius-lg:20px;\r\n  }\r\n  body{font-family:'Poppins',-apple-system,sans-serif;background:var(--magnolia-2);color:var(--wheelwright);font-size:14.5px;line-height:1.65;-webkit-font-smoothing:antialiased;}\r\n  .sec a,.sec a:hover,.sec h2,.sec h3,.sec p,.sec span{text-decoration:none;}\r\n  .js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}\r\n  .js .reveal.in{opacity:1;transform:translateY(0);}\r\n  .js .reveal.d1{transition-delay:.08s;}.js .reveal.d2{transition-delay:.16s;}\r\n\r\n  .sec{position:relative;overflow:hidden;padding:88px 28px 96px;}\r\n  .sec-inner{max-width:1200px;margin:0 auto;}\r\n  .sec-head{text-align:center;max-width:860px;margin:0 auto 44px;}\r\n  .eyebrow{display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    padding: 7px 18px;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(62, 207, 142, 0.35);\r\n    border-radius: 100px;\r\n    color: rgba(62, 207, 142, 0.90);\r\n    font-family: 'Chakra-Petch', sans-serif;\r\n    font-weight: 400;\r\n    letter-spacing: 0.02em;\r\n    text-transform: none;\r\n    margin-bottom: 22px;\r\n    color: #3ECF8E !important;}\r\n  .sec-head h2{    font-size: var(--display-md-fs);\r\n    font-weight: var(--fw-bold);\r\n    line-height: var(--display-md-lh);\r\n    margin-bottom: var(--space-5);\r\n    letter-spacing: var(--display-track);}\r\n  .sec-head h2 .accent{background:linear-gradient(120deg,var(--ocean),var(--ocean-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}\r\n\r\n  .link{display:inline-flex;align-items:center;gap:7px;color:var(--ocean-dark);font-size:13.5px;font-weight:600;font-family:'Chakra Petch',sans-serif;text-decoration:none;transition:gap .2s;}\r\n  .link:hover{gap:11px;}\r\n  .link svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;}\r\n\r\n  .p1-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}\r\n  .p1-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;}\r\n  .p1-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}\r\n  .p1-media{position:relative;aspect-ratio:16\/10;background:linear-gradient(160deg,var(--navy),var(--navy-2));overflow:hidden;}\r\n  .p1-media img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .4s;}\r\n  .p1-card:hover .p1-media img{transform:scale(1.05);}\r\n  .p1-media::after{content:\"\";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,1,101,0.25),transparent 50%);}\r\n  .p1-ico{position:absolute;top:14px;left:14px;z-index:2;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(1,1,101,0.15);}\r\n  .p1-ico svg{width:21px;height:21px;stroke:var(--ocean-dark);fill:none;stroke-width:1.9;}\r\n  .p1-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;}\r\n  .p1-body h3{font-size:19px;font-weight:600;color:var(--navy);margin-bottom:9px;letter-spacing:-0.01em;}\r\n  .p1-body p{font-size:13.6px;color:var(--wheelwright);line-height:1.6;flex:1;margin-bottom:16px;}\r\n\r\n  @media (max-width:920px){\r\n    .p1-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto;}\r\n  }\r\n  @media (max-width:600px){.sec{padding:60px 16px 68px;}}\r\n  @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;}.js .reveal{opacity:1;transform:none;}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sec\">\r\n  <div class=\"sec-inner\">\r\n    <div class=\"sec-head reveal\">\r\n      <span class=\"eyebrow\">Plateforme No-Code<\/span>\r\n      <h2>La plateforme No-Code propuls\u00e9e par l'IA <span class=\"accent\">qui accompagne votre croissance.<\/span><\/h2>\r\n    <\/div>\r\n    <div class=\"p1-grid\">\r\n      <a class=\"p1-card reveal\" href=\"https:\/\/axelor.com\/fr\/studio\/\">\r\n        <div class=\"p1-media\"><span class=\"p1-ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg><\/span><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2025\/01\/studio-2.png\" alt=\"Axelor Studio\"><\/div>\r\n        <div class=\"p1-body\"><h3>Studio<\/h3><p>Personnalisez chaque aspect de vos applications m\u00e9tiers sans aucun code, gr\u00e2ce \u00e0 une interface en glisser-d\u00e9poser.<\/p><span class=\"link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\r\n      <\/a>\r\n      <a class=\"p1-card reveal d1\" href=\"https:\/\/axelor.com\/fr\/bpm-no-code\/\">\r\n        <div class=\"p1-media\"><span class=\"p1-ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"9\" width=\"6\" height=\"6\" rx=\"1.2\"\/><rect x=\"15\" y=\"3\" width=\"6\" height=\"6\" rx=\"1.2\"\/><rect x=\"15\" y=\"15\" width=\"6\" height=\"6\" rx=\"1.2\"\/><path d=\"M9 12h3M12 12V6h3M12 12v6h3\"\/><\/svg><\/span><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/11\/bpm.png\" alt=\"Axelor BPM\"><\/div>\r\n        <div class=\"p1-body\"><h3>BPM<\/h3><p>Cr\u00e9ez et automatisez vos processus m\u00e9tier en quelques clics avec le moteur BPM No-Code d'Axelor.<\/p><span class=\"link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\r\n      <\/a>\r\n      <a class=\"p1-card reveal d2\" href=\"https:\/\/axelor.com\/fr\/plateforme-business-intelligence\/\">\r\n        <div class=\"p1-media\"><span class=\"p1-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18\"\/><rect x=\"7\" y=\"12\" width=\"3\" height=\"6\"\/><rect x=\"12\" y=\"8\" width=\"3\" height=\"10\"\/><rect x=\"17\" y=\"14\" width=\"3\" height=\"4\"\/><\/svg><\/span><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/11\/BI.png\" alt=\"Axelor BI\"><\/div>\r\n        <div class=\"p1-body\"><h3>Business Intelligence<\/h3><p>Explorez, visualisez et analysez vos donn\u00e9es gr\u00e2ce aux rapports et tableaux de bord interactifs d'Axelor BI.<\/p><span class=\"link\">D\u00e9couvrir <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const reduced=!!(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches);\r\n  const t=document.querySelectorAll('.reveal');\r\n  if(reduced||!('IntersectionObserver' in window)){t.forEach(x=>x.classList.add('in'));return;}\r\n  const o=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');o.unobserve(e.target);}});},{threshold:0.08});\r\n  t.forEach(x=>o.observe(x));\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1380px&#8221; module_alignment=&#8221;center&#8221; disabled=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;label back-title&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">Plateforme No-code<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">La plateforme No-code propuls\u00e9e par l\u2019IA<br \/>qui accompagne votre croissance<\/h2>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"grid _3\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <i class=\"material-icons-two-tone\">analytics<\/i><!-- [et_pb_line_break_holder] -->  <\/p>\n<h3>Studio<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee style=\"text-align:left;\"><!-- [et_pb_line_break_holder] -->      Personnalisez chaque aspect de vos applications m\u00e9tiers sans aucun code gr\u00e2ce \u00e0 une interface en glisser-d\u00e9poser.<!-- [et_pb_line_break_holder] -->    <\/pee><!-- [et_pb_line_break_holder] -->    <a href=\"https:\/\/axelor.com\/fr\/studio\/\" class=\"second-link\"><span>D\u00e9couvrir<\/span><i class=\"material-icons-two-tone\">keyboard_return<\/i><\/a><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->   <\/p>\n<article><!-- [et_pb_line_break_holder] -->     <i class=\"material-icons-two-tone\">flowchart<\/i><!-- [et_pb_line_break_holder] -->  <\/p>\n<h3>BPM<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee style=\"text-align:left;\"><!-- [et_pb_line_break_holder] -->      Cr\u00e9ez et automatisez vos processus m\u00e9tier en quelques clics avec le BPM No Code Axelor.<!-- [et_pb_line_break_holder] -->    <\/pee><!-- [et_pb_line_break_holder] -->    <a href=\"https:\/\/axelor.com\/fr\/bpm-no-code\/\" class=\"second-link\"><span>D\u00e9couvrir<\/span><i class=\"material-icons-two-tone\">keyboard_return<\/i><\/a><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->   <\/p>\n<article><!-- [et_pb_line_break_holder] -->     <i class=\"material-icons-two-tone\">network_intel_node<\/i><!-- [et_pb_line_break_holder] -->  <\/p>\n<h3>Business Intelligence<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee style=\"text-align:left;\"><!-- [et_pb_line_break_holder] -->      Explorez, visualisez et analysez vos donn\u00e9es gr\u00e2ce aux rapports et tableaux de bord interactifs d\u2019Axelor BI.<!-- [et_pb_line_break_holder] -->    <\/pee><!-- [et_pb_line_break_holder] -->    <a href=\"https:\/\/axelor.com\/fr\/plateforme-business-intelligence\/\" class=\"second-link\"><span>D\u00e9couvrir<\/span><i class=\"material-icons-two-tone\">keyboard_return<\/i><\/a><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;dark&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; border_radii_tablet=&#8221;on|50px|50px|50px|50px&#8221; border_radii_phone=&#8221;on|40px|40px|40px|40px&#8221; border_radii_last_edited=&#8221;off|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Axelor Portal \u2014 bloc refondu<\/title>\r\n<script>document.documentElement.classList.add('js');<\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Chakra+Petch:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  *{margin:0;padding:0;box-sizing:border-box;}\r\n  :root{\r\n    --navy:#010165;--navy-dark:#0D021E;--navy-2:#07013F;\r\n    --ocean:#3ECF8E;--ocean-dark:#2BB57A;--ocean-soft:rgba(62,207,142,0.12);\r\n    --indigo:#4B3FD4;--magnolia:#F5F5FF;--wheelwright:#5D6B90;--white:#FFFFFF;\r\n  }\r\n  body{font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--navy-dark);color:rgba(255,255,255,0.7);-webkit-font-smoothing:antialiased;}\r\n  .js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;}\r\n  .js .reveal.in{opacity:1;transform:translateY(0);}\r\n  .js .reveal.d1{transition-delay:.1s;}.js .reveal.d2{transition-delay:.2s;}.js .reveal.d3{transition-delay:.3s;}\r\n\r\n  .portal{position:relative;overflow:hidden;background:linear-gradient(168deg,var(--navy-dark) 0%,var(--navy) 60%,var(--navy-2) 100%);padding:96px 28px 100px;}\r\n  .portal::before{content:\"\";position:absolute;top:-8%;right:-6%;width:680px;height:680px;background:radial-gradient(circle,rgba(62,207,142,0.13) 0%,transparent 60%);pointer-events:none;animation:glow 9s ease-in-out infinite;}\r\n  .portal::after{content:\"\";position:absolute;bottom:-24%;left:-12%;width:520px;height:520px;background:radial-gradient(circle,rgba(75,63,212,0.18) 0%,transparent 60%);pointer-events:none;animation:glow 11s ease-in-out infinite reverse;}\r\n  @keyframes glow{0%,100%{opacity:.6;transform:scale(1);}50%{opacity:1;transform:scale(1.1);}}\r\n\r\n  .portal-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:0.92fr 1.08fr;gap:56px;align-items:center;}\r\n\r\n  \/* ===== Colonne texte (gauche, ancr\u00e9e) ===== *\/\r\n  .portal-text{max-width:480px;}\r\n  .portal-eyebrow{display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n    padding: 7px 18px;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(62, 207, 142, 0.35);\r\n    border-radius: 100px;\r\n    color: rgba(62, 207, 142, 0.90);\r\n    font-family: 'Chakra-Petch', sans-serif;\r\n    font-weight: 400;\r\n    letter-spacing: 0.02em;\r\n    text-transform: none;\r\n    margin-bottom: 22px;\r\n    color: #3ECF8E !important;}\r\n  .portal-text h2{    font-size: var(--display-md-fs);\r\n    font-weight: var(--fw-bold);\r\n    line-height: var(--display-md-lh);\r\n    margin-bottom: var(--space-5);\r\n    letter-spacing: var(--display-track);}\r\n  .portal-text h2 .accent{background:linear-gradient(120deg,var(--ocean),var(--ocean-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}\r\n  .portal-text > p{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,0.64);font-weight:300;margin-bottom:26px;}\r\n  .portal-feats{display:flex;flex-direction:column;gap:13px;margin-bottom:30px;}\r\n  .portal-feat{display:flex;align-items:center;gap:12px;font-size:14.5px;color:rgba(255,255,255,0.82);font-weight:400;}\r\n  .portal-feat svg{width:20px;height:20px;stroke:var(--ocean);fill:none;stroke-width:2.2;flex-shrink:0;}\r\n  .portal-cta{display:inline-flex;align-items:center;gap:9px;color:var(--ocean);font-family:'Chakra Petch',sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:gap .2s;}\r\n  .portal-cta:hover{gap:13px;}\r\n  .portal-cta svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.3;}\r\n\r\n  \/* ===== Colonne visuelle (droite : mockup + cartes flottantes) ===== *\/\r\n  .portal-visual{position:relative;}\r\n  .portal-shot{position:relative;z-index:2;border-radius:16px;overflow:hidden;background:#fff;padding:14px;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);}\r\n  .portal-shot img{width:100%;display:block;border-radius:6px;}\r\n  .js .portal-shot{animation:floatShot 7s ease-in-out infinite;}\r\n  @keyframes floatShot{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}\r\n\r\n  \/* cartes flottantes (remplacent les fen\u00eatres macOS parasites) *\/\r\n  .float-card{position:absolute;z-index:3;background:rgba(13,2,30,0.74);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.14);border-radius:13px;padding:13px 15px;box-shadow:0 20px 50px rgba(0,0,0,.45);}\r\n  .js .float-card{animation:floatY 5s ease-in-out infinite;}\r\n  @keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-11px);}}\r\n  .float-card.fc1{top:-26px;left:-40px;animation-delay:0s;}\r\n  .float-card.fc2{bottom:46px;left:-54px;animation-delay:-2.4s;}\r\n  .fc-row{display:flex;align-items:center;gap:11px;}\r\n  .fc-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\r\n  .fc-ico.green{background:var(--ocean-soft);border:1px solid rgba(62,207,142,0.3);}\r\n  .fc-ico.green svg{width:18px;height:18px;stroke:var(--ocean);fill:none;stroke-width:2;}\r\n  .fc-ico.indigo{background:rgba(75,63,212,0.22);border:1px solid rgba(75,63,212,0.4);}\r\n  .fc-ico.indigo svg{width:18px;height:18px;stroke:#8C9BFF;fill:none;stroke-width:2;}\r\n  .fc-txt b{display:block;font-family:'Chakra Petch',sans-serif;font-size:12.5px;color:#fff;font-weight:600;line-height:1.25;}\r\n  .fc-txt span{font-family:'Chakra Petch',sans-serif;font-size:10.5px;color:rgba(255,255,255,0.6);}\r\n\r\n  @media (max-width:900px){\r\n    .portal-inner{grid-template-columns:1fr;gap:44px;}\r\n    .portal-text{max-width:none;text-align:center;margin:0 auto;}\r\n    .portal-feats{display:inline-flex;text-align:left;}\r\n    .portal-visual{max-width:560px;margin:0 auto;}\r\n    .float-card.fc1{left:-16px;transform:scale(.9);}\r\n    .float-card.fc2{left:-10px;transform:scale(.9);}\r\n  }\r\n  @media (max-width:560px){\r\n    .portal{padding:64px 16px 72px;}\r\n    .float-card{display:none;}\r\n  }\r\n  @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}.js .reveal{opacity:1;transform:none;}.js .portal-shot{animation:none;}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"portal\">\r\n  <div class=\"portal-inner\">\r\n\r\n    <!-- TEXTE (gauche) -->\r\n    <div class=\"portal-text\">\r\n      <span class=\"portal-eyebrow reveal\">Axelor Portal<\/span>\r\n      <h2 class=\"reveal d1\">Tout ce dont vous avez besoin pour <span class=\"accent\">vous connecter \u00e0 vos clients.<\/span><\/h2>\r\n      <p class=\"reveal d1\">Un portail collaboratif qui r\u00e9unit vos clients, partenaires et fournisseurs au m\u00eame endroit : documents partag\u00e9s, demandes, suivi et communication, en temps r\u00e9el.<\/p>\r\n      <div class=\"portal-feats reveal d2\">\r\n        <span class=\"portal-feat\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Espace client, partenaire et fournisseur unifi\u00e9<\/span>\r\n        <span class=\"portal-feat\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Documents, demandes et ressources partag\u00e9s<\/span>\r\n        <span class=\"portal-feat\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Connect\u00e9 nativement \u00e0 votre ERP<\/span>\r\n      <\/div>\r\n      <a class=\"portal-cta reveal d2\" href=\"https:\/\/axelor.com\/fr\/portail\/\">D\u00e9couvrir le portail <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n    <\/div>\r\n\r\n    <!-- VISUEL (droite) -->\r\n    <div class=\"portal-visual reveal d2\">\r\n      <!-- carte flottante 1 : nouvelle demande client -->\r\n      <div class=\"float-card fc1\">\r\n        <div class=\"fc-row\">\r\n          <span class=\"fc-ico green\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/span>\r\n          <div class=\"fc-txt\"><b>Nouvelle demande client<\/b><span>trait\u00e9e dans le portail<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <!-- carte flottante 2 : document partag\u00e9 -->\r\n      <div class=\"float-card fc2\">\r\n        <div class=\"fc-row\">\r\n          <span class=\"fc-ico indigo\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6\"\/><\/svg><\/span>\r\n          <div class=\"fc-txt\"><b>Document partag\u00e9<\/b><span>Rapport comptabilit\u00e9 | novembre<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"portal-shot\">\r\n        <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/portal_base-2.png\" alt=\"Axelor Portal \u2014 portail collaboratif\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const reduced=!!(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches);\r\n  const t=document.querySelectorAll('.reveal');\r\n  if(reduced||!('IntersectionObserver' in window)){t.forEach(x=>x.classList.add('in'));return;}\r\n  const o=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');o.unobserve(e.target);}});},{threshold:0.08});\r\n  t.forEach(x=>o.observe(x));\r\n})();\r\n<\/script>\r\n<\/body>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; overflow-x=&#8221;hidden&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;label back-title&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">Cas clients<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">D\u00e9couvrez comment Axelor a aid\u00e9 \u00e0 am\u00e9liorer<br \/>la gestion de ces entreprises<\/h2>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"testimonials\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<article id=\"thyssenkrupp\" class=\"active\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"testimonials-content\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"product-label industry\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"secteur-icon\"><span class=\"material-symbols-outlined\">precision_manufacturing<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <pee class=\"text-s\">Industrie<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <pee class=\"text-s\">Thyssenkrupp Materials France (TKMF), sp\u00e9cialiste de l\u2019acier et des m\u00e9taux non ferreux, cherche \u00e0 restructurer ses processus de gestion.<\/pee><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=testimonials-nav><!-- [et_pb_line_break_holder] -->        <button class=\"prev\"><span class=\"material-symbols-outlined\">arrow_back<\/span><\/button><!-- [et_pb_line_break_holder] -->        <button class=\"next\"><span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"testimonials-img\" style=\"background:linear-gradient(45deg, rgba(0,160,245,.7), rgba(0,160,245,.3)), url(https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/thyssenkrup_cas_clients-scaled.jpg); background-size:cover;\"><!-- [et_pb_line_break_holder] -->      <a href=\"https:\/\/axelor.com\/fr\/cas-client-tkmf\/\"><!-- [et_pb_line_break_holder] -->        <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/tkmf_blanc.svg\"><!-- [et_pb_line_break_holder] -->      \t<\/p>\n<h3>Thyssenkrupp Materials France utilise Axelor pour la gestion de sa production.<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <\/a><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/p>\n<article id=\"carbone\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"testimonials-content\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"product-label services\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"secteur-icon\"><span class=\"material-symbols-outlined\">groups<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <pee class=\"text-s\">Soci\u00e9t\u00e9s de services<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <pee class=\"text-s\">Pour accompagner sa croissance, Carbone 4 recherchait une solution de gestion d\u2019entreprise \u00e0 la fois souple et flexible.<\/pee><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=testimonials-nav><!-- [et_pb_line_break_holder] -->        <button class=\"prev\"><span class=\"material-symbols-outlined\">arrow_back<\/span><\/button><!-- [et_pb_line_break_holder] -->        <button class=\"next\"><span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"testimonials-img\" style=\"background:linear-gradient(45deg, rgba(40,50,70,.7), rgba(40,50,70,.3)), url(https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/carbon.jpg); background-size:cover;\"><!-- [et_pb_line_break_holder] -->      <a href=\"https:\/\/axelor.com\/fr\/cas-client-carbone-4\/\"><!-- [et_pb_line_break_holder] -->        <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/carbone_blanc.svg\"><!-- [et_pb_line_break_holder] -->      \t<\/p>\n<h3>Axelor organise la planification des missions de Carbone 4.<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <\/a><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/p>\n<article id=\"cdiscount\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"testimonials-content\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"product-label commerce\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"secteur-icon\"><span class=\"material-symbols-outlined\">store<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <pee class=\"text-s\">Commerce<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <pee class=\"text-s\">Avec plus de 13 000 vendeurs et 100 millions de produits, la marketplace de Cdiscount, op\u00e9r\u00e9e par sa filiale Octopia, fait partie des marketplaces leader en Europe.<\/pee><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=testimonials-nav><!-- [et_pb_line_break_holder] -->        <button class=\"prev\"><span class=\"material-symbols-outlined\">arrow_back<\/span><\/button><!-- [et_pb_line_break_holder] -->        <button class=\"next\"><span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"testimonials-img\" style=\"background:linear-gradient(45deg, rgba(226,58,5,.7), rgba(226,58,5,.3)), url(https:\/\/axelor.com\/wp-content\/uploads\/2021\/07\/cdiscount_cas_client.png); background-size:cover;\"><!-- [et_pb_line_break_holder] -->      <a href=\"https:\/\/axelor.com\/fr\/cas-client-cdiscount\/\"><!-- [et_pb_line_break_holder] -->        <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/cdiscount_blanc.svg\"><!-- [et_pb_line_break_holder] -->      \t<\/p>\n<h3>CDiscount d\u00e9veloppe un service de facturation pour ses vendeurs tiers gr\u00e2ce \u00e0 Axelor.<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <\/a><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/p>\n<article id=\"cemea\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"testimonials-content\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"product-label plateform\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"secteur-icon\"><span class=\"material-symbols-outlined\">developer_mode_tv<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <pee class=\"text-s\">Plateforme Low Code<\/pee><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <pee class=\"text-s\">En choisissant Axelor, les Cem\u00e9a disposent aujourd\u2019hui d\u2019une solution globale en Low Code leur permettant de g\u00e9rer les facturations, les suivis de formations et les fichiers clients.<\/pee><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=testimonials-nav><!-- [et_pb_line_break_holder] -->        <button class=\"prev\"><span class=\"material-symbols-outlined\">arrow_back<\/span><\/button><!-- [et_pb_line_break_holder] -->        <button class=\"next\"><span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"testimonials-img\" style=\"background:linear-gradient(45deg, rgba(227,25,24,.7), rgba(227,25,24,.3)), url(https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/cemea.jpg); background-size:cover;\"><!-- [et_pb_line_break_holder] -->      <a href=\"https:\/\/axelor.com\/fr\/cas-client-cemea\/\"><!-- [et_pb_line_break_holder] -->        <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/cemea_blanc.svg\"><!-- [et_pb_line_break_holder] -->      \t<\/p>\n<h3>Les Cem\u00e9a s\u2019appuient sur la plateforme Low Code d\u2019Axelor pour r\u00e9ussir leur transformation num\u00e9rique.<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <\/a><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- Selecteur Testimonial  --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"testimonials-selector\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"thyssenkrupp\" class=\"active\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/tkmf_gris.svg\" class=\"not-selected\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/tkmf_bleu.svg\" class=\"selected active\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"carbone\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/carbone_gris.svg\" class=\"not-selected\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/carbone_couleur.svg\" class=\"selected\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"cdiscount\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/cdiscount_gris.svg\" class=\"not-selected\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/cdiscount_couleur.svg\" class=\"selected\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"cemea\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/cemea_gris.svg\" class=\"not-selected\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/12\/cemea_couleur.svg\" class=\"selected\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;dark&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_direction=&#8221;45deg&#8221; background_color_gradient_stops=&#8221;#010132 0%|#010165 100%&#8221; border_radii=&#8221;on|70px|70px|70px|70px&#8221; border_radii_tablet=&#8221;on|50px|50px|50px|50px&#8221; border_radii_phone=&#8221;on|40px|40px|40px|40px&#8221; border_radii_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; custom_margin=&#8221;100px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;label back-title&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">Actualit\u00e9s<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;760px&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">Webinars, formations, \u00e9v\u00e8nements&#8230;<br \/>D\u00e9couvrez nos derni\u00e8res actualit\u00e9s.<\/h2>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\t\t\t<div class=\"last-event\">\r\n\t\t\t\t<p><strong>[Webinar] <\/strong>ERP agentique : de quoi parle-t-on vraiment ? <span>- 25\/09\/2026<\/span><\/p>\r\n\t\t\t\t<a href=\"https:\/\/axelor.com\/fr\/erp-agentique-de-quoi-parle-t-on-vraiment\/\" class=\"button second icone\">\r\n\t\t\t\t\t<p>S'inscrire <i class=\"material-icons\"> keyboard_return <\/i><\/p>\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t<!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\t<div class=\"custom-carousel\">\r\n                    <div class=\"carousel-card\" style=\"background:radial-gradient(circle at top, #2F42ED80, #2F42ED10); border:solid 2px #2F42ED30; box-shadow:0 0 40px #2F42ED30;\">\r\n                <a href=\"https:\/\/axelor.com\/fr\/ecovadis-2026\/\" class=\"card-link\">\r\n                    <div class=\"card-image\" style=\"background-image: url('https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Badge-Ecovadis-2026-1024x1024.png');\"><\/div>\r\n                    <div class=\"card-content\">\r\n\t\t\t\t\t\t<div class=\"label-category\">\r\n\t\t\t\t\t\t\t<span class=\"card-category text-s\">Actualit\u00e9<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n                        <h3 class=\"card-title\">EcoVadis 2026<\/h3>\r\n                        <p class=\"card-description\">M\u00e9daille de bronze EcoVadis renouvel\u00e9e pour Axelor : 66\/100 et une performance RSE qualifi\u00e9e d'avanc\u00e9e. Le d\u00e9tail de nos scores par th\u00e8me.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n                    <div class=\"carousel-card\" style=\"background:radial-gradient(circle at top, #0E88D580, #0E88D510); border:solid 2px #0E88D530; box-shadow:0 0 40px #0E88D530;\">\r\n                <a href=\"https:\/\/axelor.com\/fr\/axelor-batimat-2026\/\" class=\"card-link\">\r\n                    <div class=\"card-image\" style=\"background-image: url('https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Article-salon-batimat.png');\"><\/div>\r\n                    <div class=\"card-content\">\r\n\t\t\t\t\t\t<div class=\"label-category\">\r\n\t\t\t\t\t\t\t<span class=\"card-category text-s\">\u00c9v\u00e8nement<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n                        <h3 class=\"card-title\">Retrouvez Axelor \u00e0\u00a0BATIMAT 2026<\/h3>\r\n                        <p class=\"card-description\">Axelor expose \u00e0 BATIMAT 2026, du 28 septembre au 1er octobre \u00e0 Paris Porte de Versailles, Hall 1 stand B033. Quatre jours pour voir fonctionner l'ERP nativement agentique et No-Code du b\u00e2timent et des<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n                    <div class=\"carousel-card\" style=\"background:radial-gradient(circle at top, #3ECF8E80, #3ECF8E10); border:solid 2px #3ECF8E30; box-shadow:0 0 40px #3ECF8E30;\">\r\n                <a href=\"https:\/\/axelor.com\/fr\/erp-agentique-de-quoi-parle-t-on-vraiment\/\" class=\"card-link\">\r\n                    <div class=\"card-image\" style=\"background-image: url('https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Webinar-IA-agentique-1024x683.png');\"><\/div>\r\n                    <div class=\"card-content\">\r\n\t\t\t\t\t\t<div class=\"label-category\">\r\n\t\t\t\t\t\t\t<span class=\"card-category text-s\">Webinar<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n                        <h3 class=\"card-title\">ERP agentique : de quoi parle-t-on vraiment ?<\/h3>\r\n                        <p class=\"card-description\">Assistant ou agent ? Comprenez ce qu'est r\u00e9ellement une plateforme agentique, ce qui la distingue d'un simple assistant, et voyez-la fonctionner en direct dans un ERP. Webinaire le 25 septembre.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n                    <div class=\"carousel-card\" style=\"background:radial-gradient(circle at top, #2F42ED80, #2F42ED10); border:solid 2px #2F42ED30; box-shadow:0 0 40px #2F42ED30;\">\r\n                <a href=\"https:\/\/axelor.com\/fr\/facturation-electronique-2026-calendrier-sanctions-erp\/\" class=\"card-link\">\r\n                    <div class=\"card-image\" style=\"background-image: url('https:\/\/axelor.com\/wp-content\/uploads\/2026\/07\/passage-de-la-facture-papier-a-la-facture-electronique.jpg');\"><\/div>\r\n                    <div class=\"card-content\">\r\n\t\t\t\t\t\t<div class=\"label-category\">\r\n\t\t\t\t\t\t\t<span class=\"card-category text-s\">News<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n                        <h3 class=\"card-title\">Facturation \u00e9lectronique 2026 : calendrier, sanctions, ERP<\/h3>\r\n                        <p class=\"card-description\">Facturation \u00e9lectronique : r\u00e9ception obligatoire pour toutes les entreprises d\u00e8s le 1er sept. 2026. Calendrier, sanctions et plateforme agr\u00e9\u00e9e Axelor.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n                    <div class=\"carousel-card\" style=\"background:radial-gradient(circle at top, #00000080, #00000010); border:solid 2px #00000030; box-shadow:0 0 40px #00000030;\">\r\n                <a href=\"https:\/\/axelor.com\/fr\/assistant-ou-agent-ia-erp\/\" class=\"card-link\">\r\n                    <div class=\"card-image\" style=\"background-image: url('https:\/\/axelor.com\/wp-content\/uploads\/2026\/08\/ERP-agentique.jpg');\"><\/div>\r\n                    <div class=\"card-content\">\r\n\t\t\t\t\t\t<div class=\"label-category\">\r\n\t\t\t\t\t\t\t<span class=\"card-category text-s\">Article<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n                        <h3 class=\"card-title\">Assistant ou agent IA : quelle diff\u00e9rence pour votre ERP ?<\/h3>\r\n                        <p class=\"card-description\">Assistant ou agent IA pour votre ERP : l'assistant r\u00e9pond, l'agent ex\u00e9cute. D\u00e9finitions, tableau comparatif et approche agentique d'Axelor en 2026.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n                    <div class=\"carousel-card\" style=\"background:radial-gradient(circle at top, #3ECF8E80, #3ECF8E10); border:solid 2px #3ECF8E30; box-shadow:0 0 40px #3ECF8E30;\">\r\n                <a href=\"https:\/\/axelor.com\/fr\/facturation-electronique-automatiser-son-cycle-de-vie-dans-lerp\/\" class=\"card-link\">\r\n                    <div class=\"card-image\" style=\"background-image: url('https:\/\/axelor.com\/wp-content\/uploads\/2026\/07\/facturation-thumbnail.jpg');\"><\/div>\r\n                    <div class=\"card-content\">\r\n\t\t\t\t\t\t<div class=\"label-category\">\r\n\t\t\t\t\t\t\t<span class=\"card-category text-s\">Webinar<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n                        <h3 class=\"card-title\">Facturation \u00e9lectronique : automatiser son cycle de vie dans l&#8217;ERP<\/h3>\r\n                        <p class=\"card-description\">Pilotez l'\u00e9mission, la r\u00e9ception, l'e-reporting et l'archivage de la facture \u00e9lectronique directement dans votre ERP. Inscription gratuite.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n                    <div class=\"carousel-card\" style=\"background:radial-gradient(circle at top, #3ECF8E80, #3ECF8E10); border:solid 2px #3ECF8E30; box-shadow:0 0 40px #3ECF8E30;\">\r\n                <a href=\"https:\/\/axelor.com\/fr\/axelor-lance-sa-plateforme-ia-agentique\/\" class=\"card-link\">\r\n                    <div class=\"card-image\" style=\"background-image: url('https:\/\/axelor.com\/wp-content\/uploads\/2026\/06\/thumbnail-webinar-ai.jpg');\"><\/div>\r\n                    <div class=\"card-content\">\r\n\t\t\t\t\t\t<div class=\"label-category\">\r\n\t\t\t\t\t\t\t<span class=\"card-category text-s\">Webinar<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n                        <h3 class=\"card-title\">Axelor lance sa plateforme IA agentique int\u00e9gr\u00e9e \u00e0 l\u2019ERP<\/h3>\r\n                        <p class=\"card-description\">Axelor vous invite \u00e0 un webinar exclusif pour d\u00e9couvrir en avant-premi\u00e8re sa nouvelle plateforme IA.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n                    <div class=\"carousel-card\" style=\"background:radial-gradient(circle at top, #2F42ED80, #2F42ED10); border:solid 2px #2F42ED30; box-shadow:0 0 40px #2F42ED30;\">\r\n                <a href=\"https:\/\/axelor.com\/fr\/bilan-carbone-2025\/\" class=\"card-link\">\r\n                    <div class=\"card-image\" style=\"background-image: url('https:\/\/axelor.com\/wp-content\/uploads\/2026\/05\/nature.jpg');\"><\/div>\r\n                    <div class=\"card-content\">\r\n\t\t\t\t\t\t<div class=\"label-category\">\r\n\t\t\t\t\t\t\t<span class=\"card-category text-s\">Actualit\u00e9<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n                        <h3 class=\"card-title\">Bilan Carbone 2025<\/h3>\r\n                        <p class=\"card-description\">Bilan carbone 2025 : Axelor obtient pour la 2\u00e8me ann\u00e9e cons\u00e9cutive la m\u00e9daille d'argent Greenly.<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n            <\/div>\r\n    \r\n\t\t<div class=\"footer-carousel\">\r\n\t\t\t<p style=\"text-align: center;\"><a href=\"https:\/\/axelor.com\/fr\/blog\/\" class=\"second-link center\"><span>Voir toutes nos actualit\u00e9s<\/span><i class=\"material-icons-two-tone\">keyboard_return<\/i><\/a><\/p>\r\n\t\t\t<div class=\"carousel-navigation\">\r\n            \t<button class=\"prev\"><span class=\"material-symbols-outlined\">arrow_back<\/span><\/button>\r\n            \t<button class=\"next\"><span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button>\r\n          \t<\/div>\r\n\t\t<\/div>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; module_class=&#8221;light-gray-bg&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;label back-title&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">FAQ<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">Questions Fr\u00e9quemment Pos\u00e9es<\/h2>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"faq grid _1\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Comment se d\u00e9roule l&#8217;accompagnement lors de l&#8217;impl\u00e9mentation de votre solution ERP ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee><!-- [et_pb_line_break_holder] -->        L&#8217;impl\u00e9mentation de notre solution ERP est un processus cl\u00e9 en main, con\u00e7u pour vous assurer une transition fluide et efficace. D\u00e8s le d\u00e9but, vous serez pris en charge par un expert, qui \u00e9valuera vos besoins sp\u00e9cifiques et \u00e9laborera un plan sur mesure pour votre entreprise. Notre objectif est de vous fournir non seulement un outil puissant, mais aussi le savoir-faire pour l&#8217;exploiter pleinement, garantissant ainsi une am\u00e9lioration tangible de vos op\u00e9rations. Soyez assur\u00e9s que chaque expert impliqu\u00e9 est s\u00e9lectionn\u00e9 pour son excellence et son engagement \u00e0 r\u00e9pondre \u00e0 vos besoins.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->   <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Puis-je obtenir des services de mise en \u0153uvre ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee><!-- [et_pb_line_break_holder] -->       Absolument, il est possible de b\u00e9n\u00e9ficier d\u2019une gamme compl\u00e8te de services pour accompagner la mise en \u0153uvre de votre solution ERP, incluant une formation approfondie de vos \u00e9quipes, une assistance technique continue, ainsi que des conseils strat\u00e9giques pour optimiser votre utilisation de l&#8217;ERP.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Comment la planification et le suivi de projet peuvent-ils am\u00e9liorer l&#8217;efficacit\u00e9 de nos services ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee><!-- [et_pb_line_break_holder] -->        La planification et le suivi de projet optimisent l&#8217;efficacit\u00e9 en alignant les objectifs avec les actions, permettant une gestion pr\u00e9cise des ressources et des d\u00e9lais. Nos outils de planification vous aident \u00e0 identifier et r\u00e9soudre rapidement les probl\u00e8mes, garantissant des livraisons conformes et dans les temps, ce qui am\u00e9liore directement la satisfaction client et la performance globale de vos services.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->   <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">De quelle mani\u00e8re votre solution aide-t-elle \u00e0 anticiper les d\u00e9passements de budget ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee><!-- [et_pb_line_break_holder] -->        Notre solution int\u00e8gre des outils avanc\u00e9s de pr\u00e9vision et d&#8217;alerte qui analysent les tendances de d\u00e9penses en temps r\u00e9el, permettant d&#8217;anticiper les d\u00e9passements de budget avant qu&#8217;ils ne surviennent. Gr\u00e2ce \u00e0 des rapports d\u00e9taill\u00e9s et des tableaux de bord intuitifs, vous avez une visibilit\u00e9 claire sur vos finances, ce qui vous permet d&#8217;ajuster proactivement vos plans et de contr\u00f4ler les co\u00fbts efficacement.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Comment le module de gestion des co\u00fbts et de la facturation simplifie-t-il le processus de facturation pour les clients ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee><!-- [et_pb_line_break_holder] -->        Notre module de gestion des co\u00fbts et de la facturation est con\u00e7u pour simplifier le processus de facturation en prenant en charge une diversit\u00e9 de cas de facturation, que ce soit pour des services au forfait, en r\u00e9gie ou r\u00e9currente. Il permet une gestion fluide et pr\u00e9cise de chaque type de facturation, en assurant une int\u00e9gration directe avec votre syst\u00e8me de comptabilit\u00e9. Cette int\u00e9gration garantit une coh\u00e9rence dans les tarifications et une exp\u00e9rience de facturation transparente et fiable pour les clients, tout en am\u00e9liorant la pr\u00e9cision de votre gestion financi\u00e8re.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Votre solution peut-elle s&#8217;int\u00e9grer avec d&#8217;autres outils que nous utilisons actuellement ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee><!-- [et_pb_line_break_holder] -->        Oui, Axelor Connect, notre plateforme No Code, est la cl\u00e9 d\u2019une connexion fluide et automatis\u00e9e entre vos applications. Elle vous assure une transition fluide et une continuit\u00e9 op\u00e9rationnelle sans perturber vos processus en place.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Qu\u2019est-ce qu\u2019un progiciel de gestion int\u00e9gr\u00e9 (PGI) ou ERP ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee>Par d\u00e9finition, un <a href=\"https:\/\/axelor.com\/fr\/erp-definition\/\">ERP<\/a> pour Enterprise Resource Planning aussi appel\u00e9 <a href=\"https:\/\/axelor.com\/fr\/progiciel-de-gestion-integre\/\">progiciel de gestion int\u00e9gr\u00e9<\/a> (PGI) en fran\u00e7ais est un logiciel permettant de g\u00e9rer et de suivre l\u2019ensemble des informations et services op\u00e9rationnels d\u2019une entreprise. L\u2019ensemble des processus de l\u2019entreprise peut donc \u00eatre g\u00e9r\u00e9 \u00e0 l\u2019aide d\u2019un progiciel de gestion int\u00e9gr\u00e9 comme la gestion des ressources humaines, la gestion comptable et financi\u00e8re, l\u2019aide \u00e0 la d\u00e9cision, la vente, la distribution, l\u2019approvisionnement et l\u2019ensemble des m\u00e9tiers au sein de l\u2019entreprise.<\/pee><!-- [et_pb_line_break_holder] --><pee>Le PGI se caract\u00e9rise par le fait qu\u2019il \u00e9mane d\u2019un concepteur unique, qui permet la mise \u00e0 jour de tous les modules d\u00e9ploy\u00e9s. Utiliser un progiciel de gestion int\u00e9gr\u00e9 doit garantir un acc\u00e8s \u00e0 une base de donn\u00e9es commune aux utilisateurs ou encore permettre la tra\u00e7abilit\u00e9 des op\u00e9rations r\u00e9alis\u00e9es. La plateforme Low Code (LCAP) propos\u00e9e par Axelor offre l\u2019ensemble de ces possibilit\u00e9s tout en optant pour une approche Low Code afin de personnaliser la plateforme avec facilit\u00e9 selon vos besoins.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Comment fonctionne un progiciel de gestion int\u00e9gr\u00e9 ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <pee> Les ERP ou progiciels de gestion int\u00e9gr\u00e9s qu\u2019il s\u2019agisse d\u2019une plateforme Low Code ou non repose sur un syst\u00e8me de collecte centralis\u00e9 des donn\u00e9es. Ces donn\u00e9es proviennent notamment de la production, des achats, du commerce ou encore de la logistique. L\u2019entreprise peut ainsi s\u2019appuyer sur une base de donn\u00e9es unique et compl\u00e8te, mise \u00e0 jour en temps r\u00e9el pour d\u00e9velopper des processus et op\u00e9rations strat\u00e9giques.<\/pee><!-- [et_pb_line_break_holder] -->      <pee><!-- [et_pb_line_break_holder] -->Ce qui fait la force d\u2019un logiciel de gestion int\u00e9gr\u00e9 c\u2019est avant tout la fa\u00e7on dont il sera pens\u00e9 pour s\u2019adapter aux besoins de l\u2019entreprise, notamment en s\u2019appuyant sur une base de donn\u00e9es unique. L\u2019entreprise peut donc s\u2019appuyer sur un <a href=\"https:\/\/axelor.com\/fr\/logiciel-erp-open-source-quest-ce-que-cest\/\">logiciel ERP<\/a> qui propose une mise \u00e0 disposition de donn\u00e9es \u00e9volutives en temps r\u00e9el. Ainsi, les informations ainsi que les processus mis en place peuvent s\u2019appuyer sur des donn\u00e9es fiables.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Quelles diff\u00e9rences y a-t-il entre un logiciel de CRM et un progiciel de gestion int\u00e9gr\u00e9 ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee>Il est important de ne pas confondre ERP et CRM. Le progiciel de gestion int\u00e9gr\u00e9 est un planificateur de ressources qui permet d\u2019optimiser la productivit\u00e9 et donc d\u2019augmenter les revenus et de r\u00e9duire les d\u00e9penses. Son r\u00f4le est en effet d\u2019assurer l\u2019efficacit\u00e9 de tous les proc\u00e9d\u00e9s de l\u2019entreprise en s\u2019appuyant sur une base de donn\u00e9es commune et l\u2019utilisation de modules d\u00e9di\u00e9s.<\/pee><!-- [et_pb_line_break_holder] -->      <pee>Le CRM, lui, ne prend pas en charge les processus de production, mais est orient\u00e9 vers les op\u00e9rations li\u00e9es \u00e0 la vente, au marketing ainsi qu\u2019au service client\u00e8le. Il s\u2019agit d\u2019un gestionnaire de relation client qui est tr\u00e8s pr\u00e9cieux pour de nombreuses entreprises, mais avec une approche diff\u00e9rente d\u2019un <a href=\"https:\/\/axelor.com\/fr\/erp\/\">ERP Open Source<\/a>.<\/pee><!-- [et_pb_line_break_holder] -->      <pee>Ainsi, Axelor int\u00e8gre directement un <a href=\"https:\/\/axelor.com\/fr\/crm\/\">CRM open source<\/a> au sein de l\u2019<a href=\"https:\/\/axelor.com\/fr\/erp-cloud\/\">ERP Cloud<\/a> afin de pouvoir b\u00e9n\u00e9ficier de la base de donn\u00e9es unique et ainsi fluidifier le processus depuis la vente jusqu\u2019\u00e0 la production et l\u2019envoi de facture. Vous am\u00e9liorez ainsi la visibilit\u00e9 sur vos donn\u00e9es en r\u00e9duisant les erreurs et oublis.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<article><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->       <\/p>\n<h3 class=\"text-lg\">Pourquoi cr\u00e9er une application m\u00e9tier avec la solution No Code\/Low Code Axelor ?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <span class=\"material-icons\"><!-- [et_pb_line_break_holder] -->add_circle_outline<!-- [et_pb_line_break_holder] --><\/span><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div><!-- [et_pb_line_break_holder] -->      <pee>Chez Axelor, notre logiciel de gestion int\u00e9gr\u00e9 est con\u00e7u sur une plateforme Low Code. Cela signifie que vous pouvez facilement ajouter des fonctionnalit\u00e9s compl\u00e9mentaires, sans avoir \u00e0 tout coder pour personnaliser le module en fonction des besoins de l\u2019entreprise. La plateforme No Code d\u2019Axelor permet de personnaliser tr\u00e8s facilement des applications en quelques clics avec le studio int\u00e9gr\u00e9. Un simple glisser-d\u00e9poser permet de param\u00e9trer en No Code l\u2019interface de notre <a href=\"https:\/\/axelor.com\/fr\/application-metier\/\">application m\u00e9tier<\/a> comme vous le d\u00e9sirez afin que cette derni\u00e8re corresponde \u00e0 ses besoins, mais aussi de la faire \u00e9voluer en m\u00eame temps que les processus m\u00e9tiers de votre entreprise.<\/pee><!-- [et_pb_line_break_holder] -->      <pee>L\u2019application No Code\/Low Code permet donc de b\u00e9n\u00e9ficier d\u2019une v\u00e9ritable solution sur mesure ! Les entreprises \u00e0 la recherche d\u2019un outil disposant de mise \u00e0 jour des donn\u00e9es en temps r\u00e9el, mais aussi de nombreuses fonctionnalit\u00e9s personnalisables permettant d\u2019optimiser les processus, de r\u00e9duire les co\u00fbts et de concr\u00e9tiser diff\u00e9rents projets pourront donc tout \u00e0 fait se tourner vers ce type de solution.<\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/article>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;2500px&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;2500px&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<footer id=\"footer_perso\"><!-- [et_pb_line_break_holder] -->\t\t\t\t<!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"container\"><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div id=\"footer-widgets\" class=\"clearfix\"><!-- [et_pb_line_break_holder] -->\t\t<\/p>\n<div class=\"footer-widget\">\n<div id=\"custom_html-11\" class=\"widget_text fwidget et_pb_widget widget_custom_html\">\n<div class=\"textwidget custom-html-widget\">\n<div class=\"dark\"><!-- [et_pb_line_break_holder] -->    <a href=\"https:\/\/axelor.com\/fr\/\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/05\/logo-axelor-blanc.svg\"><\/figure>\n<p><!-- [et_pb_line_break_holder] -->    <\/a><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul class=\"light\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/github.com\/axelor\" target=\"_blank\" rel=\"noopener\"><br \/>\n<figure><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/06\/logo-github.svg\"><\/figure>\n<p><\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/www.linkedin.com\/company\/axelor\/\" target=\"_blank\" rel=\"noopener\"><br \/>\n<figure><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/05\/logo-linkedin.svg\"><\/figure>\n<p><\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/x.com\/Axelor\" target=\"_blank\" rel=\"noopener\"><br \/>\n<figure><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2024\/06\/X_logo_2023.svg\"><\/figure>\n<p><\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/www.instagram.com\/axelor.official\/ \" target=\"_blank\" rel=\"noopener\"><br \/>\n<figure><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/05\/logo-instagram.svg\"><\/figure>\n<p><\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/www.youtube.com\/c\/AxelorApps\/featured\" target=\"_blank\" rel=\"noopener\"><br \/>\n<figure><img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/06\/logo-youtube.svg\"><\/figure>\n<p><\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"grid _4 dark\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<article><!-- [et_pb_line_break_holder] -->        <pee class=\"text-md\"><span class=\"footer-title\">\u00c0 propos d\u2019Axelor<\/span><\/pee><!-- [et_pb_line_break_holder] -->       <pee class=\"text-s\"><b>Axelor r\u00e9invente l&#8217;ERP<\/b> : Ses <b>agents IA<\/b> ex\u00e9cutent vos processus, cr\u00e9ent vos applications et interrogent vos donn\u00e9es en langage naturel, dans le respect strict de vos droits d&#8217;acc\u00e8s. <b>Open Source<\/b>, souveraine et <b>No-Code<\/b>, la plateforme se d\u00e9cline en quatre suites m\u00e9tier : le <b>service &#038; conseil<\/b> , <b>l&#8217;industrie<\/b>, le <b>BTP<\/b>, et le <b>secteur public<\/b>.<\/pee><!-- [et_pb_line_break_holder] --><pee class=\"text-s\"><!-- [et_pb_line_break_holder] -->Aujourd\u2019hui, le groupe Axelor c\u2019est 7 agences r\u00e9parties sur 4 continents, plus de 150 collaborateurs, une pr\u00e9sence dans plus de 30 pays, un r\u00e9seau de pr\u00e8s de 50 partenaires et un \u00e9cosyst\u00e8me de plus d\u20191 million d&#8217;utilisateurs.<\/pee><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"certifications-holder-footer\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><!-- [et_pb_line_break_holder] -->          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/04\/Afaq_27001_outline.png\" style=\"max-width:100px\"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div><!-- [et_pb_line_break_holder] -->          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/04\/plateforme-agreee-facture-electronique.png\" style=\"max-width:160px\"><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/article>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<article><!-- [et_pb_line_break_holder] -->        <\/p>\n<ul><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-md\"><span class=\"footer-title\">Produits<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/erp\/\">ERP<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/bpm-no-code\/\">BPM<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/crm\/\">CRM<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/toutes-les-applications\/\">Toutes nos applications<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/tarifs-axelor\/\">Tarifs<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<li class=\"text-md\"><a href=\"https:\/\/axelor.com\/fr\/blog\/\"><span class=\"footer-title\">Blog<\/span><\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/ul>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<ul><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-md\"><span class=\"footer-title\">Soci\u00e9t\u00e9<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/a-propos\/\">\u00c0 propos<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/blog\/\">Actualit\u00e9s<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/axelor-est-certifie-iso-9001\/\">ISO 9001<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/axelor-certifiee-iso-27001-avec-zero-non-conformite-en-securite\/\">ISO 27001<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <\/article>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<article><!-- [et_pb_line_break_holder] -->        <\/p>\n<ul><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-md\"><span class=\"footer-title\">Ressources<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/nos-livres-blancs\/\">Livres blancs<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/telechargements\/\">T\u00e9l\u00e9chargements<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/guide-dinstallation\/\">Guide d&#8217;installation<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/docs.axelor.com\/\" target=\"_blank\" rel=\"noopener\">Documentation<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/toutes-nos-formations\/\">Formations<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/www.youtube.com\/c\/AxelorApps\/featured\" target=\"_blank\" rel=\"noopener\">Vid\u00e9os<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/forum.axelor.com\/?_ga=2.267665934.1048291948.1685607090-1430712119.1685025473&#038;_gl=1*1392lh7*_ga*MTQzMDcxMjExOS4xNjg1MDI1NDcz*_ga_ZWJM77RQE6*MTY4NTYzMzI1MS4xOS4xLjE2ODU2Mzc0NDEuNjAuMC4w*_gcl_au*MjA1MDEzNjgxMi4xNjg1MDI0Nzg1\" target=\"_blank\" rel=\"noopener\">Forum<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <\/article>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<article><!-- [et_pb_line_break_holder] -->        <\/p>\n<ul><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-md\"><span class=\"footer-title\">Recrutement<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/offres\/\">Offres d&#8217;emploi<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/jobs\/\">L&#8217;esprit Axelor<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/ul>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<ul><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-md\"><span class=\"footer-title\">Partenaires<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/nos-partenaires\/\">Nos partenaires<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/devenir-partenaire\/\">Devenir partenaire Axelor<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li class=\"text-s\"><a href=\"https:\/\/axelor.com\/fr\/education\/\">Programme pour l&#8217;\u00e9ducation<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <\/article>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"dark\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul class=\"light\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/axelor.com\/fr\/mentions-legales\/\">Mentions l\u00e9gales<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/axelor.com\/fr\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/axelor.com\/fr\/politique-de-securisation-et-de-traitement-des-donnees\/\">Politique de s\u00e9curisation et de traitement des donn\u00e9es<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/axelor.com\/fr\/conditions-generales-de-vente-et-de-licence\/\">CGV<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"https:\/\/axelor.com\/fr\/licence-agpl\/\">Licence<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<li><a href=\"#\" onclick=\"document.querySelector('.cky-btn-revisit').click(); return false;\">Modifier mes pr\u00e9f\u00e9rences cookies<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<\/div>\n<\/div><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->\t\t\t<\/footer>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>actualit\u00e9sBilan Carbone 2025 : notre engagement en chiffres pour une gestion responsable de l&#8217;environnement.Nous sommes heureux de partager les r\u00e9sultats de notre \u00e9valuation carbone pour l&#8217;ann\u00e9e 2025, men\u00e9e avec Greenly, r\u00e9f\u00e9rence mondiale en mati\u00e8re de mesure de l&#8217;empreinte climatique des entreprises. Cette d\u00e9marche t\u00e9moigne de notre volont\u00e9 de placer la durabilit\u00e9 au c\u0153ur de notre [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","inline_featured_image":false,"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Editeur de logiciel ERP CRM &amp; BPM Low Code | Axelor<\/title>\n<meta name=\"description\" content=\"Avec Axelor, adoptez des solutions Low Code de progiciel de gestion int\u00e9gr\u00e9 (ERP), CRM &amp; BPM con\u00e7ues pour am\u00e9liorer la performance de votre entreprise.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/axelor.com\/fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editeur de logiciel ERP CRM &amp; BPM Low Code | Axelor\" \/>\n<meta property=\"og:description\" content=\"Avec Axelor, adoptez des solutions Low Code de progiciel de gestion int\u00e9gr\u00e9 (ERP), CRM &amp; BPM con\u00e7ues pour am\u00e9liorer la performance de votre entreprise.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/axelor.com\/fr\/\" \/>\n<meta property=\"og:site_name\" content=\"Axelor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-11T16:25:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/axelor.com\/wp-content\/uploads\/2025\/01\/bg_erp_new.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/axelor.com\/\",\"url\":\"https:\/\/axelor.com\/fr\/\",\"name\":\"Editeur de logiciel ERP CRM &amp; BPM Low Code | Axelor\",\"isPartOf\":{\"@id\":\"https:\/\/axelor.com\/#website\"},\"datePublished\":\"2024-11-19T12:11:55+00:00\",\"dateModified\":\"2026-09-11T16:25:51+00:00\",\"description\":\"Avec Axelor, adoptez des solutions Low Code de progiciel de gestion int\u00e9gr\u00e9 (ERP), CRM & BPM con\u00e7ues pour am\u00e9liorer la performance de votre entreprise.\",\"breadcrumb\":{\"@id\":\"https:\/\/axelor.com\/fr\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/axelor.com\/fr\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/axelor.com\/fr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/axelor.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Editeur de logiciel ERP CRM &amp; BPM Low Code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/axelor.com\/#website\",\"url\":\"https:\/\/axelor.com\/\",\"name\":\"Axelor\",\"description\":\"ERP CRM BPM Open Source\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/axelor.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Editeur de logiciel ERP CRM &amp; BPM Low Code | Axelor","description":"Avec Axelor, adoptez des solutions Low Code de progiciel de gestion int\u00e9gr\u00e9 (ERP), CRM & BPM con\u00e7ues pour am\u00e9liorer la performance de votre entreprise.","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:\/\/axelor.com\/fr\/","og_locale":"fr_FR","og_type":"article","og_title":"Editeur de logiciel ERP CRM &amp; BPM Low Code | Axelor","og_description":"Avec Axelor, adoptez des solutions Low Code de progiciel de gestion int\u00e9gr\u00e9 (ERP), CRM & BPM con\u00e7ues pour am\u00e9liorer la performance de votre entreprise.","og_url":"https:\/\/axelor.com\/fr\/","og_site_name":"Axelor","article_modified_time":"2026-09-11T16:25:51+00:00","og_image":[{"url":"https:\/\/axelor.com\/wp-content\/uploads\/2025\/01\/bg_erp_new.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/axelor.com\/","url":"https:\/\/axelor.com\/fr\/","name":"Editeur de logiciel ERP CRM &amp; BPM Low Code | Axelor","isPartOf":{"@id":"https:\/\/axelor.com\/#website"},"datePublished":"2024-11-19T12:11:55+00:00","dateModified":"2026-09-11T16:25:51+00:00","description":"Avec Axelor, adoptez des solutions Low Code de progiciel de gestion int\u00e9gr\u00e9 (ERP), CRM & BPM con\u00e7ues pour am\u00e9liorer la performance de votre entreprise.","breadcrumb":{"@id":"https:\/\/axelor.com\/fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/axelor.com\/fr\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/axelor.com\/fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/axelor.com\/"},{"@type":"ListItem","position":2,"name":"Editeur de logiciel ERP CRM &amp; BPM Low Code"}]},{"@type":"WebSite","@id":"https:\/\/axelor.com\/#website","url":"https:\/\/axelor.com\/","name":"Axelor","description":"ERP CRM BPM Open Source","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/axelor.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/pages\/377726"}],"collection":[{"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/comments?post=377726"}],"version-history":[{"count":322,"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/pages\/377726\/revisions"}],"predecessor-version":[{"id":388850,"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/pages\/377726\/revisions\/388850"}],"wp:attachment":[{"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/media?parent=377726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}