Subversion Repositories Sites.tela-botanica.org

Rev

Rev 609 | Details | Compare with Previous | 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;}