Subversion Repositories Sites.obs-saisons.fr

Rev

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

Rev 211 Rev 220
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: 11px/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: 145%;
51
}
51
}
52
 
52
 
53
h4 {
53
h4 {
54
  font-size: 130%;
54
  font-size: 122%;
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: 0px;
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: 555px;	
444
	width: 555px;	
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
#center h2 {
451
#center h2 {
452
    background: url("images/puce_titre_2.png") no-repeat scroll 13px 0 transparent;
452
    background: url("images/puce_titre_2.png") no-repeat scroll 13px 0 transparent;
453
    color: #4F3F1B;
453
    color: #4F3F1B;
454
    font-weight: bold;
454
    font-weight: bold;
455
    padding: 0 0 10px 42px;
455
    padding: 0 0 10px 42px;
456
    width: 100%;
456
    width: 100%;
457
}
457
}
458
 
458
 
459
#center h3 {
459
#center h3 {
460
	color: #9AC343;
460
	color: #9AC343;
461
	font-weight: bold;
461
	font-weight: bold;
462
	padding: 10px 0 0 0;
462
	padding: 10px 0 5px 0;
463
}
463
}
464
 
464
 
465
#center h4 {
465
#center h4 {
466
	color: #ACC700;
466
	color: #0396A6;
467
	font-weight: bold;
467
	font-weight: bold;
-
 
468
	padding: 5px 0 0 0;
468
}
469
}
469
 
470
 
470
#center li {
471
#center li {
471
	 margin-left: 20px;
472
	 margin-left: 20px;
472
	 padding: 0 0 0 0;
473
	 padding: 0 0 0 0;
473
	 list-style-type: disc;
474
	 list-style-type: disc;
474
}
475
}
475
 
476
 
476
#center li.num {
477
#center li.num {
477
	 list-style-type: decimal;
478
	 list-style-type: decimal;
478
	 margin-left: 20px;
479
	 margin-left: 20px;
479
}
480
}
480
 
481
 
481
.placement_image {
482
.placement_image {
482
	display: inline;
483
	display: inline;
483
    float: left;
484
    float: left;
484
}
485
}
485
 
486
 
486
#left {
487
#left {
487
	width: 190px;
488
	width: 190px;
488
	padding:5px;
489
	padding:5px;
489
	padding-left: 0px;
490
	padding-left: 0px;
490
	float: left;
491
	float: left;
491
	min-height: 650px;
492
	min-height: 650px;
492
	background-color: #FFFFFF;	
493
	background-color: #FFFFFF;	
493
}
494
}
494
 
495
 
495
#sidebar-left > div > div > div > ul.menu > li {
496
#sidebar-left > div > div > div > ul.menu > li {
496
	padding-left:20px;
497
	padding-left:20px;
497
}
498
}
498
 
499
 
499
#sidebar-left > div > div > div > ul.menu > li > a.active-trail {
500
#sidebar-left > div > div > div > ul.menu > li > a.active-trail {
500
    color: #FFFFFF;
501
    color: #FFFFFF;
501
    font-weight: bold;
502
    font-weight: bold;
502
    padding-left: 5px;
503
    padding-left: 5px;
503
    -moz-border-radius: 0.9em 0.9em 0.9em 0.9em;
504
    -moz-border-radius: 0.9em 0.9em 0.9em 0.9em;
504
}
505
}
505
 
506
 
506
#sidebar-left a.active-trail {
507
#sidebar-left a.active-trail {
507
	color: #800000;
508
	color: #800000;
508
	text-decoration: underline;	
509
	text-decoration: underline;	
509
}
510
}
510
 
511
 
511
#sidebar-left {
512
#sidebar-left {
512
	-webkit-border-radius-topright: 20px 20px;
513
	-webkit-border-radius-topright: 20px 20px;
513
	-webkit-border-radius-bottomright: 20px 20px;
514
	-webkit-border-radius-bottomright: 20px 20px;
514
	-moz-border-radius-topright: 20px 20px;
515
	-moz-border-radius-topright: 20px 20px;
515
	-moz-border-radius-bottomright: 0px 0px;
516
	-moz-border-radius-bottomright: 0px 0px;
516
	border-top-right-radius: 20px 20px;
517
	border-top-right-radius: 20px 20px;
517
	border-bottom-right-radius: 20px 20px;
518
	border-bottom-right-radius: 20px 20px;
518
	background-color: #0396A6;
519
	background-color: #0396A6;
519
	position:absolute;
520
	position:absolute;
520
	width: inherit;
521
	width: inherit;
521
}
522
}
522
 
523
 
523
#sidebar-left > div > h2 {
524
#sidebar-left > div > h2 {
524
	display: none;	
525
	display: none;	
525
}
526
}
526
 
527
 
527
#sidebar-left a {
528
#sidebar-left a {
528
	color: #FFFFFF;	
529
	color: #FFFFFF;	
529
	font-weight: bold;
530
	font-weight: bold;
530
	padding-left: 5px;
531
	padding-left: 5px;
531
}
532
}
532
 
533
 
533
.content > div > ul > li {
534
.content > div > ul > li {
534
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
535
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
535
}
536
}
536
 
537
 
537
ul.menu > li {
538
ul.menu > li {
538
	padding-top:5px;
539
	padding-top:5px;
539
	padding-left:5px;
540
	padding-left:5px;
540
}
541
}
541
 
542
 
542
.menu_recourbe {
543
.menu_recourbe {
543
 
544
 
544
	-moz-border-radius-bottomleft: 901px 158px;
545
	-moz-border-radius-bottomleft: 901px 158px;
545
	-moz-border-radius-bottomright: 300px 24px;
546
	-moz-border-radius-bottomright: 300px 24px;
546
    border-bottom-left-radius: 901px 158px;
547
    border-bottom-left-radius: 901px 158px;
547
    border-bottom-right-radius: 300px 24px;
548
    border-bottom-right-radius: 300px 24px;
548
    
549
    
549
	background-color: #FFFFFF;
550
	background-color: #FFFFFF;
550
	width:inherit;
551
	width:inherit;
551
	height: 30px;
552
	height: 30px;
552
	position: absolute;
553
	position: absolute;
553
	z-index: 50;
554
	z-index: 50;
554
}
555
}
555
 
556
 
556
#right {
557
#right {
557
	width: 200px;
558
	width: 200px;
558
	float: right;
559
	float: right;
559
	background-color: #FFFFFF;	
560
	background-color: #FFFFFF;	
560
}
561
}
561
 
562
 
562
#right h2 {
563
#right h2 {
563
	display: none;	
564
	display: none;	
564
}
565
}
565
 
566
 
566
.titre_bloc {
567
.titre_bloc {
567
	color: #FFFFFF;
568
	color: #FFFFFF;
568
	font-weight: bold;
569
	font-weight: bold;
569
	background-color: #5F8DBF;
570
	background-color: #5F8DBF;
570
	-webkit-border-radius-topleft: 20px 20px;
571
	-webkit-border-radius-topleft: 20px 20px;
571
	-moz-border-radius-topleft: 20px 20px;
572
	-moz-border-radius-topleft: 20px 20px;
572
	border-top-left-radius: 20px 20px;
573
	border-top-left-radius: 20px 20px;
573
}
574
}
574
 
575
 
575
.ods_ou_phenoclim .titre_bloc {
576
.ods_ou_phenoclim .titre_bloc {
576
	background-color: #99CC32;	
577
	background-color: #99CC32;	
577
}
578
}
578
 
579
 
