Subversion Repositories eFlore/Applications.del

Rev

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

Rev 1078 Rev 1081
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 {
43
.erreurFormTexte {
44
	background-color: red;
44
	background-color: red;
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
}
108
}
109
 
109
 
110
#navigation>div>div:hover {
110
#navigation>div>div:hover {
111
	background: #9Fc644
111
	background: #9Fc644
112
}
112
}
113
 
113
 
114
#navigation a {
114
#navigation a {
115
	text-decoration: none;
115
	text-decoration: none;
116
	color: #222;
116
	color: #222;
117
	font-weight: bold
117
	font-weight: bold
118
}
118
}
119
 
119
 
120
#contenu {
120
#contenu {
121
	padding: 80px 0 0 5%;
121
	padding: 80px 0 0 5%;
122
}
122
}
123
 
123
 
124
#contenu a {
124
#contenu a {
125
	border-bottom: 1px dotted #95AE5D;
125
	border-bottom: 1px dotted #95AE5D;
126
	color: #598000;
126
	color: #598000;
127
}
127
}
128
 
128
 
129
#contenu a:hover {
129
#contenu a:hover {
130
	border-bottom: 1px dotted #95AE5D;
130
	border-bottom: 1px dotted #95AE5D;
131
	color: #FD8C13;
131
	color: #FD8C13;
132
}
132
}
133
 
133
 
134
.labelLien {
134
.labelLien {
135
	border-bottom: 1px dotted #95AE5D;
135
	border-bottom: 1px dotted #95AE5D;
136
    color: #598000;
136
    color: #598000;
137
    cursor:pointer;
137
    cursor:pointer;
138
}
138
}
139
.labelLien:hover {
139
.labelLien:hover {
140
	border-bottom: 1px dotted #95AE5D;
140
	border-bottom: 1px dotted #95AE5D;
141
	color: #FD8C13;
141
	color: #FD8C13;
142
}
142
}
143
 
143
 
144
.lien {
144
.lien {
145
	color: blue;
145
	color: blue;
146
	text-decoration: underline;
146
	text-decoration: underline;
147
	cursor: pointer
147
	cursor: pointer
148
}
148
}
149
 
149
 
150
.titre {
150
.titre {
151
	color: #FD8C13;
151
	color: #FD8C13;
152
	font-size: 15px;
152
	font-size: 15px;
153
	margin: 20px 0 10px;
153
	margin: 20px 0 10px;
154
	padding: 0 0 0 25px;
154
	padding: 0 0 0 25px;
155
	text-transform: uppercase;
155
	text-transform: uppercase;
156
	font-weight: bold;
156
	font-weight: bold;
157
	background: url(./img/troisCarre.png) no-repeat 0 8px;
157
	background: url(./img/troisCarre.png) no-repeat 0 8px;
158
}
158
}
159
 
159
 
160
.sousTitre {
160
.sousTitre {
161
	font-size: 15px;
161
	font-size: 15px;
162
	font-weight: bold
162
	font-weight: bold
163
}
163
}
164
 
164
 
165
.petit {
165
.petit {
166
	font-size: 11px;
166
	font-size: 11px;
167
	color: #888
167
	color: #888
168
}
168
}
169
 
169
 
170
.gris {
170
.gris {
171
	color: #888
171
	color: #888
172
}
172
}
173
 
173
 
174
.gras {
174
.gras {
175
	font-weight: bold
175
	font-weight: bold
176
}
176
}
177
 
177
 
178
.plein {
178
.plein {
179
	width: 100%;
179
	width: 100%;
180
}
180
}
181
 
181
 
182
.tiers {
182
.tiers {
183
	width: 30%
183
	width: 30%
184
}
184
}
185
 
185
 
186
.quart {
186
.quart {
187
	width: 25%;
187
	width: 25%;
188
}
188
}
189
 
189
 
190
.actif {
190
.actif {
191
	background: #8EB533
191
	background: #8EB533
192
}
192
}
193
 
193
 
194
.inactif {
194
.inactif {
195
	background: white
195
	background: white
196
}
196
}
197
 
197
 
198
.gauche {
198
.gauche {
199
	float: left
199
	float: left
200
}
200
}
201
 
201
 
202
.droite {
202
.droite {
203
	float: right
203
	float: right
204
}
204
}
205
 
205
 
206
.nettoyage {
206
.nettoyage {
207
	clear: both
207
	clear: both
208
}
208
}
209
 
209
 
210
hr {
210
hr {
211
	border: none;
211
	border: none;
212
	border-bottom: solid 1px #DDD;
212
	border-bottom: solid 1px #DDD;
213
	border-top: solid 1px #AAA
213
	border-top: solid 1px #AAA
214
}
214
}
215
 
