Subversion Repositories Applications.bazar

Rev

Rev 385 | Rev 459 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 385 Rev 451
Line 7... Line 7...
7 
 | Feuille de style interne spécifique a l'application Bazar                  |
 7 
 | Feuille de style interne spécifique a l'application Bazar                  |
8 
 +----------------------------------------------------------------------------+
 8 
 +----------------------------------------------------------------------------+
9 
 | Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org>                       |
 9 
 | Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org>                       |
10 
 +----------------------------------------------------------------------------+
 10 
 +----------------------------------------------------------------------------+
11 
*/
 11 
*/
12 
#BAZ_corps {width:100%;}
 - 
 
13 
#formulaire input, #formulaire textarea, #formulaire select {border:1px solid #000;}
 12 
#formulaire input, #formulaire textarea, #formulaire select {
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;
 13 
	border:1px solid #000;
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;}
 14 
  background-color:#fefffe;}
21 
#fiche_image {float:left;height:150px; width:150px;}
 15 
input[type ^="submit"]:hover{
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;}
 16 
	background-color:#b0cdfc;}
- 
 
 17 
.enligne {
24 
#BAZ_bas_page {margin: 0;padding:0;}
 18 
	padding:0;
25 
.bulle_haut {margin: 0;padding:0;}
 19 
	margin: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;}
 20 
	display:inline;
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;}
 21 
	list-style:none;
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;}
 22 
	list-style-type:none;
38 
.table_bazar th{font-weight:bold;}
 23 
	background:#FFF;}
39 
.table_bazar #col1,.table_bazar #col2,.table_bazar #col3,.table_bazar #col4{text-align:center;}
 - 
 
Line -... Line 24...
- 
 
 24 
 
- 
 
 25 
/*-------------Les fiches Bazar-------------------------------------------------*/
40 
 
 26 
.BAZ_cadre_fiche{
- 
 
 27 
	max-width:600px;
- 
 
 28 
	width:auto;
- 
 
 29 
	height:auto;
- 
 
 30 
	padding:10px;
41 
/* GOOGLE MAP */
 31 
	border: 1px solid #7B9C35;}
42 
.BAZ_cadre_map {
 32 
.BAZ_cadre_map {
43 
	padding:0;
 33 
	padding:0;
44 
	height:250px;
 34 
	height:250px;
45 
	width:400px;
 35 
	width:400px;
- 
 
 36 
	overflow:auto;}
46 
	overflow:auto;}
 37 
 
47 
.BAZ_cadre_map .BAZ_cadre_fiche{
 38 
.BAZ_cadre_map h1 {
- 
 
 39 
	background: none;
- 
 
 40 
}
48 
	padding:0 2px 2px 2px;}
 41 
 
49 
.BAZ_cadre_map .BAZ_fiche_titre, .BAZ_cadre_map .BAZ_fiche{
 42 
.BAZ_cadre_map .BAZ_fiche_titre, .BAZ_cadre_map .BAZ_fiche{
50 
	font-size:13px;
 - 
 
51 
	padding:2px;
 43 
	font-size:13px;
- 
 
 44 
	margin:2px 2px 2px 0;}
- 
 
 45 
.BAZ_fiche_titre_expo, .BAZ_fiche_titre_sortie, .BAZ_fiche_titre_formation, .BAZ_fiche_titre_evenement {
52 
	margin:2px 2px 2px 0;}
 46 
	text-transform:none;}
53 
#map{
 47 
#map{
- 
 
 48 
	min-height:600px;}
- 
 
 49 
#fiche_image{
- 
 
 50 
	float:left;
- 
 
 51 
	height:150px;
- 
 
 52 
	width:210px;
- 
 
 53 
	margin:0 10px 0 0}
- 
 
 54 
#fiche_image, .BAZ_cadre_fiche{
- 
 
 55 
	background-color:#fefffe;
- 
 
 56 
	-moz-border-radius:10px;}
- 
 
 57 
#fiche_titre {
- 
 
 58 
	background:transparent;
- 
 
 59 
	border-bottom:1px solid black;
