Subversion Repositories Applications.bazar

Rev

Rev 479 | 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 
 +----------------------------------------------------------------------------+
460 aurelien 7 
 | Feuille de style interne spécifique a l'application Bazar                  |
280 jp_milcent 8 
 +----------------------------------------------------------------------------+
9 
 | Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org>                       |
10 
 +----------------------------------------------------------------------------+
11 
*/
461 aurelien 12 
 
13 
/**
14 
Spécifique à téla mais cette modif est mise ici
15 
pour qu'en cas de problème le css ne soit modifié que dans les
16 
pages contenant bazar
17 
**/
18 
#actualites #zone-droite {
19 
  overflow:visible;
20 
}
21 
 
451 aurelien 22 
#formulaire input, #formulaire textarea, #formulaire select {
23 
	border:1px solid #000;
24 
  background-color:#fefffe;}
25 
input[type ^="submit"]:hover{
26 
	background-color:#b0cdfc;}
27 
.enligne {
28 
	padding:0;
29 
	margin:0;
30 
	display:inline;
31 
	list-style:none;
32 
	list-style-type:none;
33 
	background:#FFF;}
34 
 
280 jp_milcent 35 
/*-------------Les fiches Bazar-------------------------------------------------*/
451 aurelien 36 
.BAZ_cadre_fiche{
37 
	max-width:600px;
38 
	width:auto;
39 
	height:auto;
40 
	padding:10px;
41 
	border: 1px solid #7B9C35;}
280 jp_milcent 42 
.BAZ_cadre_map {
43 
	padding:0;
44 
	height:250px;
45 
	width:400px;
46 
	overflow:auto;}
451 aurelien 47 
 
48 
 
460 aurelien 49 
 
50 
.BAZ_cadre_map .BAZ_cadre_fiche{
51 
	padding:0 2px 2px 2px;}
280 jp_milcent 52 
.BAZ_cadre_map .BAZ_fiche_titre, .BAZ_cadre_map .BAZ_fiche{
53 
	font-size:13px;
460 aurelien 54 
}
55 
 
451 aurelien 56 
.BAZ_fiche_titre_expo, .BAZ_fiche_titre_sortie, .BAZ_fiche_titre_formation, .BAZ_fiche_titre_evenement {
57 
	text-transform:none;}
280 jp_milcent 58 
#map{
59 
	min-height:600px;}
451 aurelien 60 
#fiche_image{
61 
	float:left;
62 
	height:150px;
63 
	width:210px;
64 
	margin:0 10px 0 0}
65 
#fiche_image, .BAZ_cadre_fiche{
66 
	background-color:#fefffe;
67 
	-moz-border-radius:10px;}
68 
#fiche_titre {
69 
	background:transparent;
70 
	border-bottom:1px solid black;
71 
	color:#1A4881;}
72 
.bulle_bas{
73 
	height:0;}
74 
.BAZ_infos_fiche{
75 
	margin:0;
76 
	padding:0;
77 
	font-size:10px;
78 
	color:gray;}
79 
.centrer {
80 
	clear:both;
81 
	margin:0 auto;}
82 
.BAZ_rubrique {
83 
	padding: 5px 0;}
84 
.BAZ_label {
85 
	text-align:left;
86 
	color: #3A3633;}
87 
.rubrique_bulle {
88 
	width:90px;
89 
	text-align:left;
90 
	font: bold 15px arial, sans-serif;
91 
	color: #000;}
92 
.BAZ_texte{
93 
	font-weight:bold;}
94 
.description ul{
95 
	margin:0;}
96 
.infos {
97 
	width:70%;
98 
	float:left;
99 
	min-height:120px;
100 
	font: bold 15px arial, sans-serif;
101 
	color:#B1BB7E;
102 
	line-height:25px;}
103 
.bazar_checkbox {
104 
	float:left;
105 
	width:170px;
106 
	font:10px arial, sans-serif;
107 
	border:0;}
108 
.lien_wikini{
109 
	margin:0;
110 
	padding:10px 5px;
111 
	border:2px solid #DBE8C8;
112 
	-moz-border-radius:10px;
113 
	background:#3082AA;}
114 
div.lien_wikini a{
115 
	padding-left:100px;
116 
	color:#FFF;}
117 
 
118 
#bazar_commentaire {
119 
	max-width: 600 px;
120 
	width: auto;
121 
}
280 jp_milcent 122 
 
451 aurelien 123 
#BAZ_bas_page, #BAZ_bas_page .rubrique{
124 
	font-size:10px;
125 
	text-decoration:none;
126 
	color:gray;}
127 
#BAZ_bas_page .rubrique{
128 
	display:inline;
129 
	clear:both;}
280 jp_milcent 130 
 
451 aurelien 131 
#formation_qualifiante {
132 
	float:right;
133 
	margin:0 -15px 0 5px;
134 
	height:190px;
135 
	width:30px;
136 
	background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;}
