Picture Perfect

Oeuvres d'artistes venu·es d’horizons, de continents et de générations multiples, .

Imaginer d’autres façons de voir et de célébrer la beauté

Comme un espace de liberté, de pluralité, d’expression de soi et d’humanité partagée.

Picture Perfect explore le rôle essentiel des médias de l’image dans la construction, la diffusion, mais aussi la remise en question des standards de beauté occidentaux dominants

Text Here

En fait, 65 artistes. Trop pour ma petite tête. Alors j'ai demandé à mon gsm.

mettre un lien

Ressources

Que signifie la beauté aujourd’hui ? Qui la définit ? Et de quelle manière les images façonnent-elles notre regard sur nous-mêmes et sur les autres ? Réunissant les œuvres de 65 artistes venu·es d’horizons, de continents et de générations multiples, Picture Perfect explore le rôle essentiel des médias de l’image dans la construction, la diffusion, mais aussi la remise en question des standards de beauté occidentaux dominants. À la fois engagée et émancipatrice, l’exposition se déploie comme un manifeste : une invitation à dépasser les idéaux hérités pour imaginer d’autres façons de voir et de célébrer la beauté — comme un espace de liberté, de pluralité, d’expression de soi et d’humanité partagée.

Illustrations

L'Odyssée (film, 2026)

L'Odyssée (The Odyssey) est un film américano-britannique écrit et réalisé par Christopher Nolan, sorti en 2026^[1].

Cassiopeia enfant

Site en joomla 6 documentation pour template enfant de cassiopeia

Bizarre cet éditeur qui place le départ de l'édition au milieu de la page (centrer verticalement)
Voici le texte récupéré d'un échange avec l'IA Claude, première expérience suite à une conversation avec Stephan.

Orchestrated French guide for Cassiopeia child template creation

Voici un résumé des infos actuelles pour créer un template enfant de Cassiopeia sous Joomla 6.

Nouveauté Joomla 6 : "Cassiopeia Extended"

L'un des objectifs de Joomla 6 était justement de simplifier la personnalisation de Cassiopeia. À l'installation ou à la mise à jour vers Joomla 6, un nouveau template est automatiquement présent : Cassiopeia Extended, qui est un template enfant de Cassiopeia offrant des options supplémentaires de personnalisation de couleurs et de polices. Concrètement, dans le style de template, deux nouveaux onglets apparaissent : "Colour Settings" et "Font Settings", ce dernier permettant de choisir le schéma de police et la taille du texte. alternativetoJoomla

C'est donc un exemple concret et prêt à l'emploi de ce qu'on peut faire avec un template enfant — un bon point de départ pour s'en inspirer ou le dupliquer. Petit bémol : pour étendre Cassiopeia Extended avec des options supplémentaires, il faut actuellement le dupliquer manuellement (une fonction de copie intégrée était prévue pour une version ultérieure). Joomla

Créer son propre template enfant

Le principe des templates enfants existe depuis Joomla 4.1 et fonctionne pareil en Joomla 6 :

