Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1526 jpm 1 
<!DOCTYPE html>
2 
<html lang="fr">
3 
	<head>
1537 jpm 4 
		<title>Florilèges</title>
1526 jpm 5 
		<meta charset="utf-8">
6 
 
7 
		<meta name="author" content="Jean-Pascal MILCENT, Aurélien PERONNET" />
8 
		<meta name="keywords" content="Florilege, Tela Botanica, CEL" />
9 
		<meta name="description" content="Widget de saisie du projet Florilege" />
10 
 
11 
		<!-- Viewport Mobile -->
12 
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
13 
 
14 
		<!-- Favicones -->
1537 jpm 15 
		<link rel="shortcut icon" type="image/x-icon" href="<?=$url_base?>/modules/saisie/squelettes/florileges/img/favicon.ico" />
1526 jpm 16 
 
17 
		<!-- Javascript : bibliothèques -->
18 
		<!-- Google Map v3 -->
19 
		<!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->
20 
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;language=fr&amp;region=FR"></script>
21 
 
22 
		<!-- Jquery -->
23 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.9.1/jquery-1.9.1.js"></script>
24 
		<!-- Jquery UI : nécessaire pour le minicalendrier et l'auto-complétion -->
25 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery-ui-1.10.2.custom.min.js"></script>
26 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/js/jquery.ui.datepicker-fr.min.js"></script>
27 
		<!-- Jquery Plugins -->
28 
		<!-- Jquery Validate : nécessaire pour la validation des formulaires -->
29 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/jquery.validate.min.js"></script>
1562 jpm 30 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/additional-methods.min.js"></script>
1526 jpm 31 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/validate/1.11.1/messages_fr.js"></script>
32 
		<!-- Jquery Form :nécessaire pour l'upload des images -->
33 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/form/3.32/jquery.form.min.js"></script>
34 
 
35 
		<!-- Bootstrap -->
36 
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/bootstrap/2.3.1/js/bootstrap.min.js"></script>
37 
 
38 
		<!-- Javascript : appli saisie -->
1537 jpm 39 
		<script src="<?=$url_base?>saisie?projet=sauvages&amp;service=taxons" type="text/javascript"></script>
1526 jpm 40 
		<script type="text/javascript">
41 
		//<![CDATA[
42 
			// La présence du parametre 'debug' dans l'URL enclenche le dégogage
43 
			var DEBUG = <?=isset($_GET['debug']) ? 'true' : 'false'?>;
44 
			// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5
45 
			var HTML5 = <?=isset($_GET['html5']) ? 'true' : 'false'?>;
46 
			// Mot-clé du widget/projet
47 
			var TAG_PROJET = "WidgetFlorileges";
48 
			// Mots-clés à ajouter aux images
49 
			var TAG_IMG = "<?=isset($_GET['tag-img']) ? $_GET['tag-img'] : ''?>";
50 
			TAG_IMG = <?=isset($_GET['motcle']) ? "'".$_GET['motcle']."'" : 'TAG_IMG' ?>;
51 
			// Mots-clés à ajouter aux observations
52 
			var TAG_OBS = "<?=isset($_GET['tag-obs']) ? $_GET['tag-obs'] : ''?>";
53 
			TAG_OBS = <?=isset($_GET['projet']) ? "'".$_GET['projet']."'" : 'TAG_OBS' ?>;
54 
			// URL du web service réalisant l'insertion des données dans la base du CEL.
55 
			var SERVICE_SAISIE_URL = "<?=$url_ws_saisie?>";
56 
			// Code du référentiel utilisé pour les nom scientifiques (de la forme nom:code).
57 
			var NOM_SCI_REFERENTIEL = "<?=$ns_referentiel?>";
58 
			// Nom du référentiel utilisé pour les nom scientifiques.
59 
			var NOM_SCI_PROJET = "<?=$ns_projet?>";
60 
			// Code de la version du référentiel utilisé pour les nom scientifiques.
61 
			var NOM_SCI_VERSION = "<?=$ns_version?>";
1537 jpm 62 
			// Indication de la présence d'une espèce imposée
63 
			var ESPECE_IMPOSEE = "<?=$espece_imposee; ?>";
64 
			// Tableau d'informations sur l'espèce imposée
65 
			var INFOS_ESPECE_IMPOSEE = <?=$infos_espece; ?>;
1526 jpm 66 
			// Nombre d'élément dans les listes d'auto-complétion
67 
			var AUTOCOMPLETION_ELEMENTS_NBRE = 20;
68 
			// Indication de la présence d'un référentiel imposé
69 
			var REFERENTIEL_IMPOSE = "<?=$referentiel_impose; ?>";
70 
			// Indication des version utilisées de chaque référentiel
71 
			var PROJETS_VERSIONS = <?=json_encode($projets_versions)?>;
72 
			// URL du web service permettant l'auto-complétion des noms scientifiques.
73 
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL = "<?=$url_ws_autocompletion_ns?>?"+
74 
					"masque={masque}&"+
75 
					"recherche=etendue&"+
76 
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
77 
					//"version.projet="+NOM_SCI_VERSION+"&"+
78 
					"ns.structure=au"+"&"+
79 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
80 
			// URL du web service permettant l'auto-complétion des noms scientifiques.
81 
			var SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL = "<?=$url_ws_autocompletion_ns_tpl?>?"+
82 
					"masque={masque}&"+
83 
					"recherche=etendue&"+
84 
					"retour.champs=famille,nom_retenu,nom_retenu_complet,num_taxonomique,nom_retenu.id&"+
85 
					//"version.projet="+NOM_SCI_VERSION+"&"+
86 
					"ns.structure=au"+"&"+
87 
					"navigation.limite="+AUTOCOMPLETION_ELEMENTS_NBRE;
88 
			// Nombre d'observations max autorisé avant transmission
89 
			var OBS_MAX_NBRE = 10;
90 
			// Durée d'affichage en milliseconde des messages d'informations
91 
			var DUREE_MESSAGE = 15000;
1537 jpm 92 
			// Squelette d'URL du web service de l'annuaire.
93 
			var SERVICE_ANNUAIRE_ID_URL = "<?=$url_ws_annuaire?>";
