Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1922 Rev 1946
Line 153... Line 153...
153 
					</p>
 153 
					</p>
154 
				</div>
 154 
				</div>
155 
			</div>
 155 
			</div>
156 
			<div class="row-fluid">
156 
			<div class="row-fluid">
157 
				<div class="span12">
 157 
				<div class="span12">
158 
					<h2>Observateur</h2>
 - 
 
159 
					<form id="form-observateur" action="#" autocomplete="on">
 158 
					<form id="form-observateur" action="#" autocomplete="on">
- 
 
 159 
						<h2 id="titre-form-observateur">Observateur</h2>
- 
 
 160 
						<div id="zone-identification">
160 
						<fieldset id="partie-identification">
 161 
							<fieldset id="partie-identification">
161 
							<div class="row-fluid">
 162 
								<div class="row-fluid">
162 
								<div class="span6 control-group has-tooltip" data-placement="bottom"
 163 
									<div class="span6 control-group has-tooltip" data-placement="bottom"
163 
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
 164 
										title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
164 
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
165 
											Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
165 
										ultérieurement. Des informations complémentaires vont vous être
166 
											ultérieurement. Des informations complémentaires vont vous être
166 
										demandées : prénom et nom.">
 167 
											demandées : prénom et nom.">
167 
										<label class="control-label" for="courriel">
 168 
											<label class="control-label" for="courriel">
168 
											<strong class="obligatoire">*</strong>
169 
												<strong class="obligatoire">*</strong>
169 
											Courriel
 170 
												Courriel
- 
 
 171 
											</label>
- 
 
 172 
											<div class="controls">
- 
 
 173 
												<div class="input-prepend">
- 
 
 174 
													<span class="add-on">
- 
 
 175 
														<i class="icon-envelope"></i>
- 
 
 176 
													</span>
- 
 
 177 
													<input id="courriel" name="courriel" class="span11" type="text"/>
- 
 
 178 
													<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
- 
 
 179 
												</div>
- 
 
 180 
											</div>
- 
 
 181
- 
 
 182 
									</div>
- 
 
 183 
									<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip"
- 
 
 184 
										data-placement="bottom"
- 
 
 185 
										title="Saisissez à nouveau votre courriel afin de le confirmer. Le
- 
 
 186 
											copier/coller est désactivé pour éviter les erreurs.">
- 
 
 187 
										<label class="control-label" for="courriel_confirmation">
- 
 
 188 
											<strong class="obligatoire">*</strong>
- 
 
 189 
											Courriel (confirmation)
170 
										</label>
 190 
										</label>
171 
										<div class="controls">
 191 
										<div class="controls">
172 
											<div class="input-prepend">
 192 
											<div class="input-prepend">
173 
												<span class="add-on">
 193 
												<span class="add-on">
174 
													<i class="icon-envelope"></i>
 194 
													<i class="icon-envelope"></i>
175 
												</span>
 195 
												</span>
176 
												<input id="courriel" name="courriel" class="span11" type="text"/>
 196 
												<input id="courriel_confirmation" name="courriel_confirmation"
177 
												<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
 197 
												 	class="span11" type="text"/>
178 
											</div>
 198 
											</div>
179 
										</div>
 199 
										</div>
180
- 
 
181 
								</div>
 - 
 
182 
								<div id="zone-courriel-confirmation" class="span6 hidden control-group has-tooltip"
 - 
 
183 
									data-placement="bottom"
- 
 
184 
									title="Saisissez à nouveau votre courriel afin de le confirmer. Le
- 
 
185 
										copier/coller est désactivé pour éviter les erreurs.">
 - 
 
186 
									<label class="control-label" for="courriel_confirmation">
 - 
 
187 
										<strong class="obligatoire">*</strong>
 - 
 
188 
										Courriel (confirmation)
 - 
 
189 
									</label>
 - 
 
190 
									<div class="controls">
 - 
 
191 
										<div class="input-prepend">
 - 
 
192 
											<span class="add-on">
 - 
 
193 
												<i class="icon-envelope"></i>
 - 
 
194 
											</span>
 - 
 
195 
											<input id="courriel_confirmation" name="courriel_confirmation"
- 
 
196 
											 	class="span11" type="text"/>
 - 
 
