Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1206 Rev 1258
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
2
body {
2
body {
3
	padding:0;
3
	padding:0;
4
	margin:0;
4
	margin:0;
5
	width:100%;
5
	width:100%;
6
	height:100%;
6
	height:100%;
7
	font-family:Arial;
7
	font-family:Arial;
8
	font-size:12px;
8
	font-size:12px;
9
	background-color:#FFF;
9
	background-color:#FFF;
10
	color:#000;
10
	color:#000;
11
}
11
}
12
h1 {
12
h1 {
13
	font-size:1.6em;
13
	font-size:1.6em;
14
}
14
}
15
h2 {
15
h2 {
16
	font-size:1.4em;
16
	font-size:1.4em;
17
	text-transform:uppercase;
17
	text-transform:uppercase;
18
	letter-spacing:0.3em;
18
	letter-spacing:0.3em;
19
	padding:5px 10px;
19
	padding:5px 10px;
20
	background:#A1CA10;
20
	background:#A1CA10;
21
	width:250px;
21
	width:250px;
22
	margin-bottom:0;
22
	margin-bottom:0;
23
	margin-left:2px;
23
	margin-left:2px;
24
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
24
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
25
	line-height:2em;
25
	line-height:2em;
26
}
26
}
27
a, a:active, a:visited {
27
a, a:active, a:visited {
28
	border-bottom:1px dotted #666;
28
	border-bottom:1px dotted #666;
29
	color:#181;
29
	color:#181;
30
	text-decoration:none;
30
	text-decoration:none;
31
}
31
}
32
a:active {
32
a:active {
33
	outline:none;
33
	outline:none;
34
}
34
}
35
a:focus {
35
a:focus {
36
	outline:thin dotted;
36
	outline:thin dotted;
37
}
37
}
38
a:hover {
38
a:hover {
39
	color:#56B80E;
39
	color:#56B80E;
40
	border-bottom:1px dotted #56B80E;
40
	border-bottom:1px dotted #56B80E;
41
}
41
}
42
 
42
 
43
/*+-----------------------------------------------------------------------------------------------------------------+*/
43
/*+-----------------------------------------------------------------------------------------------------------------+*/
44
/* Présentation des listes de définitions */
44
/* Présentation des listes de définitions */
45
dl {
45
dl {
46
	width:100%;
46
	width:100%;
47
}
47
}
48
dt {
48
dt {
49
	float:left;
49
	float:left;
50
	font-weight:bold;
50
	font-weight:bold;
51
	text-align:top left;
51
	text-align:top left;
52
	margin-right:0.3em;
52
	margin-right:0.3em;
53
}
53
}
54
dd {
54
dd {
55
	width:auto;
55
	width:auto;
56
	margin:0.5em 0;
56
	margin:0.5em 0;
57
}
57
}
58
 
58
 
59
/*+-----------------------------------------------------------------------------------------------------------------+*/
59
/*+-----------------------------------------------------------------------------------------------------------------+*/
60
/* Tableau : */
60
/* Tableau : */
61
table {
61
table {
62
	border:1px solid gray;
62
	border:1px solid gray;
63
	border-collapse:collapse;
63
	border-collapse:collapse;
64
}
64
}
65
table thead, table tfoot, table tbody {
65
table thead, table tfoot, table tbody {
66
	background-color:Gainsboro;
66
	background-color:Gainsboro;
67
	border:1px solid gray;
67
	border:1px solid gray;
68
	color:black;
68
	color:black;
69
}
69
}
70
table tbody {
70
table tbody {
71
	background-color:#FFF;
71
	background-color:#FFF;
72
}
72
}
73
table th {
73
table th {
74
	font-family:monospace;
74
	font-family:monospace;
75
	border:1px dotted gray;
75
	border:1px dotted gray;
76
	padding:5px;
76
	padding:5px;
77
	background-color:Gainsboro;
77
	background-color:Gainsboro;
78
}
78
}
79
table td {
79
table td {
80
	font-family:arial;
80
	font-family:arial;
81
	border:1px dotted gray;
81
	border:1px dotted gray;
82
	padding:5px;
82
	padding:5px;
83
	text-align:left;
83
	text-align:left;
84
}
84
}
85
table caption {
85
table caption {
86
	font-family:sans-serif;
86
	font-family:sans-serif;
87
}
87
}
88
legend {
88
legend {
89
	font-size:1.2em;
89
	font-size:1.2em;
90
	color:#000;
90
	color:#000;
91
	text-transform:uppercase;
91
	text-transform:uppercase;
92
	letter-spacing:0.2em;
92
	letter-spacing:0.2em;
93
	padding:5px 10px;
93
	padding:5px 10px;
94
}
94
}
95
 
