Subversion Repositories eFlore/Applications.del

Rev

Rev 1183 | Rev 1186 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1183 Rev 1184
1
/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
1
	/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
2
select {
2
select {
3
	background: #FFF;
3
	background: #FFF;
4
}
4
}
5
/** Add css rules here for your application. */
5
/** Add css rules here for your application. */
6
body,html {
6
body,html {
7
	height: 100%;
7
	height: 100%;
8
}
8
}
9
 
9
 
10
body div {
10
body div {
11
	font-family:arial;
11
	font-family:arial;
12
}
12
}
13
 
13
 
14
/** Example rules used by the template application (remove for your app) */
14
/** Example rules used by the template application (remove for your app) */
15
h1 {
15
h1 {
16
	font-size: 2em;
16
	font-size: 2em;
17
	font-weight: bold;
17
	font-weight: bold;
18
	color: #777777;
18
	color: #777777;
19
	margin: 0;
19
	margin: 0;
20
	text-align: center;
20
	text-align: center;
21
}
21
}
22
 
22
 
23
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
23
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
24
.sendButton {
24
.sendButton {
25
	display: block;
25
	display: block;
26
	font-size: 16pt;
26
	font-size: 16pt;
27
}
27
}
28
 
28
 
29
/** Most GWT widgets already have a style name defined */
29
/** Most GWT widgets already have a style name defined */
30
.gwt-DialogBox {
30
.gwt-DialogBox {
31
	width: 400px;
31
	width: 400px;
32
}
32
}
33
 
33
 
34
.dialogVPanel {
34
.dialogVPanel {
35
	margin: 5px;
35
	margin: 5px;
36
}
36
}
37
 
37
 
38
.serverResponseLabelError {
38
.serverResponseLabelError {
39
	color: red;
39
	color: red;
40
}
40
}
41
 
41
 
42
/** Erreur dans un formulaire de type texte **/
42
/** Erreur dans un formulaire de type texte **/
43
.erreurFormTexte, .erreurFormTexte input {
43
.erreurFormTexte, .erreurFormTexte input {
44
	background-color: red !important;
44
	background-color: red !important;
45
}
45
}
46
 
46
 
47
/** Set ids using widget.getElement().setId("idOfElement") */
47
/** Set ids using widget.getElement().setId("idOfElement") */
48
#closeButton {
48
#closeButton {
49
	margin: 15px 6px 6px;
49
	margin: 15px 6px 6px;
50
}
50
}
51
 
51
 
52
#zoneTitre {
52
#zoneTitre {
53
	width:45%;
53
	width:45%;
54
	margin-top:13px;
54
	margin-top:13px;
55
}
55
}
56
#zoneIdentification {
56
#zoneIdentification {
57
    background: url("./img/carre_orange.png") no-repeat scroll 83px 10px transparent;
57
    background: url("./img/carre_orange.png") no-repeat scroll 83px 10px transparent;
58
    float: right;
58
    float: right;
59
    padding-bottom: 35px;
59
    padding-bottom: 35px;
60
    padding-left: 26px;
60
    padding-left: 26px;
61
    width: 40%;
61
    width: 40%;
62
}
62
}
63
#zoneLiens {
63
#zoneLiens {
64
	clear:both;
64
	clear:both;
65
}
65
}
66
#zoneTitre h1 {
66
#zoneTitre h1 {
67
	font-size:72px;
67
	font-size:72px;
68
}
68
}
69
 
69
 
70
 
70
 
71
.titre2 {
71
.titre2 {
72
	color: #FD8C13;
72
	color: #FD8C13;
73
	font-size: 13px;
73
	font-size: 13px;
74
	margin: 20px 0 10px;
74
	margin: 20px 0 10px;
75
	padding: 0 0 0 25px;
75
	padding: 0 0 0 25px;
76
	text-transform: none;
76
	text-transform: none;
77
	font-weight: bold;
77
	font-weight: bold;
78
	background: url(./img/troisCarre.png) no-repeat 0 8px;
78
	background: url(./img/troisCarre.png) no-repeat 0 8px;
79
}
79
}
80
 
80
 
