WebSVN – ALCASAR – Diff – /web/css/style_intercept.css


 
/* 	
	CSS for ALCASAR interception page 
	Auteur : Stéphane ERARD
	Licence : GNU GPL
*/
 
 
/* règles générales */
 
/* Couleurs de polices */
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse {
	color: #000000;
}
BODY, H, #boite-logon {
	color: #666666;
}
#acces_controle, .log_out {
	color: white;
}
 
/* Style de police */
 
BODY, :link, :visited, :hover:link, :hover:visited  {
	font-family: "DejaVu Sans";
}
INPUT, #box_url {
	font-family: arial;
}
#acces_controle, #box_url, #box_bienvenue, #cadre_titre SPAN {
	font-weight: bold;
}
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
	text-decoration: none;
}
/*Couleurs de fond */
 
BODY {
	background-color: #666666;
}
 
INPUT, #contenu_acces, #contenu_error, #logon, #auth_reussi {
	background-color: #ffffff;
}
 
/* Règles des balises HTML */
 
H1, H2, #aide-certif {
	text-align: center;	
	padding: 0px;
	margin: 3px;
}
P, UL, LI{
	text-align: justify;
}
 
BODY {
	background-image: url(/images/fond.png);
	background-repeat: repeat-x;
	text-align: center;
	font-size: 12px;
	margin: 0px;
}
H1 {
	font-size: 55px;
}
H2 {
	font-size: 30px;
}
H6, #aide-certif{
	font-size: 100%;
}
UL {
	margin: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 115px;
	padding-top: 5px;
}
LI {
	list-style-type: square;
	padding-top: 2px;
}
TABLE {
	font-size: 90%;
}
IMG {
	height: 150px;
}
INPUT {
	border: #666666 1px solid;
	padding: 2px;
	font-family: arial;
	height: 22px;
}
 
/* taille et position des logos */
#logo-alcasar {
	position: absolute;
	bottom: 25px;
	right: 5px;
	height: 130px;
}
#logo-organ {
	position: relative;
	top: 0px;
	right: -10px;
	max-width: 150px;
	max-height: 150px;
}
 
/* placement et proportion de la boite de saisie et de l'aide */
#logon {
	position: relative;
	width: 620px;
	top: 20px;
/* ombrage css3*/	
	-moz-box-shadow: 0px 0px 12px #000; 
	-webkit-box-shadow: 0px 0px 12px #000;
	box-shadow: 0px 0px 12px #000;
}
#boite-logon {
	background-image: linear-gradient(#efefef, #d5d5d5);
	padding: 10px;
	width: 420px;
	height: 189px;
}
#boite-logon TD {
	padding-top: 10px;
	padding-left: 30px;
}
#boite-info {
	border: 0px;
	margin-top: 25px;
	width: 580px;
	padding-top: 10px;
}
/*boite de dialogue de deconnection*/
 
#auth_reussi {
	width: 450px;
	margin-top: 12px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.text_auth {
	font-size: 20px;
}
.lien_deco {
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
}
.log_out {
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
}
#boite-logon, #auth_reussi, #logon {
	border: 1px #efefef solid;
 
/* ombrage css3*/
 
	-moz-box-shadow: 0px 0px 6px #000; 
	-webkit-box-shadow: 0px 0px 6px #000;
	box-shadow: 0px 0px 6px #000;
}
#liens_redir {
	position: relative;
	bottom: -100px;
	left: 90px;
	text-align: center;
}
#liens_redir P A {
	font-size: 12px;
	text-align: center;
	margin: 15px;
}
/* style de la page accès controlé*/
 
#cadre_titre{
	position: relative;
	width: 730px;
	height: 98px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
 