- 
 
 60 
	color:#1A4881;}
- 
 
 61 
.bulle_bas{
- 
 
 62 
	height:0;}
- 
 
 63 
.BAZ_infos_fiche{
- 
 
 64 
	margin:0;
- 
 
 65 
	padding:0;
- 
 
 66 
	font-size:10px;
- 
 
 67 
	color:gray;}
- 
 
 68 
.centrer {
- 
 
 69 
	clear:both;
- 
 
 70 
	margin:0 auto;}
- 
 
 71 
.BAZ_rubrique {
- 
 
 72 
	padding: 5px 0;}
- 
 
 73 
.BAZ_label {
- 
 
 74 
	text-align:left;
- 
 
 75 
	color: #3A3633;}
- 
 
 76 
.rubrique_bulle {
- 
 
 77 
	width:90px;
- 
 
 78 
	text-align:left;
- 
 
 79 
	font: bold 15px arial, sans-serif;
- 
 
 80 
	color: #000;}
- 
 
 81 
.BAZ_texte{
- 
 
 82 
	font-weight:bold;}
- 
 
 83 
.description ul{
- 
 
 84 
	margin:0;}
- 
 
 85 
.infos {
- 
 
 86 
	width:70%;
- 
 
 87 
	float:left;
- 
 
 88 
	min-height:120px;
- 
 
 89 
	font: bold 15px arial, sans-serif;
- 
 
 90 
	color:#B1BB7E;
- 
 
 91 
	line-height:25px;}
- 
 
 92 
.bazar_checkbox {
- 
 
 93 
	float:left;
- 
 
 94 
	width:170px;
- 
 
 95 
	font:10px arial, sans-serif;
- 
 
 96 
	border:0;}
- 
 
 97 
.lien_wikini{
- 
 
 98 
	margin:0;
- 
 
 99 
	padding:10px 5px;
- 
 
 100 
	border:2px solid #DBE8C8;
- 
 
 101 
	-moz-border-radius:10px;
- 
 
 102 
	background:#3082AA;}
- 
 
 103 
div.lien_wikini a{
- 
 
 104 
	padding-left:100px;
- 
 
 105 
	color:#FFF;}
- 
 
 106
- 
 
 107 
#bazar_commentaire {
- 
 
 108 
	max-width: 600 px;
- 
 
 109 
	width: auto;
Line -... Line 110...
- 
 
 110 
}
- 
 
 111 
 
- 
 
 112 
#BAZ_bas_page, #BAZ_bas_page .rubrique{
- 
 
 113 
	font-size:10px;
54 
	min-height:600px;}
 114 
	text-decoration:none;
55 
 
 115 
	color:gray;}
56 
/* CALENDRIER APPLETTE*/
 116 
#BAZ_bas_page .rubrique{
Line -... Line 117...
- 
 
 117 
	display:inline;
- 
 
 118 
	clear:both;}
- 
 
 119 
 
- 
 
 120 
#formation_qualifiante {
- 
 
 121 
	float:right;
- 
 
 122 
	margin:0 -15px 0 5px;
- 
 
 123 
	height:190px;
- 
 
 124 
	width:30px;
- 
 
 125 
	background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;}
- 
 
 126 
#formation_diplomante {
- 
 
 127 
	float:right;
- 
 
 128 
	margin:0 -15px 0 5px;
- 
 
 129 
	height:190px;
- 
 
 130 
	width:30px;
- 
 
 131 
	background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;}
- 
 
 132 
#formation_continue {
- 
 
 133 
	float:right;
- 
 
 134 
	margin:0 -15px 0 5px;
- 
 
 135 
	height:190px;
- 
 
 136 
	width:30px;
- 
 
 137 
	background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;}
- 
 
 138 
 
- 
 
 139 
.table_bazar{
- 
 
 140 
	width:300px;
- 
 
 141 
	margin:2em 0 0 0;}
- 
 
 142 
#table_bazar{
- 
 
 143 
  border-spacing:0;
- 
 
 144 
  text-align:center;
