Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1095 | 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 */
980 delphine 889
.nomenclature {
890
	text-transform: none;
891
}
892
.famille {
893
	text-transform: uppercase;
894
}
457 jpm 895
.ns-retenu {
896
	font-weight:bold;
897
}
377 delphine 898
.supra-gen, .gen, .sp, .infra-sp, .infra-gen {
899
	font-style: italic;
900
	text-transform: none;
901
}
902
.hyb, .chimere, .abbr, .formule-hyb, .gp, .cultivar, .commercial,
421 delphine 903
.auteur, .annee, .biblio, .addendum, .type_epithete {
377 delphine 904
	font-style: normal;
905
	text-transform: none;
390 aurelien 906
}
980 delphine 907
.vernaculaire {
908
	font-size: 17px;
909
	color: #A89D80;
910
	text-transform: none;
911
}
390 aurelien 912
 
913
/*----------------------------------------------------------------------------------------------------------*/
914
/* Wikinis */
915
.editable_sur_clic {
916
	min-height: 50px;
917
}
918
 
919
.aide_wikini {
920
    font-size: 0.8em;
921
}
922
 
923
.contenu_editable {
924
	background-color: #F8FBF2;
925
	border: dashed 1px #AAAAAA;
926
	padding: 5px;
927
	padding-top: 2px;
928
	border-radius: 3px;
929
}
930
 
931
.champ_edition_wiki {
932
	width: 100%;
933
	height: 350px;
934
	overflow: auto;
403 gduche 935
}
936
 
937
.imagettePlus {
938
	width:9px;
939
	height:9px;
940
	background:url('../images/ouvrir.png') no-repeat;
941
	display:inline-block;
942
	margin-right:3px;
943
}
944
 
945
.imagetteMoins {
946
	width:9px;
947
	height:9px;
948
	background:url('../images/fermer.png') no-repeat;
949
	margin-right:3px;
950
	display:inline-block;
951
}
952
 
953
.basionyme_complet {
954
	margin-left:20px;
487 gduche 955
	display:block;
403 gduche 956
}
957
 
958
.legende {
959
	border:dashed 1px #AAA;
960
	padding:5px 10px;
961
}
962
 
963
.legende b {
964
	color:#AAA; margin-bottom:10px
435 aurelien 965
}
966
 
967
.wp {
968
	background:url('../images/sites/wikipedia.png') no-repeat;
969
	margin-left: 15px;
970
    margin-top: 5px;
971
    padding-left: 20px;
475 delphine 972
}
817 mathilde 973
/*----Description+Ecologie-----------------------------------------------------------------------------------*/
555 mathilde 974
 
537 mathilde 975
.citation {
976
		 font-size:9px;
977
}
978
.fond_graphique {
555 mathilde 979
	background-color:#F8F8F8;
980
	padding-top: 10px;
981
	padding-bottom: 10px;
982
 
983
 
537 mathilde 984
}
555 mathilde 985
.graphique {
986
	margin-right: auto;
987
	margin-left: auto;
716 aurelien 988
	width:100%;
555 mathilde 989
}
990
 
716 aurelien 991
.graphique > * {
992
      width:100%;
993
}
994
 
563 mathilde 995
.titre {
996
		color:#36560B;
997
		left:2px;
555 mathilde 998
		position:relative;
563 mathilde 999
		padding-right:5px;
555 mathilde 1000
}
563 mathilde 1001
.desc {
1002
	margin-right:3px;
1003
	margin-left:3px;
1004
}
573 mathilde 1005
.desc td {
1006
	width: 50%;
1007
	vertical-align: top;
1008
	border: 1px dasharray #36560B;
1009
	padding: 7px 5px;
563 mathilde 1010
}
581 mathilde 1011
 .italique { font-style: italic;
1012
 }
1013
 
1014
 .gras { font-weight: bold;
1015
 }
817 mathilde 1016
 
573 mathilde 1017
 
