Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1537 Rev 1540
Line 116... Line 116...
116 
	</head>
 116 
	</head>
Line 117... Line 117...
117 
 
 117 
 
118 
	<body data-spy="scroll">
 118 
	<body data-spy="scroll">
119 
		<div class="container">
 119 
		<div class="container">
120 
			<div class="row-fluid page-header">
 120 
			<div class="row-fluid page-header">
121 
				<div class="span6">
 121 
				<div class="span7">
122 
					<div class="well intro">
 122 
					<div class="well intro">
123 
						<h1>Florilèges</h1>
 123 
						<h1>Florilèges</h1>
124 
						<p>
 124 
						<p>
125 
							Bienvenue sur l'interface de saisie en ligne des données
 125 
							Bienvenue sur l'interface de saisie en ligne des données
Line 159... Line 159...
159 
							</button>
159 
							</button>
160 
						</p>
 160 
						</p>
161 
					</div>
 161 
					</div>
162 
				</div>
 162 
				</div>
Line 163... Line 163...
163
163
164 
				<div class="span6">
 164 
				<div class="span5">
165 
					<div class="well">
 165 
					<div class="well forcer-colonne">
166 
						<h2>Observateur</h2>
 166 
						<h2>Observateur</h2>
167 
						<form id="form-observateur" action="#" class="" autocomplete="on">
 167 
						<form id="form-observateur" action="#" class="" autocomplete="on">
168 
							<div class="row-fluid">
 168 
							<div class="row-fluid">
169 
								<div class="span6" rel="tooltip" data-placement="right"
 169 
								<div class="span6 control-group" rel="tooltip" data-placement="bottom"
170 
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
 170 
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
171 
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
171 
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
172 
										ultérieurement. Des informations complémentaires vont vous être
172 
										ultérieurement. Des informations complémentaires vont vous être
173 
										demandées : prénom et nom.">
 173 
										demandées : prénom et nom.">
174 
									<label for="courriel"
174 
										<label class="control-label" for="courriel">
175 
										title="Veuillez saisir votre adresse courriel.">
 175 
											<strong class="obligatoire">*</strong>
176 
										<strong class="obligatoire">*</strong> Courriel
 176 
											Courriel
- 
 
 177 
										</label>
177 
									</label>
 178 
										<div class="controls">
178 
									<div class="input-prepend">
 179 
											<div class="input-prepend">
179 
										<span class="add-on">
 180 
												<span class="add-on">
180 
											<i class="icon-envelope"></i>
 181 
													<i class="icon-envelope"></i>
181 
										</span>
 182 
												</span>
182 
										<input id="courriel" class="span12" name="courriel" type="text"/>
 183 
												<input id="courriel" name="courriel" class="span11" type="text"/>
- 
 
 184 
												<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
183 
										<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
 185 
											</div>
- 
 
 186 
										</div>
184 
									</div>
 187
185 
								</div>
 188 
								</div>
186 
								<div id="zone-courriel-confirmation" class="span6 hidden">
 189 
								<div id="zone-courriel-confirmation" class="span6 hidden control-group">
187 
									<label for="courriel_confirmation"
- 
 
188 
										title="Veuillez saisir confirmer le courriel.">
 190 
									<label class="control-label" for="courriel_confirmation">
189 
										<strong class="obligatoire">*</strong>
 191 
										<strong class="obligatoire">*</strong>
190 
										Courriel (confirmation)
 192 
										Courriel (confirmation)
- 
 
 193 
									</label>
191 
									</label>
 194 
									<div class="controls">
192 
									<div class="input-prepend">
 195 
										<div class="input-prepend">
193 
										<span class="add-on">
 196 
											<span class="add-on">
194 
											<i class="icon-envelope"></i>
 197 
												<i class="icon-envelope"></i>
195 
										</span>
 198 
											</span>
- 
 
 199 
											<input id="courriel_confirmation" name="courriel_confirmation"
- 
 
 200 
											 	class="span11" type="text"/>
196 
										<input id="courriel_confirmation" class="span12" name="courriel_confirmation" type="text"/>
 201 
										</div>
197 
									</div>
 202 
									</div>
198 
								</div>
 203 
								</div>
199 
							</div>
 204 
							</div>
