koha-tmpl/opac-tmpl/prog/en/css/sanop.css

   1
   2 body #main {
   3         margin-left : 2%;
   4         background-color: #eeeeee;
   5
   6 }
   7
   8 /* TWO COLUMNS, RIGHT SIDEBAR */
   9
  10
  11 body#withsidebar #main  {
  12         float: left;
  13         margin-left: 1%;
  14         width: 58%;
  15         }
  16
  17 html body#withsidebar #main     {
  18         margin-left: .5%;
  19         }
  20
  21 body#withsidebar #sidebar
  22         {
  23         float: left;
  24         margin-top : 2.4em;
  25         width: 39%;
  26 }
  27
  28 /* THREE COLUMNS */
  29
  30 body#tricolumn #main_wrapper {
  31                 float: left;
  32         width: 100%;
  33 }
  34
  35 body#tricolumn #main
  36         {
  37                 margin: 0 150px 0 175px;
  38         }
  39
  40 body#tricolumn #nav
  41         {
  42         float: left;
  43         margin-left: -100%;
  44         width: 175px;
  45         }
  46 body#tricolumn #sidebar
  47         {
  48         float: left;
  49         margin-left: -150px;
  50         width: 150px;
  51         }
  52
  53 /* TWO COLUMNS LEFT NAVIGATION */
  54
  55 body#withnav #main_wrapper
  56         {
  57         float: left;
  58         width: 100%;
  59         }
  60
  61 body#withnav #main
  62         {
  63         margin: 0 0 0 175px;
  64         }
  65
  66 body#withnav #nav
  67         {
  68         float: left;
  69         margin-left: -100%;
  70         width: 175px;
  71         }
  72
  73 body#withnav #main .content-block {
  74         padding-left : 10px;
  75 }
  76
  77 /* END TWO COLUMNS RIGHT NAVIGATION */
  78
  79 a {
  80         font-weight: bold;
  81 }
  82
  83 a:link, a:visited, a:active {
  84         text-decoration : underline;
  85         color :navy;
  86 }
  87
  88 a:link.current {
  89         font-weight: bold;
  90         padding: 1px 5px 1px 5px;
  91         text-decoration: none;
  92 }
  93
  94 a:link.nav {
  95         font-weight: bold;
  96         padding: 1px 5px 1px 5px;
  97         text-decoration: none;
  98
  99 }
 100
 101 a:visited.current {
 102         font-weight: bold;
 103         padding: 1px 5px 1px 5px;
 104         text-decoration: none;
 105 }
 106
 107 a:visited.nav {
 108         font-weight: bold;
 109         padding: 1px 5px 1px 5px;
 110         text-decoration: none;
 111 }
 112
 113 a:hover.current {
 114         font-weight: bold;
 115         padding: 1px 5px 1px 5px;
 116         text-decoration: none;
 117 }
 118
 119 a:hover.nav {
 120         font-weight: bold;
 121         padding: 1px 5px 1px 5px;
 122         text-decoration: none;
 123
 124 }
 125
 126 a:active.current {
 127         font-weight: bold;
 128         padding: 1px 5px 1px 5px;
 129         text-decoration: none;
 130 }
 131
 132 a:active.nav {
 133         font-weight: bold;
 134         padding: 1px 5px 1px 5px;
 135         text-decoration: none;
 136 }
 137
 138 a.help {
 139         padding: 3px;
 140         text-decoration: none;
 141 }
 142
 143 a.title {
 144         font-size: 1.2em;
 145         font-style: normal;
 146         font-weight: bold;
 147 }
 148
 149 body {
 150         font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 151         font-size: 73%;
 152         margin: 0;
 153         padding: 0;
 154         background-color : #eeeeee;
 155 }
 156
 157 input, select, th, td {
 158         font-size:1em
 159 }
 160
 161 caption {
 162         font-family: Arial, Geneva, Helvetica, sans-serif;
 163         font-size : 1.3em;
 164         font-weight: bold;
 165         margin: 0;
 166         padding: 5px 0 3px 0;
 167         text-align: left;
 168 }
 169
 170 div.bookcover {
 171         float: right;
 172 }
 173
 174 div.details td.details {
 175         text-align: left;
 176 }
 177
 178 div.details ul {
 179         list-style-type: circle;
 180         margin-left: 0;
 181         text-align: left;
 182 }
 183
 184 div.error {
 185         padding: 3px 10px 3px 10px;
 186         width: 75%;
 187 }
 188
 189 div.error li {
 190         margin-bottom: .5em;
 191 }
 192
 193 div.form, div.details {
 194         margin: 0 auto;
 195         padding: 0 0 0 6px;
 196 }
 197
 198 div.notes {
 199         text-align: left;
 200 }
 201
 202 div.sidebar-box+div.sidebar-box {
 203         margin-top: 5px;
 204 }
 205
 206 div.tab {
 207         display: block;
 208         margin-right: 0px;
 209         width: 100%;
 210 }
 211
 212 div.tab p {
 213         margin: 0;
 214         padding: 3px 0;
 215 }
 216
 217 div.tab p.MARCtag {
 218         clear: both;
 219         font-weight: bold; /* style for tag definition (700 - Statement of responsability) */
 220         margin: 0;
 221         padding: 2px;
 222 }
 223
 224 div.tab table {
 225 }
 226
 227 div.tabbloc {
 228         font-family: Arial, Helvetica, sans-serif;
 229 }
 230
 231 div.table {
 232         width: 95%;
 233 }
 234
 235 dl.details dt {
 236         font-weight: bold;
 237         margin: .5em 0;
 238 }
 239
 240 dl.details dd {
 241         margin-left: 1em;
 242 }
 243
 244 dl.details ul {
 245         padding: 0;
 246         margin-left: 1em;
 247 }
 248
 249 dl.details ul p {
 250         margin-left : 0;
 251 }
 252
 253 em.new {
 254         font-style: normal;
 255         font-weight: bold;
 256 }
 257
 258 form {
 259         display: inline;
 260         margin: 0;
 261         padding: 0;
 262 }
 263
 264 h1 {
 265         font-size: 1.8em;
 266         padding: 5px 0 3px 0;
 267 }
 268
 269 h1,h2,h3,h4,h5,h6 {
 270         font-family: arial, geneva, helvetica, sans-serif;
 271         margin: 0;
 272 }
 273
 274 h1.logo {
 275         display: inline;
 276         margin: 10px 0 0 10px;
 277
 278 }
 279
 280 h1.title {
 281         font-style: italic;
 282         padding: 5px 0 3px 0;
 283         color: navy;
 284 }
 285
 286 h2 {
 287         font-size: 1.6em;
 288         padding: 5px 0 3px 0;
 289
 290 }
 291
 292 h2#libraryname {
 293         padding-left : 5px;
 294 }
 295
 296 h3 {
 297         font-size: 1.4em;
 298         padding: 5px 0 3px 0;
 299 }
 300
 301 h3.author {
 302         padding: 0 0 3px 15px;
 303 }
 304
 305 h3+p {
 306         margin: .4em 0 .4em 0;
 307 }
 308
 309 h4 {
 310         font-size: 1.3em;
 311         padding: 5px 0 3px 0;
 312 }
 313
 314 h5 {
 315         font-size: 1.2em;
 316         margin: 0;
 317         padding: 10px 0 2px 0;
 318 }
 319
 320 h5+p {
 321         margin-top: 0;
 322         padding-top: 0;
 323 }
 324
 325 h6 {
 326         font-size: 1.1em;
 327 }
 328
 329 input.add, a.add {
 330         background-image: url(../images/add.gif);
 331 }
 332
 333 input.addchecked, a.addchecked {
 334         background-image: url(../images/addtobasket.gif);
 335 }
 336
 337 input.back, a.back {
 338         background-image: url(../images/back.gif);
 339 }
 340
 341 input.brief, a.brief {
 342         background-image: url(../images/brief.gif);
 343 }
 344
 345 input.cancel {
 346         font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 347         font-size : .9em;
 348         font-weight: bold;
 349         padding: 2px;
 350 }
 351
 352 input.cart, a.cart {
 353         background-image: url(../images/cart.gif);
 354 }
 355
 356 input.clearall, a.clearall {
 357         background-image: url(../images/clearbasket.gif);
 358 }
 359
 360 input.close, a.close {
 361         background-image: url(../images/close.gif);
 362 }
 363
 364 input.delete, a.delete {
 365         background-image: url(../images/delete.gif);
 366 }
 367
 368 input.detail, a.detail {
 369         background-image: url(../images/detail.gif);
 370 }
 371
 372 input.edit, a.edit {
 373         background-image: url(../images/edit.gif);
 374 }
 375
 376 input.icon {
 377         background-position: left;
 378         background-repeat: no-repeat;
 379         font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 380         font-size : .9em;
 381         font-weight: bold;
 382         padding: 2px 2px 2px 22px;
 383 }
 384
 385 input.isbd, a.isbd {
 386         background-image: url(../images/isbd.gif);
 387 }
 388
 389 input.print, a.print {
 390         background-image: url(../images/print2.gif);
 391 }
 392
 393 input.remove, a.remove {
 394         background-image: url(../images/remove.gif);
 395 }
 396
 397 input.reserve, a.reserve {
 398         background-image: url(../images/placereserve.gif);
 399 }
 400
 401 input.send, a.send {
 402         background-image: url(../images/send.gif);
 403 }
 404
 405 input.shelf, a.shelf {
 406         background-image: url(../images/addtoshelf.gif);
 407 }
 408
 409 input.trash, a.trash {
 410         background-image: url(../images/trash.gif);
 411 }
 412
 413 p {
 414         padding: 0 10px 0 10px;
 415 }
 416
 417 p.error, div.error {
 418         font-weight: normal;
 419         margin: auto;
 420         padding: 5px 20px 5px 20px;
 421 }
 422
 423 p.error+p.error, div.error+div.error {
 424         margin-top: 5px;
 425 }
 426
 427 p+h3 {
 428         margin-top: .6em;
 429 }
 430
 431 p+h5 {
 432         margin: 0;
 433         padding: 3px 0 2px 0;
 434 }
 435
 436 span.itemicon {
 437         float : left;
 438         font-size: .9em;
 439         margin: 2px;
 440         white-space: nowrap;
 441 }
 442
 443 span.print {
 444         font-size: .7em;
 445         font-weight: normal;
 446         padding-left: .7em;
 447 }
 448
 449 table {
 450         border-collapse: collapse;
 451         margin: 5px 0 5px 0;
 452         padding: 0;
 453 }
 454
 455 *html td, *html th {
 456         font-size : .8em;
 457 }
 458
 459 td {
 460         padding: 3px;
 461 }
 462
 463 td.input, div.form td, div.details td {
 464         border-left: 0;
 465         border-right: 0;
 466         padding: 2px 2px 2px 4px;
 467         text-align: right;
 468 }
 469
 470 td.credit {
 471         text-align: right;
 472 }
 473
 474 td.debit {
 475         text-align: right;
 476 }
 477
 478 td.sum, th.sum {
 479         text-align: right;
 480 }
 481
 482 td.sum {
 483         font-weight: bold;
 484 }
 485
 486 td.label {
 487         font-weight: bold;
 488         line-height: 1.5em;
 489         padding: 4px;
 490 }
 491
 492 td.label, div.form th, div.details th {
 493         border-right: 0;
 494         border-top: 0;
 495         font-weight: bold;
 496         padding: 2px 2px 2px 4px;
 497         text-align: left;
 498         vertical-align: top;
 499 }
 500
 501 td.search-options select {
 502 }
 503
 504 td:last-child {
 505         padding: 3px;
 506 }
 507
 508 th {
 509         font-weight: bold;
 510         padding: 2px;
 511 }
 512
 513 th a {
 514         font-weight: bold;
 515         text-decoration: none;
 516 }
 517
 518 th:last-child {
 519         font-weight: bold;
 520         padding: 2px;
 521 }
 522
 523 th[scope="row"] {
 524         font-weight: normal;
 525         text-align: right;
 526 }
 527
 528 ul#facets {
 529         margin: 3px;
 530 }
 531
 532 #nav ul#facets {
 533         margin : 0;
 534         padding : 0;
 535 }
 536
 537 #nav ul#facets li {
 538         font-weight: bold;
 539         text-align: left;
 540 }
 541
 542 #nav ul#facets li#branch_facet, #nav ul#facets li#subject_facet, #nav ul#facets li#series_facet, #nav ul#facets li#author_facet {
 543 }
 544
 545 #nav ul#facets ul li {
 546         border: 0;
 547         font-size: .95em;
 548         font-weight: normal;
 549         padding: 2px;
 550         text-align: left;
 551 }
 552
 553 #nav ul#facets ul li a {
 554         font-weight: normal;
 555         text-decoration: underline;
 556 }
 557
 558 #nav ul#facets ul li.showmore {
 559         text-align: center;
 560 }
 561
 562 #nav ul#facets ul li.showmore a {
 563         font-weight: bold;
 564         text-decoration: none;
 565 }
 566
 567 /* Tabs */
 568 ul.link-tabs {
 569         list-style-type: none;
 570         margin: 9px 0 -2px 5px;
 571         padding: 0;
 572 }
 573
 574 ul.link-tabs li {
 575         display: inline;
 576         padding: 0px;
 577 }
 578
 579 ul.link-tabs li a {
 580         font-weight: bold;
 581         padding: 2px 4px 2px 4px;
 582         text-decoration: none;
 583 }
 584
 585 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 586         padding: 2px 4px 3px 4px;
 587 }
 588
 589 ul.link-tabs li.off a {
 590 }
 591
 592 ul.link-tabs li.off a:hover {
 593         padding: 2px 3px 2px 4px;
 594 }
 595
 596 ul.link-tabs li.on a {
 597 }
 598
 599 .clear {
 600         clear: both;
 601         line-height: .1em;
 602 }
 603
 604 .content-block {
 605         padding: 5px;
 606 }
 607
 608 #home {
 609         text-align : center;
 610 }
 611
 612 #home #searchform input.submit {
 613         font-size : 1.3em;
 614 }
 615
 616 div#advanced-search p {
 617         margin: .4em;
 618
 619 }
 620
 621 div#advanced-search fieldset {
 622         /*margin-left : -1em;*/
 623         margin-bottom: .3em;
 624         background-color : #eeeeee;
 625
 626 }
 627
 628 div#advanced-search fieldset p {
 629         margin-left : 1em;
 630         white-space: nowrap;
 631
 632
 633 }
 634
 635 table.itemtypes {
 636         border-collapse: separate;
 637         border-spacing: 3px;
 638         display: block;
 639         padding: 0;
 640         margin: 0;
 641 }
 642
 643 div#advanced-search legend, div#sidebar legend {
 644         font-weight: bold;
 645 }
 646
 647 div#advanced-search label {
 648
 649 }
 650
 651 .count {
 652         font-weight: normal;
 653 }
 654
 655 .current {
 656         font-weight: bold;
 657         padding: 1px 5px 1px 5px;
 658         text-decoration: none;
 659 }
 660
 661 .detail-sidebar {
 662         float: right;
 663         padding: 5px;
 664         margin-left : 15px;
 665         margin-right : 5px;
 666         text-align: center;
 667         width : 25%;
 668 }
 669
 670 .detail-sidebar .further {
 671         float: none;
 672         text-align: left;
 673         width : 90%;
 674 }
 675
 676 .further {
 677         margin: 5px;
 678         text-align: left;
 679         width : 90%;
 680 }
 681
 682 .ex {
 683         font-family: "Courier New", Courier, monospace;
 684 }
 685
 686 .further h4 {
 687         padding: 2px;
 688 }
 689
 690 .further li {
 691         padding: 2px 0;
 692 }
 693
 694 .further ul, .further li {
 695         list-style: none;
 696         margin: .5em 0 .7em .4em;
 697         padding: 0;
 698 }
 699
 700 .inline {
 701         display: inline;
 702 }
 703
 704 .item-datedue {
 705         font-style: italic;
 706 }
 707
 708 .item-details {
 709         display: block;
 710         margin: 0 0 0 25px;
 711 }
 712
 713 .item-reserved, .item-notforloan, .item-lost, .item-cancelled, .item-damaged, .item-reserved {
 714         display: block;
 715 }
 716
 717 .labelsubfield {
 718         clear: both; /* style for each subfield (like : a Publication year), just before the biblio subfield */
 719         float: left;
 720         font-weight: bold;
 721         margin-left: 30px;
 722         width: 12em;
 723 }
 724
 725 .left {
 726         float: left;
 727 }
 728
 729 .loggedin {
 730         font-weight: bold;
 731 }
 732
 733 .login-note {
 734         width: 35%;
 735 }
 736
 737 .menu {
 738         line-height: 3em;
 739         font-size: 1.2em;
 740         margin: 0;
 741         padding: 5px;
 742 }
 743
 744 .menu a.logout {
 745         font-weight: bold;
 746         padding: 3px 15px 3px 15px;
 747         text-decoration: none;
 748 }
 749
 750 .menu a:link, #members a:link {
 751         padding: 2px;
 752 }
 753
 754 .menu a:visited, #members a:visited {
 755         padding: 2px;
 756 }
 757
 758 .menu a:hover, #members a:hover {
 759         padding: 2px;
 760 }
 761
 762 .menu a:active, #members a:active {
 763         padding: 2px;
 764 }
 765
 766 .menu input {
 767 }
 768
 769 .menu label {
 770         font-weight: bold;
 771 }
 772
 773 .menu p {
 774         margin: 0;
 775         padding: 0;
 776 }
 777
 778 .menu p+p {
 779         margin-top: 5px;
 780 }
 781
 782 .note {
 783         margin: 10px auto;
 784         padding: 4px 4px 4px 4px;
 785         width: 35%;
 786 }
 787
 788 .opac-detail {
 789         padding: 4px;
 790 }
 791
 792 .opac-detail dd {
 793         display: block;
 794         line-height: 1.5em;
 795         padding: 4px;
 796         text-align: right;
 797 }
 798
 799 .operations {
 800         margin-top: 7px;
 801         padding: 0 10px;
 802         text-align: center;
 803         width: 100%;
 804 }
 805
 806 .operations img {
 807         padding: 5px;
 808 }
 809
 810 .operations li {
 811         list-style-type: none;
 812         margin: 0;
 813         padding-bottom: 2px;
 814 }
 815
 816 .operations li a, .operations li a:visited {
 817         background-position: top left;
 818         background-repeat: no-repeat;
 819         border-style: outset;
 820         display: block;
 821         padding: 3px 3px 3px 26px;
 822         text-decoration: none;
 823 }
 824
 825 .searchresults a.reserve, .searchresults a.reserve:visited {
 826         background-position: top left;
 827         background-repeat: no-repeat;/*
 828         border-style: outset;*/
 829         float: right;
 830         padding: 2px 3px 2px 26px;
 831         /*text-decoration: none;*/
 832 }
 833
 834 .operations li a:active {
 835         border-style: inset;
 836 }
 837
 838 .operations ul {
 839         margin: 0;
 840         padding: 0;
 841         width: 90%;
 842 }
 843
 844 .overdue {
 845         font-weight: bold;
 846 }
 847
 848 .pages {
 849         line-height : 1.8em;
 850         text-align: center;
 851 }
 852
 853 .rejected {
 854         text-decoration: line-through;
 855 }
 856
 857 .right {
 858         float: right;
 859 }
 860
 861 .search-main {
 862         float: left;
 863         width: 65%;
 864 }
 865
 866 .searchresults input, .searchresults label, .searchresults select {
 867         font-size: .8em;
 868 }
 869
 870 .searchresults p {
 871         margin: 0;
 872         padding: 0;
 873         padding-top : .6em;
 874 }
 875
 876 .searchresults p img {
 877         vertical-align: middle;
 878 }
 879
 880 .searchresults table td {
 881         vertical-align: top;
 882 }
 883
 884 p.searchresults {
 885         margin-top : -5px;
 886         text-align : right;
 887         vertical-align : middle;
 888         padding-bottom : 3px;
 889 }
 890
 891 .selected {
 892         text-decoration: none;
 893 }
 894
 895 .sidebar-box {
 896         margin-bottom: 0;
 897 }
 898
 899 .sidebar-box h3, .sidebar-box h4 {
 900         margin-left: 10px;
 901 }
 902
 903 .sidebar-box p {
 904         margin: 3px 10px;
 905         padding: 0;
 906 }
 907
 908 .submit {
 909         font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 910         font-size : .9em;
 911         font-weight: bold;
 912         padding: 2px;
 913 }
 914
 915 .term {
 916         font-weight: bold;
 917 }
 918
 919 .thumbnail {
 920         border: 0;
 921         float: left;
 922         margin: 0 5px 5px 0;
 923 }
 924
 925 .title {
 926         font-style: italic;
 927         font-weight: bold;
 928 }
 929
 930 #sidebar .content-block {
 931         margin : 0 10px 0 0;
 932 }
 933
 934 form#auth h3 {
 935         font-size : 1.1em;
 936 }
 937
 938 #footer {
 939         clear: both;
 940         padding: 10px;
 941         text-align: center;
 942 }
 943
 944 #corner {
 945         position: absolute;
 946         top: 10px;
 947         right: 5px;
 948 }
 949
 950 #corner a.cart {
 951         background-image : url(../images/cart-small.gif);
 952         background-position: left;
 953         background-repeat : no-repeat;
 954         padding: 0 15px;
 955         text-decoration: none;
 956 }
 957
 958 #languages {
 959         display: inline;
 960 }
 961
 962 #languages ul {
 963         display : inline;
 964         list-style: none;
 965         margin: 0;
 966         padding : 0;
 967 }
 968
 969 #languages ul li {
 970         display: inline;
 971         font-family: Arial, Helvetica, sans-serif;
 972         font-size: .9em;
 973 }
 974
 975 #languages ul li a {
 976         font-weight: normal;
 977         padding: 0 3px;
 978         text-decoration: none;
 979 }
 980
 981 #loose_form label, #keyword_form label, #precise_form label, #cql_form label, #advanced label, #cql label, #power label, #proximity label {
 982         font-weight: bold;
 983         text-align: right;
 984 }
 985
 986 #loose_form, #keyword_form, #precise_form, #cql_form, #advanced, #cql, #power, #proximity {
 987         margin: 5px;
 988         width: 96%;
 989 }
 990
 991 /*#main {
 992         margin-left: 20%;
 993         margin-right: 0;
 994         padding: 0;
 995         position: relative;
 996 }*/
 997
 998 #masthead {
 999         margin: 0;
