Bonjour à toutes et à tous

Suite aux tests réalisés grace a NoSmoking je suis en train de modifier ma page qui est en ligne ici pour mettre mon image dans l'infobulle, taille de l'image 117x150px
Mais voilà je n'arrive pas à la centrer dans la bulle

Voici le code css concerné

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/* mise en page infobulle */
.infobulle{
		font-size:.75em;
		overflow-x:hidden;
}
 
.infobulle h1{
		font-size : 2.0em;
		color:#1F4E9E;
		background-color:#A4C0EF;
		border:1px solid #5E81BE;
		margin:0;
		padding:2px;
}
 
.infobulle img{
		width: 117px;
		padding: 4px;
		margin-left: auto;
		margin-right: auto;
}
Et là le code html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 // création du contenu HTML
    var sTxt  = name ?  '<h1>' +name +'<\/h1>': '';
        sTxt += image ? '<br><img src="' +image +'">' : '';
        sTxt += lien  ? '<br><a href="' +lien +'" target="__">' +lien +'<\/a>' : '';
 
    infowindow = new google.maps.InfoWindow({
        'content': '<div class="infobulle">' + sTxt +'<br>&nbsp;<\/div>'
      });
    infowindow.open( this.getMap(), this);
Cela est-il possible ? je pense, mais comment

Par avance merci pour votre aide

Bonne fin d'après-midi à toutes et à tous
Philippe