Subversion Repositories eFlore/Applications.del

Rev

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

Rev 1018 Rev 1026
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
 
-
 
63
 
-
 
64
.titre2 {
-
 
65
	color: #FD8C13;
-
 
66
	font-size: 13px;
-
 
67
	margin: 20px 0 10px;
-
 
68
	padding: 0 0 0 25px;
-
 
69
	text-transform: none;
-
 
70
	font-weight: bold;
-
 
71
	background: url(./img/troisCarre.png) no-repeat 0 8px;
-
 
72
}
62
 
73
 
63
.boutonPlus {
74
.boutonPlus {
64
	border: none;
75
	border: none;
65
	color: rgba(0, 0, 0, 0);
76
	color: rgba(0, 0, 0, 0);
66
	background: url("./img/zoom_in.png");
77
	background: url("./img/zoom_in.png");
67
	width: 16px;
78
	width: 16px;
68
	height: 16px;
79
	height: 16px;
69
	cursor: pointer;
80
	cursor: pointer;
70
}
81
}
71
 
82
 
72
.boutonMoins {
83
.boutonMoins {
73
	border: none;
84
	border: none;
74
	color: rgba(0, 0, 0, 0);
85
	color: rgba(0, 0, 0, 0);
75
	background: url("./img/zoom_out.png");
86
	background: url("./img/zoom_out.png");
76
	width: 16px;
87
	width: 16px;
77
	height: 16px;
88
	height: 16px;
78
	cursor: pointer;
89
	cursor: pointer;
79
}
90
}
80
 
91
 
81
#navigation {
92
#navigation {
82
	position: fixed;
93
	position: fixed;
83
	width: 100%;
94
	width: 100%;
84
	top: 0;
95
	top: 0;
85
	z-index: 3000
96
	z-index: 3000
86
}
97
}
87
 
98
 
88
#navigation>div>div {
99
#navigation>div>div {
89
	float: left;
100
	float: left;
90
	padding: 10px;
101
	padding: 10px;
91
	background: #7DA422;
102
	background: #7DA422;
92
	margin-right: 3px;
103
	margin-right: 3px;
93
}
104
}
94
 
105
 
95
#navigation>div>div:hover {
106
#navigation>div>div:hover {
96
	background: #9Fc644
107
	background: #9Fc644
97
}
108
}
98
 
109
 
99
#navigation a {
110
#navigation a {
100
	text-decoration: none;
111
	text-decoration: none;
101
	color: #222;
112
	color: #222;
102
	font-weight: bold
113
	font-weight: bold
103
}
114
}
104
 
115
 
105
#contenu {
116
#contenu {
106
	padding: 80px 0 0 5%;
117
	padding: 80px 0 0 5%;
107
}
118
}
108
 
119
 
109
#contenu a {
120
#contenu a {
110
	border-bottom: 1px dotted #95AE5D;
121
	border-bottom: 1px dotted #95AE5D;
111
	color: #598000;
122
	color: #598000;
112
}
123
}
113
 
124
 
114
#contenu a:hover {
125
#contenu a:hover {
115
	border-bottom: 1px dotted #95AE5D;
126
	border-bottom: 1px dotted #95AE5D;
116
	color: #FD8C13;
127
	color: #FD8C13;
117
}
128
}
118
 
129
 
119
.lien {
130
.lien {
120
	color: blue;
131
	color: blue;
121
	text-decoration: underline;
132
	text-decoration: underline;
122
	cursor: pointer
133
	cursor: pointer
123
}
134
}
124
 
135
 
125
.titre {
136
.titre {
126
	color: #FD8C13;
137
	color: #FD8C13;
127
	font-size: 15px;
138
	font-size: 15px;
128
	margin: 20px 0 10px;
139
	margin: 20px 0 10px;
129
	padding: 0 0 0 25px;
140
	padding: 0 0 0 25px;
130
	text-transform: uppercase;
141
	text-transform: uppercase;
131
	font-weight: bold;
142
	font-weight: bold;
132
	background: url(./img/troisCarre.png) no-repeat 0 8px;
143
	background: url(./img/troisCarre.png) no-repeat 0 8px;
133
}
144
}
134
 
145
 
135
.sousTitre {
146
.sousTitre {
136
	font-size: 15px;
147
	font-size: 15px;
137
	font-weight: bold
148
	font-weight: bold
138
}
149
}
139
 
