[XML/CSS/XSL] Problème d'affichage des images "dynamiqu

Bonjour,

Après un jour de galére, j'en enfin réussi à générer un fichier xml correct avec l'interpréteur XT.
Le but au départ est d'afficher les informations d'un fichier XML classsique en utilisant un CSS dans un fichier XSL et la cerise sur le gateau, gérer les images de façon "dynamique" dans le du code CSS dans le XSL (oula je sais c'est compliqué) !!!

Voilà le code que j'obtiens sur mon fichier XML résultat, le problème est que ca n'affiche pas les images.
Je me suis fortement inspiré d'un code qui circulait sur le net, mais apparement qui a pas l'air de marcher.
Je soupconne fortement l'encoding de mettre le bazard mais j'arrive pas à trouver par quoi le remplacer sans avoir d'erreurs :/ (iso...)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="#cartes"?>
<?xml-stylesheet type="text/css" href="salaries.css"?>
 
<monentreprise>
<style id="cartes">
 
style {display:none;}
style {display:none;}
 
 
image[id="DUHAUDUTOITRemi"]
{ 
background-image:url(remi.jpg); 
}
 
image[id="DEVIXSPaul"]
{ 
background-image:url(paul.jpg); 
}
 
image[id="LOILLXXXXSeb"]
{ 
background-image:url(seb.jpg); 
}
 
image[id="QUENTINOOruX"]
{ 
background-image:url(orus.jpg); 
}
 
image[id="BOULAONESamitch"]
{ 
background-image:url(sami.jpg); 
}
</style>
 <salarie>
  <nom>DUHAUDUTOIT</nom>
  <prenom>Remi</prenom>
  <fonction>Rapace</fonction>
  <service>Comptabilité</service>
  <telephone>0699999999</telephone>
  <image id="DUHAUDUTOITRemi" src="remi.jpg"/>
 </salarie>
<salarie>
 <nom>DEVIXS</nom>
  <prenom>Paul</prenom>
  <fonction>Président</fonction>
  <service>Informatique</service>
  <telephone>0663357658</telephone>
  <image id="DEVIXSPaul" src="paul.jpg"/>
 </salarie>
<salarie>
<nom>LOILLXXXX</nom>
<prenom>Seb</prenom>
<fonction>Trouffion</fonction>
<service>Informatique</service>
<telephone>0699999999</telephone>
<image id="LOILLXXXXSeb" src="seb.jpg"/>
</salarie>
<salarie>
<nom>QUENTINO</nom>
<prenom>OruX</prenom>
<fonction>Guignol</fonction>
<service>Informatique</service>
<telephone>0699999999</telephone>
<image id="QUENTINOOruX" src="orus.jpg"/>
</salarie>
<salarie>
<nom>BOULAONE</nom>
<prenom>Samitch</prenom>
<fonction>coiffeur</fonction>
<service>coiffure</service>
<telephone>0699999999</telephone>
<image id="BOULAONESamitch" src="sami.jpg"/>
</salarie>
</monentreprise>

Le CSS est le suivant : salaries.css
mais je ne pense pas qu'il soit en cause

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
monentreprise
{
background-color:#FFFFFF;
display:inline;
width:100%;
}
 
salarie
 {
font-family:Arial,Helvetica,sans-serif;
border-style:solid; 
border-width:2px; 
border-color:black; 
background-color:silver; 
width:40%;
padding:10px; 
height:250px;
 }
 
nom, prenom
 { 
   background-color:#FF0000;
   color:#000000;
   font-family:Helvetica,sans-serif,Arial;
   font-size:14pt;
   font-weight : bold;
 
 }
 
fonction, service, telephone
 { 
	display: block;
 
 }
 
 image
 {
 font-family:Arial,Helvetica,sans-serif;
border-style:solid; 
border-width:2px; 
border-color:black; 
width:40%; 
padding:10px; 
height:250px;
background-color: lightgreen;
background-repeat: no-repeat;
background-position: center;
}
 
table {
	width:100%;
}
 
td { 
  font-family:Arial,Helvetica,sans-serif;
border-style:solid; 
border-width:2px; 
border-color:black; 
background-color:silver; 
width:40%;
padding:10px; 
height:250px;
}

Si je me suis mal exprimé ou si vous avez des questions je suis là :)
Merci :)