ReaNet
Pour mes autres créations

Signature à réutiliser

Snippets prêts à coller dans le footer de mes autres créations personnelles (sites, outils, scripts, pages WordPress…). Chaque variante est autonome : SVG inline, CSS inline, aucun fichier à uploader. Le lien pointe vers reanet.fr.

À utiliser uniquement sur des créations personnelles ou des outils mis à disposition gratuitement (notamment dans le cadre du mandat électif). Ne pas apposer sur des productions pour le compte de tiers tant qu'aucune structure dédiée n'existe.

Variante 1 — Sobre (recommandée)

© Copyright ReaNet

Version recommandée pour la majorité des sites personnels (fond clair).

© Copyright ReaNet 

<p style="display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;font:400 13px/1.4 'Inter','Helvetica Neue',Arial,sans-serif;color:#4B5563;">
  <svg viewBox="0 0 32 32" width="22" height="22" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink:0;display:block;">
    <ellipse cx="16" cy="18" rx="13" ry="10.5" fill="#60B050"/>
    <ellipse cx="3.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
    <ellipse cx="28.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
    <circle cx="11" cy="9" r="4.2" fill="#fff"/><circle cx="21" cy="9" r="4.2" fill="#fff"/>
    <circle cx="11" cy="9" r="4.2" fill="none" stroke="#0A2440" stroke-width="0.9"/>
    <circle cx="21" cy="9" r="4.2" fill="none" stroke="#0A2440" stroke-width="0.9"/>
    <circle cx="11.5" cy="9.6" r="1.8" fill="#0A2440"/><circle cx="20.5" cy="9.6" r="1.8" fill="#0A2440"/>
    <ellipse cx="16" cy="18" rx="1.5" ry="1.9" fill="#0A2440"/>
  </svg>
  <span>© Copyright</span>
  <a href="https://reanet.fr" target="_blank" rel="noopener" style="color:#0A2440;font-weight:600;text-decoration:none;">
    <span style="color:#F87000;">R</span>ea<span style="color:#F87000;">N</span>et
  </a>
</p>

Variante 2 — Avec année et majuscules

© Copyright 2026 REANET

Plus formelle, met en avant l'année et le nom en capitales.

© Copyright 2026 REANET 

<p style="display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;font:400 13px/1.4 'Inter','Helvetica Neue',Arial,sans-serif;color:#4B5563;">
  <svg viewBox="0 0 32 32" width="22" height="22" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink:0;display:block;">
    <ellipse cx="16" cy="18" rx="13" ry="10.5" fill="#60B050"/>
    <ellipse cx="3.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
    <ellipse cx="28.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
    <circle cx="11" cy="9" r="4.2" fill="#fff"/><circle cx="21" cy="9" r="4.2" fill="#fff"/>
    <circle cx="11" cy="9" r="4.2" fill="none" stroke="#0A2440" stroke-width="0.9"/>
    <circle cx="21" cy="9" r="4.2" fill="none" stroke="#0A2440" stroke-width="0.9"/>
    <circle cx="11.5" cy="9.6" r="1.8" fill="#0A2440"/><circle cx="20.5" cy="9.6" r="1.8" fill="#0A2440"/>
    <ellipse cx="16" cy="18" rx="1.5" ry="1.9" fill="#0A2440"/>
  </svg>
  <span>© Copyright 2026</span>
  <a href="https://reanet.fr" target="_blank" rel="noopener" style="color:#0A2440;font-weight:700;text-decoration:none;letter-spacing:0.04em;">
    <span style="color:#F87000;">R</span>EA<span style="color:#F87000;">N</span>ET
  </a>
</p>

Variante 3 — Mini (logo + nom)

ReaNet

Version ultra-discrète : juste le mini-logo et le nom cliquable.

ReaNet 
<a href="https://reanet.fr" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#0A2440;font:600 12px/1 'Inter','Helvetica Neue',Arial,sans-serif;">
  <svg viewBox="0 0 32 32" width="18" height="18" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <ellipse cx="16" cy="18" rx="13" ry="10.5" fill="#60B050"/>
    <ellipse cx="3.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
    <ellipse cx="28.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
    <circle cx="11" cy="9" r="4.2" fill="#fff"/><circle cx="21" cy="9" r="4.2" fill="#fff"/>
    <circle cx="11.5" cy="9.6" r="1.8" fill="#0A2440"/><circle cx="20.5" cy="9.6" r="1.8" fill="#0A2440"/>
    <ellipse cx="16" cy="18" rx="1.5" ry="1.9" fill="#0A2440"/>
  </svg>
  <span><span style="color:#F87000;">R</span>ea<span style="color:#F87000;">N</span>et</span>
</a>

Variante 4 — Pour fond sombre

© Copyright ReaNet (fond sombre)

