css/styles_site.css

   1 *
   2 {
   3 outline: none;
   4 }
   5
   6 body{
   7         font-size: 12px;
   8         text-align: center;
   9         font-family: Verdana, Arial, Helvetica, sans-serif;
  10         color: #555152;
  11         background: url('img/fondBody.jpg') repeat;
  12         margin: 0;
  13         padding: 0;
  14 }
  15
  16 #imprimer{
  17         background: url('img/print.png') left no-repeat;
  18         padding-left: 27px;
  19         width: 160px;
  20         float: right;
  21 }
  22
  23 a{
  24         color: #8d022a;
  25         text-decoration: none;
  26 }
  27
  28 a:hover{
  29         /*border-bottom: 1px dotted;*/
  30 }
  31
  32 p{
  33         line-height: 150%;
  34         text-align: justify;
  35 }
  36
  37 #text .texte{
  38         margin: 30px 1px 0px 1px;
  39 }
  40
  41 h1, h2, h3, h4, h5, h6, p, form, fieldset, img, blockquote{
  42         margin: 0;
  43         padding: 0;
  44         border: 0;
  45 }
  46
  47 #inside h1{
  48         font-family: 'BaskervilleNormalRegular';
  49     src: url('baskerville-normal-webfont.eot');
  50     src: url('baskerville-normal-webfont.eot?#iefix') format('embedded-opentype'),
  51          url('baskerville-normal-webfont.woff') format('woff'),
  52          url('baskerville-normal-webfont.ttf') format('truetype'),
  53          url('baskerville-normal-webfont.svg#BaskervilleNormalRegular') format('svg');
  54         font-style: italic;
  55         color:#514B56; border-bottom:1px solid #ccc;
  56         margin-bottom: 30px;
  57         padding-top: 30px;
  58         }
  59
  60 #titpub h3{
  61         margin-bottom: 25px;
  62         background: url("img/volume.gif") left no-repeat;
  63         line-height: 22px;
  64         height: 22px;
  65         padding-left: 30px;
  66         }
  67
  68 #inside h1 a{
  69         color:#514B56;
  70         }
  71
  72 li{
  73         line-height: 180%;
  74         margin-bottom: 1ex;
  75 }
  76
  77 dt{
  78         font-weight: bold;
  79         margin-bottom: 1ex;
  80 }
  81
  82 dt img{
  83         text-align: center;
  84 }
  85
  86 .familyName{
  87         font-variant: small-caps;
  88 }
  89
  90 .spacer{
  91         display: block;
  92         height: 2em;
  93         clear: both;
  94 }
  95
  96 h2.publiParente, h3, h4{
  97         margin-bottom: 2ex;
  98 }
  99
 100 h2.publiParente{
 101         padding-top: 1em;
 102 }
 103
 104 h3.accueil{
 105         margin-top: 3ex;
 106         color: #e18600;
 107 }
 108
 109 a.footnotecall, a.FootnoteSymbol{
 110         font-family: "Bitstream vera sans", verdana, sans-serif;
 111         font-weight: bold;
 112 }
 113
 114 a.footnotecall{
 115         font-size: 90%;
 116         margin-left: .3em;
 117         font-style: normal;
 118 }
 119
 120 a.footnotecall:before, a.FootnoteSymbol:before{
 121         content: "[";
 122 }
 123
 124 a.footnotecall:after, a.FootnoteSymbol:after{
 125         content: "]";
 126 }
 127
 128 a.indexBack{
 129         display: block;
 130         font-size: 90%;
 131         font-family: "Bitstream vera sans", verdana, sans-serif;
 132         font-weight: bold;
 133         text-align: right;
 134         margin-top: 3em;
 135         border: 0;
 136 }
 137
 138 br.nobr{
 139         display: none;
 140 }
 141
 142 span.sousTitre{
 143         display: block;
 144 /*      margin-top: -.5ex; */
 145         font-size: 90%;
 146         font-weight: normal;
 147         font-style: italic;
 148 }
 149
 150 dl.listArticles dt{
 151         margin: 2ex 0 0 0;
 152 }
 153
 154 dl.listArticles dd{
 155         margin: 0 0 0 0;
 156         padding: 0;
 157 }
 158
 159 dl.listArticles dd.date{
 160         font-size: 90%;
 161         font-style: italic;
 162 }
 163
 164 dl.listArticles dd.paruDans{
 165         font-family: "Bitstream vera sans", verdana, sans-serif;
 166         font-size: 90%;
 167         color: #666;
 168 }
 169
 170 dl.listArticles dd.paruDans a{
 171         color: #666;
 172 }
 173
 174 div.notes p{
 175         margin-bottom: 1.5ex;
 176         text-align: justify;
 177 }
 178
 179 img.icone{
 180         display: block;
 181         float: left;
 182         max-width: 200px;
 183         border: 1px solid #aaa;
 184         margin-right: 1em;
 185 }
 186
 187 #main{
 188         position: relative;
 189         margin: auto;
 190         width: 890px;
 191         text-align: left;
 192 }
 193
 194 #accessible, #footer{
 195         text-align: center;
 196         color: #e5e8e3;
 197         padding: .5ex 0;
 198         font-family: "Bitstream vera sans", verdana, sans-serif;
 199 }
 200
 201 #accessible a, #footer a, #ariane{
 202         color: #aaa;
 203 }
 204
 205 #cartouche{
 206         color: #fff;
 207         background: url('img/testHeader.png');
 208         height: 179px;
 209         padding: 0px;
 210         margin-bottom: 15px;
 211         font-family: 'BaskervilleNormalRegular';
 212     src: url('baskerville-normal-webfont.eot');
 213     src: url('baskerville-normal-webfont.eot?#iefix') format('embedded-opentype'),
 214          url('baskerville-normal-webfont.woff') format('woff'),
 215          url('baskerville-normal-webfont.ttf') format('truetype'),
 216          url('baskerville-normal-webfont.svg#BaskervilleNormalRegular') format('svg');
 217 }
 218
 219 #cartouche span.sousTitre{
 220         font-weight: bold;
 221         font-size: 40%;
 222         margin-top: 0;
 223 }
 224
 225
 226 #cartouche a{
 227         color: #fff;
 228         text-decoration: none;
 229         display: block;
 230         width: 880px;
 231         margin: 0 auto;
 232         text-align: left;
 233         font-size: 55px;
 234         font-style: italic;
 235         text-shadow: 1px 1px 1px #444444;
 236         filter: dropshadow(color=#444444, offx=2, offy=2);
 237         background: url("img/bande.jpg") right no-repeat;
 238         height: 112px;
 239         padding-top: 53px;
 240 }
 241
 242 #ariane{
 243         font-family: "Bitstream vera sans", verdana, sans-serif;
 244         font-size: 90%;
 245         padding: -.3ex 0 3ex 0;
 246 }
 247
 248 #ariane, #ariane li{
 249         margin: 0;
 250         padding: 0;
 251         list-style: none;
 252 }
 253
 254 #ariane li{
 255         display: inline;
 256 }
 257
 258 #menu, #inside, #content{
 259 }
 260
 261
 262 #menu{
 263         position: absolute;
 264         top: 0px;
 265         /*font-size: 90%;*/
 266         /*padding: 13px;*/
 267         width: 205px;
 268         height: 490px;
 269         /*color: #e18600;*/
 270 }
 271
 272 #menu2{
 273         background-color: #fff;
 274         -webkit-box-shadow: 0px 0px 5px 0px #b8b8b8;
 275         -moz-box-shadow: 0px 0px 5px 0px #b8b8b8;
 276         box-shadow: 0px 0px 5px 0px #b8b8b8;
 277         padding-bottom: 1px;
 278 }
 279
 280 /* HACK */
 281
 282 *>#menu{
 283         height: auto;
 284         min-height: 490px;
 285 }
 286
 287 #menu ul li{
 288         margin: 0;
 289         padding: 0;
 290         list-style: none;
 291         line-height: 16px;
 292         background: url('img/puce.jpg') left 4px no-repeat;
 293         padding: 0px 0px 0px 16px;
 294 }
 295
 296 #menu ul li{
 297         margin-bottom: 11px;
 298         /*text-transform: uppercase;*/
 299         font-weight: 200;
 300 }
 301
 302 #menu .rss{
 303         background: url('img/feed.png') left 4px no-repeat;
 304         line-height: 22px;
 305         margin: 0px;
 306         padding-left: 23px;
 307 }
 308
 309 #menu ul li a{
 310         color: #555152;
 311         font-size: 12px;
 312 }
 313
 314 #menu ul li a:hover{
 315         color: #8D022A;
 316 }
 317
 318 #menu ul{
 319         margin: 20px 10px 20px 13px;
 320         padding: 0px;
 321 }
 322
 323 #menu ul li li{
 324         margin-left: 1em;
 325 }
 326
 327 #menu h3{
 328         margin: 0px;
 329         height: 34px;
 330         line-height: 34px;
 331         background-color: #514b56;
 332         color: #fff;
 333         padding: 0px 13px 0px 13px;
 334         font-size: 12px;
 335 }
 336
 337 #recherche{
 338         /*padding: 20px 0px 20px 0px;*/
 339 }
 340
 341 /* The show more button */
 342
 343 #more{
 344         width:200px;
 345         height:24px;
 346         background:url('img/more.png') no-repeat;
 347         cursor:pointer;
 348         margin:40px auto;
 349 }
 350
 351 #more:hover{
 352         background-position:left bottom;
 353 }
 354
 355 #recherche input, #recherche select{
 356         font-size: 90%;
 357 }
 358
 359 #recherche select{
 360         width: 150px;
 361 }
 362
 363 #recherche label{
 364         display: block;
 365 }
 366
 367 #advanced_search{
 368         margin-top: 2ex;
 369         padding-top: 1ex;
 370 }
 371
 372 #recherche #advanced_search{
 373         margin-top: 2ex;
 374         margin-left: 15px;
 375         padding-top: 1ex;
 376 }
 377
 378 #qnbresults, #qtype, #qfield{
 379 margin: 10px 0px 10px 0px;
 380 }
 381
 382 #inside #advanced_search{
 383 padding: 15px;
 384 background-color: #f2f2f2;
 385 border: 1px solid #ccc;
 386 margin: 30px 0px;
 387 }
 388
 389 #inside #query{
 390 margin-top: 20px;
 391 }
 392
 393 #advanced_search label{
 394         font-size: 90%;
 395 }
 396
 397 #rss{
 398         display: block;
 399         text-align: center;
 400         margin: 2ex 0 0 0;
 401 }
 402
 403 #inside{
 404         margin: 0 0 0 235px;
 405         padding:  0px 40px 20px 40px;
 406         height: 510px;
 407         background-color: #fff;
 408         -webkit-box-shadow: 0px 0px 5px 0px #b8b8b8;
 409         -moz-box-shadow: 0px 0px 5px 0px #b8b8b8;
 410         box-shadow: 0px 0px 5px 0px #b8b8b8;
 411 }
 412
 413 /* HACK */
 414
 415 *>#inside{
 416         height: auto;
 417         min-height: 510px;
 418 }
 419
 420 #footer{
 421         height: auto;
 422         font-size: 90%;
 423         border-top: 1px solid #eee;
 424         z-index: 1;
 425         margin-top: 30px;
 426         padding-left: 220px;
 427 }
 428
 429 #inside.article h4{
 430         margin: 3ex 0 2ex 0;
 431         /*color: #e18600;*/
 432 }
 433
 434 #enteteDocument{
 435         margin: 30px 0;
 436 }
 437
 438 #enteteDocument h3{
 439         margin: 0 0 2ex 0;
 440 }
 441
 442 #enteteDocument h3 span.sousTitre{
 443         display: block;
 444         font-size: 80%;
 445         font-weight: normal;
 446 }
 447
 448
 449 #resume{
 450         font-size: 90%;
 451         text-align: justify;
 452         line-height: 150%;
 453 }
 454
 455 #toc{
 456 }
 457
 458 #toc .toc_section1, div.type{
 459         font-weight: bold;
 460 }
 461
 462 #menu a.map:before, #toc .toc_section1:before, div.type:before{
 463         content: "\2794";
 464         font-weight: normal;
 465 }
 466
 467 #toc .toc_section2:before, #menu ul li li:before{
 468         content: "\2219";
 469         font-size: 200%;
 470         vertical-align: -15%;
 471 }
 472
 473 #menu ul li li:before{
 474         vertical-align: -30%;
 475 }
 476
 477 #toc .toc_section2{
 478         margin-left: 1.5em;
 479 }
 480
 481 #toc .toc_section3{
 482         margin-left: 3em;
 483 }
 484
 485 #toc .toc_section4{
 486         margin-left: 4em;
 487 }
 488
 489 #toc .toc_section5{
 490         margin-left: 5em;
 491 }
 492
 493 #toc .toc_section6{
 494         margin-left: 6em;
 495 }
 496
 497 #texte{
 498         position: relative;
 499 }
 500
 501 #personDesc, #personInfo{
 502         clear: both;
 503         margin-top: 3em;
 504 }
 505
 506 #personInfo dd{
 507         margin: 0;
 508 }
 509
 510 #personInfo dt{
 511         margin: 2ex 0 1ex 0;
 512 }
 513
 514 #texte p.texte, #bibliographie p{
 515         line-height: 150%;
 516         text-align: justify;
 517         margin: 1ex 0;
 518 }
 519
 520 #texte p.citation{
 521         line-height: 150%;
 522         text-align: justify;
 523         margin: 2ex 0 2ex 4em;
 524         font-style: italic;
 525         margin-bottom: 2ex;
 526 }
 527
 528 #texte h1, #bibliographie h1{
 529         font-size: 130%;
 530         margin: 4ex 0 2ex 0;
 531 }
 532
 533 #texte h2, #bibliographie h2{
 534         font-size: 120%;
 535         margin: 3ex 0 2ex 0;
 536 }
 537
 538 #texte h3, #bibliographie h3{
 539         font-size: 110%;
 540         margin: 3ex 0 2ex 0;
 541 }
 542
 543 #texte h4, #bibliographie h4{
 544         font-size: 100%;
 545         margin: 2ex 0 1ex 0;
 546 }
 547
 548 #texte span.paranumber{
 549         display: block;
 550         font-size: 70%;
 551         color: #aaa;
 552         left: -2em;
 553         text-align: right;
 554         position: absolute;
 555         font-family: "Bitstream vera sans", verdana, sans-serif;
 556 }
 557
 558 #texte table{
 559         border-collapse: collapse;
 560         width: 100%;
 561 }
 562
 563 #texte table td{
 564         border: 1px solid #aaa;
 565         padding: 1ex 1em;
 566         vertical-align: top;
 567 }
 568
 569 #texte table td p.texte{
 570         margin: 0;
 571         text-align: left;
 572 }
 573
 574 #flux{
 575         clear: both;
 576         margin-top: 4em;
 577 }
 578
 579 #flux ul{
 580         font-size: 90%;
 581         font-family: "Bitstream vera sans", verdana, sans-serif;
 582 }
 583
 584 #flux ul, #flux ul li{
 585         list-style: none;
 586         margin: 0;
 587         padding: 0;
 588 }
 589
 590 #flux ul li{
 591         margin-bottom: 2em;
 592 }
 593
 594 #flux ul a{
 595         font-weight: bold;
 596 }
 597
 598 #flux ul p{
 599         margin-top: 1em;
 600 }
 601
 602 #annexes{
 603         font-size: 90%;
 604 }
 605
 606 #annexes h4{
 607         font-size: 110%;
 608 }
 609
 610 #bibliographie p{
 611         text-align: left;
 612 }
 613
 614 #map{
 615         margin-top: 4em;
 616 }
 617
 618 #map ul, #map ul li{
 619         list-style: none;
 620         margin: 2ex 0;
 621         padding-left: 0;
 622 }
 623
 624 #map ul li{
 625         font-weight: bold;
 626         clear: both;
 627         padding-left: 2.5em;
 628 }
 629
 630 #map ul li li{
 631         font-weight: normal;
 632         margin-left: .5em;
 633 }
 634
 635 #map ul li img{
 636         display: block;
 637         position: absolute;
 638         margin-left: -2.5em;
 639 }
 640
 641 #map strong.auteurs{
 642         display: block;
 643         font-size: 90%;
 644 }
 645
 646 #tabAlpha{
 647         font-size: 90%;
 648         font-family: "Bitstream vera sans", verdana, sans-serif;
 649         color: #aaa;
 650 }
 651
 652 #alphabet dt{
 653         font-size: 200%;
 654         margin: 1.5em 0 .5em 0;
 655 }
 656
 657 #alphabet dd{
 658         margin: 0 0 1ex 0;
 659         padding-left: 0;
 660 }
 661
 662 #bottomNav{
 663         clear: both;
 664         position: relative;
 665         padding: 4em 0 2em 0;
 666 }
 667
 668 #bottomNav .previous, #bottomNav .next{
 669         position: absolute;
 670         font-family: "Bitstream vera sans", verdana, sans-serif;
 671         font-size: 90%;
 672 }
 673
 674 #bottomNav .previous{
 675         left: 0;
 676 }
 677
 678 #bottomNav .next{
 679         right: 0;
 680 }
 681
 682 /* sommaire **************************************************************** */
 683 #publiHeader h1 .number {display:block; font-weight:bold}
 684 #publiHeader h1 .period {font-weight:normal}
 685 #publiHeader h1 .title {font:1.833em/1.227 Georgia, serif}
 686 #publiSubtitle {margin:1em 0 0}
 687 #homeSummary #publiSubtitle {font:normal 1.416em/1.058 Georgia, serif; margin:.0px 0px 30px 0px;font-family: 'BaskervilleNormalRegular';
 688     src: url('baskerville-normal-webfont.eot');
 689     src: url('baskerville-normal-webfont.eot?#iefix') format('embedded-opentype'),
 690          url('baskerville-normal-webfont.woff') format('woff'),
 691          url('baskerville-normal-webfont.ttf') format('truetype'),
 692          url('baskerville-normal-webfont.svg#BaskervilleNormalRegular') format('svg');}
 693 #publiAltertitle {font:italic 1.666em/1.35 Georgia, serif; margin:.588em 0 0}
 694 #homeSummary #publiAltertitle {margin:.5em 0 .882em 0}
 695 #publiDate {font-size:.916em; margin:1.636em 0}
 696 #publiDirector {font-size:.916em; margin:0 0 1.636em 0}
 697 #homeSummary #publiDirector {margin-top:0}
 698
 699 #publiIntroduction p {line-height:1.5; margin:0 0 1.1em}
 700 #publiISBN, #publiDescription, #publiOrderLink {margin:1em 0 0}
 701
 702 ul.summary {clear:both; margin:0 0 2,2em; overflow:hidden; padding: 0px !important;}
 703 ul ul.summary, #annexes ul.summary {margin-top:0}
 704 ul.summary li {margin:2em 0 0; list-style:none; position:relative}
 705 ul.summary div.texte li {margin:0 0 0 3em; list-style:square; text-align:left}
 706 ul.summary li.liens p, ul.summary div.texte {margin:1.091em 0 0; font:.916em Verdana, sans-serif}
 707 ul.summary .subtitle {font:normal 1.416em Georgia, serif; margin:.2em 0 0}
 708 ul.summary .altertitle {font:italic normal 1.166em Georgia, serif; margin:.25em 0 0}
 709 ul.summary .director {font-size:.916em; margin:2.181em 0 0}
 710 ul.summary .author, dt.author {font-size:.916em; margin:0 0 .363em}
 711 ul.summary .title, dd.title {font:normal 1.166em Georgia, serif; margin:.285em 0 0}
 712 ul.summary li.textes .subtitle, ul.summary li.fichiers .subtitle, dd.subtitle {font:.916em Verdana, sans-serif; margin:.363em 0 0}
 713 ul.summary li.textes .altertitle, ul.summary li.fichiers .altertitle {font:italic normal .916em Verdana, sans-serif; margin:.363em 0 0}
 714 ul.summary li.textes .date {font:.916em Verdana, sans-serif; margin:.363em 0 0}
 715
 716 ul.summary.collection .number {font:bold .916em Verdana, sans-serif}
 717 ul.summary.collection .subtitle {font:.916em Verdana, sans-serif; margin:0}
 718 ul.summary.collection .introduction {font:.916em Verdana, sans-serif; margin:0}
 719
 720 h2.section {border:solid #E4E4E4; border-width:1px 0}
 721 #docBody h2{margin: 30px 0px 28px 0px; }
 722 h2.section {padding: 10px 0px 8px 0px; font-style:italic; font-family: 'BaskervilleNormalRegular';
 723     src: url('baskerville-normal-webfont.eot');
 724     src: url('baskerville-normal-webfont.eot?#iefix') format('embedded-opentype'),
 725          url('baskerville-normal-webfont.woff') format('woff'),
 726          url('baskerville-normal-webfont.ttf') format('truetype'),
 727          url('baskerville-normal-webfont.svg#BaskervilleNormalRegular') format('svg');}
 728
 729 /* recherche */
 730 #recherche input[type="text"]{width:137px; height: 19px; font:.833em Verdana, sans-serif; border:1px solid #d2d2d2; padding:2px 2px; color:#888; background:#FFF; margin-left: 13px;}
 731 #recherche .searchbutton{height: 25px; border:1px solid #bbb;background-color: #eee;}
 732 #recherche .searchbutton:hover{background-color: #ccc;}
 733
 734 #publiInformation img {border:1px solid #999; padding: 5px; margin-bottom: 10px;}
 735 #publiInformation {float:left; font:.833em Verdana, sans-serif; overflow:hidden; margin:0px 13px 5px 0px;}
 736
 737 #docBody{
 738 margin-top: 25px;
 739 }
 740
 741 .go-top{
 742         margin: 20px 0px 0px 0px;
 743         font-size: 11px;
 744         display: inline-block;
 745 }
 746
 747 .goContents{
 748         font-size: 11px;
 749 }
 750
 751 #notes .notebaspage span{
 752 text-decoration: none !important;
 753 color: #8D022A !important;
 754 }
 755
 756 #logobarre{
 757 text-align: center;
 758 margin: 30px 0px 20px 0px;
 759 padding: 15px 0px 15px 0px;
 760 background-color: #fff;
 761 -webkit-box-shadow: 0px 0px 5px 0px #b8b8b8;
 762         -moz-box-shadow: 0px 0px 5px 0px #b8b8b8;
 763         box-shadow: 0px 0px 5px 0px #b8b8b8;
 764 }
 765
 766 .paranumber{
 767  font-size: 9px;
 768  text-align: center;
 769  position: relative;
 770  left: -25px;
 771  }
 772
 773  #text .texte img{
 774  float: left;
 775  margin: 0px 40px 25px 0px !important;
 776  }
 777
 778  /* The UL that contains the search type icons */
 779
 780 .icons{
 781         list-style:none;
 782         padding: 5px;
 783         height:14px;
 784         background-color: #8D022A;
 785         position:relative;
 786         border-bottom: 10px solid #514B56;
 787         margin: 30px 0px 30px 0px;
 788 }
 789
 790 .icons li{
 791         background:url("img/icons.png") no-repeat;
 792         float:left;
 793         height:19px;
 794         text-indent:-9999px;
 795         cursor:pointer;
 796         margin-right:14px;
 797         margin-left: 10px;
 798 }
 799
 800 /* Styling each icon */
 801
 802 li.web{ width:15px;}
 803 li.web.active,
 804 li.web:hover{ background-position:left bottom;}
 805
 806 li.images{ width:22px; background-position:-18px 0;}
 807 li.images.active,
 808 li.images:hover{ background-position:-18px bottom;}
 809
 810 li.news{ width:14px; background-position:-44px 0;}
 811 li.news.active,
 812 li.news:hover{ background-position:-44px bottom;}
 813
 814 li.videos{ width:17px; background-position:right 0;}
 815 li.videos.active,
 816 li.videos:hover{ background-position:right bottom;}
 817
 818 span.arrow{
 819         /* The little arrow that moves below the icons */
 820
 821         width:11px;
 822         height:6px;
 823         margin:21px 0 0 5px;
 824         position:absolute;
 825         background:url('img/arrow.png') no-repeat;
 826         left:0;
 827 }
 828
 829 .webResult{
 830         padding: 20px;
 831         font-size: 10px;
 832         margin-bottom: 20px;
 833         background-color: #fbfbfb;
 834         border: 1px solid #ddd;
 835         }
 836
 837 .imageResult{
 838         padding: 20px;
 839         font-size: 10px;
 840         margin-bottom: 20px;
 841         background-color: #fbfbfb;
 842         border: 1px solid #ddd;
 843         text-align: center;
 844         }
 845
 846 .webResult H2{
 847         font-size: 12px;
 848         }