Subversion Repositories eFlore/Applications.cel

Rev

Rev 1540 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1540 Rev 1560
Line 201... Line 201...
201 
										</div>
 201 
										</div>
202 
									</div>
 202 
									</div>
203 
								</div>
 203 
								</div>
204 
							</div>
 204 
							</div>
205 
							<div id="zone-prenom-nom" class="row-fluid hidden">
 205 
							<div id="zone-prenom-nom" class="row-fluid hidden">
206 
								<div class="span6">
 206 
								<div class="span6 control-group">
207 
									<label for="prenom">
 207 
									<label for="prenom">
- 
 
 208 
										<strong class="obligatoire">*</strong>
208 
										Prénom
 209 
										Prénom
209 
									</label>
 210 
									</label>
210 
									<input id="prenom" name="prenom" class="span12" type="text"/>
 211 
									<input id="prenom" name="prenom" class="span12" type="text"/>
211 
								</div>
 212 
								</div>
212 
								<div class="span6">
 213 
								<div class="span6 control-group">
213 
									<label for="nom">
 214 
									<label for="nom">
- 
 
 215 
										<strong class="obligatoire">*</strong>
214 
										Nom
 216 
										Nom
215 
									</label>
 217 
									</label>
- 
 
 218 
									<div class="controls">
216 
									<input id="nom" name="nom"  class="span12" type="text"/>
 219 
										<input id="nom" name="nom"  class="span12" type="text"/>
- 
 
 220 
									</div>
217 
								</div>
 221 
								</div>
218 
							</div>
 222 
							</div>
219 
							<div id="zone-personne-complement" class="forcer-colonne">
 223 
							<div id="zone-personne-complement" class="forcer-colonne">
220 
								<div class="row-fluid">
 224 
								<div class="row-fluid">
221 
									<div class="span6">
 225 
									<div class="span6 control-group">
222 
										<label for="structure">
 226 
										<label for="structure" class="control-label">
- 
 
 227 
											<strong class="obligatoire">*</strong>
223 
											Structure
 228 
											Structure
224 
										</label>
 229 
										</label>
- 
 
 230 
										<div class="controls">
225 
										<input id="structure" name="personneStructure" class="span12 " type="text"/>
 231 
											<input id="structure" name="personneStructure" class="span12 " type="text"/>
- 
 
 232 
										</div>
226 
									</div>
 233 
									</div>
227 
									<div class="span6">
 234 
									<div class="span6 control-group">
228 
										<label for="service">
 235 
										<label for="service" class="control-label">
- 
 
 236 
											<strong class="obligatoire">*</strong>
229 
											Service
 237 
											Service
230 
										</label>
 238 
										</label>
- 
 
 239 
										<div class="controls">
231 
										<input id="service" name="personneService" class="span12" type="text"/>
 240 
											<input id="service" name="personneService" class="span12" type="text"/>
- 
 
 241 
										</div>
232 
									</div>
 242 
									</div>
233 
								</div>
 243 
								</div>
234 
								<div class="row-fluid">
 244 
								<div class="row-fluid">
235 
									<div class="span12">
 245 
									<div class="span12">
236 
										<label for="fonction">
 246 
										<label for="fonction">
Line 267... Line 277...
267 
					</div>
 277 
					</div>
268 
				</div>
 278 
				</div>
269 
			</div>
 279 
			</div>
270 
			<div class="row-fluid">
 280 
			<div class="row-fluid">
271 
				<div class="span12">
 281 
				<div class="span12">
- 
 
 282 
					<form id="form-site">
272 
					<div class="well">
 283 
						<div class="well">
273 
						<div class="row-fluid">
 284 
							<div class="row-fluid">
274 
							<div class="span4">
 285 
								<div class="span4">
275 
								<div class="row-fluid">
 286 
									<div class="row-fluid">
276 
									<div class="span12">
 287 
										<div class="span12">
277 
										<h2>Site</h2>
 288 
											<h2>Site</h2>
278 
									</div>
 - 
 
279 
								</div>
 - 
 
280 
								<div class="row-fluid">
 - 
 
281 
									<div class="span12" rel="tooltip"
- 
 
282 
										title="Nom du site." >
 - 
 
283 
										<label for="station">Nom</label>
 - 
 
284 
										<div>
 - 
 
285 
											<input type="text" id="station" class="span12" name="station"/>
 - 
 
286 
										</div>
 289 
										</div>
287 
									</div>
 290 
									</div>
288 
								</div>
 - 
 
289 
								<div class="forcer-colonne well">
 - 
 
290 
									<div class="row-fluid">
 291 
									<div class="row-fluid">
- 
 
 292 
										<div class="span12 control-group" rel="tooltip"
291 
										<div class="span4">
 293 
											title="Nom du site." >
292 
											<label for="map_canvas" title="Veuillez localiser l'observation">
 294 
											<label for="station" class="control-label">
- 
 
 295 
												<strong class="obligatoire">*</strong>
293 
												Géolocalisation
 296 
												Nom
294 
											</label>
 297 
											</label>
295 
										</div>
 - 
 
296 
										<div class="span8 droite">
 - 
 
297 
											<form id="form-carte-recherche" class="form-search form-horizontal">
 - 
 
298 
												<div class="control-group">
 298 
											<div class="controls">
299 
													<input id="carte-recherche" class="search-query" type="text" value=""
 299 
												<input id="station" class="span12" name="station" type="text"/>
300 
														rel="tooltip"
 - 
 
301 
														title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
 - 
 
302 
														placeholder="Centrer la carte sur un lieu..."/>
 - 
 
303 
												</div>
 300 
											</div>
304 
											</form>
 - 
 
305 
										</div>
 301 
										</div>
306 
									</div>
 302 
									</div>
307 
									<div class="row-fluid">
 303 
									<div class="forcer-colonne well control-group">
308 
										<div class="span12">
 304 
										<div class="row-fluid">
309 
											<div id="map-canvas" rel="tooltip"
- 
 
310 
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
 - 
 
311 
													représentant votre station ou bien le glisser-déposer sur
- 
 
312 
													le lieu souhaité."></div>
 - 
 
313 
										</div>
 - 
 
314 
									</div>
 - 
 
315 
									<div id="coordonnees-geo-affichage" class="row-fluid">
 - 
 
316 
										<label for="coordonnees-geo" class="span6">
 - 
 
317 
											<a class="afficher-coord btn">
 - 
 
318 
												<span class="afficher-coord-action">Afficher</span>
 - 
 
319 
												<span class="afficher-coord-action" style="display:none;">Cacher</span>
 - 
 
