Subversion Repositories Sites.tela-botanica.org

Rev

Rev 539 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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