Subversion Repositories Sites.obs-saisons.fr

Rev

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

Rev 119 Rev 120
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: 11px/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
 
288
 
289
.form-submit#edit-submit {
289
.form-submit#edit-submit {
290
	margin-bottom: -7px;	
290
	margin-bottom: -7px;	
291
}
291
}
292
 
292
 
293
#dblog-form-overview .form-submit,
293
#dblog-form-overview .form-submit,
294
.confirmation .form-submit,
294
.confirmation .form-submit,
295
.search-form .form-submit,
295
.search-form .form-submit,
296
.poll .form-submit,
296
.poll .form-submit,
297
fieldset .form-button, fieldset .form-submit,
297
fieldset .form-button, fieldset .form-submit,
298
.sidebar .form-button, .sidebar .form-submit,
298
.sidebar .form-button, .sidebar .form-submit,
299
table .form-button, table .form-submit {
299
table .form-button, table .form-submit {
300
  margin: 0;
300
  margin: 0;
301
}
301
}
302
 
302
 
303
.box {
303
.box {
304
  margin-bottom: 2.5em;
304
  margin-bottom: 2.5em;
305
}
305
}
306
 
306
 
307
/**
307
/**
308
 * Layout
308
 * Layout
309
 */
309
 */
310
#header-region {
310
#header-region {
311
  min-height: 1em;
311
  min-height: 1em;
312
  /**background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%; **/
312
  /**background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%; **/
313
}
313
}
314
 
314
 
315
@font-face {
315
@font-face {
316
	/* Fonte pour le titre en haut à gauche */
316
	/* Fonte pour le titre en haut à gauche */
317
	font-family: "BorisBlackBloxx";
317
	font-family: "BorisBlackBloxx";
318
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
318
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
319
}
319
}
320
 
320
 
321
.titre_site {
321
.titre_site {
322
	font-family: BorisBlackBloxx, Cursive; 
322
	font-family: BorisBlackBloxx, Cursive; 
323
	font-size: 14px;	
323
	font-size: 14px;	
324
	margin-left: auto;
324
	margin-left: auto;
325
    margin-right: auto;
325
    margin-right: auto;
326
    padding-left: 50px;
326
    padding-left: 0px;
327
    padding-top: 5px;
327
    padding-top: 5px;
328
    padding-bottom: 10px;
328
    padding-bottom: 10px;
329
    width: 955px;
329
    width: 955px;
330
}
330
}
331
 
331
 
332
.titre_site #observatoire {
332
.titre_site #observatoire {
333
	color: #0396A6;
333
	color: #0396A6;
334
	font-size: 30px;
334
	font-size: 30px;
335
}
335
}
336
 
336
 
337
.titre_site #des {
337
.titre_site #des {
338
	color: #0396A6;
338
	color: #0396A6;
339
	font-size: 20px
339
	font-size: 20px
340
}
340
}
341
 
341
 
342
.titre_site #saisons {
342
.titre_site #saisons {
343
	color: #FF7F00;
343
	color: #FF7F00;
344
	text-transform: uppercase;
344
	text-transform: uppercase;
345
	font-size: 40px
345
	font-size: 40px
346
}
346
}
347
 
347
 
348
#header-region .block {
348
#header-region .block {
349
  display: block;
349
  display: block;
350
  margin: 0 1em;
350
  margin: 0 1em;
351
}
351
}
352
 
352
 
353
#header-region .block-region {
353
#header-region .block-region {
354
  display: block;
354
  display: block;
355
  margin: 0 0.5em 1em;
355
  margin: 0 0.5em 1em;
356
  padding: 0.5em;
356
  padding: 0.5em;
357
  position: relative;
357
  position: relative;
358
  top: 0.5em;
358
  top: 0.5em;
359
}
359
}
360
 
360
 
361
#header-region * {
361
#header-region * {
362
  display: inline;
362
  display: inline;
363
  line-height: 1.5em;
363
  line-height: 1.5em;
364
  margin-top: 0;
364
  margin-top: 0;
365
  margin-bottom: 0;
365
  margin-bottom: 0;
366
}
366
}
367
 
367
 
368
/* 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. */
369
#header-region script {
369
#header-region script {
370
  display: none;
370
  display: none;
371
}
371
}
372
 
372
 
373
#header-region p, #header-region img {
373
#header-region p, #header-region img {
374
  margin-top: 0.5em;
374
  margin-top: 0.5em;
375
}
375
}
376
 
376
 
377
#header-region h2 {
377
#header-region h2 {
378
  margin: 0 1em 0 0; /* LTR */
378
  margin: 0 1em 0 0; /* LTR */
379
}
379
}
380
 
380
 
381
#header-region h3, #header-region label, #header-region li {
381
#header-region h3, #header-region label, #header-region li {
382
  margin: 0 1em;
382
  margin: 0 1em;
383
  padding: 0;
383
  padding: 0;
384
  background: none;
384
  background: none;
385
}
385
}
386
 
386
 
387
#wrapper {
387
#wrapper {
388
 /** background: #edf5fa url(images/body.png) repeat-x 50% 0; **/
388
 /** background: #edf5fa url(images/body.png) repeat-x 50% 0; **/
389
}
389
}
390
 
390
 
391
#wrapper {
391
#wrapper {
392
	width: 955px;
392
	width: 955px;
393
	margin-left:auto;
393
	margin-left:auto;
394
	margin-right:auto;
394
	margin-right:auto;
395
	background-color: #FFFFFF;
395
	background-color: #FFFFFF;
396
	-moz-box-shadow: 3px 0px 0 #aaa;  
396
	-moz-box-shadow: 3px 0px 0 #aaa;  
397
	-webkit-box-shadow: 3px 0px 0 #aaa;  
397
	-webkit-box-shadow: 3px 0px 0 #aaa;  
398
	box-shadow: 3px 0px 0 #aaa;  
398
	box-shadow: 3px 0px 0 #aaa;  
399
}
399
}
400
 
400
 
401
#wrapper #container {
401
#wrapper #container {
402
  margin: 0 auto;
402
  margin: 0 auto;
403
  padding: 0 20px;
403
  padding: 0 20px;
404
}
404
}
405
 
405
 
406
#wrapper #container {
406
#wrapper #container {
407
  height: 80px;
407
  height: 80px;
408
}
408
}
409
 
409
 
410
#wrapper #container #header #logo-floater {
410
#wrapper #container #header #logo-floater {
411
  position: absolute;
411
  position: absolute;
412
}
412
}
413
 
413
 
414
#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 {
415
  line-height: 120px;
415
  line-height: 120px;
416
  position: relative;
416
  position: relative;
417
  z-index: 2;
417
  z-index: 2;
418
  white-space: nowrap;
418
  white-space: nowrap;