1526 jpm 94 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes.
95 
			var SERVICE_NOM_COMMUNE_URL = "http://www.tela-botanica.org/service:eflore:0.1/osm/nom-commune?lon={lon}&lat={lat}";
96 
			// Squelette d'URL du web service d'eFlore fournissant les noms de communes hors de France (localisation approximative).
97 
			var SERVICE_NOM_COMMUNE_URL_ALT = "http://www.tela-botanica.org/service:eflore:0.1/wikipedia/nom-commune?lon={lon}&lat={lat}&nbre=1";
98 
			// URL du marqueur à utiliser dans la carte Google Map
1537 jpm 99 
			var GOOGLE_MAP_MARQUEUR_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/epingle.png";
1526 jpm 100 
			// URL de l'icône du chargement en cours
1537 jpm 101 
			var CHARGEMENT_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/chargement.gif";
1526 jpm 102 
			// URL de l'icône du chargement en cours d'une image
1537 jpm 103 
			var CHARGEMENT_IMAGE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/chargement-image.gif";
1526 jpm 104 
			// URL de l'icône du calendrier
1537 jpm 105 
			var CALENDRIER_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/calendrier.png";
1526 jpm 106 
			// URL de l'icône du calendrier
1537 jpm 107 
			var PAS_DE_PHOTO_ICONE_URL = "<?=$url_base?>modules/saisie/squelettes/florileges/img/icones/pas_de_photo.png";
1526 jpm 108 
		//]]>
109 
		</script>
1537 jpm 110 
		<script type="text/javascript" src="<?=$url_base?>modules/saisie/squelettes/florileges/js/florileges.js"></script>
1526 jpm 111 
 
112 
		<!-- CSS -->
113 
		<link href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.10.2/css/smoothness/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" media="screen" />
114 
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen" />
115 
		<link href="http://www.tela-botanica.org/commun/bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" media="screen" />
1537 jpm 116 
		<link href="<?=$url_base?>modules/saisie/squelettes/florileges/css/<?=isset($_GET['style']) ? $_GET['style'] : 'florileges'?>.css" rel="stylesheet" type="text/css" media="screen" />
1526 jpm 117 
	</head>
118 
 
119 
	<body data-spy="scroll">
120 
		<div class="container">
1564 jpm 121 
			<div class="row-fluid entete">
1540 jpm 122 
				<div class="span7">
1537 jpm 123 
					<div class="well intro">
124 
						<h1>Florilèges</h1>
125 
						<p>
126 
							Bienvenue sur l'interface de saisie en ligne des données
127 
							"Florilèges"-RUES. Cette interface vous permet d'enregistrer vos
128 
							observations de terrain et de les partager simplement
129 
							(sous <a href="http://creativecommons.org/licenses/by-sa/2.0/fr/">licence CC-BY-SA</a>)
1562 jpm 130 
							avec <a href="http://www.plante-et-cite.fr">Plante &amp; Cité</a>,
1537 jpm 131 
							<a href="http://www.tela-botanica.org/site:accueil">le réseau Tela Botanica</a>
132 
							et <a href="http://sauvagesdemarue.mnhn.fr">le programme Sauvage de ma Rue</a>.
133 
						</p>
134 
						<p>
135 
							En vous identifiant, vous pourrez retrouver et consulter l'ensemble de
136 
							vos observations dans <a href="http://www.tela-botanica.org/appli:cel">le Carnet en ligne</a>.<br />
137 
							Renseignez tout d'abord les caractéristiques et l'itinéraire technique mis en place
138 
							sur le site des relevés, puis détaillez ensuite les espèces observées sur ce site.
139 
							Ajoutez chaque observation à la liste à transmettre à l'aide du bouton
140 
							«&nbsp;Créer&nbsp;».
141 
						</p>
142 
						<p>
143 
							L'interface de saisie vous permet de renseigner jusqu'à 10 observations à des dates
144 
							différentes pour un même site.
145 
							Partagez-les avec le bouton «&nbsp;Transmettre&nbsp;».
146 
							Elles apparaissent immédiatement sur
147 
							<a href="http://www.tela-botanica.org/site:botanique?langue=fr">la carte</a> et
148 
							<a href="http://www.tela-botanica.org/site:botanique?langue=fr">la galerie photos</a>
149 
							du projet.
150 
						</p>
151 
						<p>
152 
							Pour toute question, <a href="mailto:contact@florileges.info">contactez les animateurs du programme Florilèges</a>.
153 
						</p>
154 
						<p class="discretion">
155 
							Un aide intéractive est à votre disposition sur l'interface.
156 
							Une fois familiarisé, vous pouvez cliquer sur le bouton suivant pour la désactiver :
157 
							<button id="btn-aide" class="btn btn-mini btn-success">
158 
								<span class="icon-question-sign icon-white"></span>
159 
								<span id="btn-aide-txt" >Désactiver l'aide</span>
160 
							</button>
161 
						</p>
1526 jpm 162 
					</div>
163 
				</div>
164 
 
1540 jpm 165 
				<div class="span5">
166 
					<div class="well forcer-colonne">
1526 jpm 167 
						<h2>Observateur</h2>
168 
						<form id="form-observateur" action="#" class="" autocomplete="on">
169 
							<div class="row-fluid">
1540 jpm 170 
								<div class="span6 control-group" rel="tooltip" data-placement="bottom"
1526 jpm 171 
									title="Saisissez le courriel avec lequel vous être inscrit à Tela Botanica.
172 
										Si vous n'êtes pas inscrit, ce n'est pas grave, vous pourrez le faire
173 
										ultérieurement. Des informations complémentaires vont vous être
174 
										demandées : prénom et nom.">
1540 jpm 175 
										<label class="control-label" for="courriel">
176 
											<strong class="obligatoire">*</strong>
177 
											Courriel
178 
										</label>
179 
										<div class="controls">
180 
											<div class="input-prepend">
181 
												<span class="add-on">
182 
													<i class="icon-envelope"></i>
183 
												</span>
184 
												<input id="courriel" name="courriel" class="span11" type="text"/>
185 
												<input id="id_utilisateur" name="id_utilisateur" type="hidden"/>
186 
											</div>
187 
										</div>
188 
 
1526 jpm 189 
								</div>
