Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 1598 | Go to most recent revision | 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
	width:210px;
1084
	height:285px;
1085
	margin:0px;
1086
	padding:0px;
1087
 
1088
}
1089
 
1090
#galerie-organes {
1091
	width: 648px;
1092
	margin-top: 10px;
1093
	margin-bottom: 10px;
1484 delphine 1094
	background-color: #e9f6f8;
1474 delphine 1095
	border-radius: 10px;
1096
}
1097
 
1098
#grande-image-legende-id-destinataire .icone_action_ill, #grande-image-legende-id-image .icone_action_ill {
1572 delphine 1099
	height: 16px;
1100
    padding: 2px;
1474 delphine 1101
}
1102
 
1103
.liste_actions_ill {
1104
	margin-top: -5px;
1105
}
1106
 
1107
.separator {
1108
    display: inline-block;
1109
    width: 10px;
1110
}
1111
 
1112
.liste-illustrations li.organe-moyen {
1113
	height: 230px;
1114
	font-size: 13px;
1115
}
1116
 
1117
.ajouter-participer-choix {
1118
	padding-top: 30px;
1119
}
1120
 
1121
.liste-illustrations li p.absent-organes {
1122
	height: 193px;
1123
	width: 196px;
1124
	margin: 2px 5px 5px;
1125
	background-position: 50% 50%;
1126
}
1127
.liste-illustrations li p.absent-organes a.contribuer {
1128
	height: 30px;
1129
	padding-top: 146px;
1130
}
1131
 
1132
.liste-illustrations li.icone-organe {
1133
	width: 108px;
1134
	height: auto;
1135
	padding-top: 5px;
1136
	padding-bottom: 5px;
1137
	background-color: #ffffff;
1138
}
1139
.liste-illustrations li.icone-organe:first-of-type {
1140
	border-radius: 10px 0 0 0;
1141
}
1142
.liste-illustrations li.icone-organe:last-of-type {
1143
	border-radius: 0 10px 0 0;
1144
}
1145
.liste-illustrations li.icone-organe.active {
1484 delphine 1146
	background-color: #e9f6f8;
1474 delphine 1147
}
1148
.liste-illustrations li.miniature-organe {
1149
	width: 105px;
1150
	height: auto;
1151
}
1479 mathias 1152
img.icone-organe {
1474 delphine 1153
	height: 30px;
1154
	margin: auto;
1155
	border: none;
1156
}
1479 mathias 1157
img.miniature-organe {
1474 delphine 1158
	margin: auto;
1159
}
1160
 
1161
div.onglet-organe {
1162
    margin: auto;
1163
    margin-bottom: 25px;
1164
    width: 632px;
1165
}
1166
div.onglet-organe ul.liste-illustrations {
1167
	margin-top: 8px;
1168
	height: 75px;
1169
}
1170
 
1171
.liste-illustrations li p.absent-mini {
1172
	width: 60px;
1173
	height: 60px;
1174
	margin-right: 22px;
1175
	font-size: .8em;
1176
	background-image: url("../images/pasdephoto_petit.png");
1177
}
1178
.liste-illustrations li p.absent-mini .contribuer {
1179
	padding-top: 25px;
1180
}
1181
 
1182
#grande-image-organe {
1183
	margin-bottom: 15px;
1184
	text-align: center;
1185
}
1186
#grande-image-legende {
1187
	width: 600px;
1188
	margin: auto;
1189
	padding-bottom: 5px;
1190
}
1191
 
1192
.lien_grand_format img {
1193
	height: 300px;
1194
}
1195
 
1196
.miniature-organe {
1197
	height: 63px;
1198
	width: 63px;
1199
	overflow: hidden;
1200
}
1201
 
1202
a.lien-images-organes.non-fourni {
1203
	opacity: 0.2;
1204
	text-decoration: none;
1205
}
1206
a.lien-images-organes.non-fourni:hover {
1207
	text-decoration: none;
1208
	color: inherit;
1209
}
1210
a.lien-images-organes.fourni {
1211
	cursor: pointer;
1212
}
1213
a.lien-images-organes.fourni:hover {
1214
 
1215
}
1216
a.lien-grande-image-organe {
1217
	cursor: pointer;
1218
}
1219
 
1220
#illustrations-coste .liste-illustrations li {
1221
	height: 196px;
1222
}
1223
 