137 
#formation_diplomante {
138 
	float:right;
139 
	margin:0 -15px 0 5px;
140 
	height:190px;
141 
	width:30px;
142 
	background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;}
143 
#formation_continue {
144 
	float:right;
145 
	margin:0 -15px 0 5px;
146 
	height:190px;
147 
	width:30px;
148 
	background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;}
149 
 
150 
.table_bazar{
151 
	width:300px;
152 
	margin:2em 0 0 0;}
153 
#table_bazar{
154 
  border-spacing:0;
155 
  text-align:center;
156 
  border: 1px solid black;}
157 
#table_bazar th{
158 
	color:white;
159 
  background-color:#598ac4;
160 
  padding:0 5px;
161 
  text-align:center;
162 
  border-bottom: 1px dotted grey;
163 
  border-left: 1px dotted grey;}
164 
#table_bazar td  {
165 
  padding:2px;
166 
  text-align:left;
167 
  border-bottom: 1px dotted grey;
168 
  border-left: 1px dotted grey;}
169 
#table_bazar .ligne_paire{
170 
	background-color:#c8ddff;}
171 
.table_bazar #col2, .table_bazar #col3, #laius_abonnement{
172 
	display:none;}
173 
.table_bazar #col1,.table_bazar #col4{
174 
	width:150px;}
175 
 
176 
.BAZ_actions_fiche ul{
177 
	list-style-type:none;}
178 
.BAZ_actions_fiche a{
179 
	display:block;
180 
	text-align:center;
181 
	width:200px;
182 
	border: 1px solid black;
183 
	padding:3px;
184 
	font-size:14px;
185 
  background:#fefffe;}
186 
.BAZ_actions_fiche a:hover{
187 
	background-color:#b0cdfc;}
188 
#bf_description_description {font-weight:normal;}
280 jp_milcent 189 
/* CALENDRIER */
190 
#cal_entete{
191 
	display:block;
479 mathias 192 
	background:transparent url(/reseau/bazar/images/cal_titre_fond-grey.png) repeat-x;
280 jp_milcent 193 
	margin:10px 0;
194 
	height:31px;
195 
	min-width:300px;
463 raphael 196 
	border-left: 2px solid #C3C0AD;
197 
	border-right: 2px solid #C3C0AD;
451 aurelien 198 
	position: relative;
199 
}
200 
#cal_titre{
201 
	position:absolute;
280 jp_milcent 202 
	background:transparent;
451 aurelien 203 
	top:0;
460 aurelien 204 
	margin-top: 10px;
451 aurelien 205 
	right:20px;
280 jp_milcent 206 
	width:182px;}
207 
#cal_navigation{
208 
	display:block;
209 
	position:absolute;
210 
	background:transparent;
211 
	top:10px;
212 
	left:20px;}
213 
#cal_precedent_lien, #cal_suivant_lien{
214 
	display:block;
215 
	position:absolute;
451 aurelien 216 
	top:2px;
280 jp_milcent 217 
	background:transparent;}
218 
#cal_suivant_lien img, #cal_precedent_lien img{
219 
	display:block;
220 
	border:0;}
221 
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{
222 
	background-color:#b0cdfc;}
223 
#cal_precedent_lien{
224 
	left:15px;}
225 
#cal_mois_courrant{
226 
	display:block;
227 
	position:absolute;
451 aurelien 228 
	top:4px;
280 jp_milcent 229 
	left:40px;
451 aurelien 230 
	width:110px;
280 jp_milcent 231 
	padding:2px 25px;
232 
	background-color:#fff;
233 
	border:1px inset #113054;
234 
	text-align:center;
235 
	text-transform:uppercase;
236 
	font: bold 14px 'Arial narrow', arial, sans-serif;}
237 
#cal_suivant_lien{
451 aurelien 238 
	left:205px;}
