Subversion Repositories ALCASAR

Rev

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

Rev 2614 Rev 2743
1 
 
 1 
 
2 
/*
2 
/*
3 
	CSS for ALCASAR interception page
3 
	CSS for ALCASAR interception page
4 
	Auteur : Stéphane ERARD
 4 
	Auteur : Stéphane ERARD
5 
	Licence : GNU GPL
 5 
	Licence : GNU GPL
6 
*/
 6 
*/
7 
 
 7 
 
8 
 
 8 
 
9 
/* règles générales */
 9 
/* règles générales */
10 
 
 10 
 
11 
/* Couleurs de polices */
 11 
/* Couleurs de polices */
12 
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
 12 
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
13 
	color: #000000;
 13 
	color: #000000;
14 
}
 14 
}
15 
BODY, H, #boite-logon {
 15 
BODY, H, #boite-logon {
16 
	color: #666666;
 16 
	color: #666666;
17 
}
 17 
}
18 
#acces_controle, .log_out {
 18 
#acces_controle, .log_out {
19 
	color: white;
 19 
	color: white;
20 
}
 20 
}
21 
 
 21 
 
22 
/* Style de police */
 22 
/* Style de police */
23 
 
 23 
 
24 
BODY, :link, :visited, :hover:link, :hover:visited  {
 24 
BODY, :link, :visited, :hover:link, :hover:visited  {
25 
	font-family: "DejaVu Sans";
 25 
	font-family: "DejaVu Sans";
26 
}
 26 
}
27 
INPUT, #box_url {
 27 
INPUT, #box_url {
28 
	font-family: arial;
 28 
	font-family: arial;
29 
}
 29 
}
30 
#acces_controle, #box_url, #cadre_titre SPAN {
 30 
#acces_controle, #box_url, #cadre_titre SPAN {
31 
	font-weight: bold;
 31 
	font-weight: bold;
32 
}
 32 
}
33 
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
 33 
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
34 
	text-decoration: none;
 34 
	text-decoration: none;
35 
}
 35 
}
36 
/*Couleurs de fond */
 36 
/*Couleurs de fond */
37 
 
 37 
 
38 
BODY {
 38 
BODY {
39 
	background-color: #666666;
 39 
	background-color: #666666;
40 
}
 40 
}
41 
 
 41 
 
42 
INPUT, #contenu_acces, #contenu_error, #logon, #auth_reussi {
 42 
INPUT, #contenu_acces, #contenu_error, #logon, #auth_reussi {
43 
	background-color: #ffffff;
 43 
	background-color: #ffffff;
44 
}
 44 
}
45 
 
 45 
 
46 
/* Règles des balises HTML */
 46 
/* Règles des balises HTML */
47 
 
 47 
 
48 
H1, H2, #aide-certif {
 48 
H1, H2, #aide-certif {
49 
	text-align: center;
49 
	text-align: center;
50 
	padding: 0px;
 50 
	padding: 0px;
51 
	margin: 3px;
 51 
	margin: 3px;
52 
}
 52 
}
53 
P, UL, LI{
 53 
P, UL, LI{
54 
	text-align: justify;
 54 
	text-align: justify;
55 
}
 55 
}
56 
 
 56 
 
57 
BODY {
 57 
BODY {
58 
	background-image: url(/images/fond.png);
 58 
	background-image: url(/images/fond.png);
59 
	background-repeat: repeat-x;
 59 
	background-repeat: repeat-x;
60 
	text-align: center;
 60 
	text-align: center;
61 
	font-size: 12px;
 61 
	font-size: 12px;
62 
	margin: 0px;
 62 
	margin: 0px;
63 
}
 63 
}
64 
H1 {
 64 
H1 {
65 
	font-size: 55px;
 65 
	font-size: 55px;
66 
}
 66 
}
67 
H2 {
 67 
H2 {
68 
	font-size: 30px;
 68 
	font-size: 30px;
69 
}
 69 
}
70 
H6, #aide-certif{
 70 
H6, #aide-certif{
71 
	font-size: 100%;
 71 
	font-size: 100%;
