Subversion Repositories Sites.tela-botanica.org

Rev

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