Une marque
à taille humaine,
qui structure
& transforme.

Chaque pictogramme est construit autour d'un bonhomme fil de fer minimaliste (couleur sable foncé #a89e6a) associé à un objet contextuel (couleur sable #cdc497). Stroke 1.2–1.4px, aucun remplissage, style épuré.

<!-- CSS dans <style> -->
header.site-header {
  background: [FOND];               /* @AP:#C4724A · @AC:#0E0E20 · @AT:#011810 · @AS:#1C1A0C · @AE:#2D1810 */
  border-top: 2px solid [ACCENT];   /* @AP:#1A0F0A (pilot dark) · @AC:#131327 · @AT:#013220 · @AS:#CDC497 · @AE:#D97757 */
  padding: 1rem 2rem;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
  position: sticky; top: 0; z-index: 50;
}
.h-brand   { display:flex; align-items:center; gap:1rem; }
.h-name    { font-family:'Raleway'; font-weight:700; font-size:1rem;
             letter-spacing:.08em; text-transform:lowercase; color:#fff; line-height:1; }
.h-name b  { font-weight:300; color:[ACCENT]; }    /* @AS:#D97757 · autres:#cdc497 */
.h-tagline { font-family:'DM Mono'; font-size:.55rem;
             letter-spacing:.18em; text-transform:uppercase;
             color:rgba(205,196,151,.55); }
.h-btn-clients {
  font-family:'DM Mono'; font-size:.62rem; letter-spacing:.1em;
  padding:.45rem 1rem; border-radius:2px; text-decoration:none;
  border:1px solid [ACCENT_40]; color:[ACCENT]; background:transparent;
}

<!-- HTML -->
<header class="site-header">
  <div class="h-brand">
    <svg width="62" height="28" viewBox="0 0 120 44" xmlns="http://www.w3.org/2000/svg">
      <circle cx="14" cy="22" r="7" fill="[PASTILLE]"/>     
      <path d="M 22 22 C 38 8, 66 8, 82 22" stroke="[TRAIT]"
            stroke-width="1.6" fill="none" stroke-linecap="round" opacity="0.85"/>
      <rect x="85" y="10" width="22" height="22" rx="2" stroke="[TRAIT]"
            stroke-width="1.8" fill="none" opacity="0.85"/>   
    </svg>
    <div>
      <div class="h-name">adalane <b>[ENTITE]</b></div>
      <div class="h-tagline">structurer · accompagner · transformer</div>
    </div>
  </div>
  <a href="/clients/" class="h-btn-clients">espace clients</a>
</header>

www.adalane.fr                    ← site central (non modifié)
    │
    ├── pilot.adalane.fr
    ├── conseils.adalane.fr
    ├── tech.adalane.fr            ← ✓ déployé
    │       │
    │       ├── index.html         header standardisé + bouton espace clients
    │       └── clients/
    │               ├── index.php  portail central → saisie code client
    │               ├── clients.json { "ERIC2025": "ericmultiservices" }
    │               └── ericmultiservices/
    │                       ├── index.php    portail client (liste outils)
    │                       ├── config.json  { nom, sous-titre, mot_de_passe, apps[] }
    │                       └── at-devis-ericmultiservices-v3.html
    ├── services.adalane.fr
    └── experience.adalane.fr           ← ◉ en lancement
            ├── index.html          vitrine jeu connecté
            ├── commander.html      formulaire de commande → send-order.php
            ├── brief.html          brief créatif (token) → save-brief.php
            ├── pricing.json        catalogue tarifs
            └── briefs/             JSON par commande (protégé .htaccess)

Tous les onglets des sites adalane suivent la même formule : le préfixe @ de l'entité (@AP, @AC, @AS, @AT, @AE) + nom complet de la marque + tiret + rôle officiel. Cette convention permet d'identifier l'entité depuis l'onglet du navigateur, même quand plusieurs sites adalane sont ouverts simultanément.

Footer harmonisé entre tous les sites de l'écosystème. La structure et le code restent identiques — seule la couleur de fond et de hover change selon l'entité. Les mentions légales sont obligatoires dans la barre meta.

<footer>
  <div class="footer-inner">

    <div class="footer-brand-block">
      <div class="footer-brand">adalane <span>[ENTITÉ]</span></div>
      <div class="footer-tagline">structurer · accompagner · transformer</div>
      <div class="footer-dots" aria-hidden="true">
        <div class="footer-dot" style="background:#C4724A;" title="pilot"></div>
        <div class="footer-dot" style="background:#131327;" title="conseil"></div>
        <div class="footer-dot" style="background:#cdc497;" title="services"></div>
        <div class="footer-dot" style="background:#013220;" title="tech"></div>
        <div class="footer-dot" style="background:#D97757;" title="experience"></div>
      </div>
    </div>

    <div class="footer-links">
      <div class="footer-col">
        <div class="footer-col-title">écosystème adalane</div>
        <ul>
          <li><a href="https://pilot.adalane.fr">adalane pilot</a></li>
          <li><a href="https://conseils.adalane.fr">adalane conseil</a></li>
          <li><a href="https://services.adalane.fr">adalane services</a></li>
          <li><a href="https://experience.adalane.fr">adalane experience</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <div class="footer-col-title">navigation</div>
        <ul>
          <!-- liens spécifiques au site -->
          <li><a href="/clients/">espace clients</a></li>
        </ul>
      </div>
    </div>

  </div>

  <div class="footer-meta">
    <div>[entité].adalane.fr <span class="footer-version">· v1</span></div>
    <div>© 2026 adalane [entité] — tous droits réservés</div>
    <div><a href="mentions-legales.html">mentions légales</a></div>
  </div>
</footer>