1224
.liste-illustrations li p {
1225
	margin:2px 2px 5px 2px;
1226
	width:206px;
1227
	font-size:11px;
1228
}
1229
.liste-illustrations strong {
1230
	font-weight:bold;
1231
}
1232
.liste-illustrations img {
1233
	display:block;
1234
	border:1px solid white;
1235
	margin:0 auto;
1572 delphine 1236
	padding:0px;
1474 delphine 1237
	max-height:196px;
1238
	max-width:196px;
1239
}
1240
.liste-illustrations a:hover img{
1241
    border:1px dotted #FD8C13;
1242
}
1243
a.img-cadre{
1244
	display:block;
1245
	border: 1px solid white;
1246
	background:transparent;
1247
	width:204px;
1248
	height:204px;
1249
	margin-right:2px;
1250
}
1251
a.img-cadre:hover{
1252
	border:1px dotted #FD8C13;
1253
}
1254
.img-cadre-fond{
1255
	background:white;
1256
	width:200px;
1257
	height:200px;
1258
	line-height:200px;
1259
	text-align:center;
1260
	margin:2px;
1261
}
1262
#illustrations-photoflora img{
1263
	display:inline;
1264
	vertical-align:middle;
1265
	margin:0;
1266
	padding:0;
1267
	border:0;
1268
}
1269
 
1270
.importance4 {
1271
	font-size:0.8em;
1272
	box-shadow:none;
1273
}
1274
 
1275
h1 .nomenclature {
1276
	color:#555;
1277
	font-size:19px;
1278
}
1279
 
1280
h1 .famille {
1281
	font-size:13px;
1282
	margin-top:5px;
1283
}
1284
 
1285
#zone_contenu_corps .nomenclature a.lien_recherche_hier {
1286
	color:#555;
1287
}
1288
 
1289
table tbody {
1290
    background-color: #FCFAF5;
1291
    border: 1px solid #9AC342;
1292
}
1293
 
1294
/* relatif aux liens pour l'export pdf --- bloc du bas ---*/
1295
#bloc_export_choix {
1296
	width: 100%;
1297
}
1298
 
1299
.avertissement_telechargement {
1300
	padding-top:1px;
1301
	font-style:italic;
1302
	color: grey;
1303
	font-weight: 0.9em;
1304
}
1305
 
1502 delphine 1306
 
1474 delphine 1307
#export_pdf fieldset label{
1308
	width :120px;
1309
	display:inline-block;
1310
	text-align:right;
1311
}
1312
 
1313
#export_pdf fieldset {
1314
	border: none;
1315
	margin-left: auto;
1316
	margin-right: auto;
1317
 
1318
}
1319
 
1320
.infos_liens_permanents {
1321
	width: 60%;
1322
}
1323
 
1324
.telechargements_pdf {
1325
	width: 40%;
1326
}
1327
 
1328
.conteneur_telechargements > * {
1329
	padding-left:20px;
1330
	padding-top: 10px;
1331
	padding-bottom: 10px;
1332
}
1333
 
1334
.lien_telechargement_qr_code {
1335
	padding: 0;
1336
	margin-left:20px;
1337
}
1338
 
1339
.conteneur_permalien_mobile {
1340
	margin-left:20px;
1341
	margin-top: 10px;
1342
}
1343
 
1344
.lien_export_pdf {
1345
	background:url('../images/pdf.png') no-repeat;
1346
	padding-left: 20px;
1347
	font-size:12px;
1348
	padding-bottom: 3px;
1349
}
1350
 
1351
.avertissement_telechargement {
1352
	margin-top: 2px;
1353
}
1354
 
1355
.conteneur_permalien {
1356
	padding-left: 5px;
1357
	padding-bottom: 5px;
1358
	padding-top: 5px;
1359
	width: 100%;
1360
}
1361
 
1362
.conteneur_permalien > input {
1363
    background-color: #EAEDCD;
1364
    color: #598000;
1365
    border: none;
1366
}
1367
 
1368
.wp.conteneur_permalien {
1369
	padding-left: 0px;
1370
	padding-top: 0px;
1371
}
1372
 
1373
.titre_lien_permanent {
1374
	padding-left: 0px;
1375
}
1376
 
1377
.liste_actions_ill a {
1378
	border: none;
1379
	text-decoration: none;
1380
}
1381
 
1382
img.icone_action_ill {
1383
	display: inline;
1384
	height: 16px;
1385
}
1386
 
