Subversion Repositories Sites.obs-saisons.fr

Rev

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

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