81
.boutonPlus {
81
.boutonPlus {
82
	border: none;
82
	border: none;
83
	color: rgba(0, 0, 0, 0);
83
	color: rgba(0, 0, 0, 0);
84
	background: url("./img/zoom_in.png");
84
	background: url("./img/zoom_in.png");
85
	width: 16px;
85
	width: 16px;
86
	height: 16px;
86
	height: 16px;
87
	cursor: pointer;
87
	cursor: pointer;
88
}
88
}
89
 
89
 
90
.boutonMoins {
90
.boutonMoins {
91
	border: none;
91
	border: none;
92
	color: rgba(0, 0, 0, 0);
92
	color: rgba(0, 0, 0, 0);
93
	background: url("./img/zoom_out.png");
93
	background: url("./img/zoom_out.png");
94
	width: 16px;
94
	width: 16px;
95
	height: 16px;
95
	height: 16px;
96
	cursor: pointer;
96
	cursor: pointer;
97
}
97
}
98
 
98
 
99
#navigation {
99
#navigation {
100
}
100
}
101
 
101
 
102
#navigation>div>div {
102
#navigation>div>div {
103
}
103
}
104
 
104
 
105
#navigation>div>div:hover {
105
#navigation>div>div:hover {
106
}
106
}
107
 
107
 
108
#navigation a {
108
#navigation a {
109
}
109
}
110
 
110
 
111
#main {
111
#main {
112
	width:1000px;
112
	width:1000px;
113
	margin:0 auto;
113
	margin:0 auto;
114
}
114
}
115
 
115
 
116
#contenu a {
116
#contenu a {
117
	border-bottom: 1px dotted #95AE5D;
117
	border-bottom: 1px dotted #95AE5D;
118
	color: #598000;
118
	color: #598000;
119
}
119
}
120
 
120
 
121
#contenu a:hover {
121
#contenu a:hover {
122
	border-bottom: 1px dotted #95AE5D;
122
	border-bottom: 1px dotted #95AE5D;
123
	color: #FD8C13;
123
	color: #FD8C13;
124
}
124
}
125
 
125
 
126
.labelLien {
126
.labelLien {
127
	border-bottom: 1px dotted #95AE5D;
127
	border-bottom: 1px dotted #95AE5D;
128
    color: #598000;
128
    color: #598000;
129
    cursor:pointer;
129
    cursor:pointer;
130
}
130
}
131
.labelLien:hover {
131
.labelLien:hover {
132
	border-bottom: 1px dotted #95AE5D;
132
	border-bottom: 1px dotted #95AE5D;
133
	color: #FD8C13;
133
	color: #FD8C13;
134
}
134
}
135
 
135
 
136
.lien {
136
.lien {
137
	color: blue;
137
	color: blue;
138
	text-decoration: underline;
138
	text-decoration: underline;
139
	cursor: pointer
139
	cursor: pointer
140
}
140
}
141
 
141
 
142
.titre {
142
.titre {
143
	color: #FD8C13;
143
	color: #FD8C13;
144
	font-size: 15px;
144
	font-size: 15px;
145
	margin: 20px 0 10px;
145
	margin: 20px 0 10px;
146
	padding: 0 0 0 25px;
146
	padding: 0 0 0 25px;
147
	text-transform: uppercase;
147
	text-transform: uppercase;
148
	font-weight: bold;
148
	font-weight: bold;
149
	background: url(./img/troisCarre.png) no-repeat 0 8px;
149
	background: url(./img/troisCarre.png) no-repeat 0 8px;
150
}
150
}
151
 
151
 
152
.titre3 {
152
.titre3 {
153
	color: #FD8C13;
153
	color: #FD8C13;
154
	font-size: 15px;
154
	font-size: 15px;
155
	margin: 20px 0 10px;
155
	margin: 20px 0 10px;
156
	font-weight: bold;
156
	font-weight: bold;
157
}
157
}
158
 
158
 
159
.titre-minuscule {
159
.titre-minuscule {
160
	color: #FD8C13;
160
	color: #FD8C13;
161
	font-size: 15px;
161
	font-size: 15px;
162
	margin: 20px 0 10px;
162
	margin: 20px 0 10px;
163
	padding: 0 0 0 25px;
163
	padding: 0 0 0 25px;
164
	font-weight: bold;
164
	font-weight: bold;
165
	background: url(./img/troisCarre.png) no-repeat 0 8px;
165
	background: url(./img/troisCarre.png) no-repeat 0 8px;
166
}
166
}
167
 