197 
										</div>
 - 
 
198 
									</div>
 200 
									</div>
199 
								</div>
 201 
								</div>
200 
							</div>
 - 
 
201 
							<div id="zone-prenom-nom" class="row-fluid hidden">
 202 
								<div id="zone-prenom-nom" class="row-fluid hidden">
202 
								<div class="span6 control-group">
 203 
									<div class="span6 control-group">
203 
									<label for="prenom" class="control-label">
 204 
										<label for="prenom" class="control-label">
204 
										<strong class="obligatoire">*</strong>
 205 
											<strong class="obligatoire">*</strong>
205 
										Prénom
 206 
											Prénom
206 
									</label>
 207 
										</label>
207 
									<input id="prenom" name="prenom" class="span12" type="text"/>
 208 
										<input id="prenom" name="prenom" class="span12" type="text"/>
208 
								</div>
 209 
									</div>
209 
								<div class="span6 control-group">
 210 
									<div class="span6 control-group">
210 
									<label for="nom" class="control-label">
 211 
										<label for="nom" class="control-label">
211 
										<strong class="obligatoire">*</strong>
 212 
											<strong class="obligatoire">*</strong>
212 
										Nom
 213 
											Nom
213 
									</label>
 214 
										</label>
214 
									<div class="controls">
 215 
										<div class="controls">
215 
										<input id="nom" name="nom"  class="span12" type="text"/>
 216 
											<input id="nom" name="nom"  class="span12" type="text"/>
- 
 
 217 
										</div>
216 
									</div>
 218 
									</div>
217 
								</div>
 219 
								</div>
218 
							</div>
 220 
							</fieldset>
219 
						</fieldset>
 221 
						</div>
220 
					</form>
 222 
					</form>
221 
				</div>
 223 
				</div>
222 
			</div>
 224 
			</div>
223 
			<!-- Messages d'erreur du formulaire-->
 225 
			<!-- Messages d'erreur du formulaire-->
224 
			<div class="row-fluid">
 226 
			<div class="row-fluid">
Line 247... Line 249...
247 
						<div class="contenu"></div>
 249 
						<div class="contenu"></div>
248 
					</div>
 250 
					</div>
249 
				</div>
 251 
				</div>
250 
			</div>
 252 
			</div>
Line -... Line 253...
- 
 
 253
251
254 
			<!-- Fiche terrain -->
252 
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
 255 
			<form id="form-obs" class="form-inline" action="#" autocomplete="on">
253 
				<h2>Fiche de terrain</h2>
 256 
				<h2 id="titre-form-obs">Fiche de terrain</h2>
254 
				<div id="zone-fiche-terrain">
 257 
				<div id="zone-fiche-terrain">
255 
					<fieldset id="partie-date">
 258 
					<fieldset id="partie-date">
256 
						<legend>Date du relevé</legend>
 259 
						<legend>Date du relevé</legend>
257 
						<div class="row-fluid">
260 
						<div class="row-fluid">
Line 272... Line 275...
272 
						</div>
 275 
						</div>
273 
					</fieldset>
 276 
					</fieldset>
Line 274... Line 277...
274
277
275 
					<fieldset id="partie-station">
 278 
					<fieldset id="partie-station">
276 
						<legend>Lieu du relevé</legend>
 - 
 
277
- 
 
278
- 
 
279 
 
 279 
						<legend>Lieu du relevé</legend>
280 
						<div class="row-fluid">
 280 
						<div class="row-fluid">
281 
							<div class="span12">
 281 
							<div class="span12">
282 
								<label for="map_canvas" class="control-label"
282 
								<label for="map_canvas" class="control-label"
283 
										title="Veuillez localiser l'observation">
 283 
										title="Veuillez localiser l'observation">
Line 364... Line 364...
364 
									</button>
 364 
									</button>
365 
								</div>
 365 
								</div>
366 
							</div>
 366 
							</div>
367 
						</div>
 367 
						</div>
Line -... Line 368...
- 
 
 368
- 
 
 369 
						<div class="row-fluid">
368
370 
							<div class="span12 control-group has-tooltip"
- 
 
 371 
								title="Choisissez le (ou les) côté(s) de la rue que vous avez étudié.">