579
.info_utilisateur, .formulaire_identification_ods, .ods_ou_phenoclim {
580
.info_utilisateur, .formulaire_identification_ods, .ods_ou_phenoclim {
580
	
581
	
581
	-webkit-border-radius-topleft: 20px 20px;
582
	-webkit-border-radius-topleft: 20px 20px;
582
	-webkit-border-radius-bottomleft: 20px 20px;
583
	-webkit-border-radius-bottomleft: 20px 20px;
583
	-moz-border-radius-topleft: 20px 20px;
584
	-moz-border-radius-topleft: 20px 20px;
584
	-moz-border-radius-bottomleft: 20px 20px;
585
	-moz-border-radius-bottomleft: 20px 20px;
585
	border-top-left-radius: 20px 20px;
586
	border-top-left-radius: 20px 20px;
586
	border-bottom-left-radius: 20px 20px;
587
	border-bottom-left-radius: 20px 20px;
587
	border: solid 1px;
588
	border: solid 1px;
588
	background-color: #F4F2EB;
589
	background-color: #F4F2EB;
589
    text-align: center;	
590
	text-align: center;	
590
    border-color: #D1C6A8;
591
	border-color: #D1C6A8;
591
    padding-bottom: 6px;
592
	padding-bottom: 6px;
592
}
593
}
593
 
594
 
594
.info_utilisateur a {
595
.info_utilisateur a {
595
	padding: 10px 10px 10px 25px;
596
	padding: 10px 10px 10px 25px;
596
}
597
}
597
 
598
 
598
#lien_mes_obs {	
599
#lien_mes_obs {	
599
	background: url("images/mes_obs.png") no-repeat scroll 5px 0.75em transparent;
600
	background: url("images/mes_obs.png") no-repeat scroll 5px 0.75em transparent;
600
}
601
}
601
 
602
 
602
#lien_admin {	
603
#lien_admin {	
603
	background: transparent url(images/admin.png) no-repeat 1px 0.7em;
604
	background: transparent url(images/admin.png) no-repeat 1px 0.7em;
604
}
605
}
605
 
606
 
606
#lien_mon_profil {	
607
#lien_mon_profil {	
607
	background: transparent url(images/mon_profil.png) no-repeat 1px 0.7em;
608
	background: transparent url(images/mon_profil.png) no-repeat 1px 0.7em;
608
}
609
}
609
 
610
 
610
#lien_deconnexion {	
611
#lien_deconnexion {	
611
	background: transparent url(images/deconnexion.png) no-repeat 1px 0.7em;
612
	background: transparent url(images/deconnexion.png) no-repeat 1px 0.7em;
612
}
613
}
613
 
614
 
614
.nb_inscrits {
615
.nb_inscrits {
615
	background: transparent url(images/puce-inscrits.png) no-repeat;
616
	background: transparent url(images/puce-inscrits.png) no-repeat;
616
	padding: 5px;
617
	padding: 5px;
617
	padding-left: 30px;	
618
	padding-left: 30px;	
618
	text-align: right;
619
	text-align: right;
619
	font-size: 1.2em;
620
	font-size: 1.2em;
620
}
621
}
621
 
622
 
622
 
623
 
623
/** Bloc de description en haut de la page d'accueil **/
624
/** Bloc de description en haut de la page d'accueil **/
624
#node-2 {
625
#node-2 {
625
	visibility: hidden;
626
	visibility: hidden;
626
	height: 0px;
627
	height: 0px;
627
	padding-bottom : 0px;	
628
	padding-bottom : 0px;	
628
	padding-top : 0px;	
629
	padding-top : 0px;	
629
}
630
}
630
 
631
 
631
#center #block-block-6 {
632
#block-block-6 {
632
	border: 2px dashed #D2C7AA;
633
	border: 2px dashed #D2C7AA;
633
	text-align: center;
634
	text-align: center;
634
	margin-left: 0.6em;
635
	margin-left: 0.6em;
635
}
636
}
636
 
637
 
637
#block-block-6 h2 {
638
#block-block-6 h2 {
638
	padding: 0 0 0 0;
639
	padding: 0 0 0 0;
639
	background: none;
640
	background: none;
640
	font-weight: bold;
641
	font-weight: bold;
641
}
642
}
642
 
643
 
643
#block-block-6 p {
644
#block-block-6 p {
644
	color : #546F83;
645
	color : #546F83;
645
	font-weight: normal;
646
	font-weight: normal;
646
	margin: 0;
647
	margin: 0;
647
}
648
}
648
 
649
 
649
/** Bloc des dernières new ods en page d'accueil **/
650
/** Bloc des dernières new ods en page d'accueil **/
650
 
651
 
651
.views-row {
652
.views-row {
652
    clear: both;
653
    clear: both;
653
    padding-top: 20px;
654
    padding-top: 20px;
654
}
655
}
655
 
656
 
656
.views-row .views-field-field-image-fid {
657
.views-row .views-field-field-image-fid {
657
	display: inline;
658
	display: inline;
658
	float: left;
659
	float: left;
659
	padding-top: 8px;
660
	padding-top: 8px;
660
}
661
}
661
 
662
 
662
.views-row .views-field-title {
663
.views-row .views-field-title {
663
	display: inline;
664
	display: inline;
664
	float: left;
665
	float: left;
665
	padding-left: 10px;
666
	padding-left: 10px;
666
	padding-right: 10px;
667
	padding-right: 10px;
667
	font-size: 1.2em;
668
	font-size: 1.2em;
668
}
669
}
669
 
670
 
670
.views-row .views-field-title a {
671
.views-row .views-field-title a {
671
	color: #9AC343;
672
	color: #9AC343;
672
}
673
}
673
 
674
 
674
.views-row .views-field-teaser {
675
.views-row .views-field-teaser {
675
	display: inline;
676
	display: inline;
676
	float: right;
677
	float: right;
677
	width: 420px;
678
	width: 420px;
678
}
679
}
679
 
680
 
680
.derniers_articles .views-row .views-field-teaser {
681
.derniers_articles .views-row .views-field-teaser {
681
	width: 445px;
682
	width: 445px;
682
}
683
}
683
 
684
 
684
#dernieres_obs li a {
685
#dernieres_obs li a {
685
	color: #494949;	
686
	color: #494949;	
686
}
687
}
687
 
688
 
688
.lire_toutes_actus {
689
.lire_toutes_actus {
689
	text-align: right;	
690
	text-align: right;	
690
	float: right;
691
	float: right;
691
	padding-bottom: 15px;
692
	padding-bottom: 15px;
692
}
693
}
693
 
694
 
694
.separation_invisible {
695
.separation_invisible {
695
	visibility: hidden;
696
	visibility: hidden;
696
	clear: both;	
697
	clear: both;	
697
}
698
}
698
 
699
 
699
/** Styles des onglets des dernières actualités **/
700
/** Styles des onglets des dernières actualités **/
700
#onglets  {
701
#onglets  {
701
	margin-right: auto;
702
	margin-right: auto;
702
	position: relative;
703
	position: relative;
703
	bottom: -2px;
704
	bottom: -2px;
704
	z-index: 1;
705
	z-index: 1;
705
	clear:left;
706
	clear:left;
706
}
707
}
707
 
708
 
708
.conteneur_onglets {
709
.conteneur_onglets {
709
	overflow: hidden;
710
	overflow: hidden;
710
	float: left;
711
	float: left;
711
	background: #D1C6AB;
712
	background: #D1C6AB;
712
	position: relative;
713
	position: relative;
713
	width:565px;
714
	width:565px;
714
}
715
}
715
 
716
 
716
.contenu_onglet {
717
.contenu_onglet {
717
	padding: 20px;
718
	padding: 20px;
718
	font-size: 1em;
719
	font-size: 1em;
719
}
720
}
720
 
