Subversion Repositories eFlore/Applications.coel-consultation

Rev

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