1540 jpm 190 
								<div id="zone-courriel-confirmation" class="span6 hidden control-group">
191 
									<label class="control-label" for="courriel_confirmation">
1537 jpm 192 
										<strong class="obligatoire">*</strong>
193 
										Courriel (confirmation)
1526 jpm 194 
									</label>
1540 jpm 195 
									<div class="controls">
196 
										<div class="input-prepend">
197 
											<span class="add-on">
198 
												<i class="icon-envelope"></i>
199 
											</span>
200 
											<input id="courriel_confirmation" name="courriel_confirmation"
201 
											 	class="span11" type="text"/>
202 
										</div>
1526 jpm 203 
									</div>
204 
								</div>
205 
							</div>
206 
							<div id="zone-prenom-nom" class="row-fluid hidden">
1560 jpm 207 
								<div class="span6 control-group">
1563 jpm 208 
									<label for="prenom" class="control-label">
1560 jpm 209 
										<strong class="obligatoire">*</strong>
1540 jpm 210 
										Prénom
211 
									</label>
212 
									<input id="prenom" name="prenom" class="span12" type="text"/>
1526 jpm 213 
								</div>
1560 jpm 214 
								<div class="span6 control-group">
1563 jpm 215 
									<label for="nom" class="control-label">
1560 jpm 216 
										<strong class="obligatoire">*</strong>
1540 jpm 217 
										Nom
218 
									</label>
1560 jpm 219 
									<div class="controls">
220 
										<input id="nom" name="nom"  class="span12" type="text"/>
221 
									</div>
1526 jpm 222 
								</div>
223 
							</div>
1540 jpm 224 
							<div id="zone-personne-complement" class="forcer-colonne">
1537 jpm 225 
								<div class="row-fluid">
1560 jpm 226 
									<div class="span6 control-group">
227 
										<label for="structure" class="control-label">
228 
											<strong class="obligatoire">*</strong>
1540 jpm 229 
											Structure
230 
										</label>
1560 jpm 231 
										<div class="controls">
1567 jpm 232 
											<input id="structure" name="personneStructure" class="span12 obs-chp-etendu"
233 
												type="text" data-label="Structure de l'observateur"/>
1560 jpm 234 
										</div>
1537 jpm 235 
									</div>
1560 jpm 236 
									<div class="span6 control-group">
237 
										<label for="service" class="control-label">
238 
											<strong class="obligatoire">*</strong>
1540 jpm 239 
											Service
240 
										</label>
1560 jpm 241 
										<div class="controls">
1567 jpm 242 
											<input id="service" name="personneService" class="span12 obs-chp-etendu"
243 
												type="text" data-label="Service de l'observateur"/>
1560 jpm 244 
										</div>
1537 jpm 245 
									</div>
246 
								</div>
247 
								<div class="row-fluid">
248 
									<div class="span12">
1540 jpm 249 
										<label for="fonction">
250 
											Fonction
251 
										</label>
1567 jpm 252 
										<input id="fonction" name="personneFonction" class="span12 obs-chp-etendu"
253 
											type="text" data-label="Fonction de l'observateur"/>
1537 jpm 254 
									</div>
255 
								</div>
256 
							</div>
1526 jpm 257 
						</form>
258 
					</div>
259 
				</div>
260 
			</div>
261 
			<!-- Messages d'erreur du formulaire-->
1537 jpm 262 
			<div class="row-fluid">
1526 jpm 263 
				<div class="zone-alerte span6 offset3">
264 
					<div id="dialogue-bloquer-copier-coller" class="alert alert-info alert-block" style="display:none;">
265 
						<a class="close">×</a>
266 
						<h4 class="alert-heading">Information : copier/coller</h4>
267 
						<p>
268 
							Merci de ne pas copier/coller votre courriel.<br/>
269 
							La double saisie permet de vérifier l'absence d'erreurs.
270 
						</p>
271 
					</div>
272 
					<div id="dialogue-courriel-introuvable" class="alert alert-info alert-block" style="display:none;">
273 
						<a class="close">×</a>
274 
						<h4 class="alert-heading">Information : courriel introuvable</h4>
275 
						<p>
276 
							Vous n'êtes pas inscrit à Tela Botanica avec ce courriel.<br/>
277 
							Veuillez compléter les champs supplémentaires ou indiquer votre courriel d'inscription.<br/>
278 
							Pour retrouver vos observations dans le <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>,
279 
							il sera nécesaire de <a href="http://www.tela-botanica.org/page:inscription">vous inscrire à Tela Botanica</a>.
280 
						</p>
281 
					</div>
282 
				</div>
283 
			</div>
284 
			<div class="row-fluid">
285 
				<div class="span12">
1560 jpm 286 
					<form id="form-site">
287 
						<div class="well">
288 
							<div class="row-fluid">
289 
								<div class="span4">
290 
									<div class="row-fluid">
291 
										<div class="span12">
292 
											<h2>Site</h2>
1526 jpm 293 
										</div>
294 
									</div>
295 
									<div class="row-fluid">
1560 jpm 296 
										<div class="span12 control-group" rel="tooltip"
297 
											title="Nom du site." >
298 
											<label for="station" class="control-label">
299 
												<strong class="obligatoire">*</strong>
300 
												Nom
1526 jpm 301 
											</label>
1560 jpm 302 
											<div class="controls">
303 
												<input id="station" class="span12" name="station" type="text"/>
304 
											</div>
1526 jpm 305 
										</div>
1560 jpm 306 
									</div>
307 
									<div class="forcer-colonne well control-group">
308 
										<div class="row-fluid">
309 
											<div class="span12">
310 
												<label for="map_canvas" class="control-label"
311 
														title="Veuillez localiser l'observation">
312 
													<strong class="obligatoire">*</strong>
313 
													Géolocalisation
314 
												</label>
315 
												<div class="form-search form-horizontal">
316 
													<div class="control-group">
317 
														<input id="carte-recherche" class="search-query" type="text" value=""
318 
															rel="tooltip"
319 
															title="Permet de centrer la carte sur le lieu recherché. Il est nécessaire de sélectionner le lieu dans la liste déroulante."
320 
															placeholder="Centrer la carte sur un lieu..."/>
321 
													</div>
322 
												</div>
323 
											</div>
324 
										</div>
