Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 94 | Rev 119 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 94 Rev 109
1
/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */
1
/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */
2
 
2
 
3
/**
3
/**
4
 * ODS, for Drupal 6.x
4
 * ODS, for Drupal 6.x
5
 *
5
 *
6
 * If you use a customized color scheme, you must regenerate it after
6
 * If you use a customized color scheme, you must regenerate it after
7
 * modifying this file.
7
 * modifying this file.
8
 */
8
 */
9
 
9
 
10
/**
10
/**
11
 * Generic elements
11
 * Generic elements
12
 */
12
 */
13
body {
13
body {
14
  margin: 0;
14
  margin: 0;
15
  margin-top: 0px;
15
  margin-top: 0px;
16
  padding: 0;
16
  padding: 0;
17
  background: transparent;
17
  background: transparent;
18
  font: 12px/170% Verdana, sans-serif;
18
  font: 12px/170% Verdana, sans-serif;
19
  color: #494949;
19
  color: #494949;
20
  background-color: #C6B895;
20
  background-color: #C6B895;
21
}
21
}
22
 
22
 
23
input {
23
input {
24
  font: 12px/100% Verdana, sans-serif;
24
  font: 12px/100% Verdana, sans-serif;
25
  color: #494949;
25
  color: #494949;
26
}
26
}
27
 
27
 
28
textarea, select {
28
textarea, select {
29
  font: 12px/160% Verdana, sans-serif;
29
  font: 12px/160% Verdana, sans-serif;
30
  color: #494949;
30
  color: #494949;
31
}
31
}
32
 
32
 
33
h1, h2, h3, h4, h5, h6 {
33
h1, h2, h3, h4, h5, h6 {
34
  margin: 0;
34
  margin: 0;
35
  padding: 0;
35
  padding: 0;
36
  font-weight: normal;
36
  font-weight: normal;
37
  font-family: Helvetica, Arial, sans-serif;
37
  font-family: Helvetica, Arial, sans-serif;
38
}
38
}
39
 
39
 
40
h1 {
40
h1 {
41
  font-size: 170%;
41
  font-size: 170%;
42
}
42
}
43
 
43
 
44
h2 {
44
h2 {
45
  font-size: 160%;
45
  font-size: 160%;
46
  line-height: 130%;
46
  line-height: 130%;
47
}
47
}
48
 
48
 
49
h3 {
49
h3 {
50
  font-size: 140%;
50
  font-size: 140%;
51
}
51
}
52
 
52
 
53
h4 {
53
h4 {
54
  font-size: 130%;
54
  font-size: 130%;
55
}
55
}
56
 
56
 
57
h5 {
57
h5 {
58
  font-size: 120%;
58
  font-size: 120%;
59
}
59
}
60
 
60
 
61
h6 {
61
h6 {
62
  font-size: 110%;
62
  font-size: 110%;
63
}
63
}
64
 
64
 
65
ul, quote, code, fieldset {
65
ul, quote, code, fieldset {
66
  margin: .5em 0;
66
  margin: .5em 0;
67
}
67
}
68
 
68
 
69
p {
69
p {
70
  margin: 0.6em 0 1.2em;
70
  margin: 0.6em 0 1.2em;
71
  padding: 0;
71
  padding: 0;
72
}
72
}
73
 
73
 
74
a:link, a:visited {
74
a:link, a:visited {
75
  color: #027AC6;
75
  color: #027AC6;
76
  text-decoration: none;
76
  text-decoration: none;
77
}
77
}
78
 
78
 
79
a:hover {
79
a:hover {
80
  color: #0062A0;
80
  color: #0062A0;
81
  text-decoration: underline;
81
  text-decoration: underline;
82
}
82
}
83
 
83
 
84
a:active, a.active {
84
a:active, a.active {
85
  color: #5895be;
85
  color: #5895be;
86
}
86
}
87
 
87
 
88
hr {
88
hr {
89
  margin: 0;
89
  margin: 0;
90
  padding: 0;
90
  padding: 0;
91
  border: none;
91
  border: none;
92
  height: 1px;
92
  height: 1px;
93
  background: #5294c1;
93
  background: #5294c1;
94
}
94
}
95
 
95
 
96
ul {
96
ul {
97
  margin: 0.5em 0 1em;
97
  margin: 0.5em 0 1em;
98
  padding: 0;
98
  padding: 0;
99
}
99
}
100
 
100
 
101
ol {
101
ol {
102
  margin: 0.75em 0 1.25em;
102
  margin: 0.75em 0 1.25em;
103
  padding: 0;
103
  padding: 0;
104
}
104
}
105
 
105
 
106
ol li, ul li {
106
ol li, ul li {
107
  margin: 0.4em 0 0.4em .5em; /* LTR */
107
  margin: 0.4em 0 0.4em .5em; /* LTR */
108
}
108
}
109
 
109
 
110
ul.menu, .item-list ul {
110
ul.menu, .item-list ul {
111
  margin: 0.35em 0 0 -0.5em; /* LTR */
111
  margin: 0.35em 0 0 -0.5em; /* LTR */
112
  padding: 0;
112
  padding: 0;
113
}
113
}
114
 
114
 
115
ul.menu ul, .item-list ul ul {
115
ul.menu ul, .item-list ul ul {
116
  margin-left: 0em; /* LTR */
116
  margin-left: 0em; /* LTR */
117
}
117
}
118
 
118
 
119
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
119
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
120
  margin: 0.15em 0 0.15em .5em; /* LTR */
120
  margin: 0.15em 0 0.15em .5em; /* LTR */
121
}
121
}
122
 
122
 
123
ul li, ul.menu li, .item-list ul li, li.leaf {
123
ul li, ul.menu li, .item-list ul li, li.leaf {
124
  padding: 0 0 .2em 1.5em;
124
  padding: 0 0 .2em 1.5em;
125
  list-style-type: none;
125
  list-style-type: none;
126
  list-style-image: none;
126
  list-style-image: none;
127
  /**background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
127
  /**background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
128
}
128
}
129
 
129
 
130
ol li {
130
ol li {
131
  padding: 0 0 .3em;
131
  padding: 0 0 .3em;
132
  margin-left: 2em; /* LTR */
132
  margin-left: 2em; /* LTR */
133
}
133
}
134
 
134
 
135
ul li.expanded {
135
ul li.expanded {
136
  /**background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
136
  /**background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
137
}
137
}
138
 
138
 
139
ul li.collapsed {
139
ul li.collapsed {
140
  /**background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
140
  /**background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
141
}
141
}
142
 
142
 
143
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
143
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
144
  display: block;
144
  display: block;
145
}
145
}
146
 
146
 
147
ul.inline li {
147
ul.inline li {
148
  background: none;
148
  background: none;
149
  margin: 0;
149
  margin: 0;
150
  padding: 0 1em 0 0; /* LTR */
150
  padding: 0 1em 0 0; /* LTR */
151
}
151
}
152
 
152
 
153
ol.task-list {
153
ol.task-list {
154
  margin-left: 0; /* LTR */
154
  margin-left: 0; /* LTR */
155
  list-style-type: none;
155
  list-style-type: none;
156
  list-style-image: none;
156
  list-style-image: none;
157
}
157
}
158
ol.task-list li {
158
ol.task-list li {
159
  padding: 0.5em 1em 0.5em 2em; /* LTR */
159
  padding: 0.5em 1em 0.5em 2em; /* LTR */
160
}
160
}
161
ol.task-list li.active {
161
ol.task-list li.active {
162
  /**background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
162
  /**background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
163
}
163
}
164
ol.task-list li.done {
164
ol.task-list li.done {
165
  color: #393;
165
  color: #393;
166
  /**background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
166
  /**background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
167
}
167
}
168
ol.task-list li.active {
168
ol.task-list li.active {
169
  margin-right: 1em; /* LTR */
169
  margin-right: 1em; /* LTR */
170
}
170
}
171
 
