Subversion Repositories eFlore/Applications.del

Rev

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

Rev 1070 Rev 1076
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
/** Example rules used by the template application (remove for your app) */
10
/** Example rules used by the template application (remove for your app) */
11
h1 {
11
h1 {
12
	font-size: 2em;
12
	font-size: 2em;
13
	font-weight: bold;
13
	font-weight: bold;
14
	color: #777777;
14
	color: #777777;
15
	margin: 40px 0px 0px;
15
	margin: 40px 0px 0px;
16
	text-align: center;
16
	text-align: center;
17
}
17
}
18
 
18
 
19
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
19
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
20
.sendButton {
20
.sendButton {
21
	display: block;
21
	display: block;
22
	font-size: 16pt;
22
	font-size: 16pt;
23
}
23
}
24
 
24
 
25
/** Most GWT widgets already have a style name defined */
25
/** Most GWT widgets already have a style name defined */
26
.gwt-DialogBox {
26
.gwt-DialogBox {
27
	width: 400px;
27
	width: 400px;
28
}
28
}
29
 
29
 
30
.dialogVPanel {
30
.dialogVPanel {
31
	margin: 5px;
31
	margin: 5px;
32
}
32
}
33
 
33
 
34
.serverResponseLabelError {
34
.serverResponseLabelError {
35
	color: red;
35
	color: red;
36
}
36
}
37
 
37
 
38
/** Erreur dans un formulaire de type texte **/
38
/** Erreur dans un formulaire de type texte **/
39
.erreurFormTexte {
39
.erreurFormTexte {
40
	background-color: red;
40
	background-color: red;
41
}
41
}
42
 
42
 
43
/** Set ids using widget.getElement().setId("idOfElement") */
43
/** Set ids using widget.getElement().setId("idOfElement") */
44
#closeButton {
44
#closeButton {
45
	margin: 15px 6px 6px;
45
	margin: 15px 6px 6px;
46
}
46
}
47
 
47
 
48
#titre {
48
#titre {
49
	text-align: center;
49
	text-align: center;
50
	background: #B0CB70;
50
	background: #B0CB70;
51
	opacity: 0.9;
51
	opacity: 0.9;
52
	position: fixed;
52
	position: fixed;
53
	width: 100%
53
	width: 100%
54
}
54
}
55
 
55
 
56
#titre h1 {
56
#titre h1 {
57
	width: 200px;
57
	width: 200px;
58
	background: url(./img/identiplante_mini.png) no-repeat 240px 0px;
58
	background: url(./img/identiplante_mini.png) no-repeat 240px 0px;
59
	margin: 0 auto;
59
	margin: 0 auto;
60
	padding: 10px 50px 10px 50px
60
	padding: 10px 50px 10px 50px
61
}
61
}
62
 
62
 
63
 
63
 
64
.titre2 {
64
.titre2 {
65
	color: #FD8C13;
65
	color: #FD8C13;
66
	font-size: 13px;
66
	font-size: 13px;
67
	margin: 20px 0 10px;
67
	margin: 20px 0 10px;
68
	padding: 0 0 0 25px;
68
	padding: 0 0 0 25px;
69
	text-transform: none;
69
	text-transform: none;
70
	font-weight: bold;
70
	font-weight: bold;
71
	background: url(./img/troisCarre.png) no-repeat 0 8px;
71
	background: url(./img/troisCarre.png) no-repeat 0 8px;
72
}
72
}
73
 
73
 
74
.boutonPlus {
74
.boutonPlus {
75
	border: none;
75
	border: none;
76
	color: rgba(0, 0, 0, 0);
76
	color: rgba(0, 0, 0, 0);
77
	background: url("./img/zoom_in.png");
77
	background: url("./img/zoom_in.png");
78
	width: 16px;
78
	width: 16px;
79
	height: 16px;
79
	height: 16px;
80
	cursor: pointer;
80
	cursor: pointer;
81
}
81
}
82
 
82
 
83
.boutonMoins {
83
.boutonMoins {
84
	border: none;
84
	border: none;
85
	color: rgba(0, 0, 0, 0);
85
	color: rgba(0, 0, 0, 0);
86
	background: url("./img/zoom_out.png");
86
	background: url("./img/zoom_out.png");
87
	width: 16px;
87
	width: 16px;
88
	height: 16px;
88
	height: 16px;
89
	cursor: pointer;
89
	cursor: pointer;
90
}
90
}
91
 
91
 
92
#navigation {
92
#navigation {
93
	position: fixed;
93
	position: fixed;