320 
												coordonnées
 - 
 
321 
												<span id="lat-lon-info" class="info"
- 
 
322 
													rel="tooltip"
- 
 
323 
													title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
 - 
 
324 
													(WGS84)
 - 
 
325 
												</span>
 - 
 
326 
											</a>
 - 
 
327 
										</label>
 - 
 
328 
										<div id="info-commune" class="span6">
 305 
											<div class="span12">
329 
											<span for="marqueur-commune">Commune : </span>
 - 
 
330 
											<span id="marqueur-commune">
 - 
 
331 
												<span id="commune-nom" class="commune-info"></span>
 - 
 
332 
												(<span id="commune-code-insee" class="commune-info"
306 
												<label for="map_canvas" class="control-label"
333 
													rel="tooltip"
- 
 
334 
													title="Code INSEE de la commune"></span>)
 307 
														title="Veuillez localiser l'observation">
335 
											</span>
 - 
 
336 
										</div>
 - 
 
337 
									</div>
 - 
 
338 
									<div id="coordonnees-geo" class="row-fluid" style="display:none;">
 - 
 
339 
										<form id="form-station" class="control-group form-inline">
 - 
 
340 
											<div id="coord-lat" class="span4">
 308 
													<strong class="obligatoire">*</strong>
341 
												<label>
 - 
 
342 
													Latitude
 309 
													Géolocalisation
343 
													<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
 - 
 
344 
												</label>
 310 
												</label>
- 
 
 311 
												<div class="form-search form-horizontal">
- 
 
 312 
													<div class="control-group">
- 
 
 313 
														<input id="carte-recherche" class="search-query" type="text" value=""
- 
 
 314 
															rel="tooltip"
- 
 
 315 
															title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
- 
 
 316 
															placeholder="Centrer la carte sur un lieu..."/>
- 
 
 317 
													</div>
- 
 
 318 
												</div>
345 
											</div>
 319 
											</div>
- 
 
 320 
										</div>
346 
											<div id="coord-lng" class="span4">
 321 
										<div class="row-fluid">
347 
												<label>
 322 
											<div class="span12">
348 
													Longitude
 323 
												<div id="map-canvas" rel="tooltip"
349 
													<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
 324 
													title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
- 
 
 325 
														représentant votre station ou bien le glisser-déposer sur
350 
												</label>
 326 
														le lieu souhaité."></div>
351 
											</div>
 327 
											</div>
- 
 
 328 
										</div>
- 
 
 329 
										<div id="coordonnees-geo-affichage" class="row-fluid">
- 
 
 330 
											<label for="coordonnees-geo" class="span6">
352 
											<div class="span4">
 331 
												<a class="afficher-coord btn">
- 
 
 332 
													<span class="afficher-coord-action">Afficher</span>
- 
 
 333 
													<span class="afficher-coord-action" style="display:none;">Cacher</span>
- 
 
 334 
													coordonnées
353 
												<button id="geolocaliser" class="btn"
 335 
													<span id="lat-lon-info" class="info"
354 
													rel="tooltip"
 336 
														rel="tooltip"
355 
													title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
 337 
														title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
- 
 
 338 
														(WGS84)
- 
 
 339 
													</span>
- 
 
 340 
												</a>
- 
 
 341 
											</label>
- 
 
 342 
											<div id="info-commune" class="span6">
- 
 
 343 
												<span for="marqueur-commune">Commune : </span>
- 
 
 344 
												<span id="marqueur-commune">
- 
 
 345 
													<span id="commune-nom" class="commune-info"></span>
- 
 
 346 
													(<span id="commune-code-insee" class="commune-info"
356 
													Voir sur la carte
 347 
														rel="tooltip"
- 
 
 348 
														title="Code INSEE de la commune"></span>)
357 
												</button>
 349 
												</span>
358 
											</div>
 350 
											</div>
359 
										</form>
 351 
										</div>
- 
 
 352 
										<div id="coordonnees-geo" class="row-fluid" style="display:none;">
- 
 
 353 
											<div class="form-inline">
- 
 
 354 
												<div id="coord-lat" class="span4 control-group">
- 
 
 355 
													<label for="latitude" class="control-label">
- 
 
 356 
														<strong class="obligatoire">*</strong>
- 
 
 357 
														Latitude
360 
									</div>
 358 
													</label>
- 
 
 359 
													<div class="controls">
- 
 
 360 
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
361 
								</div>
 361 
													</div>
362 
							</div>
 362 
												</div>
363 
							<div class="span4">
 363 
												<div id="coord-lng" class="span4">
- 
 
 364 
													<label for="longitude" class="control-label">
- 
 
 365 
														<strong class="obligatoire">*</strong>
- 
 
 366 
														Longitude
- 
 
 367 
													</label>
364 
								<div class="row-fluid">
 368 
													<div class="controls">
- 
 
 369 
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
- 
 
 370 
													</div>
- 
 
 371 
												</div>
365 
									<div class="span12">
 372 
												<div class="span4">
- 
 
 373 
													<button id="geolocaliser" class="btn"
- 
 
 374 
														rel="tooltip"
- 
 
 375 
														title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
366 
										<h2>Typologie du site</h2>
 376 
														Voir sur la carte
- 
 
 377 
													</button>
- 
 
 378 
												</div>
- 
 
 379 
											</div>
- 
 
 380 
										</div>
367 
									</div>
 381 
									</div>
368 
								</div>
 382 
								</div>
369 
								<div class="row-fluid">
 383 
								<div class="span4">
370 
									<div class="span12" rel="tooltip"
384 
									<div class="row-fluid">
371 
										title="Typologie du site. Vous pouvez en cliquant dans la zone de saisie puis en appuyant sur la touche «flêche bas», ouvrir la liste des choix disponibles." >
 - 
 
372 
										<label>
 385 
										<div class="span12">
373 
											Typologie
 386 
											<h2>Typologie du site</h2>
374 
											<select id="typo-urbaine" class="span12" name="typoUrbaine">
 - 
 
375 
												<option>centre ville</option>
 - 
 
376 
												<option>faubourg</option>
 - 
 
377 
												<option>quartier résidentiel</option>
 - 
 
378 
												<option>zone commerciale</option>
 - 
 
379 
												<option>zone d'activités</option>
 - 
 
380 
											</select>
 - 
 
381 
										</label>
 387 
										</div>
382 
									</div>
 388 
									</div>
383 
								</div>
 - 
 
384 
								<div class="row-fluid">
 389 
									<div class="row-fluid">
385 
									<div class="span12" rel="tooltip"
390 
										<div class="span12 control-group" rel="tooltip"