171
 
172
fieldset ul.clear-block li {
172
fieldset ul.clear-block li {
173
  margin: 0;
173
  margin: 0;
174
  padding: 0;
174
  padding: 0;
175
  background-image: none;
175
  background-image: none;
176
}
176
}
177
 
177
 
178
dl {
178
dl {
179
  margin: 0.5em 0 1em 1.5em; /* LTR */
179
  margin: 0.5em 0 1em 1.5em; /* LTR */
180
}
180
}
181
 
181
 
182
dl dt {
182
dl dt {
183
}
183
}
184
 
184
 
185
dl dd {
185
dl dd {
186
  margin: 0 0 .5em 1.5em; /* LTR */
186
  margin: 0 0 .5em 1.5em; /* LTR */
187
}
187
}
188
 
188
 
189
img, a img {
189
img, a img {
190
  border: none;
190
  border: none;
191
}
191
}
192
 
192
 
193
table {
193
table {
194
  margin: 1em 0;
194
  margin: 1em 0;
195
  width: 500px;
195
  width: 500px;
196
}
196
}
197
 
197
 
198
thead th {
198
thead th {
199
  border-bottom: 2px solid #d3e7f4;
199
  border-bottom: 2px solid #d3e7f4;
200
  color: #494949;
200
  color: #494949;
201
  font-weight: bold;
201
  font-weight: bold;
202
}
202
}
203
 
203
 
204
th a:link, th a:visited {
204
th a:link, th a:visited {
205
  color: #6f9dbd;
205
  color: #6f9dbd;
206
}
206
}
207
 
207
 
208
td, th {
208
td, th {
209
  padding: .3em .5em;
209
  padding: .3em .5em;
210
}
210
}
211
 
211
 
212
tr.even, tr.odd, tbody th {
212
tr.even, tr.odd, tbody th {
213
  border: solid #d3e7f4;
213
  border: solid #d3e7f4;
214
  border-width: 1px 0;
214
  border-width: 1px 0;
215
}
215
}
216
 
216
 
217
tr.odd, tr.info {
217
tr.odd, tr.info {
218
  background-color: #edf5fa;
218
  background-color: #edf5fa;
219
}
219
}
220
 
220
 
221
tr.even {
221
tr.even {
222
  background-color: #fff;
222
  background-color: #fff;
223
}
223
}
224
 
224
 
225
tr.drag {
225
tr.drag {
226
  background-color: #fffff0;
226
  background-color: #fffff0;
227
}
227
}
228
 
228
 
229
tr.drag-previous {
229
tr.drag-previous {
230
  background-color: #ffd;
230
  background-color: #ffd;
231
}
231
}
232
 
232
 
233
tr.odd td.active {
233
tr.odd td.active {
234
  background-color: #ddecf5;
234
  background-color: #ddecf5;
235
}
235
}
236
 
236
 
237
tr.even td.active {
237
tr.even td.active {
238
  background-color: #e6f1f7;
238
  background-color: #e6f1f7;
239
}
239
}
240
 
240
 
241
td.region, td.module, td.container, td.category {
241
td.region, td.module, td.container, td.category {
242
  border-top: 1.5em solid #fff;
242
  border-top: 1.5em solid #fff;
243
  border-bottom: 1px solid #b4d7f0;
243
  border-bottom: 1px solid #b4d7f0;
244
  background-color: #d4e7f3;
244
  background-color: #d4e7f3;
245
  color: #455067;
245
  color: #455067;
246
  font-weight: bold;
246
  font-weight: bold;
247
}
247
}
248
 
248
 
249
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
249
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
250
  border-top-width: 0;
250
  border-top-width: 0;
251
}
251
}
252
 
252
 
253
span.form-required {
253
span.form-required {
254
  color: #ffae00;
254
  color: #ffae00;
255
}
255
}
256
 
256
 
257
span.submitted, .description {
257
span.submitted, .description {
258
  font-size: 0.92em;
258
  font-size: 0.92em;
259
  color: #898989;
259
  color: #898989;
260
}
260
}
261
 
261
 
262
.description {
262
.description {
263
  line-height: 150%;
263
  line-height: 150%;
264
  margin-bottom: 0.75em;
264
  margin-bottom: 0.75em;
265
  color: #898989;
265
  color: #898989;
266
}
266
}
267
 
267
 
268
.messages, .preview {
268
.messages, .preview {
269
  margin: .75em 0 .75em;
269
  margin: .75em 0 .75em;
270
  padding: .5em 1em;
270
  padding: .5em 1em;
271
}
271
}
272
 
272
 
273
.messages ul {
273
.messages ul {
274
  margin: 0;
274
  margin: 0;
275
}
275
}
276
 
276
 
277
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
277
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
278
  margin: 0.25em 0;
278
  margin: 0.25em 0;
279
}
279
}
280
 
280
 
281
#center form {
281
#center form {
282
  margin-bottom: 2em;
282
  margin-bottom: 2em;
283
}
283
}
284
 
284
 
285
.form-button, .form-submit {
285
.form-button, .form-submit {
286
  margin: 2em 0.5em 1em 0; /* LTR */
286
  margin: 2em 0.5em 1em 0; /* LTR */
287
}
287
}
-
 
288
 
-
 
289
.form-submit#edit-submit {
-
 
290
	margin-bottom: -7px;	
-
 
291
}
288
 
292
 
289
#dblog-form-overview .form-submit,
293
#dblog-form-overview .form-submit,
290
.confirmation .form-submit,
294
.confirmation .form-submit,
291
.search-form .form-submit,
295
.search-form .form-submit,
292
.poll .form-submit,
296
.poll .form-submit,
293
fieldset .form-button, fieldset .form-submit,
297
fieldset .form-button, fieldset .form-submit,
294
.sidebar .form-button, .sidebar .form-submit,
298
.sidebar .form-button, .sidebar .form-submit,
295
table .form-button, table .form-submit {
299
table .form-button, table .form-submit {
296
  margin: 0;
300
  margin: 0;
297
}
301
}
298
 
302
 
299
.box {
303
.box {
300
  margin-bottom: 2.5em;
304
  margin-bottom: 2.5em;
301
}
305
}
302
 
306
 
303
/**
307
/**
304
 * Layout
308
 * Layout
305
 */
309
 */
306
#header-region {
310
#header-region {
307
  min-height: 1em;
311
  min-height: 1em;
308
  /**background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%; **/
312
  /**background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%; **/
309
}
313
}
310
 
314
 
311
@font-face {
315
@font-face {
312
	/* On donne un nom (au choix) à la fonte téléchargée */
316
	/* Fonte pour le titre en haut à gauche */
313
	font-family: "BorisBlackBloxx";
317
	font-family: "BorisBlackBloxx";
314
	/* On indique le chemin du fichier de fonte à télécharger */
-
 
315
	/* L'indication du format n'est pas obligatoire */
-
 
316
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
318
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
317
}
319
}
318
 
320
 
319
.titre_site {
321
.titre_site {
320
	font-family: BorisBlackBloxx, Cursive; 
322
	font-family: BorisBlackBloxx, Cursive; 
321
	margin-left: 490px;
-
 
322
	font-size: 14px;	
323
	font-size: 14px;	
-
 
324
	margin-left: auto;
-
 
325
    margin-right: auto;
-
 
326
    padding-left: 50px;
-
 
327
    padding-top: 5px;
-
 
328
    padding-bottom: 10px;
-
 
329
    width: 955px;
323
}
330
}
324
 
331
 
325
.titre_site #observatoire {
332
.titre_site #observatoire {
326
	color: #0396A6;
333
	color: #0396A6;
327
	font-size: 30px;
334
	font-size: 30px;
