Subversion Repositories eFlore/Applications.del

Rev

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

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