167
 
168
.sousTitre {
168
.sousTitre {
169
	font-size: 15px;
169
	font-size: 15px;
170
	font-weight: bold
170
	font-weight: bold
171
}
171
}
172
 
172
 
173
.petit {
173
.petit {
174
	font-size: 11px;
174
	font-size: 11px;
175
	color: #888
175
	color: #888
176
}
176
}
177
 
177
 
178
.gris {
178
.gris {
179
	color: #888
179
	color: #888
180
}
180
}
181
 
181
 
182
.gras {
182
.gras {
183
	font-weight: bold
183
	font-weight: bold
184
}
184
}
185
 
185
 
186
.plein {
186
.plein {
187
	width: 100%;
187
	width: 100%;
188
}
188
}
189
 
189
 
190
.tiers {
190
.tiers {
191
	width: 30%
191
	width: 30%
192
}
192
}
193
 
193
 
194
.quart {
194
.quart {
195
	width: 25%;
195
	width: 25%;
196
}
196
}
197
 
197
 
198
.actif {
198
.actif {
199
	background: #8EB533
199
	background: #8EB533
200
}
200
}
201
 
201
 
202
.inactif {
202
.inactif {
203
	background: white
203
	background: white
204
}
204
}
205
 
205
 
206
.gauche {
206
.gauche {
207
	float: left
207
	float: left
208
}
208
}
209
 
209
 
210
.droite {
210
.droite {
211
	float: right
211
	float: right
212
}
212
}
213
 
213
 
214
.nettoyage {
214
.nettoyage {
215
	clear: both
215
	clear: both
216
}
216
}
217
 
217
 
218
hr {
218
hr {
219
	border: none;
219
	border: none;
220
	border-bottom: solid 1px #DDD;
220
	border-bottom: solid 1px #DDD;
221
	border-top: solid 1px #AAA
221
	border-top: solid 1px #AAA
222
}
222
}
223
 
223
 
224
.gwt-SuggestBoxPopup {
224
.gwt-SuggestBoxPopup {
225
	z-index: 10000
225
	z-index: 10000
226
}
226
}
227
 
227
 
228
.fenetreDefilante {
228
.fenetreDefilante {
229
	position: fixed;
229
	position: fixed;
230
	margin: auto
230
	margin: auto
231
}
231
}
232
 
232
 
233
.overlay {
233
.overlay {
234
	background-color: #777;
234
	background-color: #777;
235
	cursor: pointer;
235
	cursor: pointer;
236
	display: block;
236
	display: block;
237
	opacity: 0.7;
237
	opacity: 0.7;
238
	left: 0;
238
	left: 0;
239
	top: 0;
239
	top: 0;
240
	position: fixed;
240
	position: fixed;
241
	width: 100%;
241
	width: 100%;
242
	z-index: 1100;
242
	z-index: 1100;
243
	height: 100%
243
	height: 100%
244
}
244
}
245
 
245
 
246
.overlayContenu {
246
.overlayContenu {
247
	cursor: pointer;
247
	cursor: pointer;
248
	display: block;
248
	display: block;
249
	opacity: 1;
249
	opacity: 1;
250
	left: 0;
250
	left: 0;
251
	top: 0;
251
	top: 0;
252
	position: fixed;
252
	position: fixed;
253
	width: 100%;
253
	width: 100%;
254
	z-index: 1200;
254
	z-index: 1200;
255
	height: 100%
255
	height: 100%
256
}
256
}
257
 
257
 
258
.fermerOverlay {
258
.fermerOverlay {
259
	z-index: 1210;
259
	z-index: 1210;
260
	position: fixed;
260
	position: fixed;
261
	width: 30px;
261
	width: 30px;
262
	height: 30px;
262
	height: 30px;
263
	background: url(./img/close.png) no-repeat 5px 0;
263
	background: url(./img/close.png) no-repeat 5px 0;
264
	border: none;
264
	border: none;
265
	color: white;
265
	color: white;
266
	font-weight: bold;
266
	font-weight: bold;
267
	cursor: pointer;
267
	cursor: pointer;
268
	border: 1px dotted #95AE5D;
268
	border: 1px dotted #95AE5D;
269
	border-width: 0 0 1px 0;
269
	border-width: 0 0 1px 0;
270
	padding-right: 30px
270
	padding-right: 30px
271
}
271
}
272
 