- 
 
 145 
  border: 1px solid black;}
- 
 
 146 
#table_bazar th{
- 
 
 147 
	color:white;
- 
 
 148 
  background-color:#598ac4;
- 
 
 149 
  padding:0 5px;
- 
 
 150 
  text-align:center;
- 
 
 151 
  border-bottom: 1px dotted grey;
- 
 
 152 
  border-left: 1px dotted grey;}
- 
 
 153 
#table_bazar td  {
- 
 
 154 
  padding:2px;
- 
 
 155 
  text-align:left;
- 
 
 156 
  border-bottom: 1px dotted grey;
- 
 
 157 
  border-left: 1px dotted grey;}
- 
 
 158 
#table_bazar .ligne_paire{
- 
 
 159 
	background-color:#c8ddff;}
- 
 
 160 
.table_bazar #col2, .table_bazar #col3, #laius_abonnement{
- 
 
 161 
	display:none;}
- 
 
 162 
.table_bazar #col1,.table_bazar #col4{
- 
 
 163 
	width:150px;}
- 
 
 164 
 
- 
 
 165 
.BAZ_actions_fiche ul{
- 
 
 166 
	list-style-type:none;}
- 
 
 167 
.BAZ_actions_fiche a{
- 
 
 168 
	display:block;
- 
 
 169 
	text-align:center;
- 
 
 170 
	width:200px;
- 
 
 171 
	border: 1px solid black;
- 
 
 172 
	padding:3px;
- 
 
 173 
	font-size:14px;
- 
 
 174 
  background:#fefffe;}
57 
.calendrier_applette{
 175 
.BAZ_actions_fiche a:hover{
58 
	width:140px;}
 176 
	background-color:#b0cdfc;}
59 
 
 177 
#bf_description_description {font-weight:normal;}
60 
/* CALENDRIER */
 178 
/* CALENDRIER */
61 
#cal_entete{
 179 
#cal_entete{
62 
	display:block;
 180 
	display:block;
63 
	background:transparent url(/client/bazar/images/cal_titre_fond.png) repeat-x;
 181 
	background:transparent url(/client/bazar/images/cal_titre_fond.png) repeat-x;
64 
	margin:10px 0;
 182 
	margin:10px 0;
65 
	height:31px;
 183 
	height:31px;
66 
	min-width:300px;
 184 
	min-width:300px;
- 
 
 185 
	border-left: 2px solid #113054;
67 
	border-left: 2px solid #113054;
 186 
	border-right: 2px solid #113054;
68 
	border-right: 2px solid #113054;}
 187 
	position: relative;
69 
#cal_titre_img{
 188 
}
- 
 
 189 
#cal_titre{
70 
	float:right;
 190 
	position:absolute;
71 
	display:block;
 191 
	background:transparent;
72 
	background:transparent;
 192 
	top:0;
73 
	padding-bottom:10px;
 193 
	right:20px;
74 
	width:182px;}
 194 
	width:182px;}
75 
#cal_navigation{
 195 
#cal_navigation{
76 
	display:block;
 196 
	display:block;
77 
	position:absolute;
 197 
	position:absolute;
78 
	background:transparent;
 198 
	background:transparent;
79 
	top:10px;
 199 
	top:10px;
80 
	left:20px;}
 200 
	left:20px;}
81 
#cal_precedent_lien, #cal_suivant_lien{
 201 
#cal_precedent_lien, #cal_suivant_lien{
82 
	display:block;
 202 
	display:block;
83 
	position:absolute;
 203 
	position:absolute;
84 
	top:12px;
 204 
	top:2px;
85 
	background:transparent;}
 205 
	background:transparent;}
86 
#cal_suivant_lien img, #cal_precedent_lien img{
 206 
#cal_suivant_lien img, #cal_precedent_lien img{
Line 91... Line 211...
91 
#cal_precedent_lien{
 211 
#cal_precedent_lien{
92 
	left:15px;}
 212 
	left:15px;}
93 
#cal_mois_courrant{
 213 