- 
 
 391 
											title="Typologie du site. Vous pouvez en cliquant dans la zone de saisie puis en appuyant sur la touche «flêche bas», ouvrir la liste des choix disponibles." >
386 
										title="Type de revêtement de sol." >
 392 
											<label for="typo-urbaine" class="control-label">
- 
 
 393 
												<strong class="obligatoire">*</strong>
- 
 
 394 
												Typologie
387 
										<label>
 395 
											</label>
388 
											Revêtement de sol
 396 
											<div class="controls">
389 
											<select id="revetement-sol" class="span12" name="revetementSol">
 397 
												<select id="typo-urbaine" class="span12" name="typoUrbaine">
- 
 
 398 
													<option selected value="">Sélectionnez une typologie</option>
390 
												<option>asphalte et enrobés</option>
 399 
													<option>centre ville</option>
391 
												<option>pavés</option>
 400 
													<option>faubourg</option>
392 
												<option>stabilisés, aires sablées</option>
 401 
													<option>quartier résidentiel</option>
393 
												<option>graviers</option>
 402 
													<option>zone commerciale</option>
394 
												<option>terre</option>
 403 
													<option>zone d'activités</option>
395 
											</select>
 404 
												</select>
- 
 
 405 
											</div>
396 
										</label>
 406 
										</div>
397 
									</div>
 407 
									</div>
398 
								</div>
 - 
 
399 
								<div class="row-fluid">
 408 
									<div class="row-fluid">
400 
									<div class="span12" rel="tooltip"
409 
										<div class="span12 control-group" rel="tooltip"
401 
										title="Présence de zones végétalisés autour du site (haie, aménagement paysager, parcs et jardins, ...)." >
 410 
											title="Type de revêtement de sol." >
- 
 
 411 
											<label for="revetement-sol" class="control-label">
- 
 
 412 
												<strong class="obligatoire">*</strong>
- 
 
 413 
												Revêtement de sol
402 
										<label>
 414 
											</label>
403 
											Présence de zones végétalisés
 415 
											<div class="controls">
404 
											<select id="presence-zone-vegetalise">
 416 
												<select id="revetement-sol" class="span12" name="revetementSol">
- 
 
 417 
													<option selected value="">Sélectionnez un revêtement de sol</option>
405 
												<option>nulle</option>
 418 
													<option>asphalte et enrobés</option>
406 
												<option>faible</option>
 419 
													<option>pavés</option>
- 
 
 420 
													<option>stabilisés, aires sablées</option>
407 
												<option>moyenne</option>
 421 
													<option>graviers</option>
408 
												<option>importante</option>
 422 
													<option>terre</option>
409 
											</select>
 423 
												</select>
- 
 
 424 
											</div>
410 
										</label>
 425 
										</div>
411 
									</div>
 426 
									</div>
412 
								</div>
 - 
 
413 
								<div class="row-fluid">
 427 
									<div class="row-fluid">
414 
									<div class="span12" rel="tooltip"
428 
										<div class="span12" rel="tooltip"
415 
										title="Hauteur des bâtiments avoisinants (en étages)." >
 429 
											title="Présence de zones végétalisés autour du site (haie, aménagement paysager, parcs et jardins, ...)." >
416 
										<label>
 430 
											<label>
417 
											Hauteur des bâtiments
 431 
												Présence de zones végétalisés
418 
											<select id="hauteur-batiment-avoisinant">
 432 
												<select id="presence-zone-vegetalise">
419 
												<option>0</option>
 433 
													<option selected value=""></option>
420 
												<option>1</option>
 434 
													<option>nulle</option>
421 
												<option>2</option>
 435 
													<option>faible</option>
422 
												<option>3</option>
 436 
													<option>moyenne</option>
423 
												<option>4</option>
 437 
													<option>importante</option>
424 
												<option>5 et +</option>
 438 
												</select>
425 
											</select>
 439 
											</label>
426 
										</label>
 440 
										</div>
427 
									</div>
 441 
									</div>
- 
 
 442 
									<div class="row-fluid">
- 
 
 443 
										<div class="span12" rel="tooltip"
- 
 
 444 
											title="Hauteur des bâtiments avoisinants (en étages)." >
428 
								</div>
 445 
											<label>
- 
 
 446 
												Hauteur des bâtiments
- 
 
 447 
												<select id="hauteur-batiment-avoisinant">
- 
 
 448 
													<option selected value=""></option>
- 
 
 449 
													<option>0</option>
429 
							</div>
 450 
													<option>1</option>
430 
							<div class="span4">
 451 
													<option>2</option>
431 
								<div class="row-fluid">
 452 
													<option>3</option>
432 
									<div class="span12">
 453 
													<option>4</option>
433 
										<h2>Itinéraire technique</h2>
 454 
													<option>5 et +</option>
- 
 
 455 
												</select>
- 
 
 456 
											</label>
- 
 
 457 
										</div>
434 
									</div>
 458 
									</div>
435 
								</div>
 459 
								</div>
436 
								<div class="row-fluid">
 460 
								<div class="span4">
437 
									<div class="span12" rel="tooltip"
461 
									<div class="row-fluid">
438 
										title="Intensité de gestion." >
 - 
 
439 
										<label>
 - 
 
440 
											Intensité de gestion
 - 
 
441 
											<select id="intensite-gestion" class="span12">
 462 
										<div class="span12">
442 
												<option>extensive</option>
 - 
 
443 
												<option>intermédiaire</option>
 - 
 
444 
												<option>intensive</option>
 463 
											<h2>Itinéraire technique</h2>
445 
											</select>
 - 
 
446 
										</label>
 464 
										</div>
447 
									</div>
 465 
									</div>
448 
								</div>
 - 
 
449 
								<div class="row-fluid">
 466 
									<div class="row-fluid">
450 
									<div class="span12">
 467 
										<div class="span12 control-group" rel="tooltip"
451 
										<div class="row-fluid">
 468 
											title="Intensité de gestion." >
452 
											<div class="span12" rel="tooltip"
469 
											<label for="intensite-gestion" class="control-label">
453 
												title="Utilisation de produits phytosanitaires sur le site." >
 470 
												<strong class="obligatoire">*</strong>
- 
 
 471 
												Intensité de gestion
454 
												<label>
 472 
											</label>
455 
													Utilisation de produits phytosanitaires
 473 
											<div class="controls">
456 
													<select id="periodicite-traitement-phyto">
 474 
												<select id="intensite-gestion" name="intensiteGestion" class="span12">
457 
														<option value="régulière">régulière</option>
 475 
													<option selected value="">Sélectionnez l'intensité</option>
