Subversion Repositories Applications.papyrus

Rev

Rev 427 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 427 Rev 479
Line 7... Line 7...
7
 | Feuille de style interne spécifique a l'application Bazar                  |
7
 | Feuille de style interne spécifique a l'application Bazar                  |
8
 +----------------------------------------------------------------------------+
8
 +----------------------------------------------------------------------------+
9
 | Auteur : Florian SCHMITT <florian@ecole-et-nature.org>                     |
9
 | Auteur : Florian SCHMITT <florian@ecole-et-nature.org>                     |
10
 +----------------------------------------------------------------------------+
10
 +----------------------------------------------------------------------------+
11
*/
11
*/
12
 
-
 
13
#BAZ_hautdepage {
-
 
14
	width: 670px;
-
 
15
}
-
 
16
 
-
 
17
#BAZ_corps {
12
#BAZ_corps {width:100%;}
18
	float:left;
-
 
19
	width: 670px;
-
 
20
}
-
 
21
 
-
 
22
#BAZ_pieddepage {
-
 
23
	clear: both;
-
 
24
	width: 100%;
-
 
25
	padding: 3px;
-
 
26
	text-align:center;
-
 
27
	background-color: #CC0000;
-
 
28
	font: normal 11px Georgia, serif;color: #FFCC66;
13
#BAZ_menu {width:100%;height:40px;font: normal 9px Georgia, serif;margin: 10px 0 10px 0;}
29
}
-
 
30
#BAZ_menu {
-
 
31
	float:left;
-
 
32
	width: 690px;
-
 
33
	padding: 3px;
-
 
34
	font: normal 11px Georgia, serif;
-
 
35
	margin: 10px 0 10px 0;
-
 
36
}
-
 
37
 
-
 
38
 
-
 
39
#BAZ_menu a {
-
 
40
	font-size: 12px;
-
 
41
	text-decoration: none;
-
 
42
	display: block;
-
 
43
	width: 9em;
-
 
44
}
-
 
45
 
-
 
46
#BAZ_menu ul { /* toutes les listes */
14
#BAZ_menu a {text-decoration: none;display: block;width: 9em;}
47
	padding: 0;
15
#BAZ_menu ul {padding: 0;}
48
	margin: 0;
-
 
49
	line-height: 1;
-
 
50
}
-
 
51
 
-
 
52
#BAZ_menu li { /* tous les items de liste */
16
#BAZ_menu li {padding: 2px;margin: 0;height:23px;float: left;list-style: none;list-style-type:none;background:transparent;
53
	padding: 3px;
-
 
54
	margin: 0;
-
 
55
	float: left;
-
 
56
	list-style: none;
-
 
57
	list-style-type:none;
-
 
58
	background:#FFF;
-
 
59
	border-left: 5px solid #849950;
-
 
60
	border-bottom: 2px solid #849950;
17
border-left: 3px solid #849950;border-right: 3px solid #849950;border-bottom: 2px solid #849950;}
61
	height:26px;
-
 
62
}
-
 
63
 
-
 
64
#BAZ_menu li:hover {
-
 
65
	color: #FFFFFF;
-
 
66
	background-color: #B1BB7E;
18
#BAZ_menu li:hover {color: #FFF;background-color: #B1BB7E;}
67
}
-
 
68
	
-
 
69
#BAZ_menu li ul { /* listes de deuxième niveau */
-
 
70
	position: absolute;
-
 
71
	background:#FFF;
-
 
72
	border: 1px solid #849950;
-
 
73
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
19
#BAZ_menu li ul {position: absolute;background:#FFF;border: 1px solid #849950;left: -999em;width: 10.1em;z-index:14;}
74
	width: 10.8em;
-
 
75
	z-index:14;
-
 
76
}
-
 
77
 
-
 
78
#BAZ_menu li:hover ul { /* listes imbriquées sous les items de listes survolés */
20
#BAZ_menu li:hover ul {left: auto;margin: 2px 0 0 -6px;z-index:15;}
79
	left: auto;
