Subversion Repositories eFlore/Applications.coel-consultation

Rev

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

Rev Author Line No. Line
123 jpm 1
/*+------------------------------------------------------------------------------------------------------------------+
2
COMMUN SIMPLE
3
+------------------------------------------------------------------------------------------------------------------+*/
4
/*Feuille de style support? par Nescape 4.78
5
Auteur: Magali Giaume*/
6
body {
7
  font-family:Arial, Helvetica, Verdana, sans-serif;
8
  font-size:12px;
9
  background-color:#fff;
10
  margin:2px;}
11
h1 {
12
  font-size:17px;
13
  font-weight:bold;
14
  padding:0 0 2px 5px;
15
  line-height:1.3em;
16
  margin:10px 0 4px 0;}
17
h2 {
18
  font-size:13px;
19
  font-weight:bold;
20
  color:black;
21
  text-transform:uppercase;
22
  line-height:1.3em;
23
  margin:10px 0 4px 0;}
24
h3, #more_resultat li h2, .titre2_cartographie, .titre2_inscription, .inscription_titre2, .titre2_cartographie {
25
  font-size:15px;
26
  color:black;
27
  font-weight:bold;
28
  line-height:1.3em;
29
  margin:8px 0 4px 0;
30
  text-transform:none;}
31
h4 {
32
  font-size:13px;
33
  color:black;
34
  font-weight:bold;
35
  letter-spacing:0.1em;
36
  line-height:1.3em;
37
  margin:8px 0 2px 0;}
38
h5 {
39
  font-size:13px;
40
  color:black;
41
  font-style:italic;
42
  line-height:1.2em;
43
  margin:4px 0 1px 0;}
44
h6 {
45
  font-size:12px;
46
  color:black;
47
  font-style:italic;
48
  line-height:1.2em;
49
  margin:4px 0 1px 0;}
50
caption {
51
  font-size:12px;
52
  font-weight:bold;
53
  margin:2px;}
54
table {
55
  border-collapse:collapse;}
56
/*bandeau*/
57
#titre_monde h1 {
58
  font-size:20px}
59
#pos_recherche p {
60
  margin:0;
61
  padding:0;}
62
/*tableau*/
63
/* Tableau */
64
.table_bordure th {
65
  background-color:#E4B842;
66
  padding:0 5px;
67
  text-align:center;
68
  border-bottom: 1px dotted grey;
69
  border-left: 1px dotted grey;}
70
 
71
.table_bordure {
72
  border-spacing:0;
73
  text-align:center;
74
  border: 1px solid black;}
75
 
76
.table_bordure td  {
77
  padding:2px;
78
  text-align:left;
79
  border-bottom: 1px dotted grey;
80
  border-left: 1px dotted grey;}
81
/*Nom latin*/
82
.nom_latin{font-style:italic;}
83
.nom_latin_rang, .nom_latin_auteur{font-style:normal;}
84
 
85
/*+------------------------------------------------------------------------------------------------------------------+
86
COMMUN COMPLEXE
87
+------------------------------------------------------------------------------------------------------------------+*/
88
 
89
/*icones*/
90
a.lien_ext:after {
91
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
92
a.pdf:before {
93
content: url(http://www.tela-botanica.org/client/projet/icones/pdf.gif)" ";}
94
/*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
95
a.mail:after, a[href ^="mailto:"]:after  {
96
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/icone_mail.png);}
97
.table_bordure th[title]:after {
98
content: " "url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/help.png);}
99
/*abbr {
100
  background :url(/client/eflore_chorologie/presentations/images/info.png) no-repeat 100% 5%;
101
  padding-right:16px;
102
  cursor:help;
103
  border:none;}*/
104
 
105
/* presentation des liens */
106
a {
107
  color:black;
108
  text-decoration:none;
109
  background-repeat: repeat-x;
110
  background-position:center bottom;}
111
a:hover {
112
  color:black;
113
  text-decoration:none;
114
  background-repeat: repeat-x;
115
  background-position:center bottom;}
116
 
117
/* Texte trouvé par le moteur de recherche */
118
.surlignage {
119
  background-color:yellow;}
120
 
121
/* presentation des listes de definitions */
122
dl {width:100%;}
123
dt {
124
  float:left;
125
  font-weight: bold;
126
  text-align:top left;
127
  margin-right:0.3em;}
128
dd {
129
  width:auto;
130
  margin-left:0;
131
  margin:0.5em 0;}
132
.ajout_2point dt:after {content:" : ";}
133
 
134
/* presentation des listes */
135
#texte li {
136
  margin:4px;}
137
.liste_decale li, .liste_decale dt {
138
  margin-left:2em;}
139
ul ul {
140
  margin-left:2em;}
141
#zone_menu ul, #menus ul{
142
  line-height:1.5em;}
143
 
144
/* presentation des images */
145
img{
146
  border:0;}
147
img a{
148
  display:block;}
149
#logo_tela img {
150
  border:0;}
