Subversion Repositories ALCASAR

Rev

Rev 2614 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log

Rev 2614 Rev 2743
Line 108... Line 108...
108
	max-width: 150px;
108
	max-width: 150px;
109
	max-height: 150px;
109
	max-height: 150px;
110
}
110
}
111
 
111
 
112
/* placement et proportion de la boite de saisie et de l'aide */
112
/* placement et proportion de la boite de saisie et de l'aide */
-
 
113
/* pour desktop */
-
 
114
@media (min-width: 900px)
-
 
115
{
-
 
116
	.mobile-only {
-
 
117
		display: none;
-
 
118
	}
113
#logon {
119
	#logon {
114
	position: relative;
120
		position: relative;
115
	width: 620px;
121
		width: 620px;
116
	top: 20px;
122
		top: 20px;
117
/* ombrage css3*/	
123
	/* ombrage css3*/	
118
	-moz-box-shadow: 0px 0px 12px #000; 
124
		-moz-box-shadow: 0px 0px 12px #000; 
119
	-webkit-box-shadow: 0px 0px 12px #000;
125
		-webkit-box-shadow: 0px 0px 12px #000;
120
	box-shadow: 0px 0px 12px #000;
126
		box-shadow: 0px 0px 12px #000;
121
}
127
	}
122
#boite-logon {
128
	#boite-logon {
123
	background-image: linear-gradient(#efefef, #d5d5d5);
129
		background-image: linear-gradient(#efefef, #d5d5d5);
124
	padding: 10px;
130
		padding: 10px;
125
	width: 420px;
131
		width: 420px;
126
	height: 189px;
132
		height: 189px;
127
}
133
	}
128
#boite-logon TD {
134
	#boite-logon TD {
129
	padding-top: 10px;
135
		padding-top: 10px;
130
	padding-left: 30px;
136
		padding-left: 30px;
-
 
137
	}
-
 
138
	#boite-info {
-
 
139
		border: 0px;
-
 
140
		margin-top: 25px;
-
 
141
		width: 580px;
-
 
142
		padding-top: 10px;
-
 
143
	}
131
}
144
}
-
 
145
/* pour mobile */
-
 
146
@media (max-width: 900px)
-
 
147
{
-
 
148
	.desktop-only {
-
 
149
		display: none;
-
 
150
	}
-
 
151
 
-
 
152
	#logon {
-
 
153
		position: relative;
-
 
154
		width: 100%;
-
 
155
		top: 10px;
-
 
156
	/* ombrage css3*/	
-
 
157
		-moz-box-shadow: 0px 0px 12px #000; 
-
 
158
		-webkit-box-shadow: 0px 0px 12px #000;
-
 
159
		box-shadow: 0px 0px 12px #000;
-
 
160
	}
-
 
161
	#boite-logon {
-
 
162
		background-image: linear-gradient(#efefef, #d5d5d5);
-
 
163
		padding: 10px;
-
 
164
		width: 90%;
-
 
165
		height: 189px;
-
 
166
	}
-
 
167
	#boite-logon TD {
-
 
168
		padding-top: 10px;
-
 
169
	}
-
 
170
	input[type="text"]
-
 
171
	{
-
 
172
	    font-size:30px;
-
 
173
	}
-
 
174
	input[type="password"]
-
 
175
	{
-
 
176
	    font-size:30px;
-
 
177
	}
-
 
178
	#boite-logon INPUT {
-
 
179
		border: #666666 1px solid;
-
 
180
		padding: 2px;
-
 
181
		font-family: arial;
-
 
182
		height: 30px;
-
 
183
	}
-
 
184
	#authenticate-button {
-
 
185
		font-size: 30px;
-
 
186
	}
132
#boite-info {
187
	#boite-info {
133
	border: 0px;
188
		border: 0px;
134
	margin-top: 25px;
189
		margin-top: 25px;
135
	width: 580px;
190
		width: 580px;
136
	padding-top: 10px;
191
		padding-top: 10px;
-
 
192
	}
137
}
193
}
138
/*boite de dialogue de deconnection*/
194
/*boite de dialogue de deconnection*/
-
 
195
/* pour desktop */
-
 
196
@media (min-width: 900px)
-
 
197
{
-
 
198
	.mobile-only {
-
 
199
		display: none;
-
 
200
	}
-
 
201
	#contenu_acces {
-
 
202
		position: relative;
-
 
203
		width: 640px;
-
 
204
		height: 400px;
-
 
205
		top: -20px;
-
 
206
		padding-top: 0px;
-
 
207
		margin-left: auto;
-
 
208
		margin-right: auto;
-
 
209
		z-index: 1;
-
 
210
 
-
 
211
	/* ombrage CSS3 */
-
 
212
 
-
 
213
		-moz-box-shadow: 1px 1px 10px #000; 
-
 
214
		-webkit-box-shadow: 1px 1px 10px #000;
-
 
215
		box-shadow: 1px 1px 10px #000;
-
 
216
	}
-
 
217
	#cadre_titre{
-
 
218
		position: relative;
-
 
219
		width: 730px;
-
 
220
		height: 98px;
-
 
221
		margin-top: 40px;
-
 
222
		margin-left: auto;
-
 
223
		margin-right: auto;
-
 
224
		z-index: 2;
-
 
225
 
-
 
226
	/* ombrage css3 */
-
 
227
 
-
 
228
		-moz-box-shadow: 1px 4px 10px #000; 
-
 
229
		-webkit-box-shadow: 1px 4px 10px #000;
-
 
230
		box-shadow: 1px 4px 10px #000;
-
 
231
	}