72 
}
 72 
}
73 
UL {
 73 
UL {
74 
	margin: 5px;
 74 
	margin: 5px;
75 
	padding-bottom: 5px;
 75 
	padding-bottom: 5px;
76 
	padding-left: 10px;
 76 
	padding-left: 10px;
77 
	padding-right: 115px;
 77 
	padding-right: 115px;
78 
	padding-top: 5px;
 78 
	padding-top: 5px;
79 
}
 79 
}
80 
LI {
 80 
LI {
81 
	list-style-type: square;
 81 
	list-style-type: square;
82 
	padding-top: 2px;
 82 
	padding-top: 2px;
83 
}
 83 
}
84 
TABLE {
 84 
TABLE {
85 
	font-size: 90%;
 85 
	font-size: 90%;
86 
}
 86 
}
87 
IMG {
 87 
IMG {
88 
	height: 150px;
 88 
	height: 150px;
89 
}
 89 
}
90 
INPUT {
 90 
INPUT {
91 
	border: #666666 1px solid;
 91 
	border: #666666 1px solid;
92 
	padding: 2px;
 92 
	padding: 2px;
93 
	font-family: arial;
 93 
	font-family: arial;
94 
	height: 22px;
 94 
	height: 22px;
95 
}
 95 
}
96 
 
 96 
 
97 
/* taille et position des logos */
 97 
/* taille et position des logos */
98 
#logo-alcasar {
 98 
#logo-alcasar {
99 
	position: absolute;
 99 
	position: absolute;
100 
	bottom: 25px;
 100 
	bottom: 25px;
101 
	right: 5px;
 101 
	right: 5px;
102 
	height: 130px;
 102 
	height: 130px;
103 
}
 103 
}
104 
#logo-organ {
 104 
#logo-organ {
105 
	position: relative;
 105 
	position: relative;
106 
	top: 0px;
 106 
	top: 0px;
107 
	right: -10px;
 107 
	right: -10px;
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;
144 
	padding-left: 10px;
 292 
	padding-left: 10px;
145 
	padding-right: 10px;
 293 
	padding-right: 10px;
146 
	padding-bottom: 0px;
 294 
	padding-bottom: 0px;
147 
}
 295 
}
148 
.text_auth {
 296 
.text_auth {
149 
	font-size: 20px;
 297 
	font-size: 20px;
150 
}
 298 
}
151 
.lien_deco {
 299 
.lien_deco {
152 
	text-align: center;
 300 
	text-align: center;
153 
	font-size: 18px;
 301 
	font-size: 18px;
154 
	margin-bottom: 15px;
 302 
	margin-bottom: 15px;
155 
}
 303 
}
156 
.log_out {
 304 
.log_out {
157 
	font-size: 24px;
 305 
	font-size: 24px;
158 
	text-align: center;
 306 
	text-align: center;
159 
	margin-top: 30px;
 307 
	margin-top: 30px;
160 
}
 308 
}
161 
#boite-logon, #auth_reussi, #logon {
 309 
#boite-logon, #auth_reussi, #logon {
162 
	border: 1px #efefef solid;
 310 
	border: 1px #efefef solid;
163 
 
 311 
 
164 
/* ombrage css3*/
 312 
/* ombrage css3*/
165 
 
 313 
 
166 
	-moz-box-shadow: 0px 0px 6px #000;
314 
	-moz-box-shadow: 0px 0px 6px #000;
167 
	-webkit-box-shadow: 0px 0px 6px #000;
 315 
	-webkit-box-shadow: 0px 0px 6px #000;
168 
	box-shadow: 0px 0px 6px #000;
 316 
	box-shadow: 0px 0px 6px #000;
169 
}
 317 
}
170 
#liens_redir {
 318 
#liens_redir {
171 
	position: relative;
 319 
	position: relative;
172 
	bottom: -100px;
 320 
	bottom: -100px;
173 
	left: 90px;
 321 
	left: 90px;
174 
	text-align: center;
 322 
	text-align: center;
175 
}
 323 
}
176 
#liens_redir P A {
 324 
#liens_redir P A {
177 
	font-size: 12px;
 325 
	font-size: 12px;
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;
219 
	margin: 0px;
 344 
	margin: 0px;