325 
										<div class="row-fluid">
326 
											<div class="span12">
327 
												<div id="map-canvas" rel="tooltip"
328 
													title="Vous pouvez cliquer sur la carte pour déplacer le marqueur
329 
														représentant votre station ou bien le glisser-déposer sur
330 
														le lieu souhaité."></div>
331 
											</div>
332 
										</div>
333 
										<div id="coordonnees-geo-affichage" class="row-fluid">
334 
											<label for="coordonnees-geo" class="span6">
335 
												<a class="afficher-coord btn">
336 
													<span class="afficher-coord-action">Afficher</span>
337 
													<span class="afficher-coord-action" style="display:none;">Cacher</span>
338 
													coordonnées
339 
													<span id="lat-lon-info" class="info"
340 
														rel="tooltip"
341 
														title="Système géodésique mondial, révision de 1984 - Coordonnées non projetées">
342 
														(WGS84)
343 
													</span>
344 
												</a>
345 
											</label>
346 
											<div id="info-commune" class="span6">
347 
												<span for="marqueur-commune">Commune : </span>
348 
												<span id="marqueur-commune">
349 
													<span id="commune-nom" class="commune-info"></span>
350 
													(<span id="commune-code-insee" class="commune-info"
351 
														rel="tooltip"
352 
														title="Code INSEE de la commune"></span>)
353 
												</span>
354 
											</div>
355 
										</div>
356 
										<div id="coordonnees-geo" class="row-fluid" style="display:none;">
357 
											<div class="form-inline">
358 
												<div id="coord-lat" class="span4 control-group">
359 
													<label for="latitude" class="control-label">
360 
														<strong class="obligatoire">*</strong>
361 
														Latitude
362 
													</label>
363 
													<div class="controls">
364 
														<input id="latitude" class="input-mini" name="latitude" type="text" value=""/>
365 
													</div>
366 
												</div>
367 
												<div id="coord-lng" class="span4">
368 
													<label for="longitude" class="control-label">
369 
														<strong class="obligatoire">*</strong>
370 
														Longitude
371 
													</label>
372 
													<div class="controls">
373 
														<input id="longitude" class="input-mini" name="longitude" type="text" value=""/>
374 
													</div>
375 
												</div>
376 
												<div class="span4">
377 
													<button id="geolocaliser" class="btn"
1526 jpm 378 
														rel="tooltip"
1560 jpm 379 
														title="Centre la carte sur les coordonnées de latitude et longitude saisies.">
380 
														Voir sur la carte
381 
													</button>
1526 jpm 382 
												</div>
1560 jpm 383 
											</div>
1526 jpm 384 
										</div>
385 
									</div>
1560 jpm 386 
								</div>
387 
								<div class="span4">
1526 jpm 388 
									<div class="row-fluid">
389 
										<div class="span12">
1560 jpm 390 
											<h2>Typologie du site</h2>
1526 jpm 391 
										</div>
392 
									</div>
1560 jpm 393 
									<div class="row-fluid">
394 
										<div class="span12 control-group" rel="tooltip"
395 
											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." >
396 
											<label for="typo-urbaine" class="control-label">
397 
												<strong class="obligatoire">*</strong>
398 
												Typologie
399 
											</label>
400 
											<div class="controls">
1567 jpm 401 
												<select id="typo-urbaine" class="span12 obs-chp-etendu" name="typoUrbaine"
402 
													data-label="Typologie">
1560 jpm 403 
													<option selected value="">Sélectionnez une typologie</option>
404 
													<option>centre ville</option>
405 
													<option>faubourg</option>
406 
													<option>quartier résidentiel</option>
407 
													<option>zone commerciale</option>
408 
													<option>zone d'activités</option>
409 
												</select>
410 
											</div>
1537 jpm 411 
										</div>
1526 jpm 412 
									</div>
1560 jpm 413 
									<div class="row-fluid">
414 
										<div class="span12 control-group" rel="tooltip"
415 
											title="Type de revêtement de sol." >
416 
											<label for="revetement-sol" class="control-label">
417 
												<strong class="obligatoire">*</strong>
418 
												Revêtement de sol
419 
											</label>
420 
											<div class="controls">
1567 jpm 421 
												<select id="revetement-sol" class="span12 obs-chp-etendu" name="revetementSol"
422 
													data-label="Revêtement de sol">
1560 jpm 423 
													<option selected value="">Sélectionnez un revêtement de sol</option>
424 
													<option>asphalte et enrobés</option>
425 
													<option>pavés</option>
426 
													<option>stabilisés, aires sablées</option>
427 
													<option>graviers</option>
428 
													<option>terre</option>
429 
												</select>
1537 jpm 430 
											</div>
1560 jpm 431 
										</div>
1540 jpm 432 
									</div>
1560 jpm 433 
									<div class="row-fluid">
434 
										<div class="span12" rel="tooltip"
435 
											title="Présence de zones végétalisés autour du site (haie, aménagement paysager, parcs et jardins, ...)." >
436 
											<label>
437 
												Présence de zones végétalisés
1567 jpm 438 
												<select id="presence-zone-vegetalise" class="obs-chp-etendu"
439 
													name="presenceZoneVegetalise" data-label="Présence de zones végétalisés">
1560 jpm 440 
													<option selected value=""></option>
441 
													<option>nulle</option>
442 
													<option>faible</option>
443 
													<option>moyenne</option>
444 
													<option>importante</option>
445 
												</select>
446 
											</label>
447 
										</div>
1537 jpm 448 
									</div>
1560 jpm 449 
									<div class="row-fluid">
450 
										<div class="span12" rel="tooltip"
451 
											title="Hauteur des bâtiments avoisinants (en étages)." >
452 
											<label>
453 
												Hauteur des bâtiments
1567 jpm 454 
												<select id="hauteur-batiment-avoisinant" class="obs-chp-etendu"
455 
													name="hauteurBatimentAvoisinant" data-label="Hauteur des bâtiments">
1560 jpm 456 
													<option selected value=""></option>
457 
													<option>0</option>
458 
													<option>1</option>
459 
													<option>2</option>
460 
													<option>3</option>
461 
													<option>4</option>
462 
													<option>5 et +</option>
463 
												</select>
464 
											</label>
465 
										</div>
