Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 951 | Rev 980 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
13 jpm 1
@CHARSET "UTF-8";
171 jpm 2
/*----------------------------------------------------------------------------------------------------------*/
13 jpm 3
/* Générique */
4
body {
5
	font-family:Arial, Helvetica, Verdana, sans-serif;
6
	font-size:0.85em;
7
	background-color:#fff;
8
	margin:2px;
9
}
10
h1, h2, h3, h4 {
11
	font-weight:bold;
12
	letter-spacing:0;
13
}
14
h1 {
15
	padding:0 0 0 25px;
16
	margin:20px 0 10px 0;
17
	font-size:15px;
18
	text-transform:uppercase;
19
	color:#fd8c13;
20
}
21
h2 {
22
	margin:20px 0 12px 0;
23
	font-size:15px;
24
	color:#FD8C13;
25
}
26
h3 {
27
	margin:20px 0 12px;
28
	font-size:14px;
29
	color:#454341;
30
}
31
h4 {
32
	margin:2px 2px 2px 0;
33
	font-size:11px;
34
	font-weight:normal;
35
	color:#AAAAAA;
36
}
37
h1 a, h2 a, h3 a, h4 a {
38
	color:inherit;
39
	border-bottom: dotted 1px;
40
}
41
h3 a {
42
	border-color:#CCCCCC;
43
}
44
a {
45
	color:#598000;
46
	border-bottom:1px dotted #95ae5d;
47
}
48
a:hover {
49
	color:#FD8C13;
50
	border-bottom:1px dotted #95ae5d;
51
}
52
hr{
53
	color:#62210F;
54
}
55
table{
56
	border-collapse: collapse;
57
	width:100%;
58
	margin:5px 0;
59
}
60
td,th{
61
	border:1px solid #36560B;
62
	padding:7px 5px;
63
}
64
th{
65
	background-color:#EEE;
66
}
67
th[title]:after {
171 jpm 68
    content: " " url("../images/aide.png") !important;
13 jpm 69
}
70
caption{
71
	border:1px solid #36560B;
72
	background-color:#EEE;
73
	font-weight:bold;
74
	padding:2px;
75
}
76
img{
77
	border:0;
78
}
79
img a{
80
	display:block;
81
}
82
legend{
83
	color:#AD5A40;
84
}
85
dl {
86
	width:100%;
87
}
88
dt {
89
	float:left;
90
	font-weight:bold;
91
	text-align:top left;
92
	margin-right:0.3em;
93
}
94
dd {
95
	width:auto;
96
	margin:0.5em 0;
97
}
944 delphine 98
.acceder-outil {
99
	font-size:0.85em;
100
}
101
#zone-contenu.acceder-outil.img {
102
	margin-top:-2px;
103
	margin-bottom:-2px;
104
}
171 jpm 105
/*----------------------------------------------------------------------------------------------------------*/
13 jpm 106
/* Disposition */
107
#zone-centrale {
108
	text-align:center;
109
}
110
#zone-logo{
111
	left:18px;
112
	margin:1px 10px;
113
	position:absolute;
114
	top:2px;
115
	z-index:1;
116
}
117
#zone-entete{
118
	height:121px;
119
	margin:0;
120
}
121
#zone-titre{
122
	height:38px;
123
	margin:0;
124
	text-align:right;
125
}
126
#zone-titre h1{
127
	margin:0 20px 0 0;
128
	padding:0;
129
	background-color:transparent;
130
	font-size:28px;
131
	font-weight:bold;
132
}
133
#zone-corps{
134
	margin:0;
135
	text-align:left;
136
}
137
#zone-menu{
138
	position:relative;
139
	float:left;
140
	height:21px;
141
	width:100%;
142
	margin:0;
143
	padding:0;
144
	text-align:left;
145
	font-weight:bold;
146
	border-bottom:1px solid #62210F;
147
}
148
#zone-contenu{
149
	clear:both;
150
	min-height:300px;
151
	padding:0 2px;
152
	text-align:justify;
153
	border-top:medium none !important;
154
	border:1px solid #62210F;
155
}
156
#zone-pied{
157
	clear:both;
158
	text-align:center;
159
}
431 delphine 160
 
161
.ui-tabs { padding:0; position: relative; }
171 jpm 162
/*----------------------------------------------------------------------------------------------------------*/
13 jpm 163
/* Logo */
164
#zone-logo img{
165
	border:0;
166
}
167
#zone-logo a{
168
	position:absolute;
169
	top:0;
170
	left:0;
171
}
172
#zone-logo a:hover{
173
	border:1px dotted;
174
}
175
#zone-logo a:hover:after{
176
	content:" Retour à l'accueil ";
177
}
171 jpm 178
/*----------------------------------------------------------------------------------------------------------*/
13 jpm 179
/* Navigation : onglets */
180
.onglets {
181
	display:inline-block;
182
	padding:0;
183
	margin:0;
184
}
940 aurelien 185
 
186
#zone_onglets > ul > li > a {
187
	width: auto;
188
}
189
 
13 jpm 190
.onglets a {
191
	border:none
192
}
193
.onglets li a, .onglets li{
194
	list-style-image:none;
195
	padding:5px 3px 5px 3px;
196
	margin-top:2px;
197
	background-color:#C2C0AD;
766 delphine 198
	text-align: center;
856 mathilde 199
}
200
 