220 
}
 345 
}
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;
248 
	padding-top: 40px;
 356 
	padding-top: 40px;
249 
	padding-bottom: 40px;
 357 
	padding-bottom: 40px;
250 
	padding-left: 40px;
 358 
	padding-left: 40px;
251 
	padding-right: 40px;
 359 
	padding-right: 40px;
252 
	margin-left: auto;
 360 
	margin-left: auto;
253 
	margin-right: auto;
 361 
	margin-right: auto;
254 
	z-index: 1;
 362 
	z-index: 1;
255 
 
 363 
 
256 
/* ombrage CSS3 */
 364 
/* ombrage CSS3 */
257 
 
 365 
 
258 
	-moz-box-shadow: 1px 1px 10px #000;
366 
	-moz-box-shadow: 1px 1px 10px #000;
259 
	-webkit-box-shadow: 1px 1px 10px #000;
 367 
	-webkit-box-shadow: 1px 1px 10px #000;
260 
	box-shadow: 1px 1px 10px #000;
 368 
	box-shadow: 1px 1px 10px #000;
261 
}
 369 
}
262 
 
 370 
 
263 
#logo_acces IMG, #box_refuse IMG {
 371 
#logo_acces IMG, #box_refuse IMG {
264 
	width: 95px;
 372 
	width: 95px;
265 
	height: 95px;
 373 
	height: 95px;
266 
}
 374 
}
267 
 
 375 
 
268 
/* Boite des liens*/
 376 
/* Boite des liens*/
269 
 
 377 
 
270 
#box_url {
 378 
#box_url {
271 
	position: relative;
 379 
	position: relative;
272 
	top: 35px;
 380 
	top: 35px;
273 
	text-align: right;
 381 
	text-align: right;
274 
	font-size: 14px;
 382 
	font-size: 14px;
275 
	margin-right: 20px;
 383 
	margin-right: 20px;
276 
}
 384 
}
277 
#cadre_titre SPAN {
 385 
#cadre_titre SPAN {
278 
	position: absolute;
 386 
	position: absolute;
279 
	top: 70px;
 387 
	top: 70px;
280 
	width: 510px;
 388 
	width: 510px;
281 
	left: 110px;
 389 
	left: 110px;
282 
	font-size: 14px;
 390 
	font-size: 14px;
283 
	color: red;
 391 
	color: red;
284 
	text-align: center;
 392 
	text-align: center;
285 
	border: 2px red solid;
 393 
	border: 2px red solid;
286 
	padding: 2px;
 394 
	padding: 2px;
287 
	background-color: white;
 395 
	background-color: white;
288 
}
 396 
}
289 
#contenu_acces SPAN {
 397 
#contenu_acces SPAN {
290 
	position: relative;
 398 
	position: relative;
291 
	bottom: -150px;
 399 
	bottom: -150px;
292 
	font-family: "courier new";
 400 
	font-family: "courier new";
293 
}
 401 
}
294 
#contenu_error SPAN {
 402 
#contenu_error SPAN {
295 
	position: relative;
 403 
	position: relative;
296 
	bottom: -150px;
 404 
	bottom: -150px;
297 
	font-family: "courier new";
 405 
	font-family: "courier new";
298 
}
 406 
}
299 
#box_refuse {
 407 
#box_refuse {
300 
	font-size: 16px;
 408 
	font-size: 16px;
301 
	margin-left: 130px;
 409 
	margin-left: 130px;
302 
	margin-right: 20px;
 410 
	margin-right: 20px;
303 
	margin-top: 40px;
 411 
	margin-top: 40px;
304 
	width: 460px;
 412 
	width: 460px;
305 
}
 413 
}
306 
#box_refuse IMG {
 414 
#box_refuse IMG {
307 
	position: absolute;
 415 
	position: absolute;
308 
	top: -10px;
 416 
	top: -10px;
309 
	left: -110px;
 417 
	left: -110px;
310 
}
 418 
}
311 
#box_refuse {
 419 
#box_refuse {
312 
	position: relative;
 420 
	position: relative;
313 
	top: 55px;
 421 
	top: 55px;
314 
}
 422 
}
315 
 
 423 
 
