<!DOCTYPE html>
<html lang="fr" prefix="og: https://ogp.me/ns#">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Titre & description SEO -->
  <title>Alain Stevens - Informatique</title>
  <meta name="description" content="Conseils et assistance en informatique pour professionnels et particuliers.">

  <!-- Balises Open Graph (Facebook, LinkedIn…) -->
  <meta property="og:title" content="Alain Stevens - Informatique">
  <meta property="og:description" content="Conseils et assistance en informatique pour professionnels et particuliers.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://alain-stevens.com">
  <meta property="og:image" content="https://alain-stevens.com/img/social/alain-stevens-consultant-informatique.jpg">
  <meta property="og:locale" content="fr_FR">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Alain Stevens - Informatique">
  <meta name="twitter:description" content="Conseils et assistance en informatique pour professionnels et particuliers.">
  <meta name="twitter:image" content="https://alain-stevens.com/img/social/alain-stevens-consultant-informatique.jpg">
<link rel="canonical" href="https://alain-stevens.com/" />
  <!-- Feuille de styles responsive -->
<style>
    :root{
      --primary:#1E40AF;
      --secondary:#10B981;
      --accent:#F59E0B;
      --dark:#1F2937;
      --light:#F9FAFB;
      --white:#FFFFFF;
      font-size:16px;
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;
    }
    
    *{margin:0;padding:0;box-sizing:border-box}
    
    body{
      color:var(--dark);
      line-height:1.6;
      background:var(--white);
    }
    
    /* Header & Navigation */
    header{
      background:var(--white);
      box-shadow:0 2px 8px rgba(0,0,0,0.1);
      position:sticky;
      top:0;
      z-index:100;
    }
    
    .container{
      max-width:1200px;
      margin:auto;
      padding:0 1rem;
    }
    
    nav{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:1rem 0;
      flex-wrap:wrap;
    }
    
    .logo img{
      height:50px;
    }
    
    .nav-menu{
      list-style:none;
      display:flex;
      gap:2rem;
    }
    
    .nav-menu li{
      position:relative;
    }
    
    .nav-menu a{
      display:block;
      padding:0.5rem 1rem;
      color:var(--dark);
      text-decoration:none;
      font-weight:600;
      transition:color 0.3s;
    }
    
    .nav-menu a:hover{
      color:var(--primary);
    }
    
    /* Dropdown */
    .dropdown{
      position:relative;
    }
    
    .dropdown-content{
      display:none;
      position:absolute;
      left:0;
      top:100%;
      background:var(--white);
      min-width:220px;
      box-shadow:0 8px 16px rgba(0,0,0,0.1);
      border-radius:8px;
      z-index:1;
    }
    
    .dropdown:hover .dropdown-content{
      display:block;
    }
    
    .dropdown-content a{
      padding:0.75rem 1rem;
      border-bottom:1px solid #e5e7eb;
      font-weight:500;
    }
    
    .dropdown-content a:last-child{
      border-bottom:none;
    }
    
    .menu-toggle{
      display:none;
      background:none;
      border:none;
      font-size:1.5rem;
      cursor:pointer;
      color:var(--dark);
    }
    
    /* Breadcrumbs */
    .breadcrumbs{
      padding:1rem 0;
      font-size:0.9rem;
      color:#6B7280;
    }
    
    .breadcrumbs a{
      color:var(--primary);
      text-decoration:none;
    }
    
    .breadcrumbs a:hover{
      text-decoration:underline;
    }
    
    /* Hero Section */
    .hero{
      background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
      color:var(--white);
      padding:4rem 0;
    }
    
    .hero-content{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:3rem;
      align-items:center;
    }
    
    .hero-text h1{
      font-size:2.5rem;
      font-weight:700;
      margin-bottom:1.5rem;
      line-height:1.2;
    }
    
    .hero-text p{
      font-size:1.1rem;
      margin-bottom:2rem;
      opacity:0.9;
    }
    
    .cta-button{
      display:inline-block;
      background: #B45309;
	  color: #FFFFFF;
      padding:1rem 2rem;
      border-radius:8px;
      text-decoration:none;
      font-weight:700;
      font-size:1.1rem;
      transition:all 0.3s;
    }
    
    .cta-button:hover{
      background: #92400E;
      transform:translateY(-2px);
    }
    
    .hero-image{
      text-align:center;
    }
    
    .hero-image img{
      width:100%;
      max-width:500px;
      border-radius:12px;
    }
    
    /* Content Sections */
    .content-section{
      padding:4rem 0;
    }
    
    .section-content{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:3rem;
      align-items:center;
    }
    
    .section-content.reverse{
      direction:rtl;
    }
    
    .section-content.reverse > *{
      direction:ltr;
    }
    
    .section-text h2{
      font-size:2rem;
      color:var(--primary);
      margin-bottom:1rem;
    }
    
    .section-text p{
      font-size:1.1rem;
      margin-bottom:1.5rem;
    }
    
    .section-image img{
      width:100%;
      border-radius:12px;
      box-shadow:0 8px 24px rgba(0,0,0,0.1);
    }
    
    .highlight{
      background:var(--light);
    }
    
    /* Creator Section */
    .creator-section{
      background:var(--primary);
      color:var(--white);
      padding:4rem 0;
    }
    
    .creator-content{
      text-align:center;
      max-width:800px;
      margin:0 auto;
    }
    
    .creator-content h2{
      font-size:2.2rem;
      margin-bottom:2rem;
    }
    
    .creator-content p{
      font-size:1.1rem;
      margin-bottom:1.5rem;
    }
    
    .creator-highlight{
      background:rgba(255,255,255,0.1);
      padding:2rem;
      border-radius:12px;
      margin:2rem 0;
    }
    
    /* Footer */
    footer{
      background:var(--dark);
      color:var(--white);
      padding:3rem 0 1rem;
    }
    
    .footer-content{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
      gap:2rem;
      margin-bottom:2rem;
    }
    
    .footer-section h3{
      margin-bottom:1rem;
      color:var(--accent);
    }
    
    .footer-section ul{
      list-style:none;
    }
    
    .footer-section ul li{
      margin-bottom:0.5rem;
    }
    
    .footer-section a{
      color:var(--white);
      text-decoration:none;
      transition:color 0.3s;
    }
    
    .footer-section a:hover{
      color:var(--accent);
    }
    
    .footer-bottom{
      text-align:center;
      padding-top:2rem;
      border-top:1px solid #374151;
      color:#9CA3AF;
    }
    
    /* Responsive Design */
    @media (max-width: 768px) {
      .nav-menu{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:var(--white);
        box-shadow:0 4px 8px rgba(0,0,0,0.1);
        flex-direction:column;
        padding:1rem;
        gap:0;
      }
      
      .nav-menu.active{
        display:flex;
      }
      
      .menu-toggle{
        display:block;
      }
      
      .hero-content,
      .section-content{
        grid-template-columns:1fr;
        gap:2rem;
      }
      
      .hero-text h1{
        font-size:2rem;
      }
      
      .section-text h2{
        font-size:1.5rem;
      }
      
      .creator-content h2{
        font-size:1.8rem;
      }
    }
    
    @media (max-width: 480px) {
      .hero{
        padding:2rem 0;
      }
      
      .content-section{
        padding:2rem 0;
      }
      
      .hero-text h1{
        font-size:1.5rem;
      }
      
      .cta-button{
        padding:0.8rem 1.5rem;
        font-size:1rem;
      }
    }
  </style>
