Subversion Repositories Sites.tela-botanica.org

Rev

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

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