721
 
721
ul.liste_onglets {
722
ul.liste_onglets {
722
	margin: 0;
723
	margin: 0;
723
	padding: 0;
724
	padding: 0;
724
	float: left;
725
	float: left;
725
	list-style: none;
726
	list-style: none;
726
	height: 32px; /*--Set height of tabs--*/
727
	height: 32px; /*--Set height of tabs--*/
727
}
728
}
728
 
729
 
729
#onglets ul.liste_onglets li {
730
#onglets ul.liste_onglets li {
730
	float: left;
731
	float: left;
731
	margin: 0;
732
	margin: 0;
732
	padding: 0;
733
	padding: 0;
733
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
734
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
734
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
735
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
735
	border-left: none;
736
	border-left: none;
736
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
737
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
737
	margin-right: 3px;
738
	margin-right: 3px;
738
	overflow: hidden;
739
	overflow: hidden;
739
	position: relative;
740
	position: relative;
740
	background: #DFDBD1;
741
	background: #DFDBD1;
741
	list-style-type: none;
742
	list-style-type: none;
742
	-webkit-border-radius-topleft: 10px 10px;
743
	-webkit-border-radius-topleft: 10px 10px;
743
	-webkit-border-radius-topright: 10px 10px;
744
	-webkit-border-radius-topright: 10px 10px;
744
	-moz-border-radius-topleft: 10px 10px;
745
	-moz-border-radius-topleft: 10px 10px;
745
	-moz-border-radius-topright: 10px 10px;
746
	-moz-border-radius-topright: 10px 10px;
746
	border-top-left-radius: 10px 10px;
747
	border-top-left-radius: 10px 10px;
747
	border-top-right-radius: 10px 10px;
748
	border-top-right-radius: 10px 10px;
748
}
749
}
749
 
750
 
750
#onglets ul.liste_onglets li.active {
751
#onglets ul.liste_onglets li.active {
751
	background: #D1C6AB;
752
	background: #D1C6AB;
752
}
753
}
753
 
754
 
754
#onglets ul.liste_onglets li a {
755
#onglets ul.liste_onglets li a {
755
	text-decoration: none;
756
	text-decoration: none;
756
	color: #546F83;
757
	color: #546F83;
757
	display: block;
758
	display: block;
758
	font-size: 1.1em;
759
	font-size: 1.1em;
759
	padding-left: 7px;
760
	padding-left: 7px;
760
	padding-right: 7px;
761
	padding-right: 7px;
761
	outline: none;
762
	outline: none;
762
}
763
}
763
 
764
 
764
 
765
 
765
/* We ensure the sidebars are still clickable using z-index */
766
/* We ensure the sidebars are still clickable using z-index */
766
#wrapper #container .sidebar {
767
#wrapper #container .sidebar {
767
  margin: 60px 0 5em;
768
  margin: 60px 0 5em;
768
  width: 210px;
769
  width: 210px;
769
  float: left;
770
  float: left;
770
  z-index: 2;
771
  z-index: 2;
771
  position: relative;
772
  position: relative;
772
  background-color: #FFFFFF;
773
  background-color: #FFFFFF;
773
}
774
}
774
 
775
 
775
#wrapper #container .sidebar .block {
776
#wrapper #container .sidebar .block {
776
  margin: 0 0 1.5em 0;
777
  margin: 0 0 1.5em 0;
777
}
778
}
778
 
779
 
779
#sidebar-left .block {
780
#sidebar-left .block {
780
  padding: 25px 15px 0 0px;
781
  padding: 25px 15px 0 0px;
781
}
782
}
782
 
783
 
783
#sidebar-right .block {
784
#sidebar-right .block {
784
  padding: 0 0px 0 15px;
785
  padding: 0 0px 0 15px;
785
}
786
}
786
 
787
 
787
.block .content {
788
.block .content {
788
  margin: 0.5em 0;
789
  margin: 0.5em 0;
789
}
790
}
790
 
791
 
791
#sidebar-left .block-region {
792
#sidebar-left .block-region {
792
  margin: 0 15px 0 0px; /* LTR */
793
  margin: 0 15px 0 0px; /* LTR */
793
}
794
}
794
 
795
 
795
#sidebar-right .block-region {
796
#sidebar-right .block-region {
796
  margin: 0 0px 0 15px; /* LTR */
797
  margin: 0 0px 0 15px; /* LTR */
797
}
798
}
798
 
799
 
799
.block-region {
800
.block-region {
800
  padding: 1em;
801
  padding: 1em;
801
  background: transparent;
802
  background: transparent;
802
  border: 2px dashed #b4d7f0;
803
  border: 2px dashed #b4d7f0;
803
  text-align: center;
804
  text-align: center;
804
  font-size: 1.3em;
805
  font-size: 1.3em;
805
}
806
}
806
 
807
 
807
/** Style général applicable à toute les pages **/
808
/** Style général applicable à toute les pages **/
808
.cadre_information {	
809
.cadre_information {	
809
    background: url("images/information.png") no-repeat scroll 5px 12px #DFDBD1;
810
    background: url("images/information.png") no-repeat scroll 5px 12px #DFDBD1;
810
    border: 1px solid #DFDBD1;
811
    border: 1px solid #DFDBD1;
811
    padding: 10px 10px 10px 30px;
812
    padding: 10px 10px 10px 30px;
812
}
813
}
813
 
814
 
814
.bouton {
815
.bouton {
815
	-moz-border-radius: 5px 5px 5px 5px;
816
	-moz-border-radius: 5px 5px 5px 5px;
816
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
817
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
817
	color: #FFFFFF !important;
818
	color: #FFFFFF !important;
818
	cursor: pointer;
819
	cursor: pointer;
819
	display: inline-block;
820
	display: inline-block;
820
	font-weight: bold;
821
	font-weight: bold;
821
	overflow: visible;
822
	overflow: visible;
822
	position: relative;
823
	position: relative;
823
	text-decoration: none !important;
824
	text-decoration: none !important;
824
	width: auto;
825
	width: auto;
825
}
826
}
826
 
827
 
827
.bouton.orange, .bouton.orange:hover {
828
.bouton.orange, .bouton.orange:hover {
828
	background-color: #FF7F00;
829
	background-color: #FF7F00;
829
	border: 1px solid #FF6600;
830
	border: 1px solid #FF6600;
830
}
831
}
831
 
832
 
832
.bouton.vert, .bouton.vert:hover {
833
.bouton.vert, .bouton.vert:hover {
833
	background-color: #9AC343;
834
	background-color: #9AC343;
834
	border: 1px solid #7bb401;
835
	border: 1px solid #7bb401;
835
}
836
}
836
 
837
 
837
.bouton.medium {
838
.bouton.medium {
838
	font-size: 12px;
839
	font-size: 12px;
839
	padding: 6px 14px;
840
	padding: 6px 14px;
840
}
841
}
841
 
842
 
842
.bouton a {
843
.bouton a {
843
	color: #FFFFFF;
844
	color: #FFFFFF;
844
}
845
}
845
 
846
 
846
.bouton a:hover {
847
.bouton a:hover {
847
	color: #333333;
848
	color: #404040;
-
 
849
}
-
 
850
 
-
 
851
.bouton_plante {
-
 
852
background : url("http://www.obs-saisons.fr/images/boutonplante.jpg") no-repeat;
-
 
853
width:152px;
-
 
854
height:147px;
-
 
855
margin: 0 4px 0 89px;
848
}
856
}
-
 
857
 
-
 
858
.bouton_plante:hover {
-
 
859
	background : url("http://www.obs-saisons.fr/images/boutonplante-hover.jpg") no-repeat;
-
 
860
	cursor:pointer;
-
 
861
} 
-
 
