# Les composants

Cette rubrique passe en revue les composants (également appelés éléments de contenu) qu'il est possible d'ajouter dans vos [pages](les-pages).

## Disponibilité des composants par plateforme

<table><thead><tr><th>Composant</th><th width="189">Internet</th><th>Satellites</th><th>Intranet</th></tr></thead><tbody><tr><td><strong>Texte &#x26; Médias</strong></td><td></td><td></td><td></td></tr><tr><td><a href="les-composants/texte-and-medias/titre">Titre</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/texte-and-medias/texte-et-ou-image">Texte et/ou image</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/texte-and-medias/texte-et-ou-media">Texte et/ou média</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/texte-and-medias/texte-dans-des-colonnes">Texte dans des colonnes</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/texte-and-medias/citation">Citation</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/texte-and-medias/texte-avec-extrait">Texte avec extrait</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/texte-and-medias/texte-avec-icone">Texte avec icône</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/texte-and-medias/panneau">Panneau</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/texte-and-medias/contenu-audio">Contenu audio</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><strong>Groupes</strong></td><td></td><td></td><td></td></tr><tr><td><a href="les-composants/groupes/groupe-de-carte">Groupe de carte</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/groupes/groupe-de-liste">Groupe de liste</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/groupes/accordeon">Accordéon</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/groupes/onglet">Onglet</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/groupes/groupe-dicones">Groupe d'icônes</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><strong>Menus</strong></td><td></td><td></td><td></td></tr><tr><td><a href="les-composants/menus/pages">Pages</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/menus/sommaire">Sommaire</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/menus/sous-pages">Sous-pages</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/menus/resumes">Résumés</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/menus/plan-de-site">Plan du site</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/menus/cartes-des-pages">Cartes des pages</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/menus/cartes-de-sous-pages">Cartes de sous-pages</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/menus/pages-recemment-mises-a-jour">Pages récemment mises à jour</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><strong>Mise en page</strong></td><td></td><td></td><td></td></tr><tr><td><a href="les-composants/mise-en-page/boite-de-mise-en-exergue">Boite de mise en exergue</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/mise-en-page/carrousel">Carrousel</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/mise-en-page/2-3-4-colonnes">2/3/4 Colonnes</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/mise-en-page/separation">Séparation</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><strong>Autres contenus</strong></td><td></td><td></td><td></td></tr><tr><td><a href="les-composants/autres-contenus/pur-html">Pur HTML</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/liste-de-fichiers">Liste des fichiers</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/csv">CSV</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/contenu-miroir">Contenu miroir</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/chiffres-cles">Chiffres clés</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/liste-des-formations">Liste des formations</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/localisation-du-batiment">Localisation du bâtiment</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/bloc-lien-externe">Bloc lien externe</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/mini-annuaire">Mini annuaire</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr><tr><td><a href="les-composants/autres-contenus/reseaux-sociaux">Réseaux sociaux</a></td><td><img src="https://img.shields.io/badge/internet-oui-green?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/satellites-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td><td><img src="https://img.shields.io/badge/intranet-non-red?style=for-the-badge&#x26;logo=typo3" alt=""></td></tr></tbody></table>
