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
}