215
 
216
.gwt-SuggestBoxPopup {
216
.gwt-SuggestBoxPopup {
217
	z-index: 10000
217
	z-index: 10000
218
}
218
}
219
 
219
 
220
.fenetreDefilante {
220
.fenetreDefilante {
221
	position: fixed;
221
	position: fixed;
222
	margin: auto
222
	margin: auto
223
}
223
}
224
 
224
 
225
.overlay {
225
.overlay {
226
	background-color: #777;
226
	background-color: #777;
227
	cursor: pointer;
227
	cursor: pointer;
228
	display: block;
228
	display: block;
229
	opacity: 0.7;
229
	opacity: 0.7;
230
	left: 0;
230
	left: 0;
231
	top: 0;
231
	top: 0;
232
	position: fixed;
232
	position: fixed;
233
	width: 100%;
233
	width: 100%;
234
	z-index: 1100;
234
	z-index: 1100;
235
	height: 100%
235
	height: 100%
236
}
236
}
237
 
237
 
238
.overlayContenu {
238
.overlayContenu {
239
	cursor: pointer;
239
	cursor: pointer;
240
	display: block;
240
	display: block;
241
	opacity: 1;
241
	opacity: 1;
242
	left: 0;
242
	left: 0;
243
	top: 0;
243
	top: 0;
244
	position: fixed;
244
	position: fixed;
245
	width: 100%;
245
	width: 100%;
246
	z-index: 1200;
246
	z-index: 1200;
247
	height: 100%
247
	height: 100%
248
}
248
}
249
 
249
 
250
.fermerOverlay {
250
.fermerOverlay {
251
	z-index: 1210;
251
	z-index: 1210;
252
	position: fixed;
252
	position: fixed;
253
	width: 30px;
253
	width: 30px;
254
	height: 30px;
254
	height: 30px;
255
	background: url(./img/close.png) no-repeat 5px 0;
255
	background: url(./img/close.png) no-repeat 5px 0;
256
	border: none;
256
	border: none;
257
	color: white;
257
	color: white;
258
	font-weight: bold;
258
	font-weight: bold;
259
	cursor: pointer;
259
	cursor: pointer;
260
	border: 1px dotted #95AE5D;
260
	border: 1px dotted #95AE5D;
261
	border-width: 0 0 1px 0;
261
	border-width: 0 0 1px 0;
262
	padding-right: 30px
262
	padding-right: 30px
263
}
263
}
264
 
264
 
265
.precedentOverlay:hover {
265
.precedentOverlay:hover {
266
	opacity: 1;
266
	opacity: 1;
267
}
267
}
268
 
268
 
269
.precedentOverlay {
269
.precedentOverlay {
270
	display: block;
270
	display: block;
271
	z-index: 1210;
271
	z-index: 1210;
272
	position: fixed;
272
	position: fixed;
273
	width: 30px;
273
	width: 30px;
274
	height: 40px;
274
	height: 40px;
275
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
275
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
276
	border: none;
276
	border: none;
277
	color: white;
277
	color: white;
278
	font-weight: bold;
278
	font-weight: bold;
279
	cursor: pointer;
279
	cursor: pointer;
280
	margin-top: -170px;
280
	margin-top: -170px;
281
	padding-bottom: 200px;
281
	padding-bottom: 200px;
282
	padding-left: 200px;
282
	padding-left: 200px;
283
	padding-top: 200px;
283
	padding-top: 200px;
284
	opacity: 0;
284
	opacity: 0;
285
}
285
}
286
 
286
 
287
.suivantOverlay:hover {
287
.suivantOverlay:hover {
288
	opacity: 1;
288
	opacity: 1;
289
}
289
}
290
 
290
 
291
.suivantOverlay {
291
.suivantOverlay {
292
	display: block;
292
	display: block;
293
	z-index: 1210;
293
	z-index: 1210;
294
	position: fixed;
294
	position: fixed;
295
	width: 30px;
295
	width: 30px;
296
	height: 40px;
296
	height: 40px;
297
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
297
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
298
	border: none;
298
	border: none;
299
	color: white;
299
	color: white;
300
	font-weight: bold;
300
	font-weight: bold;
301
	cursor: pointer;
301
	cursor: pointer;
302
	margin-top: -170px;
302
	margin-top: -170px;
303
	padding-bottom: 200px;
303
	padding-bottom: 200px;
304
	padding-right: 200px;
304
	padding-right: 200px;
305
	padding-top: 200px;
305
	padding-top: 200px;
306
	opacity: 0;
306
	opacity: 0;
307
	margin-left: -150px;
307
	margin-left: -150px;
308
}
308
}
309
 