419
}
419
}
420
 
420
 
421
#wrapper #container #header h1 span {
421
#wrapper #container #header h1 span {
422
  font-weight: bold;
422
  font-weight: bold;
423
}
423
}
424
 
424
 
425
#wrapper #container #header h1 img {
425
#wrapper #container #header h1 img {
426
  padding-top: 14px;
426
  padding-top: 14px;
427
  padding-right: 20px; /* LTR */
427
  padding-right: 20px; /* LTR */
428
  float: left; /* LTR */
428
  float: left; /* LTR */
429
}
429
}
430
 
430
 
431
#logo-floater {
431
#logo-floater {
432
	padding-left: 20px;
432
	padding-left: 20px;
433
	padding-top: 10px;	
433
	padding-top: 10px;	
434
}
434
}
435
 
435
 
436
/* 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 */
437
#wrapper #container {
437
#wrapper #container {
438
  float: left;	
438
  float: left;	
439
  width: 100%;
439
  width: 100%;
440
  background-color: #FFFFFF;
440
  background-color: #FFFFFF;
441
}
441
}
442
 
442
 
443
#center {
443
#center {
444
	width: 520px;	
444
	width: 520px;	
445
	min-height: 650px;
445
	min-height: 650px;
446
	background-color: #FFFFFF;
446
	background-color: #FFFFFF;
447
	height: auto;
447
	height: auto;
448
	float: left;
448
	float: left;
449
}
449
}
450
 
450
 
451
#left {
451
#left {
452
	width: 215px;
452
	width: 190px;
453
	padding:5px;
453
	padding:5px;
454
	padding-left: 0px;
454
	padding-left: 0px;
455
	float: left;
455
	float: left;
456
	min-height: 650px
456
	min-height: 650px
457
	background-color: #FFFFFF;	
457
	background-color: #FFFFFF;	
458
}
458
}
459
 
459
 
460
#sidebar-left > div > div > div > ul.menu > li {
460
#sidebar-left > div > div > div > ul.menu > li {
461
	padding-left:20px;
461
	padding-left:20px;
462
}
462
}
463
 
463
 
464
#sidebar-left > div > div > div > ul.menu > li > a.active-trail {
464
#sidebar-left > div > div > div > ul.menu > li > a.active-trail {
465
    color: #FFFFFF;
465
    color: #FFFFFF;
466
    font-weight: bold;
466
    font-weight: bold;
467
    padding-left: 5px;
467
    padding-left: 5px;
468
    -moz-border-radius: 0.9em 0.9em 0.9em 0.9em;
468
    -moz-border-radius: 0.9em 0.9em 0.9em 0.9em;
469
    background-color: #800000;
-
 
470
    border: 1px solid #FFFFFF;
-
 
471
}
469
}
472
 
470
 
473
#sidebar-left a.active-trail {
471
#sidebar-left a.active-trail {
474
	color: #800000;
472
	color: #800000;
475
	text-decoration: underline;	
473
	text-decoration: underline;	
476
}
474
}
477
 
475
 
478
#sidebar-left {
476
#sidebar-left {
479
	-webkit-border-radius-topright: 20px 20px;
477
	-webkit-border-radius-topright: 20px 20px;
480
	-webkit-border-radius-bottomright: 20px 20px;
478
	-webkit-border-radius-bottomright: 20px 20px;
481
	-moz-border-radius-topright: 20px 20px;
479
	-moz-border-radius-topright: 20px 20px;
482
	-moz-border-radius-bottomright: 20px 20px;
480
	-moz-border-radius-bottomright: 0px 0px;
483
	border-top-right-radius: 20px 20px;
481
	border-top-right-radius: 20px 20px;
484
	border-bottom-right-radius: 20px 20px;
482
	border-bottom-right-radius: 20px 20px;
485
	background-color: #5F8DBF;
483
	background-color: #0396A6;
486
	position:absolute;
484
	position:absolute;
487
	width: inherit;
485
	width: inherit;
488
}
486
}
489
 
487
 
490
#sidebar-left > div > h2 {
488
#sidebar-left > div > h2 {
491
	display: none;	
489
	display: none;	
492
}
490
}
493
 
491
 
494
#sidebar-left a {
492
#sidebar-left a {
495
	color: #FFFFFF;	
493
	color: #FFFFFF;	
496
	font-weight: bold;
494
	font-weight: bold;
497
	padding-left: 5px;
495
	padding-left: 5px;
498
}
496
}
499
 
497
 
500
.content > div > ul > li {
498
.content > div > ul > li {
501
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
499
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
502
}
500
}
503
 
501
 
504
ul.menu > li {
502
ul.menu > li {
505
	padding-top:5px;
503
	padding-top:5px;
506
	padding-left:5px;
504
	padding-left:5px;
507
}
505
}
508
 
506
 
509
.menu_recourbe {
507
.menu_recourbe {
510
 
508
 
511
	-moz-border-radius-bottomleft: 901px 158px;
509
	-moz-border-radius-bottomleft: 901px 158px;
512
	-moz-border-radius-bottomright: 300px 24px;
510
	-moz-border-radius-bottomright: 300px 24px;
513
    border-bottom-left-radius: 901px 158px;
511
    border-bottom-left-radius: 901px 158px;
514
    border-bottom-right-radius: 300px 24px;
512
    border-bottom-right-radius: 300px 24px;
515
    
513
    
516
	background-color: #FFFFFF;
514
	background-color: #FFFFFF;
517
	width:inherit;
515
	width:inherit;
518
	height: 30px;
516
	height: 30px;
519
	position: absolute;
517
	position: absolute;
520
	z-index: 50;
518
	z-index: 50;
521
}
519
}
522
 
520
 
523
#right {
521
#right {
524
	width: 210px;
522
	width: 200px;
525
	float: right;
523
	float: right;
526
	background-color: #FFFFFF;	
524
	background-color: #FFFFFF;	
527
}
525
}
528
 
526
 
529
#right h2 {
527
#right h2 {
530
	display: none;	
528
	display: none;	
531
}
529
}
532
 
530
 
533
.titre_bloc {
531
.titre_bloc {
534
	color: #FFFFFF;
532
	color: #FFFFFF;
535
	font-weight: bold;
533
	font-weight: bold;
536
	background-color: #5F8DBF;
534
	background-color: #5F8DBF;
537
	-webkit-border-radius-topleft: 20px 20px;
535
	-webkit-border-radius-topleft: 20px 20px;
538
	-moz-border-radius-topleft: 20px 20px;
536
	-moz-border-radius-topleft: 20px 20px;
539
	border-top-left-radius: 20px 20px;
537
	border-top-left-radius: 20px 20px;
540
}
538
}
541
 
539
 