328
}
335
}
329
 
336
 
330
.titre_site #des {
337
.titre_site #des {
331
	color: #0396A6;
338
	color: #0396A6;
332
	font-size: 20px
339
	font-size: 20px
333
}
340
}
334
 
341
 
335
.titre_site #saisons {
342
.titre_site #saisons {
336
	color: #FF7F00;
343
	color: #FF7F00;
337
	text-transform: uppercase;
344
	text-transform: uppercase;
338
	font-size: 40px
345
	font-size: 40px
339
}
346
}
340
 
347
 
341
#header-region .block {
348
#header-region .block {
342
  display: block;
349
  display: block;
343
  margin: 0 1em;
350
  margin: 0 1em;
344
}
351
}
345
 
352
 
346
#header-region .block-region {
353
#header-region .block-region {
347
  display: block;
354
  display: block;
348
  margin: 0 0.5em 1em;
355
  margin: 0 0.5em 1em;
349
  padding: 0.5em;
356
  padding: 0.5em;
350
  position: relative;
357
  position: relative;
351
  top: 0.5em;
358
  top: 0.5em;
352
}
359
}
353
 
360
 
354
#header-region * {
361
#header-region * {
355
  display: inline;
362
  display: inline;
356
  line-height: 1.5em;
363
  line-height: 1.5em;
357
  margin-top: 0;
364
  margin-top: 0;
358
  margin-bottom: 0;
365
  margin-bottom: 0;
359
}
366
}
360
 
367
 
361
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
368
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
362
#header-region script {
369
#header-region script {
363
  display: none;
370
  display: none;
364
}
371
}
365
 
372
 
366
#header-region p, #header-region img {
373
#header-region p, #header-region img {
367
  margin-top: 0.5em;
374
  margin-top: 0.5em;
368
}
375
}
369
 
376
 
370
#header-region h2 {
377
#header-region h2 {
371
  margin: 0 1em 0 0; /* LTR */
378
  margin: 0 1em 0 0; /* LTR */
372
}
379
}
373
 
380
 
374
#header-region h3, #header-region label, #header-region li {
381
#header-region h3, #header-region label, #header-region li {
375
  margin: 0 1em;
382
  margin: 0 1em;
376
  padding: 0;
383
  padding: 0;
377
  background: none;
384
  background: none;
378
}
385
}
379
 
386
 
380
#wrapper {
387
#wrapper {
381
 /** background: #edf5fa url(images/body.png) repeat-x 50% 0; **/
388
 /** background: #edf5fa url(images/body.png) repeat-x 50% 0; **/
382
}
389
}
383
 
390
 
384
#wrapper {
391
#wrapper {
385
	width: 955px;
392
	width: 955px;
386
	margin-left:auto;
393
	margin-left:auto;
387
	margin-right:auto;
394
	margin-right:auto;
388
	background-color: #FFFFFF;
395
	background-color: #FFFFFF;
-
 
396
	-moz-box-shadow: 3px 0px 0 #aaa;  
-
 
397
	-webkit-box-shadow: 3px 0px 0 #aaa;  
-
 
398
	box-shadow: 3px 0px 0 #aaa;  
389
}
399
}
390
 
400
 
391
#wrapper #container {
401
#wrapper #container {
392
  margin: 0 auto;
402
  margin: 0 auto;
393
  padding: 0 20px;
403
  padding: 0 20px;
394
}
404
}
395
 
405
 
396
#wrapper #container {
406
#wrapper #container {
397
  height: 80px;
407
  height: 80px;
398
}
408
}
399
 
409
 
400
#wrapper #container #header #logo-floater {
410
#wrapper #container #header #logo-floater {
401
  position: absolute;
411
  position: absolute;
402
}
412
}
403
 
413
 
404
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
414
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
405
  line-height: 120px;
415
  line-height: 120px;
406
  position: relative;
416
  position: relative;
407
  z-index: 2;
417
  z-index: 2;
408
  white-space: nowrap;
418
  white-space: nowrap;
409
}
419
}
410
 
420
 
411
#wrapper #container #header h1 span {
421
#wrapper #container #header h1 span {
412
  font-weight: bold;
422
  font-weight: bold;
413
}
423
}
414
 
424
 
415
#wrapper #container #header h1 img {
425
#wrapper #container #header h1 img {
416
  padding-top: 14px;
426
  padding-top: 14px;
417
  padding-right: 20px; /* LTR */
427
  padding-right: 20px; /* LTR */
418
  float: left; /* LTR */
428
  float: left; /* LTR */
419
}
429
}
420
 
430
 
421
#logo-floater {
431
#logo-floater {
422
	padding-left: 20px;
432
	padding-left: 20px;
423
	padding-top: 10px;	
433
	padding-top: 10px;	
424
}
434
}
425
 
435
 
426
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
436
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
427
#wrapper #container {
437
#wrapper #container {
428
  float: left;	
438
  float: left;	
429
  width: 100%;
439
  width: 100%;
430
  background-color: #FFFFFF;
440
  background-color: #FFFFFF;
431
}
441
}
432
 
442
 
433
#center {
443
#center {
434
	width: 520px;	
444
	width: 520px;	
435
	min-height: 650px;
445
	min-height: 650px;
436
	background-color: #FFFFFF;
446
	background-color: #FFFFFF;
437
	height: auto;
447
	height: auto;
438
	float: left;
448
	float: left;
439
}
449
}
440
 
450
 
441
#left {
451
#left {
442
	width: 215px;
452
	width: 215px;
443
	padding:5px;
453
	padding:5px;
-
 
454
	padding-left: 0px;
444
	float: left;
455
	float: left;
445
	min-height: 650px
456
	min-height: 650px
446
	background-color: #FFFFFF;	
457
	background-color: #FFFFFF;	
447
}
458
}
-
 
459
 
-
 
460
#sidebar-left > div > div > div > ul.menu > li {
-
 
461
	padding-left:20px;
-
 
462
}
448
 
463
 
-
 
464
#sidebar-left {
-
 
465
	-webkit-border-radius-topright: 20px 20px;
449
#sidebar-left {
466
	-webkit-border-radius-bottomright: 20px 20px;
450
	-moz-border-radius-topright: 50px 50px;
467
	-moz-border-radius-topright: 20px 20px;
-
 
468
	-moz-border-radius-bottomright: 20px 20px;
-
 
469
	border-top-right-radius: 20px 20px;
451
	-moz-border-radius-bottomright: 50px 50px;
470
	border-bottom-right-radius: 20px 20px;
-
 
471
	background-color: #5F8DBF;
-
 
472
	position:absolute;
452
	background-color: #0396A6;
473
	width: inherit;
453
}
474
}
454
 
475
 
455
#sidebar-left > div > h2 {
476
#sidebar-left > div > h2 {
456
	display: none;	
477
	display: none;	
457
}
478
}
458
 
479
 
459
#sidebar-left a {
480
#sidebar-left a {
460
	color: #FFFFFF;	
481
	color: #FFFFFF;	
461
	font-weight: bold;
482
	font-weight: bold;
-
 
483
	padding-left: 5px;
462
}
484
}
463
 
485
 
464
.content > div > ul > li {
486
.content > div > ul > li {
465
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
487
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
466
}
488
}
467
 
489
 
468
ul.menu > li {
490
ul.menu > li {
469
	padding-bottom:5px;
-
 
470
	padding-left:20px;
-
 
471
	padding-top:5px;
491
	padding-top:5px;
-
 
492
	padding-left:5px;
472
}
493
}
473
 
494
 
474
#sidebar-left a.active-trail {
495
#sidebar-left a.active-trail {
-
 
496
	color: #800000;
-
 
497
	text-decoration: underline;	
-
 
498
}
-
 
499
 
-
 