1387
/**----------------------- recherche--avancee--formulaire---------------------------------------------**/
1388
::-webkit-input-placeholder { color:#777777; }
1389
::-moz-placeholder { color:#777777; } /* firefox 19+ */
1390
:-ms-input-placeholder { color:#777777; } /* ie */
1391
input:-moz-placeholder { color:#777777; }
1392
 
1393
 
1394
#bloc-recherche {
1395
	padding-bottom: 3px;
1396
	box-shadow: 3px 3px 6px #555555;
1397
	margin-bottom: 10px;
1398
}
1399
div #recherche_av_form {
1400
	width:97%;
1401
	margin-right:auto;
1402
	margin-left:auto;
1403
	padding : 3px;
1404
 
1405
}
1406
#bloc_recherche_av {
1407
	border: 1px solid white;
1408
	padding : 5px;
1409
	padding-top : 15px;
1410
 
1411
}
1412
 
1413
#recherche_av_form label {
1414
	display:block;
1415
	text-align:left;
1416
	padding-left:7px;
1417
}
1418
 
1419
#recherche_av_form .rech {
1420
	margin-top:20px;
1421
	position:relative;
1422
	left: 228px;
1423
	width:200px;
1424
	padding: 2px;
1425
	cursor:pointer;
1426
	background-color:#FFFFFF;
1427
	font-weight: bold;
1428
}
1429
#recherche_av_form .rech:hover {
1430
	background-color:#DDDDDD;
1431
}
1432
#recherche_av_form label, #recherche_av_form input, #recherche_av_form select {
1433
	float:left;
1434
}
1435
#recherche_av_form .valeur-defaut-recherche {
1436
    color: #848484;
1437
    font-style: italic;
1438
}
1439
/* fieldset classification */
1440
fieldset.classification_form label{
1441
	width: 95px;
1442
}
1443
fieldset.classification_form input, fieldset.classification_form select{
1444
	width: 100px;
1445
}
1446
/* fieldset statuts presence */
1447
fieldset.statuts_form label, fieldset.presence_form label{
1448
	width: 220px;
1449
}
1450
fieldset.statuts_form select, fieldset.presence_form select{
1451
	width: 200px;
1452
}
1453
/* fieldset publication */
1454
fieldset.publication_form label {
1455
	width: 60px;
1456
}
1457
/* fieldset numero */
1458
fieldset.numero_form label {
1459
	width: 135px;
1460
}
1461
 
1462
.description-referentiel {
1463
	text-align: justify;
1464
	color: #222222;
1465
    font-size: 12px;
1466
    font-weight: normal;
1467
}
1468
 
1469
/**----------------------- Correction de hauteur pour les graphiques ---------------------------------------------**/
1470
.chorodep_svg {
1471
	height: 590px;
1472
	width:	100%;
1473
}
1474
 
1475
.ecologie_svg {
1476
    width: 500px;
1477
}
1478
 
1479
.chargement {
1480
	background:url('../images/chargement-transparent.gif');
1481
	background-repeat:no-repeat;
1482
	background-position:center;
1483
	min-height: 150px;
1484
}
1485
 
1486
/**----------------------- Autocompletion des noms ---------------------------------------------**/
1487
li.autocompletion_nom, .autocompletion_nom:hover {
1488
    background: url("../images/fleche_droite.png") no-repeat scroll 100% 0 white;
1489
    margin: 0 0 5px;
1490
}
1491
 
1492
/**----------------------- Illustration des résultats ---------------------------------------------**/
1493
 
1494
.illustration_resultat_cel, .illustration_resultat_choro, .illustration_resultat_coste, #synthese_repartition img, #synthese_illustrations img {
1495
	cursor: pointer;
1496
}
1497
 
1498
.nomenclature_synonyme {
1499
    padding-left: 13px;
1500
}
1501
 
1502
.liste_synonymes_basionyme {
1503
	margin-top: 3px;
1504
}
1505
 
1506
.nomenclature_basionyme {
1507
	font-size: 0.9em;
1508
}
1509
 
1510
 
1511
/**----------------------- Styles pour la pagination ---------------------------------------------**/
1512
.page_courante {
1513
	font-size: 1.5em;
1514
}
1515
 
1516
.page_courante a {
1517
	color: black;
1518
}
1519
 
1520
.nb_resultats {
1521
	float:right;
1522
	margin-top: 10px;
1523
}
1524
 
1525
/**---------------------- Styles pour le dictionnaire --------------------------------------------**/
1526
#conteneur_activation_definition {
1527
    height: 18px;
1528
    width: 16px;
1529
	left: 17px;
1530
	top: 15px;
1531
    position: relative;
1532
	display: none;
1533
}
1534
 
1535
#conteneur_activation_definition a {
1536
	height: 18px;
1537
    width: 16px;
1538
    display: inline-block;
1539
}
1540
 
1541
#conteneur_activation_definition.definitions_actives a {
1542
    background: url("../images/dictionnaire.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
1543
}
1544
 
1545
#conteneur_activation_definition.definitions_inactives a {
1546
    background: url("../images/dictionnaire_inactif.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
1479 mathias 1547
}