542
.info_utilisateur, .formulaire_identification_ods {
540
.info_utilisateur, .formulaire_identification_ods {
543
	
541
	
544
	-webkit-border-radius-topleft: 20px 20px;
542
	-webkit-border-radius-topleft: 20px 20px;
545
	-webkit-border-radius-bottomleft: 20px 20px;
543
	-webkit-border-radius-bottomleft: 20px 20px;
546
	-moz-border-radius-topleft: 20px 20px;
544
	-moz-border-radius-topleft: 20px 20px;
547
	-moz-border-radius-bottomleft: 20px 20px;
545
	-moz-border-radius-bottomleft: 20px 20px;
548
	border-top-left-radius: 20px 20px;
546
	border-top-left-radius: 20px 20px;
549
	border-bottom-left-radius: 20px 20px;
547
	border-bottom-left-radius: 20px 20px;
550
	border: solid 1px;
548
	border: solid 1px;
551
	background-color: #F4F2EB;
549
	background-color: #F4F2EB;
552
    text-align: center;	
550
    text-align: center;	
553
    color: black;
551
    border-color: #D1C6A8;
554
}
552
}
555
 
553
 
556
.info_utilisateur a {
554
.info_utilisateur a {
557
	padding: 10px 10px 10px 25px;
555
	padding: 10px 10px 10px 25px;
558
}
556
}
559
 
557
 
560
#lien_mes_obs {	
558
#lien_mes_obs {	
561
	background: url("images/mes_obs.png") no-repeat scroll 5px 0.75em transparent;
559
	background: url("images/mes_obs.png") no-repeat scroll 5px 0.75em transparent;
562
}
560
}
563
 
561
 
564
#lien_admin {	
562
#lien_admin {	
565
	background: transparent url(images/admin.png) no-repeat 1px 0.7em;
563
	background: transparent url(images/admin.png) no-repeat 1px 0.7em;
566
}
564
}
567
 
565
 
568
#lien_mon_profil {	
566
#lien_mon_profil {	
569
	background: transparent url(images/mon_profil.png) no-repeat 1px 0.7em;
567
	background: transparent url(images/mon_profil.png) no-repeat 1px 0.7em;
570
}
568
}
571
 
569
 
572
#lien_deconnexion {	
570
#lien_deconnexion {	
573
	background: transparent url(images/deconnexion.png) no-repeat 1px 0.7em;
571
	background: transparent url(images/deconnexion.png) no-repeat 1px 0.7em;
574
}
572
}
575
 
573
 
576
.nb_inscrits {
574
.nb_inscrits {
577
	background: transparent url(images/puce-inscrits.png) no-repeat;
575
	background: transparent url(images/puce-inscrits.png) no-repeat;
578
	padding: 5px;
576
	padding: 5px;
579
	padding-left: 30px;	
577
	padding-left: 30px;	
580
	text-align: right;
578
	text-align: right;
581
	font-size: 1.2em;
579
	font-size: 1.2em;
582
}
580
}
583
 
581
 
584
/* We ensure the sidebars are still clickable using z-index */
582
/* We ensure the sidebars are still clickable using z-index */
585
#wrapper #container .sidebar {
583
#wrapper #container .sidebar {
586
  margin: 60px 0 5em;
584
  margin: 60px 0 5em;
587
  width: 210px;
585
  width: 210px;
588
  float: left;
586
  float: left;
589
  z-index: 2;
587
  z-index: 2;
590
  position: relative;
588
  position: relative;
591
  background-color: #FFFFFF;
589
  background-color: #FFFFFF;
592
}
590
}
593
 
591
 
594
#wrapper #container .sidebar .block {
592
#wrapper #container .sidebar .block {
595
  margin: 0 0 1.5em 0;
593
  margin: 0 0 1.5em 0;
596
}
594
}
597
 
595
 
598
#sidebar-left .block {
596
#sidebar-left .block {
599
  padding: 25px 15px 0 0px;
597
  padding: 25px 15px 0 0px;
600
}
598
}
601
 
599
 
602
#sidebar-right .block {
600
#sidebar-right .block {
603
  padding: 0 0px 0 15px;
601
  padding: 0 0px 0 15px;
604
}
602
}
605
 
603
 
606
.block .content {
604
.block .content {
607
  margin: 0.5em 0;
605
  margin: 0.5em 0;
608
}
606
}
609
 
607
 
610
#sidebar-left .block-region {
608
#sidebar-left .block-region {
611
  margin: 0 15px 0 0px; /* LTR */
609
  margin: 0 15px 0 0px; /* LTR */
612
}
610
}
613
 
611
 
614
#sidebar-right .block-region {
612
#sidebar-right .block-region {
615
  margin: 0 0px 0 15px; /* LTR */
613
  margin: 0 0px 0 15px; /* LTR */
616
}
614
}
617
 
615
 
618
.block-region {
616
.block-region {
619
  padding: 1em;
617
  padding: 1em;
620
  background: transparent;
618
  background: transparent;
621
  border: 2px dashed #b4d7f0;
619
  border: 2px dashed #b4d7f0;
622
  text-align: center;
620
  text-align: center;
623
  font-size: 1.3em;
621
  font-size: 1.3em;
624
}
622
}
625
 
623
 
626
/* Now we add the backgrounds for the main content shading */
624
/* Now we add the backgrounds for the main content shading */
627
#wrapper #container #center #squeeze {
625
#wrapper #container #center #squeeze {
628
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
626
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
629
  position: relative;
627
  position: relative;
630
}
628
}
631
 
629
 
632
#wrapper #container #center .right-corner {
630
#wrapper #container #center .right-corner {
633
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
631
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
634
  position: relative;
632
  position: relative;
635
  left: 10px;
633
  left: 10px;
636
}
634
}
637
 
635
 
638
#wrapper #container #center .right-corner .left-corner {
636
#wrapper #container #center .right-corner .left-corner {
639
  padding: 60px 25px 5em 35px;
637
  padding: 60px 25px 5em 35px;
640
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
638
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
641
  margin-left: -10px;
639
  margin-left: -10px;
642
  position: relative;
640
  position: relative;
643
  left: -10px;
641
  left: -10px;
644
  min-height: 400px;
642
  min-height: 400px;
645
}
643
}
646
 
644
 
647
#wrapper #container #footer {
645
#wrapper #container #footer {
648
  float: none;
646
  float: none;
649
  clear: both;
647
  clear: both;
650
  text-align: center;
648
  text-align: center;
651
  margin: 4em 0 -3em;
649
  margin: 4em 0 -3em;
652
  color: #898989;
650
  color: #898989;
653
}
651
}
654
 
652
 
655
#wrapper #container .breadcrumb {
653
#wrapper #container .breadcrumb {
656
  position: absolute;
654
  position: absolute;
