Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 5 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 aurelien 1
body {
2
	background-color: #647A85;
3
	font-family: Verdana, Helvetica;
4
}
5
table.ods {
6
	width: 1000px;
7
	background-color: #ffffff;
8
	height: 800px;
9
	margin: auto;
10
	margin-top: 0px;
11
	border: 3px solid #cad7ca;
12
}
13
 
14
td.logo {
15
	width: 200px;
16
	text-align: center;
17
	height: 150px;
18
}
19
td.menu {
20
	//height: 500px;
21
	text-align: center;
22
	vertical-align: top;
23
}
24
table.menu {
25
	width: 201px;
26
	border-collapse: collapse;
27
	padding: 0px;
28
	background-color: #A1B23D;
29
	background-repeat: no-repeat;
30
	border: 1px solid #DFDFDF;
31
	height: 500px;
32
}
33
table.element_menu {
34
	height: 53px;
35
	width: 181px;
36
	border-collapse: collapse;
37
}
38
td.img_menu {
39
	padding-left: 10px;
40
	width: 45px;
41
	align: left;
42
}
43
td.img_menu img {
44
	border: 0px;
45
}
46
td.nom_menu {
47
    vertical-align: middle;
48
	text-align: left;
49
	padding-left: 20px;
50
	height: 30px;
51
	background-image: url('IMG/fleche.gif');
52
	background-repeat: no-repeat;
53
	background-position: 4px center;
54
}
55
td.nom_ss_menu {
56
    vertical-align: middle;
57
	text-align: left;
58
	padding-left: 30px;
59
	height: 30px;
60
	background-image: url('IMG/fleche.gif');
61
	background-repeat: no-repeat;
62
	background-position: 15px center;
63
}
64
td.nom_menu:hover, td.nom_menu_on {
65
        vertical-align: middle;
66
        text-align: left;
67
        padding-left: 15px;
68
        height: 30px;
69
	background-image: url('IMG/fleche.gif');
70
	background-repeat: no-repeat;
71
	background-position: left center;
72
	filter: alpha(opacity=60);
73
	-moz-opacity: .60;
74
	opacity: .60;
75
	background-color: #d3da3f;
76
	color: #000000;
77
}
78
td.nom_ss_menu:hover, td.nom_ss_menu_on {
79
        vertical-align: middle;
80
        text-align: left;
81
        padding-left: 30px;
82
        height: 30px;
83
	background-image: url('IMG/fleche.gif');
84
	background-repeat: no-repeat;
85
	background-position: 15px center;
86
	filter: alpha(opacity=60);
87
	-moz-opacity: .60;
88
	opacity: .60;
89
	background-color: #e7ed95;
90
  background-color: #efc170;
91
	color: #000000;
92
}
93
a.menu {
94
	color: #FFFFFF;
95
	font-weight: bold;
96
	font-size: 12px;
97
	text-decoration: none;
98
	font-family: Verdana, Helvetica;
99
}
100
a.menu:hover {
101
	color: #000000;
102
}
103
td.principal {
104
	vertical-align: top;
105
	padding: 20px;
106
	font-family: Verdana, Helvetica;
107
	font-size: 12px;
108
	background-color : #FFFFFF;
109
	height: 550px;
110
}
111
table.principal {
112
	width: 770px;
113
	border-collapse: collapse;
114
	padding: 0;
115
	margin: 0;
116
}
117
td.coin_gh, td.coin_gb, td.coin_dh, td.coin_db {
118
	width: 48px;
119
	height: 50px;
120
	background-repeat: no-repeat;
121
}
122
td.h_icone, td.dernier_h, td.h, td.b, td.titre_rappel {
123
	background-repeat: repeat-x;
124
}
125
td.d, td.g {
126
	background-repeat: repeat-y;
127
}
128
td.coin_gh {
129
	background-image: url('IMG/cadre/coin_gh.gif');
130
	background-position: bottom;
131
}
132
td.coin_gb {
133
	background-image: url('IMG/cadre/coin_gb.gif');
134
	background-position: top;
135
}
136
td.coin_dh {
137
	background-image: url('IMG/cadre/coin_dh.gif');
138
	background-position: bottom;
139
}
140
td.coin_db {
141
	background-image: url('IMG/cadre/coin_db.gif');
142
	background-position: top;
143
}
144
td.h {
145
	background-image: url('IMG/cadre/h.gif');
146
	height: 50px;
147
	background-position: bottom;
148
}
149
td.h_icone {
150
	background-image: url('IMG/cadre/h.gif');
151
	height: 50px;
152
	background-position: bottom;
153
	width: 100px;
154
}
155
td.titre_rappel {
156
	background-image: url('IMG/cadre/h.gif');
157
	height: 50px;
158
	background-position: bottom;
159
	font-size: 14px;
160
	font-family: Tahoma, Helvetica;
161
	font-weight: bold;
162
	color: #007722;
163
	padding-top: 30px;
164
	padding-right: 20px;
165
	padding-left: 100px;
166
	text-align: left;
167
}
168
td.b {
169
	background-image: url('IMG/cadre/b.gif');
170
	height: 50px;
171
	background-position: top;
172
}
173
td.d {
174
	background-image: url('IMG/cadre/d.gif');
175
	width: 48px;
176
	background-position: left;
177
}
178
td.g {
179
	background-image: url('IMG/cadre/g.gif');
180
	width: 48px;
181
	background-position: right;
182
}
183
td.onglets {
184
	text-align: right;
185
	vertical-align: middle;
186
	padding: 0px;
187
	padding-top: 15px;
188
	margin: 0px;
189
	background-image: url('IMG/cadre/fond_onglets.gif');
190
}
191
table.onglets {
192
	border-collapse: collapse;
193
	padding: 0px;
194
	margin: 0px;
195
	height: 53px;
196
	width: 100%;
197
}
198
td.onglet_coin_g, td.onglet_coin_d {
199
	width: 20px;
200
	background-repeat: no-repeat;
201
	height: 53px;
202
}
203
td.onglet_coin_g {
204
	background-image: url('IMG/cadre/onglet_coin_g.gif');
205
	background-position: right top;
206
	width: 20px;
207
}
208
td.onglet_sep {
209
	background-image: url('IMG/cadre/onglet_sep.gif');
210
	background-position: right top;
211
	width: 25px;
212
	background-repeat: repeat-x;
213
}
214
td.onglet {
215
	background-image: url('IMG/cadre/onglet_fond.gif');
216
	background-position: right top;
217
	text-align: center;
218
	background-repeat: repeat-x;
219
}
220
td.onglet_coin_d {
221
	background-image: url('IMG/cadre/onglet_coin_d.gif');
222
	background-position: left top;
223
	width: 20px;
224
}
225
td.dernier_h {
226
	width: 0px;
227
	background-image: url('IMG/cadre/h.gif');
228
	height: 50px;
229
	background-position: bottom;
230
}
231
 
