
<!--
                             @@                             
                        @@@@@@@@@@@@                        
                    @@@@@@@@@%%@@@@@@@@@                    
                @@@@@@@@%%#+----=*%%@@@@@@@%%               
           @@@@@@@@@%#*=-==+++++==---+#%%@@@%%@%%           
        @@@@@@@@%*=--=+++++=-::-======-::=*#%%%%@@%%        
        @@@@#+--=+++++==-:::::::::::-======-:-=*%%%@        
        @@@*:+++++=-:::::::::::::::::::::-=====:+@%%        
        @@@*-+++:::::::::::::::::::::::::...-==:+@%%        
        @@@*-+++::::::::::::::::::::::-=-:..-==:+@%%        
        @@@*-+++::::::::::::::::::::-#@@@*:.-=-:+@%%        
        @@@*-++=:::::::::::::::::::+@@@@%+:.-=-:+@%%        
        @@@*-++=:::::::::::::::::=#@@@@#-...-=-:+%%%        
        @@@*-=+=::::::::::::::::*@@@@%+:....-=-:+%%%        
        @@@*-=+=:::-==-:::::::=%@@@@#-:.....-=-:+%%%        
        @@@*:=+=::=%@@%+-:::-#@@@@%+:::.....-=-:+%%%        
        @@@#-=+=-:-#@@@@%+-+%@@@@*::::.....:-=-:*%%%        
        @@@%=-++-:::+%@@@@@@@@@%=::::......---:-#%%%        
        @@@@+:=+=:.:::*%@@@@@@*::::.......:---.+%%%%        
         @@@%-:===:::::-*@@@#-.:::........---::#%%%         
         @@@@#:-==-:.:::.:-::::..........---:.*%%%%         
          @@@@*.-==-:...................---:.+%%%%          
           @@@@*.-==-:................:---:.+%%%%           
            @@@@*.:===-:.............:---:.+%%%%            
             @@@@#-.-===:..........:---:.:*%%%%             
               @@%%+::-===-:.....:----..+#%%%               
                %@@%%=.:-===-::-----:.=#%%%%                
                 %@@%%#=:.:------:..=#%%%%%                 
                   %%%%%%+-..::..:+#%%%%#                   
                     %%%%%%#+::+#%%%%%%                     
                       %%%%%%%%%%%%%#                       
                          %%%%%%%#                          
                                                                             

              ███████╗ █████╗ ███████╗███████╗
              ██╔════╝██╔══██╗██╔════╝██╔════╝
              ███████╗███████║█████╗  █████╗
              ╚════██║██╔══██║██╔══╝  ██╔══╝
              ███████║██║  ██║██║     ███████╗
              ╚══════╝╚═╝  ╚═╝╚═╝     ╚══════╝

     █████╗  ██████╗████████╗██╗██╗   ██╗██╗████████╗██╗   ██╗
    ██╔══██╗██╔════╝╚══██╔══╝██║██║   ██║██║╚══██╔══╝╚██╗ ██╔╝
    ███████║██║        ██║   ██║██║   ██║██║   ██║    ╚████╔╝
    ██╔══██║██║        ██║   ██║╚██╗ ██╔╝██║   ██║     ╚██╔╝
    ██║  ██║╚██████╗   ██║   ██║ ╚████╔╝ ██║   ██║      ██║
    ╚═╝  ╚═╝ ╚═════╝   ╚═╝   ╚═╝  ╚═══╝  ╚═╝   ╚═╝      ╚═╝


              INFORMATIQUE • RÉSEAUX • CYBERSÉCURITÉ

        ─────────────────────────────────────────────


                   VOUS ÊTES ARRIVÉ JUSQU'ICI...

                            Bien joué. ;)


                 La curiosité est une qualité.

                 Comprendre  •  Observer •  Vérifier

                      Mais n'oubliez pas :

                    RESTEZ DU BON CÔTÉ. ;)


        ─────────────────────────────────────────────

                     https://safeactivity.fr