316 
.box_menu IMG {
 424 
.box_menu IMG {
317 
	position: absolute;
 425 
	position: absolute;
318 
	width: 70px;
 426 
	width: 70px;
319 
	height: 70px;
 427 
	height: 70px;
320 
	top: -25px;
 428 
	top: -25px;
321 
}
 429 
}
322 
.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{
 430 
.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{
323 
/* Arrondi CSS3 Firefox*/
 431 
/* Arrondi CSS3 Firefox*/
324 
	-moz-border-radius: 10px;
 432 
	-moz-border-radius: 10px;
325 
/* Arrondi CSS3 Autres Nav*/
 433 
/* Arrondi CSS3 Autres Nav*/
326 
	border-radius: 10px;
 434 
	border-radius: 10px;
327 
}
 435 
}
328 
.box_menu {
 436 
.box_menu {
329 
	position: absolute;
 437 
	position: absolute;
330 
	height: 35px;
 438 
	height: 35px;
331 
	width: 310px;
 439 
	width: 310px;
332 
	background-image: url(/images/fond-bdd.png);
 440 
	background-image: url(/images/fond-bdd.png);
333 
	background-repeat: repeat-x;
 441 
	background-repeat: repeat-x;
334 
 
 442 
 
335 
/* ombrage CSS3 */
 443 
/* ombrage CSS3 */
336 
	-moz-box-shadow: 1px 1px 6px #666;
444 
	-moz-box-shadow: 1px 1px 6px #666;
337 
	-webkit-box-shadow: 1px 1px 6px #666;
 445 
	-webkit-box-shadow: 1px 1px 6px #666;
338 
	box-shadow: 1px 1px 6px #666;
 446 
	box-shadow: 1px 1px 6px #666;
339 
}
 447 
}
340 
.div-cache {
 448 
.div-cache {
341 
	visibility: hidden;
 449 
	visibility: hidden;
342 
	position: absolute;
 450 
	position: absolute;
343 
	top: -1000px;
 451 
	top: -1000px;
344 
}
 452 
}
345 
#box_conn {
 453 
#box_conn {
346 
	top: 120px;
 454 
	top: 120px;
347 
}
 455 
}
348 
#box_certif {
 456 
#box_certif {
349 
	top: 190px;
 457 
	top: 190px;
350 
}
 458 
}
351 
#box_mdp {
 459 
#box_mdp {
352 
	top: 260px;
 460 
	top: 260px;
353 
}
 461 
}
354 
#box_acc {
 462 
#box_acc {
355 
	top: 330px;
 463 
	top: 330px;
356 
}
 464 
}
357 
#box_certif, #box_acc {
 465 
#box_certif, #box_acc {
358 
	left: 60px;
 466 
	left: 60px;
359 
	text-align: right;
 467 
	text-align: right;
360 
}
 468 
}
361 
#box_conn, #box_mdp {
 469 
#box_conn, #box_mdp {
362 
	left: 20px;
 470 
	left: 20px;
363 
	text-align: left;
 471 
	text-align: left;
364 
}
 472 
}
365 
#box_conn IMG, #box_mdp IMG {
 473 
#box_conn IMG, #box_mdp IMG {
366 
	left: 5px;
 474 
	left: 5px;
367 
}
 475 
}
368 
#box_certif IMG, #box_acc IMG {
 476 
#box_certif IMG, #box_acc IMG {
369 
	right: 5px;
 477 
	right: 5px;
370 
}
 478 
}
371 
#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN {
 479 
#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN {
372 
	position: relative;
 480 
	position: relative;
373 
	font-size: 12px;
 481 
	font-size: 12px;
374 
	font-weight: bold;
 482 
	font-weight: bold;
375 
	top: 10px;
 483 
	top: 10px;
376 
}
 484 
}
377 
#box_conn SPAN, #box_mdp SPAN {
 485 
#box_conn SPAN, #box_mdp SPAN {
378 
	margin-left: 80px;
 486 
	margin-left: 80px;
379 
}
 487 
}
380 
#box_certif SPAN, #box_acc SPAN {
 488 
#box_certif SPAN, #box_acc SPAN {
381 
	margin-right: 80px;
 489 
	margin-right: 80px;
