Subversion Repositories Applications.bazar

Rev

Rev 459 | Rev 461 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
280 jp_milcent 1 
/*
2 
 +----------------------------------------------------------------------------+
3 
 | bazar.css                                                                  |
4 
 +----------------------------------------------------------------------------+
5 
 | Copyright (c) 2005 Tela Botanica                                           |
6 
 +----------------------------------------------------------------------------+
460 aurelien 7 
 | Feuille de style interne spécifique a l'application Bazar                  |
280 jp_milcent 8 
 +----------------------------------------------------------------------------+
9 
 | Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org>                       |
10 
 +----------------------------------------------------------------------------+
11 
*/
451 aurelien 12 
#formulaire input, #formulaire textarea, #formulaire select {
13 
	border:1px solid #000;
14 
  background-color:#fefffe;}
15 
input[type ^="submit"]:hover{
16 
	background-color:#b0cdfc;}
17 
.enligne {
18 
	padding:0;
19 
	margin:0;
20 
	display:inline;
21 
	list-style:none;
22 
	list-style-type:none;
23 
	background:#FFF;}
24 
 
280 jp_milcent 25 
/*-------------Les fiches Bazar-------------------------------------------------*/
451 aurelien 26 
.BAZ_cadre_fiche{
27 
	max-width:600px;
28 
	width:auto;
29 
	height:auto;
30 
	padding:10px;
31 
	border: 1px solid #7B9C35;}
280 jp_milcent 32 
.BAZ_cadre_map {
33 
	padding:0;
34 
	height:250px;
35 
	width:400px;
36 
	overflow:auto;}
451 aurelien 37 
 
38 
 
460 aurelien 39 
 
40 
.BAZ_cadre_map .BAZ_cadre_fiche{
41 
	padding:0 2px 2px 2px;}
280 jp_milcent 42 
.BAZ_cadre_map .BAZ_fiche_titre, .BAZ_cadre_map .BAZ_fiche{
43 
	font-size:13px;
460 aurelien 44 
}
45 
 
451 aurelien 46 
.BAZ_fiche_titre_expo, .BAZ_fiche_titre_sortie, .BAZ_fiche_titre_formation, .BAZ_fiche_titre_evenement {
47 
	text-transform:none;}
280 jp_milcent 48 
#map{
49 
	min-height:600px;}
451 aurelien 50 
#fiche_image{
51 
	float:left;
52 
	height:150px;
53 
	width:210px;
54 
	margin:0 10px 0 0}
55 
#fiche_image, .BAZ_cadre_fiche{
56 
	background-color:#fefffe;
57 
	-moz-border-radius:10px;}
58 
#fiche_titre {
59 
	background:transparent;
60 
	border-bottom:1px solid black;
61 
	color:#1A4881;}
62 
.bulle_bas{
63 
	height:0;}
64 
.BAZ_infos_fiche{
65 
	margin:0;
66 
	padding:0;
67 
	font-size:10px;
68 
	color:gray;}
69 
.centrer {
70 
	clear:both;
71 
	margin:0 auto;}
72 
.BAZ_rubrique {
73 
	padding: 5px 0;}
74 
.BAZ_label {
75 
	text-align:left;
76 
	color: #3A3633;}
77 
.rubrique_bulle {
78 
	width:90px;
79 
	text-align:left;
80 
	font: bold 15px arial, sans-serif;
81 
	color: #000;}
82 
.BAZ_texte{
83 
	font-weight:bold;}
84 
.description ul{
85 
	margin:0;}
86 
.infos {
87 
	width:70%;
88 
	float:left;
89 
	min-height:120px;
90 
	font: bold 15px arial, sans-serif;
91 
	color:#B1BB7E;
92 
	line-height:25px;}
93 
.bazar_checkbox {
94 
	float:left;
95 
	width:170px;
96 
	font:10px arial, sans-serif;
97 
	border:0;}
98 
.lien_wikini{
99 
	margin:0;
100 
	padding:10px 5px;
101 
	border:2px solid #DBE8C8;
102 
	-moz-border-radius:10px;
103 
	background:#3082AA;}
104 
div.lien_wikini a{
105 
	padding-left:100px;
106 
	color:#FFF;}
107 
 
108 
#bazar_commentaire {
109 
	max-width: 600 px;
110 
	width: auto;
111 
}
280 jp_milcent 112 
 
451 aurelien 113 
#BAZ_bas_page, #BAZ_bas_page .rubrique{
114 
	font-size:10px;
115 
	text-decoration:none;
116 
	color:gray;}
117 
#BAZ_bas_page .rubrique{
118 
	display:inline;
119 
	clear:both;}
280 jp_milcent 120 
 
451 aurelien 121 
#formation_qualifiante {
122 
	float:right;
123 
	margin:0 -15px 0 5px;
124 
	height:190px;
125 
	width:30px;
126 
	background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;}