500
.menu_recourbe {
-
 
501
 
-
 
502
	-moz-border-radius-bottomleft: 901px 158px;
-
 
503
	-moz-border-radius-bottomright: 300px 24px;
-
 
504
    border-bottom-left-radius: 901px 158px;
-
 
505
    border-bottom-right-radius: 300px 24px;
-
 
506
    
475
	background-color: #CDEBED;	
507
	background-color: #FFFFFF;
-
 
508
	width:inherit;
-
 
509
	height: 30px;
476
	color: #0396A6;
510
	position: absolute;
-
 
511
	z-index: 50;
477
}
512
}
478
 
513
 
479
#right {
514
#right {
480
	width: 210px;
515
	width: 210px;
481
	float: right;
516
	float: right;
482
	background-color: #FFFFFF;	
517
	background-color: #FFFFFF;	
483
}
518
}
-
 
519
 
-
 
520
#right h2 {
-
 
521
	display: none;	
-
 
522
}
-
 
523
 
-
 
524
.titre_bloc {
-
 
525
	color: #FFFFFF;
-
 
526
	font-weight: bold;
-
 
527
	background-color: #5F8DBF;
-
 
528
	-webkit-border-radius-topleft: 20px 20px;
-
 
529
	-moz-border-radius-topleft: 20px 20px;
-
 
530
	border-top-left-radius: 20px 20px;
-
 
531
}
-
 
532
 
-
 
533
.info_utilisateur, .formulaire_identification_ods {
-
 
534
	
-
 
535
	-webkit-border-radius-topleft: 20px 20px;
-
 
536
	-webkit-border-radius-bottomleft: 20px 20px;
-
 
537
	-moz-border-radius-topleft: 20px 20px;
-
 
538
	-moz-border-radius-bottomleft: 20px 20px;
-
 
539
	border-top-left-radius: 20px 20px;
-
 
540
	border-bottom-left-radius: 20px 20px;
-
 
541
	border: solid 1px;
-
 
542
	background-color: #F4F2EB;
-
 
543
    text-align: center;	
-
 
544
}
-
 
545
 
-
 
546
.info_utilisateur a {
-
 
547
	padding: 10px;	
-
 
548
}
-
 
549
 
-
 
550
.nb_inscrits {
-
 
551
	background: transparent url(images/puce-inscrits.png) no-repeat;
-
 
552
	padding: 5px;
-
 
553
	padding-left: 30px;	
-
 
554
	text-align: right;
-
 
555
	font-size: 1.2em;
-
 
556
}
484
 
557
 
485
/* We ensure the sidebars are still clickable using z-index */
558
/* We ensure the sidebars are still clickable using z-index */
486
#wrapper #container .sidebar {
559
#wrapper #container .sidebar {
487
  margin: 60px 0 5em;
560
  margin: 60px 0 5em;
488
  width: 210px;
561
  width: 210px;
489
  float: left;
562
  float: left;
490
  z-index: 2;
563
  z-index: 2;
491
  position: relative;
564
  position: relative;
492
  background-color: #FFFFFF;
565
  background-color: #FFFFFF;
493
}
566
}
494
 
567
 
495
#wrapper #container .sidebar .block {
568
#wrapper #container .sidebar .block {
496
  margin: 0 0 1.5em 0;
569
  margin: 0 0 1.5em 0;
497
}
570
}
498
 
571
 
499
#sidebar-left .block {
572
#sidebar-left .block {
500
  padding: 0 15px 0 0px;
573
  padding: 25px 15px 0 0px;
501
}
574
}
502
 
575
 
503
#sidebar-right .block {
576
#sidebar-right .block {
504
  padding: 0 0px 0 15px;
577
  padding: 0 0px 0 15px;
505
}
578
}
506
 
579
 
507
.block .content {
580
.block .content {
508
  margin: 0.5em 0;
581
  margin: 0.5em 0;
509
}
582
}
510
 
583
 
511
#sidebar-left .block-region {
584
#sidebar-left .block-region {
512
  margin: 0 15px 0 0px; /* LTR */
585
  margin: 0 15px 0 0px; /* LTR */
513
}
586
}
514
 
587
 
515
#sidebar-right .block-region {
588
#sidebar-right .block-region {
516
  margin: 0 0px 0 15px; /* LTR */
589
  margin: 0 0px 0 15px; /* LTR */
517
}
590
}
518
 
591
 
519
.block-region {
592
.block-region {
520
  padding: 1em;
593
  padding: 1em;
521
  background: transparent;
594
  background: transparent;
522
  border: 2px dashed #b4d7f0;
595
  border: 2px dashed #b4d7f0;
523
  text-align: center;
596
  text-align: center;
524
  font-size: 1.3em;
597
  font-size: 1.3em;
525
}
598
}
526
 
599
 
527
/* Now we add the backgrounds for the main content shading */
600
/* Now we add the backgrounds for the main content shading */
528
#wrapper #container #center #squeeze {
601
#wrapper #container #center #squeeze {
529
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
602
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
530
  position: relative;
603
  position: relative;
531
}
604
}
532
 
605
 
533
#wrapper #container #center .right-corner {
606
#wrapper #container #center .right-corner {
534
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
607
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
535
  position: relative;
608
  position: relative;
536
  left: 10px;
609
  left: 10px;
537
}
610
}
538
 
611
 
539
#wrapper #container #center .right-corner .left-corner {
612
#wrapper #container #center .right-corner .left-corner {
540
  padding: 60px 25px 5em 35px;
613
  padding: 60px 25px 5em 35px;
541
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
614
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
542
  margin-left: -10px;
615
  margin-left: -10px;
543
  position: relative;
616
  position: relative;
544
  left: -10px;
617
  left: -10px;
545
  min-height: 400px;
618
  min-height: 400px;
546
}
619
}
547
 
620
 
548
#wrapper #container #footer {
621
#wrapper #container #footer {
549
  float: none;
622
  float: none;
550
  clear: both;
623
  clear: both;
551
  text-align: center;
624
  text-align: center;
552
  margin: 4em 0 -3em;
625
  margin: 4em 0 -3em;
553
  color: #898989;
626
  color: #898989;
554
}
627
}
555
 
628
 
556
#wrapper #container .breadcrumb {
629
#wrapper #container .breadcrumb {
557
  position: absolute;
630
  position: absolute;
558
  top: 15px;
631
  top: 15px;
559
  left: 35px; /* LTR */
632
  left: 35px; /* LTR */
560
  z-index: 3;
633
  z-index: 3;
561
}
634
}
562
 
635
 
563
/**
636
/**
564
 * Header
637
 * Header
565
 */
638
 */
566
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
639
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
567
  color: #fff;
640
  color: #fff;
568
  font-weight: normal;
641
  font-weight: normal;
569
  text-shadow: #1659ac 0px 1px 3px;
642
  text-shadow: #1659ac 0px 1px 3px;
570
  font-size: 1.5em;
643
  font-size: 1.5em;
571
}
644
}
572
 
645
 
573
#header {
646
#header {
574
	height: 180px;
647
	height: 180px;
575
	background-color: #FFFFFF;
648
	background-color: #FFFFFF;
576
	width: 955px;
649
	width: 955px;
577
}
650
}
578
 
651
 
579
.printemps {
652
.printemps {
580
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
653
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
581
}
654
}
582
 
655
 
583
.ete {
656
.ete {
584
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
657
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
585
}
658
}
586
 
659
 
587
.automne {
660
.automne {
588
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
661
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
589
}
662
}
590
 
663
 
591
.hiver {
664
.hiver {
592
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
665
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
593
}
666
}
594
 
667
 
595
#wrapper #container #header h1 a:hover {
668
#wrapper #container #header h1 a:hover {
596
  text-decoration: none;
669
  text-decoration: none;
597
}
670
}
598
 
671
 
