Subversion Repositories Sites.obs-saisons.fr

Rev

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