151
#logo_tela a {
152
  position:absolute;
153
  top:0;
154
  left:0;}
155
#logo_tela a:hover {
156
  border:1px dotted;}
157
#logo_tela a:hover:after {
158
  content: " Retour à l'accueil ";}
159
.img_gch_txt_drte img, .flottant_gauche {
160
  float:left;
161
  margin:5px 10px 5px 5px;}
162
.img_gch_txt_drte li {
163
  margin-left:40px;}
164
.img_drte_txt_gch img, .flottant_droit {
165
  float:right;
166
  margin-left:10px;}
167
.img_drte_txt_gch > img {
168
  float:right;
169
  margin-left:10px;}
170
.img_milieu {
171
  display:inline;
172
  margin:0 10px;}
173
.image_legendee {
174
  width: 300px;
175
  font-style:italic;
176
  margin: 5px}
177
.image_legendee img {
178
  margin: 0 auto}
179
.legende {
180
  display:block;
181
  font-weight:bold;
182
  text-align:center;}
183
.clear {
184
  clear:both;}
185
 
186
/* presentation fichiers audio */
187
.fichier_audio {
188
border: 1px solid #99a;}
189
.legende_audio {
190
margin-top:-0.8em;
191
margin-left:10px;
192
float:left;}
193
.fichier_audio img {
194
float:left;
195
padding-right:25px}
196
.fichier_audio p {
197
padding-right:25px;}
198
.legende_audio span {
199
padding:0 10px;
200
background-color:#fff;}
201
 
202
/* autres classes de presentation*/
203
.texte_inactif {
204
  font-size:10px;
205
  color:gray;}
206
.erreur {
207
  color:#F00;}
208
.en_evidence {
209
  font-size:16px;
210
  font-weight:bold;}
211
.attention {
212
  display:block;
213
  background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
214
  text-align:center;
215
  border: 1px solid red;
216
  min-height: 30px;
217
  max-width: 800px;
218
  padding:10px 5px 5px 50px;}
219
.information {
220
 background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
221
  text-align:center;
222
  border:1px solid #5D81BA;
223
  max-width: 800px;
224
  min-height:30px;
225
  padding:10px 5px 5px 50px;}
226
#bb_liste_fascicule li{
227
  clear:both;
228
  height:100%;}
229
.bb_img_fascicule {
230
  display:block;}
231
blockquote {
232
  font-style:italic;
233
  text-align:center;}
234
legend {
235
  text-align:center;}
236
.fin_texte{
237
  width:0;
238
  height:0;
239
  text-align: center;
240
  clear: both;}
241
 
242
/*DIFFERENTS BLOCS DE LA PAGE*/
243
#reducteur {
244
  text-align:center;}
245
/*bandeau*/
246
#bandeau, #zone_bandeau {
247
  height:77px;
248
  margin:0 0 0 190px;}
249
#titre_monde, #site_nom {
250
  margin:0;
251
  text-align:right;
252
  height:38px;}
253
#titre_monde h1, #site_nom h1 {
254
  background-color:transparent;
255
  font-weight: bold;
256
  font-size: 28px;
257
  margin:0 20px 0 0;
258
  padding:0;}
259
#plan_contact {
260
  margin:0 5px 0 0;
261
  text-align:right;
262
  height:25px;
263
  padding:7px 15px 0 0;}
264
#plan_contact a {
265
  font-weight:bold;
266
  margin-left:10px;
267
  background-repeat: repeat-x;
268
  background-position:center bottom;}
269
#plan_contact a:hover {
270
  font-weight:bold;
271
  margin-left:10px;
272
  background-repeat: repeat-x;
273
  background-position:center bottom;}
274
 
275
/*droite*/
276
#droite {
277
  margin:0 5px 0 207px;
278
  position:relative;
279
  /* text-align est nécessaire pour IE */
280
  text-align:left;
281
}
282
 
283
/* droite -> pos_recherche */
284
#pos_recherche, #moteur_recherche {
285
  font-size:13px;
286
  font-weight:bold;
287
  min-height:30px;
