Subversion Repositories eFlore/Applications.cel

Rev

Rev 2865 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2865 Rev 2866
Line 293... Line 293...
293 
							<div class="span6">
 293 
							<div class="span6">
294 
								<div>
 294 
								<div>
295 
									<div class="row-fluid">
 295 
									<div class="row-fluid">
296 
										<!-- DATE-->
 296 
										<!-- DATE-->
297 
										<h2>Date du relevé</h2>
 297 
										<h2>Date du relevé</h2>
298 
										<div class="span12 control-group">
 298 
										<div class="control-group">
299 
											<form id="form-date" action="#" autocomplete="on">
 299 
											<form id="form-date" action="#" autocomplete="on">
- 
 
 300 
												<label for="date">
300 
												<label for="date" class="has-tooltip pointer"
 301 
													<span class="has-tooltip pointer"
301 
													title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
 302 
													title="Veuillez indiquer la date du relevé au format jj/mm/aaaa. Vous pouvez
302 
													cliquer sur l'icône de calendrier pour sélectionner une date">
 303 
													cliquer sur l'icône de calendrier pour sélectionner une date">
303 
													<strong class="obligatoire">*</strong>
 304 
														<strong class="obligatoire">*</strong>
304 
													Date du relevé
 305 
														Date du relevé
- 
 
 306 
													</span>
305 
												</label>
 307 
												</label>
306 
												<div class="input-prepend">
 308 
												<div class="input-prepend">
307 
													<span id="date-icone" class="add-on"></span><input id="date"
 309 
													<span id="date-icone" class="add-on"></span><input id="date"
308 
														class="input-small" name="date" type="text"
 310 
														class="input-small" name="date" type="text"
309 
														placeholder="jj/mm/aaaa" />
 311 
														placeholder="jj/mm/aaaa" />
Line 319... Line 321...
319 
										</div>
 321 
										</div>
320 
										<!-- LIEU -->
 322 
										<!-- LIEU -->
321 
										<h2>Lieu du relevé</h2>
 323 
										<h2>Lieu du relevé</h2>
322 
										<!-- Type de culture -->
 324 
										<!-- Type de culture -->
323 
										<div class="control-group">
 325 
										<div class="control-group">
- 
 
 326 
											<span class="row-fluid">
324 
											<label class="has-tooltip"
327 
												<span class="span3 has-tooltip"
325 
											title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
 328 
													title="Vous pouvez sélectionner un type de culture parmi la liste ou en saisir un manuellement via l'option Autres">
326 
												Type de culture
 329 
														<label class="pointer">Type de culture</label>
327 
											</label>
 330 
												</span>
- 
 
 331 
												<span class="span9">
328 
											<!-- Céréale -->
332 
													<!-- Céréale -->
329 
											<label for="culture-cereale-radio" class="radio culture pointer">
 333 
													<label for="culture-cereale-radio" class="radio culture pointer">
330 
												<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
 334 
														<input type="radio" id="culture-cereale-radio" name="type-culture" value="cereale" data-titre="céréale" />
331 
												Céréale
 335 
														Céréale
332 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
 336 
														<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
333 
												</i>
 337 
														</i>
334 
											</label>
 338 
													</label>
335 
											<div class="popover-html-content" data-for="culture-cereale-radio">
 339 
													<div class="popover-html-content" data-for="culture-cereale-radio">
336 
												<h5>Céréale</h5>
 340 
														<h5>Céréale</h5>
337 
												Une description du champ de céréales<br/>
 341 
														Une description du champ de céréales<br/>
338 
												...
 342 
														...
339 
											</div>
 343 
													</div>
340 
											<!-- Friche -->
344 
													<!-- Friche -->
341 
											<label for="culture-friche-radio" class="radio culture pointer">
 345 
													<label for="culture-friche-radio" class="radio culture pointer">
342 
												<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" data-titre="friche" />
 346 
														<input type="radio" id="culture-friche-radio" name="type-culture" value="friche" data-titre="friche" />
343 
												Friche
 347 
														Friche
344 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
 348 
														<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
345 
												</i>
 349 
														</i>
346 
											</label>
 350 
													</label>
347 
											<div class="popover-html-content" data-for="culture-friche-radio">
 351 
													<div class="popover-html-content" data-for="culture-friche-radio">
