Général

Profil

Accueil

<title>Charte IA — H3 Campus</title> <style> :root { --blue: #1A3A5C; --blue-mid: #2C5F8A; --blue-light: #E8F2FB; --orange: #C45C1A; --orange-light: #FDF0E8; --ink: #1C1C1E; --muted: #5A6270; --rule: #D8E4EE; --bg: #F7F9FC; --white: #FFFFFF; --warn-bg: #FFF8EC; --warn-border:#E8A840; }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
font-family: 'DM Sans', sans-serif;
font-size: 15px;
line-height: 1.75;
color: var(--ink);
background: var(--bg);
}

/* ── HEADER ── */
header {
background: var(--blue);
color: var(--white);
padding: 56px 48px 48px;
position: relative;
overflow: hidden;
}
header::before {
content: '';
position: absolute;
inset: 0;
background: repeating-linear-gradient(
-45deg,
transparent,
transparent 40px,
rgba(255,255,255,.025) 40px,
rgba(255,255,255,.025) 41px
);
}
header::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--orange), #E8832A, var(--orange));
}
.header-inner { position: relative; max-width: 860px; margin: 0 auto; }
.header-label {
font-size: 11px;
font-weight: 600;
letter-spacing: .18em;
text-transform: uppercase;
color: rgba(255,255,255,.55);
margin-bottom: 12px;
}
header h1 {
font-family: 'DM Serif Display', serif;
font-size: clamp(28px, 5vw, 44px);
font-weight: 400;
line-height: 1.15;
margin-bottom: 10px;
}
header h1 em {
font-style: italic;
color: #A8C8E8;
}
.header-meta {
font-size: 13px;
color: rgba(255,255,255,.5);
margin-top: 16px;
}
.header-summary {
margin-top: 28px;
padding: 18px 22px;
background: rgba(255,255,255,.07);
border-left: 3px solid var(--orange);
border-radius: 0 6px 6px 0;
font-size: 14px;
color: rgba(255,255,255,.82);
line-height: 1.65;
}

/* ── LAYOUT ── */
.wrapper {
max-width: 860px;
margin: 0 auto;
padding: 0 32px 80px;
}

/* ── NAV SIDEBAR ── */
.layout {
display: grid;
grid-template-columns: 200px 1fr;
gap: 48px;
align-items: start;
margin-top: 48px;
}
nav {
position: sticky;
top: 24px;
font-size: 12.5px;
}
.nav-title {
font-size: 10px;
font-weight: 600;
letter-spacing: .15em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 12px;
}
nav ul { list-style: none; border-left: 2px solid var(--rule); }
nav ul li a {
display: block;
padding: 5px 0 5px 14px;
color: var(--muted);
text-decoration: none;
transition: color .2s, border-color .2s;
border-left: 2px solid transparent;
margin-left: -2px;
line-height: 1.4;
}
nav ul li a:hover,
nav ul li a.active {
color: var(--blue);
border-left-color: var(--blue);
}

/* ── CONTENT ── */
.content section {
margin-bottom: 52px;
animation: fadeUp .4s ease both;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
.content section:nth-child(1) { animation-delay: .05s; }
.content section:nth-child(2) { animation-delay: .10s; }
.content section:nth-child(3) { animation-delay: .15s; }
.content section:nth-child(4) { animation-delay: .20s; }
.content section:nth-child(5) { animation-delay: .25s; }
.content section:nth-child(6) { animation-delay: .30s; }
.content section:nth-child(7) { animation-delay: .35s; }
.content section:nth-child(8) { animation-delay: .40s; }
.content section:nth-child(9) { animation-delay: .45s; }
.content section:nth-child(10) { animation-delay: .50s; }
.content section:nth-child(11) { animation-delay: .55s; }
.content section:nth-child(12) { animation-delay: .60s; }

h2 {
font-family: 'DM Serif Display', serif;
font-size: 22px;
font-weight: 400;
color: var(--blue);
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 1px solid var(--rule);
}
h2 .num {
display: inline-block;
font-family: 'DM Sans', sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--orange);
margin-right: 8px;
vertical-align: middle;
position: relative;
top: -2px;
}

h3 {
font-size: 13.5px;
font-weight: 600;
color: var(--blue-mid);
text-transform: uppercase;
letter-spacing: .08em;
margin: 24px 0 10px;
}

p { margin-bottom: 12px; color: var(--ink); }

