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>