-->
<!DOCTYPE html>

<html lang="fr">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/>
<meta content="#061b33" name="theme-color"/>
<meta content="Safe Activity accompagne les professionnels à Issoire et alentours : réseaux, serveurs, Microsoft 365, sauvegardes, NAS, cybersécurité, support et création web." name="description"/>
<title>Safe Activity — Informatique, Réseaux & Cybersécurité à Issoire (63)</title>
<link href="css/style.css" rel="stylesheet"/>
<link href="/assets/icons/favicon-64.png" rel="icon" sizes="64x64" type="image/png"/> <link href="/favicon.ico" rel="shortcut icon"/>
<meta content="index,follow,max-image-preview:large" name="robots"/>
<link href="https://safeactivity.fr/" rel="canonical"/>
<meta content="Safe Activity — Informatique, Réseaux &amp; Cybersécurité" property="og:title"/>
<meta content="Safe Activity accompagne les professionnels à Issoire et alentours : réseaux, serveurs, Microsoft 365, sauvegardes, NAS, cybersécurité, support et création web." property="og:description"/>
<meta content="website" property="og:type"/>
<meta content="https://safeactivity.fr/" property="og:url"/>
<meta content="Safe Activity" property="og:site_name"/>
<meta content="summary" name="twitter:card"/>
<meta content="Safe Activity — Informatique, Réseaux &amp; Cybersécurité" name="twitter:title"/>
<meta content="Safe Activity accompagne les professionnels à Issoire et alentours : réseaux, serveurs, Microsoft 365, sauvegardes, NAS, cybersécurité, support et création web." name="twitter:description"/>
<link href="/favicon.ico?v=3" rel="icon" sizes="any"/>
<link href="/assets/icons/favicon-32.png?v=3" rel="icon" sizes="32x32" type="image/png"/>
<link href="/assets/icons/favicon-16.png?v=3" rel="icon" sizes="16x16" type="image/png"/>
<link href="/assets/icons/favicon-180.png?v=3" rel="apple-touch-icon" sizes="180x180"/>

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"ProfessionalService","@id":"https://safeactivity.fr/#business","name":"Safe Activity","url":"https://safeactivity.fr/","logo":"https://safeactivity.fr/assets/icons/favicon-192.png","image":"https://safeactivity.fr/assets/server-room-hd.webp","telephone":"+33 6 08 25 30 14","email":"contact@safeactivity.fr","address":{"@type":"PostalAddress","streetAddress":"10 rue du 14 Juillet","postalCode":"63500","addressLocality":"Issoire","addressCountry":"FR"},"areaServed":[{"@type":"City","name":"Issoire"},{"@type":"AdministrativeArea","name":"Puy-de-Dôme"}],"description":"Safe Activity accompagne les professionnels à Issoire et alentours : réseaux, serveurs, Microsoft 365, sauvegardes, NAS, cybersécurité, support et création web.","hasOfferCatalog":{"@type":"OfferCatalog","name":"Services informatiques Safe Activity","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Réseaux et infrastructure"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Serveurs et systèmes"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Sauvegarde serveur et NAS"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Cybersécurité"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Support informatique"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Création de sites internet"}}]}}
</script>
</head>
<body>
<div aria-hidden="true" class="page-glow glow-a"></div>
<div aria-hidden="true" class="page-glow glow-b"></div>
<header class="site-header" id="top">
<div class="container nav-shell">
<a aria-label="Safe Activity - Accueil" class="brand" href="#accueil">
<svg aria-hidden="true" class="brand-mark brand-mark-premium" viewbox="0 0 64 72">
<defs>
<lineargradient id="sa-blue" x1="0" x2="1" y1="0" y2="1">
<stop offset="0%" stop-color="#22b6ff"></stop>
<stop offset="45%" stop-color="#0d7cff"></stop>
<stop offset="100%" stop-color="#0b43ff"></stop>
</lineargradient>
<lineargradient id="sa-silver" x1="0" x2="1" y1="0" y2="1">
<stop offset="0%" stop-color="#ffffff"></stop>
<stop offset="48%" stop-color="#dcecff"></stop>
<stop offset="100%" stop-color="#8fbfff"></stop>
</lineargradient>
<radialgradient cx="38%" cy="30%" id="sa-inner" r="78%">
<stop offset="0%" stop-color="#103f7b"></stop>
<stop offset="56%" stop-color="#071d3d"></stop>
<stop offset="100%" stop-color="#031126"></stop>
</radialgradient>
</defs>
<!-- halo -->
<path class="shield-glow" d="M32 4 56 13.5v17.7c0 16.2-9.6 29.2-24 36.3C17.6 60.4 8 47.4 8 31.2V13.5L32 4Z"></path>
<!-- contour argent -->
<path class="shield-outer" d="M32 4 56 13.5v17.7c0 16.2-9.6 29.2-24 36.3C17.6 60.4 8 47.4 8 31.2V13.5L32 4Z"></path>
<!-- contour bleu -->
<path class="shield-blue" d="M32 9.3 50.8 16.7v14.1c0 12.9-7.5 23.4-18.8 29.5C20.7 54.2 13.2 43.7 13.2 30.8V16.7L32 9.3Z"></path>
<!-- intérieur -->
<path class="shield-inner" d="M32 13.4 46.8 19.2v11.2c0 10.2-5.8 18.8-14.8 24.1-9-5.3-14.8-13.9-14.8-24.1V19.2L32 13.4Z"></path>
<!-- éclat haut -->
<path class="shield-highlight" d="M15.5 17.7 32 11.2 48.5 17.7"></path>
<!-- coche -->
<path class="shield-check" d="m21 34.5 7 7 15.5-18"></path>
</svg>
<span class="brand-word">SAFE<span>ACTIVITY</span></span>
</a>
<button aria-controls="main-nav" aria-expanded="false" aria-label="Ouvrir le menu" class="menu-toggle" type="button">
<span></span><span></span><span></span>
</button>
<nav aria-label="Navigation principale" class="main-nav" id="main-nav">
<a href="#accueil">Accueil</a>
<a href="#services">Services</a><a href="creation-web.html">Création Web</a>
<a href="apropos.html">À propos</a>
<a href="#contact">Contact</a>
<div class="mobile-nav-actions">
<a class="btn btn-small" href="#contact">Demander un devis <span>→</span></a>

</div>
</nav>
<div class="desktop-actions">
<a class="btn btn-small" href="#contact">Demander un devis <span>→</span></a>

</div>
</div>
</header>
<main>
<section class="hero" id="accueil">
<div aria-hidden="true" class="hero-photo"></div>
<div aria-hidden="true" class="hero-lines"></div>
<div aria-hidden="true" class="server-led-layer server-led-layer-v24">
<span class="server-led led-blue" style="--x:51%;--y:25%;--d:1.4s;--delay:-.2s"></span>
<span class="server-led led-green" style="--x:52.5%;--y:35%;--d:2.1s;--delay:-1.0s"></span>
<span class="server-led led-cyan" style="--x:54%;--y:47%;--d:1.8s;--delay:-.7s"></span>
<span class="server-led led-blue" style="--x:56%;--y:29%;--d:2.5s;--delay:-1.6s"></span>
<span class="server-led led-amber" style="--x:57.5%;--y:42%;--d:3.2s;--delay:-.5s"></span>
<span class="server-led led-green" style="--x:59%;--y:54%;--d:1.7s;--delay:-1.1s"></span>
<span class="server-led led-blue" style="--x:61%;--y:23%;--d:2.0s;--delay:-.9s"></span>
<span class="server-led led-cyan" style="--x:62.5%;--y:36%;--d:1.5s;--delay:-.3s"></span>
<span class="server-led led-green" style="--x:64%;--y:50%;--d:2.7s;--delay:-1.8s"></span>
<span class="server-led led-blue" style="--x:66%;--y:27%;--d:1.9s;--delay:-1.2s"></span>
<span class="server-led led-amber" style="--x:67.5%;--y:40%;--d:3.5s;--delay:-2.0s"></span>
<span class="server-led led-cyan" style="--x:69%;--y:57%;--d:2.2s;--delay:-.8s"></span>
<span class="server-led led-green" style="--x:71%;--y:21%;--d:1.6s;--delay:-.4s"></span>
<span class="server-led led-blue" style="--x:72.5%;--y:33%;--d:2.4s;--delay:-1.5s"></span>
<span class="server-led led-green" style="--x:74%;--y:48%;--d:1.8s;--delay:-.9s"></span>
<span class="server-led led-blue" style="--x:76%;--y:25%;--d:2.8s;--delay:-1.7s"></span>
<span class="server-led led-cyan" style="--x:77.5%;--y:39%;--d:1.5s;--delay:-.6s"></span>
<span class="server-led led-amber" style="--x:79%;--y:55%;--d:3.0s;--delay:-2.1s"></span>
<span class="server-led led-blue" style="--x:81%;--y:20%;--d:1.7s;--delay:-1.0s"></span>
<span class="server-led led-green" style="--x:82.5%;--y:31%;--d:2.3s;--delay:-.2s"></span>
<span class="server-led led-cyan" style="--x:84%;--y:45%;--d:1.9s;--delay:-1.3s"></span>
<span class="server-led led-green" style="--x:85.5%;--y:59%;--d:2.6s;--delay:-.7s"></span>
<span class="server-led led-blue" style="--x:87%;--y:26%;--d:1.4s;--delay:-.5s"></span>
<span class="server-led led-amber" style="--x:88.5%;--y:38%;--d:3.6s;--delay:-1.9s"></span>
<span class="server-led led-blue" style="--x:90%;--y:51%;--d:2.0s;--delay:-1.1s"></span>
<span class="server-led led-green" style="--x:91.5%;--y:22%;--d:1.8s;--delay:-.8s"></span>
<span class="server-led led-cyan" style="--x:93%;--y:35%;--d:2.5s;--delay:-1.6s"></span>
<span class="server-led led-green" style="--x:94%;--y:48%;--d:1.6s;--delay:-.4s"></span>
<span class="server-led led-blue led-small" style="--x:58%;--y:32%;--d:1.2s;--delay:-.3s"></span>
<span class="server-led led-small led-green" style="--x:63%;--y:44%;--d:1.3s;--delay:-.8s"></span>
<span class="server-led led-small led-blue" style="--x:68%;--y:30%;--d:1.1s;--delay:-.5s"></span>
<span class="server-led led-small led-green" style="--x:73%;--y:41%;--d:1.4s;--delay:-1.0s"></span>
<span class="server-led led-small led-blue" style="--x:78%;--y:34%;--d:1.2s;--delay:-.7s"></span>
<span class="server-led led-small led-green" style="--x:83%;--y:53%;--d:1.5s;--delay:-.4s"></span>
<span class="server-led led-small led-blue" style="--x:89%;--y:44%;--d:1.1s;--delay:-.6s"></span>
<span class="server-led led-small led-green" style="--x:92%;--y:57%;--d:1.3s;--delay:-.9s"></span>
</div>
<div class="container hero-layout">
<div class="hero-copy reveal">
<p class="eyebrow">VOTRE PARTENAIRE INFORMATIQUE DE CONFIANCE</p>
<h1>Une solution<br/>pour tous vos besoins<br/><span>informatiques.</span></h1>
<p class="hero-lead">Support, réseaux, serveurs, sauvegarde, cybersécurité et création web : un accompagnement informatique de proximité, sur site à Issoire et alentours ou à distance.</p>
<div class="hero-actions">
<a class="btn" href="#services">Découvrir mes services <span>→</span></a>
<a class="btn btn-ghost" href="#contact">Me contacter <span>→</span></a>
</div>
<div aria-label="Types d'intervention" class="hero-pills">
<span><i>✓</i> Professionnels</span>
<span><i>✓</i> Sur site : Issoire &amp; alentours</span>
</div>
</div>
<aside aria-label="Services principaux" class="hero-service-panel reveal delay-1">
<div aria-hidden="true" class="panel-shine"></div>
<div class="quick-service">
<span class="quick-icon">▣</span><div><b>Réseaux &amp; Infrastructure</b><small>Installation, maintenance, sécurité</small></div>
</div>
<div class="quick-service">
<span class="quick-icon">▦</span><div><b>Microsoft 365</b><small>Gestion, sauvegarde, accompagnement</small></div>
</div>
<div class="quick-service">
<span class="quick-icon">▰</span><div><b>Sauvegarde Serveur &amp; NAS</b><small>Protection locale et cloud</small></div>
</div>
<div class="quick-service">
<span class="quick-icon">◇</span><div><b>Cybersécurité</b><small>Protection, pare-feu, antivirus, audits</small></div>
</div>
<div class="quick-service">
<span class="quick-icon">◉</span><div><b>Dépannage &amp; Support</b><small>Intervention rapide, sur site ou à distance</small></div>
</div>
<div class="quick-service">
<span class="quick-icon">&lt;/&gt;</span><div><b>Création Web &amp; Identité visuelle</b><small>Sites vitrines, refonte et logos</small></div>
</div>
</aside>
</div>

</section>
<section class="full-service-journey" aria-labelledby="journey-title">
  <div class="journey-ambient" aria-hidden="true"></div>
  <div class="container">
    <div class="journey-heading reveal">
      <div>
        <p class="eyebrow">VOTRE INFORMATIQUE, DE A À Z</p>
        <h2 id="journey-title">Un seul interlocuteur,<br><span>à chaque étape.</span></h2>
      </div>
      <p>Du premier conseil au support quotidien, Safe Activity vous accompagne avec une approche claire, cohérente et adaptée à votre environnement.</p>
    </div>
    <div class="journey-track reveal delay-1" role="list" aria-label="Étapes de l'accompagnement informatique">
      <div class="journey-line" aria-hidden="true"><i></i></div>
      <article class="journey-step" role="listitem" style="--journey-color:#10cfe8;--journey-delay:0.00s"><span class="journey-node">01</span><b>Conseil</b><small>Comprendre votre besoin</small></article>
      <article class="journey-step" role="listitem" style="--journey-color:#1687ff;--journey-delay:1.05s"><span class="journey-node">02</span><b>Installation</b><small>Déployer la bonne solution</small></article>
      <article class="journey-step" role="listitem" style="--journey-color:#7d64ff;--journey-delay:2.10s"><span class="journey-node">03</span><b>Sécurisation</b><small>Réduire les risques</small></article>
      <article class="journey-step" role="listitem" style="--journey-color:#15c8a9;--journey-delay:3.15s"><span class="journey-node">04</span><b>Sauvegarde</b><small>Protéger vos données</small></article>
      <article class="journey-step" role="listitem" style="--journey-color:#ffb020;--journey-delay:4.20s"><span class="journey-node">05</span><b>Maintenance</b><small>Maintenir vos outils fiables</small></article>
      <article class="journey-step" role="listitem" style="--journey-color:#e85bc7;--journey-delay:5.25s"><span class="journey-node">06</span><b>Assistance</b><small>Vous aider au quotidien</small></article>
    </div>
  </div>
</section>
<section class="section why" id="apropos">
<div class="container why-grid why-grid-single">
<div class="why-copy reveal">
<p class="eyebrow">POURQUOI CHOISIR SAFE ACTIVITY ?</p>
<h2>Un interlocuteur <span>unique</span>,<br/>réactif et proche de vous.</h2>
<p>Safe Activity vous accompagne avec une approche personnalisée, des solutions adaptées et des explications claires. L'objectif : une informatique fiable, sécurisée et simple à utiliser au quotidien.</p>
<div class="benefit-grid">
<article><span>◎</span><div><b>Proximité</b><small>Un seul interlocuteur à votre écoute.</small></div></article>
<article><span>ϟ</span><div><b>Réactivité</b><small>Une prise en charge claire et efficace.</small></div></article>
<article><span>◇</span><div><b>Fiabilité</b><small>Des solutions stables et sécurisées.</small></div></article>
<article><span>⌁</span><div><b>Transparence</b><small>Des conseils simples et honnêtes.</small></div></article>
</div>
</div>
</div>
</section>
<section class="section services-section" id="services">
<div class="container">
<div class="section-heading reveal">
<div><p class="eyebrow">MES SERVICES</p><h2>Une prise en charge complète,<br/>sans jargon inutile.</h2></div>
<p>Du poste individuel à l'infrastructure d'entreprise, chaque intervention est adaptée au besoin réel : dépannage, évolution, protection ou accompagnement.</p>
</div>
<div class="services-grid">
<article class="service-card reveal"><span class="card-num">01</span><div class="service-icon">⌘</div><h3>Réseaux &amp; Infrastructure</h3><p>LAN, Wi-Fi, VPN, routeurs, pare-feu, switches, segmentation, installation et maintenance.</p><div class="tags"><span>Réseau</span><span>VPN</span><span>Firewall</span></div></article>
<article class="service-card reveal delay-1"><span class="card-num">02</span><div class="service-icon">▦</div><h3>Messagerie pro &amp; Noms de domaine</h3><p>Microsoft 365, Google Workspace, Exchange, noms de domaine, DNS, migrations et sécurisation de la messagerie.</p><div class="tags"><span>Microsoft 365</span><span>Google Workspace</span><span>Domaines</span><span>DNS</span></div></article>
<article class="service-card reveal delay-2"><span class="card-num">03</span><div class="service-icon">▰</div><h3>Sauvegarde Serveur &amp; NAS</h3><p>Synology, QNAP, sauvegardes externalisées, Backblaze et stratégie de restauration.</p><div class="tags"><span>NAS</span><span>Cloud</span><span>Restore</span></div></article>
<article class="service-card reveal"><span class="card-num">04</span><div class="service-icon">◇</div><h3>Cybersécurité</h3><p>Audit, durcissement, protection des postes, pare-feu, sensibilisation et recommandations.</p><div class="tags"><span>Audit</span><span>Sécurité</span><span>Conseil</span></div></article>
<article class="service-card reveal delay-1"><span class="card-num">05</span><div class="service-icon">◉</div><h3>Dépannage &amp; Support</h3><p>PC, logiciels, imprimantes, lenteurs, Wi-Fi, messagerie et problèmes du quotidien.</p><div class="tags"><span>Sur site</span><span>À distance</span></div></article>
<article class="service-card reveal delay-2"><span class="card-num">06</span><div class="service-icon">▤</div><h3>Serveurs &amp; Virtualisation</h3><p>Windows Server, Active Directory, Hyper-V, Proxmox, fichiers, droits d'accès et continuité.</p><div class="tags"><span>AD</span><span>Hyper-V</span><span>Proxmox</span><span>Windows</span></div></article>
<article class="service-card service-card-web reveal">
<span class="card-num">07</span>
<div class="web-service-copy">
<div class="service-icon">◫</div>
<div>
<p class="web-service-kicker">PRÉSENCE EN LIGNE</p>
<h3>Création Web &amp; Identité visuelle</h3>
<p>Sites vitrines professionnels, refonte de sites existants et création ou modernisation de logos pour les petites entreprises, artisans et indépendants.</p>
<div class="tags"><span>Site vitrine</span><span>Refonte</span><span>Responsive</span><span>Logo</span></div>
</div>
</div>
<a class="web-service-link" href="creation-web.html">Découvrir mes réalisations <span>→</span></a>
</article></div>
</div>
</section>
<section aria-label="Technologies maîtrisées" class="partners">
<div class="container"><p class="partner-title">TECHNOLOGIES &amp; ÉCOSYSTÈMES</p></div>
<div class="partner-marquee">
<div class="partner-track">
<div class="partner-set">
<img alt="Microsoft 365" src="assets/partners/microsoft365.svg"/>
<img alt="Google Workspace" src="assets/partners/googleworkspace.svg"/>
<img alt="Windows" src="assets/partners/windows.svg"/>
<img alt="Linux" src="assets/partners/linux.svg"/>
<img alt="Proxmox" src="assets/partners/proxmox.svg"/>
<img alt="Synology" src="assets/partners/synology.svg"/>
<img alt="Veeam" src="assets/partners/veeam.svg"/>
<img alt="Dell" src="assets/partners/dell.svg"/>
<img alt="HP" src="assets/partners/hp.svg"/>
<img alt="QNAP" src="assets/partners/qnap.svg"/>
<img alt="Backblaze" src="assets/partners/backblaze.svg"/>
</div>
<div aria-hidden="true" class="partner-set">
<img alt="" src="assets/partners/microsoft365.svg"/><img alt="" src="assets/partners/googleworkspace.svg"/><img alt="" src="assets/partners/windows.svg"/><img alt="" src="assets/partners/linux.svg"/><img alt="" src="assets/partners/proxmox.svg"/><img alt="" src="assets/partners/synology.svg"/><img alt="" src="assets/partners/veeam.svg"/><img alt="" src="assets/partners/dell.svg"/><img alt="" src="assets/partners/hp.svg"/><img alt="" src="assets/partners/qnap.svg"/><img alt="" src="assets/partners/backblaze.svg"/>
</div>
</div>
</div>
</section>
<section class="section contact" id="contact">
<div class="container contact-card reveal">
<div>
<p class="eyebrow">CONTACT</p>
<h2>Un besoin informatique ?<br/><span>Parlons-en simplement.</span></h2>
<p>Dépannage, projet réseau, serveur, NAS, sauvegarde, Microsoft 365 ou sécurité : décrivez-moi votre besoin et nous voyons ensemble la meilleure solution.</p>
</div>
<div class="contact-options">
<a aria-label="Appeler le 06 08 25 30 14" class="contact-option" href="tel:+33608253014" title="Appeler le 06 08 25 30 14"><span>☎</span><div><small>Téléphone</small><b>06 08 25 30 14</b></div><i>→</i></a>
<a class="contact-option" href="mailto:contact@safeactivity.fr"><span>✉</span><div><small>Application de messagerie</small><b>contact@safeactivity.fr</b></div><i>→</i></a>
<a class="contact-option gmail-link" data-gmail="" href="#"><span aria-hidden="true" class="gmail-icon"><svg viewbox="0 0 32 24"><path d="M2 4.2 6.5 7.7V22H3.8A3.8 3.8 0 0 1 0 18.2V6.3c0-1 .4-1.7 2-2.1Z" fill="#4285F4"></path><path d="M25.5 7.7 30 4.2c1.6.4 2 1.1 2 2.1v11.9A3.8 3.8 0 0 1 28.2 22h-2.7Z" fill="#34A853"></path><path d="M25.5 7.7V22H6.5V7.7L16 15Z" fill="#FBBC04"></path><path d="M2 4.2C3.4 2.9 5.1 2 6.7 3.2L16 10.4 25.3 3.2c1.6-1.2 3.3-.3 4.7 1L16 15Z" fill="#EA4335"></path></svg></span><div><small>Vous utilisez Gmail ?</small><b>Écrire depuis Gmail</b></div><i>→</i></a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-grid">
<div class="footer-brand">
<a class="brand" href="#top"><svg aria-hidden="true" class="brand-mark brand-mark-premium" viewbox="0 0 64 72">
<defs>
<lineargradient id="sa-blue" x1="0" x2="1" y1="0" y2="1">
<stop offset="0%" stop-color="#22b6ff"></stop>
<stop offset="45%" stop-color="#0d7cff"></stop>
<stop offset="100%" stop-color="#0b43ff"></stop>
</lineargradient>
<lineargradient id="sa-silver" x1="0" x2="1" y1="0" y2="1">
<stop offset="0%" stop-color="#ffffff"></stop>
<stop offset="48%" stop-color="#dcecff"></stop>
<stop offset="100%" stop-color="#8fbfff"></stop>
</lineargradient>
<radialgradient cx="38%" cy="30%" id="sa-inner" r="78%">
<stop offset="0%" stop-color="#103f7b"></stop>
<stop offset="56%" stop-color="#071d3d"></stop>
<stop offset="100%" stop-color="#031126"></stop>
</radialgradient>
</defs>
<!-- halo -->
<path class="shield-glow" d="M32 4 56 13.5v17.7c0 16.2-9.6 29.2-24 36.3C17.6 60.4 8 47.4 8 31.2V13.5L32 4Z"></path>
<!-- contour argent -->
<path class="shield-outer" d="M32 4 56 13.5v17.7c0 16.2-9.6 29.2-24 36.3C17.6 60.4 8 47.4 8 31.2V13.5L32 4Z"></path>
<!-- contour bleu -->
<path class="shield-blue" d="M32 9.3 50.8 16.7v14.1c0 12.9-7.5 23.4-18.8 29.5C20.7 54.2 13.2 43.7 13.2 30.8V16.7L32 9.3Z"></path>
<!-- intérieur -->
<path class="shield-inner" d="M32 13.4 46.8 19.2v11.2c0 10.2-5.8 18.8-14.8 24.1-9-5.3-14.8-13.9-14.8-24.1V19.2L32 13.4Z"></path>
<!-- éclat haut -->
<path class="shield-highlight" d="M15.5 17.7 32 11.2 48.5 17.7"></path>
<!-- coche -->
<path class="shield-check" d="m21 34.5 7 7 15.5-18"></path>
</svg><span class="brand-word">SAFE<span>ACTIVITY</span></span></a>
<p>Votre partenaire informatique de confiance.<br/>Réseau, systèmes, sauvegarde et cybersécurité.</p>
</div>
<div><h4>Navigation</h4><a href="#accueil">Accueil</a><a href="#services">Services</a><a href="creation-web.html">Création Web</a><a href="apropos.html">À propos</a><a href="#contact">Contact</a></div>
<div><h4>Services</h4><span>Réseaux &amp; Infrastructure</span><span>Microsoft 365</span><span>Sauvegarde Serveur &amp; NAS</span><span>Cybersécurité</span><span>Dépannage &amp; Support</span><a href="creation-web.html">Création Web &amp; Identité visuelle</a></div>
<div><h4>Contact</h4><a href="tel:+33608253014" title="Appeler le 06 08 25 30 14">06 08 25 30 14</a><a href="mailto:contact@safeactivity.fr">contact@safeactivity.fr</a><span>Sur site à Issoire &amp; alentours</span><span>Assistance à distance</span></div>
</div>
<div class="container footer-bottom"><span>© <span id="year"></span> Safe Activity — Tous droits réservés.</span>
<span class="legal-links"><a href="mentions-legales.html">Mentions légales</a><span aria-hidden="true">•</span><a href="confidentialite.html">Confidentialité</a><span aria-hidden="true">•</span><a href="cgu.html">CGU</a><span aria-hidden="true">•</span><a href="cgv.html">CGV</a></span></div>
</footer>
<a class="remote-assist-fab" href="assistance.html" aria-label="Ouvrir l’assistance à distance">
  <span class="remote-fab-icon" aria-hidden="true">↗</span>
  <span class="remote-fab-copy"><strong>Assistance à distance</strong><small>Besoin d’aide ? Accès rapide</small></span>
  <span class="remote-fab-arrow" aria-hidden="true">→</span>
</a>
<button aria-label="Retour en haut" class="to-top" type="button">↑</button>
<script src="js/main.js"></script>
</body>
</html>