Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 317 | Details | Compare with Previous | Last modification | View Log | RSS feed

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