Subversion Repositories eFlore/Applications.del

Rev

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

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