599
#wrapper #container .breadcrumb {
672
#wrapper #container .breadcrumb {
600
  font-size: 0.92em;
673
  font-size: 0.92em;
601
}
674
}
602
 
675
 
603
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
676
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
604
  color: #529ad6;
677
  color: #529ad6;
605
}
678
}
606
 
679
 
607
#mission {
680
#mission {
608
  padding: 1em;
681
  padding: 1em;
609
  background-color: #fff;
682
  background-color: #fff;
610
  border: 1px solid #e0e5fb;
683
  border: 1px solid #e0e5fb;
611
  margin-bottom: 2em;
684
  margin-bottom: 2em;
612
}
685
}
613
 
686
 
614
#footer {
687
#footer {
615
	height: 120px;
688
	height: 120px;
616
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
689
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
617
	clear:both;
690
	clear:both;
618
	width:955px;
691
	width:955px;
619
	margin-left:auto;
692
	margin-left:auto;
620
	margin-right: auto;
693
	margin-right: auto;
621
	background-color: #FFFFFF;
694
	background-color: #FFFFFF;
-
 
695
	text-align: center;
-
 
696
	vertical-align: bottom;
-
 
697
}
-
 
698
 
-
 
699
.liens_bas_page {
-
 
700
	padding-top: 85px;
-
 
701
	color: #FF7F00;
-
 
702
	font-weight: bold;
-
 
703
}
-
 
704
 
-
 
705
.liens_bas_page a {
-
 
706
	color: #FF7F00;
-
 
707
	margin-left: 4px;
-
 
708
	margin-right: 4px;
-
 
709
	font-size: 1.1em;
622
}
710
}
623
 
711
 
624
/**
712
/**
625
 * Primary navigation
713
 * Primary navigation
626
 */
714
 */
627
ul.primary-links {
715
ul.primary-links {
628
  margin: 0;
716
  margin: 0;
629
  margin: -25px 0 0;
717
  margin: -25px 0 0;
630
  padding: 0;
718
  padding: 0;
631
  float: right; /* LTR */
719
  float: right; /* LTR */
632
  position: relative;
720
  position: relative;
633
  z-index: 4;
721
  z-index: 4;
634
  height: 30px;
722
  height: 25px;
635
}
723
}
636
 
724
 
637
ul.primary-links li {
-
 
638
  margin: 0;
725
ul.primary-links li {	
639
  padding: 0;
726
  padding: 0;
-
 
727
  height: 25px;
640
  height: 25px;
728
  margin-left: 2px;
641
  float: left; /* LTR */
729
  float: left; /* LTR */
642
  background-image: none;
730
  background-image: none;
643
  -moz-border-radius-topright: 1em; 
731
  -moz-border-radius-topright: 1em; 
644
  -moz-border-radius-topleft: 1em;
732
  -moz-border-radius-topleft: 1em;
-
 
733
  border-top-right-radius: 1em; 
-
 
734
  border-top-left-radius: 1em;
-
 
735
}
-
 
736
 
-
 
737
ul.primary-links li.lien_primaire {
-
 
738
	margin-left: 3px;
-
 
739
	margin-top: 0px;
-
 
740
	margin-bottom: 0px;
645
  margin-right: 3px;
741
	margin-right: 0px;
-
 
742
	-moz-box-shadow: 3px 0px 0 #aaa;  
-
 
743
	-webkit-box-shadow: 3px 0px 0 #aaa;  
-
 
744
	box-shadow: 3px 0px 0 #aaa;  
646
}
745
}
-
 
746
                
647
 
747
 
648
li.lien_primaire_1 {
748
li#lien_primaire_1 {
649
	width: 20px;
749
	width: 20px;
650
	background-color : #6C9ED8;	
750
	background-color : #6C9ED8;	
651
}
751
}
652
 
752
 
653
li.lien_primaire_1 a img {
753
li#lien_primaire_1 a img {
654
	padding-top: 2px;
754
	padding-top: 2px;
655
}
755
}
656
	
756
	
657
li.lien_primaire_2 {
757
li#lien_primaire_2 {
658
	background-color : #800000;	
758
	background-color : #800000;	
659
}
759
}
660
 
760
 
661
li.lien_primaire_3 {
761
li#lien_primaire_3 {
662
	background-color : #9AC343;	
762
	background-color : #9AC343;	
663
}
763
}
664
 
764
 
665
li.lien_primaire_4 {
765
li#lien_primaire_4 {
666
	background-color : #EF7B1D;	
766
	background-color : #EF7B1D;	
667
}
767
}
668
 
768
 
669
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
769
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
670
  display: block;
770
  display: block;
671
  margin: 0 1em;
771
  margin: 0 1em;
672
  font-weight: bold;
772
  font-weight: bold;
673
  color: #FFFFFF;
773
  color: #FFFFFF;
674
  padding-top: 2px;
774
  padding-top: 2px;
675
}
775
}
676
 
776
 
677
ul.primary-links li a:hover, ul.primary-links li a.active {
777
ul.primary-links li a:hover, ul.primary-links li a.active {
678
  color: #fff;
778
  color: #fff;
679
}
779
}
680
 
780
 
681
ul.primary-links li.active-trail {
781
ul.primary-links li.active-trail {
682
	height:35px;
782
	height:35px;
683
	margin:-10px 0 0;
783
	margin-top:-10px;
684
}
784
}
685
 
785
 
686
ul.primary-links li.active-trail a {
786
ul.primary-links li.active-trail a {
687
	padding-top: 5px;
787
	padding-top: 5px;
688
}
788
}
689
 
789
 
690
/**
790
/**
691
 * Secondary navigation
791
 * Secondary navigation
692
 */
792
 */
693
ul.secondary-links {
793
ul.secondary-links {
694
  margin: 0;
794
  margin: 0;
695
  padding: 18px 0 0;
795
  padding: 18px 0 0;
696
  float: right; /* LTR */
796
  float: right; /* LTR */
697
  clear: right; /* LTR */
797
  clear: right; /* LTR */
698
  position: relative;
798
  position: relative;
699
  z-index: 4;
799
  z-index: 4;
700
}
800
}
701
 
801
 
702
ul.secondary-links li {
802
ul.secondary-links li {
703
  margin: 0;
803
  margin: 0;
704
  padding: 0;
804
  padding: 0;
705
  float: left; /* LTR */
805
  float: left; /* LTR */
706
  background-image: none;
806
  background-image: none;
707
}
807
}
708
 
808
 
709
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
809
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
710
  display: block;
810
  display: block;
711
  margin: 0 1em;
811
  margin: 0 1em;
712
  padding: .75em 0 0;
812
  padding: .75em 0 0;
713
  color: #cde3f1;
813
  color: #cde3f1;
714
  background: transparent;
814
  background: transparent;
715
}
815
}
716
 
816
 
717
ul.secondary-links li a:hover, ul.secondary-links li a.active {
817
ul.secondary-links li a:hover, ul.secondary-links li a.active {
718
  color: #cde3f1;
818
  color: #cde3f1;
719
  background: transparent;
819
  background: transparent;
720
}
820
}
721
 
821
 
722
/**
822
/**
723
 * Local tasks
823
 * Local tasks
724
 */
824
 */
725
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
825
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
726
  border: 0;
826
  border: 0;
727
  background: none;
827
  background: none;
728
  margin: 0;
828
  margin: 0;
729
  padding: 0;
829
  padding: 0;
730
}
830
}
731
 
831
 
732
#tabs-wrapper {
832
#tabs-wrapper {
733
  margin: 0 -26px 1em;
833
  margin: 0 -26px 1em;
734
  padding: 0 26px;
834
  padding: 0 26px;
735
  border-bottom: 1px solid #e9eff3;
835
  border-bottom: 1px solid #e9eff3;
736
  position: relative;
836
  position: relative;