348 
												<h5>Friche</h5>
 352 
														<h5>Friche</h5>
349 
												Une description du champ de Friche<br/>
 353 
														Une description du champ de Friche<br/>
350 
												...
 354 
														...
351 
											</div>
 355 
													</div>
352 
											<!-- Légumineuse -->
356 
													<!-- Légumineuse -->
353 
											<label for="culture-legumineuse-radio" class="radio culture pointer">
 357 
													<label for="culture-legumineuse-radio" class="radio culture pointer">
354 
												<input type="radio" id="culture-legumineuse-radio" name="type-culture" value="legumineuse" data-titre="légumineuse" />
 358 
														<input type="radio" id="culture-legumineuse-radio" name="type-culture" value="legumineuse" data-titre="légumineuse" />
355 
												Légumineuse
 359 
														Légumineuse
356 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
 360 
														<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
357 
												</i>
 361 
														</i>
358 
											</label>
 362 
													</label>
359 
											<div class="popover-html-content" data-for="culture-legumineuse-radio">
 363 
													<div class="popover-html-content" data-for="culture-legumineuse-radio">
360 
												<h5>Légumineuse</h5>
 364 
														<h5>Légumineuse</h5>
361 
												Une description du champ de Légumineuse<br/>
 365 
														Une description du champ de Légumineuse<br/>
362 
												...
 366 
														...
363 
											</div>
 367 
													</div>
364 
											<!-- Vigne -->
368 
													<!-- Vigne -->
365 
											<label for="culture-vigne-radio" class="radio culture pointer">
 369 
													<label for="culture-vigne-radio" class="radio culture pointer">
366 
												<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" data-titre="vigne" />
 370 
														<input type="radio" id="culture-vigne-radio" name="type-culture" value="vigne" data-titre="vigne" />
367 
												Vigne
 371 
														Vigne
368 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
 372 
														<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
369 
												</i>
 373 
														</i>
370 
											</label>
 374 
													</label>
371 
											<div class="popover-html-content" data-for="culture-vigne-radio">
 375 
													<div class="popover-html-content" data-for="culture-vigne-radio">
372 
												<h5>Vigne</h5>
 376 
														<h5>Vigne</h5>
373 
												Une description du champ de Vigne<br/>
 377 
														Une description du champ de Vigne<br/>
374 
												...
 378 
														...
375 
											</div>
 379 
													</div>
376 
											<!-- Verger -->
380 
													<!-- Verger -->
377 
											<label for="culture-verger-radio" class="radio culture pointer">
 381 
													<label for="culture-verger-radio" class="radio culture pointer">
378 
												<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" data-titre="verger" />
 382 
														<input type="radio" id="culture-verger-radio" name="type-culture" value="verger" data-titre="verger" />
379 
												Verger
 383 
														Verger
380 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
 384 
														<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
381 
												</i>
 385 
														</i>
382 
											</label>
 386 
													</label>
383 
											<div class="popover-html-content" data-for="culture-verger-radio">
 387 
													<div class="popover-html-content" data-for="culture-verger-radio">
384 
												<h5>Verger</h5>
 388 
														<h5>Verger</h5>
385 
												Une description du champ de Verger<br/>
 389 
														Une description du champ de Verger<br/>
386 
												...
 390 
														...
387 
											</div>
 391 
													</div>
388 
											<!-- Autres -->
392 
													<!-- Autres -->
389 
											<label for="culture-autres-radio" class="radio culture pointer">
 393 
													<label for="culture-autres-radio" class="radio culture pointer">
390 
												<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" data-titre="autres" />
 394 
														<input type="radio" id="culture-autres-radio" name="type-culture" value="autres" data-titre="autres" />
391 
												Autres
 395 
														Autres
392 
												<input type="text" id="culture-autres-input" name="culture-autres" style="display: none;" />
 396 
														<input type="text" id="culture-autres-input" name="culture-autres" style="display: none;" />
393 
											</label>
 397 
													</label>
- 
 
 398 
												</span>
- 
 
 399 
											</span>
394 
										</div>
 400 
										</div>
395 
										<!-- Géolocalisation -->
 401 
										<!-- Géolocalisation -->
396 
										<div class="row-fluid">
 402 
										<div class="row-fluid">
397 
											<div class="span4">
 403 
											<div class="span4">