94
	width: 100%;
94
	width: 100%;
95
	top: 0;
95
	top: 0;
96
	z-index: 3000
96
	z-index: 3000
97
}
97
}
98
 
98
 
99
#navigation>div>div {
99
#navigation>div>div {
100
	float: left;
100
	float: left;
101
	padding: 10px;
101
	padding: 10px;
102
	background: #7DA422;
102
	background: #7DA422;
103
	margin-right: 3px;
103
	margin-right: 3px;
104
}
104
}
105
 
105
 
106
#navigation>div>div:hover {
106
#navigation>div>div:hover {
107
	background: #9Fc644
107
	background: #9Fc644
108
}
108
}
109
 
109
 
110
#navigation a {
110
#navigation a {
111
	text-decoration: none;
111
	text-decoration: none;
112
	color: #222;
112
	color: #222;
113
	font-weight: bold
113
	font-weight: bold
114
}
114
}
115
 
115
 
116
#contenu {
116
#contenu {
117
	padding: 80px 0 0 5%;
117
	padding: 80px 0 0 5%;
118
}
118
}
119
 
119
 
120
#contenu a {
120
#contenu a {
121
	border-bottom: 1px dotted #95AE5D;
121
	border-bottom: 1px dotted #95AE5D;
122
	color: #598000;
122
	color: #598000;
123
}
123
}
124
 
124
 
125
#contenu a:hover {
125
#contenu a:hover {
126
	border-bottom: 1px dotted #95AE5D;
126
	border-bottom: 1px dotted #95AE5D;
127
	color: #FD8C13;
127
	color: #FD8C13;
128
}
128
}
129
 
129
 
130
.lien {
130
.lien {
131
	color: blue;
131
	color: blue;
132
	text-decoration: underline;
132
	text-decoration: underline;
133
	cursor: pointer
133
	cursor: pointer
134
}
134
}
135
 
135
 
136
.titre {
136
.titre {
137
	color: #FD8C13;
137
	color: #FD8C13;
138
	font-size: 15px;
138
	font-size: 15px;
139
	margin: 20px 0 10px;
139
	margin: 20px 0 10px;
140
	padding: 0 0 0 25px;
140
	padding: 0 0 0 25px;
141
	text-transform: uppercase;
141
	text-transform: uppercase;
142
	font-weight: bold;
142
	font-weight: bold;
143
	background: url(./img/troisCarre.png) no-repeat 0 8px;
143
	background: url(./img/troisCarre.png) no-repeat 0 8px;
144
}
144
}
145
 
145
 
146
.sousTitre {
146
.sousTitre {
147
	font-size: 15px;
147
	font-size: 15px;
148
	font-weight: bold
148
	font-weight: bold
149
}
149
}
150
 
150
 
151
.petit {
151
.petit {
152
	font-size: 11px;
152
	font-size: 11px;
153
	color: #888
153
	color: #888
154
}
154
}
155
 
155
 
156
.gris {
156
.gris {
157
	color: #888
157
	color: #888
158
}
158
}
159
 
159
 
160
.gras {
160
.gras {
161
	font-weight: bold
161
	font-weight: bold
162
}
162
}
163
 
163
 
164
.plein {
164
.plein {
165
	width: 100%;
165
	width: 100%;
166
}
166
}
167
 
167
 
168
.tiers {
168
.tiers {
169
	width: 30%
169
	width: 30%
170
}
170
}
171
 
171
 
172
.quart {
172
.quart {
173
	width: 25%;
173
	width: 25%;
174
}
174
}
175
 
175
 
176
.actif {
176
.actif {
177
	background: #8EB533
177
	background: #8EB533
178
}
178
}
179
 
179
 
180
.inactif {
180
.inactif {
181
	background: white
181
	background: white
182
}
182
}
183
 
183
 
184
.gauche {
184
.gauche {
185
	float: left
185
	float: left
186
}
186
}
187
 
187
 
188
.droite {
188
.droite {
189
	float: right
189
	float: right
190
}
190
}
191
 
191
 
192
.nettoyage {
192
.nettoyage {
193
	clear: both
193
	clear: both
194
}
194
}
195
 
195
 
196
hr {
196
hr {
197
	border: none;
197
	border: none;
198
	border-bottom: solid 1px #DDD;
198
	border-bottom: solid 1px #DDD;
199
	border-top: solid 1px #AAA
199
	border-top: solid 1px #AAA
200
}
200
}
201
 
201
 