#cal_mois_courrant{
94 
	display:block;
 214 
	display:block;
95 
	position:absolute;
 215 
	position:absolute;
96 
	top:14px;
 216 
	top:4px;
97 
	left:40px;
 217 
	left:40px;
98 
	width:100px;
 218 
	width:110px;
99 
	padding:2px 25px;
 219 
	padding:2px 25px;
100 
	background-color:#fff;
 220 
	background-color:#fff;
101 
	border:1px inset #113054;
 221 
	border:1px inset #113054;
102 
	text-align:center;
 222 
	text-align:center;
103 
	text-transform:uppercase;
 223 
	text-transform:uppercase;
104 
	font: bold 14px 'Arial narrow', arial, sans-serif;}
 224 
	font: bold 14px 'Arial narrow', arial, sans-serif;}
105 
#cal_suivant_lien{
 225 
#cal_suivant_lien{
106 
	left:195px;}
 226 
	left:205px;}
107 
.calendrier{
 227 
.calendrier{
108 
	font: bold 16px 'Arial narrow', Arial, sans-serif;
 228 
	font: bold 16px 'Arial narrow', Arial, sans-serif;
109 
	border-collapse:separate;
 229 
	border-collapse:separate;
110 
	border-spacing:2px;
 230 
	border-spacing:2px;
111 
	width:100%;}
 231 
	width:100%;}
112 
/* Problème de la couleur entre les cellules...
 232 
/* Problème de la couleur entre les cellules...
113 
.calendrier tbody{
 233 
.calendrier tbody{
114 
	background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
 234 
	background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
115 
.calendrier th, .calendrier_applette th {
 235 
.calendrier th, .calendrier_applette th {
116 
	color:white;
 236 
	color:white;
117 
	background-color:#174984;
 237 
	background-color:#B0CDFC;
118 
	border: 1px solid #113054;
 238 
	border: 1px solid #113054;
119 
	text-align:center;}
 239 
	text-align:center;}
120 
.calendrier th {
 240 
.calendrier th {
121 
	height:20px;
 241 
	height:20px;
122 
	width:14%;
 242 
	width:14%;
Line 138... Line 258...
138 
	background-color:#c4d9fb;}
 258 
	background-color:#c4d9fb;}
139 
.cal_ma{
 259 
.cal_ma{
140 
	background-color:#eaeaec;}
 260 
	background-color:#eaeaec;}
141 
.cal_evenemt_liste{
 261 
.cal_evenemt_liste{
142 
	font: normal 10px Arial, sans-serif;
 262 
	font: normal 10px Arial, sans-serif;
143 
	list-style-type:none;/*disc url(/client/bazar/images/cal_pastille.png) inside;*/
 263 
	list-style-type:none;
144 
	margin:20px 0 0 0;
 264 
	margin:20px 0 0 0;
145 
	padding:0;}
 265 
	padding:0;}
146 
.cal_evenemt_liste li{
 266 
.cal_evenemt_liste li{
147 
	background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat;
 267 
	background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat !important;
148 
	display:block;}
 268 
	display:block;
- 
 
 269 
	padding-bottom: 10px;
- 
 
 270 
	padding-top: 2px;
- 
 
 271 
	margin-left: 5px;
- 
 
 272 
}
- 
 
 273 
 
- 
 
 274 
.cal_evenemt_liste li a {
- 
 
 275 
	padding-left: 20px;
- 
 
 276 
	padding-bottom: 5px;
- 
 
 277 
}
- 
 
 278 
 
149 
.cal_evenemt_liste .nature_1{
 279 
.cal_evenemt_liste .nature_1{
150 
	background:transparent url(/client/bazar/images/drapeau_bleu.png) top left no-repeat;}
 280 
	background:transparent url(/client/bazar/images/drapeau_bleu.png) top left no-repeat !important;}