288
  padding:5px 0 5px 20px;
289
  text-align:left;}
290
#form_more_recherche, #form_recherche {
291
  text-align:right;
292
  padding:0;
293
  margin:0;}
294
#form_more_recherche legend {
295
  display:none;}
296
#form_more_recherche fieldset {
297
  float:right;
298
  border:0;
299
  margin:0;
300
  padding:0;}
301
#form_more_recherche label {
302
  display:none;}
303
#more_resultat, #more_resultat li {
304
  clear:left;
305
  display: inline;
306
  margin: 0;
307
  padding: 0;
308
  list-style-type:none;}
309
.more_iid, .more_dui {
310
  display:none;}
311
.more_ivd {
312
  width:600px;}
313
.more_duv a {
314
  color:#008000;}
315
.more_dsv, .more_dsi {
316
  color:#C1C1C1;}
317
.more_detail, .more_detail li {
318
  display: inline;
319
  margin: 0;
320
  padding: 0;
321
  list-style-type:none;}
322
 
323
/*droite -> onglets */
324
#onglets {
325
  position:relative;
326
  float:left;
327
  text-align:left;
328
  z-index:2;
329
  font-weight:bold;}
330
#onglets ul {
331
  margin:0;
332
  padding:0;
333
  list-style:none;}
334
#onglets li {
335
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
336
  float:left;
337
  margin:0;
338
  padding:0;}
339
#onglets a {
340
  float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
341
  display:block;
342
  background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
343
  width:.1em;
344
  white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
345
  padding:5px 15px 4px;
346
  text-decoration:none;}
347
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
348
#header a {float:none;}
349
/* End IE5-Mac hack */
350
#onglets > ul a {
351
  width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
352
#onglets li:hover {
353
  background-position:100% -150px;}
354
#onglets li:hover a {
355
  background-position:0% -150px;}
356
#onglets .menu_inactif {
357
  border-bottom:1px solid;}
358
#onglets .menu_actif, #onglets .onglet_actif {
359
  position:relative;
360
  background-position:100% -150px;
361
  padding-bottom:2px;
362
  z-index:3;
363
  font-weight:bold;}
364
#onglets .menu_actif a, #onglets .onglet_actif a {
365
  position:relative;
366
  background-position:0% -150px;
367
  padding-bottom:3px;
368
  z-index:4;}
369
 
370
/* droite -> contenu */
371
#contenu, #zone_contenu, #contenu_accueil {
372
  position:relative;
373
  top:-1px;
374
/* Modif David Delon 26/08/2005 car conflit avec Fckeditor (menu deroulant)
375
/*  z-index:1;*/
376
  clear:both;
377
  padding:0 2px 0 2px;
378
  text-align:justify;
379
  min-height:300px;}
380
#texte{
381
  line-height:1.2em;
382
  text-align:justify;
383
  clear:both;
384
  padding:0 5px 7px 5px;}
385
#texte .image_lien {
386
  background-image:none;}
387
/* Hides from IE-mac \*/
388
* html #texte {height: 1%;}
389
/* Bug qui inactive les liens sous IE */
390
 
391
 
392
/* Droite -> pied_page */
393
#pied_text, #pied_page, #zone_pied {
394
  clear:both;
395
  text-align:center;
396
  font-size:11px;}
397
#pied_page p, #zone_pied p{
398
  position:center;}
399
#pied_page a {
400
  margin:0 10px;}
401
.menu_commun_n1 {
402
  padding:0;}
403
.menu_commun_n1 li {
404
  display:inline;}
405
.menu_commun_n1 li+li {
406
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
407
  display:inline;
408
  padding-left:10px;}
409
 
410
/* Tableau */
411
.table_cadre {
412
  border-spacing:0;
413
  text-align:center;}
414
.table_cadre th {
415
  text-align:center;}
416
.table_cadre td {
417
  padding:2px;
418
  text-align:left;}
419
 
420
/*nav_gauche*/
421
#navigation, #nav_gauche {
422
  position:absolute;
423
  top:2px;
424
  left:2px;
425
  width:188px;
426
  padding-top:150px;
427
  min-height:292px;}
428
 
429
/* nav_gauche -> logo_tela */
430
#logo_tela, #logo {
431
  margin:7px 10px;
432
  position:absolute;
433
  top:2px;
434
  left:18px;
435
  z-index:1;}
436
#logo_tela a, #logo a {
437
  background:none;}
438
#acces_direct, #accessibilite {
439
  display:none;}
440
 
