Subversion Repositories eFlore/Applications.del

Rev

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

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