Subversion Repositories eFlore/Applications.cel

Rev

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