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


/* 	
	Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR
	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, #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: url(../images/fond-bdd_grand.png);
	background-repeat: repeat-x;
	padding: 10px;
	width: 420px;
	height: 189px;
}
#boite-logon TD {
	padding-top: 10px;
}
#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;
}
#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";
}
#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, #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;
}
 
Generated by GNU Enscript 1.6.6.
 
 
 

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

Subversion Repositories ALCASAR

(root)/web/css/style_intercept.css @ 913 – Rev 509 → 566