862
 
-
 
863
.bouton_animaux {
-
 
864
background : url("http://www.obs-saisons.fr/images/boutonanimaux.jpg") no-repeat;
-
 
865
width:151px;
-
 
866
height:147px;
-
 
867
margin: 0 29px 0 30px;
-
 
868
}
-
 
869
 
-
 
870
.bouton_animaux:hover {
-
 
871
	background : url("http://www.obs-saisons.fr/images/boutonanimaux-hover.jpg") no-repeat;
-
 
872
	cursor:pointer;
-
 
873
} 
849
 
874
 
850
/* Now we add the backgrounds for the main content shading */
875
/* Now we add the backgrounds for the main content shading */
851
#wrapper #container #center #squeeze {
876
#wrapper #container #center #squeeze {
852
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
877
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
853
  position: relative;
878
  position: relative;
854
}
879
}
855
 
880
 
856
#wrapper #container #center .right-corner {
881
#wrapper #container #center .right-corner {
857
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
882
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
858
  position: relative;
883
  position: relative;
859
  left: 10px;
884
  left: 10px;
860
}
885
}
861
 
886
 
862
#wrapper #container #center .right-corner .left-corner {
887
#wrapper #container #center .right-corner .left-corner {
863
  padding: 60px 25px 5em 35px;
888
  padding: 60px 25px 5em 35px;
864
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
889
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
865
  margin-left: -10px;
890
  margin-left: -10px;
866
  position: relative;
891
  position: relative;
867
  left: -10px;
892
  left: -10px;
868
  min-height: 400px;
893
  min-height: 400px;
869
}
894
}
870
 
895
 
871
#wrapper #container #footer {
896
#wrapper #container #footer {
872
  float: none;
897
  float: none;
873
  clear: both;
898
  clear: both;
874
  text-align: center;
899
  text-align: center;
875
  margin: 4em 0 -3em;
900
  margin: 4em 0 -3em;
876
  color: #898989;
901
  color: #898989;
877
}
902
}
878
 
903
 
879
#wrapper #container .breadcrumb {
904
#wrapper #container .breadcrumb {
880
  position: absolute;
905
  position: absolute;
881
  top: 15px;
906
  top: 15px;
882
  left: 35px; /* LTR */
907
  left: 35px; /* LTR */
883
  z-index: 3;
908
  z-index: 3;
884
}
909
}
885
 
910
 
886
/**
911
/**
887
 * Header
912
 * Header
888
 */
913
 */
889
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
914
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
890
  color: #fff;
915
  color: #fff;
891
  font-weight: normal;
916
  font-weight: normal;
892
  text-shadow: #1659ac 0px 1px 3px;
917
  text-shadow: #1659ac 0px 1px 3px;
893
  font-size: 1.5em;
918
  font-size: 1.5em;
894
}
919
}
895
 
920
 
896
#header {
921
#header {
897
	height: 180px;
922
	height: 180px;
898
	background-color: #FFFFFF;
923
	background-color: #FFFFFF;
899
	width: 955px;
924
	width: 955px;
900
}
925
}
901
 
926
 
902
.printemps {
927
.printemps {
903
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
928
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
904
}
929
}
905
 
930
 
906
.ete {
931
.ete {
907
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
932
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
908
}
933
}
909
 
934
 
910
.automne {
935
.automne {
911
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
936
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
912
}
937
}
913
 
938
 
914
.hiver {
939
.hiver {
915
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
940
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
916
}
941
}
917
 
942
 
918
#wrapper #container #header h1 a:hover {
943
#wrapper #container #header h1 a:hover {
919
  text-decoration: none;
944
  text-decoration: none;
920
}
945
}
921
 
946
 
922
#wrapper #container .breadcrumb {
947
#wrapper #container .breadcrumb {
923
  font-size: 0.92em;
948
  font-size: 0.92em;
924
}
949
}
925
 
950
 
926
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
951
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
927
  color: #529ad6;
952
  color: #529ad6;
928
}
953
}
929
 
954
 
930
#mission {
955
#mission {
931
  padding: 1em;
956
  padding: 1em;
932
  background-color: #fff;
957
  background-color: #fff;
933
  border: 1px solid #e0e5fb;
958
  border: 1px solid #e0e5fb;
934
  margin-bottom: 2em;
959
  margin-bottom: 2em;
935
}
960
}
936
 
961
 
937
#footer {
962
#footer {
938
	height: 120px;
963
	height: 120px;
939
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
964
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
940
	clear:both;
965
	clear:both;
941
	width:955px;
966
	width:955px;
942
	margin-left:auto;
967
	margin-left:auto;
943
	margin-right: auto;
968
	margin-right: auto;
944
	background-color: #FFFFFF;
969
	background-color: #FFFFFF;
945
	text-align: center;
970
	text-align: center;
946
	vertical-align: bottom;
971
	vertical-align: bottom;
947
}
972
}
948
 
973
 
949
.liens_bas_page {
974
.liens_bas_page {
950
	padding-top: 75px;
975
	padding-top: 75px;
951
	color: #FF7F00;
976
	color: #FF7F00;
952
	font-weight: bold;
977
	font-weight: bold;
953
}
978
}
954
 
979
 
955
.liens_bas_page a {
980
.liens_bas_page a {
956
	color: #FF7F00;
981
	color: #FF7F00;
957
	margin-left: 10px;
982
	margin-left: 10px;
958
	padding : 4px 0 0 20px;
983
	padding : 4px 0 0 20px;
959
	font-size: 1.1em;
984
	font-size: 1.1em;
960
}
985
}
961
 
986
 
962
#lien_aide {
987
#lien_aide {
963
	background : url("images/faq.png") no-repeat scroll 0 2px transparent
988
	background : url("images/faq.png") no-repeat scroll 0 2px transparent
964
}
989
}
965
 
990
 
966
#lien_rss {
991
#lien_rss {
967
	background : url("images/rss.png") no-repeat scroll 0 2px transparent
992
	background : url("images/rss.png") no-repeat scroll 0 2px transparent
968
}
993
}
969
 
994
 
970
#lien_contact {
995
#lien_contact {
971
	background : url("images/contact.png") no-repeat scroll 0 2px transparent
996
	background : url("images/contact.png") no-repeat scroll 0 2px transparent
972
}
997
}
973
 
998
 
974
#lien_CMS {
999
#lien_CMS {
975
	background : url("images/logo_drupal.jpg") no-repeat scroll 0 2px transparent
1000
	background : url("images/logo_drupal.jpg") no-repeat scroll 0 2px transparent
976
}
1001
}
977
 
1002
 
978
/**
1003
/**
979
 * Primary navigation
1004
 * Primary navigation
980
 */
1005
 */
981
ul.primary-links {
1006
ul.primary-links {
982
  margin: 0;
1007
  margin: 0;
983
  margin: -25px 0 0;
1008
  margin: -25px 0 0;
984
  padding: 0;
1009
  padding: 0;
985
  float: right; /* LTR */
1010
  float: right; /* LTR */
986
  position: relative;
1011
  position: relative;
987
  z-index: 4;
1012
  z-index: 4;
988
  height: 25px;
1013
  height: 25px;
989
}
1014
}
990
 
1015
 
