Subversion Repositories Applications.bazar

Rev

Rev 5 | Rev 9 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 5 Rev 7
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 
}
 -