Subversion Repositories Applications.bazar

Rev

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