200 
							<div id="zone-prenom-nom" class="row-fluid hidden">
 205 
							<div id="zone-prenom-nom" class="row-fluid hidden">
201 
								<div class="span6">
 206 
								<div class="span6">
- 
 
 207 
									<label for="prenom">
202 
									<label for="prenom">Prénom</label>
 208 
										Prénom
203 
									<div>
 209 
									</label>
204 
										<input id="prenom" name="prenom" class="span12" type="text"/>
 - 
 
205 
									</div>
 210 
									<input id="prenom" name="prenom" class="span12" type="text"/>
206 
								</div>
 211 
								</div>
207 
								<div class="span6">
 212 
								<div class="span6">
208 
									<label for="nom">Nom</label>
 213 
									<label for="nom">
- 
 
 214 
										Nom
209 
									<div>
 215 
									</label>
210 
										<input id="nom" name="nom"  class="span12" type="text"/>
 - 
 
211 
									</div>
 216 
									<input id="nom" name="nom"  class="span12" type="text"/>
212 
								</div>
 217 
								</div>
213 
							</div>
 218 
							</div>
214 
							<div id="zone-personne-complement" >
 219 
							<div id="zone-personne-complement" class="forcer-colonne">
215 
								<div class="row-fluid">
 220 
								<div class="row-fluid">
216 
									<div class="span12">
 221 
									<div class="span6">
- 
 
 222 
										<label for="structure">
217 
										<label for="structure">Structure</label>
 223 
											Structure
218 
										<div>
 224 
										</label>
219 
											<input id="structure" name="personneStructure" class="span12 " type="text"/>
 - 
 
220 
										</div>
 225 
										<input id="structure" name="personneStructure" class="span12 " type="text"/>
221 
									</div>
 - 
 
222 
								</div>
 226 
									</div>
223 
								<div class="row-fluid">
 227 
									<div class="span6">
224 
									<div class="span12">
 228 
										<label for="service">
225 
										<label for="service">Service</label>
 229 
											Service
226 
										<div>
 230 
										</label>
227 
											<input id="service" name="personneService" class="span12" type="text"/>
 - 
 
228 
										</div>
 231 
										<input id="service" name="personneService" class="span12" type="text"/>
229 
									</div>
 232 
									</div>
230 
								</div>
 233 
								</div>
231 
								<div class="row-fluid">
 234 
								<div class="row-fluid">
232 
									<div class="span12">
 235 
									<div class="span12">
- 
 
 236 
										<label for="fonction">
233 
										<label for="fonction">Fonction</label>
 237 
											Fonction
234 
										<div>
 238 
										</label>
235 
											<input id="fonction" name="personneFonction" class="span12" type="text"/>
 - 
 
236 
										</div>
 239 
										<input id="fonction" name="personneFonction" class="span12" type="text"/>
237 
									</div>
 240 
									</div>
238 
								</div>
 241 
								</div>
239 
							</div>
 242 
							</div>
240 
						</form>
 243 
						</form>
Line 281... Line 284...
281 
										<div>
 284 
										<div>
282 
											<input type="text" id="station" class="span12" name="station"/>
 285 
											<input type="text" id="station" class="span12" name="station"/>
283 
										</div>
 286 
										</div>
284 
									</div>
 287 
									</div>
285 
								</div>
 288 
								</div>
286 
								<div class="well">
 289 
								<div class="forcer-colonne well">
287 
									<div class="row-fluid">
 290 
									<div class="row-fluid">
288 
										<div class="span4">
 291 
										<div class="span4">
289 
											<label for="map_canvas" title="Veuillez localiser l'observation">
 292 
											<label for="map_canvas" title="Veuillez localiser l'observation">
290 
												Géolocalisation
 293 
												Géolocalisation
291 
											</label>
 294 
											</label>
Line 307... Line 310...
307 
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
 310 
												title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
308 
													représentant votre station ou bien le glisser-déposer sur
311 
													représentant votre station ou bien le glisser-déposer sur
309 
													le lieu souhaité."></div>
 312 
													le lieu souhaité."></div>
310 
										</div>
 313 
										</div>
311 
									</div>
 314 
									</div>
312 
									<div class="row-fluid">
 315 
									<div id="coordonnees-geo-affichage" class="row-fluid">
