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