398 
												<h2>Géolocalisation</h2>
 404 
												<h2>Géolocalisation</h2>
Line 440... Line 446...
440 
										<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
 446 
										<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
441 
											<div id="coordonnees-geo" class="well" style="display:none;">
 447 
											<div id="coordonnees-geo" class="well" style="display:none;">
442 
												<div class="row-fluid form-inline">
 448 
												<div class="row-fluid form-inline">
443 
													<div id="coord-lat" class="span4">
 449 
													<div id="coord-lat" class="span4">
444 
														<label for="latitude" class="pointer">Latitude</label>
 450 
														<label for="latitude" class="pointer">Latitude</label>
445 
														<div>
 - 
 
446 
															<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
 451 
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
447 
														</div>
 - 
 
448 
													</div>
 452 
													</div>
449 
													<div id="coord-lng" class="span4">
 453 
													<div id="coord-lng" class="span4">
450 
														<label for="longitude" class="pointer">Longitude</label>
 454 
														<label for="longitude" class="pointer">Longitude</label>
451 
														<div>
 - 
 
452 
															<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
 455 
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
453 
														</div>
 - 
 
454 
													</div>
 456 
													</div>
455 
													<div class="span1">
 457 
													<div class="span4 droite">
456 
														<div>
 - 
 
457 
															<input id="geolocaliser" type="button" value="Voir sur la carte"
 458 
														<input class="btn btn-primary" id="geolocaliser" type="button" value="Voir sur la carte"
458 
																class="has-tooltip"
 459 
															class="has-tooltip"
459 
																title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
 460 
															title="Centre la carte sur les coordonnées de latitude et longitude saisies."/>
460 
														</div>
 - 
 
461 
													</div>
 461 
													</div>
462 
												</div>
 462 
												</div>
463 
											</div>
 463 
											</div>
464 
											<div class="row-fluid">
 464 
											<div class="row-fluid">
465 
												<div class="span4 has-tooltip"
 465 
												<div class="span4 has-tooltip centre"
466 
													title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
 466 
													title="Toponyme plus précis que la commune, utilisé localement et se trouvant souvent sur les cartes au 1/25 000." >
467 
													<label for="lieudit" class="pointer">Lieu-dit</label>
 467 
													<label for="lieudit" class="pointer">Lieu-dit</label>
468 
													<div>
 468 
													<div>
469 
														<input type="text" id="lieudit" class="span2" name="lieudit"/>
 469 
														<input type="text" id="lieudit" class="span2" name="lieudit"/>
470 
													</div>
 470 
													</div>
471 
												</div>
 471 
												</div>
472 
												<div class="span4 has-tooltip"
 472 
												<div class="span4 has-tooltip centre"
473 
													title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
 473 
													title="Lieu précis de l'observation définissant une unité écologique homogène (ex: le pré derrière la maison)." >
474 
													<label for="station" class="pointer">Station</label>
 474 
													<label for="station" class="pointer">Station</label>
475 
													<div>
 475 
													<div>
476 
														<input type="text" id="station" class="span2" name="station"/>
 476 
														<input type="text" id="station" class="span2" name="station"/>
477 
													</div>
 477 
													</div>
478 
												</div>
 478 
												</div>
479 
												<div class="span4 has-tooltip"
 479 
												<div class="span4 has-tooltip centre"
480 
													title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
 480 
													title="Type d'habitat plus ou moins standardisé dans les codes Corine ou Catminat (ex: prairie humide).">
481 
													<label for="milieu" class="pointer">Milieu</label>
 481 
													<label for="milieu" class="pointer">Milieu</label>
482 
													<div>
 482 
													<div>
483 
														<input type="text" id="milieu" class="span2" name="milieu" />
 483 
														<input type="text" id="milieu" class="span2" name="milieu" />
484 
													</div>
 484 
													</div>
Line 491... Line 491...
491 
							<!-- 2e colonne : observation -->
 491 
							<!-- 2e colonne : observation -->
492 
							<div class="span6">
 492 
							<div class="span6">
493 
								<form id="form-obs" action="#" autocomplete="on">
 493 
								<form id="form-obs" action="#" autocomplete="on">
494 
									<h2>Observation</h2>
 494 
									<h2>Observation</h2>