1018
/*  boutons spécifiques légende  graphiques (masquer/afficher) */
613 mathilde 1019
.legende_formes {
1020
	background-image:url('../images/legende_formes.png');
1021
	background-position: 2px 5px;
1022
	background-repeat: no-repeat ;
836 mathilde 1023
	width : 428px;
613 mathilde 1024
	height : 30px;
1025
	margin-right : auto;
1026
	margin-left: auto;
1027
	border: 1px dotted grey;
1028
	padding : 5px;
836 mathilde 1029
	text-align:center;
613 mathilde 1030
}
573 mathilde 1031
.legende_graphique {
1032
	display:none;
1033
	font-size:11px;
1034
	padding: 5px;
1035
}
590 mathilde 1036
.legende_graphique td, .legende_graphique tbody, .legende_graphique table {
1037
	background:none;
1038
	border:none;
1039
}
573 mathilde 1040
 
1041
.cacher, .voir {
1042
	float:right;
1043
}
1044
 
1045
.cacher {
1046
	display:none;
1047
}
1048
 
1049
.fond_graphique button {
1050
	background: none;
1051
	border: none;
1052
 
1053
}
1054
 
1055
.fond_graphique button:hover {
1056
	cursor: pointer;
1057
	text-decoration: underline;
1058
}
1059
 
475 delphine 1060
/* Illustrations */
843 mathilde 1061
#illustrations-coste img {
620 mathilde 1062
	display:inline;
1063
	vertical-align:middle;
635 mathilde 1064
	margin:0px;
1065
	padding:0px;
620 mathilde 1066
}
1067
 
475 delphine 1068
#illustrations {
1069
	margin-left:-5px;
1070
	margin-right:-4px;
635 mathilde 1071
 
475 delphine 1072
}
843 mathilde 1073
.liste-illustrations .attention {
475 delphine 1074
	border:0;
1075
	background:none;
1076
	text-align:left;
524 jpm 1077
	padding:0;
1078
}
1079
.liste-illustrations{
475 delphine 1080
	list-style-type:none;
524 jpm 1081
	padding:0;
1082
}
1083
.liste-illustrations li {
1084
	list-style-image:none !important;
475 delphine 1085
	background:none;
1086
	text-align:center;
1087
	font-size:11px;
1088
	float: left;
1089
	width:210px;
524 jpm 1090
	height:285px;
843 mathilde 1091
	margin:0px;
1092
	padding:0px;
1093
 
524 jpm 1094
}
635 mathilde 1095
 
843 mathilde 1096
#illustrations-coste .liste-illustrations li {
1097
	height: 196px;
682 aurelien 1098
}
635 mathilde 1099
 
843 mathilde 1100
.liste-illustrations li p {
475 delphine 1101
	margin:2px 2px 5px 2px;
1102
	width:206px;
524 jpm 1103
	font-size:11px;
1104
}
843 mathilde 1105
.liste-illustrations strong {
524 jpm 1106
	font-weight:bold;
1107
}
843 mathilde 1108
.liste-illustrations img {
475 delphine 1109
	display:block;
1110
	border:1px solid white;
1111
	margin:0 auto;
524 jpm 1112
	padding:2px;
1113
	max-height:196px;
1114
	max-width:196px;
1115
}
1116
.liste-illustrations a:hover img{
475 delphine 1117
    border:1px dotted #FD8C13;
1118
}
524 jpm 1119
a.img-cadre{
1120
	display:block;
1121
	border: 1px solid white;
1122
	background:transparent;
1123
	width:204px;
1124
	height:204px;
1125
	margin-right:2px;
1126
}
1127
a.img-cadre:hover{
1128
	border:1px dotted #FD8C13;
1129
}
1130
.img-cadre-fond{
1131
	background:white;
1132
	width:200px;
475 delphine 1133
	height:200px;
524 jpm 1134
	line-height:200px;
1135
	text-align:center;
1136
	margin:2px;
1137
}
1138
#illustrations-photoflora img{
1139
	display:inline;
1140
	vertical-align:middle;
1141
	margin:0;