272
 
273
.precedentOverlay:hover {
273
.precedentOverlay:hover {
274
	opacity: 1;
274
	opacity: 1;
275
}
275
}
276
 
276
 
277
.precedentOverlay {
277
.precedentOverlay {
278
	display: block;
278
	display: block;
279
	z-index: 1210;
279
	z-index: 1210;
280
	position: fixed;
280
	position: fixed;
281
	width: 30px;
281
	width: 30px;
282
	height: 40px;
282
	height: 40px;
283
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
283
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
284
	border: none;
284
	border: none;
285
	color: white;
285
	color: white;
286
	font-weight: bold;
286
	font-weight: bold;
287
	cursor: pointer;
287
	cursor: pointer;
288
	margin-top: -170px;
288
	margin-top: -170px;
289
	padding-bottom: 200px;
289
	padding-bottom: 200px;
290
	padding-left: 200px;
290
	padding-left: 200px;
291
	padding-top: 200px;
291
	padding-top: 200px;
292
	opacity: 0;
292
	opacity: 0;
293
}
293
}
294
 
294
 
295
.suivantOverlay:hover {
295
.suivantOverlay:hover {
296
	opacity: 1;
296
	opacity: 1;
297
}
297
}
298
 
298
 
299
.suivantOverlay {
299
.suivantOverlay {
300
	display: block;
300
	display: block;
301
	z-index: 1210;
301
	z-index: 1210;
302
	position: fixed;
302
	position: fixed;
303
	width: 30px;
303
	width: 30px;
304
	height: 40px;
304
	height: 40px;
305
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
305
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
306
	border: none;
306
	border: none;
307
	color: white;
307
	color: white;
308
	font-weight: bold;
308
	font-weight: bold;
309
	cursor: pointer;
309
	cursor: pointer;
310
	margin-top: -170px;
310
	margin-top: -170px;
311
	padding-bottom: 200px;
311
	padding-bottom: 200px;
312
	padding-right: 200px;
312
	padding-right: 200px;
313
	padding-top: 200px;
313
	padding-top: 200px;
314
	opacity: 0;
314
	opacity: 0;
315
	margin-left: -150px;
315
	margin-left: -150px;
316
}
316
}
317
 
317
 
318
.acceder-outil {
318
.acceder-outil {
319
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
319
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
320
	text-decoration: none;
320
	text-decoration: none;
321
	border: medium none;
321
	border: medium none;
322
	border-radius: 10px 10px 10px 10px;
322
	border-radius: 10px 10px 10px 10px;
323
	color: #6C6865;
323
	color: #6C6865;
324
	font-size: 14px;
324
	font-size: 14px;
325
    padding: 4px 10px 4px 30px;
325
    padding: 4px 10px 4px 30px;
326
	cursor: pointer;
326
	cursor: pointer;
327
	display: inline-block;
327
	display: inline-block;
328
}
328
}
329
 
329
 
330
.acceder-outil:hover {
330
.acceder-outil:hover {
331
    border-bottom: 1px dotted #95AE5D;
331
    border-bottom: 1px dotted #95AE5D;
332
    color: #FD8C13;
332
    color: #FD8C13;
333
}
333
}
334
 
334
 
335
.colonne {
335
.colonne {
336
	float: left;
336
	float: left;
337
}
337
}
338
 
338
 
339
.ligne {
339
.ligne {
340
	clear: left;
340
	clear: left;
341
}
341
}
342
 
342
 
343
.ombre-forte {
343
.ombre-forte {
344
	box-shadow: 2px 2px 2px #666;
344
	box-shadow: 2px 2px 2px #666;
345
	-moz-box-shadow: 2px 2px 2px #666;
345
	-moz-box-shadow: 2px 2px 2px #666;
346
	-webkit-box-shadow: 2px 2px 2px #666;
346
	-webkit-box-shadow: 2px 2px 2px #666;
347
}
347
}
348
 
348
 