201
.onglets li.verna{
202
	width: 220px;
203
}
204
 
205
.onglets li.sci{
766 delphine 206
	width: 120px;
13 jpm 207
}
856 mathilde 208
 
13 jpm 209
.onglets li{
210
	cursor:pointer;
211
	float:left;
212
	list-style:none;
213
	margin-right:5px;
214
	font-size:13px;
215
	text-transform:uppercase;
216
	letter-spacing:0;
217
	padding:5px 2px 5px 5px;
218
	margin:0 1px 0 0;
219
	background:none no-repeat 5px 9px #C2C0AD;
220
	color:#fd8c13;
221
	border:1px solid #c2c0ad;
222
	border-bottom:0px solid #c2c0ad;
223
	text-decoration:none;
224
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
225
}
226
.onglets .menu_actif a{
227
	background:none;
228
	color:#FD8C13;
229
	font-weight:bold;
230
}
231
.onglets .menu_actif{
232
	background:none;
233
	border:1px solid #C2C0AD;
234
	border-bottom:0 solid #c2c0ad;
235
	text-decoration:none;
236
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
237
}
238
.onglets .menu_inactif a, .onglets h1{
239
	color:#6C6865;
240
}
241
.onglets .menu_actif h1{
242
	color:#FD8C13;
243
}
244
.onglets li:hover{
245
	background:white;
246
	border-bottom:0;
247
}
248
.onglets li a:hover{
249
	color:#FD8C13;
250
	background:white
251
}
171 jpm 252
/*----------------------------------------------------------------------------------------------------------*/
13 jpm 253
/* Général */
124 delphine 254
.centrer{
255
	text-align:center;
256
}
13 jpm 257
.discretion{
258
	color:#A9A9A9;
259
	font-size:10px;
528 jpm 260
	font-weight:normal;
261
}
262
.attention{
128 delphine 263
	background-color:#ffffcc;
264
	background-image:url("../images/attention.png");
528 jpm 265
}
266
.information{
128 delphine 267
	background-color:#e7ebfd;
268
	background-image:url("../images/information.png");
528 jpm 269
}
270
.attention, .information{
271
	display:inline-block;
128 delphine 272
	background-repeat:no-repeat;
528 jpm 273
	background-position:5px 50%;
128 delphine 274
	padding:10px 5px 5px 40px;
490 jpm 275
	background-size:24px 24px; -webkit-background-size:24px 24px; -o-background-size:24px 24px; -moz-background-size:24px 24px;
124 delphine 276
	max-width:600px;
528 jpm 277
	min-height:20px;
278
}
279
.msg{
280
	max-width:100%;
281
	height:auto;
282
	width: 100%;
283
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
284
	border-radius: 10px 10px 10px 10px;
285
    box-shadow: 2px 2px 5px #AAAAAA;
286
}
13 jpm 287
hr.nettoyage{
288
	clear:both;
627 mathilde 289
	width:0;
290
	}
291
 
490 jpm 292
.debogage, .debogage pre{
293
	white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;
294
	word-wrap:break-word; /* IE 5.5+ */
144 jpm 295
    overflow:auto;/* IE 6 */
296
}
171 jpm 297
/*----------------------------------------------------------------------------------------------------------*/
13 jpm 298
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
299
.largeur-01{
300
	width:60px;}
301
.largeur-02{
302
	width:120px;}
303
.largeur-03{
304
	width:180px;}
305
.largeur-04{
306
	width:240px;}
307
.largeur-05{
308
	width:300px;}
309
.largeur-06{
310
	width:360px;}
311
.largeur-07{
312
	width:420px;}
313
.largeur-08{
314
	width:480px;}
315
.largeur-09{
316
	width:540px;}
317
.largeur-10{
318
	width:600px;}
319
.largeur-11{
320
	width:660px;}
321
.largeur-12{
322
	width:720px;}
323
.largeur-13{
324
	width:780px;}
325
.largeur-14{
326
	width:840px;}
327
.largeur-15{
328
	width:900px;}
329
.largeur-16{
101 gduche 330
	width:960px;}
171 jpm 331
/*----------------------------------------------------------------------------------------------------------*/
101 gduche 332
/* Formulaire de Recherche Simple */
172 delphine 333
#bloc-recherche fieldset {
101 gduche 334
	border:none;
335
	padding:0;
336
	width:100%;
337
}
591 gduche 338
.choixNiveau {
339
	position:absolute;
172 delphine 340
	margin-top: -30px;
341
	padding: 0;
591 gduche 342
	width: 300px;
343
	margin-left:430px;
344
 
172 delphine 345
}
192 delphine 346
 
591 gduche 347
.choixNiveau a {
348
	float:left;
349
	border-style:solid;
350
	padding:0.4em 0.8em;
351
	border-color:#C2C0AD;
352
	color:#9AC343;
353
	font-weight:bold;
354
	cursor:pointer;
355
	background:#f9f9f9;
356
	border:1px solid #CCCCCC;
357
}
358
 
359
.choixNiveau .niveau1 {
360
	border-radius:4px 0 0 0;
361
}
362
 
363
.choixNiveau .niveau3 {
364
	border-radius:0 4px 0 0;
365
}
366
 