1537 jpm 466 
									</div>
467 
								</div>
1560 jpm 468 
								<div class="span4">
469 
									<div class="row-fluid">
470 
										<div class="span12">
471 
											<h2>Itinéraire technique</h2>
472 
										</div>
1537 jpm 473 
									</div>
1560 jpm 474 
									<div class="row-fluid">
475 
										<div class="span12 control-group" rel="tooltip"
476 
											title="Intensité de gestion." >
477 
											<label for="intensite-gestion" class="control-label">
478 
												<strong class="obligatoire">*</strong>
479 
												Intensité de gestion
480 
											</label>
481 
											<div class="controls">
1567 jpm 482 
												<select id="intensite-gestion" class="span12 obs-chp-etendu"
483 
													name="intensiteGestion" data-label="Intensité de gestion">
1560 jpm 484 
													<option selected value="">Sélectionnez l'intensité</option>
485 
													<option>extensive</option>
486 
													<option>intermédiaire</option>
487 
													<option>intensive</option>
488 
												</select>
1526 jpm 489 
											</div>
1537 jpm 490 
										</div>
1560 jpm 491 
									</div>
492 
									<div class="row-fluid">
493 
										<div class="span12">
494 
											<div class="row-fluid">
495 
												<div class="span12 control-group" rel="tooltip"
496 
													title="Utilisation de produits phytosanitaires sur le site." >
497 
													<label for="periodicite-traitement-phyto" class="control-label">
498 
														<strong class="obligatoire">*</strong>
499 
														Utilisation de produits phytosanitaires
500 
													</label>
501 
													<div class="controls">
1567 jpm 502 
														<select id="periodicite-traitement-phyto" class="obs-chp-etendu"
503 
															name="periodiciteTraitementPhyto"
504 
															data-label="Utilisation de produits phytosanitaires">
1560 jpm 505 
															<option selected value=""></option>
506 
															<option value="régulière">régulière</option>
507 
															<option value="occasionnelle">occasionnelle</option>
508 
															<option value="rare">rare</option>
509 
															<option value="jamais">jamais</option>
510 
														</select>
1537 jpm 511 
													</div>
1560 jpm 512 
												</div>
1526 jpm 513 
											</div>
1560 jpm 514 
											<div id="datp-zone" class="row-fluid hidden">
515 
												<div class="span12" rel="tooltip"
516 
														title="Date approximative de l'arrêt des traitements.
517 
														Vous pouvez cliquer sur l'icône de calendrier pour
518 
														sélectionner une date dans un calendrier.">
519 
													<label title="Veuillez indiquer la date du relevé au format jj/mm/aaaa">
520 
														Date d'arrêt des traitements
521 
														<div class="input-prepend">
522 
															<span id="date-arret-traitement-phyto-icone" class="add-on"></span>
1567 jpm 523 
															<input id="date-arret-traitement-phyto" class="input-small obs-chp-etendu"
524 
																name="dateArretTraitementPhyto" type="text"
525 
																placeholder="jj/mm/aaaa"
526 
																data-label="Date d'arrêt des traitements"/>
1560 jpm 527 
														</div>
528 
													</label>
529 
												</div>
530 
											</div>
1537 jpm 531 
										</div>
532 
									</div>
1560 jpm 533 
									<div class="row-fluid">
534 
										<div class="span12 control-group" rel="tooltip"
1567 jpm 535 
											title="Description de l'itinéraire de gestion (type de traitement,
536 
											matériel utilisé, fréquence de passage, ...)." >
1560 jpm 537 
											<label for="itineraire-gestion" class="control-label">
538 
												<strong class="obligatoire">*</strong>
539 
												Description de l'itinéraire de gestion
540 
											</label>
541 
											<div class="controls">
1567 jpm 542 
												<textarea id="itineraire-gestion" class="span12 obs-chp-etendu"
543 
													rows="7" name="itineraireGestion"
544 
													data-label="Description de l'itinéraire de gestion"></textarea>
1560 jpm 545 
											</div>
546 
										</div>
1537 jpm 547 
									</div>
548 
								</div>
549 
							</div>
550 
						</div>
1560 jpm 551 
					</form>
1537 jpm 552 
				</div>
553 
			</div>
554 
			<div class="row-fluid">
555 
				<div class="span12 well">
556 
					<div class="row-fluid">
1560 jpm 557 
						<div class="span3">
1537 jpm 558 
							<h2 id="obs-titre">Observations</h2>
559 
						</div>
1560 jpm 560 
						<div class="span9">
1540 jpm 561 
							<form id="form-date" class="form-inline">
1560 jpm 562 
								<div class="span5 control-group" rel="tooltip"
1540 jpm 563 
									title="Vous pouvez cliquer sur l'icône de calendrier pour
1560 jpm 564 
									sélectionner une date dans un calendrier. La date doit être au format :
565 
									jj/mm/aaaa">
566 
									<label class="control-label">
567 
										<strong class="obligatoire">*</strong>
1540 jpm 568 
										Date du relevé
569 
										<div class="input-prepend">
570 
											<span id="date-icone" class="add-on"></span>
571 
											<input id="date" class="input-small" name="date" type="text"
572 
												placeholder="jj/mm/aaaa" />
573 
										</div>
574 
									</label>
575 
								</div>
1560 jpm 576 
								<div class="span7 control-group" rel="tooltip"
1540 jpm 577 
									title="Date approximative de la dernière intervention." >
1560 jpm 578 
									<label class="span12 control-label">
579 
										<strong class="obligatoire">*</strong>
1540 jpm 580 
										Dernière intervention
1567 jpm 581 
										<select id="date-derniere-intervention" class="span8 obs-chp-etendu"
582 
											name="dateDerniereIntervention" data-label="Dernière intervention">
1560 jpm 583 
											<option selected value="">Sélectionnez la date d'intervention</option>
1540 jpm 584 
											<option value="inconnue">ne sais pas</option>
585 
											<option>plus de 3 ans</option>
586 
											<option>entre 1 et 3 ans</option>
587 
											<option>moins d'1 an</option>
588 
											<option>au cours du dernier semestre</option>
589 
											<option>au cours du dernier trimestre</option>
590 
											<option>au cours des 30 derniers jours</option>
