{"id":1001,"date":"2026-04-24T12:00:00","date_gmt":"2026-04-24T12:00:00","guid":{"rendered":"https:\/\/bastet-entreprise.fr\/?page_id=1001"},"modified":"2026-04-24T12:00:00","modified_gmt":"2026-04-24T12:00:00","slug":"bastet-entreprise","status":"publish","type":"page","link":"https:\/\/bastet-entreprise.fr\/","title":{"rendered":"Bastet Entreprise"},"content":{"rendered":"\n<style>\n\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\n:root{\n  --b:#2A4651;--bd:#1D3139;--bdd:#152329;--bl:#6A7E85;--bxl:#EAEDEE;\n  --cu:#B87333;--cul:#CD9D70;--cull:#E3C7AD;--bg:#F8F1EB;--w:#FFFFFF;\n  --gr:#8A9BA3;--dk:#0D1A20;--dk2:#111F26;--dk3:#162028;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',sans-serif;font-weight:400;background:var(--w);color:var(--bd);overflow-x:hidden}\n::-webkit-scrollbar{width:3px}\n::-webkit-scrollbar-thumb{background:var(--cu)}\n\n\/* NAV *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:200;height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 56px;transition:background .4s,box-shadow .4s,height .3s}\nnav.scrolled{background:rgba(13,26,32,.97);box-shadow:0 1px 0 rgba(184,115,51,.18);height:56px;backdrop-filter:blur(16px)}\n.logo-wrap{display:flex;align-items:center;gap:12px;text-decoration:none}\n.logo-b{width:36px;height:36px;background:var(--cu);border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:18px;font-weight:800;color:var(--dk);transition:transform .25s;flex-shrink:0}\n.logo-wrap:hover .logo-b{transform:rotate(-6deg) scale(1.06)}\n.logo-txt{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:#F8F1EB;letter-spacing:.06em}\n.logo-sub{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--gr);margin-top:1px}\n.nav-links{display:flex;gap:28px;list-style:none}\n.nav-links a{font-size:12px;color:rgba(248,241,235,.45);text-decoration:none;letter-spacing:.04em;transition:color .2s}\n.nav-links a:hover{color:var(--cu)}\n.nav-btn{background:transparent;color:var(--cu);border:1px solid var(--cu);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:8px 20px;text-decoration:none;border-radius:4px;transition:all .25s}\n.nav-btn:hover{background:var(--cu);color:var(--dk)}\n\n\/* HERO *\/\n#hero{min-height:100vh;background:var(--dk);display:flex;align-items:center;padding:100px 56px 80px;position:relative;overflow:hidden}\n.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}\n.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(184,115,51,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(184,115,51,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 100%)}\n.scan-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,var(--cu) 50%,transparent 100%);animation:scan 7s ease-in-out infinite;opacity:.3;pointer-events:none}\n@keyframes scan{0%{top:0;opacity:0}5%{opacity:.3}95%{opacity:.3}100%{top:100%;opacity:0}}\n.hero-inner{position:relative;z-index:2;max-width:680px}\n.hero-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(184,115,51,.1);border:1px solid rgba(184,115,51,.22);border-radius:100px;padding:5px 14px 5px 8px;font-size:11px;font-weight:500;letter-spacing:.07em;color:var(--cul);margin-bottom:30px;width:fit-content;opacity:0;animation:up .6s ease .1s forwards}\n.pill-dot{width:6px;height:6px;background:var(--cu);border-radius:50%;animation:blink 2s ease infinite}\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\nh1.ht{font-family:'Syne',sans-serif;font-size:clamp(36px,5.2vw,68px);font-weight:800;line-height:1.06;color:#F8F1EB;letter-spacing:-.02em;opacity:0;animation:up .75s ease .25s forwards}\nh1.ht .cu{color:var(--cu)}\nh1.ht .muted{display:block;font-weight:400;font-size:.58em;color:rgba(248,241,235,.35);letter-spacing:.02em;margin-top:10px}\n.hero-p{font-size:15px;line-height:1.8;color:rgba(248,241,235,.5);font-weight:300;max-width:500px;margin:26px 0 42px;opacity:0;animation:up .7s ease .4s forwards}\n.hero-btns{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:up .65s ease .55s forwards}\n.btn-fill{background:var(--cu);color:var(--dk);font-family:'Syne',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;padding:13px 28px;text-decoration:none;border-radius:4px;transition:background .25s,transform .2s;display:inline-block}\n.btn-fill:hover{background:var(--cul);transform:translateY(-2px)}\n.btn-line{border:1px solid rgba(248,241,235,.18);color:rgba(248,241,235,.65);font-size:12px;padding:13px 24px;text-decoration:none;border-radius:4px;transition:all .25s;display:inline-block}\n.btn-line:hover{border-color:rgba(248,241,235,.45);color:#F8F1EB}\n.hero-kpis{display:flex;gap:36px;margin-top:60px;padding-top:32px;border-top:1px solid rgba(184,115,51,.14);opacity:0;animation:up .6s ease .7s forwards;flex-wrap:wrap}\n.kpi-n{font-family:'Syne',sans-serif;font-size:26px;font-weight:700;color:var(--cu);line-height:1}\n.kpi-l{font-size:10px;color:rgba(248,241,235,.35);margin-top:4px;letter-spacing:.04em}\n\n\/* STRIP *\/\n.strip{background:var(--bd);overflow:hidden;padding:15px 0;border-top:1px solid rgba(184,115,51,.18);border-bottom:1px solid rgba(184,115,51,.18)}\n.strip-t{display:flex;gap:60px;animation:roll 28s linear infinite;white-space:nowrap}\n.strip-i{font-family:'Syne',sans-serif;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(248,241,235,.35);flex-shrink:0;display:flex;align-items:center;gap:14px}\n.strip-i::before{content:'';display:block;width:5px;height:5px;background:var(--cu);border-radius:50%;flex-shrink:0}\n\n\/* SECTIONS COMMUNES *\/\nsection{padding:96px 56px;position:relative}\n.chip{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cu);margin-bottom:14px}\n.chip::before{content:'';display:block;width:16px;height:1.5px;background:var(--cu)}\nh2.st{font-family:'Syne',sans-serif;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--bd)}\nh2.st em{font-style:normal;color:var(--cu)}\nh2.st.lgt{color:#F8F1EB}\nh2.st.lgt em{color:var(--cul)}\n.st-s{font-size:14px;line-height:1.8;color:var(--gr);font-weight:300;max-width:460px;margin-top:12px}\n.st-s.lgt{color:rgba(248,241,235,.45)}\n\n\/* LOGICIELS *\/\n#logiciels{background:var(--dk)}\n.log-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:72px}\n.log-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}\n.lc{background:var(--dk3);border:1px solid rgba(184,115,51,.1);border-radius:12px;padding:32px 28px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}\n.lc:hover{border-color:rgba(184,115,51,.38);transform:translateY(-3px)}\n.lc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--cu);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}\n.lc:hover::before{transform:scaleX(1)}\n.lc-wide{grid-column:span 2}\n.lc-icon{width:44px;height:44px;background:rgba(184,115,51,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:20px}\n.lc h3{font-family:'Syne',sans-serif;font-size:17px;font-weight:700;color:#F8F1EB;margin-bottom:10px}\n.lc p{font-size:13px;line-height:1.75;color:rgba(248,241,235,.42);font-weight:300;margin-bottom:20px}\n.lc-tags{display:flex;flex-wrap:wrap;gap:6px}\n.lc-tag{font-size:10px;color:var(--cul);background:rgba(184,115,51,.09);border:1px solid rgba(184,115,51,.18);padding:3px 9px;border-radius:4px}\n.lc-cta{grid-column:span 3;background:linear-gradient(120deg,#1B3040,var(--dk3));border-color:rgba(184,115,51,.22);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}\n.lc-code{background:rgba(0,0,0,.35);border:1px solid rgba(184,115,51,.15);border-radius:8px;padding:22px 20px;font-family:'Inter',monospace;font-size:11.5px;line-height:1.95;color:rgba(248,241,235,.45)}\n.lc-code .cg{color:#6DBF6D}.lc-code .cb{color:#7BAFD4}.lc-code .cc{color:var(--cul)}\n\n\/* SITES WEB *\/\n#web{background:var(--bg)}\n.web-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px}\n.web-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.wc{background:var(--w);border-radius:12px;overflow:hidden;box-shadow:0 2px 14px rgba(42,70,81,.08);transition:transform .3s,box-shadow .3s}\n.wc:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(42,70,81,.13)}\n.wc-top{height:190px;display:flex;align-items:center;justify-content:center;font-size:38px;position:relative;overflow:hidden}\n.wc-top .wc-img{width:100%;height:100%;object-fit:cover;display:block}\n.wc-top.t1{background:linear-gradient(135deg,var(--b),#3a6070)}\n.wc-top.t2{background:linear-gradient(135deg,var(--bd),var(--b))}\n.wc-top.t3{background:linear-gradient(135deg,#3a2e1a,#4a3820)}\n.wc-body{padding:22px 22px 26px}\n.wc-cat{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--cu);margin-bottom:6px}\n.wc-name{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;color:var(--bd);margin-bottom:8px}\n.wc-desc{font-size:12.5px;line-height:1.65;color:var(--gr);font-weight:300}\n\n\/* DESIGN *\/\n#design{background:var(--w)}\n.dsrv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}\n.ds{border:1px solid var(--bxl);border-radius:12px;padding:30px 26px;transition:border-color .3s,transform .3s}\n.ds:hover{border-color:var(--cull);transform:translateY(-2px)}\n.ds-icon{font-size:24px;margin-bottom:14px}\n.ds h3{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--bd);margin-bottom:10px}\n.ds p{font-size:13px;line-height:1.7;color:var(--gr);font-weight:300;margin-bottom:16px}\n.ds ul{list-style:none;display:flex;flex-direction:column;gap:6px}\n.ds li{font-size:12px;color:var(--b);display:flex;align-items:center;gap:7px}\n.ds li::before{content:'';width:4px;height:4px;background:var(--cu);border-radius:50%;flex-shrink:0}\n\n\/* COMMUNITY MANAGEMENT *\/\n#cm{background:var(--dk2)}\n.cm-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-top:56px}\n.cm-left p{font-size:14px;line-height:1.85;color:rgba(248,241,235,.5);font-weight:300;margin-bottom:20px}\n.cm-inclus-title{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cu);margin-top:28px;margin-bottom:14px}\n.cm-list{list-style:none;display:flex;flex-direction:column;gap:11px}\n.cm-list li{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:rgba(248,241,235,.6);font-weight:300;line-height:1.55}\n.cm-list li::before{content:'\u2192';color:var(--cu);flex-shrink:0;font-size:11px;margin-top:2px}\n.cm-reseaux-title{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cu);margin-bottom:14px}\n.cm-reseaux{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}\n.cm-rs{background:var(--dk3);border:1px solid rgba(184,115,51,.1);border-radius:10px;padding:16px 14px;transition:border-color .3s;display:flex;align-items:center;gap:11px}\n.cm-rs:hover{border-color:rgba(184,115,51,.28)}\n.cm-rs-icon{font-size:18px;flex-shrink:0}\n.cm-rs-name{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:#F8F1EB}\n.cm-rs-desc{font-size:11px;color:rgba(248,241,235,.32);margin-top:2px}\n.cm-note{background:rgba(184,115,51,.07);border:1px solid rgba(184,115,51,.18);border-radius:10px;padding:18px 20px;font-size:13px;line-height:1.7;color:rgba(248,241,235,.5);font-weight:300}\n.cm-note strong{color:var(--cul);font-weight:500}\n\n\/* FORMATIONS *\/\n#formations{background:var(--bg)}\n.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-top:56px}\n.form-left p{font-size:14px;line-height:1.85;color:#5A7580;font-weight:300;margin-bottom:18px}\n.form-modes-title{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cu);margin-top:24px;margin-bottom:12px}\n.form-modes{display:flex;gap:10px;flex-wrap:wrap}\n.form-mode{display:flex;align-items:center;gap:8px;background:var(--w);border:1px solid var(--bxl);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--b)}\n.form-mode-icon{font-size:16px}\n.form-themes{display:flex;flex-direction:column;gap:10px}\n.ft{background:var(--w);border:1px solid var(--bxl);border-radius:10px;padding:20px 20px;display:flex;align-items:flex-start;gap:14px;transition:border-color .3s,transform .3s}\n.ft:hover{border-color:var(--cull);transform:translateX(4px)}\n.ft-icon{width:38px;height:38px;background:rgba(42,70,81,.07);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}\n.ft h4{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--bd);margin-bottom:4px}\n.ft p{font-size:12px;line-height:1.6;color:var(--gr);font-weight:300}\n\n\/* TARIFS *\/\n#tarifs{background:var(--w)}\n.tarifs-h{text-align:center;margin-bottom:60px}\n.tarifs-h .chip{justify-content:center}\n.tarifs-h .chip::before{display:none}\n.tarifs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.tc{background:var(--bg);border:1px solid rgba(42,70,81,.1);border-radius:12px;padding:32px 28px}\n.tc.hl{background:var(--bd);border-color:var(--cu)}\n.tc-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--bd);margin-bottom:4px;letter-spacing:.04em}\n.tc.hl .tc-title{color:#F8F1EB}\n.tc-sub{font-size:11px;color:var(--gr);margin-bottom:26px;font-weight:300}\n.tc.hl .tc-sub{color:rgba(248,241,235,.4)}\n.tc-rows{list-style:none;display:flex;flex-direction:column}\n.tc-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(42,70,81,.07)}\n.tc.hl .tc-row{border-bottom-color:rgba(255,255,255,.07)}\n.tc-row:last-child{border-bottom:none}\n.tc-name{font-size:13px;color:var(--b);font-weight:400}\n.tc.hl .tc-name{color:rgba(248,241,235,.65)}\n.tc-price{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--cu)}\n.tc-note{font-size:10px;color:var(--gr);margin-top:16px;letter-spacing:.03em}\n.tc.hl .tc-note{color:rgba(248,241,235,.3)}\n\n\/* CONTACT *\/\n#contact{background:var(--dk);display:grid;grid-template-columns:1fr 1.15fr;gap:72px;align-items:start}\n.ct-name{font-family:'Syne',sans-serif;font-size:19px;font-weight:700;color:#F8F1EB;letter-spacing:.04em;margin:24px 0 3px}\n.ct-role{font-size:11px;color:var(--cu);letter-spacing:.1em;text-transform:uppercase;margin-bottom:26px}\n.ct-p{font-size:14px;line-height:1.8;color:rgba(248,241,235,.45);font-weight:300;margin-bottom:28px}\n.ct-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}\n.ct-ico{width:32px;height:32px;background:rgba(184,115,51,.11);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}\n.ct-lbl{font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--cu)}\n.ct-val{font-size:13px;color:rgba(248,241,235,.65);font-weight:300}\n.ct-form{background:var(--dk3);border:1px solid rgba(184,115,51,.13);border-radius:13px;padding:36px}\n.form-title{font-family:'Syne',sans-serif;font-size:18px;font-weight:700;color:#F8F1EB;margin-bottom:22px}\n.fg{margin-bottom:15px}\nlabel{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(248,241,235,.3);display:block;margin-bottom:7px}\ninput,textarea,select{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(184,115,51,.14);color:#F8F1EB;font-family:'Inter',sans-serif;font-size:13px;font-weight:300;padding:11px 13px;border-radius:6px;outline:none;transition:border-color .25s,background .25s;appearance:none}\ninput:focus,textarea:focus,select:focus{border-color:var(--cu);background:rgba(255,255,255,.07)}\ninput::placeholder,textarea::placeholder{color:rgba(248,241,235,.18)}\ntextarea{resize:none;height:86px}\nselect option{background:var(--dk3)}\n.fg-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.btn-send{width:100%;background:var(--cu);color:var(--dk);font-family:'Syne',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:13px;border:none;border-radius:6px;cursor:pointer;transition:all .25s;margin-top:4px}\n.btn-send:hover{background:var(--cul);transform:translateY(-1px)}\n.form-note{font-size:10px;color:rgba(248,241,235,.2);text-align:center;margin-top:10px}\n\n\/* FOOTER *\/\nfooter{background:var(--bdd);padding:44px 56px 26px}\n.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}\n.f-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}\n.f-logo-b{width:30px;height:30px;background:var(--cu);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:15px;font-weight:800;color:var(--dk)}\n.f-logo-t{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:#F8F1EB}\n.f-brand p{font-size:12px;line-height:1.7;color:rgba(248,241,235,.28);font-weight:300}\n.f-col h4{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cu);margin-bottom:16px}\n.f-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}\n.f-col a{font-size:12px;color:rgba(248,241,235,.32);text-decoration:none;font-weight:300;transition:color .2s}\n.f-col a:hover{color:rgba(248,241,235,.65)}\n.foot-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:18px;display:flex;justify-content:space-between;align-items:center}\n.f-copy{font-size:11px;color:rgba(248,241,235,.18)}\n.f-legal{display:flex;gap:20px}\n.f-legal a{font-size:11px;color:rgba(248,241,235,.18);text-decoration:none;transition:color .2s}\n.f-legal a:hover{color:rgba(248,241,235,.5)}\n\n\/* REVEAL *\/\n.rv{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}\n.rv.in{opacity:1;transform:none}\n.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}\n\n\/* KEYFRAMES *\/\n@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}\n@keyframes roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n  nav{padding:0 22px}.nav-links{display:none}\n  section{padding:72px 22px}\n  #hero{padding:88px 22px 68px}\n  .log-intro{display:block}.log-intro>div:last-child{margin-top:28px}\n  .log-grid{grid-template-columns:1fr 1fr}\n  .lc-cta{grid-column:span 2;grid-template-columns:1fr}.lc-code{display:none}\n  .lc-wide{grid-column:span 2}\n  .web-h{flex-direction:column;align-items:flex-start;gap:16px}\n  .web-grid{grid-template-columns:1fr 1fr}\n  .dsrv{grid-template-columns:1fr 1fr}\n  .cm-layout,.form-layout{grid-template-columns:1fr}\n  .tarifs-grid{grid-template-columns:1fr}\n  #contact{grid-template-columns:1fr;gap:44px}\n  .foot-top{grid-template-columns:1fr 1fr;gap:24px}\n  footer{padding:36px 22px 22px}\n  .foot-bottom{flex-direction:column;gap:10px}\n}\n@media(max-width:600px){\n  h1.ht{font-size:32px}\n  .log-grid{grid-template-columns:1fr}\n  .lc-cta,.lc-wide{grid-column:span 1}\n  .web-grid,.dsrv{grid-template-columns:1fr}\n  .cm-reseaux{grid-template-columns:1fr}\n  .hero-kpis{gap:20px}\n  .fg-2{grid-template-columns:1fr}\n  .foot-top{grid-template-columns:1fr}\n}\n\n<\/style>\n<nav id=\"nav\">\n  <a href=\"\/\" class=\"logo-wrap\">\n    <div class=\"logo-b\">B<\/div>\n    <div><div class=\"logo-txt\">BASTET<\/div><div class=\"logo-sub\">Entreprise<\/div><\/div>\n  <\/a>\n  <ul class=\"nav-links\">\n    <li><a href=\"\/#logiciels\">Logiciels<\/a><\/li>\n    <li><a href=\"\/#web\">Sites web<\/a><\/li>\n    <li><a href=\"\/#design\">Design<\/a><\/li>\n    <li><a href=\"\/#cm\">Community<\/a><\/li>\n    <li><a href=\"\/#formations\">Formations<\/a><\/li>\n    <li><a href=\"\/#tarifs\">Tarifs<\/a><\/li>\n    <li><a href=\"\/#contact\">Contact<\/a><\/li>\n  <\/ul>\n  <a href=\"\/#contact\" class=\"nav-btn\">Devis gratuit<\/a>\n<\/nav>\n\n<!-- HERO -->\n<section id=\"hero\">\n  <canvas class=\"hero-canvas\" id=\"cvs\"><\/canvas>\n  <div class=\"hero-grid\"><\/div>\n  <div class=\"scan-line\"><\/div>\n  <div class=\"hero-inner\">\n    <div class=\"hero-pill\"><div class=\"pill-dot\"><\/div>Agence digitale sur mesure \u00b7 Disponible<\/div>\n    <h1 class=\"ht\">\n      Vos outils digitaux,<br><span class=\"cu\">d\u00e9velopp\u00e9s sur mesure.<\/span>\n      <span class=\"muted\">Logiciels \u00b7 Web \u00b7 Design \u00b7 CM \u00b7 Formation<\/span>\n    <\/h1>\n    <p class=\"hero-p\">Bastet Entreprise con\u00e7oit et d\u00e9veloppe les solutions digitales dont votre entreprise a besoin \u2014 du logiciel m\u00e9tier sur mesure au site web, en passant par le design et la gestion de vos r\u00e9seaux sociaux.<\/p>\n    <div class=\"hero-btns\">\n      <a href=\"\/#logiciels\" class=\"btn-fill\">Nos logiciels sur mesure<\/a>\n      <a href=\"\/#contact\" class=\"btn-line\">Demander un devis<\/a>\n    <\/div>\n    <div class=\"hero-kpis\">\n      <div><div class=\"kpi-n\" data-target=\"50\" data-suffix=\"+\">0+<\/div><div class=\"kpi-l\">Projets livr\u00e9s<\/div><\/div>\n      <div><div class=\"kpi-n\" data-target=\"100\" data-suffix=\"%\">0%<\/div><div class=\"kpi-l\">Sur mesure<\/div><\/div>\n      <div><div class=\"kpi-n\" data-target=\"5\">0<\/div><div class=\"kpi-l\">Expertises<\/div><\/div>\n      <div><div class=\"kpi-n\" data-target=\"24\" data-suffix=\"h\">0h<\/div><div class=\"kpi-l\">D\u00e9lai de r\u00e9ponse<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"strip\">\n  <div class=\"strip-t\">\n    <div class=\"strip-i\">Logiciels sur mesure<\/div><div class=\"strip-i\">CRM &#038; Gestion<\/div>\n    <div class=\"strip-i\">Facturation<\/div><div class=\"strip-i\">Planning &#038; Pointage<\/div>\n    <div class=\"strip-i\">D\u00e9veloppement Web<\/div><div class=\"strip-i\">Design Graphique<\/div>\n    <div class=\"strip-i\">Community Management<\/div><div class=\"strip-i\">Formation M\u00e9tier<\/div>\n    <div class=\"strip-i\">Logiciels sur mesure<\/div><div class=\"strip-i\">CRM &#038; Gestion<\/div>\n    <div class=\"strip-i\">Facturation<\/div><div class=\"strip-i\">Planning &#038; Pointage<\/div>\n    <div class=\"strip-i\">D\u00e9veloppement Web<\/div><div class=\"strip-i\">Design Graphique<\/div>\n    <div class=\"strip-i\">Community Management<\/div><div class=\"strip-i\">Formation M\u00e9tier<\/div>\n  <\/div>\n<\/div>\n\n<!-- LOGICIELS SUR MESURE -->\n<section id=\"logiciels\">\n  <div class=\"log-intro rv\">\n    <div>\n      <div class=\"chip\" style=\"color:var(--cul)\">Activit\u00e9 principale<\/div>\n      <h2 class=\"st lgt\">Logiciels <em>sur mesure.<\/em><\/h2>\n      <p class=\"st-s lgt\">Vous avez un processus \u00e0 automatiser, un fichier Excel qui d\u00e9borde, un besoin de centraliser vos donn\u00e9es ? On d\u00e9veloppe l&rsquo;outil qui s&rsquo;adapte exactement \u00e0 votre fa\u00e7on de travailler.<\/p>\n    <\/div>\n    <div>\n      <p style=\"font-size:14px;line-height:1.85;color:rgba(248,241,235,.38);font-weight:300\">Chaque logiciel est d\u00e9velopp\u00e9 de z\u00e9ro, pens\u00e9 pour votre secteur, vos \u00e9quipes et vos contraintes. Pas de template, pas de compromis \u2014 uniquement ce dont vous avez besoin.<\/p>\n      <a href=\"\/#contact\" class=\"btn-fill\" style=\"margin-top:24px\">Parler de mon projet<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"log-grid\">\n\n    <div class=\"lc rv\">\n      <div class=\"lc-icon\">\ud83d\udcb6<\/div>\n      <h3>Facturation &#038; Finance<\/h3>\n      <p>G\u00e9rez vos devis, factures, appels de fonds et \u00e9tats financiers depuis un seul outil. Suivi en temps r\u00e9el, export PDF, statistiques mensuelles et annuelles.<\/p>\n      <div class=\"lc-tags\"><span class=\"lc-tag\">Devis &#038; factures<\/span><span class=\"lc-tag\">Appel de fonds<\/span><span class=\"lc-tag\">Export PDF<\/span><span class=\"lc-tag\">Tableaux de bord<\/span><\/div>\n    <\/div>\n\n    <div class=\"lc rv d1\">\n      <div class=\"lc-icon\">\ud83e\udd1d<\/div>\n      <h3>CRM &#038; Gestion clients<\/h3>\n      <p>Centralisez vos contacts, suivez vos interactions, g\u00e9rez vos certifications et permis. Alertes automatiques, activit\u00e9 SMS, suivi des comit\u00e9s et formations.<\/p>\n      <div class=\"lc-tags\"><span class=\"lc-tag\">Contacts &#038; suivi<\/span><span class=\"lc-tag\">Certifications<\/span><span class=\"lc-tag\">Alertes auto<\/span><span class=\"lc-tag\">Historique<\/span><\/div>\n    <\/div>\n\n    <div class=\"lc rv d2\">\n      <div class=\"lc-icon\">\ud83d\udcc5<\/div>\n      <h3>Planning &#038; Pointage<\/h3>\n      <p>G\u00e9rez les \u00e9quipes, plannings journaliers, entr\u00e9es\/sorties et journ\u00e9es archiv\u00e9es. Application mobile incluse pour un suivi sur le terrain en temps r\u00e9el.<\/p>\n      <div class=\"lc-tags\"><span class=\"lc-tag\">Planning \u00e9quipe<\/span><span class=\"lc-tag\">Pointage IN\/OUT<\/span><span class=\"lc-tag\">App mobile<\/span><span class=\"lc-tag\">Archivage<\/span><\/div>\n    <\/div>\n\n    <div class=\"lc lc-wide rv\">\n      <div class=\"lc-icon\">\ud83d\udc65<\/div>\n      <h3>Ressources humaines &#038; Recrutement<\/h3>\n      <p>Gestion des candidatures, import de CV, filtres par poste, mobilit\u00e9 et disponibilit\u00e9. Tableau de bord RH centralis\u00e9 pour un recrutement structur\u00e9 et des dossiers salari\u00e9s organis\u00e9s.<\/p>\n      <div class=\"lc-tags\"><span class=\"lc-tag\">Gestion candidats<\/span><span class=\"lc-tag\">Import CV<\/span><span class=\"lc-tag\">Filtres avanc\u00e9s<\/span><span class=\"lc-tag\">Dossiers salari\u00e9s<\/span><span class=\"lc-tag\">Tableau de bord<\/span><\/div>\n    <\/div>\n\n    <div class=\"lc rv d1\">\n      <div class=\"lc-icon\">\u2699\ufe0f<\/div>\n      <h3>Gestion m\u00e9tier sp\u00e9cifique<\/h3>\n      <p>Votre activit\u00e9 a des besoins uniques ? On d\u00e9veloppe un outil calqu\u00e9 sur vos processus r\u00e9els \u2014 quelle que soit votre secteur d&rsquo;activit\u00e9.<\/p>\n      <div class=\"lc-tags\"><span class=\"lc-tag\">100% sur mesure<\/span><span class=\"lc-tag\">Tous secteurs<\/span><span class=\"lc-tag\">\u00c9volutif<\/span><\/div>\n    <\/div>\n\n    <div class=\"lc lc-cta rv\">\n      <div>\n        <div class=\"chip\" style=\"color:var(--cul);margin-bottom:16px\">Votre projet<\/div>\n        <h3 style=\"font-size:22px\">Un besoin pr\u00e9cis ?<br>On le d\u00e9veloppe.<\/h3>\n        <p style=\"margin-top:12px;font-size:14px\">Brief gratuit, estimation rapide, d\u00e9veloppement agile. On part de vos contraintes r\u00e9elles, pas d&rsquo;un cahier des charges g\u00e9n\u00e9rique.<\/p>\n        <div style=\"display:flex;gap:10px;margin-top:28px;flex-wrap:wrap\">\n          <a href=\"\/#contact\" class=\"btn-fill\">Demander un devis<\/a>\n          <a href=\"\/#tarifs\" class=\"btn-line\">Voir les tarifs<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"lc-code\">\n        <span class=\"cg\">\/\/ votre-logiciel.js<\/span><br>\n        <span class=\"cb\">const<\/span> solution = <span class=\"cb\">new<\/span> <span class=\"cc\">BastetApp<\/span>({<br>\n        &nbsp;&nbsp;besoin: <span class=\"cg\">\u00ab\u00a0le v\u00f4tre\u00a0\u00bb<\/span>,<br>\n        &nbsp;&nbsp;secteur: <span class=\"cg\">\u00ab\u00a0votre activit\u00e9\u00a0\u00bb<\/span>,<br>\n        &nbsp;&nbsp;modules: <span class=\"cg\">[&#8230;sur mesure]<\/span>,<br>\n        &nbsp;&nbsp;support: <span class=\"cg\">\u00ab\u00a0inclus\u00a0\u00bb<\/span>,<br>\n        &nbsp;&nbsp;evolutif: <span class=\"cb\">true<\/span><br>\n        });<br><br>\n        solution.<span class=\"cc\">launch<\/span>(); <span class=\"cg\">\/\/ \u2713 En ligne<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- SITES WEB -->\n<section id=\"web\">\n  <div class=\"web-h rv\">\n    <div>\n      <div class=\"chip\">Sites web<\/div>\n      <h2 class=\"st\">Sites web <em>professionnels.<\/em><\/h2>\n      <p class=\"st-s\">Vitrine, e-commerce ou plateforme \u2014 des sites rapides, bien con\u00e7us et optimis\u00e9s pour convertir vos visiteurs en clients.<\/p>\n    <\/div>\n    <a href=\"\/#contact\" style=\"font-size:12px;color:var(--cu);text-decoration:none;border-bottom:1px solid var(--cu);padding-bottom:2px;white-space:nowrap\">Demander un devis \u2192<\/a>\n  <\/div>\n  <div class=\"web-grid\">\n    <div class=\"wc rv\">\n      <!-- Pour ajouter votre image : remplacer le contenu de .wc-top par <img decoding=\"async\" src=\"URL\" class=\"wc-img\"> -->\n      <div class=\"wc-top t1\">\ud83c\udf10<\/div>\n      <div class=\"wc-body\">\n        <div class=\"wc-cat\">Site vitrine \u00b7 Transport premium<\/div>\n        <div class=\"wc-name\">Chauffeur priv\u00e9 \u00e0 Bruxelles<\/div>\n        <p class=\"wc-desc\">Site de r\u00e9servation pour chauffeur priv\u00e9 exclusif \u2014 hero impactant, CTA direct, optimis\u00e9 pour la conversion.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"wc rv d1\">\n      <div class=\"wc-top t2\">\ud83c\udfe0<\/div>\n      <div class=\"wc-body\">\n        <div class=\"wc-cat\">Site vitrine \u00b7 Artisanat<\/div>\n        <div class=\"wc-name\">Peintre en b\u00e2timent<\/div>\n        <p class=\"wc-desc\">Site multi-services avec galerie de r\u00e9alisations, formulaire de devis en ligne et r\u00e9f\u00e9rencement local optimis\u00e9.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"wc rv d2\">\n      <div class=\"wc-top t3\">\ud83d\udc86<\/div>\n      <div class=\"wc-body\">\n        <div class=\"wc-cat\">Site vitrine \u00b7 Beaut\u00e9 &#038; Luxe<\/div>\n        <div class=\"wc-name\">Freya \u2014 Salon de beaut\u00e9<\/div>\n        <p class=\"wc-desc\">Identit\u00e9 premium pour salon de beaut\u00e9 luxe \u2014 prise de rendez-vous int\u00e9gr\u00e9e, galerie photos, animations soign\u00e9es.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- DESIGN -->\n<section id=\"design\">\n  <div class=\"rv\">\n    <div class=\"chip\">Design &#038; Publicit\u00e9<\/div>\n    <h2 class=\"st\">Vos supports visuels,<br><em>impactants.<\/em><\/h2>\n    <p class=\"st-s\">Du logo \u00e0 l&rsquo;affiche publicitaire \u2014 tous les supports dont votre entreprise a besoin pour une image professionnelle et coh\u00e9rente.<\/p>\n  <\/div>\n  <div class=\"dsrv\">\n    <div class=\"ds rv\">\n      <div class=\"ds-icon\">\ud83c\udfa8<\/div>\n      <h3>Identit\u00e9 visuelle<\/h3>\n      <p>Logo, charte graphique, palette de couleurs et typographies. Une identit\u00e9 solide qui refl\u00e8te votre activit\u00e9.<\/p>\n      <ul><li>Logo &#038; variations<\/li><li>Charte graphique<\/li><li>Carte de visite<\/li><li>Signature email<\/li><\/ul>\n    <\/div>\n    <div class=\"ds rv d1\">\n      <div class=\"ds-icon\">\ud83d\udcc4<\/div>\n      <h3>Supports print<\/h3>\n      <p>Flyers, affiches, menus, brochures \u2014 con\u00e7us pour \u00eatre imprim\u00e9s avec un rendu professionnel.<\/p>\n      <ul><li>Flyers promotionnels<\/li><li>Carte menu restaurant<\/li><li>Affiches tous formats<\/li><li>Brochures &#038; plaquettes<\/li><\/ul>\n    <\/div>\n    <div class=\"ds rv d2\">\n      <div class=\"ds-icon\">\ud83d\udce2<\/div>\n      <h3>Publicit\u00e9 &#038; Communication<\/h3>\n      <p>Visuels publicitaires, affiches de campagne et supports de communication pour \u00e9v\u00e9nements et promotions.<\/p>\n      <ul><li>Affiches publicitaires<\/li><li>Visuels de campagne<\/li><li>Supports \u00e9v\u00e9nementiels<\/li><li>Banni\u00e8res digitales<\/li><\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- COMMUNITY MANAGEMENT -->\n<section id=\"cm\">\n  <div class=\"rv\">\n    <div class=\"chip\" style=\"color:var(--cul)\">Community Management<\/div>\n    <h2 class=\"st lgt\">Vos r\u00e9seaux sociaux,<br><em>g\u00e9r\u00e9s pour vous.<\/em><\/h2>\n    <p class=\"st-s lgt\">Vous n&rsquo;avez pas le temps de g\u00e9rer vos r\u00e9seaux ? Bastet Entreprise s&rsquo;en occupe de A \u00e0 Z \u2014 strat\u00e9gie, cr\u00e9ation de contenus, publication et animation de communaut\u00e9.<\/p>\n  <\/div>\n  <div class=\"cm-layout\">\n    <div class=\"cm-left rv\">\n      <p>Le community management ne se r\u00e9sume pas \u00e0 poster des photos. C&rsquo;est construire une pr\u00e9sence en ligne coh\u00e9rente, engager votre audience et transformer vos abonn\u00e9s en clients.<\/p>\n      <p>On prend en charge la gestion compl\u00e8te de vos comptes. Vous vous concentrez sur votre c\u0153ur de m\u00e9tier, on s&rsquo;occupe du reste.<\/p>\n      <div class=\"cm-inclus-title\">Ce qui est inclus<\/div>\n      <ul class=\"cm-list\">\n        <li>Strat\u00e9gie \u00e9ditoriale adapt\u00e9e \u00e0 votre secteur et vos objectifs<\/li>\n        <li>Cr\u00e9ation de visuels et contenus textuels professionnels<\/li>\n        <li>Planification et publication r\u00e9guli\u00e8re sur vos r\u00e9seaux<\/li>\n        <li>Animation de communaut\u00e9 et gestion des commentaires<\/li>\n        <li>Reporting mensuel des performances et ajustements<\/li>\n        <li>Mise en place de publicit\u00e9s cibl\u00e9es selon les besoins<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"rv d1\">\n      <div class=\"cm-reseaux-title\">R\u00e9seaux g\u00e9r\u00e9s<\/div>\n      <div class=\"cm-reseaux\">\n        <div class=\"cm-rs\"><div class=\"cm-rs-icon\">\ud83d\udcf8<\/div><div><div class=\"cm-rs-name\">Instagram<\/div><div class=\"cm-rs-desc\">Feed, stories, reels<\/div><\/div><\/div>\n        <div class=\"cm-rs\"><div class=\"cm-rs-icon\">\ud83d\udc65<\/div><div><div class=\"cm-rs-name\">Facebook<\/div><div class=\"cm-rs-desc\">Page &#038; communaut\u00e9<\/div><\/div><\/div>\n        <div class=\"cm-rs\"><div class=\"cm-rs-icon\">\ud83d\udcbc<\/div><div><div class=\"cm-rs-name\">LinkedIn<\/div><div class=\"cm-rs-desc\">Personal &#038; company<\/div><\/div><\/div>\n        <div class=\"cm-rs\"><div class=\"cm-rs-icon\">\ud83c\udfb5<\/div><div><div class=\"cm-rs-name\">TikTok<\/div><div class=\"cm-rs-desc\">Vid\u00e9os courtes<\/div><\/div><\/div>\n        <div class=\"cm-rs\"><div class=\"cm-rs-icon\">\ud83d\udc26<\/div><div><div class=\"cm-rs-name\">X \/ Twitter<\/div><div class=\"cm-rs-desc\">Veille &#038; interactions<\/div><\/div><\/div>\n        <div class=\"cm-rs\"><div class=\"cm-rs-icon\">\ud83d\udccc<\/div><div><div class=\"cm-rs-name\">Autres r\u00e9seaux<\/div><div class=\"cm-rs-desc\">Selon votre activit\u00e9<\/div><\/div><\/div>\n      <\/div>\n      <div class=\"cm-note\"><strong>Offre 100% personnalis\u00e9e.<\/strong> Le nombre de r\u00e9seaux, la fr\u00e9quence de publication et le budget publicit\u00e9 sont d\u00e9finis ensemble selon vos objectifs et votre secteur.<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FORMATIONS -->\n<section id=\"formations\">\n  <div class=\"rv\">\n    <div class=\"chip\">Formations<\/div>\n    <h2 class=\"st\">Formations m\u00e9tier<br><em>&#038; informatique.<\/em><\/h2>\n    <p class=\"st-s\">Des formations adapt\u00e9es \u00e0 votre niveau, \u00e0 vos outils et \u00e0 vos \u00e9quipes. En pr\u00e9sentiel ou \u00e0 distance, individuelles ou en groupe.<\/p>\n  <\/div>\n  <div class=\"form-layout\">\n    <div class=\"form-left rv\">\n      <p>Vos \u00e9quipes ont besoin de monter en comp\u00e9tences sur des outils sp\u00e9cifiques ou des sujets informatiques ? Bastet Entreprise intervient directement dans votre entreprise ou \u00e0 distance.<\/p>\n      <p>Chaque formation est construite sur mesure en fonction de votre contexte, de votre niveau de d\u00e9part et de vos objectifs concrets. Aucun programme standard \u2014 uniquement ce dont vous avez besoin.<\/p>\n      <div class=\"form-modes-title\">Modalit\u00e9s<\/div>\n      <div class=\"form-modes\">\n        <div class=\"form-mode\"><div class=\"form-mode-icon\">\ud83c\udfe2<\/div>En pr\u00e9sentiel<\/div>\n        <div class=\"form-mode\"><div class=\"form-mode-icon\">\ud83d\udcbb<\/div>\u00c0 distance<\/div>\n        <div class=\"form-mode\"><div class=\"form-mode-icon\">\ud83d\udc64<\/div>Individuel<\/div>\n        <div class=\"form-mode\"><div class=\"form-mode-icon\">\ud83d\udc65<\/div>Groupe<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"rv d1\">\n      <div style=\"font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cu);margin-bottom:14px\">Th\u00e9matiques couvertes<\/div>\n      <div class=\"form-themes\">\n        <div class=\"ft\"><div class=\"ft-icon\">\ud83d\udda5\ufe0f<\/div><div><h4>Informatique &#038; bureautique<\/h4><p>Ma\u00eetrise des outils du quotidien : suite Office, organisation des donn\u00e9es, bonnes pratiques num\u00e9riques en entreprise.<\/p><\/div><\/div>\n        <div class=\"ft\"><div class=\"ft-icon\">\u2699\ufe0f<\/div><div><h4>Prise en main de logiciels m\u00e9tiers<\/h4><p>Formation sur vos outils internes, qu&rsquo;ils aient \u00e9t\u00e9 d\u00e9velopp\u00e9s par Bastet ou par un autre prestataire.<\/p><\/div><\/div>\n        <div class=\"ft\"><div class=\"ft-icon\">\ud83c\udf10<\/div><div><h4>Outils digitaux &#038; web<\/h4><p>Gestion d&rsquo;un site, utilisation d&rsquo;un CMS, outils de communication et de collaboration en ligne.<\/p><\/div><\/div>\n        <div class=\"ft\"><div class=\"ft-icon\">\ud83d\udcca<\/div><div><h4>Programme sur mesure<\/h4><p>Votre besoin ne rentre pas dans une case ? On construit un programme de formation adapt\u00e9 \u00e0 votre demande pr\u00e9cise.<\/p><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TARIFS -->\n<section id=\"tarifs\">\n  <div class=\"tarifs-h rv\">\n    <div class=\"chip\">Tarifs<\/div>\n    <h2 class=\"st\">Tarifs <em>transparents.<\/em><\/h2>\n    <p class=\"st-s\" style=\"margin:12px auto 0;text-align:center;max-width:420px\">Pas de surprise, pas de frais cach\u00e9s. Des prix clairs et accessibles pour les PME et ind\u00e9pendants.<\/p>\n  <\/div>\n  <div class=\"tarifs-grid\">\n    <div class=\"tc rv\">\n      <div class=\"tc-title\">Graphisme<\/div>\n      <div class=\"tc-sub\">Identit\u00e9 &#038; supports visuels<\/div>\n      <ul class=\"tc-rows\">\n        <li class=\"tc-row\"><span class=\"tc-name\">Flyers<\/span><span class=\"tc-price\">150 \u20ac<\/span><\/li>\n        <li class=\"tc-row\"><span class=\"tc-name\">Carte de visite<\/span><span class=\"tc-price\">110 \u20ac<\/span><\/li>\n        <li class=\"tc-row\"><span class=\"tc-name\">Logo<\/span><span class=\"tc-price\">70 \u20ac<\/span><\/li>\n        <li class=\"tc-row\"><span class=\"tc-name\">Carte menu<\/span><span class=\"tc-price\">200 \u20ac<\/span><\/li>\n      <\/ul>\n      <div class=\"tc-note\">Tarifs par livrable \u00b7 Devis selon complexit\u00e9<\/div>\n    <\/div>\n    <div class=\"tc hl rv d1\">\n      <div class=\"tc-title\">D\u00e9veloppement<\/div>\n      <div class=\"tc-sub\">Tarif \u00e0 la journ\u00e9e<\/div>\n      <ul class=\"tc-rows\">\n        <li class=\"tc-row\"><span class=\"tc-name\">Site web vitrine<\/span><span class=\"tc-price\">280 \u20ac\/j<\/span><\/li>\n        <li class=\"tc-row\"><span class=\"tc-name\">Site web e-commerce<\/span><span class=\"tc-price\">300 \u20ac\/j<\/span><\/li>\n        <li class=\"tc-row\"><span class=\"tc-name\">Logiciel sur mesure<\/span><span class=\"tc-price\">380 \u20ac\/j<\/span><\/li>\n      <\/ul>\n      <div class=\"tc-note\">Nombre de jours estim\u00e9 apr\u00e8s brief \u00b7 Devis pr\u00e9cis fourni<\/div>\n    <\/div>\n    <div class=\"tc rv d2\">\n      <div class=\"tc-title\">Maintenance &#038; Autres<\/div>\n      <div class=\"tc-sub\">Forfaits r\u00e9currents<\/div>\n      <ul class=\"tc-rows\">\n        <li class=\"tc-row\"><span class=\"tc-name\">Maintenance annuelle<\/span><span class=\"tc-price\">480 \u20ac\/an<\/span><\/li>\n        <li class=\"tc-row\"><span class=\"tc-name\">Maintenance horaire<\/span><span class=\"tc-price\">40 \u20ac\/h<\/span><\/li>\n        <li class=\"tc-row\"><span class=\"tc-name\">Community Management<\/span><span class=\"tc-price\">Sur devis<\/span><\/li>\n        <li class=\"tc-row\"><span class=\"tc-name\">Formation<\/span><span class=\"tc-price\">Sur devis<\/span><\/li>\n      <\/ul>\n      <div class=\"tc-note\">CM et formations tarif\u00e9s selon le p\u00e9rim\u00e8tre d\u00e9fini ensemble<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section id=\"contact\">\n  <div class=\"rv\">\n    <div class=\"chip\" style=\"color:var(--cul)\">Contact<\/div>\n    <h2 class=\"st lgt\">Parlons de<br><em>votre projet.<\/em><\/h2>\n    <div class=\"ct-name\">Ma\u00eb Lodico<\/div>\n    <div class=\"ct-role\">Pr\u00e9sidente \u00b7 Bastet Entreprise<\/div>\n    <p class=\"ct-p\">Un projet logiciel, un site \u00e0 cr\u00e9er, une \u00e9quipe \u00e0 former, des r\u00e9seaux \u00e0 g\u00e9rer ? D\u00e9crivez-moi votre besoin \u2014 je vous r\u00e9ponds sous 24h avec une premi\u00e8re analyse gratuite.<\/p>\n    <div class=\"ct-row\"><div class=\"ct-ico\">\u2709\ufe0f<\/div><div><div class=\"ct-lbl\">Email<\/div><div class=\"ct-val\">mlodico@bastet-entreprise.fr<\/div><\/div><\/div>\n    <div class=\"ct-row\"><div class=\"ct-ico\">\ud83d\udcde<\/div><div><div class=\"ct-lbl\">T\u00e9l\u00e9phone<\/div><div class=\"ct-val\">07 86 32 54 76<\/div><\/div><\/div>\n    <div class=\"ct-row\"><div class=\"ct-ico\">\ud83c\udf10<\/div><div><div class=\"ct-lbl\">Site<\/div><div class=\"ct-val\">bastet-entreprise.fr\/<\/div><\/div><\/div>\n  <\/div>\n  <div class=\"ct-form rv d1\">\n    <div class=\"form-title\">Demande de devis gratuit<\/div>\n    <form onsubmit=\"sendForm(event)\">\n      <div class=\"fg-2\">\n        <div class=\"fg\"><label>Pr\u00e9nom<\/label><input type=\"text\" placeholder=\"Pr\u00e9nom\" required><\/div>\n        <div class=\"fg\"><label>Nom<\/label><input type=\"text\" placeholder=\"Nom\" required><\/div>\n      <\/div>\n      <div class=\"fg\"><label>Email<\/label><input type=\"email\" placeholder=\"email@exemple.fr\" required><\/div>\n      <div class=\"fg\"><label>T\u00e9l\u00e9phone<\/label><input type=\"tel\" placeholder=\"06 XX XX XX XX\"><\/div>\n      <div class=\"fg\">\n        <label>Type de projet<\/label>\n        <select>\n          <option value=\"\" disabled selected>Choisir<\/option>\n          <option>Logiciel sur mesure<\/option>\n          <option>Site web vitrine<\/option>\n          <option>Site web e-commerce<\/option>\n          <option>Design graphique<\/option>\n          <option>Community Management<\/option>\n          <option>Formation<\/option>\n          <option>Maintenance<\/option>\n          <option>Plusieurs services<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"fg\"><label>Votre projet<\/label><textarea placeholder=\"D\u00e9crivez votre besoin, votre secteur, votre budget estim\u00e9\u2026\"><\/textarea><\/div>\n      <button type=\"submit\" class=\"btn-send\">Envoyer ma demande<\/button>\n      <div class=\"form-note\">R\u00e9ponse sous 24h \u00b7 Analyse gratuite \u00b7 Sans engagement<\/div>\n    <\/form>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"foot-top\">\n    <div class=\"f-brand\">\n      <div class=\"f-logo-row\"><div class=\"f-logo-b\">B<\/div><div class=\"f-logo-t\">BASTET<\/div><\/div>\n      <p>Agence de solutions logicielles sur mesure, d\u00e9veloppement web et conception visuelle.<\/p>\n    <\/div>\n    <div class=\"f-col\">\n      <h4>Services<\/h4>\n      <ul>\n        <li><a href=\"\/#logiciels\">Logiciels sur mesure<\/a><\/li>\n        <li><a href=\"\/#web\">Sites web<\/a><\/li>\n        <li><a href=\"\/#design\">Design graphique<\/a><\/li>\n        <li><a href=\"\/#cm\">Community Management<\/a><\/li>\n        <li><a href=\"\/#formations\">Formations<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"f-col\">\n      <h4>Infos<\/h4>\n      <ul>\n        <li><a href=\"\/#tarifs\">Tarifs<\/a><\/li>\n        <li><a href=\"\/#contact\">Contact<\/a><\/li>\n        <li><a href=\"https:\/\/bastet-entreprise.fr\/\" target=\"_blank\">Site officiel<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"f-col\">\n      <h4>Contact<\/h4>\n      <ul>\n        <li><a href=\"mailto:mlodico@bastet-entreprise.fr\">mlodico@bastet-entreprise.fr<\/a><\/li>\n        <li><a href=\"tel:0786325476\">07 86 32 54 76<\/a><\/li>\n        <li><a href=\"\/\">LinkedIn<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <div class=\"foot-bottom\">\n    <div class=\"f-copy\">\u00a9 2025 Bastet Entreprise \u00b7 Ma\u00eb Lodico \u00b7 Tous droits r\u00e9serv\u00e9s<\/div>\n    <div class=\"f-legal\"><a href=\"\/\">Mentions l\u00e9gales<\/a><a href=\"\/\">Confidentialit\u00e9<\/a><\/div>\n  <\/div>\n<\/footer>\n\n<script>\nconst nav = document.getElementById('nav');\nwindow.addEventListener('scroll', () => nav.classList.toggle('scrolled', scrollY > 40));\n\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n  a.addEventListener('click', e => {\n    const t = document.querySelector(a.getAttribute('href'));\n    if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth' }); }\n  });\n});\n\nconst obs = new IntersectionObserver(entries => {\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); obs.unobserve(e.target); } });\n}, { threshold: 0.08 });\ndocument.querySelectorAll('.rv').forEach(el => obs.observe(el));\n\nfunction animCounters() {\n  document.querySelectorAll('.kpi-n[data-target]').forEach(el => {\n    const target = parseInt(el.dataset.target);\n    const suffix = el.dataset.suffix || '';\n    let count = 0;\n    const step = Math.max(1, Math.ceil(target \/ 45));\n    const t = setInterval(() => {\n      count = Math.min(count + step, target);\n      el.textContent = count + suffix;\n      if (count >= target) clearInterval(t);\n    }, 28);\n  });\n}\nsetTimeout(animCounters, 800);\n\nconst cvs = document.getElementById('cvs');\nconst ctx = cvs.getContext('2d');\nlet W, H;\nfunction resize() { W = cvs.width = cvs.offsetWidth; H = cvs.height = cvs.offsetHeight; }\nresize();\nwindow.addEventListener('resize', resize);\nconst pts = Array.from({ length: 60 }, () => ({\n  x: Math.random() * 1600, y: Math.random() * 900,\n  vx: (Math.random() - .5) * .35, vy: (Math.random() - .5) * .35,\n  r: Math.random() * 1.4 + .4, isCu: Math.random() > .55\n}));\nfunction draw() {\n  ctx.clearRect(0, 0, W, H);\n  pts.forEach((p, i) => {\n    p.x = (p.x + p.vx + W) % W;\n    p.y = (p.y + p.vy + H) % H;\n    ctx.beginPath();\n    ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\n    ctx.fillStyle = p.isCu ? '#B87333' : '#2A4651';\n    ctx.globalAlpha = .7; ctx.fill();\n    for (let j = i + 1; j < pts.length; j++) {\n      const q = pts[j], d = Math.hypot(p.x - q.x, p.y - q.y);\n      if (d < 110) {\n        ctx.beginPath(); ctx.moveTo(p.x, p.y); ctx.lineTo(q.x, q.y);\n        ctx.strokeStyle = '#B87333'; ctx.globalAlpha = (1 - d \/ 110) * .1;\n        ctx.lineWidth = .6; ctx.stroke();\n      }\n    }\n    ctx.globalAlpha = 1;\n  });\n  requestAnimationFrame(draw);\n}\ndraw();\n\nfunction sendForm(e) {\n  e.preventDefault();\n  const btn = e.target.querySelector('button');\n  btn.textContent = '\u2713 Demande envoy\u00e9e !';\n  btn.style.background = '#2A4651';\n  setTimeout(() => { btn.textContent = 'Envoyer ma demande'; btn.style.background = ''; e.target.reset(); }, 3500);\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Agence de solutions logicielles sur mesure, d\u00e9veloppement web, design, community management et formation.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1001","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bastet-entreprise.fr\/index.php?rest_route=\/wp\/v2\/pages\/1001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bastet-entreprise.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bastet-entreprise.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bastet-entreprise.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bastet-entreprise.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1001"}],"version-history":[{"count":1,"href":"https:\/\/bastet-entreprise.fr\/index.php?rest_route=\/wp\/v2\/pages\/1001\/revisions"}],"predecessor-version":[{"id":1002,"href":"https:\/\/bastet-entreprise.fr\/index.php?rest_route=\/wp\/v2\/pages\/1001\/revisions\/1002"}],"wp:attachment":[{"href":"https:\/\/bastet-entreprise.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}