{"id":388622,"date":"2026-09-08T11:19:16","date_gmt":"2026-09-08T09:19:16","guid":{"rendered":"https:\/\/axelor.com\/?page_id=388622"},"modified":"2026-09-23T16:33:21","modified_gmt":"2026-09-23T14:33:21","slug":"btp","status":"publish","type":"page","link":"https:\/\/axelor.com\/fr\/btp\/","title":{"rendered":"Axelor Build Suite"},"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;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;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_code _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Axelor Build Suite : l'ERP agentique du BTP<\/title>\r\n<meta name=\"description\" content=\"ERP agentique pour le b\u00e2timent et les travaux publics : chantiers, situations de travaux, sous-traitance, achats et rentabilit\u00e9 par chantier.\">\r\n<link rel=\"canonical\" href=\"https:\/\/axelor.com\/fr\/axelor-build-suite\/\">\r\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\r\n<link rel=\"alternate\" hreflang=\"fr\" href=\"https:\/\/axelor.com\/fr\/axelor-build-suite\/\">\r\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/axelor.com\/construction-industry\/\">\r\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/axelor.com\/construction-industry\/\">\r\n<meta property=\"og:type\" content=\"article\">\r\n<meta property=\"og:locale\" content=\"fr_FR\">\r\n<meta property=\"og:site_name\" content=\"Axelor\">\r\n<meta property=\"og:title\" content=\"Axelor Build Suite : l'ERP agentique du BTP\">\r\n<meta property=\"og:description\" content=\"De l'appel d'offres \u00e0 la r\u00e9ception, pilotez vos chantiers, vos situations de travaux et votre rentabilit\u00e9 dans un seul ERP, avec des agents qui agissent.\">\r\n<meta property=\"og:url\" content=\"https:\/\/axelor.com\/fr\/axelor-build-suite\/\">\r\n<meta property=\"og:image\" content=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\">\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta name=\"twitter:title\" content=\"Axelor Build Suite : l'ERP agentique du BTP\">\r\n<meta name=\"twitter:description\" content=\"Chantiers, situations de travaux, sous-traitance et rentabilit\u00e9 par chantier en temps r\u00e9el.\">\r\n<meta name=\"twitter:image\" content=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\">\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-build {\r\n    --navy:#010165; --navy-2:#07013F; --navy-3:#08083D;\r\n    --ocean:#9E44DF; --ocean-dark:#8B2FCE; --ocean-soft:rgba(158,68,223,.12);\r\n    --indigo:#4B3FD4; --orange:#E58B1B; --rouge:#F05858;\r\n    --magnolia:#F5F5FF; --magnolia-2:#FAFAFF; --wheelwright:#5D6B90; --white:#fff;\r\n    --line:rgba(1,1,101,.10); --line-2:rgba(1,1,101,.16);\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    --sh-lg:0 24px 60px rgba(13,2,30,.18);\r\n    font-family:'Poppins',sans-serif; color:var(--wheelwright);\r\n    font-size:15px; line-height:1.6; font-weight:400;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .axelor-build * {margin:0;padding:0;box-sizing:border-box;}\r\n  .axelor-build img {max-width:100%;display:block;}\r\n  .axelor-build a {text-decoration:none;color:inherit;}\r\n  .axelor-build h1, .axelor-build h2, .axelor-build h3 {\r\n    font-family:'Poppins',sans-serif;color:var(--navy);font-weight:600;letter-spacing:-.02em;line-height:1.18;}\r\n  .axelor-build h1 {font-size:30px;}\r\n  .axelor-build h2 {font-size:25px;}\r\n  .axelor-build h3 {font-size:18px;font-weight:600;}\r\n  .axelor-build p {font-weight:300;}\r\n  .axelor-build .wrap {max-width:1140px;margin:0 auto;padding:0 20px;}\r\n  .axelor-build .sec {padding:52px 0;}\r\n  .axelor-build .sec-alt {background:var(--magnolia-2);}\r\n  .axelor-build .eyebrow {\r\n    display:inline-block;font-family:'Chakra Petch',monospace;font-size:13px;font-weight:600;\r\n    text-transform:uppercase;letter-spacing:.06em;color:var(--ocean-dark);margin-bottom:12px;}\r\n  .axelor-build .accent {\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-build .hero {\r\n    position:relative;overflow:hidden;padding:56px 20px 52px;\r\n    background:radial-gradient(120% 130% at 20% 0%,#13134e,var(--navy) 55%,var(--navy-2));}\r\n  .axelor-build .hero-deco {\r\n    position:absolute;inset:0;pointer-events:none;opacity:.28;\r\n    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);\r\n    background-size:46px 46px;\r\n    -webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);\r\n    mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);}\r\n  .axelor-build .hero-halo {position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}\r\n  .axelor-build .hero-halo.a {width:360px;height:360px;top:-120px;left:-90px;background:rgba(158,68,223,.22);}\r\n  .axelor-build .hero-halo.b {width:320px;height:320px;bottom:-110px;right:-70px;background:rgba(75,63,212,.24);}\r\n  .axelor-build .hero-grid {position:relative;z-index:1;max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:34px;}\r\n  .axelor-build .hero .eyebrow {color:var(--sv-light);}\r\n  .axelor-build .hero h1 {color:var(--white);margin-bottom:14px;}\r\n  .axelor-build .hero-sub {font-size:16px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.78);margin-bottom:24px;}\r\n  .axelor-build .hero-sub strong {color:var(--white);font-weight:600;}\r\n  .axelor-build .button-group {display:flex;flex-wrap:wrap;gap:12px;}\r\n  .axelor-build .button-group.center {justify-content:center;}\r\n  .axelor-build .trust {display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}\r\n  .axelor-build .trust span {\r\n    display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:100px;\r\n    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);\r\n    font-size:12.5px;color:rgba(255,255,255,.82);}\r\n  .axelor-build .trust svg {width:14px;height:14px;stroke:var(--ocean);fill:none;stroke-width:2.2;flex-shrink:0;}\r\n  .axelor-build .sec-head {max-width:760px;margin-bottom:32px;}\r\n  .axelor-build .sec-head h2 {margin-bottom:12px;}\r\n  .axelor-build .sec-head p {font-size:15.5px;line-height:1.65;}\r\n  .axelor-build .sec-head.center {margin-left:auto;margin-right:auto;text-align:center;}\r\n  .axelor-build .feat {display:flex;flex-direction:column;gap:26px;margin-bottom:44px;align-items:center;}\r\n  .axelor-build .feat:last-child {margin-bottom:0;}\r\n  .axelor-build .feat-txt h2 {margin-bottom:14px;}\r\n  .axelor-build .feat-txt p {font-size:15px;line-height:1.68;margin-bottom:12px;}\r\n  .axelor-build .feat-txt strong {color:var(--navy);font-weight:600;}\r\n  .axelor-build .check-list {list-style:none;margin-top:16px;}\r\n  .axelor-build .check-list li {position:relative;padding-left:28px;margin-bottom:10px;font-size:14.5px;line-height:1.55;}\r\n  .axelor-build .check-list li::before {\r\n    content:\"\";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.4);}\r\n  .axelor-build .check-list li::after {\r\n    content:\"\";position:absolute;left:5px;top:9px;width:6px;height:3px;\r\n    border-left:2px solid var(--ocean-dark);border-bottom:2px solid var(--ocean-dark);transform:rotate(-45deg);}\r\n  .axelor-build .feat-media img {border-radius:14px;box-shadow:var(--sh-md);border:1px solid var(--line);width:100%;}\r\n  .axelor-build .feat-media.img-navy {\r\n    background:radial-gradient(120% 130% at 20% 0%,#13134e,var(--navy) 60%,var(--navy-2));\r\n    border-radius:16px;padding:22px;box-shadow:var(--sh-md);}\r\n  .axelor-build .feat-media.img-navy img {\r\n    border:none;box-shadow:none;border-radius:9px;\r\n    width:auto;max-width:100%;max-height:330px;margin:0 auto;display:block;object-fit:contain;}\r\n  .axelor-build .feat-media.img-plain {background:none;padding:0;box-shadow:none;}\r\n  .axelor-build .feat-media.img-plain img {\r\n    width:auto;max-width:100%;max-height:400px;margin:0 auto;display:block;\r\n    border:1px solid var(--line);border-radius:12px;\r\n    box-shadow:0 4px 16px rgba(1,1,101,.07);}\r\n  .axelor-build .faq details {\r\n    background:var(--white);border:1px solid var(--line);border-radius:13px;margin-bottom:10px;overflow:hidden;}\r\n  .axelor-build .faq details[open] {border-color:rgba(158,68,223,.4);box-shadow:var(--sh-sm);}\r\n  .axelor-build .faq summary {\r\n    padding:16px 19px;cursor:pointer;font-size:15px;font-weight:500;color:var(--navy);\r\n    list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;}\r\n  .axelor-build .faq summary::-webkit-details-marker {display:none;}\r\n  .axelor-build .faq summary::after {\r\n    content:\"\";width:9px;height:9px;flex-shrink:0;\r\n    border-right:2px solid var(--wheelwright);border-bottom:2px solid var(--wheelwright);\r\n    transform:rotate(45deg);transition:transform .2s;}\r\n  .axelor-build .faq details[open] summary::after {transform:rotate(-135deg);border-color:var(--ocean-dark);}\r\n  .axelor-build .faq .faq-a {padding:0 19px 17px;font-size:14px;line-height:1.68;border-top:1px dashed var(--line);padding-top:14px;margin:0 19px 17px;}\r\n  .axelor-build .faq .faq-a strong {color:var(--navy);font-weight:600;}\r\n  .axelor-build .cta {\r\n    position:relative;overflow:hidden;border-radius:20px;padding:44px 26px;text-align:center;\r\n    background:radial-gradient(120% 130% at 20% 0%,#13134e,var(--navy) 55%,var(--navy-2));}\r\n  .axelor-build .cta::before {\r\n    content:\"\";position:absolute;top:-45%;right:-12%;width:380px;height:380px;\r\n    background:radial-gradient(circle,rgba(158,68,223,.16),transparent 62%);pointer-events:none;}\r\n  .axelor-build .cta h2 {position:relative;color:var(--white);margin-bottom:12px;}\r\n  .axelor-build .cta p {position:relative;color:rgba(255,255,255,.72);font-size:15px;max-width:560px;margin:0 auto 24px;}\r\n  .axelor-build .cta .button-group {position:relative;}\r\n  .axelor-build .reveal {opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;}\r\n  .axelor-build .reveal.in {opacity:1;transform:none;}\r\n  .axelor-build .reveal.d1 {transition-delay:.09s;}\r\n  .axelor-build .reveal.d2 {transition-delay:.18s;}\r\n  @media (min-width:640px){\r\n    .axelor-build h1 {font-size:40px;}\r\n    .axelor-build h2 {font-size:30px;}\r\n    .axelor-build .sec {padding:66px 0;}\r\n    .axelor-build .hero {padding:70px 24px 66px;}\r\n    .axelor-build .cta {padding:56px 40px;}\r\n  }\r\n  @media (min-width:960px){\r\n    .axelor-build h1 {font-size:47px;}\r\n    .axelor-build .sec {padding:80px 0;}\r\n    .axelor-build .hero-grid {flex-direction:row;align-items:center;gap:48px;}\r\n    .axelor-build .hero-txt {flex:1.05;}\r\n    .axelor-build .hero-media {flex:1;}\r\n    .axelor-build .feat {flex-direction:row;align-items:center;gap:46px;}\r\n    .axelor-build .feat-media {display:flex;align-items:center;justify-content:center;}\r\n    .axelor-build .feat-txt {display:flex;flex-direction:column;justify-content:center;}\r\n    .axelor-build .feat.rev {flex-direction:row-reverse;}\r\n    .axelor-build .feat-txt, .axelor-build .feat-media {flex:1;}\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .axelor-build .reveal {opacity:1;transform:none;transition:none;}\r\n  }\r\n\r\n    position:relative;background:var(--white);border:1px solid var(--line);\r\n    border-radius:16px;padding:26px 22px;box-shadow:var(--sh-sm);}\r\n  .axelor-build .uses {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;}\r\n  .axelor-build .use {\r\n    background:var(--white);border:1px solid var(--line);border-radius:15px;padding:22px 20px;\r\n    box-shadow:var(--sh-sm);transition:transform .22s,box-shadow .22s;}\r\n  .axelor-build .use:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .use-top {display:flex;align-items:center;gap:11px;margin-bottom:12px;}\r\n  .axelor-build .use-ic {\r\n    width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.28);}\r\n  .axelor-build .use-ic svg {width:19px;height:19px;stroke:var(--ocean-dark);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-build .use h3 {font-size:16px;}\r\n  .axelor-build .use p {font-size:13.3px;line-height:1.6;margin-bottom:11px;}\r\n  .axelor-build .use .agent-does {\r\n    font-size:12.5px;line-height:1.55;padding:10px 12px;border-radius:9px;\r\n    background:rgba(158,68,223,.07);border:1px solid rgba(158,68,223,.22);color:var(--navy);}\r\n  .axelor-build .use .agent-does strong {color:var(--ocean-dark);font-weight:600;}\r\n  .axelor-build .gloss {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;}\r\n  .axelor-build .gl {\r\n    background:var(--white);border:1px solid var(--line);border-top:3px solid var(--ocean);\r\n    border-radius:16px;padding:24px 22px;box-shadow:var(--sh-sm);\r\n    transition:transform .22s,box-shadow .22s;}\r\n  .axelor-build .gl:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .gl-ic {\r\n    width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.28);margin-bottom:15px;}\r\n  .axelor-build .gl-ic svg {width:21px;height:21px;stroke:var(--ocean-dark);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-build .gl h3 {font-size:15.5px;margin-bottom:7px;}\r\n  .axelor-build .gl p {font-size:13.5px;line-height:1.6;}\r\n  @keyframes fxPulse{\r\n    0%{left:22px;opacity:0;}\r\n    8%{opacity:1;}\r\n    92%{opacity:1;}\r\n    100%{left:calc(100% - 34px);opacity:0;}\r\n  }\r\n\r\n  .axelor-build .fams {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;}\r\n  .axelor-build .fam {\r\n    background:var(--white);border:1px solid var(--line);border-top:3px solid var(--ocean);\r\n    border-radius:16px;padding:24px 22px;box-shadow:var(--sh-sm);\r\n    transition:transform .22s,box-shadow .22s;}\r\n  .axelor-build .fam:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .fam-ic {\r\n    width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.28);margin-bottom:15px;}\r\n  .axelor-build .fam-ic svg {width:21px;height:21px;stroke:var(--ocean-dark);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-build .fam h3 {font-size:17px;margin-bottom:14px;}\r\n  .axelor-build .fam ul {list-style:none;}\r\n  .axelor-build .fam li {\r\n    position:relative;padding:9px 0 9px 20px;font-size:13.8px;line-height:1.45;\r\n    color:var(--wheelwright);border-top:1px solid var(--line);}\r\n  .axelor-build .fam li:first-child {border-top:none;}\r\n  .axelor-build .fam li::before {\r\n    content:\"\";position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:2px;background:var(--ocean);}\r\n  @media (min-width:960px){\r\n    .axelor-build .cy h3 {font-size:16px;}\r\n  }\r\n\r\n  \/* ===== LOGOS CLIENTS ===== *\/\r\n  .axelor-build .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px 40px;}\r\n  .axelor-build .logos img{height:34px;width:auto;opacity:.62;filter:grayscale(1);transition:opacity .22s,filter .22s;}\r\n  .axelor-build .logos img:hover{opacity:1;filter:none;}\r\n  \/* ===== TEMOIGNAGES ===== *\/\r\n  .axelor-build .tm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;}\r\n  .axelor-build .tmc{\r\n    background:var(--white);border:1px solid var(--line);border-left:3px solid var(--ocean);\r\n    border-radius:0 15px 15px 0;padding:24px 22px;box-shadow:var(--sh-sm);}\r\n  .axelor-build .tmc img{height:30px;width:auto;margin-bottom:16px;}\r\n  .axelor-build .tmc blockquote{font-size:14.5px;line-height:1.7;color:var(--wheelwright);font-style:italic;margin-bottom:14px;}\r\n  .axelor-build .tmc cite{font-style:normal;display:block;font-size:13.5px;color:var(--navy);font-weight:600;}\r\n  .axelor-build .tmc cite span{display:block;font-weight:300;font-size:12.5px;color:var(--wheelwright);}\r\n  \/* ===== DEMO INTERACTIVE ===== *\/\r\n  .axelor-build .demo{\r\n    position:relative;padding-bottom:62%;height:0;overflow:hidden;\r\n    border-radius:16px;border:1px solid var(--line);box-shadow:var(--sh-md);background:var(--magnolia-2);}\r\n  .axelor-build .demo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}\r\n<\/style>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"WebPage\",\r\n  \"@id\": \"https:\/\/axelor.com\/fr\/axelor-build-suite\/#webpage\",\r\n  \"url\": \"https:\/\/axelor.com\/fr\/axelor-build-suite\/\",\r\n  \"name\": \"Axelor Build Suite : l'ERP agentique du BTP\",\r\n  \"inLanguage\": \"fr-FR\",\r\n  \"datePublished\": \"2026-09-07\",\r\n  \"dateModified\": \"2026-09-07\",\r\n  \"isPartOf\": {\"@type\": \"WebSite\", \"name\": \"Axelor\", \"url\": \"https:\/\/axelor.com\/\"},\r\n  \"publisher\": {\"@id\": \"https:\/\/axelor.com\/#organization\"},\r\n  \"about\": {\"@type\": \"SoftwareApplication\", \"name\": \"Axelor Build Suite\"},\r\n  \"primaryImageOfPage\": {\"@type\": \"ImageObject\", \"url\": \"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\"}\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Organization\",\r\n  \"@id\": \"https:\/\/axelor.com\/#organization\",\r\n  \"name\": \"Axelor\",\r\n  \"legalName\": \"Axelor SAS\",\r\n  \"url\": \"https:\/\/axelor.com\/\",\r\n  \"logo\": {\"@type\": \"ImageObject\", \"url\": \"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/logo_axelor_blue_green.png\"},\r\n  \"foundingDate\": \"2005\",\r\n  \"founder\": {\"@type\": \"Person\", \"name\": \"Laith Jubair\", \"jobTitle\": \"President-directeur general\"},\r\n  \"description\": \"Editeur francais d'ERP open source nativement agentique et No-Code.\",\r\n  \"sameAs\": [\r\n    \"https:\/\/www.linkedin.com\/company\/axelor\",\r\n    \"https:\/\/github.com\/axelor\"\r\n  ]\r\n}\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<div class=\"axelor-build\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <span class=\"hero-deco\"><\/span><span class=\"hero-halo a\"><\/span><span class=\"hero-halo b\"><\/span>\r\n    <div class=\"hero-grid\">\r\n      <div class=\"hero-txt reveal\">\r\n        <span class=\"eyebrow\">Axelor Build Suite<\/span>\r\n        <h1>L'ERP <span class=\"accent\">agentique<\/span> pour le b\u00e2timent et les travaux publics<\/h1>\r\n        <p class=\"hero-sub\">Une suite unique autour du <strong>chantier<\/strong> : de l'appel d'offres \u00e0 la r\u00e9ception, pilotez vos chantiers, vos situations de travaux et vos achats. <strong>L'IA agentique au service de vos chantiers et de votre rentabilit\u00e9.<\/strong><\/p>\r\n        <div class=\"button-group\">\r\n          <a class=\"button icone first\" href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\"><p style=\"margin-bottom:0px\">Acc\u00e9der \u00e0 la d\u00e9mo<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/p><\/a>\r\n          <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/contact\/\"><p style=\"margin-bottom:0px\">\u00catre contact\u00e9<\/p><\/a>\r\n        <\/div>\r\n        <div class=\"trust\">\r\n          <span><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Gestion de chantier native<\/span>\r\n          <span><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\"\/><\/svg>Agents IA inclus<\/span>\r\n          <span><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Open source, \u00e9diteur fran\u00e7ais<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-media reveal d2\">\r\n        <div class=\"hviz\">\r\n          <img decoding=\"async\" class=\"hviz-base\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Axelor-BTP.png\" alt=\"Interface d'Axelor Build Suite : pilotage des chantiers, des situations de travaux et des achats\" loading=\"eager\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- POUR QUI -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">Pour qui<\/span>\r\n        <h2>Con\u00e7u pour les entreprises qui construisent, r\u00e9novent et am\u00e9nagent<\/h2>\r\n        <p>Votre marge se joue chantier par chantier, vos co\u00fbts d\u00e9rivent vite sur le terrain, et chaque march\u00e9 a ses situations, ses avenants et ses retenues.<\/p>\r\n      <\/div>\r\n      <div class=\"fams\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px;\">\r\n\r\n        <div class=\"fm reveal\">\r\n          <div class=\"fm-top\">\r\n            <span class=\"fm-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 18h20\"\/><path d=\"M4 18a8 8 0 0 1 16 0\"\/><path d=\"M12 3.5v3.5\"\/><path d=\"M9.5 7h5\"\/><\/svg><\/span>\r\n            <div><h3>Gros oeuvre et structure<\/h3><span class=\"fm-sub\">Chantiers et march\u00e9s<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"fm-tags\">\r\n            <span>Ma\u00e7onnerie<\/span><span>B\u00e9ton<\/span><span>Terrassement<\/span><span>Fondations<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fm reveal d1\">\r\n          <div class=\"fm-top\">\r\n            <span class=\"fm-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg><\/span>\r\n            <div><h3>Second oeuvre<\/h3><span class=\"fm-sub\">Corps d'\u00e9tat techniques<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"fm-tags\">\r\n            <span>\u00c9lectricit\u00e9<\/span><span>Plomberie<\/span><span>CVC<\/span><span>Menuiserie<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fm reveal d2\">\r\n          <div class=\"fm-top\">\r\n            <span class=\"fm-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M7 15l3-3 3 2 4-5\"\/><circle cx=\"17\" cy=\"9\" r=\"1.6\"\/><\/svg><\/span>\r\n            <div><h3>Travaux publics et g\u00e9nie civil<\/h3><span class=\"fm-sub\">VRD et r\u00e9seaux<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"fm-tags\">\r\n            <span>Routes<\/span><span>R\u00e9seaux<\/span><span>VRD<\/span><span>Ouvrages d'art<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LE FIL DU METIER -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">Le fil du m\u00e9tier<\/span>\r\n        <h2>Une seule cha\u00eene, de l'appel d'offres \u00e0 la r\u00e9ception<\/h2>\r\n        <p>Ces cinq \u00e9tapes vivent dans le m\u00eame syst\u00e8me. Un pointage saisi sur le chantier remonte jusqu'\u00e0 la marge du chantier, sans ressaisie.<\/p>\r\n      <\/div>\r\n      <div class=\"flow reveal\">\r\n        <span class=\"flow-deco\"><\/span><span class=\"flow-halo h1\"><\/span><span class=\"flow-halo h2\"><\/span>\r\n        <div class=\"flow-rail\" role=\"tablist\" aria-label=\"Les \u00e9tapes d'un chantier\">\r\n          <button class=\"flow-node is-on\" role=\"tab\" id=\"fn0\" aria-controls=\"fs0\" aria-selected=\"true\" tabindex=\"0\"><span class=\"flow-dot\">1<\/span><span class=\"flow-lbl\">Appel d'offres<\/span><\/button>\r\n          <button class=\"flow-node\" role=\"tab\" id=\"fn1\" aria-controls=\"fs1\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"flow-dot\">2<\/span><span class=\"flow-lbl\">March\u00e9<\/span><\/button>\r\n          <button class=\"flow-node\" role=\"tab\" id=\"fn2\" aria-controls=\"fs2\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"flow-dot\">3<\/span><span class=\"flow-lbl\">Chantier<\/span><\/button>\r\n          <button class=\"flow-node\" role=\"tab\" id=\"fn3\" aria-controls=\"fs3\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"flow-dot\">4<\/span><span class=\"flow-lbl\">Situation<\/span><\/button>\r\n          <button class=\"flow-node\" role=\"tab\" id=\"fn4\" aria-controls=\"fs4\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"flow-dot\">5<\/span><span class=\"flow-lbl\">DGD<\/span><\/button>\r\n        <\/div>\r\n        <div class=\"flow-stage\">\r\n          <div class=\"flow-panel is-on\" id=\"fs0\" role=\"tabpanel\" aria-labelledby=\"fn0\">\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>Consultation en cours<\/b><span class=\"flow-badge\">\u00c9TUDE<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">Ma\u00eetre d'ouvrage<\/span><span class=\"v\">Ville de Roubaix<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Montant estim\u00e9<\/span><span class=\"v\">840 000 \u20ac<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">M\u00e9tr\u00e9<\/span><span class=\"v up\">chiffr\u00e9<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Remise<\/span><span class=\"v\">le 12<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>Le <strong>devis se chiffre<\/strong> \u00e0 partir de la biblioth\u00e8que d'ouvrages ; les chantiers similaires d\u00e9j\u00e0 r\u00e9alis\u00e9s restent accessibles, avec leur marge.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flow-panel\" id=\"fs1\" role=\"tabpanel\" aria-labelledby=\"fn1\" hidden>\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>March\u00e9 MA-2418<\/b><span class=\"flow-badge\">SIGN\u00c9<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">Montant march\u00e9<\/span><span class=\"v\">840 000 \u20ac<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Budget chantier<\/span><span class=\"v\">612 000 \u20ac<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Marge cible<\/span><span class=\"v up\">27,1 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Lots<\/span><span class=\"v\">5 lots planifi\u00e9s<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>Le <strong>budget de chantier se construit<\/strong> \u00e0 partir du march\u00e9 - lots, phases et postes - sans ressaisie.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flow-panel\" id=\"fs2\" role=\"tabpanel\" aria-labelledby=\"fn2\" hidden>\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>Semaine 37<\/b><span class=\"flow-badge\">CHANTIER<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">T\u00e2ches planifi\u00e9es<\/span><span class=\"v\">18<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">\u00c9quipes mobilis\u00e9es<\/span><span class=\"v\">4<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Avancement<\/span><span class=\"v up\">62 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Al\u00e9a<\/span><span class=\"v warn\">Livraison d\u00e9cal\u00e9e<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>Le <strong>planning des \u00e9quipes et du mat\u00e9riel<\/strong> se r\u00e9organise apr\u00e8s un al\u00e9a, selon les priorit\u00e9s du chantier.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flow-panel\" id=\"fs3\" role=\"tabpanel\" aria-labelledby=\"fn3\" hidden>\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>Situation n\u00b04<\/b><span class=\"flow-badge\">\u00c0 VALIDER<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">Avancement<\/span><span class=\"v\">62 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">R\u00e9alis\u00e9 sur budget<\/span><span class=\"v\">58 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Sous-traitance<\/span><span class=\"v\">2 lots<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Reste \u00e0 faire<\/span><span class=\"v up\">\u00e0 jour<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>La <strong>situation de travaux se calcule<\/strong> \u00e0 partir de l'avancement ; tout \u00e9cart avec le budget ressort imm\u00e9diatement.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flow-panel\" id=\"fs4\" role=\"tabpanel\" aria-labelledby=\"fn4\" hidden>\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>D\u00e9compte DGD-2418<\/b><span class=\"flow-badge\">\u00c0 \u00c9TABLIR<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">Avancement<\/span><span class=\"v\">100 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Retenue de garantie<\/span><span class=\"v\">5 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Marge r\u00e9elle<\/span><span class=\"v up\">25,6 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Solde<\/span><span class=\"v\">\u00e0 percevoir<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>Le <strong>d\u00e9compte d\u00e9finitif se pr\u00e9pare<\/strong> \u00e0 partir du r\u00e9alis\u00e9 - retenue de garantie et solde inclus.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ============ COMPOSANT IA AGENTIQUE ============ -->\r\n<style>\r\n  .axelor-ai-build{--navy:#010165;--navy-2:#07013F;--ocean:#C08CF0;--ocean-dark:#9E44DF;\r\n    --indigo:#4B3FD4;--orange:#E58B1B;--rouge:#F05858;--white:#fff;}\r\n  .axelor-ai-build *{box-sizing:border-box;}\r\n  .axelor-ai-build .ai-sec{position:relative;overflow:hidden;padding:56px 20px;\r\n    background:radial-gradient(120% 130% at 20% 0%,#13134e,var(--navy) 55%,var(--navy-2));font-family:'Poppins',sans-serif;}\r\n  .axelor-ai-build .ai-grid-deco{position:absolute;inset:0;pointer-events:none;opacity:.3;\r\n    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);\r\n    background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 70%);\r\n    mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 70%);}\r\n  .axelor-ai-build .ai-halo{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}\r\n  .axelor-ai-build .ai-halo.h1{width:380px;height:380px;top:-120px;left:-80px;background:rgba(158,68,223,.22);}\r\n  .axelor-ai-build .ai-halo.h2{width:320px;height:320px;bottom:-100px;right:-60px;background:rgba(75,63,212,.22);}\r\n  .axelor-ai-build .ai-inner{position:relative;z-index:1;max-width:1140px;margin:0 auto;}\r\n  .axelor-ai-build .ai-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border-radius:100px;\r\n    background:rgba(158,68,223,.12);border:1px solid rgba(158,68,223,.35);font-family:'Chakra Petch',monospace;\r\n    font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ocean);margin-bottom:18px;}\r\n  .axelor-ai-build .ais-pl{width:7px;height:7px;border-radius:50%;background:var(--ocean);animation:ais-pulse 1.8s ease-in-out infinite;}\r\n  @keyframes ais-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.7);}}\r\n  .axelor-ai-build .ai-inner h2{font-size:28px;line-height:1.18;font-weight:600;letter-spacing:-.02em;color:var(--white);margin:0 0 14px;}\r\n  .axelor-ai-build .ai-inner h2 .accent{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-ai-build .ai-frame{padding:18px 20px;margin-bottom:32px;border-left:3px solid var(--ocean);\r\n    border-radius:0 12px 12px 0;background:rgba(255,255,255,.04);font-size:15px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.82);}\r\n  .axelor-ai-build .ai-frame strong{color:var(--white);font-weight:600;}\r\n  .axelor-ai-build .scenarios{display:grid;grid-template-columns:1fr;gap:16px;}\r\n  .axelor-ai-build .scenario{position:relative;padding:24px 22px 22px;border-radius:16px;\r\n    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);transition:transform .25s,border-color .25s,background .25s;}\r\n  .axelor-ai-build .scenario:hover{transform:translateY(-4px);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);}\r\n  .axelor-ai-build .sc-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}\r\n  .axelor-ai-build .sc-ic{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}\r\n  .axelor-ai-build .sc-ic svg{width:20px;height:20px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-ai-build .sc-tag{font-family:'Chakra Petch',monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;}\r\n  .axelor-ai-build .scenario h3{font-size:17px;font-weight:600;line-height:1.3;color:var(--white);margin:0 0 12px;}\r\n  .axelor-ai-build .sc-q{padding:10px 14px;margin-bottom:12px;border-left:2px solid var(--ocean);border-radius:0 8px 8px 0;\r\n    background:rgba(0,0,0,.18);font-size:13.5px;font-style:italic;line-height:1.5;color:rgba(255,255,255,.72);}\r\n  .axelor-ai-build .sc-r{font-size:13.5px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.75);margin:0;}\r\n  .axelor-ai-build .sc-r strong{color:var(--ocean);font-weight:600;}\r\n  .axelor-ai-build .s-red .sc-ic{background:rgba(158,68,223,.14);border:1px solid rgba(158,68,223,.3);}\r\n  .axelor-ai-build .s-red .sc-ic svg{stroke:var(--rouge);} .axelor-ai-build .s-red .sc-tag{color:var(--rouge);}\r\n  .axelor-ai-build .s-orange .sc-ic{background:rgba(229,139,27,.14);border:1px solid rgba(229,139,27,.3);}\r\n  .axelor-ai-build .s-orange .sc-ic svg{stroke:var(--orange);} .axelor-ai-build .s-orange .sc-tag{color:var(--orange);}\r\n  .axelor-ai-build .s-indigo .sc-ic{background:rgba(75,63,212,.18);border:1px solid rgba(139,128,240,.35);}\r\n  .axelor-ai-build .s-indigo .sc-ic svg{stroke:#8B80F0;} .axelor-ai-build .s-indigo .sc-tag{color:#8B80F0;}\r\n  .axelor-ai-build .s-ocean .sc-ic{background:rgba(158,68,223,.14);border:1px solid rgba(158,68,223,.3);}\r\n  .axelor-ai-build .s-ocean .sc-ic svg{stroke:var(--ocean);} .axelor-ai-build .s-ocean .sc-tag{color:var(--ocean);}\r\n  .axelor-ai-build .ai-trust{display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding:16px 18px;border-radius:12px;\r\n    background:rgba(158,68,223,.07);border:1px solid rgba(158,68,223,.2);font-size:13px;font-weight:400;line-height:1.6;color:#ffffff;}\r\n  .axelor-ai-build .ai-trust svg{width:18px;height:18px;stroke:var(--ocean);fill:none;stroke-width:2;flex-shrink:0;margin-top:2px;}\r\n  .axelor-ai-build .ai-trust strong{color:var(--white);font-weight:600;}\r\n  .axelor-ai-build .ai-cta{margin-top:28px;}\r\n  .axelor-ai-build .button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}\r\n  @media (min-width:640px){.axelor-ai-build .ai-sec{padding:76px 32px;}.axelor-ai-build .ai-inner h2{font-size:34px;}\r\n    .axelor-ai-build .scenarios{grid-template-columns:1fr 1fr;gap:18px;}}\r\n  @media (min-width:960px){.axelor-ai-build .ai-inner h2{font-size:38px;max-width:820px;}.axelor-ai-build .ai-frame{max-width:840px;font-size:16px;}}\r\n\r\n  \/* ===== HUB : l'intervention au centre ===== *\/\r\n  .axelor-field-service .hub{\r\n    position:relative;overflow:hidden;border-radius:22px;padding:32px 20px;\r\n    background:radial-gradient(120% 130% at 15% 0%,#16165a,var(--navy) 55%,var(--navy-2));\r\n    border:1px solid rgba(255,255,255,.10);}\r\n  .axelor-field-service .hub-deco{\r\n    position:absolute;inset:0;pointer-events:none;opacity:.26;\r\n    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);\r\n    background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);\r\n    mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);}\r\n  .axelor-field-service .hub-halo{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}\r\n  .axelor-field-service .hub-halo.l{width:300px;height:300px;top:-120px;left:-80px;background:rgba(158,68,223,.20);}\r\n  .axelor-field-service .hub-halo.r{width:300px;height:300px;bottom:-120px;right:-70px;background:rgba(75,63,212,.22);}\r\n  .axelor-field-service .hub-svg{position:relative;z-index:1;max-width:520px;margin:0 auto 28px;}\r\n  .axelor-field-service .mods{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:14px;}\r\n  .axelor-field-service .mod{\r\n    flex:1 1 250px;min-width:0;padding:20px 18px;border-radius:14px;\r\n    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);\r\n    transition:transform .22s,background .22s,border-color .22s;}\r\n  .axelor-field-service .mod:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(158,68,223,.35);}\r\n  .axelor-field-service .mod-top{display:flex;align-items:center;gap:11px;margin-bottom:9px;}\r\n  .axelor-field-service .mod-ic{\r\n    width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:rgba(158,68,223,.14);border:1px solid rgba(158,68,223,.35);}\r\n  .axelor-field-service .mod-ic svg{width:18px;height:18px;stroke:var(--ocean);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-field-service .mod h3{font-size:15.5px;color:var(--white);margin:0;}\r\n  .axelor-field-service .mod p{font-size:13px;color:rgba(255,255,255,.72);line-height:1.55;margin:0;}\r\n  \/* ===== JOURNEE PILOTEE PAR LES AGENTS ===== *\/\r\n  .axelor-field-service .day{display:flex;flex-direction:column;gap:0;max-width:840px;margin:0 auto;}\r\n  .axelor-field-service .dy{position:relative;display:flex;gap:16px;padding-bottom:22px;}\r\n  .axelor-field-service .dy:last-child{padding-bottom:0;}\r\n  .axelor-field-service .dy::before{\r\n    content:\"\";position:absolute;left:31px;top:34px;bottom:0;width:2px;\r\n    background:linear-gradient(180deg,rgba(158,68,223,.5),rgba(158,68,223,.12));}\r\n  .axelor-field-service .dy:last-child::before{display:none;}\r\n  .axelor-field-service .dy-h{\r\n    position:relative;z-index:1;flex:0 0 64px;height:30px;border-radius:100px;\r\n    display:flex;align-items:center;justify-content:center;\r\n    background:var(--navy);color:var(--ocean);\r\n    font-family:'Chakra Petch',monospace;font-size:12.5px;font-weight:700;}\r\n  .axelor-field-service .dy-c{\r\n    flex:1;min-width:0;background:var(--white);border:1px solid var(--line);\r\n    border-radius:14px;padding:18px 20px;box-shadow:var(--sh-sm);}\r\n  .axelor-field-service .dy-c h3{font-size:16px;margin-bottom:7px;}\r\n  .axelor-field-service .dy-c p{font-size:13.5px;line-height:1.6;margin:0;}\r\n  .axelor-field-service .dy-c .who{\r\n    display:inline-block;margin-top:11px;font-family:'Chakra Petch',monospace;font-size:10.5px;\r\n    font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ocean-dark);\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.3);padding:4px 10px;border-radius:100px;}\r\n\r\n  .axelor-field-service .def-line{\r\n    display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding:18px 20px;\r\n    border-radius:14px;background:var(--magnolia-2);border:1px solid var(--line);\r\n    border-left:3px solid var(--ocean);font-size:14.5px;line-height:1.6;color:var(--wheelwright);}\r\n  .axelor-field-service .def-line svg{width:19px;height:19px;stroke:var(--ocean-dark);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:3px;}\r\n  .axelor-field-service .def-line strong{color:var(--navy);font-weight:600;}\r\n\r\n  \/* boutons : eviter que le libelle deborde *\/\r\n  .axelor-field-service .button {padding-left:26px;padding-right:26px;white-space:nowrap;}\r\n  .axelor-field-service .button p {white-space:nowrap;}\r\n  .axelor-ai-build .button {padding-left:26px;padding-right:26px;text-align:center;white-space:nowrap;}\r\n  .axelor-ai-build .button p {margin:0 !important;text-align:center;white-space:nowrap;}\r\n\r\n  \/* ===== PLANNING ===== *\/\r\n  \/* ===== PIECES \/ STOCK ===== *\/\r\n  .axelor-field-service .flow2{display:grid;grid-template-columns:1fr;gap:14px;counter-reset:f2;}\r\n  .axelor-field-service .f2{\r\n    position:relative;padding:20px 18px 20px 56px;border-radius:14px;\r\n    background:var(--white);border:1px solid var(--line);box-shadow:var(--sh-sm);}\r\n  .axelor-field-service .f2::before{\r\n    counter-increment:f2;content:counter(f2);\r\n    position:absolute;left:18px;top:20px;width:26px;height:26px;border-radius:8px;\r\n    background:var(--ocean);color:var(--navy);display:flex;align-items:center;justify-content:center;\r\n    font-family:'Chakra Petch',monospace;font-size:12.5px;font-weight:700;}\r\n  .axelor-field-service .f2 h3{font-size:15.5px;margin-bottom:6px;}\r\n  .axelor-field-service .f2 p{font-size:13.3px;line-height:1.6;}\r\n  @media (min-width:640px){ .axelor-field-service .flow2{grid-template-columns:repeat(2,minmax(0,1fr));} }\r\n  @media (min-width:900px){ .axelor-field-service .flow2{grid-template-columns:repeat(4,minmax(0,1fr));} }\r\n\r\n  \/* ===== ETAPES ALLEGEES ===== *\/\r\n  .axelor-field-service .steps4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;counter-reset:s4;}\r\n  @media (min-width:520px){ .axelor-field-service .steps4{grid-template-columns:repeat(2,minmax(0,1fr));} }\r\n  @media (min-width:900px){ .axelor-field-service .steps4{grid-template-columns:repeat(4,minmax(0,1fr));} }\r\n  .axelor-field-service .s4{\r\n    position:relative;background:var(--white);border:1px solid var(--line);\r\n    border-radius:15px;padding:22px 20px;box-shadow:var(--sh-sm);\r\n    transition:transform .22s,box-shadow .22s;}\r\n  .axelor-field-service .s4:hover{transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-field-service .s4::before{\r\n    counter-increment:s4;content:counter(s4);\r\n    display:flex;align-items:center;justify-content:center;\r\n    width:32px;height:32px;border-radius:10px;margin-bottom:14px;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.35);color:var(--ocean-dark);\r\n    font-family:'Chakra Petch',monospace;font-size:13px;font-weight:700;}\r\n  .axelor-field-service .s4 h3{font-size:15.5px;margin-bottom:7px;line-height:1.3;}\r\n  .axelor-field-service .s4 p{font-size:13px;line-height:1.55;}\r\n  \/* ===== BANDE AGENTIQUE EN LIGNE ===== *\/\r\n  .axelor-field-service .ai-line{\r\n    display:flex;align-items:flex-start;gap:13px;margin-top:18px;padding:14px 17px;\r\n    border-radius:13px;background:rgba(158,68,223,.07);border:1px solid rgba(158,68,223,.26);\r\n    font-size:13.8px;line-height:1.6;color:var(--wheelwright);}\r\n  .axelor-field-service .ai-line .bulle{\r\n    width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:var(--navy);}\r\n  .axelor-field-service .ai-line .bulle svg{width:17px;height:17px;stroke:var(--ocean);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-field-service .ai-line b{\r\n    display:block;font-family:'Chakra Petch',monospace;font-size:10.5px;font-weight:700;\r\n    letter-spacing:.07em;text-transform:uppercase;color:var(--ocean-dark);margin-bottom:4px;}\r\n  .axelor-field-service .ai-line strong{color:var(--navy);font-weight:600;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  \/* ===== PLANNING INTERACTIF (maquette produit) ===== *\/\r\n  .axelor-field-service .pl{position:relative;background:var(--white);border:1px solid var(--line);\r\n    border-radius:16px;box-shadow:var(--sh-md);overflow:hidden;font-family:'Poppins',sans-serif;}\r\n  .axelor-field-service .pl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;\r\n    padding:12px 14px;background:var(--magnolia);border-bottom:1px solid var(--line);}\r\n  .axelor-field-service .pl-seg{display:flex;background:var(--white);border:1px solid var(--line-2);\r\n    border-radius:9px;padding:3px;gap:2px;}\r\n  .axelor-field-service .pl-seg button{border:none;background:none;cursor:pointer;\r\n    font-family:inherit;font-size:11.5px;font-weight:500;color:var(--wheelwright);\r\n    padding:6px 13px;border-radius:7px;transition:background .16s,color .16s;}\r\n  .axelor-field-service .pl-seg button:hover{background:var(--magnolia);}\r\n  .axelor-field-service .pl-seg button.on{background:var(--navy);color:var(--white);font-weight:600;}\r\n  .axelor-field-service .pl-nav{display:flex;gap:3px;}\r\n  .axelor-field-service .pl-nav button{width:28px;height:28px;border-radius:8px;cursor:pointer;\r\n    border:1px solid var(--line-2);background:var(--white);color:var(--navy);\r\n    display:flex;align-items:center;justify-content:center;transition:background .16s,border-color .16s;}\r\n  .axelor-field-service .pl-nav button:hover{background:var(--navy);border-color:var(--navy);color:var(--white);}\r\n  .axelor-field-service .pl-nav svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-field-service .pl-date{display:flex;align-items:center;gap:8px;padding:6px 13px;\r\n    background:var(--white);border:1px solid var(--line-2);border-radius:9px;\r\n    font-size:12px;font-weight:500;color:var(--navy);}\r\n  .axelor-field-service .pl-date svg{width:14px;height:14px;stroke:var(--wheelwright);fill:none;stroke-width:1.9;}\r\n  .axelor-field-service .pl-mode{font-family:'Chakra Petch',monospace;font-size:10px;font-weight:700;\r\n    letter-spacing:.06em;text-transform:uppercase;color:var(--ocean-dark);\r\n    background:rgba(158,68,223,.13);border:1px solid rgba(158,68,223,.32);padding:5px 11px;border-radius:100px;}\r\n  .axelor-field-service .pl-today{margin-left:auto;display:flex;align-items:center;gap:7px;cursor:pointer;\r\n    border:none;border-radius:9px;background:var(--ocean);color:var(--navy);\r\n    font-family:inherit;font-size:11.5px;font-weight:600;padding:8px 14px;transition:filter .16s,transform .16s;}\r\n  .axelor-field-service .pl-today:hover{filter:brightness(1.06);transform:translateY(-1px);}\r\n  .axelor-field-service .pl-today svg{width:14px;height:14px;stroke:var(--navy);fill:none;stroke-width:2;}\r\n  .axelor-field-service .pl-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#C9CEE0 transparent;}\r\n  .axelor-field-service .pl-scroll::-webkit-scrollbar{height:8px;}\r\n  .axelor-field-service .pl-scroll::-webkit-scrollbar-thumb{background:#C9CEE0;border-radius:100px;}\r\n  .axelor-field-service .pl-view{display:none;}\r\n  .axelor-field-service .pl-view.on{display:block;}\r\n  .axelor-field-service .pl-grid{display:grid;min-width:640px;}\r\n  .axelor-field-service .pl-grid.sem{grid-template-columns:186px repeat(7,minmax(66px,1fr));}\r\n  .axelor-field-service .pl-grid.moi{grid-template-columns:186px repeat(4,minmax(96px,1fr));}\r\n  .axelor-field-service .pl-grid.jou{grid-template-columns:186px repeat(4,minmax(110px,1fr));}\r\n  .axelor-field-service .pl-hd{padding:9px 6px;text-align:center;font-size:11px;color:var(--wheelwright);\r\n    background:var(--magnolia-2);border-bottom:1px solid var(--line);border-left:1px solid var(--line);}\r\n  .axelor-field-service .pl-hd.we{background:#EFEFF7;color:#A6ADC4;}\r\n  .axelor-field-service .pl-hd:first-child{border-left:none;}\r\n  .axelor-field-service .pl-nm{display:flex;align-items:center;gap:7px;padding:11px 12px;\r\n    border-bottom:1px solid var(--line);font-size:12px;color:var(--navy);background:var(--white);}\r\n  .axelor-field-service .pl-nm .ar{width:14px;height:14px;flex-shrink:0;stroke:var(--wheelwright);fill:none;stroke-width:2.4;\r\n    transition:transform .18s;}\r\n  .axelor-field-service .pl-row.open .pl-nm .ar{transform:rotate(90deg);}\r\n  .axelor-field-service .pl-nm b{font-weight:600;}\r\n  .axelor-field-service .pl-nm.sub{padding-left:33px;font-size:11.5px;color:var(--wheelwright);background:var(--magnolia-2);}\r\n    display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;\r\n    min-height:40px;padding:4px;transition:filter .16s;}\r\n  .axelor-field-service .pl-slot{border-bottom:1px solid var(--line);border-left:1px solid var(--line);\r\n    background:var(--magnolia-2);min-height:40px;display:flex;align-items:center;padding:5px;}\r\n  .axelor-field-service .pl-bar2{flex:1;cursor:pointer;border:none;border-radius:6px;\r\n    font-family:inherit;font-size:11px;font-weight:600;color:var(--white);padding:8px 10px;\r\n    text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\r\n    transition:transform .16s,box-shadow .16s,filter .16s;}\r\n  .axelor-field-service .pl-bar2:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(1,1,101,.22);filter:brightness(1.05);}\r\n  .axelor-field-service .pl-bar2:focus-visible{outline:2px solid var(--navy);outline-offset:2px;}\r\n  .axelor-field-service .pl-bar2.li{background:rgba(158,68,223,.10);color:var(--ocean-dark);\r\n    border:1.5px dashed var(--ocean);font-weight:500;}\r\n  .axelor-field-service .pl-foot{display:flex;align-items:center;gap:15px;flex-wrap:wrap;\r\n    padding:11px 14px;border-top:1px solid var(--line);background:var(--magnolia-2);}\r\n  .axelor-field-service .pl-lg{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--wheelwright);}\r\n  .axelor-field-service .pl-lg i{width:11px;height:11px;border-radius:3px;display:inline-block;}\r\n  .axelor-field-service .pl-hint{margin-left:auto;font-family:'Chakra Petch',monospace;font-size:9.5px;\r\n    letter-spacing:.05em;text-transform:uppercase;color:#B9C0D4;}\r\n  .axelor-field-service .pl-pop{position:absolute;z-index:10;width:246px;opacity:0;pointer-events:none;\r\n    transform:translateY(6px);transition:opacity .18s,transform .18s;\r\n    background:var(--white);border:1px solid var(--line-2);border-radius:12px;\r\n    box-shadow:0 20px 46px rgba(1,1,101,.22);overflow:hidden;}\r\n  .axelor-field-service .pl-pop.on{opacity:1;pointer-events:auto;transform:translateY(0);}\r\n  .axelor-field-service .pl-pop-h{padding:10px 13px;background:var(--navy);color:var(--white);\r\n    font-size:11.5px;font-weight:600;}\r\n  .axelor-field-service .pl-pop-b{padding:12px 13px;}\r\n  .axelor-field-service .pl-pop-b .l{display:flex;justify-content:space-between;gap:10px;\r\n    font-size:11.5px;padding:5px 0;color:var(--wheelwright);}\r\n  .axelor-field-service .pl-pop-b .l b{color:var(--navy);font-weight:600;text-align:right;}\r\n  .axelor-field-service .pl-pop-a{display:flex;gap:8px;padding:0 13px 13px;}\r\n  .axelor-field-service .pl-pop-a button{flex:1;cursor:pointer;border:none;border-radius:8px;\r\n    font-family:inherit;font-size:11px;font-weight:600;padding:8px;transition:filter .16s;}\r\n  .axelor-field-service .pl-pop-a button:hover{filter:brightness(1.06);}\r\n  .axelor-field-service .pl-pop-a .b1{background:var(--ocean);color:var(--navy);}\r\n  .axelor-field-service .pl-pop-a .b2{background:var(--magnolia);color:var(--navy);border:1px solid var(--line-2);}\r\n\r\n  \/* colonne des techniciens *\/\r\n  .axelor-field-service .pl-nm{display:flex;align-items:center;gap:9px;padding:9px 12px;\r\n    border-bottom:1px solid var(--line);background:var(--white);}\r\n  .axelor-field-service .pl-nm .av{width:30px;height:30px;border-radius:9px;flex-shrink:0;\r\n    display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--ocean);\r\n    font-family:'Chakra Petch',monospace;font-size:11px;font-weight:700;}\r\n  .axelor-field-service .pl-nm .id{flex:1;min-width:0;line-height:1.2;}\r\n  .axelor-field-service .pl-nm .id b{display:block;font-size:12px;font-weight:600;color:var(--navy);}\r\n  .axelor-field-service .pl-nm .id i{font-style:normal;font-size:10.5px;color:var(--wheelwright);}\r\n  .axelor-field-service .pl-nm .ch{flex-shrink:0;font-family:'Chakra Petch',monospace;font-size:10px;\r\n    font-weight:700;color:var(--ocean-dark);background:rgba(158,68,223,.13);\r\n    border:1px solid rgba(158,68,223,.3);padding:3px 8px;border-radius:100px;}\r\n  \/* barres d'intervention *\/\r\n  .axelor-field-service .pl-slot{border-bottom:1px solid var(--line);border-left:1px solid var(--line);\r\n    background:var(--magnolia-2);min-height:54px;display:flex;padding:5px;}\r\n  .axelor-field-service .pl-slot.we{background:#EFEFF7;}\r\n  .axelor-field-service .pl-bar2{flex:1;min-width:0;border:none;border-radius:8px;cursor:pointer;\r\n    font-family:'Poppins',sans-serif;padding:7px 10px;text-align:left;\r\n    display:flex;flex-direction:column;justify-content:center;gap:2px;\r\n    transition:transform .16s,box-shadow .16s,filter .16s;}\r\n  .axelor-field-service .pl-bar2 .bt{font-size:11.5px;font-weight:600;line-height:1.2;\r\n    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\r\n  .axelor-field-service .pl-bar2 em{font-style:normal;font-size:10px;opacity:.8;line-height:1.2;\r\n    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\r\n  .axelor-field-service .pl-bar2:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(1,1,101,.22);filter:brightness(1.05);}\r\n  .axelor-field-service .pl-bar2:focus-visible{outline:2px solid var(--navy);outline-offset:2px;}\r\n  .axelor-field-service .pl-bar2.co{background:var(--indigo);color:#fff;}\r\n  .axelor-field-service .pl-bar2.ur{background:var(--orange);color:#fff;}\r\n  .axelor-field-service .pl-bar2.oc{background:var(--ocean);color:#fff;}\r\n  .axelor-field-service .pl-bar2.co,\r\n  .axelor-field-service .pl-bar2.co .bt,\r\n  .axelor-field-service .pl-bar2.co em,\r\n  .axelor-field-service .pl-bar2.ur,\r\n  .axelor-field-service .pl-bar2.ur .bt,\r\n  .axelor-field-service .pl-bar2.ur em{color:#ffffff;}\r\n  .axelor-field-service .pl-bar2.oc .bt,\r\n  .axelor-field-service .pl-bar2.oc em{color:#fff;}\r\n  .axelor-field-service .pl-bar2.co em,\r\n  .axelor-field-service .pl-bar2.ur em{opacity:.9;}\r\n  .axelor-field-service .pl-bar2.li{background:rgba(158,68,223,.08);color:var(--ocean-dark);\r\n    border:1.5px dashed var(--ocean);justify-content:center;align-items:center;}\r\n  .axelor-field-service .pl-bar2.li .bt{font-weight:500;}\r\n  \/* cartes de gauche : elles remplissent la hauteur, plus d'espaces morts *\/\r\n\r\n  .axelor-field-service .vhead{max-width:840px;margin-bottom:22px;}\r\n  .axelor-field-service .pintro{font-size:15px;line-height:1.65;color:var(--wheelwright);margin-bottom:18px;}\r\n  .axelor-field-service .pintro strong{color:var(--navy);font-weight:600;}\r\n  .axelor-field-service .pcards{display:flex;flex-direction:column;gap:11px;}\r\n  .axelor-field-service .pc{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:13px;\r\n    background:var(--magnolia-2);border:1px solid var(--line);font-size:13.5px;color:var(--navy);line-height:1.4;\r\n    transition:transform .2s,border-color .2s;}\r\n  .axelor-field-service .pc:hover{transform:translateX(3px);border-color:rgba(158,68,223,.45);}\r\n  .axelor-field-service .pc svg{width:19px;height:19px;flex-shrink:0;stroke:var(--ocean-dark);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  \/* base mobile : colonne technicien compacte, planning defilable *\/\r\n  .axelor-field-service .pl-grid{min-width:660px;}\r\n  .axelor-field-service .pl-grid.sem{grid-template-columns:150px repeat(7,minmax(78px,1fr));}\r\n  .axelor-field-service .pl-grid.moi,.axelor-field-service .pl-grid.jou{grid-template-columns:150px repeat(4,minmax(110px,1fr));}\r\n  .axelor-field-service .pl-nm .ch{display:none;}\r\n  @media (min-width:640px){\r\n    .axelor-field-service .pl-grid{min-width:840px;}\r\n    .axelor-field-service .pl-grid.sem{grid-template-columns:196px repeat(7,minmax(92px,1fr));}\r\n    .axelor-field-service .pl-grid.moi,.axelor-field-service .pl-grid.jou{grid-template-columns:196px repeat(4,minmax(130px,1fr));}\r\n    .axelor-field-service .pl-nm .ch{display:inline-block;}\r\n  }\r\n  @media (min-width:960px){\r\n    .axelor-field-service .feat.vA{align-items:stretch;gap:32px;}\r\n    .axelor-field-service .feat.vA .feat-txt{flex:0.56;display:flex;flex-direction:column;}\r\n    .axelor-field-service .feat.vA .feat-media{flex:1.62;}\r\n    .axelor-field-service .pcards{flex:1;}\r\n    .axelor-field-service .pc{flex:1;}\r\n  }\r\n\r\n  \/* [FIX INTEGRATION] Divi applique ses propres couleurs sur span, p et em :\r\n     on force explicitement la couleur sur chaque descendant du composant IA,\r\n     au lieu de compter sur l'heritage. *\/\r\n  .axelor-ai-build .ai-trust, .axelor-ai-build .ai-trust *{color:#ffffff !important;}\r\n  .axelor-ai-build .ai-trust strong{font-weight:600;}\r\n  .axelor-ai-build .ai-trust svg{stroke:var(--ocean) !important;}\r\n  .axelor-ai-build .ai-frame,\r\n  .axelor-ai-build .ai-frame span,\r\n  .axelor-ai-build .ai-frame p{color:rgba(255,255,255,.86);}\r\n  .axelor-ai-build .ai-frame strong{color:#ffffff;}\r\n  .axelor-ai-build .scenario h3,\r\n  .axelor-ai-build .scenario h3 span{color:#ffffff;}\r\n  .axelor-ai-build .sc-q,\r\n  .axelor-ai-build .sc-q span{color:rgba(255,255,255,.78);}\r\n  .axelor-ai-build .sc-r,\r\n  .axelor-ai-build .sc-r span{color:rgba(255,255,255,.80);}\r\n  .axelor-ai-build .ai-inner h2,\r\n  .axelor-ai-build .ai-inner h2 span:not(.accent){color:#ffffff;}\r\n\r\n  \/* [FIX INTEGRATION] certains th\u00e8mes r\u00e9imposent une puce sur les listes :\r\n     on neutralise explicitement, avec une sp\u00e9cificit\u00e9 sup\u00e9rieure. *\/\r\n  .axelor-build ul, .axelor-build ol, .axelor-build li,\r\n  .axelor-build .check-list, .axelor-build .check-list li,\r\n  .axelor-build .fam ul, .axelor-build .fam li {\r\n    list-style:none !important;list-style-type:none !important;list-style-image:none !important;\r\n    list-style-position:inside !important;}\r\n  .axelor-build ul, .axelor-build ol {padding-left:0 !important;margin-left:0 !important;}\r\n  .axelor-build li::marker {content:none !important;font-size:0 !important;color:transparent !important;}\r\n\r\n  \/* ===== COULEUR DE LA SUITE : Service = Rouge, appliqu\u00e9e avec retenue ===== *\/\r\n  .axelor-build {--sv:#9E44DF; --sv-txt:#8B2FCE; --sv-light:#C08CF0; --sv-soft:rgba(158,68,223,.28); --sv-tint:#F5EDFD; --sv-bg:#FBF7FE;}\r\n  .axelor-build .sec-alt {background:var(--sv-bg);}\r\n  .axelor-build .eyebrow {color:var(--sv);}\r\n  .axelor-build .fam {border-top-color:var(--sv);}\r\n  .axelor-build .fam-ic {background:var(--sv-tint);border-color:var(--sv-soft);}\r\n  .axelor-build .fam-ic svg {stroke:var(--sv);}\r\n  .axelor-build .fam li::before {background:var(--sv);}\r\n  .axelor-build .hero-halo.a {background:rgba(158,68,223,.20);}\r\n  .axelor-build .tmc {border-left-color:var(--sv);}\r\n\r\n\r\n  \/* ===== TABLEAU RECAP : format extractible pour les moteurs de reponse ===== *\/\r\n  .axelor-build .tbl-wrap {overflow-x:auto;-webkit-overflow-scrolling:touch;\r\n    border:1px solid var(--line);border-radius:16px;background:var(--white);\r\n    box-shadow:0 10px 30px rgba(1,1,101,.06);}\r\n  .axelor-build table.recap {width:100%;border-collapse:collapse;min-width:640px;font-size:14px;}\r\n  .axelor-build table.recap caption {\r\n    caption-side:top;text-align:left;padding:18px 20px 0;\r\n    font-size:13px;font-weight:400;color:var(--wheelwright);line-height:1.5;}\r\n  .axelor-build table.recap th,\r\n  .axelor-build table.recap td {padding:14px 18px;text-align:left;vertical-align:top;\r\n    border-bottom:1px solid var(--line);line-height:1.55;}\r\n  .axelor-build table.recap thead th {\r\n    font-family:'Chakra Petch';font-size:12px;font-weight:600;letter-spacing:.05em;\r\n    text-transform:uppercase;color:var(--sv-txt);background:var(--sv-tint);\r\n    border-bottom:1px solid var(--sv-soft);white-space:nowrap;}\r\n  .axelor-build table.recap tbody th {\r\n    font-weight:600;color:var(--navy);white-space:nowrap;width:1%;}\r\n  .axelor-build table.recap td {color:var(--wheelwright);font-weight:300;}\r\n  .axelor-build table.recap tbody tr:last-child th,\r\n  .axelor-build table.recap tbody tr:last-child td {border-bottom:0;}\r\n  .axelor-build table.recap tbody tr:hover th,\r\n  .axelor-build table.recap tbody tr:hover td {background:var(--magnolia-2);}\r\n  @media (min-width:768px){\r\n    .axelor-build table.recap {font-size:14.5px;}\r\n    .axelor-build table.recap caption {padding:20px 24px 0;}\r\n    .axelor-build table.recap th,.axelor-build table.recap td {padding:15px 24px;}\r\n  }\r\n\r\n  \/* ===== NO-CODE : 3 cartes sur une seule ligne ===== *\/\r\n  @media (min-width:900px){\r\n    .axelor-build .uses {grid-template-columns:repeat(3,minmax(0,1fr));}\r\n  }\r\n\r\n  \/* ===== APPLICATIONS : cartes color\u00e9es ===== *\/\r\n  .axelor-build .appgrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;}\r\n  @media (min-width:640px){ .axelor-build .appgrid {grid-template-columns:repeat(2,minmax(0,1fr));} }\r\n  @media (min-width:960px){ .axelor-build .appgrid {grid-template-columns:repeat(4,minmax(0,1fr));} }\r\n  .axelor-build .ap {\r\n    display:flex;flex-direction:column;gap:11px;padding:20px 18px;border-radius:15px;\r\n    border:1px solid transparent;box-shadow:var(--sh-sm);\r\n    transition:transform .22s ease,box-shadow .22s ease;}\r\n  .axelor-build .ap:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .ap-ic {\r\n    width:42px;height:42px;border-radius:12px;background:var(--white);\r\n    display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm);}\r\n  .axelor-build .ap-ic svg {width:20px;height:20px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-build .ap b {font-size:15px;font-weight:600;color:var(--navy);line-height:1.25;}\r\n  .axelor-build .ap span {font-size:12.8px;line-height:1.5;color:var(--wheelwright);font-weight:300;}\r\n  .axelor-build .ap.c1 {background:#F5EDFD;border-color:rgba(158,68,223,.26);}\r\n  .axelor-build .ap.c1 .ap-ic svg {stroke:var(--ocean-dark);}\r\n  .axelor-build .ap.c2 {background:#FCF3E8;border-color:rgba(229,139,27,.26);}\r\n  .axelor-build .ap.c2 .ap-ic svg {stroke:var(--orange);}\r\n  .axelor-build .ap.c3 {background:#EFEEFB;border-color:rgba(75,63,212,.24);}\r\n  .axelor-build .ap.c3 .ap-ic svg {stroke:var(--indigo);}\r\n  .axelor-build .ap.c4 {background:#FEF0F0;border-color:rgba(240,88,88,.24);}\r\n  .axelor-build .ap.c4 .ap-ic svg {stroke:var(--rouge);}\r\n  .axelor-build .ap.c5 {background:#EAEBFB;border-color:rgba(1,1,101,.16);}\r\n  .axelor-build .ap.c5 .ap-ic svg {stroke:var(--navy);}\r\n  .axelor-build .ap.c6 {background:#EEF1F7;border-color:rgba(93,107,144,.26);}\r\n  .axelor-build .ap.c6 .ap-ic svg {stroke:var(--wheelwright);}\r\n\r\n  \/* [FIX INTEGRATION] plus aucune balise <ul>\/<li> dans le bloc :\r\n     aucune puce ne peut appara\u00eetre, m\u00eame si la feuille de style n'est pas charg\u00e9e. *\/\r\n  .axelor-build .check-list .li {\r\n    position:relative;padding-left:28px;margin-bottom:10px;font-size:14.5px;line-height:1.55;}\r\n  .axelor-build .check-list .li::before {\r\n    content:\"\";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.4);}\r\n  .axelor-build .check-list .li::after {\r\n    content:\"\";position:absolute;left:5px;top:9px;width:6px;height:3px;\r\n    border-left:2px solid var(--ocean-dark);border-bottom:2px solid var(--ocean-dark);transform:rotate(-45deg);}\r\n  .axelor-build .fam-list .li,\r\n  .axelor-build .fam-item {\r\n    position:relative;padding:9px 0 9px 20px;font-size:13.8px;line-height:1.45;\r\n    color:var(--wheelwright);border-top:1px solid var(--line);}\r\n  .axelor-build .fam-item {border-top:none;}\r\n  .axelor-build .fam-list .li::before,\r\n  .axelor-build .fam-item::before {\r\n    content:\"\";position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:2px;background:var(--sv);}\r\n\r\n  \/* ===== FAMILLES DE M\u00c9TIERS ===== *\/\r\n  .axelor-build .fm {\r\n    background:var(--white);border:1px solid var(--line);border-radius:16px;\r\n    padding:24px 22px;box-shadow:var(--sh-sm);\r\n    display:flex;flex-direction:column;gap:16px;\r\n    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}\r\n  .axelor-build .fm:hover {transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--sv-soft);}\r\n  .axelor-build .fm-top {display:flex;align-items:center;gap:13px;}\r\n  .axelor-build .fm-ic {\r\n    width:46px;height:46px;border-radius:13px;flex-shrink:0;\r\n    display:flex;align-items:center;justify-content:center;\r\n    background:var(--sv-tint);border:1px solid var(--sv-soft);}\r\n  .axelor-build .fm-ic svg {width:21px;height:21px;stroke:var(--sv);}\r\n  .axelor-build .fm h3 {font-size:16.5px;font-weight:600;color:var(--navy);line-height:1.25;margin-bottom:3px;}\r\n  .axelor-build .fm-sub {\r\n    font-family:'Chakra Petch';font-size:11.5px;font-weight:500;letter-spacing:.03em;color:var(--wheelwright);}\r\n  .axelor-build .fm-tags {display:flex;flex-wrap:wrap;gap:8px;}\r\n  .axelor-build .fm-tags span {\r\n    display:inline-block;padding:7px 13px;border-radius:100px;\r\n    background:var(--magnolia);border:1px solid var(--line);\r\n    font-size:12.8px;font-weight:400;color:var(--navy);line-height:1.3;}\r\n\r\n  \/* ===== 3 COLONNES GARANTIES ===== *\/\r\n  @media (min-width:900px){\r\n    .axelor-build .fams {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}\r\n    .axelor-build .uses {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}\r\n  }\r\n\r\n  \/* ===== BANDE AGENTIQUE EN LIGNE ===== *\/\r\n  .axelor-build .ai-line {\r\n    display:flex;align-items:flex-start;gap:13px;margin-top:22px;padding:16px 19px;\r\n    border-radius:13px;background:rgba(158,68,223,.07);border:1px solid rgba(158,68,223,.26);\r\n    font-size:13.8px;line-height:1.6;color:var(--wheelwright);}\r\n  .axelor-build .ai-line .bulle {\r\n    width:36px;height:36px;border-radius:10px;flex-shrink:0;\r\n    display:flex;align-items:center;justify-content:center;background:var(--navy);}\r\n  .axelor-build .ai-line .bulle svg {width:17px;height:17px;stroke:var(--ocean);}\r\n  .axelor-build .ai-line .txt {flex:1;min-width:0;}\r\n  .axelor-build .ai-line .lbl {\r\n    display:block;font-family:'Chakra Petch';font-size:11px;font-weight:600;\r\n    letter-spacing:.07em;text-transform:uppercase;color:var(--ocean-dark);margin-bottom:5px;}\r\n  .axelor-build .ai-line strong {color:var(--navy);font-weight:600;}\r\n\r\n  \/* ===== EYEBROW EN PASTILLE ===== *\/\r\n  .axelor-build .eyebrow {\r\n    display:inline-block !important;padding:9px 20px;border-radius:100px;\r\n    background:var(--sv-tint);border:1px solid var(--sv-soft);\r\n    font-family:'Chakra Petch';font-size:14px;font-weight:500;line-height:1.3;\r\n    letter-spacing:.04em;text-transform:none !important;color:var(--sv-txt) !important;\r\n    margin-bottom:16px;}\r\n  \/* la pastille du hero reprend la couleur de la suite, comme les autres sections :\r\n     fond clair et texte Rouge, lisible sur le fond navy *\/\r\n  \/* Sur le hero navy : fond transparent, bordure et texte en Rouge de la charte.\r\n     C'est l'inverse des sections claires : ici le #F05858 donne 5,23:1 sur navy,\r\n     l\u00e0 o\u00f9 la d\u00e9clinaison fonc\u00e9e serait illisible. *\/\r\n  .axelor-build .hero .eyebrow {\r\n    background:transparent;border-color:rgba(158,68,223,.55);color:var(--sv-light) !important;}\r\n\r\n  \/* ===== FLOW : frise interactive moderne 2026 (theme clair) ===== *\/\r\n  .axelor-build .flow{position:relative;overflow:hidden;border-radius:22px;\r\n    background:#FFFFFF;border:1px solid #ECECF6;box-shadow:0 18px 44px rgba(1,1,101,.07);padding:24px 16px 22px;}\r\n  .axelor-build .flow-deco,.axelor-build .flow-halo{display:none;}\r\n  .axelor-build .flow-rail{position:relative;z-index:1;display:flex;gap:4px;padding:4px 2px 6px;margin-bottom:20px;}\r\n  .axelor-build .flow-rail::before{content:\"\";position:absolute;left:26px;right:26px;top:22px;height:2px;background:#E4E4F0;z-index:0;}\r\n  .axelor-build .flow-rail::-webkit-scrollbar{display:none;}\r\n  .axelor-build .flow-node{position:relative;z-index:1;flex:1;min-width:0;cursor:pointer;display:flex;\r\n    flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:4px 2px;font-family:'Poppins';text-align:center;}\r\n  .axelor-build .flow-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;\r\n    border-radius:11px;background:#F1F1FB;border:1px solid #E2E2F0;color:#8A90B5;\r\n    font-family:'Chakra Petch';font-size:14px;font-weight:700;transition:all .28s cubic-bezier(.4,0,.2,1);}\r\n  .axelor-build .flow-lbl{font-size:10.5px;font-weight:500;color:var(--wheelwright);line-height:1.25;text-align:center;transition:color .24s;}\r\n  .axelor-build .flow-node:hover .flow-dot{border-color:rgba(158,68,223,.5);color:var(--navy);}\r\n  .axelor-build .flow-node.is-done .flow-dot{background:#F5EDFD;border-color:rgba(158,68,223,.5);color:var(--ocean-dark);}\r\n  .axelor-build .flow-node.is-on .flow-dot{background:linear-gradient(150deg,var(--ocean),var(--ocean-dark));border-color:var(--ocean);\r\n    color:#fff;transform:scale(1.06);box-shadow:0 10px 22px rgba(158,68,223,.34),0 0 0 5px rgba(158,68,223,.12);}\r\n  .axelor-build .flow-node.is-on .flow-lbl{color:var(--navy);font-weight:600;}\r\n  .axelor-build .flow-node.is-on .flow-dot::after{content:\"\";position:absolute;inset:-1px;border-radius:11px;\r\n    border:1.5px solid rgba(158,68,223,.5);animation:flowPulse 2.2s ease-out infinite;}\r\n  @keyframes flowPulse{0%{transform:scale(1);opacity:.7;}70%{transform:scale(1.5);opacity:0;}100%{opacity:0;}}\r\n  .axelor-build .flow-stage{position:relative;z-index:1;}\r\n  .axelor-build .flow-panel{display:none;}\r\n  .axelor-build .flow-panel.is-on{display:flex;flex-direction:column;gap:16px;animation:flowIn .4s cubic-bezier(.4,0,.2,1) both;}\r\n  @keyframes flowIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}\r\n  .axelor-build .flow-card{background:#FAFAFF;border:1px solid #ECECF6;border-radius:18px;padding:18px;}\r\n  .axelor-build .flow-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}\r\n  .axelor-build .flow-card-h b{font-size:14.5px;color:var(--navy);font-weight:600;}\r\n  .axelor-build .flow-badge{font-family:'Chakra Petch';font-size:10px;font-weight:600;letter-spacing:.07em;color:var(--ocean-dark);\r\n    background:rgba(158,68,223,.12);border:1px solid rgba(158,68,223,.32);padding:5px 11px;border-radius:100px;white-space:nowrap;}\r\n  .axelor-build .flow-grid{display:flex;flex-wrap:wrap;gap:10px;}\r\n  .axelor-build .flow-stat{flex:1 1 calc(50% - 6px);min-width:130px;background:#fff;border:1px solid #EDEDF6;border-radius:14px;padding:14px 15px;}\r\n  .axelor-build .flow-panel.is-on .flow-stat{animation:flowStat .5s ease both;}\r\n  .axelor-build .flow-panel.is-on .flow-stat:nth-child(2){animation-delay:.06s;}\r\n  .axelor-build .flow-panel.is-on .flow-stat:nth-child(3){animation-delay:.12s;}\r\n  .axelor-build .flow-panel.is-on .flow-stat:nth-child(4){animation-delay:.18s;}\r\n  @keyframes flowStat{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}\r\n  .axelor-build .flow-stat .k{display:block;font-size:11.5px;color:var(--wheelwright);margin-bottom:5px;font-weight:400;}\r\n  .axelor-build .flow-stat .v{display:block;font-size:16px;color:var(--navy);font-weight:600;line-height:1.25;}\r\n  .axelor-build .flow-stat .v.up{color:var(--ocean-dark);}\r\n  .axelor-build .flow-stat .v.warn{color:var(--orange);}\r\n  .axelor-build .flow-insight{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;\r\n    background:linear-gradient(120deg,rgba(158,68,223,.12),rgba(158,68,223,.04));border:1px solid rgba(158,68,223,.3);border-left:3px solid var(--ocean);}\r\n  .axelor-build .flow-insight-ic{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:#F5EDFD;border:1px solid rgba(158,68,223,.4);}\r\n  .axelor-build .flow-insight-ic svg{stroke:var(--ocean-dark);}\r\n  .axelor-build .flow-insight em{font-style:normal;display:block;font-family:'Chakra Petch';font-size:11px;font-weight:600;\r\n    letter-spacing:.07em;text-transform:uppercase;color:var(--ocean-dark);margin-bottom:6px;}\r\n  .axelor-build .flow-insight p{font-size:14px;line-height:1.6;color:#2a2d55;font-weight:400;}\r\n  .axelor-build .flow-insight strong{color:var(--navy);font-weight:600;}\r\n  @media (prefers-reduced-motion:reduce){\r\n    .axelor-build .flow-panel.is-on,.axelor-build .flow-panel.is-on .flow-stat{animation:none;}\r\n    .axelor-build .flow-node.is-on .flow-dot::after{animation:none;}\r\n    .axelor-build .flow-node .flow-dot{transition:none;}}\r\n  @media (min-width:900px){\r\n    .axelor-build .flow{padding:32px 28px 28px;}\r\n    .axelor-build .flow-rail{gap:6px;margin-bottom:26px;}\r\n    .axelor-build .flow-rail::before{left:38px;right:38px;top:24px;}\r\n    .axelor-build .flow-lbl{font-size:13px;}\r\n    .axelor-build .flow-panel.is-on{gap:16px;}\r\n    .axelor-build .flow-stat{flex:1 1 calc(25% - 9px);}\r\n    .axelor-build .flow-grid{gap:12px;}}\r\n\r\n  \/* [FIX] .feat-txt est un conteneur flex : sans align-self, la pastille s'\u00e9tire sur toute la largeur *\/\r\n  .axelor-build .eyebrow {align-self:flex-start;width:auto;max-width:max-content;}\r\n\r\n  \/* ===== CARTES DE RENVOI ===== *\/\r\n  .axelor-build .duo {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:28px;}\r\n  .axelor-build .duo-c {\r\n    display:flex;align-items:center;gap:14px;padding:20px 20px;border-radius:16px;\r\n    background:var(--white);border:1px solid var(--line);border-left:3px solid var(--ocean);\r\n    box-shadow:var(--sh-sm);text-decoration:none;\r\n    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}\r\n  .axelor-build .duo-c:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .duo-ic {\r\n    width:46px;height:46px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.32);}\r\n  .axelor-build .duo-ic svg {stroke:var(--ocean-dark);}\r\n  .axelor-build .duo-t {flex:1;min-width:0;}\r\n  .axelor-build .duo-t b {display:block;font-size:15.5px;font-weight:600;color:var(--navy);line-height:1.3;margin-bottom:3px;}\r\n  .axelor-build .duo-t em {font-style:normal;display:block;font-size:12.8px;color:var(--wheelwright);line-height:1.45;}\r\n  .axelor-build .duo-go {\r\n    width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.32);transition:background .22s,transform .22s;}\r\n  .axelor-build .duo-go svg {stroke:var(--ocean-dark);}\r\n  .axelor-build .duo-c:hover .duo-go {background:var(--ocean-dark);transform:translateX(3px);}\r\n  .axelor-build .duo-c:hover .duo-go svg {stroke:#fff;}\r\n\r\n  .axelor-build .roi-sec {position:relative;overflow:hidden;\r\n    background:radial-gradient(120% 140% at 12% 0%,#16165a,var(--navy) 58%,var(--navy-2));}\r\n  .axelor-build .roi {\r\n    position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:6px 2px;text-decoration:none;}\r\n  .axelor-build .roi:hover {transform:none;}\r\n  .axelor-build .roi-ic {\r\n    position:relative;z-index:1;\r\n    width:52px;height:52px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:rgba(158,68,223,.14);border:1px solid rgba(158,68,223,.42);}\r\n  .axelor-build .roi-ic svg {stroke:var(--ocean);}\r\n  .axelor-build .roi-t {position:relative;z-index:1;flex:1 1 320px;min-width:0;}\r\n  .axelor-build .roi-t b {display:block;font-size:20px;font-weight:600;color:#fff;line-height:1.3;margin-bottom:6px;}\r\n  .axelor-build .roi-t em {font-style:normal;display:block;font-size:14.5px;color:rgba(255,255,255,.8);line-height:1.55;font-weight:300;}\r\n  .axelor-build .roi-go {\r\n    position:relative;z-index:1;\r\n    display:inline-flex;align-items:center;gap:10px;flex-shrink:0;\r\n    padding:15px 28px;border-radius:12px;\r\n    background:linear-gradient(135deg,var(--ocean),var(--ocean-dark));color:#fff;\r\n    font-family:'Chakra Petch',monospace;font-weight:600;font-size:15px;letter-spacing:.02em;\r\n    box-shadow:0 12px 30px rgba(158,68,223,.32);transition:transform .2s,box-shadow .2s;}\r\n  .axelor-build .roi-go svg {stroke:#fff;transition:transform .2s;}\r\n  .axelor-build .roi:hover .roi-go {transform:translateY(-2px);box-shadow:0 16px 38px rgba(158,68,223,.42);}\r\n  .axelor-build .roi:hover .roi-go svg {transform:translateX(3px);}\r\n\r\n  .axelor-build .roi-halo {\r\n    position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(96px);\r\n    pointer-events:none;top:-150px;right:-40px;background:rgba(158,68,223,.22);z-index:0;}\r\n\r\n  \/* ===== VISUEL DU HERO : plateforme et cartes superpos\u00e9es ===== *\/\r\n  .axelor-build .hviz {position:relative;width:100%;padding:0;}\r\n  .axelor-build .hviz::before {display:none;}\r\n  .axelor-build .hviz-base {\r\n    position:relative;z-index:1;width:100%;height:auto;display:block;\r\n    filter:drop-shadow(0 22px 44px rgba(0,0,0,.32));}\r\n  .axelor-build .hviz-f {\r\n    position:absolute;z-index:2;height:auto;display:block;\r\n    filter:drop-shadow(0 10px 22px rgba(0,0,0,.26));\r\n    animation:hvFloat 7s ease-in-out infinite;}\r\n  .axelor-build .hviz-f.f1 {width:44%;top:0;left:0;animation-delay:0s;}\r\n  .axelor-build .hviz-f.f2 {width:46%;top:38%;right:0;animation-delay:1.1s;}\r\n  .axelor-build .hviz-f.f3 {width:48%;bottom:0;left:4%;animation-delay:2.2s;}\r\n  @keyframes hvFloat {\r\n    0%,100% {transform:translateY(0);}\r\n    50% {transform:translateY(-9px);}\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .axelor-build .hviz-f {animation:none;}\r\n  }\r\n\r\n  \/* ===== BOUTONS : style du th\u00e8me conserv\u00e9, on ajuste seulement l'int\u00e9rieur ===== *\/\r\n  .axelor-build .button {padding-left:26px;padding-right:26px;text-align:center;}\r\n  .axelor-build .button p {margin:0 !important;text-align:center;}\r\n\r\n  \/* [FIX INTEGRATION] Divi applique par d\u00e9faut un liser\u00e9 bleu et un retrait\r\n     sur <blockquote>. On neutralise, le style de la carte suffit. *\/\r\n  .axelor-build blockquote {\r\n    border:0 !important;border-left:0 !important;border-right:0 !important;\r\n    padding:0 !important;margin:0 0 14px !important;\r\n    background:none !important;quotes:none !important;}\r\n  .axelor-build blockquote::before,\r\n  .axelor-build blockquote::after {content:none !important;display:none !important;}\r\n  .axelor-build cite {border:0 !important;padding:0 !important;background:none !important;}\r\n<\/style>\r\n<div class=\"axelor-ai-build\">\r\n<section class=\"ai-sec\">\r\n  <span class=\"ai-grid-deco\"><\/span><span class=\"ai-halo h1\"><\/span><span class=\"ai-halo h2\"><\/span>\r\n  <div class=\"ai-inner\">\r\n    <span class=\"ai-badge\">L'IA Axelor pour le BTP<\/span>\r\n    <h2>L'IA qui <span class=\"accent\">agit<\/span> sur vos chantiers<\/h2>\r\n    <div class=\"ai-frame\">\r\n      Vos agents acc\u00e8dent \u00e0 tous vos chantiers, \u00e0 vos budgets et \u00e0 vos situations de travaux. Ils ne se contentent pas de r\u00e9pondre : ils <strong>agissent sur vos donn\u00e9es<\/strong>, dans le p\u00e9rim\u00e8tre de droits que vous fixez.\r\n    <\/div>\r\n    <div class=\"scenarios\">\r\n      <div class=\"scenario s-red\">\r\n        <div class=\"sc-top\">\r\n          <span class=\"sc-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><path d=\"M12 9v4M12 17h.01\"\/><\/svg><\/span>\r\n          <span class=\"sc-tag\">Pr\u00e9diction<\/span>\r\n        <\/div>\r\n        <h3>Alerte avant le d\u00e9passement de budget chantier<\/h3>\r\n        <div class=\"sc-q\">\u00ab Quels chantiers risquent de d\u00e9passer leur budget ce mois-ci ? \u00bb<\/div>\r\n        <p class=\"sc-r\">L'agent <strong>d\u00e9tecte<\/strong> les chantiers dont le r\u00e9alis\u00e9 d\u00e9rive, <strong>alerte<\/strong> le conducteur de travaux et <strong>pr\u00e9pare<\/strong> l'avenant ou le r\u00e9ajustement.<\/p>\r\n      <\/div>\r\n      <div class=\"scenario s-orange\">\r\n        <div class=\"sc-top\">\r\n          <span class=\"sc-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg><\/span>\r\n          <span class=\"sc-tag\">Optimisation<\/span>\r\n        <\/div>\r\n        <h3>R\u00e9affecte les \u00e9quipes disponibles<\/h3>\r\n        <div class=\"sc-q\">\u00ab Une \u00e9quipe est retenue sur un autre chantier, r\u00e9organise le planning. \u00bb<\/div>\r\n        <p class=\"sc-r\">L'agent <strong>recalcule<\/strong> le planning selon les comp\u00e9tences et les priorit\u00e9s, puis <strong>affecte<\/strong> les \u00e9quipes.<\/p>\r\n      <\/div>\r\n      <div class=\"scenario s-indigo\">\r\n        <div class=\"sc-top\">\r\n          <span class=\"sc-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/span>\r\n          <span class=\"sc-tag\">Recherche<\/span>\r\n        <\/div>\r\n        <h3>Retrouve l'historique d'un chantier<\/h3>\r\n        <div class=\"sc-q\">\u00ab Quels chantiers similaires avons-nous d\u00e9j\u00e0 r\u00e9alis\u00e9s, et \u00e0 quelle marge ? \u00bb<\/div>\r\n        <p class=\"sc-r\">L'agent <strong>interroge<\/strong> l'historique, <strong>consolide<\/strong> les chantiers pass\u00e9s et <strong>restitue<\/strong> la r\u00e9ponse sourc\u00e9e.<\/p>\r\n      <\/div>\r\n      <div class=\"scenario s-ocean\">\r\n        <div class=\"sc-top\">\r\n          <span class=\"sc-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span>\r\n          <span class=\"sc-tag\">No-Code<\/span>\r\n        <\/div>\r\n        <h3>Cr\u00e9e le suivi qui vous manque<\/h3>\r\n        <div class=\"sc-q\">\u00ab Ajoute un tableau de bord de la marge par chantier. \u00bb<\/div>\r\n        <p class=\"sc-r\">Agent Studio <strong>cr\u00e9e<\/strong> le tableau de bord et les champs n\u00e9cessaires, <strong>sans une ligne de code<\/strong>.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ai-trust\">\r\n      <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><strong>Vos permissions s'appliquent avant tout acc\u00e8s aux donn\u00e9es.<\/strong> Chaque demande passe par une couche interm\u00e9diaire qui v\u00e9rifie les droits de l'utilisateur : l'agent ne voit et ne modifie que ce que la personne a le droit de voir et de modifier. Axelor n'utilise pas vos donn\u00e9es pour entra\u00eener de mod\u00e8le, et vous choisissez le fournisseur.<\/span>\r\n    <\/div>\r\n    <div class=\"ai-cta\">\r\n      <div class=\"button-group\">\r\n        <a class=\"button icone first\" href=\"https:\/\/axelor.com\/fr\/erp-agentique\/\"><p style=\"margin-bottom:0px\">D\u00e9couvrir l'ERP agentique<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/p><\/a>\r\n        <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\"><p style=\"margin-bottom:0px\">Voir une d\u00e9mo<\/p><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\r\n\r\n<div class=\"axelor-build\">\r\n\r\n  <!-- PLANIFICATION -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Planning de chantier<\/span>\r\n          <h2>Planifiez vos chantiers, du premier jalon \u00e0 la livraison<\/h2>\r\n          <p>Anticipez les \u00e9tapes cl\u00e9s de vos chantiers d\u00e8s la phase de pr\u00e9paration. Programmez \u00e9tudes, contr\u00f4les et interventions, affectez les charges aux \u00e9quipes et suivez l'avancement <strong>en temps r\u00e9el<\/strong>, au glisser-d\u00e9poser.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Planning par chantier, par lot et par \u00e9quipe<\/div>\r\n            <div class=\"li\">Jalons, phases et interventions programm\u00e9s<\/div>\r\n            <div class=\"li\">Charges affect\u00e9es aux \u00e9quipes et au mat\u00e9riel<\/div>\r\n            <div class=\"li\">Replanification au glisser-d\u00e9poser<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\" alt=\"Planification et planning de chantier dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ai-line reveal\">\r\n        <span class=\"bulle\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.7 4.8L18.5 9.5l-4.8 1.7L12 16l-1.7-4.8L5.5 9.5l4.8-1.7z\"\/><path d=\"M19 3.5v3M20.5 5h-3M5.5 17v2M6.5 18h-2\"\/><\/svg><\/span>\r\n        <span class=\"txt\" style=\"flex:1;min-width:0;\"><span class=\"lbl\" style=\"display:block;font-family:'Chakra Petch';font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#9E44DF;margin-bottom:5px;\">L'agent en renfort<\/span>Face \u00e0 un al\u00e9a ou \u00e0 un glissement de jalon, l'agent <strong>replanifie les \u00e9quipes<\/strong> et <strong>signale<\/strong> les chantiers expos\u00e9s.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PILOTAGE PROJET -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat rev\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Suivi de chantier<\/span>\r\n          <h2>L'avancement de chaque chantier, en temps r\u00e9el<\/h2>\r\n          <p>Contr\u00f4lez l'ex\u00e9cution des travaux avec une <strong>vue claire<\/strong> sur les t\u00e2ches, les jalons et les \u00e9ch\u00e9ances. Analysez l'\u00e9tat d'avancement et obtenez des rapports sur la rentabilit\u00e9 de vos chantiers.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Vue Kanban, liste ou planning par chantier<\/div>\r\n            <div class=\"li\">Jalons, lots et d\u00e9pendances<\/div>\r\n            <div class=\"li\">Rapports d'avancement g\u00e9n\u00e9r\u00e9s automatiquement<\/div>\r\n            <div class=\"li\">Alertes sur les t\u00e2ches et les chantiers en retard<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Avancement-de-chantier-Axelor.png\" alt=\"Suivi d'avancement de chantier en vue Kanban dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GESTION A L'AFFAIRE -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Budget de chantier<\/span>\r\n          <h2>Tout ce qui touche un chantier, au m\u00eame endroit<\/h2>\r\n          <p>Devis, commandes fournisseurs, contrats de sous-traitance, main-d'oeuvre, mat\u00e9riaux et suivi budg\u00e9taire sont <strong>centralis\u00e9s sur le m\u00eame chantier<\/strong>. Vous gardez une vision claire de l'avancement et des co\u00fbts r\u00e9els.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Budget de chantier initial, engag\u00e9 et r\u00e9alis\u00e9 sur une seule vue<\/div>\r\n            <div class=\"li\">Sous-traitance, mat\u00e9riaux et main-d'oeuvre rattach\u00e9s au chantier<\/div>\r\n            <div class=\"li\">Avenants et \u00e9volutions de p\u00e9rim\u00e8tre trac\u00e9s<\/div>\r\n            <div class=\"li\">Reste \u00e0 faire et marge pr\u00e9visionnelle en continu<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Budget-de-chantier-Axelor-BTP.png\" alt=\"Budget de chantier centralis\u00e9 dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ai-line reveal\">\r\n        <span class=\"bulle\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.7 4.8L18.5 9.5l-4.8 1.7L12 16l-1.7-4.8L5.5 9.5l4.8-1.7z\"\/><path d=\"M19 3.5v3M20.5 5h-3M5.5 17v2M6.5 18h-2\"\/><\/svg><\/span>\r\n        <span class=\"txt\" style=\"flex:1;min-width:0;\"><span class=\"lbl\" style=\"display:block;font-family:'Chakra Petch';font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#9E44DF;margin-bottom:5px;\">L'agent en renfort<\/span>L'agent <strong>consolide<\/strong> les co\u00fbts d'un chantier en une question et <strong>alerte<\/strong> d\u00e8s qu'un chantier commence \u00e0 d\u00e9river.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FACTURATION -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat rev\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Situations et facturation<\/span>\r\n          <h2>Une facturation qui suit l'avancement de chaque chantier<\/h2>\r\n          <p>Au <strong>forfait<\/strong>, \u00e0 l'<strong>avancement<\/strong>, en <strong>situation<\/strong> ou via des <strong>avenants<\/strong> : adaptez la facturation \u00e0 chaque march\u00e9, automatisez la g\u00e9n\u00e9ration des situations et r\u00e9duisez vos d\u00e9lais de r\u00e8glement.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Situations de travaux g\u00e9n\u00e9r\u00e9es \u00e0 partir de l'avancement<\/div>\r\n            <div class=\"li\">Avenants, retenue de garantie et autoliquidation TVA<\/div>\r\n            <div class=\"li\">D\u00e9compte g\u00e9n\u00e9ral et d\u00e9finitif (DGD)<\/div>\r\n            <div class=\"li\">Facturation \u00e9lectronique conforme \u00e0 la r\u00e9forme<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Situations-et-facturations.png\" alt=\"Situations de travaux et facturation \u00e0 l'avancement dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- RENTABILITE -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Co\u00fbts et rentabilit\u00e9<\/span>\r\n          <h2>Savoir quels chantiers vous font gagner de l'argent<\/h2>\r\n          <p>Suivez vos co\u00fbts r\u00e9els par poste : main-d'oeuvre, mat\u00e9riaux, mat\u00e9riel et sous-traitance. Analysez vos marges en temps r\u00e9el et <strong>s\u00e9curisez la rentabilit\u00e9 de vos chantiers avant qu'il soit trop tard<\/strong>.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Marge brute par chantier, par lot et par poste<\/div>\r\n            <div class=\"li\">Co\u00fbts r\u00e9els compar\u00e9s au budget de chantier<\/div>\r\n            <div class=\"li\">Avancement physique et financier<\/div>\r\n            <div class=\"li\">Alertes automatiques sur les d\u00e9passements<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Couts-et-rentabilite.png\" alt=\"Suivi des co\u00fbts r\u00e9els et de la marge par chantier dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CTA INTERMEDIAIRE 1 -->\r\n  <section class=\"sec\" style=\"padding-top:0;\">\r\n    <div class=\"wrap\">\r\n      <div class=\"cta reveal\">\r\n        <h2>Voyez Axelor sur un de vos chantiers<\/h2>\r\n        <p>Une d\u00e9monstration conduite par un expert m\u00e9tier, cadr\u00e9e sur vos chantiers et vos situations de travaux.<\/p>\r\n        <div class=\"button-group center\">\r\n          <a class=\"button icone first\" href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\"><p style=\"margin-bottom:0px\">R\u00e9server ma d\u00e9mo<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:-2px;margin-left:8px;\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/p><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CRM ET OFFRES -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat rev\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Achats et sous-traitance<\/span>\r\n          <h2>La sous-traitance et les achats, ma\u00eetris\u00e9s<\/h2>\r\n          <p>Centralisez vos sous-traitants et vos fournisseurs, suivez leurs interventions et g\u00e9rez les contrats et les paiements, avec une <strong>vue en temps r\u00e9el des co\u00fbts par chantier<\/strong>.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Contrats de sous-traitance avec suivi des prestations<\/div>\r\n            <div class=\"li\">Interventions et livrables des sous-traitants par chantier<\/div>\r\n            <div class=\"li\">Achats mat\u00e9riaux rattach\u00e9s au chantier<\/div>\r\n            <div class=\"li\">Paiements et virements pilot\u00e9s depuis l'ERP<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2025\/03\/Gestion-des-achats-et-de-la-sous-traitance_2-1.png\" alt=\"Gestion des achats et de la sous-traitance dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GESTION DES STOCKS -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Gestion des stocks<\/span>\r\n          <h2>G\u00e9rez avec pr\u00e9cision vos stocks et l'approvisionnement en mat\u00e9riaux<\/h2>\r\n          <p>Suivez pr\u00e9cis\u00e9ment vos stocks sur diff\u00e9rents emplacements, planifiez les r\u00e9approvisionnements et assurez la tra\u00e7abilit\u00e9 des mat\u00e9riaux sur chaque site. Avec l'application mobile, g\u00e9rez les r\u00e9ceptions de mat\u00e9riaux directement depuis les chantiers.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Gestion des stocks de mat\u00e9riaux et suivi des mouvements par chantier<\/div>\r\n            <div class=\"li\">Automatisation des r\u00e9approvisionnements en fonction des seuils critiques<\/div>\r\n            <div class=\"li\">Tra\u00e7abilit\u00e9 des mat\u00e9riaux avec gestion des lots pour une conformit\u00e9 optimale<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Gestion-des-stocks-BTB.png\" alt=\"Gestion des stocks de mat\u00e9riaux et approvisionnement par chantier dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- INTERVENTIONS -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat rev\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Interventions<\/span>\r\n          <h2>Suivi des projets et gestion des interventions en mobilit\u00e9 avec l'application mobile Axelor<\/h2>\r\n          <p>Pour les \u00e9quipes sur le terrain, l'application mobile Axelor permet un acc\u00e8s en temps r\u00e9el aux informations des projets. Saisissez les temps de travail, suivez l'avancement des t\u00e2ches et restez connect\u00e9 aux chantiers en cours, m\u00eame en mobilit\u00e9.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Acc\u00e8s aux informations de projet<\/div>\r\n            <div class=\"li\">Saisie des temps de travail et suivi des t\u00e2ches directement depuis le terrain<\/div>\r\n            <div class=\"li\">Gestion des r\u00e9ceptions de mat\u00e9riel avec scan de codes-barres via un terminal portable<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Suivi-des-projets-et-gestion-des-interventions.png\" alt=\"Suivi des interventions en mobilit\u00e9 avec l'application mobile Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ECOSYSTEME -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">\u00c9cosyst\u00e8me<\/span>\r\n          <h2>Axelor, le c\u0153ur de votre syst\u00e8me d'information<\/h2>\r\n          <p>Vos outils existants restent en place. Les connecteurs d\u00e9di\u00e9s relient votre ERP \u00e0 la messagerie, \u00e0 la signature \u00e9lectronique, \u00e0 la banque, \u00e0 la paie et aux plateformes que vos \u00e9quipes utilisent d\u00e9j\u00e0.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Connecteurs pr\u00eats \u00e0 l'emploi vers les outils courants<\/div>\r\n            <div class=\"li\">API ouverte pour vos d\u00e9veloppements sp\u00e9cifiques<\/div>\r\n            <div class=\"li\">Import et export de donn\u00e9es ma\u00eetris\u00e9s<\/div>\r\n          <\/div>\r\n          <div class=\"button-group\" style=\"margin-top:20px;\">\r\n            <a class=\"button second\" href=\"https:\/\/axelor.com\/connect\/\"><p style=\"margin-bottom:0px\">Tous nos connecteurs<\/p><\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Axelor-Connect-1.png\" alt=\"Connecteurs Axelor vers les outils m\u00e9tiers du BTP\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- NO-CODE -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">No-Code<\/span>\r\n        <h2>Votre m\u00e9tier est unique. Votre ERP doit l'\u00eatre aussi.<\/h2>\r\n        <p>Adaptez l'ERP \u00e0 vos processus les plus sp\u00e9cifiques, sans \u00e9crire une ligne de code et sans cycle de d\u00e9veloppement.<\/p>\r\n      <\/div>\r\n      <div class=\"uses\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;\">\r\n        <div class=\"use reveal\">\r\n          <div class=\"use-top\">\r\n            <span class=\"use-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span>\r\n            <h3>Champs et formulaires<\/h3>\r\n          <\/div>\r\n          <p>Ajoutez vos propres champs et adaptez vos \u00e9crans depuis le Studio, sans d\u00e9veloppement ni red\u00e9marrage.<\/p>\r\n        <\/div>\r\n        <div class=\"use reveal d1\">\r\n          <div class=\"use-top\">\r\n            <span class=\"use-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"7\" height=\"5\" rx=\"1\"\/><rect x=\"15\" y=\"3\" width=\"7\" height=\"5\" rx=\"1\"\/><rect x=\"8.5\" y=\"16\" width=\"7\" height=\"5\" rx=\"1\"\/><path d=\"M9 5.5h6\"\/><path d=\"M5.5 8v4a2 2 0 0 0 2 2h1.5\"\/><path d=\"M18.5 8v4a2 2 0 0 1-2 2H15\"\/><\/svg><\/span>\r\n            <h3>Processus m\u00e9tiers<\/h3>\r\n          <\/div>\r\n          <p>Mod\u00e9lisez vos circuits de validation en glisser-d\u00e9poser : conditions, branches, t\u00e2ches humaines et approbations.<\/p>\r\n        <\/div>\r\n        <div class=\"use reveal d2\">\r\n          <div class=\"use-top\">\r\n            <span class=\"use-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\"\/><\/svg><\/span>\r\n            <h3>Cr\u00e9ation par l'IA<\/h3>\r\n          <\/div>\r\n          <p>D\u00e9crivez le besoin en langage naturel, l'IA g\u00e9n\u00e8re une premi\u00e8re version que vous reprenez ensuite dans le Studio.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"button-group center\" style=\"margin-top:28px;\">\r\n        <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/studio\/\"><p style=\"margin-bottom:0px\">D\u00e9couvrir le Studio<\/p><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CTA INTERMEDIAIRE 2 -->\r\n  <section class=\"sec roi-sec\">\r\n    <div class=\"wrap\">\r\n      <a class=\"roi reveal\" href=\"https:\/\/axelor.com\/fr\/calculateur-roi\/\"><span class=\"roi-halo\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"roi-ic\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M7 14l4-4 3 3 5-6\"\/><\/svg><\/span>\r\n        <span class=\"roi-t\">\r\n          <b>Chiffrez le gain d'une unification de vos outils<\/b>\r\n          <em>Retour sur investissement, seuil de rentabilit\u00e9 et gains annuels, calcul\u00e9s sur vos propres volumes.<\/em>\r\n        <\/span>\r\n        <span class=\"roi-go\">Estimez votre ROI<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TEMOIGNAGES -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">Ce qu'en disent nos clients<\/span>\r\n        <h2>Des entreprises du BTP qui pilotent leurs chantiers<\/h2>\r\n      <\/div>\r\n      <div class=\"tm\">\r\n        <div class=\"tmc reveal\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/05\/barkene.svg\" alt=\"Barkene\" loading=\"lazy\">\r\n          <blockquote>\u00ab La solution Axelor est tr\u00e8s mature, tr\u00e8s robuste et s'adapte \u00e0 tous nos m\u00e9tiers. Toutes les entit\u00e9s parlent le m\u00eame langage. Nous pouvons ainsi cr\u00e9er nos propres modules selon l'\u00e9volution des besoins. \u00bb<\/blockquote>\r\n          <cite>Richard Weihart<span>Dirigeant et co-fondateur de Barkene<\/span><\/cite>\r\n        <\/div>\r\n        <div class=\"tmc reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/socotec-2.svg\" alt=\"Socotec\" loading=\"lazy\">\r\n          <blockquote>\u00ab Aujourd'hui, nous sommes particuli\u00e8rement ravis et satisfaits d'avoir fait ce choix. La solution tourne facilement, elle nous permet de piloter nos cycles de ventes, de planifier nos projets et de r\u00e9aliser intuitivement des extractions de donn\u00e9es par projet. Et le tout avec des gains de temps plus que significatifs. \u00bb<\/blockquote>\r\n          <cite>Jean-Baptiste Paris<span>Directeur G\u00e9n\u00e9ral Adjoint<\/span><\/cite>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- APPLICATIONS -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">Plateforme<\/span>\r\n        <h2>Plus de 50 applications int\u00e9gr\u00e9es<\/h2>\r\n        <p>Le jour o\u00f9 vous voulez relier vos chantiers \u00e0 la comptabilit\u00e9, aux achats ou aux ressources humaines, il n'y a pas de projet d'int\u00e9gration \u00e0 lancer : tout est d\u00e9j\u00e0 connect\u00e9.<\/p>\r\n      <\/div>\r\n            <div class=\"appgrid reveal\">\r\n        <a class=\"ap c1\" href=\"https:\/\/axelor.com\/fr\/logiciel-gestion-a-laffaire\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/span>\r\n          <b>Gestion de chantier<\/b><span>Budget, situations et marge par chantier.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c2\" href=\"https:\/\/axelor.com\/fr\/projet\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/span>\r\n          <b>Suivi de chantier<\/b><span>T\u00e2ches, jalons et avancement.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c3\" href=\"https:\/\/axelor.com\/fr\/logiciel-gestion-achat\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"20\" r=\"1.5\"\/><circle cx=\"18\" cy=\"20\" r=\"1.5\"\/><path d=\"M2 3h3l2 12h11l2-8H6\"\/><\/svg><\/span>\r\n          <b>Achats et sous-traitance<\/b><span>Fournisseurs, contrats et paiements.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c4\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-des-stocks\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7l9-4 9 4v10l-9 4-9-4z\"\/><path d=\"M3 7l9 4 9-4M12 11v10\"\/><\/svg><\/span>\r\n          <b>Stocks mat\u00e9riaux<\/b><span>Multi-d\u00e9p\u00f4ts et imputation chantier.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c5\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-de-facturation\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 2v6h6M9 13h6M9 17h4\"\/><\/svg><\/span>\r\n          <b>Situations et facturation<\/b><span>Avancement, avenants et DGD.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c6\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-comptabilite\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/span>\r\n          <b>Comptabilit\u00e9<\/b><span>\u00c9critures, rapprochement et cl\u00f4ture.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c1\" href=\"https:\/\/axelor.com\/fr\/crm\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg><\/span>\r\n          <b>CRM et appels d'offres<\/b><span>Consultations, devis et avenants.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c2\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-feuilles-de-temps\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/><\/svg><\/span>\r\n          <b>Pointage et RH<\/b><span>Temps de chantier et main-d'oeuvre.<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"button-group center\" style=\"margin-top:28px;\">\r\n        <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/toutes-les-applications\/\"><p style=\"margin-bottom:0px\">Toutes nos applications<\/p><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- TABLEAU RECAP : cycle chantier, format extractible -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">R\u00e9capitulatif<\/span>\r\n        <h2>Ce qu'Axelor Build Suite fait \u00e0 chaque \u00e9tape du chantier<\/h2>\r\n      <\/div>\r\n      <div class=\"tbl-wrap reveal\">\r\n        <table class=\"recap\">\r\n          <caption>Les cinq \u00e9tapes du cycle d'un chantier dans Axelor Build Suite, du chiffrage au d\u00e9compte g\u00e9n\u00e9ral d\u00e9finitif.<\/caption>\r\n          <thead>\r\n            <tr>\r\n              <th scope=\"col\">\u00c9tape<\/th>\r\n              <th scope=\"col\">Ce qui se passe en standard dans Axelor<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr>\r\n              <th scope=\"row\">Appel d'offres<\/th>\r\n              <td>Le devis se chiffre \u00e0 partir de la biblioth\u00e8que d'ouvrages. Les chantiers similaires d\u00e9j\u00e0 r\u00e9alis\u00e9s restent accessibles, avec leur marge.<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <th scope=\"row\">March\u00e9<\/th>\r\n              <td>Le budget de chantier se construit \u00e0 partir du march\u00e9, par lots, phases et postes, sans ressaisie.<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <th scope=\"row\">Chantier<\/th>\r\n              <td>Le planning des \u00e9quipes et du mat\u00e9riel se r\u00e9organise apr\u00e8s un al\u00e9a, selon les priorit\u00e9s du chantier.<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <th scope=\"row\">Situation<\/th>\r\n              <td>La situation de travaux se calcule \u00e0 partir de l'avancement. Tout \u00e9cart avec le budget ressort imm\u00e9diatement.<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <th scope=\"row\">DGD<\/th>\r\n              <td>Le d\u00e9compte d\u00e9finitif se pr\u00e9pare \u00e0 partir du r\u00e9alis\u00e9, retenue de garantie et solde inclus.<\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">FAQ<\/span>\r\n        <h2>Questions fr\u00e9quentes<\/h2>\r\n      <\/div>\r\n      <div class=\"faq\" style=\"max-width:840px;margin:0 auto;\">\r\n        <details class=\"reveal\">\r\n          <summary>Qu'est-ce qu'un ERP BTP ?<\/summary>\r\n          <div class=\"faq-a\">Un ERP BTP est un logiciel de gestion adapt\u00e9 aux entreprises du b\u00e2timent et des travaux publics. Il int\u00e8gre les sp\u00e9cificit\u00e9s du secteur : gestion par chantier et par lot, situations de travaux, m\u00e9tr\u00e9s et devis quantitatifs, sous-traitance, retenues de garantie, autoliquidation TVA et facturation conforme aux usages BTP. Axelor Build Suite couvre l'ensemble du cycle d'un projet de construction, du chiffrage \u00e0 la r\u00e9ception, avec une approche mobile adapt\u00e9e aux \u00e9quipes de terrain.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Comment piloter ses chantiers en temps r\u00e9el avec un logiciel de gestion BTP ?<\/summary>\r\n          <div class=\"faq-a\">Le pilotage de chantier en temps r\u00e9el repose sur quatre \u00e9l\u00e9ments : la centralisation des donn\u00e9es dans un outil unique accessible du bureau et du terrain, le suivi quotidien des co\u00fbts engag\u00e9s (mat\u00e9riaux, main-d'oeuvre, sous-traitance), la planification visuelle de l'avancement par t\u00e2che et par lot, et la remont\u00e9e d'information depuis le terrain via mobile. Axelor offre un tableau de bord chantier accessible depuis n'importe quel appareil, avec saisie mobile des pointages, validation des bons de livraison et consultation des plans.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Comment \u00e9viter les d\u00e9passements budg\u00e9taires sur un chantier ?<\/summary>\r\n          <div class=\"faq-a\">Les d\u00e9passements viennent souvent d'une sous-estimation au devis, d'une d\u00e9rive non d\u00e9tect\u00e9e en cours d'ex\u00e9cution et d'impr\u00e9vus. Trois leviers sont efficaces : un chiffrage pr\u00e9cis bas\u00e9 sur des historiques de co\u00fbts, un suivi budg\u00e9taire quotidien avec alertes en cas de d\u00e9rive, et une gestion rigoureuse des avenants. Axelor compare en temps r\u00e9el le budget initial, l'engag\u00e9 et le r\u00e9alis\u00e9, avec des alertes automatiques d\u00e8s les premiers signes de d\u00e9passement.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Comment automatiser les devis et situations de travaux en BTP ?<\/summary>\r\n          <div class=\"faq-a\">L'automatisation repose sur trois m\u00e9canismes : une biblioth\u00e8que d'ouvrages et d'articles pour chiffrer \u00e0 partir de prix de r\u00e9f\u00e9rence, la g\u00e9n\u00e9ration automatique des situations \u00e0 partir de l'avancement physique du chantier, et l'int\u00e9gration native avec la facturation et la comptabilit\u00e9. Axelor permet de g\u00e9n\u00e9rer un devis d\u00e9taill\u00e9 \u00e0 partir des m\u00e9tr\u00e9s en quelques minutes, d'\u00e9mettre les situations d'avancement automatiquement et de produire des factures conformes \u00e0 la facturation \u00e9lectronique.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Comment g\u00e9rer les stocks de mat\u00e9riaux sur plusieurs chantiers et d\u00e9p\u00f4ts ?<\/summary>\r\n          <div class=\"faq-a\">La gestion multi-d\u00e9p\u00f4ts et multi-chantiers repose sur la tra\u00e7abilit\u00e9 par mouvement (entr\u00e9e, sortie, transfert), l'affectation des consommations par chantier pour calculer la rentabilit\u00e9 r\u00e9elle, et les alertes de r\u00e9approvisionnement bas\u00e9es sur les seuils et les besoins pr\u00e9visionnels. Axelor g\u00e8re nativement les transferts inter-d\u00e9p\u00f4ts, l'imputation automatique des consommations aux chantiers et le r\u00e9approvisionnement tenant compte des besoins pr\u00e9visionnels.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Quels indicateurs suivre pour piloter la rentabilit\u00e9 d'un chantier ?<\/summary>\r\n          <div class=\"faq-a\">Les indicateurs cl\u00e9s sont la marge brute par chantier (budget contre r\u00e9el), les co\u00fbts engag\u00e9s, l'avancement physique compar\u00e9 \u00e0 l'avancement financier, et le d\u00e9lai de paiement des clients. Suivis en temps r\u00e9el, ils permettent de prendre des d\u00e9cisions correctives avant la fin du chantier. Axelor fournit des tableaux de bord BTP configurables par chantier, partageables avec les chefs de chantier, la direction et le ma\u00eetre d'ouvrage, et consultables depuis un smartphone.<\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<!-- CTA -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"cta reveal\">\r\n        <h2>Pilotez vos chantiers et votre rentabilit\u00e9 en temps r\u00e9el<\/h2>\r\n        <p>Nous d\u00e9roulons le parcours complet d'un chantier, de l'appel d'offres \u00e0 la marge constat\u00e9e apr\u00e8s r\u00e9ception.<\/p>\r\n        <div class=\"button-group center\">\r\n          <a class=\"button icone first\" href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\"><p style=\"margin-bottom:0px\">Acc\u00e9der \u00e0 la d\u00e9mo<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/p><\/a>\r\n          <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/contact\/\"><p style=\"margin-bottom:0px\">\u00catre contact\u00e9<\/p><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"SoftwareApplication\",\r\n  \"name\": \"Axelor Build Suite\",\r\n  \"description\": \"ERP agentique pour le batiment et les travaux publics : chantiers, situations de travaux, sous-traitance, achats materiaux et rentabilite par chantier.\",\r\n  \"url\": \"https:\/\/axelor.com\/fr\/axelor-build-suite\/\",\r\n  \"image\": \"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\",\r\n  \"applicationCategory\": \"BusinessApplication\",\r\n  \"operatingSystem\": \"Web, Android, iOS\",\r\n  \"featureList\": [\r\n    \"Planning et suivi de chantier\",\r\n    \"Budget de chantier et couts reels par poste\",\r\n    \"Situations de travaux, avenants et retenue de garantie\",\r\n    \"Sous-traitance et achats materiaux\",\r\n    \"Gestion des stocks multi-depots par chantier\",\r\n    \"Suivi de la rentabilite par chantier et par lot\",\r\n    \"Agents IA agissant sur les chantiers et les budgets\",\r\n    \"Personnalisation No-Code via le Studio\"\r\n  ],\r\n  \"brand\": { \"@id\": \"https:\/\/axelor.com\/#organization\" },\r\n  \"audience\": { \"@type\": \"Audience\", \"audienceType\": \"Batiment, travaux publics, gros oeuvre, second oeuvre et genie civil\" }\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"BreadcrumbList\",\r\n  \"itemListElement\": [\r\n    { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Accueil\", \"item\": \"https:\/\/axelor.com\/fr\/\" },\r\n    { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Axelor Build Suite\", \"item\": \"https:\/\/axelor.com\/fr\/axelor-build-suite\/\" }\r\n  ]\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Qu'est-ce qu'un ERP BTP ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"Un ERP BTP est un logiciel de gestion adapt\u00e9 aux entreprises du b\u00e2timent et des travaux publics. Il int\u00e8gre les sp\u00e9cificit\u00e9s du secteur : gestion par chantier et par lot, situations de travaux, m\u00e9tr\u00e9s et devis quantitatifs, sous-traitance, retenues de garantie, autoliquidation TVA et facturation conforme aux usages BTP. Axelor Build Suite couvre l'ensemble du cycle d'un projet de construction, du chiffrage \u00e0 la r\u00e9ception, avec une approche mobile adapt\u00e9e aux \u00e9quipes de terrain.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Comment piloter ses chantiers en temps r\u00e9el avec un logiciel de gestion BTP ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"Le pilotage de chantier en temps r\u00e9el repose sur quatre \u00e9l\u00e9ments : la centralisation des donn\u00e9es dans un outil unique accessible du bureau et du terrain, le suivi quotidien des co\u00fbts engag\u00e9s (mat\u00e9riaux, main-d'oeuvre, sous-traitance), la planification visuelle de l'avancement par t\u00e2che et par lot, et la remont\u00e9e d'information depuis le terrain via mobile. Axelor offre un tableau de bord chantier accessible depuis n'importe quel appareil, avec saisie mobile des pointages, validation des bons de livraison et consultation des plans.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Comment \u00e9viter les d\u00e9passements budg\u00e9taires sur un chantier ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"Les d\u00e9passements viennent souvent d'une sous-estimation au devis, d'une d\u00e9rive non d\u00e9tect\u00e9e en cours d'ex\u00e9cution et d'impr\u00e9vus. Trois leviers sont efficaces : un chiffrage pr\u00e9cis bas\u00e9 sur des historiques de co\u00fbts, un suivi budg\u00e9taire quotidien avec alertes en cas de d\u00e9rive, et une gestion rigoureuse des avenants. Axelor compare en temps r\u00e9el le budget initial, l'engag\u00e9 et le r\u00e9alis\u00e9, avec des alertes automatiques d\u00e8s les premiers signes de d\u00e9passement.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Comment automatiser les devis et situations de travaux en BTP ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"L'automatisation repose sur trois m\u00e9canismes : une biblioth\u00e8que d'ouvrages et d'articles pour chiffrer \u00e0 partir de prix de r\u00e9f\u00e9rence, la g\u00e9n\u00e9ration automatique des situations \u00e0 partir de l'avancement physique du chantier, et l'int\u00e9gration native avec la facturation et la comptabilit\u00e9. Axelor permet de g\u00e9n\u00e9rer un devis d\u00e9taill\u00e9 \u00e0 partir des m\u00e9tr\u00e9s en quelques minutes, d'\u00e9mettre les situations d'avancement automatiquement et de produire des factures conformes \u00e0 la facturation \u00e9lectronique.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Comment g\u00e9rer les stocks de mat\u00e9riaux sur plusieurs chantiers et d\u00e9p\u00f4ts ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"La gestion multi-d\u00e9p\u00f4ts et multi-chantiers repose sur la tra\u00e7abilit\u00e9 par mouvement (entr\u00e9e, sortie, transfert), l'affectation des consommations par chantier pour calculer la rentabilit\u00e9 r\u00e9elle, et les alertes de r\u00e9approvisionnement bas\u00e9es sur les seuils et les besoins pr\u00e9visionnels. Axelor g\u00e8re nativement les transferts inter-d\u00e9p\u00f4ts, l'imputation automatique des consommations aux chantiers et le r\u00e9approvisionnement tenant compte des besoins pr\u00e9visionnels.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Quels indicateurs suivre pour piloter la rentabilit\u00e9 d'un chantier ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"Les indicateurs cl\u00e9s sont la marge brute par chantier (budget contre r\u00e9el), les co\u00fbts engag\u00e9s, l'avancement physique compar\u00e9 \u00e0 l'avancement financier, et le d\u00e9lai de paiement des clients. Suivis en temps r\u00e9el, ils permettent de prendre des d\u00e9cisions correctives avant la fin du chantier. Axelor fournit des tableaux de bord BTP configurables par chantier, partageables avec les chefs de chantier, la direction et le ma\u00eetre d'ouvrage, et consultables depuis un smartphone.\"\r\n   }\r\n  }\r\n ]\r\n}\r\n<\/script>\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 rail=doc.querySelector('.axelor-build .flow-rail');\r\n    if(!rail) return;\r\n    var nodes=[].slice.call(rail.querySelectorAll('.flow-node'));\r\n    var panels=[].slice.call(doc.querySelectorAll('.axelor-build .flow-panel'));\r\n    function active(i){\r\n      nodes.forEach(function(nd,k){\r\n        var on=(k===i);\r\n        nd.setAttribute('aria-selected',on?'true':'false');\r\n        nd.setAttribute('tabindex',on?'0':'-1');\r\n        nd.classList.toggle('is-on',on);\r\n        nd.classList.toggle('is-done',k<i);\r\n      });\r\n      panels.forEach(function(p,k){\r\n        var on=(k===i);\r\n        p.classList.toggle('is-on',on);\r\n        if(on){p.removeAttribute('hidden');} else {p.setAttribute('hidden','');}\r\n      });\r\n    }\r\n    nodes.forEach(function(nd,i){\r\n      nd.addEventListener('click',function(){ active(i); });\r\n      nd.addEventListener('keydown',function(e){\r\n        var k=e.key,n=null;\r\n        if(k==='ArrowRight'||k==='ArrowDown') n=(i+1)%nodes.length;\r\n        if(k==='ArrowLeft'||k==='ArrowUp') n=(i-1+nodes.length)%nodes.length;\r\n        if(n!==null){ e.preventDefault(); active(n); nodes[n].focus(); }\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\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-build .reveal, .axelor-ai-build .reveal');\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>\r\n<\/body>\r\n<\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Axelor Build Suite : l'ERP agentique du BTP<\/title>\r\n<meta name=\"description\" content=\"ERP agentique pour le b\u00e2timent et les travaux publics : chantiers, situations de travaux, sous-traitance, achats et rentabilit\u00e9 par chantier.\">\r\n<link rel=\"canonical\" href=\"https:\/\/axelor.com\/fr\/axelor-build-suite\/\">\r\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\r\n<link rel=\"alternate\" hreflang=\"fr\" href=\"https:\/\/axelor.com\/fr\/axelor-build-suite\/\">\r\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/axelor.com\/construction-industry\/\">\r\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/axelor.com\/construction-industry\/\">\r\n<meta property=\"og:type\" content=\"article\">\r\n<meta property=\"og:locale\" content=\"fr_FR\">\r\n<meta property=\"og:site_name\" content=\"Axelor\">\r\n<meta property=\"og:title\" content=\"Axelor Build Suite : l'ERP agentique du BTP\">\r\n<meta property=\"og:description\" content=\"De l'appel d'offres \u00e0 la r\u00e9ception, pilotez vos chantiers, vos situations de travaux et votre rentabilit\u00e9 dans un seul ERP, avec des agents qui agissent.\">\r\n<meta property=\"og:url\" content=\"https:\/\/axelor.com\/fr\/axelor-build-suite\/\">\r\n<meta property=\"og:image\" content=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\">\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta name=\"twitter:title\" content=\"Axelor Build Suite : l'ERP agentique du BTP\">\r\n<meta name=\"twitter:description\" content=\"Chantiers, situations de travaux, sous-traitance et rentabilit\u00e9 par chantier en temps r\u00e9el.\">\r\n<meta name=\"twitter:image\" content=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\">\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-build {\r\n    --navy:#010165; --navy-2:#07013F; --navy-3:#08083D;\r\n    --ocean:#9E44DF; --ocean-dark:#8B2FCE; --ocean-soft:rgba(158,68,223,.12);\r\n    --indigo:#4B3FD4; --orange:#E58B1B; --rouge:#F05858;\r\n    --magnolia:#F5F5FF; --magnolia-2:#FAFAFF; --wheelwright:#5D6B90; --white:#fff;\r\n    --line:rgba(1,1,101,.10); --line-2:rgba(1,1,101,.16);\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    --sh-lg:0 24px 60px rgba(13,2,30,.18);\r\n    font-family:'Poppins',sans-serif; color:var(--wheelwright);\r\n    font-size:15px; line-height:1.6; font-weight:400;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .axelor-build * {margin:0;padding:0;box-sizing:border-box;}\r\n  .axelor-build img {max-width:100%;display:block;}\r\n  .axelor-build a {text-decoration:none;color:inherit;}\r\n  .axelor-build h1, .axelor-build h2, .axelor-build h3 {\r\n    font-family:'Poppins',sans-serif;color:var(--navy);font-weight:600;letter-spacing:-.02em;line-height:1.18;}\r\n  .axelor-build h1 {font-size:30px;}\r\n  .axelor-build h2 {font-size:25px;}\r\n  .axelor-build h3 {font-size:18px;font-weight:600;}\r\n  .axelor-build p {font-weight:300;}\r\n  .axelor-build .wrap {max-width:1140px;margin:0 auto;padding:0 20px;}\r\n  .axelor-build .sec {padding:52px 0;}\r\n  .axelor-build .sec-alt {background:var(--magnolia-2);}\r\n  .axelor-build .eyebrow {\r\n    display:inline-block;font-family:'Chakra Petch',monospace;font-size:13px;font-weight:600;\r\n    text-transform:uppercase;letter-spacing:.06em;color:var(--ocean-dark);margin-bottom:12px;}\r\n  .axelor-build .accent {\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-build .hero {\r\n    position:relative;overflow:hidden;padding:56px 20px 52px;\r\n    background:radial-gradient(120% 130% at 20% 0%,#13134e,var(--navy) 55%,var(--navy-2));}\r\n  .axelor-build .hero-deco {\r\n    position:absolute;inset:0;pointer-events:none;opacity:.28;\r\n    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);\r\n    background-size:46px 46px;\r\n    -webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);\r\n    mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);}\r\n  .axelor-build .hero-halo {position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}\r\n  .axelor-build .hero-halo.a {width:360px;height:360px;top:-120px;left:-90px;background:rgba(158,68,223,.22);}\r\n  .axelor-build .hero-halo.b {width:320px;height:320px;bottom:-110px;right:-70px;background:rgba(75,63,212,.24);}\r\n  .axelor-build .hero-grid {position:relative;z-index:1;max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:34px;}\r\n  .axelor-build .hero .eyebrow {color:var(--sv-light);}\r\n  .axelor-build .hero h1 {color:var(--white);margin-bottom:14px;}\r\n  .axelor-build .hero-sub {font-size:16px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.78);margin-bottom:24px;}\r\n  .axelor-build .hero-sub strong {color:var(--white);font-weight:600;}\r\n  .axelor-build .button-group {display:flex;flex-wrap:wrap;gap:12px;}\r\n  .axelor-build .button-group.center {justify-content:center;}\r\n  .axelor-build .trust {display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}\r\n  .axelor-build .trust span {\r\n    display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:100px;\r\n    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);\r\n    font-size:12.5px;color:rgba(255,255,255,.82);}\r\n  .axelor-build .trust svg {width:14px;height:14px;stroke:var(--ocean);fill:none;stroke-width:2.2;flex-shrink:0;}\r\n  .axelor-build .sec-head {max-width:760px;margin-bottom:32px;}\r\n  .axelor-build .sec-head h2 {margin-bottom:12px;}\r\n  .axelor-build .sec-head p {font-size:15.5px;line-height:1.65;}\r\n  .axelor-build .sec-head.center {margin-left:auto;margin-right:auto;text-align:center;}\r\n  .axelor-build .feat {display:flex;flex-direction:column;gap:26px;margin-bottom:44px;align-items:center;}\r\n  .axelor-build .feat:last-child {margin-bottom:0;}\r\n  .axelor-build .feat-txt h2 {margin-bottom:14px;}\r\n  .axelor-build .feat-txt p {font-size:15px;line-height:1.68;margin-bottom:12px;}\r\n  .axelor-build .feat-txt strong {color:var(--navy);font-weight:600;}\r\n  .axelor-build .check-list {list-style:none;margin-top:16px;}\r\n  .axelor-build .check-list li {position:relative;padding-left:28px;margin-bottom:10px;font-size:14.5px;line-height:1.55;}\r\n  .axelor-build .check-list li::before {\r\n    content:\"\";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.4);}\r\n  .axelor-build .check-list li::after {\r\n    content:\"\";position:absolute;left:5px;top:9px;width:6px;height:3px;\r\n    border-left:2px solid var(--ocean-dark);border-bottom:2px solid var(--ocean-dark);transform:rotate(-45deg);}\r\n  .axelor-build .feat-media img {border-radius:14px;box-shadow:var(--sh-md);border:1px solid var(--line);width:100%;}\r\n  .axelor-build .feat-media.img-navy {\r\n    background:radial-gradient(120% 130% at 20% 0%,#13134e,var(--navy) 60%,var(--navy-2));\r\n    border-radius:16px;padding:22px;box-shadow:var(--sh-md);}\r\n  .axelor-build .feat-media.img-navy img {\r\n    border:none;box-shadow:none;border-radius:9px;\r\n    width:auto;max-width:100%;max-height:330px;margin:0 auto;display:block;object-fit:contain;}\r\n  .axelor-build .feat-media.img-plain {background:none;padding:0;box-shadow:none;}\r\n  .axelor-build .feat-media.img-plain img {\r\n    width:auto;max-width:100%;max-height:400px;margin:0 auto;display:block;\r\n    border:1px solid var(--line);border-radius:12px;\r\n    box-shadow:0 4px 16px rgba(1,1,101,.07);}\r\n  .axelor-build .faq details {\r\n    background:var(--white);border:1px solid var(--line);border-radius:13px;margin-bottom:10px;overflow:hidden;}\r\n  .axelor-build .faq details[open] {border-color:rgba(158,68,223,.4);box-shadow:var(--sh-sm);}\r\n  .axelor-build .faq summary {\r\n    padding:16px 19px;cursor:pointer;font-size:15px;font-weight:500;color:var(--navy);\r\n    list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;}\r\n  .axelor-build .faq summary::-webkit-details-marker {display:none;}\r\n  .axelor-build .faq summary::after {\r\n    content:\"\";width:9px;height:9px;flex-shrink:0;\r\n    border-right:2px solid var(--wheelwright);border-bottom:2px solid var(--wheelwright);\r\n    transform:rotate(45deg);transition:transform .2s;}\r\n  .axelor-build .faq details[open] summary::after {transform:rotate(-135deg);border-color:var(--ocean-dark);}\r\n  .axelor-build .faq .faq-a {padding:0 19px 17px;font-size:14px;line-height:1.68;border-top:1px dashed var(--line);padding-top:14px;margin:0 19px 17px;}\r\n  .axelor-build .faq .faq-a strong {color:var(--navy);font-weight:600;}\r\n  .axelor-build .cta {\r\n    position:relative;overflow:hidden;border-radius:20px;padding:44px 26px;text-align:center;\r\n    background:radial-gradient(120% 130% at 20% 0%,#13134e,var(--navy) 55%,var(--navy-2));}\r\n  .axelor-build .cta::before {\r\n    content:\"\";position:absolute;top:-45%;right:-12%;width:380px;height:380px;\r\n    background:radial-gradient(circle,rgba(158,68,223,.16),transparent 62%);pointer-events:none;}\r\n  .axelor-build .cta h2 {position:relative;color:var(--white);margin-bottom:12px;}\r\n  .axelor-build .cta p {position:relative;color:rgba(255,255,255,.72);font-size:15px;max-width:560px;margin:0 auto 24px;}\r\n  .axelor-build .cta .button-group {position:relative;}\r\n  .axelor-build .reveal {opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;}\r\n  .axelor-build .reveal.in {opacity:1;transform:none;}\r\n  .axelor-build .reveal.d1 {transition-delay:.09s;}\r\n  .axelor-build .reveal.d2 {transition-delay:.18s;}\r\n  @media (min-width:640px){\r\n    .axelor-build h1 {font-size:40px;}\r\n    .axelor-build h2 {font-size:30px;}\r\n    .axelor-build .sec {padding:66px 0;}\r\n    .axelor-build .hero {padding:70px 24px 66px;}\r\n    .axelor-build .cta {padding:56px 40px;}\r\n  }\r\n  @media (min-width:960px){\r\n    .axelor-build h1 {font-size:47px;}\r\n    .axelor-build .sec {padding:80px 0;}\r\n    .axelor-build .hero-grid {flex-direction:row;align-items:center;gap:48px;}\r\n    .axelor-build .hero-txt {flex:1.05;}\r\n    .axelor-build .hero-media {flex:1;}\r\n    .axelor-build .feat {flex-direction:row;align-items:center;gap:46px;}\r\n    .axelor-build .feat-media {display:flex;align-items:center;justify-content:center;}\r\n    .axelor-build .feat-txt {display:flex;flex-direction:column;justify-content:center;}\r\n    .axelor-build .feat.rev {flex-direction:row-reverse;}\r\n    .axelor-build .feat-txt, .axelor-build .feat-media {flex:1;}\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .axelor-build .reveal {opacity:1;transform:none;transition:none;}\r\n  }\r\n\r\n    position:relative;background:var(--white);border:1px solid var(--line);\r\n    border-radius:16px;padding:26px 22px;box-shadow:var(--sh-sm);}\r\n  .axelor-build .uses {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;}\r\n  .axelor-build .use {\r\n    background:var(--white);border:1px solid var(--line);border-radius:15px;padding:22px 20px;\r\n    box-shadow:var(--sh-sm);transition:transform .22s,box-shadow .22s;}\r\n  .axelor-build .use:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .use-top {display:flex;align-items:center;gap:11px;margin-bottom:12px;}\r\n  .axelor-build .use-ic {\r\n    width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.28);}\r\n  .axelor-build .use-ic svg {width:19px;height:19px;stroke:var(--ocean-dark);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-build .use h3 {font-size:16px;}\r\n  .axelor-build .use p {font-size:13.3px;line-height:1.6;margin-bottom:11px;}\r\n  .axelor-build .use .agent-does {\r\n    font-size:12.5px;line-height:1.55;padding:10px 12px;border-radius:9px;\r\n    background:rgba(158,68,223,.07);border:1px solid rgba(158,68,223,.22);color:var(--navy);}\r\n  .axelor-build .use .agent-does strong {color:var(--ocean-dark);font-weight:600;}\r\n  .axelor-build .gloss {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;}\r\n  .axelor-build .gl {\r\n    background:var(--white);border:1px solid var(--line);border-top:3px solid var(--ocean);\r\n    border-radius:16px;padding:24px 22px;box-shadow:var(--sh-sm);\r\n    transition:transform .22s,box-shadow .22s;}\r\n  .axelor-build .gl:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .gl-ic {\r\n    width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.28);margin-bottom:15px;}\r\n  .axelor-build .gl-ic svg {width:21px;height:21px;stroke:var(--ocean-dark);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-build .gl h3 {font-size:15.5px;margin-bottom:7px;}\r\n  .axelor-build .gl p {font-size:13.5px;line-height:1.6;}\r\n  @keyframes fxPulse{\r\n    0%{left:22px;opacity:0;}\r\n    8%{opacity:1;}\r\n    92%{opacity:1;}\r\n    100%{left:calc(100% - 34px);opacity:0;}\r\n  }\r\n\r\n  .axelor-build .fams {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;}\r\n  .axelor-build .fam {\r\n    background:var(--white);border:1px solid var(--line);border-top:3px solid var(--ocean);\r\n    border-radius:16px;padding:24px 22px;box-shadow:var(--sh-sm);\r\n    transition:transform .22s,box-shadow .22s;}\r\n  .axelor-build .fam:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .fam-ic {\r\n    width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.28);margin-bottom:15px;}\r\n  .axelor-build .fam-ic svg {width:21px;height:21px;stroke:var(--ocean-dark);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-build .fam h3 {font-size:17px;margin-bottom:14px;}\r\n  .axelor-build .fam ul {list-style:none;}\r\n  .axelor-build .fam li {\r\n    position:relative;padding:9px 0 9px 20px;font-size:13.8px;line-height:1.45;\r\n    color:var(--wheelwright);border-top:1px solid var(--line);}\r\n  .axelor-build .fam li:first-child {border-top:none;}\r\n  .axelor-build .fam li::before {\r\n    content:\"\";position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:2px;background:var(--ocean);}\r\n  @media (min-width:960px){\r\n    .axelor-build .cy h3 {font-size:16px;}\r\n  }\r\n\r\n  \/* ===== LOGOS CLIENTS ===== *\/\r\n  .axelor-build .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px 40px;}\r\n  .axelor-build .logos img{height:34px;width:auto;opacity:.62;filter:grayscale(1);transition:opacity .22s,filter .22s;}\r\n  .axelor-build .logos img:hover{opacity:1;filter:none;}\r\n  \/* ===== TEMOIGNAGES ===== *\/\r\n  .axelor-build .tm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;}\r\n  .axelor-build .tmc{\r\n    background:var(--white);border:1px solid var(--line);border-left:3px solid var(--ocean);\r\n    border-radius:0 15px 15px 0;padding:24px 22px;box-shadow:var(--sh-sm);}\r\n  .axelor-build .tmc img{height:30px;width:auto;margin-bottom:16px;}\r\n  .axelor-build .tmc blockquote{font-size:14.5px;line-height:1.7;color:var(--wheelwright);font-style:italic;margin-bottom:14px;}\r\n  .axelor-build .tmc cite{font-style:normal;display:block;font-size:13.5px;color:var(--navy);font-weight:600;}\r\n  .axelor-build .tmc cite span{display:block;font-weight:300;font-size:12.5px;color:var(--wheelwright);}\r\n  \/* ===== DEMO INTERACTIVE ===== *\/\r\n  .axelor-build .demo{\r\n    position:relative;padding-bottom:62%;height:0;overflow:hidden;\r\n    border-radius:16px;border:1px solid var(--line);box-shadow:var(--sh-md);background:var(--magnolia-2);}\r\n  .axelor-build .demo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}\r\n<\/style>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"WebPage\",\r\n  \"@id\": \"https:\/\/axelor.com\/fr\/axelor-build-suite\/#webpage\",\r\n  \"url\": \"https:\/\/axelor.com\/fr\/axelor-build-suite\/\",\r\n  \"name\": \"Axelor Build Suite : l'ERP agentique du BTP\",\r\n  \"inLanguage\": \"fr-FR\",\r\n  \"datePublished\": \"2026-09-07\",\r\n  \"dateModified\": \"2026-09-07\",\r\n  \"isPartOf\": {\"@type\": \"WebSite\", \"name\": \"Axelor\", \"url\": \"https:\/\/axelor.com\/\"},\r\n  \"publisher\": {\"@id\": \"https:\/\/axelor.com\/#organization\"},\r\n  \"about\": {\"@type\": \"SoftwareApplication\", \"name\": \"Axelor Build Suite\"},\r\n  \"primaryImageOfPage\": {\"@type\": \"ImageObject\", \"url\": \"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\"}\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Organization\",\r\n  \"@id\": \"https:\/\/axelor.com\/#organization\",\r\n  \"name\": \"Axelor\",\r\n  \"legalName\": \"Axelor SAS\",\r\n  \"url\": \"https:\/\/axelor.com\/\",\r\n  \"logo\": {\"@type\": \"ImageObject\", \"url\": \"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/logo_axelor_blue_green.png\"},\r\n  \"foundingDate\": \"2005\",\r\n  \"founder\": {\"@type\": \"Person\", \"name\": \"Laith Jubair\", \"jobTitle\": \"President-directeur general\"},\r\n  \"description\": \"Editeur francais d'ERP open source nativement agentique et No-Code.\",\r\n  \"sameAs\": [\r\n    \"https:\/\/www.linkedin.com\/company\/axelor\",\r\n    \"https:\/\/github.com\/axelor\"\r\n  ]\r\n}\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<div class=\"axelor-build\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <span class=\"hero-deco\"><\/span><span class=\"hero-halo a\"><\/span><span class=\"hero-halo b\"><\/span>\r\n    <div class=\"hero-grid\">\r\n      <div class=\"hero-txt reveal\">\r\n        <span class=\"eyebrow\">Axelor Build Suite<\/span>\r\n        <h1>L'ERP <span class=\"accent\">agentique<\/span> pour le b\u00e2timent et les travaux publics<\/h1>\r\n        <p class=\"hero-sub\">Une suite unique autour du <strong>chantier<\/strong> : de l'appel d'offres \u00e0 la r\u00e9ception, pilotez vos chantiers, vos situations de travaux et vos achats. <strong>L'IA agentique au service de vos chantiers et de votre rentabilit\u00e9.<\/strong><\/p>\r\n        <div class=\"button-group\">\r\n          <a class=\"button icone first\" href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\"><p style=\"margin-bottom:0px\">Acc\u00e9der \u00e0 la d\u00e9mo<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/p><\/a>\r\n          <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/contact\/\"><p style=\"margin-bottom:0px\">\u00catre contact\u00e9<\/p><\/a>\r\n        <\/div>\r\n        <div class=\"trust\">\r\n          <span><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>Gestion de chantier native<\/span>\r\n          <span><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\"\/><\/svg>Agents IA inclus<\/span>\r\n          <span><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Open source, \u00e9diteur fran\u00e7ais<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-media reveal d2\">\r\n        <div class=\"hviz\">\r\n          <img decoding=\"async\" class=\"hviz-base\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Axelor-BTP.png\" alt=\"Interface d'Axelor Build Suite : pilotage des chantiers, des situations de travaux et des achats\" loading=\"eager\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- POUR QUI -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">Pour qui<\/span>\r\n        <h2>Con\u00e7u pour les entreprises qui construisent, r\u00e9novent et am\u00e9nagent<\/h2>\r\n        <p>Votre marge se joue chantier par chantier, vos co\u00fbts d\u00e9rivent vite sur le terrain, et chaque march\u00e9 a ses situations, ses avenants et ses retenues.<\/p>\r\n      <\/div>\r\n      <div class=\"fams\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px;\">\r\n\r\n        <div class=\"fm reveal\">\r\n          <div class=\"fm-top\">\r\n            <span class=\"fm-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 18h20\"\/><path d=\"M4 18a8 8 0 0 1 16 0\"\/><path d=\"M12 3.5v3.5\"\/><path d=\"M9.5 7h5\"\/><\/svg><\/span>\r\n            <div><h3>Gros oeuvre et structure<\/h3><span class=\"fm-sub\">Chantiers et march\u00e9s<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"fm-tags\">\r\n            <span>Ma\u00e7onnerie<\/span><span>B\u00e9ton<\/span><span>Terrassement<\/span><span>Fondations<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fm reveal d1\">\r\n          <div class=\"fm-top\">\r\n            <span class=\"fm-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg><\/span>\r\n            <div><h3>Second oeuvre<\/h3><span class=\"fm-sub\">Corps d'\u00e9tat techniques<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"fm-tags\">\r\n            <span>\u00c9lectricit\u00e9<\/span><span>Plomberie<\/span><span>CVC<\/span><span>Menuiserie<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fm reveal d2\">\r\n          <div class=\"fm-top\">\r\n            <span class=\"fm-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M7 15l3-3 3 2 4-5\"\/><circle cx=\"17\" cy=\"9\" r=\"1.6\"\/><\/svg><\/span>\r\n            <div><h3>Travaux publics et g\u00e9nie civil<\/h3><span class=\"fm-sub\">VRD et r\u00e9seaux<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"fm-tags\">\r\n            <span>Routes<\/span><span>R\u00e9seaux<\/span><span>VRD<\/span><span>Ouvrages d'art<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LE FIL DU METIER -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">Le fil du m\u00e9tier<\/span>\r\n        <h2>Une seule cha\u00eene, de l'appel d'offres \u00e0 la r\u00e9ception<\/h2>\r\n        <p>Ces cinq \u00e9tapes vivent dans le m\u00eame syst\u00e8me. Un pointage saisi sur le chantier remonte jusqu'\u00e0 la marge du chantier, sans ressaisie.<\/p>\r\n      <\/div>\r\n      <div class=\"flow reveal\">\r\n        <span class=\"flow-deco\"><\/span><span class=\"flow-halo h1\"><\/span><span class=\"flow-halo h2\"><\/span>\r\n        <div class=\"flow-rail\" role=\"tablist\" aria-label=\"Les \u00e9tapes d'un chantier\">\r\n          <button class=\"flow-node is-on\" role=\"tab\" id=\"fn0\" aria-controls=\"fs0\" aria-selected=\"true\" tabindex=\"0\"><span class=\"flow-dot\">1<\/span><span class=\"flow-lbl\">Appel d'offres<\/span><\/button>\r\n          <button class=\"flow-node\" role=\"tab\" id=\"fn1\" aria-controls=\"fs1\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"flow-dot\">2<\/span><span class=\"flow-lbl\">March\u00e9<\/span><\/button>\r\n          <button class=\"flow-node\" role=\"tab\" id=\"fn2\" aria-controls=\"fs2\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"flow-dot\">3<\/span><span class=\"flow-lbl\">Chantier<\/span><\/button>\r\n          <button class=\"flow-node\" role=\"tab\" id=\"fn3\" aria-controls=\"fs3\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"flow-dot\">4<\/span><span class=\"flow-lbl\">Situation<\/span><\/button>\r\n          <button class=\"flow-node\" role=\"tab\" id=\"fn4\" aria-controls=\"fs4\" aria-selected=\"false\" tabindex=\"-1\"><span class=\"flow-dot\">5<\/span><span class=\"flow-lbl\">DGD<\/span><\/button>\r\n        <\/div>\r\n        <div class=\"flow-stage\">\r\n          <div class=\"flow-panel is-on\" id=\"fs0\" role=\"tabpanel\" aria-labelledby=\"fn0\">\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>Consultation en cours<\/b><span class=\"flow-badge\">\u00c9TUDE<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">Ma\u00eetre d'ouvrage<\/span><span class=\"v\">Ville de Roubaix<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Montant estim\u00e9<\/span><span class=\"v\">840 000 \u20ac<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">M\u00e9tr\u00e9<\/span><span class=\"v up\">chiffr\u00e9<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Remise<\/span><span class=\"v\">le 12<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>Le <strong>devis se chiffre<\/strong> \u00e0 partir de la biblioth\u00e8que d'ouvrages ; les chantiers similaires d\u00e9j\u00e0 r\u00e9alis\u00e9s restent accessibles, avec leur marge.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flow-panel\" id=\"fs1\" role=\"tabpanel\" aria-labelledby=\"fn1\" hidden>\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>March\u00e9 MA-2418<\/b><span class=\"flow-badge\">SIGN\u00c9<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">Montant march\u00e9<\/span><span class=\"v\">840 000 \u20ac<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Budget chantier<\/span><span class=\"v\">612 000 \u20ac<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Marge cible<\/span><span class=\"v up\">27,1 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Lots<\/span><span class=\"v\">5 lots planifi\u00e9s<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>Le <strong>budget de chantier se construit<\/strong> \u00e0 partir du march\u00e9 - lots, phases et postes - sans ressaisie.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flow-panel\" id=\"fs2\" role=\"tabpanel\" aria-labelledby=\"fn2\" hidden>\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>Semaine 37<\/b><span class=\"flow-badge\">CHANTIER<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">T\u00e2ches planifi\u00e9es<\/span><span class=\"v\">18<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">\u00c9quipes mobilis\u00e9es<\/span><span class=\"v\">4<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Avancement<\/span><span class=\"v up\">62 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Al\u00e9a<\/span><span class=\"v warn\">Livraison d\u00e9cal\u00e9e<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>Le <strong>planning des \u00e9quipes et du mat\u00e9riel<\/strong> se r\u00e9organise apr\u00e8s un al\u00e9a, selon les priorit\u00e9s du chantier.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flow-panel\" id=\"fs3\" role=\"tabpanel\" aria-labelledby=\"fn3\" hidden>\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>Situation n\u00b04<\/b><span class=\"flow-badge\">\u00c0 VALIDER<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">Avancement<\/span><span class=\"v\">62 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">R\u00e9alis\u00e9 sur budget<\/span><span class=\"v\">58 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Sous-traitance<\/span><span class=\"v\">2 lots<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Reste \u00e0 faire<\/span><span class=\"v up\">\u00e0 jour<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>La <strong>situation de travaux se calcule<\/strong> \u00e0 partir de l'avancement ; tout \u00e9cart avec le budget ressort imm\u00e9diatement.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flow-panel\" id=\"fs4\" role=\"tabpanel\" aria-labelledby=\"fn4\" hidden>\r\n            <div class=\"flow-card\">\r\n              <div class=\"flow-card-h\"><b>D\u00e9compte DGD-2418<\/b><span class=\"flow-badge\">\u00c0 \u00c9TABLIR<\/span><\/div>\r\n              <div class=\"flow-grid\"><div class=\"flow-stat\"><span class=\"k\">Avancement<\/span><span class=\"v\">100 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Retenue de garantie<\/span><span class=\"v\">5 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Marge r\u00e9elle<\/span><span class=\"v up\">25,6 %<\/span><\/div><div class=\"flow-stat\"><span class=\"k\">Solde<\/span><span class=\"v\">\u00e0 percevoir<\/span><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"flow-insight\">\r\n              <span class=\"flow-insight-ic\"><svg viewBox=\"0 0 24 24\" width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z\"\/><path d=\"M3.3 7L12 12l8.7-5M12 22V12\"\/><\/svg><\/span>\r\n              <span><em>En standard dans Axelor<\/em><p>Le <strong>d\u00e9compte d\u00e9finitif se pr\u00e9pare<\/strong> \u00e0 partir du r\u00e9alis\u00e9 - retenue de garantie et solde inclus.<\/p><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<!-- ============ COMPOSANT IA AGENTIQUE ============ -->\r\n<style>\r\n  .axelor-ai-build{--navy:#010165;--navy-2:#07013F;--ocean:#C08CF0;--ocean-dark:#9E44DF;\r\n    --indigo:#4B3FD4;--orange:#E58B1B;--rouge:#F05858;--white:#fff;}\r\n  .axelor-ai-build *{box-sizing:border-box;}\r\n  .axelor-ai-build .ai-sec{position:relative;overflow:hidden;padding:56px 20px;\r\n    background:radial-gradient(120% 130% at 20% 0%,#13134e,var(--navy) 55%,var(--navy-2));font-family:'Poppins',sans-serif;}\r\n  .axelor-ai-build .ai-grid-deco{position:absolute;inset:0;pointer-events:none;opacity:.3;\r\n    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);\r\n    background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 70%);\r\n    mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 70%);}\r\n  .axelor-ai-build .ai-halo{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}\r\n  .axelor-ai-build .ai-halo.h1{width:380px;height:380px;top:-120px;left:-80px;background:rgba(158,68,223,.22);}\r\n  .axelor-ai-build .ai-halo.h2{width:320px;height:320px;bottom:-100px;right:-60px;background:rgba(75,63,212,.22);}\r\n  .axelor-ai-build .ai-inner{position:relative;z-index:1;max-width:1140px;margin:0 auto;}\r\n  .axelor-ai-build .ai-badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border-radius:100px;\r\n    background:rgba(158,68,223,.12);border:1px solid rgba(158,68,223,.35);font-family:'Chakra Petch',monospace;\r\n    font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ocean);margin-bottom:18px;}\r\n  .axelor-ai-build .ais-pl{width:7px;height:7px;border-radius:50%;background:var(--ocean);animation:ais-pulse 1.8s ease-in-out infinite;}\r\n  @keyframes ais-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.7);}}\r\n  .axelor-ai-build .ai-inner h2{font-size:28px;line-height:1.18;font-weight:600;letter-spacing:-.02em;color:var(--white);margin:0 0 14px;}\r\n  .axelor-ai-build .ai-inner h2 .accent{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-ai-build .ai-frame{padding:18px 20px;margin-bottom:32px;border-left:3px solid var(--ocean);\r\n    border-radius:0 12px 12px 0;background:rgba(255,255,255,.04);font-size:15px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.82);}\r\n  .axelor-ai-build .ai-frame strong{color:var(--white);font-weight:600;}\r\n  .axelor-ai-build .scenarios{display:grid;grid-template-columns:1fr;gap:16px;}\r\n  .axelor-ai-build .scenario{position:relative;padding:24px 22px 22px;border-radius:16px;\r\n    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);transition:transform .25s,border-color .25s,background .25s;}\r\n  .axelor-ai-build .scenario:hover{transform:translateY(-4px);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);}\r\n  .axelor-ai-build .sc-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}\r\n  .axelor-ai-build .sc-ic{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}\r\n  .axelor-ai-build .sc-ic svg{width:20px;height:20px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-ai-build .sc-tag{font-family:'Chakra Petch',monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;}\r\n  .axelor-ai-build .scenario h3{font-size:17px;font-weight:600;line-height:1.3;color:var(--white);margin:0 0 12px;}\r\n  .axelor-ai-build .sc-q{padding:10px 14px;margin-bottom:12px;border-left:2px solid var(--ocean);border-radius:0 8px 8px 0;\r\n    background:rgba(0,0,0,.18);font-size:13.5px;font-style:italic;line-height:1.5;color:rgba(255,255,255,.72);}\r\n  .axelor-ai-build .sc-r{font-size:13.5px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.75);margin:0;}\r\n  .axelor-ai-build .sc-r strong{color:var(--ocean);font-weight:600;}\r\n  .axelor-ai-build .s-red .sc-ic{background:rgba(158,68,223,.14);border:1px solid rgba(158,68,223,.3);}\r\n  .axelor-ai-build .s-red .sc-ic svg{stroke:var(--rouge);} .axelor-ai-build .s-red .sc-tag{color:var(--rouge);}\r\n  .axelor-ai-build .s-orange .sc-ic{background:rgba(229,139,27,.14);border:1px solid rgba(229,139,27,.3);}\r\n  .axelor-ai-build .s-orange .sc-ic svg{stroke:var(--orange);} .axelor-ai-build .s-orange .sc-tag{color:var(--orange);}\r\n  .axelor-ai-build .s-indigo .sc-ic{background:rgba(75,63,212,.18);border:1px solid rgba(139,128,240,.35);}\r\n  .axelor-ai-build .s-indigo .sc-ic svg{stroke:#8B80F0;} .axelor-ai-build .s-indigo .sc-tag{color:#8B80F0;}\r\n  .axelor-ai-build .s-ocean .sc-ic{background:rgba(158,68,223,.14);border:1px solid rgba(158,68,223,.3);}\r\n  .axelor-ai-build .s-ocean .sc-ic svg{stroke:var(--ocean);} .axelor-ai-build .s-ocean .sc-tag{color:var(--ocean);}\r\n  .axelor-ai-build .ai-trust{display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding:16px 18px;border-radius:12px;\r\n    background:rgba(158,68,223,.07);border:1px solid rgba(158,68,223,.2);font-size:13px;font-weight:400;line-height:1.6;color:#ffffff;}\r\n  .axelor-ai-build .ai-trust svg{width:18px;height:18px;stroke:var(--ocean);fill:none;stroke-width:2;flex-shrink:0;margin-top:2px;}\r\n  .axelor-ai-build .ai-trust strong{color:var(--white);font-weight:600;}\r\n  .axelor-ai-build .ai-cta{margin-top:28px;}\r\n  .axelor-ai-build .button-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}\r\n  @media (min-width:640px){.axelor-ai-build .ai-sec{padding:76px 32px;}.axelor-ai-build .ai-inner h2{font-size:34px;}\r\n    .axelor-ai-build .scenarios{grid-template-columns:1fr 1fr;gap:18px;}}\r\n  @media (min-width:960px){.axelor-ai-build .ai-inner h2{font-size:38px;max-width:820px;}.axelor-ai-build .ai-frame{max-width:840px;font-size:16px;}}\r\n\r\n  \/* ===== HUB : l'intervention au centre ===== *\/\r\n  .axelor-field-service .hub{\r\n    position:relative;overflow:hidden;border-radius:22px;padding:32px 20px;\r\n    background:radial-gradient(120% 130% at 15% 0%,#16165a,var(--navy) 55%,var(--navy-2));\r\n    border:1px solid rgba(255,255,255,.10);}\r\n  .axelor-field-service .hub-deco{\r\n    position:absolute;inset:0;pointer-events:none;opacity:.26;\r\n    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);\r\n    background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);\r\n    mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 72%);}\r\n  .axelor-field-service .hub-halo{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}\r\n  .axelor-field-service .hub-halo.l{width:300px;height:300px;top:-120px;left:-80px;background:rgba(158,68,223,.20);}\r\n  .axelor-field-service .hub-halo.r{width:300px;height:300px;bottom:-120px;right:-70px;background:rgba(75,63,212,.22);}\r\n  .axelor-field-service .hub-svg{position:relative;z-index:1;max-width:520px;margin:0 auto 28px;}\r\n  .axelor-field-service .mods{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:14px;}\r\n  .axelor-field-service .mod{\r\n    flex:1 1 250px;min-width:0;padding:20px 18px;border-radius:14px;\r\n    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);\r\n    transition:transform .22s,background .22s,border-color .22s;}\r\n  .axelor-field-service .mod:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(158,68,223,.35);}\r\n  .axelor-field-service .mod-top{display:flex;align-items:center;gap:11px;margin-bottom:9px;}\r\n  .axelor-field-service .mod-ic{\r\n    width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:rgba(158,68,223,.14);border:1px solid rgba(158,68,223,.35);}\r\n  .axelor-field-service .mod-ic svg{width:18px;height:18px;stroke:var(--ocean);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-field-service .mod h3{font-size:15.5px;color:var(--white);margin:0;}\r\n  .axelor-field-service .mod p{font-size:13px;color:rgba(255,255,255,.72);line-height:1.55;margin:0;}\r\n  \/* ===== JOURNEE PILOTEE PAR LES AGENTS ===== *\/\r\n  .axelor-field-service .day{display:flex;flex-direction:column;gap:0;max-width:840px;margin:0 auto;}\r\n  .axelor-field-service .dy{position:relative;display:flex;gap:16px;padding-bottom:22px;}\r\n  .axelor-field-service .dy:last-child{padding-bottom:0;}\r\n  .axelor-field-service .dy::before{\r\n    content:\"\";position:absolute;left:31px;top:34px;bottom:0;width:2px;\r\n    background:linear-gradient(180deg,rgba(158,68,223,.5),rgba(158,68,223,.12));}\r\n  .axelor-field-service .dy:last-child::before{display:none;}\r\n  .axelor-field-service .dy-h{\r\n    position:relative;z-index:1;flex:0 0 64px;height:30px;border-radius:100px;\r\n    display:flex;align-items:center;justify-content:center;\r\n    background:var(--navy);color:var(--ocean);\r\n    font-family:'Chakra Petch',monospace;font-size:12.5px;font-weight:700;}\r\n  .axelor-field-service .dy-c{\r\n    flex:1;min-width:0;background:var(--white);border:1px solid var(--line);\r\n    border-radius:14px;padding:18px 20px;box-shadow:var(--sh-sm);}\r\n  .axelor-field-service .dy-c h3{font-size:16px;margin-bottom:7px;}\r\n  .axelor-field-service .dy-c p{font-size:13.5px;line-height:1.6;margin:0;}\r\n  .axelor-field-service .dy-c .who{\r\n    display:inline-block;margin-top:11px;font-family:'Chakra Petch',monospace;font-size:10.5px;\r\n    font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ocean-dark);\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.3);padding:4px 10px;border-radius:100px;}\r\n\r\n  .axelor-field-service .def-line{\r\n    display:flex;align-items:flex-start;gap:12px;margin-top:26px;padding:18px 20px;\r\n    border-radius:14px;background:var(--magnolia-2);border:1px solid var(--line);\r\n    border-left:3px solid var(--ocean);font-size:14.5px;line-height:1.6;color:var(--wheelwright);}\r\n  .axelor-field-service .def-line svg{width:19px;height:19px;stroke:var(--ocean-dark);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:3px;}\r\n  .axelor-field-service .def-line strong{color:var(--navy);font-weight:600;}\r\n\r\n  \/* boutons : eviter que le libelle deborde *\/\r\n  .axelor-field-service .button {padding-left:26px;padding-right:26px;white-space:nowrap;}\r\n  .axelor-field-service .button p {white-space:nowrap;}\r\n  .axelor-ai-build .button {padding-left:26px;padding-right:26px;text-align:center;white-space:nowrap;}\r\n  .axelor-ai-build .button p {margin:0 !important;text-align:center;white-space:nowrap;}\r\n\r\n  \/* ===== PLANNING ===== *\/\r\n  \/* ===== PIECES \/ STOCK ===== *\/\r\n  .axelor-field-service .flow2{display:grid;grid-template-columns:1fr;gap:14px;counter-reset:f2;}\r\n  .axelor-field-service .f2{\r\n    position:relative;padding:20px 18px 20px 56px;border-radius:14px;\r\n    background:var(--white);border:1px solid var(--line);box-shadow:var(--sh-sm);}\r\n  .axelor-field-service .f2::before{\r\n    counter-increment:f2;content:counter(f2);\r\n    position:absolute;left:18px;top:20px;width:26px;height:26px;border-radius:8px;\r\n    background:var(--ocean);color:var(--navy);display:flex;align-items:center;justify-content:center;\r\n    font-family:'Chakra Petch',monospace;font-size:12.5px;font-weight:700;}\r\n  .axelor-field-service .f2 h3{font-size:15.5px;margin-bottom:6px;}\r\n  .axelor-field-service .f2 p{font-size:13.3px;line-height:1.6;}\r\n  @media (min-width:640px){ .axelor-field-service .flow2{grid-template-columns:repeat(2,minmax(0,1fr));} }\r\n  @media (min-width:900px){ .axelor-field-service .flow2{grid-template-columns:repeat(4,minmax(0,1fr));} }\r\n\r\n  \/* ===== ETAPES ALLEGEES ===== *\/\r\n  .axelor-field-service .steps4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;counter-reset:s4;}\r\n  @media (min-width:520px){ .axelor-field-service .steps4{grid-template-columns:repeat(2,minmax(0,1fr));} }\r\n  @media (min-width:900px){ .axelor-field-service .steps4{grid-template-columns:repeat(4,minmax(0,1fr));} }\r\n  .axelor-field-service .s4{\r\n    position:relative;background:var(--white);border:1px solid var(--line);\r\n    border-radius:15px;padding:22px 20px;box-shadow:var(--sh-sm);\r\n    transition:transform .22s,box-shadow .22s;}\r\n  .axelor-field-service .s4:hover{transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-field-service .s4::before{\r\n    counter-increment:s4;content:counter(s4);\r\n    display:flex;align-items:center;justify-content:center;\r\n    width:32px;height:32px;border-radius:10px;margin-bottom:14px;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.35);color:var(--ocean-dark);\r\n    font-family:'Chakra Petch',monospace;font-size:13px;font-weight:700;}\r\n  .axelor-field-service .s4 h3{font-size:15.5px;margin-bottom:7px;line-height:1.3;}\r\n  .axelor-field-service .s4 p{font-size:13px;line-height:1.55;}\r\n  \/* ===== BANDE AGENTIQUE EN LIGNE ===== *\/\r\n  .axelor-field-service .ai-line{\r\n    display:flex;align-items:flex-start;gap:13px;margin-top:18px;padding:14px 17px;\r\n    border-radius:13px;background:rgba(158,68,223,.07);border:1px solid rgba(158,68,223,.26);\r\n    font-size:13.8px;line-height:1.6;color:var(--wheelwright);}\r\n  .axelor-field-service .ai-line .bulle{\r\n    width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:var(--navy);}\r\n  .axelor-field-service .ai-line .bulle svg{width:17px;height:17px;stroke:var(--ocean);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-field-service .ai-line b{\r\n    display:block;font-family:'Chakra Petch',monospace;font-size:10.5px;font-weight:700;\r\n    letter-spacing:.07em;text-transform:uppercase;color:var(--ocean-dark);margin-bottom:4px;}\r\n  .axelor-field-service .ai-line strong{color:var(--navy);font-weight:600;}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  \/* ===== PLANNING INTERACTIF (maquette produit) ===== *\/\r\n  .axelor-field-service .pl{position:relative;background:var(--white);border:1px solid var(--line);\r\n    border-radius:16px;box-shadow:var(--sh-md);overflow:hidden;font-family:'Poppins',sans-serif;}\r\n  .axelor-field-service .pl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;\r\n    padding:12px 14px;background:var(--magnolia);border-bottom:1px solid var(--line);}\r\n  .axelor-field-service .pl-seg{display:flex;background:var(--white);border:1px solid var(--line-2);\r\n    border-radius:9px;padding:3px;gap:2px;}\r\n  .axelor-field-service .pl-seg button{border:none;background:none;cursor:pointer;\r\n    font-family:inherit;font-size:11.5px;font-weight:500;color:var(--wheelwright);\r\n    padding:6px 13px;border-radius:7px;transition:background .16s,color .16s;}\r\n  .axelor-field-service .pl-seg button:hover{background:var(--magnolia);}\r\n  .axelor-field-service .pl-seg button.on{background:var(--navy);color:var(--white);font-weight:600;}\r\n  .axelor-field-service .pl-nav{display:flex;gap:3px;}\r\n  .axelor-field-service .pl-nav button{width:28px;height:28px;border-radius:8px;cursor:pointer;\r\n    border:1px solid var(--line-2);background:var(--white);color:var(--navy);\r\n    display:flex;align-items:center;justify-content:center;transition:background .16s,border-color .16s;}\r\n  .axelor-field-service .pl-nav button:hover{background:var(--navy);border-color:var(--navy);color:var(--white);}\r\n  .axelor-field-service .pl-nav svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-field-service .pl-date{display:flex;align-items:center;gap:8px;padding:6px 13px;\r\n    background:var(--white);border:1px solid var(--line-2);border-radius:9px;\r\n    font-size:12px;font-weight:500;color:var(--navy);}\r\n  .axelor-field-service .pl-date svg{width:14px;height:14px;stroke:var(--wheelwright);fill:none;stroke-width:1.9;}\r\n  .axelor-field-service .pl-mode{font-family:'Chakra Petch',monospace;font-size:10px;font-weight:700;\r\n    letter-spacing:.06em;text-transform:uppercase;color:var(--ocean-dark);\r\n    background:rgba(158,68,223,.13);border:1px solid rgba(158,68,223,.32);padding:5px 11px;border-radius:100px;}\r\n  .axelor-field-service .pl-today{margin-left:auto;display:flex;align-items:center;gap:7px;cursor:pointer;\r\n    border:none;border-radius:9px;background:var(--ocean);color:var(--navy);\r\n    font-family:inherit;font-size:11.5px;font-weight:600;padding:8px 14px;transition:filter .16s,transform .16s;}\r\n  .axelor-field-service .pl-today:hover{filter:brightness(1.06);transform:translateY(-1px);}\r\n  .axelor-field-service .pl-today svg{width:14px;height:14px;stroke:var(--navy);fill:none;stroke-width:2;}\r\n  .axelor-field-service .pl-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#C9CEE0 transparent;}\r\n  .axelor-field-service .pl-scroll::-webkit-scrollbar{height:8px;}\r\n  .axelor-field-service .pl-scroll::-webkit-scrollbar-thumb{background:#C9CEE0;border-radius:100px;}\r\n  .axelor-field-service .pl-view{display:none;}\r\n  .axelor-field-service .pl-view.on{display:block;}\r\n  .axelor-field-service .pl-grid{display:grid;min-width:640px;}\r\n  .axelor-field-service .pl-grid.sem{grid-template-columns:186px repeat(7,minmax(66px,1fr));}\r\n  .axelor-field-service .pl-grid.moi{grid-template-columns:186px repeat(4,minmax(96px,1fr));}\r\n  .axelor-field-service .pl-grid.jou{grid-template-columns:186px repeat(4,minmax(110px,1fr));}\r\n  .axelor-field-service .pl-hd{padding:9px 6px;text-align:center;font-size:11px;color:var(--wheelwright);\r\n    background:var(--magnolia-2);border-bottom:1px solid var(--line);border-left:1px solid var(--line);}\r\n  .axelor-field-service .pl-hd.we{background:#EFEFF7;color:#A6ADC4;}\r\n  .axelor-field-service .pl-hd:first-child{border-left:none;}\r\n  .axelor-field-service .pl-nm{display:flex;align-items:center;gap:7px;padding:11px 12px;\r\n    border-bottom:1px solid var(--line);font-size:12px;color:var(--navy);background:var(--white);}\r\n  .axelor-field-service .pl-nm .ar{width:14px;height:14px;flex-shrink:0;stroke:var(--wheelwright);fill:none;stroke-width:2.4;\r\n    transition:transform .18s;}\r\n  .axelor-field-service .pl-row.open .pl-nm .ar{transform:rotate(90deg);}\r\n  .axelor-field-service .pl-nm b{font-weight:600;}\r\n  .axelor-field-service .pl-nm.sub{padding-left:33px;font-size:11.5px;color:var(--wheelwright);background:var(--magnolia-2);}\r\n    display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;\r\n    min-height:40px;padding:4px;transition:filter .16s;}\r\n  .axelor-field-service .pl-slot{border-bottom:1px solid var(--line);border-left:1px solid var(--line);\r\n    background:var(--magnolia-2);min-height:40px;display:flex;align-items:center;padding:5px;}\r\n  .axelor-field-service .pl-bar2{flex:1;cursor:pointer;border:none;border-radius:6px;\r\n    font-family:inherit;font-size:11px;font-weight:600;color:var(--white);padding:8px 10px;\r\n    text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\r\n    transition:transform .16s,box-shadow .16s,filter .16s;}\r\n  .axelor-field-service .pl-bar2:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(1,1,101,.22);filter:brightness(1.05);}\r\n  .axelor-field-service .pl-bar2:focus-visible{outline:2px solid var(--navy);outline-offset:2px;}\r\n  .axelor-field-service .pl-bar2.li{background:rgba(158,68,223,.10);color:var(--ocean-dark);\r\n    border:1.5px dashed var(--ocean);font-weight:500;}\r\n  .axelor-field-service .pl-foot{display:flex;align-items:center;gap:15px;flex-wrap:wrap;\r\n    padding:11px 14px;border-top:1px solid var(--line);background:var(--magnolia-2);}\r\n  .axelor-field-service .pl-lg{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--wheelwright);}\r\n  .axelor-field-service .pl-lg i{width:11px;height:11px;border-radius:3px;display:inline-block;}\r\n  .axelor-field-service .pl-hint{margin-left:auto;font-family:'Chakra Petch',monospace;font-size:9.5px;\r\n    letter-spacing:.05em;text-transform:uppercase;color:#B9C0D4;}\r\n  .axelor-field-service .pl-pop{position:absolute;z-index:10;width:246px;opacity:0;pointer-events:none;\r\n    transform:translateY(6px);transition:opacity .18s,transform .18s;\r\n    background:var(--white);border:1px solid var(--line-2);border-radius:12px;\r\n    box-shadow:0 20px 46px rgba(1,1,101,.22);overflow:hidden;}\r\n  .axelor-field-service .pl-pop.on{opacity:1;pointer-events:auto;transform:translateY(0);}\r\n  .axelor-field-service .pl-pop-h{padding:10px 13px;background:var(--navy);color:var(--white);\r\n    font-size:11.5px;font-weight:600;}\r\n  .axelor-field-service .pl-pop-b{padding:12px 13px;}\r\n  .axelor-field-service .pl-pop-b .l{display:flex;justify-content:space-between;gap:10px;\r\n    font-size:11.5px;padding:5px 0;color:var(--wheelwright);}\r\n  .axelor-field-service .pl-pop-b .l b{color:var(--navy);font-weight:600;text-align:right;}\r\n  .axelor-field-service .pl-pop-a{display:flex;gap:8px;padding:0 13px 13px;}\r\n  .axelor-field-service .pl-pop-a button{flex:1;cursor:pointer;border:none;border-radius:8px;\r\n    font-family:inherit;font-size:11px;font-weight:600;padding:8px;transition:filter .16s;}\r\n  .axelor-field-service .pl-pop-a button:hover{filter:brightness(1.06);}\r\n  .axelor-field-service .pl-pop-a .b1{background:var(--ocean);color:var(--navy);}\r\n  .axelor-field-service .pl-pop-a .b2{background:var(--magnolia);color:var(--navy);border:1px solid var(--line-2);}\r\n\r\n  \/* colonne des techniciens *\/\r\n  .axelor-field-service .pl-nm{display:flex;align-items:center;gap:9px;padding:9px 12px;\r\n    border-bottom:1px solid var(--line);background:var(--white);}\r\n  .axelor-field-service .pl-nm .av{width:30px;height:30px;border-radius:9px;flex-shrink:0;\r\n    display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--ocean);\r\n    font-family:'Chakra Petch',monospace;font-size:11px;font-weight:700;}\r\n  .axelor-field-service .pl-nm .id{flex:1;min-width:0;line-height:1.2;}\r\n  .axelor-field-service .pl-nm .id b{display:block;font-size:12px;font-weight:600;color:var(--navy);}\r\n  .axelor-field-service .pl-nm .id i{font-style:normal;font-size:10.5px;color:var(--wheelwright);}\r\n  .axelor-field-service .pl-nm .ch{flex-shrink:0;font-family:'Chakra Petch',monospace;font-size:10px;\r\n    font-weight:700;color:var(--ocean-dark);background:rgba(158,68,223,.13);\r\n    border:1px solid rgba(158,68,223,.3);padding:3px 8px;border-radius:100px;}\r\n  \/* barres d'intervention *\/\r\n  .axelor-field-service .pl-slot{border-bottom:1px solid var(--line);border-left:1px solid var(--line);\r\n    background:var(--magnolia-2);min-height:54px;display:flex;padding:5px;}\r\n  .axelor-field-service .pl-slot.we{background:#EFEFF7;}\r\n  .axelor-field-service .pl-bar2{flex:1;min-width:0;border:none;border-radius:8px;cursor:pointer;\r\n    font-family:'Poppins',sans-serif;padding:7px 10px;text-align:left;\r\n    display:flex;flex-direction:column;justify-content:center;gap:2px;\r\n    transition:transform .16s,box-shadow .16s,filter .16s;}\r\n  .axelor-field-service .pl-bar2 .bt{font-size:11.5px;font-weight:600;line-height:1.2;\r\n    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\r\n  .axelor-field-service .pl-bar2 em{font-style:normal;font-size:10px;opacity:.8;line-height:1.2;\r\n    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\r\n  .axelor-field-service .pl-bar2:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(1,1,101,.22);filter:brightness(1.05);}\r\n  .axelor-field-service .pl-bar2:focus-visible{outline:2px solid var(--navy);outline-offset:2px;}\r\n  .axelor-field-service .pl-bar2.co{background:var(--indigo);color:#fff;}\r\n  .axelor-field-service .pl-bar2.ur{background:var(--orange);color:#fff;}\r\n  .axelor-field-service .pl-bar2.oc{background:var(--ocean);color:#fff;}\r\n  .axelor-field-service .pl-bar2.co,\r\n  .axelor-field-service .pl-bar2.co .bt,\r\n  .axelor-field-service .pl-bar2.co em,\r\n  .axelor-field-service .pl-bar2.ur,\r\n  .axelor-field-service .pl-bar2.ur .bt,\r\n  .axelor-field-service .pl-bar2.ur em{color:#ffffff;}\r\n  .axelor-field-service .pl-bar2.oc .bt,\r\n  .axelor-field-service .pl-bar2.oc em{color:#fff;}\r\n  .axelor-field-service .pl-bar2.co em,\r\n  .axelor-field-service .pl-bar2.ur em{opacity:.9;}\r\n  .axelor-field-service .pl-bar2.li{background:rgba(158,68,223,.08);color:var(--ocean-dark);\r\n    border:1.5px dashed var(--ocean);justify-content:center;align-items:center;}\r\n  .axelor-field-service .pl-bar2.li .bt{font-weight:500;}\r\n  \/* cartes de gauche : elles remplissent la hauteur, plus d'espaces morts *\/\r\n\r\n  .axelor-field-service .vhead{max-width:840px;margin-bottom:22px;}\r\n  .axelor-field-service .pintro{font-size:15px;line-height:1.65;color:var(--wheelwright);margin-bottom:18px;}\r\n  .axelor-field-service .pintro strong{color:var(--navy);font-weight:600;}\r\n  .axelor-field-service .pcards{display:flex;flex-direction:column;gap:11px;}\r\n  .axelor-field-service .pc{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:13px;\r\n    background:var(--magnolia-2);border:1px solid var(--line);font-size:13.5px;color:var(--navy);line-height:1.4;\r\n    transition:transform .2s,border-color .2s;}\r\n  .axelor-field-service .pc:hover{transform:translateX(3px);border-color:rgba(158,68,223,.45);}\r\n  .axelor-field-service .pc svg{width:19px;height:19px;flex-shrink:0;stroke:var(--ocean-dark);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  \/* base mobile : colonne technicien compacte, planning defilable *\/\r\n  .axelor-field-service .pl-grid{min-width:660px;}\r\n  .axelor-field-service .pl-grid.sem{grid-template-columns:150px repeat(7,minmax(78px,1fr));}\r\n  .axelor-field-service .pl-grid.moi,.axelor-field-service .pl-grid.jou{grid-template-columns:150px repeat(4,minmax(110px,1fr));}\r\n  .axelor-field-service .pl-nm .ch{display:none;}\r\n  @media (min-width:640px){\r\n    .axelor-field-service .pl-grid{min-width:840px;}\r\n    .axelor-field-service .pl-grid.sem{grid-template-columns:196px repeat(7,minmax(92px,1fr));}\r\n    .axelor-field-service .pl-grid.moi,.axelor-field-service .pl-grid.jou{grid-template-columns:196px repeat(4,minmax(130px,1fr));}\r\n    .axelor-field-service .pl-nm .ch{display:inline-block;}\r\n  }\r\n  @media (min-width:960px){\r\n    .axelor-field-service .feat.vA{align-items:stretch;gap:32px;}\r\n    .axelor-field-service .feat.vA .feat-txt{flex:0.56;display:flex;flex-direction:column;}\r\n    .axelor-field-service .feat.vA .feat-media{flex:1.62;}\r\n    .axelor-field-service .pcards{flex:1;}\r\n    .axelor-field-service .pc{flex:1;}\r\n  }\r\n\r\n  \/* [FIX INTEGRATION] Divi applique ses propres couleurs sur span, p et em :\r\n     on force explicitement la couleur sur chaque descendant du composant IA,\r\n     au lieu de compter sur l'heritage. *\/\r\n  .axelor-ai-build .ai-trust, .axelor-ai-build .ai-trust *{color:#ffffff !important;}\r\n  .axelor-ai-build .ai-trust strong{font-weight:600;}\r\n  .axelor-ai-build .ai-trust svg{stroke:var(--ocean) !important;}\r\n  .axelor-ai-build .ai-frame,\r\n  .axelor-ai-build .ai-frame span,\r\n  .axelor-ai-build .ai-frame p{color:rgba(255,255,255,.86);}\r\n  .axelor-ai-build .ai-frame strong{color:#ffffff;}\r\n  .axelor-ai-build .scenario h3,\r\n  .axelor-ai-build .scenario h3 span{color:#ffffff;}\r\n  .axelor-ai-build .sc-q,\r\n  .axelor-ai-build .sc-q span{color:rgba(255,255,255,.78);}\r\n  .axelor-ai-build .sc-r,\r\n  .axelor-ai-build .sc-r span{color:rgba(255,255,255,.80);}\r\n  .axelor-ai-build .ai-inner h2,\r\n  .axelor-ai-build .ai-inner h2 span:not(.accent){color:#ffffff;}\r\n\r\n  \/* [FIX INTEGRATION] certains th\u00e8mes r\u00e9imposent une puce sur les listes :\r\n     on neutralise explicitement, avec une sp\u00e9cificit\u00e9 sup\u00e9rieure. *\/\r\n  .axelor-build ul, .axelor-build ol, .axelor-build li,\r\n  .axelor-build .check-list, .axelor-build .check-list li,\r\n  .axelor-build .fam ul, .axelor-build .fam li {\r\n    list-style:none !important;list-style-type:none !important;list-style-image:none !important;\r\n    list-style-position:inside !important;}\r\n  .axelor-build ul, .axelor-build ol {padding-left:0 !important;margin-left:0 !important;}\r\n  .axelor-build li::marker {content:none !important;font-size:0 !important;color:transparent !important;}\r\n\r\n  \/* ===== COULEUR DE LA SUITE : Service = Rouge, appliqu\u00e9e avec retenue ===== *\/\r\n  .axelor-build {--sv:#9E44DF; --sv-txt:#8B2FCE; --sv-light:#C08CF0; --sv-soft:rgba(158,68,223,.28); --sv-tint:#F5EDFD; --sv-bg:#FBF7FE;}\r\n  .axelor-build .sec-alt {background:var(--sv-bg);}\r\n  .axelor-build .eyebrow {color:var(--sv);}\r\n  .axelor-build .fam {border-top-color:var(--sv);}\r\n  .axelor-build .fam-ic {background:var(--sv-tint);border-color:var(--sv-soft);}\r\n  .axelor-build .fam-ic svg {stroke:var(--sv);}\r\n  .axelor-build .fam li::before {background:var(--sv);}\r\n  .axelor-build .hero-halo.a {background:rgba(158,68,223,.20);}\r\n  .axelor-build .tmc {border-left-color:var(--sv);}\r\n\r\n\r\n  \/* ===== TABLEAU RECAP : format extractible pour les moteurs de reponse ===== *\/\r\n  .axelor-build .tbl-wrap {overflow-x:auto;-webkit-overflow-scrolling:touch;\r\n    border:1px solid var(--line);border-radius:16px;background:var(--white);\r\n    box-shadow:0 10px 30px rgba(1,1,101,.06);}\r\n  .axelor-build table.recap {width:100%;border-collapse:collapse;min-width:640px;font-size:14px;}\r\n  .axelor-build table.recap caption {\r\n    caption-side:top;text-align:left;padding:18px 20px 0;\r\n    font-size:13px;font-weight:400;color:var(--wheelwright);line-height:1.5;}\r\n  .axelor-build table.recap th,\r\n  .axelor-build table.recap td {padding:14px 18px;text-align:left;vertical-align:top;\r\n    border-bottom:1px solid var(--line);line-height:1.55;}\r\n  .axelor-build table.recap thead th {\r\n    font-family:'Chakra Petch';font-size:12px;font-weight:600;letter-spacing:.05em;\r\n    text-transform:uppercase;color:var(--sv-txt);background:var(--sv-tint);\r\n    border-bottom:1px solid var(--sv-soft);white-space:nowrap;}\r\n  .axelor-build table.recap tbody th {\r\n    font-weight:600;color:var(--navy);white-space:nowrap;width:1%;}\r\n  .axelor-build table.recap td {color:var(--wheelwright);font-weight:300;}\r\n  .axelor-build table.recap tbody tr:last-child th,\r\n  .axelor-build table.recap tbody tr:last-child td {border-bottom:0;}\r\n  .axelor-build table.recap tbody tr:hover th,\r\n  .axelor-build table.recap tbody tr:hover td {background:var(--magnolia-2);}\r\n  @media (min-width:768px){\r\n    .axelor-build table.recap {font-size:14.5px;}\r\n    .axelor-build table.recap caption {padding:20px 24px 0;}\r\n    .axelor-build table.recap th,.axelor-build table.recap td {padding:15px 24px;}\r\n  }\r\n\r\n  \/* ===== NO-CODE : 3 cartes sur une seule ligne ===== *\/\r\n  @media (min-width:900px){\r\n    .axelor-build .uses {grid-template-columns:repeat(3,minmax(0,1fr));}\r\n  }\r\n\r\n  \/* ===== APPLICATIONS : cartes color\u00e9es ===== *\/\r\n  .axelor-build .appgrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;}\r\n  @media (min-width:640px){ .axelor-build .appgrid {grid-template-columns:repeat(2,minmax(0,1fr));} }\r\n  @media (min-width:960px){ .axelor-build .appgrid {grid-template-columns:repeat(4,minmax(0,1fr));} }\r\n  .axelor-build .ap {\r\n    display:flex;flex-direction:column;gap:11px;padding:20px 18px;border-radius:15px;\r\n    border:1px solid transparent;box-shadow:var(--sh-sm);\r\n    transition:transform .22s ease,box-shadow .22s ease;}\r\n  .axelor-build .ap:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .ap-ic {\r\n    width:42px;height:42px;border-radius:12px;background:var(--white);\r\n    display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm);}\r\n  .axelor-build .ap-ic svg {width:20px;height:20px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}\r\n  .axelor-build .ap b {font-size:15px;font-weight:600;color:var(--navy);line-height:1.25;}\r\n  .axelor-build .ap span {font-size:12.8px;line-height:1.5;color:var(--wheelwright);font-weight:300;}\r\n  .axelor-build .ap.c1 {background:#F5EDFD;border-color:rgba(158,68,223,.26);}\r\n  .axelor-build .ap.c1 .ap-ic svg {stroke:var(--ocean-dark);}\r\n  .axelor-build .ap.c2 {background:#FCF3E8;border-color:rgba(229,139,27,.26);}\r\n  .axelor-build .ap.c2 .ap-ic svg {stroke:var(--orange);}\r\n  .axelor-build .ap.c3 {background:#EFEEFB;border-color:rgba(75,63,212,.24);}\r\n  .axelor-build .ap.c3 .ap-ic svg {stroke:var(--indigo);}\r\n  .axelor-build .ap.c4 {background:#FEF0F0;border-color:rgba(240,88,88,.24);}\r\n  .axelor-build .ap.c4 .ap-ic svg {stroke:var(--rouge);}\r\n  .axelor-build .ap.c5 {background:#EAEBFB;border-color:rgba(1,1,101,.16);}\r\n  .axelor-build .ap.c5 .ap-ic svg {stroke:var(--navy);}\r\n  .axelor-build .ap.c6 {background:#EEF1F7;border-color:rgba(93,107,144,.26);}\r\n  .axelor-build .ap.c6 .ap-ic svg {stroke:var(--wheelwright);}\r\n\r\n  \/* [FIX INTEGRATION] plus aucune balise <ul>\/<li> dans le bloc :\r\n     aucune puce ne peut appara\u00eetre, m\u00eame si la feuille de style n'est pas charg\u00e9e. *\/\r\n  .axelor-build .check-list .li {\r\n    position:relative;padding-left:28px;margin-bottom:10px;font-size:14.5px;line-height:1.55;}\r\n  .axelor-build .check-list .li::before {\r\n    content:\"\";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.4);}\r\n  .axelor-build .check-list .li::after {\r\n    content:\"\";position:absolute;left:5px;top:9px;width:6px;height:3px;\r\n    border-left:2px solid var(--ocean-dark);border-bottom:2px solid var(--ocean-dark);transform:rotate(-45deg);}\r\n  .axelor-build .fam-list .li,\r\n  .axelor-build .fam-item {\r\n    position:relative;padding:9px 0 9px 20px;font-size:13.8px;line-height:1.45;\r\n    color:var(--wheelwright);border-top:1px solid var(--line);}\r\n  .axelor-build .fam-item {border-top:none;}\r\n  .axelor-build .fam-list .li::before,\r\n  .axelor-build .fam-item::before {\r\n    content:\"\";position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:2px;background:var(--sv);}\r\n\r\n  \/* ===== FAMILLES DE M\u00c9TIERS ===== *\/\r\n  .axelor-build .fm {\r\n    background:var(--white);border:1px solid var(--line);border-radius:16px;\r\n    padding:24px 22px;box-shadow:var(--sh-sm);\r\n    display:flex;flex-direction:column;gap:16px;\r\n    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}\r\n  .axelor-build .fm:hover {transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--sv-soft);}\r\n  .axelor-build .fm-top {display:flex;align-items:center;gap:13px;}\r\n  .axelor-build .fm-ic {\r\n    width:46px;height:46px;border-radius:13px;flex-shrink:0;\r\n    display:flex;align-items:center;justify-content:center;\r\n    background:var(--sv-tint);border:1px solid var(--sv-soft);}\r\n  .axelor-build .fm-ic svg {width:21px;height:21px;stroke:var(--sv);}\r\n  .axelor-build .fm h3 {font-size:16.5px;font-weight:600;color:var(--navy);line-height:1.25;margin-bottom:3px;}\r\n  .axelor-build .fm-sub {\r\n    font-family:'Chakra Petch';font-size:11.5px;font-weight:500;letter-spacing:.03em;color:var(--wheelwright);}\r\n  .axelor-build .fm-tags {display:flex;flex-wrap:wrap;gap:8px;}\r\n  .axelor-build .fm-tags span {\r\n    display:inline-block;padding:7px 13px;border-radius:100px;\r\n    background:var(--magnolia);border:1px solid var(--line);\r\n    font-size:12.8px;font-weight:400;color:var(--navy);line-height:1.3;}\r\n\r\n  \/* ===== 3 COLONNES GARANTIES ===== *\/\r\n  @media (min-width:900px){\r\n    .axelor-build .fams {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}\r\n    .axelor-build .uses {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}\r\n  }\r\n\r\n  \/* ===== BANDE AGENTIQUE EN LIGNE ===== *\/\r\n  .axelor-build .ai-line {\r\n    display:flex;align-items:flex-start;gap:13px;margin-top:22px;padding:16px 19px;\r\n    border-radius:13px;background:rgba(158,68,223,.07);border:1px solid rgba(158,68,223,.26);\r\n    font-size:13.8px;line-height:1.6;color:var(--wheelwright);}\r\n  .axelor-build .ai-line .bulle {\r\n    width:36px;height:36px;border-radius:10px;flex-shrink:0;\r\n    display:flex;align-items:center;justify-content:center;background:var(--navy);}\r\n  .axelor-build .ai-line .bulle svg {width:17px;height:17px;stroke:var(--ocean);}\r\n  .axelor-build .ai-line .txt {flex:1;min-width:0;}\r\n  .axelor-build .ai-line .lbl {\r\n    display:block;font-family:'Chakra Petch';font-size:11px;font-weight:600;\r\n    letter-spacing:.07em;text-transform:uppercase;color:var(--ocean-dark);margin-bottom:5px;}\r\n  .axelor-build .ai-line strong {color:var(--navy);font-weight:600;}\r\n\r\n  \/* ===== EYEBROW EN PASTILLE ===== *\/\r\n  .axelor-build .eyebrow {\r\n    display:inline-block !important;padding:9px 20px;border-radius:100px;\r\n    background:var(--sv-tint);border:1px solid var(--sv-soft);\r\n    font-family:'Chakra Petch';font-size:14px;font-weight:500;line-height:1.3;\r\n    letter-spacing:.04em;text-transform:none !important;color:var(--sv-txt) !important;\r\n    margin-bottom:16px;}\r\n  \/* la pastille du hero reprend la couleur de la suite, comme les autres sections :\r\n     fond clair et texte Rouge, lisible sur le fond navy *\/\r\n  \/* Sur le hero navy : fond transparent, bordure et texte en Rouge de la charte.\r\n     C'est l'inverse des sections claires : ici le #F05858 donne 5,23:1 sur navy,\r\n     l\u00e0 o\u00f9 la d\u00e9clinaison fonc\u00e9e serait illisible. *\/\r\n  .axelor-build .hero .eyebrow {\r\n    background:transparent;border-color:rgba(158,68,223,.55);color:var(--sv-light) !important;}\r\n\r\n  \/* ===== FLOW : frise interactive moderne 2026 (theme clair) ===== *\/\r\n  .axelor-build .flow{position:relative;overflow:hidden;border-radius:22px;\r\n    background:#FFFFFF;border:1px solid #ECECF6;box-shadow:0 18px 44px rgba(1,1,101,.07);padding:24px 16px 22px;}\r\n  .axelor-build .flow-deco,.axelor-build .flow-halo{display:none;}\r\n  .axelor-build .flow-rail{position:relative;z-index:1;display:flex;gap:4px;padding:4px 2px 6px;margin-bottom:20px;}\r\n  .axelor-build .flow-rail::before{content:\"\";position:absolute;left:26px;right:26px;top:22px;height:2px;background:#E4E4F0;z-index:0;}\r\n  .axelor-build .flow-rail::-webkit-scrollbar{display:none;}\r\n  .axelor-build .flow-node{position:relative;z-index:1;flex:1;min-width:0;cursor:pointer;display:flex;\r\n    flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:4px 2px;font-family:'Poppins';text-align:center;}\r\n  .axelor-build .flow-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;\r\n    border-radius:11px;background:#F1F1FB;border:1px solid #E2E2F0;color:#8A90B5;\r\n    font-family:'Chakra Petch';font-size:14px;font-weight:700;transition:all .28s cubic-bezier(.4,0,.2,1);}\r\n  .axelor-build .flow-lbl{font-size:10.5px;font-weight:500;color:var(--wheelwright);line-height:1.25;text-align:center;transition:color .24s;}\r\n  .axelor-build .flow-node:hover .flow-dot{border-color:rgba(158,68,223,.5);color:var(--navy);}\r\n  .axelor-build .flow-node.is-done .flow-dot{background:#F5EDFD;border-color:rgba(158,68,223,.5);color:var(--ocean-dark);}\r\n  .axelor-build .flow-node.is-on .flow-dot{background:linear-gradient(150deg,var(--ocean),var(--ocean-dark));border-color:var(--ocean);\r\n    color:#fff;transform:scale(1.06);box-shadow:0 10px 22px rgba(158,68,223,.34),0 0 0 5px rgba(158,68,223,.12);}\r\n  .axelor-build .flow-node.is-on .flow-lbl{color:var(--navy);font-weight:600;}\r\n  .axelor-build .flow-node.is-on .flow-dot::after{content:\"\";position:absolute;inset:-1px;border-radius:11px;\r\n    border:1.5px solid rgba(158,68,223,.5);animation:flowPulse 2.2s ease-out infinite;}\r\n  @keyframes flowPulse{0%{transform:scale(1);opacity:.7;}70%{transform:scale(1.5);opacity:0;}100%{opacity:0;}}\r\n  .axelor-build .flow-stage{position:relative;z-index:1;}\r\n  .axelor-build .flow-panel{display:none;}\r\n  .axelor-build .flow-panel.is-on{display:flex;flex-direction:column;gap:16px;animation:flowIn .4s cubic-bezier(.4,0,.2,1) both;}\r\n  @keyframes flowIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}\r\n  .axelor-build .flow-card{background:#FAFAFF;border:1px solid #ECECF6;border-radius:18px;padding:18px;}\r\n  .axelor-build .flow-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}\r\n  .axelor-build .flow-card-h b{font-size:14.5px;color:var(--navy);font-weight:600;}\r\n  .axelor-build .flow-badge{font-family:'Chakra Petch';font-size:10px;font-weight:600;letter-spacing:.07em;color:var(--ocean-dark);\r\n    background:rgba(158,68,223,.12);border:1px solid rgba(158,68,223,.32);padding:5px 11px;border-radius:100px;white-space:nowrap;}\r\n  .axelor-build .flow-grid{display:flex;flex-wrap:wrap;gap:10px;}\r\n  .axelor-build .flow-stat{flex:1 1 calc(50% - 6px);min-width:130px;background:#fff;border:1px solid #EDEDF6;border-radius:14px;padding:14px 15px;}\r\n  .axelor-build .flow-panel.is-on .flow-stat{animation:flowStat .5s ease both;}\r\n  .axelor-build .flow-panel.is-on .flow-stat:nth-child(2){animation-delay:.06s;}\r\n  .axelor-build .flow-panel.is-on .flow-stat:nth-child(3){animation-delay:.12s;}\r\n  .axelor-build .flow-panel.is-on .flow-stat:nth-child(4){animation-delay:.18s;}\r\n  @keyframes flowStat{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}\r\n  .axelor-build .flow-stat .k{display:block;font-size:11.5px;color:var(--wheelwright);margin-bottom:5px;font-weight:400;}\r\n  .axelor-build .flow-stat .v{display:block;font-size:16px;color:var(--navy);font-weight:600;line-height:1.25;}\r\n  .axelor-build .flow-stat .v.up{color:var(--ocean-dark);}\r\n  .axelor-build .flow-stat .v.warn{color:var(--orange);}\r\n  .axelor-build .flow-insight{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;\r\n    background:linear-gradient(120deg,rgba(158,68,223,.12),rgba(158,68,223,.04));border:1px solid rgba(158,68,223,.3);border-left:3px solid var(--ocean);}\r\n  .axelor-build .flow-insight-ic{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:#F5EDFD;border:1px solid rgba(158,68,223,.4);}\r\n  .axelor-build .flow-insight-ic svg{stroke:var(--ocean-dark);}\r\n  .axelor-build .flow-insight em{font-style:normal;display:block;font-family:'Chakra Petch';font-size:11px;font-weight:600;\r\n    letter-spacing:.07em;text-transform:uppercase;color:var(--ocean-dark);margin-bottom:6px;}\r\n  .axelor-build .flow-insight p{font-size:14px;line-height:1.6;color:#2a2d55;font-weight:400;}\r\n  .axelor-build .flow-insight strong{color:var(--navy);font-weight:600;}\r\n  @media (prefers-reduced-motion:reduce){\r\n    .axelor-build .flow-panel.is-on,.axelor-build .flow-panel.is-on .flow-stat{animation:none;}\r\n    .axelor-build .flow-node.is-on .flow-dot::after{animation:none;}\r\n    .axelor-build .flow-node .flow-dot{transition:none;}}\r\n  @media (min-width:900px){\r\n    .axelor-build .flow{padding:32px 28px 28px;}\r\n    .axelor-build .flow-rail{gap:6px;margin-bottom:26px;}\r\n    .axelor-build .flow-rail::before{left:38px;right:38px;top:24px;}\r\n    .axelor-build .flow-lbl{font-size:13px;}\r\n    .axelor-build .flow-panel.is-on{gap:16px;}\r\n    .axelor-build .flow-stat{flex:1 1 calc(25% - 9px);}\r\n    .axelor-build .flow-grid{gap:12px;}}\r\n\r\n  \/* [FIX] .feat-txt est un conteneur flex : sans align-self, la pastille s'\u00e9tire sur toute la largeur *\/\r\n  .axelor-build .eyebrow {align-self:flex-start;width:auto;max-width:max-content;}\r\n\r\n  \/* ===== CARTES DE RENVOI ===== *\/\r\n  .axelor-build .duo {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:28px;}\r\n  .axelor-build .duo-c {\r\n    display:flex;align-items:center;gap:14px;padding:20px 20px;border-radius:16px;\r\n    background:var(--white);border:1px solid var(--line);border-left:3px solid var(--ocean);\r\n    box-shadow:var(--sh-sm);text-decoration:none;\r\n    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}\r\n  .axelor-build .duo-c:hover {transform:translateY(-4px);box-shadow:var(--sh-md);}\r\n  .axelor-build .duo-ic {\r\n    width:46px;height:46px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.32);}\r\n  .axelor-build .duo-ic svg {stroke:var(--ocean-dark);}\r\n  .axelor-build .duo-t {flex:1;min-width:0;}\r\n  .axelor-build .duo-t b {display:block;font-size:15.5px;font-weight:600;color:var(--navy);line-height:1.3;margin-bottom:3px;}\r\n  .axelor-build .duo-t em {font-style:normal;display:block;font-size:12.8px;color:var(--wheelwright);line-height:1.45;}\r\n  .axelor-build .duo-go {\r\n    width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:var(--ocean-soft);border:1px solid rgba(158,68,223,.32);transition:background .22s,transform .22s;}\r\n  .axelor-build .duo-go svg {stroke:var(--ocean-dark);}\r\n  .axelor-build .duo-c:hover .duo-go {background:var(--ocean-dark);transform:translateX(3px);}\r\n  .axelor-build .duo-c:hover .duo-go svg {stroke:#fff;}\r\n\r\n  .axelor-build .roi-sec {position:relative;overflow:hidden;\r\n    background:radial-gradient(120% 140% at 12% 0%,#16165a,var(--navy) 58%,var(--navy-2));}\r\n  .axelor-build .roi {\r\n    position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:6px 2px;text-decoration:none;}\r\n  .axelor-build .roi:hover {transform:none;}\r\n  .axelor-build .roi-ic {\r\n    position:relative;z-index:1;\r\n    width:52px;height:52px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;\r\n    background:rgba(158,68,223,.14);border:1px solid rgba(158,68,223,.42);}\r\n  .axelor-build .roi-ic svg {stroke:var(--ocean);}\r\n  .axelor-build .roi-t {position:relative;z-index:1;flex:1 1 320px;min-width:0;}\r\n  .axelor-build .roi-t b {display:block;font-size:20px;font-weight:600;color:#fff;line-height:1.3;margin-bottom:6px;}\r\n  .axelor-build .roi-t em {font-style:normal;display:block;font-size:14.5px;color:rgba(255,255,255,.8);line-height:1.55;font-weight:300;}\r\n  .axelor-build .roi-go {\r\n    position:relative;z-index:1;\r\n    display:inline-flex;align-items:center;gap:10px;flex-shrink:0;\r\n    padding:15px 28px;border-radius:12px;\r\n    background:linear-gradient(135deg,var(--ocean),var(--ocean-dark));color:#fff;\r\n    font-family:'Chakra Petch',monospace;font-weight:600;font-size:15px;letter-spacing:.02em;\r\n    box-shadow:0 12px 30px rgba(158,68,223,.32);transition:transform .2s,box-shadow .2s;}\r\n  .axelor-build .roi-go svg {stroke:#fff;transition:transform .2s;}\r\n  .axelor-build .roi:hover .roi-go {transform:translateY(-2px);box-shadow:0 16px 38px rgba(158,68,223,.42);}\r\n  .axelor-build .roi:hover .roi-go svg {transform:translateX(3px);}\r\n\r\n  .axelor-build .roi-halo {\r\n    position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(96px);\r\n    pointer-events:none;top:-150px;right:-40px;background:rgba(158,68,223,.22);z-index:0;}\r\n\r\n  \/* ===== VISUEL DU HERO : plateforme et cartes superpos\u00e9es ===== *\/\r\n  .axelor-build .hviz {position:relative;width:100%;padding:0;}\r\n  .axelor-build .hviz::before {display:none;}\r\n  .axelor-build .hviz-base {\r\n    position:relative;z-index:1;width:100%;height:auto;display:block;\r\n    filter:drop-shadow(0 22px 44px rgba(0,0,0,.32));}\r\n  .axelor-build .hviz-f {\r\n    position:absolute;z-index:2;height:auto;display:block;\r\n    filter:drop-shadow(0 10px 22px rgba(0,0,0,.26));\r\n    animation:hvFloat 7s ease-in-out infinite;}\r\n  .axelor-build .hviz-f.f1 {width:44%;top:0;left:0;animation-delay:0s;}\r\n  .axelor-build .hviz-f.f2 {width:46%;top:38%;right:0;animation-delay:1.1s;}\r\n  .axelor-build .hviz-f.f3 {width:48%;bottom:0;left:4%;animation-delay:2.2s;}\r\n  @keyframes hvFloat {\r\n    0%,100% {transform:translateY(0);}\r\n    50% {transform:translateY(-9px);}\r\n  }\r\n  @media (prefers-reduced-motion:reduce){\r\n    .axelor-build .hviz-f {animation:none;}\r\n  }\r\n\r\n  \/* ===== BOUTONS : style du th\u00e8me conserv\u00e9, on ajuste seulement l'int\u00e9rieur ===== *\/\r\n  .axelor-build .button {padding-left:26px;padding-right:26px;text-align:center;}\r\n  .axelor-build .button p {margin:0 !important;text-align:center;}\r\n\r\n  \/* [FIX INTEGRATION] Divi applique par d\u00e9faut un liser\u00e9 bleu et un retrait\r\n     sur <blockquote>. On neutralise, le style de la carte suffit. *\/\r\n  .axelor-build blockquote {\r\n    border:0 !important;border-left:0 !important;border-right:0 !important;\r\n    padding:0 !important;margin:0 0 14px !important;\r\n    background:none !important;quotes:none !important;}\r\n  .axelor-build blockquote::before,\r\n  .axelor-build blockquote::after {content:none !important;display:none !important;}\r\n  .axelor-build cite {border:0 !important;padding:0 !important;background:none !important;}\r\n<\/style>\r\n<div class=\"axelor-ai-build\">\r\n<section class=\"ai-sec\">\r\n  <span class=\"ai-grid-deco\"><\/span><span class=\"ai-halo h1\"><\/span><span class=\"ai-halo h2\"><\/span>\r\n  <div class=\"ai-inner\">\r\n    <span class=\"ai-badge\">L'IA Axelor pour le BTP<\/span>\r\n    <h2>L'IA qui <span class=\"accent\">agit<\/span> sur vos chantiers<\/h2>\r\n    <div class=\"ai-frame\">\r\n      Vos agents acc\u00e8dent \u00e0 tous vos chantiers, \u00e0 vos budgets et \u00e0 vos situations de travaux. Ils ne se contentent pas de r\u00e9pondre : ils <strong>agissent sur vos donn\u00e9es<\/strong>, dans le p\u00e9rim\u00e8tre de droits que vous fixez.\r\n    <\/div>\r\n    <div class=\"scenarios\">\r\n      <div class=\"scenario s-red\">\r\n        <div class=\"sc-top\">\r\n          <span class=\"sc-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><path d=\"M12 9v4M12 17h.01\"\/><\/svg><\/span>\r\n          <span class=\"sc-tag\">Pr\u00e9diction<\/span>\r\n        <\/div>\r\n        <h3>Alerte avant le d\u00e9passement de budget chantier<\/h3>\r\n        <div class=\"sc-q\">\u00ab Quels chantiers risquent de d\u00e9passer leur budget ce mois-ci ? \u00bb<\/div>\r\n        <p class=\"sc-r\">L'agent <strong>d\u00e9tecte<\/strong> les chantiers dont le r\u00e9alis\u00e9 d\u00e9rive, <strong>alerte<\/strong> le conducteur de travaux et <strong>pr\u00e9pare<\/strong> l'avenant ou le r\u00e9ajustement.<\/p>\r\n      <\/div>\r\n      <div class=\"scenario s-orange\">\r\n        <div class=\"sc-top\">\r\n          <span class=\"sc-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg><\/span>\r\n          <span class=\"sc-tag\">Optimisation<\/span>\r\n        <\/div>\r\n        <h3>R\u00e9affecte les \u00e9quipes disponibles<\/h3>\r\n        <div class=\"sc-q\">\u00ab Une \u00e9quipe est retenue sur un autre chantier, r\u00e9organise le planning. \u00bb<\/div>\r\n        <p class=\"sc-r\">L'agent <strong>recalcule<\/strong> le planning selon les comp\u00e9tences et les priorit\u00e9s, puis <strong>affecte<\/strong> les \u00e9quipes.<\/p>\r\n      <\/div>\r\n      <div class=\"scenario s-indigo\">\r\n        <div class=\"sc-top\">\r\n          <span class=\"sc-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/span>\r\n          <span class=\"sc-tag\">Recherche<\/span>\r\n        <\/div>\r\n        <h3>Retrouve l'historique d'un chantier<\/h3>\r\n        <div class=\"sc-q\">\u00ab Quels chantiers similaires avons-nous d\u00e9j\u00e0 r\u00e9alis\u00e9s, et \u00e0 quelle marge ? \u00bb<\/div>\r\n        <p class=\"sc-r\">L'agent <strong>interroge<\/strong> l'historique, <strong>consolide<\/strong> les chantiers pass\u00e9s et <strong>restitue<\/strong> la r\u00e9ponse sourc\u00e9e.<\/p>\r\n      <\/div>\r\n      <div class=\"scenario s-ocean\">\r\n        <div class=\"sc-top\">\r\n          <span class=\"sc-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span>\r\n          <span class=\"sc-tag\">No-Code<\/span>\r\n        <\/div>\r\n        <h3>Cr\u00e9e le suivi qui vous manque<\/h3>\r\n        <div class=\"sc-q\">\u00ab Ajoute un tableau de bord de la marge par chantier. \u00bb<\/div>\r\n        <p class=\"sc-r\">Agent Studio <strong>cr\u00e9e<\/strong> le tableau de bord et les champs n\u00e9cessaires, <strong>sans une ligne de code<\/strong>.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ai-trust\">\r\n      <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><strong>Vos permissions s'appliquent avant tout acc\u00e8s aux donn\u00e9es.<\/strong> Chaque demande passe par une couche interm\u00e9diaire qui v\u00e9rifie les droits de l'utilisateur : l'agent ne voit et ne modifie que ce que la personne a le droit de voir et de modifier. Axelor n'utilise pas vos donn\u00e9es pour entra\u00eener de mod\u00e8le, et vous choisissez le fournisseur.<\/span>\r\n    <\/div>\r\n    <div class=\"ai-cta\">\r\n      <div class=\"button-group\">\r\n        <a class=\"button icone first\" href=\"https:\/\/axelor.com\/fr\/erp-agentique\/\"><p style=\"margin-bottom:0px\">D\u00e9couvrir l'ERP agentique<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/p><\/a>\r\n        <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\"><p style=\"margin-bottom:0px\">Voir une d\u00e9mo<\/p><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\r\n\r\n<div class=\"axelor-build\">\r\n\r\n  <!-- PLANIFICATION -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Planning de chantier<\/span>\r\n          <h2>Planifiez vos chantiers, du premier jalon \u00e0 la livraison<\/h2>\r\n          <p>Anticipez les \u00e9tapes cl\u00e9s de vos chantiers d\u00e8s la phase de pr\u00e9paration. Programmez \u00e9tudes, contr\u00f4les et interventions, affectez les charges aux \u00e9quipes et suivez l'avancement <strong>en temps r\u00e9el<\/strong>, au glisser-d\u00e9poser.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Planning par chantier, par lot et par \u00e9quipe<\/div>\r\n            <div class=\"li\">Jalons, phases et interventions programm\u00e9s<\/div>\r\n            <div class=\"li\">Charges affect\u00e9es aux \u00e9quipes et au mat\u00e9riel<\/div>\r\n            <div class=\"li\">Replanification au glisser-d\u00e9poser<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\" alt=\"Planification et planning de chantier dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ai-line reveal\">\r\n        <span class=\"bulle\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.7 4.8L18.5 9.5l-4.8 1.7L12 16l-1.7-4.8L5.5 9.5l4.8-1.7z\"\/><path d=\"M19 3.5v3M20.5 5h-3M5.5 17v2M6.5 18h-2\"\/><\/svg><\/span>\r\n        <span class=\"txt\" style=\"flex:1;min-width:0;\"><span class=\"lbl\" style=\"display:block;font-family:'Chakra Petch';font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#9E44DF;margin-bottom:5px;\">L'agent en renfort<\/span>Face \u00e0 un al\u00e9a ou \u00e0 un glissement de jalon, l'agent <strong>replanifie les \u00e9quipes<\/strong> et <strong>signale<\/strong> les chantiers expos\u00e9s.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PILOTAGE PROJET -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat rev\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Suivi de chantier<\/span>\r\n          <h2>L'avancement de chaque chantier, en temps r\u00e9el<\/h2>\r\n          <p>Contr\u00f4lez l'ex\u00e9cution des travaux avec une <strong>vue claire<\/strong> sur les t\u00e2ches, les jalons et les \u00e9ch\u00e9ances. Analysez l'\u00e9tat d'avancement et obtenez des rapports sur la rentabilit\u00e9 de vos chantiers.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Vue Kanban, liste ou planning par chantier<\/div>\r\n            <div class=\"li\">Jalons, lots et d\u00e9pendances<\/div>\r\n            <div class=\"li\">Rapports d'avancement g\u00e9n\u00e9r\u00e9s automatiquement<\/div>\r\n            <div class=\"li\">Alertes sur les t\u00e2ches et les chantiers en retard<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Avancement-de-chantier-Axelor.png\" alt=\"Suivi d'avancement de chantier en vue Kanban dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GESTION A L'AFFAIRE -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Budget de chantier<\/span>\r\n          <h2>Tout ce qui touche un chantier, au m\u00eame endroit<\/h2>\r\n          <p>Devis, commandes fournisseurs, contrats de sous-traitance, main-d'oeuvre, mat\u00e9riaux et suivi budg\u00e9taire sont <strong>centralis\u00e9s sur le m\u00eame chantier<\/strong>. Vous gardez une vision claire de l'avancement et des co\u00fbts r\u00e9els.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Budget de chantier initial, engag\u00e9 et r\u00e9alis\u00e9 sur une seule vue<\/div>\r\n            <div class=\"li\">Sous-traitance, mat\u00e9riaux et main-d'oeuvre rattach\u00e9s au chantier<\/div>\r\n            <div class=\"li\">Avenants et \u00e9volutions de p\u00e9rim\u00e8tre trac\u00e9s<\/div>\r\n            <div class=\"li\">Reste \u00e0 faire et marge pr\u00e9visionnelle en continu<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Budget-de-chantier-Axelor-BTP.png\" alt=\"Budget de chantier centralis\u00e9 dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ai-line reveal\">\r\n        <span class=\"bulle\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.7 4.8L18.5 9.5l-4.8 1.7L12 16l-1.7-4.8L5.5 9.5l4.8-1.7z\"\/><path d=\"M19 3.5v3M20.5 5h-3M5.5 17v2M6.5 18h-2\"\/><\/svg><\/span>\r\n        <span class=\"txt\" style=\"flex:1;min-width:0;\"><span class=\"lbl\" style=\"display:block;font-family:'Chakra Petch';font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#9E44DF;margin-bottom:5px;\">L'agent en renfort<\/span>L'agent <strong>consolide<\/strong> les co\u00fbts d'un chantier en une question et <strong>alerte<\/strong> d\u00e8s qu'un chantier commence \u00e0 d\u00e9river.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FACTURATION -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat rev\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Situations et facturation<\/span>\r\n          <h2>Une facturation qui suit l'avancement de chaque chantier<\/h2>\r\n          <p>Au <strong>forfait<\/strong>, \u00e0 l'<strong>avancement<\/strong>, en <strong>situation<\/strong> ou via des <strong>avenants<\/strong> : adaptez la facturation \u00e0 chaque march\u00e9, automatisez la g\u00e9n\u00e9ration des situations et r\u00e9duisez vos d\u00e9lais de r\u00e8glement.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Situations de travaux g\u00e9n\u00e9r\u00e9es \u00e0 partir de l'avancement<\/div>\r\n            <div class=\"li\">Avenants, retenue de garantie et autoliquidation TVA<\/div>\r\n            <div class=\"li\">D\u00e9compte g\u00e9n\u00e9ral et d\u00e9finitif (DGD)<\/div>\r\n            <div class=\"li\">Facturation \u00e9lectronique conforme \u00e0 la r\u00e9forme<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Situations-et-facturations.png\" alt=\"Situations de travaux et facturation \u00e0 l'avancement dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- RENTABILITE -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Co\u00fbts et rentabilit\u00e9<\/span>\r\n          <h2>Savoir quels chantiers vous font gagner de l'argent<\/h2>\r\n          <p>Suivez vos co\u00fbts r\u00e9els par poste : main-d'oeuvre, mat\u00e9riaux, mat\u00e9riel et sous-traitance. Analysez vos marges en temps r\u00e9el et <strong>s\u00e9curisez la rentabilit\u00e9 de vos chantiers avant qu'il soit trop tard<\/strong>.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Marge brute par chantier, par lot et par poste<\/div>\r\n            <div class=\"li\">Co\u00fbts r\u00e9els compar\u00e9s au budget de chantier<\/div>\r\n            <div class=\"li\">Avancement physique et financier<\/div>\r\n            <div class=\"li\">Alertes automatiques sur les d\u00e9passements<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Couts-et-rentabilite.png\" alt=\"Suivi des co\u00fbts r\u00e9els et de la marge par chantier dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CTA INTERMEDIAIRE 1 -->\r\n  <section class=\"sec\" style=\"padding-top:0;\">\r\n    <div class=\"wrap\">\r\n      <div class=\"cta reveal\">\r\n        <h2>Voyez Axelor sur un de vos chantiers<\/h2>\r\n        <p>Une d\u00e9monstration conduite par un expert m\u00e9tier, cadr\u00e9e sur vos chantiers et vos situations de travaux.<\/p>\r\n        <div class=\"button-group center\">\r\n          <a class=\"button icone first\" href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\"><p style=\"margin-bottom:0px\">R\u00e9server ma d\u00e9mo<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:-2px;margin-left:8px;\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/p><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CRM ET OFFRES -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat rev\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Achats et sous-traitance<\/span>\r\n          <h2>La sous-traitance et les achats, ma\u00eetris\u00e9s<\/h2>\r\n          <p>Centralisez vos sous-traitants et vos fournisseurs, suivez leurs interventions et g\u00e9rez les contrats et les paiements, avec une <strong>vue en temps r\u00e9el des co\u00fbts par chantier<\/strong>.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Contrats de sous-traitance avec suivi des prestations<\/div>\r\n            <div class=\"li\">Interventions et livrables des sous-traitants par chantier<\/div>\r\n            <div class=\"li\">Achats mat\u00e9riaux rattach\u00e9s au chantier<\/div>\r\n            <div class=\"li\">Paiements et virements pilot\u00e9s depuis l'ERP<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2025\/03\/Gestion-des-achats-et-de-la-sous-traitance_2-1.png\" alt=\"Gestion des achats et de la sous-traitance dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GESTION DES STOCKS -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Gestion des stocks<\/span>\r\n          <h2>G\u00e9rez avec pr\u00e9cision vos stocks et l'approvisionnement en mat\u00e9riaux<\/h2>\r\n          <p>Suivez pr\u00e9cis\u00e9ment vos stocks sur diff\u00e9rents emplacements, planifiez les r\u00e9approvisionnements et assurez la tra\u00e7abilit\u00e9 des mat\u00e9riaux sur chaque site. Avec l'application mobile, g\u00e9rez les r\u00e9ceptions de mat\u00e9riaux directement depuis les chantiers.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Gestion des stocks de mat\u00e9riaux et suivi des mouvements par chantier<\/div>\r\n            <div class=\"li\">Automatisation des r\u00e9approvisionnements en fonction des seuils critiques<\/div>\r\n            <div class=\"li\">Tra\u00e7abilit\u00e9 des mat\u00e9riaux avec gestion des lots pour une conformit\u00e9 optimale<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Gestion-des-stocks-BTB.png\" alt=\"Gestion des stocks de mat\u00e9riaux et approvisionnement par chantier dans Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- INTERVENTIONS -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat rev\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">Interventions<\/span>\r\n          <h2>Suivi des projets et gestion des interventions en mobilit\u00e9 avec l'application mobile Axelor<\/h2>\r\n          <p>Pour les \u00e9quipes sur le terrain, l'application mobile Axelor permet un acc\u00e8s en temps r\u00e9el aux informations des projets. Saisissez les temps de travail, suivez l'avancement des t\u00e2ches et restez connect\u00e9 aux chantiers en cours, m\u00eame en mobilit\u00e9.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Acc\u00e8s aux informations de projet<\/div>\r\n            <div class=\"li\">Saisie des temps de travail et suivi des t\u00e2ches directement depuis le terrain<\/div>\r\n            <div class=\"li\">Gestion des r\u00e9ceptions de mat\u00e9riel avec scan de codes-barres via un terminal portable<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Suivi-des-projets-et-gestion-des-interventions.png\" alt=\"Suivi des interventions en mobilit\u00e9 avec l'application mobile Axelor\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ECOSYSTEME -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"feat\">\r\n        <div class=\"feat-txt reveal\">\r\n          <span class=\"eyebrow\">\u00c9cosyst\u00e8me<\/span>\r\n          <h2>Axelor, le c\u0153ur de votre syst\u00e8me d'information<\/h2>\r\n          <p>Vos outils existants restent en place. Les connecteurs d\u00e9di\u00e9s relient votre ERP \u00e0 la messagerie, \u00e0 la signature \u00e9lectronique, \u00e0 la banque, \u00e0 la paie et aux plateformes que vos \u00e9quipes utilisent d\u00e9j\u00e0.<\/p>\r\n          <div class=\"check-list\">\r\n            <div class=\"li\">Connecteurs pr\u00eats \u00e0 l'emploi vers les outils courants<\/div>\r\n            <div class=\"li\">API ouverte pour vos d\u00e9veloppements sp\u00e9cifiques<\/div>\r\n            <div class=\"li\">Import et export de donn\u00e9es ma\u00eetris\u00e9s<\/div>\r\n          <\/div>\r\n          <div class=\"button-group\" style=\"margin-top:20px;\">\r\n            <a class=\"button second\" href=\"https:\/\/axelor.com\/connect\/\"><p style=\"margin-bottom:0px\">Tous nos connecteurs<\/p><\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"feat-media img-plain reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/Axelor-Connect-1.png\" alt=\"Connecteurs Axelor vers les outils m\u00e9tiers du BTP\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- NO-CODE -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">No-Code<\/span>\r\n        <h2>Votre m\u00e9tier est unique. Votre ERP doit l'\u00eatre aussi.<\/h2>\r\n        <p>Adaptez l'ERP \u00e0 vos processus les plus sp\u00e9cifiques, sans \u00e9crire une ligne de code et sans cycle de d\u00e9veloppement.<\/p>\r\n      <\/div>\r\n      <div class=\"uses\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;\">\r\n        <div class=\"use reveal\">\r\n          <div class=\"use-top\">\r\n            <span class=\"use-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span>\r\n            <h3>Champs et formulaires<\/h3>\r\n          <\/div>\r\n          <p>Ajoutez vos propres champs et adaptez vos \u00e9crans depuis le Studio, sans d\u00e9veloppement ni red\u00e9marrage.<\/p>\r\n        <\/div>\r\n        <div class=\"use reveal d1\">\r\n          <div class=\"use-top\">\r\n            <span class=\"use-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"7\" height=\"5\" rx=\"1\"\/><rect x=\"15\" y=\"3\" width=\"7\" height=\"5\" rx=\"1\"\/><rect x=\"8.5\" y=\"16\" width=\"7\" height=\"5\" rx=\"1\"\/><path d=\"M9 5.5h6\"\/><path d=\"M5.5 8v4a2 2 0 0 0 2 2h1.5\"\/><path d=\"M18.5 8v4a2 2 0 0 1-2 2H15\"\/><\/svg><\/span>\r\n            <h3>Processus m\u00e9tiers<\/h3>\r\n          <\/div>\r\n          <p>Mod\u00e9lisez vos circuits de validation en glisser-d\u00e9poser : conditions, branches, t\u00e2ches humaines et approbations.<\/p>\r\n        <\/div>\r\n        <div class=\"use reveal d2\">\r\n          <div class=\"use-top\">\r\n            <span class=\"use-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\"\/><\/svg><\/span>\r\n            <h3>Cr\u00e9ation par l'IA<\/h3>\r\n          <\/div>\r\n          <p>D\u00e9crivez le besoin en langage naturel, l'IA g\u00e9n\u00e8re une premi\u00e8re version que vous reprenez ensuite dans le Studio.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"button-group center\" style=\"margin-top:28px;\">\r\n        <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/studio\/\"><p style=\"margin-bottom:0px\">D\u00e9couvrir le Studio<\/p><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CTA INTERMEDIAIRE 2 -->\r\n  <section class=\"sec roi-sec\">\r\n    <div class=\"wrap\">\r\n      <a class=\"roi reveal\" href=\"https:\/\/axelor.com\/fr\/calculateur-roi\/\"><span class=\"roi-halo\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"roi-ic\"><svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M7 14l4-4 3 3 5-6\"\/><\/svg><\/span>\r\n        <span class=\"roi-t\">\r\n          <b>Chiffrez le gain d'une unification de vos outils<\/b>\r\n          <em>Retour sur investissement, seuil de rentabilit\u00e9 et gains annuels, calcul\u00e9s sur vos propres volumes.<\/em>\r\n        <\/span>\r\n        <span class=\"roi-go\">Estimez votre ROI<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TEMOIGNAGES -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">Ce qu'en disent nos clients<\/span>\r\n        <h2>Des entreprises du BTP qui pilotent leurs chantiers<\/h2>\r\n      <\/div>\r\n      <div class=\"tm\">\r\n        <div class=\"tmc reveal\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/05\/barkene.svg\" alt=\"Barkene\" loading=\"lazy\">\r\n          <blockquote>\u00ab La solution Axelor est tr\u00e8s mature, tr\u00e8s robuste et s'adapte \u00e0 tous nos m\u00e9tiers. Toutes les entit\u00e9s parlent le m\u00eame langage. Nous pouvons ainsi cr\u00e9er nos propres modules selon l'\u00e9volution des besoins. \u00bb<\/blockquote>\r\n          <cite>Richard Weihart<span>Dirigeant et co-fondateur de Barkene<\/span><\/cite>\r\n        <\/div>\r\n        <div class=\"tmc reveal d1\">\r\n          <img decoding=\"async\" src=\"https:\/\/axelor.com\/wp-content\/uploads\/2023\/03\/socotec-2.svg\" alt=\"Socotec\" loading=\"lazy\">\r\n          <blockquote>\u00ab Aujourd'hui, nous sommes particuli\u00e8rement ravis et satisfaits d'avoir fait ce choix. La solution tourne facilement, elle nous permet de piloter nos cycles de ventes, de planifier nos projets et de r\u00e9aliser intuitivement des extractions de donn\u00e9es par projet. Et le tout avec des gains de temps plus que significatifs. \u00bb<\/blockquote>\r\n          <cite>Jean-Baptiste Paris<span>Directeur G\u00e9n\u00e9ral Adjoint<\/span><\/cite>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- APPLICATIONS -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">Plateforme<\/span>\r\n        <h2>Plus de 50 applications int\u00e9gr\u00e9es<\/h2>\r\n        <p>Le jour o\u00f9 vous voulez relier vos chantiers \u00e0 la comptabilit\u00e9, aux achats ou aux ressources humaines, il n'y a pas de projet d'int\u00e9gration \u00e0 lancer : tout est d\u00e9j\u00e0 connect\u00e9.<\/p>\r\n      <\/div>\r\n            <div class=\"appgrid reveal\">\r\n        <a class=\"ap c1\" href=\"https:\/\/axelor.com\/fr\/logiciel-gestion-a-laffaire\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/span>\r\n          <b>Gestion de chantier<\/b><span>Budget, situations et marge par chantier.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c2\" href=\"https:\/\/axelor.com\/fr\/projet\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/span>\r\n          <b>Suivi de chantier<\/b><span>T\u00e2ches, jalons et avancement.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c3\" href=\"https:\/\/axelor.com\/fr\/logiciel-gestion-achat\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"20\" r=\"1.5\"\/><circle cx=\"18\" cy=\"20\" r=\"1.5\"\/><path d=\"M2 3h3l2 12h11l2-8H6\"\/><\/svg><\/span>\r\n          <b>Achats et sous-traitance<\/b><span>Fournisseurs, contrats et paiements.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c4\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-des-stocks\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7l9-4 9 4v10l-9 4-9-4z\"\/><path d=\"M3 7l9 4 9-4M12 11v10\"\/><\/svg><\/span>\r\n          <b>Stocks mat\u00e9riaux<\/b><span>Multi-d\u00e9p\u00f4ts et imputation chantier.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c5\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-de-facturation\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 2v6h6M9 13h6M9 17h4\"\/><\/svg><\/span>\r\n          <b>Situations et facturation<\/b><span>Avancement, avenants et DGD.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c6\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-gestion-comptabilite\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/span>\r\n          <b>Comptabilit\u00e9<\/b><span>\u00c9critures, rapprochement et cl\u00f4ture.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c1\" href=\"https:\/\/axelor.com\/fr\/crm\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg><\/span>\r\n          <b>CRM et appels d'offres<\/b><span>Consultations, devis et avenants.<\/span>\r\n        <\/a>\r\n        <a class=\"ap c2\" href=\"https:\/\/axelor.com\/fr\/logiciel-de-feuilles-de-temps\/\">\r\n          <span class=\"ap-ic\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/><\/svg><\/span>\r\n          <b>Pointage et RH<\/b><span>Temps de chantier et main-d'oeuvre.<\/span>\r\n        <\/a>\r\n      <\/div>\r\n      <div class=\"button-group center\" style=\"margin-top:28px;\">\r\n        <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/toutes-les-applications\/\"><p style=\"margin-bottom:0px\">Toutes nos applications<\/p><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- TABLEAU RECAP : cycle chantier, format extractible -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">R\u00e9capitulatif<\/span>\r\n        <h2>Ce qu'Axelor Build Suite fait \u00e0 chaque \u00e9tape du chantier<\/h2>\r\n      <\/div>\r\n      <div class=\"tbl-wrap reveal\">\r\n        <table class=\"recap\">\r\n          <caption>Les cinq \u00e9tapes du cycle d'un chantier dans Axelor Build Suite, du chiffrage au d\u00e9compte g\u00e9n\u00e9ral d\u00e9finitif.<\/caption>\r\n          <thead>\r\n            <tr>\r\n              <th scope=\"col\">\u00c9tape<\/th>\r\n              <th scope=\"col\">Ce qui se passe en standard dans Axelor<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr>\r\n              <th scope=\"row\">Appel d'offres<\/th>\r\n              <td>Le devis se chiffre \u00e0 partir de la biblioth\u00e8que d'ouvrages. Les chantiers similaires d\u00e9j\u00e0 r\u00e9alis\u00e9s restent accessibles, avec leur marge.<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <th scope=\"row\">March\u00e9<\/th>\r\n              <td>Le budget de chantier se construit \u00e0 partir du march\u00e9, par lots, phases et postes, sans ressaisie.<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <th scope=\"row\">Chantier<\/th>\r\n              <td>Le planning des \u00e9quipes et du mat\u00e9riel se r\u00e9organise apr\u00e8s un al\u00e9a, selon les priorit\u00e9s du chantier.<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <th scope=\"row\">Situation<\/th>\r\n              <td>La situation de travaux se calcule \u00e0 partir de l'avancement. Tout \u00e9cart avec le budget ressort imm\u00e9diatement.<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <th scope=\"row\">DGD<\/th>\r\n              <td>Le d\u00e9compte d\u00e9finitif se pr\u00e9pare \u00e0 partir du r\u00e9alis\u00e9, retenue de garantie et solde inclus.<\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"sec sec-alt\">\r\n    <div class=\"wrap\">\r\n      <div class=\"sec-head center reveal\">\r\n        <span class=\"eyebrow\">FAQ<\/span>\r\n        <h2>Questions fr\u00e9quentes<\/h2>\r\n      <\/div>\r\n      <div class=\"faq\" style=\"max-width:840px;margin:0 auto;\">\r\n        <details class=\"reveal\">\r\n          <summary>Qu'est-ce qu'un ERP BTP ?<\/summary>\r\n          <div class=\"faq-a\">Un ERP BTP est un logiciel de gestion adapt\u00e9 aux entreprises du b\u00e2timent et des travaux publics. Il int\u00e8gre les sp\u00e9cificit\u00e9s du secteur : gestion par chantier et par lot, situations de travaux, m\u00e9tr\u00e9s et devis quantitatifs, sous-traitance, retenues de garantie, autoliquidation TVA et facturation conforme aux usages BTP. Axelor Build Suite couvre l'ensemble du cycle d'un projet de construction, du chiffrage \u00e0 la r\u00e9ception, avec une approche mobile adapt\u00e9e aux \u00e9quipes de terrain.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Comment piloter ses chantiers en temps r\u00e9el avec un logiciel de gestion BTP ?<\/summary>\r\n          <div class=\"faq-a\">Le pilotage de chantier en temps r\u00e9el repose sur quatre \u00e9l\u00e9ments : la centralisation des donn\u00e9es dans un outil unique accessible du bureau et du terrain, le suivi quotidien des co\u00fbts engag\u00e9s (mat\u00e9riaux, main-d'oeuvre, sous-traitance), la planification visuelle de l'avancement par t\u00e2che et par lot, et la remont\u00e9e d'information depuis le terrain via mobile. Axelor offre un tableau de bord chantier accessible depuis n'importe quel appareil, avec saisie mobile des pointages, validation des bons de livraison et consultation des plans.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Comment \u00e9viter les d\u00e9passements budg\u00e9taires sur un chantier ?<\/summary>\r\n          <div class=\"faq-a\">Les d\u00e9passements viennent souvent d'une sous-estimation au devis, d'une d\u00e9rive non d\u00e9tect\u00e9e en cours d'ex\u00e9cution et d'impr\u00e9vus. Trois leviers sont efficaces : un chiffrage pr\u00e9cis bas\u00e9 sur des historiques de co\u00fbts, un suivi budg\u00e9taire quotidien avec alertes en cas de d\u00e9rive, et une gestion rigoureuse des avenants. Axelor compare en temps r\u00e9el le budget initial, l'engag\u00e9 et le r\u00e9alis\u00e9, avec des alertes automatiques d\u00e8s les premiers signes de d\u00e9passement.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Comment automatiser les devis et situations de travaux en BTP ?<\/summary>\r\n          <div class=\"faq-a\">L'automatisation repose sur trois m\u00e9canismes : une biblioth\u00e8que d'ouvrages et d'articles pour chiffrer \u00e0 partir de prix de r\u00e9f\u00e9rence, la g\u00e9n\u00e9ration automatique des situations \u00e0 partir de l'avancement physique du chantier, et l'int\u00e9gration native avec la facturation et la comptabilit\u00e9. Axelor permet de g\u00e9n\u00e9rer un devis d\u00e9taill\u00e9 \u00e0 partir des m\u00e9tr\u00e9s en quelques minutes, d'\u00e9mettre les situations d'avancement automatiquement et de produire des factures conformes \u00e0 la facturation \u00e9lectronique.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Comment g\u00e9rer les stocks de mat\u00e9riaux sur plusieurs chantiers et d\u00e9p\u00f4ts ?<\/summary>\r\n          <div class=\"faq-a\">La gestion multi-d\u00e9p\u00f4ts et multi-chantiers repose sur la tra\u00e7abilit\u00e9 par mouvement (entr\u00e9e, sortie, transfert), l'affectation des consommations par chantier pour calculer la rentabilit\u00e9 r\u00e9elle, et les alertes de r\u00e9approvisionnement bas\u00e9es sur les seuils et les besoins pr\u00e9visionnels. Axelor g\u00e8re nativement les transferts inter-d\u00e9p\u00f4ts, l'imputation automatique des consommations aux chantiers et le r\u00e9approvisionnement tenant compte des besoins pr\u00e9visionnels.<\/div>\r\n        <\/details>\r\n        <details class=\"reveal\">\r\n          <summary>Quels indicateurs suivre pour piloter la rentabilit\u00e9 d'un chantier ?<\/summary>\r\n          <div class=\"faq-a\">Les indicateurs cl\u00e9s sont la marge brute par chantier (budget contre r\u00e9el), les co\u00fbts engag\u00e9s, l'avancement physique compar\u00e9 \u00e0 l'avancement financier, et le d\u00e9lai de paiement des clients. Suivis en temps r\u00e9el, ils permettent de prendre des d\u00e9cisions correctives avant la fin du chantier. Axelor fournit des tableaux de bord BTP configurables par chantier, partageables avec les chefs de chantier, la direction et le ma\u00eetre d'ouvrage, et consultables depuis un smartphone.<\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<!-- CTA -->\r\n  <section class=\"sec\">\r\n    <div class=\"wrap\">\r\n      <div class=\"cta reveal\">\r\n        <h2>Pilotez vos chantiers et votre rentabilit\u00e9 en temps r\u00e9el<\/h2>\r\n        <p>Nous d\u00e9roulons le parcours complet d'un chantier, de l'appel d'offres \u00e0 la marge constat\u00e9e apr\u00e8s r\u00e9ception.<\/p>\r\n        <div class=\"button-group center\">\r\n          <a class=\"button icone first\" href=\"https:\/\/axelor.com\/fr\/demande-axelor-demo\/\"><p style=\"margin-bottom:0px\">Acc\u00e9der \u00e0 la d\u00e9mo<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/p><\/a>\r\n          <a class=\"button second\" href=\"https:\/\/axelor.com\/fr\/contact\/\"><p style=\"margin-bottom:0px\">\u00catre contact\u00e9<\/p><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"SoftwareApplication\",\r\n  \"name\": \"Axelor Build Suite\",\r\n  \"description\": \"ERP agentique pour le batiment et les travaux publics : chantiers, situations de travaux, sous-traitance, achats materiaux et rentabilite par chantier.\",\r\n  \"url\": \"https:\/\/axelor.com\/fr\/axelor-build-suite\/\",\r\n  \"image\": \"https:\/\/axelor.com\/wp-content\/uploads\/2026\/09\/V2-Plannification-BTP.png\",\r\n  \"applicationCategory\": \"BusinessApplication\",\r\n  \"operatingSystem\": \"Web, Android, iOS\",\r\n  \"featureList\": [\r\n    \"Planning et suivi de chantier\",\r\n    \"Budget de chantier et couts reels par poste\",\r\n    \"Situations de travaux, avenants et retenue de garantie\",\r\n    \"Sous-traitance et achats materiaux\",\r\n    \"Gestion des stocks multi-depots par chantier\",\r\n    \"Suivi de la rentabilite par chantier et par lot\",\r\n    \"Agents IA agissant sur les chantiers et les budgets\",\r\n    \"Personnalisation No-Code via le Studio\"\r\n  ],\r\n  \"brand\": { \"@id\": \"https:\/\/axelor.com\/#organization\" },\r\n  \"audience\": { \"@type\": \"Audience\", \"audienceType\": \"Batiment, travaux publics, gros oeuvre, second oeuvre et genie civil\" }\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"BreadcrumbList\",\r\n  \"itemListElement\": [\r\n    { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Accueil\", \"item\": \"https:\/\/axelor.com\/fr\/\" },\r\n    { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Axelor Build Suite\", \"item\": \"https:\/\/axelor.com\/fr\/axelor-build-suite\/\" }\r\n  ]\r\n}\r\n<\/script>\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Qu'est-ce qu'un ERP BTP ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"Un ERP BTP est un logiciel de gestion adapt\u00e9 aux entreprises du b\u00e2timent et des travaux publics. Il int\u00e8gre les sp\u00e9cificit\u00e9s du secteur : gestion par chantier et par lot, situations de travaux, m\u00e9tr\u00e9s et devis quantitatifs, sous-traitance, retenues de garantie, autoliquidation TVA et facturation conforme aux usages BTP. Axelor Build Suite couvre l'ensemble du cycle d'un projet de construction, du chiffrage \u00e0 la r\u00e9ception, avec une approche mobile adapt\u00e9e aux \u00e9quipes de terrain.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Comment piloter ses chantiers en temps r\u00e9el avec un logiciel de gestion BTP ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"Le pilotage de chantier en temps r\u00e9el repose sur quatre \u00e9l\u00e9ments : la centralisation des donn\u00e9es dans un outil unique accessible du bureau et du terrain, le suivi quotidien des co\u00fbts engag\u00e9s (mat\u00e9riaux, main-d'oeuvre, sous-traitance), la planification visuelle de l'avancement par t\u00e2che et par lot, et la remont\u00e9e d'information depuis le terrain via mobile. Axelor offre un tableau de bord chantier accessible depuis n'importe quel appareil, avec saisie mobile des pointages, validation des bons de livraison et consultation des plans.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Comment \u00e9viter les d\u00e9passements budg\u00e9taires sur un chantier ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"Les d\u00e9passements viennent souvent d'une sous-estimation au devis, d'une d\u00e9rive non d\u00e9tect\u00e9e en cours d'ex\u00e9cution et d'impr\u00e9vus. Trois leviers sont efficaces : un chiffrage pr\u00e9cis bas\u00e9 sur des historiques de co\u00fbts, un suivi budg\u00e9taire quotidien avec alertes en cas de d\u00e9rive, et une gestion rigoureuse des avenants. Axelor compare en temps r\u00e9el le budget initial, l'engag\u00e9 et le r\u00e9alis\u00e9, avec des alertes automatiques d\u00e8s les premiers signes de d\u00e9passement.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Comment automatiser les devis et situations de travaux en BTP ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"L'automatisation repose sur trois m\u00e9canismes : une biblioth\u00e8que d'ouvrages et d'articles pour chiffrer \u00e0 partir de prix de r\u00e9f\u00e9rence, la g\u00e9n\u00e9ration automatique des situations \u00e0 partir de l'avancement physique du chantier, et l'int\u00e9gration native avec la facturation et la comptabilit\u00e9. Axelor permet de g\u00e9n\u00e9rer un devis d\u00e9taill\u00e9 \u00e0 partir des m\u00e9tr\u00e9s en quelques minutes, d'\u00e9mettre les situations d'avancement automatiquement et de produire des factures conformes \u00e0 la facturation \u00e9lectronique.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Comment g\u00e9rer les stocks de mat\u00e9riaux sur plusieurs chantiers et d\u00e9p\u00f4ts ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"La gestion multi-d\u00e9p\u00f4ts et multi-chantiers repose sur la tra\u00e7abilit\u00e9 par mouvement (entr\u00e9e, sortie, transfert), l'affectation des consommations par chantier pour calculer la rentabilit\u00e9 r\u00e9elle, et les alertes de r\u00e9approvisionnement bas\u00e9es sur les seuils et les besoins pr\u00e9visionnels. Axelor g\u00e8re nativement les transferts inter-d\u00e9p\u00f4ts, l'imputation automatique des consommations aux chantiers et le r\u00e9approvisionnement tenant compte des besoins pr\u00e9visionnels.\"\r\n   }\r\n  },\r\n  {\r\n   \"@type\": \"Question\",\r\n   \"name\": \"Quels indicateurs suivre pour piloter la rentabilit\u00e9 d'un chantier ?\",\r\n   \"acceptedAnswer\": {\r\n    \"@type\": \"Answer\",\r\n    \"text\": \"Les indicateurs cl\u00e9s sont la marge brute par chantier (budget contre r\u00e9el), les co\u00fbts engag\u00e9s, l'avancement physique compar\u00e9 \u00e0 l'avancement financier, et le d\u00e9lai de paiement des clients. Suivis en temps r\u00e9el, ils permettent de prendre des d\u00e9cisions correctives avant la fin du chantier. Axelor fournit des tableaux de bord BTP configurables par chantier, partageables avec les chefs de chantier, la direction et le ma\u00eetre d'ouvrage, et consultables depuis un smartphone.\"\r\n   }\r\n  }\r\n ]\r\n}\r\n<\/script>\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 rail=doc.querySelector('.axelor-build .flow-rail');\r\n    if(!rail) return;\r\n    var nodes=[].slice.call(rail.querySelectorAll('.flow-node'));\r\n    var panels=[].slice.call(doc.querySelectorAll('.axelor-build .flow-panel'));\r\n    function active(i){\r\n      nodes.forEach(function(nd,k){\r\n        var on=(k===i);\r\n        nd.setAttribute('aria-selected',on?'true':'false');\r\n        nd.setAttribute('tabindex',on?'0':'-1');\r\n        nd.classList.toggle('is-on',on);\r\n        nd.classList.toggle('is-done',k<i);\r\n      });\r\n      panels.forEach(function(p,k){\r\n        var on=(k===i);\r\n        p.classList.toggle('is-on',on);\r\n        if(on){p.removeAttribute('hidden');} else {p.setAttribute('hidden','');}\r\n      });\r\n    }\r\n    nodes.forEach(function(nd,i){\r\n      nd.addEventListener('click',function(){ active(i); });\r\n      nd.addEventListener('keydown',function(e){\r\n        var k=e.key,n=null;\r\n        if(k==='ArrowRight'||k==='ArrowDown') n=(i+1)%nodes.length;\r\n        if(k==='ArrowLeft'||k==='ArrowUp') n=(i-1+nodes.length)%nodes.length;\r\n        if(n!==null){ e.preventDefault(); active(n); nodes[n].focus(); }\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\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-build .reveal, .axelor-ai-build .reveal');\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>\r\n<\/body>\r\n<\/html>\n","protected":false},"author":16,"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>ERP BTP : logiciel de gestion de chantier | Axelor<\/title>\n<meta name=\"description\" content=\"Axelor Build Suite, l&#039;ERP agentique du BTP : chiffrage, budget de chantier, situations de travaux, sous-traitance et rentabilit\u00e9 en temps r\u00e9el.\" \/>\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\/btp\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ERP BTP : logiciel de gestion de chantier | Axelor\" \/>\n<meta property=\"og:description\" content=\"Axelor Build Suite, l&#039;ERP agentique du BTP : chiffrage, budget de chantier, situations de travaux, sous-traitance et rentabilit\u00e9 en temps r\u00e9el.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/axelor.com\/fr\/btp\/\" \/>\n<meta property=\"og:site_name\" content=\"Axelor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-23T14:33:21+00:00\" \/>\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=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/axelor.com\/fr\/btp\/\",\"url\":\"https:\/\/axelor.com\/fr\/btp\/\",\"name\":\"ERP BTP : logiciel de gestion de chantier | Axelor\",\"isPartOf\":{\"@id\":\"https:\/\/axelor.com\/#website\"},\"datePublished\":\"2026-09-08T09:19:16+00:00\",\"dateModified\":\"2026-09-23T14:33:21+00:00\",\"description\":\"Axelor Build Suite, l'ERP agentique du BTP : chiffrage, budget de chantier, situations de travaux, sous-traitance et rentabilit\u00e9 en temps r\u00e9el.\",\"breadcrumb\":{\"@id\":\"https:\/\/axelor.com\/fr\/btp\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/axelor.com\/fr\/btp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/axelor.com\/fr\/btp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/axelor.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Axelor Build Suite\"}]},{\"@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":"ERP BTP : logiciel de gestion de chantier | Axelor","description":"Axelor Build Suite, l'ERP agentique du BTP : chiffrage, budget de chantier, situations de travaux, sous-traitance et rentabilit\u00e9 en temps r\u00e9el.","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\/btp\/","og_locale":"fr_FR","og_type":"article","og_title":"ERP BTP : logiciel de gestion de chantier | Axelor","og_description":"Axelor Build Suite, l'ERP agentique du BTP : chiffrage, budget de chantier, situations de travaux, sous-traitance et rentabilit\u00e9 en temps r\u00e9el.","og_url":"https:\/\/axelor.com\/fr\/btp\/","og_site_name":"Axelor","article_modified_time":"2026-09-23T14:33:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/axelor.com\/fr\/btp\/","url":"https:\/\/axelor.com\/fr\/btp\/","name":"ERP BTP : logiciel de gestion de chantier | Axelor","isPartOf":{"@id":"https:\/\/axelor.com\/#website"},"datePublished":"2026-09-08T09:19:16+00:00","dateModified":"2026-09-23T14:33:21+00:00","description":"Axelor Build Suite, l'ERP agentique du BTP : chiffrage, budget de chantier, situations de travaux, sous-traitance et rentabilit\u00e9 en temps r\u00e9el.","breadcrumb":{"@id":"https:\/\/axelor.com\/fr\/btp\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/axelor.com\/fr\/btp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/axelor.com\/fr\/btp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/axelor.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Axelor Build Suite"}]},{"@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\/388622"}],"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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/comments?post=388622"}],"version-history":[{"count":9,"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/pages\/388622\/revisions"}],"predecessor-version":[{"id":389047,"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/pages\/388622\/revisions\/389047"}],"wp:attachment":[{"href":"https:\/\/axelor.com\/fr\/wp-json\/wp\/v2\/media?parent=388622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}