Subversion Repositories ALCASAR

Rev

Rev 359 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log

Rev Author Line No. Line
360 richard 1
/* 	
2
	Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR
3
	Auteur : Stéphane ERARD
4
	Licence : GNU GPL
5
 
6
*/
7
 
8
 
354 richard 9
/* règles générales */
10
 
360 richard 11
/* Couleurs de polices */
12
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
354 richard 13
	COLOR: #000000;
14
}
360 richard 15
BODY, H, #boite-logon {
16
	COLOR: #666666;
17
}
18
#acces_controle, .log_out {
19
	COLOR: white;
20
}
354 richard 21
 
360 richard 22
/* Style de police */
23
 
24
BODY, :link, :visited, :hover:link, :hover:visited  {
25
	FONT-FAMILY: "DejaVu Sans";
26
}
27
INPUT, #box_url {
28
	FONT-FAMILY: Arial;
29
}
30
#acces_controle, #box_url, #box_bienvenue, #cadre_titre SPAN {
31
	FONT-WEIGHT: bold;
32
}
33
 
34
/*Couleurs de fond */
35
 
36
BODY {
37
	BACKGROUND-COLOR: #666666;
38
}
39
 
40
INPUT, #contenu_acces, #logon, #auth_reussi {
41
	BACKGROUND-COLOR: #ffffff;
42
}
43
 
44
/* Règles des balises HTML */
45
 
354 richard 46
H1, H2, #aide-certif {
47
	TEXT-ALIGN: center;	
48
	padding: 0px;
49
	margin: 3px;
50
}
51
P, UL, LI{
52
	TEXT-ALIGN: justify;
53
}
54
 
55
BODY {
56
	BACKGROUND-IMAGE: url(/images/fond.png);
57
	BACKGROUND-REPEAT: repeat-x;
58
	TEXT-ALIGN: center;
59
	FONT-SIZE: 12px;
60
	MARGIN: 0px;
61
}
62
H1 {
63
	FONT-SIZE: 55px;
64
}
65
H2 {
66
	FONT-SIZE: 30px;
67
}
68
H6, #aide-certif{
69
	FONT-SIZE: 100%;
70
}
71
UL {
72
	MARGIN: 5px;
73
	PADDING-BOTTOM: 5px;
74
	PADDING-LEFT: 10px;
75
	PADDING-RIGHT: 115px;
76
	PADDING-TOP: 5px;
77
}
78
LI {
79
	LIST-STYLE-TYPE: square;
80
	PADDING-TOP: 2px;
81
}
82
TABLE {
83
	FONT-SIZE: 90%;
84
}
85
IMG {
86
	HEIGHT: 150px;
87
}
88
INPUT {
89
	BORDER: #666666 1px solid;
90
	PADDING: 2px;
91
	FONT-FAMILY: Arial;
92
	HEIGHT: 22px;
93
}
94
 
95
/* Taille et position des logos */
96
 
97
#logo-alcasar {
98
	POSITION: absolute;
99
	BOTTOM: 25px;
100
	RIGHT: 5px;
101
	HEIGHT: 130px;
102
}
103
#logo-organ {
104
	POSITION: relative;
105
	TOP: 0px;
106
	RIGHT: -10px;
107
	MAX-WIDTH: 150px;
108
	MAX-HEIGHT: 150px;
109
}
110
 
111
/* Placement et proportion de la boite de saisie et de l'aide */
112
 
113
#logon {
114
	POSITION: relative;
115
	WIDTH: 620px;
116
	TOP: 20px;
360 richard 117
 
118
 
119
/* ombrage CSS3*/	
120
 
121
	-moz-box-shadow: 0px 0px 12px #000; 
122
	-webkit-box-shadow: 0px 0px 12px #000;
123
	box-shadow: 0px 0px 12px #000;
354 richard 124
}
125
 
126
#boite-logon {
127
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
360 richard 128
	BACKGROUND-REPEAT: repeat-x;