313 
										<label for="coordonnees-geo" class="span7">
 316 
										<label for="coordonnees-geo" class="span6">
- 
 
 317 
											<a class="afficher-coord btn">
314 
											<a href="#" class="afficher-coord">Afficher</a>
 318 
												<span class="afficher-coord-action">Afficher</span>
315 
											<a href="#" class="afficher-coord" style="display:none;">Cacher</a>
 319 
												<span class="afficher-coord-action" style="display:none;">Cacher</span>
316 
											les coordonnées géographiques
 320 
												coordonnées
317 
											<span id="lat-lon-info" class="info"
321 
												<span id="lat-lon-info" class="info"
318 
												rel="tooltip"
322 
													rel="tooltip"
319 
												title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
 323 
													title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
320 
												(WGS84)
 324 
													(WGS84)
321 
											</span>
 325 
												</span>
- 
 
 326 
											</a>
322 
										</label>
 327 
										</label>
323 
										<div id="info-commune" class="span5">
 328 
										<div id="info-commune" class="span6">
324 
											<span for="marqueur-commune">Commune : </span>
 329 
											<span for="marqueur-commune">Commune : </span>
325 
											<span id="marqueur-commune">
 330 
											<span id="marqueur-commune">
326 
												<span id="commune-nom" class="commune-info"></span>
 331 
												<span id="commune-nom" class="commune-info"></span>
327 
												(<span id="commune-code-insee" class="commune-info"
332 
												(<span id="commune-code-insee" class="commune-info"
328 
													rel="tooltip"
333 
													rel="tooltip"
329 
													title="Code INSEE de la commune"></span>)
 334 
													title="Code INSEE de la commune"></span>)
330 
											</span>
 335 
											</span>
331 
										</div>
 336 
										</div>
332 
									</div>
 337 
									</div>
333 
									<form id="form-station" class="control-group" action="#" enctype="multipart/form-data" autocomplete="on">
 - 
 
334 
										<div id="coordonnees-geo" class="well" style="display:none;">
 338 
									<div id="coordonnees-geo" class="row-fluid" style="display:none;">
335 
											<div class="row-fluid form-inline">
 339 
										<form id="form-station" class="control-group form-inline">
336 
												<div id="coord-lat" class="span4">
 340 
											<div id="coord-lat" class="span4">
337 
													<label>
 341 
												<label>
338 
														Latitude
 342 
													Latitude
339 
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
 343 
													<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
340 
													</label>
 - 
 
341 
												</div>
 - 
 
342 
												<div id="coord-lng" class="span4">
 - 
 
343 
													<label>
 - 
 
344 
														Longitude
 - 
 
345 
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
 - 
 
346 
													</label>
 344 
												</label>
347 
												</div>
 - 
 
348 
												<div class="span4">
 - 
 
349 
													<button id="geolocaliser" class="btn"
 - 
 
350 
														rel="tooltip"
 - 
 
351 
														title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
 - 
 
352 
														Voir sur la carte
 - 
 
353 
													</button>
 - 
 
354 
												</div>
 - 
 
355 
											</div>
 345 
											</div>
- 
 
 346 
											<div id="coord-lng" class="span4">
- 
 
 347 
												<label>
- 
 
 348 
													Longitude
- 
 
 349 
													<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
- 
 
 350 
												</label>
356 
										</div>
 351 
											</div>
- 
 
 352 
											<div class="span4">
- 
 
 353 
												<button id="geolocaliser" class="btn"
- 
 
 354 
													rel="tooltip"
- 
 
 355 
													title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
- 
 
 356 
													Voir sur la carte
- 
 
 357 
												</button>
- 
 
 358 
											</div>
357 
									</form>
 359 
										</form>
- 
 
 360 
									</div>
358 
								</div>
 361 
								</div>
359 
							</div>
 362 
							</div>
360 
							<div class="span4">
 363 
							<div class="span4">
361 
								<div class="row-fluid">
 364 
								<div class="row-fluid">
362 
									<div class="span12">
 365 
									<div class="span12">
Line 495... Line 498...
495 
				<div class="span12 well">
 498 
				<div class="span12 well">
496 
					<div class="row-fluid">
 499 
					<div class="row-fluid">
497 
						<div class="span4">
 500 
						<div class="span4">