Administration → Système → Gérer → Templates de site
Cliquer sur Cassiopeia (dans l'onglet "Détails et fichiers")
Cliquer sur le bouton Créer un template enfant
Remplir le formulaire (nom, etc.) puis valider

Le template enfant utilise tous les fichiers du template parent, sauf ceux du même nom que vous placez dans le template enfant. C'est l'intérêt principal : les fichiers du template enfant ne sont pas affectés par les mises à jour de Joomla, contrairement à des overrides directs sur Cassiopeia. JoomlaJoomla

Cas d'usage typique : vous voulez que certaines pages aient un thème bleu (couleurs par défaut de Cassiopeia) et d'autres un thème vert — une solution simple est un template enfant avec sa propre feuille de style user.css. Joomla

Points techniques utiles

Depuis les templates enfants (J4.1+), le chemin vers les dossiers médias du template change : un fichier comme templates/cassiopeia/css/user.css est déplacé vers media/templates/site/cassiopeia/css/user.css. Woluweb
En éditant le fichier XML du template enfant, vous pouvez facilement ajouter de nouvelles options (zone de texte, boutons radio, etc.), puis récupérer ces paramètres dans index.php pour personnaliser le comportement (ex. ajouter un script dans le head). Woluweb
Pour rendre le template enfant actif sur le site, il faut ensuite le définir par défaut (ou l'assigner à des menus spécifiques) dans Styles de templates.

Sources officielles à consulter

Documentation Joomla (wiki, encore valable pour la structure de base) : docs.joomla.org — pages "Child Templates" et "Cassiopeia Template Customisation"
Joomla Community Magazine, article d'octobre 2025 sur Cassiopeia Extended (le plus à jour pour Joomla 6)
Un site avec des tutoriels avancés sur Cassiopeia (tips & tricks, compatible J4/J5/J6) que j'ai trouvé très complet : slides.woluweb.be/cassiopeia

Vous voulez que je détaille une étape précise (par exemple modifier les couleurs via CSS, ajouter une position de module, ou éditer le templateDetails.xml) ?

La fixation du leader et des colonnes latérales sont une étape i/portante et doit être différent pour mon PC et pour mon GSM

Orchestrated responsive sticky header solutions pour appareils distincts

Bonne nouvelle : sur ce point précis, Cassiopeia fait déjà une partie du travail pour vous.

Le comportement natif de Cassiopeia

En-tête sticky : l'option "Sticky Header" (dans Style de gabarit → onglet Avancé) ne s'applique que sur les écrans de plus de 992px de large. En dessous de cette largeur (donc sur mobile/GSM), l'en-tête n'est jamais fixe, même si l'option est activée — Joomla gère déjà cette distinction PC/mobile automatiquement.

Colonnes latérales : les sidebars (gauche/droite) sont construites en CSS Grid. Sur petit écran, elles se replient et passent sous le contenu principal (empilement vertical) au lieu de rester à côté — c'est également automatique, sans code supplémentaire.

Si vous devez aller plus loin

Si le comportement par défaut ne suffit pas (par exemple vous voulez une sidebar fixe/sticky uniquement sur PC, ou un comportement différent du seuil 992px), la bonne pratique est d'ajouter vos règles dans le user.css de votre template enfant, avec des media queries.

Exemple dans media/templates/site/cassiopeia_enfant/css/user.css :

css

/* --- PC uniquement (écrans larges) --- */  @media (min-width: 992px) {    .sidebar-left {      position: sticky;      top: 80px; /* ajustez selon la hauteur de votre header */      align-self: start;    }  }    /* --- Mobile/GSM uniquement --- */  @media (max-width: 991px) {    .sidebar-left {      position: static; /* pas de fixation sur mobile */    }  }

Quelques points importants :

Le seuil natif de Cassiopeia est 992px (là où le menu bascule en hamburger). Réutilisez ce même seuil pour rester cohérent avec le reste du template, sauf besoin spécifique.
Vérifiez les classes réelles dans l'inspecteur du navigateur (.sidebar-left, .sidebar-right, .header, etc. peuvent varier légèrement selon la version) avant d'écrire vos règles.
Pour une fixation de type "reste visible au scroll", utilisez position: sticky plutôt que fixed — plus simple à gérer dans une grille, et ça évite de devoir recalculer manuellement les décalages.

Voulez-vous que je vous aide à identifier les classes CSS exactes de votre site (si vous avez l'URL) ou à écrire le code complet pour votre cas précis (header + sidebar) ?

Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie scelerisque ultrices. Nullam venenatis, felis ut accumsan vestibulum, diam leo congue nisl, eget luctus sapien libero eget urna. Duis ac pellentesque nisi.

mettre un lien

Nouveauté Joomla 6 : "Cassiopeia Extended"

Créer son propre template enfant

Le principe des templates enfants existe depuis Joomla 4.1 et fonctionne pareil en Joomla 6 :

Administration → Système → Gérer → Templates de site
Cliquer sur Cassiopeia (dans l'onglet "Détails et fichiers")
Cliquer sur le bouton Créer un template enfant
Remplir le formulaire (nom, etc.) puis valider

n des objectifs de Joomla 6 était justement de simplifier la personnalisation de Cassiopeia. À l'installation ou à la mise à jour vers Joomla 6, un nouveau template est automatiquement présent : Cassiopeia Extended, qui est un template enfant de Cassiopeia offrant des options supplémentaires de personnalisation de couleurs et de polices. Concrètement, dans le style de template, deux nouveaux onglets apparaissent : "Colour Settings" et "Font Settings", ce dernier permettant de choisir le schéma de police et la taille du texte. alternativetoJoomla

Title

Titleh3

Title

CSS

Classe CSS

La notion de classe est importante. Comment appréhender le fonctionnement de base Identifier et appliquer?

Comprendre les classes CSS est la base pour personnaliser n'importe quel template, y compris Cassiopeia. Voici comment appréhender ça étape par étape.

1. Qu'est-ce qu'une classe CSS ?

Une classe est une étiquette qu'on colle sur un élément HTML pour pouvoir le cibler en CSS. Un même élément peut avoir plusieurs classes, et une même classe peut être réutilisée sur plusieurs éléments différents.

html

<div class="sidebar sidebar-left">...</div>

Ici, l'élément a deux classes : sidebar et sidebar-left. Vous pouvez cibler soit l'ensemble des sidebars, soit uniquement la gauche

2. Identifier les classes (l'étape la plus importante)

On ne devine jamais les noms de classes — on les inspecte dans le navigateur :

Ouvrez votre site.
Clic droit sur l'élément qui vous intéresse (ex. la colonne latérale) → Inspecter (ou F12).
Le panneau "Elements"/"Inspecteur" s'ouvre et affiche le HTML avec les classes exactes.
Dans le panneau à droite ("Styles"/"Computed"), vous voyez aussi quelles règles CSS s'appliquent déjà et d'où elles viennent (utile pour savoir si vous devez surcharger une règle existante).

C'est indispensable car les noms peuvent varier légèrement selon la version de Cassiopeia — mieux vaut vérifier que supposer.

3. Appliquer une règle CSS sur une classe

La syntaxe de base :

css

.nom-de-la-classe {    propriété: valeur;  }

Le point . devant le nom indique "c'est une classe" (par opposition à # pour un id, ou rien pour une balise HTML comme div, header).

Quelques façons de cibler plus précisément :

css

/* Cible tout élément avec la classe "sidebar" */  .sidebar { }    /* Cible uniquement un élément qui a LES DEUX classes en même temps */  .sidebar.sidebar-left { }    /* Cible un descendant : un enfant de .sidebar qui a la classe .titre */  .sidebar .titre { }    /* Combine avec une media query, comme vu précédemment */  @media (min-width: 992px) {    .sidebar-left { position: sticky; }  }

4. La notion de "cascade" (pourquoi ça ne marche pas parfois)

Le C de CSS veut dire "Cascading" (en cascade). Si deux règles ciblent le même élément, c'est la règle la plus spécifique ou la plus récente à spécificité égale qui gagne. Concrètement pour votre template enfant :

Votre user.css doit être chargé après le CSS de Cassiopeia pour pouvoir le surcharger.
Si votre règle ne s'applique pas, c'est souvent qu'une règle native de Cassiopeia est plus spécifique. Dans l'inspecteur, une règle barrée (texte rayé) indique qu'elle a été surchargée par une autre — ça vous dit immédiatement qui gagne.
En dernier recours seulement, !important force la priorité, mais c'est à éviter autant que possible (ça complique la maintenance).

La notion de classe est important comment appréhender le fonctionnement de base Identifier et appliquer

Orchestrated pedagogical breakdown of CSS classes and application techniques

Bonne question — comprendre les classes CSS est la base pour personnaliser n'importe quel template, y compris Cassiopeia. Voici comment appréhender ça étape par étape.

1. Qu'est-ce qu'une classe CSS ?

html

<div class="sidebar sidebar-left">...</div>

Ici, l'élément a deux classes : sidebar et sidebar-left. Vous pouvez cibler soit l'ensemble des sidebars, soit uniquement la gauche.

2. Identifier les classes (l'étape la plus importante)

On ne devine jamais les noms de classes — on les inspecte dans le navigateur :

Ouvrez votre site.
Clic droit sur l'élément qui vous intéresse (ex. la colonne latérale) → Inspecter (ou F12).
Le panneau "Elements"/"Inspecteur" s'ouvre et affiche le HTML avec les classes exactes.
Dans le panneau à droite ("Styles"/"Computed"), vous voyez aussi quelles règles CSS s'appliquent déjà et d'où elles viennent (utile pour savoir si vous devez surcharger une règle existante).

C'est indispensable car les noms peuvent varier légèrement selon la version de Cassiopeia — mieux vaut vérifier que supposer.

3. Appliquer une règle CSS sur une classe

La syntaxe de base :

css

.nom-de-la-classe {    propriété: valeur;  }

Le point . devant le nom indique "c'est une classe" (par opposition à # pour un id, ou rien pour une balise HTML comme div, header).

Quelques façons de cibler plus précisément :

css

/* Cible tout élément avec la classe "sidebar" */  .sidebar { }    /* Cible uniquement un élément qui a LES DEUX classes en même temps */  .sidebar.sidebar-left { }    /* Cible un descendant : un enfant de .sidebar qui a la classe .titre */  .sidebar .titre { }    /* Combine avec une media query, comme vu précédemment */  @media (min-width: 992px) {    .sidebar-left { position: sticky; }  }

4. La notion de "cascade" (pourquoi ça ne marche pas parfois)

Votre user.css doit être chargé après le CSS de Cassiopeia pour pouvoir le surcharger.
Si votre règle ne s'applique pas, c'est souvent qu'une règle native de Cassiopeia est plus spécifique. Dans l'inspecteur, une règle barrée (texte rayé) indique qu'elle a été surchargée par une autre — ça vous dit immédiatement qui gagne.
En dernier recours seulement, !important force la priorité, mais c'est à éviter autant que possible (ça complique la maintenance).

En pratique pour votre cas

Ouvrez l'inspecteur sur votre sidebar en PC, notez la classe exacte.
Repassez en mode mobile dans l'inspecteur (icône responsive) pour vérifier si la classe change ou si c'est juste le CSS qui diffère via media query.
Écrivez vos règles dans user.css en réutilisant ces classes exactes.

Souhaitez-vous que je vous montre concrètement, sur une capture ou un schéma, comment naviguer dans l'inspecteur du navigateur ?

rem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie scelerisque ultrices. Nullam venenatis, felis ut accumsan vestibulum, diam leo congue nisl, eget luctus sapien libero eget urna. Duis ac pellentesque nisi.

Dans son essai littéraire https://editions-rivages.fr/catalogue/eloge-du-tennis-019975&ved=2ahUKEwj2pJqJ58WVAxWIVvEDHf-PMjkQy_kOegoIAggACAEIBBAB&opi=89978449&cd&psig=AOvVaw2_uYX0i1NK_cuc5xNn49Pu&ust=1783693727101000" data-copy-service-computed-style="font-family: Google Sans, Arial, sans-serif; font-size: 16px; font-weight: 500; margin: 0px; text-decoration: underline 1px rgb(26, 13, 171); border-bottom: 0px rgb(26, 13, 171);">Éloge du tennis, l'autrice et scénariste Murielle Magellan évoque plusieurs légendes de la petite balle jaune à travers l'histoire https://wearetennis.bnpparibas/fr/avantages/livre-eloge-du-tennis-par-murielle-magellan&ved=2ahUKEwj2pJqJ58WVAxWIVvEDHf-PMjkQy_kOegoIAggACAEIBBAC&opi=89978449&cd&psig=AOvVaw2_uYX0i1NK_cuc5xNn49Pu&ust=1783693727101000" data-copy-service-computed-style="font-family: Google Sans, Arial, sans-serif; font-size: 16px; font-weight: 500; margin: 0px; text-decoration: underline 1px rgb(26, 13, 171); border-bottom: 0px rgb(26, 13, 171);">Livre "Éloge du tennis" par Murielle Magellan | We Are Tennis. [1, 2]

Voici la liste des principaux joueurs et joueuses abordés dans l'ouvrage :

Roger Federer : souvent cité pour l'élégance et l'esthétique de son jeu Livre "Éloge du tennis" par Murielle Magellan | We Are Tennis. [1]
Amélie Mauresmo : évoquée pour son rôle dans la place des femmes dans le sport Livre "Éloge du tennis" par Murielle Magellan | We Are Tennis. [1, 2, 3]
John McEnroe et Martina Navratilova : mentionnés pour leurs personnalités marquantes et l'évolution des normes de ce sport Livre "Éloge du tennis" par Murielle Magellan | We Are Tennis. [1, 2]
Andre Agassi : dont la célèbre autobiographie Open est saluée comme un éloge du tennis en soi https://www.lesoir.be/749596/article/2026-05-29/murielle-magellan-chez-les-etudiants-regarder-roland-garros-est-associe-une&ved=2ahUKEwj2pJqJ58WVAxWIVvEDHf-PMjkQy_kOegoIAggACAEIBhAM&opi=89978449&cd&psig=AOvVaw2_uYX0i1NK_cuc5xNn49Pu&ust=1783693727101000" data-copy-service-computed-style="font-family: Google Sans, Arial, sans-serif; font-size: 16px; font-weight: 500; margin: 0px; text-decoration: underline 1px rgb(26, 13, 171); border-bottom: 0px rgb(26, 13, 171);">Murielle Magellan : « Chez les étudiants, regarder Roland .... [1]
D'autres grandes figures des courts, à l'instar de Rafael Nadal et Novak Djokovic, traversent également le récit en tant que mythes contemporains du tennis Livre "Éloge du tennis" par Murielle Magellan | We Are Tennis, Murielle Magellan : « Ne pas reconnaître la supériorité tennistique de Federer sur ....

Si vous êtes un passionné de la discipline, souhaitez-vous :

Connaître le classement tennistique de l'autrice qu'elle cherche à améliorer dans le livre ?
Découvrir l'impact du tennis sur la société et le cinéma analysé par Murielle Magellan ?

Title

Text Here

mettre un lien

Murielle Magellan

L'écrivaine et réalisatrice Murielle Magellan a publié en 2025 l'ouvrage Éloge du tennis. Joueuse passionnée classée 15/2, elle y explore la dimension philosophique, sociale et littéraire de ce sport à travers les portraits de légendes

Classement des joueurs de tennis

Le classement du tennis évalue le niveau des joueurs et s'organise différemment selon qu'il s'agit du niveau amateur ou professionnel.

Chez les professionnels (ATP et WTA)

Les circuits professionnels (hommes et femmes) utilisent un classement mondial actualisé chaque semaine.

- Principe : Les joueurs accumulent des points en fonction de leurs résultats dans les tournois (Grand Chelem, Masters 1000, ATP 500/250).
- Période glissante : Le classement prend en compte les 52 dernières semaines. Lorsqu'un joueur participe à un tournoi, il doit "défendre" ses points de l'année précédente : s'il fait un moins bon résultat, il perd des points.
- Tournois retenus : Le calcul s'effectue sur les 19 meilleurs résultats en simple pour les hommes (ATP) et les 16 meilleurs pour les femmes (WTA)

La Race : Il s'agit du classement sur l'année civile en cours (débutant le 1er janvier) qui détermine les qualifiés pour les Masters de fin d'année.

Pour consulter les classements officiels, visitez le site de l'ATP Tour ou de la WTA Tour.

Chez les amateurs (en France)

Le système fédéral (FFT) classe les joueurs selon une échelle de niveaux pour organiser des compétitions équitables.

Les paliers : Le classement descend par paliers, de la 4e série (débutants : de Non Classé à 40) à la 1re série (l'élite nationale).
Calcul : Il est calculé chaque mois (mardi suivant le premier du mois) sur une période de 12 mois glissants. Les points sont attribués en fonction du classement de l'adversaire battu.
Règle clé : Pour monter à un échelon spécifique (par exemple 30/1), vous devez généralement avoir battu au moins un joueur ayant déjà ce niveau.

et en Belgique voir fichier

🧠 Les 5 ondes cérébrales principales et leur rôle