1000         margin-bottom : 1em;
1001         padding: 0;
1002         text-align:center;
1003
1004 }
1005
1006 #members {
1007         font-size: .8em;
1008         font-weight: bold;
1009         padding: 4px 0 4px 0;
1010 }
1011
1012 #members a.card {
1013         background-image: url(../images/card.gif);
1014         background-position: left;
1015         background-repeat: no-repeat;
1016         display: block;
1017         padding-left: 39px;
1018 }
1019
1020 #members a.logout {
1021         font-weight: bold;
1022         padding: 0 .3em 0 .3em;
1023         text-decoration: none;
1024 }
1025
1026 #members li {
1027         display: inline;
1028         list-style: none;
1029         margin: 0;
1030 }
1031
1032 #members ul li a:link, #members ul li a:visited, #members ul li a:hover, #members ul li a:active, #members span.members {
1033         padding : 4px;
1034 }
1035
1036 #members ul li:last-child {
1037 }
1038
1039 #members ul li a:hover {
1040 }
1041
1042 #members ul {
1043         margin: 0;
1044         padding: 0;
1045         text-align: right;
1046 }
1047
1048 /*#nav {
1049         float: left;
1050         margin: 0;
1051         padding: 0;
1052         width: 20%;
1053 }*/
1054
1055 #nav a {
1056         font-family: Arial, Geneva, Helvetica, sans-serif;
1057         font-weight: bold;
1058         text-decoration: none;
1059 }
1060
1061 #nav h6 {
1062         padding: 3px;
1063         text-align: center;
1064 }
1065
1066 #nav li ul li {
1067         font-family: Arial, Geneva, Helvetica, sans-serif;
1068         list-style: none;
1069         margin: 0;
1070         padding: 5px 3px 5px 3px;
1071         text-align: right;
1072 }
1073
1074 #nav li ul li a {
1075         font-family: Arial, Geneva, Helvetica, sans-serif;
1076         font-weight: bold;
1077         text-decoration: none;
1078 }
1079
1080 #nav ul {
1081         margin: 0;
1082         padding: 0;
1083 }
1084
1085 #nav ul li {
1086         font-family: Arial, Geneva, Helvetica, sans-serif;
1087         list-style: none;
1088         margin: 0;
1089         padding: 3px 8px 3px 3px;
1090         text-align: right;
1091 }
1092
1093 #nav ul li+li {
1094         margin: 0;
1095 }
1096
1097 #power_formButton, #proximity_formButton {
1098 }
1099
1100 #results, .results {
1101         font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
1102         margin: 0;
1103         padding: 7px 0 10px 0;
1104 }
1105
1106 #search-footer {
1107         margin: auto;
1108         text-align: center;
1109 }
1110
1111 #search-footer a {
1112         margin: 3px 5px 3px 5px;
1113         padding: 2px 5px;
1114         text-decoration: none;
1115 }
1116
1117 #searchform input.submit {
1118         font-size: .8em;
1119 }
1120
1121 #search-sidebar {
1122         float: right;
1123         margin: 10px;
1124         padding: 3px;
1125         width: 30%;
1126 }
1127
1128 #search-sidebar .sidebar-box label {
1129         display: block;
1130         text-align: left;
1131 }
1132
1133 /*#sidebar {
1134         float: right;
1135         margin: 20px;
1136         padding: 5px;
1137         width: 20%;
1138 }*/
1139
1140 #sidebar .submit {
1141         font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
1142         font-weight: bold;
1143         padding: 2px;
1144         font-size: 1em;
1145 }
1146
1147 #sidebar h3 {
1148         font-family: Arial, Geneva, Helvetica, sans-serif;
1149         margin: 0;
1150         padding: 5px 0 1px 0;
1151 }
1152
1153 #sort {
1154         margin: .3em;
1155 }
1156
1157 #sort, #sort select, #sort input {
1158 }
1159
1160 #starFull {
1161         background: url(../images/bluestars.png) top left no-repeat;
1162         height: 25px;
1163         margin: 0;
1164         padding: 0;
1165 }
1166
1167 #starMT {
1168         background: url(../images/emptystars.png) top left no-repeat;
1169         height: 25px;
1170         margin: 0 3px 0 30px;
1171         padding: 0;
1172         position: relative;
1173         width: 100px;
1174 }
1175
1176 #window {
1177         margin-left: 2%;
1178         margin-right: 2%;
1179         margin-top: 2%;
1180         padding: 10px;
1181 }
1182
1183 #window .class {
1184         display: block;
1185         font-weight: bold;
1186         padding: 0 0 5px 3px;
1187 }
1188
1189 #window div.menu {
1190         margin: 0;
1191
1192 }
1193
1194 div#item-details {
1195         margin-bottom : 1.5em;
1196 }
1197
1198 div#item-details img {
1199         float : left;
1200         padding : 1em;
1201 }
1202
1203 div#item-details p {
1204         margin : .1em 0;
1205         line-height : 1.6em;
1206 }
1207
1208 div#holdings table {
1209         width : 100%;
1210 }
1211
1212 div#holdings td, div#holdings th {
1213         padding : 5px;
1214 }
1215
1216 div#holdings, div#descriptions, div#reviews, div#serials, div#publicshelves, div#privateshelves, div#fines, div#waiting, div#overdues, div#issues, div#reserves {
1217         margin-top : 4px;
1218         padding : .7em;
1219         width : 90%;
1220 }
1221
1222 #usermenu {
1223         font-size: .9em;
1224         font-weight: bold;
1225         margin-top : -1.1em;
1226         margin-bottom : 1em;
1227         padding: 4px 0 4px 0;
1228
1229
1230 }
1231
1232 #usermenu li {
1233         display: inline;
1234         list-style: none;
1235         margin: 0;
1236 }
1237
1238 #usermenu ul li a:link, #usermenu ul li a:visited, #usermenu ul li a:hover, #usermenu ul li a:active, #usermenu span.members {
1239         padding : 4px;
1240 }
1241
1242 #usermenu ul li:last-child {
1243 }
1244
1245 #usermenu ul li a:hover {
1246 }
1247
1248 #usermenu ul {
1249         margin: 0;
1250         padding: 0;
1251         text-align: right;
1252 }
1253
1254 table.featured-item {
1255         border-collapse : separate;
1256         border-spacing: 9px;
1257         margin : 5px;
1258         text-align : center;
1259 }
1260
1261 table.featured-item td {
1262         vertical-align : top;
1263 }
1264
1265 table.featured-item a img {
1266         margin : auto;
1267 }
1268
1269 table.featured-item a.title {
1270         display : block;
1271         font-size : 1em;
1272         margin-bottom : .4em;
1273 }
1274
1275 table.featured-item .author {
1276         display : block;
1277         font-size : .95em;
1278         margin-bottom : .2em;
1279 }
1280
1281 table.featured-item .publisher {
1282         display : block;
1283         font-size : .8em;
1284 }
1285
1286 /* COLORS, BACKGROUNDS, AND BORDERS */
1287
1288 a {
1289         color: #006699;
1290 }
1291
1292 a:link.current {
1293         background-color: transparent;
1294         color: #3366CC;
1295 }
1296
1297 a:link.nav {
1298         background-color: #EFF1DC;
1299         border: 1px solid #CCCC99;
1300         color: #3366CC;
1301 }
1302
1303 a:visited {
1304         color: #006699;
1305 }
1306
1307 a:visited.current {
1308         background-color: transparent;
1309         color: #3366CC;
1310 }
1311
1312 a:visited.nav {
1313         background-color: #EFF1DC;
1314         border: 1px solid #CCCC99;
1315         color: #3366CC;
1316 }
1317
1318 a:hover {
1319         color: orange;
1320 }
1321
1322 a:hover.current {
1323         background-color: #CCFF00;
1324         color: #CC3333;
1325 }
1326
1327 a:hover.nav {
1328         background-color: #FFFFCC;
1329         border: 1px solid #CCCC99;
1330         color: #CC3333;
1331 }
1332
1333 a:active {
1334         color: #990033;
1335 }
1336
1337 a:active.current {
1338         background-color: #99CC00;
1339         color: #FFFF99;
1340 }
1341
1342 a:active.nav {
1343         background-color: #FFFFCC;
1344         border: 1px solid #CCCC99;
1345         color: #D25500;
1346 }
1347
1348 a.reserve {
1349         background-color: #006699;
1350         color: White;
1351 }
1352
1353 body {
1354         background-color: #eeeeee;
1355 }
1356
1357 body#withsidebar #main  {
1358         border: 0;
1359
1360 }
1361 ul {
1362 background-color:#eeeeee;
1363 text-align: left;
1364 }
1365
1366 caption {
1367         color: #000066;
1368 }
1369
1370 div.error h3 {
1371         color: #990000;
1372 }
1373
1374 div.form, div.details {
1375         background-color: #ffffff;
1376 }
1377
1378 div.tab {
1379         background-color: transparent;
1380 }
1381
1382 div.tab p {
1383         border-bottom: 1px solid #FFFFFF;
1384         border-top: 1px solid #D8DEB8;
1385 }
1386
1387 div.tabbloc {
1388         background-color: transparent;
1389 }
1390
1391 div#advanced-search fieldset {
1392         border-right : 1px none #999999;
1393         border-top : 1px none #999999;
1394         border-bottom : 1px none #999999;
1395         border-left : 1px none #999999;
1396 }
1397
1398 div#advanced-search legend {
1399         color : #003366;
1400 }
1401
1402 dl.details dt {
1403         color: #000066;
1404 }
1405
1406 em.new {
1407         color: #CC3333;
1408 }
1409
1410 h1,h2,h3,h4,h5,h6 {
1411         color: navy;
1412         background-color:navy;
1413         color:white;
1414 }
1415
1416 h1.logo {
1417         color: #D3DFAD;
1418
1419 }
1420
1421 h1#libraryname a {
1422         color: #000066;
1423         margin-left: .3em;
1424         text-decoration: none;
1425 }
1426
1427 input.icon {
1428         background-color: #6699CC;
1429         border: 1px outset #666666;
1430         color: #FFFFCC;
1431 }
1432
1433 p.availability {
1434         color: #666666;
1435         font-size: .9em;
1436 }
1437
1438 p.error, div.error {
1439         background-color: #FFFFCC;
1440         border: 1px dashed #CC6600;
1441 }
1442
1443 span.itemicon {
1444         background-color : #F8F8EB;
1445         border: 1px solid #D8DEB8;
1446 }
1447
1448 table {
1449         background-color: #FFFFFF;
1450 }
1451
1452 table.itemtypes td {
1453         background-color: #F8F8EB;
1454         border: 1px solid #D8DEB8;
1455 }
1456
1457 td {
1458         background-color: #FFFFFF;
1459         border-bottom: 1px solid #DDDDDD;
1460         border-right: 1px solid #DDDDDD;
1461 }
1462
1463 td.input, div.form td, div.details td {
1464         border-bottom: 1px solid #CCCCCC;
1465         border-left: 0;
1466         border-right: 0;
1467         color: #000000;
1468 }
1469
1470 td.credit {
1471         color: #000066;
1472 }
1473
1474 td.debit {
1475         color: #990000;
1476 }
1477
1478 td.sum, th.sum {
1479 }
1480
1481 td.sum {
1482         background-color : #FFFFCC;
1483 }
1484
1485 td.label {
1486         border-bottom: 1px solid #CCCCCC;
1487         border-left: 1px solid #CCCCCC;
1488         color: #000088;
1489 }
1490
1491 td.label, div.form th, div.details th {
1492         background-color: #FFFFFF;
1493         border-bottom: 1px solid #CCCCCC;
1494         border-left: 1px solid #CCCCCC;
1495         border-right: 0;
1496         border-top: 0;
1497         color: #000088;
1498 }
1499
1500 div.details {
1501         padding: 5px;
1502
1503 }
1504
1505 div.details table, div.details td, div.details th {
1506         border: 0;
1507         border-bottom: 1px solid #DDDDDD;
1508 }
1509
1510 td.overdue {
1511         color: #CC0000;
1512 }
1513
1514 td:last-child {
1515         border-bottom: 1px solid #CCCCCC;
1516         border-right: 0 solid #CCCCCC;
1517 }
1518
1519 th {
1520         background-color: #EFF1DC;
1521         border-bottom: 1px solid #CCCCCC;
1522         border-right: 1px solid #CCCCCC;
1523 }
1524
1525 th:last-child {
1526         background-color: #EFF1DC;
1527         border-bottom: 1px solid #CCCCCC;
1528         border-right: 0 solid #CCCCCC;
1529 }
1530
1531 th[scope="row"] {
1532         background-color: #E7E7CA;
1533 }
1534
1535 tr.highlight {
1536         background-color: #F8F8EB;
1537 }
1538
1539 tr.highlight th[scope="row"] {
1540         background-color: #EEEEEE;
1541 }
1542
1543 tr.overdue td {
1544         background-color: #FFDDDD;
1545 }
1546
1547 input.cancel {
1548         background-color: #990033;
1549         border: 1px outset #666666;
1550         color: #FFFFCC;
1551 }
1552
1553 .available {
1554         color : #006600;
1555 }
1556
1557 .content-block {
1558         background-color: #FFFFFF;
1559 }
1560
1561 .current {
1562         background-color: #FFFFFF;
1563         color: #3366CC;
1564 }
1565
1566 .detail-sidebar {
1567         background-color: #EEEEEB;
1568 }
1569
1570 .further {
1571         background-color: #EEEEEB;
1572         border: 2px solid #DDDED3;
1573         color: #CCCC99;
1574 }
1575
1576 .further h4 {
1577         background-color: #D8DEB8;
1578 }
1579
1580 .further li {
1581 }
1582
1583 .issued {
1584         color: #999999;
1585 }
1586
1587 .labelsubfield {
1588 }
1589
1590 .loggedin {
1591         color: #D8DEB8;
1592 }
1593
1594 .loggedinusername {
1595         color: #666666;
1596 }
1597
1598 .marcsubfieldletter {
1599         background-color: #EFF1DC;
1600 }
1601
1602 .marcsubfieldname {
1603         background-color: #EFF1DC;
1604 }
1605
1606 .MARCtag {
1607         background-color: #EEEEEE;
1608         color: #000066; /* style for tag definition (700 - Statement of responsability) */
1609 }
1610
1611 .menu {
1612         background-image : url(../images/menu-background.gif);
1613         background-repeat: repeat-x;
1614         background-color: #6699CC;
1615         border-top: 1px solid #335599;
1616         border-bottom: 1px solid #335599;
1617         color: #FFFFFF;
1618
1619 }
1620
1621 .menu a:link {
1622         color : #FFFFCC;
1623 }
1624
1625 .menu a:visited {
1626         color : #FFFFCC;
1627 }
1628
1629 .menu a:hover {
1630         color : #FFFFFF;
1631 }
1632
1633 .menu a:active {
1634         color : #FFFF99;
1635 }
1636
1637 #members a:link {
1638         color: #0099CC;
1639 }
1640
1641 #members a:visited {
1642         color: #0099CC;
1643 }
1644
1645 #members a:hover {
1646         color: #990000;
1647 }
1648
1649 #members a:active {
1650         color: #990000;
1651 }
1652
1653 .menu input.submit {
1654         background-color : #6BA037;
1655         color: #FFFFFF;
1656 }
1657
1658 .note {
1659         background-color: #EEEEEB;
1660         border-bottom: 1px solid #DDDED3;
1661         border-left: 1px solid #DDDED3;
1662         border-right: 1px solid #DDDED3;
1663         border-top: 1px solid #DDDED3;
1664 }
1665
1666 .opac-detail {
1667         background-color: #FFFFCC;
1668 }
1669
1670 .opac-detail dd {
1671         border-bottom: 1px solid #E7E7CA;
1672         color: #000000;
1673 }
1674
1675 .operations li a, .operations li a:visited {
1676         background-color: #6699CC;
1677         border: 2px solid #D8DEB8;
1678         color: #FFFFCC;
1679 }
1680
1681 .operations li a:hover {
1682         background-color: #0099FF;
1683         color: #FFFF99;
1684 }
1685
1686 .operations li a:active {
1687         background-color: #0099FF;
1688         color: #FFFF99;
1689 }
1690
1691
1692 .item-reserved {
1693         color : #009933;
1694 }
1695
1696 .item-datedue {
1697         color: #999999;
1698 }
1699
1700 .item-notforloan, .item-lost, .item-cancelled, .item-damaged, .item-reserved {
1701 }
1702
1703 .searchresults td, .searchresults th, .searchresults table {
1704         border: 0;
1705 }
1706
1707 .searchresults tr {
1708         border-bottom : 1px solid #CCCCCC;
1709 }
1710
1711 .searchresults table {
1712         border-top : 0px solid #CCCCCC;
1713 }
1714
1715 p.searchresults {
1716         background-color : #EFF1DC;
1717 }
1718
1719 .searchresults a.reserve {
1720         background-color : transparent;
1721         color : #006699;/*
1722         background-color : #6699CC;
1723         border: 1px outset #666666;
1724         color : White;*/
1725 }
1726
1727 .sidebar-box {
1728         border: 1px dashed #CCCCCC;
1729 }
1730
1731 .subfield {
1732         background-color: #EFF1DC;
1733 }
1734
1735 .subfieldvalue {
1736         background-color: #FFFFFF;
1737 }
1738
1739 .submit {
1740         background-color: #EEC95A;
1741         border: 3px outset #666666;
1742         color: #FFFFFF;
1743 }
1744
1745 .term {
1746         background-color: #FFFFCC;
1747         color: #990000;
1748 }
1749
1750 .unavailable {
1751         color: #990033;
1752 }
1753
1754 #footer {
1755         border-top: 1px solid #EEEEEE;
1756 }
1757
1758 #languages ul li a {
1759         border: 1px solid #D8DEB8;
1760 }
1761
1762 #languages ul li a:hover {
1763         background-color: #FFFFCC;
1764 }
1765
1766 #main {
1767         background-color: transparent;/*
1768         border-top: 1px solid #EEEEEE;*/
1769 }
1770
1771 #masthead {
1772         background-color: #FFFFFF;/*
1773         border-bottom: 1px solid #EEEEEE;*/
1774 }
1775
1776 #members {
1777         background-image : url(../images/member-menu-background.gif);
1778         background-repeat: repeat-x;
1779         border-top: 1px solid #9999CC;
1780         border-bottom : 1px solid #9999CC;
1781         background-color: #AFBCCF;
1782         color: #000066;
1783 }
1784
1785 #members ul li a:link, #members ul li a:visited, #members span.members {
1786         background-image : url(../images/member-menu-background-link.gif);
1787         background-repeat: repeat-x;
1788         border-left: 1px solid #9999CC;
1789         color: #006699;
1790 }
1791
1792 #members ul li:last-child a {
1793         border-right : 1px solid #9999CC;
1794 }
1795
1796 #members ul li a:hover, #members ul li a:active {
1797         background-image : url(../images/member-menu-background-hover.gif);
1798         background-repeat: repeat-x;
1799 }
1800
1801 #members a {
1802         text-decoration: none;
1803 }
1804
1805 #members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active {
1806         background-image : url(../images/member-menu-background-logout.gif);
1807         background-repeat: repeat-x;
1808         color: #000000;
1809 }
1810
1811 #members a:hover.logout {
1812         background-image : url(../images/member-menu-background-logout-hover.gif);
1813         background-repeat: repeat-x;
1814         color: #000000;
1815 }
1816
1817 #nav {
1818         /*background-color: #EFF1DC;*/
1819         border : 1px solid #EFF1DC;
1820
1821 }
1822
1823 #nav h6 {
1824         background-color: #E7E7CA;
1825         line-height : 1.8em;
1826         margin-left: -1px;
1827         margin-top : -1px;
1828         margin-right : -1px;
1829 }
1830
1831 #nav li ul li {/*
1832         background-color: #E7E7CA;*/
1833         border-bottom: 0 solid #D8DEB8;
1834         border-left: 0 solid #FFFFCC;
1835         border-right: 0 solid #006699;
1836         border-top: 0 solid #FFFFCC;
1837 }
1838
1839 #nav li ul li a {
1840         color: #0000FF;
1841 }
1842
1843 #nav li ul li a:link {
1844         color: #335599;
1845 }
1846
1847 #nav li ul li a:visited {
1848         color: #335599;
1849 }
1850
1851 #nav li ul li a:hover {
1852         color: #CC3333;
1853 }
1854
1855 #nav ul li {
1856         /* background-color: #EFF1DC; */
1857         border-bottom: 0px solid #CCCC99;
1858         border-left: 0 solid #FFFFCC;
1859         border-right: 0 solid #006699;
1860         border-top: 0 solid #FFFFCC;
1861 }
1862
1863 #nav ul li+li {
1864         border-bottom: 0px solid #CCCC99;
1865         border-left: 0 solid #FFFFCC;
1866         border-right: 0 solid #006699;
1867 }
1868
1869 #results, .results {
1870         color: #000066;
1871 }
1872
1873 #search-sidebar {
1874         background-color: #F8F8EB;
1875 }
1876
1877 #sidebar {
1878         /*background-color: #F8F8EB;
1879         border: 1px dashed #666666;*/
1880 }
1881
1882 #sidebar .content-block {
1883         background-color : #EEEEEE;
1884 }
1885
1886 #sidebar fieldset {
1887         background-color: #F9F9FF;
1888 }
1889
1890 #sidebar legend {
1891         color : #003366;
1892 }
1893
1894 #sidebar .submit {
1895 /*      background-color: #EEC95A; */
1896         color: #FFFFFF;
1897 }
1898
1899 #sidebar h3 {
1900         color: #000066;
1901 }
1902
1903 #window {
1904         background-color: #E7E7CA;
1905         border-left: 1px solid #CCCC99;
1906 }
1907 ul.link-tabs {
1908 }
1909
1910 ul.link-tabs li {
1911 }
1912
1913 ul.link-tabs li a {
1914         border-top: 1px solid #DDDDDD;
1915         border-left : 1px solid #DDDDDD;
1916         border-right : 1px solid #666666;
1917 }
1918
1919 ul.link-tabs li.on a {
1920         background-color: #FFFFFF;
1921         border-bottom: 1px solid #FFFFFF;
1922 }
1923
1924 ul.link-tabs li.off a {
1925         background-color: #EEEEEB;
1926         border-bottom: 1px solid #DDDDDD;
1927 }
1928
1929 ul.link-tabs li.off a:hover {
1930         background-color: #FFFFEC;
1931         border-top: 1px solid #BEBF84;
1932         border-left : 1px solid #BEBF84;
1933         border-right : 2px solid #333333;
1934 }
1935
1936 ul.link-tabs li a.debit {
1937         background-color : #FFFF99;
1938         color : #990033;
1939 }
1940
1941 div#holdings, div#descriptions, div#reviews, div#serials, div#publicshelves, div#privateshelves, div#fines, div#waiting, div#overdues, div#issues, div#reserves {
1942         border : 1px solid #DDDDDD;
1943 }
1944
1945 div#holdings table {
1946         border-top : 1px solid #DDDDDD;
1947         border-right : 1px solid #DDDDDD;
1948 }
1949
1950 div#holdings td, div#holdings th {
1951         border-left : 1px solid #DDDDDD;
1952         border-bottom : 1px solid #DDDDDD;
1953 }
1954
1955 #usermenu {
1956         background-image : url(../images/usermenu-background.gif);
1957         background-repeat: repeat-x;
1958         background-color: #EEEEEB;
1959         border-top: 1px solid #EEEEEE;
1960         border-bottom: 1px solid #335599;
1961         color: #000000;
1962 }
1963
1964 #usermenu ul li a:link, #usermenu ul li a:visited {
1965         background-image : url(../images/usermenu-background.gif);
1966         background-repeat: repeat-x;
1967         border-left: 1px solid #9999CC;
1968         color: #006699;
1969 }
1970
1971 #usermenu ul li:last-child a {
1972         border-right : 1px solid #9999CC;
1973 }
1974
1975 #usermenu ul li a:hover, #usermenu ul li a:active {
1976         background-image : url(../images/usermenu-background-hover.gif);
1977         background-repeat: repeat-x;
1978 }
1979
1980 #usermenu a {
1981         text-decoration: none;
1982 }
1983
1984 table.featured-item {
1985         border : 0;
1986 }
1987
1988 table.featured-item td {
1989         border : 1px solid #CCCCCC;
1990 }
1991
1992 table.featured-item a img {
1993 }
1994
1995 table.featured-item a.title {
1996 }
1997
1998 table.featured-item .author {
1999 }
2000
2001 table.featured-item .publisher {
2002 }
2003 h1{
2004 background-color: #eeeeee;
2005 color: navy;
2006 background-image: url(./acceuil.jpg);
2007 background-repeat:no-repeat;
2008 }
2009 h1.authority
2010 {
2011 background-image:none;
2012
2013 }