<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FSA - Informatique et cybersécurité en Seine-Maritime (76)</title>
<meta name="description" content="FSA accompagne TPE, PME et particuliers en Seine-Maritime depuis 2001 : informatique, cybersécurité, domotique, un seul interlocuteur pour tout." />
<meta name="keywords" content="informatique Seine-Maritime, assistance informatique 76, cybersécurité TPE PME, domotique Home Assistant, responsable informatique externalisé, FSA Rouen Le Havre" />
<meta name="author" content="FSA - Felipe Simoes" />
<meta property="og:title" content="FSA - Expertise Informatique en Seine-Maritime" />
<meta property="og:description" content="Assistance informatique, cybersécurité et domotique pour TPE, PME et particuliers en Seine-Maritime depuis 2001." />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://fsa76.fr/img/cybersecurite.webp" />
<meta property="og:url" content="https://fsa76.fr/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="FSA - Expertise Informatique en Seine-Maritime" />
<meta name="twitter:description" content="Assistance informatique, cybersécurité et domotique pour TPE, PME et particuliers en Seine-Maritime depuis 2001." />
<meta name="twitter:image" content="https://fsa76.fr/img/cybersecurite.webp" />
<link rel="canonical" href="https://fsa76.fr/" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "FSA",
"alternateName": "FSA Informatique",
"image": "https://fsa76.fr/img/cybersecurite.webp",
"url": "https://fsa76.fr",
"telephone": "+33767627120",
"email": "contact@fsa76.fr",
"priceRange": "€€",
"description": "Expertise informatique pour TPE, PME et particuliers en Seine-Maritime",
"address": {
"@type": "PostalAddress",
"streetAddress": "8 route du Baillage",
"addressLocality": "Bénesville",
"postalCode": "76560",
"addressCountry": "FR"
},
"areaServed": [
{"@type": "City", "name": "Yvetot"},
{"@type": "City", "name": "Dieppe"},
{"@type": "City", "name": "Doudeville"},
{"@type": "City", "name": "Yerville"},
{"@type": "City", "name": "Val-de-Saâne"},
{"@type": "City", "name": "Tôtes"},
{"@type": "City", "name": "Saint-Valery-en-Caux"},
{"@type": "City", "name": "Cany-Barville"},
{"@type": "City", "name": "Fécamp"}
],
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
"opens": "08:30",
"closes": "19:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": "Saturday",
"opens": "08:30",
"closes": "13:00"
}
],
"sameAs": [
"https://maps.google.com/?cid=6050907117498411421",
"https://www.pagesjaunes.fr/pros/64771837",
"https://www.facebook.com/profile.php?id=100085314871763"
],
"foundingDate": "2001"
}
</script>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#1E3A5F" />
<link rel="apple-touch-icon" href="/favicon-192.png" />
<style>
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/raleway-v37-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/raleway-v37-latin-500.woff2') format('woff2')}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/raleway-v37-latin-600.woff2') format('woff2')}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/raleway-v37-latin-700.woff2') format('woff2')}
@font-face{font-family:'Raleway';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/raleway-v37-latin-800.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/source-sans-3-v19-latin-300.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/source-sans-3-v19-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/source-sans-3-v19-latin-500.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/source-sans-3-v19-latin-600.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/source-sans-3-v19-latin-italic.woff2') format('woff2')}
:root{
--white:#FFFFFF;--off-white:#F7F8FA;--light-gray:#EEF0F4;
--mid-gray:#5A6475; /* contraste amélioré */
--dark:#111827;--anthracite:#1E2A3A;
--fsa-blue:#1E3A5F;--fsa-accent:#2563EB;--fsa-orange:#E8651A;
--cyber-cyan:#0EA5E9;--domo-green:#10B981;
--font-display:'Raleway',sans-serif;--font-body:'Source Sans 3',sans-serif;
--radius-sm:6px;--radius-md:12px;--radius-lg:20px;
--shadow-sm:0 1px 4px rgba(0,0,0,.07);--shadow-md:0 4px 20px rgba(0,0,0,.10);--shadow-lg:0 12px 48px rgba(0,0,0,.13);
--max-w:1160px;--section-pad:88px
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--dark);background:var(--white);line-height:1.65;font-size: 18px;-webkit-font-smoothing:antialiased}
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}
.tag{display:inline-block;font-family:var(--font-display);font-size: 12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:100px;background:var(--light-gray);color:var(--fsa-blue);margin-bottom:16px}
.section-title{font-family:var(--font-display);font-size:clamp(26px,3.5vw,38px);font-weight:800;color:var(--anthracite);line-height:1.2;margin-bottom:16px;letter-spacing:-.01em}
.section-title em{font-style:normal;color:var(--fsa-accent)}
.section-sub{font-size: 18px;color:var(--mid-gray);max-width:560px;line-height:1.75}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size: 15px;font-weight:700;letter-spacing:.01em;padding:13px 26px;border-radius:var(--radius-sm);text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;line-height:1.4}
.btn-primary{background:var(--fsa-accent);color:var(--white);box-shadow:0 4px 16px rgba(37,99,235,.30)}
.btn-primary:hover{background:var(--fsa-blue);box-shadow:0 6px 24px rgba(37,99,235,.40);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--fsa-blue);border:1.5px solid #C5CBD6}
.btn-ghost:hover{border-color:var(--fsa-accent);color:var(--fsa-accent)}
.skip-link{position:absolute;top:-40px;left:0;background:var(--fsa-accent);color:white;padding:8px 16px;z-index:1000;font-family:var(--font-display);font-weight:700;font-size: 15px;border-radius:0 0 var(--radius-sm) 0;transition:top .2s}
.skip-link:focus{top:0;outline:2px solid white;outline-offset:-4px}
/* ---- LOGO ---- */
.fsa-logo{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}
.fsa-logo-icon{position:relative;width:52px;height:52px;flex-shrink:0}
.fsa-logo-icon::before{content:'';position:absolute;inset:0;background:var(--fsa-blue);border-radius:50%}
.fsa-logo-rect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:27px;background:var(--fsa-orange);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size: 14px;color:white;letter-spacing:.02em;z-index:1}
.fsa-logo-text{display:flex;flex-direction:column;line-height:1.2}
.fsa-logo-name{font-family:var(--font-display);font-weight:800;font-size: 21px;color:var(--anthracite);letter-spacing:.01em}
.fsa-logo-sub{font-family:var(--font-body);font-size: 12px;font-weight:400;color:var(--mid-gray);letter-spacing:.03em}
/* ---- NAV ---- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--light-gray);transition:box-shadow .3s}
.nav.scrolled{box-shadow:var(--shadow-md)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav-links{display:flex;align-items:center;gap:6px;list-style:none}
.nav-links > li{position:relative}
.nav-links a{text-decoration:none;font-family:var(--font-display);font-size: 15px;font-weight:600;color:var(--mid-gray);padding:8px 12px;border-radius:var(--radius-sm);transition:color .2s,background .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}
.nav-links a:hover{color:var(--fsa-blue);background:var(--off-white)}
.nav-links .has-dropdown > a::after{content:'▾';font-size: 11px;opacity:.6}
/* Dropdown */
.nav-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:white;border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s;z-index:200}
.has-dropdown:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size: 15px;font-weight:500;color:var(--anthracite);text-decoration:none;transition:background .15s}
.nav-dropdown a:hover{background:var(--off-white);color:var(--fsa-accent)}
.nav-dropdown-icon{font-size: 17px;width:24px;text-align:center}
.nav-dropdown-sep{height:1px;background:var(--light-gray);margin:6px 0}
.nav-dropdown-all{font-weight:700 !important;color:var(--fsa-accent) !important}
.nav-cta{display:flex;align-items:center;gap:10px}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.nav-hamburger span{display:block;width:24px;height:2px;background:var(--anthracite);border-radius:2px}
/* ---- HERO ---- */
.hero{padding-top:72px;min-height:100vh;display:flex;align-items:center;background:var(--white);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(30,58,95,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,58,95,.03) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}
.hero::after{content:'';position:absolute;top:-100px;right:-100px;width:560px;height:560px;background:radial-gradient(circle,rgba(37,99,235,.07) 0%,transparent 70%);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:1;padding:48px 0 72px}
.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.hero-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size: 13px;font-weight:600;color:var(--fsa-accent);background:rgba(37,99,235,.08);padding:5px 13px;border-radius:100px;border:1px solid rgba(37,99,235,.15)}
.hero-badge::before{content:'';width:7px;height:7px;background:var(--fsa-accent);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}
.hero-since{font-size: 13px;color:var(--mid-gray)}
.hero-title{font-family:var(--font-display);font-size:clamp(34px,5vw,54px);font-weight:800;color:var(--anthracite);line-height:1.12;letter-spacing:-.02em;margin-bottom:20px}
.hero-title em{font-style:normal;color:var(--fsa-accent)}
.hero-desc{font-size: 18px;color:var(--mid-gray);line-height:1.75;max-width:460px;margin-bottom:30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.hero-stats{display:flex;gap:28px;padding-top:28px;border-top:1px solid var(--light-gray)}
.hero-stat-num{font-family:var(--font-display);font-size: 25px;font-weight:800;color:var(--fsa-blue);display:block;line-height:1}
.hero-stat-label{font-size: 14px;color:var(--mid-gray);display:block;margin-top:4px}
/* ---- CARROUSEL ---- */
.hero-carousel{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3;background:var(--anthracite);user-select:none}
.carousel-slides{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.carousel-slide{min-width:100%;height:100%;position:relative;overflow:hidden}
.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}
.carousel-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,26,42,.85) 0%,rgba(15,26,42,.35) 50%,rgba(15,26,42,.10) 100%)}
.carousel-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 32px;z-index:2}
.carousel-caption-pole{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size: 12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:8px}
.slide-cyber .carousel-caption-pole{background:rgba(14,165,233,.25);color:#7DD3FC}
.slide-domo .carousel-caption-pole{background:rgba(16,185,129,.25);color:#6EE7B7}
.slide-it .carousel-caption-pole{background:rgba(37,99,235,.25);color:#93C5FD}
.carousel-caption-title{font-family:var(--font-display);font-size: 23px;font-weight:800;color:white;line-height:1.2;margin-bottom:6px}
.carousel-caption-desc{font-size: 14px;color:rgba(255,255,255,.70);line-height:1.5}
.carousel-caption-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size: 13px;font-weight:700;color:white;text-decoration:none;margin-top:12px;opacity:.85;transition:opacity .2s,gap .2s}
.carousel-caption-link:hover{opacity:1;gap:10px}
.carousel-dots{position:absolute;bottom:20px;right:28px;display:flex;gap:7px;z-index:3}
.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);border:none;cursor:pointer;padding:0;transition:background .3s,transform .3s}
.carousel-dot.active{background:white;transform:scale(1.25)}
.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:white;font-size: 19px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.carousel-prev{left:14px}.carousel-next{right:14px}
.carousel-prev:hover,.carousel-next:hover{background:rgba(255,255,255,.28)}
/* ---- SERVICES ---- */
.services{padding:var(--section-pad) 0;background:var(--off-white)}
.services-header{text-align:center;margin-bottom:52px}
.services-header .section-sub{margin:0 auto}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{background:var(--white);border-radius:var(--radius-md);padding:32px 28px;border:1px solid var(--light-gray);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative;overflow:hidden}
.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transition:transform .3s;transform-origin:left}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent}
.service-card:hover::after{transform:scaleX(1)}
.service-card.s1::after{background:var(--fsa-accent)}
.service-card.s2::after{background:var(--cyber-cyan)}
.service-card.s3::after{background:var(--domo-green)}
.service-card.s4::after{background:#8B5CF6}
.service-card.s5::after{background:var(--fsa-orange)}
.service-card.s6::after{background:#0891B2}
.service-icon{width:50px;height:50px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size: 23px;margin-bottom:18px;flex-shrink:0}
.s1 .service-icon{background:rgba(37,99,235,.1)}
.s2 .service-icon{background:rgba(14,165,233,.1)}
.s3 .service-icon{background:rgba(16,185,129,.1)}
.s4 .service-icon{background:rgba(139,92,246,.1)}
.s5 .service-icon{background:rgba(232,101,26,.1)}
.s6 .service-icon{background:rgba(8,145,178,.1)}
.service-title{font-family:var(--font-display);font-size: 19px;font-weight:700;color:var(--anthracite);margin-bottom:8px;line-height:1.3}
.service-desc{font-size: 16px;color:var(--mid-gray);line-height:1.65;flex:1;margin-bottom:18px}
.service-link{font-family:var(--font-display);font-size: 15px;font-weight:600;color:var(--fsa-accent);display:flex;align-items:center;gap:5px;text-decoration:none;transition:gap .2s}
.service-card:hover .service-link{gap:9px}
/* Séparateur entre services et pôles */
.services-poles-sep{display:flex;align-items:center;gap:16px;margin:40px 0 24px}
.services-poles-sep span{font-family:var(--font-display);font-size: 13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mid-gray);white-space:nowrap}
.services-poles-sep::before,.services-poles-sep::after{content:'';flex:1;height:1px;background:var(--light-gray)}
.services-poles{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pole-card{border-radius:var(--radius-md);padding:36px 32px;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;transition:transform .25s,box-shadow .25s}
.pole-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pole-card.cyber{background:linear-gradient(135deg,#0F2A44 0%,#1A3A5C 100%)}
.pole-card.domo{background:linear-gradient(135deg,#064E3B 0%,#065F46 100%)}
.pole-card::before{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;opacity:.06}
.pole-card.cyber::before{background:var(--cyber-cyan)}
.pole-card.domo::before{background:var(--domo-green)}
.pole-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size: 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:100px;width:fit-content}
.cyber .pole-badge{background:rgba(14,165,233,.2);color:#7DD3FC}
.domo .pole-badge{background:rgba(16,185,129,.2);color:#6EE7B7}
.pole-title{font-family:var(--font-display);font-size: 22px;font-weight:800;color:white;line-height:1.2}
.pole-desc{font-size: 16px;color:rgba(255,255,255,.65);line-height:1.65;max-width:360px}
.pole-features{list-style:none;display:flex;flex-direction:column;gap:6px;margin:4px 0}
.pole-features li{font-size: 15px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:8px}
.pole-features li::before{content:'✓';font-weight:700;flex-shrink:0}
.cyber .pole-features li::before{color:var(--cyber-cyan)}
.domo .pole-features li::before{color:var(--domo-green)}
.pole-cta{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size: 14px;font-weight:700;color:white;margin-top:6px;transition:gap .2s}
.pole-card:hover .pole-cta{gap:11px}
/* ---- PRESENTATION FSA ---- */
.parcours-text p{font-size: 18px;line-height:1.85;color:var(--dark);margin-bottom:18px}
.parcours-text p:last-child{margin-bottom:0}
/* ---- POURQUOI FSA ---- */
.why{padding:var(--section-pad) 0;background:var(--white)}
.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.why-points{display:flex;flex-direction:column;gap:26px;margin-top:32px}
.why-point{display:flex;gap:16px;align-items:flex-start}
.why-point-icon{width:44px;height:44px;background:rgba(37,99,235,.08);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size: 21px;flex-shrink:0}
.why-point-title{font-family:var(--font-display);font-size: 17px;font-weight:700;color:var(--anthracite);margin-bottom:4px}
.why-point-text{font-size: 16px;color:var(--mid-gray);line-height:1.6}
.why-panel{background:var(--fsa-blue);border-radius:var(--radius-lg);padding:44px 36px;color:white;position:relative;overflow:hidden}
.why-panel::before{content:'';position:absolute;bottom:-80px;right:-80px;width:320px;height:320px;background:rgba(255,255,255,.04);border-radius:50%}
.why-numbers{display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative;z-index:1}
.why-num-value{font-family:var(--font-display);font-size: 41px;font-weight:800;color:white;line-height:1;display:block}
.why-num-accent{color:var(--cyber-cyan)}
.why-num-label{font-size: 15px;color:rgba(255,255,255,.6);margin-top:6px;display:block;line-height:1.45}
.why-panel-cta{margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:1}
.why-panel-cta p{font-size: 16px;color:rgba(255,255,255,.75);margin-bottom:16px;line-height:1.6}
.btn-white{background:white;color:var(--fsa-blue);font-family:var(--font-display);font-size: 15px;font-weight:700;padding:12px 22px;border-radius:var(--radius-sm);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s;line-height:1.4}
.btn-white:hover{background:var(--off-white);transform:translateY(-1px)}
/* ---- FAQ ---- */
.faq{padding:var(--section-pad) 0;background:var(--off-white)}
.faq-header{text-align:center;margin-bottom:52px}
.faq-header .section-sub{margin:0 auto}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq-item{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--radius-md);overflow:hidden}
.faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;gap:16px;transition:background .2s}
.faq-question:hover{background:var(--off-white)}
.faq-question-text{font-family:var(--font-display);font-size: 17px;font-weight:700;color:var(--anthracite);line-height:1.35}
.faq-chevron{flex-shrink:0;width:24px;height:24px;background:var(--light-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size: 13px;transition:transform .3s,background .2s}
.faq-item.open .faq-chevron{transform:rotate(180deg);background:var(--fsa-accent);color:white}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.faq-answer-inner{padding:0 24px 20px;font-size: 16px;color:var(--mid-gray);line-height:1.7}
.faq-item.open .faq-answer{max-height:300px}
/* ---- BLOG ---- */
.blog{padding:var(--section-pad) 0;background:var(--white)}
.blog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--light-gray);background:var(--white);transition:transform .25s,box-shadow .25s;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.blog-card-img{height:170px;background:var(--light-gray);display:flex;align-items:center;justify-content:center;font-size: 45px}
.blog-card-body{padding:22px;flex:1;display:flex;flex-direction:column}
.blog-card-cat{font-family:var(--font-display);font-size: 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fsa-accent);margin-bottom:8px}
.blog-card-title{font-family:var(--font-display);font-size: 17px;font-weight:700;color:var(--anthracite);line-height:1.35;margin-bottom:8px;flex:1}
.blog-card-date{font-size: 13px;color:var(--mid-gray);margin-top:auto}
/* ---- ZONE D'INTERVENTION (en bas) ---- */
.zone{padding:52px 0;background:var(--fsa-blue)}
.zone-compact{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.zone-title-block{flex-shrink:0}
.zone-title{font-family:var(--font-display);font-size: 19px;font-weight:800;color:white;margin-bottom:4px}
.zone-subtitle{font-size: 14px;color:rgba(255,255,255,.6)}
.zone-divider{width:1px;height:48px;background:rgba(255,255,255,.2);flex-shrink:0}
.zone-pills{display:flex;flex-wrap:wrap;gap:10px;flex:1}
.zone-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:100px;font-size: 14px;font-weight:600;border:1.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85);white-space:nowrap;background:rgba(255,255,255,.07)}
.zone-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.zone-pill.primary .zone-pill-dot{background:#93C5FD}
.zone-pill.secondary .zone-pill-dot{background:var(--cyber-cyan)}
.zone-pill.remote{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.1);color:#6EE7B7}
.zone-pill.remote .zone-pill-dot{background:var(--domo-green)}
/* ---- CTA ---- */
.cta-section{padding:var(--section-pad) 0;background:var(--anthracite);position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:-100px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%)}
.cta-section::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.10) 0%,transparent 70%)}
.cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cta-inner .tag{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.15)}
.cta-inner .section-title{color:white}
.cta-content .section-sub{color:rgba(255,255,255,.65);margin-bottom:28px}
.cta-contact-info{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.cta-contact-item{display:flex;align-items:center;gap:12px;font-size: 15px;color:rgba(255,255,255,.75);text-decoration:none;transition:color .2s}
.cta-contact-item:hover{color:white}
.cta-contact-icon{width:38px;height:38px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size: 18px;flex-shrink:0}
/* Formulaire */
.cta-form-wrap{background:white;border-radius:var(--radius-lg);padding:36px 32px}
.cta-form-title{font-family:var(--font-display);font-size: 19px;font-weight:800;color:var(--anthracite);margin-bottom:4px}
.cta-form-sub{font-size: 14px;color:var(--mid-gray);margin-bottom:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.form-group label{font-family:var(--font-display);font-size: 13px;font-weight:700;color:var(--anthracite);letter-spacing:.04em}
.form-group input,.form-group select,.form-group textarea{font-family:var(--font-body);font-size: 15px;color:var(--anthracite);background:var(--off-white);border:1.5px solid var(--light-gray);border-radius:var(--radius-sm);padding:10px 14px;transition:border-color .2s;outline:none;width:100%}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--fsa-accent);background:white}
.form-group textarea{resize:vertical;min-height:90px}
.form-submit{width:100%;background:var(--fsa-accent);color:white;font-family:var(--font-display);font-size: 15px;font-weight:700;padding:13px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.4}
.form-submit:hover{background:var(--fsa-blue);transform:translateY(-1px)}
.form-notice{font-size: 12px;color:var(--mid-gray);text-align:center;margin-top:10px}
.form-success{display:none;text-align:center;padding:20px;color:var(--domo-green);font-family:var(--font-display);font-weight:700;font-size: 16px}
.form-error{display:none;text-align:center;padding:10px;color:#EF4444;font-size: 14px}
@media(max-width:900px){.cta-inner{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
/* ---- FOOTER ---- */
footer{background:#0D1520;color:rgba(255,255,255,.55);padding:52px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-logo-wrap{display:flex;align-items:center;gap:11px;margin-bottom:14px;text-decoration:none}
.footer-logo-icon{position:relative;width:38px;height:38px;flex-shrink:0}
.footer-logo-icon::before{content:'';position:absolute;inset:0;background:var(--fsa-blue);border-radius:50%}
.footer-logo-rect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:20px;background:var(--fsa-orange);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size: 11px;color:white;z-index:1}
.footer-logo-name{font-family:var(--font-display);font-size: 17px;font-weight:800;color:white}
.footer-tagline{font-size: 15px;line-height:1.65;max-width:260px;margin-bottom:18px}
.footer-contact-line{display:flex;align-items:center;gap:8px;font-size: 15px;margin-bottom:7px;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s}
.footer-contact-line:hover{color:white}
.footer-col-title{font-family:var(--font-display);font-size: 13px;font-weight:700;color:white;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-links a{font-size: 15px;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:white}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom-text{font-size: 13px}
.footer-bottom-links{display:flex;gap:18px}
.footer-bottom-links a{font-size: 13px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.footer-bottom-links a:hover{color:rgba(255,255,255,.8)}
/* ---- FLOATING CTA ---- */
.floating-cta{position:fixed;bottom:26px;right:26px;z-index:99;opacity:0;transform:translateY(16px);transition:all .3s;pointer-events:none}
.floating-cta.visible{opacity:1;transform:translateY(0);pointer-events:all}
.floating-cta a{display:flex;align-items:center;gap:8px;background:var(--fsa-blue);color:white;font-family:var(--font-display);font-size: 14px;font-weight:700;padding:12px 20px;border-radius:100px;text-decoration:none;box-shadow:0 8px 32px rgba(30,58,95,.45);transition:background .2s,transform .2s;line-height:1.4}
.floating-cta a:hover{background:var(--fsa-accent);transform:translateY(-2px)}
/* ---- REVEAL ---- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}
/* ---- RESPONSIVE ---- */
@media(max-width:1024px){.nav-links{gap:2px}.nav-links a{padding:8px 8px;font-size: 14px}}
@media(max-width:900px){
.hero-inner{grid-template-columns:1fr;gap:36px}
.hero-carousel{order:-1;aspect-ratio:16/9}
.services-grid{grid-template-columns:1fr 1fr}
.services-poles{grid-template-columns:1fr}
.why-inner{grid-template-columns:1fr}
.faq-grid{grid-template-columns:1fr}
.blog-grid{grid-template-columns:1fr 1fr}
.footer-grid{grid-template-columns:1fr 1fr;gap:28px}
.nav-inner{flex-wrap:wrap}
.nav-links,.nav-cta{display:none;flex-basis:100%}
.nav-hamburger{display:flex}
.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:2px;background:white;border-top:1px solid var(--light-gray);box-shadow:var(--shadow-md);padding:10px 0;max-height:calc(100vh - 72px);overflow-y:auto}
.nav-links.is-open a{padding:12px 16px;min-height:44px}
.nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;background:var(--off-white);padding:4px 0;margin:2px 0 0;min-width:0}
.nav-cta.is-open{display:flex;padding:4px 16px 12px}
.nav-cta.is-open .btn{width:100%;justify-content:center;min-height:44px}
.zone-divider{display:none}
}
@media(max-width:600px){
:root{--section-pad:56px}
.services-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}
.hero-stats{gap:20px}
.zone-compact{flex-direction:column;align-items:flex-start;gap:20px}
.zone-pill{white-space:normal}
.footer-bottom-links{flex-wrap:wrap}
.footer-bottom-links a{overflow-wrap:anywhere}
}
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Comment se passe une intervention à distance ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "FSA utilise RustDesk, un logiciel open-source de prise de main à distance sécurisé. Vous installez un petit programme, vous partagez un code d'accès temporaire, et Felipe prend la main sur votre écran avec votre accord, en temps réel. Pour les accompagnements et formations, Jitsi (visioconférence sans compte) est utilisé. Aucun accès permanent n'est laissé sur votre machine."
}
},
{
"@type": "Question",
"name": "FSA travaille avec quels types de clients ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "FSA accompagne principalement des TPE et PME (commerces, artisans, professions libérales, associations) qui n'ont pas de service informatique interne, ainsi que des particuliers souhaitant une aide sérieuse et durable. Les interventions terrain se font en Seine-Maritime et Normandie ; l'assistance à distance couvre toute la France."
}
},
{
"@type": "Question",
"name": "Faut-il signer un contrat ou un abonnement ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Non. FSA travaille à la prestation, sans engagement. Chaque intervention fait l'objet d'un devis ou d'un bon de commande. Le seul document systématique est une lettre de mission qui précise le périmètre et protège les deux parties. Pour les clients \"Responsable IT à la carte\", un forfait mensuel peut être proposé, mais toujours résiliable."
}
},
{
"@type": "Question",
"name": "Mes données sont-elles en sécurité lors d'une intervention ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Absolument. FSA ne copie, ne conserve ni ne transfère aucune donnée personnelle au-delà de ce qu'exige la mission. Les accès à distance sont temporaires et tracés. En cas d'audit cybersécurité, un accord de confidentialité (NDA) est signé systématiquement. Vos données restent les vôtres."
}
},
{
"@type": "Question",
"name": "Quelle différence avec un grand prestataire informatique ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Avec un grand prestataire : un ticket, une hotline, un technicien différent à chaque fois, des délais. Avec FSA : Felipe répond directement, connaît votre contexte, parle votre langue (pas celle des serveurs), et n'a aucun intérêt à vous vendre ce dont vous n'avez pas besoin. La taille humaine, c'est un avantage, pas une limite."
}
},
{
"@type": "Question",
"name": "Peut-on commander des dépannages simples en ligne ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui ! FSA propose une boutique de prestations à distance avec des tarifs fixes et transparents : dépannage et nettoyage de PC, désinfection virus, installation de logiciels, configuration de messagerie, assistance NAS Synology, automatisations Home Assistant. Réservation et paiement sécurisé par carte bancaire (via Mollie), Felipe vous recontacte sous 24h pour planifier."
}
}
]
}
</script>
</head>
<body>
<a href="#main-content" class="skip-link">Aller au contenu principal</a>
<!-- NAV -->
<nav class="nav" id="nav">
<div class="container">
<div class="nav-inner">
<a href="/" class="fsa-logo">
<div class="fsa-logo-icon"><div class="fsa-logo-rect">FSA</div></div>
<div class="fsa-logo-text">
<span class="fsa-logo-name">FSA</span>
<span class="fsa-logo-sub">Expertise Informatique · 76</span>
</div>
</a>
<ul class="nav-links">
<li class="has-dropdown">
<a href="/services/">Services</a>
<div class="nav-dropdown">
<a href="/services/assistance-informatique"><span class="nav-dropdown-icon">💻</span>Assistance informatique</a>
<a href="/services/solutions-reseau"><span class="nav-dropdown-icon">🖧</span>Solutions réseau & NAS</a>
<a href="/services/protection-donnees"><span class="nav-dropdown-icon">🔐</span>Protection des données</a>
<a href="/services/accompagnement-tech"><span class="nav-dropdown-icon">🎯</span>Accompagnement tech</a>
<a href="/services/responsable-info-partage"><span class="nav-dropdown-icon">🏢</span>Responsable IT à la carte</a>
<a href="/services/telephonie-ip"><span class="nav-dropdown-icon">📞</span>Téléphonie IP</a>
<div class="nav-dropdown-sep"></div>
<a href="/services/" class="nav-dropdown-all">→ Tous mes services</a>
</div>
</li>
<li><a href="/cybersecurite/">Cybersécurité</a></li>
<li><a href="/domotique/">Domotique</a></li>
<li><a href="/boutique/">Assistance en ligne</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="nav-cta">
<a href="#contact" class="btn btn-primary">Nous contacter</a>
</div>
<div class="nav-hamburger" id="hamburger"><span></span><span></span><span></span></div>
</div>
</div>
</nav>
<main id="main-content">
<!-- HERO -->
<section class="hero" id="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-content">
<div class="hero-eyebrow">
<span class="hero-badge">En activité depuis 2001</span>
<span class="hero-since">Seine-Maritime (76)</span>
</div>
<h1 class="hero-title">Dépannage et assistance<br />informatique<br /><em>en Seine-Maritime</em></h1>
<p style="font-family:var(--font-display);font-weight:400;font-size: 20px;color:var(--anthracite);margin-bottom:16px">Votre partenaire informatique de confiance</p>
<p class="hero-desc">Assistance informatique, cybersécurité et domotique pour les TPE, PME et particuliers en Seine-Maritime. Un interlocuteur unique. Pas de jargon. Des solutions qui fonctionnent.</p>
<div class="hero-actions">
<a href="#services" class="btn btn-primary">Découvrir mes services</a>
<a href="#contact" class="btn btn-ghost">Nous contacter</a>
</div>
<div class="hero-stats">
<div><span class="hero-stat-num">+20</span><span class="hero-stat-label">ans d'expérience</span></div>
<div><span class="hero-stat-num">76</span><span class="hero-stat-label">Seine-Maritime</span></div>
<div><span class="hero-stat-num">3</span><span class="hero-stat-label">pôles d'expertise</span></div>
</div>
</div>
<div class="hero-carousel" id="heroCarousel">
<div class="carousel-slides" id="carouselSlides">
<div class="carousel-slide slide-cyber">
<img src="img/cybersecurite.webp" alt="Cybersécurité TPE PME Seine-Maritime" loading="eager" />
<div class="carousel-caption">
<span class="carousel-caption-pole">🛡️ Cybersécurité</span>
<div class="carousel-caption-title">Audit & protection<br />des TPE / PME</div>
<p class="carousel-caption-desc">Réseau, données, sauvegarde - rapport sous 48h</p>
<a href="/cybersecurite/" class="carousel-caption-link">Découvrir la cybersécurité →</a>
</div>
</div>
<div class="carousel-slide slide-domo">
<img src="img/domotique.webp" alt="Domotique Home Assistant Seine-Maritime" loading="lazy" />
<div class="carousel-caption">
<span class="carousel-caption-pole">🏠 Domotique</span>
<div class="carousel-caption-title">Home Assistant<br />entreprises & particuliers</div>
<p class="carousel-caption-desc">Local, sans abonnement, installé de A à Z</p>
<a href="/domotique/" class="carousel-caption-link">Découvrir la domotique →</a>
</div>
</div>
<div class="carousel-slide slide-it">
<img src="img/assistance.webp" alt="Assistance informatique Seine-Maritime" loading="lazy" />
<div class="carousel-caption">
<span class="carousel-caption-pole">💻 Assistance IT</span>
<div class="carousel-caption-title">Support informatique<br />sur site & à distance</div>
<p class="carousel-caption-desc">Dépannage, réseau, conseil - réponse sous 24h</p>
<a href="#services" class="carousel-caption-link">Découvrir l'assistance informatique →</a>
</div>
</div>
</div>
<button class="carousel-prev" id="carouselPrev" aria-label="Précédent">‹</button>
<button class="carousel-next" id="carouselNext" aria-label="Suivant">›</button>
<div class="carousel-dots">
<button class="carousel-dot active" data-index="0"></button>
<button class="carousel-dot" data-index="1"></button>
<button class="carousel-dot" data-index="2"></button>
</div>
</div>
</div>
</div>
</section>
<!-- SERVICES -->
<section class="services" id="services">
<div class="container">
<div class="services-header reveal">
<span class="tag">Mes prestations</span>
<h2 class="section-title">Des solutions adaptées à <em>votre réalité</em></h2>
<p class="section-sub">Que vous soyez commerçant, artisan, TPE ou particulier, FSA s'adapte à votre contexte et à votre budget.</p>
</div>
<div class="services-grid">
<a href="/services/assistance-informatique" class="service-card s1 reveal reveal-delay-1">
<div class="service-icon">💻</div>
<div class="service-title">Assistance Informatique</div>
<p class="service-desc">Dépannage rapide, installation de matériel, configuration de postes de travail. Sur site en Seine-Maritime ou à distance via RustDesk.</p>
<span class="service-link">En savoir plus sur l'assistance informatique →</span>
</a>
<a href="/services/solutions-reseau" class="service-card s2 reveal reveal-delay-2">
<div class="service-icon">🖧</div>
<div class="service-title">Réseau, Wi-Fi & NAS</div>
<p class="service-desc">Infrastructure réseau local, Wi-Fi professionnel, VPN, accès distants et serveurs NAS Synology pour le partage et la sauvegarde de fichiers.</p>
<span class="service-link">En savoir plus sur le réseau et le NAS →</span>
</a>
<a href="/services/protection-donnees" class="service-card s3 reveal reveal-delay-3">
<div class="service-icon">🔐</div>
<div class="service-title">Protection des Données</div>
<p class="service-desc">Sauvegarde 3-2-1, chiffrement, plan de reprise. Vos données protégées contre la perte, le vol et les ransomwares.</p>
<span class="service-link">En savoir plus sur la protection des données →</span>
</a>
<a href="/services/accompagnement-tech" class="service-card s4 reveal reveal-delay-1">
<div class="service-icon">🎯</div>
<div class="service-title">Accompagnement Tech</div>
<p class="service-desc">Formation, conseil et aide à la décision pour choisir les bons outils. Sessions individuelles en visio (Jitsi) ou sur site.</p>
<span class="service-link">En savoir plus sur l'accompagnement tech →</span>
</a>
<a href="/services/responsable-info-partage" class="service-card s5 reveal reveal-delay-2">
<div class="service-icon">🏢</div>
<div class="service-title">Responsable IT à la carte</div>
<p class="service-desc">FSA agit comme votre responsable informatique externalisé : suivi régulier du parc, veille, conseils stratégiques et anticipation des problèmes. L'appui IT que les dirigeants de TPE méritent.</p>
<span class="service-link">En savoir plus sur le responsable IT à la carte →</span>
</a>
<a href="/services/telephonie-ip" class="service-card s6 reveal reveal-delay-3">
<div class="service-icon">📞</div>
<div class="service-title">Téléphonie IP</div>
<p class="service-desc">Migration vers la VoIP, installation de IPBX, numéros virtuels et softphones. Des communications modernes, flexibles et économiques pour votre entreprise.</p>
<span class="service-link">En savoir plus sur la téléphonie IP →</span>
</a>
</div>
<div class="services-poles-sep reveal">
<span>Pôles spécialisés</span>
</div>
<div class="services-poles" id="cybersecurite">
<a href="/cybersecurite/" class="pole-card cyber reveal reveal-delay-1">
<span class="pole-badge">🛡️ Pôle Cybersécurité</span>
<div class="pole-title">Audit et protection<br />des TPE / PME</div>
<p class="pole-desc">Les mêmes outils que les grandes structures, une méthode rigoureuse, des résultats que vous comprenez.</p>
<ul class="pole-features">
<li>Audit externe & réseau local</li>
<li>Sauvegarde 3-2-1 (NAS Synology)</li>
<li>Formation anti-phishing</li>
<li>Rapport Rouge / Orange / Vert sous 48h</li>
</ul>
<span class="pole-cta">Découvrir le pôle cybersécurité →</span>
</a>
<a href="/domotique/" class="pole-card domo reveal reveal-delay-2" id="domotique">
<span class="pole-badge">🏠 Pôle Domotique</span>
<div class="pole-title">Home Assistant<br />entreprises & particuliers</div>
<p class="pole-desc">Systèmes locaux, sans abonnement, qui fonctionnent même si internet tombe. Installé et configuré de A à Z.</p>
<ul class="pole-features">
<li>Installation Home Assistant</li>
<li>Automatisations & Zigbee / Matter</li>
<li>Sécurité & alertes en temps réel</li>
<li>Formation et prise en main guidée</li>
</ul>
<span class="pole-cta">Découvrir le pôle domotique →</span>
</a>
</div>
</div>
</section>
<!-- PRESENTATION FSA -->
<section class="why">
<div class="container">
<div class="reveal parcours-text" style="max-width:680px;margin:0 auto">
<h2 class="section-title">FSA, votre informatique en <em>Seine-Maritime</em></h2>
<p>Je m'appelle Felipe Simoes et je dirige FSA, une entreprise individuelle installée à Bénesville depuis 2001. J'interviens à domicile et en entreprise dans tout le Pays de Caux : <a href="/depannage-informatique-yvetot.html" style="color:inherit;text-decoration:underline">Yvetot</a>, Doudeville, Yerville, <a href="/depannage-informatique-saint-valery-en-caux.html" style="color:inherit;text-decoration:underline">Saint-Valery-en-Caux</a>, Cany-Barville, Val-de-Saâne, Tôtes, Fécamp et le secteur de <a href="/depannage-informatique-dieppe.html" style="color:inherit;text-decoration:underline">Dieppe</a>.</p>
<p>Mon travail couvre le dépannage informatique des particuliers comme la maintenance des TPE : ordinateur en panne, suppression de virus, installation de matériel, réseau local et Wi-Fi professionnel, sauvegarde et NAS Synology, audit de cybersécurité, téléphonie IP et domotique Home Assistant.</p>
<p>La plupart des pannes logicielles se règlent à distance, sans déplacement et sans attendre : je prends la main sur votre écran avec votre accord, partout en France. Quand le matériel est en cause, je me déplace.</p>
<p>Ce que vous trouverez chez FSA : un seul interlocuteur du premier appel au suivi, un diagnostic gratuit avant toute intervention, un devis clair, et des explications sans jargon. Pas d'abonnement, pas d'engagement de durée.</p>
</div>
</div>
</section>
<!-- POURQUOI FSA -->
<section class="why">
<div class="container">
<div class="why-inner">
<div class="why-content reveal">
<span class="tag">Pourquoi choisir FSA</span>
<h2 class="section-title">Un expert de <em>proximité</em>,<br />pas un prestataire anonyme</h2>
<div class="why-points">
<div class="why-point">
<div class="why-point-icon">🎯</div>
<div>
<div class="why-point-title">Un seul interlocuteur</div>
<p class="why-point-text">Pas de hotline, pas de tickets. Felipe connaît votre parc informatique et intervient directement, sur site ou à distance via RustDesk.</p>
</div>
</div>
<div class="why-point">
<div class="why-point-icon">💬</div>
<div>
<div class="why-point-title">Sans jargon, sans engagement</div>
<p class="why-point-text">FSA propose des explications claires et des devis transparents. Chaque prestation est indépendante, pas d'abonnement imposé, pas de mauvaise surprise.</p>
</div>
</div>
<div class="why-point">
<div class="why-point-icon">⚡</div>
<div>
<div class="why-point-title">Réactivité terrain</div>
<p class="why-point-text">Intervention sur site en Seine-Maritime ou prise de main à distance (RustDesk / Jitsi) partout en France. Réponse garantie sous 24h.</p>
</div>
</div>
<div class="why-point">
<div class="why-point-icon">🔒</div>
<div>
<div class="why-point-title">Confidentialité garantie</div>
<p class="why-point-text">Lettre de mission systématique, données chiffrées, aucune information partagée au-delà de la mission. La confiance se mérite.</p>
</div>
</div>
</div>
</div>
<div class="why-panel reveal reveal-delay-2">
<div class="why-numbers">
<div><span class="why-num-value">2001</span><span class="why-num-label">Année de création de FSA</span></div>
<div><span class="why-num-value why-num-accent">+20</span><span class="why-num-label">Ans d'expérience terrain</span></div>
<div><span class="why-num-value">76</span><span class="why-num-label">Seine-Maritime & alentours</span></div>
<div><span class="why-num-value why-num-accent">24h</span><span class="why-num-label">Délai de réponse garanti</span></div>
</div>
<div class="why-panel-cta">
<p>Première consultation gratuite, Felipe fait le point sur votre situation avant toute intervention.</p>
<a href="#contact" class="btn-white">Prendre contact →</a>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="faq">
<div class="container">
<div class="faq-header reveal">
<span class="tag">Questions fréquentes</span>
<h2 class="section-title">Ce que mes clients <em>demandent souvent</em></h2>
<p class="section-sub">Pas de jargon, pas de langue de bois. Des réponses directes aux vraies questions.</p>
</div>
<div class="faq-grid">
<div class="faq-item">
<div class="faq-question">
<span class="faq-question-text">Comment se passe une intervention à distance ?</span>
<span class="faq-chevron">▾</span>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">FSA utilise <strong>RustDesk</strong>, un logiciel open-source de prise de main à distance sécurisé. Vous installez un petit programme, vous partagez un code d'accès temporaire, et Felipe prend la main sur votre écran avec votre accord, en temps réel. Pour les accompagnements et formations, <strong>Jitsi</strong> (visioconférence sans compte) est utilisé. Aucun accès permanent n'est laissé sur votre machine.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span class="faq-question-text">FSA travaille avec quels types de clients ?</span>
<span class="faq-chevron">▾</span>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">FSA accompagne principalement des <strong>TPE et PME</strong> (commerces, artisans, professions libérales, associations) qui n'ont pas de service informatique interne, ainsi que des <strong>particuliers</strong> souhaitant une aide sérieuse et durable. Les interventions terrain se font en Seine-Maritime et Normandie ; l'assistance à distance couvre toute la France.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span class="faq-question-text">Faut-il signer un contrat ou un abonnement ?</span>
<span class="faq-chevron">▾</span>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Non. FSA travaille à la prestation, sans engagement. Chaque intervention fait l'objet d'un devis ou d'un bon de commande. Le seul document systématique est une <strong>lettre de mission</strong> qui précise le périmètre et protège les deux parties. Pour les clients "Responsable IT à la carte", un forfait mensuel peut être proposé, mais toujours résiliable.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span class="faq-question-text">Mes données sont-elles en sécurité lors d'une intervention ?</span>
<span class="faq-chevron">▾</span>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Absolument. FSA ne copie, ne conserve ni ne transfère aucune donnée personnelle au-delà de ce qu'exige la mission. Les accès à distance sont <strong>temporaires et tracés</strong>. En cas d'audit cybersécurité, un accord de confidentialité (NDA) est signé systématiquement. Vos données restent les vôtres.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span class="faq-question-text">Quelle différence avec un grand prestataire informatique ?</span>
<span class="faq-chevron">▾</span>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Avec un grand prestataire : un ticket, une hotline, un technicien différent à chaque fois, des délais. Avec FSA : <strong>Felipe répond directement</strong>, connaît votre contexte, parle votre langue (pas celle des serveurs), et n'a aucun intérêt à vous vendre ce dont vous n'avez pas besoin. La taille humaine, c'est un avantage, pas une limite.</div>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span class="faq-question-text">Peut-on commander des dépannages simples en ligne ?</span>
<span class="faq-chevron">▾</span>
</div>
<div class="faq-answer">
<div class="faq-answer-inner">Oui ! FSA propose une <strong>boutique de prestations à distance</strong> avec des tarifs fixes et transparents : dépannage et nettoyage de PC, désinfection virus, installation de logiciels, configuration de messagerie, assistance NAS Synology, automatisations Home Assistant. Réservation et paiement sécurisé par carte bancaire (via Mollie), Felipe vous recontacte sous 24h pour planifier. <a href="/boutique/" style="color:var(--fsa-accent);font-weight:600">Voir les prestations disponibles →</a></div>
</div>
</div>
</div>
</div>
</section>
<!-- BLOG -->
<section class="blog">
<div class="container">
<div class="blog-header reveal">
<div>
<span class="tag">Ressources & conseils</span>
<h2 class="section-title">Le <em>blog FSA</em></h2>
</div>
<a href="/blog/" class="btn btn-ghost">Tous les articles →</a>
</div>
<div class="blog-grid">
<a href="/audit-cybersecurite-tpe-pme-normandie-2026/" class="blog-card reveal reveal-delay-1">
<div class="blog-card-img" style="background:linear-gradient(135deg,#0F2A44,#1A3A5C);color:#7DD3FC;font-size: 45px;display:flex;align-items:center;justify-content:center;height:170px">🛡️</div>
<div class="blog-card-body">
<div class="blog-card-cat">Cybersécurité</div>
<div class="blog-card-title">Audit cybersécurité TPE/PME en Normandie : pourquoi c'est indispensable en 2026</div>
<span class="blog-card-date">10 avril 2026</span>
</div>
</a>
<a href="/domotique-normandie-par-ou-commencer-2026/" class="blog-card reveal reveal-delay-2">
<div class="blog-card-img" style="background:linear-gradient(135deg,#064E3B,#065F46);color:#6EE7B7;font-size: 45px;display:flex;align-items:center;justify-content:center;height:170px">🏠</div>
<div class="blog-card-body">
<div class="blog-card-cat">Domotique</div>
<div class="blog-card-title">Domotique en Normandie : par où commencer en 2026 ?</div>
<span class="blog-card-date">13 avril 2026</span>
</div>
</a>
<a href="/reseau-informatique-tpe-normandie-bases-2026/" class="blog-card reveal reveal-delay-3">
<div class="blog-card-img" style="background:linear-gradient(135deg,#1E3A5F,#2563EB);color:#93C5FD;font-size: 45px;display:flex;align-items:center;justify-content:center;height:170px">🖧</div>
<div class="blog-card-body">
<div class="blog-card-cat">Informatique & Réseaux</div>
<div class="blog-card-title">Réseau informatique pour TPE en Normandie : les bases pour bien démarrer en 2026</div>
<span class="blog-card-date">13 avril 2026</span>
</div>
</a>
</div>
</div>
</section>
<!-- ZONE D'INTERVENTION (en bas) -->
<section class="zone">
<div class="container">
<div class="zone-compact">
<div class="zone-title-block">
<div class="zone-title">📍 Zones d'intervention</div>
<div class="zone-subtitle">Sur site & à distance</div>
</div>
<div class="zone-divider"></div>
<div class="zone-pills">
<span class="zone-pill primary"><span class="zone-pill-dot"></span>Rouen & agglomération</span>
<span class="zone-pill primary"><span class="zone-pill-dot"></span>Le Havre</span>
<span class="zone-pill primary"><span class="zone-pill-dot"></span><a href="/depannage-informatique-dieppe.html" style="color:inherit;text-decoration:underline">Dieppe</a> · Fécamp</span>
<span class="zone-pill secondary"><span class="zone-pill-dot"></span><a href="/depannage-informatique-yvetot.html" style="color:inherit;text-decoration:underline">Yvetot</a> · Doudeville · Yerville</span>
<span class="zone-pill secondary"><span class="zone-pill-dot"></span>Val-de-Saâne · Tôtes · <a href="/depannage-informatique-saint-valery-en-caux.html" style="color:inherit;text-decoration:underline">Saint-Valery-en-Caux</a> · Cany-Barville</span>
<span class="zone-pill remote"><span class="zone-pill-dot"></span>🌐 France entière à distance</span>
</div>
</div>
</div>
</section>
<!-- CTA CONTACT -->
<section class="cta-section" id="contact">
<div class="container">
<div class="cta-inner">
<!-- Gauche : texte + infos contact -->
<div class="cta-content reveal">
<span class="tag">Contact</span>
<h2 class="section-title">Parlons de <em>votre projet</em></h2>
<p class="section-sub">Première consultation gratuite avec Felipe. Réponse sous 24h. Sans jargon, sans engagement.</p>
<div class="cta-contact-info">
<a data-obf="tel-cta" href="#" class="cta-contact-item">
<span class="cta-contact-icon">📞</span>
<span data-obf-inner="tel-cta-inner"></span>
</a>
<a data-obf="email-cta" href="#" class="cta-contact-item">
<span class="cta-contact-icon">✉️</span>
<span data-obf-inner="email-cta-inner"></span>
</a>
<div class="cta-contact-item">
<span class="cta-contact-icon">📍</span>
<span><strong style="color:white">Bénesville (76560)</strong><br /><span style="font-size: 13px">Seine-Maritime & à distance (France entière)</span></span>
</div>
</div>
</div>
<!-- Droite : formulaire -->
<div class="cta-form-wrap reveal reveal-delay-2">
<div class="cta-form-title">Envoyez-moi un message</div>
<div class="cta-form-sub">✅ Première consultation gratuite · 🔒 Données confidentielles</div>
<form id="contactForm" method="post" action="https://api.web3forms.com/submit">
<input type="hidden" name="access_key" value="950f23bf-99e1-4b43-8c26-ffc751512ecc" />
<input type="hidden" name="subject" value="Nouveau message depuis fsa76.fr" />
<input type="hidden" name="from_name" value="Site FSA76" />
<input type="checkbox" name="botcheck" style="display:none" />
<div class="form-row">
<div class="form-group">
<label for="contact_nom">Prénom / Nom *</label>
<input type="text" id="contact_nom" name="name" placeholder="Jean Dupont" required />
</div>
<div class="form-group">
<label for="contact_entreprise">Entreprise</label>
<input type="text" id="contact_entreprise" name="entreprise" placeholder="Ma société" />
</div>
</div>
<div class="form-row">
<div class="form-group">
<label for="contact_email">Email *</label>
<input type="email" id="contact_email" name="email" placeholder="jean@example.fr" required />
</div>
<div class="form-group">
<label for="contact_tel">Téléphone</label>
<input type="tel" id="contact_tel" name="telephone" placeholder="06 xx xx xx xx" />
</div>
</div>
<div class="form-group">
<label for="contact_service">Prestation souhaitée</label>
<select id="contact_service" name="service">
<option value="">- Sélectionner -</option>
<option>Assistance informatique</option>
<option>Réseau, Wi-Fi & NAS</option>
<option>Protection des données</option>
<option>Accompagnement tech</option>
<option>Responsable IT à la carte</option>
<option>Téléphonie IP</option>
<option>Cybersécurité - Audit TPE/PME</option>
<option>Domotique - Home Assistant</option>
<option>Je ne sais pas encore</option>
</select>
</div>
<div class="form-group">
<label for="contact_message">Votre situation</label>
<textarea id="contact_message" name="message" placeholder="Décrivez brièvement votre besoin..."></textarea>
</div>
<button type="submit" class="form-submit" id="formSubmitBtn">
<span id="formSubmitText">Envoyer ma demande →</span>
</button>
<p class="form-notice">Réponse garantie sous 24h - aucun démarchage commercial</p>
<div class="form-success" id="formSuccess">✅ Message envoyé ! Felipe vous recontacte sous 24h.</div>
<div class="form-error" id="formError">❌ Une erreur est survenue. Appelez-moi directement.</div>
</form>
</div>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
<div class="container">
<div class="footer-grid">
<div>
<a href="/" class="footer-logo-wrap">
<div class="footer-logo-icon"><div class="footer-logo-rect">FSA</div></div>
<span class="footer-logo-name">FSA</span>
</a>
<p class="footer-tagline">Expertise informatique pour TPE, PME et particuliers en Seine-Maritime depuis 2001.</p>
<a data-obf="footer-email" href="#" class="footer-contact-line"></a>
<a data-obf="footer-tel" href="#" class="footer-contact-line"></a>
<span class="footer-contact-line">📍 Bénesville (76560)</span>
</div>
<div>
<div class="footer-col-title">Services</div>
<ul class="footer-links">
<li><a href="/services/assistance-informatique">Assistance informatique</a></li>
<li><a href="/services/solutions-reseau">Réseau, Wi-Fi & NAS</a></li>
<li><a href="/services/protection-donnees">Protection des données</a></li>
<li><a href="/services/accompagnement-tech">Accompagnement tech</a></li>
<li><a href="/services/responsable-info-partage">Responsable IT à la carte</a></li>
<li><a href="/services/telephonie-ip">Téléphonie IP</a></li>
<li><a href="/boutique/">🛒 Assistance en ligne</a></li>
</ul>
</div>
<div>
<div class="footer-col-title">Pôles</div>
<ul class="footer-links">
<li><a href="/cybersecurite/">🛡️ Cybersécurité</a></li>
<li><a href="/domotique/">🏠 Domotique</a></li>
<li><a href="/blog/">📝 Blog & Ressources</a></li>
<li><a href="https://fsa76.gumroad.com" target="_blank" rel="noopener">📘 Guides & Formations ↗</a></li>
</ul>
<div class="footer-col-title" style="margin-top:22px">Zones</div>
<ul class="footer-links">
<li><a href="/depannage-informatique-yvetot.html">Yvetot</a></li>
<li><a href="/depannage-informatique-dieppe.html">Dieppe</a></li>
<li><a href="/depannage-informatique-saint-valery-en-caux.html">Saint-Valery-en-Caux</a></li>
<li><a href="#contact">Rouen, Le Havre</a></li>
<li><a href="#contact">Normandie (déplacements)</a></li>
<li><a href="#contact">France entière à distance</a></li>
</ul>
</div>
<div>
<div class="footer-col-title">Informations</div>
<ul class="footer-links">
<li><a href="/qui-suis-je.html">À propos de FSA</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="/mentions-legales.html">Mentions légales</a></li>
<li><a href="/cgv.html">CGV & Conditions</a></li>
<li><a href="/politique-confidentialite.html">Confidentialité</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span class="footer-bottom-text">© 2026 FSA - Felipe Simoes · Bénesville (76560) · Seine-Maritime</span>
<div class="footer-bottom-links">
<a href="https://hoodspot.fr/conseiller-en-systemes-informatiques/fsa-44366872800027/" title="FSA" target="_blank">https://hoodspot.fr/conseiller-en-systemes-informatiques/fsa-44366872800027/</a>
<a href="/mentions-legales.html">Mentions légales</a>
<a href="/cgv.html">CGV</a>
<a href="/politique-confidentialite.html">Confidentialité</a>
</div>
</div>
</div>
</footer>
<div class="floating-cta" id="floatingCta">
<a href="#contact">💬 Consultation gratuite</a>
</div>
<script>
/* Obfuscation contact */
(function(){
var u='contact',d='fsa76',t='fr';
var em=u+'@'+d+'.'+t;
var p=['07','67','62','71','20'];
var tel=p.join('');
var telHref='+33'+tel.slice(1);
var nb=' ',bull='·',dash='-';
var telFmt='0'+p[0].slice(1)+nb+p[1]+nb+p[2]+nb+p[3]+nb+p[4];
// CTA section
document.querySelectorAll('[data-obf="tel-cta"]').forEach(function(el){
el.href='tel:'+telHref;
});
document.querySelectorAll('[data-obf-inner="tel-cta-inner"]').forEach(function(el){
el.innerHTML='<strong style="color:white">'+telFmt+'<'+'/strong><br /><span style="font-size: 13px">Lun'+dash+'Ven 8h30'+dash+'19h '+bull+' Sam 8h30'+dash+'13h<'+'/span>';
});
document.querySelectorAll('[data-obf="email-cta"]').forEach(function(el){
el.href='mailto:'+em;
});
document.querySelectorAll('[data-obf-inner="email-cta-inner"]').forEach(function(el){
el.innerHTML='<strong style="color:white">'+em+'<'+'/strong><br /><span style="font-size: 13px">Réponse sous 24h<'+'/span>';
});
// Footer
document.querySelectorAll('[data-obf="footer-email"]').forEach(function(el){
el.href='mailto:'+em;
el.textContent='✉️ '+em;
});
document.querySelectorAll('[data-obf="footer-tel"]').forEach(function(el){
el.href='tel:'+telHref;
el.textContent='☎️ '+telFmt;
});
})();
const nav=document.getElementById('nav');
window.addEventListener('scroll',()=>{nav.classList.toggle('scrolled',window.scrollY>40)});
document.getElementById('hamburger').addEventListener('click', () => {
document.querySelector('.nav-links').classList.toggle('is-open');
const cta = document.querySelector('.nav-cta');
if (cta) cta.classList.toggle('is-open');
});
const fc=document.getElementById('floatingCta');
window.addEventListener('scroll',()=>{fc.classList.toggle('visible',window.scrollY>400)});
const ro=new IntersectionObserver(e=>{e.forEach(x=>{if(x.isIntersecting){x.target.classList.add('visible');ro.unobserve(x.target)}})},{threshold:.10});
document.querySelectorAll('.reveal').forEach(el=>ro.observe(el));
/* Carrousel */
(function(){
const s=document.getElementById('carouselSlides');
const d=document.querySelectorAll('.carousel-dot');
let c=0,t=null;
function go(i){c=(i+3)%3;s.style.transform='translateX(-'+(c*100)+'%)';d.forEach((x,j)=>x.classList.toggle('active',j===c))}
function start(){t=setInterval(()=>go(c+1),5000)}
function stop(){clearInterval(t)}
document.getElementById('carouselPrev').onclick=()=>{stop();go(c-1);start()};
document.getElementById('carouselNext').onclick=()=>{stop();go(c+1);start()};
d.forEach(x=>x.addEventListener('click',()=>{stop();go(parseInt(x.dataset.index));start()}));
let tx=0;
const el=document.getElementById('heroCarousel');
el.addEventListener('touchstart',e=>{tx=e.touches[0].clientX},{passive:true});
el.addEventListener('touchend',e=>{const df=tx-e.changedTouches[0].clientX;if(Math.abs(df)>40){stop();go(c+(df>0?1:-1));start()}});
start();
})();
/* FAQ accordion */
document.querySelectorAll('.faq-item').forEach(item=>{
item.querySelector('.faq-question').addEventListener('click',()=>{
const open=item.classList.contains('open');
document.querySelectorAll('.faq-item').forEach(i=>i.classList.remove('open'));
if(!open) item.classList.add('open');
});
});
/* Formulaire Web3forms */
document.getElementById('contactForm').addEventListener('submit', async function(e) {
e.preventDefault();
const btn = document.getElementById('formSubmitBtn');
const btnText = document.getElementById('formSubmitText');
const success = document.getElementById('formSuccess');
const error = document.getElementById('formError');
btnText.textContent = 'Envoi en cours...';
btn.disabled = true;
success.style.display = 'none';
error.style.display = 'none';
try {
const res = await fetch('https://api.web3forms.com/submit', {
method: 'POST',
headers: {'Content-Type': 'application/json', 'Accept': 'application/json'},
body: JSON.stringify(Object.fromEntries(new FormData(this)))
});
const data = await res.json();
if (data.success) {
success.style.display = 'block';
this.reset();
} else {
error.style.display = 'block';
}
} catch(err) {
error.style.display = 'block';
}
btnText.textContent = 'Envoyer ma demande →';
btn.disabled = false;
});
</script>
</body>
</html>