151 
.filtre_1{
 281 
.filtre_1{
152 
	background-color:#7CCCFF;}
 282 
	background-color:#7CCCFF;}
153 
.cal_evenemt_liste .nature_2{
 283 
.cal_evenemt_liste .nature_2{
154 
	background:transparent url(/client/bazar/images/drapeau_vert.png) top left no-repeat;}
 284 
	background:transparent url(/client/bazar/images/drapeau_vert.png) top left no-repeat !important;}
155 
.filtre_2{
 285 
.filtre_2{
156 
	background-color:#7ACD69;}
 286 
	background-color:#7ACD69;}
157 
.cal_evenemt_liste .nature_3{
 287 
.cal_evenemt_liste .nature_3{
158 
	background:transparent url(/client/bazar/images/drapeau_orange.png) top left no-repeat;}
 288 
	background:transparent url(/client/bazar/images/drapeau_orange.png) top left no-repeat !important;}
159 
.filtre_3{
 289 
.filtre_3{
160 
	background-color:#FFAA5D;}
 290 
	background-color:#FFAA5D;}
161 
.cal_evenemt_liste .nature_4{
 291 
.cal_evenemt_liste .nature_4{
162 
	background:transparent url(/client/bazar/images/drapeau_rose.png) top left no-repeat;}
 292 
	background:transparent url(/client/bazar/images/drapeau_rose.png) top left no-repeat !important;}
- 
 
 293 
.filtre_4{
- 
 
 294 
	background-color:#FF81EA;}
163 
.cal_evenemt{
 295 
.cal_evenemt{
164 
	margin:0;
 296 
	margin:0 0 0 0px;
165 
	padding:0 0 0 13px;}
 297 
	padding:0;}
166 
/* Pour la bibliothèque JS DomToolTip */
 298 
/* Pour la bibliothèque JS DomToolTip */
167 
div.niceTitle {
 299 
div.niceTitle {
168 
	background-color: #333333;
 300 
	background-color: #333333;
169 
	color: #FFFFFF;
 301 
	color: #FFFFFF;
170 
	font-weight: bold;
 302 
	font-weight: bold;
Line 187... Line 319...
187 
	padding: 0 3px;
 319 
	padding: 0 3px;
188 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 320 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
189 
	-moz-opacity: 1;
 321 
	-moz-opacity: 1;
190 
	-khtml-opacity: 1;
 322 
	-khtml-opacity: 1;
191 
	opacity: 1;}
 323 
	opacity: 1;}
192 
/* Ne semble pas marche pour limiter la largeur, du coup on affiche pas le lien dans le p...
 - 
 
193 
div.niceTitle p {
 324 
div.niceTitle p {
194 
	width: 250px;
 325 
	width: 250px;
195 
	color: #D17E62;
 326 
	color: #D17E62;
196 
	font-size: 9px;
 327 
	font-size: 9px;
197 
	padding: 3px 0 0 0;
 328 
	padding: 3px 0 0 0;
198 
	margin: 0;
 329 
	margin: 0;
199 
	text-align: left;
 330 
	text-align: left;
200 
	-moz-opacity: 1;}*/
 - 
 
201 

            331
            
	-moz-opacity: 1;}

          

          

            -
            
 

            332
            
	

          

          

            -
            
 

            333
            
.bouton_valider { 

          

          

            -
            
 

            334
            
	  color:#7B9C35; 

          

          

            -
            
 

            335
            
	  font-size: 14px;

          

          

            -
            
 

            336
            
	  width: 208px;

          

          

            -
            
 

            337
            
	  background-color:#FFFFFF; 

          

          

            -
            
 

            338
            
	  border:1px solid; 

          

          

            -
            
 

            339
            
	  border-color: #000000; 

          

          

            -
            
 

            340
            
} 

          

          

            -
            
 

            341
            
 

          

          

            -
            
 

            342
            
#label_validite {

          

          

            -
            
 

            343
            
		padding-right: 7px;

          

          

            -
            
 

            344
            
}

          

          

            -
            
 

            345
            
 

          

          

            -
            
 

            346
            
#date_validite {

          

          

            -
            
 

            347
            
		width: 100px;

          

          

            -
            
 

            348
            
}

          

          

            -
            
 

            349