349
.ombre-faible {
349
.ombre-faible {
350
	box-shadow: 2px 2px 2px #DDD;
350
	box-shadow: 2px 2px 2px #DDD;
351
	-moz-box-shadow: 2px 2px 2px #DDD;
351
	-moz-box-shadow: 2px 2px 2px #DDD;
352
	-webkit-box-shadow: 2px 2px 2px #DDD;
352
	-webkit-box-shadow: 2px 2px 2px #DDD;
353
}
353
}
354
 
354
 
355
.limiteMin {
355
.limiteMin {
356
	min-width:870px;
356
	min-width:870px;
357
}
357
}
358
 
358
 
359
.limiteMax {
359
.limiteMax {
360
	max-width:1000px;
360
	max-width:1000px;
361
	margin:0 auto;
361
	margin:0 auto;
362
}
362
}
363
 
363
 
364
.arrondi {
364
.arrondi {
365
	border-radius:10px;
365
	border-radius:10px;
366
	-moz-border-radius:10px;
366
	-moz-border-radius:10px;
367
	-webkit-border-radius:10px;
367
	-webkit-border-radius:10px;
368
}
368
}
369
 
369
 
370
.arrondi-faible {
370
.arrondi-faible {
371
	border-radius:3px;
371
	border-radius:3px;
372
	-moz-border-radius:3px;
372
	-moz-border-radius:3px;
373
	-webkit-border-radius:3px;
373
	-webkit-border-radius:3px;
374
}
374
}
375
 
375
 
376
.bouton {
376
.bouton {
377
    background: none repeat scroll 0 0 white;
377
    background: none repeat scroll 0 0 white;
378
    border: 1px solid #99C242;
378
    border: 1px solid #99C242;
379
    border-radius: 10px 10px 10px 10px;
379
    border-radius: 10px 10px 10px 10px;
380
    box-shadow: 1px 2px 2px #AAAAAA;
380
    box-shadow: 1px 2px 2px #AAAAAA;
381
    color: #598000;
381
    color: #598000;
382
    cursor: pointer;
382
    cursor: pointer;
383
    font-size: 0.9em;
383
    font-size: 0.9em;
384
    font-weight: bold;
384
    font-weight: bold;
385
    padding: 5px;
385
    padding: 5px;
386
}
386
}
387
 
387
 
388
.bouton:hover {
388
.bouton:hover {
389
	background:#8EB533;
389
	background:#8EB533;
390
	color:#FFF;
390
	color:#FFF;
391
}
391
}
392
 
392
 
393
.bouton-petit {
393
.bouton-petit {
394
	background: none repeat scroll 0 0 white;
394
	background: none repeat scroll 0 0 white;
395
    border: 1px solid #99C242;
395
    border: 1px solid #99C242;
396
    box-shadow: 1px 2px 2px #AAAAAA;
396
    box-shadow: 1px 2px 2px #AAAAAA;
397
    color: #598000;
397
    color: #598000;
398
    cursor: pointer;
398
    cursor: pointer;
399
    font-size: 11px;
399
    font-size: 11px;
400
    font-weight: bold;
400
    font-weight: bold;
401
    padding: 1px;
401
    padding: 1px;
402
    width:100px;
402
    width:100px;
403
    margin:0 5px;
403
    margin:0 5px;
404
}
404
}
405
 
405
 
406
.bouton-petit:hover {
406
.bouton-petit:hover {
407
	background:#8EB533;
407
	background:#8EB533;
408
	color:#FFF;
408
	color:#FFF;
409
}
409
}
410
 
410
 
411
.votePrisEnCompteOui {
411
.votePrisEnCompteOui {
412
	background:#8EB533;
412
	background:#8EB533;
413
	position:absolute;
413
	position:absolute;
414
	font-size:11px;
414
	font-size:11px;
415
	padding:5px;
415
	padding:5px;
416
	margin-top:-30px;
416
	margin-top:-30px;
417
	border-radius:10px;
417
	border-radius:10px;
418
}
418
}
419
 
419
 
420
.votePrisEnCompteNon {
420
.votePrisEnCompteNon {
421
	background:#f06a6a;
421
	background:#f06a6a;
422
	position:absolute;
422
	position:absolute;
423
	font-size:11px;
423
	font-size:11px;
424
	padding:5px;
424
	padding:5px;
425
	margin-top:-30px;
425
	margin-top:-30px;
426
	border-radius:10px;
426
	border-radius:10px;
427
}
427
}
428
 