-
 
232
	#boite_logo{
-
 
233
		position: absolute;
-
 
234
		top: -30px;
-
 
235
		left: -50px;
-
 
236
		width: 150px;
-
 
237
		height: 150px;
-
 
238
		z-index: 2;
-
 
239
	}
-
 
240
}
-
 
241
/* pour mobile */
-
 
242
@media (max-width: 900px)
-
 
243
{
-
 
244
	.desktop-only {
-
 
245
		display: none;
-
 
246
	}
-
 
247
	#contenu_acces {
-
 
248
		position: relative;
-
 
249
		width: 90%;
-
 
250
		height: 400px;
-
 
251
		top: -20px;
-
 
252
		padding-top: 0px;
-
 
253
		margin-left: auto;
-
 
254
		margin-right: auto;
-
 
255
		z-index: 1;
-
 
256
 
-
 
257
	/* ombrage CSS3 */
-
 
258
 
-
 
259
		-moz-box-shadow: 1px 1px 10px #000; 
-
 
260
		-webkit-box-shadow: 1px 1px 10px #000;
-
 
261
		box-shadow: 1px 1px 10px #000;
-
 
262
	}
-
 
263
	#cadre_titre{
-
 
264
		position: relative;
-
 
265
		width: 100%;
-
 
266
		height: 98px;
-
 
267
		margin-top: 40px;
-
 
268
		margin-left: auto;
-
 
269
		margin-right: auto;
-
 
270
		z-index: 2;
-
 
271
 
-
 
272
	/* ombrage css3 */
-
 
273
 
-
 
274
		-moz-box-shadow: 1px 4px 10px #000; 
-
 
275
		-webkit-box-shadow: 1px 4px 10px #000;
-
 
276
		box-shadow: 1px 4px 10px #000;
-
 
277
	}
-
 
278
	#boite_logo{
-
 
279
		position: absolute;
-
 
280
		top: -30px;
-
 
281
		left: -10px;
-
 
282
		width: 150px;
-
 
283
		height: 150px;
-
 
284
		z-index: 2;
-
 
285
	}
-
 
286
}
139
 
287
 
140
#auth_reussi {
288
#auth_reussi {
141
	width: 450px;
289
	width: 450px;
142
	margin-top: 12px;
290
	margin-top: 12px;
143
	padding-top: 5px;
291
	padding-top: 5px;
Line 178... Line 326...
178
	text-align: center;
326
	text-align: center;
179
	margin: 15px;
327
	margin: 15px;
180
}
328
}
181
/* style de la page accès controlé*/
329
/* style de la page accès controlé*/
182
 
330
 
183
#cadre_titre{
-
 
184
	position: relative;
-
 
185
	width: 730px;
-
 
186
	height: 98px;
-
 
187
	margin-top: 40px;
-
 
188
	margin-left: auto;
-
 
189
	margin-right: auto;
-
 
190
	z-index: 2;
-
 
191
 
-
 
192
/* ombrage css3 */
-
 
193
 
-
 
194
	-moz-box-shadow: 1px 4px 10px #000; 
-
 
195
	-webkit-box-shadow: 1px 4px 10px #000;
-
 
196
	box-shadow: 1px 4px 10px #000;
-
 
197
}
-
 
198
#cadre_titre .titre_controle {
331
#cadre_titre .titre_controle {
199
	background-image: url(/images/fond-bandeau.png);
332
	background-image: url(/images/fond-bandeau.png);
200
	background-repeat: repeat-x;
333
	background-repeat: repeat-x;
201
}
334
}
202
#cadre_titre .titre_refus  {
335
#cadre_titre .titre_refus  {
203
	background-image: url(/images/fond-bandeau-rouge.png);
336
	background-image: url(/images/fond-bandeau-rouge.png);
204
	background-repeat: repeat-x;
337
	background-repeat: repeat-x;
205
}
338
}
206
#boite_logo{
-
 
207
	position: absolute;
-
 
208
	top: -30px;
-
 
209
	left: -50px;
-
 
210
	width: 150px;
-
 
211
	height: 150px;
-
 
212
	z-index: 2;
-
 
213
}
-
 
214
#acces_controle {
339
#acces_controle {
215
	text-align: center;
340
	text-align: center;
216
	font-size: 40px;
341
	font-size: 40px;
217
	padding-top: 25px;
342
	padding-top: 25px;
218
	padding-bottom: 27px;
343
	padding-bottom: 27px;
Line 221... Line 346...
221
#logo_acces {
346
#logo_acces {
222
	position: relative;
347
	position: relative;
223
	top: 0px;
348
	top: 0px;
224
	left: 0px;
349
	left: 0px;
225
}
350
}
226
#contenu_acces {
-
 
227
	position: relative;
-
 
228
	width: 640px;
-
 
229
	height: 400px;
-
 
230
	top: -20px;
-
 
231
	padding-top: 0px;
-
 
232
	margin-left: auto;
-
 
233
	margin-right: auto;
-
 
234
	z-index: 1;
-
 
235
 
-
 
236
/* ombrage CSS3 */
-
 
237
 
-
 
238
	-moz-box-shadow: 1px 1px 10px #000; 
-
 
239
	-webkit-box-shadow: 1px 1px 10px #000;
-
 
240
	box-shadow: 1px 1px 10px #000;
-
 
241
}
-
 
242
 
-
 
243
#contenu_error {
351
#contenu_error {
244
	position: relative;
352
	position: relative;
245
	width: 640px;
353
	width: 640px;
246
	height: auto;
354
	height: auto;
247
	top: -20px;
355
	top: -20px;