737
}
837
}
738
ul.primary {
838
ul.primary {
739
  padding: 0.5em 0 10px;
839
  padding: 0.5em 0 10px;
740
  float: left; /* LTR */
840
  float: left; /* LTR */
741
}
841
}
742
ul.secondary {
842
ul.secondary {
743
  clear: both;
843
  clear: both;
744
  text-align: left; /* LTR */
844
  text-align: left; /* LTR */
745
  border-bottom: 1px solid #e9eff3;
845
  border-bottom: 1px solid #e9eff3;
746
  margin: -0.2em -26px 1em;
846
  margin: -0.2em -26px 1em;
747
  padding: 0 26px 0.6em;
847
  padding: 0 26px 0.6em;
748
}
848
}
749
h2.with-tabs {
849
h2.with-tabs {
750
  float: left; /* LTR */
850
  float: left; /* LTR */
751
  margin: 0 2em 0 0; /* LTR */
851
  margin: 0 2em 0 0; /* LTR */
752
  padding: 0;
852
  padding: 0;
753
}
853
}
754
 
854
 
755
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
855
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
756
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
856
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
757
  border: 0;
857
  border: 0;
758
  background: transparent;
858
  background: transparent;
759
  padding: 4px 1em;
859
  padding: 4px 1em;
760
  margin: 0 0 0 1px; /* LTR */
860
  margin: 0 0 0 1px; /* LTR */
761
  height: auto;
861
  height: auto;
762
  text-decoration: none;
862
  text-decoration: none;
763
  position: relative;
863
  position: relative;
764
  top: -1px;
864
  top: -1px;
765
  display: inline-block;
865
  display: inline-block;
766
}
866
}
767
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
867
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
768
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
868
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
769
  background: url(images/bg-tab.png) repeat-x 0 50%;
869
  background: url(images/bg-tab.png) repeat-x 0 50%;
770
  color: #fff;
870
  color: #fff;
771
}
871
}
772
ul.primary li.active a,
872
ul.primary li.active a,
773
ul.secondary li.active a {
873
ul.secondary li.active a {
774
  font-weight: bold;
874
  font-weight: bold;
775
}
875
}
776
 
876
 
777
/**
877
/**
778
 * Nodes & comments
878
 * Nodes & comments
779
 */
879
 */
780
.node {
880
.node {
781
  border-bottom: 1px solid #e9eff3;
881
  border-bottom: 1px solid #e9eff3;
782
  margin: 0 0px 1.5em;
882
  margin: 0 0px 1.5em;
783
  padding: 1.5em 26px;
883
  padding: 1.5em 26px;
784
}
884
}
785
 
885
 
786
ul.links li, ul.inline li {
886
ul.links li, ul.inline li {
787
  margin-left: 0;
887
  margin-left: 0;
788
  margin-right: 0;
888
  margin-right: 0;
789
  padding-left: 0; /* LTR */
889
  padding-left: 0; /* LTR */
790
  padding-right: 1em; /* LTR */
890
  padding-right: 1em; /* LTR */
791
  background-image: none;
891
  background-image: none;
792
}
892
}
793
 
893
 
794
.node .links, .comment .links {
894
.node .links, .comment .links {
795
  text-align: left; /* LTR */
895
  text-align: left; /* LTR */
796
}
896
}
797
 
897
 
798
.node .links ul.links li, .comment .links ul.links li {}
898
.node .links ul.links li, .comment .links ul.links li {}
799
.terms ul.links li {
899
.terms ul.links li {
800
  margin-left: 0;
900
  margin-left: 0;
801
  margin-right: 0;
901
  margin-right: 0;
802
  padding-right: 0;
902
  padding-right: 0;
803
  padding-left: 1em;
903
  padding-left: 1em;
804
}
904
}
805
 
905
 
806
.picture, .comment .submitted {
906
.picture, .comment .submitted {
807
  float: right; /* LTR */
907
  float: right; /* LTR */
808
  clear: right; /* LTR */
908
  clear: right; /* LTR */
809
  padding-left: 1em; /* LTR */
909
  padding-left: 1em; /* LTR */
810
}
910
}
811
 
911
 
812
.new {
912
.new {
813
  color: #ffae00;
913
  color: #ffae00;
814
  font-size: 0.92em;
914
  font-size: 0.92em;
815
  font-weight: bold;
915
  font-weight: bold;
816
  float: right; /* LTR */
916
  float: right; /* LTR */
817
}
917
}
818
 
918
 
819
.terms {
919
.terms {
820
  float: right; /* LTR */
920
  float: right; /* LTR */
821
}
921
}
822
 
922
 
823
.preview .node, .preview .comment, .sticky {
923
.preview .node, .preview .comment, .sticky {
824
  margin: 0;
924
  margin: 0;
825
  padding: 0.5em 0;
925
  padding: 0.5em 0;
826
  border: 0;
926
  border: 0;
827
  background: 0;
927
  background: 0;
828
}
928
}
829
 
929
 
830
.sticky {
930
.sticky {
831
  padding: 1em;
931
  padding: 1em;
832
  background-color: #fff;
932
  background-color: #fff;
833
  border: 1px solid #e0e5fb;
933
  border: 1px solid #e0e5fb;
834
  margin-bottom: 2em;
934
  margin-bottom: 2em;
835
}
935
}
836
 
936
 
837
#comments {
937
#comments {
838
  position: relative;
938
  position: relative;
839
  top: -1px;
939
  top: -1px;
840
  border-bottom: 1px solid #e9eff3;
940
  border-bottom: 1px solid #e9eff3;
841
  margin: -1.5em -25px 0;
941
  margin: -1.5em -25px 0;
842
  padding: 0 25px;
942
  padding: 0 25px;
843
}
943
}
844
 
944
 
845
#comments h2.comments {
945
#comments h2.comments {
846
  margin: 0 -25px;
946
  margin: 0 -25px;
847
  padding: .5em 25px;
947
  padding: .5em 25px;
848
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
948
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
849
}
949
}
850
 
950
 
851
.comment {
951
.comment {
852
  margin: 0 -25px;
952
  margin: 0 -25px;
853
  padding: 1.5em 25px 1.5em;
953
  padding: 1.5em 25px 1.5em;
854
  border-top: 1px solid #e9eff3;
954
  border-top: 1px solid #e9eff3;
855
}
955
}
856
 
956
 
857
.indented {
957
.indented {
858
  margin-left: 25px; /* LTR */
958
  margin-left: 25px; /* LTR */
859
}
959
}
860
 
960
 
861
.comment h3 a.active {
961
.comment h3 a.active {
862
  color: #494949;
962
  color: #494949;
863
}
963
}
864
 
964
 
865
.node .content, .comment .content {
965
.node .content, .comment .content {
866
  margin: 0.6em 0;
966
  margin: 0.6em 0;
867
}
967
}
868
 
968
 
869
/**
969
/**
870
 * Aggregator.module
970
 * Aggregator.module
871
 */
971
 */
872
#aggregator {
972
#aggregator {
873
  margin-top: 1em;
973
  margin-top: 1em;
874
}
974
}
875
#aggregator .feed-item-title {
975
#aggregator .feed-item-title {
876
  font-size: 160%;
976
  font-size: 160%;
877
  line-height: 130%;
977
  line-height: 130%;
878
}
978
}
879
#aggregator .feed-item {
979
#aggregator .feed-item {
880
  border-bottom: 1px solid #e9eff3;
980
  border-bottom: 1px solid #e9eff3;
881
  margin: -1.5em -31px 1.75em;
981
  margin: -1.5em -31px 1.75em;
882
  padding: 1.5em 31px;
982
  padding: 1.5em 31px;
883
}
983
}
884
#aggregator .feed-item-categories {
984
#aggregator .feed-item-categories {
885
  font-size: 0.92em;
