Source de foot.css
0:
1: /* généralités sur le document */
2:
3: body {
4:
5: background-color : #FF9900;
6:
7: font-size : 90%;
8: color : #000000;
9:
10: font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
11:
12: padding : 1em 1em 1em 1em;
13:
14: }
15:
16:
17:
18:
19: /* la mise en page : le corps du document */
20:
21: div.pagelarge {
22:
23: background-color : #FFFFFF;
24: color : inherit;
25:
26: text-align : justify;
27:
28: margin : 0em;
29:
30: padding : 2em;
31:
32: border : 1px solid #000000;
33: }
34:
35:
36:
37: div.journee {
38:
39: width : 33%;
40:
41: text-align : justify;
42:
43: border-style : solid;
44: border-width : 1px;
45: border-color : #000000;
46:
47: color : inherit;
48:
49: background-color : #FFFF99;
50:
51: font-weight : bold;
52: font-size : 110%;
53:
54: margin-left : 10%;
55: margin-right : 10%;
56: margin-bottom : 2em;
57:
58: padding : 1em;
59:
60: }
61:
62:
63:
64:
65:
66:
67: /* les liens hypertextes */
68:
69: a:link {
70: color : #3366CC;
71: background-color : inherit;
72: }
73:
74: a:hover {
75: color : #3333FF;
76: background-color : #FFFF33;
77: }
78:
79:
80: a:active {
81: color : #CC0033;
82: background-color : inherit;
83: }
84:
85: a:visited {
86:
87: }
88:
89:
90:
91:
92: /* les titres */
93:
94: h1 {
95:
96: color : #FF9900;
97: background-color : inherit;
98:
99: text-align : right;
100:
101: font-weight : bold;
102: font-variant : small-caps;
103: font-size : 150%;
104:
105: border-bottom : 2px solid #FF9900;
106:
107: text-transform : capitalize;
108:
109: }
110:
111:
112: h2 {
113:
114: font-weight : bold;
115: font-variant : small-caps;
116: font-size : 125%;
117:
118: text-align : left;
119:
120: color : #FF9900;
121: background-color : inherit;
122:
123: margin-top : 3em;
124: margin-bottom : 2em;
125:
126: border-bottom : 1px solid #FF9900;
127:
128: }
129:
130: div.encart h1 {
131:
132: font-weight : bold;
133: font-size : 100%;
134:
135: text-align : left;
136:
137: color : #3366CC;
138: background-color : inherit;
139:
140: margin : 0;
141: padding : 0;
142: border-bottom : none;
143:
144:
145: }
146:
147:
148: div.encart li {
149: margin-left : 5em;
150: }
151:
152:
153: img {
154: float : left;
155: margin : 1em 1em 1em 0em;
156: }
157:
158: ul {
159:
160: clear : both;
161: }
162:
163:
164: fieldset.sommaire {
165:
166: float : right;
167: margin : 0em 1em 1em 1em;
168: width : 30%;
169:
170: }
171:
172: /*
173: .sommaire ul {
174: list-style-image : url(plus_rouge.png);
175: }
176: */
177:
178:
179: /* les tableaux */
180:
181: table {
182:
183: border : 1px solid #000000;
184: border-collapse : collapse;
185: border-spacing : 0;
186:
187: margin : 1em 0em 1em 0em;
188: }
189:
190:
191: th {
192: color : white;
193: font-weight : bold;
194: background-color : #3366CC;
195: border : 1px solid #000000;
196: padding : 0.2em;
197: font-variant : small-caps;
198: font-size : 90%;
199:
200: }
201:
202: td {
203: border : 1px dotted #CCCCCC;
204: padding : 0.2em;
205: font-size : 90%;
206: }