354 richard 129
	PADDING: 10px;
130
	WIDTH: 420px;
131
	HEIGHT: 189px;
132
}
133
#boite-logon TD {
134
	PADDING-TOP: 10px;
135
}
136
#boite-info {
137
	BORDER: 0px;
138
	MARGIN-TOP: 25px;
139
	WIDTH: 580px;
140
	PADDING-TOP: 10px;
141
}
142
/*Boite de dialogue de deconnection*/
143
 
144
#auth_reussi {
145
	WIDTH: 450px;
146
	MARGIN-TOP: 12px;
147
	PADDING-TOP: 5px;
148
	PADDING-LEFT: 10px;
149
	PADDING-RIGHT: 10px;
150
	PADDING-BOTTOM: 0px;
151
}
152
.text_auth {
153
	FONT-SIZE: 20px;
154
}
155
.lien_deco {
156
	TEXT-ALIGN: center;
157
	FONT-SIZE: 18px;
359 richard 158
	MARGIN-BOTTOM: 15px;
354 richard 159
}
160
.log_out {
161
	FONT-SIZE: 24px;
162
	TEXT-ALIGN: center;
359 richard 163
	MARGIN-TOP: 30px;
354 richard 164
}
360 richard 165
#boite-logon, #auth_reussi, #logon {
166
	BORDER: 1px #efefef solid;
167
 
168
/* ombrage css3*/
169
 
170
	-moz-box-shadow: 0px 0px 6px #000; 
171
	-webkit-box-shadow: 0px 0px 6px #000;
172
	box-shadow: 0px 0px 6px #000;
173
}
174
 
359 richard 175
/* style de la page accès contrôlé*/
176
 
177
#cadre_titre{
178
	POSITION: relative;
179
	WIDTH: 730px;
180
	HEIGHT: 98px;
181
	MARGIN-TOP: 40px;
182
	MARGIN-LEFT: auto;
183
	MARGIN-RIGHT: auto;
184
	Z-INDEX: 2;
360 richard 185
 
186
/* ombrage css3 */
187
 
188
	-moz-box-shadow: 1px 4px 10px #000; 
189
	-webkit-box-shadow: 1px 4px 10px #000;
190
	box-shadow: 1px 4px 10px #000;
359 richard 191
}
192
#cadre_titre .titre_controle {
193
	BACKGROUND-IMAGE: url(/images/fond-bandeau.png);
194
	BACKGROUND-REPEAT: repeat-x;
195
}
196
#cadre_titre .titre_refus  {
197
	BACKGROUND-IMAGE: url(/images/fond-bandeau-rouge.png);
198
	BACKGROUND-REPEAT: repeat-x;
199
}
200
#boite_logo{
201
	POSITION: absolute;
202
	TOP: -30px;
203
	LEFT: -30px;
204
	WIDTH: 150px;
205
	HEIGHT: 150px;
206
	Z-INDEX: 2;
207
}
208
#acces_controle {
209
	TEXT-ALIGN: center;
210
	FONT-SIZE: 50px;
211
	PADDING-TOP: 20px;
212
	PADDING-BOTTOM: 20px;
213
	MARGIN: 0px;
214
}
215
#logo_acces {
216
	POSITION: relative;
217
	TOP: 0px;
218
	LEFT: 0px;
219
}
220
#contenu_acces {
221
	POSITION: relative;
222
	WIDTH: 640px;
223
	HEIGHT: 400px;
224
	TOP: -20px;
225
	PADDING-TOP: 0px;
226
	MARGIN-LEFT: auto;
227
	MARGIN-RIGHT: auto;
228
	Z-INDEX: 1;
360 richard 229
 
230
/* ombrage CSS3 */
231
 
232
	-moz-box-shadow: 1px 1px 10px #000; 
233
	-webkit-box-shadow: 1px 1px 10px #000;
234
	box-shadow: 1px 1px 10px #000;