985
  font-size: 0.92em;
886
}
986
}
887
#aggregator .feed-item-meta {
987
#aggregator .feed-item-meta {
888
  font-size: 0.92em;
988
  font-size: 0.92em;
889
  color: #898989;
989
  color: #898989;
890
}
990
}
891
 
991
 
892
/**
992
/**
893
 * Color.module
993
 * Color.module
894
 */
994
 */
895
#palette .form-item {
995
#palette .form-item {
896
  border: 1px solid #fff;
996
  border: 1px solid #fff;
897
}
997
}
898
#palette .item-selected {
998
#palette .item-selected {
899
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
999
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
900
  border: 1px solid #d9eaf5;
1000
  border: 1px solid #d9eaf5;
901
}
1001
}
902
 
1002
 
903
/**
1003
/**
904
 * Menu.module
1004
 * Menu.module
905
 */
1005
 */
906
tr.menu-disabled {
1006
tr.menu-disabled {
907
  opacity: 0.5;
1007
  opacity: 0.5;
908
}
1008
}
909
tr.odd td.menu-disabled {
1009
tr.odd td.menu-disabled {
910
  background-color: #edf5fa;
1010
  background-color: #edf5fa;
911
}
1011
}
912
tr.even td.menu-disabled {
1012
tr.even td.menu-disabled {
913
  background-color: #fff;
1013
  background-color: #fff;
914
}
1014
}
915
 
1015
 
916
/**
1016
/**
917
 * Poll.module
1017
 * Poll.module
918
 */
1018
 */
919
.poll .bar {
1019
.poll .bar {
920
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
1020
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
921
  border: solid #f0f0f0;
1021
  border: solid #f0f0f0;
922
  border-width: 0 1px 1px;
1022
  border-width: 0 1px 1px;
923
}
1023
}
924
 
1024
 
925
.poll .bar .foreground {
1025
.poll .bar .foreground {
926
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
1026
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
927
}
1027
}
928
 
1028
 
929
.poll .percent {
1029
.poll .percent {
930
  font-size: .9em;
1030
  font-size: .9em;
931
}
1031
}
932
 
1032
 
933
/**
1033
/**
934
 * Autocomplete.
1034
 * Autocomplete.
935
 */
1035
 */
936
#autocomplete li {
1036
#autocomplete li {
937
  cursor: default;
1037
  cursor: default;
938
  padding: 2px;
1038
  padding: 2px;
939
  margin: 0;
1039
  margin: 0;
940
}
1040
}
941
 
1041
 
942
/**
1042
/**
943
 * Collapsible fieldsets
1043
 * Collapsible fieldsets
944
 */
1044
 */
945
fieldset {
1045
fieldset {
946
  margin: 1em 0;
1046
  margin: 1em 0;
947
  padding: 1em;
1047
  padding: 1em;
948
  border: 1px solid #d9eaf5;
1048
  border: 1px solid #d9eaf5;
949
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1049
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
950
}
1050
}
951
 
1051
 
952
/* Targets IE 7. Fixes background image in field sets. */
1052
/* Targets IE 7. Fixes background image in field sets. */
953
*:first-child+html fieldset {
1053
*:first-child+html fieldset {
954
  padding: 0 1em 1em;
1054
  padding: 0 1em 1em;
955
  background-position: 0 .75em;
1055
  background-position: 0 .75em;
956
  background-color: transparent;
1056
  background-color: transparent;
957
}
1057
}
958
 
1058
 
959
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
1059
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
960
  padding-top: 1em;
1060
  padding-top: 1em;
961
}
1061
}
962
 
1062
 
963
fieldset legend {
1063
fieldset legend {
964
  /* Fix disappearing legend in FFox */
1064
  /* Fix disappearing legend in FFox */
965
  display: block;
1065
  display: block;
966
}
1066
}
967
 
1067
 
968
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
1068
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
969
  display: inline;
1069
  display: inline;
970
}
1070
}
971
 
1071
 
972
html.js fieldset.collapsed {
1072
html.js fieldset.collapsed {
973
  background: transparent;
1073
  background: transparent;
974
  padding-top: 0;
1074
  padding-top: 0;
975
  padding-bottom: .6em;
1075
  padding-bottom: .6em;
976
}
1076
}
977
 
1077
 
978
html.js fieldset.collapsible legend a {
1078
html.js fieldset.collapsible legend a {
979
  padding-left: 2em; /* LTR */
1079
  padding-left: 2em; /* LTR */
980
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
1080
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
981
}
1081
}
982
 
1082
 
983
html.js fieldset.collapsed legend a {
1083
html.js fieldset.collapsed legend a {
984
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
1084
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
985
}
1085
}
986
 
1086
 
987
/**
1087
/**
988
 * Syndication icons and block
1088
 * Syndication icons and block
989
 */
1089
 */
990
#block-node-0 h2 {
1090
#block-node-0 h2 {
991
  float: left; /* LTR */
1091
  float: left; /* LTR */
992
  padding-right: 20px; /* LTR */
1092
  padding-right: 20px; /* LTR */
993
}
1093
}
994
 
1094
 
995
#block-node-0 img, .feed-icon {
1095
#block-node-0 img, .feed-icon {
996
  float: right; /* LTR */
1096
  float: right; /* LTR */
997
  padding-top: 4px;
1097
  padding-top: 4px;
998
}
1098
}
999
 
1099
 
1000
#block-node-0 .content {
1100
#block-node-0 .content {
1001
  clear: right; /* LTR */
1101
  clear: right; /* LTR */
1002
}
1102
}
1003
 
1103
 
1004
/**
1104
/**
1005
 * Login Block
1105
 * Login Block
1006
 */
1106
 */
1007
#user-login-form {
1107
#user-login-form {
1008
  text-align: center;
1108
  text-align: center;
1009
}
1109
}
1010
#user-login-form ul {
1110
#user-login-form ul {
1011
  text-align: left; /* LTR */
1111
  text-align: left; /* LTR */
1012
}
1112
}
1013
 
1113
 
1014
/**
1114
/**
1015
 * User profiles.
1115
 * User profiles.
1016
 */
1116
 */
1017
.profile {
1117
.profile {
1018
  margin-top: 1.5em;
1118
  margin-top: 1.5em;
1019
}
1119
}
1020
.profile h3 {
1120
.profile h3 {
1021
  border-bottom: 0;
1121
  border-bottom: 0;
1022
  margin-bottom: 1em;
1122
  margin-bottom: 1em;
1023
}
1123
}
1024
.profile dl {
1124
.profile dl {
1025
  margin: 0;
1125
  margin: 0;
1026
}
1126
}
1027
.profile dt {
1127
.profile dt {
1028
  font-weight: normal;
1128
  font-weight: normal;
1029
  color: #898989;
1129
  color: #898989;
1030
  font-size: 0.92em;
1130
  font-size: 0.92em;
1031
  line-height: 1.3em;
1131
  line-height: 1.3em;
1032
  margin-top: 1.4em;
1132
  margin-top: 1.4em;
1033
  margin-bottom: 0.45em;
1133
  margin-bottom: 0.45em;
1034
}
1134
}
1035
.profile dd {
1135
.profile dd {
1036
  margin-bottom: 1.6em;
1136
  margin-bottom: 1.6em;
1037
}
1137
}
1038
 
1138
 
1039
/**
1139
/**
1040
 * Admin Styles
1140
 * Admin Styles
1041
 */
1141
 */
1042
div.admin-panel,
1142
div.admin-panel,
1043
div.admin-panel .description,
1143
div.admin-panel .description,
1044
div.admin-panel .body,
1144
div.admin-panel .body,
1045
div.admin,
1145
div.admin,
1046
div.admin .left,
1146
div.admin .left,
1047
div.admin .right,
1147
div.admin .right,
1048
div.admin .expert-link,
1148
div.admin .expert-link,
1049
div.item-list,
1149
div.item-list,
1050
.menu {
1150
.menu {
1051
  margin: 0;
1151
  margin: 0;
1052
  padding: 0;
1152
  padding: 0;
1053
}
1153
}
1054
 