</head>
<body>

<header>
  <div class="container">
    <nav>
      <div class="logo">
        <a href="https://alain-stevens.com">
          <img src="https://alain-stevens.com/img/logo-alain-stevens.png" alt="Alain Stevens - Conseil et assistance en informatique">
        </a>
      </div>
      
      <button class="menu-toggle" onclick="toggleMenu()" aria-label="Menu">
        ☰
      </button>
      
      <ul class="nav-menu" id="navMenu">
       
		 <li class="dropdown">
          <a href="#accueil">Accueil</a>
          <div class="dropdown-content">
            <a href="https://alain-stevens.com">Présentation</a>
			<a href="https://alain-stevens.com/devis.html">Devis</a>
			<a href="https://alain-stevens.com/assistance.html">Assistance</a>
            <a href="https://alain-stevens.com/sitemap.html">Plan du site</a>
          </div>
        </li>
       
       
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

<!-- Fil d'Ariane -->
<div class="container">
  <nav class="breadcrumbs" aria-label="Fil d'ariane">
    <a href="https://alain-stevens.com">Accueil</a> › <span>Nos services d'assistance</span>
  </nav>
</div>

<!-- Hero Section -->
<section class="hero">
  <div class="container">
    <div class="hero-content">
      <div class="hero-text">
        <h1>Des services informatiques depuis 1999</h1>
        <p>Conseil et assistance en informatique pour les entreprises et les particuliers.</p>
        <a href="https://alain-stevens.com/devis.html" class="cta-button">Devis</a>
		<a href="https://alain-stevens.com/assistance.html" class="cta-button">Assistance</a>
      </div>
      <div class="hero-image">
        <img src="img/alain-stevens-conseil-assistance-en-informatique.jpg" alt="Référencement naturel vs publicité payante">
      </div>
    </div>
  </div>