127 
#formation_diplomante {
128 
	float:right;
129 
	margin:0 -15px 0 5px;
130 
	height:190px;
131 
	width:30px;
132 
	background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;}
133 
#formation_continue {
134 
	float:right;
135 
	margin:0 -15px 0 5px;
136 
	height:190px;
137 
	width:30px;
138 
	background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;}
139 
 
140 
.table_bazar{
141 
	width:300px;
142 
	margin:2em 0 0 0;}
143 
#table_bazar{
144 
  border-spacing:0;
145 
  text-align:center;
146 
  border: 1px solid black;}
147 
#table_bazar th{
148 
	color:white;
149 
  background-color:#598ac4;
150 
  padding:0 5px;
151 
  text-align:center;
152 
  border-bottom: 1px dotted grey;
153 
  border-left: 1px dotted grey;}
154 
#table_bazar td  {
155 
  padding:2px;
156 
  text-align:left;
157 
  border-bottom: 1px dotted grey;
158 
  border-left: 1px dotted grey;}
159 
#table_bazar .ligne_paire{
160 
	background-color:#c8ddff;}
161 
.table_bazar #col2, .table_bazar #col3, #laius_abonnement{
162 
	display:none;}
163 
.table_bazar #col1,.table_bazar #col4{
164 
	width:150px;}
165 
 
166 
.BAZ_actions_fiche ul{
167 
	list-style-type:none;}
168 
.BAZ_actions_fiche a{
169 
	display:block;
170 
	text-align:center;
171 
	width:200px;
172 
	border: 1px solid black;
173 
	padding:3px;
174 
	font-size:14px;
175 
  background:#fefffe;}
176 
.BAZ_actions_fiche a:hover{
177 
	background-color:#b0cdfc;}
178 
#bf_description_description {font-weight:normal;}
280 jp_milcent 179 
/* CALENDRIER */
180 
#cal_entete{
181 
	display:block;
182 
	background:transparent url(/client/bazar/images/cal_titre_fond.png) repeat-x;
183 
	margin:10px 0;
184 
	height:31px;
185 
	min-width:300px;
186 
	border-left: 2px solid #113054;
451 aurelien 187 
	border-right: 2px solid #113054;
188 
	position: relative;
189 
}
190 
#cal_titre{
191 
	position:absolute;
280 jp_milcent 192 
	background:transparent;
451 aurelien 193 
	top:0;
460 aurelien 194 
	margin-top: 10px;
451 aurelien 195 
	right:20px;
280 jp_milcent 196 
	width:182px;}
197 
#cal_navigation{
198 
	display:block;
199 
	position:absolute;
200 
	background:transparent;
201 
	top:10px;
202 
	left:20px;}
203 
#cal_precedent_lien, #cal_suivant_lien{
204 
	display:block;
205 
	position:absolute;
451 aurelien 206 
	top:2px;
280 jp_milcent 207 
	background:transparent;}
208 
#cal_suivant_lien img, #cal_precedent_lien img{
209 
	display:block;
210 
	border:0;}
211 
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{
212 
	background-color:#b0cdfc;}
213 
#cal_precedent_lien{
214 
	left:15px;}
215 
#cal_mois_courrant{
216 
	display:block;
217 
	position:absolute;
451 aurelien 218 
	top:4px;
280 jp_milcent 219 
	left:40px;
451 aurelien 220 
	width:110px;
280 jp_milcent 221 
	padding:2px 25px;
222 
	background-color:#fff;
223 
	border:1px inset #113054;
224 
	text-align:center;
225 
	text-transform:uppercase;
226 
	font: bold 14px 'Arial narrow', arial, sans-serif;}
227 
#cal_suivant_lien{
451 aurelien 228 
	left:205px;}
280 jp_milcent 229 
.calendrier{
230 
	font: bold 16px 'Arial narrow', Arial, sans-serif;
231 
	border-collapse:separate;
232 
	border-spacing:2px;
233 
	width:100%;}