95
 
96
/*+--------------------------------------------------------------------------------------------------------+*/
96
/*+--------------------------------------------------------------------------------------------------------+*/
97
/* Générique */
97
/* Générique */
98
.discretion {
98
.discretion {
99
	color:grey;
99
	color:grey;
100
	font-family:arial;
100
	font-family:arial;
101
	font-size:11px;
101
	font-size:11px;
102
}
102
}
103
.nettoyage{
103
.nettoyage{
104
	clear:both;
104
	clear:both;
105
}
105
}
106
hr.nettoyage{
106
hr.nettoyage{
107
	visibility:hidden;
107
	visibility:hidden;
108
}
108
}
109
label[title]:after, th[title]:after, span[title]:after {
109
label[title]:after, th[title]:after, span[title]:after {
110
    content: " " url("../images/icones/aide.png");
110
    content: " " url("../images/icones/aide.png");
111
}
111
}
112
 
112
 
113
/*+--------------------------------------------------------------------------------------------------------+*/
113
/*+--------------------------------------------------------------------------------------------------------+*/
114
/* Positionnement général */
114
/* Positionnement général */
115
#zone-appli {
115
#zone-appli {
116
	margin:0 auto;
116
	margin:0 auto;
117
	width:600px;
117
	width:600px;
118
}
118
}
119
 
119
 
120
/*+--------------------------------------------------------------------------------------------------------+*/
120
/*+--------------------------------------------------------------------------------------------------------+*/
121
/* Formulaire générique */
121
/* Formulaire générique */
122
fieldset {
122
fieldset {
123
	background-color:#fff;
123
	background-color:#fff;
124
}
124
}
125
input[type="text"], select, textarea {
125
input[type="text"], select, textarea {
126
	width:240px;
126
	width:240px;
127
}
127
}
128
 
128
 
129
/*+--------------------------------------------------------------------------------------------------------+*/
129
/*+--------------------------------------------------------------------------------------------------------+*/
130
/* Formulaire spécifique */
130
/* Formulaire spécifique */
131
#zone-fiche-terrain, #zone-fiche-terrain-photo{
131
#zone-fiche-terrain, #zone-fiche-terrain-photo{
132
	background:#A1CA10;
132
	background:#A1CA10;
133
	width:600px;
133
	width:600px;
134
	margin-left:2px;
134
	margin-left:2px;
135
	padding-bottom:10px;
135
	padding-bottom:10px;
136
}
136
}
137
#zone-fiche-terrain{
137
#zone-fiche-terrain{
138
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
138
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
139
}
139
}
140
#zone-fiche-terrain-photo{
140
#zone-fiche-terrain-photo{
141
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
141
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
142
	margin-top:-10px;
142
	margin-top:-10px;
143
}
143
}
144
#zone-liste-obs{
144
#zone-liste-obs{
145
	padding-bottom:25px;
145
	padding-bottom:25px;
146
	margin-top:15px;	
146
	margin-top:15px;	
147
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
147
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
148
}
148
}
149
#saisie-obs fieldset{
149
#saisie-obs fieldset{
150
	display:block;
150
	display:block;
151
}
151
}
152
#saisie-obs label{
152
#saisie-obs label{
153
	font-weight:bold;
153
	font-weight:bold;
154
}
154
}
155
 
155
 
156
#partie-observation, #partie-preview, #partie-station{	
156
#partie-observation, #partie-preview, #partie-station{	
157
	margin-top:10px;
157
	margin-top:10px;
158
}
158
}
-
 
159
#partie-date * {
-
 
160
	position: relative;
-
 
161
	z-index:50;
-
 
162
}
159
#partie-station, #partie-observation, #partie-photo, #partie-date{
163
#partie-station, #partie-observation, #partie-photo, #partie-date{
160
	width:550px;
164
	width:550px;
161
	margin-left:10px;
165
	margin-left:10px;
162
	background:#E5E5E5;
166
	background:#E5E5E5;
163
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
167
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
164
}
168
}
165
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
169
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
166
	background:#E5E5E5;
170
	background:#E5E5E5;
167
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
171
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
168
}
172
}
169
#saisie-obs ul {
173
#saisie-obs ul {
170
	list-style-type:none;
174
	list-style-type:none;
171
	margin:0;
175
	margin:0;
172
	padding:0;
176
	padding:0;
173
}
177
}
174
#saisie-obs li {
178
#saisie-obs li {
175
	margin:5px;
179
	margin:5px;
176
}
180
}
177
/*-------------------------------------------------------*/
181
/*-------------------------------------------------------*/
178
/* Partie-identification */
182
/* Partie-identification */
179
#partie-identification, #partie-identification legend{
183
#partie-identification, #partie-identification legend{
180
	background:#A1CA10;