</section>

<!-- Section 1: Plateforme sans abonnement -->
<section id="services" class="content-section">
  <div class="container">
    <div class="section-content">
      <div class="section-text">
        <h2>Pour les particuliers</h2>
        <p><a href="competences/">Les services informatiques</A> proposés aux particuliers permettent de résoudre efficacement une large gamme de problèmes techniques, qu’il s’agisse d’optimiser les performances d’un ordinateur, de sécuriser les données personnelles, ou de bénéficier d’un accompagnement personnalisé dans l’usage quotidien des outils numériques. Grâce à une approche pédagogique et adaptée à chaque profil, il devient plus simple de maîtriser les technologies actuelles, de prévenir les risques liés à la cybercriminalité, et de profiter pleinement des possibilités offertes par l’intelligence artificielle ou l’automatisation. Ces services offrent également un gain de temps précieux, en évitant des recherches fastidieuses ou des erreurs coûteuses dans le choix et l’utilisation des logiciels, mais aussi <a href="cybercriminalite/">pour vous protéger contre la cybercriminalité</A>.</p>
      </div>
      <div class="section-image">
        <img src="img/alain-stevens-conseil-assistance-en-informatique.jpg" alt="Contenus SEO diversifiés">
      </div>
    </div>
  </div>
</section>

<!-- Section 2: Visibilité rapide -->
<section id="avantages" class="content-section highlight">
<section class="content-section">
  <div class="container">
    <div class="section-content">
      <div class="section-text">
        <h2>Pour les entreprises</h2>
        <p>Les services informatiques destinés aux entreprises offrent un accompagnement stratégique et opérationnel pour renforcer la performance, la sécurité et l’innovation au sein de leur organisation. Qu’il s’agisse de mettre en place des solutions d’automatisation, de développer des outils personnalisés, d’améliorer le référencement ou de sécuriser les systèmes informatiques, ces services permettent de gagner en efficacité, de réduire les coûts et de mieux maîtriser les risques numériques. En s’appuyant sur une solide expérience, les interventions sont adaptées aux besoins spécifiques de chaque structure, qu’il s’agisse d’une TPE, d’un artisan, d’un commerçant ou d’une PME. L’objectif est d’apporter des solutions concrètes, évolutives et accessibles pour accompagner la croissance et la transformation digitale de l’entreprise.</p>
      </div>
      <div class="section-image">
        <img src="img/alain-stevens-conseil-assistance-en-informatique-depannage.jpg" alt="Vidéos SEO et visibilité">
      </div>
    </div>
  </div>
</section>