150
 
140
.petit {
151
.petit {
141
	font-size: 11px;
152
	font-size: 11px;
142
	color: #888
153
	color: #888
143
}
154
}
144
 
155
 
145
.gris {
156
.gris {
146
	color: #888
157
	color: #888
147
}
158
}
148
 
159
 
149
.gras {
160
.gras {
150
	font-weight: bold
161
	font-weight: bold
151
}
162
}
152
 
163
 
153
.plein {
164
.plein {
154
	width: 100%;
165
	width: 100%;
155
}
166
}
156
 
167
 
157
.tiers {
168
.tiers {
158
	width: 30%
169
	width: 30%
159
}
170
}
160
 
171
 
161
.quart {
172
.quart {
162
	width: 25%;
173
	width: 25%;
163
}
174
}
164
 
175
 
165
.actif {
176
.actif {
166
	background: #8EB533
177
	background: #8EB533
167
}
178
}
168
 
179
 
169
.inactif {
180
.inactif {
170
	background: white
181
	background: white
171
}
182
}
172
 
183
 
173
.gauche {
184
.gauche {
174
	float: left
185
	float: left
175
}
186
}
176
 
187
 
177
.droite {
188
.droite {
178
	float: right
189
	float: right
179
}
190
}
180
 
191
 
181
.nettoyage {
192
.nettoyage {
182
	clear: both
193
	clear: both
183
}
194
}
184
 
195
 
185
hr {
196
hr {
186
	border: none;
197
	border: none;
187
	border-bottom: solid 1px #DDD;
198
	border-bottom: solid 1px #DDD;
188
	border-top: solid 1px #AAA
199
	border-top: solid 1px #AAA
189
}
200
}
190
 
201
 
191
.gwt-SuggestBoxPopup {
202
.gwt-SuggestBoxPopup {
192
	z-index: 10000
203
	z-index: 10000
193
}
204
}
194
 
205
 
195
.fenetreDefilante {
206
.fenetreDefilante {
196
	position: fixed;
207
	position: fixed;
197
	margin: auto
208
	margin: auto
198
}
209
}
199
 
210
 
200
.overlay {
211
.overlay {
201
	background-color: #777;
212
	background-color: #777;
202
	cursor: pointer;
213
	cursor: pointer;
203
	display: block;
214
	display: block;
204
	opacity: 0.7;
215
	opacity: 0.7;
205
	left: 0;
216
	left: 0;
206
	top: 0;
217
	top: 0;
207
	position: fixed;
218
	position: fixed;
208
	width: 100%;
219
	width: 100%;
209
	z-index: 1100;
220
	z-index: 1100;
210
	height: 100%
221
	height: 100%
211
}
222
}
212
 
223
 
213
.overlayContenu {
224
.overlayContenu {
214
	cursor: pointer;
225
	cursor: pointer;
215
	display: block;
226
	display: block;
216
	opacity: 1;
227
	opacity: 1;
217
	left: 0;
228
	left: 0;
218
	top: 0;
229
	top: 0;
219
	position: fixed;
230
	position: fixed;
220
	width: 100%;
231
	width: 100%;
221
	z-index: 1200;
232
	z-index: 1200;
222
	height: 100%
233
	height: 100%
223
}
234
}
224
 
235
 
225
.fermerOverlay {
236
.fermerOverlay {
226
	z-index: 1210;
237
	z-index: 1210;
227
	position: fixed;
238
	position: fixed;
228
	width: 30px;
239
	width: 30px;
229
	height: 30px;
240
	height: 30px;
230
	background: url(./img/close.png) no-repeat 5px 0;
241
	background: url(./img/close.png) no-repeat 5px 0;
231
	border: none;
242
	border: none;
232
	color: white;
243
	color: white;
233
	font-weight: bold;
244
	font-weight: bold;
234
	cursor: pointer;
245
	cursor: pointer;
235
	border: 1px dotted #95AE5D;
246
	border: 1px dotted #95AE5D;
236
	border-width: 0 0 1px 0;
247
	border-width: 0 0 1px 0;
237
	padding-right: 30px
248
	padding-right: 30px
238
}
249
}
239
 
250
 
240
.precedentOverlay:hover {
251
.precedentOverlay:hover {
241
	opacity: 1;
252
	opacity: 1;
242
}
253
}
243
 