458 
														<option value="occasionnelle">occasionnelle</option>
 476 
													<option>extensive</option>
459 
														<option value="rare">rare</option>
 477 
													<option>intermédiaire</option>
460 
														<option value="jamais">jamais</option>
 478 
													<option>intensive</option>
461 
													</select>
 479 
												</select>
462 
												</label>
 - 
 
463 
											</div>
 480 
											</div>
464 
										</div>
 481 
										</div>
- 
 
 482 
									</div>
465 
										<div id="datp-zone" class="row-fluid hidden">
 483 
									<div class="row-fluid">
466 
											<div class="span12" rel="tooltip"
484 
										<div class="span12">
467 
													title="Date approximative de l'arrêt des traitements.
485 
											<div class="row-fluid">
468 
													Vous pouvez cliquer sur l'icône de calendrier pour
486 
												<div class="span12 control-group" rel="tooltip"
469 
													sélectionner une date dans un calendrier.">
 487 
													title="Utilisation de produits phytosanitaires sur le site." >
470 
												<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
 488 
													<label for="periodicite-traitement-phyto" class="control-label">
- 
 
 489 
														<strong class="obligatoire">*</strong>
471 
													Date d'arrêt des traitements
 490 
														Utilisation de produits phytosanitaires
- 
 
 491 
													</label>
472 
													<div class="input-prepend">
 492 
													<div class="controls">
473 
														<span id="date-arret-traitement-phyto-icone" class="add-on"></span>
 493 
														<select id="periodicite-traitement-phyto" name="periodiciteTraitementPhyto">
- 
 
 494 
															<option selected value=""></option>
- 
 
 495 
															<option value="régulière">régulière</option>
474 
														<input id="date-arret-traitement-phyto" class="input-small"
496 
															<option value="occasionnelle">occasionnelle</option>
475 
															name="date-arret-traitement-phyto" type="text"
 497 
															<option value="rare">rare</option>
476 
															placeholder="jj/mm/aaaa" />
 498 
															<option value="jamais">jamais</option>
- 
 
 499 
														</select>
477 
													</div>
 500 
													</div>
- 
 
 501 
												</div>
- 
 
 502 
											</div>
- 
 
 503 
											<div id="datp-zone" class="row-fluid hidden">
- 
 
 504 
												<div class="span12" rel="tooltip"
- 
 
 505 
														title="Date approximative de l'arrêt des traitements.
- 
 
 506 
														Vous pouvez cliquer sur l'icône de calendrier pour
- 
 
 507 
														sélectionner une date dans un calendrier.">
- 
 
 508 
													<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
- 
 
 509 
														Date d'arrêt des traitements
- 
 
 510 
														<div class="input-prepend">
- 
 
 511 
															<span id="date-arret-traitement-phyto-icone" class="add-on"></span>
- 
 
 512 
															<input id="date-arret-traitement-phyto" class="input-small"
- 
 
 513 
																name="date-arret-traitement-phyto" type="text"
- 
 
 514 
																placeholder="jj/mm/aaaa" />
- 
 
 515 
														</div>
478 
												</label>
 516 
													</label>
- 
 
 517 
												</div>
479 
											</div>
 518 
											</div>
480 
										</div>
 519 
										</div>
481 
									</div>
 520 
									</div>
482 
								</div>
 - 
 
483 
								<div class="row-fluid">
 521 
									<div class="row-fluid">
484 
									<div class="span12" rel="tooltip"
522 
										<div class="span12 control-group" rel="tooltip"
485 
										title="Description de l'itinéraire de gestion (type de traitement, matériel utilisé, fréquence de passage, ...)." >
 523 
											title="Description de l'itinéraire de gestion (type de traitement, matériel utilisé, fréquence de passage, ...)." >
- 
 
 524 
											<label for="itineraire-gestion" class="control-label">
- 
 
 525 
												<strong class="obligatoire">*</strong>
- 
 
 526 
												Description de l'itinéraire de gestion
486 
										<label>
 527 
											</label>
487 
											Description de l'itinéraire de gestion
 528 
											<div class="controls">
488 
											<textarea id="itineraire-gestion" class="span12" rows="7" name="itineraireGestion"></textarea>
 529 
												<textarea id="itineraire-gestion" class="span12" rows="7" name="itineraireGestion"></textarea>
- 
 
 530 
											</div>
489 
										</label>
 531 
										</div>
490 
									</div>
 532 
									</div>
491 
								</div>
 533 
								</div>
492 
							</div>
 534 
							</div>
493 
						</div>
 535 
						</div>
494 
					</div>
 536 
					</form>
495 
				</div>
 537 
				</div>
496 
			</div>
 538 
			</div>
497 
			<div class="row-fluid">
 539 
			<div class="row-fluid">
498 
				<div class="span12 well">
 540 
				<div class="span12 well">
499 
					<div class="row-fluid">
 541 
					<div class="row-fluid">
500 
						<div class="span4">
 542 
						<div class="span3">
501 
							<h2 id="obs-titre">Observations</h2>
 543 
							<h2 id="obs-titre">Observations</h2>
502 
						</div>
 544 
						</div>
503 
						<div class="span8">
 545 
						<div class="span9">
504 
							<form id="form-date" class="form-inline">
 546 
							<form id="form-date" class="form-inline">
505 
								<div class="span6" rel="tooltip"
547 
								<div class="span5 control-group" rel="tooltip"
506 
									title="Vous pouvez cliquer sur l'icône de calendrier pour
548 
									title="Vous pouvez cliquer sur l'icône de calendrier pour
507 
									sélectionner une date dans un calendrier.">
 549 
									sélectionner une date dans un calendrier. La date doit être au format :
- 
 
 550 
									jj/mm/aaaa">
508 
									<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
 551 
									<label class="control-label">
- 
 
 552 
										<strong class="obligatoire">*</strong>
509 
										Date du relevé
553 
										Date du relevé
510 
										<div class="input-prepend">
 554 
										<div class="input-prepend">
511 
											<span id="date-icone" class="add-on"></span>
 555 
											<span id="date-icone" class="add-on"></span>
512 
											<input id="date" class="input-small" name="date" type="text"
556 
											<input id="date" class="input-small" name="date" type="text"
513 
												placeholder="jj/mm/aaaa" />
 557 
												placeholder="jj/mm/aaaa" />
514 
										</div>
 558 
										</div>
515 
									</label>
 559 
									</label>
516 
								</div>
 560 
								</div>
517 
								<div class="span6" rel="tooltip"
561 
								<div class="span7 control-group" rel="tooltip"