359 richard 235
}
236
#logo_acces IMG, #box_refuse IMG {
237
	WIDTH: 95px;
238
	HEIGHT: 95px;
239
}
240
 
241
/* Boite des liens*/
242
 
243
#box_url {
244
	POSITION: relative;
245
	TOP: 35px;
246
	TEXT-ALIGN: right;
247
	FONT-SIZE: 14px;
248
	MARGIN-RIGHT: 20px;
249
}
250
#box_bienvenue {
251
	FONT-SIZE: 18px;
252
}
253
#cadre_titre SPAN {
254
	POSITION: absolute;
255
	TOP: 80px;
256
	WIDTH: 540px;
257
	LEFT: 100px;
258
	FONT-SIZE: 14px;
259
	COLOR: red;
260
	TEXT-ALIGN: center;
261
}
262
#box_refuse {
263
	FONT-SIZE: 16px;
264
	MARGIN-LEFT: 130px;
265
	MARGIN-RIGHT: 20px;
266
	MARGIN-TOP: 40px;
267
	WIDTH: 460px;
268
}
269
#box_refuse IMG {
270
	POSITION: absolute;
271
	TOP: -10px;
272
	LEFT: -110px;
273
}
274
#box_refuse, #box_bienvenue {
275
	POSITION: relative;
276
	TOP: 55px;
277
}
278
#box_1 {
279
	LEFT: 40px;
280
}
281
#box_2 {
282
	LEFT: 350px;
283
}
284
#box_3 {
285
	WIDTH: 575px;
286
	LEFT: 40px;
287
	BOTTOM: 20px;
288
}
289
#box_1 P, #box_2 P, #box_3 P {
290
	MARGIN-LEFT: 80px;
291
	MARGIN-RIGHT: 25px;
360 richard 292
	MARGIN-TOP: 8px;
359 richard 293
	FONT-SIZE: 10px;
294
}
295
#box_1 SPAN, #box_2 SPAN, #box_3 SPAN {
296
	POSITION: relative;
297
	MARGIN-LEFT: 75px;
298
	MARGIN-RIGHT: 10px;
299
	FONT-SIZE: 12px;
360 richard 300
	TOP: 2px;
359 richard 301
}
302
.box_menu_courte, .box_menu_large {
303
	POSITION: absolute;
304
	HEIGHT: 80px;
305
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
306
	BACKGROUND-REPEAT: repeat-x;
360 richard 307
	VERTICAL-ALIGN: bottom;
359 richard 308
	TEXT-ALIGN: left;
309
	BORDER: 2px #efefef solid;
360 richard 310
 
311
/* ombrage CSS3 */
312
	-moz-box-shadow: 1px 1px 6px #666; 
313
	-webkit-box-shadow: 1px 1px 6px #666;
314
	box-shadow: 1px 1px 6px #666;
359 richard 315
}
316
.box_menu_courte {
317
	WIDTH: 265px;
360 richard 318
	TOP: 150px;
359 richard 319
}
320
.box_menu_courte IMG, .box_menu_large IMG {
321
	POSITION: absolute;
322
	WIDTH: 100px;
323
	HEIGHT: 100px;
324
	TOP: -40px;
325
	LEFT: -30px;
326
}
327
.box_menu_courte, .box_menu_large, #logon , #contenu_acces, #acces_controle, #cadre_titre {
328
/* Arrondi CSS3 Firefox*/
329
	-moz-border-radius: 10px;
330
/* Arrondi CSS3 Autres Nav*/
331
	border-radius: 10px;
332
}
333
#liens_redir {
334
	POSITION: relative;
335
	BOTTOM: -100px;
336
	LEFT: 90px;
337
	TEXT-ALIGN: center;
338
}
339
#liens_redir P A {
340
	FONT-SIZE: 12px;
341
	TEXT-ALIGN: center;
342
	MARGIN: 15px;
343
}