{"id":94,"date":"2026-04-26T14:02:53","date_gmt":"2026-04-26T14:02:53","guid":{"rendered":"https:\/\/sir17.fr\/?page_id=94"},"modified":"2026-05-19T10:35:26","modified_gmt":"2026-05-19T10:35:26","slug":"accueil","status":"publish","type":"page","link":"https:\/\/sir17.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&#038;family=Cinzel:wght@400;600&#038;family=EB+Garamond:ital,wght@0,400;1,400&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2550\u2550 RESET ASTRA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nbody.page .entry-content,\nbody.page .entry-content > *,\nbody.page .ast-container,\nbody.page .site-content,\nbody.page #content,\nbody.page #primary,\nbody.page article {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\nbody.page .entry-header { display: none !important; }\nbody.page #content { padding-top: 0 !important; }\n\n\/* \u2550\u2550 VARIABLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir {\n  --m:  #0D2340;\n  --ml: #1A3A5C;\n  --or: #B8960C;\n  --cr: #F7F3EC;\n  --tx: #1C1C1A;\n  --td: #5A5A58;\n  --bg: #FAFAF7;\n  font-family: 'EB Garamond', Georgia, serif;\n  color: var(--tx);\n  background: var(--bg);\n  overflow-x: hidden;\n}\n#sir *, #sir *::before, #sir *::after { box-sizing: border-box; margin: 0; padding: 0; }\n#sir a { text-decoration: none; }\n#sir html { scroll-behavior: smooth; }\n\n\/* \u2550\u2550 NAV \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .sn {\n  position: fixed;\n  top: 0; left: 0; right: 0;\n  z-index: 9999;\n  background: var(--m);\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 48px;\n  border-bottom: 1px solid rgba(184,150,12,.3);\n  transition: box-shadow .3s;\n}\n#sir .sn.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,.4); }\n#sir .sn-logo {\n  font-family: 'Cinzel', serif;\n  font-size: 40px;\n  font-weight: 600;\n  color: #fff;\n  letter-spacing: 8px;\n}\n#sir .sn-logo span { color: var(--or); }\n#sir .sn-links {\n  display: flex;\n  gap: 32px;\n  list-style: none;\n}\n#sir .sn-links a {\n  font-family: 'Cinzel', serif;\n  font-size: 16px;\n  letter-spacing: 3px;\n  color: rgba(255,255,255,.7);\n  text-transform: uppercase;\n  transition: color .2s;\n}\n#sir .sn-links a:hover { color: var(--or); }\n#sir .sn-burger {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  cursor: pointer;\n  padding: 4px;\n}\n#sir .sn-burger span {\n  display: block;\n  width: 24px;\n  height: 1.5px;\n  background: var(--or);\n  transition: all .25s;\n}\n#sir .sn-mobile {\n  display: none;\n  position: fixed;\n  top: 60px; left: 0; right: 0;\n  background: var(--m);\n  border-bottom: 1px solid rgba(184,150,12,.3);\n  z-index: 9998;\n  padding: 24px 32px;\n  flex-direction: column;\n  gap: 20px;\n}\n#sir .sn-mobile.open { display: flex; }\n#sir .sn-mobile a {\n  font-family: 'Cinzel', serif;\n  font-size: 16px;\n  letter-spacing: 3px;\n  color: rgba(255,255,255,.8);\n  text-transform: uppercase;\n  transition: color .2s;\n}\n#sir .sn-mobile a:hover { color: var(--or); }\n\n\/* \u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .sh {\n  background: var(--m);\n  min-height: 580px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 80px 40px;\n  position: relative;\n  overflow: hidden;\n}\n#sir .sh::before {\n  content: '';\n  position: absolute; inset: 0;\n  background-image:\n    repeating-linear-gradient(0deg,  transparent, transparent 79px, rgba(184,150,12,.05) 80px),\n    repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(184,150,12,.05) 80px);\n  pointer-events: none;\n}\n#sir .sh::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, transparent, var(--or), transparent);\n}\n#sir .sh > * { position: relative; z-index: 1; }\n#sir .sh-orn {\n  font-family: 'Cinzel', serif;\n  font-size: 18px;\n  letter-spacing: 6px;\n  color: var(--or);\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  margin-bottom: 32px;\n  opacity: .9;\n}\n#sir .sh-orn::before, #sir .sh-orn::after {\n  content: '';\n  display: block;\n  width: 56px; height: 1px;\n  background: var(--or);\n  opacity: .5;\n}\n#sir .sh-title {\n  font-family: 'Cinzel', serif;\n  font-size: clamp(64px, 12vw, 108px);\n  font-weight: 600;\n  color: #fff;\n  letter-spacing: 20px;\n  line-height: 1;\n  margin-bottom: 22px;\n}\n#sir .sh-dot { color: var(--or); font-size: .55em; vertical-align: middle; }\n#sir .sh-sub {\n  font-family: 'Cinzel', serif;\n  font-size: 20px;\n  letter-spacing: 5px;\n  color: var(--or);\n  margin-bottom: 28px;\n}\n#sir .sh-divider {\n  width: 200px; height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(184,150,12,.5), transparent);\n  margin: 0 auto 32px;\n}\n#sir .sh-tag {\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  font-size: clamp(18px, 2.5vw, 25px);\n  color: rgba(255,255,255,.85);\n  max-width: 560px;\n  line-height: 1.75;\n  margin-bottom: 44px;\n}\n#sir .sh-cta {\n  display: inline-block;\n  border: 1px solid var(--or);\n  color: var(--or);\n  font-family: 'Cinzel', serif;\n  font-size: 18px;\n  letter-spacing: 4px;\n  padding: 15px 40px;\n  transition: all .25s;\n  cursor: pointer;\n  text-decoration: none;\n}\n#sir .sh-cta:hover { background: var(--or); color: var(--m); }\n\n\/* \u2550\u2550 SECTIONS COMMUNES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .ss  { padding: 88px max(32px, 5vw); }\n#sir .ss-alt { background: var(--cr); }\n#sir .ss-dk  { background: var(--m); }\n#sir .ss-hdr { text-align: center; margin-bottom: 56px; }\n#sir .ss-ey  {\n  font-family: 'Cinzel', serif;\n  font-size: 40px;\n  letter-spacing: 5px;\n  color: var(--or);\n  display: block;\n  margin-bottom: 14px;\n  text-transform: uppercase;\n}\n@media (max-width: 640px) {\n  #sir .ss-ey {\n    font-size: 18px;\n    letter-spacing: 2px;\n  }\n}\n#sir .ss-h2 {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1.8rem, 4vw, 2.8rem);\n  font-weight: 300;\n  color: var(--m);\n  line-height: 1.35;\n  margin-bottom: 14px;\n}\n#sir .ss-dk .ss-h2 { color: #fff; }\n#sir .ss-rule { width: 54px; height: 1px; background: var(--or); margin: 0 auto; }\n\n\/* \u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .sv-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 3px;\n  background: var(--or);\n  border: 1px solid var(--or);\n}\n#sir .sv-card {\n  background: #fff;\n  padding: 44px 40px;\n  transition: background .3s;\n  cursor: default;\n}\n#sir .sv-card:hover { background: var(--cr); }\n\n#sir .sv-ico {\n  width: 60px;\n  height: 60px;\n  margin-bottom: 22px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#sir .sv-ico img {\n  width: 60px;\n  height: 60px;\n  object-fit: contain;\n  display: block;\n}\n#sir .sv-ico svg {\n  width: 60px; height: 60px;\n  stroke: var(--or); fill: none;\n  stroke-width: 1.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#sir .sv-ico img {\n  max-width: 100%;\n  max-height: 100%;\n  display: block;\n}\n#sir .sv-name {\n  font-family: 'Cinzel', serif;\n  font-size: 18px;\n  letter-spacing: 2px;\n  color: var(--m);\n  display: block;\n  margin-bottom: 12px;\n}\n#sir .sv-desc {\n  font-size: 18px;\n  line-height: 1.8;\n  color: var(--td);\n  margin-bottom: 18px;\n}\n#sir .sv-list { list-style: none; }\n#sir .sv-list li {\n  font-size: 16px;\n  color: var(--td);\n  padding: 4px 0 4px 18px;\n  position: relative;\n}\n#sir .sv-list li::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 17px;\n  width: 8px; height: 1px;\n  background: var(--or);\n}\n\n\/* \u2550\u2550 PROMESSE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .sp-wrap {\n  background: var(--m);\n  padding: 60px max(32px, 8vw);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n#sir .sp-wrap::before {\n  content: '\"';\n  position: absolute;\n  top: -20px; left: 40px;\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 200px;\n  color: rgba(184,150,12,.06);\n  line-height: 1;\n  pointer-events: none;\n}\n#sir .sp-q {\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  font-size: clamp(19px, 3vw, 28px);\n  color: #fff;\n  line-height: 1.75;\n  max-width: 700px;\n  margin: 0 auto 16px;\n  position: relative;\n}\n#sir .sp-attr {\n  font-family: 'Cinzel', serif;\n  font-size: 30px;\n  letter-spacing: 5px;\n  color: var(--or);\n}\n\n\/* \u2550\u2550 ATOUTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .at-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 0;\n}\n#sir .at-item {\n  text-align: center;\n  padding: 44px 32px;\n  border-right: 1px solid rgba(184,150,12,.15);\n  transition: background .25s;\n}\n#sir .at-item:last-child { border-right: none; }\n#sir .at-item:hover { background: var(--cr); }\n#sir .at-num {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 58px;\n  font-weight: 300;\n  color: var(--or);\n  line-height: 1;\n  margin-bottom: 12px;\n}\n#sir .at-tit {\n  font-family: 'Cinzel', serif;\n  font-size: 16px;\n  letter-spacing: 3px;\n  color: var(--m);\n  display: block;\n  margin-bottom: 12px;\n}\n#sir .at-desc { font-size: 18px; color: var(--td); line-height: 1.8; }\n\n\/* \u2550\u2550 TARIFS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .ta-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 2px;\n  background: rgba(184,150,12,.18);\n  border: 1px solid rgba(184,150,12,.3);\n  max-width: 820px;\n  margin: 0 auto;\n}\n#sir .ta-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 26px;\n  background: var(--cr);\n  transition: background .2s;\n  gap: 12px;\n}\n#sir .ta-row:hover { background: #fff; }\n#sir .ta-nom { font-size: 18px; color: var(--m); }\n#sir .ta-prix {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 19px;\n  color: var(--or);\n  font-style: italic;\n  white-space: nowrap;\n}\n#sir .ta-note {\n  text-align: center;\n  margin-top: 22px;\n  font-style: italic;\n  font-size: 13px;\n  color: var(--td);\n}\n\n\/* \u2550\u2550 ZONE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .zo-map {\n  border: 1px solid rgba(184,150,12,.3);\n  background: var(--cr);\n  padding: 36px;\n  max-width: 640px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n}\n#sir .zo-main {\n  grid-column: span 3;\n  background: var(--m);\n  color: #fff;\n  font-family: 'Cinzel', serif;\n  font-size: 11.5px;\n  letter-spacing: 3px;\n  padding: 15px;\n  text-align: center;\n}\n#sir .zo-chip {\n  background: #fff;\n  border: .5px solid rgba(184,150,12,.4);\n  padding: 10px 12px;\n  font-size: 13px;\n  color: var(--m);\n  text-align: center;\n  transition: background .2s;\n}\n#sir .zo-chip:hover { background: var(--cr); }\n#sir .zo-note {\n  text-align: center;\n  margin-top: 20px;\n  font-style: italic;\n  font-size: 13px;\n  color: var(--td);\n}\n\n\/* \u2550\u2550 CONTACT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .co-layout {\n  display: grid;\n  grid-template-columns: 1fr 1.3fr;\n  gap: 3px;\n  background: rgba(184,150,12,.2);\n  border: 1px solid rgba(184,150,12,.3);\n  max-width: 900px;\n  margin: 0 auto;\n}\n#sir .co-infos {\n  background: var(--ml);\n  padding: 48px 38px;\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n}\n#sir .co-lbl {\n  font-family: 'Cinzel', serif;\n  font-size: 24px;\n  letter-spacing: 2px;\n  color: var(--or);\n  display: block;\n  margin-bottom: 4px;\n}\n#sir .co-val { font-size: 20px; color: #fff; line-height: 1.6; }\n#sir .co-val a { color: #fff; transition: color .2s; }\n#sir .co-val a:hover { color: var(--or); }\n#sir .co-det { font-size: 16px; color: rgba(255,255,255,.4); font-style: italic; margin-top: 4px; }\n#sir .co-sep { height: 1px; background: rgba(184,150,12,.2); }\n\n\/* \u2550\u2550 FORMULAIRE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .fo-wrap { background: #091D33; padding: 48px 38px; }\n#sir .fo-row  { margin-bottom: 22px; }\n#sir .fo-row2 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 18px;\n  margin-bottom: 22px;\n}\n#sir .fo-lbl {\n  font-family: 'Cinzel', serif;\n  font-size: 16px;\n  letter-spacing: 3px;\n  color: var(--or);\n  display: block;\n  margin-bottom: 7px;\n}\n#sir .fo-input,\n#sir .fo-sel,\n#sir .fo-txt {\n  width: 100%;\n  background: rgba(255,255,255,.04);\n  border: none;\n  border-bottom: 1px solid rgba(184,150,12,.3);\n  border-radius: 0;\n  color: #fff;\n  font-family: 'EB Garamond', serif;\n  font-size: 20px;\n  padding: 9px 0;\n  outline: none;\n  transition: border-color .2s;\n  -webkit-appearance: none;\n  appearance: none;\n}\n#sir .fo-input::placeholder,\n#sir .fo-txt::placeholder  { color: rgba(255,255,255,.22); font-style: italic; }\n#sir .fo-input:focus,\n#sir .fo-sel:focus,\n#sir .fo-txt:focus  { border-bottom-color: var(--or); }\n#sir .fo-sel {\n  cursor: pointer;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B8960C' stroke-width='1.2' fill='none'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 6px center;\n  padding-right: 24px;\n}\n#sir .fo-sel option { background: #0D2340; color: #fff; }\n#sir .fo-txt { resize: none; height: 90px; line-height: 1.7; }\n#sir .fo-btn {\n  width: 100%;\n  margin-top: 8px;\n  background: none;\n  border: 1px solid var(--or);\n  border-radius: 0;\n  color: var(--or);\n  font-family: 'Cinzel', serif;\n  font-size: 18px;\n  letter-spacing: 4px;\n  padding: 16px;\n  cursor: pointer;\n  transition: all .25s;\n}\n#sir .fo-btn:hover { background: var(--or); color: var(--m); }\n#sir .fo-btn:disabled { opacity: .5; cursor: not-allowed; }\n#sir .fo-ok,\n#sir .fo-err { display: none; margin-top: 16px; padding: 13px; text-align: center; font-size: 20px; font-style: italic; }\n#sir .fo-ok.on  { display: block; border: 1px solid rgba(184,150,12,.4); color: var(--or); }\n#sir .fo-err.on { display: block; border: 1px solid rgba(220,80,80,.4);  color: #e88; }\n\n\/* \u2550\u2550 FOOTER INTERNE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#sir .sf {\n  background: #060E1A;\n  border-top: 2px solid var(--or);\n  padding: 28px 48px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n#sir .sf-logo {\n  font-family: 'Cinzel', serif;\n  font-size: 30px;\n  color: #fff;\n  letter-spacing: 6px;\n}\n#sir .sf-logo span { color: var(--or); }\n#sir .sf-links { display: flex; gap: 24px; flex-wrap: wrap; }\n#sir .sf-links a {\n  font-family: 'Cinzel', serif;\n  font-size: 18px;\n  letter-spacing: 2.5px;\n  color: rgba(255,255,255,.35);\n  text-transform: uppercase;\n  transition: color .2s;\n}\n#sir .sf-links a:hover { color: var(--or); }\n#sir .sf-copy {\n  font-size: 11.5px;\n  color: rgba(255,255,255,.25);\n  letter-spacing: .5px;\n}\n\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 900px) {\n  #sir .sv-grid { grid-template-columns: 1fr; }\n  #sir .at-grid { grid-template-columns: 1fr; }\n  #sir .at-item { border-right: none; border-bottom: 1px solid rgba(184,150,12,.15); }\n  #sir .at-item:last-child { border-bottom: none; }\n  #sir .co-layout { grid-template-columns: 1fr; }\n  #sir .ta-grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 640px) {\n  #sir .sn { padding: 0 24px; }\n  #sir .sn-links { display: none; }\n  #sir .sn-burger { display: flex; }\n  #sir .sh { padding: 64px 24px; }\n  #sir .sh-title { font-size: 52px; letter-spacing: 10px; }\n  #sir .ss { padding: 60px 24px; }\n  #sir .sp-wrap { padding: 48px 24px; }\n  #sir .sf { padding: 24px; flex-direction: column; align-items: flex-start; }\n  #sir .fo-row2 { grid-template-columns: 1fr; }\n  #sir .zo-map { grid-template-columns: repeat(2,1fr); }\n  #sir .zo-main { grid-column: span 2; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SIR \u2014 SERVICE INFORMATIQUE ROCHELAIS\n     Coller ce bloc entier dans un bloc \"HTML personnalis\u00e9\" Gutenberg\n     sur la page d'accueil WordPress.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<div id=\"sir\">\n\n  <!-- NAV FIXE -->\n  <nav class=\"sn\" id=\"sir-nav\">\n    <div class=\"sn-logo\">S<span>\u00b7<\/span>I<span>\u00b7<\/span>R<\/div>\n    <ul class=\"sn-links\">\n      <li><a href=\"#sir-services\">Services<\/a><\/li>\n      <li><a href=\"#sir-tarifs\">Tarifs<\/a><\/li>\n      <li><a href=\"#sir-zone\">Zone<\/a><\/li>\n      <li><a href=\"#sir-contact\">Contact<\/a><\/li>\n    <\/ul>\n    <div class=\"sn-burger\" id=\"sir-burger\" onclick=\"document.getElementById('sir-menu').classList.toggle('open')\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n  <\/nav>\n  <div class=\"sn-mobile\" id=\"sir-menu\">\n    <a href=\"#sir-services\" onclick=\"document.getElementById('sir-menu').classList.remove('open')\">Services<\/a>\n    <a href=\"#sir-tarifs\"   onclick=\"document.getElementById('sir-menu').classList.remove('open')\">Tarifs<\/a>\n    <a href=\"#sir-zone\"     onclick=\"document.getElementById('sir-menu').classList.remove('open')\">Zone<\/a>\n    <a href=\"#sir-contact\"  onclick=\"document.getElementById('sir-menu').classList.remove('open')\">Contact<\/a>\n  <\/div>\n  <div class=\"sn-spacer\"><\/div>\n\n  <!-- HERO -->\n  <section class=\"sh\">\n    <div class=\"sh-orn\">AGGLOM\u00c9RATION ROCHELAISE<\/div>\n    <div class=\"sh-title\">S<span class=\"sh-dot\">\u00b7<\/span>I<span class=\"sh-dot\">\u00b7<\/span>R<\/div>\n    <div class=\"sh-sub\">SERVICE INFORMATIQUE ROCHELAIS<\/div>\n    <div class=\"sh-divider\"><\/div>\n    <p class=\"sh-tag\">Votre informatique, simple et sereine \u2014<br>\u00e0 domicile, \u00e0 votre rythme.<\/p>\n    <a class=\"sh-cta\" href=\"#sir-contact\">NOUS CONTACTER<\/a>\n  <\/section>\n\n  <!-- SERVICES -->\n  <section class=\"ss\" id=\"sir-services\">\n    <div class=\"ss-hdr\">\n      <span class=\"ss-ey\">NOS PRESTATIONS<\/span>\n      <h2 class=\"ss-h2\">Un accompagnement complet,<br>de la panne \u00e0 la ma\u00eetrise<\/h2>\n      <div class=\"ss-rule\"><\/div>\n    <\/div>\n    <div class=\"sv-grid\">\n\n      <div class=\"sv-card\">\n        <div class=\"sv-ico\">\n             <img decoding=\"async\" class=\"icon-center\" src=\"\/wp-content\/plugins\/wp-file-manager\/images\/ecran.png\" alt=\"\u00e9cran\">\n        <\/div>\n        <span class=\"sv-name\">D\u00c9PANNAGE \u00c0 DOMICILE<\/span>\n        <p class=\"sv-desc\">Intervention rapide chez vous, sous 24h sur l&rsquo;agglom\u00e9ration rochelaise. Diagnostic complet inclus.<\/p>\n        <ul class=\"sv-list\">\n          <li>Suppression virus &amp; malwares<\/li>\n          <li>Pannes, plantages, lenteurs<\/li>\n          <li>R\u00e9cup\u00e9ration de donn\u00e9es<\/li>\n          <li>R\u00e9seau, Wi-Fi, imprimante<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"sv-card\">\n        <div class=\"sv-ico\">\n           <img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-file-manager\/images\/imprimante.png\" alt=\"installation\">\n        <\/div>\n        <span class=\"sv-name\">INSTALLATION &amp; CONFIGURATION<\/span>\n        <p class=\"sv-desc\">Mise en service compl\u00e8te de vos appareils, transfert de donn\u00e9es, param\u00e9trage r\u00e9seau.<\/p>\n        <ul class=\"sv-list\">\n          <li>PC, Mac, tablettes, smartphones<\/li>\n          <li>Box internet, routeur Wi-Fi<\/li>\n          <li>Logiciels, cloud, sauvegarde<\/li>\n          <li>TV box, objets connect\u00e9s<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"sv-card\">\n        <div class=\"sv-ico\">\n           <img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-file-manager\/images\/entretien.png\" alt=\"entretien\">\n        <\/div>\n        <span class=\"sv-name\">ENTRETIEN &amp; MAINTENANCE<\/span>\n        <p class=\"sv-desc\">Contrats de suivi r\u00e9gulier pour une tranquillit\u00e9 d&rsquo;esprit totale, toute l&rsquo;ann\u00e9e.<\/p>\n        <ul class=\"sv-list\">\n          <li>Visites semestrielles pr\u00e9ventives<\/li>\n          <li>Assistance t\u00e9l\u00e9phonique illimit\u00e9e<\/li>\n          <li>Mises \u00e0 jour &amp; s\u00e9curit\u00e9<\/li>\n          <li>Tarif pr\u00e9f\u00e9rentiel sur interventions<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"sv-card\">\n        <div class=\"sv-ico\">\n           <img decoding=\"async\" src=\"\/wp-content\/plugins\/wp-file-manager\/images\/formation.png\" alt=\"formation\">\n        <\/div>\n        <span class=\"sv-name\">FORMATION PERSONNALIS\u00c9E<\/span>\n        <p class=\"sv-desc\">Cours individuels \u00e0 domicile, enti\u00e8rement adapt\u00e9s \u00e0 votre niveau et \u00e0 votre rythme.<\/p>\n        <ul class=\"sv-list\">\n          <li>Internet, messagerie, visioconf\u00e9rence<\/li>\n          <li>D\u00e9marches en ligne (imp\u00f4ts, ameli\u2026)<\/li>\n          <li>Bureautique, photos, r\u00e9seaux sociaux<\/li>\n          <li>S\u00e9curit\u00e9 num\u00e9rique<\/li>\n        <\/ul>\n      <\/div>\n\n\n    <\/div>\n    <div style=\"text-align: center; margin-top: 40px;\">\n    <a class=\"sh-cta\" href=\"#sir-contact\">NOUS CONTACTER<\/a>\n<\/div>\n  <\/section>\n\n  <!-- PROMESSE -->\n  <div class=\"sp-wrap\">\n    <p class=\"sp-q\">\u00ab\u00a0Une relation de confiance, une expertise sans jargon,<br>une tranquillit\u00e9 d&rsquo;esprit retrouv\u00e9e.\u00a0\u00bb<\/p>\n    <p class=\"sp-attr\">\u2726 &nbsp; S \u00b7 I \u00b7 R &nbsp; \u2726<\/p>\n  <\/div>\n\n  <!-- ATOUTS -->\n  <section class=\"ss\">\n    <div class=\"ss-hdr\">\n      <span class=\"ss-ey\">POURQUOI NOUS CHOISIR<\/span>\n      <h2 class=\"ss-h2\">Trois engagements,<br>une seule priorit\u00e9 : vous<\/h2>\n      <div class=\"ss-rule\"><\/div>\n    <\/div>\n    <div class=\"at-grid\">\n      <div class=\"at-item\">\n        <div class=\"at-num\">24h<\/div>\n        <span class=\"at-tit\">R\u00c9ACTIVIT\u00c9<\/span>\n        <p class=\"at-desc\">Intervention garantie sous 24h sur toute l&rsquo;agglom\u00e9ration rochelaise, y compris le week-end sur rendez-vous.<\/p>\n      <\/div>\n      <div class=\"at-item\">\n        <div class=\"at-num\">0 \u20ac<\/div>\n        <span class=\"at-tit\">DEVIS GRATUIT<\/span>\n        <p class=\"at-desc\">Diagnostic et devis syst\u00e9matiquement offerts. Tarifs clairs, annonc\u00e9s avant toute intervention. Aucune surprise.<\/p>\n      <\/div>\n      <div class=\"at-item\">\n        <div class=\"at-num\">+5<\/div>\n        <span class=\"at-tit\">ANS D&rsquo;EXPERTISE<\/span>\n        <p class=\"at-desc\">Un technicien d\u00e9di\u00e9 qui apprend \u00e0 conna\u00eetre vos \u00e9quipements et votre fa\u00e7on d&rsquo;utiliser l&rsquo;informatique.<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"text-align: center; margin-top: 40px;\">\n    <a class=\"sh-cta\" href=\"#sir-contact\">NOUS CONTACTER<\/a>\n  <\/section>\n\n  <!-- TARIFS -->\n  <section class=\"ss ss-alt\" id=\"sir-tarifs\">\n    <div class=\"ss-hdr\">\n      <span class=\"ss-ey\">GRILLE TARIFAIRE<\/span>\n      <h2 class=\"ss-h2\">Des tarifs transparents,<br>sans mauvaise surprise<\/h2>\n      <div class=\"ss-rule\"><\/div>\n    <\/div>\n    <div class=\"ta-grid\">\n      <div class=\"ta-row\"><span class=\"ta-nom\">Diagnostic<\/span><span class=\"ta-prix\">0 \u20ac<\/span><\/div>\n      <div class=\"ta-row\"><span class=\"ta-nom\">D\u00e9pannage standard (~1h)<\/span><span class=\"ta-prix\">40 \u20ac<\/span><\/div>\n      <div class=\"ta-row\"><span class=\"ta-nom\">D\u00e9pannage avanc\u00e9 (~2h)<\/span><span class=\"ta-prix\">90 \u20ac<\/span><\/div>\n      <div class=\"ta-row\"><span class=\"ta-nom\">Installation compl\u00e8te PC\/Mac<\/span><span class=\"ta-prix\">75 \u20ac<\/span><\/div>\n      <div class=\"ta-row\"><span class=\"ta-nom\">Configuration r\u00e9seau \/ box<\/span><span class=\"ta-prix\">50 \u20ac<\/span><\/div>\n      <div class=\"ta-row\"><span class=\"ta-nom\">Formation individuelle (1h)<\/span><span class=\"ta-prix\">45 \u20ac<\/span><\/div>\n      <div class=\"ta-row\"><span class=\"ta-nom\">Forfait formation 5h<\/span><span class=\"ta-prix\">200 \u20ac<\/span><\/div>\n      <div class=\"ta-row\"><span class=\"ta-nom\">Contrat entretien mensuel<\/span><span class=\"ta-prix\">20 \u20ac\/mois<\/span><\/div>\n    <\/div>\n    <p class=\"ta-note\">Devis gratuit avant toute intervention \u00b7 Pas de TVA (franchise en base)<\/p>\n    <div style=\"text-align: center; margin-top: 40px;\">\n    <a class=\"sh-cta\" href=\"#sir-contact\">NOUS CONTACTER<\/a>\n  <\/section>\n\n  <!-- ZONE -->\n  <section class=\"ss\" id=\"sir-zone\">\n    <div class=\"ss-hdr\">\n      <span class=\"ss-ey\">ZONE D&rsquo;INTERVENTION<\/span>\n      <h2 class=\"ss-h2\">La Rochelle et ses environs<\/h2>\n      <div class=\"ss-rule\"><\/div>\n    <\/div>\n    <div class=\"zo-map\">\n      <div class=\"zo-main\">LA ROCHELLE \u2014 CENTRE &amp; QUARTIERS<\/div>\n      <div class=\"zo-chip\">P\u00e9rigny<\/div>\n      <div class=\"zo-chip\">Aytr\u00e9<\/div>\n      <div class=\"zo-chip\">Lagord<\/div>\n      <div class=\"zo-chip\">L&rsquo;Houmeau<\/div>\n      <div class=\"zo-chip\">Angoulins<\/div>\n      <div class=\"zo-chip\">Nieul-sur-Mer<\/div>\n      <div class=\"zo-chip\">Puilboreau<\/div>\n      <div class=\"zo-chip\">Dompierre<\/div>\n      <div class=\"zo-chip\">\u00cele de R\u00e9<\/div>\n    <\/div>\n    <p class=\"zo-note\"> D\u00e9placement offert hors \u00cele de R\u00e9.<\/p>\n  <\/section>\n\n  <!-- CONTACT -->\n  <section class=\"ss ss-dk\" id=\"sir-contact\">\n    <div class=\"ss-hdr\">\n      <span class=\"ss-ey\">CONTACT<\/span>\n      <h2 class=\"ss-h2\">\u00c9crivez-nous,<br>nous r\u00e9pondons sous 2h<\/h2>\n      <div class=\"ss-rule\"><\/div>\n    <\/div>\n    <div class=\"co-layout\">\n\n      <div class=\"co-infos\">\n        <div>\n          <span class=\"co-lbl\">T\u00c9L\u00c9PHONE<\/span>\n          <div class=\"co-val\"><a href=\"tel:+33636395131\">06 36 39 51 31<\/a><\/div>\n          <div class=\"co-det\">7j\/7 \u00b7 9h\u201320h<\/div>\n        <\/div>\n        <div class=\"co-sep\"><\/div>\n        <div>\n          <span class=\"co-lbl\">E-MAIL<\/span>\n          <div class=\"co-val\"><a href=\"mailto:contact@sir17.fr\">contact@sir17.fr<\/a><\/div>\n          <div class=\"co-det\">R\u00e9ponse sous 2h en semaine<\/div>\n        <\/div>\n        <div class=\"co-sep\"><\/div>\n        <div>\n          <span class=\"co-lbl\">SITE WEB<\/span>\n          <div class=\"co-val\"><a href=\"https:\/\/sir17.fr\">sir17.fr<\/a><\/div>\n        <\/div>\n        <div class=\"co-sep\"><\/div>\n        <div>\n          <span class=\"co-lbl\">ZONE<\/span>\n          <div class=\"co-val\" style=\"font-size:14px;line-height:1.8\">La Rochelle &amp; agglom\u00e9ration<br>Intervention sous 24h<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"fo-wrap\">\n        <form id=\"sir-form\" action=\"https:\/\/formspree.io\/f\/\/xqewjovp\" method=\"POST\" novalidate>\n          <div class=\"fo-row2\">\n            <div>\n              <label class=\"fo-lbl\" for=\"sir-prenom\">PR\u00c9NOM<\/label>\n              <input class=\"fo-input\" type=\"text\" id=\"sir-prenom\" name=\"prenom\" placeholder=\"Marie\" required>\n            <\/div>\n            <div>\n              <label class=\"fo-lbl\" for=\"sir-nom\">NOM<\/label>\n              <input class=\"fo-input\" type=\"text\" id=\"sir-nom\" name=\"nom\" placeholder=\"Dupont\" required>\n            <\/div>\n          <\/div>\n          <div class=\"fo-row\">\n            <label class=\"fo-lbl\" for=\"sir-email\">ADRESSE E-MAIL<\/label>\n            <input class=\"fo-input\" type=\"email\" id=\"sir-email\" name=\"email\" placeholder=\"marie.dupont@email.fr\" required>\n          <\/div>\n          <div class=\"fo-row\">\n            <label class=\"fo-lbl\" for=\"sir-tel\">T\u00c9L\u00c9PHONE<\/label>\n            <input class=\"fo-input\" type=\"tel\" id=\"sir-tel\" name=\"telephone\" placeholder=\"06 XX XX XX XX\">\n          <\/div>\n          <div class=\"fo-row\">\n            <label class=\"fo-lbl\" for=\"sir-svc\">TYPE DE PRESTATION<\/label>\n            <select class=\"fo-sel\" id=\"sir-svc\" name=\"service\">\n              <option value=\"\">S\u00e9lectionnez une prestation\u2026<\/option>\n              <option value=\"depannage\">D\u00e9pannage \u00e0 domicile<\/option>\n              <option value=\"installation\">Installation &amp; configuration<\/option>\n              <option value=\"formation\">Formation personnalis\u00e9e<\/option>\n              <option value=\"entretien\">Contrat d&rsquo;entretien<\/option>\n              <option value=\"autre\">Autre \/ Question g\u00e9n\u00e9rale<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"fo-row\">\n            <label class=\"fo-lbl\" for=\"sir-msg\">VOTRE MESSAGE<\/label>\n            <textarea class=\"fo-txt\" id=\"sir-msg\" name=\"message\" placeholder=\"D\u00e9crivez bri\u00e8vement votre besoin\u2026\" required><\/textarea>\n          <\/div>\n          <input type=\"text\" name=\"_gotcha\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\">\n          <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande \u2014 S.I.R Service Informatique Rochelais\">\n          <button class=\"fo-btn\" type=\"submit\" id=\"sir-btn\">ENVOYER LA DEMANDE<\/button>\n          <div class=\"fo-ok\"  id=\"sir-ok\"><\/div>\n          <div class=\"fo-err\" id=\"sir-err\"><\/div>\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER INTERNE -->\n  <div class=\"sf\">\n    <div class=\"sf-logo\">S<span>\u00b7<\/span>I<span>\u00b7<\/span>R<\/div>\n    <div class=\"sf-links\">\n      <a href=\"#sir-services\">Services<\/a>\n      <a href=\"#sir-tarifs\">Tarifs<\/a>\n      <a href=\"#sir-zone\">Zone<\/a>\n      <a href=\"#sir-contact\">Contact<\/a>\n      <a href=\"\/index.php\/mentions-legales\">Mentions l\u00e9gales<\/a>\n    <\/div>\n    <div class=\"sf-copy\">\u00a9 2026 \u00b7 Service Informatique Rochelais<\/div>\n  <\/div>\n\n<\/div><!-- \/#sir -->\n\n<script>\n(function () {\n  \/* \u2500\u2500 Scroll nav shadow \u2500\u2500 *\/\n  var nav = document.getElementById('sir-nav');\n  if (nav) {\n    window.addEventListener('scroll', function () {\n      nav.classList.toggle('scrolled', window.scrollY > 20);\n    }, { passive: true });\n  }\n\n  \/* \u2500\u2500 Smooth scroll ancres internes \u2500\u2500 *\/\n  document.querySelectorAll('#sir a[href^=\"#\"]').forEach(function (a) {\n    a.addEventListener('click', function (e) {\n      var id = a.getAttribute('href').slice(1);\n      var el = document.getElementById(id);\n      if (el) {\n        e.preventDefault();\n        el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    });\n  });\n\n  \/* \u2500\u2500 Formulaire Formspree \u2500\u2500 *\/\n  var form = document.getElementById('sir-form');\n  var btn  = document.getElementById('sir-btn');\n  var ok   = document.getElementById('sir-ok');\n  var err  = document.getElementById('sir-err');\n  if (!form) return;\n\n  form.addEventListener('submit', async function (e) {\n    e.preventDefault();\n    ok.className  = 'fo-ok';\n    err.className = 'fo-err';\n    btn.disabled  = true;\n    btn.textContent = 'ENVOI EN COURS\u2026';\n    try {\n      var r = await fetch(form.action, {\n        method: 'POST',\n        body: new FormData(form),\n        headers: { 'Accept': 'application\/json' }\n      });\n      if (r.ok) {\n        form.reset();\n        ok.className   = 'fo-ok on';\n        ok.textContent = '\u2726  Message envoy\u00e9 \u2014 nous vous r\u00e9pondons sous 2h.  \u2726';\n        btn.textContent = 'MESSAGE ENVOY\u00c9 \u2726';\n      } else { throw new Error(); }\n    } catch (_) {\n      err.className   = 'fo-err on';\n      err.textContent = 'Erreur d'envoi. Merci de r\u00e9essayer ou d'appeler le 06 36 39 51 31.';\n      btn.disabled    = false;\n      btn.textContent = 'ENVOYER LA DEMANDE';\n    }\n  });\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u00b7I\u00b7R Services Tarifs Zone Contact Services Tarifs Zone Contact AGGLOM\u00c9RATION ROCHELAISE S\u00b7I\u00b7R SERVICE INFORMATIQUE ROCHELAIS Votre informatique, simple et sereine [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sir17.fr\/index.php\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sir17.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sir17.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sir17.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sir17.fr\/index.php\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":108,"href":"https:\/\/sir17.fr\/index.php\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/sir17.fr\/index.php\/wp-json\/wp\/v2\/pages\/94\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/sir17.fr\/index.php\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}