Subversion Repositories ALCASAR

Rev

Rev 354 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 354 Rev 359
1
/* règles générales */
1
/* règles générales */
2
 
2
 
3
:link, :visited, :hover:link, :hover:visited {
3
:link, :visited, :hover:link, :hover:visited {
4
	FONT-FAMILY: "DejaVu Sans";
4
	FONT-FAMILY: "DejaVu Sans";
5
	COLOR: #000000;
5
	COLOR: #000000;
6
}
6
}
7
 
7
 
8
H1, H2, #aide-certif {
8
H1, H2, #aide-certif {
9
	TEXT-ALIGN: center;	
9
	TEXT-ALIGN: center;	
10
	padding: 0px;
10
	padding: 0px;
11
	margin: 3px;
11
	margin: 3px;
12
}
12
}
13
P, UL, LI{
13
P, UL, LI{
14
	TEXT-ALIGN: justify;
14
	TEXT-ALIGN: justify;
15
}
15
}
16
INPUT {
16
INPUT {
17
	BACKGROUND-COLOR: white;
17
	BACKGROUND-COLOR: white;
18
}
18
}
19
 
19
 
20
BODY {
20
BODY {
21
	BACKGROUND-IMAGE: url(/images/fond.png);
21
	BACKGROUND-IMAGE: url(/images/fond.png);
22
	BACKGROUND-REPEAT: repeat-x;
22
	BACKGROUND-REPEAT: repeat-x;
23
	TEXT-ALIGN: center;
23
	TEXT-ALIGN: center;
24
	FONT-FAMILY: "DejaVu Sans";
24
	FONT-FAMILY: "DejaVu Sans";
25
	COLOR: #666666;
25
	COLOR: #666666;
26
	FONT-SIZE: 12px;
26
	FONT-SIZE: 12px;
27
	BACKGROUND-COLOR: #666666;
27
	BACKGROUND-COLOR: #666666;
28
	MARGIN: 0px;
28
	MARGIN: 0px;
29
}
29
}
30
H1 {
30
H1 {
31
	COLOR: #666666;
31
	COLOR: #666666;
32
	FONT-SIZE: 55px;
32
	FONT-SIZE: 55px;
33
}
33
}
34
H2 {
34
H2 {
35
	COLOR: #000000;
35
	COLOR: #000000;
36
	FONT-SIZE: 30px;
36
	FONT-SIZE: 30px;
37
}
37
}
38
H6, #aide-certif{
38
H6, #aide-certif{
39
	FONT-SIZE: 100%;
39
	FONT-SIZE: 100%;
40
}
40
}
41
UL {
41
UL {
42
	MARGIN: 5px;
42
	MARGIN: 5px;
43
	PADDING-BOTTOM: 5px;
43
	PADDING-BOTTOM: 5px;
44
	PADDING-LEFT: 10px;
44
	PADDING-LEFT: 10px;
45
	PADDING-RIGHT: 115px;
45
	PADDING-RIGHT: 115px;
46
	PADDING-TOP: 5px;
46
	PADDING-TOP: 5px;
47
}
47
}
48
LI {
48
LI {
49
	LIST-STYLE-TYPE: square;
49
	LIST-STYLE-TYPE: square;
50
	PADDING-TOP: 2px;
50
	PADDING-TOP: 2px;
51
}
51
}
52
TABLE {
52
TABLE {
53
	FONT-SIZE: 90%;
53
	FONT-SIZE: 90%;
54
}
54
}
55
IMG {
55
IMG {
56
	HEIGHT: 150px;
56
	HEIGHT: 150px;
57
}
57
}
58
INPUT {
58
INPUT {
59
	BORDER: #666666 1px solid;
59
	BORDER: #666666 1px solid;
60
	PADDING: 2px;
60
	PADDING: 2px;
61
	FONT-FAMILY: Arial;
61
	FONT-FAMILY: Arial;
62
	HEIGHT: 22px;
62
	HEIGHT: 22px;
63
}
63
}
64
 
64
 
65
/* Taille et position des logos */
65
/* Taille et position des logos */
66
 
66
 
67
#logo-alcasar {
67
#logo-alcasar {
68
	POSITION: absolute;
68
	POSITION: absolute;
69
	BOTTOM: 25px;