367
.choixNiveau .actif {
368
	color:#EB8F00;
369
	border-color:#EB8F00;
370
	background:white;
371
}
372
 
192 delphine 373
/* couleur des boutons non sélectionnés*/
591 gduche 374
.ef-form-niveau .ui-buttonset {
192 delphine 375
	margin-right: 25px;
376
}
377
 
591 gduche 378
.ef-form-niveau .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
192 delphine 379
	background-color:#C2C0AD;
380
	color: #9AC343;
381
	font-weight: bold;
382
}
383
#ef-form-niveau .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
384
	background-color: #FFFFFF;
385
	color: #EB8F00;
386
	font-weight: bold;
387
}
388
 
389
#ef-form-niveau .ui-button-text-only .ui-button-text {
390
	padding: 0.2em 0.5em;
391
}
392
 
393
#bloc-recherche h1, #contenu h1 {
394
	background: none;
395
	padding: 0 0 0 20px;
396
}
397
 
194 delphine 398
#bloc-recherche {
399
	padding-bottom: 0;
192 delphine 400
}
401
 
101 gduche 402
#ef-form-nomenclature table {
403
	width:100%;
404
}
405
#ef-form-nomenclature h1 {
406
	margin:0 0 3px 16px;
407
}
408
#ef-form-nomenclature .champ {
409
	padding:3px;
410
	font-size:12px;
411
}
412
#ef-form-nomenclature .zone-choix-type-nom {
413
	float:left;
414
	padding:0 10px
415
}
416
#ef-form-nomenclature .titre-choix-nom {
417
	padding:12px;
418
	font-weight:bold
419
}
420
#ef-form-nomenclature #zone-liens-recherche  {
421
	padding:5px;
422
}
423
#eflore_nomenclature_fiche {
424
	background:url(../images/lien.png) no-repeat 0 -1px;
425
	padding:0 0 0 17px;
426
	color:#598000;
427
	border:1px dotted #95AE5D;
428
	border-width:0 0 1px 0;
429
	cursor:pointer;
113 gduche 430
	margin:0 0 0 19px;
101 gduche 431
	font-size:12px
432
}
433
#ef-form-nomenclature input.ok {
113 gduche 434
	color:rgba(0,0,0,0);
101 gduche 435
	font-size:12px;
436
	font-weight:bold;
113 gduche 437
	padding:3px 10px 3px 10px;
438
	background:url("../images/loupe.png") no-repeat scroll 11px 3px white;
101 gduche 439
}
113 gduche 440
#ef-form-nomenclature input.ok:hover {
441
	background:url("../images/loupe.png") no-repeat scroll 11px 3px #DDD;
442
	cursor:pointer;
443
}
101 gduche 444
#ef-form-nomenclature label {
445
	font-size:12px
446
}
109 aurelien 447
 
171 jpm 448
/*----------------------------------------------------------------------------------------------------------*/
120 aurelien 449
/* Formulaire d'autocompletion */
109 aurelien 450
.ui-autocomplete a {
451
	text-decoration:none;
452
	border-bottom:none;
453
}
131 delphine 454
.ui-menu {
455
	list-style:none;
456
	padding: 2px;
457
	margin: 0;
458
	display:block;
459
	float: left;
460
	font-size: 11px;
461
	font-family: arial;
462
}
120 aurelien 463
 
131 delphine 464
.ui-menu .ui-menu-item a {
465
	text-decoration:none;
466
	display:block;
467
	padding:.2em .4em;
468
	line-height:0.8;
469
	zoom:1;
470
}
471
 
120 aurelien 472
#nom.valeur-defaut-recherche {
473
	color:#848484;
474
	font-style:italic;
475
	font-weight:0.9em;
476
}
171 jpm 477
/*----------------------------------------------------------------------------------------------------------*/
126 gduche 478
/* Résultats */
479
.zone-resultat {
951 aurelien 480
	width:96%;
126 gduche 481
	min-height:101px;
482
	padding:10px;
483
	margin-bottom:10px;
484
	background:#f8f9ec;
485
	border:solid 1px #f1f3de;
486
	-moz-border-radius:10px;
487
	-webkit-border-radius:10px;
488
	border-radius:10px;
489
	font-size:13px;
490
	-moz-box-shadow:3px 3px 3px #DDD;
491
}
859 mathilde 492
.zone-resultat .nom-sci{
493
	display:inline-block;
860 mathilde 494
	width:310px;
495
 
859 mathilde 496
}
126 gduche 497
.zone-resultat img {
620 mathilde 498
	border:solid 2px #DDD;
499
	float:right;
500
	height: 100px;
501
	width: 100px;
135 jpm 502
}
503
.surlignage {
504
	background-color: #E6FFA2;
171 jpm 505
}
506
#ef-resultats-decomposition #col-ns{
507
	width:33%;
508
}
509
#ef-resultats-decomposition .retenu, #ef-resultats-decomposition .synonyme{
510
	font-size:0.8em;
511
}
370 aurelien 512
.retenu{
171 jpm 513
	font-weight:bold;
195 delphine 514
}
515
#ef-resultats-determination .synonymes li {
516
	background: none;
202 delphine 517
	line-height: 18px;
518
	list-style: none outside none;
519
	padding-left: 15px;
