Première version : mise en route du suivi.
[auf_bulletin.git] / 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 }