Subversion Repositories Sites.obs-saisons.fr

Rev

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

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