appliquer des modification css à toutes les images d'un article ?

[Ritmista]

Bonjour,

J'ai appliqué plusieurs modifications css à une image de mon site, j'aimerai pouvoir les appliquer à toutes les images de mon article mais je suis perdu.

J'utilise l'éditeur JCE et le template Gantry

Voici le code de mon image :

<figure style="text-align: center; padding: 7px 1px 0; background-color: #ffffff; border-radius: 7px; display: inline-block; margin: 0 20px 20px 20px;"><a href="index.php?option=com_jusertube&amp;view=fullpage&amp;Itemid=255"><img alt="Agriculture bio" src="http://i1.ytimg.com/vi/iz-FZov7oBk/mqdefault.jpg" height="102" width="183" /><figcaption>Agriculture bio<br /><br /></figcaption></a></figure>

Comment faire pour ne pas avoir à rentrer tous ces codes pour chacune de mes images, j'imagine bien qu'il faut utiliser les feuilles de styles, mais comment je dois m'y prendre ?

Autre question : J'aimerais afficher une petite icone de lecture sur mes images au passage de la souris, j'ai lu plusieurs posts sur le sujet mais je n'y arrive pas.

Merci