591 
											<option>au cours des 7 derniers jours</option>
592 
										</select>
593 
									</label>
594 
								</div>
595 
							</form>
596 
						</div>
1537 jpm 597 
					</div>
1540 jpm 598 
					<form id="form-obs" autocomplete="on">
1537 jpm 599 
						<div class="row-fluid">
600 
							<div class="well span6">
601 
								<div class="row-fluid">
602 
									<div class="span12">
1540 jpm 603 
										<div id="taxon-liste-input-groupe" class="control-group" rel="tooltip"
1537 jpm 604 
											title="Sélectionnez une espèce dans la liste déroulante par son nom latin
605 
											ou commun. Si une espèce est abscente, sélectionner «Autre espèce»." >
1540 jpm 606 
											<label class="control-label" for="taxon-liste" title="Choisissez l'espèce rencontrée.">
1537 jpm 607 
												<strong class="obligatoire">*</strong>
608 
												Espèces les plus communes
1540 jpm 609 
											</label>
610 
											<div class="controls">
611 
												<div class="input-prepend ">
1537 jpm 612 
													<span class="add-on">
613 
														<i class="icon-leaf"></i>
614 
													</span>
615 
													<select id="taxon-liste" class="span12" name="taxon-liste">
1540 jpm 616 
														<option value="" selected>Sélectionner une espèce</option>
1537 jpm 617 
														<option value="?">Autre espèce</option>
618 
														<?php foreach ($taxons as $taxon) :?>
1540 jpm 619 
															<option
620 
																class="<?=($taxon['nom_ret'] == $taxon['nom_fr']) ? 'nom-sci' : 'nom-fr' ?>"
621 
																value="<?=$taxon['num_nom_sel']?>"
622 
																title="<?=$taxon['nom_ret'].($taxon['nom_fr_autre'] != '' ? ' - '.$taxon['nom_fr_autre'] : '' )?>"
623 
																>
1537 jpm 624 
																<?=$taxon['nom_fr']?>
625 
															</option>
626 
														<?php endforeach; ?>
627 
													</select>
1526 jpm 628 
												</div>
1540 jpm 629 
											</div>
1537 jpm 630 
										</div>
631 
									</div>
632 
								</div>
633 
								<div id="taxon-input-groupe" class="row-fluid hidden">
634 
									<div class="span12">
1540 jpm 635 
										<div class="control-group" rel="tooltip"
1537 jpm 636 
											title="Sélectionnez une espèce dans la liste déroulante pour lier
637 
												votre nom au référentiel. Si vous le désirez vous pouvez aussi saisir
638 
												un nom absent du référentiel (Ex. : 'fleur violette' ou 'viola sinensis???')." >
1560 jpm 639 
											<label for="taxon" class="control-label" title="Choisissez l'espèce rencontrée.">
1537 jpm 640 
												Autre espèce
1540 jpm 641 
											</label>
642 
											<div class="controls">
1537 jpm 643 
												<input id="taxon" name="taxon" type="text" class="span12"
644 
													placeholder="Autre espèce (ou indication sur la plante)"
645 
													value="<?= $nom_sci_espece_defaut; ?>" />
1540 jpm 646 
											</div>
1537 jpm 647 
										</div>
648 
									</div>
649 
								</div>
650 
								<div class="row-fluid">
1560 jpm 651 
									<div class="span12 control-group" rel="tooltip"
1537 jpm 652 
										title="Sélectionner un ou plusieurs milieux dans lesquels l'espèce est présente sur le site.">
1560 jpm 653 
										<label class="span2 control-label">
654 
											<strong class="obligatoire">*</strong>
1537 jpm 655 
											Milieux
656 
										</label>
1562 jpm 657 
										<div id="milieux-controls" class="controls">
1560 jpm 658 
											<div class="input-prepend">
659 
												<div class="btn-group">
660 
													<button class="btn dropdown-toggle" data-toggle="dropdown">
661 
														<i class="icon-globe"></i>
662 
														Sélectionner un ou plusieurs milieux
663 
														<span class="caret"></span>
664 
													</button>
665 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
666 
														<li>
667 
															<label class="checkbox">
1562 jpm 668 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="chemin"/>
1560 jpm 669 
																chemin
670 
															</label>
671 
														</li>
672 
														<li>
673 
															<label class="checkbox">
1562 jpm 674 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="fissures"/>
1560 jpm 675 
																fissures
676 
															</label>
677 
														</li>
678 
														<li>
679 
															<label class="checkbox">
1562 jpm 680 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="haie"/>
1560 jpm 681 
																haie
682 
															</label>
683 
														</li>
684 
														<li>
685 
															<label class="checkbox">
1562 jpm 686 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="mur"/>
1560 jpm 687 
																mur
688 
															</label>
689 
														</li>
690 
														<li>
691 
															<label class="checkbox">
1562 jpm 692 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="pelouse"/>
1560 jpm 693 
																pelouse
694 
															</label>
695 
														</li>
696 
														<li>
697 
															<label class="checkbox">
1562 jpm 698 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="pied d'arbre"/>
1560 jpm 699 
																pied d'arbre
700 
															</label>
701 
														</li>
702 
														<li>
703 
															<label class="checkbox">
1562 jpm 704 
																<input name="milieux[]" class="cb-milieux" type="checkbox" value="plate bande"/>
1560 jpm 705 
																plate bande
706 
															</label>
707 
														</li>
708 
													</ul>
709 
												</div>
1526 jpm 710 
											</div>
711 
										</div>
1537 jpm 712 
									</div>
1526 jpm 713 
								</div>
1537 jpm 714 
 
715 
								<div class="row-fluid">
1560 jpm 716 
									<div class="span12 control-group" rel="tooltip"
1537 jpm 717 
										title="Hauteur maximum en centimètre de la plante sur le site.">
1560 jpm 718 
										<label class="control-label">
719 
											<strong class="obligatoire">*</strong>
1567 jpm 720 
											Hauteur max. (en cm) de la plante
721 
											<input id="hauteur-plante" class="span2 obs-chp-etendu"
722 
												name="hauteurPlante"
723 
												type="number" min="0" step="5"
724 
												data-label="Hauteur max. (en cm) de la plante"/>
1537 jpm 725 
										</label>