991
ul.primary-links li {	
1016
ul.primary-links li {	
992
  padding: 0;
1017
  padding: 0;
993
  height: 25px;
1018
  height: 25px;
994
  margin-left: 2px;
1019
  margin-left: 2px;
995
  float: left; /* LTR */
1020
  float: left; /* LTR */
996
  background-image: none;
1021
  background-image: none;
997
  -moz-border-radius-topright: 1em; 
1022
  -moz-border-radius-topright: 1em; 
998
  -moz-border-radius-topleft: 1em;
1023
  -moz-border-radius-topleft: 1em;
999
  border-top-right-radius: 1em; 
1024
  border-top-right-radius: 1em; 
1000
  border-top-left-radius: 1em;
1025
  border-top-left-radius: 1em;
1001
}
1026
}
1002
 
1027
 
1003
ul.primary-links li.lien_primaire {
1028
ul.primary-links li.lien_primaire {
1004
	margin-left: 3px;
1029
	margin-left: 3px;
1005
	margin-top: 0px;
1030
	margin-top: 0px;
1006
	margin-bottom: 0px;
1031
	margin-bottom: 0px;
1007
	margin-right: 0px;
1032
	margin-right: 0px;
1008
	-moz-box-shadow: 3px 0px 0 #aaa;  
1033
	-moz-box-shadow: 3px 0px 0 #aaa;  
1009
	-webkit-box-shadow: 3px 0px 0 #aaa;  
1034
	-webkit-box-shadow: 3px 0px 0 #aaa;  
1010
	box-shadow: 3px 0px 0 #aaa;  
1035
	box-shadow: 3px 0px 0 #aaa;  
1011
}
1036
}
1012
                
1037
                
1013
 
1038
 
1014
li#lien_primaire_1 {
1039
li#lien_primaire_1 {
1015
	width: 20px;
1040
	width: 20px;
1016
	background-color : #6C9ED8;	
1041
	background-color : #6C9ED8;	
1017
}
1042
}
1018
 
1043
 
1019
li#lien_primaire_1 a img {
1044
li#lien_primaire_1 a img {
1020
	padding-top: 2px;
1045
	padding-top: 2px;
1021
}
1046
}
1022
	
1047
	
1023
li#lien_primaire_2 {
1048
li#lien_primaire_2 {
1024
	background-color : #BF3600;	
1049
	background-color : #BF3600;	
1025
}
1050
}
1026
 
1051
 
1027
li#lien_primaire_3 {
1052
li#lien_primaire_3 {
1028
	background-color : #9AC343;	
1053
	background-color : #9AC343;	
1029
}
1054
}
1030
 
1055
 
1031
li#lien_primaire_4 {
1056
li#lien_primaire_4 {
1032
	background-color : #EF7B1D;	
1057
	background-color : #EF7B1D;	
1033
}
1058
}
1034
 
1059
 
1035
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
1060
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
1036
  display: block;
1061
  display: block;
1037
  margin: 0 1em;
1062
  margin: 0 1em;
1038
  font-weight: bold;
1063
  font-weight: bold;
1039
  color: #FFFFFF;
1064
  color: #FFFFFF;
1040
  padding-top: 2px;
1065
  padding-top: 2px;
1041
}
1066
}
1042
 
1067
 
1043
ul.primary-links li a:hover, ul.primary-links li a.active {
1068
ul.primary-links li a:hover, ul.primary-links li a.active {
1044
  color: #fff;
1069
  color: #fff;
1045
}
1070
}
1046
 
1071
 
1047
ul.primary-links li.active-trail {
1072
ul.primary-links li.active-trail {
1048
	height:35px;
1073
	height:35px;
1049
	margin-top:-10px;
1074
	margin-top:-10px;
1050
}
1075
}
1051
 
1076
 
1052
ul.primary-links li.active-trail a {
1077
ul.primary-links li.active-trail a {
1053
	padding-top: 5px;
1078
	padding-top: 5px;
1054
}
1079
}
1055
 
1080
 
1056
/**
1081
/**
1057
 * Secondary navigation
1082
 * Secondary navigation
1058
 */
1083
 */
1059
ul.secondary-links {
1084
ul.secondary-links {
1060
  margin: 0;
1085
  margin: 0;
1061
  padding: 18px 0 0;
1086
  padding: 18px 0 0;
1062
  float: right; /* LTR */
1087
  float: right; /* LTR */
1063
  clear: right; /* LTR */
1088
  clear: right; /* LTR */
1064
  position: relative;
1089
  position: relative;
1065
  z-index: 4;
1090
  z-index: 4;
1066
}
1091
}
1067
 
1092
 
1068
ul.secondary-links li {
1093
ul.secondary-links li {
1069
  margin: 0;
1094
  margin: 0;
1070
  padding: 0;
1095
  padding: 0;
1071
  float: left; /* LTR */
1096
  float: left; /* LTR */
1072
  background-image: none;
1097
  background-image: none;
1073
}
1098
}
1074
 
1099
 
1075
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
1100
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
1076
  display: block;
1101
  display: block;
1077
  margin: 0 1em;
1102
  margin: 0 1em;
1078
  padding: .75em 0 0;
1103
  padding: .75em 0 0;
1079
  color: #cde3f1;
1104
  color: #cde3f1;
1080
  background: transparent;
1105
  background: transparent;
1081
}
1106
}
1082
 
1107
 
1083
ul.secondary-links li a:hover, ul.secondary-links li a.active {
1108
ul.secondary-links li a:hover, ul.secondary-links li a.active {
1084
  color: #cde3f1;
1109
  color: #cde3f1;
1085
  background: transparent;
1110
  background: transparent;
1086
}
1111
}
1087
 
1112
 
1088
/**
1113
/**
1089
 * Local tasks
1114
 * Local tasks
1090
 */
1115
 */
1091
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
1116
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
1092
  border: 0;
1117
  border: 0;
1093
  background: none;
1118
  background: none;
1094
  margin: 0;
1119
  margin: 0;
1095
  padding: 0;
1120
  padding: 0;
1096
}
1121
}
1097
 
1122
 
1098
#tabs-wrapper {
1123
#tabs-wrapper {
1099
  border-bottom: 1px solid #e9eff3;
1124
  border-bottom: 1px solid #e9eff3;
1100
  position: relative;
1125
  position: relative;
1101
}
1126
}
1102
ul.primary {
1127
ul.primary {
1103
  padding: 0.5em 0 10px;
1128
  padding: 0.5em 0 10px;
1104
  float: left; /* LTR */
1129
  float: left; /* LTR */
1105
}
1130
}
1106
ul.secondary {
1131
ul.secondary {
1107
  clear: both;
1132
  clear: both;
1108
  text-align: left; /* LTR */
1133
  text-align: left; /* LTR */
1109
  border-bottom: 1px solid #e9eff3;
1134
  border-bottom: 1px solid #e9eff3;
1110
  margin: -0.2em -26px 1em;
1135
  margin: -0.2em -26px 1em;
1111
  padding: 0 26px 0.6em;
1136
  padding: 0 26px 0.6em;
1112
}
1137
}
1113
h2.with-tabs {
1138
h2.with-tabs {
1114
  float: left; /* LTR */
1139
  float: left; /* LTR */
1115
  margin: 0 2em 0 0; /* LTR */
1140
  margin: 0 2em 0 0; /* LTR */
1116
  padding: 0;
1141
  padding: 0;
1117
}
1142
}
1118
 
1143
 
1119
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
1144
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
1120
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
1145
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
1121
  border: 0;
1146
  border: 0;
1122
  background: transparent;
1147
  background: transparent;
1123
  padding: 4px 1em;
1148
  padding: 4px 1em;
1124
  margin: 0 0 0 1px; /* LTR */
1149
  margin: 0 0 0 1px; /* LTR */
1125
  height: auto;
1150
  height: auto;
1126
  text-decoration: none;
1151
  text-decoration: none;
1127
  position: relative;
1152
  position: relative;
1128
  top: -1px;