369 
						<label for="rue_cote" title="Choisissez le (ou les) côté(s) de la rue que vous avez étudié">
 372 
								<label class="control-label">
370 
							<strong class="obligatoire">*</strong>
373 
									<strong class="obligatoire">*</strong>
371 
							Côté de la rue
 374 
									Côté de la rue
372 
						</label>
 375
373 
						<select id="rue_cote" name="rue_cote">
 376 
									<select id="rue_cote" name="rue_cote">
374 
							<option value="">Sélectionner un type de côté</option>
 377 
										<option value="">Sélectionner un type de côté</option>
375 
						 	<option value="pair">Pair</option>
 378 
										<option value="pair">Pair</option>
376 
						 	<option value="impair">Impair</option>
 379 
										<option value="impair">Impair</option>
377 
						 	<option value="2cotes">Les deux</option>
 380 
										<option value="2cotes">Les deux</option>
- 
 
 381 
									</select>
- 
 
 382 
								</label>
- 
 
 383 
							</div>
378 
						</select>
384 
						</div>
Line 379... Line 385...
379 
					</fieldset>
 385 
					</fieldset>
380 
 
 386 
 
381 
					<fieldset id="partie-observation">
 387 
					<fieldset id="partie-observation">
382 
						<legend>Observations</legend>
388 
						<legend>Observations</legend>
- 
 
 389 
						<div class="row-fluid">
383 
						<ul>
 390 
							<div class="span12">
- 
 
 391 
								<div id="taxon-liste-input-groupe" class="control-group has-tooltip"
- 
 
 392 
									title="Sélectionnez une espèce dans la liste déroulante par son nom latin
384 
							<li>
 393 
									ou commun. Si une espèce est absente, sélectionner «Autre espèce»." >
385 
								<label for="taxon" title="Choisissez une espèce rencontrée. Si vous avez trouvé d'autres espèces non listées, n'hésitez pas à le signaler dans les notes">
 394 
									<label>
- 
 
 395 
										<strong class="obligatoire">*</strong>
- 
 
 396 
										Espèces communes
- 
 
 397
- 
 
 398 
										<div class="input-prepend ">
386 
									<strong class="obligatoire">*</strong>
399 
											<span class="add-on">
- 
 
 400 
												<i class="icon-leaf"></i>
387 
									Espèce
 401 
											</span>
388 
								</label>
 402
- 
 
 403 
											<select id="taxon-liste" name="taxon-liste">
- 
 
 404 
												<option value="" selected>Sélectionner une espèce</option>
389 
								<select id="taxon" name="taxon">
 405
- 
 
 406 
												<optgroup id="taxon-liste-noms">
- 
 
 407 
													<?php foreach ($taxons['sci-et-fr'] as $taxon) :?>
- 
 
 408 
														<option
- 
 
 409 
															class="<?=$taxon['nom_type'] ?>"
390 
									<option value="">Sélectionner une espèce</option>
 410 
															value="<?=$taxon['num_nom'] ?>"
- 
 
 411 
															title="<?=$taxon['nom_title'] ?>"
- 
 
 412 
															data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
- 
 
 413 
															>
- 
 
 414 
															<?=$taxon['nom_a_afficher']?>
- 
 
 415 
														</option>
- 
 
 416 
													<?php endforeach; ?>
- 
 
 417 
												</optgroup>
- 
 
 418 
												<optgroup id="taxon-liste-special">
- 
 
 419 
													<?php foreach ($taxons['speciaux'] as $taxon) :?>
- 
 
 420 
														<option
- 
 
 421 
															class="<?=$taxon['nom_type'] ?>"
391 
									<?php foreach ($taxons as $taxon) :?>
 422 
															value="<?=$taxon['num_nom'] ?>"
- 
 
 423 
															title="<?=$taxon['nom_title'] ?>"
392 
										<option <?= $taxon['nom_ret']== $taxon['nom_fr'] ? 'style="font-style:italic;"' : '' ?> value="<?=$taxon['num_nom_sel']?>"
424 
															data-nom-a-sauver="<?=$taxon['nom_a_sauver'] ?>"
393 
											title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>">
 425 
															>
394 
											<?=$taxon['nom_fr']?>
 426 
															<?=$taxon['nom_a_afficher']?>
- 
 
 427 
														</option>