726 
									</div>
727 
								</div>
728 
 
729 
								<div class="row-fluid">
730 
									<div class="span12">
731 
										<label for="notes">Commentaires</label>
732 
										<div>
733 
											<textarea id="notes" class="span12" rows="7" name="notes"
734 
												placeholder="vous pouvez éventuellement ajouter des informations complémentaires à votre observation (altitude, taille de la plante...)"></textarea>
735 
										</div>
736 
									</div>
737 
								</div>
1526 jpm 738 
							</div>
739 
							<div class="span6">
1537 jpm 740 
								<div class="well">
741 
									<div class="row-fluid">
1560 jpm 742 
										<div class="span12 control-group" rel="tooltip"
1537 jpm 743 
											title="Résistance/Résilience face aux traitements utilisés." >
1560 jpm 744 
											<label class="control-label">
745 
												<strong class="obligatoire">*</strong>
1537 jpm 746 
												Résistance/Résilience
1560 jpm 747 
											</label>
748 
											<div class="controls">
1567 jpm 749 
												<select id="resistance-traitement-phyto" class="obs-chp-etendu"
750 
													name="resistanceTraitementPhyto" data-label="Résistance/Résilience">
1560 jpm 751 
													<option selected value=""></option>
1537 jpm 752 
													<option>Pas de traitement</option>
753 
													<option>faible</option>
754 
													<option>intermédiaire</option>
755 
													<option>forte</option>
756 
													<option>très forte</option>
757 
												</select>
1560 jpm 758 
											</div>
1526 jpm 759 
										</div>
1537 jpm 760 
									</div>
761 
 
1526 jpm 762 
									<div class="row-fluid">
1537 jpm 763 
										<div class="span12" rel="tooltip"
764 
											title="Vitesse de croissance sur site." >
765 
											<label>
766 
												Croissance
1567 jpm 767 
												<select id="vitesse-croissance" class="obs-chp-etendu" name="vitesseCroissance"
768 
												 	data-label="Croissance">
1560 jpm 769 
													<option selected value=""></option>
1537 jpm 770 
													<option>nulle</option>
771 
													<option>lente</option>
772 
													<option>moyenne</option>
773 
													<option>rapide</option>
774 
													<option>trop rapide</option>
775 
												</select>
1526 jpm 776 
											</label>
777 
										</div>
1537 jpm 778 
									</div>
779 
								</div>
780 
								<div class="well">
781 
									<div class="row-fluid">
782 
										<div class="span12" rel="tooltip"
783 
											title="Perception globale de l'espèce par l'équipe technique.">
784 
											<label class="span4">
785 
												Perceptions par l'équipe
1526 jpm 786 
											</label>
787 
											<div class="input-prepend">
1537 jpm 788 
												<div class="btn-group">
789 
													<button class="btn dropdown-toggle" data-toggle="dropdown">
1540 jpm 790 
														<i class="icon-eye-open"></i>
1537 jpm 791 
														Sélectionner une ou plusieurs perceptions
792 
														<span class="caret"></span>
793 
													</button>
794 
													<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
795 
														<li>
796 
															<label class="checkbox">
1567 jpm 797 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="ne connaissais pas la plante avant l'étude"/>
1537 jpm 798 
																ne connaissais pas la plante avant l'étude
799 
															</label>
800 
														</li>
801 
														<li>
802 
															<label class="checkbox">
1567 jpm 803 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="discrète ne pose pas de problème"/>
1537 jpm 804 
																discrète ne pose pas de problème
805 
															</label>
806 
														</li>
807 
														<li>
808 
															<label class="checkbox">
1567 jpm 809 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="visible et esthétique"/>
1537 jpm 810 
																visible et esthétique
811 
															</label>
812 
														</li>
813 
														<li>
814 
															<label class="checkbox">
1567 jpm 815 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="gênante, difficile à gérer"/>
1537 jpm 816 
																gênante, difficile à gérer
817 
															</label>
818 
														</li>
819 
														<li>
820 
															<label class="checkbox">
1567 jpm 821 
																<input name="perceptionTechnicien[]" class="cb-perception-technicien" type="checkbox" value="envahissante, cause des dégâts"/>
1537 jpm 822 
																envahissante, cause des dégâts
823 
															</label>
824 
														</li>
825 
													</ul>
826 
												</div>
1526 jpm 827 
											</div>
828 
										</div>
829 
									</div>
1537 jpm 830 
 
1526 jpm 831 
									<div class="row-fluid">
1537 jpm 832 
										<div class="span12" rel="tooltip"
833 
											title="Mauvaise perception de la plante par les riverains." >
834 
											<label>
835 
												Mauvaise perception par les riverains ?
1567 jpm 836 
												<select id="perception-riverain-mauvaise" class="obs-chp-etendu"
837 
													name="perceptionRiverainMauvaise" data-label="Mauvaise perception par les riverains ?">
1537 jpm 838 
													<option>inconnue</option>
839 
													<option>oui</option>
840 
													<option>non</option>
841 
												</select>
842 
											</label>
1526 jpm 843 
										</div>
844 
									</div>
1537 jpm 845 
								</div>
846 
							</div>
847 
						</div>
1560 jpm 848 
					</form>
1537 jpm 849 
 
1560 jpm 850 
					<form id="form-upload" class="form-horizontal" action="<?=$url_base?>saisie?projet=sauvages&amp;service=upload-image"
851 
						method="post" enctype="multipart/form-data">
852 
						<div class="row-fluid">
853 
							<div class="span12 well">
854 
								<strong>Cliquez sur l'icone pour ajouter une image</strong>
855 
								<p class="miniature-info" class="discretion help-inline">Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.</p>
856 
								<div id ="photos-conteneur">
857 
									<div id="photo-placeholder" rel="tooltip"
1562 jpm 858 
										title="Cliquez pour ajouter une photo de votre observation. Elle doit être au
1560 jpm 859 
										format JPEG et ne doit pas excéder 5Mo."></div>
1562 jpm 860 
									<div id="miniatures"></div>
861 
									<p class="miniature-msg" class="span12">&nbsp;</p>
1560 jpm 862 
									<input type="file" id="fichier" name="fichier" accept="image/jpeg" />