202
.gwt-SuggestBoxPopup {
202
.gwt-SuggestBoxPopup {
203
	z-index: 10000
203
	z-index: 10000
204
}
204
}
205
 
205
 
206
.fenetreDefilante {
206
.fenetreDefilante {
207
	position: fixed;
207
	position: fixed;
208
	margin: auto
208
	margin: auto
209
}
209
}
210
 
210
 
211
.overlay {
211
.overlay {
212
	background-color: #777;
212
	background-color: #777;
213
	cursor: pointer;
213
	cursor: pointer;
214
	display: block;
214
	display: block;
215
	opacity: 0.7;
215
	opacity: 0.7;
216
	left: 0;
216
	left: 0;
217
	top: 0;
217
	top: 0;
218
	position: fixed;
218
	position: fixed;
219
	width: 100%;
219
	width: 100%;
220
	z-index: 1100;
220
	z-index: 1100;
221
	height: 100%
221
	height: 100%
222
}
222
}
223
 
223
 
224
.overlayContenu {
224
.overlayContenu {
225
	cursor: pointer;
225
	cursor: pointer;
226
	display: block;
226
	display: block;
227
	opacity: 1;
227
	opacity: 1;
228
	left: 0;
228
	left: 0;
229
	top: 0;
229
	top: 0;
230
	position: fixed;
230
	position: fixed;
231
	width: 100%;
231
	width: 100%;
232
	z-index: 1200;
232
	z-index: 1200;
233
	height: 100%
233
	height: 100%
234
}
234
}
235
 
235
 
236
.fermerOverlay {
236
.fermerOverlay {
237
	z-index: 1210;
237
	z-index: 1210;
238
	position: fixed;
238
	position: fixed;
239
	width: 30px;
239
	width: 30px;
240
	height: 30px;
240
	height: 30px;
241
	background: url(./img/close.png) no-repeat 5px 0;
241
	background: url(./img/close.png) no-repeat 5px 0;
242
	border: none;
242
	border: none;
243
	color: white;
243
	color: white;
244
	font-weight: bold;
244
	font-weight: bold;
245
	cursor: pointer;
245
	cursor: pointer;
246
	border: 1px dotted #95AE5D;
246
	border: 1px dotted #95AE5D;
247
	border-width: 0 0 1px 0;
247
	border-width: 0 0 1px 0;
248
	padding-right: 30px
248
	padding-right: 30px
249
}
249
}
250
 
250
 
251
.precedentOverlay:hover {
251
.precedentOverlay:hover {
252
	opacity: 1;
252
	opacity: 1;
253
}
253
}
254
 
254
 
255
.precedentOverlay {
255
.precedentOverlay {
256
	display: block;
256
	display: block;
257
	z-index: 1210;
257
	z-index: 1210;
258
	position: fixed;
258
	position: fixed;
259
	width: 30px;
259
	width: 30px;
260
	height: 40px;
260
	height: 40px;
261
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
261
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
262
	border: none;
262
	border: none;
263
	color: white;
263
	color: white;
264
	font-weight: bold;
264
	font-weight: bold;
265
	cursor: pointer;
265
	cursor: pointer;
266
	margin-top: -170px;
266
	margin-top: -170px;
267
	padding-bottom: 200px;
267
	padding-bottom: 200px;
268
	padding-left: 200px;
268
	padding-left: 200px;
269
	padding-top: 200px;
269
	padding-top: 200px;
270
	opacity: 0;
270
	opacity: 0;
271
}
271
}
272
 
272
 
273
.suivantOverlay:hover {
273
.suivantOverlay:hover {
274
	opacity: 1;
274
	opacity: 1;
275
}
275
}
276
 
276
 
277
.suivantOverlay {
277
.suivantOverlay {
278
	display: block;
278
	display: block;
279
	z-index: 1210;
279
	z-index: 1210;
280
	position: fixed;
280
	position: fixed;
281
	width: 30px;
281
	width: 30px;
282
	height: 40px;
282
	height: 40px;
283
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
283
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
284
	border: none;
284
	border: none;
285
	color: white;
285
	color: white;
286
	font-weight: bold;
286
	font-weight: bold;
287
	cursor: pointer;
287
	cursor: pointer;
288
	margin-top: -170px;
288
	margin-top: -170px;
289
	padding-bottom: 200px;
289
	padding-bottom: 200px;
290
	padding-right: 200px;
290
	padding-right: 200px;
291
	padding-top: 200px;
291
	padding-top: 200px;
292
	opacity: 0;
292
	opacity: 0;
293
	margin-left: -150px;
293
	margin-left: -150px;
294
}
294
}
295
 