1154
 
1055
div.admin .left {
1155
div.admin .left {
1056
  float: left; /* LTR */
1156
  float: left; /* LTR */
1057
  width: 48%;
1157
  width: 48%;
1058
}
1158
}
1059
div.admin .right {
1159
div.admin .right {
1060
  float: right; /* LTR */
1160
  float: right; /* LTR */
1061
  width: 48%;
1161
  width: 48%;
1062
}
1162
}
1063
 
1163
 
1064
div.admin-panel {
1164
div.admin-panel {
1065
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1165
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1066
  padding: 1em 1em 1.5em;
1166
  padding: 1em 1em 1.5em;
1067
}
1167
}
1068
div.admin-panel .description {
1168
div.admin-panel .description {
1069
  margin-bottom: 1.5em;
1169
  margin-bottom: 1.5em;
1070
}
1170
}
1071
div.admin-panel dl {
1171
div.admin-panel dl {
1072
  margin: 0;
1172
  margin: 0;
1073
}
1173
}
1074
div.admin-panel dd {
1174
div.admin-panel dd {
1075
  color: #898989;
1175
  color: #898989;
1076
  font-size: 0.92em;
1176
  font-size: 0.92em;
1077
  line-height: 1.3em;
1177
  line-height: 1.3em;
1078
  margin-top: -.2em;
1178
  margin-top: -.2em;
1079
  margin-bottom: .65em;
1179
  margin-bottom: .65em;
1080
}
1180
}
1081
 
1181
 
1082
table.system-status-report th {
1182
table.system-status-report th {
1083
  border-color: #d3e7f4;
1183
  border-color: #d3e7f4;
1084
}
1184
}
1085
 
1185
 
1086
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1186
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1087
  background: #027ac6;
1187
  background: #027ac6;
1088
  color: #fff;
1188
  color: #fff;
1089
}
1189
}
1090
 
1190
 
1091
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1191
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1092
  color: #d3e7f4;
1192
  color: #d3e7f4;
1093
}
1193
}
1094
 
1194
 
1095
tr.taxonomy-term-preview {
1195
tr.taxonomy-term-preview {
1096
  opacity: 0.5;
1196
  opacity: 0.5;
1097
}
1197
}
1098
 
1198
 
1099
tr.taxonomy-term-divider-top {
1199
tr.taxonomy-term-divider-top {
1100
  border-bottom: none;
1200
  border-bottom: none;
1101
}
1201
}
1102
 
1202
 
1103
tr.taxonomy-term-divider-bottom {
1203
tr.taxonomy-term-divider-bottom {
1104
  border-top: 1px dotted #CCC;
1204
  border-top: 1px dotted #CCC;
1105
}
1205
}
1106
 
1206
 
1107
/**
1207
/**
1108
 * CSS support
1208
 * CSS support
1109
 */
1209
 */
1110
 
1210
 
1111
/*******************************************************************
1211
/*******************************************************************
1112
 * Color Module: Don't touch                                       *
1212
 * Color Module: Don't touch                                       *
1113
 *******************************************************************/
1213
 *******************************************************************/
1114
 
1214
 
1115
/**
1215
/**
1116
 * Generic elements.
1216
 * Generic elements.
1117
 */
1217
 */
1118
.messages {
1218
.messages {
1119
  background-color: #fff;
1219
  background-color: #fff;
1120
  border: 1px solid #b8d3e5;
1220
  border: 1px solid #b8d3e5;
1121
}
1221
}
1122
 
1222
 
1123
.preview {
1223
.preview {
1124
  background-color: #fcfce8;
1224
  background-color: #fcfce8;
1125
  border: 1px solid #e5e58f;
1225
  border: 1px solid #e5e58f;
1126
}
1226
}
1127
 
1227
 
1128
div.status {
1228
div.status {
1129
  color: #33a333;
1229
  color: #33a333;
1130
  border-color: #c7f2c8;
1230
  border-color: #c7f2c8;
1131
}
1231
}
1132
 
1232
 
1133
div.error, tr.error {
1233
div.error, tr.error {
1134
  color: #a30000;
1234
  color: #a30000;
1135
  background-color: #FFCCCC;
1235
  background-color: #FFCCCC;
1136
}
1236
}
1137
 
1237
 
1138
.form-item input.error, .form-item textarea.error {
1238
.form-item input.error, .form-item textarea.error {
1139
  border: 1px solid #c52020;
1239
  border: 1px solid #c52020;
1140
  color: #363636;
1240
  color: #363636;
1141
}
1241
}
1142
 
1242
 
1143
/**
1243
/**
1144
 * dblog.module
1244
 * dblog.module
1145
 */
1245
 */
1146
tr.dblog-user {
1246
tr.dblog-user {
1147
  background-color: #fcf9e5;
1247
  background-color: #fcf9e5;
1148
}
1248
}
1149
 
1249
 
1150
tr.dblog-user td.active {
1250
tr.dblog-user td.active {
1151
  background-color: #fbf5cf;
1251
  background-color: #fbf5cf;
1152
}
1252
}
1153
 
1253
 
1154
tr.dblog-content {
1254
tr.dblog-content {
1155
  background-color: #fefefe;
1255
  background-color: #fefefe;
1156
}
1256
}
1157
 
1257
 
1158
tr.dblog-content td.active {
1258
tr.dblog-content td.active {
1159
  background-color: #f5f5f5;
1259
  background-color: #f5f5f5;
1160
}
1260
}
1161
 
1261
 
1162
tr.dblog-warning {
1262
tr.dblog-warning {
1163
  background-color: #fdf5e6;
1263
  background-color: #fdf5e6;
1164
}
1264
}
1165
 
1265
 
1166
tr.dblog-warning td.active {
1266
tr.dblog-warning td.active {
1167
  background-color: #fdf2de;
1267
  background-color: #fdf2de;
1168
}
1268
}
1169
 
1269
 
1170
tr.dblog-error {
1270
tr.dblog-error {
1171
  background-color: #fbe4e4;
1271
  background-color: #fbe4e4;
1172
}
1272
}
1173
 
1273
 
1174
tr.dblog-error td.active {
1274
tr.dblog-error td.active {
1175
  background-color: #fbdbdb;
1275
  background-color: #fbdbdb;
1176
}
1276
}
1177
tr.dblog-page-not-found, tr.dblog-access-denied {
1277
tr.dblog-page-not-found, tr.dblog-access-denied {
1178
  background: #d7ffd7;
1278
  background: #d7ffd7;
1179
}
1279
}
1180
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1280
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1181
  background: #c7eec7;
1281
  background: #c7eec7;
1182
}
1282
}
1183
 
1283
 
1184
/**
1284
/**
1185
 * Status report colors.
1285
 * Status report colors.
1186
 */
1286
 */
1187
table.system-status-report tr.error, table.system-status-report tr.error th {
1287
table.system-status-report tr.error, table.system-status-report tr.error th {
1188
  background-color: #fcc;
1288
  background-color: #fcc;
1189
  border-color: #ebb;
1289
  border-color: #ebb;
1190
  color: #200;
1290
  color: #200;
1191
}
1291
}
1192
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1292
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1193
  background-color: #ffd;
1293
  background-color: #ffd;
1194
  border-color: #eeb;
1294
  border-color: #eeb;
1195
}
1295
}
1196
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1296
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1197
  background-color: #dfd;
1297
  background-color: #dfd;
1198
  border-color: #beb;
1298
  border-color: #beb;
1199
}
1299
}