495 
									<div class="row-fluid">
 495 
									<div class="row-fluid">
496 
										<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
 496 
										<div id="taxon-liste-input-groupe" class="control-group">
- 
 
 497 
											<label for="taxon-liste">
- 
 
 498 
												<span class="has-tooltip pointer"
497 
											title="Sélectionnez une espèce dans la liste déroulante par son nom latin
 499 
												title="Sélectionnez une espèce dans la liste déroulante par son nom latin
498 
											ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
 500 
												ou commun. Si une espèce est absente, sélectionner «Autre espèce»."
499 
											<label>
 501 
												>
500 
												<strong class="obligatoire">*</strong>
 502 
													<strong class="obligatoire">*</strong>
501 
												Espèces communes
 503 
													Espèces communes
- 
 
 504 
												</span>
502 
											</label>
 505 
											</label>
503 
											<span class="input-prepend">
 506 
											<span class="input-prepend">
504 
												<span id="espece-icone" class="add-on">
 507 
												<span id="espece-icone" class="add-on">
505 
													<i class="icon-leaf"></i>
 508 
													<i class="icon-leaf"></i>
506 
												</span>
 509 
												</span>
507 
												<select id="taxon-liste" name="taxon-liste" class="form-control">
 - 
 
508 
													<option value="" selected>Sélectionner une espèce</option>
 - 
 
509 
													<optgroup id="taxon-liste-noms">
 - 
 
510 
														<?php foreach ($taxons['sci-et-fr'] as $taxon) :?>
 - 
 
511 
															<option
 - 
 
512 
																class="<?=$taxon['nom_type'] ?>"
 - 
 
513 
																value="<?=$taxon['num_nom'] ?>"
 - 
 
514 
																title="<?=$taxon['nom_title'] ?>"
 - 
 
515 
																data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
 - 
 
516 
																>
 - 
 
517 
																<?=$taxon['nom_a_afficher']?>
 - 
 
518 
															</option>
 - 
 
519 
														<?php endforeach; ?>
 - 
 
520 
													</optgroup>
 - 
 
521 
													<optgroup id="taxon-liste-special">
 - 
 
522 
														<?php foreach ($taxons['speciaux'] as $taxon) :?>
 - 
 
523 
															<option
 - 
 
524 
																class="<?=$taxon['nom_type'] ?>"
 - 
 
525 
																value="<?=$taxon['num_nom'] ?>"
 - 
 
526 
																title="<?=$taxon['nom_title'] ?>"
 - 
 
527 
																data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
 - 
 
528 
																>
 - 
 
529 
																<?=$taxon['nom_a_afficher']?>
 - 
 
530 
															</option>
 - 
 
531 
														<?php endforeach; ?>
 - 
 
532 
													</optgroup>
 - 
 
533 
													<option id="taxon-option-autre" value="?">Autre espèce</option>
 - 
 
534 
												</select>
 - 
 
535 
											</span>
 510 
											</span>
- 
 
 511 
											<select id="taxon-liste" name="taxon-liste" class="form-control">
- 
 
 512 
												<option value="" selected>Sélectionner une espèce</option>
- 
 
 513 
												<optgroup id="taxon-liste-noms">
- 
 
 514 
													<?php foreach ($taxons['sci-et-fr'] as $taxon) :?>
- 
 
 515 
														<option
- 
 
 516 
															class="<?=$taxon['nom_type'] ?>"
- 
 
 517 
															value="<?=$taxon['num_nom'] ?>"
- 
 
 518 
															title="<?=$taxon['nom_title'] ?>"
- 
 
 519 
															data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
- 
 
 520 
															>
- 
 
 521 
															<?=$taxon['nom_a_afficher']?>
- 
 
 522 
														</option>
- 
 
 523 
													<?php endforeach; ?>
- 
 
 524 
												</optgroup>
- 
 
 525 
												<optgroup id="taxon-liste-special">
- 
 
 526 
													<?php foreach ($taxons['speciaux'] as $taxon) :?>
- 
 
 527 
														<option
- 
 
 528 
															class="<?=$taxon['nom_type'] ?>"
- 
 
 529 
															value="<?=$taxon['num_nom'] ?>"
- 
 
 530 
															title="<?=$taxon['nom_title'] ?>"
- 
 
 531 
															data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
- 
 
 532 
															>
