| 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{
|
|
|
147 |
display:block;
|
|
|
148 |
background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat;}
|
|
|
149 |
.cal_evenemt{
|
|
|
150 |
margin:0;
|
|
|
151 |
padding:0 0 0 13px;}
|
|
|
152 |
/* Pour la bibliothèque JS DomToolTip */
|
|
|
153 |
div.niceTitle {
|
|
|
154 |
background-color: #333333;
|
|
|
155 |
color: #FFFFFF;
|
|
|
156 |
font-weight: bold;
|
|
|
157 |
font-size: 13px;
|
|
|
158 |
font-family: "Trebuchet MS", sans-serif;
|
|
|
159 |
width: 250px;
|
|
|
160 |
left: 0;
|
|
|
161 |
top: 0;
|
|
|
162 |
padding: 4px;
|
|
|
163 |
position: absolute;
|
|
|
164 |
text-align: left;
|
|
|
165 |
z-index: 20;
|
|
|
166 |
-moz-border-radius: 0 10px 10px 10px;
|
|
|
167 |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
|
|
|
168 |
-moz-opacity: .87;
|
|
|
169 |
-khtml-opacity: .87;
|
|
|
170 |
opacity: .87;}
|
|
|
171 |
div.niceTitle .contents {
|
|
|
172 |
margin: 0;
|
|
|
173 |
padding: 0 3px;
|
|
|
174 |
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
|
|
|
175 |
-moz-opacity: 1;
|
|
|
176 |
-khtml-opacity: 1;
|
|
|
177 |
opacity: 1;}
|
|
|
178 |
div.niceTitle p {
|
|
|
179 |
color: #D17E62;
|
|
|
180 |
font-size: 9px;
|
|
|
181 |
padding: 3px 0 0 0;
|
|
|
182 |
margin: 0;
|
|
|
183 |
text-align: left;
|
| 278 |
alexandre_ |
184 |
-moz-opacity: 1;}
|