Subversion Repositories eFlore/Applications.coel-consultation

Rev

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