problème avec un fichier css

**gérard68** · 13/10/2010, 10h20

bjr.
voilà, je suis en train de configurer un site mais je bute sur un problème de mise en page via le logiciel, et je pense que cela vient du fichier css.

ce que je voudrais, c'est par exemple modifier la couleur d'une phrase mais sans passer par la source html, c'est à dire que je surligne la phrase et avec l'outil couleur du logiciel je choisie la couleur.
mais l'outil est inactif et je pense que cela vient du fichier css, peut-être une ligne a rajouter ou autre chose.
car pour l'instant la seule possibilité de changer la phrase de couleur, il faut que je vais dans la source html et que je rajoute manuellement les balises font avec la couleur. même cas pour le font zise, il faut que je le fais manuellemnt.

mon fichier css
si quelqu'un pourrait me dire ce qui ne va pas.
merci.

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
* {
	margin: 0;
	padding: 0;
}
 
body {
background: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
color: #333;
}
 
 
 
#wrap {
margin: 20px auto;
width: 1000px;
}
 
 
#header {
background: #666666 url(images/header.jpg) no-repeat;
height: 200px;
}
#header h1 { 
font-size: 38px;
letter-spacing: -1px;
padding: 70px 0 0 40px;
 
}
#header h1 a { 
 
 
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
 
}
#header h2 {
font-size: 19px;
 
padding: 20px 0 0 40px;
letter-spacing: -1px;
font-weight: 100;
}
 
#menu {
height: 40px;
line-height: 40px;
background: #666666 url(images/menu.jpg) no-repeat;
}
 
 
#content {
background: #666666 url(images/content.jpg) repeat-y;
padding: 10px;
}
.haut {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid;  BORDER-LEFT: black 1px solid;  BORDER-BOTTOM: black 1px solid;
width: 940px;
text-align: justify;
padding: 16px;
font-size: 14px;
background: #fff;
MARGIN-right: 2px;
float: right;
margin-top: -5px;
margin-bottom: 8px;
 
}
.left {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid;  BORDER-LEFT: black 1px solid;  BORDER-BOTTOM: black 1px solid;
float: right;
width: 730px;
padding: 10px;
background: #fff;
MARGIN-right: 3px;
   text-align: center;
 
 
}
 
 
 
 
.right {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid;  BORDER-LEFT: black 1px solid;  BORDER-BOTTOM: black 1px solid;
float: left;
width: 180px;
background: #fff;
padding: 10px;
MARGIN-left: 3px;
 
}
.right h2 {
height: 24px;
line-height: 24px;
 
font-size: 14px;
padding-left: 10px;
 
}
.right ul {
padding: 10px 0 15px 30px;
list-style-type: square;
background: #AFB7B6
}
.right ul li a {
font-weight: 100;
font-size: 12px;
 
}
.right ul li a:hover {
 
}
 
#bottom {
background: #d4ccae url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}
 
#footer {
MARGIN-left: 3px;
font-size: 18px;
padding: 10px;
height: 180px;
background: url(images/header6.png) no-repeat;
clear:both;
}