657
  top: 15px;
655
  top: 15px;
658
  left: 35px; /* LTR */
656
  left: 35px; /* LTR */
659
  z-index: 3;
657
  z-index: 3;
660
}
658
}
661
 
659
 
662
/**
660
/**
663
 * Header
661
 * Header
664
 */
662
 */
665
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
663
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
666
  color: #fff;
664
  color: #fff;
667
  font-weight: normal;
665
  font-weight: normal;
668
  text-shadow: #1659ac 0px 1px 3px;
666
  text-shadow: #1659ac 0px 1px 3px;
669
  font-size: 1.5em;
667
  font-size: 1.5em;
670
}
668
}
671
 
669
 
672
#header {
670
#header {
673
	height: 180px;
671
	height: 180px;
674
	background-color: #FFFFFF;
672
	background-color: #FFFFFF;
675
	width: 955px;
673
	width: 955px;
676
}
674
}
677
 
675
 
678
.printemps {
676
.printemps {
679
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
677
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
680
}
678
}
681
 
679
 
682
.ete {
680
.ete {
683
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
681
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
684
}
682
}
685
 
683
 
686
.automne {
684
.automne {
687
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
685
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
688
}
686
}
689
 
687
 
690
.hiver {
688
.hiver {
691
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
689
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
692
}
690
}
693
 
691
 
694
#wrapper #container #header h1 a:hover {
692
#wrapper #container #header h1 a:hover {
695
  text-decoration: none;
693
  text-decoration: none;
696
}
694
}
697
 
695
 
698
#wrapper #container .breadcrumb {
696
#wrapper #container .breadcrumb {
699
  font-size: 0.92em;
697
  font-size: 0.92em;
700
}
698
}
701
 
699
 
702
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
700
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
703
  color: #529ad6;
701
  color: #529ad6;
704
}
702
}
705
 
703
 
706
#mission {
704
#mission {
707
  padding: 1em;
705
  padding: 1em;
708
  background-color: #fff;
706
  background-color: #fff;
709
  border: 1px solid #e0e5fb;
707
  border: 1px solid #e0e5fb;
710
  margin-bottom: 2em;
708
  margin-bottom: 2em;
711
}
709
}
712
 
710
 
713
#footer {
711
#footer {
714
	height: 120px;
712
	height: 120px;
715
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
713
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
716
	clear:both;
714
	clear:both;
717
	width:955px;
715
	width:955px;
718
	margin-left:auto;
716
	margin-left:auto;
719
	margin-right: auto;
717
	margin-right: auto;
720
	background-color: #FFFFFF;
718
	background-color: #FFFFFF;
721
	text-align: center;
719
	text-align: center;
722
	vertical-align: bottom;
720
	vertical-align: bottom;
723
}
721
}
724
 
722
 
725
.liens_bas_page {
723
.liens_bas_page {
726
	padding-top: 85px;
724
	padding-top: 85px;
727
	color: #FF7F00;
725
	color: #FF7F00;
728
	font-weight: bold;
726
	font-weight: bold;
729
}
727
}
730
 
728
 
731
.liens_bas_page a {
729
.liens_bas_page a {
732
	color: #FF7F00;
730
	color: #FF7F00;
733
	margin-left: 4px;
731
	margin-left: 4px;
734
	margin-right: 4px;
732
	margin-right: 4px;
735
	font-size: 1.1em;
733
	font-size: 1.1em;
736
}
734
}
737
 
735
 
738
/**
736
/**
739
 * Primary navigation
737
 * Primary navigation
740
 */
738
 */
741
ul.primary-links {
739
ul.primary-links {
742
  margin: 0;
740
  margin: 0;
743
  margin: -25px 0 0;
741
  margin: -25px 0 0;
744
  padding: 0;
742
  padding: 0;
745
  float: right; /* LTR */
743
  float: right; /* LTR */
746
  position: relative;
744
  position: relative;
747
  z-index: 4;
745
  z-index: 4;
748
  height: 25px;
746
  height: 25px;
749
}
747
}
750
 
748
 
751
ul.primary-links li {	
749
ul.primary-links li {	
752
  padding: 0;
750
  padding: 0;
753
  height: 25px;
751
  height: 25px;
754
  margin-left: 2px;
752
  margin-left: 2px;
755
  float: left; /* LTR */
753
  float: left; /* LTR */
756
  background-image: none;
754
  background-image: none;
757
  -moz-border-radius-topright: 1em; 
755
  -moz-border-radius-topright: 1em; 
758
  -moz-border-radius-topleft: 1em;
756
  -moz-border-radius-topleft: 1em;
759
  border-top-right-radius: 1em; 
757
  border-top-right-radius: 1em; 
760
  border-top-left-radius: 1em;
758
  border-top-left-radius: 1em;
761
}
759
}
762
 
760
 
763
ul.primary-links li.lien_primaire {
761
ul.primary-links li.lien_primaire {
764
	margin-left: 3px;
762
	margin-left: 3px;
765
	margin-top: 0px;
763
	margin-top: 0px;
766
	margin-bottom: 0px;
764
	margin-bottom: 0px;
767
	margin-right: 0px;
765
	margin-right: 0px;
768
	-moz-box-shadow: 3px 0px 0 #aaa;  
766
	-moz-box-shadow: 3px 0px 0 #aaa;  
769
	-webkit-box-shadow: 3px 0px 0 #aaa;  
767
	-webkit-box-shadow: 3px 0px 0 #aaa;  
770
	box-shadow: 3px 0px 0 #aaa;  
768
	box-shadow: 3px 0px 0 #aaa;  
771
}
769
}
772
                
770
                
773
 
771
 
774
li#lien_primaire_1 {
772
li#lien_primaire_1 {
775
	width: 20px;
773
	width: 20px;
776
	background-color : #6C9ED8;	
774
	background-color : #6C9ED8;	
777
}
775
}
778
 
776
 
779
li#lien_primaire_1 a img {
777
li#lien_primaire_1 a img {
780
	padding-top: 2px;
778
	padding-top: 2px;
781
}
779
}
782
	
780
	
783
li#lien_primaire_2 {
781
li#lien_primaire_2 {
784
	background-color : #800000;	
782
	background-color : #BF3600;	
785
}
783
}
786
 
784
 
787
li#lien_primaire_3 {
785
li#lien_primaire_3 {
788
	background-color : #9AC343;	
786
	background-color : #9AC343;	
789
}
787
}
790
 
788
 
791
li#lien_primaire_4 {
789
li#lien_primaire_4 {
792
	background-color : #EF7B1D;	
790
	background-color : #EF7B1D;	
793
}
791
}
794
 
792
 
795
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
793
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
796
  display: block;
794
  display: block;
797
  margin: 0 1em;
795
  margin: 0 1em;