498 
							<h2 id="obs-titre">Observations</h2>
 501 
							<h2 id="obs-titre">Observations</h2>
499 
						</div>
 502 
						</div>
- 
 
 503 
						<div class="span8">
500 
						<form id="form-date" class="form-inline">
 504 
							<form id="form-date" class="form-inline">
501 
							<div class="span4" rel="tooltip"
505 
								<div class="span6" rel="tooltip"
502 
								title="Vous pouvez cliquer sur l'icône de calendrier pour
506 
									title="Vous pouvez cliquer sur l'icône de calendrier pour
503 
								sélectionner une date dans un calendrier.">
 507 
									sélectionner une date dans un calendrier.">
504 
								<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
 508 
									<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
505 
									Date du relevé
509 
										Date du relevé
506 
									<div class="input-prepend">
 510 
										<div class="input-prepend">
507 
										<span id="date-icone" class="add-on"></span>
 511 
											<span id="date-icone" class="add-on"></span>
508 
										<input id="date" class="input-small" name="date" type="text"
512 
											<input id="date" class="input-small" name="date" type="text"
509 
											placeholder="jj/mm/aaaa" />
 513 
												placeholder="jj/mm/aaaa" />
510 
									</div>
 514 
										</div>
511 
								</label>
 515 
									</label>
512 
							</div>
 516 
								</div>
513 
							<div class="span4" rel="tooltip"
517 
								<div class="span6" rel="tooltip"
514 
								title="Date approximative de la dernière intervention." >
 518 
									title="Date approximative de la dernière intervention." >
- 
 
 519 
									<label>
515 
								<label for="date-derniere-intervention">Dernière intervention</label>
 520 
										Dernière intervention
516 
								<select id="date-derniere-intervention">
 521 
										<select id="date-derniere-intervention">
517 
									<option value="inconnue">ne sais pas</option>
 522 
											<option value="inconnue">ne sais pas</option>
518 
									<option>plus de 3 ans</option>
 523 
											<option>plus de 3 ans</option>
519 
									<option>entre 1 et 3 ans</option>
 524 
											<option>entre 1 et 3 ans</option>
520 
									<option>moins d'1 an</option>
 525 
											<option>moins d'1 an</option>
521 
									<option>au cours du dernier semestre</option>
 526 
											<option>au cours du dernier semestre</option>
522 
									<option>au cours du dernier trimestre</option>
 527 
											<option>au cours du dernier trimestre</option>
523 
									<option>au cours des 30 derniers jours</option>
 528 
											<option>au cours des 30 derniers jours</option>
524 
									<option>au cours des 7 derniers jours</option>
 529 
											<option>au cours des 7 derniers jours</option>
525 
								</select>
 530 
										</select>
- 
 
 531 
									</label>
526 
							</div>
 532 
								</div>
527 
						</form>
 533 
							</form>
- 
 
 534 
						</div>
528 
					</div>
 535 
					</div>
529 
					<form id="form-obs" action="#" autocomplete="on">
 536 
					<form id="form-obs" autocomplete="on">
530
- 
 
531 
						<div class="row-fluid">
 537 
						<div class="row-fluid">
532 
							<div class="well span6">
 538 
							<div class="well span6">
533 
								<div class="row-fluid">
 539 
								<div class="row-fluid">
534 
									<div class="span12">
 540 
									<div class="span12">
535 
										<div id="taxon-liste-input-groupe" rel="tooltip"
 541 
										<div id="taxon-liste-input-groupe" class="control-group" rel="tooltip"
536 
											title="Sélectionnez une espèce dans la liste déroulante par son nom latin
542 
											title="Sélectionnez une espèce dans la liste déroulante par son nom latin
537 
											ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." >
 543 
											ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." >
538 
											<label title="Choisissez l'espèce rencontrée.">
 544 
											<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée.">
539 
												<strong class="obligatoire">*</strong>
545 
												<strong class="obligatoire">*</strong>
540 
												Espèces les plus communes
 546 
												Espèces les plus communes
- 
 
 547 
											</label>
- 
 
 548 
											<div class="controls">
541 
												<div class="input-prepend">
 549 
												<div class="input-prepend ">
542 
													<span class="add-on">
 550 
													<span class="add-on">