- 
 
 533 
															<?=$taxon['nom_a_afficher']?>
- 
 
 534 
														</option>
- 
 
 535 
													<?php endforeach; ?>
- 
 
 536 
												</optgroup>
- 
 
 537 
												<option id="taxon-option-autre" value="?">Autre espèce</option>
- 
 
 538 
											</select>
536 
										</div>
 539 
										</div>
537 
									</div>
 540 
									</div>
538 
									<div class="row-fluid">
 541 
									<div class="row-fluid">
539 
										<div id="taxon-input-groupe" class="span8 has-tooltip"
 542 
										<div id="taxon-input-groupe" class="span8" hidden>
- 
 
 543 
											<label for="taxon" title="Choisissez une espèce">
540 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
 544 
												<span class="has-tooltip pointer" title="Sélectionnez une espèce dans la liste déroulante pour lier
541 
												votre nom au référentiel selectionné. Si vous
 545 
												votre nom au référentiel selectionné. Si vous
542 
												le désirez vous pouvez aussi saisir un nom absent du référentiel
 546 
												le désirez vous pouvez aussi saisir un nom absent du référentiel
543 
												(Ex. : 'fleur violette' ou 'viola sinensis???')."
547 
												(Ex. : 'fleur violette' ou 'viola sinensis???').">
544 
												hidden >
 - 
 
545 
											<label for="taxon" title="Choisissez une espèce">
 - 
 
546 
												<strong class="obligatoire">*</strong>
 548 
													<strong class="obligatoire">*</strong>
547 
												Espèce <?= $referentiel_impose ? '('.$ns_referentiel.')' : '' ?> <em>(ou indication sur la plante)</em>
 549 
													Espèce <?= $referentiel_impose ? '('.$ns_referentiel.')' : '' ?> <em>(ou indication sur la plante)</em>
- 
 
 550 
												</span>
548 
											</label>
 551 
											</label>
549 
											<div class="input-prepend">
 552 
											<span class="input-prepend">
550 
												<span class="add-on">
 553 
												<span class="add-on">
551 
													<i class="icon-leaf"></i>
 554 
													<i class="icon-leaf"></i>
552 
												</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" data="numNomSel" />
 555 
												</span><input type="text" id="taxon" name="taxon" value="<?= $nom_sci_espece_defaut; ?>" data="numNomSel" />
553 
											</div>
 556 
											</span>
554 
										</div>
 557 
										</div>
555 
										<p class="alert alert-warning" id="avertissement-non-messicole" style="display: none;">
 558 
										<p class="alert alert-warning" id="avertissement-non-messicole" style="display: none;">
556 
											<strong>Attention:</strong> cette espèce n'est
 559 
											<strong>Attention:</strong> cette espèce n'est
557 
											pas considérée comme messicole !
 560 
											pas considérée comme messicole !
558 
										</p>
 561 
										</p>
559 
									</div>
 562 
									</div>
560 
									<!-- Identification -->
 563 
									<!-- Identification -->
561 
									<div class="row-fluid">
 564 
									<div class="row-fluid">
562 
										<div class="span12">
 565 
										<div class="span12">
563 
											<label for="identification-liste">Identification</label>
 566 
											<label for="identification-liste">Identification</label>
- 
 
 567 
											<span class="input-prepend">
- 
 
 568 
												<span id="identification-icone" class="add-on">
- 
 
 569 
													<i class="icon-eye-open"></i>
- 
 
 570 
												</span>
564 
											<div>
 571 
											</span>
565 
												<select name="identification-liste" id="identification-liste">
 572 
											<select name="identification-liste" id="identification-liste">
566 
													<option value="" selected>Sélectionner une identification</option>
 573 
												<option value="" selected>Sélectionner une identification</option>
567 
													<option value="certaine" data-titre="certaine">Certaine</option>
 574 
												<option value="certaine" data-titre="certaine">Certaine</option>
568 
													<option value="douteuse" data-titre="douteuse">Douteuse</option>
 575 
												<option value="douteuse" data-titre="douteuse">Douteuse</option>
569 
													<option value="adeterminer" data-titre="à déterminer">A déterminer</option>
 576 
												<option value="adeterminer" data-titre="à déterminer">A déterminer</option>
570 
												</select>
 577 
											</select>
