C'est peut-être con, mais je n'arrive pas à faire centrer mes images commes je veux et pourtant j'ai chercer...

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
. . .
<div class="parchemin">
		<div class="centre">
				<h2>BIENVENUE</h2>
				<img src="img/image/grimoire.png" alt="Grimoire" />
			<p>
. . .
avec comme CSS
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
22
23
24
. . .
img {
	border: none;
}
 
.parchemin {
	background :url("../img/parch/parch_f.png")  ;
	background-repeat: repeat;
	width : 694px;
	margin-left:260px;
}
 
.centre {
 
	width : 600px;
	padding-top:30px;
	padding-left:60px;
	padding-bottom:30px;
}
 
.centre img {
	text-align: center;
}
. . .
L'image n'est pas centrée, elle est collée sur la gauche.
J'aimerais éviter devoir mettre un truc du genre:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div style="text-align: center;"><img src="img/image/grimoire.png" alt="Grimoire" /></div>
partout dans mes pages.