1153
  top: -1px;
1129
  display: inline-block;
1154
  display: inline-block;
1130
}
1155
}
1131
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
1156
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
1132
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
1157
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
1133
  background: url(images/bg-tab.png) repeat-x 0 50%;
1158
  background: url(images/bg-tab.png) repeat-x 0 50%;
1134
  color: #fff;
1159
  color: #fff;
1135
}
1160
}
1136
ul.primary li.active a,
1161
ul.primary li.active a,
1137
ul.secondary li.active a {
1162
ul.secondary li.active a {
1138
  font-weight: bold;
1163
  font-weight: bold;
1139
}
1164
}
1140
 
1165
 
1141
/**
1166
/**
1142
 * Nodes & comments
1167
 * Nodes & comments
1143
 */
1168
 */
1144
.node {
1169
.node {
1145
  border-bottom: 1px solid #e9eff3;
1170
  border-bottom: 1px solid #e9eff3;
1146
  margin: 0 0px 1.5em;
1171
  margin: 0 0px 1.5em;
1147
  padding: 1.5em 13px;
1172
  padding: 1.5em 13px;
1148
}
1173
}
1149
 
1174
 
1150
ul.links li, ul.inline li {
1175
ul.links li, ul.inline li {
1151
  margin-left: 0;
1176
  margin-left: 0;
1152
  margin-right: 0;
1177
  margin-right: 0;
1153
  padding-left: 0; /* LTR */
1178
  padding-left: 0; /* LTR */
1154
  padding-right: 1em; /* LTR */
1179
  padding-right: 1em; /* LTR */
1155
  background-image: none;
1180
  background-image: none;
1156
}
1181
}
1157
 
1182
 
1158
.node .links, .comment .links {
1183
.node .links, .comment .links {
1159
  text-align: left; /* LTR */
1184
  text-align: left; /* LTR */
1160
}
1185
}
1161
 
1186
 
1162
.node .links ul.links li, .comment .links ul.links li {}
1187
.node .links ul.links li, .comment .links ul.links li {}
1163
.terms ul.links li {
1188
.terms ul.links li {
1164
  margin-left: 0;
1189
  margin-left: 0;
1165
  margin-right: 0;
1190
  margin-right: 0;
1166
  padding-right: 0;
1191
  padding-right: 0;
1167
  padding-left: 1em;
1192
  padding-left: 1em;
1168
}
1193
}
1169
 
1194
 
1170
.picture, .comment .submitted {
1195
.picture, .comment .submitted {
1171
  float: right; /* LTR */
1196
  float: right; /* LTR */
1172
  clear: right; /* LTR */
1197
  clear: right; /* LTR */
1173
  padding-left: 1em; /* LTR */
1198
  padding-left: 1em; /* LTR */
1174
}
1199
}
1175
 
1200
 
1176
.new {
1201
.new {
1177
  color: #ffae00;
1202
  color: #ffae00;
1178
  font-size: 0.92em;
1203
  font-size: 0.92em;
1179
  font-weight: bold;
1204
  font-weight: bold;
1180
  float: right; /* LTR */
1205
  float: right; /* LTR */
1181
}
1206
}
1182
 
1207
 
1183
.terms {
1208
.terms {
1184
  float: right; /* LTR */
1209
  float: right; /* LTR */
1185
}
1210
}
1186
 
1211
 
1187
.preview .node, .preview .comment, .sticky {
1212
.preview .node, .preview .comment, .sticky {
1188
  margin: 0;
1213
  margin: 0;
1189
  padding: 0.5em 0;
1214
  padding: 0.5em 0;
1190
  border: 0;
1215
  border: 0;
1191
  background: 0;
1216
  background: 0;
1192
}
1217
}
1193
 
1218
 
1194
.sticky {
1219
.sticky {
1195
  padding: 1em;
1220
  padding: 1em;
1196
  background-color: #fff;
1221
  background-color: #fff;
1197
  border: 1px solid #e0e5fb;
1222
  border: 1px solid #e0e5fb;
1198
  margin-bottom: 2em;
1223
  margin-bottom: 2em;
1199
}
1224
}
1200
 
1225
 
1201
#comments {
1226
#comments {
1202
  position: relative;
1227
  position: relative;
1203
  top: -1px;
1228
  top: -1px;
1204
  border-bottom: 1px solid #e9eff3;
1229
  border-bottom: 1px solid #e9eff3;
1205
  margin: -1.5em -25px 0;
1230
  margin: -1.5em -25px 0;
1206
  padding: 0 25px;
1231
  padding: 0 25px;
1207
}
1232
}
1208
 
1233
 
1209
#comments h2.comments {
1234
#comments h2.comments {
1210
  margin: 0 -25px;
1235
  margin: 0 -25px;
1211
  padding: .5em 25px;
1236
  padding: .5em 25px;
1212
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1237
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1213
}
1238
}
1214
 
1239
 
1215
.comment {
1240
.comment {
1216
  margin: 0 -25px;
1241
  margin: 0 -25px;
1217
  padding: 1.5em 25px 1.5em;
1242
  padding: 1.5em 25px 1.5em;
1218
  border-top: 1px solid #e9eff3;
1243
  border-top: 1px solid #e9eff3;
1219
}
1244
}
1220
 
1245
 
1221
.indented {
1246
.indented {
1222
  margin-left: 25px; /* LTR */
1247
  margin-left: 25px; /* LTR */
1223
}
1248
}
1224
 
1249
 
1225
.comment h3 a.active {
1250
.comment h3 a.active {
1226
  color: #494949;
1251
  color: #494949;
1227
}
1252
}
1228
 
1253
 
1229
.node .content, .comment .content {
1254
.node .content, .comment .content {
1230
  margin: 0.6em 0;
1255
  margin: 0.6em 0;
1231
}
1256
}
1232
 
1257
 
1233
/**
1258
/**
1234
 * Aggregator.module
1259
 * Aggregator.module
1235
 */
1260
 */
1236
#aggregator {
1261
#aggregator {
1237
  margin-top: 1em;
1262
  margin-top: 1em;
1238
}
1263
}
1239
#aggregator .feed-item-title {
1264
#aggregator .feed-item-title {
1240
  font-size: 160%;
1265
  font-size: 160%;
1241
  line-height: 130%;
1266
  line-height: 130%;
1242
}
1267
}
1243
#aggregator .feed-item {
1268
#aggregator .feed-item {
1244
  border-bottom: 1px solid #e9eff3;
1269
  border-bottom: 1px solid #e9eff3;
1245
  margin: -1.5em -31px 1.75em;
1270
  margin: -1.5em -31px 1.75em;
1246
  padding: 1.5em 31px;
1271
  padding: 1.5em 31px;
1247
}
1272
}
1248
#aggregator .feed-item-categories {
1273
#aggregator .feed-item-categories {
1249
  font-size: 0.92em;
1274
  font-size: 0.92em;
1250
}
1275
}
1251
#aggregator .feed-item-meta {
1276
#aggregator .feed-item-meta {
1252
  font-size: 0.92em;
1277
  font-size: 0.92em;
1253
  color: #898989;
1278
  color: #898989;
1254
}
1279
}
1255
 
1280
 
1256
/**
1281
/**
1257
 * Color.module
1282
 * Color.module
1258
 */
1283
 */
1259
#palette .form-item {
1284
#palette .form-item {
1260
  border: 1px solid #fff;
1285
  border: 1px solid #fff;
1261
}
1286
}
1262
#palette .item-selected {
1287
#palette .item-selected {
1263
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1288
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1264
  border: 1px solid #d9eaf5;
1289
  border: 1px solid #d9eaf5;
