Ombre image html

Bonjour,

Voici le code pour rajouter une ombre à un élément (div, paragraphe, image, etc), à mettre dans le fichier de style CSS:

img#IDIMAGE{
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c8c5c5')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c8c5c5');
}

remplacer IDIMAGE par l'identifiant donné à l'image. Ou la classe, si y'a plus qu'une image (<img src="...." id="IDIMAGE">).

Et remplacer les valeurs en pixel et autre pour modifier la taille, opacité, couleur et position de l'ombre.
Normalement ça marche pour la plupart des navigateurs, un exemple en action ici:

http://www.pitance-construction.fr/
(en bas, dans le bloc "nos réalisations")

Olivier