Subversion Repositories Sites.tela-botanica.org

Rev

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

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