---
title: Documentation et tutoriels des dispositifs Pix (ambassadeur_pix_clermont)
author: Drane ac-clermont/ambassadeur_pix_clermont
date: 01/2026
tags:
- Portail
- Pix
- Pix+Édu
- Documentation
- Tutoriel
- ambassadeur_pix_clermont
---
# [:house:](#-Documentation-et-tutoriels-des-dispositifs-Pix-ac-clermont-) Documentation et tutoriels des dispositifs Pix *([ac-clermont](https://pedagogie.ac-clermont.fr/numerique-educatif/category/documentation-et-tutoriels/))* 
<span style="color:MediumPurple; font-size:60%; float:right">[Météo](https://status.pix.org/) des services Pix. 
</span>
<div style="text-align: center;">
<!-- Image intéractive -->
<div class="elea-interactive-wrapper" style="width: 100%; max-width: 100%; margin: 10px auto; clear: both;">
<div id="export-container" class="elea-interactive-map" style="position: relative; width: 100%; max-width: 800px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; border-radius: 0px; overflow: hidden; box-shadow: 0 0px 0px rgba(0,0,0,0); z-index: 1; background: transparent; line-height: 0;">
<img src="https://minio.apps.education.fr/codimd-prod/uploads/w3h4yn3zvfacai126c8rkv6kt.png" crossorigin="anonymous" style="width: 100%; height: auto; display: block; border-radius: 0px; pointer-events: none; border: 0;" alt="Navigation interactive" />
<!-- Pix Junior -->
<a href="#cat1" target="_self" class="elea-blinking" title="" style="position: absolute; left: 16.58974699192621%; top: 35.423377875409514%; width: 2%; min-width: 18px; height: auto; aspect-ratio: 1/1; background-color: #f97316; opacity: 0.7; border-radius: 50%; border: none; box-sizing: border-box; display: block; z-index: 100;"> </a>
<!-- Pix 6e -->
<a href="#cat2" target="_self" class="elea-blinking" title="" style="position: absolute; left: 35.47937909894963%; top: 10.001075121876681%; width: 2%; min-width: 18px; height: auto; aspect-ratio: 1/1; background-color: #f97316; opacity: 0.7; border-radius: 50%; border: none; box-sizing: border-box; display: block; z-index: 100;"> </a>
<!-- Pix élève & étudiant -->
<a href="#cat2" target="_self" class="elea-blinking" title="" style="position: absolute; left: 57.71349281132421%; top: 3.935691959072904%; width: 2%; min-width: 18px; height: auto; aspect-ratio: 1/1; background-color: #f97316; opacity: 0.7; border-radius: 50%; border: none; box-sizing: border-box; display: block; z-index: 100;"> </a>
<!-- Pix IA -->
<a href="#cat2" target="_self" class="elea-blinking" title="" style="position: absolute; left: 78.2753657210232%; top: 10.129691203730868%; width: 2%; min-width: 18px; height: auto; aspect-ratio: 1/1; background-color: #f97316; opacity: 0.7; border-radius: 50%; border: none; box-sizing: border-box; display: block; z-index: 100;"> </a>
<!-- Enseignant -->
<a href="#cat4" target="_self" class="elea-blinking" title="" style="position: absolute; left: 85.45931220931752%; top: 35.03537938609359%; width: 2%; min-width: 18px; height: auto; aspect-ratio: 1/1; background-color: #f97316; opacity: 0.7; border-radius: 50%; border: none; box-sizing: border-box; display: block; z-index: 100;"> </a>
<!-- Parentalité numérique -->
<a href="#cat3" target="_self" class="elea-blinking" title="" style="position: absolute; left: 36.28874364744461%; top: 63.0%; width: 2%; min-width: 18px; height: auto; aspect-ratio: 1/1; background-color: #f97316; opacity: 0.7; border-radius: 50%; border: none; box-sizing: border-box; display: block; z-index: 100;"> </a>
<!-- Centre d'aide -->
<a href="https://pix.fr/support/enseignement-scolaire" target="_blank" class="elea-blinking" title="" style="position: absolute; left: 70.2285429785483%; top: 78.394449220576%; width: 2%; min-width: 18px; height: auto; aspect-ratio: 1/1; background-color: #8ac5ff; opacity: 0.7; border-radius: 50%; border: none; box-sizing: border-box; display: block; z-index: 100;"> </a>
<style>
.elea-interactive-map { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
.elea-interactive-map * { box-sizing: border-box; }
.elea-interactive-map a {
transition: opacity 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
text-decoration: none;
position: absolute;
touch-action: manipulation;
}
.elea-interactive-map a:hover, .elea-interactive-map a:focus {
opacity: 1 !important;
transform: scale(1.15);
z-index: 200;
box-shadow: 0 0 15px rgba(255,255,255,0.8), 0 5px 15px rgba(0,0,0,0.2);
outline: none;
}
/* Styled Tooltip - Responsive & Centered */
.elea-interactive-map a[data-title]::after {
content: attr(data-title);
position: absolute;
bottom: 125%;
left: 50%;
transform: translateX(-50%) translateY(10px);
padding: 6px 12px;
background: rgba(15, 23, 42, 0.95);
color: #ffffff;
font-size: 13px;
line-height: 1.4;
font-weight: 600;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
z-index: 300;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.elea-interactive-map a[data-title]:hover::after,
.elea-interactive-map a[data-title]:focus::after {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* Animation de clignotement optimisée */
@keyframes elea-zone-blink {
0%, 100% { opacity: 0.3; transform: scale(1); }
50% { opacity: 0.9; transform: scale(1.05); }
}
.elea-blinking {
animation: elea-zone-blink 2.5s infinite ease-in-out;
}
/* Ajustements pour petits écrans */
@media (max-width: 480px) {
.elea-interactive-map a[data-title]::after {
font-size: 11px;
padding: 4px 8px;
}
.elea-instruction-bar {
font-size: 11px !important;
padding: 6px 10px !important;
}
}
</style>
</div>
</div>
<!-- Fin Image interactive -->
</div>
<div style="text-align: right;">
:newspaper: ==Consultez les [**actualités Pix**](https://markpage.forge.apps.education.fr/#https://codimd.apps.education.fr/-Ob49awsQRiQoGqbvhrfWA#).==
</div>
<span style="text-align: justify;">
Dans l’ensemble des enseignements et des disciplines, les enseignantes et enseignants mettent en œuvre des séquences pédagogiques qui contribuent au développement des compétences numériques des élèves, conformément aux programmes scolaires et au socle commun de connaissances, de compétences et de culture.
</span>
<div style="text-align: center;">
:::warning
**Ces compétences, définies par le cadre de référence des compétences numériques (CRCN), sont travaillées et évaluées de manière progressive tout au long de la scolarité, de l’école primaire à la terminale. :arrow_right: [Parcourir le CRCN](https://codimd.apps.education.fr/s/Ba38xrwtF#). **
:::
</div>
<div style="text-align: center;">
:arrow_down: Sélectionnez le Pix de votre choix : :arrow_down:
</div>
<!-- Menu des onglets -->
<div id="menu">
<a href="#cat1">Pix Junior</a>
<a href="#cat2">Pix [CLG & LYC]</a>
<a href="#cat3">Pix Parentalité</a>
<a href="#cat4">Pix+Édu</a>
</div>
<!-- Onglet Pix Junior -->
<div id="cat1">
<!-- <div style="text-align: center">
</div> -->
<!-- Liste des articles Pix Junior -->
<img src="https://minio.apps.education.fr/codimd-prod/uploads/e04k3pi7yup846a4ylgyelvuw.png" style="float: right; width: 120px; margin-left:10px" />
:::info
➡ **Pix Junior, le dispositif Pix pour les écoles.**
* [Pix Junior pour les enseignants de CM1 et CM2.](https://codimd.apps.education.fr/s/NP5tSj7Gm#) 
:::
</div>
<!-- Onglet Pix [CLG & LYC] (collèges & lycées) -->
<div id="cat2">
<!-- <div style="text-align: center;">
</div>-->
<!-- Liste des articles Pix 6eme -->
<img src="https://minio.apps.education.fr/codimd-prod/uploads/lefkuid1n08ugg7bjmhbffm9d.png" style="float: right; width: 120px; margin-left:10px" />
:::info
➡ **L'attestation Pix pour les élèves de 6^ème^.**
* [Attestation de sensibilisation au numérique Pix en classe de sixième.](https://codimd.apps.education.fr/s/H6LW58xhM#) 
:::
<!-- Liste des articles Pix IA -->
<img src="https://minio.apps.education.fr/codimd-prod/uploads/x77kz72fvq7ragerleolbzjyl.png" style="float: right; width: 120px; margin-left:10px" />
:::info
➡ **Pix IA : Le dispositif Pix pour sensibiliser et outiller les élèves à l'intelligence artificielle.**
* [Pix IA pour les élèves de 4^e^, 2^de^, et 1^re^ CAP.](https://codimd.apps.education.fr/s/ocn6dmPrx#) 
:::
<!-- Liste des articles Pix [CLG & LYC] -->
<img src="https://minio.apps.education.fr/codimd-prod/uploads/ahruzwx4439zp35wnjyrq66tx.png" style="float: right; width: 120px; margin-left:10px" />
:::info
➡ **La certification Pix en établissement scolaire du second degré.**
* [Accompagner la montée en compétences numériques des élèves du 2^nd^ degré avec les parcours Pix.](https://codimd.apps.education.fr/s/fqUQzcYoI#) 
* [La certification Pix.](https://codimd.apps.education.fr/s/RJ4mMzlHk#) 
* [Le tableau de bord des certifications Pix pour les collèges et lycées.](https://codimd.apps.education.fr/s/pIXRD6UlG#) 
:::
</div>
<!-- Onglet Pix Parentalité -->
<div id="cat3">
<!-- <div style="text-align: center;">
</div> -->
<!-- Liste des articles Pix Parentalité -->
<img src="https://minio.apps.education.fr/codimd-prod/uploads/q7m79ep25jkielhahwvmpyvme.png" style="float: right; width: 120px; margin-left:10px" />
:::info
➡ **Pix, c’est aussi pour les parents !**
Pix Parentalité est un outil utile aux établissements et enseignants souhaitant impliquer activement les parents d’élèves dans l’éducation numérique de leurs enfants.
* [Pix pour les parents d'élèves.](https://codimd.apps.education.fr/s/5LDZqiLoa#) 
:::
</div>
<!-- Onglet Pix+Édu -->
<div id="cat4">
<div style="text-align: center;">
==**Lancez-vous dans l'aventure Pix+ Édu.**==
</div>
:::warning
<img src="https://minio.apps.education.fr/codimd-prod/uploads/c9z1tai2olh8p91sl9rl3ziai.png" style="float: right; width: 120px; margin-left:10px"> :arrow_right: **[Enseignants, CPE, personnels de direction, décrochez votre première attestation Pix+ Édu.](https://edurl.fr/pix+edu)**</img>
Pix+Édu s'appuit sur le [CRCN](https://codimd.apps.education.fr/s/Ba38xrwtF#)  et le [CRCN-Édu](https://codimd.apps.education.fr/s/F39AZr2vB#)  (cadre de référence des compétences numériques des métiers de l’enseignement, de l’éducation et de la formation).
:::
<div style="text-align: center;">
<!-- 
 -->
</div>
<!-- Liste des articles Pix+Édu
## ➡ Pix+Édu, pour développer et valoriser les compétences numériques des enseignants. -->
* :new: **[Le parcours Pix+ Édu IA pour les enseignants et personnels d'éducation.](https://codimd.apps.education.fr/s/LkOAWsKkp)** 
* :one: [Découvrir Pix+Édu.](https://codimd.apps.education.fr/s/G1w-rcF9R#) 
* :two: [Créer mon compte Pix et/ou y accéder via le portail académique Aréna.](https://codimd.apps.education.fr/s/zHYeHMxGx#) 
* :three: [Décrochez votre attestation Pix+Édu.](https://codimd.apps.education.fr/s/ttm-CXTFn#) 
</div>
<span style="color:MediumPurple; font-size:80%; float:right"> [:house:](#-Documentation-et-tutoriels-des-dispositifs-Pix-ac-clermont-) </span>
<!-- Styles CSS -->
<!-- Styles pour le menu -->
<style>
#cat1,
#cat2,
#cat3,
#cat4,
#cat5 {
display: none;
border: 1px darkblue solid;
padding: 2em
}
#cat1:target,
#cat2:target,
#cat3:target,
#cat4:target,
#cat5:target {
display: block;
transition: all 0.35s
}
#menu a {
display: block;
font-size: 1em;
margin-left: 1em;
color: white;
margin-top: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px darkblue solid
}
#menu a:hover {
text-decoration: none;
border-bottom: 1px white solid;
color: #DDD
}
#menu {
display: flex;
background-color: darkblue;
flex-wrap: wrap;
padding: 1em
}
</style>