295
 
296
.acceder-outil {
296
.acceder-outil {
297
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
297
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
298
	text-decoration: none;
298
	text-decoration: none;
299
	border: medium none;
299
	border: medium none;
300
	border-radius: 10px 10px 10px 10px;
300
	border-radius: 10px 10px 10px 10px;
301
	color: #6C6865;
301
	color: #6C6865;
302
	font-size: 14px;
302
	font-size: 14px;
303
    padding: 4px 10px 4px 30px;
303
    padding: 4px 10px 4px 30px;
304
	cursor: pointer;
304
	cursor: pointer;
305
	display: inline-block;
305
	display: inline-block;
306
}
306
}
307
 
307
 
308
.acceder-outil:hover {
308
.acceder-outil:hover {
309
    border-bottom: 1px dotted #95AE5D;
309
    border-bottom: 1px dotted #95AE5D;
310
    color: #FD8C13;
310
    color: #FD8C13;
311
}
311
}
312
 
312
 
313
.colonne {
313
.colonne {
314
	float: left;
314
	float: left;
315
}
315
}
316
 
316
 
317
.ligne {
317
.ligne {
318
	clear: left;
318
	clear: left;
319
}
319
}
320
 
320
 
321
.ombre-forte {
321
.ombre-forte {
322
	box-shadow: 2px 2px 2px #666;
322
	box-shadow: 2px 2px 2px #666;
323
	-moz-box-shadow: 2px 2px 2px #666;
323
	-moz-box-shadow: 2px 2px 2px #666;
324
	-webkit-box-shadow: 2px 2px 2px #666;
324
	-webkit-box-shadow: 2px 2px 2px #666;
325
}
325
}
326
 
326
 
327
.ombre-faible {
327
.ombre-faible {
328
	box-shadow: 2px 2px 2px #DDD;
328
	box-shadow: 2px 2px 2px #DDD;
329
	-moz-box-shadow: 2px 2px 2px #DDD;
329
	-moz-box-shadow: 2px 2px 2px #DDD;
330
	-webkit-box-shadow: 2px 2px 2px #DDD;
330
	-webkit-box-shadow: 2px 2px 2px #DDD;
331
}
331
}
332
 
332
 
333
.limiteMin {
333
.limiteMin {
334
	min-width:870px;
334
	min-width:870px;
335
}
335
}
336
 
336
 
337
.limiteMax {
337
.limiteMax {
338
	max-width:870px;
338
	max-width:870px;
339
}
339
}
340
 
340
 
341
.arrondi {
341
.arrondi {
342
	border-radius:10px;
342
	border-radius:10px;
343
	-moz-border-radius:10px;
343
	-moz-border-radius:10px;
344
	-webkit-border-radius:10px;
344
	-webkit-border-radius:10px;
345
}
345
}
346
 
346
 
347
.arrondi-faible {
347
.arrondi-faible {
348
	border-radius:3px;
348
	border-radius:3px;
349
	-moz-border-radius:3px;
349
	-moz-border-radius:3px;
350
	-webkit-border-radius:3px;
350
	-webkit-border-radius:3px;
351
}
351
}
352
 
352
 
353
.bouton {
353
.bouton {
354
    background: none repeat scroll 0 0 white;
354
    background: none repeat scroll 0 0 white;
355
    border: 1px solid #99C242;
355
    border: 1px solid #99C242;
356
    border-radius: 10px 10px 10px 10px;
356
    border-radius: 10px 10px 10px 10px;
357
    box-shadow: 1px 2px 2px #AAAAAA;
357
    box-shadow: 1px 2px 2px #AAAAAA;
358
    color: #598000;
358
    color: #598000;
359
    cursor: pointer;
359
    cursor: pointer;
360
    font-size: 0.9em;
360
    font-size: 0.9em;
361
    font-weight: bold;
361
    font-weight: bold;
362
    padding: 5px;
362
    padding: 5px;
363
}
363
}
364
 
364
 
365
.bouton:hover {
365
.bouton:hover {
366
	background:#8EB533;
366
	background:#8EB533;
367
	color:#FFF;
367
	color:#FFF;
368
}
368
}
-
 
369
 
-
 
370
.bouton-petit {
-
 
371
	background: none repeat scroll 0 0 white;
-
 
372
    border: 1px solid #99C242;
-
 
373
    box-shadow: 1px 2px 2px #AAAAAA;
-
 
374
    color: #598000;
-
 
375
    cursor: pointer;
-
 
376
    font-size: 11px;
-
 
377
    font-weight: bold;
-
 
378
    padding: 1px;
-
 
379
    width:100px;
-
 
380
    margin:0 5px;
-
 
381
}
-
 