ul.list {
list-style: none;
margin: 10px 0 16px;
}
ul.list li {
padding: 5px 0 5px 20px;
position: relative;
color: var(--ink);
border-bottom: 1px solid var(--rule);
font-size: 14.5px;
}
ul.list li:last-child { border-bottom: none; }
ul.list li::before {
content: '';
position: absolute;
left: 0; top: 13px;
width: 6px; height: 6px;
border-radius: 50%;
background: var(--orange);
}

ul.list.compact li { padding: 3px 0 3px 20px; }
ul.list.compact li::before { top: 11px; }

/* ── CALLOUT BOXES ── */
.callout {
margin: 16px 0;
padding: 14px 18px;
border-radius: 6px;
font-size: 14px;
line-height: 1.65;
}
.callout-info {
background: var(--blue-light);
border-left: 3px solid var(--blue-mid);
color: var(--blue);
}
.callout-warn {
background: var(--warn-bg);
border-left: 3px solid var(--warn-border);
color: #5C3D00;
}
.callout-label {
font-size: 10px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 5px;
opacity: .7;
}

/* ── INTERDITS / AUTORISÉS ── */
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin: 16px 0;
}
.card {
padding: 16px 18px;
border-radius: 8px;
font-size: 13.5px;
}
.card-ok { background: #EAF7EE; border: 1px solid #A8D8B4; }
.card-nok { background: #FDEEEE; border: 1px solid #F0ABAB; }
.card-title {
font-size: 11px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 10px;
}
.card-ok .card-title { color: #1E6B35; }
.card-nok .card-title { color: #8B1A1A; }
.card ul { list-style: none; }
.card ul li { padding: 3px 0 3px 18px; position: relative; border-bottom: 1px solid rgba(0,0,0,.06); }
.card ul li:last-child { border: none; }
.card-ok ul li::before { content: '✓'; position: absolute; left: 0; color: #2A8A45; font-weight: 700; }
.card-nok ul li::before { content: '✕'; position: absolute; left: 0; color: #C0392B; font-weight: 700; }

/* ── SANCTIONS TABLE ── */
.sanction-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin: 16px 0;
}
.sanction-card {
padding: 16px;
border-radius: 8px;
border: 1px solid var(--rule);
background: var(--white);
text-align: center;
}
.sanction-card .icon { font-size: 24px; margin-bottom: 8px; }
.sanction-card .label {
font-size: 12px;
font-weight: 600;
color: var(--blue);
text-transform: uppercase;
letter-spacing: .06em;
margin-bottom: 4px;
}
.sanction-card .desc { font-size: 12.5px; color: var(--muted); line-height: 1.5; }

/* ── FOOTER ── */
footer {
background: var(--blue);
color: rgba(255,255,255,.55);
text-align: center;
font-size: 12px;
padding: 24px 32px;
}
footer strong { color: rgba(255,255,255,.8); }

/* ── PRINT ── */
@media print {
.layout { grid-template-columns: 1fr; }
nav { display: none; }
header { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.card, .callout { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

@media (max-width: 720px) {
.layout { grid-template-columns: 1fr; }
nav { display: none; }
header { padding: 36px 24px 32px; }
.wrapper { padding: 0 20px 60px; }
.two-col { grid-template-columns: 1fr; }
.sanction-grid { grid-template-columns: 1fr; }
}
</style>

H3 Campus — Document officiel

Charte d'utilisation de
l'Intelligence Artificielle

Version 1.0 — 2026
Cette charte encadre l'utilisation des outils d'intelligence artificielle au sein de H3 : formations, projets pédagogiques, développement informatique, outils internes et usages professionnels. Elle s'applique à l'ensemble d'H3 — apprenants, formateurs, intervenants et collaborateurs.
<!-- NAV -->
<nav>
  <div class="nav-title">Sommaire</div>
  <ul>
    <li><a href="#preambule">Préambule</a></li>
    <li><a href="#objectifs">1. Objectifs</a></li>
    <li><a href="#champ">2. Champ d'application</a></li>
    <li><a href="#principes">3. Principes fondamentaux</a></li>
    <li><a href="#donnees">4. Protection des données</a></li>
    <li><a href="#pedagogique">5. Utilisation pédagogique</a></li>
    <li><a href="#ethique">6. Éthique</a></li>
    <li><a href="#entreprise">7. Usages en entreprise</a></li>
    <li><a href="#sensibilisation">8. Sensibilisation</a></li>
    <li><a href="#sanctions">9. Sanctions</a></li>
    <li><a href="#vigueur">10. Entrée en vigueur</a></li>
    <li><a href="#conclusion">Conclusion</a></li>
  </ul>
</nav>

<!-- CONTENT -->
<div class="content">

  <section id="preambule">
    <h2>Préambule</h2>
    <p>Les outils d'intelligence artificielle générative sont aujourd'hui utilisés dans toutes les filières de H3 : commerce, marketing, communication, gestion, RH, informatique et création. Leur usage est devenu courant, aussi bien dans les travaux des apprenants que dans les pratiques des formateurs et des collaborateurs.</p>
    <p>Cette charte définit les règles d'utilisation applicables à l'ensemble d'H3, afin de garantir des usages responsables, sécurisés et conformes aux réglementations en vigueur.</p>
    <p>Elle s'inscrit dans :</p>
    <ul class="list compact">
      <li>Le respect du règlement intérieur d'H3</li>
      <li>La charte informatique et numérique de l'établissement</li>
      <li>Le RGPD</li>
      <li>Les principes du règlement européen sur l'intelligence artificielle (« AI Act »)</li>
    </ul>
  </section>

  <section id="objectifs">
    <h2><span class="num">01</span>Objectifs de la charte</h2>
    <ul class="list">
      <li>Promouvoir une utilisation responsable, éthique et sécurisée des outils d'IA</li>
      <li>Sensibiliser apprenants et collaborateurs aux limites et risques des IA génératives</li>
      <li>Encourager l'innovation pédagogique et professionnelle</li>
      <li>Protéger les données personnelles, les productions pédagogiques et la propriété intellectuelle</li>
      <li>Prévenir les usages frauduleux, trompeurs ou contraires aux valeurs d'H3</li>
      <li>Protéger l'intégrité de l'infrastructure interne de l'établissement</li>
    </ul>
  </section>

  <section id="champ">
    <h2><span class="num">02</span>Champ d'application</h2>
    <p>La présente charte s'applique à tous les membres d'H3 :</p>
    <ul class="list compact">
      <li>Apprenants (toutes formations)</li>
      <li>Formateurs et intervenants externes</li>
      <li>Collaborateurs administratifs et techniques</li>
      <li>Tout personnel utilisant des outils numériques dans le cadre des activités d'H3</li>
    </ul>
    <p>Elle couvre l'ensemble des outils d'IA utilisés, notamment :</p>
    <ul class="list compact">
      <li>Les IA génératives textuelles (OpenAI, Anthropic/Claude, Mistral AI, Google Gemini…)</li>
      <li>Les assistants de développement informatique (GitHub Copilot, Cursor, Claude Code…)</li>
      <li>Les IA de génération d'images, vidéos ou audio</li>
      <li>Les outils d'automatisation et d'orchestration intégrant de l'IA</li>
      <li>Les plateformes intégrant des modèles d'IA, y compris les outils internes d'H3</li>
    </ul>
  </section>

  <section id="principes">
    <h2><span class="num">03</span>Principes fondamentaux</h2>

    <h3>3.1 Responsabilité humaine</h3>
    <p>L'IA est un outil d'assistance. Elle ne remplace pas l'esprit critique, l'analyse personnelle ni la responsabilité individuelle. Toute production générée par une IA reste sous la pleine responsabilité de son utilisateur, qu'il s'agisse d'un code source, d'un document ou d'un contenu pédagogique.</p>

    <h3>3.2 Transparence</h3>
    <p>L'utilisation significative d'une IA dans un devoir, mémoire, projet, code source ou contenu professionnel doit être explicitement signalée lorsque le formateur ou l'établissement le demande.</p>
    <div class="callout callout-info">
      <div class="callout-label">Exemple de mention</div>
      « Certaines parties de ce travail ont été assistées par une IA générative (outil utilisé : [nom de l'outil]). »
    </div>

    <h3>3.3 Vérification des contenus</h3>
    <p>Les contenus générés par IA peuvent contenir des erreurs factuelles, des biais, des informations obsolètes, des hallucinations ou des références inexistantes. Tout utilisateur doit vérifier et corriger les informations produites, en particulier dans les domaines techniques et réglementaires.</p>

    <h3>3.4 Respect de la propriété intellectuelle</h3>
    <p>Il est interdit de présenter un contenu généré par IA comme intégralement personnel, de plagier des contenus, ou de contourner les règles pédagogiques via l'IA. Les règles anti-plagiat d'H3 restent pleinement applicables.</p>
  </section>

  <section id="donnees">
    <h2><span class="num">04</span>Protection des données et cybersécurité</h2>

    <h3>4.1 Données personnelles — règle absolue</h3>
    <p>Il est strictement interdit d'intégrer dans une IA publique ou externe :</p>
    <ul class="list compact">
      <li>Des données personnelles d'étudiants ou de collaborateurs</li>
      <li>Des données RH, médicales ou bancaires</li>
      <li>Des identifiants, mots de passe ou secrets d'infrastructure</li>
      <li>Des données de configuration des serveurs H3 (adresses IP internes, tokens API…)</li>
      <li>Des documents internes non autorisés à la diffusion</li>
    </ul>

    <h3>4.2 Infrastructure interne</h3>
    <p>H3 dispose d'une infrastructure technique sensible : serveurs et conteneurs internes, bases de données, outils de supervision et de sécurité. Aucune information relative à cette infrastructure (topologie réseau, identifiants, logs, configurations) ne doit être transmise à une IA externe.</p>
    <div class="callout callout-warn">
      <div class="callout-label">Bonne pratique</div>
      Pour obtenir de l'aide sur un script ou une configuration d'infrastructure, anonymiser les données sensibles (remplacer les IPs, tokens et mots de passe par des valeurs génériques) avant tout envoi à un outil externe.
    </div>

    <h3>4.3 Confidentialité des données IA externes</h3>
    <p>Les utilisateurs doivent considérer qu'une donnée envoyée à une IA externe peut être stockée, analysée ou utilisée pour entraîner un modèle. Aucune donnée sensible liée à H3 ou ses partenaires ne doit être transmise sans validation préalable de la direction ou de l'équipe IT.</p>

    <h3>4.4 Sécurité informatique</h3>
    <p>Toute utilisation d'IA doit respecter la charte informatique d'H3. Il est notamment interdit de :</p>
    <ul class="list compact">
      <li>Installer des outils IA non autorisés sur les postes ou serveurs de l'école</li>
      <li>Contourner les protections réseau de l'établissement (pare-feu, règles de filtrage, proxy d'inspection)</li>
      <li>Utiliser une IA pour produire du code malveillant, des exploits ou des outils de reconnaissance réseau non autorisés</li>
      <li>Utiliser une IA pour effectuer des actions illicites ou contraires à l'éthique professionnelle</li>
    </ul>
  </section>

  <section id="pedagogique">
    <h2><span class="num">05</span>Utilisation pédagogique</h2>

    <div class="two-col">
      <div class="card card-ok">
        <div class="card-title">Usages autorisés</div>
        <ul>
          <li>Aide à la compréhension et à la reformulation</li>
          <li>Génération d'idées et brainstorming</li>
          <li>Assistance au développement (code, débogage, docs)</li>
          <li>Apprentissage des langues et correction rédactionnelle</li>
          <li>Création de supports pédagogiques</li>
          <li>Simulation d'entretiens professionnels</li>
          <li>Veille technologique et recherche documentaire</li>
        </ul>
      </div>
      <div class="card card-nok">
        <div class="card-title">Usages interdits</div>
        <ul>
          <li>Générer intégralement un devoir, examen ou QCM</li>
          <li>Contourner une évaluation pédagogique</li>
          <li>Produire de faux justificatifs ou falsifier des documents</li>
          <li>Usurper une identité</li>
          <li>Générer des deepfakes ou contenus trompeurs</li>
          <li>Automatiser une fraude académique ou professionnelle</li>
        </ul>
      </div>
    </div>

    <h3>5.3 Développement informatique — règles spécifiques</h3>
    <p>Dans les formations numériques et informatiques d'H3, l'IA peut légitimement assister la génération de code. Cependant :</p>
    <ul class="list compact">
      <li>L'apprenant doit comprendre le fonctionnement du code produit</li>
      <li>Il reste responsable de la sécurité, de la qualité et de la conformité du code</li>
      <li>Le copier-coller aveugle de code généré par IA est formellement déconseillé</li>
      <li>Tout code destiné à l'infrastructure H3 doit être relu et validé par un responsable technique</li>
    </ul>
    <div class="callout callout-info">
      <div class="callout-label">Note pour les formations IT</div>
      Les outils et plateformes internes d'H3 peuvent servir de base d'apprentissage. L'utilisation de l'IA pour comprendre, améliorer ou documenter ces outils est encouragée — à condition de respecter les règles de confidentialité ci-dessus.
    </div>
  </section>

  <section id="ethique">
    <h2><span class="num">06</span>Éthique et responsabilité</h2>
    <p>Les utilisateurs s'engagent à ne pas utiliser l'IA pour :</p>
    <ul class="list compact">
      <li>Discriminer, harceler ou manipuler</li>
      <li>Désinformer ou diffuser de fausses informations</li>
      <li>Contourner les règles légales, réglementaires ou pédagogiques</li>
      <li>Atteindre à la dignité humaine ou aux valeurs de diversité et d'inclusion</li>
    </ul>
    <p>Toute utilisation doit rester cohérente avec les valeurs portées par H3 : ambition, créativité, professionnalisme, ouverture et proximité.</p>
  </section>

  <section id="entreprise">
    <h2><span class="num">07</span>Encadrement des usages en entreprise</h2>
    <p>Dans le cadre des stages, alternances et projets entreprises :</p>
    <ul class="list compact">
      <li>Les règles internes des entreprises partenaires priment sur la présente charte</li>
      <li>Les apprenants doivent respecter les politiques IA de leur entreprise d'accueil</li>
      <li>Aucune donnée confidentielle entreprise ne doit être exposée à une IA publique</li>
      <li>Les outils IA utilisés en entreprise doivent être déclarés si l'entreprise le demande</li>
    </ul>
  </section>

  <section id="sensibilisation">
    <h2><span class="num">08</span>Sensibilisation et accompagnement</h2>
    <p>H3 s'engage à :</p>
    <ul class="list compact">
      <li>Former les apprenants aux usages responsables et éclairés de l'IA</li>
      <li>Développer l'esprit critique face aux contenus générés</li>
      <li>Accompagner les équipes pédagogiques dans l'intégration de l'IA dans leurs pratiques</li>
      <li>Promouvoir une culture numérique éthique, en lien avec les formations de l'établissement</li>
      <li>Faire évoluer cette charte en fonction des développements technologiques et réglementaires</li>
    </ul>
  </section>

  <section id="sanctions">
    <h2><span class="num">09</span>Contrôle et sanctions</h2>
    <div class="sanction-grid">
      <div class="sanction-card">
        <div class="icon">📋</div>
        <div class="label">Pédagogique</div>
        <div class="desc">Note zéro, invalidation de travaux</div>
      </div>
      <div class="sanction-card">
        <div class="icon">⚖️</div>
        <div class="label">Disciplinaire</div>
        <div class="desc">Exclusion temporaire ou définitive</div>
      </div>
      <div class="sanction-card">
        <div class="icon">🏛️</div>
        <div class="label">Juridique</div>
        <div class="desc">Poursuites civiles ou pénales selon gravité</div>
      </div>
    </div>
    <p>Les usages frauduleux de l'IA sont assimilés à des manquements graves à l'intégrité académique et professionnelle. En cas de doute sur un usage, l'apprenant ou le collaborateur est invité à consulter son formateur ou l'équipe IT avant toute utilisation.</p>
  </section>

  <section id="vigueur">
    <h2><span class="num">10</span>Entrée en vigueur</h2>
    <p>La présente charte entre en application à compter de sa diffusion officielle. Elle sera mise à jour régulièrement en fonction des évolutions technologiques, des exigences réglementaires européennes (AI Act), des recommandations pédagogiques et des politiques internes d'H3.</p>
  </section>

  <section id="conclusion">
    <h2>Conclusion</h2>
    <p>L'intelligence artificielle constitue une opportunité majeure pour apprendre, créer, automatiser et développer de nouvelles compétences professionnelles. Son utilisation au sein de H3 doit rester responsable, transparente et sécurisée.</p>
    <p>L'IA ne remplace ni l'apprentissage, ni l'expertise, ni le discernement humain. Elle doit rester un outil au service de la réussite des apprenants et de l'excellence pédagogique d'H3.</p>
  </section>

</div><!-- .content -->
H3 Campus — Charte IA v1.0 — 2026  |  Charte informatique H3 2025/2026 • Règlement européen AI Act • RGPD <script> // Active nav link on scroll const sections = document.querySelectorAll('section[id]'); const links = document.querySelectorAll('nav a'); const observer = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { links.forEach(l => l.classList.remove('active')); const a = document.querySelector(`nav a[href="#${e.target.id}"]`); if (a) a.classList.add('active'); } }); }, { rootMargin: '-20% 0px -70% 0px' }); sections.forEach(s => observer.observe(s)); </script>