69
	BOTTOM: 25px;
70
	RIGHT: 5px;
70
	RIGHT: 5px;
71
	HEIGHT: 130px;
71
	HEIGHT: 130px;
72
}
72
}
73
#logo-organ {
73
#logo-organ {
74
	POSITION: relative;
74
	POSITION: relative;
75
	TOP: 0px;
75
	TOP: 0px;
76
	RIGHT: -10px;
76
	RIGHT: -10px;
77
	MAX-WIDTH: 150px;
77
	MAX-WIDTH: 150px;
78
	MAX-HEIGHT: 150px;
78
	MAX-HEIGHT: 150px;
79
}
79
}
80
 
80
 
81
/* Placement et proportion de la boite de saisie et de l'aide */
81
/* Placement et proportion de la boite de saisie et de l'aide */
82
 
82
 
83
#logon {
83
#logon {
84
	POSITION: relative;
84
	POSITION: relative;
85
	WIDTH: 620px;
85
	WIDTH: 620px;
86
	TOP: 20px;
86
	TOP: 20px;
87
	border: 1px #efefef solid;
87
	border: 1px #efefef solid;
88
	background-color: white;
88
	background-color: white;
89
}
89
}
90
 
90
 
91
#boite-logon {
91
#boite-logon {
92
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
92
	BACKGROUND-IMAGE: url(/images/fond-bdd.png);
93
	BORDER: #999999 1px solid;
93
	BORDER: #999999 1px solid;
94
	PADDING: 10px;
94
	PADDING: 10px;
95
	WIDTH: 420px;
95
	WIDTH: 420px;
96
	BACKGROUND-REPEAT: repeat-x;
96
	BACKGROUND-REPEAT: repeat-x;
97
	HEIGHT: 189px;
97
	HEIGHT: 189px;
98
	COLOR: black;
98
	COLOR: black;
99
}
99
}
100
#boite-logon TD {
100
#boite-logon TD {
101
	PADDING-TOP: 10px;
101
	PADDING-TOP: 10px;
102
}
102
}
103
#boite-info {
103
#boite-info {
104
	BORDER: 0px;
104
	BORDER: 0px;
105
	MARGIN-TOP: 25px;
105
	MARGIN-TOP: 25px;
106
	WIDTH: 580px;
106
	WIDTH: 580px;
107
	PADDING-TOP: 10px;
107
	PADDING-TOP: 10px;
108
}
108
}
109
/*Boite de dialogue de deconnection*/
109
/*Boite de dialogue de deconnection*/
110
 
110
 
111
#auth_reussi {
111
#auth_reussi {
112
	WIDTH: 450px;
112
	WIDTH: 450px;
113
	BACKGROUND-COLOR: white;
113
	BACKGROUND-COLOR: white;
114
	MARGIN-TOP: 12px;
114
	MARGIN-TOP: 12px;
115
	PADDING-TOP: 5px;
115
	PADDING-TOP: 5px;
116
	PADDING-LEFT: 10px;
116
	PADDING-LEFT: 10px;
117
	PADDING-RIGHT: 10px;
117
	PADDING-RIGHT: 10px;
118
	PADDING-BOTTOM: 0px;
118
	PADDING-BOTTOM: 0px;
119
	BORDER: 1px #efefef solid;
119
	BORDER: 1px #efefef solid;
120
}
120
}
121
.text_auth {
121
.text_auth {
122
	FONT-SIZE: 20px;
122
	FONT-SIZE: 20px;
123
}
123
}
124
.lien_deco {
124
.lien_deco {
125
	TEXT-ALIGN: center;
125
	TEXT-ALIGN: center;
126
	FONT-SIZE: 18px;
126
	FONT-SIZE: 18px;
-
 
127
	MARGIN-BOTTOM: 15px;
127
}
128
}
128
.log_out {
129
.log_out {
129
	FONT-SIZE: 24px;
130
	FONT-SIZE: 24px;
130
	TEXT-ALIGN: center;
131
	TEXT-ALIGN: center;
131
	COLOR: white;
132
	COLOR: white;
-
 
133
	MARGIN-TOP: 30px;
-
 
134
}
-
 
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;
132
	PADDING-TOP: 30px;
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;
133
}
301
}
134
 
302