Subversion Repositories Sites.obs-saisons.fr

Rev

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