863 
									<input type="hidden" name="MAX_FILE_SIZE" value="5242880"/>
1537 jpm 864 
								</div>
1526 jpm 865 
							</div>
1537 jpm 866 
						</div>
1560 jpm 867 
					</form>
868 
					<div class="row-fluid">
869 
						<div class="span12 centre" rel="tooltip"
870 
							title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour
871 
								ajouter votre observation à la liste à transmettre.">
872 
							<button id="ajouter-obs" class="btn btn-primary btn-large" type="button">
873 
								Créer
874 
							</button>
875 
						</div>
1537 jpm 876 
					</div>
1560 jpm 877 
 
1537 jpm 878 
				</div>
1560 jpm 879 
			</div>
1537 jpm 880 
 
1560 jpm 881 
			<!-- Messages d'erreur du formulaire-->
882 
			<div class="row-fluid">
883 
				<div class="zone-alerte span6 offset3">
884 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block" style="display: none;">
885 
						<a class="close">×</a>
886 
						<h4 class="alert-heading">Information : 10 observations maximum</h4>
887 
						<p>
888 
							Vous venez d'ajouter votre 10ème observation.<br/>
889 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
890 
						</p>
1540 jpm 891 
					</div>
1560 jpm 892 
				</div>
893 
				<div class="zone-alerte span6 offset3">
894 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block" style="display: none;">
895 
						<a class="close">×</a>
896 
						<h4 class="alert-heading">Information : champs en erreur</h4>
897 
						<p>
898 
							Certains champs du formulaire sont mal remplis.<br/>
899 
							Veuillez vérifier vos données.
900 
						</p>
1540 jpm 901 
					</div>
902 
				</div>
1560 jpm 903 
			</div>
1540 jpm 904 
 
1560 jpm 905 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
1564 jpm 906 
			<div id="zone-liste-obs" class="row-fluid hidden">
1560 jpm 907 
				<div class="span12">
908 
					<div class="well">
909 
						<div class="row-fluid">
910 
							<div class="span8">
911 
								<h2>Observations à transmettre : <span class="obs-nbre">0</span></h2>
912 
							</div>
913 
							<div class="span4 droite">
914 
								<button id="transmettre-obs" class="btn btn-primary btn-large"
915 
									type="button" disabled="disabled" rel="tooltip"
916 
									title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques.">
917 
									Transmettre
918 
								</button>
919 
							</div>
920 
						</div>
921 
						<div id="liste-obs" ></div>
1526 jpm 922 
					</div>
1537 jpm 923 
				</div>
1526 jpm 924 
			</div>
1560 jpm 925 
 
1567 jpm 926 
			<div class="row-fluid">
927 
				<div class="zone-alerte span6 offset3">
928 
					<div id="dialogue-zero-obs" class="alert alert-block" style="display: none;">
929 
						<a class="close">×</a>
930 
						<h4 class="alert-heading">Attention : aucune observation</h4>
931 
						<p>Veuillez saisir des observations pour les transmettres.</p>
932 
					</div>
933 
 
934 
					<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block" style="display: none;"">
935 
						<a class="close">×</a>
936 
						<h4 class="alert-heading">Information : transmission des observations</h4>
937 
						<div class="alert-txt"></div>
938 
					</div>
939 
 
940 
					<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block" style="display: none;">
941 
						<a class="close">×</a>
942 
						<h4 class="alert-heading">Erreur : transmission des observations</h4>
943 
						<div class="alert-txt"></div>
944 
					</div>
945 
				</div>
946 
			</div>
947 
 
948 
 
1560 jpm 949 
			<footer class="row-fluid">
950 
				<p class="span12">&copy; Tela Botanica 2013</p>
951 
			</footer>
952 
		</div>
1526 jpm 953 
 
1560 jpm 954 
		<!-- Fenêtres modales -->
955 
		<div id="chargement" class="modal-fenetre" style="display:none;">
956 
			<div id="chargement-centrage" class="modal-contenu">
957 
				<img id="chargement-img"
958 
					src="<?=$url_base?>modules/saisie/squelettes/sauvages/images/chargement_arbre.gif"
959 
					alt="Transfert en cours..."/>
960 
				<p id="chargement-txt" style="color:white;font-size:1.5em;">
961 
					Transfert des observations en cours...<br />
962 
					Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre
963 
					d'observations à transférer.
1526 jpm 964 
				</p>
965 
			</div>
1560 jpm 966 
		</div>
967 
 
968 
		<!-- Templates HTML -->
969 
		<div id="tpl-transmission-ok" style="display:none;">
970 
			<p class="msg">
971 
				Vos observations ont bien été transmises.<br />
972 
				Elles sont désormais consultables à travers les différents outils de visualisation
973 
				du réseau Tela Botanica (<a href="http://www.tela-botanica.org/site:botanique">eFlore</a>,
974 
				<a href="http://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>,
975 
				<a href="http://www.tela-botanica.org/appli:identiplante">identiplante</a>,
976 
				<a href="http://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br />
977 
				Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous
978 
				connectant à votre <a href="http://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br />
979 
				N'oubliez pas qu'il est nécessaire de
980 
				<a href="http://www.tela-botanica.org/page:inscription">s'inscrire à Tela Botanica</a>
981 
				au préalable, si ce n'est pas déjà fait.
982 
			</p>
983 
		</div>
984 
		<div id="tpl-transmission-ko" style="display:none;">
985 
			<p class="msg">
986 
				Une erreur est survenue lors de la transmission de vos observations.<br />
987 
				Vous pouvez signaler le dysfonctionnement à
988 
				<a class="courriel-erreur" href="mailto:">cel_remarques@tela-botanica.org</a>.
989 
			</p>
990 
		</div>
991 
 
992 
		<!-- Stats : Google Analytics-->
993 
		<script type="text/javascript">
994 
			//<![CDATA[
995 
			var _gaq = _gaq || [];
996 
			_gaq.push(['_setAccount', 'UA-20092557-1']);
997 
			_gaq.push(['_trackPageview']);
1526 jpm 998 
 
1560 jpm 999 
			(function() {
1000 
			  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
1001 
			  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
1002 
			  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
1003 
			})();
1004 
			//]]>
1005 
		</script>
1526 jpm 1006 
	</body>
1007 
</html>