232
td.sousmenu {
233
	height: 40px;
234
	background-color: #cad7ca;
235
}
236
table.sousmenu {
237
	height: 40px;
238
	background-color: #cad7ca;
239
}
240
table.sousmenu td {
241
	width: 150px;
242
	height: 40px;
243
}
244
 
245
/*** Formulaires ***/
246
input.submit {
247
  border-color: #005000;
248
  border-width: 1px;
249
  border-style: solid;
250
  background-color: #cfe0cf;
251
  color: #005000;
252
}
253
input, select {
254
  border-color: #005000;
255
  border-width: 1px;
256
  border-style: solid;
257
}
258
input.disabled, select.disabled {
259
  border-color: #005000;
260
  border-width: 1px;
261
  border-style: solid;
262
  background-color: #d7dcca;
263
}
264
 
265
div.erreurs {
266
  color: #ff6000;
267
}
268
div.recap {
269
  border-color: #efc170;
270
  border-width: 1px;
271
  border-style: solid;
272
  background-color: #eddfc7;
273
  padding: 5px;
274
}
275
 
276
a {
277
	color: #005000;
278
	text-decoration: none;
279
}
280
a:hover {
281
	color: #007722;
282
	text-decoration: underline;
283
}
284
 
285
div.carte {
286
	width: 600px;
287
	height: 600px;
288
  border-color: #005000;
289
  border-width: 1px;
290
  border-style: solid;
291
 
292
}
293
 
294
div.minicarte {
295
        width: 330px;
296
        height: 330px;
297
  border-color: #005000;
298
  border-width: 1px;
299
  border-style: solid;
300
 
301
}
302
 
303
img.icone {
304
	position: absolute;
305
	top: 200px;
306
	left: 220px;
307
}
308
img.bandeau {
309
	border-width: 1px;
310
	border-style: solid;
311
	border-color: #007722;
312
}
313
 
314
table.titre_repet td {
315
	font-weight: bold;
316
	font-size: 16px;
317
	color: #BFCA3E;
318
    vertical-align: middle;
319
    text-align: left;
320
}
321
td.rappel_ods {
322
	width: 45px;
323
}
324
td.fleche {
325
	width: 8px;
326
}