520
}
234 delphine 521
.absent {
522
	display:block;
523
	float:right;
524
	background-color:transparent;
362 gduche 525
	background-image:url("../images/pasdephoto.png");
234 delphine 526
	background-repeat:no-repeat;
235 delphine 527
	background-position:50% 20%;
234 delphine 528
	border: 2px solid #DDDDDD;
529
	margin: 0 5px;
530
	height: 100px;
531
	width: 100px;
532
	font-weight: bold;
533
	text-align: center;
534
}
627 mathilde 535
.vide {
536
	display:block;
537
	background-color:transparent;
538
	margin: 0 5px;
539
	height: 100px;
540
	width: 100px;
541
	text-align: center;
542
}
202 delphine 543
 
362 gduche 544
.absent .contribuer {
545
    display: block;
546
    padding-top: 66px;
547
}
894 aurelien 548
 
549
#ef-resultats-nv-determination {
550
    padding: 0;
551
}
552
 
206 delphine 553
#ef-resultats-nv-determination table, #ef-resultats-nv-determination table tbody, #ef-resultats-nv-determination table td {
202 delphine 554
	border: none;
555
	background: none;
556
}
557
 
558
#ef-resultats-nv-determination .nom {
559
	width: 30%;
560
	vertical-align: top;
561
	margin-top: 5px;
562
}
894 aurelien 563
#ef-resultats-nv-determination .nom ul, #ef-resultats-nv-determination li{
202 delphine 564
	margin: 0;
894 aurelien 565
	margin-bottom: 5px;
566
	list-style-image: none;
567
	list-style-type: none;
568
	padding: 0;
226 delphine 569
}
570
 
951 aurelien 571
#ef-resultats-determination {
572
	padding-left: 0px;
573
}
226 delphine 574
 
951 aurelien 575
 
226 delphine 576
/*----------------------------------------------------------------------------------------------------------*/
577
/* Fiche */
578
#bloc-fiche h1 {
579
	background: none repeat scroll 0 0 transparent;
591 gduche 580
	padding: 0 9px  0 9px;
226 delphine 581
}
591 gduche 582
#zone_contenu_fiche {
595 gduche 583
    background-color: #EEE;
591 gduche 584
    clear: left;
585
    min-height: 300px;
586
    padding-top: 0.4em;
595 gduche 587
    width: 676px;
588
    border:none;
589
    margin-left:-7px;
590
 
226 delphine 591
}
591 gduche 592
.ui-widget-content {
593
	background:white;
594
}
226 delphine 595
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { /* onglets + blocs */
596
	border-bottom-right-radius: 0;
597
}
598
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { /* onglets + blocs */
599
	border-bottom-left-radius: 0;
600
}
601
.colonne {
602
	float:left;
603
	padding-bottom:10px;
604
	width:33%;
605
	margin: 0 1px;
606
}
607
 
488 gduche 608
.deuxtiers{
609
	width:66%;
610
}
611
 
510 gduche 612
.pasDeCurseur {
613
	cursor:default;
614
}
226 delphine 615
/* bloc */
616
.module {
617
	margin: 0 1em 0.5em 0;
618
	width: 99%;
619
}
620
.module .titre{
591 gduche 621
	 cursor: move;
622
    font-size: 12px;
623
    padding-bottom: 1px;
624
    padding-left: 1.2em;
625
    margin-left:-2px;
626
    margin-right:1px;
226 delphine 627
}
591 gduche 628
 
226 delphine 629
.module .titre .ui-icon {
630
	float: right;
631
}
585 aurelien 632
.imagetteMoins, .imagettePlus { /* +/- du titre */
226 delphine 633
	cursor:pointer
634
}
635
.module .contenu {
591 gduche 636
	padding: 10px;
226 delphine 637
}
638
 
639
.ui-sortable-placeholder { /* déplacement bloc */
640
	border: 1px dotted black;
641
	visibility: visible !important;
642
	height: 50px !important;
643
}
644
.ui-sortable-placeholder * {
645
	visibility: hidden;
646
}
647
 
808 aurelien 648
.module .contenu.attention {
767 aurelien 649
    padding: 10px 5px 5px 40px;
808 aurelien 650
    background-position: 5px 12px;
767 aurelien 651
}
652
 
653
.pas_de_protection {
654
    display: block;
655
    margin-bottom: 5px;
656
    margin-left: 35px;
657
}
658
 
659
.completer_statut {
660
    display: block;
661
    float: right;
662
    margin-bottom: 10px;
663
    margin-right: 10px;
664
    padding-top: 5px;
665
    width: 60px;
666
}
667
 
785 aurelien 668
#statut .aucune_info {
669
	padding: 10px;
670
}
886 delphine 671
#alignement-droite {
672
	float:right;
889 delphine 673
	margin-right: -5px;
886 delphine 674
}
785 aurelien 675
 
887 delphine 676
.lien-onglet.lien-statique.lien_retour_synthese {
677
	background-attachment: scroll;
678
	background-clip: border-box;
679
	background-color: transparent;
680
	background-image: url("../images/fleche_gauche.png");
681
	background-origin: padding-box;
682
	background-position: 0 2px;
683
	background-repeat: no-repeat;
684
	background-size: auto auto;
685
	padding-left: 20px;
686
}
687
 
