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, #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;
}
#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 {
	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;
}
 
/* overwrite default rules for disabled menu boxes */
.box_menu.box-menu-disabled {
	opacity: .2;
}
.box_menu.box-menu-disabled:hover a {
	color: #000000 !important;
	cursor: not-allowed !important;
}
.box_menu.box-menu-disabled:hover {
	cursor: not-allowed !important;
	background-image: url(/images/fond-bdd.png) !important;
	background-repeat: repeat-x !important;
 
/* ombrage CSS3 */
	-moz-box-shadow: 1px 1px 6px #666 !important; 
	-webkit-box-shadow: 1px 1px 6px #666 !important;
	box-shadow: 1px 1px 6px #666 !important;
}
 
/*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 2136	Rev 2612
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	`#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	`#cadre_titre SPAN {`	277	`#cadre_titre SPAN {`
278	`position: absolute;`	278	`position: absolute;`
279	`top: 70px;`	279	`top: 70px;`
280	`width: 510px;`	280	`width: 510px;`
281	`left: 110px;`	281	`left: 110px;`
282	`font-size: 14px;`	282	`font-size: 14px;`
283	`color: red;`	283	`color: red;`
284	`text-align: center;`	284	`text-align: center;`
285	`border: 2px red solid;`	285	`border: 2px red solid;`
286	`padding: 2px;`	286	`padding: 2px;`
287	`background-color: white;`	287	`background-color: white;`
288	`}`	288	`}`
289	`#contenu_acces SPAN {`	289	`#contenu_acces SPAN {`
290	`position: relative;`	290	`position: relative;`
291	`bottom: -150px;`	291	`bottom: -150px;`
292	`font-family: "courier new";`	292	`font-family: "courier new";`
293	`}`	293	`}`
294	`#contenu_error SPAN {`	294	`#contenu_error SPAN {`
295	`position: relative;`	295	`position: relative;`
296	`bottom: -150px;`	296	`bottom: -150px;`
297	`font-family: "courier new";`	297	`font-family: "courier new";`
298	`}`	298	`}`
299	`#box_refuse {`	299	`#box_refuse {`
300	`font-size: 16px;`	300	`font-size: 16px;`
301	`margin-left: 130px;`	301	`margin-left: 130px;`
302	`margin-right: 20px;`	302	`margin-right: 20px;`
303	`margin-top: 40px;`	303	`margin-top: 40px;`
304	`width: 460px;`	304	`width: 460px;`
305	`}`	305	`}`
306	`#box_refuse IMG {`	306	`#box_refuse IMG {`
307	`position: absolute;`	307	`position: absolute;`
308	`top: -10px;`	308	`top: -10px;`
309	`left: -110px;`	309	`left: -110px;`
310	`}`	310	`}`
311	`#box_refuse {`	311	`#box_refuse {`
312	`position: relative;`	312	`position: relative;`
313	`top: 55px;`	313	`top: 55px;`
314	`}`	314	`}`
315		315
316	`.box_menu IMG {`	316	`.box_menu IMG {`
317	`position: absolute;`	317	`position: absolute;`
318	`width: 70px;`	318	`width: 70px;`
319	`height: 70px;`	319	`height: 70px;`
320	`top: -25px;`	320	`top: -25px;`
321	`}`	321	`}`
322	`.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{`	322	`.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{`
323	`/* Arrondi CSS3 Firefox*/`	323	`/* Arrondi CSS3 Firefox*/`
324	`-moz-border-radius: 10px;`	324	`-moz-border-radius: 10px;`
325	`/* Arrondi CSS3 Autres Nav*/`	325	`/* Arrondi CSS3 Autres Nav*/`
326	`border-radius: 10px;`	326	`border-radius: 10px;`
327	`}`	327	`}`
328	`.box_menu {`	328	`.box_menu {`
329	`position: absolute;`	329	`position: absolute;`
330	`height: 35px;`	330	`height: 35px;`
331	`width: 310px;`	331	`width: 310px;`
332	`background-image: url(/images/fond-bdd.png);`	332	`background-image: url(/images/fond-bdd.png);`
333	`background-repeat: repeat-x;`	333	`background-repeat: repeat-x;`
334		334
335	`/* ombrage CSS3 */`	335	`/* ombrage CSS3 */`
336	`-moz-box-shadow: 1px 1px 6px #666;`	336	`-moz-box-shadow: 1px 1px 6px #666;`
337	`-webkit-box-shadow: 1px 1px 6px #666;`	337	`-webkit-box-shadow: 1px 1px 6px #666;`
338	`box-shadow: 1px 1px 6px #666;`	338	`box-shadow: 1px 1px 6px #666;`
339	`}`	339	`}`
340	`.div-cache {`	340	`.div-cache {`
341	`visibility: hidden;`	341	`visibility: hidden;`
342	`position: absolute;`	342	`position: absolute;`
343	`top: -1000px;`	343	`top: -1000px;`
344	`}`	344	`}`
345	`#box_conn {`	345	`#box_conn {`
346	`top: 120px;`	346	`top: 120px;`
347	`}`	347	`}`
348	`#box_certif {`	348	`#box_certif {`
349	`top: 190px;`	349	`top: 190px;`
350	`}`	350	`}`
351	`#box_mdp {`	351	`#box_mdp {`
352	`top: 260px;`	352	`top: 260px;`
353	`}`	353	`}`
354	`#box_acc {`	354	`#box_acc {`
355	`top: 330px;`	355	`top: 330px;`
356	`}`	356	`}`
357	`#box_certif, #box_acc {`	357	`#box_certif, #box_acc {`
358	`left: 60px;`	358	`left: 60px;`
359	`text-align: right;`	359	`text-align: right;`
360	`}`	360	`}`
361	`#box_conn, #box_mdp {`	361	`#box_conn, #box_mdp {`
362	`left: 20px;`	362	`left: 20px;`
363	`text-align: left;`	363	`text-align: left;`
364	`}`	364	`}`
365	`#box_conn IMG, #box_mdp IMG {`	365	`#box_conn IMG, #box_mdp IMG {`
366	`left: 5px;`	366	`left: 5px;`
367	`}`	367	`}`
368	`#box_certif IMG, #box_acc IMG {`	368	`#box_certif IMG, #box_acc IMG {`
369	`right: 5px;`	369	`right: 5px;`
370	`}`	370	`}`
371	`#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN {`	371	`#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN {`
372	`position: relative;`	372	`position: relative;`
373	`font-size: 12px;`	373	`font-size: 12px;`
374	`font-weight: bold;`	374	`font-weight: bold;`
375	`top: 10px;`	375	`top: 10px;`
376	`}`	376	`}`
377	`#box_conn SPAN, #box_mdp SPAN {`	377	`#box_conn SPAN, #box_mdp SPAN {`
378	`margin-left: 80px;`	378	`margin-left: 80px;`
379	`}`	379	`}`
380	`#box_certif SPAN, #box_acc SPAN {`	380	`#box_certif SPAN, #box_acc SPAN {`
381	`margin-right: 80px;`	381	`margin-right: 80px;`
382	`}`	382	`}`
383		383
384	`/Animation visuel des cadres liens (Gecko et ie9)/`	384	`/Animation visuel des cadres liens (Gecko et ie9)/`
385	`#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover {`	385	`#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover {`
386	`/* cursor: pointer;*/`	386	`/* cursor: pointer;*/`
387	`background-image: url(/images/fond-bdd_rouge.png);`	387	`background-image: url(/images/fond-bdd_rouge.png);`
388	`background-repeat: repeat-x;`	388	`background-repeat: repeat-x;`
389		389
390	`/* ombrage CSS3 */`	390	`/* ombrage CSS3 */`
391	`-moz-box-shadow: 0px 0px 0px #fff;`	391	`-moz-box-shadow: 0px 0px 0px #fff;`
392	`-webkit-box-shadow: 0px 0px 0px #fff;`	392	`-webkit-box-shadow: 0px 0px 0px #fff;`
393	`box-shadow: 0px 0px 0px #fff;`	393	`box-shadow: 0px 0px 0px #fff;`
394	`}`	394	`}`
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 {`	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 {`
396	`color: red;`	396	`color: red;`
-		397	`}`
-		398
-		399	`/* overwrite default rules for disabled menu boxes */`
-		400	`.box_menu.box-menu-disabled {`
-		401	`opacity: .2;`
-		402	`}`
-		403	`.box_menu.box-menu-disabled:hover a {`
-		404	`color: #000000 !important;`
-		405	`cursor: not-allowed !important;`
-		406	`}`
-		407	`.box_menu.box-menu-disabled:hover {`
-		408	`cursor: not-allowed !important;`
-		409	`background-image: url(/images/fond-bdd.png) !important;`
-		410	`background-repeat: repeat-x !important;`
397		411
-		412	`/* ombrage CSS3 */`
-		413	`-moz-box-shadow: 1px 1px 6px #666 !important;`
-		414	`-webkit-box-shadow: 1px 1px 6px #666 !important;`
-		415	`box-shadow: 1px 1px 6px #666 !important;`
398	`}`	416	`}`
399		417
400	`/Mise en page de la bulle d'info (coté droit)/`	418	`/Mise en page de la bulle d'info (coté droit)/`
401	`#box_info H2 {`	419	`#box_info H2 {`
402	`font-size: 14px;`	420	`font-size: 14px;`
403	`margin: 10px auto;`	421	`margin: 10px auto;`
404	`}`	422	`}`
405	`#box_info P {`	423	`#box_info P {`
406	`font-size: 11px;`	424	`font-size: 11px;`
407	`margin: 10px;`	425	`margin: 10px;`
408	`}`	426	`}`
409	`#box_info IMG {`	427	`#box_info IMG {`
410	`position: absolute;`	428	`position: absolute;`
411	`bottom: -60px;`	429	`bottom: -60px;`
412	`right: 10px;`	430	`right: 10px;`
413	`height: 120px;`	431	`height: 120px;`
414	`}`	432	`}`
415	`#box_info {`	433	`#box_info {`
416	`position: absolute;`	434	`position: absolute;`
417	`top: 118px;`	435	`top: 118px;`
418	`right: 20px;`	436	`right: 20px;`
419	`width: 230px;`	437	`width: 230px;`
420	`height: 250px;`	438	`height: 250px;`
421	`background-color: #efefef;`	439	`background-color: #efefef;`
422		440
423	`/* ombrage CSS3 */`	441	`/* ombrage CSS3 */`
424	`-moz-box-shadow: 1px 1px 6px #666;`	442	`-moz-box-shadow: 1px 1px 6px #666;`
425	`-webkit-box-shadow: 1px 1px 6px #666;`	443	`-webkit-box-shadow: 1px 1px 6px #666;`
426	`box-shadow: 1px 1px 6px #666;`	444	`box-shadow: 1px 1px 6px #666;`
427	`}`	445	`}`
428	`#box_info :link, #box_info :visited {`	446	`#box_info :link, #box_info :visited {`
429	`text-decoration: none;`	447	`text-decoration: none;`
430	`}`	448	`}`
431	`#box_info UL{`	449	`#box_info UL{`
432	`text-align: left;`	450	`text-align: left;`
433	`padding : 0 0 0 15px;`	451	`padding : 0 0 0 15px;`
434	`margin : 10px;`	452	`margin : 10px;`
435	`}`	453	`}`
436	`#box_info LI{`	454	`#box_info LI{`
437	`text-align: left;`	455	`text-align: left;`
438	`font-size: 10px;`	456	`font-size: 10px;`
439	`list-style-type : disc;`	457	`list-style-type : disc;`
440	`padding : 0 0 0 0;`	458	`padding : 0 0 0 0;`
441	`}`	459	`}`
442	`#authorized_domain{`	460	`#authorized_domain{`
443	`height: 40px;`	461	`height: 40px;`
444	`width: 450px;`	462	`width: 450px;`
445	`text-align: left;`	463	`text-align: left;`
446	`display: block;`	464	`display: block;`
447	`/* border: 1px solid red;*/`	465	`/* border: 1px solid red;*/`
448	`margin-right: 50px;`	466	`margin-right: 50px;`
449	`}`	467	`}`
450	`#authorized_domain LI{`	468	`#authorized_domain LI{`
451	`text-align: center;`	469	`text-align: center;`
452	`list-style-type : none;`	470	`list-style-type : none;`
453	`margin-right : 10px;`	471	`margin-right : 10px;`
454	`display: block;`	472	`display: block;`
455	`float: left;`	473	`float: left;`
456	`}`	474	`}`
457		475
458	`#corner {`	476	`#corner {`
459	`position: fixed;`	477	`position: fixed;`
460	`bottom: 0;`	478	`bottom: 0;`
461	`right: 0;`	479	`right: 0;`
462		480
463	`}`	481	`}`
464		482
465	`#adm {`	483	`#adm {`
466	`display: block;`	484	`display: block;`
467	`width: 100px;`	485	`width: 100px;`
468	`height: 100px;`	486	`height: 100px;`
469	`}`	487	`}`
470	`.corn IMG:hover {`	488	`.corn IMG:hover {`
471	`position: absolute;`	489	`position: absolute;`
472	`width: 100px;`	490	`width: 100px;`
473	`height: 100px;`	491	`height: 100px;`
474	`top: 0px;`	492	`top: 0px;`
475	`left: 0px;`	493	`left: 0px;`
476	`}`	494	`}`
477		495
478	`.corn IMG {`	496	`.corn IMG {`
479	`position: absolute;`	497	`position: absolute;`
480	`width: 50px;`	498	`width: 50px;`
481	`height: 50px;`	499	`height: 50px;`
482	`top: 75px;`	500	`top: 75px;`

Subversion Repositories ALCASAR

(root)/web/css/style_intercept.css @ 2747 – Rev 2136 → 2612