518 
									title="Date approximative de la dernière intervention." >
 562 
									title="Date approximative de la dernière intervention." >
519 
									<label>
 563 
									<label class="span12 control-label">
- 
 
 564 
										<strong class="obligatoire">*</strong>
520 
										Dernière intervention
 565 
										Dernière intervention
521 
										<select id="date-derniere-intervention">
 566 
										<select id="date-derniere-intervention" class="span8" name="dateDerniereIntervention">
- 
 
 567 
											<option selected value="">Sélectionnez la date d'intervention</option>
522 
											<option value="inconnue">ne sais pas</option>
 568 
											<option value="inconnue">ne sais pas</option>
523 
											<option>plus de 3 ans</option>
 569 
											<option>plus de 3 ans</option>
524 
											<option>entre 1 et 3 ans</option>
 570 
											<option>entre 1 et 3 ans</option>
525 
											<option>moins d'1 an</option>
 571 
											<option>moins d'1 an</option>
526 
											<option>au cours du dernier semestre</option>
 572 
											<option>au cours du dernier semestre</option>
Line 572... Line 618...
572 
									<div class="span12">
 618 
									<div class="span12">
573 
										<div class="control-group" rel="tooltip"
619 
										<div class="control-group" rel="tooltip"
574 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
620 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
575 
												votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
621 
												votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
576 
												un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." >
 622 
												un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." >
577 
											<label class="control-label" for="taxon" title="Choisissez l'espèce rencontrée.">
 623 
											<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée.">
578 
												Autre espèce
 624 
												Autre espèce
579 
											</label>
 625 
											</label>
580 
											<div class="controls">
 626 
											<div class="controls">
581 
												<input id="taxon" name="taxon" type="text" class="span12"
 627 
												<input id="taxon" name="taxon" type="text" class="span12"
582 
													placeholder="Autre espèce (ou indication sur la plante)"
628 
													placeholder="Autre espèce (ou indication sur la plante)"
Line 584... Line 630...
584 
											</div>
 630 
											</div>
585 
										</div>
 631 
										</div>
586 
									</div>
 632 
									</div>
587 
								</div>
 633 
								</div>
588 
								<div class="row-fluid">
 634 
								<div class="row-fluid">
589 
									<div class="span12" rel="tooltip"
635 
									<div class="span12 control-group" rel="tooltip"
590 
										title="Sélectionner un ou plusieurs milieux dans lesquels l'espèce est présente sur le site.">
 636 
										title="Sélectionner un ou plusieurs milieux dans lesquels l'espèce est présente sur le site.">
591 
										<label class="span2">
 637 
										<label class="span2 control-label">
- 
 
 638 
											<strong class="obligatoire">*</strong>
592 
											Milieux
 639 
											Milieux
593 
										</label>
 640 
										</label>
- 
 
 641 
										<div class="controls">
594 
										<div class="input-prepend">
 642 
											<div class="input-prepend">
595 
											<div class="btn-group">
 643 
												<div class="btn-group">
596 
												<button class="btn dropdown-toggle" data-toggle="dropdown">
 644 
													<button class="btn dropdown-toggle" data-toggle="dropdown">
597 
													<i class="icon-globe"></i>
 645 
														<i class="icon-globe"></i>
598 
													Sélectionner un ou plusieurs milieux
 646 
														Sélectionner un ou plusieurs milieux
599 
													<span class="caret"></span>
 647 
														<span class="caret"></span>
600 
												</button>
 648 
													</button>
601 
												<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
 649 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
602 
													<li>
 650 
														<li>
603 
														<label class="checkbox">
 651 
															<label class="checkbox">
604 
															<input name="milieux" type="checkbox" value="chemin"/>
 652 
																<input name="milieux" type="checkbox" value="chemin"/>
605 
															chemin
 653 
																chemin
606 
														</label>
 654 
															</label>
607 
													</li>
 655 
														</li>
608 
													<li>
 656 
														<li>
609 
														<label class="checkbox">
 657 
															<label class="checkbox">
610 
															<input name="milieux" type="checkbox" value="fissures"/>
 658 
																<input name="milieux" type="checkbox" value="fissures"/>
611 
															fissures
 659 
																fissures
612 
														</label>
 660 
															</label>
613 
													</li>
 661 
														</li>
614 
													<li>
 662 
														<li>
615 
														<label class="checkbox">
 663 
															<label class="checkbox">
616 
															<input name="milieux" type="checkbox" value="haie"/>
 664 
																<input name="milieux" type="checkbox" value="haie"/>
617 
															haie
 665 
																haie
618 
														</label>
 666 
															</label>
619 
													</li>
 667 
														</li>
620 
													<li>
 668 
														<li>
621 
														<label class="checkbox">
 669 
															<label class="checkbox">
622 
															<input name="milieux" type="checkbox" value="mur"/>
 670 
																<input name="milieux" type="checkbox" value="mur"/>
623 
															mur
 671 
																mur
624 
														</label>
 672 
															</label>
625 
													</li>
 673 
														</li>
626 
													<li>
 674 
														<li>
627 
														<label class="checkbox">
 675 
															<label class="checkbox">
628 
															<input name="milieux" type="checkbox" value="pelouse"/>
 676 
																<input name="milieux" type="checkbox" value="pelouse"/>
629 
															pelouse
 677 
																pelouse
630 
														</label>
 678 
															</label>
631 
													</li>
 679 
														</li>
632 
													<li>
 680 
														<li>
633 
														<label class="checkbox">
 681 
															<label class="checkbox">
634 
															<input name="milieux" type="checkbox" value="pied d'arbre"/>
 682 
																<input name="milieux" type="checkbox" value="pied d'arbre"/>
635 
															pied d'arbre
 683 
																pied d'arbre
636 
														</label>
 684 
															</label>
637 
													</li>
 685 
														</li>
638 
													<li>
 686 
														<li>
639 
														<label class="checkbox">
 687 
															<label class="checkbox">
640 
															<input name="milieux" type="checkbox" value="plate bande"/>
 688 
																<input name="milieux" type="checkbox" value="plate bande"/>
641 
															plate bande
 689 
																plate bande
642 
														</label>
 690 
															</label>
643 
													</li>
 691 
														</li>
644 
												</ul>
 692 
													</ul>
- 
 
 693 
												</div>
645 
											</div>
 694 
											</div>
646 
										</div>
 695 
										</div>
647 
									</div>
 696 
									</div>
648 
								</div>
 697 
								</div>
Line 649... Line 698...
649
698
650 
								<div class="row-fluid">
 699 
								<div class="row-fluid">
651 
									<div class="span12" rel="tooltip"