226 delphine 688
/* Onglets */
689
#zone_onglets {
690
	margin-top: 0.1em;
591 gduche 691
	border-width:0;
226 delphine 692
	border-radius:0;
595 gduche 693
	width:676px;
694
	font-size:12px;
695
	margin-left:-7px;
226 delphine 696
}
697
#zone_onglets .ui-tabs { /* taille de la barre d'onglets */'
698
	padding:0;
699
	position: relative;
700
}
701
.ui-tabs .ui-tabs-nav li a {
702
	float: left;
933 aurelien 703
  	padding: 4px 4px 3px 3px;
226 delphine 704
	text-decoration: none;
705
}
706
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { /* couleur des onglets */
707
	color: #9AC343;
708
	text-decoration: none;
709
}
710
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
711
	color: #EB8F00;
712
	text-decoration: none;
713
}
591 gduche 714
#onglets {
715
	height:22px
716
}
354 gduche 717
#onglets li {
226 delphine 718
	list-style:none;
591 gduche 719
	line-height:12px;
226 delphine 720
}
930 aurelien 721
 
722
#onglets li.ui-tabs-selected {
723
	line-height: 13px;
724
}
725
 
354 gduche 726
#onglets li {
226 delphine 727
	float:left;
728
}
729
#zone_onglets li .ui-icon-close {
730
	float: left;
731
	cursor: pointer;
732
}
733
#zone_onglets li a.lien-onglet {
734
	overflow: hidden;
735
	text-decoration: none;
736
	border-bottom: none;
737
}
738
#zone_onglets li a.lien-onglet hover {
739
	overflow: hidden;
740
	text-decoration: none;
741
	border-bottom: none;
742
}
743
/* Menu et + */
744
#zone_onglets #ongletEtPlus {
591 gduche 745
    cursor: pointer;
746
    display: none;
747
    float: right;
748
    font-size: 20px;
749
    height: 20px;
750
    padding-bottom: 0;
751
    padding-right: 5px;
277 aurelien 752
    position: relative;
753
    top: 1px;
591 gduche 754
    width: 25px;
755
    z-index: 500;
226 delphine 756
}
757
#zone_onglets #ongletEtPlus a {
758
	border-bottom: none;
759
}
760
#lienOngletEtPlus { /* icone */
761
	width:6px;
277 aurelien 762
    padding-left: 9px;
763
	padding-top: 0px;
764
	display:block;
765
	margin-top:5px;
226 delphine 766
}
242 aurelien 767
 
768
.lien-onglet-synthese, .lien-onglet-synthese:hover {
769
	border-bottom: none;
770
}
771
 
226 delphine 772
.menuModules { /* liste */
359 gduche 773
	left: 465px;
226 delphine 774
	width: 187px;
775
	position: absolute;
776
	border: 1px solid #DCD1CC;
777
	margin: 0px;
778
	padding: 0px;
779
	top: 30px;
261 aurelien 780
	z-index:499;
226 delphine 781
	background-color: #F9F9F9;
782
	color: #9AC343;
783
	font-weight: bold;
784
}
785
.elementMenuModules { /* element de la liste */
786
	display:block;
787
	border: 1px solid white;
788
	width: 150px;
789
	padding: 10px 10px 10px 25px;
790
	margin:0px;
791
	cursor: pointer;
792
}
793
.elementMenuModules:hover {
794
	background-color: #FEBF01;
795
}
796
.elementMenuModulesSelectionne {
797
	background-color: #F6AF39;
798
	color: white;
799
}
800
 
801
#dialog label, #dialog input { display:block; }
802
#dialog label { margin-top: 0.5em; }
803
#dialog input, #dialog textarea { width: 95%; }
260 gduche 804
 
805
.bloc_legende_repartition {
806
	float:left;
807
	margin-right:5px;
808
	margin-bottom:3px;
809
	width:15px;
810
	height:15px;
811
	border:solid 1px black;
812
}
813
 
814
.texte_legende_repartition {
815
	float:left;
816
	text-transform:capitalize;
261 aurelien 817
}
818
 
267 aurelien 819
.conteneur_lien_metadonnees {
261 aurelien 820
	padding: 15px;
821
}
890 delphine 822
.lien_metadonnees {
823
	float:right;
824
}
279 gduche 825
 
945 aurelien 826
.sous-liste-metadonnees {
827
	margin: 0px;
828
}
829
 
289 aurelien 830
#nomenclature > ul > li.item_nomenclature {
831
    line-height: 18px;
336 aurelien 832
    width:100%;
289 aurelien 833
}
315 aurelien 834
 
835
.tab-chargement {
316 aurelien 836
  	background: url("../images/chargement.gif") no-repeat scroll 10px 13px transparent;
315 aurelien 837
  	background-color: #FFFFFF;
838
    border: medium none;
839
    cursor: pointer;
840
    display: inline-block;
841
    font-size: 14px;
842
    padding: 20px 20px 20px 50px;
843
    width: 555px;
844
}
317 aurelien 845
 
846
.conteneur_illustrations_cel {
847
	width: 250px;
848
}
849
 
850
.conteneur_metadonnees_cel {
851
	width: 250px;
852
	padding-top : 20px;
853
}
327 aurelien 854
 