254
 
244
.precedentOverlay {
255
.precedentOverlay {
245
	display: block;
256
	display: block;
246
	z-index: 1210;
257
	z-index: 1210;
247
	position: fixed;
258
	position: fixed;
248
	width: 30px;
259
	width: 30px;
249
	height: 40px;
260
	height: 40px;
250
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
261
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
251
	border: none;
262
	border: none;
252
	color: white;
263
	color: white;
253
	font-weight: bold;
264
	font-weight: bold;
254
	cursor: pointer;
265
	cursor: pointer;
255
	margin-top: -170px;
266
	margin-top: -170px;
256
	padding-bottom: 200px;
267
	padding-bottom: 200px;
257
	padding-left: 200px;
268
	padding-left: 200px;
258
	padding-top: 200px;
269
	padding-top: 200px;
259
	opacity: 0;
270
	opacity: 0;
260
}
271
}
261
 
272
 
262
.suivantOverlay:hover {
273
.suivantOverlay:hover {
263
	opacity: 1;
274
	opacity: 1;
264
}
275
}
265
 
276
 
266
.suivantOverlay {
277
.suivantOverlay {
267
	display: block;
278
	display: block;
268
	z-index: 1210;
279
	z-index: 1210;
269
	position: fixed;
280
	position: fixed;
270
	width: 30px;
281
	width: 30px;
271
	height: 40px;
282
	height: 40px;
272
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
283
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
273
	border: none;
284
	border: none;
274
	color: white;
285
	color: white;
275
	font-weight: bold;
286
	font-weight: bold;
276
	cursor: pointer;
287
	cursor: pointer;
277
	margin-top: -170px;
288
	margin-top: -170px;
278
	padding-bottom: 200px;
289
	padding-bottom: 200px;
279
	padding-right: 200px;
290
	padding-right: 200px;
280
	padding-top: 200px;
291
	padding-top: 200px;
281
	opacity: 0;
292
	opacity: 0;
282
	margin-left: -150px;
293
	margin-left: -150px;
283
}
294
}
284
 
295
 
285
.acceder-outil {
296
.acceder-outil {
286
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
297
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
287
	text-decoration: none;
298
	text-decoration: none;
288
	border: medium none;
299
	border: medium none;
289
	border-radius: 10px 10px 10px 10px;
300
	border-radius: 10px 10px 10px 10px;
290
	color: #6C6865;
301
	color: #6C6865;
291
	font-size: 14px;
302
	font-size: 14px;
292
    padding: 4px 10px 4px 30px;
303
    padding: 4px 10px 4px 30px;
293
	cursor: pointer;
304
	cursor: pointer;
294
	display: inline-block;
305
	display: inline-block;
295
}
306
}
296
 
307
 
297
.acceder-outil:hover {
308
.acceder-outil:hover {
298
    border-bottom: 1px dotted #95AE5D;
309
    border-bottom: 1px dotted #95AE5D;
299
    color: #FD8C13;
310
    color: #FD8C13;
300
}
311
}
301
 
312
 
302
.colonne {
313
.colonne {
303
	float: left;
314
	float: left;
304
}
315
}
305
 
316
 
306
.ligne {
317
.ligne {
307
	clear: left;
318
	clear: left;
308
}
319
}
309
 
320
 
310
.ombre-forte {
321
.ombre-forte {
311
	box-shadow: 2px 2px 2px #666;
322
	box-shadow: 2px 2px 2px #666;
312
	-moz-box-shadow: 2px 2px 2px #666;
323
	-moz-box-shadow: 2px 2px 2px #666;
313
	-webkit-box-shadow: 2px 2px 2px #666;
324
	-webkit-box-shadow: 2px 2px 2px #666;
314
}
325
}
315
 
326
 
316
.ombre-faible {
327
.ombre-faible {
317
	box-shadow: 2px 2px 2px #DDD;
328
	box-shadow: 2px 2px 2px #DDD;
318
	-moz-box-shadow: 2px 2px 2px #DDD;
329
	-moz-box-shadow: 2px 2px 2px #DDD;
319
	-webkit-box-shadow: 2px 2px 2px #DDD;
330
	-webkit-box-shadow: 2px 2px 2px #DDD;
320
}
331
}
321
 
332
 
