Subversion Repositories Applications.bazar

Rev

Rev 459 | Rev 461 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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