-
 
80
	margin: 2px 0 0 -8px;
-
 
81
	z-index:15;
-
 
82
}
-
 
83
 
-
 
84
 
-
 
85
#BAZ_menu ul li a:hover	{
21
#BAZ_menu ul li a:hover	{color: #FFF;}
86
	color: #FFFFFF;
-
 
87
}
-
 
Line 88... Line 22...
88
 
22
 
89
/*-------------Les fiches Bazar-------------------------------------------------*/
-
 
90
 
-
 
91
#BAZ_cadre_fiche {
-
 
92
	margin-left:25px;
-
 
93
	width:654px;
-
 
94
}
-
 
95
 
23
/*-------------Les fiches Bazar-------------------------------------------------*/
96
#BAZ_cadre_fiche a {
24
.BAZ_cadre_fiche {margin:0 auto;width:654px;}
97
	font: 13px arial, sans-serif;
-
 
98
	color:#000;
-
 
99
	text-decoration:none;
-
 
100
}
-
 
101
#BAZ_cadre_fiche a:hover {
-
 
102
	color:#515966;
25
.BAZ_cadre_fiche a {font: 13px arial, sans-serif;color:#000;text-decoration:none;}
103
	text-decoration:underline;
-
 
104
}
-
 
105
 
-
 
106
#BAZ_cadre_fiche_haut {
-
 
107
	height:18px;
-
 
108
	width:654px;
26
.BAZ_cadre_fiche a:hover {color:#515966;text-decoration:underline;}
109
	background:url(http://educ-envir.org/client/bazar/images/BAZ_cadre_haut.gif) top left;
-
 
110
}
-
 
-
 
27
.BAZ_cadre_fiche_haut {height:18px;width:654px;background:url(http://educ-envir.org/client/bazar/images/BAZ_cadre_haut.gif) top left;}
111
 
28
.BAZ_cadre_fiche_corps {padding:15px 15px 0 15px;font: 13px arial, sans-serif;text-align:justify;line-height: 17px;border-left:solid 1px #000;border-right:solid 1px #000;background:#FFF;}
112
#BAZ_cadre_fiche_corps {
-
 
113
	/*width:504px;
29
.BAZ_cadre_fiche_bas {height:18px;width:654px;background:url(http://educ-envir.org/client/bazar/images/BAZ_cadre_bas.gif) top left;}
114
	padding:20px 35px 0px 35px;*/
30
#fiche_image {float:left;height:160px; width:160px;}
115
	font: 13px arial, sans-serif;
-
 
116
	text-align:justify;
-
 
117
	line-height: 17px;
31
#fiche_titre_image {float:left;width:400px; text-align:center; padding:6px; background:#F2B43B; color:#FFF; font: 18px arial, sans-serif;}
118
	border-left:solid 1px #000;
32
#fiche_titre {text-align:center; padding:6px; background:#F2B43B; color:#FFF; font: 18px arial, sans-serif;}
119
	border-right:solid 1px #000;
-
 
120
}
-
 
121
 
-
 
122
#BAZ_cadre_fiche_bas {
-
 
123
	height:18px;
-
 
124
	width:654px;
33
#BAZ_description {margin:10px 0;font: 15px arial, sans-serif;text-align:justify;}
125
	background:url(http://educ-envir.org/client/bazar/images/BAZ_cadre_bas.gif) top left;
-
 
126
}
-
 
127
 
-
 
128
#bulle_haut {
-
 
129
	margin: 0 auto;
-
 
130
	width:588px;
-
 
131
	height:20px;
34
#BAZ_bas_page {	height:165px;background:url(http://educ-envir.org/client/bazar/images/BAZ_Enfants.gif) no-repeat bottom right;}
132
	background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_haut.jpg) top left;
-
 
133
}
-
 
134
 
-
 
135
#bulle_corps {
-
 
136
	margin: 0 auto;
-
 
137
	width:578px;
-
 
138
	padding-left:10px;
35
#bulle_haut {margin: 0 auto; margin-top:10px;width:588px;height:20px;background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_haut.jpg) top left;}
139
	background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_barre.jpg) repeat-y;
