Subversion Repositories eFlore/Applications.del

Rev

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

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