798
  font-weight: bold;
796
  font-weight: bold;
799
  color: #FFFFFF;
797
  color: #FFFFFF;
800
  padding-top: 2px;
798
  padding-top: 2px;
801
}
799
}
802
 
800
 
803
ul.primary-links li a:hover, ul.primary-links li a.active {
801
ul.primary-links li a:hover, ul.primary-links li a.active {
804
  color: #fff;
802
  color: #fff;
805
}
803
}
806
 
804
 
807
ul.primary-links li.active-trail {
805
ul.primary-links li.active-trail {
808
	height:35px;
806
	height:35px;
809
	margin-top:-10px;
807
	margin-top:-10px;
810
}
808
}
811
 
809
 
812
ul.primary-links li.active-trail a {
810
ul.primary-links li.active-trail a {
813
	padding-top: 5px;
811
	padding-top: 5px;
814
}
812
}
815
 
813
 
816
/**
814
/**
817
 * Secondary navigation
815
 * Secondary navigation
818
 */
816
 */
819
ul.secondary-links {
817
ul.secondary-links {
820
  margin: 0;
818
  margin: 0;
821
  padding: 18px 0 0;
819
  padding: 18px 0 0;
822
  float: right; /* LTR */
820
  float: right; /* LTR */
823
  clear: right; /* LTR */
821
  clear: right; /* LTR */
824
  position: relative;
822
  position: relative;
825
  z-index: 4;
823
  z-index: 4;
826
}
824
}
827
 
825
 
828
ul.secondary-links li {
826
ul.secondary-links li {
829
  margin: 0;
827
  margin: 0;
830
  padding: 0;
828
  padding: 0;
831
  float: left; /* LTR */
829
  float: left; /* LTR */
832
  background-image: none;
830
  background-image: none;
833
}
831
}
834
 
832
 
835
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
833
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
836
  display: block;
834
  display: block;
837
  margin: 0 1em;
835
  margin: 0 1em;
838
  padding: .75em 0 0;
836
  padding: .75em 0 0;
839
  color: #cde3f1;
837
  color: #cde3f1;
840
  background: transparent;
838
  background: transparent;
841
}
839
}
842
 
840
 
843
ul.secondary-links li a:hover, ul.secondary-links li a.active {
841
ul.secondary-links li a:hover, ul.secondary-links li a.active {
844
  color: #cde3f1;
842
  color: #cde3f1;
845
  background: transparent;
843
  background: transparent;
846
}
844
}
847
 
845
 
848
/**
846
/**
849
 * Local tasks
847
 * Local tasks
850
 */
848
 */
851
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
849
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
852
  border: 0;
850
  border: 0;
853
  background: none;
851
  background: none;
854
  margin: 0;
852
  margin: 0;
855
  padding: 0;
853
  padding: 0;
856
}
854
}
857
 
855
 
858
#tabs-wrapper {
856
#tabs-wrapper {
859
  margin: 0 -26px 1em;
857
  margin: 0 -26px 1em;
860
  padding: 0 26px;
858
  padding: 0 26px;
861
  border-bottom: 1px solid #e9eff3;
859
  border-bottom: 1px solid #e9eff3;
862
  position: relative;
860
  position: relative;
863
}
861
}
864
ul.primary {
862
ul.primary {
865
  padding: 0.5em 0 10px;
863
  padding: 0.5em 0 10px;
866
  float: left; /* LTR */
864
  float: left; /* LTR */
867
}
865
}
868
ul.secondary {
866
ul.secondary {
869
  clear: both;
867
  clear: both;
870
  text-align: left; /* LTR */
868
  text-align: left; /* LTR */
871
  border-bottom: 1px solid #e9eff3;
869
  border-bottom: 1px solid #e9eff3;
872
  margin: -0.2em -26px 1em;
870
  margin: -0.2em -26px 1em;
873
  padding: 0 26px 0.6em;
871
  padding: 0 26px 0.6em;
874
}
872
}
875
h2.with-tabs {
873
h2.with-tabs {
876
  float: left; /* LTR */
874
  float: left; /* LTR */
877
  margin: 0 2em 0 0; /* LTR */
875
  margin: 0 2em 0 0; /* LTR */
878
  padding: 0;
876
  padding: 0;
879
}
877
}
880
 
878
 
881
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
879
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
882
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
880
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
883
  border: 0;
881
  border: 0;
884
  background: transparent;
882
  background: transparent;
885
  padding: 4px 1em;
883
  padding: 4px 1em;
886
  margin: 0 0 0 1px; /* LTR */
884
  margin: 0 0 0 1px; /* LTR */
887
  height: auto;
885
  height: auto;
888
  text-decoration: none;
886
  text-decoration: none;
889
  position: relative;
887
  position: relative;
890
  top: -1px;
888
  top: -1px;
891
  display: inline-block;
889
  display: inline-block;
892
}
890
}
893
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
891
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
894
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
892
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
895
  background: url(images/bg-tab.png) repeat-x 0 50%;
893
  background: url(images/bg-tab.png) repeat-x 0 50%;
896
  color: #fff;
894
  color: #fff;
897
}
895
}
898
ul.primary li.active a,
896
ul.primary li.active a,
899
ul.secondary li.active a {
897
ul.secondary li.active a {
900
  font-weight: bold;
898
  font-weight: bold;
901
}
899
}
902
 
900
 
903
/**
901
/**
904
 * Nodes & comments
902
 * Nodes & comments
905
 */
903
 */
906
.node {
904
.node {
907
  border-bottom: 1px solid #e9eff3;
905
  border-bottom: 1px solid #e9eff3;
908
  margin: 0 0px 1.5em;
906
  margin: 0 0px 1.5em;
909
  padding: 1.5em 26px;
907
  padding: 1.5em 13px;
910
}
908
}
911
 
909
 
912
ul.links li, ul.inline li {
910
ul.links li, ul.inline li {
913
  margin-left: 0;
911
  margin-left: 0;
914
  margin-right: 0;
912
  margin-right: 0;
915
  padding-left: 0; /* LTR */
913
  padding-left: 0; /* LTR */
916
  padding-right: 1em; /* LTR */
914
  padding-right: 1em; /* LTR */
917
  background-image: none;
915
  background-image: none;
918
}
916
}
919
 
917
 
920
.node .links, .comment .links {
918
.node .links, .comment .links {
921
  text-align: left; /* LTR */
919
  text-align: left; /* LTR */
922
}
920
}
923
 
921
 
924
.node .links ul.links li, .comment .links ul.links li {}
922
.node .links ul.links li, .comment .links ul.links li {}
925
.terms ul.links li {
923
.terms ul.links li {
926
  margin-left: 0;
924
  margin-left: 0;
927
  margin-right: 0;
925
  margin-right: 0;
928
  padding-right: 0;
926
  padding-right: 0;
929
  padding-left: 1em;
927
  padding-left: 1em;
930
}
928
}
931
 