184
	background:#A1CA10;
181
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
185
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
182
}
186
}
183
#partie-identification{
187
#partie-identification{
184
	width:582px;
188
	width:582px;
185
}
189
}
186
#partie-identification li{
190
#partie-identification li{
187
	float: left;
191
	float: left;
188
    margin-left: 20px;
192
    margin-left: 20px;
189
	display:inline;
193
	display:inline;
190
	width:250px;
194
	width:250px;
191
}
195
}
192
#partie-identification label{
196
#partie-identification label{
193
	/*display:block;*/
197
	/*display:block;*/
194
}
198
}
195
/*-------------------------------------------------------*/
199
/*-------------------------------------------------------*/
196
/* Partie-station */
200
/* Partie-station */
197
#partie-station fieldset{
201
#partie-station fieldset{
198
	margin-top:0;
202
	margin-top:0;
199
}
203
}
200
#partie-station label {
204
#partie-station label {
201
	width:80px;
205
    width: 120px;
202
	display:block;
206
	display:block;
203
	float:left;
207
	float:left;
204
}
208
}
205
#latitude, #longitude {
209
#latitude, #longitude {
206
	width:70px;
210
	width:70px;
207
	float:left;
211
	float:left;
208
}
212
}
209
#latitude {
213
#latitude {
210
	margin-right:5px;
214
	margin-right:5px;
211
}
215
}
212
#lat-lon-info {
216
#lat-lon-info {
213
	margin-left:5px;
217
	margin-left:5px;
214
}
218
}
215
#partie-observation label{
219
#partie-observation label{
216
	width:120px;
220
	width:120px;
217
	float:left;	
221
	float:left;	
218
}
222
}
219
#partie-observation li{
223
#partie-observation li{
220
	margin :10px;
224
	margin :10px;
221
}
225
}
-
 
226
#partie-station #label_map_canvas {
-
 
227
	width: 100%;
-
 
228
}
222
#map-canvas {
229
#map-canvas {
223
	width:525px;
230
	width:525px;
224
	height:240px;	
231
	height:240px;	
225
} 
232
} 
226
#partie-station #partie-lat-lon label.error{
233
#partie-station #partie-lat-lon label.error{
227
	float:left;
234
	float:left;
228
	width:80px;
235
	width:80px;
229
}
236
}
230
#partie-observation li li, #rue_numeros li{
237
#partie-observation li li, #rue_numeros li{
231
	width :150px;
238
	width :150px;
232
	float:left;
239
	float:left;
233
	margin :5px;
240
	margin :5px;
234
}
241
}
235
#rue_numeros li{
242
#rue_numeros li{
236
	width :265px;
243
	width :265px;
237
	float:left;
244
	float:left;
238
	margin:0;
245
	margin:0;
239
}
246
}
240
#rue_numeros li label{
247
#rue_numeros li label{
241
	width:80px;
248
	width:80px;
242
	float:left;	
249
	float:left;	
243
}
250
}
244
#rue_numeros li input{
251
#rue_numeros li input{
245
	width:175px;
252
	width:175px;
246
}
253
}
247
#partie-observation li li label.error{
254
#partie-observation li li label.error{
248
	position: relative;
255
	position: relative;
249
	margin-top: -38px;
256
    margin-top: -42px;
250
	margin-left:50px;
257
	margin-left:50px;
251
	float:left;
258
	float:left;
252
}
259
}
253
label[for=milieu]{
260
label[for=milieu]{
254
	display:block;
261
	display:block;
255
	width:100%;
262
	width:100%;
256
}
263
}
257
label[for=coordonnees-geo] {
264
label[for=coordonnees-geo] {
258
	display:block;
265
	display:block;
259
	width:100% !important;
266
	width:100% !important;
260
}
267
}
261
ul#coordonnees-geo {
268
ul#coordonnees-geo {
262
	list-style-type:none;
269
	list-style-type:none;
263
	float:left;
270
	float:left;
-
 
271
	width: 100%;
264
}
272
}
265
ul#coordonnees-geo li {
273
ul#coordonnees-geo li {
266
	float: left;
274
	float: left;
267
    margin: 5px;
275
    margin: 5px;
268
    width: 120px;
276
   	width: 201px;
269
}
277
}
270
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
278
ul#coordonnees-geo #coord-lat,ul#coordonnees-geo #coord-lng {
271
	width: 70px;
279
	width: 70px;
272
}
280
}
273
ul#coordonnees-geo #info-commune{
281
ul#coordonnees-geo #info-commune{
274
	width: 150px;
282
	width: 150px;