<!-- Section 3: Service complet -->
<section class="content-section">
  <div class="container">
    <div class="section-content">
      <div class="section-text">
        <h2>Des tarifs accessibles et avantageux</h2>
        <p>Pacta 360 propose des offres forfaitaires claires et sans surprise, permettant à chaque client de maîtriser son budget tout en bénéficiant de prestations de qualité. Chaque intervention fait l’objet d’un devis systématique, adapté aux besoins réels, garantissant transparence et sérénité. Les services s’appuient sur des solutions innovantes dans les domaines de l’informatique, de l’intelligence artificielle, de l’automatisation et du no-code, pour répondre aux enjeux actuels des particuliers comme des professionnels. Avec plus de 25 ans d’expérience, Pacta 360 a su gagner la confiance de nombreux clients et bénéficie de nombreuses références dans la presse spécialisée, témoignant de la fiabilité et de la pertinence de son savoir-faire.</p>
      </div>
      <div class="section-image">
        <img src="img/pacta-360-rentork-3.jpg" alt="Réseau de professionnels">
      </div>
    </div>
  </div>
</section>

<!-- Section Créateur -->
<section class="creator-section">
  <div class="container">
    <div class="creator-content">
      <h2>Les avantages de nos services</h2>
      <div class="creator-highlight">
        <p>Les services proposés par Pacta 360 sont exclusivement disponibles en ligne, afin d’assurer une accessibilité optimale, une grande réactivité et des coûts maîtrisés. Grâce à la télémaintenance, il est possible d’intervenir rapidement sur les systèmes informatiques à distance, sans déplacement, tout en garantissant un haut niveau de sécurité et de confidentialité. Cette approche moderne permet de résoudre efficacement la majorité des problèmes techniques et de mettre en place des solutions personnalisées. Pacta 360 privilégie une gestion directe des prestations, en limitant volontairement le recours à la sous-traitance, afin de garantir un suivi rigoureux, une qualité constante et une relation de confiance durable avec chaque client..</p>
      </div>
      <a href="#contact" class="cta-button">Commencer maintenant</a>
    </div>
  </div>
</section>

<!-- Footer -->
<footer>
  <div class="container" id="contact">
    <div class="footer-content">
      <div class="footer-section">
        <h3>Alain Stevens</h3>
        <p>Conseils et assistance en informatique.</p>
		<div class="footer-section">
        <h3>Navigation</h3>
        <ul>
          <li><a href="https://alain-stevens.com">Accueil</a></li>
          <li><a href="https://alain-stevens.com/sitemap.html">Plan du site</a></li>
        </ul>
      </div>
      </div>
      <div class="footer-section">
        <h3>Professionnels</h3>
        <ul>
		 <!-- <li><a href="https://alain-stevens.com/avantages-pour-professionnels.html">Avantages</a></li> -->
         <!--  <li><a href="https://alain-stevens.com/mini-sites.html">Mini-sites SEO</a></li> -->
          <!-- <li><a href="https://alain-stevens.com/creation-de-videos.html">Vidéos optimisées</a></li> -->
         <!--  <li><a href="https://alain-stevens.com/creation-de-diaporamas-en-pdf.html">Diaporamas en Pdf</a></li> -->
         <!--  <li><a href="https://alain-stevens.com/creation-de-podcasts.html">Podcasts</a></li> -->
        </ul>
      </div>
      <div class="footer-section">
	   <h3>Particuliers</h3>
        <ul>
          <!-- <li><a href="https://alain-stevens.com/recherche.html">Recherche</a></li> -->
          <!-- <li><a href="https://alain-stevens.com/assistance.html">Assistance</a></li> -->
         <!--  <li><a href="https://alain-stevens.com/services-pour-les-particuliers.html">Services</a></li> -->
        
        </ul>
	  <!-- Footer
        <h3>Professionnels</h3>
        <ul>
          <li><a href="/freelances">Freelances</a></li>
          <li><a href="/artisans">Artisans</a></li>
          <li><a href="/commercants">Commerçants</a></li>
          <li><a href="/pme">PME / PMI</a></li>
        </ul> -->
      </div>
      <div class="footer-section">
        <h3>Contactez Alain Stevens</h3>
		<p>Alain Stevens</p>
        <p>Email: contact@pacta.com</p>
        <p>Téléphone: +33 (0)6 12 55 19 80</p>
		<p><i class="fas fa-map-marker-alt"></i> 28 bis rue Antoine Goussiez, 51100 Reims (France)</p>
         <p><i class="fas fa-phone"></i> +33 6 12 55 19 80</p>
         <p><i class="fas fa-envelope"></i> contact@alain-stevens.fr</p>
		<h3>Siège Social</h3>
		<p>(Uniquement pour les administrations, ne pas envoyer de courrier à cette adresse)</p>
		<p><i class="fas fa-map-marker-alt"></i> 67 rue Saint Jacques, 75005 Paris (France)</p>
        
      </div>
    </div>
    <div class="footer-section">
	<p>&copy; 2025 Rentork. Tous droits réservés. <a href="https://alain-stevens.com/mention-legales.html">Mentions légales</a> - 
		  <a href="https://alain-stevens.com/conditions-generales.html">Conditions générales</a> - 
         <a href="https://alain-stevens.com/informations-de-confidentialite.html">Politique de confidentialité</a>
        </p>
     
    </div>
  </div>