-
 
140
}
-
 
141
 
-
 
142
#bulle_bas {
-
 
143
	margin: 0 auto;
-
 
144
	width:588px;
-
 
145
	height:20px;
36
#bulle_corps {margin: 0 auto;width:578px;padding-left:10px;background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_barre.jpg) repeat-y;}
146
	background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_bas.jpg) top left;
-
 
147
}
-
 
148
 
-
 
149
#BAZ_bas_page {
-
 
150
	margin-left:30px;
-
 
151
	height:165px;
-
 
152
	background:url(http://educ-envir.org/client/bazar/images/BAZ_Enfants.gif) no-repeat bottom right;
-
 
153
}
-
 
154
#formation_qualifiante {
37
#bulle_bas {margin: 0 auto; margin-bottom:10px;width:588px;height:20px;background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_bas.jpg) top left;}
155
	position:relative;top:197px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_qualifiante.gif) top right;
-
 
156
}
-
 
157
 
-
 
158
#formation_diplomante {
38
#formation_qualifiante {position:relative;top:197px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_qualifiante.gif) top right;}
159
	position:relative;top:7px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_diplomante.gif) top right;
-
 
160
}
-
 
161
 
-
 
162
#formation_continue {
39
#formation_diplomante {position:relative;top:7px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_diplomante.gif) top right;}
163
	position:relative;top:387px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_continue.gif) top right;
-
 
164
}
-
 
165
 
-
 
166
#fiche_haut {
-
 
167
	margin:-180px 0 -20px 30px;
-
 
168
	height:170px;
-
 
169
}
-
 
170
 
-
 
171
#fiche_image {
-
 
172
	 float:left;
-
 
173
	 height:160px;
-
 
174
	 width:160px;
-
 
175
}
-
 
176
 
-
 
177
#fiche_titre_image {
-
 
178
	 float:left;
-
 
179
	 width:400px;
-
 
180
	 text-align:center;
-
 
181
	 padding:6px;
-
 
182
	 background:#F2B43B;
-
 
183
	 color:#FFF;
-
 
184
	 font: 18px arial, sans-serif;
-
 
185
}
-
 
186
 
-
 
187
#fiche_titre {
-
 
188
	 width: 93%;
-
 
189
	 text-align:center;
-
 
190
	 padding:6px;
-
 
191
	 background:#F2B43B;
-
 
192
	 color:#FFF;
-
 
193
	 font: 18px arial, sans-serif;
-
 
194
}
-
 
195
 
-
 
196
.centrer {
-
 
197
	clear:both;
40
#formation_continue {position:relative;top:387px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_continue.gif) top right;}
198
	margin:0 auto;
-
 
199
}
-
 
200
 
-
 
201
.rubrique {
-
 
202
	width:150px;
-
 
203
	text-align:left;
41
.centrer {clear:both;margin:0 auto;}
204
	font: bold 15px arial, sans-serif; color: #515966;
-
 
205
}
-
 
206
 
-
 
207
.description {
-
 
208
	font: 13px arial, sans-serif;
-
 
209
	text-align:justify;
-
 
210
	width:420px;
-
 
211
	padding-bottom:10px ;
-
 
212
}
-
 
213
 
-
 
214
.rubrique_bulle {
-
 
215
	width:90px;
-
 
216
	text-align:left;
42
.rubrique {width:150px;	text-align:left;font: bold 15px arial, sans-serif; color: #515966;}
217
	font: bold 15px arial, sans-serif; color: #000;
-
 
218
}
-
 
219
 
-
 
220
.infos {
43
.rubrique_bulle {width:90px;text-align:left;font: bold 15px arial, sans-serif; color: #000;}
221
	font: bold 16px arial, sans-serif; color: #B1BB7E;
-
 
222
	line-height: 25px;
-
 
223
}
-