/* ombrage css3 */
 
	-moz-box-shadow: 1px 4px 10px #000; 
	-webkit-box-shadow: 1px 4px 10px #000;
	box-shadow: 1px 4px 10px #000;
}
#cadre_titre .titre_controle {
	background-image: url(/images/fond-bandeau.png);
	background-repeat: repeat-x;
}
#cadre_titre .titre_refus  {
	background-image: url(/images/fond-bandeau-rouge.png);
	background-repeat: repeat-x;
}
#boite_logo{
	position: absolute;
	top: -30px;
	left: -50px;
	width: 150px;
	height: 150px;
	z-index: 2;
}
#acces_controle {
	text-align: center;
	font-size: 40px;
	padding-top: 25px;
	padding-bottom: 27px;
	margin: 0px;
}
#logo_acces {
	position: relative;
	top: 0px;
	left: 0px;
}
#contenu_acces {
	position: relative;
	width: 640px;
	height: 400px;
	top: -20px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
 
/* ombrage CSS3 */
 
	-moz-box-shadow: 1px 1px 10px #000; 
	-webkit-box-shadow: 1px 1px 10px #000;
	box-shadow: 1px 1px 10px #000;
}
 
#contenu_error {
	position: relative;
	width: 640px;
	height: auto;
	top: -20px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
 
/* ombrage CSS3 */
 
	-moz-box-shadow: 1px 1px 10px #000; 
	-webkit-box-shadow: 1px 1px 10px #000;
	box-shadow: 1px 1px 10px #000;
}
 
#logo_acces IMG, #box_refuse IMG {
	width: 95px;
	height: 95px;
}
 
/* Boite des liens*/
 
#box_url {
	position: relative;
	top: 35px;
	text-align: right;
	font-size: 14px;
	margin-right: 20px;
}
#box_bienvenue {
	font-size: 18px;
}
#cadre_titre SPAN {
	position: absolute;
	top: 70px;
	width: 510px;
	left: 110px;
	font-size: 14px;
	color: red;
	text-align: center;
	border: 2px red solid;
	padding: 2px;
	background-color: white;
}
#contenu_acces SPAN {
	position: relative;
	bottom: -150px;
	font-family: "courier new";
}
#contenu_error SPAN {
	position: relative;
	bottom: -150px;
	font-family: "courier new";
}
#box_refuse {
	font-size: 16px;
	margin-left: 130px;
	margin-right: 20px;
	margin-top: 40px;
	width: 460px;
}
#box_refuse IMG {
	position: absolute;
	top: -10px;
	left: -110px;
}
#box_refuse, #box_bienvenue {
	position: relative;
	top: 55px;
}
 
.box_menu IMG {
	position: absolute;
	width: 70px;
	height: 70px;
	top: -25px;
}
.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{
/* Arrondi CSS3 Firefox*/
	-moz-border-radius: 10px;
/* Arrondi CSS3 Autres Nav*/
	border-radius: 10px;
}
.box_menu {
	position: absolute;
	height: 35px;
	width: 310px;
	background-image: url(/images/fond-bdd.png);
	background-repeat: repeat-x;
 
/* ombrage CSS3 */
	-moz-box-shadow: 1px 1px 6px #666; 
	-webkit-box-shadow: 1px 1px 6px #666;
	box-shadow: 1px 1px 6px #666;
}
.div-cache {
	visibility: hidden;
	position: absolute;
	top: -1000px;
}
#box_conn {
	top: 120px;
}
#box_certif {
	top: 190px;
}
#box_mdp {
	top: 260px;
}
#box_acc {
	top: 330px;
}
#box_certif, #box_acc {
	left: 60px;
	text-align: right;
}
#box_conn, #box_mdp {
	left: 20px;
	text-align: left;
}
#box_conn IMG, #box_mdp IMG {
	left: 5px;
}
#box_certif IMG, #box_acc IMG {
	right: 5px;
}
#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	top: 10px;
}
#box_conn SPAN, #box_mdp SPAN {
	margin-left: 80px;
}
#box_certif SPAN, #box_acc SPAN {
	margin-right: 80px;
}
 
/*Animation visuel des cadres liens (Gecko et ie9)*/
#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover  {
/*	cursor: pointer;*/
	background-image: url(/images/fond-bdd_rouge.png);
	background-repeat: repeat-x;
 
/* ombrage CSS3 */
	-moz-box-shadow: 0px 0px 0px #fff; 
	-webkit-box-shadow: 0px 0px 0px #fff;
	box-shadow: 0px 0px 0px #fff;
}
#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 {
	color: red;
 
}
 