1265
}
1290
}
1266
 
1291
 
1267
/**
1292
/**
1268
 * Menu.module
1293
 * Menu.module
1269
 */
1294
 */
1270
tr.menu-disabled {
1295
tr.menu-disabled {
1271
  opacity: 0.5;
1296
  opacity: 0.5;
1272
}
1297
}
1273
tr.odd td.menu-disabled {
1298
tr.odd td.menu-disabled {
1274
  background-color: #edf5fa;
1299
  background-color: #edf5fa;
1275
}
1300
}
1276
tr.even td.menu-disabled {
1301
tr.even td.menu-disabled {
1277
  background-color: #fff;
1302
  background-color: #fff;
1278
}
1303
}
1279
 
1304
 
1280
/**
1305
/**
1281
 * Poll.module
1306
 * Poll.module
1282
 */
1307
 */
1283
.poll .bar {
1308
.poll .bar {
1284
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
1309
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
1285
  border: solid #f0f0f0;
1310
  border: solid #f0f0f0;
1286
  border-width: 0 1px 1px;
1311
  border-width: 0 1px 1px;
1287
}
1312
}
1288
 
1313
 
1289
.poll .bar .foreground {
1314
.poll .bar .foreground {
1290
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
1315
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
1291
}
1316
}
1292
 
1317
 
1293
.poll .percent {
1318
.poll .percent {
1294
  font-size: .9em;
1319
  font-size: .9em;
1295
}
1320
}
1296
 
1321
 
1297
/**
1322
/**
1298
 * Autocomplete.
1323
 * Autocomplete.
1299
 */
1324
 */
1300
#autocomplete li {
1325
#autocomplete li {
1301
  cursor: default;
1326
  cursor: default;
1302
  padding: 2px;
1327
  padding: 2px;
1303
  margin: 0;
1328
  margin: 0;
1304
}
1329
}
1305
 
1330
 
1306
/**
1331
/**
1307
 * Collapsible fieldsets
1332
 * Collapsible fieldsets
1308
 */
1333
 */
1309
fieldset {
1334
fieldset {
1310
  margin: 1em 0;
1335
  margin: 1em 0;
1311
  padding: 1em;
1336
  padding: 1em;
1312
  border: 1px solid #d9eaf5;
1337
  border: 1px solid #d9eaf5;
1313
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1338
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1314
}
1339
}
1315
 
1340
 
1316
/* Targets IE 7. Fixes background image in field sets. */
1341
/* Targets IE 7. Fixes background image in field sets. */
1317
*:first-child+html fieldset {
1342
*:first-child+html fieldset {
1318
  padding: 0 1em 1em;
1343
  padding: 0 1em 1em;
1319
  background-position: 0 .75em;
1344
  background-position: 0 .75em;
1320
  background-color: transparent;
1345
  background-color: transparent;
1321
}
1346
}
1322
 
1347
 
1323
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
1348
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
1324
  padding-top: 1em;
1349
  padding-top: 1em;
1325
}
1350
}
1326
 
1351
 
1327
fieldset legend {
1352
fieldset legend {
1328
  /* Fix disappearing legend in FFox */
1353
  /* Fix disappearing legend in FFox */
1329
  display: block;
1354
  display: block;
1330
}
1355
}
1331
 
1356
 
1332
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
1357
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
1333
  display: inline;
1358
  display: inline;
1334
}
1359
}
1335
 
1360
 
1336
html.js fieldset.collapsed {
1361
html.js fieldset.collapsed {
1337
  background: transparent;
1362
  background: transparent;
1338
  padding-top: 0;
1363
  padding-top: 0;
1339
  padding-bottom: .6em;
1364
  padding-bottom: .6em;
1340
}
1365
}
1341
 
1366
 
1342
html.js fieldset.collapsible legend a {
1367
html.js fieldset.collapsible legend a {
1343
  padding-left: 2em; /* LTR */
1368
  padding-left: 2em; /* LTR */
1344
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
1369
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
1345
}
1370
}
1346
 
1371
 
1347
html.js fieldset.collapsed legend a {
1372
html.js fieldset.collapsed legend a {
1348
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
1373
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
1349
}
1374
}
1350
 
1375
 
1351
/**
1376
/**
1352
 * Syndication icons and block
1377
 * Syndication icons and block
1353
 */
1378
 */
1354
#block-node-0 h2 {
1379
#block-node-0 h2 {
1355
  float: left; /* LTR */
1380
  float: left; /* LTR */
1356
  padding-right: 20px; /* LTR */
1381
  padding-right: 20px; /* LTR */
1357
}
1382
}
1358
 
1383
 
1359
#block-node-0 img, .feed-icon {
1384
#block-node-0 img, .feed-icon {
1360
  float: right; /* LTR */
1385
  float: right; /* LTR */
1361
  padding-top: 4px;
1386
  padding-top: 4px;
1362
}
1387
}
1363
 
1388
 
1364
#block-node-0 .content {
1389
#block-node-0 .content {
1365
  clear: right; /* LTR */
1390
  clear: right; /* LTR */
1366
}
1391
}
1367
 
1392
 
1368
/**
1393
/**
1369
 * Login Block
1394
 * Login Block
1370
 */
1395
 */
1371
#user-login-form {
1396
#user-login-form {
1372
  text-align: center;
1397
  text-align: center;
1373
}
1398
}
1374
#user-login-form ul {
1399
#user-login-form ul {
1375
  text-align: left; /* LTR */
1400
  text-align: left; /* LTR */
1376
}
1401
}
1377
 
1402
 
1378
/**
1403
/**
1379
 * User profiles.
1404
 * User profiles.
1380
 */
1405
 */
1381
.profile {
1406
.profile {
1382
  margin-top: 1.5em;
1407
  margin-top: 1.5em;
1383
}
1408
}
1384
.profile h3 {
1409
.profile h3 {
1385
  border-bottom: 0;
1410
  border-bottom: 0;
1386
  margin-bottom: 1em;
1411
  margin-bottom: 1em;
1387
}
1412
}
1388
.profile dl {
1413
.profile dl {
1389
  margin: 0;
1414
  margin: 0;
1390
}
1415
}
1391
 
1416
 
1392
.profile dt {
1417
.profile dt {
1393
  font-weight: normal;
1418
  font-weight: normal;
1394
  color: #898989;
1419
  color: #898989;
1395
  font-size: 0.92em;
1420
  font-size: 0.92em;
1396
  line-height: 1.3em;
1421
  line-height: 1.3em;
1397
  margin-top: 1.4em;
1422
  margin-top: 1.4em;
1398
  margin-bottom: 0.45em;
1423
  margin-bottom: 0.45em;
1399
}
1424
}
1400
.profile dd {
1425
.profile dd {
1401
  margin-bottom: 1.6em;
1426
  margin-bottom: 1.6em;
1402
}
1427
}
1403
 
1428
 
1404
form fieldset {
1429
form fieldset {
1405
	margin-top: 35px;	
1430
	margin-top: 35px;	
1406
}
1431
}
1407
 
1432
 
1408
/**
1433
/**
1409
 * Admin Styles
1434
 * Admin Styles
1410
 */
1435
 */
1411
div.admin-panel,
1436
div.admin-panel,
1412
div.admin-panel .description,
1437
div.admin-panel .description,
1413
div.admin-panel .body,
1438
div.admin-panel .body,
1414
div.admin,
1439
div.admin,
1415
div.admin .left,
1440
div.admin .left,
1416
div.admin .right,
1441
div.admin .right,
1417
div.admin .expert-link,
1442
div.admin .expert-link,
1418
div.item-list,
1443
div.item-list,
1419
.menu {
1444
.menu {
1420
  margin: 0;
1445
  margin: 0;
1421
  padding: 0;
1446
  padding: 0;
1422
}
1447
}
1423
 