543 
														<i class="icon-leaf"></i>
 551 
														<i class="icon-leaf"></i>
544 
													</span>
 552 
													</span>
545 
													<select id="taxon-liste" class="span12" name="taxon-liste">
 553 
													<select id="taxon-liste" class="span12" name="taxon-liste">
546 
														<option value="" selected="selected">Sélectionner une espèce</option>
 554 
														<option value="" selected>Sélectionner une espèce</option>
547 
														<option value="?">Autre espèce</option>
 555 
														<option value="?">Autre espèce</option>
548 
														<?php foreach ($taxons as $taxon) :?>
 556 
														<?php foreach ($taxons as $taxon) :?>
- 
 
 557 
															<option
549 
															<option <?= $taxon['nom_ret']== $taxon['nom_fr'] ? 'style="font-style:italic;"' : '' ?> value="<?=$taxon['num_nom_sel']?>"
558 
																class="<?=($taxon['nom_ret'] == $taxon['nom_fr']) ? 'nom-sci' : 'nom-fr' ?>"
- 
 
 559 
																value="<?=$taxon['num_nom_sel']?>"
550 
																title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>">
 560 
																title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>"
- 
 
 561 
																>
551 
																<?=$taxon['nom_fr']?>
 562 
																<?=$taxon['nom_fr']?>
552 
															</option>
 563 
															</option>
553 
														<?php endforeach; ?>
 564 
														<?php endforeach; ?>
554 
													</select>
 565 
													</select>
555 
												</div>
 566 
												</div>
556 
											</label>
 567 
											</div>
557 
										</div>
 568 
										</div>
558 
									</div>
 569 
									</div>
559 
								</div>
 570 
								</div>
560 
								<div id="taxon-input-groupe" class="row-fluid hidden">
 571 
								<div id="taxon-input-groupe" class="row-fluid hidden">
561 
									<div class="span12">
 572 
									<div class="span12">
562 
										<div rel="tooltip"
573 
										<div class="control-group" rel="tooltip"
563 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
574 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
564 
												votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
575 
												votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
565 
												un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." >
 576 
												un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." >
566 
											<label title="Choisissez l'espèce rencontrée.">
 577 
											<label class="control-label" for="taxon" title="Choisissez l'espèce rencontrée.">
567 
												Autre espèce
 578 
												Autre espèce
- 
 
 579 
											</label>
- 
 
 580 
											<div class="controls">
568 
												<input id="taxon" name="taxon" type="text" class="span12"
 581 
												<input id="taxon" name="taxon" type="text" class="span12"
569 
													placeholder="Autre espèce (ou indication sur la plante)"
582 
													placeholder="Autre espèce (ou indication sur la plante)"
570 
													value="<?= $nom_sci_espece_defaut; ?>" />
 583 
													value="<?= $nom_sci_espece_defaut; ?>" />
571 
											</label>
 584 
											</div>
572 
										</div>
 585 
										</div>
573 
									</div>
 586 
									</div>
574 
								</div>
 587 
								</div>
575 
								<div class="row-fluid">
 588 
								<div class="row-fluid">
576 
									<div class="span12" rel="tooltip"
589 
									<div class="span12" rel="tooltip"
Line 637... Line 650...
637 
								<div class="row-fluid">
 650 
								<div class="row-fluid">
638 
									<div class="span12" rel="tooltip"
651 
									<div class="span12" rel="tooltip"
639 
										title="Hauteur maximum en centimètre de la plante sur le site.">
 652 
										title="Hauteur maximum en centimètre de la plante sur le site.">
640 
										<label >
 653 
										<label >
641 
											Hauteux max. (en cm) de la plante
654 
											Hauteux max. (en cm) de la plante
642 
											<input id="hauteur-plante" class="span2" name="hauteurPlante" type="number" />
 655 
											<input id="hauteur-plante" class="span2" name="hauteurPlante"
- 
 
 656 
												type="number" min="0" step="1" />
643 
										</label>
 657 
										</label>
644 
									</div>
 658 
									</div>
645 
								</div>
 659 
								</div>
Line 646... Line 660...
646
660
Line 696... Line 710...
696 
												Perceptions par l'équipe
 710 
												Perceptions par l'équipe
