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