Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
307 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;
332 jpm 14
  background-color:#fefffe;}
336 jpm 15
input[type ^="submit"]:hover{
16
	background-color:#b0cdfc;}
307 jpm 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 {
319 jpm 27
	width:auto;
28
	height:auto;
307 jpm 29
	padding:10px;
333 jpm 30
	border: 1px solid #1A4881;}
319 jpm 31
#fiche_image{
32
	float:left;
307 jpm 33
	height:150px;
319 jpm 34
	width:210px;
332 jpm 35
	margin:0 10px 0 0}
333 jpm 36
#fiche_image, .BAZ_cadre_fiche{
37
	background-color:#fefffe;
38
	-moz-border-radius:10px;}
307 jpm 39
#fiche_titre {
40
	background:transparent;
41
	border-bottom:1px solid black;
42
	color:#1A4881;}
43
.bulle_bas{
44
	height:0;}
45
.bulle_corps{
46
	margin:0;
47
	padding:0;
48
	font-size:10px;
49
	color:gray;}
50
.centrer {
51
	clear:both;
52
	margin:0 auto;}
53
.rubrique {
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
.description{
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;}
336 jpm 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{
307 jpm 136
	display:none;}
137
.table_bazar #col1,.table_bazar #col4{
330 jpm 138
	width:150px;}
139
 
336 jpm 140
#modifier_fiche{
141
	display:block;
142
	width:100px;
143
	border: 1px solid black;
144
	padding:3px;
145
	font-size:14px;
146
  background:#fefffe;}
147
#modifier_fiche:hover{
148
	background-color:#b0cdfc;}
149
 
330 jpm 150
/* CALENDRIER */
151
#cal_entete{
152
	display:block;
336 jpm 153
	background:transparent url(/client/bazar/images/cal_titre_fond.png) repeat-x;
330 jpm 154
	margin:10px 0;
155
	height:31px;
156
	min-width:300px;
157
	border-left: 2px solid #113054;
158
	border-right: 2px solid #113054;}
159
#cal_titre{
160
	position:absolute;
161
	background:transparent;
162
	top:10px;
163
	right:20px;
164
	width:182px;}
165
#cal_navigation{
166
	display:block;
167
	position:absolute;
168
	background:transparent;
169
	top:10px;
170
	left:20px;}
171
#cal_precedent_lien, #cal_suivant_lien{
172
	display:block;
173
	position:absolute;
174
	top:12px;
175
	background:transparent;}
176
#cal_suivant_lien img, #cal_precedent_lien img{
177
	display:block;
178
	border:0;}
179
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{
180
	background-color:#b0cdfc;}
181
#cal_precedent_lien{
182
	left:15px;}
183
#cal_mois_courrant{
184
	display:block;
185
	position:absolute;
186
	top:14px;
187
	left:40px;
188
	width:100px;
189
	padding:2px 25px;
190
	background-color:#fff;
191
	border:1px inset #113054;
192
	text-align:center;
193
	text-transform:uppercase;
194
	font: bold 14px 'Arial narrow', arial, sans-serif;}
195
#cal_suivant_lien{
196
	left:195px;}
197
.calendrier{
198
	font: bold 16px 'Arial narrow', Arial, sans-serif;
199
	border-collapse:separate;
336 jpm 200
	border-spacing:2px;
201
	width:100%;}
330 jpm 202
/* Problème de la couleur entre les cellules...
203
.calendrier tbody{
204
	background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
332 jpm 205
.calendrier th, .calendrier_applette th {
206
	color:white;
207
	background-color:#174984;
208
	border: 1px solid #113054;
209
	text-align:center;}
330 jpm 210
.calendrier th {
211
	height:20px;
336 jpm 212
	width:14%;
332 jpm 213
	border-width:2px;}
330 jpm 214
.calendrier td {
215
	height:83px;
336 jpm 216
	width:14%;
330 jpm 217
	border:2px solid #4c4c4c;
218
	vertical-align:top;
332 jpm 219
	text-align:left;
330 jpm 220
	-moz-border-radius:3px;}
332 jpm 221
.cal_samedi, .cal_dimanche{
222
	background-color:#fff9e7;}
330 jpm 223
.cal_j{
224
	display:block;
225
	float:right;
226
	padding:2px;}
227
.cal_jc{
228
	background-color:#c4d9fb;}
229
.cal_ma{
230
	background-color:#eaeaec;}
231
.cal_evenemt_liste{
232
	font: normal 10px Arial, sans-serif;
233
	list-style-type:none;/*disc url(/client/bazar/images/cal_pastille.png) inside;*/
234
	margin:20px 0 0 0;
235
	padding:0;}
236
.cal_evenemt_liste li{
237
	display:block;
336 jpm 238
	background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat;}
330 jpm 239
.cal_evenemt{
240
	margin:0;
332 jpm 241
	padding:0 0 0 13px;}
242
/* Pour la bibliothèque JS DomToolTip */
243
div.niceTitle {
244
	background-color: #333333;
245
	color: #FFFFFF;
246
	font-weight: bold;
247
	font-size: 13px;
248
	font-family: "Trebuchet MS", sans-serif;
249
	width: 250px;
250
	left: 0;
251
	top: 0;
252
	padding: 4px;
253
	position: absolute;
254
	text-align: left;
255
	z-index: 20;
256
	-moz-border-radius: 0 10px 10px 10px;
257
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
258
	-moz-opacity: .87;
259
	-khtml-opacity: .87;
260
	opacity: .87;}
261
div.niceTitle .contents {
262
	margin: 0;
263
	padding: 0 3px;
264
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
265
	-moz-opacity: 1;
266
	-khtml-opacity: 1;
267
	opacity: 1;}
268
div.niceTitle p {
269
	color: #D17E62;
270
	font-size: 9px;
271
	padding: 3px 0 0 0;
272
	margin: 0;
273
	text-align: left;
274
	-moz-opacity: 1;}