Subversion Repositories eFlore/Applications.del

Rev

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

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