322
.limiteMin {
333
.limiteMin {
323
	min-width:870px;
334
	min-width:870px;
324
}
335
}
325
 
336
 
326
.limiteMax {
337
.limiteMax {
327
	max-width:870px;
338
	max-width:870px;
328
}
339
}
329
 
340
 
330
.arrondi {
341
.arrondi {
331
	border-radius:10px;
342
	border-radius:10px;
332
	-moz-border-radius:10px;
343
	-moz-border-radius:10px;
333
	-webkit-border-radius:10px;
344
	-webkit-border-radius:10px;
334
}
345
}
335
 
346
 
336
.arrondi-faible {
347
.arrondi-faible {
337
	border-radius:3px;
348
	border-radius:3px;
338
	-moz-border-radius:3px;
349
	-moz-border-radius:3px;
339
	-webkit-border-radius:3px;
350
	-webkit-border-radius:3px;
340
}
351
}
341
 
352
 
342
.bouton {
353
.bouton {
343
    background: none repeat scroll 0 0 transparent;
354
    background: none repeat scroll 0 0 transparent;
344
    border: 1px solid #99C242;
355
    border: 1px solid #99C242;
345
    border-radius: 10px 10px 10px 10px;
356
    border-radius: 10px 10px 10px 10px;
346
    box-shadow: 1px 2px 2px #AAAAAA;
357
    box-shadow: 1px 2px 2px #AAAAAA;
347
    color: #598000;
358
    color: #598000;
348
    cursor: pointer;
359
    cursor: pointer;
349
    font-size: 0.9em;
360
    font-size: 0.9em;
350
    font-weight: bold;
361
    font-weight: bold;
351
    padding: 5px;
362
    padding: 5px;
352
}
363
}
353
 
364
 
354
.bouton:hover {
365
.bouton:hover {
355
	background:#8EB533;
366
	background:#8EB533;
356
	color:#FFF;
367
	color:#FFF;
357
}
368
}
358
 
369
 
359
.votePrisEnCompteOui {
370
.votePrisEnCompteOui {
360
	background:#8EB533;
371
	background:#8EB533;
361
	position:absolute;
372
	position:absolute;
362
	font-size:11px;
373
	font-size:11px;
363
	padding:5px;
374
	padding:5px;
364
	margin-top:-30px;
375
	margin-top:-30px;
365
	border-radius:10px;
376
	border-radius:10px;
366
}
377
}
367
 
378
 
368
.votePrisEnCompteNon {
379
.votePrisEnCompteNon {
369
	background:#C61717;
380
	background:#C61717;
370
	position:absolute;
381
	position:absolute;
371
	font-size:11px;
382
	font-size:11px;
372
	padding:5px;
383
	padding:5px;
373
	margin-top:-30px;
384
	margin-top:-30px;
374
	border-radius:10px;
385
	border-radius:10px;
375
}
386
}
376
 
387
 
377
.boutonVoteDesactive * {
388
.boutonVoteDesactive * {
378
	color:#999999;
389
	color:#999999;
379
}
390
}
380
 
391
 
381
.boutonVoteDesactive:hover {
392
.boutonVoteDesactive:hover {
382
	background-color:#AAAAAA !important;
393
	background-color:#AAAAAA !important;
383
}
394
}
384
 
395
 
385
.chapeau {
396
.chapeau {
386
	color: #6C6865;
397
	color: #6C6865;
387
    font-family: arial;
398
    font-family: arial;
388
    font-size: 13px;
399
    font-size: 13px;
389
    font-weight: bold;
400
    font-weight: bold;
390
    letter-spacing: 0;
401
    letter-spacing: 0;
391
    line-height: 18px;
402
    line-height: 18px;
392
    text-transform: none;
403
    text-transform: none;
393
    font-style:italic;
404
    font-style:italic;
394
}
405
}
395
 
406
 
396
.enfant {
407
.enfant {
397
	background:#DDD;
408
	background:#DDD;
398
	margin-left:50px;
409
	margin-left:50px;
399
}
410
}
400
 
411
 
401
.image_determinee {
412
.image_determinee {
402
	background: #333;
413
	background: #333;
403
}
414
}
404
 
415
 
405
.image_non_determinee {
416
.image_non_determinee {
406
	background: #CF1313;
417
	background: #CF1313;
407
}
-
 
408
418
}
-
 
419
 
-
 
420
 
-
 
421