401 delphine 855
.onglet_marge_gauche {
856
	margin-top: 7px;
857
	padding-left: 30px;
327 aurelien 858
}
334 aurelien 859
 
360 gduche 860
.references_bibliographiques .texte_inactif {
861
	display:none;
364 aurelien 862
}
863
 
864
#repartition_observations {
865
    height: 590px;
866
    width: 100%;
655 mathilde 867
    overflow: hidden;
375 aurelien 868
}
869
 
870
.legende_nom_retenu {
871
	background-color: #E6FFA2;
872
}
873
 
874
.couleur_legende {
875
    display: inline-block;
876
    height: 12px;
877
    width: 30px;
878
    margin-right: 5px;
879
    margin-top: 2px;
880
    border: 1px dotted black;
377 delphine 881
}
882
 
933 aurelien 883
.lienToggle {
884
	cursor: pointer;
885
}
767 aurelien 886
 
377 delphine 887
/*----------------------------------------------------------------------------------------------------------*/
888
/* Nomenclature */
457 jpm 889
.ns-retenu {
890
	font-weight:bold;
891
}
377 delphine 892
.supra-gen, .gen, .sp, .infra-sp, .infra-gen {
893
	font-style: italic;
894
	text-transform: none;
895
}
896
.hyb, .chimere, .abbr, .formule-hyb, .gp, .cultivar, .commercial,
421 delphine 897
.auteur, .annee, .biblio, .addendum, .type_epithete {
377 delphine 898
	font-style: normal;
899
	text-transform: none;
390 aurelien 900
}
901
 
902
/*----------------------------------------------------------------------------------------------------------*/
903
/* Wikinis */
904
.editable_sur_clic {
905
	min-height: 50px;
906
}
907
 
908
.aide_wikini {
909
    font-size: 0.8em;
910
}
911
 
912
.contenu_editable {
913
	background-color: #F8FBF2;
914
	border: dashed 1px #AAAAAA;
915
	padding: 5px;
916
	padding-top: 2px;
917
	border-radius: 3px;
918
}
919
 
920
.champ_edition_wiki {
921
	width: 100%;
922
	height: 350px;
923
	overflow: auto;
403 gduche 924
}
925
 
926
.imagettePlus {
927
	width:9px;
928
	height:9px;
929
	background:url('../images/ouvrir.png') no-repeat;
930
	display:inline-block;
931
	margin-right:3px;
932
}
933
 
934
.imagetteMoins {
935
	width:9px;
936
	height:9px;
937
	background:url('../images/fermer.png') no-repeat;
938
	margin-right:3px;
939
	display:inline-block;
940
}
941
 
942
.basionyme_complet {
943
	margin-left:20px;
487 gduche 944
	display:block;
403 gduche 945
}
946
 
947
.legende {
948
	border:dashed 1px #AAA;
949
	padding:5px 10px;
950
}
951
 
952
.legende b {
953
	color:#AAA; margin-bottom:10px
435 aurelien 954
}
955
 
956
.wp {
957
	background:url('../images/sites/wikipedia.png') no-repeat;
958
	margin-left: 15px;
959
    margin-top: 5px;
960
    padding-left: 20px;
475 delphine 961
}
817 mathilde 962
/*----Description+Ecologie-----------------------------------------------------------------------------------*/
555 mathilde 963
 
537 mathilde 964
.citation {
965
		 font-size:9px;
966
}
967
.fond_graphique {
555 mathilde 968
	background-color:#F8F8F8;
969
	padding-top: 10px;
970
	padding-bottom: 10px;
971
 
972
 
537 mathilde 973
}
555 mathilde 974
.graphique {
975
	margin-right: auto;
976
	margin-left: auto;
716 aurelien 977
	width:100%;
555 mathilde 978
}
979
 
716 aurelien 980
.graphique > * {
981
      width:100%;
982
}
983
 
563 mathilde 984
.titre {
985
		color:#36560B;
986
		left:2px;
555 mathilde 987
		position:relative;
563 mathilde 988
		padding-right:5px;
555 mathilde 989
}
563 mathilde 990
.desc {
991
	margin-right:3px;
992
	margin-left:3px;
993
}
573 mathilde 994
.desc td {
995
	width: 50%;
996
	vertical-align: top;
997
	border: 1px dasharray #36560B;
998
	padding: 7px 5px;
563 mathilde 999
}
581 mathilde 1000
 .italique { font-style: italic;
1001
 }
1002
 
1003
 .gras { font-weight: bold;
1004
 }
817 mathilde 1005
 
573 mathilde 1006
 
1007
/*  boutons spécifiques légende  graphiques (masquer/afficher) */
613 mathilde 1008
.legende_formes {
1009
	background-image:url('../images/legende_formes.png');
1010
	background-position: 2px 5px;
1011
	background-repeat: no-repeat ;
836 mathilde 1012
	width : 428px;
613 mathilde 1013
	height : 30px;
1014
	margin-right : auto;
1015
	margin-left: auto;
1016
	border: 1px dotted grey;
1017
	padding : 5px;
836 mathilde 1018
	text-align:center;
613 mathilde 1019
}
573 mathilde 1020
.legende_graphique {
1021
	display:none;
1022
	font-size:11px;
1023
	padding: 5px;
1024
}
590 mathilde 1025
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
1026
	background:none;
1027
	border:none;
