Subversion Repositories Applications.bazar

Rev

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

Rev Author Line No. Line
280 jp_milcent 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
#BAZ_corps {width:100%;}
13
#formulaire input, #formulaire textarea, #formulaire select {border:1px solid #000;}
14
.enligne {padding:0;margin:0;display:inline;list-style: none;list-style-type:none;background:#FFF;}
15
/*-------------Les fiches Bazar-------------------------------------------------*/
16
.BAZ_cadre_fiche {margin:0 auto;width:100%;padding:10px;
17
                  border: 1px solid #3082AA;-moz-border-radius:10px;
18
                  text-indent:0; font: 13px arial, sans-serif; color:#000; text-align:justify; line-height:17px;}
19
.BAZ_cadre_fiche a {font: 14px arial, sans-serif;color:#3082AA;text-decoration:underline;}
20
.BAZ_cadre_fiche a:hover {color:#515966;text-decoration:underline;}
21
#fiche_image {float:left;height:150px; width:150px;}
22
#fiche_titre {text-align:left;width:100%;padding-left:10px; background:transparent; border:0; color:#B1BB7E; font: 19px arial, sans-serif;}
23
#BAZ_description {min-height:120px;font: 15px arial, sans-serif;text-align:justify;}
24
#BAZ_bas_page {margin: 0;padding:0;}
25
.bulle_haut {margin: 0;padding:0;}
26
.bulle_corps {margin: 0;padding:10px 5px;border: 1px solid #3082AA;-moz-border-radius:10px;background:#DBE8C8;}
27
.bulle_bas {margin: 0;padding:0;}
28
#formation_qualifiante {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;}
29
#formation_diplomante {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;}
30
#formation_continue {float:right;margin:0 -15px 0 5px;height:190px;width:30px;background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;}
31
.centrer {clear:both;margin:0 auto;}
32
.rubrique {width:150px;	text-align:left;font: bold 15px arial, sans-serif; color: #515966;}
33
.rubrique_bulle {width:90px;text-align:left;font: bold 15px arial, sans-serif; color: #000;}
34
.infos {width:70%;float:left;min-height:120px;font: bold 15px arial, sans-serif; color: #B1BB7E;line-height: 25px;}
35
.bazar_checkbox {float:left;width:170px;font:10px arial, sans-serif;border:0;}
36
.lien_wikini {margin: 0;padding:10px 5px;border: 2px solid #DBE8C8;-moz-border-radius:10px;background:#3082AA;}
37
div.lien_wikini a {padding-left:100px;color:#FFFFFF;}
38
.table_bazar th{font-weight:bold;}
39
.table_bazar #col1,.table_bazar #col2,.table_bazar #col3,.table_bazar #col4{text-align:center;}
40
 
41
/* GOOGLE MAP */
42
.BAZ_cadre_map {
43
	padding:0;
44
	height:250px;
45
	width:400px;
46
	overflow:auto;}
47
.BAZ_cadre_map .BAZ_cadre_fiche{
48
	padding:0 2px 2px 2px;}
49
.BAZ_cadre_map .BAZ_fiche_titre, .BAZ_cadre_map .BAZ_fiche{
50
	font-size:13px;
51
	padding:2px;
52
	margin:2px 2px 2px 0;}
53
#map{
54
	min-height:600px;}
55
 
56
/* CALENDRIER APPLETTE*/
57
.calendrier_applette{
58
	width:140px;}
59
 
60
/* CALENDRIER */
61
#cal_entete{
62
	display:block;
63
	background:transparent url(/client/bazar/images/cal_titre_fond.png) repeat-x;
64
	margin:10px 0;
65
	height:31px;
66
	min-width:300px;
67
	border-left: 2px solid #113054;
68
	border-right: 2px solid #113054;}
69
#cal_titre_img{
70
	float:right;
71
	display:block;
72
	background:transparent;
73
	padding-bottom:10px;
74
	width:182px;}
75
#cal_navigation{
76
	display:block;
77
	position:absolute;
78
	background:transparent;
79
	top:10px;
80
	left:20px;}
81
#cal_precedent_lien, #cal_suivant_lien{
82
	display:block;
83
	position:absolute;
84
	top:12px;
85
	background:transparent;}
86
#cal_suivant_lien img, #cal_precedent_lien img{
87
	display:block;
88
	border:0;}
89
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{
90
	background-color:#b0cdfc;}
91
#cal_precedent_lien{
92
	left:15px;}
93
#cal_mois_courrant{
94
	display:block;
95
	position:absolute;
96
	top:14px;
97
	left:40px;
98
	width:100px;
99
	padding:2px 25px;
100
	background-color:#fff;
101
	border:1px inset #113054;
102
	text-align:center;
103
	text-transform:uppercase;
104
	font: bold 14px 'Arial narrow', arial, sans-serif;}
105
#cal_suivant_lien{
106
	left:195px;}
107
.calendrier{
108
	font: bold 16px 'Arial narrow', Arial, sans-serif;
109
	border-collapse:separate;
110
	border-spacing:2px;
111
	width:100%;}
112
/* Problème de la couleur entre les cellules...
113
.calendrier tbody{
114
	background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
115
.calendrier th, .calendrier_applette th {
116
	color:white;
117
	background-color:#174984;
118
	border: 1px solid #113054;
119
	text-align:center;}
120
.calendrier th {
121
	height:20px;
122
	width:14%;
123
	border-width:2px;}
124
.calendrier td {
125
	height:83px;
126
	width:14%;
127
	border:2px solid #4c4c4c;
128
	vertical-align:top;
129
	text-align:left;
130
	-moz-border-radius:3px;}
131
.cal_samedi, .cal_dimanche{
132
	background-color:#fff9e7;}
133
.cal_j{
134
	display:block;
135
	float:right;
136
	padding:2px;}
137
.cal_jc{
138
	background-color:#c4d9fb;}
139
.cal_ma{
140
	background-color:#eaeaec;}
141
.cal_evenemt_liste{
142
	font: normal 10px Arial, sans-serif;
143
	list-style-type:none;/*disc url(/client/bazar/images/cal_pastille.png) inside;*/
144
	margin:20px 0 0 0;
145
	padding:0;}
146
.cal_evenemt_liste li{
385 jp_milcent 147
	background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat;
148
	display:block;}
149
.cal_evenemt_liste .nature_1{
150
	background:transparent url(/client/bazar/images/drapeau_bleu.png) top left no-repeat;}
151
.filtre_1{
152
	background-color:#7CCCFF;}
153
.cal_evenemt_liste .nature_2{
154
	background:transparent url(/client/bazar/images/drapeau_vert.png) top left no-repeat;}
155
.filtre_2{
156
	background-color:#7ACD69;}
157
.cal_evenemt_liste .nature_3{
158
	background:transparent url(/client/bazar/images/drapeau_orange.png) top left no-repeat;}
159
.filtre_3{
160
	background-color:#FFAA5D;}
161
.cal_evenemt_liste .nature_4{
162
	background:transparent url(/client/bazar/images/drapeau_rose.png) top left no-repeat;}
280 jp_milcent 163
.cal_evenemt{
164
	margin:0;
165
	padding:0 0 0 13px;}
166
/* Pour la bibliothèque JS DomToolTip */
167
div.niceTitle {
168
	background-color: #333333;
169
	color: #FFFFFF;
170
	font-weight: bold;
171
	font-size: 13px;
172
	font-family: "Trebuchet MS", sans-serif;
173
	width: 250px;
174
	left: 0;
175
	top: 0;
176
	padding: 4px;
177
	position: absolute;
178
	text-align: left;
179
	z-index: 20;
180
	-moz-border-radius: 0 10px 10px 10px;
181
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
182
	-moz-opacity: .87;
183
	-khtml-opacity: .87;
184
	opacity: .87;}
185
div.niceTitle .contents {
186
	margin: 0;
187
	padding: 0 3px;
188
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
189
	-moz-opacity: 1;
190
	-khtml-opacity: 1;
191
	opacity: 1;}
385 jp_milcent 192
/* Ne semble pas marche pour limiter la largeur, du coup on affiche pas le lien dans le p...
280 jp_milcent 193
div.niceTitle p {
385 jp_milcent 194
	width: 250px;
280 jp_milcent 195
	color: #D17E62;
196
	font-size: 9px;
197
	padding: 3px 0 0 0;
198
	margin: 0;
199
	text-align: left;
385 jp_milcent 200
	-moz-opacity: 1;}*/