{"id":17309,"date":"2026-06-17T09:54:32","date_gmt":"2026-06-17T07:54:32","guid":{"rendered":"https:\/\/www.xefi.fr\/?page_id=17309"},"modified":"2026-10-27T09:32:53","modified_gmt":"2026-10-27T08:32:53","slug":"maintenance-informatique-a-la-tour-de-salvagny","status":"publish","type":"page","link":"https:\/\/www.xefi.fr\/fr\/maintenance-informatique-a-la-tour-de-salvagny\/","title":{"rendered":"Maintenance Informatique \u00e0 la Tour-de-Salvagny"},"content":{"rendered":"\n<style>\n\/* =====================================================================\n   XEFI - Page ville Maintenance, version \u00ab agence \u00bb (XEFI Lyon Nord-Ouest)\n   Idee : la proximite de l'agence, pas une page XEFI declinee par ville.\n   Aucun numero de telephone : la seule conversion visee est le formulaire.\n   A tester contre la version \u00ab contrat \u00bb a trafic partage.\n   ===================================================================== *\/\nhtml{scroll-behavior:smooth}\n.xlp{\n  --rouge:#E10600; --rouge-fonce:#A00400; --rouge-pale:#FCEBEB;\n  --noir:#000000; --noir90:#191919; --gris900:#2F2F2F; --gris800:#3E3E3E;\n  --gris500:#707070; --gris100:#D3D3D3; --gris10:#E5E5E5;\n  --fond:#F5F5F6; --blanc:#FFFFFF; --bleu-focus:#1473E6; --vert:#078044;\n  --display:\"Montserrat\",system-ui,Arial,sans-serif;\n  --ui:\"Montserrat\",system-ui,Arial,sans-serif;\n  --biseau:polygon(0 0, 100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%);\n  --biseau-btn:polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%);\n  font-family:var(--ui); color:var(--gris800); line-height:1.5;\n}\n.xlp{width:100vw !important; max-width:100vw !important;\n  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;\n  overflow-x:hidden; font-size:16px}\n.entry-content > .xlp{margin-top:0 !important}\n.xlp *{box-sizing:border-box}\n.xlp section{margin:0 !important; border:0 !important; width:auto !important; max-width:none !important; float:none !important}\n.xlp h1,.xlp h2,.xlp h3{font-family:var(--display); color:var(--noir90); margin:0; padding:0 !important; border:0 !important; background:none !important; text-transform:none !important}\n.xlp p{margin:0}\n.xlp a{box-shadow:none !important; border-bottom:0 !important; text-decoration:none}\n.xlp img{max-width:100%; height:auto; display:block; margin:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important}\n.xlp iframe{display:block; border:0; width:100%}\n.xlp svg{max-width:none}\n.xlp a:focus-visible,.xlp button:focus-visible{outline:2px solid var(--bleu-focus); outline-offset:2px}\n\n.xlp-sec{padding:72px 40px}\n.xlp-in{max-width:1200px; margin:0 auto}\n.xlp-gris{background:var(--fond)}\n.xlp-blanc{background:var(--blanc)}\n.xlp-noir{background:var(--noir)}\n.xlp-txt{font-size:18px; line-height:28px}\n.xlp-mention{font-size:15px; line-height:24px; color:var(--gris500)}\n.xlp .xlp-surtitre{font-family:var(--display); font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--rouge); text-transform:uppercase; margin-bottom:20px}\n.xlp-h2-hero{font-size:44px; line-height:52px; font-weight:900}\n.xlp-h2{font-size:32px; line-height:40px; font-weight:700}\n.xlp .xlp-titre{margin-bottom:56px}\n.xlp .xlp-titre-intro{margin-bottom:24px}\n.xlp .xlp-intro{margin-bottom:56px; max-width:880px}\n.xlp-carte{background:var(--blanc); clip-path:var(--biseau); padding:32px}\n.xlp-carte-gris{background:var(--fond); clip-path:var(--biseau); padding:32px}\n.xlp-filet{border-top:4px solid var(--rouge)}\n.xlp-carte h3,.xlp-carte-gris h3{font-size:20px; line-height:28px; font-weight:700; margin-bottom:8px}\n\n.xlp-btn,.xlp-btn-noir{display:inline-flex; align-items:center; justify-content:center; gap:10px; height:48px; padding:0 32px;\n  color:#fff !important; text-decoration:none; border:0; cursor:pointer;\n  font-family:var(--display); font-size:16px; font-weight:700; clip-path:var(--biseau-btn)}\n.xlp-btn{background:var(--rouge)}\n.xlp-btn:hover{background:var(--rouge-fonce)}\n.xlp-btn-noir{background:var(--noir90)}\n.xlp-btn-noir:hover{background:#000}\n.xlp-rappel{display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; margin-top:40px}\n\n\/* ---- Hero ---- *\/\n.xlp-hero{display:grid; grid-template-columns:1fr 496px; gap:40px; align-items:start}\n.xlp-hero-txt{padding-top:24px}\n.xlp-fiche{display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:stretch; margin-top:32px}\n.xlp-secteurs{background:var(--blanc); clip-path:var(--biseau); padding:20px 24px}\n.xlp .xlp-secteurs-titre{font-family:var(--display); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--noir90); margin-bottom:12px}\n.xlp-secteurs .xlp-chips{margin:0; gap:6px}\n.xlp-secteurs .xlp-chip{height:30px; padding:0 10px; font-size:13px}\n.xlp-note{display:flex; flex-direction:column; justify-content:center; background:var(--blanc); clip-path:var(--biseau); padding:24px 28px}\n.xlp-note b{font-family:var(--display); font-size:44px; line-height:44px; font-weight:900; color:var(--noir90)}\n.xlp-note i{display:block; font-style:normal; font-size:18px; letter-spacing:3px; color:var(--rouge); margin:6px 0 2px}\n.xlp-note span{font-size:15px; line-height:22px; color:var(--gris800)}\n\n\/* ---- Avis ---- *\/\n.xlp-avis{display:flex; flex-direction:column}\n.xlp-avis i{font-style:normal; font-size:18px; letter-spacing:3px; color:var(--rouge); margin-bottom:16px}\n.xlp-avis blockquote{margin:0 0 24px; padding:0; border:0; font-family:var(--display); font-size:20px; line-height:30px; font-weight:700; color:var(--noir90); flex:1 1 auto}\n.xlp-avis blockquote::before,.xlp-avis blockquote::after{content:none}\n\n\/* ---- Agence ---- *\/\n.xlp-carte-map{clip-path:var(--biseau); overflow:hidden; background:var(--gris10); min-height:420px}\n.xlp-carte-map iframe{height:100%; min-height:420px}\n\n.xlp-g3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}\n\n.xlp-faq{max-width:880px; display:flex; flex-direction:column; gap:20px}\n.xlp-faq>div{padding-bottom:20px; border-bottom:1px solid var(--gris10)}\n.xlp-faq>div:last-child{border-bottom:0; padding-bottom:0}\n.xlp-faq h3{font-size:18px; line-height:28px; font-weight:700; margin-bottom:8px}\n\n\/* ---- Proximite + carte ---- *\/\n.xlp-proxi{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:stretch}\n.xlp-gros{display:flex; align-items:center; gap:16px; margin-bottom:24px}\n.xlp-gros b{font-family:var(--display); font-size:96px; line-height:88px; font-weight:900; color:var(--rouge)}\n.xlp-gros span{font-family:var(--display); font-size:22px; line-height:28px; font-weight:700; color:var(--noir90)}\n.xlp-chips{display:flex; flex-wrap:wrap; gap:8px; margin:32px 0}\n.xlp-chip{display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 14px; background:var(--fond);\n  font-size:15px; font-weight:600; color:var(--noir90); clip-path:var(--biseau-btn)}\n.xlp-atouts{list-style:none; margin:32px 0; padding:0; display:flex; flex-direction:column; gap:20px}\n.xlp-atouts li{display:flex; gap:16px; align-items:flex-start; margin:0; padding:0}\n.xlp-atouts li::marker{content:none}\n.xlp-atout-ico{flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:var(--rouge); clip-path:var(--biseau-btn)}\n.xlp-atouts b{display:block; font-family:var(--display); font-size:18px; line-height:26px; color:var(--noir90)}\n.xlp-atouts div span{display:block; font-size:16px; line-height:24px}\n.xlp-dirigeant{display:flex; gap:20px; align-items:center}\n.xlp-dirigeant img{width:88px; height:88px !important; object-fit:cover; object-position:center top; clip-path:var(--biseau-btn)}\n.xlp-dirigeant p{font-size:18px; line-height:28px}\n.xlp-dirigeant b{display:block; color:var(--noir90)}\n\n\/* ---- Frise changement de prestataire ---- *\/\n.xlp-frise{position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; margin:0; padding:0}\n.xlp-frise::before{content:\"\"; position:absolute; top:31px; left:12.5%; right:12.5%; height:3px; background:var(--gris10)}\n.xlp-frise::after{content:\"\"; position:absolute; top:31px; left:12.5%; height:3px; width:75%; background:var(--rouge);\n  transform-origin:left center; transform:scaleX(1)}\n.xlp-frise li{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; text-align:center; margin:0; padding:0}\n.xlp-frise li::marker{content:none}\n.xlp-pastille{display:flex; align-items:center; justify-content:center; width:64px; height:64px; background:var(--rouge);\n  color:#fff; clip-path:var(--biseau-btn); margin-bottom:20px}\n.xlp-frise h3{font-size:20px; line-height:28px; font-weight:700; margin-bottom:8px}\n.xlp-frise p{font-size:16px; line-height:24px; color:var(--gris800); max-width:240px; margin:0 auto}\n\/* Animation : la ligne se trace et les etapes apparaissent a l'entree dans l'ecran *\/\n.xlp-anim .xlp-frise::after{transform:scaleX(0); transition:transform 1.4s ease-out .2s}\n.xlp-anim .xlp-frise li{opacity:0; transform:translateY(16px); transition:opacity .5s ease-out, transform .5s ease-out}\n.xlp-anim.xlp-vu .xlp-frise::after{transform:scaleX(1)}\n.xlp-anim.xlp-vu .xlp-frise li{opacity:1; transform:none}\n.xlp-anim.xlp-vu .xlp-frise li:nth-child(2){transition-delay:.35s}\n.xlp-anim.xlp-vu .xlp-frise li:nth-child(3){transition-delay:.7s}\n.xlp-anim.xlp-vu .xlp-frise li:nth-child(4){transition-delay:1.05s}\n@media (prefers-reduced-motion:reduce){\n  .xlp-anim .xlp-frise::after,.xlp-anim .xlp-frise li{transition:none; opacity:1; transform:none}\n}\n\n\/* ---- Reseau national ---- *\/\n.xlp-reseau{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center}\n.xlp .xlp-reseau-txt{color:#CCC; margin-bottom:32px}\n.xlp-stats{list-style:none; margin:0; padding:0; border-left:3px solid var(--rouge)}\n.xlp-stats li{display:flex; align-items:center; gap:24px; margin:0; padding:20px 0 20px 32px; border-bottom:1px solid #2F2F2F}\n.xlp-stats li:last-child{border-bottom:0}\n.xlp-stats li::marker{content:none}\n.xlp-stats b{flex:0 0 230px; white-space:nowrap; font-family:var(--display); font-size:48px; line-height:52px; font-weight:900; color:#fff}\n.xlp-stats span{font-size:18px; line-height:26px; color:#CCC}\n\n\/* ---- Barre de contact du theme : masquee sur cette page uniquement ----\n   Elle ouvre le formulaire natif du site, qui ne capte ni gclid ni UTM : un\n   lead passe par la est paye par Google Ads mais invisible pour lui.\n   Cette regle ne s'applique qu'aux pages ou ce bloc est colle. *\/\n.manitoba-leads-quickaccess,.xefi-leads-quickaccess{display:none !important}\n\n\/* ---- Notre barre \u00ab Demander un devis \u00bb, mobile uniquement ---- *\/\n.xlp-bar{display:none}\n\n\/* ---- Formulaire en deux temps ---- *\/\n.xlp-form.xlp-etape1 .wpcf7{display:none}\n.xlp .xlp-q-etape{font-family:var(--display); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--rouge); margin-bottom:12px}\n.xlp .xlp-q-titre{font-family:var(--display); font-size:24px; line-height:32px; font-weight:700; color:var(--noir90); margin-bottom:24px}\n.xlp-q-choix{display:grid; grid-template-columns:1fr 1fr; gap:12px}\n.xlp .xlp-q-choix button{display:flex; align-items:center; justify-content:center; height:64px; margin:0; padding:0;\n  border:2px solid var(--noir90); border-radius:0; background:var(--blanc); color:var(--noir90); cursor:pointer; text-align:center;\n  font-family:var(--display); font-size:18px; line-height:1; font-weight:700; clip-path:none; box-shadow:none; transition:background .15s, color .15s, border-color .15s}\n.xlp .xlp-q-choix button:hover{background:var(--rouge); border-color:var(--rouge); color:#fff}\n\/* Pas de message d'erreur tant que le visiteur n'a pas tente d'envoyer. *\/\n.xlp-form:not(.xlp-envoi) .wpcf7-not-valid-tip{display:none}\n.xlp-form:not(.xlp-envoi) .wpcf7-not-valid{border-color:var(--gris100)}\n.xlp .xlp-q-note{font-size:14px; line-height:20px; color:var(--gris500); margin-top:20px}\n.xlp .xlp-q-recap{font-size:14px; line-height:20px; color:var(--gris900); background:var(--fond); padding:10px 14px; margin-bottom:16px}\n.xlp-q-recap b{color:var(--noir90)}\n.xlp-q-recap button{border:0; background:none; padding:0; cursor:pointer; font:inherit; color:var(--rouge); text-decoration:underline}\n\n\/* ---- Services maintenance (visuels de la page d'origine) ---- *\/\n.xlp-g4{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px}\n.xlp-halo{transition:filter .25s ease-out, transform .25s ease-out}\n.xlp-halo .xlp-service{height:100%}\n\/* Halo rouge au survol. Il est porte par une enveloppe, car le clip-path du\n   biseau couperait une ombre posee sur la carte elle-meme. Souris uniquement. *\/\n@media (hover:hover){\n  .xlp-halo:hover{filter:drop-shadow(0 0 18px rgba(225,6,0,.35)); transform:translateY(-4px)}\n}\n@media (prefers-reduced-motion:reduce){\n  .xlp-halo{transition:none}\n  .xlp-halo:hover{transform:none}\n}\n.xlp-blanc .xlp-service{background:var(--fond)}\n.xlp-service{background:var(--blanc); clip-path:var(--biseau); overflow:hidden; display:flex; flex-direction:column}\n.xlp-service-img{height:180px; background:var(--gris900) center\/cover no-repeat}\n.xlp-service div:last-child{padding:24px}\n.xlp-service h3{font-size:20px; line-height:28px; font-weight:700; margin-bottom:8px}\n.xlp-service p{font-size:16px; line-height:24px}\n\n\/* ---- Formulaire CF7 (repris de la LP Infogerance) ---- *\/\n.xlp-form-relief{position:relative}\n.xlp-form-relief::before{content:\"\"; position:absolute; top:12px; left:12px; right:-12px; bottom:-12px;\n  background:var(--rouge); clip-path:var(--biseau); z-index:0}\n.xlp-form-relief::after{content:\"\"; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px;\n  background:var(--noir90); clip-path:var(--biseau); z-index:0}\n.xlp-form{position:relative; z-index:1; background:var(--blanc); clip-path:var(--biseau); overflow:hidden; padding:24px}\n.xlp-form .form-suivi{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}\n.xlp-form .form-wrapper{display:flex; flex-wrap:wrap; gap:0 12px}\n.xlp-form .form-field{flex:0 0 100%; max-width:100%; margin-bottom:10px}\n.xlp-form .field-w30,.xlp-form .field-w50{flex:0 0 calc(50% - 6px); max-width:calc(50% - 6px)}\n.xlp-form .field-w100{flex:0 0 100%; max-width:100%}\n.xlp-form .form-field label{display:block; font-family:var(--ui); font-size:14px; line-height:18px;\n  font-weight:700; color:var(--noir90); margin-bottom:4px}\n.xlp-form .form-field .wpcf7-list-item label{display:inline-block; font-weight:400; margin:0}\n.xlp-form .form-field p{margin:0}\n.xlp-form .wpcf7-form{margin:0}\n.xlp-form .wpcf7-form > *:first-child{margin-top:0}\n.xlp-form .wpcf7-form > *:last-child{margin-bottom:0}\n.xlp-form p:empty{display:none}\n.xlp-form .form-wrapper br,.xlp-form .form-field br{display:none}\n.xlp-form .form-field .wpcf7-form-control-wrap{display:block}\n.xlp-form a{text-decoration:underline}\n.xlp-form .form-deja-client-lien{text-decoration:none}\n.xlp-form .wpcf7-acceptance,.xlp-form .wpcf7-acceptance label,\n.xlp-form .wpcf7-acceptance .wpcf7-list-item,\n.xlp-form .wpcf7-acceptance .wpcf7-list-item-label,\n.xlp-form .wpcf7-acceptance a{font-family:var(--ui); font-size:12px; line-height:16px; font-weight:400; color:var(--gris500)}\n.xlp-form .wpcf7-acceptance label{display:flex; align-items:flex-start; gap:8px}\n.xlp-form .wpcf7-acceptance input[type=checkbox]{flex:0 0 auto; width:14px; height:14px; margin:1px 0 0}\n.xlp-form .wpcf7-acceptance .wpcf7-list-item-label{display:inline; flex:1 1 auto}\n.xlp-form .wpcf7-acceptance br{display:none}\n.xlp-form .wpcf7-acceptance .wpcf7-list-item{margin:0}\n.xlp-form input[type=text],.xlp-form input[type=email],.xlp-form input[type=tel],.xlp-form select,.xlp-form textarea{\n  width:100%; font-family:var(--ui); font-size:14px; line-height:18px; color:var(--gris800);\n  border:1px solid var(--gris100); background:var(--blanc); padding:8px 12px}\n.xlp-form ::placeholder{color:var(--gris500); opacity:1}\n.xlp-form select:invalid,.xlp-form select option:first-child{color:var(--gris500)}\n.xlp-form textarea{min-height:104px; height:104px; padding:10px 12px; resize:vertical}\n.xlp-form input:focus,.xlp-form select:focus,.xlp-form textarea:focus{outline:2px solid var(--bleu-focus); outline-offset:1px}\n.xlp-form .wpcf7-list-item{display:inline-block; margin:0 16px 0 0}\n.xlp-form .form-field .wpcf7-list-item-label{font-size:14px}\n.xlp-form small{font-size:12px; line-height:16px; color:var(--gris500)}\n.xlp-form p{margin:0 0 6px}\n.xlp-form .wpcf7-acceptance{display:block; margin-bottom:6px}\n.xlp-form button[type=submit]{display:inline-flex; align-items:center; justify-content:center; width:100%;\n  height:48px; padding:0 32px; margin-top:6px; background:var(--rouge); color:#fff; border:0; cursor:pointer;\n  font-family:var(--display); font-size:16px; font-weight:700; clip-path:var(--biseau-btn)}\n.xlp-form button[type=submit]:hover{background:var(--rouge-fonce)}\n.xlp-form .wpcf7{margin:0}\n.xlp-form .wpcf7-not-valid-tip{font-size:13px; line-height:18px; color:var(--rouge); margin-top:4px}\n.xlp-form .wpcf7-not-valid{border-color:var(--rouge)}\n.xlp-form .wpcf7-response-output{margin:16px 0 0 !important; padding:12px 14px !important;\n  border:1px solid var(--gris100) !important; font-size:14px; line-height:20px}\n.xlp-form form.invalid .wpcf7-response-output,.xlp-form form.failed .wpcf7-response-output{border-color:var(--rouge) !important; background:var(--rouge-pale)}\n.xlp-form form.sent .wpcf7-response-output{border-color:var(--vert) !important; color:var(--vert)}\n.xlp-form .wpcf7-spinner{margin:8px auto 0; display:block}\n.xlp-form .form-deja-client{margin:0 0 12px; padding:16px; background:var(--rouge-pale); clip-path:var(--biseau-btn)}\n.xlp-form .form-deja-client-haut{flex:0 0 100%; max-width:100%; margin:0 0 10px}\n.xlp-form .form-deja-client p{font-size:14px; line-height:20px; color:var(--gris900); margin:0 0 8px}\n.xlp-form .form-deja-client p:last-child{margin:0}\n.xlp-form .form-deja-client-lien{display:inline-flex; align-items:center; justify-content:center; height:44px;\n  padding:0 24px; background:var(--noir90); color:#fff !important; text-decoration:none;\n  font-family:var(--display); font-size:15px; font-weight:700; clip-path:var(--biseau-btn)}\n.xlp-form .form-deja-client-lien:hover{background:#000}\n\n@media (max-width:1023px){\n  .xlp-hero,.xlp-proxi,.xlp-reseau{grid-template-columns:1fr}\n  .xlp-reseau{gap:40px}\n  .xlp-carte-map,.xlp-carte-map iframe{min-height:320px}\n  .xlp-g4{grid-template-columns:repeat(2,minmax(0,1fr))}\n  .xlp-frise{grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:40px}\n  .xlp-frise::before,.xlp-frise::after{display:none}\n}\n@media (max-width:767px){\n  .xlp{--biseau:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}\n  .xlp-sec{padding:40px 16px}\n  .xlp-txt,.xlp-dirigeant p{font-size:17px; line-height:26px}\n  .xlp-h2-hero{font-size:30px; line-height:38px}\n  .xlp-h2{font-size:24px; line-height:32px}\n  .xlp .xlp-titre,.xlp .xlp-intro{margin-bottom:40px}\n  .xlp-avis blockquote{font-size:18px; line-height:27px}\n  .xlp-bar{display:block; position:fixed; left:0; right:0; bottom:0; z-index:9990; background:var(--noir);\n    padding:10px 16px calc(10px + env(safe-area-inset-bottom)); transition:transform .25s ease-out}\n  .xlp-bar a{display:flex; align-items:center; justify-content:center; height:48px; width:100%;\n    background:var(--rouge); color:#fff !important; font-family:var(--display); font-size:16px; font-weight:700; clip-path:var(--biseau-btn)}\n  .xlp-bar.xlp-bar-cachee{transform:translateY(110%)}\n  .xlp.xlp-avec-barre{padding-bottom:72px}\n  .xlp-hero-txt{padding-top:0}\n  \/* Mobile : la question arrive juste apres le texte d'accroche, la note\n     Google et les secteurs passent sous le formulaire. *\/\n  .xlp-hero{gap:0}\n  .xlp-hero-txt{display:contents}\n  .xlp-form-relief{order:2; margin:32px 8px 8px 0}\n  .xlp-fiche{order:3; margin-top:40px}\n  .xlp .xlp-q-titre{font-size:20px; line-height:28px; margin-bottom:16px}\n  .xlp .xlp-q-choix button{height:56px; font-size:17px}\n  .xlp-fiche{grid-template-columns:1fr; gap:12px}\n  .xlp-note b{font-size:34px; line-height:36px}\n  .xlp-gros b{font-size:72px; line-height:68px}\n  .xlp-g3,.xlp-g4{grid-template-columns:1fr; gap:16px}\n  .xlp-stats li{padding:16px 0 16px 20px; gap:16px}\n  .xlp-stats b{flex-basis:140px; font-size:30px; line-height:36px}\n  .xlp-stats span{font-size:16px; line-height:24px}\n  .xlp-frise{grid-template-columns:1fr; row-gap:0; text-align:left}\n  .xlp-frise li{flex-direction:row; align-items:flex-start; text-align:left; gap:16px; padding-bottom:28px}\n  .xlp-frise li:not(:last-child)::before{content:\"\"; position:absolute; left:23px; top:48px; bottom:0; width:3px; background:var(--rouge)}\n  .xlp-pastille{flex:0 0 auto; width:48px; height:48px; margin:0}\n  .xlp-frise p{margin:0}\n  .xlp-pastille svg{width:22px; height:22px}\n  .xlp-carte,.xlp-carte-gris,.xlp-note,.xlp-secteurs{padding:20px}\n  .xlp-form{padding:20px 16px}\n  .xlp-form-relief::before{top:8px; left:8px; right:-8px; bottom:-8px}\n  .xlp-form .form-field,.xlp-form .field-w30,.xlp-form .field-w50{flex:0 0 100%; max-width:100%}\n  .xlp-btn,.xlp-btn-noir{width:100%; height:52px}\n  .xlp-rappel{margin-top:24px}\n}\n.page-banner-title{font-size:clamp(1.75rem,3.4vw,2.5rem) !important;line-height:1.12 !important}\n.entry-content{padding-bottom:0 !important}\n<\/style>\n\n<div class=\"xlp xlp-avec-barre alignfull\">\n\n  <!-- ============ HERO ============ -->\n  <section class=\"xlp-sec xlp-gris\" id=\"xlp-devis\">\n    <div class=\"xlp-in xlp-hero\">\n      <div class=\"xlp-hero-txt\">\n        <p class=\"xlp-surtitre\">XEFI Lyon Nord-Ouest, \u00e0 La Tour-de-Salvagny<\/p>\n        <h2 class=\"xlp-h2-hero\" style=\"margin-bottom:28px\">Votre prestataire informatique \u00e0 <span style=\"white-space:nowrap\">La Tour-de-Salvagny<\/span>, \u00e0 moins de 30 minutes de vos bureaux<\/h2>\n        <p class=\"xlp-txt\">XEFI Lyon Nord-Ouest est install\u00e9e \u00e0 La Tour-de-Salvagny et assure la maintenance des TPE et PME de la commune et de tout le Nord-Ouest lyonnais. Le technicien qui vous r\u00e9pond conna\u00eet vos machines et travaille \u00e0 c\u00f4t\u00e9 de chez vous.<\/p>\n\n        <div class=\"xlp-fiche\">\n          <div class=\"xlp-note\">\n            <b style=\"font-size:34px; line-height:38px; white-space:nowrap\">+25&#8239;000<\/b>\n            <span>clients sous contrat<br>avec le groupe XEFI<\/span>\n          <\/div>\n          <div class=\"xlp-secteurs\">\n            <p class=\"xlp-secteurs-titre\">Secteurs desservis<\/p>\n                <div class=\"xlp-chips\">\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>La Tour-de-Salvagny<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>Lyon 5e<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>Tassin-la-Demi-Lune<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>Craponne<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>\u00c9cully<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>Dardilly<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>Tarare<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>L&rsquo;Arbresle<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>Charbonni\u00e8res-les-Bains<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>Limonest<\/span>\n              <span class=\"xlp-chip\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.6 0-4.5 2-4.5 4.4 0 3.2 4.5 8.6 4.5 8.6s4.5-5.4 4.5-8.6C12.5 3.5 10.6 1.5 8 1.5zm0 6.1a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4z\" fill=\"#E10600\"\/><\/svg>Les Monts d&rsquo;Or<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"xlp-form-relief\">\n        <div class=\"xlp-form\" id=\"xlp-form\">\n          <!-- Etape 1 : une seule question, un clic. Elle pre-remplit le champ\n               \u00ab Nombre de postes \u00bb du formulaire et ouvre la suite.\n               Sans JavaScript, ce bloc reste masque et le formulaire s'affiche. -->\n          <div class=\"xlp-q\" id=\"xlp-q\" hidden>\n            <p class=\"xlp-q-etape\" id=\"xlp-q-etape\">\u00c9tape 1 sur 2<\/p>\n            <p class=\"xlp-q-titre\" id=\"xlp-q-titre\">Combien de postes compte votre entreprise ?<\/p>\n            <div class=\"xlp-q-choix\" role=\"group\" aria-labelledby=\"xlp-q-titre\">\n              <button type=\"button\" data-postes=\"1 \u00e0 5\">1 \u00e0 5<\/button>\n              <button type=\"button\" data-postes=\"6 \u00e0 20\">6 \u00e0 20<\/button>\n              <button type=\"button\" data-postes=\"21 \u00e0 50\">21 \u00e0 50<\/button>\n              <button type=\"button\" data-postes=\"Plus de 50\">Plus de 50<\/button>\n            <\/div>\n            <p class=\"xlp-q-note\">Devis gratuit \u00e9tabli par XEFI Lyon Nord-Ouest.<\/p>\n          <\/div>\n          <p class=\"xlp-q-recap\" id=\"xlp-q-recap\" hidden>\u00c9tape 2 sur 2 \u00b7 <b id=\"xlp-q-valeur\"><\/b> \u00b7 <button type=\"button\" id=\"xlp-q-modifier\">modifier<\/button><\/p>\n          \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f21964-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"21964\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/fr\/wp-json\/wp\/v2\/pages\/17309#wpcf7-f21964-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"21964\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f21964-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:21964,&quot;conditions&quot;:[],&quot;settings&quot;:{&quot;animation&quot;:&quot;no&quot;,&quot;animation_intime&quot;:&quot;200&quot;,&quot;animation_outtime&quot;:&quot;200&quot;,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:&quot;&quot;,&quot;repeater_remove_button&quot;:&quot;bottom&quot;,&quot;notice_dismissed_update-cf7-6.1.5&quot;:true}}\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"form-wrapper\">\n\t<div class=\"form-field field-w100\">\n\t\t<p><label>Je suis*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"profile\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"profile\" value=\"customer\" \/> <span class=\"wpcf7-list-item-label\">D\u00e9j\u00e0 client<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"profile\" value=\"prospect\" checked=\"checked\" \/> <span class=\"wpcf7-list-item-label\">Pas encore client<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-field field-w50\">\n\t\t<p><label>Pr\u00e9nom*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"input-firstname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ex : Dominique\" value=\"\" type=\"text\" name=\"input-firstname\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-field field-w50\">\n\t\t<p><label>Nom*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"input-lastname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ex : Dupond\" value=\"\" type=\"text\" name=\"input-lastname\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-field field-w50\">\n\t\t<p><label>Email professionnel*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"input-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ex : nom@societe.fr\" value=\"\" type=\"email\" name=\"input-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-field field-w50\">\n\t\t<p><label>Num\u00e9ro de t\u00e9l\u00e9phone*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"input-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ex : 06 00 00 00 00\" value=\"\" type=\"tel\" name=\"input-phone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-field field-w50\">\n\t\t<p><label>Soci\u00e9t\u00e9*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"input-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ex : Ma Soci\u00e9t\u00e9\" value=\"\" type=\"text\" name=\"input-company\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-field field-w50\">\n\t\t<p><label>Code postal*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"input-postalcode\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ex : 92200\" value=\"\" type=\"text\" name=\"input-postalcode\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-field field-w100\">\n\t\t<p><label>Nombre de postes*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"input-workstations\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"input-workstations\"><option value=\"\">S\u00e9lectionnez une option...<\/option><option value=\"1 \u00e0 5\">1 \u00e0 5<\/option><option value=\"6 \u00e0 20\">6 \u00e0 20<\/option><option value=\"21 \u00e0 50\">21 \u00e0 50<\/option><option value=\"Plus de 50\">Plus de 50<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-field field-w100\">\n\t\t<p><label>Votre besoin*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-message\"><textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"D\u00e9crivez en quelques mots votre besoin\" name=\"textarea-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"form-suivi\" aria-hidden=\"true\">\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"1\" type=\"hidden\" name=\"select-request\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utm_source\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utm_medium\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utm_campaign\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utm_term\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utm_content\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"gclid\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"gbraid\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"wbraid\" \/>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"input-acceptance\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"input-acceptance\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">J\u2019autorise XEFI \u00e0 me contacter \u00e0 propos de ses produits et services. Mes donn\u00e9es ne sont jamais vendues \u00e0 des tiers et j\u2019ai pris connaissance de la <a href=\"\/fr\/politique-de-confidentialite-cookies\/\">politique de confidentialit\u00e9<\/a>.*<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><small>*champs obligatoires<\/small>\n<\/p>\n<div class=\"form-deja-client\" hidden>\n\t<p><strong>Vous \u00eates d\u00e9j\u00e0 client XEFI.<\/strong> Le plus rapide est de joindre directement votre agence, qui conna\u00eet votre parc.\n\t<\/p>\n\t<p><a class=\"form-deja-client-lien\" href=\"\/fr\/trouver-votre-agence-xefi\/\">Trouver votre agence<\/a>\n\t<\/p>\n\t<p><small>Si vous continuez ce formulaire, il sera trait\u00e9 dans un d\u00e9lai plus variable.<\/small>\n\t<\/p>\n<\/div>\n<p><button type=\"submit\">Demander un devis<\/button>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ PROXIMITE + CARTE ============ -->\n  <section class=\"xlp-sec xlp-blanc\">\n    <div class=\"xlp-in xlp-proxi\">\n      <div>\n        <p class=\"xlp-surtitre\">La proximit\u00e9 informatique<\/p>\n        <div class=\"xlp-gros\"><b>30<\/b><span>minutes<br>entre l&rsquo;agence et vos bureaux<\/span><\/div>\n        <h2 class=\"xlp-h2 xlp-titre-intro\">Une agence install\u00e9e \u00e0 La Tour-de-Salvagny<\/h2>\n        <p class=\"xlp-txt\">XEFI Lyon Nord-Ouest est install\u00e9e all\u00e9e du Cr\u00eat, \u00e0 La Tour-de-Salvagny. Depuis La Tour-de-Salvagny, l&rsquo;agence intervient des Monts d&rsquo;Or jusqu&rsquo;\u00e0 l&rsquo;ensemble des communes du Nord-Ouest lyonnais. Votre interlocuteur est local et identifi\u00e9.<\/p>\n        <ul class=\"xlp-atouts\">\n          <li><span class=\"xlp-atout-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"4\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"\/><path d=\"M4 21c1.2-4 4.3-6 8-6s6.8 2 8 6\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span><div><b>Un interlocuteur qui conna\u00eet votre parc<\/b><span>Toujours la m\u00eame agence, les m\u00eames techniciens.<\/span><\/div><\/li>\n          <li><span class=\"xlp-atout-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 5h18v11H3z M8 20h8 M12 16v4\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/><\/svg><\/span><div><b>Diagnostic \u00e0 distance d\u00e8s l&rsquo;appel<\/b><span>Une grande partie des incidents se r\u00e8gle sans d\u00e9placement.<\/span><\/div><\/li>\n          <li><span class=\"xlp-atout-ico\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.5c-3.9 0-6.8 3-6.8 6.6 0 4.8 6.8 12.4 6.8 12.4s6.8-7.6 6.8-12.4c0-3.6-2.9-6.6-6.8-6.6z\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"9\" r=\"2.4\" fill=\"#fff\"\/><\/svg><\/span><div><b>Un technicien chez vous si n\u00e9cessaire<\/b><span>Entre 4 h et 36 h selon la s\u00e9v\u00e9rit\u00e9, d\u00e9placement inclus.<\/span><\/div><\/li>\n        <\/ul>\n        <div class=\"xlp-dirigeant\">\n          <img decoding=\"async\" src=\"https:\/\/www.xefi.fr\/wp-content\/uploads\/sites\/2\/2026\/06\/Michel-CHARLES-Dirigeant-XEFI-Lyon-Nord-Ouest-prestataire-informatique-de-proximite-des-tpe-et-pme.webp\" alt=\"Michel Charles, dirigeant de l'agence XEFI Lyon Nord-Ouest\">\n          <p><b>Michel Charles<\/b>Dirigeant de l&rsquo;agence XEFI Lyon Nord-Ouest<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"xlp-carte-map\">\n        <iframe title=\"Plan d'acc\u00e8s \u00e0 l'agence XEFI Lyon Nord-Ouest\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\n          src=\"https:\/\/www.google.com\/maps?q=XEFI+Lyon+Nord-Ouest&#038;output=embed\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CHANGER DE PRESTATAIRE (frise animee) ============ -->\n  <!-- A FAIRE VALIDER PAR L'AGENCE : chaque etape est une promesse. -->\n  <section class=\"xlp-sec xlp-gris\" id=\"xlp-changement\">\n    <div class=\"xlp-in\">\n      <p class=\"xlp-surtitre\">Vous avez d\u00e9j\u00e0 un prestataire<\/p>\n      <h2 class=\"xlp-h2 xlp-titre-intro\">Changer de prestataire sans interrompre votre activit\u00e9<\/h2>\n      <p class=\"xlp-txt xlp-intro\">Quatre \u00e9tapes, pr\u00e9par\u00e9es avec vous.<\/p>\n      <ol class=\"xlp-frise\">\n        <li>\n          <span class=\"xlp-pastille\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 2.5h8l4 4v15H6z M14 2.5v4h4 M9 12h6 M9 16h6\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <div><h3>Votre contrat actuel<\/h3><p>\u00c9ch\u00e9ance et pr\u00e9avis : vous savez quand changer.<\/p><\/div>\n        <\/li>\n        <li>\n          <span class=\"xlp-pastille\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 5h18v11H3z M8 20h8 M12 16v4\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <div><h3>L&rsquo;inventaire du parc<\/h3><p>Postes, serveurs, sauvegardes, acc\u00e8s.<\/p><\/div>\n        <\/li>\n        <li>\n          <span class=\"xlp-pastille\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 7h10 M18 7h2 M4 17h2 M10 17h10 M16 4v6 M8 14v6\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <div><h3>Votre p\u00e9rim\u00e8tre<\/h3><p>Tout le parc ou seulement une partie.<\/p><\/div>\n        <\/li>\n        <li>\n          <span class=\"xlp-pastille\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12.5l5 5L20 6.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <div><h3>Nous prenons le relais<\/h3><p>\u00c0 la date que vous fixez.<\/p><\/div>\n        <\/li>\n      <\/ol>\n      <div class=\"xlp-rappel\"><a class=\"xlp-btn\" href=\"#xlp-devis\">Demander un devis<\/a><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SERVICES DE MAINTENANCE ============ -->\n  <section class=\"xlp-sec xlp-blanc\">\n    <div class=\"xlp-in\">\n      <h2 class=\"xlp-h2 xlp-titre\">Nos solutions de maintenance pour votre TPE ou PME<\/h2>\n      <div class=\"xlp-g4\">\n        <div class=\"xlp-halo\">\n          <div class=\"xlp-service\">\n            <div class=\"xlp-service-img\" style=\"background-image:url('https:\/\/www.xefi.fr\/wp-content\/uploads\/sites\/2\/2026\/06\/audit-et-optimisation-parc-maintenance-informatique-xefi.webp')\" role=\"img\" aria-label=\"Technicien XEFI intervenant sur un parc informatique\"><\/div>\n            <div><h3>Maintenance de votre parc informatique<\/h3><p>Postes, serveurs et r\u00e9seau maintenus en \u00e9tat de marche. Pi\u00e8ces, main-d&rsquo;\u0153uvre et d\u00e9placement inclus.<\/p><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"xlp-halo\">\n          <div class=\"xlp-service\">\n            <div class=\"xlp-service-img\" style=\"background-image:url('https:\/\/www.xefi.fr\/wp-content\/uploads\/sites\/2\/2026\/06\/depannage-informatique-assistance-maintenance-informatique-xefi.webp')\" role=\"img\" aria-label=\"Assistance et d\u00e9pannage informatique\"><\/div>\n            <div><h3>D\u00e9pannage informatique express<\/h3><p>La panne est qualifi\u00e9e \u00e0 distance, puis un technicien se d\u00e9place entre 4 h et 36 h selon la s\u00e9v\u00e9rit\u00e9.<\/p><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"xlp-halo\">\n          <div class=\"xlp-service\">\n            <div class=\"xlp-service-img\" style=\"background-image:url('https:\/\/www.xefi.fr\/wp-content\/uploads\/sites\/2\/2026\/06\/reseau-et-serveurs-securises-maintenance-informatique-xefi.webp')\" role=\"img\" aria-label=\"R\u00e9seau et serveurs supervis\u00e9s\"><\/div>\n            <div><h3>Maintenance pr\u00e9ventive<\/h3><p>Vos postes et serveurs sont supervis\u00e9s. Les incidents sont trait\u00e9s avant qu&rsquo;ils n&rsquo;arr\u00eatent votre activit\u00e9.<\/p><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"xlp-halo\">\n          <div class=\"xlp-service\">\n            <div class=\"xlp-service-img\" style=\"background-image:url('https:\/\/www.xefi.fr\/wp-content\/uploads\/sites\/2\/2026\/06\/securisation-donnees-sauvegarde-cloud-maintenance-informatique-xefi.webp')\" role=\"img\" aria-label=\"Sauvegarde et s\u00e9curisation des donn\u00e9es\"><\/div>\n            <div><h3>S\u00e9curisation des donn\u00e9es<\/h3><p>Sauvegarde automatique de vos serveurs et postes, donn\u00e9es stock\u00e9es en France.<\/p><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"xlp-rappel\"><a class=\"xlp-btn\" href=\"#xlp-devis\">Demander un devis<\/a><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ FAQ ============ -->\n  <section class=\"xlp-sec xlp-gris\">\n    <div class=\"xlp-in\">\n      <h2 class=\"xlp-h2 xlp-titre\">Maintenance informatique \u00e0 La Tour-de-Salvagny : vos questions<\/h2>\n      <div class=\"xlp-faq\">\n        <div>\n          <h3>Que signifient les 30 minutes ?<\/h3>\n          <p class=\"xlp-txt\">C&rsquo;est le temps de trajet entre l&rsquo;agence et votre entreprise. L&rsquo;intervention sur site a lieu entre 4 h et 36 h ouvrables selon la s\u00e9v\u00e9rit\u00e9 du probl\u00e8me. Beaucoup d&rsquo;incidents se r\u00e8glent \u00e0 distance.<\/p>\n        <\/div>\n        <div>\n          <h3>Je suis engag\u00e9 avec un autre prestataire. Quand puis-je changer ?<\/h3>\n          <p class=\"xlp-txt\">Cela d\u00e9pend de l&rsquo;\u00e9ch\u00e9ance et du pr\u00e9avis de votre contrat actuel. Nous les regardons avec vous lors du premier \u00e9change.<\/p>\n        <\/div>\n        <div>\n          <h3>Mon mat\u00e9riel n&rsquo;a pas \u00e9t\u00e9 achet\u00e9 chez XEFI. Est-ce un probl\u00e8me ?<\/h3>\n          <p class=\"xlp-txt\">Non. L&rsquo;agence assure la maintenance de tout type de mat\u00e9riel informatique, quelle que soit son origine.<\/p>\n        <\/div>\n        <div>\n          <h3>Puis-je ne confier qu&rsquo;une partie de mon parc ?<\/h3>\n          <p class=\"xlp-txt\">Oui. Vous pouvez ne nous confier que vos serveurs, que vos postes, ou l&rsquo;ensemble.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ RESEAU NATIONAL + CTA FINAL ============ -->\n  <section class=\"xlp-sec xlp-noir\">\n    <div class=\"xlp-in xlp-reseau\">\n      <div>\n        <p class=\"xlp-surtitre\">Le groupe XEFI<\/p>\n        <h2 class=\"xlp-h2 xlp-titre-intro\" style=\"color:#fff\">Une agence \u00e0 30 minutes, un r\u00e9seau national derri\u00e8re elle<\/h2>\n        <p class=\"xlp-txt xlp-reseau-txt\">XEFI Lyon Nord-Ouest fait partie du groupe XEFI. Vos sauvegardes sont h\u00e9berg\u00e9es dans nos datacenters, et l&rsquo;agence s&rsquo;appuie sur les plus hauts niveaux de certification constructeurs : HP, HPE, Sophos et Microsoft.<\/p>\n        <a class=\"xlp-btn\" href=\"#xlp-devis\">Demander un devis<\/a>\n      <\/div>\n      <ul class=\"xlp-stats\">\n        <li><b>+25&#8239;000<\/b><span>clients sous contrat<\/span><\/li>\n        <li><b>+150<\/b><span>agences en France<\/span><\/li>\n        <li><b>6<\/b><span>datacenters en Europe, dont en France<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n  <!-- ============ BARRE DEVIS, MOBILE UNIQUEMENT ============ -->\n  <div class=\"xlp-bar\" id=\"xlp-bar\"><a href=\"#xlp-devis\">Demander un devis<\/a><\/div>\n<\/div>\n\n<!-- Cinq scripts separes : si l'un echoue, les autres tournent.\n     Aucun caractere esperluette, inferieur ou superieur dans le code :\n     WordPress peut les convertir en entites HTML a l'enregistrement, ce qui\n     casse le script entier. -->\n<script>\n\/* Formulaire en deux temps. Le clic sur le nombre de postes pousse\n   lp_choix_postes dans le dataLayer : conversion SECONDAIRE au plus. *\/\n(function () {\n  var zone = document.getElementById('xlp-form');\n  var q = document.getElementById('xlp-q');\n  var recap = document.getElementById('xlp-q-recap');\n  if (!zone || !q || !recap) { return; }\n  zone.classList.add('xlp-etape1');\n  q.hidden = false;\n\n  function choisir(valeur) {\n    var liste = zone.querySelector('select[name=\"input-workstations\"]');\n    if (liste) {\n      Array.prototype.forEach.call(liste.options, function (option, rang) {\n        if (option.text.trim() === valeur) { liste.selectedIndex = rang; }\n      });\n    }\n    document.getElementById('xlp-q-valeur').textContent = valeur + ' postes';\n    q.hidden = true;\n    recap.hidden = false;\n    zone.classList.remove('xlp-etape1');\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({ event: 'lp_choix_postes', postes: valeur, page: 'maintenance-la-tour-de-salvagny' });\n    if (window.matchMedia('(hover:hover)').matches) {\n      var premier = zone.querySelector('.wpcf7 input[type=text]');\n      if (premier) { premier.focus({ preventScroll: true }); }\n    }\n    if (Math.sign(zone.getBoundingClientRect().top) === -1) {\n      zone.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  q.addEventListener('click', function (e) {\n    var bouton = e.target.closest('button[data-postes]');\n    if (bouton) { choisir(bouton.getAttribute('data-postes')); }\n  });\n  zone.addEventListener('click', function (e) {\n    if (e.target.closest('button[type=submit], input[type=submit]')) { zone.classList.add('xlp-envoi'); }\n  });\n  \/* Filets de securite : envoi par la touche Entree, ou refus de CF7. Sans\n     eux, les messages d'erreur resteraient masques et le visiteur ne\n     verrait pas quel champ bloque l'envoi. *\/\n  zone.addEventListener('submit', function () { zone.classList.add('xlp-envoi'); }, true);\n  document.addEventListener('wpcf7invalid', function () { zone.classList.add('xlp-envoi'); });\n  document.addEventListener('wpcf7spam', function () { zone.classList.add('xlp-envoi'); });\n  document.getElementById('xlp-q-modifier').addEventListener('click', function () {\n    recap.hidden = true;\n    q.hidden = false;\n    zone.classList.add('xlp-etape1');\n  });\n})();\n<\/script>\n<script>\n\/* Barre mobile : elle s'efface quand le formulaire est a l'ecran, pour ne\n   pas doubler le bouton d'envoi, et revient des qu'on s'en eloigne. *\/\n(function () {\n  var barre = document.getElementById('xlp-bar');\n  var form = document.getElementById('xlp-form');\n  if (!barre) { return; }\n  if (!form) { return; }\n  if (!('IntersectionObserver' in window)) { return; }\n  var obs = new IntersectionObserver(function (entrees) {\n    entrees.forEach(function (e) {\n      barre.classList.toggle('xlp-bar-cachee', e.isIntersecting);\n    });\n  }, { threshold: 0.15 });\n  obs.observe(form);\n})();\n<\/script>\n<script>\n\/* Frise : l'animation n'est activee que par ce script. S'il ne tourne pas,\n   la frise s'affiche simplement, sans animation. *\/\n(function () {\n  var bloc = document.getElementById('xlp-changement');\n  if (!bloc) { return; }\n  if (!('IntersectionObserver' in window)) { return; }\n  bloc.classList.add('xlp-anim');\n  var obs = new IntersectionObserver(function (entrees) {\n    entrees.forEach(function (e) {\n      if (e.isIntersecting) { bloc.classList.add('xlp-vu'); obs.disconnect(); }\n    });\n  }, { threshold: 0.3 });\n  obs.observe(bloc);\n})();\n<\/script>\n<script>\n\/* Bascule \u00ab Deja client \u00bb : l'encadre rose defini dans le modele CF7 est\n   deplace juste sous la question \u00ab Je suis \u00bb, puis affiche quand \u00ab Deja\n   client \u00bb est coche. Il ne bloque pas l'envoi. *\/\n(function () {\n  var zone = document.getElementById('xlp-form');\n  if (!zone) { return; }\n  function champProfil() {\n    return zone.querySelector('input[name=\"profile\"], input[name=\"input-profile\"]');\n  }\n  function placer() {\n    var bloc = zone.querySelector('.form-deja-client');\n    var radio = champProfil();\n    if (!bloc) { return; }\n    if (!radio) { return; }\n    var ligne = radio.closest('.form-field');\n    if (!ligne) { return; }\n    if (ligne.nextElementSibling === bloc) { return; }\n    ligne.insertAdjacentElement('afterend', bloc);\n    bloc.classList.add('form-deja-client-haut');\n  }\n  function basculer() {\n    var bloc = zone.querySelector('.form-deja-client');\n    var coche = zone.querySelector('input[name=\"profile\"]:checked, input[name=\"input-profile\"]:checked');\n    if (!bloc) { return; }\n    if (!coche) { return; }\n    bloc.hidden = !\/customer|d[\u00e9e]j[\u00e0a]\/i.test(coche.value);\n  }\n  function maj() { placer(); basculer(); }\n  zone.addEventListener('change', function (e) {\n    var cible = e.target;\n    if (cible.name === 'profile') { basculer(); }\n    if (cible.name === 'input-profile') { basculer(); }\n  });\n  maj();\n  var obs = new MutationObserver(maj);\n  obs.observe(zone, { childList: true, subtree: true });\n  setTimeout(function () { obs.disconnect(); }, 10000);\n})();\n<\/script>\n<script>\n\/* Candidatures : si le champ \u00ab Votre besoin \u00bb parle d'emploi, de stage ou de\n   CV, un encadre renvoie vers carriere.xefi.fr. Il ne bloque pas l'envoi. *\/\n(function () {\n  var zone = document.getElementById('xlp-form');\n  if (!zone) { return; }\n  var motifs = \/candidat|curriculum|\\bcv\\b|stage|stagiaire|alternan|apprenti|recrut|embauch|emploi|\\bjob\\b|postul|lettre de motivation|poste a pourvoir|poste \u00e0 pourvoir|offre d'emploi\/i;\n  var encart = null;\n  function construire() {\n    encart = document.createElement('div');\n    encart.className = 'form-deja-client form-deja-client-haut form-candidature';\n    encart.hidden = true;\n    var p1 = document.createElement('p');\n    var gras = document.createElement('strong');\n    gras.textContent = 'Vous cherchez un emploi, un stage ou une alternance chez XEFI ?';\n    p1.appendChild(gras);\n    p1.appendChild(document.createTextNode(' Les candidatures ne sont pas trait\u00e9es par ce formulaire.'));\n    var p2 = document.createElement('p');\n    var lien = document.createElement('a');\n    lien.className = 'form-deja-client-lien';\n    lien.href = 'https:\/\/carriere.xefi.fr\/';\n    lien.target = '_blank';\n    lien.rel = 'noopener';\n    lien.textContent = 'Voir les offres sur carriere.xefi.fr';\n    p2.appendChild(lien);\n    var p3 = document.createElement('p');\n    var petit = document.createElement('small');\n    petit.textContent = 'Ce formulaire est r\u00e9serv\u00e9 aux demandes de devis des entreprises.';\n    p3.appendChild(petit);\n    encart.appendChild(p1);\n    encart.appendChild(p2);\n    encart.appendChild(p3);\n  }\n  function placer(champ) {\n    var ligne = champ.closest('.form-field');\n    if (!ligne) { return; }\n    if (ligne.nextElementSibling === encart) { return; }\n    ligne.insertAdjacentElement('afterend', encart);\n  }\n  function verifier(champ) {\n    if (!encart) { construire(); }\n    placer(champ);\n    encart.hidden = !motifs.test(champ.value);\n  }\n  zone.addEventListener('input', function (e) {\n    if (e.target.name === 'textarea-message') { verifier(e.target); }\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>XEFI Lyon Nord-Ouest, \u00e0 La Tour-de-Salvagny Votre prestataire informatique \u00e0 La Tour-de-Salvagny, \u00e0 moins de 30 minutes de vos bureaux XEFI Lyon Nord-Ouest est install\u00e9e \u00e0 La Tour-de-Salvagny et assure la maintenance des TPE et PME de la commune et de tout le Nord-Ouest lyonnais. Le technicien qui vous r\u00e9pond conna\u00eet vos machines et travaille [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":17311,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-metier","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17309","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/pages\/17309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/comments?post=17309"}],"version-history":[{"count":6,"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/pages\/17309\/revisions"}],"predecessor-version":[{"id":21993,"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/pages\/17309\/revisions\/21993"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/media\/17311"}],"wp:attachment":[{"href":"https:\/\/www.xefi.fr\/fr\/wp-json\/wp\/v2\/media?parent=17309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}