Subversion Repositories Sites.obs-saisons.fr

Rev

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

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