/*Mise en page de la bulle d'info (coté droit)*/
#box_info H2 {
	font-size: 14px;
	margin: 10px auto;
}
#box_info P {
	font-size: 11px;
	margin: 10px;
}
#box_info IMG {
	position: absolute;
	bottom: -60px;
	right: 10px;
	height: 120px;
}
#box_info {
	position: absolute;
	top: 118px;
	right: 20px;
	width: 230px;
	height: 250px;
	background-color: #efefef;
	
/* ombrage CSS3 */
	-moz-box-shadow: 1px 1px 6px #666; 
	-webkit-box-shadow: 1px 1px 6px #666;
	box-shadow: 1px 1px 6px #666;
}
#box_info :link, #box_info :visited  {
	text-decoration: none;
}
#box_info UL{
	text-align: left;
	padding : 0 0 0 15px;
	margin : 10px;
}
#box_info LI{
	text-align: left;
	font-size: 10px;
	list-style-type : disc;
	padding : 0 0 0 0;
}
#authorized_domain{
	height: 40px;
	width: 450px;
	text-align: left;
	display: block;
/*	border: 1px solid red;*/
	margin-right: 50px;
}
#authorized_domain LI{
	text-align: center;
	list-style-type : none;
	margin-right : 10px;
	display: block;
	float: left;
}
 
#corner {
	position: fixed;
	bottom: 0;
	right: 0;
	
}
 
#adm {
	display: block;
	width: 100px;
	height: 100px;
}
.corn IMG:hover {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 0px;
	left: 0px;
}
 
.corn IMG {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 75px;
	left: 75px;
}
 
 