428
 
429
.boutonVoteOuiDesactive {
429
.boutonVoteOuiDesactive {
430
	background-image: url("img/pouce_haut_desactive.png") !important;
430
	background-image: url("img/pouce_haut_desactive.png") !important;
431
	color:#999999;
431
	color:#999999;
432
	cursor: default !important;
432
	cursor: default !important;
433
}
433
}
434
 
434
 
435
.boutonVoteNonDesactive {
435
.boutonVoteNonDesactive {
436
	background-image: url("img/pouce_bas_desactive.png") !important;
436
	background-image: url("img/pouce_bas_desactive.png") !important;
437
	color:#999999;
437
	color:#999999;
438
	cursor: default !important;
438
	cursor: default !important;
439
}
439
}
440
 
440
 
441
.chapeau {
441
.chapeau {
442
	color: #6C6865;
442
	color: #6C6865;
443
    font-family: arial;
443
    font-family: arial;
444
    font-size: 13px;
444
    font-size: 13px;
445
    font-weight: bold;
445
    font-weight: bold;
446
    letter-spacing: 0;
446
    letter-spacing: 0;
447
    line-height: 18px;
447
    line-height: 18px;
448
    text-transform: none;
448
    text-transform: none;
449
    font-style:italic;
449
    font-style:italic;
450
}
450
}
451
 
451
 
452
.enfant {
452
.enfant {
453
	background:#EEE;
453
	background:#EEE;
454
	margin-left:20px;
454
	margin-left:20px;
455
	clear:both;
455
	clear:both;
456
	border-left:solid 1px;
456
	border-left:solid 1px;
457
	padding-left:5px;
457
	padding-left:5px;
458
	border-color:#DDD
458
	border-color:#DDD
459
}
459
}
460
 
460
 
461
.image_determinee {
461
.image_determinee {
462
	/*background: #333;*/
462
	/*background: #333;*/
463
}
463
}
464
 
464
 
465
.image_non_determinee {
465
.image_non_determinee {
466
	background: #CF1313 !important;
466
	background: #CF1313 !important;
467
}
467
}
468
.suiteImages {
468
.suiteImages {
469
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
469
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
470
	cursor:pointer;
470
	cursor:pointer;
471
	color:rgba(0, 0, 0, 0)
471
	color:rgba(0, 0, 0, 0)
472
	
472
	
473
}
473
}
474
 
474
 
475
.propositionInitiale {
475
.propositionInitiale {
476
	color:#8EB533;
476
	color:#8EB533;
477
	font-weight:bold;
477
	font-weight:bold;
478
}
478
}
479
 
479
 
480
.etoiles {
480
.etoiles {
481
    height: 26px;
481
    height: 26px;
482
    margin-left: 38px;
482
    margin-left: 38px;
483
    margin-top: -2px;
483
    margin-top: -2px;
484
    width: 26px;
484
    width: 26px;
485
}
485
}
486
 
486
 
487
.etoiles_0 {
487
.etoiles_0 {
488
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
488
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
489
}
489
}
490
.etoiles_1 {
490
.etoiles_1 {
491
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
491
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
492
}
492
}
493
.etoiles_2 {
493
.etoiles_2 {
494
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
494
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
495
}
495
}
496
.etoiles_3 {
496
.etoiles_3 {
497
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
497
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
498
}
498
}
499
.etoiles_4 {
499
.etoiles_4 {
500
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
500
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
501
}
501
}
502
.etoiles_5 {
502
.etoiles_5 {
503
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
503
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
504
}
504
}
505
 
505
 
506
.boutonOK {
506
.boutonOK {
507
	background:url("./img/tick.png") no-repeat;
507
	background:url("./img/tick.png") no-repeat;
508
	width:15px;
508
	width:15px;
509
	height:15px;
509
	height:15px;
510
	display:block;
510
	display:block;
511
	margin-top:2px;
511
	margin-top:2px;
512
	border:none;
512
	border:none;
513
	cursor:pointer;
513
	cursor:pointer;
514
}
514
}
515
 
515
 
516
.enligne {
516
.enligne {
517
	display:inline;
517
	display:inline;
518
}
518
}
519
 
519
 
