a79d97ff76031484760c54189f491663949d3253
[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-left: 15px;
19 width: 200px;
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 }