Subversion Repositories eFlore/Applications.eflore-consultation

Rev

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

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