700 
									<div class="span12 control-group" rel="tooltip"
652 
										title="Hauteur maximum en centimètre de la plante sur le site.">
 701 
										title="Hauteur maximum en centimètre de la plante sur le site.">
- 
 
 702 
										<label class="control-label">
653 
										<label >
 703 
											<strong class="obligatoire">*</strong>
654 
											Hauteux max. (en cm) de la plante
704 
											Hauteux max. (en cm) de la plante
655 
											<input id="hauteur-plante" class="span2" name="hauteurPlante"
705 
											<input id="hauteur-plante" class="span2" name="hauteurPlante"
656 
												type="number" min="0" step="1" />
 706 
												type="number" min="0" step="5" />
657 
										</label>
 707 
										</label>
658 
									</div>
 708 
									</div>
Line 659... Line 709...
659 
								</div>
 709 
								</div>
Line 669... Line 719...
669 
								</div>
 719 
								</div>
670 
							</div>
 720 
							</div>
671 
							<div class="span6">
 721 
							<div class="span6">
672 
								<div class="well">
 722 
								<div class="well">
673 
									<div class="row-fluid">
 723 
									<div class="row-fluid">
674 
										<div class="span12" rel="tooltip"
724 
										<div class="span12 control-group" rel="tooltip"
675 
											title="Résistance/Résilience face aux traitements utilisés." >
 725 
											title="Résistance/Résilience face aux traitements utilisés." >
676 
											<label>
 726 
											<label class="control-label">
- 
 
 727 
												<strong class="obligatoire">*</strong>
677 
												Résistance/Résilience
 728 
												Résistance/Résilience
- 
 
 729 
											</label>
- 
 
 730 
											<div class="controls">
678 
												<select id="resistance-traitement-phyto" name="resistanceTraitementPhyto">
 731 
												<select id="resistance-traitement-phyto" name="resistanceTraitementPhyto">
- 
 
 732 
													<option selected value=""></option>
679 
													<option>Pas de traitement</option>
 733 
													<option>Pas de traitement</option>
680 
													<option>faible</option>
 734 
													<option>faible</option>
681 
													<option>intermédiaire</option>
 735 
													<option>intermédiaire</option>
682 
													<option>forte</option>
 736 
													<option>forte</option>
683 
													<option>très forte</option>
 737 
													<option>très forte</option>
684 
												</select>
 738 
												</select>
685 
											</label>
 739 
											</div>
686 
										</div>
 740 
										</div>
687 
									</div>
 741 
									</div>
Line 688... Line 742...
688
742
689 
									<div class="row-fluid">
 743 
									<div class="row-fluid">
690 
										<div class="span12" rel="tooltip"
744 
										<div class="span12" rel="tooltip"
691 
											title="Vitesse de croissance sur site." >
 745 
											title="Vitesse de croissance sur site." >
692 
											<label>
 746 
											<label>
693 
												Croissance
 747 
												Croissance
- 
 
 748 
												<select id="vitesse-croissance" name="vitesseCroissance">
694 
												<select id="vitesse-croissance" name="vitesseCroissance">
 749 
													<option selected value=""></option>
695 
													<option>nulle</option>
 750 
													<option>nulle</option>
696 
													<option>lente</option>
 751 
													<option>lente</option>
697 
													<option>moyenne</option>
 752 
													<option>moyenne</option>
698 
													<option>rapide</option>
 753 
													<option>rapide</option>
Line 717... Line 772...
717 
														<span class="caret"></span>
 772 
														<span class="caret"></span>
718 
													</button>
 773 
													</button>
719 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
 774 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
720 
														<li>
 775 
														<li>
721 
															<label class="checkbox">
 776 
															<label class="checkbox">
722 
																<input name="milieux" type="checkbox" value="ne connaissais pas la plante avant l'étude"/>
 777 
																<input name="perceptionTechnicien" type="checkbox" value="ne connaissais pas la plante avant l'étude"/>
723 
																ne connaissais pas la plante avant l'étude
 778 
																ne connaissais pas la plante avant l'étude
724 
															</label>
 779 
															</label>
725 
														</li>
 780 
														</li>
726 
														<li>
 781 
														<li>
727 
															<label class="checkbox">
 782 
															<label class="checkbox">
728 
																<input name="milieux" type="checkbox" value="discrète ne pose pas de problème"/>
 783 
																<input name="perceptionTechnicien" type="checkbox" value="discrète ne pose pas de problème"/>
729 
																discrète ne pose pas de problème
 784 
																discrète ne pose pas de problème
730 
															</label>
 785 
															</label>
731 
														</li>
 786 
														</li>
732 
														<li>
 787 
														<li>
733 
															<label class="checkbox">
 788 
															<label class="checkbox">
734 
																<input name="milieux" type="checkbox" value="visible et esthétique"/>
 789 
																<input name="perceptionTechnicien" type="checkbox" value="visible et esthétique"/>
735 
																visible et esthétique
 790 
																visible et esthétique
736 
															</label>
 791 
															</label>
737 
														</li>
 792 
														</li>
738 
														<li>
 793 
														<li>
739 
															<label class="checkbox">
 794 
															<label class="checkbox">
740 
																<input name="milieux" type="checkbox" value="gênante, difficile à gérer"/>
 795 
																<input name="perceptionTechnicien" type="checkbox" value="gênante, difficile à gérer"/>
741 
																gênante, difficile à gérer
 796 
																gênante, difficile à gérer
742 
															</label>
 797 
															</label>
743 
														</li>
 798 
														</li>
744 
														<li>
 799 
														<li>
745 
															<label class="checkbox">
 800 
															<label class="checkbox">
746 
																<input name="milieux" type="checkbox" value="envahissante, cause des dégâts"/>
 801 
																<input name="perceptionTechnicien" type="checkbox" value="envahissante, cause des dégâts"/>
747 
																envahissante, cause des dégâts
 802 
																envahissante, cause des dégâts
748 
															</label>
 803 
															</label>
749 
														</li>
 804 
														</li>
750 
													</ul>
 805 
													</ul>
751 
												</div>
 806 
												</div>
Line 767... Line 822...
767 
										</div>
 822 
										</div>
768 
									</div>
 823 
									</div>
769 
								</div>
 824 
								</div>
770 
							</div>
 825 
							</div>
771 
						</div>
 826 
						</div>
- 
 
 827 
					</form>
Line 772... Line -...
772
- 
 
773 
						</form>
 828
774 
						<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image"
829 
					<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image"
775 
							method="post" enctype="multipart/form-data">
 830 
						method="post" enctype="multipart/form-data">