- 
 
 428 
													<?php endforeach; ?>
395 
										</option>
 429 
													<option value="?">Autre espèce</option>
- 
 
 430 
												</optgroup>
- 
 
 431 
											</select>
- 
 
 432 
										</div>
396 
									<?php endforeach; ?>
433 
									</label>
- 
 
 434 
								</div>
- 
 
 435 
							</div>
- 
 
 436 
						</div>
- 
 
 437 
						<div id="taxon-input-groupe" class="row-fluid hidden">
- 
 
 438 
							<div class="span12">
- 
 
 439 
								<div class="control-group has-tooltip"
- 
 
 440 
									title="Sélectionnez une espèce dans la liste déroulante pour lier
- 
 
 441 
										votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
- 
 
 442 
										un nom absent du référentiel (Ex. : 'fleur violette' ou 'Viola sp.1')." >
- 
 
 443 
									<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée.">
- 
 
 444 
										Autre espèce
- 
 
 445 
									</label>
- 
 
 446 
									<div class="controls">
- 
 
 447 
										<input id="taxon" name="taxon" type="text" class="span12"
- 
 
 448 
											placeholder="Autre espèce (ou indication sur la plante)"
- 
 
 449 
											value="<?= $nom_sci_espece_defaut; ?>" />
397 
								</select>
450 
									</div>
- 
 
 451 
								</div>
- 
 
 452 
							</div>
- 
 
 453 
						</div>
- 
 
 454
398 
							</li>
 455 
						<div class="row-fluid">
- 
 
 456 
							<div class="span12 control-group has-tooltip"
399 
							<li>
 457 
								title="Indiquez le (ou les) milieu(x) dans lequel (lesquels) vous avez rencontré cette espèce.">
400 
								<label for="liste-milieux" title="Indiquez le (ou les) milieu(x) dans lequel (lesquels) vous avez rencontré cette espèce">
 458 
								<label class="span2 control-label">
401 
									<strong class="obligatoire">*</strong>
459 
									<strong class="obligatoire">*</strong>
- 
 
 460 
									Milieux
- 
 
 461 
								</label>
402 
									Milieu
 462 
								<div id="milieux-controls" class="controls">
- 
 
 463 
									<div class="input-prepend">
- 
 
 464 
										<div class="btn-group">
403 
								</label>
 465 
											<button class="btn dropdown-toggle" data-toggle="dropdown">
- 
 
 466 
												<i class="icon-globe"></i>
- 
 
 467 
												Sélectionner un ou plusieurs milieux
- 
 
 468 
												<span class="caret"></span>
404 
								<ul id="liste-milieux">
 469 
											</button>
- 
 
 470 
											<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
405 
									<?php foreach ($milieux as $milieu => $description) : ?>
 471 
												<li>
- 
 
 472 
													<label class="checkbox">
- 
 
 473 
														<input name="milieux[]" class="cb-milieux" type="checkbox" value="fissures"/>
- 
 
 474 
														Fissures
- 
 
 475 
													</label>
- 
 
 476 
												</li>
- 
 
 477 
												<li>
- 
 
 478 
													<label class="checkbox">
- 
 
 479 
														<input name="milieux[]" class="cb-milieux" type="checkbox" value="pied d'arbre"/>
- 
 
 480 
														Pied d'arbre
- 
 
 481 
													</label>
- 
 
 482 
												</li>
406 
									<li>
 483 
												<li>
- 
 
 484 
													<label class="checkbox">
- 
 
 485 
														<input name="milieux[]" class="cb-milieux" type="checkbox" value="mur"/>
407 
										<input type="checkbox" class="milieu" name="milieu[]" value="<?=$milieu?>"
486 
														Mur
- 
 
 487 
													</label>
- 
 
 488 
												</li>
- 
 
 489 
												<li>
- 
 
 490 
													<label class="checkbox">
- 
 
 491 
														<input name="milieux[]" class="cb-milieux" type="checkbox" value="pelouse"/>
408 
											<?=($description != '') ? 'title="'.$description.'"': '' ?>/>
 492 
														Pelouse
- 
 
 493 
													</label>
- 
 
 494 
												</li>
- 
 
 495 
												<li>
409 
										<?=$milieu?>
 496 
													<label class="checkbox">
