Bonjour,

Bien sûr ceci a été traité des centaines de fois et avant de poster je viens de passer plus de 2 heures à trouver la solution ... en vain
l'image est bien centré sur un écran de 1440px mais pour les écrans inférieurs à 1024px l'image n'est plus centrée.
le div est caché au chargement de la page et devient visible lorsqu'on clique sur un lien.

mon code html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div id="article_union" style="display:none;width:100%;">
<p align="center"  >
<span style="cursor:pointer;color:blue;font-size:1.2em;" onmouseover="this.className='survol';" onmouseout="this.className='survolnon';" onclick="javascript:montrer('patrimoine_2016');cacher('article_union');">Fermer</span><br />
<br />
Article publié le 21 septembre dans le journal <b>L'Union</b><br />
<img src="journees_patrimoine/journees_2016/images/Union 2016 09 21.jpg" class="articleunion" alt="" />
</p>
</div>

le code css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
.articleunion {
	width : 90%;
	text-align : center;
}
merci d'avance