929
 
932
.picture, .comment .submitted {
930
.picture, .comment .submitted {
933
  float: right; /* LTR */
931
  float: right; /* LTR */
934
  clear: right; /* LTR */
932
  clear: right; /* LTR */
935
  padding-left: 1em; /* LTR */
933
  padding-left: 1em; /* LTR */
936
}
934
}
937
 
935
 
938
.new {
936
.new {
939
  color: #ffae00;
937
  color: #ffae00;
940
  font-size: 0.92em;
938
  font-size: 0.92em;
941
  font-weight: bold;
939
  font-weight: bold;
942
  float: right; /* LTR */
940
  float: right; /* LTR */
943
}
941
}
944
 
942
 
945
.terms {
943
.terms {
946
  float: right; /* LTR */
944
  float: right; /* LTR */
947
}
945
}
948
 
946
 
949
.preview .node, .preview .comment, .sticky {
947
.preview .node, .preview .comment, .sticky {
950
  margin: 0;
948
  margin: 0;
951
  padding: 0.5em 0;
949
  padding: 0.5em 0;
952
  border: 0;
950
  border: 0;
953
  background: 0;
951
  background: 0;
954
}
952
}
955
 
953
 
956
.sticky {
954
.sticky {
957
  padding: 1em;
955
  padding: 1em;
958
  background-color: #fff;
956
  background-color: #fff;
959
  border: 1px solid #e0e5fb;
957
  border: 1px solid #e0e5fb;
960
  margin-bottom: 2em;
958
  margin-bottom: 2em;
961
}
959
}
962
 
960
 
963
#comments {
961
#comments {
964
  position: relative;
962
  position: relative;
965
  top: -1px;
963
  top: -1px;
966
  border-bottom: 1px solid #e9eff3;
964
  border-bottom: 1px solid #e9eff3;
967
  margin: -1.5em -25px 0;
965
  margin: -1.5em -25px 0;
968
  padding: 0 25px;
966
  padding: 0 25px;
969
}
967
}
970
 
968
 
971
#comments h2.comments {
969
#comments h2.comments {
972
  margin: 0 -25px;
970
  margin: 0 -25px;
973
  padding: .5em 25px;
971
  padding: .5em 25px;
974
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
972
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
975
}
973
}
976
 
974
 
977
.comment {
975
.comment {
978
  margin: 0 -25px;
976
  margin: 0 -25px;
979
  padding: 1.5em 25px 1.5em;
977
  padding: 1.5em 25px 1.5em;
980
  border-top: 1px solid #e9eff3;
978
  border-top: 1px solid #e9eff3;
981
}
979
}
982
 
980
 
983
.indented {
981
.indented {
984
  margin-left: 25px; /* LTR */
982
  margin-left: 25px; /* LTR */
985
}
983
}
986
 
984
 
987
.comment h3 a.active {
985
.comment h3 a.active {
988
  color: #494949;
986
  color: #494949;
989
}
987
}
990
 
988
 
991
.node .content, .comment .content {
989
.node .content, .comment .content {
992
  margin: 0.6em 0;
990
  margin: 0.6em 0;
993
}
991
}
994
 
992
 
995
/**
993
/**
996
 * Aggregator.module
994
 * Aggregator.module
997
 */
995
 */
998
#aggregator {
996
#aggregator {
999
  margin-top: 1em;
997
  margin-top: 1em;
1000
}
998
}
1001
#aggregator .feed-item-title {
999
#aggregator .feed-item-title {
1002
  font-size: 160%;
1000
  font-size: 160%;
1003
  line-height: 130%;
1001
  line-height: 130%;
1004
}
1002
}
1005
#aggregator .feed-item {
1003
#aggregator .feed-item {
1006
  border-bottom: 1px solid #e9eff3;
1004
  border-bottom: 1px solid #e9eff3;
1007
  margin: -1.5em -31px 1.75em;
1005
  margin: -1.5em -31px 1.75em;
1008
  padding: 1.5em 31px;
1006
  padding: 1.5em 31px;
1009
}
1007
}
1010
#aggregator .feed-item-categories {
1008
#aggregator .feed-item-categories {
1011
  font-size: 0.92em;
1009
  font-size: 0.92em;
1012
}
1010
}
1013
#aggregator .feed-item-meta {
1011
#aggregator .feed-item-meta {
1014
  font-size: 0.92em;
1012
  font-size: 0.92em;
1015
  color: #898989;
1013
  color: #898989;
1016
}
1014
}
1017
 
1015
 
1018
/**
1016
/**
1019
 * Color.module
1017
 * Color.module
1020
 */
1018
 */
1021
#palette .form-item {
1019
#palette .form-item {
1022
  border: 1px solid #fff;
1020
  border: 1px solid #fff;
1023
}
1021
}
1024
#palette .item-selected {
1022
#palette .item-selected {
1025
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1023
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1026
  border: 1px solid #d9eaf5;
1024
  border: 1px solid #d9eaf5;
1027
}
1025
}
1028
 
1026
 
1029
/**
1027
/**
1030
 * Menu.module
1028
 * Menu.module
1031
 */
1029
 */
1032
tr.menu-disabled {
1030
tr.menu-disabled {
1033
  opacity: 0.5;
1031
  opacity: 0.5;
1034
}
1032
}
1035
tr.odd td.menu-disabled {
1033
tr.odd td.menu-disabled {
1036
  background-color: #edf5fa;
1034
  background-color: #edf5fa;
1037
}
1035
}
1038
tr.even td.menu-disabled {
1036
tr.even td.menu-disabled {
1039
  background-color: #fff;
1037
  background-color: #fff;
1040
}
1038
}
1041
 
1039
 
1042
/**
1040
/**
1043
 * Poll.module
1041
 * Poll.module
1044
 */
1042
 */
1045
.poll .bar {
1043
.poll .bar {
1046
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
1044
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
1047
  border: solid #f0f0f0;
1045
  border: solid #f0f0f0;
1048
  border-width: 0 1px 1px;
1046
  border-width: 0 1px 1px;
1049
}
1047
}
1050
 
1048
 
1051
.poll .bar .foreground {
1049
.poll .bar .foreground {
1052
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
1050
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
1053
}
1051
}
1054
 
1052
 
1055
.poll .percent {
1053
.poll .percent {
1056
  font-size: .9em;
1054
  font-size: .9em;
1057
}
1055
}
1058
 
1056
 
1059
/**
1057
/**
1060
 * Autocomplete.
1058
 * Autocomplete.
1061
 */
1059
 */