571 
											</div>
 - 
 
572 
										</div>
 578 
										</div>
573 
									</div>
 579 
									</div>
574 
									<!-- Abondance -->
 580 
									<!-- Abondance -->
575 
									<div class="row-fluid">
 581 
									<div class="row-fluid">
576 
										<div class="span12">
 582 
										<div class="span12">
577 
											<label for="abondance-liste">
 583 
											<label for="abondance-liste">
578 
												<strong class="obligatoire">*</strong>
 584 
												<strong class="obligatoire">*</strong>
579 
												Abondance
 585 
												Abondance
580 
											</label>
 586 
											</label>
- 
 
 587 
											<span class="input-prepend">
- 
 
 588 
												<span id="abondance-icone" class="add-on">
- 
 
 589 
													<i class="icon-signal"></i>
- 
 
 590 
												</span>
581 
											<div>
 591 
											</span>
582 
												<select name="abondance-liste" id="abondance-liste">
 592 
											<select name="abondance-liste" id="abondance-liste">
583 
													<option value="" class="a-masquer" selected>Sélectionner une abondance</option>
 593 
												<option value="" class="a-masquer" selected>Sélectionner une abondance</option>
584 
													<option value="1" data-titre="1 à 10 espèces">1 à 10</option>
 594 
												<option value="1" data-titre="1 à 10 espèces">1 à 10 espèces</option>
585 
													<option value="10" data-titre="10 à 100 espèces">10 à 100</option>
 595 
												<option value="10" data-titre="10 à 100 espèces">10 à 100 espèces</option>
586 
													<option value="100" data-titre="100 à 1000 espèces">100 à 1000</option>
 596 
												<option value="100" data-titre="100 à 1000 espèces">100 à 1000 espèces</option>
587 
												</select>
 597 
											</select>
588 
											</div>
 - 
 
589 
										</div>
 598 
										</div>
590 
									</div>
 599 
									</div>
591 
									<!-- Zone du champ -->
 600 
									<!-- Zone du champ -->
592 
									<div class="row-fluid">
 601 
									<div class="row-fluid">
593 
										<div class="span12 control-group">
 602 
										<span class="span3 control-group">
- 
 
 603 
											<label>
594 
											<strong class="obligatoire">*</strong>
 604 
												<strong class="obligatoire">*</strong>
595 
											Zone du champ
 605 
												Zone du champ
- 
 
 606 
											</label>
- 
 
 607 
										</span>
- 
 
 608 
										<span class="span9 control-group">
596 
											<!-- Bordure -->
609 
											<!-- Bordure -->
597 
											<label for="bordure" class="checkbox pointer">
 610 
											<label for="bordure" class="checkbox pointer">
598 
												<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" data-titre="bordure" />
 611 
												<input type="checkbox" id="bordure" name="zone-champ[]" value="bordure" data-titre="bordure" />
599 
												Bordure
 612 
												Bordure
600 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
 613 
												<i class="icon-question-sign cursor-pointer" data-toggle="popover" data-trigger="hover">
Line 627... Line 640...
627 
											<div class="popover-html-content" data-for="zone-delaissee">
 640 
											<div class="popover-html-content" data-for="zone-delaissee">
628 
												<h5>Zone délaissée</h5>
 641 
												<h5>Zone délaissée</h5>
629 
												Une description de la Zone délaissée<br/>
 642 
												Une description de la Zone délaissée<br/>
630 
												...
 643 
												...
631 
											</div>
 644 
											</div>
632 
										</div>
 645 
										</span>
633 
									</div>
 646 
									</div>
634 
									<div class="row-fluid">
 647 
									<div class="row-fluid">
635 
										<div class="span12">
 648 
										<div class="span12">
636 
											<label for="notes" class="pointer">Notes</label>
 649 
											<label for="notes" class="pointer">Notes</label>
637 
											<div>
 650 
											<div>
638 
												<textarea id="notes" class="span6" rows="7" name="notes"
 651 
												<textarea id="notes" class="span6" rows="7" name="notes"
639 
													placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
 652 
													placeholder="Vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
640 
											</div>
 653 
											</div>
641 
										</div>
 654 
										</div>
642 
									</div>
 655 
									</div>
643 
								</form>
 656 
								</form>
644 
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>"
 657 
								<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>"