Subversion Repositories Applications.bazar

Rev

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

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