1062
#autocomplete li {
1060
#autocomplete li {
1063
  cursor: default;
1061
  cursor: default;
1064
  padding: 2px;
1062
  padding: 2px;
1065
  margin: 0;
1063
  margin: 0;
1066
}
1064
}
1067
 
1065
 
1068
/**
1066
/**
1069
 * Collapsible fieldsets
1067
 * Collapsible fieldsets
1070
 */
1068
 */
1071
fieldset {
1069
fieldset {
1072
  margin: 1em 0;
1070
  margin: 1em 0;
1073
  padding: 1em;
1071
  padding: 1em;
1074
  border: 1px solid #d9eaf5;
1072
  border: 1px solid #d9eaf5;
1075
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1073
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1076
}
1074
}
1077
 
1075
 
1078
/* Targets IE 7. Fixes background image in field sets. */
1076
/* Targets IE 7. Fixes background image in field sets. */
1079
*:first-child+html fieldset {
1077
*:first-child+html fieldset {
1080
  padding: 0 1em 1em;
1078
  padding: 0 1em 1em;
1081
  background-position: 0 .75em;
1079
  background-position: 0 .75em;
1082
  background-color: transparent;
1080
  background-color: transparent;
1083
}
1081
}
1084
 
1082
 
1085
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
1083
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
1086
  padding-top: 1em;
1084
  padding-top: 1em;
1087
}
1085
}
1088
 
1086
 
1089
fieldset legend {
1087
fieldset legend {
1090
  /* Fix disappearing legend in FFox */
1088
  /* Fix disappearing legend in FFox */
1091
  display: block;
1089
  display: block;
1092
}
1090
}
1093
 
1091
 
1094
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
1092
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
1095
  display: inline;
1093
  display: inline;
1096
}
1094
}
1097
 
1095
 
1098
html.js fieldset.collapsed {
1096
html.js fieldset.collapsed {
1099
  background: transparent;
1097
  background: transparent;
1100
  padding-top: 0;
1098
  padding-top: 0;
1101
  padding-bottom: .6em;
1099
  padding-bottom: .6em;
1102
}
1100
}
1103
 
1101
 
1104
html.js fieldset.collapsible legend a {
1102
html.js fieldset.collapsible legend a {
1105
  padding-left: 2em; /* LTR */
1103
  padding-left: 2em; /* LTR */
1106
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
1104
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
1107
}
1105
}
1108
 
1106
 
1109
html.js fieldset.collapsed legend a {
1107
html.js fieldset.collapsed legend a {
1110
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
1108
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
1111
}
1109
}
1112
 
1110
 
1113
/**
1111
/**
1114
 * Syndication icons and block
1112
 * Syndication icons and block
1115
 */
1113
 */
1116
#block-node-0 h2 {
1114
#block-node-0 h2 {
1117
  float: left; /* LTR */
1115
  float: left; /* LTR */
1118
  padding-right: 20px; /* LTR */
1116
  padding-right: 20px; /* LTR */
1119
}
1117
}
1120
 
1118
 
1121
#block-node-0 img, .feed-icon {
1119
#block-node-0 img, .feed-icon {
1122
  float: right; /* LTR */
1120
  float: right; /* LTR */
1123
  padding-top: 4px;
1121
  padding-top: 4px;
1124
}
1122
}
1125
 
1123
 
1126
#block-node-0 .content {
1124
#block-node-0 .content {
1127
  clear: right; /* LTR */
1125
  clear: right; /* LTR */
1128
}
1126
}
1129
 
1127
 
1130
/**
1128
/**
1131
 * Login Block
1129
 * Login Block
1132
 */
1130
 */
1133
#user-login-form {
1131
#user-login-form {
1134
  text-align: center;
1132
  text-align: center;
1135
}
1133
}
1136
#user-login-form ul {
1134
#user-login-form ul {
1137
  text-align: left; /* LTR */
1135
  text-align: left; /* LTR */
1138
}
1136
}
1139
 
1137
 
1140
/**
1138
/**
1141
 * User profiles.
1139
 * User profiles.
1142
 */
1140
 */
1143
.profile {
1141
.profile {
1144
  margin-top: 1.5em;
1142
  margin-top: 1.5em;
1145
}
1143
}
1146
.profile h3 {
1144
.profile h3 {
1147
  border-bottom: 0;
1145
  border-bottom: 0;
1148
  margin-bottom: 1em;
1146
  margin-bottom: 1em;
1149
}
1147
}
1150
.profile dl {
1148
.profile dl {
1151
  margin: 0;
1149
  margin: 0;
1152
}
1150
}
1153
.profile dt {
1151
.profile dt {
1154
  font-weight: normal;
1152
  font-weight: normal;
1155
  color: #898989;
1153
  color: #898989;
1156
  font-size: 0.92em;
1154
  font-size: 0.92em;
1157
  line-height: 1.3em;
1155
  line-height: 1.3em;
1158
  margin-top: 1.4em;
1156
  margin-top: 1.4em;
1159
  margin-bottom: 0.45em;
1157
  margin-bottom: 0.45em;
1160
}
1158
}
1161
.profile dd {
1159
.profile dd {
1162
  margin-bottom: 1.6em;
1160
  margin-bottom: 1.6em;
1163
}
1161
}
1164
 
1162
 
1165
/**
1163
/**
1166
 * Admin Styles
1164
 * Admin Styles
1167
 */
1165
 */
1168
div.admin-panel,
1166
div.admin-panel,
1169
div.admin-panel .description,
1167
div.admin-panel .description,
1170
div.admin-panel .body,
1168
div.admin-panel .body,
1171
div.admin,
1169
div.admin,
1172
div.admin .left,
1170
div.admin .left,
1173
div.admin .right,
1171
div.admin .right,
1174
div.admin .expert-link,
1172
div.admin .expert-link,
1175
div.item-list,
1173
div.item-list,
1176
.menu {
1174
.menu {
1177
  margin: 0;
1175
  margin: 0;
1178
  padding: 0;
1176
  padding: 0;
1179
}
1177
}
1180
 
1178
 
1181
div.admin .left {
1179
div.admin .left {
1182
  float: left; /* LTR */
1180
  float: left; /* LTR */
1183
  width: 48%;
1181
  width: 48%;
1184
}
1182
}
1185
div.admin .right {
1183
div.admin .right {
1186
  float: right; /* LTR */
1184
  float: right; /* LTR */
1187
  width: 48%;
1185
  width: 48%;
1188
}
1186
}
1189
 
1187
 