441
/* nav_gauche -> selecteur_sites */
442
#sesi_site {
443
  text-align:center;
444
  font-size:12px;
445
  font-weight:bold;
446
  width:180px;
447
  height:20px;}
448
#sesi_selecteur fieldset, #selecteur_monde fieldset{
449
  border:0;
450
  margin:0;
451
  padding:0;}
452
#sesi_selecteur legend, #selecteur_monde legend{
453
  display: none;}
454
#sesi_selecteur option {
455
  font-size:11px;}
456
#lien_inscription{
457
  margin:2em 0 0 0;
458
  font-size:11px;}
459
 
460
/* nav_gauche -> menus */
461
#zone_menu, #menus {
462
  font-size:13px;
463
  margin:10px 0;
464
  text-align:left;}
465
#zone_menu a, #menus a {
466
  background:none;
467
  color:#000;
468
  display:block;
469
  height:1.2em;}
470
#zone_menu .menu_actif>a, #menus .menu_actif>a {
471
  border:1px solid;}
472
#zone_menu > ul a, #menus > ul a {
473
  height:auto;}
474
#navigation hr, #nav_gauche hr {
475
  width:40%;
476
  text-align:center;}
477
 
478
/* nav_gauche -> form connexion et deconnexion */
479
#form_connexion legend, #identification legend {
480
  font-size:14px;
481
  font-weight:bold;
482
  padding-left:32px;}
483
#form_connexion label, #identification label {
484
  display:none;}
485
label#persistant_label {
486
  display:block;
487
  margin:0.5em 0 1em 1em;
488
  color:black;}
489
#form_connexion fieldset, #identification fieldset{
490
  border:none;}
491
#username, #password {
492
  width:10em;
493
  text-align:left;
494
  margin:0.5em 1em;}
495
#persistant {
496
  text-align:left;
497
  float:left;
498
  margin:0.5em 0.5em 1em 1em;}
499
#identification_info, #identification, #formconnexion, #iden_action {
500
  display:block;
501
  width:auto;
502
  text-align:center;
503
  font-size:11px;
504
  margin: 0;
505
  padding-bottom:2px;}
506
#menu_contextuel {
507
  border:1px solid;}
508
#deconnexion, #lien_inscription_modif, #lien_inscription {
509
  font-size:12px;}
510
#inscription_info {
511
  text-align:center;}
512
#inscription_aide {
513
  margin-left:1em;}
514
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
515
  display:block;
516
  font-size:14px;
517
  text-align:center;
518
  font-weight:bold;
519
  text-transform:none;
520
  margin:0 0 5px 0;}
521
#identification_prenom, #identification_nom{
522
  font-size:13px;
523
  font-weight:bold;
524
  color:black;}
525
#identification_nom {
526
  text-transform:uppercase;}
527
#iden_action a {
528
  line-height:15px;}
529
 
530
/* presentation des menus */
531
.menu_classique_n1, .menu_n1 {
532
  padding:0;
533
  margin:0;
534
  font-weight:bold;
535
  list-style-type:none;}
536
.menu_classique_n1 a {
537
  padding:3px 0;}
538
.menu_classique_n2, .menu_n2 {
539
  padding:0;
540
  margin:0;
541
  font-weight:normal;
542
  list-style-type:none;}
543
.menu_classique_n2 a {
544
  padding:3px 0 3px 15px;}
545
.menu_n3 {
546
  margin:0 0 0 10px;
547
  padding:0;
548
  text-align:left;}
549
.menu_inactif a, .menu_actif a {
550
  color:#000;
551
  text-decoration:none;
552
  background-color:transparent;}
553
 
554
/*presentation des syntheses*/
555
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
556
  display:none;}
557
.page_titre {
558
  font-weight:bold;}
559
 
560
/* Texte champ d'une fiche */
561
.champ_cle {
562
  font-weight:bold;}
563
.champ_valeur {
564
  font-weight:normal;}p_cle {
565
  font-weight:bold;}
566
.champ_valeur {
567
  font-weight:normal;}
568
.bp_titre {
569
  font-weight:bold;}
570
.bp_titre_revue, .nom_latin {
571
  font-weight:normal;}
572
.bp_annee, .bp_num_revue {
573
  font-weight:normal;}
574
/*menu_commun*/
575
.question {
576
  font-weight:bold;}
577
 
578
/*Gestion de l'affichage du chronomètre des applications.*/
579
#chrono{display:none;}
580
 
581
/* Gestion de l'affichage du bandeau */
582
#bandeau_annonce {
583
	height:28px;