275
}
283
}
276
ul#liste-milieux{
284
ul#liste-milieux{
277
	float:left;
285
	float:left;
278
}
286
}
279
ul#liste-milieux li{
287
ul#liste-milieux li{
280
	display:inline;
288
	display:inline;
281
	width:100px;
289
	width:100px;
282
}
290
}
283
#notes{
291
#notes{
284
	width:400px;
292
	width:400px;
285
}
293
}
286
#rue{
294
#rue{
287
	width:440px;
295
	/**width:440px;**/
-
 
296
    left: 35px;
-
 
297
    position: relative;
-
 
298
    top: 35px;
-
 
299
    width: 320px;
-
 
300
    z-index: 45;
-
 
301
}
-
 
302
.indication_geolocalisation {
-
 
303
	color:#118811;
-
 
304
    font-style: italic;
-
 
305
    font-weight: bold;
-
 
306
	font-weight:0.9em;
-
 
307
}
-
 
308
.indication_geolocalisation {
-
 
309
    height: 30px;
-
 
310
    position: relative;
-
 
311
    top: 15px;
288
}
312
}
289
/*-------------------------------------------------------*/
313
/*-------------------------------------------------------*/
290
/* Photo */
314
/* Photo */
291
#resultat,.resultat {
315
#resultat,.resultat {
292
	width:20%;
316
	width:20%;
293
}
317
}
294
.resultat {
318
.resultat {
295
	width:30px;
319
	width:30px;
296
}
320
}
297
#form-upload{
321
#form-upload{
298
	margin-top:10px;
322
	margin-top:10px;
299
}
323
}
300
#miniature-info{
324
#miniature-info{
301
	margin:0;
325
	margin:0;
302
}
326
}
303
.b64{
327
.b64{
304
	max-width:100px;
328
	max-width:100px;
305
	max-height:100px;
329
	max-height:100px;
306
}
330
}
307
/*-------------------------------------------------------*/
331
/*-------------------------------------------------------*/
308
/* Partie-preview */
332
/* Partie-preview */
309
#partie-preview legend, #partie-preview{
333
#partie-preview legend, #partie-preview{
310
	background:#A1CA10;
334
	background:#A1CA10;
311
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
335
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
312
}
336
}
313
#partie-preview {
337
#partie-preview {
314
	width:582px;
338
	width:582px;
315
	border:none;
339
	border:none;
316
}
340
}
317
.supprimer-obs{
341
.supprimer-obs{
318
	background-color:transparent;
342
	background-color:transparent;
319
	border:none;
343
	border:none;
320
	padding:0;
344
	padding:0;
321
    cursor:pointer;
345
    cursor:pointer;
322
}
346
}
323
.obs-miniature {
347
.obs-miniature {
324
	text-align:center;
348
	text-align:center;
325
}
349
}
326
.obligatoire {
350
.obligatoire {
327
	color:red;
351
	color:red;
328
}
352
}
329
label.error {
353
label.error {
330
	display:inline;
354
	display:inline;
331
	float:none;
355
	float:none;
332
	padding-left:.5em;
356
	padding-left:.5em;
333
	color:red;
357
	color:red;
334
}
358
}
335
#partie-observation label.error,#partie-station label.error {
359
#partie-observation label.error,#partie-station label.error {
336
	width:150px;
360
	width:150px;
337
	float:right;
361
	float:right;
338
}
362
}
339
#ajouter-obs{
363
#ajouter-obs{
340
	margin-left:407px;
364
	margin-left:407px;
341
	margin-top:10px;
365
	margin-top:10px;
342
	font-size:20px;
366
	font-size:20px;
343
	background:#181;
367
	background:#181;
344
	color:#FFF;
368
	color:#FFF;
345
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
369
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
346
	height:35px;
370
	height:35px;
347
	width:137px;
371
	width:137px;
348
}
372
}
349
#transmettre-obs{
373
#transmettre-obs{
350
	margin-left:400px;
374
	margin-left:400px;
351
	margin-top:5px;
375
	margin-top:5px;
352
	font-size:20px;
376
	font-size:20px;
353
	background:#811;
377
	background:#811;
354
	color:#FFF;
378
	color:#FFF;
355
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
379
	-webkit-border-radius: 5x;-moz-border-radius: 5px;border-radius: 5px;
356
	height:35px;
380
	height:35px;
357
}
381
}
358
/*-------------------------------------------------------*/
382
/*-------------------------------------------------------*/
359
/* Autocomplete */
383
/* Autocomplete */
-
 
384
.valeur-defaut-recherche {
-
 
385
	color:#848484;
-
 
386
	font-style:italic;	
-
 
387
	font-weight:0.9em;
-
 
388
}