309
 
310
.acceder-outil {
310
.acceder-outil {
311
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
311
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
312
	text-decoration: none;
312
	text-decoration: none;
313
	border: medium none;
313
	border: medium none;
314
	border-radius: 10px 10px 10px 10px;
314
	border-radius: 10px 10px 10px 10px;
315
	color: #6C6865;
315
	color: #6C6865;
316
	font-size: 14px;
316
	font-size: 14px;
317
    padding: 4px 10px 4px 30px;
317
    padding: 4px 10px 4px 30px;
318
	cursor: pointer;
318
	cursor: pointer;
319
	display: inline-block;
319
	display: inline-block;
320
}
320
}
321
 
321
 
322
.acceder-outil:hover {
322
.acceder-outil:hover {
323
    border-bottom: 1px dotted #95AE5D;
323
    border-bottom: 1px dotted #95AE5D;
324
    color: #FD8C13;
324
    color: #FD8C13;
325
}
325
}
326
 
326
 
327
.colonne {
327
.colonne {
328
	float: left;
328
	float: left;
329
}
329
}
330
 
330
 
331
.ligne {
331
.ligne {
332
	clear: left;
332
	clear: left;
333
}
333
}
334
 
334
 
335
.ombre-forte {
335
.ombre-forte {
336
	box-shadow: 2px 2px 2px #666;
336
	box-shadow: 2px 2px 2px #666;
337
	-moz-box-shadow: 2px 2px 2px #666;
337
	-moz-box-shadow: 2px 2px 2px #666;
338
	-webkit-box-shadow: 2px 2px 2px #666;
338
	-webkit-box-shadow: 2px 2px 2px #666;
339
}
339
}
340
 
340
 
341
.ombre-faible {
341
.ombre-faible {
342
	box-shadow: 2px 2px 2px #DDD;
342
	box-shadow: 2px 2px 2px #DDD;
343
	-moz-box-shadow: 2px 2px 2px #DDD;
343
	-moz-box-shadow: 2px 2px 2px #DDD;
344
	-webkit-box-shadow: 2px 2px 2px #DDD;
344
	-webkit-box-shadow: 2px 2px 2px #DDD;
345
}
345
}
346
 
346
 
347
.limiteMin {
347
.limiteMin {
348
	min-width:870px;
348
	min-width:870px;
349
}
349
}
350
 
350
 
351
.limiteMax {
351
.limiteMax {
352
	max-width:870px;
352
	max-width:870px;
353
}
353
}
354
 
354
 
355
.arrondi {
355
.arrondi {
356
	border-radius:10px;
356
	border-radius:10px;
357
	-moz-border-radius:10px;
357
	-moz-border-radius:10px;
358
	-webkit-border-radius:10px;
358
	-webkit-border-radius:10px;
359
}
359
}
360
 
360
 
361
.arrondi-faible {
361
.arrondi-faible {
362
	border-radius:3px;
362
	border-radius:3px;
363
	-moz-border-radius:3px;
363
	-moz-border-radius:3px;
364
	-webkit-border-radius:3px;
364
	-webkit-border-radius:3px;
365
}
365
}
366
 
366
 
367
.bouton {
367
.bouton {
368
    background: none repeat scroll 0 0 white;
368
    background: none repeat scroll 0 0 white;
369
    border: 1px solid #99C242;
369
    border: 1px solid #99C242;
370
    border-radius: 10px 10px 10px 10px;
370
    border-radius: 10px 10px 10px 10px;
371
    box-shadow: 1px 2px 2px #AAAAAA;
371
    box-shadow: 1px 2px 2px #AAAAAA;
372
    color: #598000;
372
    color: #598000;
373
    cursor: pointer;
373
    cursor: pointer;
374
    font-size: 0.9em;
374
    font-size: 0.9em;
375
    font-weight: bold;
375
    font-weight: bold;
376
    padding: 5px;
376
    padding: 5px;
377
}
377
}
378
 
378
 
379
.bouton:hover {
379
.bouton:hover {
380
	background:#8EB533;
380
	background:#8EB533;
381
	color:#FFF;
381
	color:#FFF;
382
}
382
}
383
 
383
 
384
.bouton-petit {
384
.bouton-petit {
385
	background: none repeat scroll 0 0 white;
385
	background: none repeat scroll 0 0 white;
386
    border: 1px solid #99C242;
386
    border: 1px solid #99C242;
387
    box-shadow: 1px 2px 2px #AAAAAA;
387
    box-shadow: 1px 2px 2px #AAAAAA;
388
    color: #598000;
388
    color: #598000;
389
    cursor: pointer;
389
    cursor: pointer;
390
    font-size: 11px;
390
    font-size: 11px;
391
    font-weight: bold;
391
    font-weight: bold;
392
    padding: 1px;
392
    padding: 1px;
393
    width:100px;
393
    width:100px;
394
    margin:0 5px;
394
    margin:0 5px;
395
}
395
}
396
 