1142
	padding:0;
1143
	border:0;
591 gduche 1144
}
1145
 
1146
.importance4 {
1147
	font-size:0.8em;
1148
	padding:5px;
595 gduche 1149
	box-shadow:none;
591 gduche 1150
}
1151
 
1152
h1 .nomenclature {
1153
	color:#555;
595 gduche 1154
	font-size:19px;
591 gduche 1155
}
595 gduche 1156
 
1157
h1 .famille {
1158
	font-size:13px;
1159
	margin-top:5px;
1160
}
1161
 
591 gduche 1162
table tbody {
1163
    background-color: #F8F8DB;
1164
    border: 1px solid #9AC342;
655 mathilde 1165
}
1166
 
1167
/* relatif aux liens pour l'export pdf --- bloc du bas ---*/
1168
#bloc_export_choix {
709 aurelien 1169
	width: 100%;
655 mathilde 1170
}
709 aurelien 1171
 
1172
.avertissement_telechargement {
737 mathilde 1173
	padding-top:1px;
709 aurelien 1174
	font-style:italic;
1175
	color: grey;
1176
	font-weight: 0.9em;
1177
}
1178
 
655 mathilde 1179
#export_pdf input[type="submit"] {
1180
	text-align: center;
1181
	width :120px;
1182
	display:block;
737 mathilde 1183
	/*margin-right: auto;*/
1184
	margin-left: 25px;
655 mathilde 1185
 
1186
}
1187
#export_pdf fieldset label{
1188
	width :120px;
1189
	display:inline-block;
737 mathilde 1190
	text-align:right;
655 mathilde 1191
}
1192
 
1193
#export_pdf fieldset {
1194
	border: none;
1195
	margin-left: auto;
1196
	margin-right: auto;
1197
 
1198
}
709 aurelien 1199
 
716 aurelien 1200
.infos_liens_permanents {
1201
	width: 60%;
1202
}
1203
 
1204
.telechargements_pdf {
1205
	width: 40%;
1206
}
1207
 
709 aurelien 1208
.conteneur_telechargements > * {
1209
	padding-left:20px;
1210
	padding-top: 10px;
1211
	padding-bottom: 10px;
1212
}
1213
 
1065 aurelien 1214
.lien_telechargement_qr_code {
1215
	padding: 0;
1216
	margin-left:20px;
1217
}
1218
 
1219
.conteneur_permalien_mobile {
1220
	margin-left:20px;
1221
	margin-top: 10px;
1222
}
1223
 
709 aurelien 1224
.lien_export_pdf {
1225
	background:url('../images/pdf.png') no-repeat;
1226
	padding-left: 20px;
1227
	font-size:12px;
1228
	padding-bottom: 3px;
1229
}
1230
 
1231
.avertissement_telechargement {
1232
	margin-top: 2px;
1233
}
1234
 
1235
.conteneur_permalien {
1236
	padding-left: 5px;
1237
	padding-bottom: 5px;
1238
	padding-top: 5px;
1239
	width: 100%;
1240
}
1241
 
1242
.wp.conteneur_permalien {
1243
	padding-left: 0px;
1244
	padding-top: 0px;
1245
}
1246
 
1247
.titre_lien_permanent {
1248
	padding-left: 0px;
723 mathilde 1249
}
1250
/**----------------------- recherche--avancee--formulaire---------------------------------------------**/
971 aurelien 1251
::-webkit-input-placeholder { color:#777777; }
1252
::-moz-placeholder { color:#777777; } /* firefox 19+ */
1253
:-ms-input-placeholder { color:#777777; } /* ie */
1254
input:-moz-placeholder { color:#777777; }
1255
 
723 mathilde 1256
#recherche_av {
1257
	position:relative;
737 mathilde 1258
	float:right;
1259
	right:17px;
741 mathilde 1260
 
723 mathilde 1261
}
741 mathilde 1262
#bloc-recherche {
1263
	padding-bottom : 3px;
1264
}
723 mathilde 1265
div #recherche_av_form {
1266
	width:95%;
1267
	margin-right:auto;
1268
	margin-left:auto;
1269
	padding : 3px;
741 mathilde 1270
 
723 mathilde 1271
}
1272
#bloc_recherche_av {
1273
	border: 1px solid white;
1274
	padding : 5px;
1275
	padding-top : 15px;
741 mathilde 1276
 
723 mathilde 1277
}
1278
 