Texte clair + logo dans un cadre blanc, pour les footers de couleur.

© Copyright ReaNet 

<p style="display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;font:400 13px/1.4 'Inter','Helvetica Neue',Arial,sans-serif;color:#cdd5e3;">
  <span style="background:#fff;padding:3px;border-radius:6px;display:inline-flex;flex-shrink:0;">
    <svg viewBox="0 0 32 32" width="20" height="20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display:block;">
      <ellipse cx="16" cy="18" rx="13" ry="10.5" fill="#60B050"/>
      <ellipse cx="3.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
      <ellipse cx="28.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
      <circle cx="11" cy="9" r="4.2" fill="#fff"/><circle cx="21" cy="9" r="4.2" fill="#fff"/>
      <circle cx="11.5" cy="9.6" r="1.8" fill="#0A2440"/><circle cx="20.5" cy="9.6" r="1.8" fill="#0A2440"/>
      <ellipse cx="16" cy="18" rx="1.5" ry="1.9" fill="#0A2440"/>
    </svg>
  </span>
  <span>© Copyright</span>
  <a href="https://reanet.fr" target="_blank" rel="noopener" style="color:#fff;font-weight:600;text-decoration:none;">
    <span style="color:#F87000;">R</span>ea<span style="color:#F87000;">N</span>et
  </a>
</p>

Variante 5 — Outil interne / script

Outil conçu avec ReaNet

Pour les outils métier, scripts ou utilitaires plutôt que des sites.

Outil conçu avec ReaNet 

<p style="display:inline-flex;align-items:center;gap:8px;margin:0;font:400 12px/1.4 'Inter','Helvetica Neue',Arial,sans-serif;color:#6B7280;">
  <svg viewBox="0 0 32 32" width="18" height="18" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink:0;">
    <ellipse cx="16" cy="18" rx="13" ry="10.5" fill="#60B050"/>
    <ellipse cx="3.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
    <ellipse cx="28.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
    <circle cx="11" cy="9" r="4.2" fill="#fff"/><circle cx="21" cy="9" r="4.2" fill="#fff"/>
    <circle cx="11.5" cy="9.6" r="1.8" fill="#0A2440"/><circle cx="20.5" cy="9.6" r="1.8" fill="#0A2440"/>
  </svg>
  <span>Outil conçu avec</span>
  <a href="https://reanet.fr" target="_blank" rel="noopener" style="color:#0A2440;font-weight:600;text-decoration:none;">
    <span style="color:#F87000;">R</span>ea<span style="color:#F87000;">N</span>et
  </a>
</p>

Pieds de page complets pour outils livrés

Trois pieds de page complets pour les outils que je développe — selon le cadre juridique applicable. À placer en bas du <body> du site / outil cible.

Bien choisir selon le contexte : chaque footer a ses propres mentions juridiques. Confondre les trois peut créer une ambiguïté sur le statut de l'outil (bénévole vs payant vs personnel).

Footer 1 — Outil bénévole Mairie de Peyrus

© Nicolas Roissard · Licence durée du mandat

Pour peyrus.fr, plugin peyrus-v3-new et tout outil bénévole municipal. Mention de licence à durée déterminée + référence à la déclaration officielle.

© Nicolas Roissard — ReaNet

Licence d'usage limitée à la durée du mandat

<div style="background:#F5F7FA;border-top:3px solid #F87000;padding:1rem;text-align:center;font:400 12px/1.55 'Inter','Helvetica Neue',Arial,sans-serif;color:#4B5563;">
  <p style="display:inline-flex;align-items:center;gap:8px;margin:0;">
    <svg viewBox="0 0 32 32" width="22" height="22" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink:0;">
      <ellipse cx="16" cy="18" rx="13" ry="10.5" fill="#60B050"/>
      <ellipse cx="3.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
      <ellipse cx="28.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
      <circle cx="11" cy="9" r="4.2" fill="#fff"/><circle cx="21" cy="9" r="4.2" fill="#fff"/>
      <circle cx="11" cy="9" r="4.2" fill="none" stroke="#0A2440" stroke-width="0.9"/>
      <circle cx="21" cy="9" r="4.2" fill="none" stroke="#0A2440" stroke-width="0.9"/>
      <circle cx="11.5" cy="9.6" r="1.8" fill="#0A2440"/><circle cx="20.5" cy="9.6" r="1.8" fill="#0A2440"/>
      <ellipse cx="16" cy="18" rx="1.5" ry="1.9" fill="#0A2440"/>
    </svg>
    <span><strong style="color:#0A2440;">© Nicolas Roissard</strong> &mdash; <a href="https://reanet.fr" target="_blank" rel="noopener" style="color:#0A2440;font-weight:600;text-decoration:none;"><span style="color:#F87000;">R</span>ea<span style="color:#F87000;">N</span>et</a></span>
  </p>
  <p style="margin:4px 0 0;font-size:11px;color:#6B7280;">Licence d'usage limitée à la durée du mandat</p>
