[bess]

salut monsieur cmsms10 (drôle de pseudo tiens )

Le plus simple dans ton cas est de TOUT afficher dans la page dans le style suivant (à adapter dans ton cas et avec les gabarits déjà à ta dispo

Code :

<div class=englobe>
  <div class=titre>Titre1</div>
  <div class=detail>contenu détail 1</div>
</div>
<div class=englobe>
  <div class=titre>Titre2</div>
  <div class=detail>contenu détail 2</div>
</div>
<div class=englobe>
  <div class=titre>Titre3</div>
  <div class=detail>contenu détail 3</div>
</div>

une fois que t'es parvenu à afficher ce principe il te reste plus grand chose :
- la classe CSS "detail" doit être cachée : display:none;
- un Js bien placé (en Jquery par exemple) va lors d'un clic sur une div de classe "englobe" dans l'ordre les commandes suivantes
-->re-cacher l'ensemble des div de la class "detail" de toute la page
-->afficher la div de la class "detail" de la div ou le clic a été effectué.

Une autre solution full-css cette fois peut faire la même chose simplement en passant la souris au dessus de la div de classe "englobe", un peu comme un menu déroulant déroule ses sous-éléments dans CMSMS. Si tu souhaites utiliser cette voie tu as intérêt à avoir les reins solides côté conception CSS. le JS est plus abordable pour un débutant