1190
div.admin-panel {
1188
div.admin-panel {
1191
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1189
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1192
  padding: 1em 1em 1.5em;
1190
  padding: 1em 1em 1.5em;
1193
}
1191
}
1194
div.admin-panel .description {
1192
div.admin-panel .description {
1195
  margin-bottom: 1.5em;
1193
  margin-bottom: 1.5em;
1196
}
1194
}
1197
div.admin-panel dl {
1195
div.admin-panel dl {
1198
  margin: 0;
1196
  margin: 0;
1199
}
1197
}
1200
div.admin-panel dd {
1198
div.admin-panel dd {
1201
  color: #898989;
1199
  color: #898989;
1202
  font-size: 0.92em;
1200
  font-size: 0.92em;
1203
  line-height: 1.3em;
1201
  line-height: 1.3em;
1204
  margin-top: -.2em;
1202
  margin-top: -.2em;
1205
  margin-bottom: .65em;
1203
  margin-bottom: .65em;
1206
}
1204
}
1207
 
1205
 
1208
table.system-status-report th {
1206
table.system-status-report th {
1209
  border-color: #d3e7f4;
1207
  border-color: #d3e7f4;
1210
}
1208
}
1211
 
1209
 
1212
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1210
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1213
  background: #027ac6;
1211
  background: #027ac6;
1214
  color: #fff;
1212
  color: #fff;
1215
}
1213
}
1216
 
1214
 
1217
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1215
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1218
  color: #d3e7f4;
1216
  color: #d3e7f4;
1219
}
1217
}
1220
 
1218
 
1221
tr.taxonomy-term-preview {
1219
tr.taxonomy-term-preview {
1222
  opacity: 0.5;
1220
  opacity: 0.5;
1223
}
1221
}
1224
 
1222
 
1225
tr.taxonomy-term-divider-top {
1223
tr.taxonomy-term-divider-top {
1226
  border-bottom: none;
1224
  border-bottom: none;
1227
}
1225
}
1228
 
1226
 
1229
tr.taxonomy-term-divider-bottom {
1227
tr.taxonomy-term-divider-bottom {
1230
  border-top: 1px dotted #CCC;
1228
  border-top: 1px dotted #CCC;
1231
}
1229
}
1232
 
1230
 
1233
/**
1231
/**
1234
 * CSS support
1232
 * CSS support
1235
 */
1233
 */
1236
 
1234
 
1237
/*******************************************************************
1235
/*******************************************************************
1238
 * Color Module: Don't touch                                       *
1236
 * Color Module: Don't touch                                       *
1239
 *******************************************************************/
1237
 *******************************************************************/
1240
 
1238
 
1241
/**
1239
/**
1242
 * Generic elements.
1240
 * Generic elements.
1243
 */
1241
 */
1244
.messages {
1242
.messages {
1245
  background-color: #fff;
1243
  background-color: #fff;
1246
  border: 1px solid #b8d3e5;
1244
  border: 1px solid #b8d3e5;
1247
}
1245
}
1248
 
1246
 
1249
.preview {
1247
.preview {
1250
  background-color: #fcfce8;
1248
  background-color: #fcfce8;
1251
  border: 1px solid #e5e58f;
1249
  border: 1px solid #e5e58f;
1252
}
1250
}
1253
 
1251
 
1254
div.status {
1252
div.status {
1255
  color: #33a333;
1253
  color: #33a333;
1256
  border-color: #c7f2c8;
1254
  border-color: #c7f2c8;
1257
}
1255
}
1258
 
1256
 
1259
div.error, tr.error {
1257
div.error, tr.error {
1260
  color: #a30000;
1258
  color: #a30000;
1261
  background-color: #FFCCCC;
1259
  background-color: #FFCCCC;
1262
}
1260
}
1263
 
1261
 
1264
.form-item input.error, .form-item textarea.error {
1262
.form-item input.error, .form-item textarea.error {
1265
  border: 1px solid #c52020;
1263
  border: 1px solid #c52020;
1266
  color: #363636;
1264
  color: #363636;
1267
}
1265
}
1268
 
1266
 
1269
/**
1267
/**
1270
 * dblog.module
1268
 * dblog.module
1271
 */
1269
 */
1272
tr.dblog-user {
1270
tr.dblog-user {
1273
  background-color: #fcf9e5;
1271
  background-color: #fcf9e5;
1274
}
1272
}
1275
 
1273
 
1276
tr.dblog-user td.active {
1274
tr.dblog-user td.active {
1277
  background-color: #fbf5cf;
1275
  background-color: #fbf5cf;
1278
}
1276
}
1279
 
1277
 
1280
tr.dblog-content {
1278
tr.dblog-content {
1281
  background-color: #fefefe;
1279
  background-color: #fefefe;
1282
}
1280
}
1283
 
1281
 
1284
tr.dblog-content td.active {
1282
tr.dblog-content td.active {
1285
  background-color: #f5f5f5;
1283
  background-color: #f5f5f5;
1286
}
1284
}
1287
 
1285
 
1288
tr.dblog-warning {
1286
tr.dblog-warning {
1289
  background-color: #fdf5e6;
1287
  background-color: #fdf5e6;
1290
}
1288
}
1291
 
1289
 
1292
tr.dblog-warning td.active {
1290
tr.dblog-warning td.active {
1293
  background-color: #fdf2de;
1291
  background-color: #fdf2de;
1294
}
1292
}
1295
 
1293
 
1296
tr.dblog-error {
1294
tr.dblog-error {
1297
  background-color: #fbe4e4;
1295
  background-color: #fbe4e4;
1298
}
1296
}
1299
 
1297
 
1300
tr.dblog-error td.active {
1298
tr.dblog-error td.active {
1301
  background-color: #fbdbdb;
1299
  background-color: #fbdbdb;
1302
}
1300
}
1303
tr.dblog-page-not-found, tr.dblog-access-denied {
1301
tr.dblog-page-not-found, tr.dblog-access-denied {
1304
  background: #d7ffd7;
1302
  background: #d7ffd7;
1305
}
1303
}
1306
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1304
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1307
  background: #c7eec7;
1305
  background: #c7eec7;
1308
}
1306
}
1309
 
1307
 
1310
/**
1308
/**
1311
 * Status report colors.
1309
 * Status report colors.
1312
 */
1310
 */
1313
table.system-status-report tr.error, table.system-status-report tr.error th {
1311
table.system-status-report tr.error, table.system-status-report tr.error th {
1314
  background-color: #fcc;
1312
  background-color: #fcc;
1315
  border-color: #ebb;
1313
  border-color: #ebb;
1316
  color: #200;
1314
  color: #200;
1317
}
1315
}
1318
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1316
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1319
  background-color: #ffd;
1317
  background-color: #ffd;
1320
  border-color: #eeb;
1318
  border-color: #eeb;
1321
}
1319
}
1322
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1320
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1323
  background-color: #dfd;
1321
  background-color: #dfd;
1324
  border-color: #beb;
1322
  border-color: #beb;
1325
}
1323
}