382 
}
 490 
}
383 
 
 491 
 
384 
/*Animation visuel des cadres liens (Gecko et ie9)*/
 492 
/*Animation visuel des cadres liens (Gecko et ie9)*/
385 
#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover  {
 493 
#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover  {
386 
/*	cursor: pointer;*/
 494 
/*	cursor: pointer;*/
387 
	background-image: url(/images/fond-bdd_rouge.png);
 495 
	background-image: url(/images/fond-bdd_rouge.png);
388 
	background-repeat: repeat-x;
 496 
	background-repeat: repeat-x;
389 
 
 497 
 
390 
/* ombrage CSS3 */
 498 
/* ombrage CSS3 */
391 
	-moz-box-shadow: 0px 0px 0px #fff;
499 
	-moz-box-shadow: 0px 0px 0px #fff;
392 
	-webkit-box-shadow: 0px 0px 0px #fff;
 500 
	-webkit-box-shadow: 0px 0px 0px #fff;
393 
	box-shadow: 0px 0px 0px #fff;
 501 
	box-shadow: 0px 0px 0px #fff;
394 
}
 502 
}
395 
#box_conn:hover a, #box_certif:hover a, #box_mdp:hover a, #box_acc:hover a, .box_menu a:hover, .box_menu a:visited:hover, #box_info :link:hover, #box_info :visited:hover {
 503 
#box_conn:hover a, #box_certif:hover a, #box_mdp:hover a, #box_acc:hover a, .box_menu a:hover, .box_menu a:visited:hover, #box_info :link:hover, #box_info :visited:hover {
396 
	color: red;
 504 
	color: red;
397 
}
 505 
}
398 
 
 506 
 
399 
/* overwrite default rules for disabled menu boxes */
 507 
/* overwrite default rules for disabled menu boxes */
400 
.box_menu.box-menu-disabled {
 508 
.box_menu.box-menu-disabled {
401 
	opacity: .2;
 509 
	opacity: .2;
402 
}
 510 
}
403 
.box_menu.box-menu-disabled:hover a {
 511 
.box_menu.box-menu-disabled:hover a {
404 
	color: #000000 !important;
 512 
	color: #000000 !important;
405 
	cursor: not-allowed !important;
 513 
	cursor: not-allowed !important;
406 
}
 514 
}
407 
.box_menu.box-menu-disabled:hover {
 515 
.box_menu.box-menu-disabled:hover {
408 
	cursor: not-allowed !important;
 516 
	cursor: not-allowed !important;
409 
	background-image: url(/images/fond-bdd.png) !important;
 517 
	background-image: url(/images/fond-bdd.png) !important;
410 
	background-repeat: repeat-x !important;
 518 
	background-repeat: repeat-x !important;
411 
 
 519 
 
412 
/* ombrage CSS3 */
 520 
/* ombrage CSS3 */
413 
	-moz-box-shadow: 1px 1px 6px #666 !important;
521 
	-moz-box-shadow: 1px 1px 6px #666 !important;
414 
	-webkit-box-shadow: 1px 1px 6px #666 !important;
 522 
	-webkit-box-shadow: 1px 1px 6px #666 !important;
415 
	box-shadow: 1px 1px 6px #666 !important;
 523 
	box-shadow: 1px 1px 6px #666 !important;
416 
}
 524 
}
417 
 
 525 
 
418 
/*Mise en page de la bulle d'info (coté droit)*/
 526 
/*Mise en page de la bulle d'info (coté droit)*/
419 
#box_info H2 {
 527 
#box_info H2 {
420 
	font-size: 14px;
 528 
	font-size: 14px;
421 
	margin: 10px auto;
 529 
	margin: 10px auto;
422 
}
 530 
}
423 
#box_info P {
 531 
#box_info P {
424 
	font-size: 11px;
 532 
	font-size: 11px;
425 
	margin: 10px;
 533 
	margin: 10px;
426 
}
 534 
}
427 
#box_info IMG {
 535 
#box_info IMG {
428 
	position: absolute;
 536 
	position: absolute;
429 
	bottom: -60px;
 537 
	bottom: -60px;
430 
	right: 10px;
 538 
	right: 10px;