</div>

Footer 2 — Outil livré à un client REANET

© [Client] · Site conçu avec ReaNet

Pour les sites web et outils livrés à des clients pro payants. Le client est titulaire de son contenu, ReaNet apparaît en signature de réalisation. Remplacer [NOM DU CLIENT].

© [NOM DU CLIENT]

Tous droits réservés.

Site conçu avec ReaNet 
<div style="background:#0A2440;border-top:4px solid #F87000;padding:1.5rem 1rem;color:#cdd5e3;font:400 13px/1.55 'Inter','Helvetica Neue',Arial,sans-serif;">
  <div style="max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;">
    <div>
      <p style="margin:0;color:#fff;font-weight:500;">© <script>document.write(new Date().getFullYear());</script> [NOM DU CLIENT]</p>
      <p style="margin:4px 0 0;color:#9aa6bd;font-size:12px;">Tous droits réservés.</p>
    </div>
    <a href="https://reanet.fr" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:999px;text-decoration:none;color:#cdd5e3;font-size:12px;">
      <svg viewBox="0 0 32 32" width="20" height="20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
        <ellipse cx="16" cy="18" rx="13" ry="10.5" fill="#60B050"/>
        <ellipse cx="3.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
        <ellipse cx="28.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
        <circle cx="11" cy="9" r="4.2" fill="#fff"/><circle cx="21" cy="9" r="4.2" fill="#fff"/>
        <circle cx="11.5" cy="9.6" r="1.8" fill="#0A2440"/><circle cx="20.5" cy="9.6" r="1.8" fill="#0A2440"/>
        <ellipse cx="16" cy="18" rx="1.5" ry="1.9" fill="#0A2440"/>
      </svg>
      <span>Site conçu avec <strong style="color:#fff;"><span style="color:#F87000;">R</span>ea<span style="color:#F87000;">N</span>et</strong></span>
    </a>
  </div>
</div>

Footer 3 — Outil personnel / démo / association

© ReaNet — Outil personnel

Pour les démos, outils gardés en propre, projets perso. ReaNet conserve tous les droits d'usage.

© ReaNet — Outil conçu et propriété de Nicolas Roissard. Tous droits réservés. 

<div style="background:#F5F7FA;border-top:3px solid #F87000;padding:1.25rem 1rem;text-align:center;font:400 13px/1.55 'Inter','Helvetica Neue',Arial,sans-serif;color:#4B5563;">
  <p style="margin:0;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;">
    <svg viewBox="0 0 32 32" width="22" height="22" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink:0;">
      <ellipse cx="16" cy="18" rx="13" ry="10.5" fill="#60B050"/>
      <ellipse cx="3.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
      <ellipse cx="28.5" cy="15" rx="2.6" ry="2" fill="#F87000"/>
      <circle cx="11" cy="9" r="4.2" fill="#fff"/><circle cx="21" cy="9" r="4.2" fill="#fff"/>
      <circle cx="11" cy="9" r="4.2" fill="none" stroke="#0A2440" stroke-width="0.9"/>
      <circle cx="21" cy="9" r="4.2" fill="none" stroke="#0A2440" stroke-width="0.9"/>
      <circle cx="11.5" cy="9.6" r="1.8" fill="#0A2440"/><circle cx="20.5" cy="9.6" r="1.8" fill="#0A2440"/>
      <ellipse cx="16" cy="18" rx="1.5" ry="1.9" fill="#0A2440"/>
    </svg>
    <span>© <script>document.write(new Date().getFullYear());</script> <a href="https://reanet.fr" target="_blank" rel="noopener" style="color:#0A2440;font-weight:600;text-decoration:none;"><span style="color:#F87000;">R</span>ea<span style="color:#F87000;">N</span>et</a> — Outil conçu et propriété de Nicolas Roissard. Tous droits réservés.</span>
  </p>
</div>

Tableau de décision rapide

Contexte Footer Copyright Licence
peyrus.fr, plugin Mairie Footer 1 (Mairie) © Nicolas Roissard Durée du mandat
Site livré à un client payant Footer 2 (Client) © Client Aucune (usage durable)
Démo, asso bénévole, perso Footer 3 (Perso) © ReaNet Aucune (vous restez propriétaire)

Comment l'utiliser

  1. Cliquer sur « Copier le code » à droite de la variante choisie.
  2. Coller le code HTML dans le footer du site ou de l'outil cible.
  3. C'est tout. Le snippet est autonome (aucun fichier à uploader).

Astuce : si la feuille de style globale du site cible surcharge tout, ajouter !important sur les déclarations critiques (couleurs, weight, etc.).