- 
 
 497 
														<input name="milieux[]" class="cb-milieux" type="checkbox" value="plate bande"/>
- 
 
 498 
														Plate bande
- 
 
 499 
													</label>
- 
 
 500 
												</li>
- 
 
 501 
												<li>
- 
 
 502 
													<label class="checkbox">
- 
 
 503 
														<input name="milieux[]" class="cb-milieux" type="checkbox" value="haie"/>
410 
									</li>
 504 
														Haie
- 
 
 505 
													</label>
411 
									<?php endforeach; ?>
 506 
												</li>
- 
 
 507 
												<li>
- 
 
 508 
													<label class="checkbox">
- 
 
 509 
														<input name="milieux[]" class="cb-milieux" type="checkbox" value="chemin"/>
- 
 
 510 
														Chemin
- 
 
 511 
													</label>
- 
 
 512 
												</li>
- 
 
 513 
											</ul>
412 
								</ul>
 514 
										</div>
413 
								<hr class="nettoyage" />
 515 
									</div>
- 
 
 516 
								</div>
- 
 
 517 
							</div>
- 
 
 518 
						</div>
- 
 
 519
414 
							</li>
 520 
						<div class="row-fluid">
- 
 
 521 
							<div class="span12">
- 
 
 522 
								<label for="notes">Notes</label>
415 
							<li>
 523 
								<div>
- 
 
 524 
									<textarea id="notes" class="span12" rows="7" name="notes"
416 
								<label for="notes">Notes</label>
 525 
										placeholder="Indiquez nous en particulier le ou les outils d'identification que vous avez utilisé, et toute autre information concernant le milieu ou l'espèce."></textarea>
417 
								<textarea id="notes" name="notes" rows="3" cols="4" placeholder="Indiquez nous en particulier le ou les outils d'identification que vous avez utilisé, et toute autre information concernant le milieu ou l'espèce" ></textarea>
 526 
								</div>
418 
							</li>
 527 
							</div>
419 
						</ul>
 528 
						</div>
420 
					</fieldset>
 529 
					</fieldset>
Line 421... Line 530...
421 
				</div><!-- zone-fiche-terrain-->
 530 
				</div><!-- zone-fiche-terrain-->
422 
			</form>
 531 
			</form>
423
532
424 
			<div id="zone-fiche-terrain-photo">
533 
			<div id="zone-fiche-terrain-photo">
425 
				<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=sauvages"
534 
				<form id="form-upload" class="form-horizontal" action="<?= $url_ws_upload ?>?projet=sauvages"
426 
					method="post" enctype="multipart/form-data">
 535 
					method="post" enctype="multipart/form-data">
427 
					<div class="row-fluid">
 536 
					<div class="row-fluid">
- 
 
 537 
						<div class="span12">
- 
 
 538 
							<fieldset id="partie-photo">
428 
						<div class="span12">
 539 
								<legend>Ajouter des photos</legend>
- 
 
 540 
								<p class="miniature-info" class="discretion help-inline">
429 
							<fieldset id="partie-photo">
 541 
									Vous pouvez ajouter des photos correspondant à cette espèce.
430 
								<legend>Ajouter une photo</legend>
 542 
									Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.
431 
								<p class="miniature-info" class="discretion help-inline">Vous pouvez ajouter des photos correspondant à cette espèce. Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
 543 
								</p>
432 
								<div id ="photos-conteneur">
 544 
								<div id ="photos-conteneur">
433 
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
 545 
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
Line 438... Line 550...
438 
							</fieldset>
 550 
							</fieldset>
439 
						</div>
 551 
						</div>
440 
					</div>
 552 
					</div>
441 
				</form>
 553 
				</form>
442 
				<div class="row-fluid">
 554 
				<div class="row-fluid">
443 
					<div class="span12 centre has-tooltip"
555 
					<div class="span12 has-tooltip"
444 
						title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
556 
						title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
445 
							ajouter votre observation à la liste à transmettre.">
 557 
							ajouter votre observation à la liste à transmettre.">
446 
						<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
 558 
						<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
447 
							Ajouter
 559 
							Ajouter
448 
						</button>
 560 
						</button>
Line 450... Line 562...
450 
				</div>
 562 
				</div>