776 
							<div class="row-fluid">
 831 
						<div class="row-fluid">
777 
								<div class="span12 well">
 832 
							<div class="span12 well">
778 
									<strong>Cliquez sur l'icone pour ajouter une image</strong>
833 
								<strong>Cliquez sur l'icone pour ajouter une image</strong>
779 
									<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
 834 
								<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
780 
									<div id ="photos-conteneur">
 835 
								<div id ="photos-conteneur">
781 
										<div id="photo-placeholder" rel="tooltip"
836 
									<div id="photo-placeholder" rel="tooltip"
782 
										title="Cliquez pour ajouter une photo de votre observation. Elle doit être au
837 
									title="Cliquez pour ajouter une photo de votre observation. Elle doit être au
783 
											format JPEG et ne doit pas excéder 5Mo."></div>
838 
										format JPEG et ne doit pas excéder 5Mo."></div>
784 
										<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
 839 
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
785 
										<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
 840 
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
786 
										<div id="miniatures">
 - 
 
787 
										</div>
 - 
 
788 
										<p class="miniature-msg" class="span12">&nbsp;</p>
 841 
									<div id="miniatures">
- 
 
 842 
									</div>
789 
									</div>
 843 
									<p class="miniature-msg" class="span12">&nbsp;</p>
790 
								</div>
 844 
								</div>
791 
							</div>
 - 
 
792 
						</form>
 - 
 
793 
						<div class="row-fluid">
 - 
 
794 
							<div class="span12 centre" rel="tooltip"
- 
 
795 
								title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
- 
 
796 
									ajouter votre observation à la liste à transmettre.">
 - 
 
797 
								<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
 - 
 
798 
									Créer
 - 
 
799 
								</button>
 - 
 
800 
							</div>
 845 
							</div>
- 
 
 846 
						</div>
- 
 
 847 
					</form>
- 
 
 848 
					<div class="row-fluid">
- 
 
 849 
						<div class="span12 centre" rel="tooltip"
- 
 
 850 
							title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
- 
 
 851 
								ajouter votre observation à la liste à transmettre.">
- 
 
 852 
							<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
- 
 
 853 
								Créer
801 
						</div>
 854 
							</button>
802
855 
						</div>
- 
 
 856 
					</div>
803 
					</div>
 857
- 
 
 858 
				</div>
Line 804... Line 859...
804 
				</div>
 859 
			</div>
805
860
806 
				<!-- Messages d'erreur du formulaire-->
 861 
			<!-- Messages d'erreur du formulaire-->
807 
				<div class="row-fluid">
 862 
			<div class="row-fluid">
808 
					<div class="zone-alerte span6 offset3">
 863 
				<div class="zone-alerte span6 offset3">
809 
						<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
 864 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
810 
							<a class="close">×</a>
 865 
						<a class="close">×</a>
811 
							<h4 class="alert-heading">Information : 10 observations maximum</h4>
 866 
						<h4 class="alert-heading">Information : 10 observations maximum</h4>
812 
							<p>
 867 
						<p>
813 
								Vous venez d'ajouter votre 10ème observation.<br/>
 868 
							Vous venez d'ajouter votre 10ème observation.<br/>
814 
								Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
 - 
 
815 
							</p>
 869 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
- 
 
 870 
						</p>
816 
						</div>
 871 
					</div>
817 
					</div>
 872 
				</div>
818 
					<div class="zone-alerte span6 offset3">
 873 
				<div class="zone-alerte span6 offset3">
819 
						<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
 874 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
820 
							<a class="close">×</a>
 875 
						<a class="close">×</a>
821 
							<h4 class="alert-heading">Information : champs en erreur</h4>
 876 
						<h4 class="alert-heading">Information : champs en erreur</h4>
822 
							<p>
 877 
						<p>
823 
								Certains champs du formulaire sont mal remplis.<br/>
 878 
							Certains champs du formulaire sont mal remplis.<br/>
824 
								Veuillez vérifier vos données.
 - 
 
825 
							</p>
 879 
							Veuillez vérifier vos données.
826 
						</div>
 880 
						</p>
- 
 
 881 
					</div>
Line 827... Line 882...
827 
					</div>
 882 
				</div>
828 
				</div>
 883 
			</div>
829
884
830 
				<!-- Affiche le tableau récapitualif des observations ajoutées -->
 885 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
831 
				<div id="zone-liste-obs" class="row-fluid">
 886 
			<div id="zone-liste-obs" class="row-fluid">
832 
					<div class="span12">
 887 
				<div class="span12">
833 
						<div class="well">
 888 
					<div class="well">
- 
 
 889 
						<div class="row-fluid">
- 
 
 890 
							<div class="span8">
- 
 
 891 
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
- 
 
 892 
							</div>
- 
 
 893 
							<div class="span4 droite">
- 
 
 894 
								<button id="transmettre-obs" class="btn btn-primary btn-large"
- 
 
 895 
									type="button" disabled="disabled" rel="tooltip"
- 
 
 896 
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
- 
 
 897 
									Transmettre
- 
 
 898 
								</button>
- 
 
 899 
							</div>
- 
 
 900 
						</div>
- 
 
 901 
						<div id="liste-obs" ></div>
- 
 
 902 
						<div class="row">
- 
 
 903 
							<div class="zone-alerte span6 offset3">
- 
 
 904 
								<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
834 
							<div class="row-fluid">
 905 
									<a class="close">×</a>
835 
								<div class="span8">
 - 
 
- 
 
 906 
									<h4 class="alert-heading">Attention : aucune observation</h4>
836 
									<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
 907 
									<p>Veuillez saisir des observations pour les transmettres.</p>
837 
								</div>
 908 
								</div>
838 
								<div class="span4 droite">
 909
839 
									<button id="transmettre-obs" class="btn btn-primary btn-large"
910 
								<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
840 
										type="button" disabled="disabled" rel="tooltip"
 - 
 
841 
										title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
911 
									<a class="close">×</a>
842 
										Transmettre
 - 
 
843 
									</button>
 - 
 
844 
								</div>
 - 
 
845 
							</div>
 - 
 
846 
							<div id="liste-obs" ></div>
 - 
 
847 
							<div class="row">
 - 
 
848 
								<div class="zone-alerte span6 offset3">
 - 
 
849 
									<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
 - 
 
850 
										<a class="close">×</a>
 - 
 
851 
										<h4 class="alert-heading">Attention : aucune observation</h4>
 912 
									<h4 class="alert-heading">Information : transmission des observations</h4>
852 
										<p>Veuillez saisir des observations pour les transmettres.</p>
 - 
 