Rev 1992	Rev 1999
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, #box_bienvenue, #cadre_titre SPAN {`	30	`#acces_controle, #box_url, #box_bienvenue, #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	`#logon {`	113	`#logon {`
114	`position: relative;`	114	`position: relative;`
115	`width: 620px;`	115	`width: 620px;`
116	`top: 20px;`	116	`top: 20px;`
117	`/* ombrage css3*/`	117	`/* ombrage css3*/`
118	`-moz-box-shadow: 0px 0px 12px #000;`	118	`-moz-box-shadow: 0px 0px 12px #000;`
119	`-webkit-box-shadow: 0px 0px 12px #000;`	119	`-webkit-box-shadow: 0px 0px 12px #000;`
120	`box-shadow: 0px 0px 12px #000;`	120	`box-shadow: 0px 0px 12px #000;`
121	`}`	121	`}`
122	`#boite-logon {`	122	`#boite-logon {`
123	`background-image: linear-gradient(#efefef, #d5d5d5);`	123	`background-image: linear-gradient(#efefef, #d5d5d5);`
124	`padding: 10px;`	124	`padding: 10px;`
125	`width: 420px;`	125	`width: 420px;`
126	`height: 189px;`	126	`height: 189px;`
127	`}`	127	`}`
128	`#boite-logon TD {`	128	`#boite-logon TD {`
129	`padding-top: 10px;`	129	`padding-top: 10px;`
130	`padding-left: 30px;`	130	`padding-left: 30px;`
131	`}`	131	`}`
132	`#boite-info {`	132	`#boite-info {`
133	`border: 0px;`	133	`border: 0px;`
134	`margin-top: 25px;`	134	`margin-top: 25px;`
135	`width: 580px;`	135	`width: 580px;`
136	`padding-top: 10px;`	136	`padding-top: 10px;`
137	`}`	137	`}`
138	`/boite de dialogue de deconnection/`	138	`/boite de dialogue de deconnection/`
139		139
140	`#auth_reussi {`	140	`#auth_reussi {`
141	`width: 450px;`	141	`width: 450px;`
142	`margin-top: 12px;`	142	`margin-top: 12px;`
143	`padding-top: 5px;`	143	`padding-top: 5px;`
144	`padding-left: 10px;`	144	`padding-left: 10px;`
145	`padding-right: 10px;`	145	`padding-right: 10px;`
146	`padding-bottom: 0px;`	146	`padding-bottom: 0px;`
147	`}`	147	`}`
148	`.text_auth {`	148	`.text_auth {`
149	`font-size: 20px;`	149	`font-size: 20px;`
150	`}`	150	`}`
151	`.lien_deco {`	151	`.lien_deco {`
152	`text-align: center;`	152	`text-align: center;`
153	`font-size: 18px;`	153	`font-size: 18px;`
154	`margin-bottom: 15px;`	154	`margin-bottom: 15px;`
155	`}`	155	`}`
156	`.log_out {`	156	`.log_out {`
157	`font-size: 24px;`	157	`font-size: 24px;`
158	`text-align: center;`	158	`text-align: center;`
159	`margin-top: 30px;`	159	`margin-top: 30px;`
160	`}`	160	`}`
161	`#boite-logon, #auth_reussi, #logon {`	161	`#boite-logon, #auth_reussi, #logon {`
162	`border: 1px #efefef solid;`	162	`border: 1px #efefef solid;`
163		163
164	`/* ombrage css3*/`	164	`/* ombrage css3*/`
165		165
166	`-moz-box-shadow: 0px 0px 6px #000;`	166	`-moz-box-shadow: 0px 0px 6px #000;`
167	`-webkit-box-shadow: 0px 0px 6px #000;`	167	`-webkit-box-shadow: 0px 0px 6px #000;`
168	`box-shadow: 0px 0px 6px #000;`	168	`box-shadow: 0px 0px 6px #000;`
169	`}`	169	`}`
170	`#liens_redir {`	170	`#liens_redir {`
171	`position: relative;`	171	`position: relative;`
172	`bottom: -100px;`	172	`bottom: -100px;`
173	`left: 90px;`	173	`left: 90px;`
174	`text-align: center;`	174	`text-align: center;`
175	`}`	175	`}`
176	`#liens_redir P A {`	176	`#liens_redir P A {`
177	`font-size: 12px;`	177	`font-size: 12px;`
178	`text-align: center;`	178	`text-align: center;`
179	`margin: 15px;`	179	`margin: 15px;`
180	`}`	180	`}`
181	`/* style de la page accès controlé*/`	181	`/* style de la page accès controlé*/`
182		182
183	`#cadre_titre{`	183	`#cadre_titre{`
184	`position: relative;`	184	`position: relative;`
185	`width: 730px;`	185	`width: 730px;`
186	`height: 98px;`	186	`height: 98px;`
187	`margin-top: 40px;`	187	`margin-top: 40px;`
188	`margin-left: auto;`	188	`margin-left: auto;`
189	`margin-right: auto;`	189	`margin-right: auto;`
190	`z-index: 2;`	190	`z-index: 2;`
191		191
192	`/* ombrage css3 */`	192	`/* ombrage css3 */`
193		193
194	`-moz-box-shadow: 1px 4px 10px #000;`	194	`-moz-box-shadow: 1px 4px 10px #000;`
195	`-webkit-box-shadow: 1px 4px 10px #000;`	195	`-webkit-box-shadow: 1px 4px 10px #000;`
196	`box-shadow: 1px 4px 10px #000;`	196	`box-shadow: 1px 4px 10px #000;`
197	`}`	197	`}`
198	`#cadre_titre .titre_controle {`	198	`#cadre_titre .titre_controle {`
199	`background-image: url(images/fond-bandeau.png);`	199	`background-image: url(/images/fond-bandeau.png);`
200	`background-repeat: repeat-x;`	200	`background-repeat: repeat-x;`
201	`}`	201	`}`
202	`#cadre_titre .titre_refus {`	202	`#cadre_titre .titre_refus {`
203	`background-image: url(images/fond-bandeau-rouge.png);`	203	`background-image: url(/images/fond-bandeau-rouge.png);`
204	`background-repeat: repeat-x;`	204	`background-repeat: repeat-x;`
205	`}`	205	`}`
206	`#boite_logo{`	206	`#boite_logo{`
207	`position: absolute;`	207	`position: absolute;`
208	`top: -30px;`	208	`top: -30px;`
209	`left: -50px;`	209	`left: -50px;`
210	`width: 150px;`	210	`width: 150px;`
211	`height: 150px;`	211	`height: 150px;`
212	`z-index: 2;`	212	`z-index: 2;`
213	`}`	213	`}`
214	`#acces_controle {`	214	`#acces_controle {`
215	`text-align: center;`	215	`text-align: center;`
216	`font-size: 40px;`	216	`font-size: 40px;`
217	`padding-top: 25px;`	217	`padding-top: 25px;`
218	`padding-bottom: 27px;`	218	`padding-bottom: 27px;`
219	`margin: 0px;`	219	`margin: 0px;`
220	`}`	220	`}`
221	`#logo_acces {`	221	`#logo_acces {`
222	`position: relative;`	222	`position: relative;`
223	`top: 0px;`	223	`top: 0px;`
224	`left: 0px;`	224	`left: 0px;`
225	`}`	225	`}`
226	`#contenu_acces {`	226	`#contenu_acces {`
227	`position: relative;`	227	`position: relative;`
228	`width: 640px;`	228	`width: 640px;`
229	`height: 400px;`	229	`height: 400px;`
230	`top: -20px;`	230	`top: -20px;`
231	`padding-top: 0px;`	231	`padding-top: 0px;`
232	`margin-left: auto;`	232	`margin-left: auto;`
233	`margin-right: auto;`	233	`margin-right: auto;`
234	`z-index: 1;`	234	`z-index: 1;`
235		235
236	`/* ombrage CSS3 */`	236	`/* ombrage CSS3 */`
237		237
238	`-moz-box-shadow: 1px 1px 10px #000;`	238	`-moz-box-shadow: 1px 1px 10px #000;`
239	`-webkit-box-shadow: 1px 1px 10px #000;`	239	`-webkit-box-shadow: 1px 1px 10px #000;`
240	`box-shadow: 1px 1px 10px #000;`	240	`box-shadow: 1px 1px 10px #000;`
241	`}`	241	`}`
242		242
243	`#contenu_error {`	243	`#contenu_error {`
244	`position: relative;`	244	`position: relative;`
245	`width: 640px;`	245	`width: 640px;`
246	`height: auto;`	246	`height: auto;`
247	`top: -20px;`	247	`top: -20px;`
248	`padding-top: 40px;`	248	`padding-top: 40px;`
249	`padding-bottom: 40px;`	249	`padding-bottom: 40px;`
250	`padding-left: 40px;`	250	`padding-left: 40px;`
251	`padding-right: 40px;`	251	`padding-right: 40px;`
252	`margin-left: auto;`	252	`margin-left: auto;`
253	`margin-right: auto;`	253	`margin-right: auto;`
254	`z-index: 1;`	254	`z-index: 1;`
255		255
256	`/* ombrage CSS3 */`	256	`/* ombrage CSS3 */`
257		257
258	`-moz-box-shadow: 1px 1px 10px #000;`	258	`-moz-box-shadow: 1px 1px 10px #000;`
259	`-webkit-box-shadow: 1px 1px 10px #000;`	259	`-webkit-box-shadow: 1px 1px 10px #000;`
260	`box-shadow: 1px 1px 10px #000;`	260	`box-shadow: 1px 1px 10px #000;`
261	`}`	261	`}`
262		262
263	`#logo_acces IMG, #box_refuse IMG {`	263	`#logo_acces IMG, #box_refuse IMG {`
264	`width: 95px;`	264	`width: 95px;`
265	`height: 95px;`	265	`height: 95px;`
266	`}`	266	`}`
267		267
268	`/* Boite des liens*/`	268	`/* Boite des liens*/`
269		269
270	`#box_url {`	270	`#box_url {`
271	`position: relative;`	271	`position: relative;`
272	`top: 35px;`	272	`top: 35px;`
273	`text-align: right;`	273	`text-align: right;`
274	`font-size: 14px;`	274	`font-size: 14px;`
275	`margin-right: 20px;`	275	`margin-right: 20px;`
276	`}`	276	`}`
277	`#box_bienvenue {`	277	`#box_bienvenue {`
278	`font-size: 18px;`	278	`font-size: 18px;`
279	`}`	279	`}`
280	`#cadre_titre SPAN {`	280	`#cadre_titre SPAN {`
281	`position: absolute;`	281	`position: absolute;`
282	`top: 70px;`	282	`top: 70px;`
283	`width: 510px;`	283	`width: 510px;`
284	`left: 110px;`	284	`left: 110px;`
285	`font-size: 14px;`	285	`font-size: 14px;`
286	`color: red;`	286	`color: red;`
287	`text-align: center;`	287	`text-align: center;`
288	`border: 2px red solid;`	288	`border: 2px red solid;`
289	`padding: 2px;`	289	`padding: 2px;`
290	`background-color: white;`	290	`background-color: white;`
291	`}`	291	`}`
292	`#contenu_acces SPAN {`	292	`#contenu_acces SPAN {`
293	`position: relative;`	293	`position: relative;`
294	`bottom: -150px;`	294	`bottom: -150px;`
295	`font-family: "courier new";`	295	`font-family: "courier new";`
296	`}`	296	`}`
297	`#contenu_error SPAN {`	297	`#contenu_error SPAN {`
298	`position: relative;`	298	`position: relative;`
299	`bottom: -150px;`	299	`bottom: -150px;`
300	`font-family: "courier new";`	300	`font-family: "courier new";`
301	`}`	301	`}`
302	`#box_refuse {`	302	`#box_refuse {`
303	`font-size: 16px;`	303	`font-size: 16px;`
304	`margin-left: 130px;`	304	`margin-left: 130px;`
305	`margin-right: 20px;`	305	`margin-right: 20px;`
306	`margin-top: 40px;`	306	`margin-top: 40px;`
307	`width: 460px;`	307	`width: 460px;`
308	`}`	308	`}`
309	`#box_refuse IMG {`	309	`#box_refuse IMG {`
310	`position: absolute;`	310	`position: absolute;`
311	`top: -10px;`	311	`top: -10px;`
312	`left: -110px;`	312	`left: -110px;`
313	`}`	313	`}`
314	`#box_refuse, #box_bienvenue {`	314	`#box_refuse, #box_bienvenue {`
315	`position: relative;`	315	`position: relative;`
316	`top: 55px;`	316	`top: 55px;`
317	`}`	317	`}`
318		318
319	`.box_menu IMG {`	319	`.box_menu IMG {`
320	`position: absolute;`	320	`position: absolute;`
321	`width: 70px;`	321	`width: 70px;`
322	`height: 70px;`	322	`height: 70px;`
323	`top: -25px;`	323	`top: -25px;`
324	`}`	324	`}`
325	`.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{`	325	`.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{`
326	`/* Arrondi CSS3 Firefox*/`	326	`/* Arrondi CSS3 Firefox*/`
327	`-moz-border-radius: 10px;`	327	`-moz-border-radius: 10px;`
328	`/* Arrondi CSS3 Autres Nav*/`	328	`/* Arrondi CSS3 Autres Nav*/`
329	`border-radius: 10px;`	329	`border-radius: 10px;`
330	`}`	330	`}`
331	`.box_menu {`	331	`.box_menu {`
332	`position: absolute;`	332	`position: absolute;`
333	`height: 35px;`	333	`height: 35px;`
334	`width: 310px;`	334	`width: 310px;`
335	`background-image: url(images/fond-bdd.png);`	335	`background-image: url(/images/fond-bdd.png);`
336	`background-repeat: repeat-x;`	336	`background-repeat: repeat-x;`
337		337
338	`/* ombrage CSS3 */`	338	`/* ombrage CSS3 */`
339	`-moz-box-shadow: 1px 1px 6px #666;`	339	`-moz-box-shadow: 1px 1px 6px #666;`
340	`-webkit-box-shadow: 1px 1px 6px #666;`	340	`-webkit-box-shadow: 1px 1px 6px #666;`
341	`box-shadow: 1px 1px 6px #666;`	341	`box-shadow: 1px 1px 6px #666;`
342	`}`	342	`}`
343	`.div-cache {`	343	`.div-cache {`
344	`visibility: hidden;`	344	`visibility: hidden;`
345	`position: absolute;`	345	`position: absolute;`
346	`top: -1000px;`	346	`top: -1000px;`
347	`}`	347	`}`
348	`#box_conn {`	348	`#box_conn {`
349	`top: 120px;`	349	`top: 120px;`
350	`}`	350	`}`
351	`#box_certif {`	351	`#box_certif {`
352	`top: 190px;`	352	`top: 190px;`
353	`}`	353	`}`
354	`#box_mdp {`	354	`#box_mdp {`
355	`top: 260px;`	355	`top: 260px;`
356	`}`	356	`}`
357	`#box_acc {`	357	`#box_acc {`
358	`top: 330px;`	358	`top: 330px;`
359	`}`	359	`}`
360	`#box_certif, #box_acc {`	360	`#box_certif, #box_acc {`
361	`left: 60px;`	361	`left: 60px;`
362	`text-align: right;`	362	`text-align: right;`
363	`}`	363	`}`
364	`#box_conn, #box_mdp {`	364	`#box_conn, #box_mdp {`
365	`left: 20px;`	365	`left: 20px;`
366	`text-align: left;`	366	`text-align: left;`
367	`}`	367	`}`
368	`#box_conn IMG, #box_mdp IMG {`	368	`#box_conn IMG, #box_mdp IMG {`
369	`left: 5px;`	369	`left: 5px;`
370	`}`	370	`}`
371	`#box_certif IMG, #box_acc IMG {`	371	`#box_certif IMG, #box_acc IMG {`
372	`right: 5px;`	372	`right: 5px;`
373	`}`	373	`}`
374	`#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN {`	374	`#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN {`
375	`position: relative;`	375	`position: relative;`
376	`font-size: 12px;`	376	`font-size: 12px;`
377	`font-weight: bold;`	377	`font-weight: bold;`
378	`top: 10px;`	378	`top: 10px;`
379	`}`	379	`}`
380	`#box_conn SPAN, #box_mdp SPAN {`	380	`#box_conn SPAN, #box_mdp SPAN {`
381	`margin-left: 80px;`	381	`margin-left: 80px;`
382	`}`	382	`}`
383	`#box_certif SPAN, #box_acc SPAN {`	383	`#box_certif SPAN, #box_acc SPAN {`
384	`margin-right: 80px;`	384	`margin-right: 80px;`
385	`}`	385	`}`
386		386
387	`/Animation visuel des cadres liens (Gecko et ie9)/`	387	`/Animation visuel des cadres liens (Gecko et ie9)/`
388	`#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover {`	388	`#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover {`
389	`/* cursor: pointer;*/`	389	`/* cursor: pointer;*/`
390	`background-image: url(images/fond-bdd_rouge.png);`	390	`background-image: url(/images/fond-bdd_rouge.png);`
391	`background-repeat: repeat-x;`	391	`background-repeat: repeat-x;`
392		392
393	`/* ombrage CSS3 */`	393	`/* ombrage CSS3 */`
394	`-moz-box-shadow: 0px 0px 0px #fff;`	394	`-moz-box-shadow: 0px 0px 0px #fff;`
395	`-webkit-box-shadow: 0px 0px 0px #fff;`	395	`-webkit-box-shadow: 0px 0px 0px #fff;`
396	`box-shadow: 0px 0px 0px #fff;`	396	`box-shadow: 0px 0px 0px #fff;`
397	`}`	397	`}`
398	`#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 {`	398	`#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 {`
399	`color: red;`	399	`color: red;`
400		400
401	`}`	401	`}`
402		402
403	`/Mise en page de la bulle d'info (coté droit)/`	403	`/Mise en page de la bulle d'info (coté droit)/`
404	`#box_info H2 {`	404	`#box_info H2 {`
405	`font-size: 14px;`	405	`font-size: 14px;`
406	`margin: 10px auto;`	406	`margin: 10px auto;`
407	`}`	407	`}`
408	`#box_info P {`	408	`#box_info P {`
409	`font-size: 11px;`	409	`font-size: 11px;`
410	`margin: 10px;`	410	`margin: 10px;`
411	`}`	411	`}`
412	`#box_info IMG {`	412	`#box_info IMG {`
413	`position: absolute;`	413	`position: absolute;`
414	`bottom: -60px;`	414	`bottom: -60px;`
415	`right: 10px;`	415	`right: 10px;`
416	`height: 120px;`	416	`height: 120px;`
417	`}`	417	`}`
418	`#box_info {`	418	`#box_info {`
419	`position: absolute;`	419	`position: absolute;`
420	`top: 118px;`	420	`top: 118px;`
421	`right: 20px;`	421	`right: 20px;`
422	`width: 230px;`	422	`width: 230px;`
423	`height: 250px;`	423	`height: 250px;`
424	`background-color: #efefef;`	424	`background-color: #efefef;`
425		425
426	`/* ombrage CSS3 */`	426	`/* ombrage CSS3 */`
427	`-moz-box-shadow: 1px 1px 6px #666;`	427	`-moz-box-shadow: 1px 1px 6px #666;`
428	`-webkit-box-shadow: 1px 1px 6px #666;`	428	`-webkit-box-shadow: 1px 1px 6px #666;`
429	`box-shadow: 1px 1px 6px #666;`	429	`box-shadow: 1px 1px 6px #666;`
430	`}`	430	`}`
431	`#box_info :link, #box_info :visited {`	431	`#box_info :link, #box_info :visited {`
432	`text-decoration: none;`	432	`text-decoration: none;`
433	`}`	433	`}`
434	`#box_info UL{`	434	`#box_info UL{`
435	`text-align: left;`	435	`text-align: left;`
436	`padding : 0 0 0 15px;`	436	`padding : 0 0 0 15px;`
437	`margin : 10px;`	437	`margin : 10px;`
438	`}`	438	`}`
439	`#box_info LI{`	439	`#box_info LI{`
440	`text-align: left;`	440	`text-align: left;`
441	`font-size: 10px;`	441	`font-size: 10px;`
442	`list-style-type : disc;`	442	`list-style-type : disc;`
443	`padding : 0 0 0 0;`	443	`padding : 0 0 0 0;`
444	`}`	444	`}`
445	`#authorized_domain{`	445	`#authorized_domain{`
446	`height: 40px;`	446	`height: 40px;`
447	`width: 450px;`	447	`width: 450px;`
448	`text-align: left;`	448	`text-align: left;`
449	`display: block;`	449	`display: block;`
450	`/* border: 1px solid red;*/`	450	`/* border: 1px solid red;*/`
451	`margin-right: 50px;`	451	`margin-right: 50px;`
452	`}`	452	`}`
453	`#authorized_domain LI{`	453	`#authorized_domain LI{`
454	`text-align: center;`	454	`text-align: center;`
455	`list-style-type : none;`	455	`list-style-type : none;`
456	`margin-right : 10px;`	456	`margin-right : 10px;`
457	`display: block;`	457	`display: block;`
458	`float: left;`	458	`float: left;`
459	`}`	459	`}`
460		460
461	`#corner {`	461	`#corner {`
462	`position: fixed;`	462	`position: fixed;`
463	`bottom: 0;`	463	`bottom: 0;`
464	`right: 0;`	464	`right: 0;`
465		465
466	`}`	466	`}`
467		467
468	`#adm {`	468	`#adm {`
469	`display: block;`	469	`display: block;`
470	`width: 100px;`	470	`width: 100px;`
471	`height: 100px;`	471	`height: 100px;`
472	`}`	472	`}`
473	`.corn IMG:hover {`	473	`.corn IMG:hover {`
474	`position: absolute;`	474	`position: absolute;`
475	`width: 100px;`	475	`width: 100px;`
476	`height: 100px;`	476	`height: 100px;`
477	`top: 0px;`	477	`top: 0px;`
478	`left: 0px;`	478	`left: 0px;`
479	`}`	479	`}`
480		480
481	`.corn IMG {`	481	`.corn IMG {`
482	`position: absolute;`	482	`position: absolute;`
483	`width: 50px;`	483	`width: 50px;`
484	`height: 50px;`	484	`height: 50px;`
485	`top: 75px;`	485	`top: 75px;`
486	`left: 75px;`	486	`left: 75px;`
487	`}`	487	`}`
488		488
489		489

Subversion Repositories ALCASAR

(root)/web/css/style_intercept.css – Rev 1992 → 1999