1028
}
573 mathilde 1029
 
1030
.cacher, .voir {
1031
	float:right;
1032
}
1033
 
1034
.cacher {
1035
	display:none;
1036
}
1037
 
1038
.fond_graphique button {
1039
	background: none;
1040
	border: none;
1041
 
1042
}
1043
 
1044
.fond_graphique button:hover {
1045
	cursor: pointer;
1046
	text-decoration: underline;
1047
}
1048
 
475 delphine 1049
/* Illustrations */
843 mathilde 1050
#illustrations-coste img {
620 mathilde 1051
	display:inline;
1052
	vertical-align:middle;
635 mathilde 1053
	margin:0px;
1054
	padding:0px;
620 mathilde 1055
}
1056
 
475 delphine 1057
#illustrations {
1058
	margin-left:-5px;
1059
	margin-right:-4px;
635 mathilde 1060
 
475 delphine 1061
}
843 mathilde 1062
.liste-illustrations .attention {
475 delphine 1063
	border:0;
1064
	background:none;
1065
	text-align:left;
524 jpm 1066
	padding:0;
1067
}
1068
.liste-illustrations{
475 delphine 1069
	list-style-type:none;
524 jpm 1070
	padding:0;
1071
}
1072
.liste-illustrations li {
1073
	list-style-image:none !important;
475 delphine 1074
	background:none;
1075
	text-align:center;
1076
	font-size:11px;
1077
	float: left;
1078
	width:210px;
524 jpm 1079
	height:285px;
843 mathilde 1080
	margin:0px;
1081
	padding:0px;
1082
 
524 jpm 1083
}
635 mathilde 1084
 
843 mathilde 1085
#illustrations-coste .liste-illustrations li {
1086
	height: 196px;
682 aurelien 1087
}
635 mathilde 1088
 
843 mathilde 1089
.liste-illustrations li p {
475 delphine 1090
	margin:2px 2px 5px 2px;
1091
	width:206px;
524 jpm 1092
	font-size:11px;
1093
}
843 mathilde 1094
.liste-illustrations strong {
524 jpm 1095
	font-weight:bold;
1096
}
843 mathilde 1097
.liste-illustrations img {
475 delphine 1098
	display:block;
1099
	border:1px solid white;
1100
	margin:0 auto;
524 jpm 1101
	padding:2px;
1102
	max-height:196px;
1103
	max-width:196px;
1104
}
1105
.liste-illustrations a:hover img{
475 delphine 1106
    border:1px dotted #FD8C13;
1107
}
524 jpm 1108
a.img-cadre{
1109
	display:block;
1110
	border: 1px solid white;
1111
	background:transparent;
1112
	width:204px;
1113
	height:204px;
1114
	margin-right:2px;
1115
}
1116
a.img-cadre:hover{
1117
	border:1px dotted #FD8C13;
1118
}
1119
.img-cadre-fond{
1120
	background:white;
1121
	width:200px;
475 delphine 1122
	height:200px;
524 jpm 1123
	line-height:200px;
1124
	text-align:center;
1125
	margin:2px;
1126
}
1127
#illustrations-photoflora img{
1128
	display:inline;
1129
	vertical-align:middle;
1130
	margin:0;
1131
	padding:0;
1132
	border:0;
591 gduche 1133
}
1134
 
1135
.importance4 {
1136
	font-size:0.8em;
1137
	padding:5px;
595 gduche 1138
	box-shadow:none;
591 gduche 1139
}
1140
 
1141
h1 .nomenclature {
1142
	color:#555;
595 gduche 1143
	font-size:19px;
591 gduche 1144
}
595 gduche 1145
 
1146
h1 .famille {
1147
	font-size:13px;
1148
	margin-top:5px;
1149
}
1150
 
591 gduche 1151
table tbody {
1152
    background-color: #F8F8DB;
1153
    border: 1px solid #9AC342;
655 mathilde 1154
}
1155
 
1156
/* relatif aux liens pour l'export pdf --- bloc du bas ---*/
1157
#bloc_export_choix {
709 aurelien 1158
	width: 100%;
655 mathilde 1159
}
709 aurelien 1160
 
1161
.avertissement_telechargement {
737 mathilde 1162
	padding-top:1px;
709 aurelien 1163
	font-style:italic;
1164
	color: grey;
1165
	font-weight: 0.9em;
1166
}
1167
 
655 mathilde 1168
#export_pdf input[type="submit"] {
1169
	text-align: center;
1170
	width :120px;
1171
	display:block;
737 mathilde 1172
	/*margin-right: auto;*/
1173
	margin-left: 25px;
655 mathilde 1174
 
1175
}
1176
#export_pdf fieldset label{
1177
	width :120px;
1178
	display:inline-block;
737 mathilde 1179
	text-align:right;
655 mathilde 1180
}
1181
 
1182
#export_pdf fieldset {
1183
	border: none;
1184
	margin-left: auto;
1185
	margin-right: auto;
1186
 
1187
}
709 aurelien 1188
 
716 aurelien 1189
.infos_liens_permanents {
1190
	width: 60%;
1191
}
1192
 
1193
.telechargements_pdf {
1194
	width: 40%;
1195
}
1196
 
709 aurelien 1197
.conteneur_telechargements > * {
1198
	padding-left:20px;
1199
	padding-top: 10px;
1200
	padding-bottom: 10px;
1201
}
1202
 