853 
									</div>
 - 
 
854
- 
 
855 
									<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
 - 
 
856 
										<a class="close">×</a>
 - 
 
857 
										<h4 class="alert-heading">Information : transmission des observations</h4>
 - 
 
858 
										<div class="alert-txt"></div>
 913 
									<div class="alert-txt"></div>
859 
									</div>
 914 
								</div>
860
915
861 
									<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
 916 
								<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
862 
										<a class="close">×</a>
 - 
 
863 
										<h4 class="alert-heading">Erreur : transmission des observations</h4>
 917 
									<a class="close">×</a>
864 
										<div class="alert-txt"></div>
 918 
									<h4 class="alert-heading">Erreur : transmission des observations</h4>
865 
									</div>
 - 
 
866 
								</div>
 919 
									<div class="alert-txt"></div>
- 
 
 920 
								</div>
867 
							</div>
 921 
							</div>
868
922 
						</div>
869 
						</div>
 - 
 
870 
					</div>
 - 
 
871 
				</div>
 - 
 
872
- 
 
873 
				<footer class="row-fluid">
 - 
 
874 
					<p class="span12">&copy; Tela Botanica 2013</p>
 - 
 
875 
				</footer>
 - 
 
876 
			</div>
 - 
 
877
- 
 
878 
			<!-- Fenêtres modales -->
 - 
 
879 
			<div id="chargement" class="modal-fenetre" style="display:none;">
- 
 
880 
				<div id="chargement-centrage" class="modal-contenu">
 - 
 
881 
					<img id="chargement-img"
- 
 
882 
						src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif"
- 
 
883 
						alt="Transfert en cours..."/>
 - 
 
884 
					<p id="chargement-txt" style="color:white;font-size:1.5em;">
 - 
 
885 
						Transfert des observations en cours...<br />
 - 
 
886 
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
- 
 
887 
						d'observations à transférer.
 923
Line 888... Line 924...
888 
					</p>
 924 
					</div>
889 
				</div>
 925 
				</div>
890 
			</div>
 926 
			</div>
- 
 
 927
- 
 
 928 
			<footer class="row-fluid">
891
929 
				<p class="span12">&copy; Tela Botanica 2013</p>
892 
			<!-- Templates HTML -->
 - 
 
893 
			<div id="tpl-transmission-ok" style="display:none;">
 - 
 
894 
				<p class="msg">
 930 
			</footer>
895 
					Vos observations ont bien été transmises.<br />
 931 
		</div>
896 
					Elles sont désormais consultables à travers les différents outils de visualisation
- 
 
897 
					du réseau Tela Botanica (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
- 
 
898 
					<a href="http://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>,
- 
 
899 
					<a href="http://www.tela-botanica.org/appli:identiplante">identiplante</a>,
 932
900 
					<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
 933 
		<!-- Fenêtres modales -->
901 
					Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
934 
		<div id="chargement" class="modal-fenetre" style="display:none;">
902 
					connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
 - 
 
903 
					N'oubliez pas qu'il est nécessaire de
- 
 
904 
					<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
 935 
			<div id="chargement-centrage" class="modal-contenu">
905 
					au préalable, si ce n'est pas déjà fait.
 936 
				<img id="chargement-img"
906 
				</p>
 937 
					src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif"
907 
			</div>
 938 
					alt="Transfert en cours..."/>
908 
			<div id="tpl-transmission-ko" style="display:none;">
 - 
 
909 
				<p class="msg">
 939 
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
910 
					Une erreur est survenue lors de la transmission de vos observations.<br />
 940 
					Transfert des observations en cours...<br />
911 
					Vous pouvez signaler le dysfonctionnement à
- 
 
912 
					<a class="courriel-erreur" href="mailto:">cel_remarques@tela-botanica.org</a>.
 - 
 
913 
				</p>
 - 
 
914 
			</div>
 - 
 
915
- 
 
916 
			<!-- Stats : Google Analytics-->
 - 
 
917 
			<script type="text/javascript">
 - 
 
918 
				//<![CDATA[
 - 
 
919 
				var _gaq = _gaq || [];
 - 
 
920 
				_gaq.push(['_setAccount', 'UA-20092557-1']);
 - 
 
921 
				_gaq.push(['_trackPageview']);
 - 
 
922
- 
 
923 
				(function() {
 - 
 
924 
				  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 - 
 
925 
				  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 - 
 
926 
				  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 941 
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
- 
 
 942 
					d'observations à transférer.
- 
 
 943 
				</p>
- 
 
 944 
			</div>
- 
 
 945 
		</div>
- 
 
 946
- 
 
 947 
		<!-- Templates HTML -->
- 
 
 948 
		<div id="tpl-transmission-ok" style="display:none;">
- 
 
 949 
			<p class="msg">
- 
 
 950 
				Vos observations ont bien été transmises.<br />
- 
 
 951 
				Elles sont désormais consultables à travers les différents outils de visualisation
- 
 
 952 
				du réseau Tela Botanica (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
- 
 
 953 
				<a href="http://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>,
- 
 
 954 
				<a href="http://www.tela-botanica.org/appli:identiplante">identiplante</a>,
- 
 
 955 
				<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
- 
 
 956 
				Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
- 
 
 957 
				connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
- 
 
 958 
				N'oubliez pas qu'il est nécessaire de
- 
 
 959 
				<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
- 
 
 960 
				au préalable, si ce n'est pas déjà fait.
- 
 
 961 
			</p>
- 
 
 962 
		</div>
- 
 
 963 
		<div id="tpl-transmission-ko" style="display:none;">
- 
 
 964 
			<p class="msg">
- 
 
 965 
				Une erreur est survenue lors de la transmission de vos observations.<br />
- 
 
 966 
				Vous pouvez signaler le dysfonctionnement à
- 
 
 967 
				<a class="courriel-erreur" href="mailto:">cel_remarques@tela-botanica.org</a>.
- 
 
 968 
			</p>
- 
 
 969 
		</div>
- 
 
 970
- 
 
 971 
		<!-- Stats : Google Analytics-->
- 
 
 972 
		<script type="text/javascript">
- 
 
 973 
			//<![CDATA[
- 
 
 974 
			var _gaq = _gaq || [];
- 
 
 975 
			_gaq.push(['_setAccount', 'UA-20092557-1']);
- 
 
 976 
			_gaq.push(['_trackPageview']);
- 
 
 977
- 
 
 978 
			(function() {
- 
 
 979 
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- 
 
 980 
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
927 
				})();
 981 
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
928 
				//]]>
 982 
			})();
929 
			</script>
 983 
			//]]>