Bonjour,
Je suis actuellement entrain de faire un petit site vitrine pour ma galerie peinture. J'ai téléchargé et installé un kit-graphique sur mon ftp je me débrouille un petit peu en HTML et CSS mais je bloque sur un truc.

Voilà mon problème je voudrais agrandir le bloc central mais je ne sais pas quelle ligne modifier dans mon css. Je pense qu'il faut modifier ou ajouter une commande à la ligne "#page" mais quoi je ne sais pas. Merci pour votre aide.

Ci-joint le screen de la page + le 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
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
 
/* CSS par dig pour http://www.kits-gratuits.net */
 
* {margin:0;padding:0;}
 
body {
	background:#444343 url(./images/interface/fond.png) 0 65px repeat-x;
	font:normal 0.8em "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
}
 
#page {
	width:586px;
	margin:0 auto 20px auto;
	border-top:1px solid #676767;
	border-bottom:1px solid #676767;
	background:url(./images/interface/fond_contenu.png) top repeat-y;
}
 
ul#menu {
	width:100%;
	list-style-type:none;
	margin:0 50px 0 50px;
}
 
ul#menu li {display:block;float:left;width:100px;height:100%;}
 
ul#menu a {display:block;width:70px;height:65px;text-align:center;font:bold 1em Tahoma;color:#FFF;text-decoration:none;padding-top:40px;border-top:3px solid #484848;text-transform:uppercase;}
ul#menu a:hover {display:block;width:70px;height:65px;text-align:center;font:bold 1em Tahoma;color:#FFF;text-decoration:none;border-top:3px solid #01CCFF;}
 
h1#header {
	background:url(./images/interface/header.png) top no-repeat;
	width:572px;
	height:146px;
	margin:64px 6px 0 6px;
	border:1px solid #6E6E6E;
	text-indent:-9000px;
}
 
#gauche {margin:10px 0 0 12px;}
#gauche {
	width:564px;
	float:left;
	text-align:justify;
}
 
#gauche h2 {
	background:url(./images/interface/fond_titre.png) no-repeat;
	width:563px;
	height:28px;
	font:bold 1em Verdana;
	color:#FFF;
	text-transform:uppercase;
	padding:6px 0 0 15px;
}
 
#gauche h3 {
	color:#01CCFF;
	font:bold 0.8em Verdana;
}
 
#gauche p {
	color:#FFF;
	padding:5px;
}
 
p#copyright {
	text-align:center;
	width:100%;
	color:#EFEFEF;
}
 
p#copyright a{text-decoration:none;color:#EFEFEF;}
p#copyright a:hover{text-decoration:none;color:#EFEFEF;}
Merci pour votre aide