584
	margin:0 0 0 0px;
585
	padding-right:20px;
586
	text-align:right;
587
}
588
 
589
#bandeau_annonce a {
590
 
591
	font-size: 15px;
592
	padding: 3px;
593
	font-weight:bold;
594
	vertical-align:middle;
595
}
596
 
597
#bandeau_annonce a:hover {
598
	background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);
599
	background-position:center bottom;
600
	background-repeat:repeat-x;
601
}
602
 
603
/*+------------------------------------------------------------------------------------------------------------------+
604
SITE - PARLONS BOTA
605
+------------------------------------------------------------------------------------------------------------------+*/
606
/*Feuille de style du monde debuter en botanique
607
Auteur : Magali Giaume, Tamara Le Bourg*/
608
h1 {
609
  color:#36560B;
610
  background-color:#CFDB86;}
611
h2, #identification_message, #form_connexion legend, #identification legend, #identification_info, #iden_action  {
612
  color:#36560B;}
613
hr {
614
  color: #d1dc8d;}
615
table {
616
  border:1px solid #36560B;
617
  border-collapse: collapse;}
618
td, th {
619
  border:1px solid #36560B;
620
  padding:5px;}
621
a {
622
  background-image:url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/img_sousligne.png);}
623
a:hover {
624
  background-image:url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/img_sousligne1.png);}
625
img {
626
  display:block;}
627
a img {
628
  border : 1px dotted #36560B;}
629
 
630
/*DIFFERENTS BLOCS DE LA PAGE*/
631
 
632
/*bandeau*/
633
#bandeau {
634
  background: url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/bandeau_parlons_bota_fond.png) repeat-x;}
635
#bandeau_contenu {
636
  background:transparent url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/bandeau_parlons_bota.jpg) no-repeat;
637
  height:77px;}
638
#titre_monde h1 {
639
  color:#F3F6E2;}
640
#plan_contact a {
641
  color:#000;
642
  background-image: url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png);}
643
#plan_contact a:hover {
644
  background-image: url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);}
645
 
646
/*droite -> onglets */
647
#onglets li {
648
  background:url("http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/onglet_D_bota.gif") no-repeat right top;}
649
#onglets a {
650
  background:url("http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/onglet_G_bota.gif") no-repeat left top;}
651
#onglets li:hover {
652
  color:#becf5c;}
653
#onglets li:hover a {
654
  color:#36560B;}
655
#onglets .menu_inactif {
656
  border-bottom:#BECF5C;}
657
#onglets .menu_actif a {
658
  color:#36560B;}
659
 
660
/* droite -> contenu */
661
#contenu {
662
  border:1px solid #becf5c;}
663
#wikini_page ul{
664
  line-height:1em;}
665
.commentsheader {
666
  display:none;}
667
 
668
/* droite -> pied_page */
669
.eflore_pied_page {
670
  color:grey;
671
  text-align:center;
672
  font-size:10px;}
673
 
674
/*nav_gauche*/
675
#nav_gauche {
676
  background: #fff url(http://www.tela-botanica.org/sites/parlons_bota/generique/images/graphisme/degrade_vertpomme.png) repeat-x;}
677
 
678
/* nav_gauche -> menus */
679
#menus .menu_actif>a {
680
  background-color:#CFDB86;
681
  border-color: rgb(221, 230, 170);}
682
#menus a:hover {
683
  background-color:#CFDB86;}
684
.form_identification input, .form_identification textarea, .form_identification select {
685
  background-color:#f4f6e4;}
686
#menu_contextuel {
687
  color:#BECF5C;}
688
/* presentation des menus */
689
.menu_classique_n2 .menu_actif {
690
  background-color:red;}
691
.menu_actif a {
692
  color:#36560B;}
693
 
694
/*Styles pour presentation des syntheses et articles en ligne*/
695
.nom_latin {
696
  font-style:italic;}
697
.auteur_msg {
698
  color:#990000;
699
  font-weight:bold;}
700
.txt_souligne {
701
  text-decoration:underline;}
702
 
703
/*styles pour ne pas afficher les noms d'auteur et date */
704
#sans_auteur .page_auteur, #sans_auteur .page_separateur_auteur, #sans_auteur .page_separateur_titre, #sans_auteur .page_creation_mois, #sans_auteur .page_creation_annee {
705
	display:none;}
706
/*************************
707
Apercu de bota - Glossaire
708
*************************/
709
 
710
#glossaire dd {
711
  padding-right:10px;}