1203
.lien_export_pdf {
1204
	background:url('../images/pdf.png') no-repeat;
1205
	padding-left: 20px;
1206
	font-size:12px;
1207
	padding-bottom: 3px;
1208
}
1209
 
1210
.avertissement_telechargement {
1211
	margin-top: 2px;
1212
}
1213
 
1214
.conteneur_permalien {
1215
	padding-left: 5px;
1216
	padding-bottom: 5px;
1217
	padding-top: 5px;
1218
	width: 100%;
1219
}
1220
 
1221
.wp.conteneur_permalien {
1222
	padding-left: 0px;
1223
	padding-top: 0px;
1224
}
1225
 
1226
.titre_lien_permanent {
1227
	padding-left: 0px;
723 mathilde 1228
}
1229
/**----------------------- recherche--avancee--formulaire---------------------------------------------**/
971 aurelien 1230
::-webkit-input-placeholder { color:#777777; }
1231
::-moz-placeholder { color:#777777; } /* firefox 19+ */
1232
:-ms-input-placeholder { color:#777777; } /* ie */
1233
input:-moz-placeholder { color:#777777; }
1234
 
723 mathilde 1235
#recherche_av {
1236
	position:relative;
737 mathilde 1237
	float:right;
1238
	right:17px;
741 mathilde 1239
 
723 mathilde 1240
}
741 mathilde 1241
#bloc-recherche {
1242
	padding-bottom : 3px;
1243
}
723 mathilde 1244
div #recherche_av_form {
1245
	width:95%;
1246
	margin-right:auto;
1247
	margin-left:auto;
1248
	padding : 3px;
741 mathilde 1249
 
723 mathilde 1250
}
1251
#bloc_recherche_av {
1252
	border: 1px solid white;
1253
	padding : 5px;
1254
	padding-top : 15px;
741 mathilde 1255
 
723 mathilde 1256
}
1257
 
1258
#recherche_av_form label {
1259
	display:block;
1260
	text-align:left;
1261
	padding-left:7px;
1262
}
1263
 
1264
#recherche_av_form .rech {
1265
	margin-top:20px;
1266
	position:relative;
1267
	left: 228px;
1268
	width:200px;
1269
	padding: 2px;
1270
	cursor:pointer;
1271
	background-color:#FFFFFF;
1272
	font-weight: bold;
1273
}
1274
#recherche_av_form .rech:hover {
1275
	background-color:#DDDDDD;
1276
}
1277
#recherche_av_form label, #recherche_av_form input, #recherche_av_form select {
1278
	float:left;
1279
}
1280
#recherche_av_form .valeur-defaut-recherche {
1281
    color: #848484;
1282
    font-style: italic;
1283
}
1284
/* fieldset classification */
1285
fieldset.classification_form label{
1286
	width: 95px;
1287
}
1288
fieldset.classification_form input, fieldset.classification_form select{
1289
	width: 100px;
1290
}
1291
/* fieldset statuts presence */
1292
fieldset.statuts_form label, fieldset.presence_form label{
1293
	width: 220px;
1294
}
1295
fieldset.statuts_form select, fieldset.presence_form select{
1296
	width: 200px;
1297
}
1298
/* fieldset publication */
1299
fieldset.publication_form label {
1300
	width: 60px;
1301
}
1302
/* fieldset numero */
1303
fieldset.numero_form label {
1304
	width: 135px;
737 mathilde 1305
}
760 aurelien 1306
 
1307
 
1308
/**----------------------- Correction de hauteur pour les graphiques ---------------------------------------------**/
1309
.chorodep_svg {
1310
	height: 590px;
761 aurelien 1311
	width:	100%;
1312
}
1313
 
1314
.ecologie_svg {
1315
    width: 500px;
1316
}
1317
 
1318
.chargement {
1319
	background:url('../images/chargement-transparent.gif');
1320
	background-repeat:no-repeat;
1321
	background-position:center;
1322
	min-height: 150px;
785 aurelien 1323
}
1324
 
1325
/**----------------------- Autocompletion des noms ---------------------------------------------**/
1326
li.autocompletion_nom, .autocompletion_nom:hover {
1327
    background: url("../images/fleche_droite.png") no-repeat scroll 100% 0 white;
1328
    margin: 0 0 5px;
1329
}
864 aurelien 1330
 
1331
/**----------------------- Illustration des résultats ---------------------------------------------**/
1332
 
1333
.illustration_resultat_cel, .illustration_resultat_choro, .illustration_resultat_coste, #synthese_repartition img, #synthese_illustrations img {
1334
	cursor: pointer;
1335
}
877 aurelien 1336
 
1337
.nomenclature_synonyme {
1338
    padding-left: 13px;
1339
}
1340
 
1341
.nomenclature_basionyme {
1342
	font-size: 0.9em;
1343
}
894 aurelien 1344
 
1345
 
1346
/**----------------------- Styles pour la pagination ---------------------------------------------**/
1347
.page_courante {
1348
	font-size: 1.5em;
1349
}
1350
 
1351
.page_courante a {
1352
	color: black;
1353
}
1354
 
1355
.nb_resultats {
1356
	float:right;
1357
	margin-top: 10px;
1358
}