{"id":87,"date":"2023-06-10T12:18:10","date_gmt":"2023-06-10T12:18:10","guid":{"rendered":"https:\/\/www.bright-new.fr\/?page_id=87"},"modified":"2026-09-16T13:23:01","modified_gmt":"2026-09-16T13:23:01","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.bright-new.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"<style>.kadence-column87_b4ded4-5b > .kt-inside-inner-col,.kadence-column87_b4ded4-5b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column87_b4ded4-5b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column87_b4ded4-5b > .kt-inside-inner-col{flex-direction:column;}.kadence-column87_b4ded4-5b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column87_b4ded4-5b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column87_b4ded4-5b{position:relative;}@media all and (max-width: 1024px){.kadence-column87_b4ded4-5b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column87_b4ded4-5b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column87_b4ded4-5b\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n\/* ==========================================================================\n   1. VARIABLES & RESET GLOBAL\n   ========================================================================== *\/\n:root {\n  --ink: #0a2540;\n  --ink-2: #173c5d;\n  --mist: #f3f7f8;\n  --line: #dce8e9;\n  --mint: #188FF0;\n  --green: #085DA3;\n  --coral: #ff765e;\n  --white: #fff;\n  --shadow: 0 18px 55px rgba(10, 37, 64, 0.10);\n  --radius: 22px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  color: var(--ink);\n  background: var(--white);\n  font-family: 'DM Sans', sans-serif;\n  line-height: 1.55;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nbutton, a {\n  transition: all 0.25s ease;\n}\n\n.wrap {\n  width: min(1160px, calc(100% - 48px));\n  margin: auto;\n}\n\n\/* ==========================================================================\n   2. TYPOGRAPHIE & BOUTONS\n   ========================================================================== *\/\nh1, h2, h3, p {\n  margin-top: 0;\n}\n\nh1, h2, h3 {\n  font-family: 'Syne', sans-serif;\n  line-height: 1.07;\n  letter-spacing: -0.035em;\n}\n\nh1 {\n  font-size: clamp(3.2rem, 6.4vw, 6.4rem);\n  max-width: 820px;\n}\n\nh2 {\n  font-size: clamp(2rem, 4vw, 3.6rem);\n  margin-bottom: 18px;\n  margin-top: 10px;\n}\n\nh3 {\n  font-size: 1.25rem;\n  margin-bottom: 10px;\n}\n\n.muted {\n  color: #5e7584;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  color: var(--green);\n  font-size: 0.78rem;\n  font-weight: 700;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n}\n\n.eyebrow:before {\n  content: \"\";\n  display: inline-block;\n  width: 24px;\n  height: 2px;\n  background-color: #e06a3b;\n  flex-shrink: 0;\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border-radius: 999px;\n  border: 1px solid transparent;\n  padding: 14px 21px;\n  font-weight: 700;\n  font-size: 0.91rem;\n  cursor: pointer;\n}\n\n.btn-primary {\n  background: var(--coral);\n  color: #fff;\n  box-shadow: 0 10px 24px rgba(255, 118, 94, 0.25);\n}\n\n.btn-primary:hover {\n  background: #f35e4c;\n  transform: translateY(-2px);\n  box-shadow: 0 14px 28px rgba(255, 118, 94, 0.32);\n}\n\n.btn-ghost {\n  border-color: rgba(10, 37, 64, 0.18);\n  color: var(--ink);\n  background: transparent;\n}\n\n.btn-ghost:hover {\n  border-color: var(--ink);\n  background: #fff;\n  transform: translateY(-2px);\n}\n\n.btn-light {\n  background: #fff;\n  color: var(--ink);\n}\n\n.btn-light:hover {\n  background: var(--mint);\n  transform: translateY(-2px);\n}\n\n\/* ==========================================================================\n   3. HEADER & NAVIGATION\n   ========================================================================== *\/\n#masthead, #masthead-__ {\n  background-color: transparent !important;\n  background-image: none !important;\n  background: transparent !important;\n}\n\n.site-header {\n  height: 82px;\n  display: flex;\n  align-items: center;\n  position: absolute;\n  z-index: 10;\n  left: 0;\n  right: 0;\n}\n\n.nav {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n}\n\n.logo {\n  font-family: 'Syne', sans-serif;\n  font-weight: 800;\n  font-size: 1.55rem;\n  letter-spacing: -0.07em;\n}\n\n.logo span {\n  color: var(--coral);\n}\n\n.menu {\n  display: flex;\n  gap: 28px;\n  align-items: center;\n  font-size: 0.88rem;\n  font-weight: 600;\n}\n\n.menu a {\n  color: #426174;\n}\n\n.menu a:hover {\n  color: var(--ink);\n}\n\n\/* --- BOUTON RETOUR EN HAUT --- *\/\n.back-to-top {\n  position: fixed;\n  bottom: 28px;\n  right: 28px;\n  width: 46px;\n  height: 46px;\n  background-color: var(--coral);\n  color: #ffffff;\n  border: none;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 8px 24px rgba(255, 118, 94, 0.35);\n  cursor: pointer;\n  z-index: 99;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(15px);\n  transition: all 0.3s ease;\n}\n\n\/* Apparition quand on scrolle *\/\n.back-to-top.visible {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0);\n}\n\n.back-to-top:hover {\n  background-color: #f35e4c;\n  transform: translateY(-3px);\n  box-shadow: 0 12px 28px rgba(255, 118, 94, 0.45);\n}\n\n@media (max-width: 620px) {\n  .back-to-top {\n    bottom: 20px;\n    right: 20px;\n    width: 40px;\n    height: 40px;\n  }\n}\n\n\/* ==========================================================================\n   4. HERO SECTION (ACCUEIL & PHOTO PORTRAIT)\n   ========================================================================== *\/\n.hero, .hero-section {\n  min-height: 720px;\n  padding: 170px 0 110px;\n  position: relative;\n  overflow: hidden;\n  background: radial-gradient(circle at 85% 20%, rgba(252, 209, 187, 0.38), transparent 30%),\n              linear-gradient(118deg, #EBF5FF 0%, #fff 62%);\n}\n\n.hero:after {\n  content: '';\n  position: absolute;\n  width: 570px;\n  height: 570px;\n  border: 1px solid rgba(10, 37, 64, 0.08);\n  border-radius: 50%;\n  right: -190px;\n  bottom: -240px;\n  pointer-events: none;\n}\n\n#triangles-canvas {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.hero-grid {\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 60px;\n  align-items: flex-start; \/* Alignement parfait en haut *\/\n}\n\n.hero-copy {\n  position: relative;\n  z-index: 2;\n  margin-top: 0;\n}\n\n.hero-copy h1 {\n  \/* R\u00e9duit la taille max \u00e0 ~4.4rem au lieu de 6.4rem *\/\n  font-size: clamp(2.4rem, 4.2vw, 5.4rem);\n  line-height: 1.12;\n  margin-top: 0;\n  margin-bottom: 24px;\n  max-width: 650px;\n  \n  \/* Emp\u00eache formellement de couper un mot au milieu *\/\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n.hero-copy p {\n  font-size: 1.14rem;\n  max-width: 620px;\n  color: #506b78;\n}\n\n.hero-actions {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-top: 34px;\n}\n\n\/* Bloc Visuel & Photo Portrait *\/\n.visual {\n  position: relative;\n  width: 100%;\n  max-width: 420px;\n  margin-left: auto;\n  min-height: 560px;\n  z-index: 2;\n}\n\n.photo {\n  height: 560px; \/* Format portrait plus \u00e9lanc\u00e9 *\/\n  position: relative;\n  overflow: visible;\n  background: transparent;\n  border-radius: 28px;\n  box-shadow: var(--shadow);\n}\n\n.visual .photo .photo-label {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset: 0;\n  border-radius: 28px;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.visual .photo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 12%; \/* Ajustement du cadrage portrait *\/\n  border-radius: 28px;\n  display: block;\n}\n\n.photo:before {\n  content: '';\n  position: absolute;\n  inset: 12px;\n  border: 1px solid rgba(255, 255, 255, 0.35);\n  border-radius: 20px;\n  z-index: 2;\n  pointer-events: none;\n}\n\n.photo:after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(30deg, rgba(10, 37, 64, 0.35), transparent 55%);\n  border-radius: 28px;\n  z-index: 2;\n  pointer-events: none;\n}\n\n\/* Badges Flottants *\/\n.badge {\n  position: absolute;\n  z-index: 5;\n  background: #ffffff;\n  padding: 14px 18px;\n  border-radius: 15px;\n  box-shadow: 0 12px 35px rgba(10, 37, 64, 0.15);\n  font-weight: 700;\n  line-height: 1.1;\n  border: 1px solid rgba(0, 0, 0, 0.04);\n}\n\n.badge b {\n  display: block;\n  font-family: 'Syne', sans-serif;\n  font-size: 1.45rem;\n}\n\n.badge.one {\n  left: -32px;\n  top: 45px;\n}\n\n.badge.two {\n  right: -25px;\n  bottom: 40px;\n}\n\n.badge.two b {\n  color: var(--green);\n}\n\n\/* ==========================================================================\n   5. SECTIONS G\u00c9N\u00c9RALES & CARTES\n   ========================================================================== *\/\nsection {\n  padding: 108px 0;\n}\n\n.section-head {\n  display: flex;\n  justify-content: space-between;\n  gap: 35px;\n  align-items: flex-end;\n  margin-bottom: 42px;\n}\n\n.section-head p {\n  max-width: 410px;\n  color: #607985;\n  margin-bottom: 3px;\n}\n\n.cards {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n}\n\n.card {\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  padding: 27px 23px;\n  background: #fff;\n  box-shadow: 0 8px 26px rgba(10, 37, 64, 0.04);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n}\n\n.card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow);\n  border-color: #c5d9d5;\n}\n\n.icon {\n  font-size: 1.8rem;\n  width: 52px;\n  height: 52px;\n  display: grid;\n  place-items: center;\n  border-radius: 15px;\n  background: #edf8f3;\n  margin-bottom: 25px;\n}\n\n.card p {\n  font-size: 0.92rem;\n  color: #66808b;\n  margin: 0;\n}\n\n\/* Defis section *\/\n.defis{\n  background: var(--mist);\n}\n\n.defis.card {\n  background: rgba(255, 255, 255, 0.7);\n}\n\n\/* Expertise section *\/\n.expertise {\n  background: #fff;\n}\n\n.expertise .cards {\n  grid-template-columns: repeat(5, 1fr);\n}\n\n.expertise .icon {\n  background: #fff3ee;\n}\n\n.expertise .card {\n  padding: 24px 20px;\n}\n\n.expertise h3 {\n  font-size: 1.08rem;\n}\n\n\/* ==========================================================================\n   6. SECTION M\u00c9THODE\n   ========================================================================== *\/\n.method {\n  background: var(--ink);\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n\n.method:before {\n  content: 'BRIGHT NEW';\n  position: absolute;\n  right: -50px;\n  top: 40px;\n  font-family: 'Syne', sans-serif;\n  font-size: 8rem;\n  font-weight: 800;\n  color: rgba(255, 255, 255, 0.035);\n  white-space: nowrap;\n}\n\n.method .eyebrow {\n  color: var(--mint);\n}\n\n.method .section-head p {\n  color: #a9c2c5;\n}\n\n.timeline {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  position: relative;\n  margin-top: 65px;\n  gap: 0;\n}\n\n.timeline:before {\n  content: '';\n  height: 1px;\n  background: #426174;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 17px;\n}\n\n.step {\n  position: relative;\n  padding-right: 28px;\n}\n\n.num {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  place-items: center;\n  width: 35px;\n  height: 35px;\n  border: 1px solid #84aea4;\n  border-radius: 50%;\n  background: var(--ink);\n  color: var(--mint);\n  font-weight: 700;\n  margin-bottom: 28px;\n}\n\n.step h3 {\n  font-size: 1.18rem;\n}\n\n.step p {\n  color: #a9c2c5;\n  font-size: 0.9rem;\n  max-width: 220px;\n  margin: 0;\n}\n\n\/* ==========================================================================\n   7. STATS & T\u00c9MOIGNAGES\n   ========================================================================== *\/\n.numbers {\n  background: #EDFAFF;\n}\n\n.stats {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 25px;\n}\n\n.stat {\n  border-left: 2px solid var(--coral);\n  padding-left: 22px;\n}\n\n.stat strong {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(2.4rem, 5vw, 4.5rem);\n  letter-spacing: -0.07em;\n  display: block;\n}\n\n.stat span {\n  color: #597481;\n  font-size: 0.94rem;\n}\n\n.testimonial {\n  padding: 95px 0;\n  background: #fff;\n}\n\n.quote {\n  max-width: 900px;\n  margin: auto;\n  text-align: center;\n}\n\n.quote-mark {\n  color: var(--coral);\n  font-family: Georgia, serif;\n  font-size: 6rem;\n  height: 60px;\n  line-height: 1;\n}\n\n.quote blockquote {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(1.6rem, 3.2vw, 2.8rem);\n  letter-spacing: -0.035em;\n  line-height: 1.2;\n  margin: 14px 0 27px;\n}\n\n.quote cite {\n  font-style: normal;\n  color: #627b85;\n  font-size: 0.9rem;\n}\n\n.quote cite strong {\n  color: var(--ink);\n  display: block;\n  margin-bottom: 2px;\n}\n\n.example {\n  display: inline-block;\n  margin-top: 12px;\n  border: 1px solid #ffc5b8;\n  color: #d35f4f;\n  border-radius: 999px;\n  padding: 3px 9px;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n}\n\n\/* ==========================================================================\n   8. CTA MODERNE & FINAL\n   ========================================================================== *\/\n.final-cta {\n  padding: 75px 0;\n  background: linear-gradient(120deg, var(--coral), #ff9a73);\n  color: #fff;\n}\n\n.cta-flex {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n}\n\n.final-cta h2 {\n  max-width: 650px;\n  margin: 0;\n}\n\n.final-cta p {\n  margin: 10px 0 0;\n  opacity: 0.84;\n}\n\n.modern-contact-section {\n  background: #0f172a;\n  color: #f8fafc;\n  padding: 80px 0;\n}\n\n.contact-grid {\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: 60px;\n  align-items: center;\n}\n\n.contact-badge {\n  display: inline-block;\n  font-size: 0.85rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #38bdf8;\n  margin-bottom: 15px;\n}\n\n.contact-pitch h2 {\n  color: #ffffff;\n  font-size: 2rem;\n  line-height: 1.25;\n  margin-bottom: 16px;\n}\n\n.contact-desc {\n  font-size: 1.1rem;\n  color: #94a3b8;\n  line-height: 1.6;\n  margin-bottom: 24px;\n}\n\n.contact-perks {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.contact-perks li {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 0.95rem;\n  color: #cbd5e1;\n  margin-bottom: 12px;\n}\n\n.contact-perks svg {\n  color: #38bdf8;\n  flex-shrink: 0;\n}\n\n.contact-card {\n  background: #1e293b;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 16px;\n  padding: 36px;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);\n}\n\n.card-header h3 {\n  color: #ffffff;\n  font-size: 1.3rem;\n  margin-bottom: 8px;\n}\n\n.card-header p {\n  color: #94a3b8;\n  font-size: 0.9rem;\n  margin-bottom: 24px;\n}\n\n.btn-cta-main {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  width: 100%;\n  background: var(--coral);\n  color: #ffffff;\n  padding: 16px 24px;\n  border-radius: 8px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.2s ease;\n}\n\n.btn-cta-main:hover {\n  background: #fff;\n  transform: translateY(-2px);\n  color: var(--coral);\n}\n\n.contact-direct-info {\n  margin-top: 24px;\n  padding-top: 20px;\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.direct-item {\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.9rem;\n}\n\n.direct-item .label {\n  color: #64748b;\n}\n\n.direct-item a {\n  color: #cbd5e1;\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.direct-item a:hover {\n  color: #38bdf8;\n}\n\n\/* ==========================================================================\n   9. FOOTER\n   ========================================================================== *\/\n.footer {\n  padding: 36px 0;\n  background: #071c30;\n  color: #b1c5ca;\n}\n\n.footer-grid {\n  display: flex;\n  justify-content: space-between;\n  gap: 30px;\n  align-items: center;\n}\n\n.footer .logo {\n  color: #fff;\n}\n\n.footer small {\n  font-size: 0.78rem;\n}\n\n.footer-links {\n  display: flex;\n  gap: 18px;\n  font-size: 0.8rem;\n}\n\n.footer-links a:hover {\n  color: #fff;\n}\n\n\/* ==========================================================================\n   10. RESPONSIVE MEDIA QUERIES\n   ========================================================================== *\/\n@media (max-width: 900px) {\n  .menu {\n    gap: 15px;\n  }\n  .menu a:nth-child(-n+3) {\n    display: none;\n  }\n  .hero-grid {\n    gap: 35px;\n  }\n  .cards, .expertise .cards {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .expertise .cards .card:last-child {\n    grid-column: span 2;\n  }\n  .stats {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .badge.one {\n    left: -12px;\n  }\n  .badge.two {\n    right: -10px;\n  }\n}\n\n@media (max-width: 768px) {\n  .contact-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n  .modern-contact-section {\n    padding: 50px 0;\n  }\n}\n\n@media (max-width: 620px) {\n  .wrap {\n    width: min(100% - 32px, 1160px);\n  }\n  .site-header {\n    height: 72px;\n  }\n  .nav > .btn {\n    padding: 11px 14px;\n    font-size: 0.77rem;\n  }\n  .logo {\n    font-size: 1.35rem;\n  }\n  .menu {\n    display: none;\n  }\n  .hero {\n    padding: 130px 0 80px;\n    min-height: 0;\n  }\n  .hero-grid {\n    grid-template-columns: 1fr;\n  }\n  .hero h1 {\n    font-size: 3.3rem;\n  }\n  .hero-copy p {\n    font-size: 1rem;\n  }\n  .visual {\n    min-height: 360px;\n    margin: 25px auto 0;\n    max-width: 100%;\n  }\n  .photo {\n    height: 360px;\n  }\n  .badge {\n    padding: 11px 13px;\n    font-size: 0.72rem;\n  }\n  .badge b {\n    font-size: 1.1rem;\n  }\n  .badge.one {\n    top: 20px;\n    left: -10px;\n  }\n  .badge.two {\n    bottom: 20px;\n    right: -10px;\n  }\n  section {\n    padding: 75px 0;\n  }\n  .section-head {\n    display: block;\n    margin-bottom: 29px;\n  }\n  .section-head p {\n    margin-top: 16px;\n  }\n  .cards, .expertise .cards, .stats {\n    grid-template-columns: 1fr;\n  }\n  .expertise .cards .card:last-child {\n    grid-column: auto;\n  }\n  .timeline {\n    display: block;\n    margin-top: 36px;\n  }\n  .timeline:before {\n    left: 17px;\n    top: 17px;\n    bottom: 17px;\n    width: 1px;\n    height: auto;\n    right: auto;\n  }\n  .step {\n    padding: 0 0 28px 60px;\n  }\n  .step p {\n    max-width: none;\n  }\n  .num {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n  .cta-flex {\n    display: block;\n  }\n  .final-cta h2 {\n    font-size: 2.3rem;\n  }\n  .final-cta .btn {\n    margin-top: 24px;\n  }\n  .footer-grid {\n    display: block;\n  }\n  .footer-links {\n    margin-top: 18px;\n    flex-wrap: wrap;\n  }\n}\n\n\/* ==========================================================================\n   11. ANIMATIONS\n   ========================================================================== *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hero-copy, .visual {\n    animation: rise 0.7s ease both;\n  }\n  .visual {\n    animation-delay: 0.13s;\n  }\n  @keyframes rise {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  function initTriangles() {\n    var canvas = document.getElementById(\"triangles-canvas\");\n    if (!canvas) return;\n\n    var ctx = canvas.getContext(\"2d\");\n    var width, height;\n\n    function resize() {\n      var parent = canvas.parentElement;\n      width = canvas.width = parent ? parent.offsetWidth : window.innerWidth;\n      height = canvas.height = parent ? parent.offsetHeight : window.innerHeight;\n    }\n\n    window.addEventListener(\"resize\", resize);\n    resize();\n\n    var colorBlue = { r: 37, g: 99, b: 235 };\n    var colorOrange = { r: 249, g: 115, b: 22 };\n\n    \/\/ Quantit\u00e9 pour un nuage bien fourni et visible\n    var triangleCount = 500;\n    var triangles = [];\n\n    function createTriangle(isBlue) {\n      \/\/ Position d'ancrage en forme de nuage (distribution polaire depuis les coins)\n      var maxRadius = Math.min(width, height) * 0.7;\n      \/\/ Distribution par racine carr\u00e9e pour garder du volume sans tout entasser dans l'angle\n      var radius = Math.sqrt(Math.random()) * maxRadius;\n      var angle = Math.random() * (Math.PI \/ 2); \/\/ Quart de cercle\n\n      var baseX, baseY;\n      if (isBlue) {\n        \/\/ Encr\u00e9 dans le coin haut-gauche (0, 0)\n        baseX = Math.cos(angle) * radius;\n        baseY = Math.sin(angle) * radius;\n      } else {\n        \/\/ Encr\u00e9 dans le coin bas-droite (width, height)\n        baseX = width - Math.cos(angle) * radius;\n        baseY = height - Math.sin(angle) * radius;\n      }\n\n      \/\/ Tailles vari\u00e9es pour le relief\n      var sizeRand = Math.random();\n      var size;\n      if (sizeRand < 0.5) {\n        size = Math.random() * 3 + 5;   \/\/ Petits (5-8px)\n      } else if (sizeRand < 0.85) {\n        size = Math.random() * 4 + 9;   \/\/ Moyens (9-13px)\n      } else {\n        size = Math.random() * 5 + 14;  \/\/ Grands (14-19px)\n      }\n\n      var a1 = Math.random() * Math.PI * 2;\n      var a2 = a1 + (Math.PI * 2 \/ 3) + (Math.random() - 0.5) * 0.4;\n      var a3 = a1 + (Math.PI * 4 \/ 3) + (Math.random() - 0.5) * 0.4;\n\n      return {\n        baseX: baseX,\n        baseY: baseY,\n        \/\/ Param\u00e8tres de flottaison (oscillation douce)\n        driftRadiusX: Math.random() * 18 + 8,\n        driftRadiusY: Math.random() * 18 + 8,\n        speedX: Math.random() * 0.008 + 0.004,\n        speedY: Math.random() * 0.008 + 0.004,\n        phaseX: Math.random() * Math.PI * 2,\n        phaseY: Math.random() * Math.PI * 2,\n        rotation: Math.random() * Math.PI * 2,\n        vRot: (Math.random() - 0.5) * 0.004,\n        color: isBlue ? colorBlue : colorOrange,\n        opacity: Math.random() * 0.4 + 0.35,\n        p1: { x: Math.cos(a1) * size, y: Math.sin(a1) * size },\n        p2: { x: Math.cos(a2) * size, y: Math.sin(a2) * size },\n        p3: { x: Math.cos(a3) * size, y: Math.sin(a3) * size }\n      };\n    }\n\n    for (var i = 0; i < triangleCount; i++) {\n      triangles.push(createTriangle(i % 2 === 0));\n    }\n\n    var time = 0;\n\n    function animate() {\n      ctx.clearRect(0, 0, width, height);\n      time += 1;\n\n      for (var t = 0; t < triangles.length; t++) {\n        var tri = triangles[t];\n\n        \/\/ Flottaison continue sans d\u00e9rive infinie\n        var currentX = tri.baseX + Math.sin(time * tri.speedX + tri.phaseX) * tri.driftRadiusX;\n        var currentY = tri.baseY + Math.cos(time * tri.speedY + tri.phaseY) * tri.driftRadiusY;\n        tri.rotation += tri.vRot;\n\n        ctx.save();\n        ctx.translate(currentX, currentY);\n        ctx.rotate(tri.rotation);\n\n        \/\/ 1. Trac\u00e9 du contour du triangle\n        ctx.beginPath();\n        ctx.moveTo(tri.p1.x, tri.p1.y);\n        ctx.lineTo(tri.p2.x, tri.p2.y);\n        ctx.lineTo(tri.p3.x, tri.p3.y);\n        ctx.closePath();\n\n        ctx.strokeStyle = \"rgba(\" + tri.color.r + \",\" + tri.color.g + \",\" + tri.color.b + \",\" + tri.opacity + \")\";\n        ctx.lineWidth = 0.9;\n        ctx.stroke();\n\n        \/\/ 2. Micro-points sur les 3 sommets\n        var pts = [tri.p1, tri.p2, tri.p3];\n        for (var p = 0; p < pts.length; p++) {\n          ctx.beginPath();\n          ctx.arc(pts[p].x, pts[p].y, 1.4, 0, Math.PI * 2);\n          ctx.fillStyle = \"rgba(\" + tri.color.r + \",\" + tri.color.g + \",\" + tri.color.b + \",\" + (tri.opacity + 0.25) + \")\";\n          ctx.fill();\n        }\n\n        ctx.restore();\n      }\n\n      requestAnimationFrame(animate);\n    }\n\n    animate();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initTriangles);\n  } else {\n    initTriangles();\n  }\n})();\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  const backToTopBtn = document.getElementById('backToTop');\n\n  \/\/ 1. D\u00e9filement doux sans ajouter l'ancre (#) dans l'URL\n  document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function(e) {\n      const targetId = this.getAttribute('href');\n      \n      \/\/ Si c'est juste '#' ou un lien vide, on ignore\n      if (targetId === '#' || targetId === '') return;\n\n      const targetElement = document.querySelector(targetId);\n      if (targetElement) {\n        e.preventDefault(); \/\/ Emp\u00eache l'\u00e9criture du # dans l'URL\n        \n        targetElement.scrollIntoView({\n          behavior: 'smooth'\n        });\n      }\n    });\n  });\n\n  \/\/ 2. Affichage\/Masquage du bouton au scroll\n  window.addEventListener('scroll', () => {\n    if (backToTopBtn) {\n      if (window.scrollY > 400) {\n        backToTopBtn.classList.add('visible');\n      } else {\n        backToTopBtn.classList.remove('visible');\n      }\n    }\n  });\n\n  \/\/ 3. Action de remont\u00e9e en haut et nettoyage d'URL\n  if (backToTopBtn) {\n    backToTopBtn.addEventListener('click', () => {\n      \/\/ 1. Remonte tout en haut en douceur\n      window.scrollTo({\n        top: 0,\n        behavior: 'smooth'\n      });\n\n      \/\/ 2. Supprime imm\u00e9diatement l'ancre (#) de la barre d'adresse\n      if (window.location.hash) {\n        history.replaceState(null, document.title, window.location.pathname + window.location.search);\n      }\n    });\n  }\n});\n<\/script>\n\n<main>\n\t<section id=\"accueil\" class=\"hero\">\n  <canvas id=\"triangles-canvas\"><\/canvas>\n  <div class=\"wrap hero-grid\">\n    <div class=\"hero-copy\">\n      <!-- <span class=\"eyebrow\">Conseil ind\u00e9pendant en syst\u00e8mes d'information<\/span> -->\n      <h1> Entre votre m\u00e9tier et votre int\u00e9grateur, qui pilote?<\/h1>\n      <p>Bright New transforme vos besoins op\u00e9rationnels en d\u00e9cisions claires et en sp\u00e9cifications exploitables. Nous faisons le lien entre les \u00e9quipes m\u00e9tier et techniques, pour des projets ERP qui tiennent leurs promesses.<\/p>\n      <div class=\"hero-actions\">\n        <a class=\"btn btn-primary\" href=\"#contact\">Contactez nous <span aria-hidden=\"true\">&#x2197;<\/span><\/a>\n        <a class=\"btn btn-ghost\" href=\"#methode\">D\u00e9couvrir notre m\u00e9thode <span aria-hidden=\"true\">\u2193<\/span><\/a>\n      <\/div>\n    <\/div>\n    \n    <div class=\"visual\">\n      <div class=\"photo\">\n        <div class=\"photo-label\">\n          <img decoding=\"async\" src=\"https:\/\/bright-new.fr\/wp-content\/uploads\/2024\/02\/H06A0801-scaled.jpg\" alt=\"Consultant Bright New en atelier\">\n        <\/div>\n        <div class=\"badge one\">\n          <b>8+ ans<\/b> d&rsquo;exp\u00e9rience\n        <\/div>\n        <!--div class=\"badge two\">\n          <b>3+ projets<\/b> ERP men\u00e9s\n        <\/div!-->\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t<section id=\"defis\" class=\"defis\">\n\t\t\t<div class=\"wrap\">\n\t\t\t\t<div class=\"section-head\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<span class=\"eyebrow\">Vous n&rsquo;\u00eates pas seul<\/span>\n\t\t\t\t\t\t<h2>Les 4 d\u00e9fis \u00e0 cibler pour garantir le succ\u00e8s de vos projets.<\/h2>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p>Un projet de transformation avance quand chacun comprend o\u00f9 il va \u2014 et pourquoi. Nous remettons de la clart\u00e9 l\u00e0 o\u00f9 elle compte.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"cards\">\n\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t<div class=\"icon\">&#x1f9e9;<\/div>\n\t\t\t\t\t\t\t<h3>Les besoins se perdent en route<\/h3>\n\t\t\t\t\t\t\t<p>Les sp\u00e9cifications techniques ne refl\u00e8tent pas toujours la r\u00e9alit\u00e9 du terrain. Les incompr\u00e9hensions co\u00fbtent cher.<\/p>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t<div class=\"icon\">&#x1f9ea;<\/div>\n\t\t\t\t\t\t\t<h3>La recette arrive trop tard<\/h3>\n\t\t\t\t\t\t\t<p>Sans sc\u00e9nario de test solide, les anomalies remontent \u00e0 la derni\u00e8re minute et fragilisent le lancement.<\/p>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t<div class=\"icon\">&#x1f64b;<\/div>\n\t\t\t\t\t\t\t<h3>Les utilisateurs d\u00e9crochent<\/h3>\n\t\t\t\t\t\t\t<p>Un outil bien configur\u00e9 ne suffit pas. L&rsquo;adoption se construit avec les \u00e9quipes, en amont du d\u00e9ploiement.<\/p>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t<div class=\"icon\">&#x23f1;&#xfe0f;<\/div>\n\t\t\t\t\t\t\t<h3>Le budget et le planning d\u00e9rivent<\/h3>\n\t\t\t\t\t\t\t<p>Des arbitrages tardifs et des zones grises transforment un projet ma\u00eetris\u00e9 en course contre la montre.<\/p>\n\t\t\t\t\t\t<\/article>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\t\t\t\n\t\t\t\t<section id=\"methode\" class=\"method\">\n\t\t\t\t\t<div class=\"wrap\">\n\t\t\t\t\t\t<div class=\"section-head\">\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<span class=\"eyebrow\">Notre m\u00e9thode<\/span>\n\t\t\t\t\t\t\t\t<h2>Faire simple.<br>Faire juste.<\/h2>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<p>Une d\u00e9marche lisible, des points de d\u00e9cision nets et un interlocuteur qui garde la vue d&rsquo;ensemble du premier atelier au d\u00e9ploiement.<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"timeline\">\n\t\t\t\t\t\t\t\t<div class=\"step\">\n\t\t\t\t\t\t\t\t\t<div class=\"num\">01<\/div>\n\t\t\t\t\t\t\t\t\t<h3>Cadrage<\/h3>\n\t\t\t\t\t\t\t\t\t<p>Nous clarifions les objectifs, les contraintes et les crit\u00e8res de r\u00e9ussite avec les personnes concern\u00e9es autour de la table.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"step\">\n\t\t\t\t\t\t\t\t\t<div class=\"num\">02<\/div>\n\t\t\t\t\t\t\t\t\t<h3>Sp\u00e9cification<\/h3>\n\t\t\t\t\t\t\t\t\t<p>Nous transformons les besoins en r\u00e8gles de gestion, en process et livrables compr\u00e9hensibles.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"step\">\n\t\t\t\t\t\t\t\t\t<div class=\"num\">03<\/div>\n\t\t\t\t\t\t\t\t\t<h3>Recette<\/h3>\n\t\t\t\t\t\t\t\t\t<p>Nous testons dans les conditions du r\u00e9el, suivons les \u00e9carts et s\u00e9curisons les arbitrages.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"step\">\n\t\t\t\t\t\t\t\t\t<div class=\"num\">04<\/div>\n\t\t\t\t\t\t\t\t\t<h3>Formation &amp; d\u00e9ploiement<\/h3>\n\t\t\t\t\t\t\t\t\t<p>Nous accompagnons le changement jusqu&rsquo;\u00e0 l&rsquo;autonomie des \u00e9quipes et aux premiers r\u00e9sultats.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/section>\n\t\t\t\t\t\n<!--\n<section id=\"apropos\" class=\"numbers\">\n\t\t\t\t\t\t<div class=\"wrap\">\n\t\t\t\t\t\t\t<div class=\"section-head\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span class=\"eyebrow\">Des r\u00e9sultats qui comptent<\/span>\n\t\t\t\t\t\t\t\t\t<h2>La confiance se mesure<br>sur le terrain.<\/h2>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<p>Notre exp\u00e9rience est au service de vos \u00e9quipes, de vos d\u00e9lais et de votre performance op\u00e9rationnelle.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"stats\">\n\t\t\t\t\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t\t\t\t\t<strong>8+<\/strong>\n\t\t\t\t\t\t\t\t\t\t<span>ann\u00e9es d'exp\u00e9rience<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t\t\t\t\t<strong>5<\/strong>\n\t\t\t\t\t\t\t\t\t\t<span>secteurs accompagn\u00e9s<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/section>\n!-->\n<section id=\"expertises\" class=\"expertise\">\n\t\t\t\t<div class=\"wrap\">\n\t\t\t\t\t<div class=\"section-head\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span class=\"eyebrow\">Ce que nous faisons<\/span>\n\t\t\t\t\t\t\t<h2>Un renfort exp\u00e9riment\u00e9<br>et cibl\u00e9.<\/h2>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<p>Nous intervenons comme une \u00e9quipe int\u00e9gr\u00e9e \u00e0 la v\u00f4tre, avec une exigence simple : faire avancer le projet et s\u00e9curiser le r\u00e9sultat.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"cards\">\n\t\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"icon\">&#x1f5fa;&#xfe0f;<\/div>\n\t\t\t\t\t\t\t\t<h3>Conseil ERP<\/h3>\n\t\t\t\t\t\t\t\t<p>Un regard ind\u00e9pendant pour cadrer les choix, challenger les solutions et aligner l&rsquo;outil avec votre strat\u00e9gie.<\/p>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"icon\">&#x1f50e;<\/div>\n\t\t\t\t\t\t\t\t<h3>Business Analysis<\/h3>\n\t\t\t\t\t\t\t\t<p>Nous comprenons votre besoin et le traduisons de fa\u00e7ons compr\u00e9hesible pour des technicien en informatique.<\/p>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"icon\">&#x1f3af;<\/div>\n\t\t\t\t\t\t\t\t<h3>Product Ownership<\/h3>\n\t\t\t\t\t\t\t\t<p>Nous priorisons la feuille de route et donnons au projet un cap partag\u00e9 par tous.<\/p>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"icon\">&#x2705;<\/div>\n\t\t\t\t\t\t\t\t<h3>Recette &amp; tests<\/h3>\n\t\t\t\t\t\t\t\t<p>Des cas de test r\u00e9alistes, une m\u00e9thode rigoureuse et une mise en production en toute confiance.<\/p>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<article class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"icon\">&#x1f331;<\/div>\n\t\t\t\t\t\t\t\t<h3>Formation &amp; accompagnement<\/h3>\n\t\t\t\t\t\t\t\t<p>Nous pr\u00e9parons les \u00e9quipes, expliquons les changements et facilitons les nouveaux usages.<\/p>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t\t<section id=\"contact\" class=\"modern-contact-section\">\n\n\t\t\t\t\t\t\t<div class=\"wrap contact-grid\">\n\t\t\t\t\t\t\t\t<!-- Colonne Gauche : Pitch & R\u00e9assurance -->\n\t\t\t\t\t\t\t\t<div class=\"contact-pitch\">\n\t\t\t\t\t\t\t\t\t<span class=\"contact-badge\">Prise de contact<\/span>\n\t\t\t\t\t\t\t\t\t<h2>Vous m\u00e9ritez un interlocuteur qui vous comprenne et vous accompagne dans vos projets<\/h2>\n\t\t\t\t\t\t\t\t\t<p class=\"contact-desc\">\n        Sur quel point critique avez vous besoin d&rsquo;un regard exp\u00e9riment\u00e9 ?\n      <\/p>\n\t\t\t\t\t\t\t\t\t<ul class=\"contact-perks\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"><\/polyline>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<span>R\u00e9ponse sous 24h ouvr\u00e9es<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"><\/polyline>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<span>\u00c9change direct avec un expert \u00e0 votre \u00e9coute<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"><\/polyline>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<span>Confidentialit\u00e9 assur\u00e9e<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<!-- Colonne Droite : Carte d'action -->\n\t\t\t\t\t\t\t\t<div class=\"contact-card\">\n\t\t\t<h3>\u00c9crivez-nous directement<\/h3>\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<!-- Bouton principal avec mailto pr\u00e9-rempli -->\n\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary btn-cta-main\" href=\"mailto:contact@bright-new.fr?subject=Demande%20d'%C3%A9change%20-%20Projet%20SI%20\/%20ERP&amp;body=Bonjour%2C%0A%0AJe%20souhaite%20%C3%A9changer%20avec%20vous%20concernant%20notre%20projet.%0A%0ANom%20\/%20Soci%C3%A9t%C3%A9%20%3A%20%0AT%C3%A9l%C3%A9phone%20%3A%20%0ABrief%20rapide%20%3A%20\">\n\t\t\t\t\t\t\t\t\t\t<span>Initier un \u00e9change par email<\/span>\n\t\t\t\t\t\t\t\t\t\t<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n\t\t\t\t\t\t\t\t\t\t\t<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n\t\t\t\t\t\t\t\t\t\t\t<polyline points=\"12 5 19 12 12 19\"><\/polyline>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/section>\n<!-- Bouton retour en haut (Back to Top) -->\n<button id=\"backToTop\" class=\"back-to-top\" aria-label=\"Retour en haut de page\">\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path d=\"M18 15l-6-6-6 6\"><\/path>\n  <\/svg>\n<\/button>\n\t\t\t\t\t<\/main>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Entre votre m\u00e9tier et votre int\u00e9grateur, qui pilote? Bright New transforme vos besoins op\u00e9rationnels en d\u00e9cisions claires et en sp\u00e9cifications exploitables. Nous faisons le lien entre les \u00e9quipes m\u00e9tier et techniques, pour des projets ERP qui tiennent leurs promesses. Contactez nous &#x2197; D\u00e9couvrir notre m\u00e9thode \u2193 8+ ans d&rsquo;exp\u00e9rience Vous n&rsquo;\u00eates pas seul Les 4&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bright-new.fr\/index.php?rest_route=\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bright-new.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bright-new.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bright-new.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bright-new.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=87"}],"version-history":[{"count":166,"href":"https:\/\/www.bright-new.fr\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":588,"href":"https:\/\/www.bright-new.fr\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions\/588"}],"wp:attachment":[{"href":"https:\/\/www.bright-new.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}