1 | /* ------------------------------------------------------- |
---|
2 | 1. LIENS base |
---|
3 | ------------------------------------------------------- */ |
---|
4 | |
---|
5 | a, a:link, a:visited |
---|
6 | { |
---|
7 | text-decoration: none; |
---|
8 | color: #0A74A6; |
---|
9 | } |
---|
10 | |
---|
11 | a:hover |
---|
12 | { |
---|
13 | text-decoration: underline; |
---|
14 | color: #0A74A6; |
---|
15 | } |
---|
16 | |
---|
17 | a.spip_out, |
---|
18 | a.spip_in, |
---|
19 | a.spip_url, |
---|
20 | a.spip_glossaire { color: #0A74A6; } |
---|
21 | |
---|
22 | |
---|
23 | /* ------------------------------------------------------- |
---|
24 | 2. MISE EN PAGE - BLOCS PRINCIPAUX |
---|
25 | ------------------------------------------------------- */ |
---|
26 | |
---|
27 | body { |
---|
28 | color: #444; |
---|
29 | font: 85%/1.0 "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif; |
---|
30 | margin: 0; |
---|
31 | text-align: center; |
---|
32 | /* pour centrer horizontalement la boite #page dans IE/Win */ |
---|
33 | background-color: #ddd; |
---|
34 | /* background-image - voir/see : 'alter.css' */ |
---|
35 | } |
---|
36 | |
---|
37 | #page |
---|
38 | { |
---|
39 | position: relative; |
---|
40 | text-align: left; /* pour annuler l'heritage de text-align:center de BODY */ |
---|
41 | margin: 3em auto; /* auto pour centrer horizontalement la boite dans BODY |
---|
42 | pour le navigateurs autres que IE/WIN */ |
---|
43 | padding: 0; |
---|
44 | width: 780px; /* ou 100% pour largeur fluide pleine largeur */ |
---|
45 | } |
---|
46 | |
---|
47 | #entete /* voir (../inc/inc-bandeau.html) */ |
---|
48 | { |
---|
49 | position: relative; |
---|
50 | height: 180px; |
---|
51 | margin: 0px 0px 0px 0px; |
---|
52 | padding: 0; |
---|
53 | border-width: 0; |
---|
54 | text-align: right; |
---|
55 | background-color: #787878; |
---|
56 | overflow: hidden; |
---|
57 | z-index: 10; |
---|
58 | /* background-image - voir/see : 'alter.css' */ |
---|
59 | } |
---|
60 | |
---|
61 | |
---|
62 | #navigation /* (inc/inc-menu.html) */ { |
---|
63 | position: absolute; |
---|
64 | top: 0px; |
---|
65 | left: 0px; |
---|
66 | width: 150px; |
---|
67 | margin: 0 0 1em 0; |
---|
68 | padding: 0 0 1em 0; |
---|
69 | } |
---|
70 | |
---|
71 | #bloc-contenu |
---|
72 | { |
---|
73 | position: static; |
---|
74 | border: solid 1px #DEDEDE; |
---|
75 | margin: 10px 155px 5px 155px; |
---|
76 | padding: 10px 10px 5px; |
---|
77 | background: white; |
---|
78 | z-index: 20; |
---|
79 | } |
---|
80 | |
---|
81 | #encart |
---|
82 | { |
---|
83 | position: absolute; |
---|
84 | top: 190px; |
---|
85 | right: 0px; |
---|
86 | width: 150px; |
---|
87 | margin: 0 0 1em 0; |
---|
88 | padding: 0 0 1em 0; |
---|
89 | } |
---|
90 | |
---|
91 | #bas /* (inc/inc-bas.html) */ |
---|
92 | { |
---|
93 | margin: 0px; |
---|
94 | padding: 0px; |
---|
95 | padding-top: 5px; |
---|
96 | padding-right: 0px; |
---|
97 | padding-left: 0px; |
---|
98 | padding-bottom: 2px; |
---|
99 | text-align: center; |
---|
100 | margin-left: 155px; |
---|
101 | margin-right: 155px; |
---|
102 | } |
---|
103 | |
---|
104 | |
---|
105 | /* ------------------------------------------------------- |
---|
106 | 3. BANDEAU - ENTETE (inc/inc-bandeau.html) |
---|
107 | ------------------------------------------------------- */ |
---|
108 | |
---|
109 | #entete a.nom-site, |
---|
110 | #entete a.nom-site:link, |
---|
111 | #entete a.nom-site:visited |
---|
112 | { |
---|
113 | display: block; |
---|
114 | position: relative; |
---|
115 | top: 0; |
---|
116 | left: 0; |
---|
117 | width: 100%; |
---|
118 | height: 100%; |
---|
119 | font-family: Verdana, 'Bitstream Vera Sans', Tahoma, "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif; |
---|
120 | text-decoration: none; |
---|
121 | color: #EDDF5C; |
---|
122 | font-size: 2em; |
---|
123 | font-weight: bold; |
---|
124 | padding: 0; |
---|
125 | background-color: transparent; |
---|
126 | /* background-image - voir/see : 'alter.css' */ |
---|
127 | } |
---|
128 | |
---|
129 | #entete a.nom-site:hover |
---|
130 | { |
---|
131 | color: #ddd; |
---|
132 | font-style: italic; |
---|
133 | text-shadow: white 0px 0px 8px; |
---|
134 | /* une fleur pour safari seulement */ |
---|
135 | } |
---|
136 | |
---|
137 | #entete .nom-site span /* position du nom du site - position of the site's name */ |
---|
138 | { |
---|
139 | display: block; |
---|
140 | position: absolute; |
---|
141 | bottom: 48px; |
---|
142 | right: 200px; |
---|
143 | } |
---|
144 | |
---|
145 | |
---|
146 | |
---|
147 | /* ------------------------------------------------------- |
---|
148 | 4. ELEMENTS HTML DE BASE |
---|
149 | ------------------------------------------------------- */ |
---|
150 | |
---|
151 | h1 |
---|
152 | { |
---|
153 | margin-top: 0px; |
---|
154 | margin-bottom: 0px; |
---|
155 | font-size: 160%; |
---|
156 | font-weight: bold; |
---|
157 | } |
---|
158 | |
---|
159 | h2 |
---|
160 | { |
---|
161 | margin-top: 0px; |
---|
162 | margin-bottom: 15px; |
---|
163 | font-size: 140%; |
---|
164 | font-weight: bold; |
---|
165 | } |
---|
166 | |
---|
167 | h2.titre-article { margin-bottom: 0px; } |
---|
168 | |
---|
169 | h3 |
---|
170 | { |
---|
171 | margin-top: 0px; |
---|
172 | margin-bottom: 0px; |
---|
173 | font-size: 110%; |
---|
174 | font-weight: bold; |
---|
175 | } |
---|
176 | |
---|
177 | /* Intertitres insérés dans un article */ |
---|
178 | h3.spip { |
---|
179 | margin-top: 1em; |
---|
180 | margin-bottom: .4em; |
---|
181 | padding-bottom: .1em; |
---|
182 | /* border-bottom: 1px #444 dashed; */ |
---|
183 | font-size: 110%; |
---|
184 | font-weight: bold; |
---|
185 | text-align: left; |
---|
186 | background-color: #F3F3F3; |
---|
187 | } |
---|
188 | |
---|
189 | h4 |
---|
190 | { |
---|
191 | margin: 2px; |
---|
192 | font-size: 100%; |
---|
193 | font-weight: bold; |
---|
194 | } |
---|
195 | |
---|
196 | h5 |
---|
197 | { |
---|
198 | margin: 2px; |
---|
199 | margin-left: 0px; |
---|
200 | font-size: 90%; |
---|
201 | font-weight: bold; |
---|
202 | } |
---|
203 | |
---|
204 | h6 |
---|
205 | { |
---|
206 | margin: 2px; |
---|
207 | margin-left: 0px; |
---|
208 | font-size: 80%; |
---|
209 | font-weight: bold; |
---|
210 | } |
---|
211 | |
---|
212 | /* ------------------------------------------------------------------ |
---|
213 | 5. NAVIGATION et MENUS |
---|
214 | -------------------------------------------------------------------- */ |
---|
215 | /* COULEURS des menus */ |
---|
216 | .menu ul li { border-top: 1px solid #eee; } /* separateur : meme couleur que fond de BODY */ |
---|
217 | |
---|
218 | .menu ul li a:hover { text-decoration: none; } |
---|
219 | |
---|
220 | /* text : color */ |
---|
221 | .menu ul li a, |
---|
222 | .menu ul li a:visited, |
---|
223 | .menu ul li b { color: white;} |
---|
224 | |
---|
225 | .menu ul li li a, |
---|
226 | .menu ul li li a:visited { color: #0A74A6;} |
---|
227 | |
---|
228 | .menu li span { color: #444;} |
---|
229 | |
---|
230 | |
---|
231 | .menu ul li a:hover, |
---|
232 | .menu ul li li a:hover, |
---|
233 | .menu ul li li a.lienon { color: maroon;} |
---|
234 | |
---|
235 | |
---|
236 | /* background */ |
---|
237 | .menu ul li a, |
---|
238 | .menu ul li b { background-color: #313c72; } |
---|
239 | |
---|
240 | |
---|
241 | .menu ul li li a, |
---|
242 | .menu ul li li a:visited, |
---|
243 | .menu li span { background-color: #DDD; } |
---|
244 | |
---|
245 | .menu ul li a:hover, |
---|
246 | .menu ul li li a:hover { background-color: #EDFBFF; } |
---|
247 | .menu ul li li a.lienon { background-color: #ffd; } |
---|
248 | |
---|
249 | |
---|
250 | .menu ul li li a.article { background-color: #eee; } |
---|
251 | .menu ul li li a.article:hover { background-color: #EDFBFF; } |
---|
252 | |
---|
253 | /* TYPO et ESPACEMENT des menus */ |
---|
254 | |
---|
255 | .menu ul |
---|
256 | { |
---|
257 | font-size: 88%; |
---|
258 | line-height: 1.2em; |
---|
259 | font-weight: normal; |
---|
260 | text-align: left; |
---|
261 | list-style-type: none; |
---|
262 | margin: 0; padding: 0; |
---|
263 | } |
---|
264 | |
---|
265 | .menu ul ul { font-size: 1em; margin: 0;} |
---|
266 | .menu ul li { margin: 0; } |
---|
267 | |
---|
268 | .menu ul li a, .menu ul li b |
---|
269 | { |
---|
270 | text-decoration: none; |
---|
271 | text-align: left; |
---|
272 | padding: 3px 4px 3px 4px; |
---|
273 | display: block; |
---|
274 | /* background-image - voir/see : 'alter.css' */ |
---|
275 | } |
---|
276 | |
---|
277 | .menu ul li li a { padding-left: 4px; font-weight: normal;} |
---|
278 | .menu ul li li li a { padding-left: 10px;} |
---|
279 | .menu ul li li li li a { padding-left: 16px;} |
---|
280 | .menu ul li li li li li a { padding-left: 22px;} |
---|
281 | .menu ul li li li li li li a { padding-left: 28px;} |
---|
282 | |
---|
283 | .menu li span |
---|
284 | { |
---|
285 | display: block; |
---|
286 | font-style: italic; |
---|
287 | font-size: 92%; |
---|
288 | } |
---|
289 | .menu li li address a |
---|
290 | { |
---|
291 | padding: 0px 0 4px 4px; |
---|
292 | font-style: italic; |
---|
293 | font-size: 92%; |
---|
294 | } |
---|
295 | |
---|
296 | /* ANNONCE dans #encart */ |
---|
297 | .annonce |
---|
298 | { |
---|
299 | background-color: #DDD; |
---|
300 | /* overflow: hidden; */ |
---|
301 | text-align: center; |
---|
302 | } |
---|
303 | .menu li.annonce a { padding: 0; } |
---|
304 | .menu li.annonce .spip_logos, |
---|
305 | .menu li.annonce a img { margin: 0; } |
---|
306 | |
---|
307 | #menu-principal { |
---|
308 | position: absolute; |
---|
309 | top: -1.4em; |
---|
310 | margin-top: 0px; |
---|
311 | margin-left: 0px; |
---|
312 | width: 780px; |
---|
313 | } |
---|
314 | |
---|
315 | #menu-principal li a |
---|
316 | { |
---|
317 | padding: .2em 1em .2em 1em; |
---|
318 | margin: 0 1px 0 0; |
---|
319 | } |
---|
320 | |
---|
321 | #menu-principal ul li |
---|
322 | { float: left; } |
---|
323 | |
---|
324 | /* #menu-recherche { position: absolute; top: 185px; width: 148px;} */ |
---|
325 | #menu-recherche { width: 100px; } |
---|
326 | #menu-recherche.menu ul li { border-top: 0; } |
---|
327 | |
---|
328 | #menu-rubriques { position: absolute; top: 190px; width: 150px;} |
---|
329 | |
---|
330 | .menu-item { font-size: 85%; } |
---|
331 | |
---|
332 | .menu-item, |
---|
333 | .menu-titre-special, |
---|
334 | .menu-titre { background-color: #313c72; } |
---|
335 | |
---|
336 | |
---|
337 | /* ------------------------------------------------------- |
---|
338 | 6. ARTICLE |
---|
339 | ------------------------------------------------------- */ |
---|
340 | |
---|
341 | .texte |
---|
342 | { |
---|
343 | text-align: left; |
---|
344 | line-height: 1.3em; |
---|
345 | text-transform: inherit; |
---|
346 | } |
---|
347 | |
---|
348 | p.spip { text-align: left; } |
---|
349 | |
---|
350 | .chapo |
---|
351 | { |
---|
352 | font-weight: bold; |
---|
353 | text-align: left; |
---|
354 | background-color: #f3f3f3; |
---|
355 | padding: .5em; |
---|
356 | margin: 0 0 1em 0; |
---|
357 | } |
---|
358 | |
---|
359 | /* L'information de date et auteur au dessus de l'article */ |
---|
360 | .detail |
---|
361 | { |
---|
362 | font-size: smaller; |
---|
363 | padding: 0px; |
---|
364 | margin: 0px; |
---|
365 | } |
---|
366 | |
---|
367 | .petit-info |
---|
368 | { |
---|
369 | font-size: smaller; |
---|
370 | font-weight: bold; |
---|
371 | } |
---|
372 | |
---|
373 | .spip_bouton |
---|
374 | { |
---|
375 | font-size: smaller; |
---|
376 | font-weight: bold; |
---|
377 | } |
---|
378 | |
---|
379 | .ps |
---|
380 | { |
---|
381 | text-align: left; |
---|
382 | font-size: 90%; |
---|
383 | } |
---|
384 | |
---|
385 | .notes |
---|
386 | { |
---|
387 | text-align: left; |
---|
388 | font-size: 90%; |
---|
389 | } |
---|
390 | |
---|
391 | .surtitre |
---|
392 | { |
---|
393 | font-variant: small-caps; |
---|
394 | margin-top: 0px; |
---|
395 | margin-bottom: 0px; |
---|
396 | font-size: 110%; |
---|
397 | font-weight: bold; |
---|
398 | } |
---|
399 | |
---|
400 | .sous-titre |
---|
401 | { |
---|
402 | font-variant: small-caps; |
---|
403 | margin-top: 0px; |
---|
404 | margin-bottom: 15px; |
---|
405 | font-size: 110%; |
---|
406 | font-weight: bold; |
---|
407 | } |
---|
408 | |
---|
409 | .pagination { font-size: 90%; } |
---|
410 | |
---|
411 | .spip_documents |
---|
412 | { |
---|
413 | font-size: 85%; |
---|
414 | margin: 10px; |
---|
415 | } |
---|
416 | |
---|
417 | .spip_doc_titre { font-weight: bold; font-size: 1em; line-height: 1em; margin-left:auto; margin-right:auto;} |
---|
418 | .spip_doc_descriptif { clear: both; font-size: 1em; line-height: 1em; margin-left:auto; margin-right:auto; |
---|
419 | } |
---|
420 | |
---|
421 | ul.spip { margin-left: 1em; padding: 0; } |
---|
422 | ol.spip { margin-left: .8em; padding: 0; } |
---|
423 | ul ul.spip, |
---|
424 | ol ol.spip, |
---|
425 | ol ul.spip, |
---|
426 | ul ol.spip { margin-left: 0; padding: 0; } |
---|
427 | ul.spip, ul ul.spip, ol ul.spip { list-style: square;} |
---|
428 | ol.spip { list-style: decimal; } |
---|
429 | /* ul.spip li, ol.spip li { list-style: inherit; } */ |
---|
430 | ol li.spip { margin: 0.3em 0 0.3em 1.5em; list-style-position: outside; } |
---|
431 | ul li.spip { margin: 0.3em 0 0.3em 1.2em; list-style-position: outside; } |
---|
432 | ul ol li.spip { margin: 0.3em 0 0.3em 1.5em; list-style-position: outside; } |
---|
433 | |
---|
434 | |
---|
435 | /* ------------------------------------------------------- |
---|
436 | 7. GENERAL |
---|
437 | ------------------------------------------------------- */ |
---|
438 | |
---|
439 | #bas { font-size: 85%; } |
---|
440 | #plan { font-size: 85%; } |
---|
441 | |
---|
442 | .date-entete { font-size: 80%; } |
---|
443 | |
---|
444 | /* mot recherche dans page resultats de recherche */ |
---|
445 | .mot-precis |
---|
446 | { |
---|
447 | font-style: italic; |
---|
448 | font-size: 83%; |
---|
449 | color: #777777; |
---|
450 | } |
---|
451 | |
---|
452 | .lang |
---|
453 | { |
---|
454 | color: red; |
---|
455 | text-transform: uppercase; |
---|
456 | } |
---|
457 | |
---|
458 | |
---|
459 | /* ------------------------------------------------------- |
---|
460 | 8. EDITO (sur page sommaire.html) |
---|
461 | ------------------------------------------------------- */ |
---|
462 | |
---|
463 | .edito .bandeau { |
---|
464 | overflow: hidden; |
---|
465 | margin-bottom: 1em; |
---|
466 | padding-bottom: 1em; |
---|
467 | border-color: #BBB; |
---|
468 | border-width: 0 0 2px 0; |
---|
469 | border-style: dotted; |
---|
470 | } |
---|
471 | |
---|
472 | .edito h3 { |
---|
473 | margin: 0; |
---|
474 | padding: 0; |
---|
475 | color: white; |
---|
476 | background-color: #313c72; |
---|
477 | text-transform: uppercase; |
---|
478 | text-indent: 4px; |
---|
479 | width: 100%; |
---|
480 | font-size: 1.1em; |
---|
481 | line-height: 1.4; |
---|
482 | /* background-image - voir/see : 'alter.css' */ |
---|
483 | } |
---|
484 | |
---|
485 | .edito h3 a, |
---|
486 | .edito h3 a:link, |
---|
487 | .edito h3 a:visited, |
---|
488 | .edito h3 a:hover { |
---|
489 | color: white; |
---|
490 | font-size: 90%; |
---|
491 | } |
---|
492 | |
---|
493 | .edito .chapo { margin-top: 0; background-color: #eee;} |
---|
494 | |
---|
495 | .edito .suite { text-align: right; } |
---|
496 | |
---|
497 | /* ------------------------------------------------------- |
---|
498 | 9. PETITION |
---|
499 | ------------------------------------------------------- */ |
---|
500 | |
---|
501 | #petition |
---|
502 | { |
---|
503 | float: right; |
---|
504 | width: 170px; |
---|
505 | margin-left: 12px; |
---|
506 | } |
---|
507 | #petition fieldset |
---|
508 | { |
---|
509 | margin: 0; |
---|
510 | padding: 0; |
---|
511 | } |
---|
512 | #petition fieldset |
---|
513 | { |
---|
514 | margin: 0; |
---|
515 | padding: 0; |
---|
516 | } |
---|
517 | |
---|
518 | .signatures |
---|
519 | { |
---|
520 | font-size: 92%; |
---|
521 | margin-left: 0px; |
---|
522 | margin-right: 0px; |
---|
523 | margin-top: 1em; |
---|
524 | margin-bottom: 1em; |
---|
525 | width:100%; |
---|
526 | } |
---|
527 | |
---|
528 | .signatures td |
---|
529 | { |
---|
530 | /* background-image - voir/see : 'alter.css' */ |
---|
531 | } |
---|
532 | |
---|
533 | .signatures-titre |
---|
534 | { |
---|
535 | font-size: 92%; |
---|
536 | font-weight: bold; |
---|
537 | margin: 0px; |
---|
538 | } |
---|
539 | |
---|
540 | .signature-date |
---|
541 | { |
---|
542 | white-space: nowrap; |
---|
543 | background: #DDDDDD; |
---|
544 | padding: 0.5em; |
---|
545 | } |
---|
546 | |
---|
547 | .signature-nom |
---|
548 | { |
---|
549 | font-weight: bold; |
---|
550 | background: #EEEEEE; |
---|
551 | padding: 0.2em; |
---|
552 | text-align: center; |
---|
553 | } |
---|
554 | |
---|
555 | .signature-message |
---|
556 | { |
---|
557 | background: #f4f8f8; |
---|
558 | padding: 0.4em; |
---|
559 | text-align: left; |
---|
560 | } |
---|
561 | |
---|
562 | |
---|
563 | /* ------------------------------------------------------- |
---|
564 | 10. FORUM |
---|
565 | ------------------------------------------------------- */ |
---|
566 | |
---|
567 | a.spip_barre img |
---|
568 | { |
---|
569 | border: 1px solid #bbb; |
---|
570 | padding: 2px; |
---|
571 | margin: 0px; |
---|
572 | background-color: #eee; |
---|
573 | } |
---|
574 | |
---|
575 | a.spip_barre:hover img |
---|
576 | { |
---|
577 | border: 1px solid #aaa; |
---|
578 | padding: 2px; |
---|
579 | margin: 0px; |
---|
580 | background-color: white; |
---|
581 | } |
---|
582 | |
---|
583 | .reponse_formulaire |
---|
584 | { |
---|
585 | font-family: Arial, Geneva, Helvetica, Lucida, sans-serif; |
---|
586 | font-weight: bold; |
---|
587 | font-size: 110%; |
---|
588 | color: red; |
---|
589 | } |
---|
590 | |
---|
591 | .forum-titre |
---|
592 | { |
---|
593 | font-weight: bold; |
---|
594 | font-size: 120%; |
---|
595 | } |
---|
596 | |
---|
597 | ul .forum-chapo { font-size: 83%; } |
---|
598 | .forum-item { font-size: 92%; } |
---|
599 | |
---|
600 | /* Format des champs d'entrée pour le forum*/ |
---|
601 | .forml |
---|
602 | { |
---|
603 | font-size: 100%; |
---|
604 | color: #444444; |
---|
605 | } |
---|
606 | |
---|
607 | |
---|
608 | /* ------------------------------------------------------- |
---|
609 | 11. FORMULAIRE (PETITION, INSCRIPTION, FORUM) |
---|
610 | ------------------------------------------------------- */ |
---|
611 | |
---|
612 | .formulaire |
---|
613 | { |
---|
614 | color: #777; |
---|
615 | font-size: 83%; |
---|
616 | } |
---|
617 | |
---|
618 | /* ------------------------------------------------------- |
---|
619 | 12. ADMIN, LOGIN, BOUTONS ADMIN |
---|
620 | ------------------------------------------------------- */ |
---|
621 | |
---|
622 | .spip-admin { font-size: 92%; } |
---|
623 | .spip_bouton { color: #444; } |
---|
624 | |
---|
625 | /* ------------------------------------------------------- |
---|
626 | 13. STYLE DÉSACTIVÉ |
---|
627 | ------------------------------------------------------- */ |
---|
628 | |
---|
629 | .structure { display: none; } |
---|
630 | |
---|
631 | /* ------------------------------------------------------- |
---|
632 | 14. FORMATS DE TEXTE |
---|
633 | ------------------------------------------------------- */ |
---|
634 | |
---|
635 | .article-info-rubrique |
---|
636 | { |
---|
637 | text-align: left; |
---|
638 | margin-bottom: 10px; |
---|
639 | } |
---|
640 | |
---|
641 | .extrait |
---|
642 | { |
---|
643 | margin: 5px; |
---|
644 | line-height: 1.4em; |
---|
645 | padding: 8px; |
---|
646 | background-color: #F6F6F6; |
---|
647 | } |
---|
648 | |
---|
649 | |
---|
650 | .extrait a.suite, |
---|
651 | .extrait a.suite:link, |
---|
652 | .extrait a.suite:visited |
---|
653 | { |
---|
654 | text-decoration: none; |
---|
655 | color: maroon; |
---|
656 | font-variant: small-caps; |
---|
657 | display: inline; |
---|
658 | } |
---|
659 | |
---|
660 | .extrait a.suite:hover |
---|
661 | { |
---|
662 | color: #085D85; |
---|
663 | text-decoration: underline; |
---|
664 | } |
---|
665 | |
---|
666 | .bouton |
---|
667 | { |
---|
668 | background: #EEEEEE; |
---|
669 | border: solid 1px #BBBBBB; |
---|
670 | padding: 1px; |
---|
671 | margin-bottom: 2px; |
---|
672 | margin-top: 0px; |
---|
673 | } |
---|
674 | |
---|
675 | .separateur |
---|
676 | { |
---|
677 | width: 6px; |
---|
678 | font-size: 10px; |
---|
679 | height: 9px; |
---|
680 | padding-right: 2px; |
---|
681 | /* background-image - voir/see : 'alter.css' */ |
---|
682 | } |
---|
683 | |
---|
684 | .mot-precis |
---|
685 | { |
---|
686 | padding-left: 2px; |
---|
687 | padding-right: 3px; |
---|
688 | } |
---|
689 | |
---|
690 | .chapo |
---|
691 | { |
---|
692 | line-height: 1.4em; |
---|
693 | margin-top: 1em; |
---|
694 | } |
---|
695 | |
---|
696 | .ps |
---|
697 | { |
---|
698 | padding-top: 0.6em; |
---|
699 | margin-top: 0.6em; |
---|
700 | margin-bottom: 10px; |
---|
701 | border-top: 1px dashed #AAAAAA; |
---|
702 | } |
---|
703 | |
---|
704 | .ligne-debut |
---|
705 | { |
---|
706 | padding-top: 0px; |
---|
707 | margin-top: 5px; |
---|
708 | margin-bottom: 15px; |
---|
709 | border-top: 1px dashed #AAAAAA; |
---|
710 | } |
---|
711 | |
---|
712 | .notes |
---|
713 | { |
---|
714 | margin-top: 0.6em; |
---|
715 | margin-bottom: 0.6em; |
---|
716 | border-top: 1px solid #a0a0a0; |
---|
717 | padding: 1.5em; |
---|
718 | } |
---|
719 | |
---|
720 | /* date dernier ajout */ |
---|
721 | .date-entete |
---|
722 | { |
---|
723 | text-align: right; |
---|
724 | margin-top: -16px; |
---|
725 | margin-right: -5px; |
---|
726 | margin-bottom: 10px; |
---|
727 | } |
---|
728 | |
---|
729 | .cartouche |
---|
730 | { |
---|
731 | /*border-top: 2px solid #404040;*/ |
---|
732 | margin-bottom: 15px; |
---|
733 | /*clear: right;*/ |
---|
734 | } |
---|
735 | |
---|
736 | .spip_logos, |
---|
737 | .cartouche .spip_logos, |
---|
738 | .logo-liste-art .spip_logos |
---|
739 | { |
---|
740 | padding-left: 0px; |
---|
741 | margin: 0 0 0 1em; |
---|
742 | } |
---|
743 | .sommaire .logo-liste-art {clear:both} |
---|
744 | |
---|
745 | /* ------------------------------------------------------- |
---|
746 | 15. PLAN DE SITE |
---|
747 | ------------------------------------------------------- */ |
---|
748 | |
---|
749 | #plan |
---|
750 | { |
---|
751 | margin: 0px; |
---|
752 | padding: 0px; |
---|
753 | font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; |
---|
754 | } |
---|
755 | |
---|
756 | #plan ul |
---|
757 | { |
---|
758 | padding-left: 2px; |
---|
759 | list-style: none; |
---|
760 | margin-top: 2px; |
---|
761 | margin-bottom: 5px; |
---|
762 | margin-left: 1.5em; |
---|
763 | } |
---|
764 | |
---|
765 | #plan ul ul { list-style: disc; } |
---|
766 | #plan ul ul ul { list-style: disc; margin-left: 1em;} |
---|
767 | #plan ul ul ul ul { list-style: disc; } |
---|
768 | |
---|
769 | #plan li |
---|
770 | { |
---|
771 | /*background: #EEEEEE;*/ |
---|
772 | margin-bottom: 1px; |
---|
773 | padding-left: 0px; |
---|
774 | font-weight: bold; |
---|
775 | } |
---|
776 | |
---|
777 | #plan li li |
---|
778 | { |
---|
779 | font-weight: normal; |
---|
780 | list-style-type: square; |
---|
781 | } |
---|
782 | |
---|
783 | .plan-archives |
---|
784 | { |
---|
785 | font-size: 95%; |
---|
786 | font-weight: bold; |
---|
787 | padding-left: 1px; |
---|
788 | font-weight: bold; |
---|
789 | background: #DDDDDD; |
---|
790 | } |
---|
791 | |
---|
792 | #plan h2 { |
---|
793 | color: #333; |
---|
794 | text-transform: uppercase; |
---|
795 | font-weight: normal; |
---|
796 | } |
---|
797 | #plan h3 { |
---|
798 | text-transform: uppercase; |
---|
799 | padding: 2px 0; |
---|
800 | text-indent: 2px; |
---|
801 | } |
---|
802 | |
---|
803 | |
---|
804 | /* ------------------------------------------------------- |
---|
805 | 16. FORUM |
---|
806 | ------------------------------------------------------- */ |
---|
807 | |
---|
808 | ul.forum-total |
---|
809 | { |
---|
810 | display: block; |
---|
811 | padding: 0px; |
---|
812 | margin: 0px; |
---|
813 | list-style: none; |
---|
814 | } |
---|
815 | |
---|
816 | .forum-fil { margin-top: 10px; } |
---|
817 | |
---|
818 | .forum-fil ul |
---|
819 | { |
---|
820 | display: block; |
---|
821 | margin: 0px; |
---|
822 | margin-left: 8px; |
---|
823 | padding: 0px; |
---|
824 | list-style: none; |
---|
825 | } |
---|
826 | |
---|
827 | .forum-item |
---|
828 | { |
---|
829 | margin: 0px; |
---|
830 | padding: 5px; |
---|
831 | padding-bottom: 0; |
---|
832 | text-align: left; |
---|
833 | background: white; |
---|
834 | } |
---|
835 | |
---|
836 | .forum-repondre-message |
---|
837 | { |
---|
838 | margin: 0; |
---|
839 | padding: 0; |
---|
840 | padding-top: 4px; |
---|
841 | text-align: right; |
---|
842 | } |
---|
843 | |
---|
844 | /* Boite d'un forum : eclaircissement progressif des bords */ |
---|
845 | ul .forum |
---|
846 | { |
---|
847 | border: 1px solid #909090; |
---|
848 | padding: 0px; |
---|
849 | margin: 0px; |
---|
850 | margin-bottom: 1px; |
---|
851 | } |
---|
852 | |
---|
853 | ul ul .forum { border: 1px solid #a4a4a4; } |
---|
854 | ul ul ul .forum { border: 1px solid #b8b8b8; } |
---|
855 | ul ul ul ul .forum { border: 1px solid #cccccc; } |
---|
856 | ul ul ul ul ul .forum { border: 1px solid #e0e0e0; } |
---|
857 | ul ul ul ul ul ul .forum { border: 1px solid #e0e0e0; } |
---|
858 | |
---|
859 | /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */ |
---|
860 | ul .forum-chapo |
---|
861 | { |
---|
862 | border: 0px; |
---|
863 | border-bottom: 1px dashed #b8b8b8; |
---|
864 | margin: 0px; |
---|
865 | padding-left: 6px; |
---|
866 | padding-right: 6px; |
---|
867 | /*padding-top: 3px;*/ |
---|
868 | padding-bottom: 2px; |
---|
869 | background: #EEEEEE; |
---|
870 | } |
---|
871 | |
---|
872 | ul ul .forum-chapo { background: #EEEEEE; } |
---|
873 | ul ul ul .forum-chapo { background: #EEEEEE; } |
---|
874 | ul ul ul ul .forum-chapo { background: #EEEEEE; } |
---|
875 | ul ul ul ul ul .forum-chapo { background: #EEEEEE; } |
---|
876 | |
---|
877 | |
---|
878 | /* ------------------------------------------------------- |
---|
879 | 17. FORMULAIRES |
---|
880 | ------------------------------------------------------- */ |
---|
881 | |
---|
882 | form |
---|
883 | { |
---|
884 | margin: 0px; |
---|
885 | padding: 0px; |
---|
886 | text-align: left; |
---|
887 | text-transform: inherit; |
---|
888 | } |
---|
889 | |
---|
890 | fieldset { border: 0px; } |
---|
891 | |
---|
892 | .formulaire |
---|
893 | { |
---|
894 | margin: 0px; |
---|
895 | margin-bottom: 16px; |
---|
896 | /*padding: 4px;*/ |
---|
897 | /*border: 1px solid #a0a0a0; |
---|
898 | background-color: #f6f6f6;*/ |
---|
899 | } |
---|
900 | |
---|
901 | #form_rech |
---|
902 | { |
---|
903 | width: 150px; |
---|
904 | } |
---|
905 | |
---|
906 | #form_rech2 |
---|
907 | { |
---|
908 | font-size:1.4em; |
---|
909 | } |
---|
910 | |
---|
911 | |
---|
912 | .formrecherche |
---|
913 | { |
---|
914 | color: #777; |
---|
915 | font-size: 90%; |
---|
916 | display:block; |
---|
917 | font-weight: normal; |
---|
918 | padding: 1px; |
---|
919 | padding-top: 2px; |
---|
920 | background-color: white; |
---|
921 | margin: 2px; |
---|
922 | margin-right: 0px; |
---|
923 | margin-left: 0px; |
---|
924 | border: solid 1px #BBBBBB; |
---|
925 | } |
---|
926 | |
---|
927 | .formulaire_recherche label, |
---|
928 | .formulaire_menu_lang label, |
---|
929 | a#formulaire_recherche, |
---|
930 | a#formulaire_menu_lang { display: none; } |
---|
931 | |
---|
932 | .formulaire_recherche fieldset, |
---|
933 | .formulaire_menu_lang fieldset { |
---|
934 | padding: 0; |
---|
935 | margin: 0; |
---|
936 | } |
---|
937 | |
---|
938 | #champ-recherche { width: 80px; } |
---|
939 | .bouton |
---|
940 | { |
---|
941 | display:none; |
---|
942 | } |
---|
943 | |
---|
944 | /* Format des champs d'entrée pour le forum*/ |
---|
945 | .forml |
---|
946 | { |
---|
947 | background-color: white; |
---|
948 | margin: 5px 0; |
---|
949 | padding: 2px; |
---|
950 | border: solid 1px #AAAAAA; |
---|
951 | width: 98%; |
---|
952 | } |
---|
953 | |
---|
954 | #menu-recherche .forml |
---|
955 | { |
---|
956 | margin: 0px 0; |
---|
957 | } |
---|
958 | |
---|
959 | |
---|
960 | #menu-lang, |
---|
961 | #formulaire-lang |
---|
962 | { |
---|
963 | position: absolute; |
---|
964 | top: 0; |
---|
965 | right: 0; |
---|
966 | text-transform: uppercase; |
---|
967 | text-align: right; |
---|
968 | font-size: 80%; |
---|
969 | margin: 0; |
---|
970 | padding: 0; |
---|
971 | z-index:99; |
---|
972 | } |
---|
973 | |
---|
974 | #formulaire-lang {width: 120px;} |
---|
975 | #formulaire-lang .forml { margin: 0; } |
---|
976 | |
---|
977 | #menu-lang { margin: .5em; color: white; } |
---|
978 | #menu-lang a { color: aqua; } |
---|
979 | #menu-lang a:hover { color: #FBA; } |
---|
980 | |
---|
981 | .spip_bouton |
---|
982 | { |
---|
983 | background-color: white; |
---|
984 | border: solid 1px #cccccc; |
---|
985 | padding: 0px; |
---|
986 | margin: 0px; |
---|
987 | } |
---|
988 | |
---|
989 | .spip-admin form { display: inline; } |
---|
990 | |
---|
991 | .spip_encadrer |
---|
992 | { |
---|
993 | border: solid 1px #cccccc; |
---|
994 | background-color: white; |
---|
995 | padding: 5px; |
---|
996 | margin: 0px; |
---|
997 | } |
---|
998 | |
---|
999 | /* ------------------------------------------------------- |
---|
1000 | 18. AUTRES ELEMENTS PRODUITS PAR SPIP |
---|
1001 | ------------------------------------------------------- */ |
---|
1002 | |
---|
1003 | .spip_code { background-color: #FCF4D0; } |
---|
1004 | p.spip_note { } |
---|
1005 | .spip_puce { list-style-position: inside; } |
---|
1006 | table.spip { } |
---|
1007 | table.spip tr.row_first { background-color: #FCF4D0; } |
---|
1008 | table.spip tr.row_odd { background-color: #C0C0C0; } |
---|
1009 | table.spip tr.row_even { background-color: #F0F0F0; } |
---|
1010 | |
---|
1011 | table.spip td |
---|
1012 | { |
---|
1013 | padding: 1px; |
---|
1014 | text-align: left; |
---|
1015 | vertical-align: middle; |
---|
1016 | } |
---|
1017 | |
---|
1018 | hr.spip { } |
---|
1019 | b.spip { } |
---|
1020 | i.spip { } |
---|
1021 | |
---|
1022 | blockquote.spip |
---|
1023 | { |
---|
1024 | margin-top: 8px; |
---|
1025 | margin-right: 0px; |
---|
1026 | margin-bottom: 8px; |
---|
1027 | margin-left: 12px; |
---|
1028 | border: solid 0px #AAA; |
---|
1029 | border-left: solid 6px #C90; |
---|
1030 | background-color: white; |
---|
1031 | padding: 5px; |
---|
1032 | } |
---|
1033 | |
---|
1034 | .spip_cadre |
---|
1035 | { |
---|
1036 | width: 100%; |
---|
1037 | background-color: white; |
---|
1038 | padding: 5px; |
---|
1039 | } |
---|
1040 | |
---|
1041 | div.spip_poesie |
---|
1042 | { |
---|
1043 | margin-left: 10px; |
---|
1044 | padding-left: 10px; |
---|
1045 | border-left: 1px solid #999999; |
---|
1046 | font-size: 1.2em; |
---|
1047 | } |
---|
1048 | |
---|
1049 | div.spip_poesie div |
---|
1050 | { |
---|
1051 | text-indent: -60px; |
---|
1052 | margin-left: 60px; |
---|
1053 | } |
---|
1054 | |
---|
1055 | .spip_surligne { background-color: #FF6; } |
---|
1056 | |
---|
1057 | /* |
---|
1058 | * Barre de raccourcis |
---|
1059 | */ |
---|
1060 | |
---|
1061 | a.spip_barre img |
---|
1062 | { |
---|
1063 | padding: 3px; |
---|
1064 | background-color: #ffddaa; |
---|
1065 | border-color: white #A96 #A96 white; |
---|
1066 | border-width: 1px; |
---|
1067 | border-style: solid; |
---|
1068 | } |
---|
1069 | |
---|
1070 | a.spip_barre:hover img |
---|
1071 | { |
---|
1072 | border: 1px solid #808080; |
---|
1073 | padding: 3px; |
---|
1074 | background-color: #f8f8f4; |
---|
1075 | } |
---|
1076 | |
---|
1077 | /*------------------------------------------------ |
---|
1078 | 19. AGENDA |
---|
1079 | ------------------------------------------------*/ |
---|
1080 | |
---|
1081 | |
---|
1082 | .agenda #bloc-contenu |
---|
1083 | { |
---|
1084 | position: static; |
---|
1085 | border: solid 1px #DEDEDE; |
---|
1086 | margin: 0px 0px 5px 155px; |
---|
1087 | padding: 10px 10px 5px; |
---|
1088 | background: white; |
---|
1089 | } |
---|
1090 | |
---|
1091 | #calendrier { |
---|
1092 | background-color: #EAEAEA; |
---|
1093 | margin: 0; |
---|
1094 | padding-bottom: 15px; |
---|
1095 | position:relative; |
---|
1096 | } |
---|
1097 | #calendrier table { |
---|
1098 | width: 100%; |
---|
1099 | margin: 1px auto; |
---|
1100 | padding: 15px 0; |
---|
1101 | border-style: none; |
---|
1102 | } |
---|
1103 | |
---|
1104 | table.agenda tr, table.agenda td { |
---|
1105 | border-collapse: collapse; |
---|
1106 | border: 1px solid #BFBFBF; |
---|
1107 | } |
---|
1108 | |
---|
1109 | table.agenda { |
---|
1110 | border-collapse: collapse; |
---|
1111 | border: 1px solid #EAEAEA; |
---|
1112 | } |
---|
1113 | table.agenda th { |
---|
1114 | border-collapse: collapse; |
---|
1115 | border-style: none; |
---|
1116 | background-color: #EAEAEA; |
---|
1117 | } |
---|
1118 | table.agenda a, table.agenda a:link, |
---|
1119 | table.agenda a:visited, table.agenda a:active { |
---|
1120 | text-decoration: none; |
---|
1121 | color: #000; |
---|
1122 | padding: 2px; |
---|
1123 | font-size: 9px; |
---|
1124 | } |
---|
1125 | table.agenda a:hover { |
---|
1126 | text-decoration: underline; |
---|
1127 | } |
---|
1128 | .agendaBouton { |
---|
1129 | border-style: none; |
---|
1130 | color: #FFFFFF; |
---|
1131 | background-color: #BABEBF; |
---|
1132 | padding: 1px 10px; |
---|
1133 | } |
---|
1134 | .agendaNav, .agendaHead, .agendaThisMonth { |
---|
1135 | background-color: #FFFFFF; |
---|
1136 | } |
---|
1137 | .agendaThisDay { |
---|
1138 | background-color: #BBC9E3; |
---|
1139 | } |
---|
1140 | .agendaNotThisMonth { |
---|
1141 | background: #EFEFEF; |
---|
1142 | } |
---|
1143 | .agendaNav { |
---|
1144 | text-align: center; |
---|
1145 | border: none; |
---|
1146 | } |
---|
1147 | .AgendaForm { |
---|
1148 | text-align: center; |
---|
1149 | margin: 0; |
---|
1150 | padding: 10px 0; |
---|
1151 | } |
---|
1152 | div.AgendaForm form fieldset { |
---|
1153 | margin: 0; |
---|
1154 | text-align: center; |
---|
1155 | border: none; |
---|
1156 | position: relative; |
---|
1157 | } |
---|
1158 | |
---|
1159 | |
---|
1160 | /* Les flèches de navigation du calendrier */ |
---|
1161 | a.droite { |
---|
1162 | position: absolute; |
---|
1163 | width: 8px; |
---|
1164 | height: 14px; |
---|
1165 | display: block; |
---|
1166 | background: url(img/agenda-nav-droite.gif) no-repeat left top; |
---|
1167 | right: 15px; |
---|
1168 | top: 1.5em; |
---|
1169 | } |
---|
1170 | a.gauche { |
---|
1171 | position: absolute; |
---|
1172 | display: block; |
---|
1173 | width: 8px; |
---|
1174 | height: 14px; |
---|
1175 | background: url(img/agenda-nav-gauche.gif) no-repeat; |
---|
1176 | left: 15px; |
---|
1177 | top: 1.5em; |
---|
1178 | z-index: 98; |
---|
1179 | } |
---|
1180 | a.gauche span, a.droite span { |
---|
1181 | display: none; |
---|
1182 | } |
---|
1183 | |
---|
1184 | |
---|
1185 | /*------------------------------------------------ |
---|
1186 | 20. PAGINATION |
---|
1187 | ------------------------------------------------*/ |
---|
1188 | .pagination |
---|
1189 | { |
---|
1190 | text-align: right; |
---|
1191 | clear: both; |
---|
1192 | margin: 16px 4px 4px 4px; |
---|
1193 | } |
---|
1194 | |
---|
1195 | .pagination .ligne2 { text-align: center; background-color: #eee; } |
---|
1196 | |
---|
1197 | p.pagination {margin-top:0;text-align:center;font-size:80%;} |
---|
1198 | |
---|
1199 | /*------------------------------------------------ |
---|
1200 | 21. SOMMAIRE ARTICLE - PLAN |
---|
1201 | MODELES (voir : /alternatives/modeles) |
---|
1202 | ------------------------------------------------*/ |
---|
1203 | #sommaire { |
---|
1204 | float: right; |
---|
1205 | display: block; |
---|
1206 | width: 160px; |
---|
1207 | margin: 0 0 0 1em; |
---|
1208 | border: 1px gray solid; |
---|
1209 | background-color: white; |
---|
1210 | overflow: hidden; |
---|
1211 | } |
---|
1212 | |
---|
1213 | .spip_modele { |
---|
1214 | width: 160px; |
---|
1215 | margin: 0 0 0 1em; |
---|
1216 | border: 1px gray solid; |
---|
1217 | background-color: white; |
---|
1218 | clear: both; |
---|
1219 | overflow: hidden; |
---|
1220 | } |
---|
1221 | |
---|
1222 | #sommaire h4, |
---|
1223 | .spip_modele h4 { |
---|
1224 | border-bottom: 1px silver dotted; |
---|
1225 | text-align: center; |
---|
1226 | line-height: 1em; |
---|
1227 | } |
---|
1228 | |
---|
1229 | #sommaire ul, |
---|
1230 | .spip_modele ul { |
---|
1231 | font-size: 84%; |
---|
1232 | margin: .5em; |
---|
1233 | margin-left: 1em; |
---|
1234 | padding: 0; |
---|
1235 | list-style-type: square; |
---|
1236 | } |
---|
1237 | |
---|
1238 | #sommaire ul li, |
---|
1239 | .spip_modele ul li { line-height: 1em;margin: .3em 0 0 .5em; } |
---|
1240 | |
---|
1241 | body.plan #sommaire { |
---|
1242 | width: 118px; |
---|
1243 | } |
---|