431 
	height: 120px;
 539 
	height: 120px;
432 
}
 540 
}
433 
#box_info {
 541 
#box_info {
434 
	position: absolute;
 542 
	position: absolute;
435 
	top: 118px;
 543 
	top: 118px;
436 
	right: 20px;
 544 
	right: 20px;
437 
	width: 230px;
 545 
	width: 230px;
438 
	height: 250px;
 546 
	height: 250px;
439 
	background-color: #efefef;
 547 
	background-color: #efefef;
440
548
441 
/* ombrage CSS3 */
 549 
/* ombrage CSS3 */
442 
	-moz-box-shadow: 1px 1px 6px #666;
550 
	-moz-box-shadow: 1px 1px 6px #666;
443 
	-webkit-box-shadow: 1px 1px 6px #666;
 551 
	-webkit-box-shadow: 1px 1px 6px #666;
444 
	box-shadow: 1px 1px 6px #666;
 552 
	box-shadow: 1px 1px 6px #666;
445 
}
 553 
}
446 
#box_info :link, #box_info :visited  {
 554 
#box_info :link, #box_info :visited  {
447 
	text-decoration: none;
 555 
	text-decoration: none;
448 
}
 556 
}
449 
#box_info UL{
 557 
#box_info UL{
450 
	text-align: left;
 558 
	text-align: left;
451 
	padding : 0 0 0 15px;
 559 
	padding : 0 0 0 15px;
452 
	margin : 10px;
 560 
	margin : 10px;
453 
}
 561 
}
454 
#box_info LI{
 562 
#box_info LI{
455 
	text-align: left;
 563 
	text-align: left;
456 
	font-size: 10px;
 564 
	font-size: 10px;
457 
	list-style-type : disc;
 565 
	list-style-type : disc;
458 
	padding : 0 0 0 0;
 566 
	padding : 0 0 0 0;
459 
}
 567 
}
460 
#authorized_domain{
 568 
#authorized_domain{
461 
	height: 40px;
 569 
	height: 40px;
462 
	width: 450px;
 570 
	width: 450px;
463 
	text-align: left;
 571 
	text-align: left;
464 
	display: block;
 572 
	display: block;
465 
/*	border: 1px solid red;*/
 573 
/*	border: 1px solid red;*/
466 
	margin-right: 50px;
 574 
	margin-right: 50px;
467 
}
 575 
}
468 
#authorized_domain LI{
 576 
#authorized_domain LI{
469 
	text-align: center;
 577 
	text-align: center;
470 
	list-style-type : none;
 578 
	list-style-type : none;
471 
	margin-right : 10px;
 579 
	margin-right : 10px;
472 
	display: block;
 580 
	display: block;
473 
	float: left;
 581 
	float: left;
474 
}
 582 
}
475 
 
 583 
 
476 
#corner {
 584 
#corner {
477 
	position: fixed;
 585 
	position: fixed;
478 
	bottom: 0;
 586 
	bottom: 0;
479 
	right: 0;
 587 
	right: 0;
480
588
481 
}
 589 
}
482 
 
 590 
 
483 
#adm {
 591 
#adm {
484 
	display: block;
 592 
	display: block;
485 
	width: 100px;
 593 
	width: 100px;
486 
	height: 100px;
 594 
	height: 100px;
487 
}
 595 
}
488 
.corn IMG:hover {
 596 
.corn IMG:hover {
489 
	position: absolute;
 597 
	position: absolute;
490 
	width: 100px;
 598 
	width: 100px;
491 
	height: 100px;
 599 
	height: 100px;
492 
	top: 0px;
 600 
	top: 0px;
493 
	left: 0px;
 601 
	left: 0px;
494 
}
 602 
}
495 
 
 603 
 
496 
.corn IMG {
 604 
.corn IMG {
497 
	position: absolute;
 605 
	position: absolute;
498 
	width: 50px;
 606 
	width: 50px;
499 
	height: 50px;
 607 
	height: 50px;
500 
	top: 75px;
 608 
	top: 75px;
501 
	left: 75px;
 609 
	left: 75px;
502 
	transition: .2s;
 610 
	transition: .2s;
503 
}
 611 
}
504 
 
 612