1448
 
1424
div.admin .left {
1449
div.admin .left {
1425
  float: left; /* LTR */
1450
  float: left; /* LTR */
1426
  width: 48%;
1451
  width: 48%;
1427
}
1452
}
1428
div.admin .right {
1453
div.admin .right {
1429
  float: right; /* LTR */
1454
  float: right; /* LTR */
1430
  width: 48%;
1455
  width: 48%;
1431
}
1456
}
1432
 
1457
 
1433
div.admin-panel {
1458
div.admin-panel {
1434
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1459
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1435
  padding: 1em 1em 1.5em;
1460
  padding: 1em 1em 1.5em;
1436
}
1461
}
1437
div.admin-panel .description {
1462
div.admin-panel .description {
1438
  margin-bottom: 1.5em;
1463
  margin-bottom: 1.5em;
1439
}
1464
}
1440
div.admin-panel dl {
1465
div.admin-panel dl {
1441
  margin: 0;
1466
  margin: 0;
1442
}
1467
}
1443
div.admin-panel dd {
1468
div.admin-panel dd {
1444
  color: #898989;
1469
  color: #898989;
1445
  font-size: 0.92em;
1470
  font-size: 0.92em;
1446
  line-height: 1.3em;
1471
  line-height: 1.3em;
1447
  margin-top: -.2em;
1472
  margin-top: -.2em;
1448
  margin-bottom: .65em;
1473
  margin-bottom: .65em;
1449
}
1474
}
1450
 
1475
 
1451
table.system-status-report th {
1476
table.system-status-report th {
1452
  border-color: #d3e7f4;
1477
  border-color: #d3e7f4;
1453
}
1478
}
1454
 
1479
 
1455
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1480
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1456
  background: #027ac6;
1481
  background: #027ac6;
1457
  color: #fff;
1482
  color: #fff;
1458
}
1483
}
1459
 
1484
 
1460
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1485
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1461
  color: #d3e7f4;
1486
  color: #d3e7f4;
1462
}
1487
}
1463
 
1488
 
1464
tr.taxonomy-term-preview {
1489
tr.taxonomy-term-preview {
1465
  opacity: 0.5;
1490
  opacity: 0.5;
1466
}
1491
}
1467
 
1492
 
1468
tr.taxonomy-term-divider-top {
1493
tr.taxonomy-term-divider-top {
1469
  border-bottom: none;
1494
  border-bottom: none;
1470
}
1495
}
1471
 
1496
 
1472
tr.taxonomy-term-divider-bottom {
1497
tr.taxonomy-term-divider-bottom {
1473
  border-top: 1px dotted #CCC;
1498
  border-top: 1px dotted #CCC;
1474
}
1499
}
1475
 
1500
 
1476
/**
1501
/**
1477
 * CSS support
1502
 * CSS support
1478
 */
1503
 */
1479
 
1504
 
1480
/*******************************************************************
1505
/*******************************************************************
1481
 * Color Module: Don't touch                                       *
1506
 * Color Module: Don't touch                                       *
1482
 *******************************************************************/
1507
 *******************************************************************/
1483
 
1508
 
1484
/**
1509
/**
1485
 * Generic elements.
1510
 * Generic elements.
1486
 */
1511
 */
1487
.messages {
1512
.messages {
1488
  background-color: #fff;
1513
  background-color: #fff;
1489
  border: 1px solid #b8d3e5;
1514
  border: 1px solid #b8d3e5;
1490
}
1515
}
1491
 
1516
 
1492
.preview {
1517
.preview {
1493
  background-color: #fcfce8;
1518
  background-color: #fcfce8;
1494
  border: 1px solid #e5e58f;
1519
  border: 1px solid #e5e58f;
1495
}
1520
}
1496
 
1521
 
1497
div.status {
1522
div.status {
1498
  color: #33a333;
1523
  color: #33a333;
1499
  border-color: #c7f2c8;
1524
  border-color: #c7f2c8;
1500
}
1525
}
1501
 
1526
 
1502
div.error, tr.error {
1527
div.error, tr.error {
1503
  color: #a30000;
1528
  color: #a30000;
1504
  background-color: #FFCCCC;
1529
  background-color: #FFCCCC;
1505
}
1530
}
1506
 
1531
 
1507
.form-item input.error, .form-item textarea.error {
1532
.form-item input.error, .form-item textarea.error {
1508
  border: 1px solid #c52020;
1533
  border: 1px solid #c52020;
1509
  color: #363636;
1534
  color: #363636;
1510
}
1535
}
1511
 
1536
 
1512
/**
1537
/**
1513
 * dblog.module
1538
 * dblog.module
1514
 */
1539
 */
1515
tr.dblog-user {
1540
tr.dblog-user {
1516
  background-color: #fcf9e5;
1541
  background-color: #fcf9e5;
1517
}
1542
}
1518
 
1543
 
1519
tr.dblog-user td.active {
1544
tr.dblog-user td.active {
1520
  background-color: #fbf5cf;
1545
  background-color: #fbf5cf;
1521
}
1546
}
1522
 
1547
 
1523
tr.dblog-content {
1548
tr.dblog-content {
1524
  background-color: #fefefe;
1549
  background-color: #fefefe;
1525
}
1550
}
1526
 
1551
 
1527
tr.dblog-content td.active {
1552
tr.dblog-content td.active {
1528
  background-color: #f5f5f5;
1553
  background-color: #f5f5f5;
1529
}
1554
}
1530
 
1555
 
1531
tr.dblog-warning {
1556
tr.dblog-warning {
1532
  background-color: #fdf5e6;
1557
  background-color: #fdf5e6;
1533
}
1558
}
1534
 
1559
 
1535
tr.dblog-warning td.active {
1560
tr.dblog-warning td.active {
1536
  background-color: #fdf2de;
1561
  background-color: #fdf2de;
1537
}
1562
}
1538
 
1563
 
1539
tr.dblog-error {
1564
tr.dblog-error {
1540
  background-color: #fbe4e4;
1565
  background-color: #fbe4e4;
1541
}
1566
}
1542
 
1567
 
1543
tr.dblog-error td.active {
1568
tr.dblog-error td.active {
1544
  background-color: #fbdbdb;
1569
  background-color: #fbdbdb;
1545
}
1570
}
1546
tr.dblog-page-not-found, tr.dblog-access-denied {
1571
tr.dblog-page-not-found, tr.dblog-access-denied {
1547
  background: #d7ffd7;
1572
  background: #d7ffd7;
1548
}
1573
}
1549
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1574
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1550
  background: #c7eec7;
1575
  background: #c7eec7;
1551
}
1576
}
1552
 
1577
 
1553
/**
1578
/**
1554
 * Status report colors.
1579
 * Status report colors.
1555
 */
1580
 */
1556
table.system-status-report tr.error, table.system-status-report tr.error th {
1581
table.system-status-report tr.error, table.system-status-report tr.error th {
1557
  background-color: #fcc;
1582
  background-color: #fcc;
1558
  border-color: #ebb;
1583
  border-color: #ebb;
1559
  color: #200;
1584
  color: #200;
1560
}
1585
}
1561
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1586
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1562
  background-color: #ffd;
1587
  background-color: #ffd;
1563
  border-color: #eeb;
1588
  border-color: #eeb;
1564
}
1589
}
1565
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1590
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1566
  background-color: #dfd;
1591
  background-color: #dfd;
1567
  border-color: #beb;
1592
  border-color: #beb;
1568
}
1593
}