382
 
-
 
383
.bouton-petit:hover {
-
 
384
	background:#8EB533;
-
 
385
	color:#FFF;
-
 
386
}
369
 
387
 
370
.votePrisEnCompteOui {
388
.votePrisEnCompteOui {
371
	background:#8EB533;
389
	background:#8EB533;
372
	position:absolute;
390
	position:absolute;
373
	font-size:11px;
391
	font-size:11px;
374
	padding:5px;
392
	padding:5px;
375
	margin-top:-30px;
393
	margin-top:-30px;
376
	border-radius:10px;
394
	border-radius:10px;
377
}
395
}
378
 
396
 
379
.votePrisEnCompteNon {
397
.votePrisEnCompteNon {
380
	background:#C61717;
398
	background:#C61717;
381
	position:absolute;
399
	position:absolute;
382
	font-size:11px;
400
	font-size:11px;
383
	padding:5px;
401
	padding:5px;
384
	margin-top:-30px;
402
	margin-top:-30px;
385
	border-radius:10px;
403
	border-radius:10px;
386
}
404
}
387
 
405
 
388
.boutonVoteOuiDesactive {
406
boutonVoteOuiDesactive {
389
	background-image: url("img/pouce_haut_desactive.png") !important;
407
	background-image: url("img/pouce_haut_desactive.png") !important;
390
	color:#999999;
408
	color:#999999;
391
	cursor: default !important;
409
	cursor: default !important;
392
}
410
}
393
 
411
 
394
.boutonVoteNonDesactive {
412
.boutonVoteNonDesactive {
395
	background-image: url("img/pouce_bas_desactive.png") !important;
413
	background-image: url("img/pouce_bas_desactive.png") !important;
396
	color:#999999;
414
	color:#999999;
397
	cursor: default !important;
415
	cursor: default !important;
398
}
416
}
399
 
417
 
400
.chapeau {
418
.chapeau {
401
	color: #6C6865;
419
	color: #6C6865;
402
    font-family: arial;
420
    font-family: arial;
403
    font-size: 13px;
421
    font-size: 13px;
404
    font-weight: bold;
422
    font-weight: bold;
405
    letter-spacing: 0;
423
    letter-spacing: 0;
406
    line-height: 18px;
424
    line-height: 18px;
407
    text-transform: none;
425
    text-transform: none;
408
    font-style:italic;
426
    font-style:italic;
409
}
427
}
410
 
428
 
411
.enfant {
429
.enfant {
412
	background:#DDD;
430
	background:#DDD;
413
	margin-left:50px;
431
	margin-left:50px;
414
}
432
}
415
 
433
 
416
.image_determinee {
434
.image_determinee {
417
	background: #333;
435
	background: #333;
418
}
436
}
419
 
437
 
420
.image_non_determinee {
438
.image_non_determinee {
421
	background: #CF1313;
439
	background: #CF1313;
422
}
440
}
423
.suiteImages {
441
.suiteImages {
424
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
442
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
425
	cursor:pointer;
443
	cursor:pointer;
426
	color:rgba(0, 0, 0, 0)
444
	color:rgba(0, 0, 0, 0)
427
	
445
	
428
}
446
}
429
 
447
 
430
.propositionInitiale {
448
.propositionInitiale {
431
	color:#8EB533;
449
	color:#8EB533;
432
	font-weight:bold;
450
	font-weight:bold;
433
}
451
}
434
 
452
 
435
.etoiles {
453
.etoiles {
436
    height: 26px;
454
    height: 26px;
437
    margin-left: 38px;
455
    margin-left: 38px;
438
    margin-top: -2px;
456
    margin-top: -2px;
439
    width: 26px;
457
    width: 26px;
440
}
458
}
441
 
459
 
442
.etoiles_0 {
460
.etoiles_0 {
443
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
461
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
444
}
462
}
445
.etoiles_1 {
463
.etoiles_1 {
446
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
464
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
447
}
465
}
448
.etoiles_2 {
466
.etoiles_2 {
449
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
467
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
450
}
468
}
451
.etoiles_3 {
469
.etoiles_3 {
452
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
470
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
453
}
471
}
454
.etoiles_4 {
472
.etoiles_4 {
455
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
473
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
456
}
474
}
457
.etoiles_5 {
475
.etoiles_5 {
458
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
476
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
459
}
477
}