Subversion Repositories ALCASAR

Rev

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

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