451 
			</div>
 563 
			</div>
Line 452... Line 564...
452
564
453 
			<!-- Messages d'erreur du formulaire-->
 565 
			<!-- Messages d'erreur du formulaire-->
454 
			<div class="row-fluid">
 566 
			<div class="row-fluid">
455 
				<div class="zone-alerte span6 offset3">
 567 
				<div class="zone-alerte span12">
456 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
 568 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
457 
						<a class="close">×</a>
 569 
						<a class="close">×</a>
458 
						<h4 class="alert-heading">Information : 10 observations maximum</h4>
 570 
						<h4 class="alert-heading">Information : 10 observations maximum</h4>
459 
						<p>
 571 
						<p>
460 
							Vous venez d'ajouter votre 10ème observation.<br/>
 572 
							Vous venez d'ajouter votre 10ème observation.<br/>
461 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
 573 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
462 
						</p>
 574 
						</p>
463 
					</div>
 575 
					</div>
464 
				</div>
 576 
				</div>
465 
				<div class="zone-alerte span6 offset3">
 577 
				<div class="zone-alerte span12">
466 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
 578 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
467 
						<a class="close">×</a>
 579 
						<a class="close">×</a>
468 
						<h4 class="alert-heading">Information : champs en erreur</h4>
 580 
						<h4 class="alert-heading">Information : champs en erreur</h4>
469 
						<p>
 581 
						<p>
470 
							Certains champs du formulaire sont mal remplis.<br/>
 582 
							Certains champs du formulaire sont mal remplis.<br/>
471 
							Veuillez vérifier vos données.
 583 
							Veuillez vérifier vos données.
472 
						</p>
 584 
						</p>
473 
					</div>
 585 
					</div>
474 
				</div>
 586 
				</div>
475 
				<div class="zone-alerte span6 offset3">
 587 
				<div class="zone-alerte span12">
476 
					<div id="dialogue-form-invalide-rue" class="alert alert-warning alert-block" style="display: none;">
 588 
					<div id="dialogue-form-invalide-rue" class="alert alert-warning alert-block" style="display: none;">
477 
						<a class="close">×</a>
 589 
						<a class="close">×</a>
478 
						<h4 class="alert-heading">Information : champs en erreur</h4>
 590 
						<h4 class="alert-heading">Information : champs en erreur</h4>
479 
						<p>
 591 
						<p>
Line 483... Line 595...
483 
					</div>
 595 
					</div>
484 
				</div>
 596 
				</div>
485 
			</div>
 597 
			</div>
Line 486... Line 598...
486
598
487 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
 599 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
488 
			<div id="zone-liste-obs" class="row-fluid hidden">
 600 
			<div id="zone-liste-obs" class="hidden">
489 
				<div class="span12">
 601 
				<div class="row-fluid">
490 
					<div class="well">
 602 
					<div class="span12">
491 
						<div class="row-fluid">
 603 
						<div class="row-fluid">
492 
							<div class="span8">
 604 
							<div class="span8">
493 
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
 605 
								<h2 id="titre-liste-obs">Liste des observations à transmettre : <span class="obs-nbre">0</span></h2>
494 
							</div>
 606 
							</div>
495 
							<div class="span4 droite">
 607 
							<div class="span4 droite">
496 
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
608 
								<button id="transmettre-obs" class="btn btn-primary btn-large has-tooltip"
497 
									type="button" disabled="disabled"
 609 
									type="button" disabled="disabled"
Line 504... Line 616...
504 
					</div>
 616 
					</div>
505 
				</div>
 617 
				</div>
506 
			</div>
 618 
			</div>
Line 507... Line 619...
507
619
508 
			<div class="row-fluid">
 620 
			<div class="row-fluid">
509 
				<div class="zone-alerte span6 offset3">
 621 
				<div class="zone-alerte span12">
510 
					<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
 622 
					<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
511 
						<a class="close">×</a>
 623 
						<a class="close">×</a>
512 
						<h4 class="alert-heading">Attention : aucune observation</h4>
 624 
						<h4 class="alert-heading">Attention : aucune observation</h4>
513 
						<p>Veuillez saisir des observations pour les transmettres.</p>
 625 
						<p>Veuillez saisir des observations pour les transmettres.</p>