</footer>

<!-- JSON-LD: LocalBusiness -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "@id": "https://alain-stevens.com/#business",
  "name": "Alain Stevens",
  "url": "https://alain-stevens.com",
  "logo": "https://alain-stevens.com/img/social/logo-rentork.png",
  "image": "https://alain-stevens.com/img/social/alain-stevens-consultant-informatique.jpg",
  "description": "Conseils et assistance en informatique pour les professionnels et les particuliers",
  "founder": {
    "@type": "Person",
    "name": "Alain Stevens",
    "description": "Expert en référencement naturel avec plus de 20 ans d'expérience"
  },
  "areaServed": "FR",
  "serviceType": "Référencement naturel, création de contenus SEO, mise en relation client-fournisseur",
  "priceRange": "Variable selon les actions choisies",
  "telephone": "+33-6-12-55-19-80",
  "email": "contact@pacta.com",
  "address":  {
    "@type": "PostalAddress",
    "streetAddress": "28 bis rue Antoine Goussiez",
    "postalCode": "51100",
    "addressLocality": "Reims",
    "addressCountry": "FR"
  }
}
</script>

<!-- JSON-LD: WebSite -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "@id": "https://alain-stevens.com/#website",
  "url": "https://alain-stevens.com",
  "name": "Alain Stevens",
  "description": "Plateforme de mise en relation basée sur le référencement naturel",
  "publisher": {
    "@type": "Organization",
    "name": "Alain Stevens",
    "founder": {
      "@type": "Person",
      "name": "Alain Stevens"
    }
  }
}
</script>

<!-- JSON-LD: BreadcrumbList -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Accueil",
      "item": "https://alain-stevens.com/"
    }
  ]
}
</script>

<!-- JSON-LD: Organization -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "https://alain-stevens.com/#organization",
  "name": "Alain Stevens",
  "url": "https://alain-stevens.com",
  "logo": "https://alain-stevens.com/img/social/logo-rentork.png",
  "description": "Conseil et assistance en informatique pour les particuliers et les professionnels",
  "founder": {
    "@type": "Person",
    "name": "Alain Stevens",
    "description": "Expert en référencement naturel, créateur de Rentork"
  },
  "serviceType": [
    "Référencement naturel",
    "Création de mini-sites SEO",
    "Optimisation vidéo",
    "Mise en relation client-fournisseur"
  ],
  "areaServed": "France"
}
</script>

<script>
function toggleMenu() {
  const navMenu = document.getElementById('navMenu');
  navMenu.classList.toggle('active');
}

// Fermer le menu mobile au clic sur un lien
document.querySelectorAll('.nav-menu a').forEach(link => {
  link.addEventListener('click', () => {
    document.getElementById('navMenu').classList.remove('active');
  });
});
</script>

</body>
</html>