697 
											</label>
 711 
											</label>
698 
											<div class="input-prepend">
 712 
											<div class="input-prepend">
699 
												<div class="btn-group">
 713 
												<div class="btn-group">
700 
													<button class="btn dropdown-toggle" data-toggle="dropdown">
 714 
													<button class="btn dropdown-toggle" data-toggle="dropdown">
701 
														<i class="icon-heart"></i>
 715 
														<i class="icon-eye-open"></i>
702 
														Sélectionner une ou plusieurs perceptions
 716 
														Sélectionner une ou plusieurs perceptions
703 
														<span class="caret"></span>
 717 
														<span class="caret"></span>
704 
													</button>
 718 
													</button>
705 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
 719 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
706 
														<li>
 720 
														<li>
Line 783... Line 797...
783 
								<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
 797 
								<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
784 
									Créer
 798 
									Créer
785 
								</button>
 799 
								</button>
786 
							</div>
 800 
							</div>
787 
						</div>
 801 
						</div>
- 
 
 802
- 
 
 803 
					</div>
- 
 
 804 
				</div>
- 
 
 805
- 
 
 806 
				<!-- Messages d'erreur du formulaire-->
- 
 
 807 
				<div class="row-fluid">
- 
 
 808 
					<div class="zone-alerte span6 offset3">
- 
 
 809 
						<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
- 
 
 810 
							<a class="close">×</a>
- 
 
 811 
							<h4 class="alert-heading">Information : 10 observations maximum</h4>
- 
 
 812 
							<p>
- 
 
 813 
								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>
- 
 
 816 
						</div>
- 
 
 817 
					</div>
- 
 
 818 
					<div class="zone-alerte span6 offset3">
- 
 
 819 
						<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
- 
 
 820 
							<a class="close">×</a>
- 
 
 821 
							<h4 class="alert-heading">Information : champs en erreur</h4>
- 
 
 822 
							<p>
- 
 
 823 
								Certains champs du formulaire sont mal remplis.<br/>
- 
 
 824 
								Veuillez vérifier vos données.
- 
 
 825 
							</p>
- 
 
 826 
						</div>
788 
					</div>
 827 
					</div>
789 
				</div>
 828 
				</div>
Line 790... Line 829...
790
829
791 
				<!-- Affiche le tableau récapitualif des observations ajoutées -->
 830 
				<!-- Affiche le tableau récapitualif des observations ajoutées -->
Line 833... Line 872...
833
872
834 
				<footer class="row-fluid">
 873 
				<footer class="row-fluid">
835 
					<p class="span12">&copy; Tela Botanica 2013</p>
 874 
					<p class="span12">&copy; Tela Botanica 2013</p>
836 
				</footer>
 875 
				</footer>
837 
			</div>
 - 
 
838
- 
 
839 
			<!-- Messages d'erreur du formulaire-->
 - 
 
840 
			<div class="row">
 - 
 
841 
				<div class="zone-alerte span6 offset3">
 - 
 
842 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
 - 
 
843 
						<a class="close">×</a>
 - 
 
844 
						<h4 class="alert-heading">Information : 10 observations maximum</h4>
 - 
 
845 
						<p>
 - 
 
846 
							Vous venez d'ajouter votre 10ème observation.<br/>
 - 
 
847 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
 - 
 
848 
						</p>
 - 
 
849 
					</div>
 - 
 
850 
				</div>
 - 
 
851 
				<div class="zone-alerte span6 offset3">
 - 
 
852 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
 - 
 
853 
						<a class="close">×</a>
 - 
 
854 
						<h4 class="alert-heading">Information : champs en erreur</h4>
 - 
 
855 
						<p>
 - 
 
856 
							Certains champs du formulaire sont mal remplis.<br/>
 - 
 
857 
							Veuillez vérifier vos données.
 - 
 
858 
						</p>
 - 
 
859 
					</div>
 - 
 
860 
				</div>
 - 
 
Line 861... Line 876...
861 
			</div>
 876 
			</div>
862
877
863 
			<!-- Fenêtres modales -->
 878 
			<!-- Fenêtres modales -->
864 
			<div id="chargement" class="modal-fenetre" style="display:none;">
879 
			<div id="chargement" class="modal-fenetre" style="display:none;">