1<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Prix dâun site internet et suivi mensuel | OctoGency</title>
1<script>document.documentElement.classList.add("js");if(document.cookie.indexOf("og_presence=")>-1)document.documentElement.classList.add("presence")</script>
1<style id="nuxt-ui-colors">@layer theme { 2 :root, :host { 3 --ui-color-primary-50: var(--color-octo-50, ); 4 --ui-color-primary-100: var(--color-octo-100, ); 5 --ui-color-primary-200: var(--color-octo-200, ); 6 --ui-color-primary-300: var(--color-octo-300, ); 7 --ui-color-primary-400: var(--color-octo-400, ); 8 --ui-color-primary-500: var(--color-octo-500, ); 9 --ui-color-primary-600: var(--color-octo-600, ); 10 --ui-color-primary-700: var(--color-octo-700, ); 11 --ui-color-primary-800: var(--color-octo-800, ); 12 --ui-color-primary-900: var(--color-octo-900, ); 13 --ui-color-primary-950: var(--color-octo-950, ); 14 --ui-color-secondary-50: var(--color-blue-50, oklch(97% 0.014 254.604)); 15 --ui-color-secondary-100: var(--color-blue-100, oklch(93.2% 0.032 255.585)); 16 --ui-color-secondary-200: var(--color-blue-200, oklch(88.2% 0.059 254.128)); 17 --ui-color-secondary-300: var(--color-blue-300, oklch(80.9% 0.105 251.813)); 18 --ui-color-secondary-400: var(--color-blue-400, oklch(70.7% 0.165 254.624)); 19 --ui-color-secondary-500: var(--color-blue-500, oklch(62.3% 0.214 259.815)); 20 --ui-color-secondary-600: var(--color-blue-600, oklch(54.6% 0.245 262.881)); 21 --ui-color-secondary-700: var(--color-blue-700, oklch(48.8% 0.243 264.376)); 22 --ui-color-secondary-800: var(--color-blue-800, oklch(42.4% 0.199 265.638)); 23 --ui-color-secondary-900: var(--color-blue-900, oklch(37.9% 0.146 265.522)); 24 --ui-color-secondary-950: var(--color-blue-950, oklch(28.2% 0.091 267.935)); 25 --ui-color-success-50: var(--color-green-50, oklch(98.2% 0.018 155.826)); 26 --ui-color-success-100: var(--color-green-100, oklch(96.2% 0.044 156.743)); 27 --ui-color-success-200: var(--color-green-200, oklch(92.5% 0.084 155.995)); 28 --ui-color-success-300: var(--color-green-300, oklch(87.1% 0.15 154.449)); 29 --ui-color-success-400: var(--color-green-400, oklch(79.2% 0.209 151.711)); 30 --ui-color-success-500: var(--color-green-500, oklch(72.3% 0.219 149.579)); 31 --ui-color-success-600: var(--color-green-600, oklch(62.7% 0.194 149.214)); 32 --ui-color-success-700: var(--color-green-700, oklch(52.7% 0.154 150.069)); 33 --ui-color-success-800: var(--color-green-800, oklch(44.8% 0.119 151.328)); 34 --ui-color-success-900: var(--color-green-900, oklch(39.3% 0.095 152.535)); 35 --ui-color-success-950: var(--color-green-950, oklch(26.6% 0.065 152.934)); 36 --ui-color-info-50: var(--color-blue-50, oklch(97% 0.014 254.604)); 37 --ui-color-info-100: var(--color-blue-100, oklch(93.2% 0.032 255.585)); 38 --ui-color-info-200: var(--color-blue-200, oklch(88.2% 0.059 254.128)); 39 --ui-color-info-300: var(--color-blue-300, oklch(80.9% 0.105 251.813)); 40 --ui-color-info-400: var(--color-blue-400, oklch(70.7% 0.165 254.624)); 41 --ui-color-info-500: var(--color-blue-500, oklch(62.3% 0.214 259.815)); 42 --ui-color-info-600: var(--color-blue-600, oklch(54.6% 0.245 262.881)); 43 --ui-color-info-700: var(--color-blue-700, oklch(48.8% 0.243 264.376)); 44 --ui-color-info-800: var(--color-blue-800, oklch(42.4% 0.199 265.638)); 45 --ui-color-info-900: var(--color-blue-900, oklch(37.9% 0.146 265.522)); 46 --ui-color-info-950: var(--color-blue-950, oklch(28.2% 0.091 267.935)); 47 --ui-color-warning-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212)); 48 --ui-color-warning-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193)); 49 --ui-color-warning-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54)); 50 --ui-color-warning-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111)); 51 --ui-color-warning-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936)); 52 --ui-color-warning-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047)); 53 --ui-color-warning-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834)); 54 --ui-color-warning-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442)); 55 --ui-color-warning-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907)); 56 --ui-color-warning-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708)); 57 --ui-color-warning-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813)); 58 --ui-color-error-50: var(--color-red-50, oklch(97.1% 0.013 17.38)); 59 --ui-color-error-100: var(--color-red-100, oklch(93.6% 0.032 17.717)); 60 --ui-color-error-200: var(--color-red-200, oklch(88.5% 0.062 18.334)); 61 --ui-color-error-300: var(--color-red-300, oklch(80.8% 0.114 19.571)); 62 --ui-color-error-400: var(--color-red-400, oklch(70.4% 0.191 22.216)); 63 --ui-color-error-500: var(--color-red-500, oklch(63.7% 0.237 25.331)); 64 --ui-color-error-600: var(--color-red-600, oklch(57.7% 0.245 27.325)); 65 --ui-color-error-700: var(--color-red-700, oklch(50.5% 0.213 27.518)); 66 --ui-color-error-800: var(--color-red-800, oklch(44.4% 0.177 26.899)); 67 --ui-color-error-900: var(--color-red-900, oklch(39.6% 0.141 25.723)); 68 --ui-color-error-950: var(--color-red-950, oklch(25.8% 0.092 26.042)); 69 --ui-color-neutral-50: var(--color-slate-50, oklch(98.4% 0.003 247.858)); 70 --ui-color-neutral-100: var(--color-slate-100, oklch(96.8% 0.007 247.896)); 71 --ui-color-neutral-200: var(--color-slate-200, oklch(92.9% 0.013 255.508)); 72 --ui-color-neutral-300: var(--color-slate-300, oklch(86.9% 0.022 252.894)); 73 --ui-color-neutral-400: var(--color-slate-400, oklch(70.4% 0.04 256.788)); 74 --ui-color-neutral-500: var(--color-slate-500, oklch(55.4% 0.046 257.417)); 75 --ui-color-neutral-600: var(--color-slate-600, oklch(44.6% 0.043 257.281)); 76 --ui-color-neutral-700: var(--color-slate-700, oklch(37.2% 0.044 257.287)); 77 --ui-color-neutral-800: var(--color-slate-800, oklch(27.9% 0.041 260.031)); 78 --ui-color-neutral-900: var(--color-slate-900, oklch(20.8% 0.042 265.755)); 79 --ui-color-neutral-950: var(--color-slate-950, oklch(12.9% 0.042 264.695)); 80 } 81 :root, :host, .light { 82 --ui-primary: var(--ui-color-primary-500); 83 --ui-secondary: var(--ui-color-secondary-500); 84 --ui-success: var(--ui-color-success-500); 85 --ui-info: var(--ui-color-info-500); 86 --ui-warning: var(--ui-color-warning-500); 87 --ui-error: var(--ui-color-error-500); 88 } 89 .dark { 90 --ui-primary: var(--ui-color-primary-400); 91 --ui-secondary: var(--ui-color-secondary-400); 92 --ui-success: var(--ui-color-success-400); 93 --ui-info: var(--ui-color-info-400); 94 --ui-warning: var(--ui-color-warning-400); 95 --ui-error: var(--ui-color-error-400); 96 } 97}</style><link rel="stylesheet" href="/_nuxt/entry.E5OTrmTQ.css" crossorigin><style>@layer base {:where(.i-lucide\:arrow-right){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7l7 7l-7 7'/%3E%3C/svg%3E")}:where(.i-lucide\:briefcase){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E")}
97:where(.i-lucide\:check){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}:where(.i-lucide\:chevron-down){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E")}:where(.i-lucide\:circle-user-round){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17.925 20.056a6 6 0 0 0-11.851.001'/%3E%3Ccircle cx='12' cy='11' r='4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:clock){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:compass){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76l-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:cpu){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v2m0-20v2m5 16v2m0-20v2M2 12h2m-2 5h2M2 7h2m16 5h2m-2 5h2M20 7h2M7 20v2M7 2v2'/%3E%3Crect width='16' height='16' x='4' y='4' rx='2'/%3E%3Crect width='8' height='8' x='8' y='8' rx='1'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:feather){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.67 19a2 2 0 0 0 1.416-.588l6.154-6.172a6 6 0 0 0-8.49-8.49L5.586 9.914A2 2 0 0 0 5 11.328V18a1 1 0 0 0 1 1zM16 8L2 22m15.5-7H9'/%3E%3C/svg%3E")}:where(.i-lucide\:gem){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.5 3L8 9l4 13l4-13l-2.5-6'/%3E%3Cpath d='M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3zM2 9h20'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:mail){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:map-pin){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:menu){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5h16M4 12h16M4 19h16'/%3E%3C/svg%3E")}:where(.i-lucide\:octagon){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z'/%3E%3C/svg%3E")}:where(.i-lucide\:phone){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2
970 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233a14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E")}:where(.i-lucide\:rotate-ccw){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9a9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:shield-check){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E")}}</style><link rel="preload" as="fetch" crossorigin="anonymous" href="/tarifs/_payload.json?d0e85044-a3cd-4e20-a83a-be31547e33e9"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BaoZiwz8.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CoY0vmPw.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BORNfqrn.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CXE-p9ac.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BC7AH4TR.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CXIv55y1.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/_vm8VxG5.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CMqeh56g.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BY66sr-4.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/_q3gYatR.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/wEZSGM4I.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CfKgQ5j5.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BDo0HNvm.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DyxsZep8.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BBtpIJHK.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CunpiINq.js">
97<script type="module" src="/_nuxt/BaoZiwz8.js" crossorigin></script>
97<meta name="msvalidate.01" content="38DE7A4A02F98ABC91608BC719F32FCF"><link rel="icon" href="/favicon.ico" sizes="32x32"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://octogency.com/tarifs">
97<script type="application/ld+json" id="octogency-schema">{"@context":"https://schema.org","@graph":[{"@type":"LocalBusiness","@id":"https://octogency.com/#agence","name":"OctoGency","legalName":"OctoGency SARL","url":"https://octogency.com/","logo":"https://octogency.com/icon-512.png","image":"https://octogency.com/img/og.png","description":"Sites internet, applications métier et intelligence artificielle conçus, hébergés et suivis par OctoGency depuis Castres.","telephone":"+33563754575","vatID":"FR79844727594","foundingDate":"2018","priceRange":"â¬â¬","address":{"@type":"PostalAddress","streetAddress":"17B rue Jacques Limouzy","postalCode":"81100","addressLocality":"Castres","addressCountry":"FR"},"geo":{"@type":"GeoCoordinates","latitude":43.6031685,"longitude":2.2399776},"areaServed":["Castres","Tarn","Occitanie","France"],"brand":[{"@type":"Brand","name":"MineStrator","url":"https://minestrator.com","logo":"https://octogency.com/img/minestrator.svg"},{"@type":"Brand","name":"WebStrator","url":"https://webstrator.com","logo":"https://octogency.com/img/webstrator.svg"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://octogency.com/"},{"@type":"ListItem","position":2,"name":"Tarifs","item":"https://octogency.com/tarifs"}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Quel est le prix dâun site internet ?","acceptedA
97nswer":{"@type":"Answer","text":"Chez OctoGency, Essentiel démarre à 1 990 â¬, Business à 3 990 ⬠et Signature à 6 900 â¬, hors taxes. Ce sont des prix de départ. Votre devis confirme les prestations, les options et les coûts récurrents."}},{"@type":"Question","name":"Quelle formule choisir pour mon site ?","acceptedAnswer":{"@type":"Answer","text":"Essentiel convient à un site de présentation, avec vos contenus mis en forme. Business ajoute des fonctions de réservation, de commande ou de devis, avec les textes rédigés. Signature approfondit la création visuelle, les parcours et la stratégie de contenus. Le choix dépend des usages attendus sur votre site."}},{"@type":"Question","name":"Le forfait mensuel est-il obligatoire ?","acceptedAnswer":{"@type":"Answer","text":"Non. Le forfait sérénité est facultatif et démarre à 79 ⬠hors taxes par mois. Il regroupe lâhébergement, lâentretien, les sauvegardes, la supervision et les modifications courantes convenues. Le contrat précise les prestations, leurs limites et les modalités dâarrêt."}},{"@type":"Question","name":"Quâest-ce qui fait varier le prix ?","acceptedA
97nswer":{"@type":"Answer","text":"Le nombre de pages, les fonctions, les contenus à préparer et les outils à relier déterminent le budget. Le devis distingue les prestations retenues, les options et les coûts récurrents. Une évolution du besoin peut nécessiter un nouveau chiffrage."}},{"@type":"Question","name":"Puis-je échelonner le paiement ?","acceptedAnswer":{"@type":"Answer","text":"Un échelonnement peut être étudié selon la formule et le montant du projet. Les échéances de paiement sont précisées au devis avant le démarrage."}}]}]}</script>
97<meta name="description" content="Comparez les formules de création de site internet, les tarifs de refonte et le suivi facultatif. Prix de départ HT. Parlons de votre budget avec OctoGency."><meta property="og:title" content="Prix dâun site internet et suivi mensuel | OctoGency"><meta property="og:description" content="Comparez les formules de création de site internet, les tarifs de refonte et le suivi facultatif. Prix de départ HT. Parlons de votre budget avec OctoGency."><meta property="og:site_name" content="OctoGency"><meta property="og:type" content="website"><meta property="og:locale" content="fr_FR"><meta property="og:image" content="https://octogency.com/img/og.png"><meta property="og:url" content="https://octogency.com/tarifs"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://octogency.com/img/og.png"><meta name="twitter:title" content="Prix dâun site internet et suivi mensuel | OctoGency"><meta name="twitter:description" content="Comparez les formules de création de site internet, les tarifs de refonte et le suivi facultatif. Prix de départ HT. Parlons de votre budget avec OctoGency."></head><body><div id="__nuxt" class="isolate"><!--[--><!--[--><!--[--><!--[--><!--[--><div class="min-h-screen flex flex-col bg-white"><div class="absolute top-0 h-6 w-px" aria-hidden="true"></div><header class="bg-white/80 border-transparent sticky top-0 z-40 backdrop-blur-md border-b transition-all duration-300"><div class="max-w-6xl mx-auto px-4 sm:px-6 h-16 flex items-center justify-between gap-4 sm:gap-6"><div class="flex items-center gap-9 xl:gap-12"><a href="/" class="shrink-0 transition-opacity hover:opacity-75" aria-label="OctoGency, accueil"><span class="wordmark lg:[--wm:2rem] xl:[--wm:2.25rem]"><img src="/img/octogency.svg" alt="OctoGency" class="brightness-0"></span></a><nav class="hidden lg:flex items-center gap-6"><!--[--><!--[--><!--[--><!--[--><button data-state="closed" data-grace-area-trigger type="button" class="nav-link flex items-center gap-1 text-sm font-medium text-body hover:text-ink transition-colors">Nos services <span class="iconify i-lucide:chevron-down size-3.5 shrink-0 opacity-60" aria-hidden="true" style=""></span></button><!----><!--v-if--><!--]--><!--]--><!--]--><!--[--><a aria-current="page" href="/tarifs" class="nav-active text-ink router-link-exact-active nav-link text-sm font-medium text-body hover:text-ink transition-colors">Tarifs</a><!--]--><!--[--><!--[--><!--[--><button data-state="closed" data-grace-area-trigger type="button" class="nav-link flex items-center gap-1 text-sm font-medium text-body hover:text-ink transition-colors">L'agence <span class="iconify i-lucide:chevron-down size-3.5 shrink-0 opacity-60" aria-hidden="true" style=""></span></button><!----><!--v-if--><!--]--><!--]--><!--]--><!--[--><a href="/contact" class="nav-link text-sm font-medium text-body hover:text-ink transition-colors">Contact</a><!--]--><!--[--><a href="/urgence" class="nav-link text-sm font-medium text-body hover:text-ink transition-colors">Urgence</a><!--]--><!--]--></nav></div><div class="flex items-center gap-1 sm:gap-2"><!--[--><div class="presence-show items-center gap-2.5 px-2 py-1.5" aria-hidden="true"><span class="size-7 shrink-0 rounded-full bg-line animate-pulse"></span><span class="h-3.5 w-16 rounded bg-line animate-pulse max-md:hidden"></span></div><!--[--><a href="/dash/" rel="noopener noreferrer" data-slot="base" class="rounded-md font-medium items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px px-2.5 py-1.5 text-sm gap-1.5 text-default hover:bg-elevated active:bg-elevated outline-inverted/25 focus-visible:outline-3 hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent hidden md:inline-flex presence-hide"><!--[--><!--[--><span class="iconify i-lucide:circle-user-round shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--> Espace client <!--]--><!--[--><!----><!--]--><!--]--></a><a href="/dash/" rel="noopener noreferrer" data-slot="base" aria-label="Espace client" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-
97px text-sm gap-1.5 text-default hover:bg-elevated active:bg-elevated outline-inverted/25 focus-visible:outline-3 hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5 md:hidden presence-hide"><!--[--><!--[--><span class="iconify i-lucide:circle-user-round shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><a href="/rendez-vous" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary outline-primary/25 focus-visible:outline-3 px-3 sm:px-4 whitespace-nowrap presence-hide"><!--[--><!--[--><!----><!--]--><!--[--><span class="sm:hidden">Rendez-vous</span><span class="hidden sm:inline">Prendre rendez-vous</span><!--]--><!--[--><!----><!--]--><!--]--></a><button type="button" data-slot="base" aria-label="Ouvrir le menu du site" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px text-sm gap-1.5 text-default hover:bg-elevated active:bg-elevated outline-inverted/25 focus-visible:outline-3 hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5 lg:hidden"><!--[--><!--[--><span class="iconify i-lucide:menu shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button></div></div></header><!--[--><!----><!--v-if--><!--]--><main class="flex-1"><!--[--><div><section class="relative overflow-hidden bg-white hero-halo"><div class="pt-14 pb-14 sm:pt-20 sm:pb-18 lg:pb-20 gap-10 lg:gap-16 lg:grid-cols-[1.02fr_0.98fr] relative max-w-6xl mx-auto px-6 grid items-center"><div class="text-center lg:text-left"><p class="rise-in flex items-center justify-center lg:justify-start gap-2.5 text-octo-600 font-semibold mb-4"><span class="iconify i-lucide:octagon size-5 shrink-0 -translate-y-px" aria-hidden="true" style=""></span> Nos tarifs</p><h1 class="rise-in text-[2.1rem] leading-[1.08] sm:text-5xl font-bold text-ink mb-6" style="animation-delay:.
9708s;"><!--[--> Le budget de votre <span class="text-gradient-octo">site internet</span><!--]--></h1><p class="rise-in text-lg text-body max-w-xl mx-auto lg:mx-0 mb-8" style="animation-delay:.16s;"><!--[--> Comparez les formules et le suivi facultatif. Votre devis détaille les prestations et les coûts à prévoir. <!--]--></p><div class="mb-5 rise-in flex flex-wrap justify-center lg:justify-start gap-3" style="animation-delay:.24s;"><!--[--><a href="/rendez-vous" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px px-3 py-2 text-base gap-2 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary outline-primary/25 focus-visible:outline-3"><!--[--><!--[--><!----><!--]--><!--[--> Parler de mon projet <!--]--><!--[--><!----><!--]--><!--]--></a><!--]--></div><p class="rise-in text-sm text-soft" style="animation-delay:.32s;">30 minutes à Castres ou en visioconférence</p></div><div class="rise-in relative hidden lg:block" style="animation-delay:.18s;"><img src="/img/visuals/tarifs.webp" alt="" width="1264" height="822" fetchpriority="high" class="w-full rounded-3xl"></div></div></section><section class="bg-canvas border-y border-line"><div class="max-w-6xl mx-auto px-6 pt-10 pb-14 sm:pt-16 sm:pb-20"><h2 class="text-2xl sm:text-3xl font-bold text-ink text-center mb-12"> Trois formules pour créer votre site </h2><div class="grid gap-6 md:grid-cols-3 mb-8"><!--[--><div class="h-full"><div class="relative flex flex-col bg-white rounded-2xl p-7 transition-all duration-300 hover:-translate-y-1 card-octo border border-line hover:border-octo-300 hover:shadow-octo h-full"><!----><div class="flex items-center gap-2.5 mb-1"><span class="iconify i-lucide:feather size-5 text-octo-600 shrink-0" aria-hidden="true" style=""></span><h3 class="font-display font-bold text-ink text-xl">Essentiel</h3></div><p class="text-sm text-soft mb-6">Pour présenter votre activité et faciliter les contacts.</p><p class="font-display text-[2.6rem] leading-none font-bold text-ink tabular-nums mb-7">dès 1 990 â¬</p><ul class="space-y-3 mb-8 flex-1"><!--[--><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Jusquâà 5 pages structurées</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Contenus fournis mis en forme</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Affichage adapté aux écrans</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Fiche Google selon éligibilité</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Nom de domaine et mise en ligne</span></li><!--]--></ul><a href="/rendez-vous" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px px-3 py-2 text-sm gap-2 w-full justify-center ring ring-inset ring-primary/50 text-primary hover:bg-primary/10 active:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[--> Je lance mon projet <!--]--><!--[--><!----><!--]--><!--]--></a></div></div><div class="h-full"><div class="relative flex flex-col bg-white rounded-2xl p-7 transition-all duration-300 hover:-translate-y-1 border-2 border-octo-600 shadow-octo-lg h-full"><p class="absolute -top-3.5 left-1/2 -translate-x-1/2 bg-octo-600 text-white text-xs font-semibold px-3 py-1.5 rounded-full whitespace-nowrap"> Pour développer votre visibilité </p><div class="flex items-center gap-2.5 mb-1"><span class="iconify i-lucide:briefcase size-5 text-octo-600 shrink-0" aria-hidden="true" style=""></span>
97<h3 class="font-display font-bold text-ink text-xl">Business</h3></div><p class="text-sm text-soft mb-6">Pour recevoir des réservations ou des demandes en ligne.</p><p class="font-display text-[2.6rem] leading-none font-bold text-ink tabular-nums mb-7">dès 3 990 â¬</p><ul class="space-y-3 mb-8 flex-1"><!--[--><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Design adapté à  votre activité</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Réservation, commande ou devis</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Rédaction et visuels préparés</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify
97i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Bases du référencement local</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>La formule Essentiel incluse</span></li><!--]--></ul><a href="/rendez-vous" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px px-3 py-2 text-sm gap-2 w-full justify-center text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary outline-primary/25 focus-visible:outline-3"><!--[--><!--[--><!----><!--]--><!--[--> Je lance mon projet <!--]--><!--[--><!----><!--]--><!--]--></a></div></div><div class="h-full"><div class="relative flex flex-col bg-white rounded-2xl p-7 transition-all duration-300 hover:-translate-y-1 card-octo border border-line hover:border-octo-300 hover:shadow-octo h-full"><!----><div class="flex items-center gap-2.5 mb-1"><span class="iconify i-lucide:gem size-5 text-octo-600 shrink-0" aria-hidden="true" style=""></span><h3 class="font-display font-bold text-ink text-xl">Signature</h3></div><p class="text-sm text-soft mb-6">Pour approfondir les contenus et la création visuelle.</p><p class="font-display text-[2.6rem] leading-none font-bold text-ink tabular-nums mb-7">dès 6 900 â¬</p><ul class="space-y-3 mb-8 flex-1"><!--[--><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Direction et finitions visuelles</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Parcours, animations sur mesure</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Contenus et stratégie éditoriale</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Ãchanges et validations renforcés</span></li><li class="flex items-center gap-2.5 text-sm text-body"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>La formule Business incluse</span></li><!--]--></ul><a href="/rendez-vous" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px px-3 py-2 text-sm gap-2 w-full justify-center ring ring-inset ring-primary/50 text-primary hover:bg-primary/10 active:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[--> Je lance mon projet <!--]--><!--[--><!----><!--]--><!--]--></a></div></div><!--]--></div><div class="relative overflow-hidden bg-navy rounded-2xl p-7 sm:p-9 text-white"><div class="absolute inset-0 bg-dots opacity-60" aria-hidden="true"></div><div class="relative grid lg:grid-cols-[1fr_auto] gap-6 items-center"><div><div class="flex items-center gap-2.5 mb-1"><span class="iconify i-lucide:shield-check size-5 text-octo-green shrink-0" aria-hidden="true" style=""></span><h3 class="font-display font-bold text-xl">Forfait sérénité</h3></div><p class="text-octo-200 text-sm mb-5">Un suivi facultatif pour votre site.</p><ul class="grid sm:grid-cols-2 gap-x-8 gap-y-2.5"><!--[--><li class="flex items-center gap-2.5 text-sm text-white/85"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Hébergement de votre site</span></li><li class="flex items-center gap-2.5 text-sm text-white/85">
97<span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Supervision et sauvegardes</span></li><li class="flex items-center gap-2.5 text-sm text-white/85"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Modifications courantes incluses</span></li><li class="flex items-center gap-2.5 text-sm text-white/85"><span class="iconify i-lucide:check size-4 text-octo-green shrink-0" aria-hidden="true" style=""></span><span>Contact technique dédié</span></li><!--]--></ul></div><div class="text-center lg:text-right"><p class="font-display text-5xl font-bold tabular-nums"><span class="text-lg text-octo-200">à partir de </span>79 â¬<span class="text-lg text-octo-200">/mois</span></p></div></div></div><p class="text-xs text-soft text-center mt-6"> Prix de départ hors taxes. Le devis précise les options et les coûts récurrents. </p></div></section><section class="bg-white"><div class="max-w-6xl mx-auto px-6 pt-10 pb-14 sm:pt-16 sm:pb-20"><h2 class="text-2xl sm:text-3xl font-bold text-ink text-center mb-12"> Conseil, refonte et développement </h2><div class="grid gap-6 md:grid-cols-3"><!--[--><div class="border border-line rounded-2xl p-7"><div class="flex items-center gap-2.5 mb-2"><span class="iconify i-lucide:compass size-5 text-octo-600 shrink-0" aria-hidden="true" style=""></span><h3 class="font-display font-bold text-ink text-lg">Conseil et stratégie</h3></div><p class="font-display text-3xl font-bold text-ink tabular-nums mb-3">dès 490 â¬</p><p class="text-sm text-body leading-relaxed mb-5">Une demi-journée sur place et un plan dâaction. Le prix est déduit du devis si nous réalisons votre projet.</p><a href="/conseil-strategie" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px px-2.5 py-1.5 text-sm gap-1.5 ring ring-inset ring-primary/50 text-primary hover:bg-primary/10 active:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Voir le conseil<!--]--><!--[--><!----><!--]--><!--]--></a></div><div class="border border-line rounded-2xl p-7"><div class="flex items-center gap-2.5 mb-2"><span class="iconify i-lucide:rotate-ccw size-5 text-octo-600 shrink-0" aria-hidden="true" style=""></span><h3 class="font-display font-bold text-ink text-lg">Refonte de site web</h3></div><p class="font-display text-3xl font-bold text-ink tabular-nums mb-3">dès 2 490 â¬</p><p class="text-sm text-body leading-relaxed mb-5">Votre site et ses accès sont analysés. Le devis fixe les travaux, les redirections et la mise en ligne.</p><a href="/refonte-site-internet" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px px-2.5 py-1.5 text-sm gap-1.5 ring ring-inset ring-primary/50 text-primary hover:bg-primary/10 active:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Voir la refonte<!--]--><!--[--><!----><!--]--><!--]--></a></div><div class="border border-line rounded-2xl p-7"><div class="flex items-center gap-2.5 mb-2"><span class="iconify i-lucide:cpu size-5 text-octo-600 shrink-0" aria-hidden="true" style=""></span><h3 class="font-display font-bold text-ink text-lg">Applications et IA</h3></div><p class="font-display text-3xl font-bold text-ink tabular-nums mb-3">sur devis</p><p class="text-sm text-body leading-relaxed mb-5">Application métier, portail ou IA. Le cadrage définit les fonctions, les outils à relier et le budget prévu.</p><a href="/ingenierie" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-
97px px-2.5 py-1.5 text-sm gap-1.5 ring ring-inset ring-primary/50 text-primary hover:bg-primary/10 active:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent outline-primary/25 focus-visible:outline-3 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Voir le sur mesure<!--]--><!--[--><!----><!--]--><!--]--></a></div><!--]--></div></div></section><section class="max-w-3xl mx-auto px-6 pt-10 pb-14 sm:pt-16 sm:pb-20"><h2 class="text-2xl sm:text-3xl font-bold text-ink text-center mb-10">Vos questions sur le budget et les formules</h2><div><div data-slot="root" class="w-full"><!--[--><!--[--><div data-state="closed" data-orientation="vertical" data-slot="item" class="border-b last:border-b-0 border-line"><!--[--><!--[--><div data-orientation="vertical" data-state="closed" data-slot="header" class="flex"><!--[--><button type="button" aria-controls aria-expanded="false" data-state="closed" id="reka-accordion-trigger-v-0-0" data-reka-collection-item data-orientation="vertical" data-slot="trigger" class="group flex-1 flex items-center gap-1.5 outline-primary/25 focus-visible:outline-3 min-w-0 rounded-md text-base font-semibold text-ink py-4 hover:text-octo-600 transition-colors"><!--[--><!--[--><!--[--><!----><!--]--><span data-slot="label" class="text-start break-words"><!--[-->Quel est le prix dâun site internet ?<!--]--></span><!--[--><span class="iconify i-lucide:chevron-down shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--><!--]--><!--]--></button><!--]--></div><div role="region" aria-labelledby="reka-accordion-trigger-v-0-0" data-state="closed" data-orientation="vertical" style="--reka-accordion-content-width:var(--reka-collapsible-content-width);--reka-accordion-content-height:var(--reka-collapsible-content-height);--reka-collapsible-content-height:0px;--reka-collapsible-content-width:0px;" data-slot="content" class="data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] data-[state=closed]:overflow-hidden focus:outline-none" id="reka-collapsible-content-v-0-1" hidden><!--[--><!--[--><!--[--><div data-slot="body" class="text-sm text-body leading-relaxed pb-5"><!--[-->Chez OctoGency, Essentiel démarre à 1 990 â¬, Business à 3 990 ⬠et Signature à 6 900 â¬, hors taxes. Ce sont des prix de départ. Votre devis confirme les prestations, les options et les coûts récurrents.<!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><div data-state="closed" data-orientation="vertical" data-slot="item" class="border-b last:border-b-0 border-line"><!--[--><!--[--><div data-orientation="vertical" data-state="closed" data-slot="header" class="flex"><!--[--><button type="button" aria-controls aria-expanded="false" data-state="closed" id="reka-accordion-trigger-v-0-2" data-reka-collection-item data-orientation="vertical" data-slot="trigger" class="group flex-1 flex items-center gap-1.5 outline-primary/25 focus-visible:outline-3 min-w-0 rounded-md text-base font-semibold text-ink py-4 hover:text-octo-600 transition-colors"><!--[--><!--[--><!--[--><!----><!--]--><span data-slot="label" class="text-start break-words"><!--[-->Quelle formule choisir pour mon site ?<!--]--></span><!--[--><span class="iconify i-lucide:chevron-down shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--><!--]--><!--]--></button><!--]--></div><div role="region" aria-labelledby="reka-accordion-trigger-v-0-2" data-state="closed" data-orientation="vertical" style="--reka-accordion-content-width:var(--reka-collapsible-content-width);--reka-accordion-content-height:var(--reka-collapsible-content-height);--reka-collapsible-content-height:0px;--reka-collapsible-content-width:0px;" data-slot="content" class="data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] data-[state=closed]:overflow-hidden focu
97s:outline-none" id="reka-collapsible-content-v-0-3" hidden><!--[--><!--[--><!--[--><div data-slot="body" class="text-sm text-body leading-relaxed pb-5"><!--[-->Essentiel convient à un site de présentation, avec vos contenus mis en forme. Business ajoute des fonctions de réservation, de commande ou de devis, avec les textes rédigés. Signature approfondit la création visuelle, les parcours et la stratégie de contenus. Le choix dépend des usages attendus sur votre site.<!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><div data-state="closed" data-orientation="vertical" data-slot="item" class="border-b last:border-b-0 border-line"><!--[--><!--[--><div data-orientation="vertical" data-state="closed" data-slot="header" class="flex"><!--[--><button type="button" aria-controls aria-expanded="false" data-state="closed" id="reka-accordion-trigger-v-0-4" data-reka-collection-item data-orientation="vertical" data-slot="trigger" class="group flex-1 flex items-center gap-1.5 outline-primary/25 focus-visible:outline-3 min-w-0 rounded-md text-base font-semibold text-ink py-4 hover:text-octo-600 transition-colors"><!--[--><!--[--><!--[--><!----><!--]--><span data-slot="label" class="text-start break-words"><!--[-->Le forfait mensuel est-il obligatoire ?<!--]--></span><!--[--><span class="iconify i-lucide:chevron-down shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--><!--]--><!--]--></button><!--]--></div><div role="region" aria-labelledby="reka-accordion-trigger-v-0-4" data-state="closed" data-orientation="vertical" style="--reka-accordion-content-width:var(--reka-collapsible-content-width);--reka-accordion-content-height:var(--reka-collapsible-content-height);--reka-collapsible-content-height:0px;--reka-collapsible-content-width:0px;" data-slot="content" class="data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] data-[state=closed]:overflow-hidden focus:outline-none" id="reka-collapsible-content-v-0-5" hidden><!--[--><!--[--><!--[--><div data-slot="body" class="text-sm text-body leading-relaxed pb-5"><!--[-->Non. Le forfait sérénité est facultatif et démarre à 79 ⬠hors taxes par mois. Il regroupe lâhébergement, lâentretien, les sauvegardes, la supervision et les modifications courantes convenues. Le contrat précise les prestations, leurs limites et les modalités dâarrêt.<!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><div data-state="closed" data-orientation="vertical" data-slot="item" class="border-b last:border-b-0 border-line"><!--[--><!--[--><div data-orientation="vertical" data-state="closed" data-slot="header" class="flex"><!--[--><button type="button" aria-controls aria-expanded="false" data-state="closed" id="reka-accordion-trigger-v-0-6" data-reka-collection-item data-orientation="vertical" data-slot="trigger" class="group flex-1 flex items-center gap-1.5 outline-primary/25 focus-visible:outline-3 min-w-0 rounded-md text-base font-semibold text-ink py-4 hover:text-octo-600 transition-colors"><!--[--><!--[--><!--[--><!----><!--]--><span data-slot="label" class="text-start break-words"><!--[-->Quâest-ce qui fait varier le prix ?<!--]--></span><!--[--><span class="iconify i-lucide:chevron-down shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--><!--]--><!--]--></button><!--]--></div><div role="region" aria-labelledby="reka-accordion-trigger-v-0-6" data-state="closed" data-orientation="vertical" style="--reka-accordion-content-width:var(--reka-collapsible-content-width);--reka-accordion-content-height:var(--reka-collapsible-content-height);--reka-collapsible-content-height:0px;--reka-collapsible-content-width:0px;" data-slot="content" class="data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] data-[state=closed]:overflow-hidden focu
97s:outline-none" id="reka-collapsible-content-v-0-7" hidden><!--[--><!--[--><!--[--><div data-slot="body" class="text-sm text-body leading-relaxed pb-5"><!--[-->Le nombre de pages, les fonctions, les contenus à préparer et les outils à relier déterminent le budget. Le devis distingue les prestations retenues, les options et les coûts récurrents. Une évolution du besoin peut nécessiter un nouveau chiffrage.<!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><div data-state="closed" data-orientation="vertical" data-slot="item" class="border-b last:border-b-0 border-line"><!--[--><!--[--><div data-orientation="vertical" data-state="closed" data-slot="header" class="flex"><!--[--><button type="button" aria-controls aria-expanded="false" data-state="closed" id="reka-accordion-trigger-v-0-8" data-reka-collection-item data-orientation="vertical" data-slot="trigger" class="group flex-1 flex items-center gap-1.5 outline-primary/25 focus-visible:outline-3 min-w-0 rounded-md text-base font-semibold text-ink py-4 hover:text-octo-600 transition-colors"><!--[--><!--[--><!--[--><!----><!--]--><span data-slot="label" class="text-start break-words"><!--[-->Puis-je échelonner le paiement ?<!--]--></span><!--[--><span class="iconify i-lucide:chevron-down shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--><!--]--><!--]--></button><!--]--></div><div role="region" aria-labelledby="reka-accordion-trigger-v-0-8" data-state="closed" data-orientation="vertical" style="--reka-accordion-content-width:var(--reka-collapsible-content-width);--reka-accordion-content-height:var(--reka-collapsible-content-height);--reka-collapsible-content-height:0px;--reka-collapsible-content-width:0px;" data-slot="content" class="data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] data-[state=closed]:overflow-hidden focus:outline-none" id="reka-collapsible-content-v-0-9" hidden><!--[--><!--[--><!--[--><div data-slot="body" class="text-sm text-body leading-relaxed pb-5"><!--[-->Un échelonnement peut être étudié selon la formule et le montant du projet. Les échéances de paiement sont précisées au devis avant le démarrage.<!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></div></section><section class="bg-canvas border-t border-line"><div class="relative max-w-4xl mx-auto px-6 text-center py-8 sm:py-12"><p class="font-display text-2xl sm:text-3xl font-bold text-gradient-octo mb-7"><!--[--> Parlons du budget de votre projet. <!--]--></p><div class="flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6"><a href="/rendez-vous" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-all duration-200 active:scale-[0.985] active:translate-y-px px-3 py-2 text-base gap-2 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary outline-primary/25 focus-visible:outline-3"><!--[--><!--[--><!----><!--]--><!--[-->Parler de mon projet<!--]--><!--[--><!----><!--]--><!--]--></a><span class="flex items-center gap-2.5 text-left sm:border-l sm:border-line sm:pl-6"><!--[--><span class="iconify i-lucide:shield-check size-5 text-octo-600 shrink-0" aria-hidden="true" style=""></span><span><span class="block text-sm font-semibold text-ink">Sans engagement</span><span class="block text-sm text-soft">Trente minutes offertes</span></span><!--]--></span></div><p class="text-sm text-soft mt-6">Présentez votre besoin. Nous précisons ensemble les prestations utiles.</p></div></section></div><!--]--></main><footer class="relative bg-navy text-white overflow-hidden"><img src="/img/visuals/navy-filigree.webp" alt="" aria-hidden="true" loading="lazy" width="1920" height="1080" class="absolute inset-0 w-full h-full object-cover opacity-50"><svg viewbox="0 0 400 400" fill="none" aria-hidden="true" class="absolute -right-28 -top-28 w-[420px] opacity-40 hidden lg:block"><defs><linearGradient id="octo-grad-v-0-10" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#05B5F1"></stop><stop offset="1" stop-color="#75D742"></stop></linearGradient><radialGradient id="octo-halo-v-0-10" cx=".5" cy=".5" r=".5"><stop offset="0" stop-color="#05B5F1" stop-opacity=".09"></stop><stop offset=".55" stop-color="#75D742" stop-opacity=".05"></stop><stop offset="1" stop-color="#05B5F1" stop-opacity="0"></stop></radialGradient></defs><circle cx="200" cy="200" r="198" fill="url(#octo-halo-v-0-10)"></circle><g class="octo-drift" style="transform-origin:200px 200px;"><polygon points="271.18,28.16 371.84,128.82 371.84,271.18 271.18,371.84 128.82,371.84 28.16,271.18 28.16,128.82 128.82,28.16" stroke="rgba(255,255,255,0.14)" stroke-width="1.2"></polygon></g><g class="octo-drift-reverse" style="transform-origin:200px 200px;"><polygon points="256.64,63.27 336.73,143.36 336.73,256.64 256.64,336.73 143.36,336.73 63.27,256.64 63.27,143.36 143.36,63.27" stroke="url
97(#octo-grad-v-0-10)" stroke-width="1.6"></polygon><!--[--><circle cx="256.64" cy="63.27" r="3.4" fill="#05B5F1"></circle><circle cx="336.73" cy="143.36" r="3.4" fill="#75D742"></circle><circle cx="336.73" cy="256.64" r="3.4" fill="#05B5F1"></circle><circle cx="256.64" cy="336.73" r="3.4" fill="#75D742"></circle><circle cx="143.36" cy="336.73" r="3.4" fill="#05B5F1"></circle><circle cx="63.27" cy="256.64" r="3.4" fill="#75D742"></circle><circle cx="63.27" cy="143.36" r="3.4" fill="#05B5F1"></circle><circle cx="143.36" cy="63.27" r="3.4" fill="#75D742"></circle><!--]--></g><g class="octo-drift" style="transform-origin:200px 200px;"><polygon points="240.56,102.07 297.93,159.44 297.93,240.56 240.56,297.93 159.44,297.93 102.07,240.56 102.07,159.44 159.44,102.07" stroke="rgba(255,255,255,0.22)" stroke-width="1.1"></polygon></g></svg><div class="relative max-w-6xl mx-auto px-6 py-14 sm:py-16 grid grid-cols-2 gap-x-6 gap-y-10 sm:gap-x-8 lg:grid-cols-12 lg:gap-y-12"><div class="col-span-2 lg:col-span-4 text-center lg:text-left"><img src="/img/octogency.svg" alt="OctoGency" class="h-10 w-auto mb-6 mx-auto lg:mx-0 brightness-0 invert"><p class="text-base text-white/90 leading-relaxed mb-8 max-w-xs mx-auto lg:mx-0"> Vos sites et applications métier, conçus et suivis par notre équipe à Castres. </p><ul class="space-y-3 text-sm text-white/85 w-fit mx-auto lg:mx-0 text-left"><!--[--><li class="flex items-center gap-3"><span class="iconify i-lucide:phone size-4 shrink-0 text-octo-cyan" aria-hidden="true" style=""></span><a href="tel:+33563754575" class="hover:text-white transition-colors">05 63 75 45 75</a></li><li class="flex items-center gap-3"><span class="iconify i-lucide:mail size-4 shrink-0 text-octo-cyan" aria-hidden="true" style=""></span><a href="/contact" class="hover:text-white transition-colors">contact (arobase) octogency.com</a></li><li class="flex items-center gap-3"><span class="iconify i-lucide:map-pin size-4 shrink-0 text-octo-cyan" aria-hidden="true" style=""></span><a href="https://www.google.com/maps/search/?api=1&query=OctoGency%2C%2017B%20rue%20Jacques%20Limouzy%2C%2081100%20Castres" target="_blank" rel="noopener" class="hover:text-white transition-colors"><!--[-->17B rue Jacques Limouzy, 81100 Castres<!--]--></a></li><li class="flex items-center gap-3"><span class="iconify i-lucide:clock size-4 shrink-0 text-octo-cyan" aria-hidden="true" style=""></span><span>Accueil sur rendez-vous</span></li><!--]--></ul></div><!--[--><div class="col-span-1 lg:col-span-3"><p class="font-semibold mb-4 text-sm uppercase tracking-wide text-octo-200">Nos services</p><ul class="space-y-2.5"><!--[--><li><a href="/conseil-strategie" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Conseil & stratégie</a></li><li><a href="/creation-site-internet" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Créer un site</a></li><li><a href="/refonte-site-internet" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Refondre un site</a></li><li><a href="/ingenierie" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Ingénierie sur mesure</a></li><li><a href="/intelligence-artificielle" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Intelligence artificielle</a></li><li><a href="/hebergement-infogere" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Hébergement infogéré</a></li><li><a aria-current="page" href="/tarifs" class="router-link-active router-link-exact-active inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Nos tarifs</a></li><!--]--></ul></div><div class="col-span-1 lg:col-span-3"><p class="font-semibold mb-4 text-sm uppercase tracking-wide text-octo-200">L'agence</p><ul class="space-y-2.5"><!--[--><li><a href="/agence" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Qui nous sommes</a></li><li><a href="/realisations" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Nos réalisations</a></li><li><a href="/marques" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Nos marques</a></li><li><a href="/agence-web-castres" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Agence web à Castres</a></li><li><a href="/agences-et-professionnels" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Agences et professionnels</a></li><li><a href="/contact" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Nous contacter</a></li><li><a href="/urgence" class="inline-block text-sm text-white/85 hover:text-white hover:translate-x-0.5 transition-all">Urgence</a></li>
97<!--]--></ul></div><!--]--><div class="col-span-2 lg:col-span-2 text-center lg:text-left"><p class="font-semibold mb-4 text-sm uppercase tracking-wide text-octo-200"> Nos marques </p><div class="flex flex-wrap items-center justify-center gap-x-9 gap-y-5 lg:justify-start lg:flex-col lg:items-start lg:gap-6 mb-6"><a href="https://minestrator.com" target="_blank" rel="noopener" class="opacity-80 hover:opacity-100 transition-opacity"><img src="/img/minestrator.svg" alt="MineStrator" class="h-7 w-auto brightness-0 invert"></a><a href="https://webstrator.com" target="_blank" rel="noopener" class="opacity-80 hover:opacity-100 transition-opacity"><img src="/img/webstrator.svg" alt="WebStrator" class="h-7 w-auto brightness-0 invert"></a></div><a href="/marques" class="link-arrow inline-flex items-center gap-1.5 text-sm text-white/85 hover:text-white transition-colors"> Voir nos marques <span class="iconify i-lucide:arrow-right size-3.5 link-arrow-icon" aria-hidden="true" style=""></span></a></div></div><div class="relative border-t border-white/10"><div class="max-w-6xl mx-auto px-6 py-8 text-center"><p class="font-display text-2xl sm:text-[2rem] font-bold text-gradient-octo"> Le web, de nos mains à votre écran. </p></div></div><div class="relative border-t border-white/10"><div class="max-w-6xl mx-auto px-6 py-5 flex flex-wrap items-center justify-between gap-3 text-sm text-white/70"><p>© 2018-2026 OctoGency · 844 727 594 R.C.S. Castres</p><p class="flex gap-4"><a href="/mentions-legales" class="hover:text-white transition-colors"> Mentions légales </a><a href="/confidentialite" class="hover:text-white transition-colors"> Confidentialité </a><a href="/plan-du-site" class="hover:text-white transition-colors"> Plan du site </a></p></div></div></footer></div><!--]--><!--]--><!--[--><!--]--><!--v-if--><!--]--><!--[--><!--]--><!--]--><!--]--></div><div id="teleports"></div>
97<script>window.__NUXT__={};window.__NUXT__.config={public:{turnstileSiteKey:"0x4AAAAAABatUEq__GIzBd49",dashboardApiBase:"https://api.octogency.com"},app:{baseURL:"/",buildId:"d0e85044-a3cd-4e20-a83a-be31547e33e9",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
97<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/tarifs/_payload.json?d0e85044-a3cd-4e20-a83a-be31547e33e9">[{"state":1,"once":6,"_errors":7,"serverRendered":9,"path":10,"prerenderedAt":11},["Reactive",2],{"$stoasts":3,"$sclient-area-account":4,"$sclient-area-loaded":5},[],null,false,["Set"],["ShallowReactive",8],{},true,"\u002Ftarifs",1788971365214]</script>
97</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.