520
.aide {
520
.aide {
521
	background:url(./img/information.png) no-repeat;
521
	background:url(./img/information.png) no-repeat;
522
	padding-left:20px;
522
	padding-left:20px;
523
}
523
}
524
 
524
 
525
.lienListe {
525
.lienListe {
526
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
526
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
527
	cursor:pointer;
527
	cursor:pointer;
528
	padding-left:31px;
528
	padding-left:31px;
529
	padding-bottom:5px;
529
	padding-bottom:5px;
530
	padding-top:2px;
530
	padding-top:2px;
531
	border:none;
531
	border:none;
532
}
532
}
533
 
533
 
534
.nombreVotes {
534
.nombreVotes {
535
	background:url('./img/user.png') no-repeat;	
535
	background:url('./img/user.png') no-repeat;	
536
	cursor: pointer;
536
	cursor: pointer;
537
}
537
}
538
 
538
 
539
#contenu .lienRss a{
539
#contenu .lienRss a{
540
	padding-right:20px;
540
	padding-right:20px;
541
	background:url('./img/rss.png') no-repeat right center;
541
	background:url('./img/rss.png') no-repeat right center;
542
	cursor:pointer;
542
	cursor:pointer;
543
	padding-bottom:1px;
543
	padding-bottom:1px;
544
	border:none;
544
	border:none;
545
}
545
}
546
 
546
 
547
.invisible {
547
.invisible {
548
	visibility:hidden;
548
	visibility:hidden;
549
}
549
}
550
 
550
 
551
.motCleCel {
551
.motCleCel {
552
	display: inline-block;
552
	display: inline-block;
553
	margin-right: 3px;
553
	margin-right: 3px;
554
	border: 1px solid grey;
554
	border: 1px solid grey;
555
	background-color: #B1BEBE;
555
	background-color: #B1BEBE;
556
	padding-left: 2px;
556
	padding-left: 2px;
557
	padding-right: 2px;
557
	padding-right: 2px;
558
	line-height: 20px;
558
	line-height: 20px;
559
	border-radius: 5px;
559
	border-radius: 5px;
560
	opacity:1;
560
	opacity:1;
561
	color: black;
561
	color: black;
562
}
562
}
563
 
563
 
564
 
564
 
565
/** FROM TELA */
565
/** FROM TELA */
566
.importance1 {
566
.importance1 {
567
	margin:10px 10px 20px 10px;		
567
	margin:10px 0px 25px 0px;		
568
	background-color:#eaedcd;	
568
	background-color:#eaedcd;	
569
	padding:8px;
569
	padding:8px;
570
	font-family:arial;
570
	font-family:arial;
571
	font-size:11px;
571
	font-size:11px;
572
	color:#3a3633;
572
	color:#3a3633;
573
	border-radius:10px;
573
	border-radius:10px;
574
	-moz-border-radius:10px;
574
	-moz-border-radius:10px;
575
	-webkit-border-radius:10px;
575
	-webkit-border-radius:10px;
576
	box-shadow:7px 7px 11px #555;
576
	box-shadow:7px 7px 11px #555;
577
	-moz-box-shadow:2px 2px 5px #aaa;
577
	-moz-box-shadow:2px 2px 5px #aaa;
578
	-webkit-box-shadow:7px 7px 11px #aaa;
578
	-webkit-box-shadow:7px 7px 11px #aaa;
579
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
579
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
580
	zoom:1;/* pour ie8 */
580
	zoom:1;/* pour ie8 */
581
}
581
}
582
 
582
 
583
.traitTela li {
583
.traitTela li {
584
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
584
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
585
    font-family: arial;
585
    font-family: arial;
586
    font-size: 12px;
586
    font-size: 12px;
587
    font-weight: bold;
587
    font-weight: bold;
588
    color:#777;
588
    color:#777;
589
    list-style: none outside none;
589
    list-style: none outside none;
590
    padding: 10px 0 0 30px;
590
    padding: 10px 0 0 30px;
591
}
591
}
592
.connect {
592
.connect {
593
	width:130px;
593
	width:130px;
594
	margin:0;
594
	margin:0;
595
	padding:0;
595
	padding:0;
596
}
596
}
597
 
597
 
598
.contenuCentre {
598
.contenuCentre {
599
	text-align:center;
599
	text-align:center;
600
}
600
}