396
 
397
.bouton-petit:hover {
397
.bouton-petit:hover {
398
	background:#8EB533;
398
	background:#8EB533;
399
	color:#FFF;
399
	color:#FFF;
400
}
400
}
401
 
401
 
402
.votePrisEnCompteOui {
402
.votePrisEnCompteOui {
403
	background:#8EB533;
403
	background:#8EB533;
404
	position:absolute;
404
	position:absolute;
405
	font-size:11px;
405
	font-size:11px;
406
	padding:5px;
406
	padding:5px;
407
	margin-top:-30px;
407
	margin-top:-30px;
408
	border-radius:10px;
408
	border-radius:10px;
409
}
409
}
410
 
410
 
411
.votePrisEnCompteNon {
411
.votePrisEnCompteNon {
412
	background:#C61717;
412
	background:#C61717;
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
boutonVoteOuiDesactive {
420
boutonVoteOuiDesactive {
421
	background-image: url("img/pouce_haut_desactive.png") !important;
421
	background-image: url("img/pouce_haut_desactive.png") !important;
422
	color:#999999;
422
	color:#999999;
423
	cursor: default !important;
423
	cursor: default !important;
424
}
424
}
425
 
425
 
426
.boutonVoteNonDesactive {
426
.boutonVoteNonDesactive {
427
	background-image: url("img/pouce_bas_desactive.png") !important;
427
	background-image: url("img/pouce_bas_desactive.png") !important;
428
	color:#999999;
428
	color:#999999;
429
	cursor: default !important;
429
	cursor: default !important;
430
}
430
}
431
 
431
 
432
.chapeau {
432
.chapeau {
433
	color: #6C6865;
433
	color: #6C6865;
434
    font-family: arial;
434
    font-family: arial;
435
    font-size: 13px;
435
    font-size: 13px;
436
    font-weight: bold;
436
    font-weight: bold;
437
    letter-spacing: 0;
437
    letter-spacing: 0;
438
    line-height: 18px;
438
    line-height: 18px;
439
    text-transform: none;
439
    text-transform: none;
440
    font-style:italic;
440
    font-style:italic;
441
}
441
}
442
 
442
 
443
.enfant {
443
.enfant {
444
	background:#DDD;
444
	background:#DDD;
445
	margin-left:50px;
445
	margin-left:50px;
446
}
446
}
447
 
447
 
448
.image_determinee {
448
.image_determinee {
449
	background: #333;
449
	background: #333;
450
}
450
}
451
 
451
 
452
.image_non_determinee {
452
.image_non_determinee {
453
	background: #CF1313;
453
	background: #CF1313;
454
}
454
}
455
.suiteImages {
455
.suiteImages {
456
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
456
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
457
	cursor:pointer;
457
	cursor:pointer;
458
	color:rgba(0, 0, 0, 0)
458
	color:rgba(0, 0, 0, 0)
459
	
459
	
460
}
460
}
461
 
461
 
462
.propositionInitiale {
462
.propositionInitiale {
463
	color:#8EB533;
463
	color:#8EB533;
464
	font-weight:bold;
464
	font-weight:bold;
465
}
465
}
466
 
466
 
467
.etoiles {
467
.etoiles {
468
    height: 26px;
468
    height: 26px;
469
    margin-left: 38px;
469
    margin-left: 38px;
470
    margin-top: -2px;
470
    margin-top: -2px;
471
    width: 26px;
471
    width: 26px;
472
}
472
}
473
 
473
 
474
.etoiles_0 {
474
.etoiles_0 {
475
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
475
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
476
}
476
}
477
.etoiles_1 {
477
.etoiles_1 {
478
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
478
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
479
}
479
}
480
.etoiles_2 {
480
.etoiles_2 {
481
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
481
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
482
}
482
}
483
.etoiles_3 {
483
.etoiles_3 {
484
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
484
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
485
}
485
}
486
.etoiles_4 {
486
.etoiles_4 {
487
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
487
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
488
}
488
}
489
.etoiles_5 {
489
.etoiles_5 {
490
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
490
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
491
}
491
}
-
 
492
 
-
 
493
.boutonOK {
-
 
494
	background:url("./img/tick.png") no-repeat;
-
 
495
	width:15px;
-
 
496
	height:15px;
-
 
497
	display:block;
-
 
498
	margin-top:2px;
-
 
499
	border:none;
-
 
500
	cursor:pointer;
492
 
501
}