280 jp_milcent 239 
.calendrier{
240 
	font: bold 16px 'Arial narrow', Arial, sans-serif;
241 
	border-collapse:separate;
242 
	border-spacing:2px;
463 raphael 243 
	width:960px; /* pour éviter que le calcul des largeurs des colonnes n'aboutisse à des valeurs différentes et que "dimanche" soit plus fin */
244 
}
245 
/* Problème de la couleur entre les cellules...
280 jp_milcent 246 
.calendrier tbody{
479 mathias 247 
	background:white url(/reseau/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
280 jp_milcent 248 
.calendrier th, .calendrier_applette th {
249 
	color:white;
459 aurelien 250 
	background-color:#C3C0AD;
280 jp_milcent 251 
	border: 1px solid #113054;
252 
	text-align:center;}
253 
.calendrier th {
254 
	height:20px;
255 
	width:14%;
256 
	border-width:2px;}
257 
.calendrier td {
258 
	height:83px;
259 
	width:14%;
260 
	border:2px solid #4c4c4c;
261 
	vertical-align:top;
262 
	text-align:left;
263 
	-moz-border-radius:3px;}
264 
.cal_samedi, .cal_dimanche{
265 
	background-color:#fff9e7;}
266 
.cal_j{
267 
	display:block;
268 
	float:right;
269 
	padding:2px;}
270 
.cal_jc{
271 
	background-color:#c4d9fb;}
272 
.cal_ma{
273 
	background-color:#eaeaec;}
274 
.cal_evenemt_liste{
275 
	font: normal 10px Arial, sans-serif;
451 aurelien 276 
	list-style-type:none;
280 jp_milcent 277 
	margin:20px 0 0 0;
278 
	padding:0;}
279 
.cal_evenemt_liste li{
479 mathias 280 
	background:transparent url(/reseau/bazar/images/cal_pastille.png) top left no-repeat !important;
451 aurelien 281 
	display:block;
282 
	padding-bottom: 10px;
283 
	padding-top: 2px;
284 
	margin-left: 5px;
285 
}
286 
 
287 
.cal_evenemt_liste li a {
288 
	padding-left: 20px;
289 
	padding-bottom: 5px;
290 
}
291 
 
385 jp_milcent 292 
.cal_evenemt_liste .nature_1{
479 mathias 293 
	background:transparent url(/reseau/bazar/images/drapeau_bleu.png) top left no-repeat !important;}
385 jp_milcent 294 
.filtre_1{
295 
	background-color:#7CCCFF;}
296 
.cal_evenemt_liste .nature_2{
479 mathias 297 
	background:transparent url(/reseau/bazar/images/drapeau_vert.png) top left no-repeat !important;}
385 jp_milcent 298 
.filtre_2{
299 
	background-color:#7ACD69;}
300 
.cal_evenemt_liste .nature_3{
479 mathias 301 
	background:transparent url(/reseau/bazar/images/drapeau_orange.png) top left no-repeat !important;}
385 jp_milcent 302 
.filtre_3{
303 
	background-color:#FFAA5D;}
304 
.cal_evenemt_liste .nature_4{
479 mathias 305 
	background:transparent url(/reseau/bazar/images/drapeau_rose.png) top left no-repeat !important;}
451 aurelien 306 
.filtre_4{
307 
	background-color:#FF81EA;}
280 jp_milcent 308 
.cal_evenemt{
451 aurelien 309 
	margin:0 0 0 0px;
310 
	padding:0;}
459 aurelien 311 
/* Pour la biblioth�que JS DomToolTip */
280 jp_milcent 312 
div.niceTitle {
313 
	background-color: #333333;
314 
	color: #FFFFFF;
315 
	font-weight: bold;
316 
	font-size: 13px;
317 
	font-family: "Trebuchet MS", sans-serif;
318 
	width: 250px;
319 
	left: 0;
320 
	top: 0;
321 
	padding: 4px;
322 
	position: absolute;
323 
	text-align: left;
324 
	z-index: 20;
325 
	-moz-border-radius: 0 10px 10px 10px;
326 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
327 
	-moz-opacity: .87;
328 
	-khtml-opacity: .87;
329 
	opacity: .87;}
330 
div.niceTitle .contents {
331 
	margin: 0;
332 
	padding: 0 3px;
333 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
334 
	-moz-opacity: 1;
335 
	-khtml-opacity: 1;
336 
	opacity: 1;}
337 
div.niceTitle p {
385 jp_milcent 338 
	width: 250px;
280 jp_milcent 339 
	color: #D17E62;
340 
	font-size: 9px;
341 
	padding: 3px 0 0 0;
342 
	margin: 0;
343 
	text-align: left;
451 aurelien 344 
	-moz-opacity: 1;}
345 
 
346 
.bouton_valider {
347 
	  color:#7B9C35;
348 
	  font-size: 14px;
349 
	  width: 208px;
350 
	  background-color:#FFFFFF;
351 
	  border:1px solid;
352 
	  border-color: #000000;
353 
}
354 
 
355 
#label_validite {
356 
		padding-right: 7px;
357 
}
358 
 
359 
#date_validite {
360 
		width: 100px;
361 
}
490 mathias 362 
 
363 
#origine-donnees {
364 
    -moz-user-select: none;
365 
    background: -moz-linear-gradient(center center , rgba(255, 255, 255, 0) 0pt, rgba(255, 255, 255, 0.5) 50px) repeat scroll 0 0 transparent;
366 
    bottom: 0;
367 
    color: #444444;
368 
    direction: ltr;
369 
    font-family: Arial,sans-serif;
370 
    font-size: 9px;
371 
    font-weight: bold;
372 
    height: 38px;
373 
    line-height: 19px;
374 
    padding-right: 2px;
375 
    position: absolute;
376 
    text-align: left;
377 
    white-space: nowrap;
378 
    z-index: 3001;
379 
}