1279
#recherche_av_form label {
1280
	display:block;
1281
	text-align:left;
1282
	padding-left:7px;
1283
}
1284
 
1285
#recherche_av_form .rech {
1286
	margin-top:20px;
1287
	position:relative;
1288
	left: 228px;
1289
	width:200px;
1290
	padding: 2px;
1291
	cursor:pointer;
1292
	background-color:#FFFFFF;
1293
	font-weight: bold;
1294
}
1295
#recherche_av_form .rech:hover {
1296
	background-color:#DDDDDD;
1297
}
1298
#recherche_av_form label, #recherche_av_form input, #recherche_av_form select {
1299
	float:left;
1300
}
1301
#recherche_av_form .valeur-defaut-recherche {
1302
    color: #848484;
1303
    font-style: italic;
1304
}
1305
/* fieldset classification */
1306
fieldset.classification_form label{
1307
	width: 95px;
1308
}
1309
fieldset.classification_form input, fieldset.classification_form select{
1310
	width: 100px;
1311
}
1312
/* fieldset statuts presence */
1313
fieldset.statuts_form label, fieldset.presence_form label{
1314
	width: 220px;
1315
}
1316
fieldset.statuts_form select, fieldset.presence_form select{
1317
	width: 200px;
1318
}
1319
/* fieldset publication */
1320
fieldset.publication_form label {
1321
	width: 60px;
1322
}
1323
/* fieldset numero */
1324
fieldset.numero_form label {
1325
	width: 135px;
737 mathilde 1326
}
760 aurelien 1327
 
1155 aurelien 1328
.description-referentiel {
1329
	text-align: justify;
1330
	color: #222222;
1331
    font-family: arial;
1332
    font-size: 12px;
1333
    font-weight: normal;
1334
}
760 aurelien 1335
 
1336
/**----------------------- Correction de hauteur pour les graphiques ---------------------------------------------**/
1337
.chorodep_svg {
1338
	height: 590px;
761 aurelien 1339
	width:	100%;
1340
}
1341
 
1342
.ecologie_svg {
1343
    width: 500px;
1344
}
1345
 
1346
.chargement {
1347
	background:url('../images/chargement-transparent.gif');
1348
	background-repeat:no-repeat;
1349
	background-position:center;
1350
	min-height: 150px;
785 aurelien 1351
}
1352
 
1353
/**----------------------- Autocompletion des noms ---------------------------------------------**/
1354
li.autocompletion_nom, .autocompletion_nom:hover {
1355
    background: url("../images/fleche_droite.png") no-repeat scroll 100% 0 white;
1356
    margin: 0 0 5px;
1357
}
864 aurelien 1358
 
1359
/**----------------------- Illustration des résultats ---------------------------------------------**/
1360
 
1361
.illustration_resultat_cel, .illustration_resultat_choro, .illustration_resultat_coste, #synthese_repartition img, #synthese_illustrations img {
1362
	cursor: pointer;
1363
}
877 aurelien 1364
 
1365
.nomenclature_synonyme {
1366
    padding-left: 13px;
1367
}
1368
 
1369
.nomenclature_basionyme {
1370
	font-size: 0.9em;
1371
}
894 aurelien 1372
 
1373
 
1374
/**----------------------- Styles pour la pagination ---------------------------------------------**/
1375
.page_courante {
1376
	font-size: 1.5em;
1377
}
1378
 
1379
.page_courante a {
1380
	color: black;
1381
}
1382
 
1383
.nb_resultats {
1384
	float:right;
1385
	margin-top: 10px;
1386
}