459 aurelien 234 
/* Probl�me de la couleur entre les cellules...
280 jp_milcent 235 
.calendrier tbody{
236 
	background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
237 
.calendrier th, .calendrier_applette th {
238 
	color:white;
459 aurelien 239 
	background-color:#C3C0AD;
280 jp_milcent 240 
	border: 1px solid #113054;
241 
	text-align:center;}
242 
.calendrier th {
243 
	height:20px;
244 
	width:14%;
245 
	border-width:2px;}
246 
.calendrier td {
247 
	height:83px;
248 
	width:14%;
249 
	border:2px solid #4c4c4c;
250 
	vertical-align:top;
251 
	text-align:left;
252 
	-moz-border-radius:3px;}
253 
.cal_samedi, .cal_dimanche{
254 
	background-color:#fff9e7;}
255 
.cal_j{
256 
	display:block;
257 
	float:right;
258 
	padding:2px;}
259 
.cal_jc{
260 
	background-color:#c4d9fb;}
261 
.cal_ma{
262 
	background-color:#eaeaec;}
263 
.cal_evenemt_liste{
264 
	font: normal 10px Arial, sans-serif;
451 aurelien 265 
	list-style-type:none;
280 jp_milcent 266 
	margin:20px 0 0 0;
267 
	padding:0;}
268 
.cal_evenemt_liste li{
451 aurelien 269 
	background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat !important;
270 
	display:block;
271 
	padding-bottom: 10px;
272 
	padding-top: 2px;
273 
	margin-left: 5px;
274 
}
275 
 
276 
.cal_evenemt_liste li a {
277 
	padding-left: 20px;
278 
	padding-bottom: 5px;
279 
}
280 
 
385 jp_milcent 281 
.cal_evenemt_liste .nature_1{
451 aurelien 282 
	background:transparent url(/client/bazar/images/drapeau_bleu.png) top left no-repeat !important;}
385 jp_milcent 283 
.filtre_1{
284 
	background-color:#7CCCFF;}
285 
.cal_evenemt_liste .nature_2{
451 aurelien 286 
	background:transparent url(/client/bazar/images/drapeau_vert.png) top left no-repeat !important;}
385 jp_milcent 287 
.filtre_2{
288 
	background-color:#7ACD69;}
289 
.cal_evenemt_liste .nature_3{
451 aurelien 290 
	background:transparent url(/client/bazar/images/drapeau_orange.png) top left no-repeat !important;}
385 jp_milcent 291 
.filtre_3{
292 
	background-color:#FFAA5D;}
293 
.cal_evenemt_liste .nature_4{
451 aurelien 294 
	background:transparent url(/client/bazar/images/drapeau_rose.png) top left no-repeat !important;}
295 
.filtre_4{
296 
	background-color:#FF81EA;}
280 jp_milcent 297 
.cal_evenemt{
451 aurelien 298 
	margin:0 0 0 0px;
299 
	padding:0;}
459 aurelien 300 
/* Pour la biblioth�que JS DomToolTip */
280 jp_milcent 301 
div.niceTitle {
302 
	background-color: #333333;
303 
	color: #FFFFFF;
304 
	font-weight: bold;
305 
	font-size: 13px;
306 
	font-family: "Trebuchet MS", sans-serif;
307 
	width: 250px;
308 
	left: 0;
309 
	top: 0;
310 
	padding: 4px;
311 
	position: absolute;
312 
	text-align: left;
313 
	z-index: 20;
314 
	-moz-border-radius: 0 10px 10px 10px;
315 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
316 
	-moz-opacity: .87;
317 
	-khtml-opacity: .87;
318 
	opacity: .87;}
319 
div.niceTitle .contents {
320 
	margin: 0;
321 
	padding: 0 3px;
322 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
323 
	-moz-opacity: 1;
324 
	-khtml-opacity: 1;
325 
	opacity: 1;}
326 
div.niceTitle p {
385 jp_milcent 327 
	width: 250px;
280 jp_milcent 328 
	color: #D17E62;
329 
	font-size: 9px;
330 
	padding: 3px 0 0 0;
331 
	margin: 0;
332 
	text-align: left;
451 aurelien 333 
	-moz-opacity: 1;}
334 
 
335 
.bouton_valider {
336 
	  color:#7B9C35;
337 
	  font-size: 14px;
338 
	  width: 208px;
339 
	  background-color:#FFFFFF;
340 
	  border:1px solid;
341 
	  border-color: #000000;
342 
}
343 
 
344 
#label_validite {
345 
		padding-right: 7px;
346 
}
347 
 
348 
#date_validite {
349 
		width: 100px;
350 
}