PageSourceSearch

https://www.esnlyon.org/page/2333882-esncard

html esnlyon.org collected 2026-10-06 16:58:20 UTC 94,742 bytes, 2,193 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3	<head>
4
5		<!-- META -->
6		                <meta name="robots" content="index, follow">
7                    <meta property="og:type" content="website">
8                    <meta property="og:site_name" content="AssoConnect">
9                    <title>ESNcard | ESN CosmoLyon</title>
10                    <meta property="og:title" content="ESNcard | ESN CosmoLyon">
11                    <meta name="description" content="Tous les projets - ESNcard - L’ESNcard, c’est quoi ? C’est une carte distribuée par des associations du réseau ESN aux jeunes en mobilité. Cette carte te permet d’avoir accès à de nombr...">
12        <meta property="og:description" content="Tous les projets - ESNcard - L’ESNcard, c’est quoi ? C’est une carte distribuée par des associations du réseau ESN aux jeunes en mobilité. Cette carte te permet d’avoir accès à de nombr...">
13                    <meta property="og:locale" content="fr_FR">
14                    <meta property="og:url" content="https://www.esnlyon.org/page/2333882-esncard">
15                    <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=4155653&amp;type=picture&amp;secret=6MCPr3DWTcihxfqdtuCpwSqcLfSKj0zAmYBv9Okc&amp;timestamp=1776268035">
16                    <meta property="og:image:width" content="540">
17                    <meta property="og:image:height" content="282">
18    <meta name="viewport" property="viewport" content="width=device-width, initial-scale=1.0">
19<meta charset="utf-8">
20<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
21<meta name="google-signin-use_fedcm" content="true">
22    <link rel="canonical" href="https://www.esnlyon.org/page/2333882-esncard">
23
24		<!-- Favicon -->
25					<link rel="icon" type="image/png" href="https://www.esnlyon.org/services/favicon/33D9VA7V1RQD4PHRYCK20E2000">
26		
27		<!-- https://dev.twitter.com/web/overview/widgets-webpage-properties -->
28		<meta name="twitter:widgets:csp" content="on">
29
30		<!-- CSS -->
31		
32
33<!-- jQuery UI -->
34<!-- Le CSS de jQuery UI utilise des chemins relatifs pour les images, on ne peut donc pas l'inclure dans le CSS global -->
35<link
36    rel="stylesheet"
37    href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css"
38    integrity="sha512-Ikr9iIb48ljzg7k903d77p0AITNsf4DxtxK4g5R4UiqHpCdroXAX0zqr0uPSWskJOJ1pQoAOXCb8WPkohWY3Bw=="    
39    crossorigin="anonymous"
40>
41
42<!-- Layout -->
43<link rel="stylesheet" href="https://cdn.assoconnect.com/public/build/css/common.-.layout.-.public-horizontal.DESKTOP.e448b25.css">
44
45<!-- Template -->
46<style>/**
47 * Breaking points pour les media queries
48 */
49/**
50 * Différentes fonctions less utilisées dans le site
51 */
52/**
53 * Arrondir les coins
54 */
55/**
56 * Ajouter une bordure
57 */
58/**
59 * Ombre sur le texte
60 */
61/**
62 * Ombre sur les box
63 */
64/**
65 * Taille de la box prenant en compte ou non les bordures et le padding
66 */
67/**
68 * Effet de transition lors du changement d'état
69 */
70/**
71 * Effet de rebond
72 */
73@keyframes bounce {
74  20% {
75    transform: translateY(10px);
76  }
77  50% {
78    transform: translateY(-10px);
79  }
80  60% {
81    transform: translateY(5px);
82  }
83  90% {
84    transform: translateY(-5px);
85  }
86}
87#boxes {
88  position: relative;
89  text-align: left;
90}
91#boxes .boxLandmark {
92  position: relative;
93  width: 100%;
94  max-width: 1104px;
95  margin: auto;
96}
97#boxes .box {
98  overflow: hidden;
99}
100#boxes .box h2,
101#boxes .box h3,
102#boxes .box p,
103#boxes .box ul,
104#boxes .box ol {
105  margin-top: 0;
106}
107#boxes .box h2:first-child,
108#boxes .box h3:first-child {
109  margin-top: -5px !important;
110}
111#boxes .box p:first-child,
112#boxes .box ul:first-child,
113#boxes .box ol:first-child {
114  margin-top: -2px !important;
115}
116#boxes .box[data-type="button"] .buttonDIYContainer {
117  text-align: center;
118  height: 100%;
119}
120#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper {
121  border-radius: 20px;
122  display: inline-block;
123  background: #316bf2;
124  height: 100%;
125}
126#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
127  border-radius: 20px;
128  display: table;
129  height: 102%;
130  text-decoration: none;
131}
132#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY .buttonDIYText {
133  color: #ffffff;
134  display: table-cell;
135  vertical-align: middle;
136  padding: 0 10px;
137}
138#boxes .box[data-type="button"] .buttonDIYWrapper {
139  text-align: center;
140  height: 100%;
141}
142#boxes .box[data-type="horizontalSeparator"] .separatorWrapper,
143#boxes .box[data-type="verticalSeparator"] .separatorWrapper {
144  width: 100%;
145  height: 100%;
146}
147#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div,
148#boxes .box[data-type="verticalSeparator"] .separatorWrapper > div {
149  text-align: center;
150  width: 100%;
151  height: 100%;
152}
153#boxes .box[data-type="horizontalSeparator"] .separatorWrapper {
154  display: table;
155}
156#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div {
157  display: table-cell;
158  vertical-align: middle;
159}
160#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div .separator {
161  width: 100%;
162}
163#boxes .box[data-type="verticalSeparator"] .separatorWrapper .separator {
164  height: 100%;
165  display: inline-block;
166}
167#boxes .box .boxBackgroundOverlay,
168#boxes .box .boxBackgroundPicture {
169  position: absolute;
170  top: 0;
171  bottom: 0;
172  left: 0;
173  right: 0;
174  text-align: center;
175}
176#boxes .box .boxBackgroundPicture {
177  background-size: cover;
178  background-repeat: no-repeat;
179  background-position: center;
180}
181#boxes .box .boxBackgroundOverlay {
182  opacity: .3;
183}
184@media (max-width: 970px) {
185  #boxes .box {
186    position: relative !important;
187    top: auto !important;
188    right: auto !important;
189    bottom: auto !important;
190    left: auto !important;
191    width: 100% !important;
192  }
193  #boxes .box[data-type="button"] {
194    height: 100%;
195    padding: 5px;
196  }
197  #boxes .box[data-type="background"] {
198    height: auto !important;
199  }
200  #boxes .box[data-type="background"] > div {
201    height: auto !important;
202  }
203  #boxes .box[data-type="group"] {
204    height: auto !important;
205  }
206  #boxes .box[data-type="group"] > div {
207    height: auto !important;
208  }
209  #boxes .box[data-type="text"] {
210    height: auto !important;
211  }
212  #boxes .box[data-type="text"] > div {
213    height: auto !important;
214  }
215  #boxes .box[data-type="picture"] {
216    text-align: center !important;
217    font-size: 0 !important;
218  }
219  #boxes .box[data-type="facebookLike"],
220  #boxes .box[data-type="twitterTimeline"] {
221    text-align: center;
222  }
223  #boxes .box[data-type="verticalSeparator"] {
224    display: none;
225  }
226  #boxes .tableWrapper {
227    width: 100%;
228    max-width: 100%;
229    overflow: auto;
230  }
231}
232</style>
233
234<!-- Google Font -->
235    <!-- :400,700 for bold -->
236    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
237    
238
239<!-- Choices.js -->
240
241<!-- ContentTools -->
242
243<!-- Cropper -->
244
245<!-- FullCalendar -->
246
247<!-- Simplelightbox -->
248	<link
249		rel="stylesheet"
250		href="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simplelightbox.min.css"
251		integrity="sha256-IZ7V7DBQggiyHjLI/74Zert2QmZh4a5cpvGQPJC7JyY="
252		crossorigin="anonymous"
253	>
254
255<!-- Leaflet -->
256<!-- Leaflet MarkerCluster -->
257
258<style nonce="41875b99-3314-4181-8a24-c1c6af422410">
259	#teamblue-widget-container {
260		position: fixed;
261		bottom: 0;
262		left: 0;
263		width: 0;
264		height: 0;
265		overflow: hidden;
266	}
267</style>
268
269		<!-- JS -->
270		
270<script async nonce="41875b99-3314-4181-8a24-c1c6af422410">
271	// Browser check
272	// https://stackoverflow.com/a/55655928/7671937
273	function isCrappyIE() {
274		var ua = window.navigator.userAgent;
275		var crappyIE = false;
276		var msie = ua.indexOf('MSIE ');
277		if (msie > 0) { // IE 10 or older => return version number
278			crappyIE = true;
279		}
280		var trident = ua.indexOf('Trident/');
281		if (trident > 0) { // IE 11 => return version number
282			crappyIE = true;
283		}
284		return crappyIE;
285	}
286
287	if(isCrappyIE()) {
288		alert("Vous utilisez une ancienne version d'Internet Explorer qui n'est plus maintenue. Pour le confort de votre navigation, merci d'utiliser un navigateur \u00e0 jour. ");
289	}
290</script>
290
291
292<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
293	var SIZE_FIXED			= "fixed";
294	var SIZE_FREE			= "free";
295	var SIZE_MIN			= "min";
296	var SIZE_MIN_WIDTH		= "min-width";
297	var SIZE_MIN_HEIGHT		= "min-height";
298	var SIZE_MAX			= "max";
299	var SIZE_MAX_WIDTH		= "max-width";
300	var SIZE_MAX_HEIGHT		= "max-height";
301	var ORIGINAL_WIDTH		= 1200;
302	var ORIGINAL_HEIGHT		= 628;
303	var SIZE_STANDARD		= "standard";
304	var SIZE_USER			= "user";
305	var SIZE_VENDOR			= "vendor";
306	var THUMB_WIDTH			= 352;
307	var THUMB_HEIGHT		= 184;
308	var USER_NORMAL			= 200;
309</script>
vendor: 1 bytes, line 309
309
310<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
311    var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy";
312    var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark";
313    var SPARK_VERSION = "e448b25";
314    var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760;
315    var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249;
316    var URI_CLIENT = "\/page\/2333882-esncard";
317    var URI_SERVER = "\/page\/index";
318    var VENDOR_ID = 438331;
319    var _GIFS = [];
320    var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH";
321    var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA";
322    var CSP_NONCE = "41875b99-3314-4181-8a24-c1c6af422410";
323    var I18N_CURRENCY = "EUR";
324    var I18N_LOCALE = "fr-FR";
325    var I18N_TIMEZONE = "Europe\/Paris";
326    var SITE_CODE = "a";
327</script>
327
328
329<!-- Translator Method -->
330<script
331    nonce="41875b99-3314-4181-8a24-c1c6af422410"
332    src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/5.1.0/intl-messageformat.min.js"
333    integrity="sha256-jkYwyAJTaU4esUDFkWA92xz+ARjXOmPO8ul5jjY3MWk="
334    crossorigin="anonymous"
335></script>
vendor: 1 bytes, line 335
335
336<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
337  window.trans = function trans(key, params) {
338      // Translation key not found
339      if(window.translations.hasOwnProperty(key) === false) {
340          return key;
341      }
342
343      var translation = window.translations[key];
344
345      var translator = new IntlMessageFormat.IntlMessageFormat(translation, I18N_LOCALE);
346
347      return translator.format(params);
348  };
349
350  window.transCurrency = new Intl.NumberFormat(
351      I18N_LOCALE,
352      { style: 'currency', currency: "EUR"}
353  ).format;
354
355  window.transDate = new Intl.DateTimeFormat(I18N_LOCALE, {
356      timeZone: I18N_TIMEZONE,
357  }).format;
358
359  window.transDateFromYMD = function(value) {
360      value = String(value).replaceAll('-', '');
361      // YYYYMMDD or YYYYMMDDHHiiss
362      if (String(value).length !== 8 && String(value).length !== 14) {
363          return ''
364      }
365
366      var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2));
367
368      // Invalid date
369      if (isNaN(date)) {
370          return ''
371      }
372
373      return transAbsoluteDate(date);
374  }
375
376  window.transDateTime = new Intl.DateTimeFormat(I18N_LOCALE, {
377      timeZone: I18N_TIMEZONE,
378      year: "numeric",
379      month: "2-digit",
380      day: "2-digit",
381      hour: "numeric",
382      minute: "numeric",
383      second: "numeric",
384  }).format;
385
386  // Trans date created with new Date('1986-06-02')
387  window.transAbsoluteDate = new Intl.DateTimeFormat(I18N_LOCALE, {
388      timeZone: "UTC",
389  }).format;
390
391  // Trans date formatted as YYYYMMDDHHiiss
392  window.transAbsoluteDateYMD = function (value) {
393      // YYYYMMDD or YYYYMMDDHHiiss
394      if (String(value).length !== 8 && String(value).length !== 14) {
395          return ''
396      }
397
398      var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2));
399
400      // Invalid date
401      if (isNaN(date)) {
402          return ''
403      }
404
405      return transAbsoluteDate(date);
406  }
407
408      window.translations = Object.assign({"ckeditor.subtitle":"Sous-titre","ckeditor.title":"Titre","ckeditor.maintitle":"Titre principal","form.select.placeholder":"Choisissez","form.uploadPicture.complete.delete":"Supprimer","form.uploadPicture.prepareInput.button":"Se\u0301lectionner","form.uploadPicture.prepareInput.drop":"Ajouter une image","form.uploadPicture.prepareInput.send":"S\u00e9lectionner","form.uploadPicture.prepareInput.size":"Taille recommand\u00e9e : {width} x {height} px","form.uploadPicture.remove.confirm.text":"Voulez-vous vraiment supprimer l'image \u00ab {filename} \u00bb ?","jquery.ajax.error":"Une erreur est survenue. Cette erreur peut \u00eatre due \u00e0 votre connexion.\nN'h\u00e9sitez pas \u00e0 nous contacter si cette erreur persiste.\n","jquery.ajax.forbidden":"Vous n'avez pas les droits suffisants pour effectuer cette action.","popup.blocked":"Vous devez autoriser les popup pour ce site afin de voir la pr\u00e9visualisation du formulaire","registration.addedMail":"Votre inscription \u00e0 la Newsletter est confirm\u00e9e. \u00c0 tr\u00e8s bient\u00f4t pour de nouvelles actualit\u00e9s.","registration.addMail":"Veuillez indiquer une adresse email.","registration.failed":"Abonnement \u00e9chou\u00e9 !","registration.mailAlreadyExisting":"Cette adresse email est d\u00e9j\u00e0 abonn\u00e9e \u00e0 la newsletter.","spark.dirty.onBeforeUnload":"Vous avez modifi\u00e9 des informations. En quittant cette page sans les enregistrer vous risquez de les perdre.","spark.form.bic.helper.country":"Le BIC est probablement incorrect : v\u00e9rifiez les 5\u00e8me et 6\u00e8me caract\u00e8res ({country}).","spark.form.bic.helper.incorrect":"Le code BIC est incorrect.","spark.form.country.helper.incorrect":"Le pays est incorrect.","spark.form.date.helper.format":"La date est incorrecte (format JJ\/MM\/AAAA).","spark.form.date.helper.futureDateNotAllowed":"Date dans le futur","spark.form.date.helper.yearInTwoDigits":"L'ann\u00e9e doit \u00eatre sur 4 chiffres","spark.form.date.helper.yearStartsWithZero":"L'ann\u00e9e ne peut pas commencer par un z\u00e9ro","spark.form.datetime.checkLegalAge.error.age":"Le responsable l\u00e9gal doit \u00eatre majeur","spark.form.datetime.update.error.incorrect":"La date saisie est incorrecte.","spark.form.datetime.update.error.max":"La date doit \u00eatre ant\u00e9rieure au {max}","spark.form.datetime.update.error.min":"La date doit \u00eatre post\u00e9rieure au {min}","spark.form.domain.check.error":"Le domaine saisi est incorrect.","spark.form.iban.helper.invalid":"L'IBAN est incorrect.","spark.form.mail.check.question":"Nous avons d\u00e9tect\u00e9 une potentielle erreur de frappe. Est-ce que votre adresse email est {suggest} ?","spark.form.mail.check.yes":"Oui, corriger l'adresse","spark.form.mail.check.no":"Non, conserver l\u2019adresse renseign\u00e9e","spark.form.mail.confirm.error":"Les deux emails sont diff\u00e9rents.","spark.form.mail.helper.at":"Cet email ne contient pas le signe arobase (@)","spark.form.mail.helper.domain":"Le nom de domaine de l'adresse email est incorrect.","spark.form.mail.helper.empty":"Veuillez indiquer une adresse email.","spark.form.mail.helper.incorrect":"Cet email est incorrect.","spark.form.mail.helper.invalid":"Cet email contient des caract\u00e8res invalides.","spark.form.model.addressSearch.city":"Ville","spark.form.model.addressSearch.country":"Pays","spark.form.model.addressSearch.location":"Nom du lieu","spark.form.model.addressSearch.notFound":"Adresse introuvable ?","spark.form.model.addressSearch.placeholder":"Recherchez ici l'adresse que vous souhaitez enregistrer","spark.form.model.addressSearch.postal":"Code postal","spark.form.model.addressSearch.reset"
408:"Supprimer l'adresse ou en saisir une nouvelle","spark.form.model.addressSearch.street1":"Rue","spark.form.model.addressSearch.street2":"Compl\u00e9ment","spark.form.model.category":"Cat\u00e9gorie","spark.form.money.check.error":"Le montant saisi n'est pas correct.","spark.form.password.confirm.error":"Les deux mots de passe sont diff\u00e9rents.","spark.form.percent.check.error":"La valeur saisie n'est pas correcte.","spark.form.phone.helper.country":"Le code pays est incorrect.","spark.form.phone.helper.incorrect":"Le num\u00e9ro de t\u00e9l\u00e9phone est incorrect.","spark.form.phone.helper.length.tooLong":"Le num\u00e9ro de t\u00e9l\u00e9phone est trop long.","spark.form.phone.helper.length.tooShort":"Le num\u00e9ro de t\u00e9l\u00e9phone est trop court.","spark.form.phone.helper.mobile":"Veuillez indiquer un num\u00e9ro de t\u00e9l\u00e9phone portable.","spark.form.phone.helper.phone":"Veuillez indiquer un num\u00e9ro de t\u00e9l\u00e9phone fixe.","spark.form.phone.helper.refused":"Ce type de num\u00e9ro de t\u00e9l\u00e9phone n'est pas accept\u00e9.","spark.form.phone.helper.unknown":"Le num\u00e9ro de t\u00e9l\u00e9phone n'est pas reconnu.","spark.form.postal.helper.country.required":"Le pays doit \u00eatre indiqu\u00e9.","spark.form.postal.helper.country.unknown":"Le pays {country} est inconnu.","spark.form.postal.helper.incorrect":"Le code postal est incorrect.","spark.form.postal.helper.required":"Le code postal doit \u00eatre indiqu\u00e9.","spark.form.postal.helper.unused":"Ce pays n'utilise pas de codes postaux.","spark.form.textCount.update.character":"caract\u00e8re","spark.form.upload.check.error.limit":"Vous avez atteint la limite de {limit} fichiers.","spark.form.upload.check.error.name":"Le nom du fichier est trop long (max. {limit} caract\u00e8res, extension exclue).","spark.form.upload.check.error.size":"Le fichier est trop gros (max : {size} {unit}).","spark.form.upload.check.error.type":"Le type du fichier n'est pas accept\u00e9.","spark.form.upload.DOMProgress.text":"Chargement en cours","spark.form.upload.prepare.button.select":"Se\u0301lectionner","spark.form.upload.prepare.drop":"Ajouter un fichier","spark.form.upload.remove.confirm.text":"Voulez-vous vraiment supprimer le fichier \u00ab {filename} \u00bb ?","spark.form.upload.uploadFile.callback.error":"Une erreur s'est produite lors du t\u00e9l\u00e9chargement.","spark.form.url.check.error":"L'url saisie est incorrecte.","spark.notification.button.nextNotice":"Erreur suivante","spark.notification.button.prevNotice":"Erreur pr\u00e9c\u00e9dente","spark.template.accordion.button.title":"Afficher","spark.template.button.cancel":"Annuler","spark.template.button.close":"Fermer","spark.template.button.continue":"Continuer","spark.template.button.delete":"Supprimer","spark.template.button.edit":"Modifier","spark.template.button.submit":"Envoyer","spark.template.button.view":"Voir","spark.template.confirm.confirmText.label":"Veuillez saisir \"{ confirmText }\"","spark.template.confirm.error":"Le texte renseign\u00e9 est incorrect","spark.template.editable.create.button.submit":"Confirmer","spark.template.editable.create.save.error":"Impossible d'enregistrer les modifications.","spark.template.loading.text":"Chargement en cours ...","spark.template.notification.save":"Enregistr\u00e9","spark.template.table.count.checked.all.button":"Les {nbDisplayed} lignes de cette page sont s\u00e9lectionn\u00e9es. <u>S\u00e9lectionner les {truncatedNb} lignes<\/u>.","spark.template.table.count.checked.all.buttonUntruncated":"Les {nbDisplayed} lignes de cette page sont s\u00e9lectionn\u00e9es. <u>S\u00e9lectionner toutes les lignes<\/u>.","spark.template.table.count.checked.all.text":"Toutes les lignes sont s\u00e9lectionn\u00e9es.","spark.template.table.count.checked.truncated":"{nbChecked} ligne(s) s\u00e9lectionn\u00e9e(s) sur {nbTotal}.","spark.template.table.count.checked.untruncated":"{nbChecked} ligne(s) s\u00e9lectionn\u00e9e(s) sur un grand nombre.","spark.template.table.count.displayed.empty":"Aucune ligne","spark.template.table.count.displayed.rows":"{nbDisplayed} ligne(s).","spark.template.table.count.displayed.truncated":"{nbDisplayed} ligne(s) affich\u00e9e(s) sur {truncatedNb}.","spark.template.table.count.displayed.untruncated":"{nbDisplayed} ligne(s) affich\u00e9e(s) sur un grand nombre.","spark.template.table.exports.empty":"Le tableau est vide !","spark.template.table.
408warning.partialSorting":"Vous venez d\u2019afficher maximum 50 lignes suppl\u00e9mentaires. Le tri ne s\u2019applique pas sur les lignes nouvellement charg\u00e9es. Relancez votre tri sur toutes les lignes affich\u00e9es.","fraud.quickEmails.probationLimit":"Vous ne pouvez pas contacter autant de personnes. Il vous reste {remaining} emails \u00e0 envoyer aujourd'hui."},window.translations);
409    window.translations = Object.assign({"humanSearch.and":" et ","humanSearch.date.after":"\"{name}\" est apr\u00e8s le {startDate}","humanSearch.date.before":"\"{name}\" est avant le {endDate}","humanSearch.date.between":"\"{name}\" est entre le {startDate} et le {endDate}","humanSearch.is":" est ","humanSearch.number.between":"\"{name}\" entre {start} et {end}","humanSearch.or":" ou ","template.alert.error":"Une erreur s'est produite lors de votre recherche. Veuillez r\u00e9essayer.","template.text.published":"Publi\u00e9 le {date}","text.empty.document":"Aucun document fourni","text.searchUserInfos.administrativeArea1":"R\u00e9gion","text.searchUserInfos.administrativeArea2":"D\u00e9partement","text.searchUserInfos.birthday":"Date de naissance","text.searchUserInfos.city":"Ville","text.searchUserInfos.country":"Pays","text.searchUserInfos.sex":"Sexe","text.searchUserInfos.street1":"Adresse","text.searchUserInfos.street2":"Compl\u00e9ment d'adresse"},window.translations);
410</script>
410
411
412<!-- jQuery -->
413<script
414    nonce="41875b99-3314-4181-8a24-c1c6af422410"
415    src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
416    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
417    crossorigin="anonymous"
418></script>
vendor: 1 bytes, line 418
418
419<script
420    nonce="41875b99-3314-4181-8a24-c1c6af422410"
421    src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js"
422    integrity="sha512-MSOo1aY+3pXCOCdGAYoBZ6YGI0aragoQsg1mKKBHXCYPIWxamwOE7Drh+N5CPgGI5SA9IEKJiPjdfqWFWmZtRA=="
423    crossorigin="anonymous"
424></script>
vendor: 1 bytes, line 424
424
425<script
426    nonce="41875b99-3314-4181-8a24-c1c6af422410"
427    src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js"
428    integrity="sha256-q/EiPw4hDxf7AKJEkIHWBspsML3nLL0VB729yuwz+cc="
429    crossorigin="anonymous"
430></script>
vendor: 1 bytes, line 430
430
431<script
432    nonce="41875b99-3314-4181-8a24-c1c6af422410"
433    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js"
434    integrity="sha256-sAkXLwDFSAB/S09JCOWRvnoOnhGYDu9VqMnbCKAhMzI="
435    crossorigin="anonymous"
436></script>
vendor: 1 bytes, line 436
436
437<script
438    nonce="41875b99-3314-4181-8a24-c1c6af422410"
439    src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.9/jquery.mousewheel.min.js"
440    integrity="sha256-+ZWJyex7JtGOxCSSRu/QgpDkiTWQEqBuE2O8xHMVZCQ="
441    crossorigin="anonymous"
442></script>
442
443
444<!-- Layout -->
445<script nonce="41875b99-3314-4181-8a24-c1c6af422410" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.e448b25.js"></script>
445
446
447<!-- CKEditor -->
448
449<!-- intl-tel-input -->
450
451<!-- reCAPTCHA -->
452
453<!-- Validator -->
454
455<!-- Algolia -->
456	<!-- Placé à l'extérieur pour l'annuaire -->
457	
457<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
458		var ALGOLIA_CONFIG = {
459			allowTyposOnNumericTokens:	false,
460			facets:						[],
461			facetFilters:				[],
462			query:						"",
463			page:						0,
464			numericFilters:				[],
465			removeWordsIfNoResults:		"lastWords",
466			tagFilters:					[],
467			typoTolerance:				"strict",
468			advancedSyntax:				true
469		};
470	</script>
470
471
472<!-- Charts.js -->
473
474<!-- Choices.js -->
475
476<!-- ContentTools -->
477
478<!-- Cropper -->
479
480<!-- Dompurify -->
481
482<!-- FullCalendar -->
483
484<!-- HTML2Canvas -->
485
486<!-- Parallax -->
487	
487<script
488		nonce="41875b99-3314-4181-8a24-c1c6af422410"
489		src="https://cdnjs.cloudflare.com/ajax/libs/parallax.js/1.5.0/parallax.min.js"
490		integrity="sha256-Jhqqct9kdspgS5FC1W1f/cBOkdDoWMV3eWhU14cqzoY="
491		crossorigin="anonymous"
492	></script>
492
493
494<!-- TimeAgo -->
495
496<!-- Simplelightbox -->
497	
497<script
498		nonce="41875b99-3314-4181-8a24-c1c6af422410"
499		src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simple-lightbox.min.js"
500		integrity="sha256-91WTAly9a0bVj+qqtK5TltwOfUMuOCAO+dUFo9KOU9U="
501		crossorigin="anonymous"
502	></script>
502
503
504<!-- Leafleft -->
505<!-- Leaflet MarkerCluster -->
506
507
508
509
510
511<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
512    window.dataLayer = window.dataLayer || [];
513    function gtag(){dataLayer.push(arguments);}
514
515    // Google Consent Mode v2 (advanced): the Google tag loads for every visitor but is denied
516    // any storage until Iubenda reports consent for purpose 4 (Measurement), see below.
517    // Visitors who never answer the banner are still counted through cookieless pings.
518    // Do NOT prior-block the tag below with _iub_cs_activate: a blocked tag never runs,
519    // so non-consenting visitors send nothing at all and disappear from the statistics.
520    gtag('consent', 'default', {
521        ad_storage: 'denied',
522        ad_user_data: 'denied',
523        ad_personalization: 'denied',
524        analytics_storage: 'denied',
525        wait_for_update: 500
526    });
527
528    gtag('js', new Date());
529
530    gtag('config', "G-PB0RXMTS9D", {
531        send_page_view: false
532    });
533    gtag('event', 'page_view', {"send_to":"G-PB0RXMTS9D","dimension1":"AssoConnect","dimension2":"school149104","dimension4":"PROD","dimension3":"unknown","dimension5":"OTHERS"});
534
535    </script>
vendor: 64 bytes, lines 535-536
535
536<script async src="https://www.googletagmanager.com/gtag/js?id=
536G-PB0RXMTS9D
vendor: 58 bytes, lines 536-537
536" nonce="41875b99-3314-4181-8a24-c1c6af422410"></script>
537
538<!-- Iubenda -->
539<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
540            window.openIubendaCookies = function() {
541            if (window._iub && window._iub.cs && window._iub.cs.api) {
542                window._iub.cs.api.openPreferences();
543            }
544        };
545
546        var _iubendaHadConsent = false;
547        window._iub = window._iub || [];
548        window._iub.csConfiguration = window._iub.csConfiguration || {};
549        window._iub.csConfiguration.cookieDomain = location.hostname;
550        window._iub.csConfiguration.storage = { type: 'local_storage' };
551        window._iub.csConfiguration.emitGtmEvents = true;
552        // Mirrors the Iubenda choice into Google Consent Mode. Called on every page load once the
553        // preference is known, so returning visitors who consented are measured again immediately.
554        function _iubendaSyncGoogleConsent() {
555            if (typeof gtag !== 'function') {
556                return;
557            }
558            var purposes = window._iub.cs.consent && window._iub.cs.consent.purposes;
559            gtag('consent', 'update', {
560                analytics_storage: (purposes && purposes[4]) ? 'granted' : 'denied'
561            });
562        }
563
564        function _iubendaActivateYoutube() {
565            $(".video-youtube").each(function() {
566                var $el = $(this);
567                $el
568                    .after($("<iframe>")
569                        .attr("src", "https://www.youtube.com/embed/" + $el.data("video-id") + "?rel=0&start=" + $el.data("video-start"))
570                        .attr("style", "width: 100%; height: 100%; border: 0px;")
571                        .attr("allow", "fullscreen")
572                    )
573                    .remove();
574            });
575        }
576
577        function _iubendaActivateFacebook() {
578            $(".feed-facebook").each(function() {
579                var $el = $(this);
580                $el
581                    .after($("<iframe>")
582                        .attr("src", $el.data("src"))
583                        .attr("style", "width: 100%; height: 100%; border: none; overflow: hidden")
584                        .attr("scrolling", "no")
585                        .attr("allowtransparency", "true")
586                    )
587                    .remove();
588            });
589        }
590
591        window._iub.csConfiguration.callback = {
592            onConsentGiven: function() {
593                _iubendaHadConsent = true;
594                _iubendaSyncGoogleConsent();
595                _iubendaActivateYoutube();
596                _iubendaActivateFacebook();
597            },
598            onPreferenceExpressedOrNotNeeded: function() {
599                _iubendaSyncGoogleConsent();
600                if (window._iub.cs.consent.purposes && window._iub.cs.consent.purposes[4]) {
601                    _iubendaActivateYoutube();
602                    _iubendaActivateFacebook();
603                }
604            },
605            onConsentRejected: function() {
606                _iubendaSyncGoogleConsent();
607                if (_iubendaHadConsent) {
608                    location.reload();
609                }
610            }
611        };
612
613        (function(d, s) {
614            var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
615            e.async = true; e.src = "https:\/\/embeds.iubenda.com\/widgets\/eaf21570-70f8-4ba0-a750-f2c4d7c78a13.js";
616            t.parentNode.insertBefore(e, t);
617        })(document, "script");
618    </script>
618
619
620<!-- Tracking -->
621<script async nonce="41875b99-3314-4181-8a24-c1c6af422410">
622    
623
624    /**
625     * RudderStack common functions
626     */
627
628    /**
629     * This method allows you to track any actions that your users might perform. Each of these actions is commonly referred to as an event.
630     *
631     * https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track
632     */
633    function track(event, properties, options, callback) {
634                    if(window.rudderanalytics) {
635                window.rudderanalytics.track(event, properties, options, callback);
636            }
637            }
638
639    /**
640     * This method lets you record information about the web page being viewed by the user.
641     *
642     */
643    function trackPage(event, properties, options, callback) {
644                    if(window.rudderanalytics) {
645                window.rudderanalytics.track(event, properties, options, callback);
646            }
647            }
648
649    /**
650     * This method allows you to track any click that your users might perform on a link.
651     *
652     * @param {string} selector	jQuery selector of the tracked link
653     * Otherwise same params of the track function: https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track
654     */
655    function trackLink(selector, event, properties, options, callback) {
656                    $(selector).on("click", function(e) {
657                if(window.rudderanalytics) {
658                    var _this = $(this);
659                    window.rudderanalytics.track(event, properties, options, callback);
660                    // Wait for the tracking request to have time to go
661                    var timeoutDelay = 300;
662                    setTimeout(function() {
663                        var href = _this.attr("href");
664                        var target = _this.attr("target");
665                        // New tab
666                        if (target) {
667                            window.open(href, target || '_blank');
668                        }
669                        // Current tab
670                        else {
671                            window.location.href = href;
672                        }
673                    }, timeoutDelay);
674                    return false;
675                }
676            });
677            }
678
679    // GTM
680    </script>
680
681	</head>
682	<body>
683		<!-- Layout -->
684		<div id="layoutWrapper" class="nav">
685
686<!-- Vielle version IE -->
687
688<!-- Thème -->
689<style nonce="41875b99-3314-4181-8a24-c1c6af422410">
690
691	/**
692	 * Couleur principale
693	 */
694
695	/* Transforme @blue et @body en blanc en fonction de la couleur du menu */
696	
697	/* Color */
698	h1,
699	h3,
700	.textImportant,
701	a,
702	a:link,
703	a:visited,
704	a:active,
705	.colorBlue,
706	.checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
707	.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
708	.radio input[type="radio"].custom-radio:checked + .icons,
709	.radio input[type="radio"].custom-radio:checked + .icons .icon-checked,
710	.accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle,
711	.buttonWhite,
712	.buttonWhiteAlt:active,
713	.buttonWhiteBlue,
714	.buttonTransparent:hover,
715	.radioAlt.colorWhite.radioAltSelected,
716    #thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2,
717	.thumbPostWrapper h2,
718	.thumbWrapper .thumbCommon .thumbDetails .thumbName,
719	.thumbWrapper .thumbCommon .thumbDetails .thumbMore,
720	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover,
721	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive,
722	#templateTabulation .active,
723	#messagesWrapper .message .messageContent .messageIcon svg {
724		color: #2e3192;
725	}
726	#agendaWrapper,
727	div:not(#agendaWrapper) > #agendaEvent,
728	#agendaWrapper #agendaEvent #agendaEventName,
729	div:not(#agendaWrapper) > #agendaEvent #agendaEventName,
730	#agendaWrapper #agendaList .agendaDate,
731	#donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton {
732		color: #ffffff;
733	}
734
735    /* Fix event colors */
736    #agendaEvent #agendaEventDate, #agendaEvent #agendaEventDescription, #agendaEvent #agendaEventAddress {
737        color: #ffffff;
738    }
739
740    #agendaEventReturn svg path{
741        fill: #2e3192;
742    }
743
744	#templateNavWrapper #templateNav ul li,
745	#templateNavWrapper #templateNav ul li a,
746	#templateNavBar,
747	#templateNavSubBarWrapper,
748	#templateNavSubBarWrapper #templateNavSubBar a,
749	#templateSubNavWrapper ul li a,
750	#agendaWrapper #agendaList .agendaListEvent.colorBodyOrWhite,
751	#agendaWrapper #agendaList h3.colorBodyOrWhite,
752	#agendaWrapper #agendaList .eventColor.colorBodyOrWhite,
753	#eventWrapper #eventDateLeftWrapper{
754		color: #ffffff;
755	}
756    #eventWrapper #eventPicture #eventCountdownWrapper #eventButton {
757        color: #ffffff;
758    }
759	.buttonWhiteBlue:hover {
760		color: #292c83;
761	}
762	.buttonWhiteBlue:active,
763	.buttonTransparent:active {
764		color: #27297c;
765	}
766	#agendaWrapper #agendaList h3.colorBodyOrWhite,
767	#agendaWrapper #agendaList .eventColor.colorBodyOrWhite {
768		border-color: #ffffff;
769	}
770	.buttonBlue,
771	.backgroundBlue {
772		color: #ffffff;
773	}
774    .backgroundTheme {
775        background-color: #4183d7;
776        color: #ffffff;
777    }
778	/* Background */
779	.backgroundBlue,
780	.accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber,
781	.buttonBlue,
782	.dialogDotWrapper .dialogDot.dialogDotCurrent,
783	.progressbar-blue div,
784	.radioAlt.colorBlue:not(.eventColor), /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
785	#messagesWrapper .message,
786	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
787	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
788	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton,
789	#templateNavWrapper #templateNav #navBasket {
790		background-color: #2e3192;
791	}
792	.formUpload .formUploadInputWrapper input:hover ~ div,
793	.buttonBlue:hover,
794	.radioAlt.colorBlue.radioAltSelected,
795	#messagesWrapper .message,
796	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton:hover,
797	#templateNavWrapper #templateNav #navBasket:hover {
798		background-color: #27297c;
799	}
800	.radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
801		background-color: #3438a7;
802	}
803	.dialogDotWrapper .dialogDot:hover {
804		background-color: #373aaf;
805	}
806	.buttonBlue:active,
807	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active {
808		background-color: #242774;
809	}
810	.dialogDotWrapper .dialogDot {
811		background-color: #3b3fbd;
812	}
813	.buttonWhiteBlue:active {
814		background-color: #3e42c5;
815	}
816	.buttonWhiteBlue:hover {
817		background-color: #4044cc;
818	}
819	/* Border */
820	.backgroundBlueLight,
821	input[type="text"]:hover,
822	input[type="search"]:hover:not(.choices__input),
823	.choices:hover,
824	input[type="password"]:hover,
825	input[type="date"]:hover,
826	input[type="tel"]:hover,
827	input[type="number"]:hover,
828	input[type="datetime-local"]:hover,
829	input[type="email"]:hover,
830	input[type="url"]:hover,
831	textarea:hover,
832	select:hover,
833	input[type="text"]:focus,
834	input[type="search"]:focus:not(.choices__input),
835	.choices.is-focused,
836	input[type="password"]:focus,
837	input[type="date"]:focus,
838	input[type="tel"]:focus,
839	input[type="number"]:focus,
840	input[type="datetime-local"]:focus,
841	input[type="email"]:focus,
842	input[type="url"]:focus,
843	textarea:focus,
844	select:focus,
845	.radioImageWrapper.radioImageChecked,
846	.accordion .accordionContent.accordionColor .accordionTitleWrapper,
847	.buttonWhiteBlue,
848	.dropdownMenu div h2,
849	.radioAlt.colorWhite.radioAltSelected,
850	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive,
851	#postViewMore {
852		border-color: #2e3192;
853	}
854	#agendaWrapper #agendaEvent #agendaEventReturn,
855	div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn {
856		border-color: #ffffff;
857	}
858	.buttonWhiteBlue:hover {
859		border-color: #3235a0;
860	}
861	.buttonWhiteBlue:active {
862		border-color: #3438a7;
863	}
864	.radioAlt.colorWhite:hover:not(.radioAltSelected),
865	.radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
866		border-color: #373aaf;
867	}
868	.radioAlt.colorBlue.radioAltSelected {
869		border-color: #202266;
870	}
871	.buttonWhiteAlt:active {
872		outline-color: #2e3192;
873	}
874	.buttonWhiteAlt:hover {
875		border-color: #373aaf;
876	}
877
878	/**
879	 * Couleur du menu
880	 */
881					@media (min-width: 1151px) {
882		#templateNavWrapper,
883		#templateNavWrapper:before,
884		#templateNavBar {
885							background-color: #4183d7;
886								}
887		#templateSubNavWrapper {
888			background-color:
889									#4489e1							;
890		}
891					#templateHeaderWrapper #templateHeader #templateHeaderMargin {
892				display: none;
893			}
894			}
895	@media (max-width: 1150px) {
896		#templateNavWrapper,
897		#templateNavWrapper:before,
898		#templateNavBar,
899		#templateSubNavWrapper {
900			background-color: #4183d7;
901		}
902	}
903	#templateNavSubBarWrapper,
904	#templateNavSubBarWrapper #templateNavSubBarLeft,
905	#templateNavSubBarWrapper #templateNavSubBarRight {
906		background-color: #4489e1;
907	}
908	#agendaWrapper,
909	div:not(#agendaWrapper) > #agendaEvent,
910	#donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton,
911	#eventWrapper #eventDateLeftWrapper {
912		background-color: #4183d7;
913	}
914	#eventWrapper #eventPicture #eventInfos #eventName {
915		border-color: #4183d7;
916	}
917	/* Couleur des hovers */
918			#templateNavWrapper #templateNav ul li.active a,
919		#templateNavWrapper #templateNav ul li:not(.hideHover):hover a {
920			color: #2e3192;
921		}
922		@media (min-width: 1151px) {
923			#templateSubNavWrapper ul li.active a,
924			#templateSubNavWrapper ul li:hover a {
925				color: #2e3192;
926			}
927		}
928		@media (max-width: 1150px) {
929			#templateNavSubBarWrapper #templateNavSubBar li.active a {
930				color: #2e3192;
931			}
932		}
933	
934	/**
935	 * Couleur du fond
936	 */
937	body {
938		background-color: #ffffff;
939	}
940
941	/**
942	 * Couleur du bas de page
943	 */
944	#templateFooterWrapper {
945		background-color: #2e3192;
946	}
947
948	/**
949	 * Texture du menu (non applicable si le menu est transparent)
950	 */
951				#templateNavWrapper,
952		#templateNavWrapper:before,
953		#templateSubNavWrapper,
954		#templateNavBar,
955		#templateNavSubBarWrapper,
956		#templateNavSubBarWrapper #templateNavSubBarLeft,
957		#templateNavSubBarWrapper #templateNavSubBarRight {
958			background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png");
959		}
960	
961	/**
962	 * Texture du fond
963	 */
964	body {
965		background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png");
966	}
967
968	/**
969	 * Texture du bas de page
970	 */
971	#templateFooterWrapper {
972		background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png");
973	}
974
975	/**
976	 * Autres
977	 */
978
979	/* Permet d'afficher le haut de page dans l'édition */
980	
981	/* Hauteur du haut de page */
982				
983	/* Position de l'image de l'organisation dans le haut de page */
984				#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture {
985			display: none;
986		}
987	
988	/* Taille texte bloc */
989	#templateHeaderBlockTitleWrapper {
990		font-size: 0px;
991	}
992
993	/* Taille image bloc */
994	#templateHeaderBlockVendorPictureWrapper img {
995		width: 300px;
996	}
997
998	/* Type de bloc */
999	#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1000				background-color: rgba(255, 255, 255, .5);
1001	}
1002
1003	@media (min-width: 1151px) {
1004		/* Position du logo dans le menu */
1005		#templateNavWrapper #templateNav #navVendorWrapper {
1006							display: none;
1007					}
1008
1009		/* Place le haut de page sous le menu si le menu est transparent */
1010		
1011		/* Hauteur du menu (les ">" pour ignorer les sous-menus) */
1012		#templateNavWrapper #templateNav > ul > li {
1013			height: 75px;
1014		}
1015		#templateSubNavWrapper ul li {
1016			height: 40px;
1017			line-height: 40px;
1018		}
1019		#templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img {
1020			max-height: 75px;
1021		}
1022
1023		/* Type de bloc */
1024		
1025		/* La largeur du haut de page ne dépasse pas la largeur du contenu du site */
1026		
1027		/* Arrondi les coins du menu, du haut de page et du contenu */
1028		
1029		/* Séparation des différents éléments */
1030		
1031		/* Position du bloc */
1032							#templateHeaderWrapper #templateHeader {
1033				text-align: left;
1034			}
1035		
1036		/* Texte du menu en gras */
1037					#templateNavWrapper #templateNav,
1038			#templateSubNavWrapper {
1039				font-weight: bold;
1040			}
1041		
1042		/* Texte du menu en majuscule */
1043					#templateNavWrapper #templateNav,
1044			#templateSubNavWrapper {
1045				text-transform: uppercase;
1046			}
1047		
1048		/* Cache les icônes */
1049		
1050		/* Espacement entre les items du menu */
1051							#templateNavWrapper #templateNav ul li a,
1052			#templateNavWrapper #templateNav ul li ul li a,
1053			#templateSubNavWrapper ul li a {
1054				padding: 0 15px;
1055			}
1056		
1057		/* Alignement du contenu du menu */
1058							#templateNavWrapper #templateNav,
1059			#templateSubNavWrapper {
1060				text-align: center;
1061			}
1062		
1063		/* Hauteur du logo de l'organisation dans le haut de page */
1064					#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img {
1065				height: 250px;
1066			}
1067			}
1068
1069	@media (max-width: 1150px) {
1070	    	    #templateNavBarVendorPicture {
1071	        display: none;
1072	    }
1073		
1074		/* Cache le bloc en responsive si le site dispose d'un logo d'organisation */
1075				
1076		/* Alignement du menu en fonction de la barre d'administration */
1077		#templateNavWrapper {
1078					top: 55px;
1079				}
1080
1081	}
1082
1083	/* Fond fullscreen dans les pages personnalisées */
1084			#layoutWrapper #templatePageWrapper,
1085		#layoutWrapper #templatePageWrapper::before,
1086		#boxes .boxLandmarkBackground {
1087			max-width: none;
1088		}
1089        #layoutWrapper #templatePageWrapper #templatePage {
1090            padding: 0;
1091        }
1092        #templateTabulationWrapper {
1093            max-width: 1131px;
1094            margin: 20px auto;
1095            padding-left: 13.5px;
1096            padding-right: 13.5px;
1097        }
1098		#editButton {
1099			position: absolute;
1100			right: 10px;
1101			z-index: 151; /* 151 pour être au dessus des fonds en parallaxe qui sont en 150 */
1102		}
1103	
1104	/* Arrondi des champs */
1105	input[type="text"],
1106	input[type="search"]:not(.choices__input),
1107	.choices,
1108	input[type="password"],
1109	input[type="date"],
1110	input[type="tel"],
1111	input[type="number"],
1112	input[type="datetime-local"],
1113	input[type="email"],
1114	input[type="url"],
1115	textarea {
1116					border-radius: 5px;
1117			padding: 9px;
1118			}
1119	select {
1120					border-radius: 5px;
1121			}
1122	.selected-flag,
1123	.buttonBig,
1124	.buttonLarge,
1125	.buttonSmall,
1126	.bootstrap-switch,
1127	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
1128	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY,
1129	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
1130	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
1131					border-radius: 5px;
1132			}
1133	.buttonLarge {
1134					padding: 10px;
1135			}
1136	.buttonSmall {
1137			}
1138</style>
1139<!-- Message -->
1140<!-- Affichage Spark\Notification::message -->
1141<div id="messagesWrapper">
1142        	</div>
1143
1144<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
1145    $('.message-support .messageClose').click(function(event) {
1146        _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1);
1147    });
1148</script>
1148
1149<!-- Misc Spark -->
1150
1151<div class="displayNone" id="sparkTemplateTableExportColumns">
1152    <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/2333882-esncard"><input type="hidden" name="_formMulti" value="6ac528ac5da6e|4652c1bdf2ceac26f6d9917325c0c2187967ee36">
1152<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
1153            $("#sparkTemplateTableExportColumnsForm").on("submit", function(){
1154                var _this = $(this);
1155                var renable = false;
1156                if(_this.data("multi-submit-protection")){
1157                    return false;
1158                }
1159                else{
1160                    // Blocage à la prochaine soumission
1161                    _this.data("multi-submit-protection", true);
1162                    // Blocage & chargement sur les boutons
1163                    _this.find("button[type='submit']").each(function(){
1164                        var text = $(this).text();
1165                        var buttonDOM = $(this);
1166                        var buttonInterval;
1167                        buttonDOM
1168                            .addClass("disabled")
1169                            .prop("disabled", true)
1170                            .css("width", buttonDOM.outerWidth() + "px")
1171                            .text(".")
1172                            .inDOM(function() {
1173                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1174                                buttonInterval = setInterval(function() {
1175                                    if(buttonDOM.text().length === 3) {
1176                                        buttonDOM.text(".");
1177                                    }
1178                                    else {
1179                                        buttonDOM.text(buttonDOM.text() + ".");
1180                                    }
1181                                }, 300);
1182                            });
1183                        // Déblocage au bout de 1 seconde
1184                        if(renable){
1185                            window.setTimeout(function(){
1186                                clearInterval(buttonInterval);
1187                                buttonDOM
1188                                    .prop("disabled", false)
1189                                    .removeClass("disabled")
1190                                    .removeAttr("style")
1191                                    .text(text);
1192                            }, 1000);
1193                        }
1194                    });
1195                    // Déblocage au bout de 1 seconde
1196                    if(renable){
1197                        window.setTimeout(function(){
1198                            _this.data("multi-submit-protection", false);
1199                        }, 1000);
1200                    }
1201                    // Retour
1202                    return true;
1203                }
1204            });
1205        </script>
1205    <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div>
1206                <label
1207                    id="sparkTableExportColumnLabel"
1208                >
1209                    Exporter les lignes sélectionnées
1210                    
1211                    
1212                </label>
1213                <div class="formContent">
1214        
1215                <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1216                    <label class="radio" for="sparkTableExportColumn_all">
1217                        <input
1218                            type="radio"
1219                            name="sparkTableExportColumn"
1220                            id="sparkTableExportColumn_all"
1221                            value="all"
1222                            
1223                            
1224                            class=""
1225                        >
1226                        <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span>
1227                    </label>
1228                </div>
1229                
1229<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
1230                    if(document.readyState === "complete"){
1231                        $("#sparkTableExportColumn_all").radiocheck();
1232                    }
1233                </script>
1233
1234            
1235                <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1236                    <label class="radio" for="sparkTableExportColumn_filter">
1237                        <input
1238                            type="radio"
1239                            name="sparkTableExportColumn"
1240                            id="sparkTableExportColumn_filter"
1241                            value="filter"
1242                            
1243                            
1244                            class=""
1245                        >
1246                        <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span>
1247                    </label>
1248                </div>
1249                
1249<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
1250                    if(document.readyState === "complete"){
1251                        $("#sparkTableExportColumn_filter").radiocheck();
1252                    }
1253                </script>
1253
1254            </div></div>    </form>
1255                
1255<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
1256                    _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns");
1257                </script>
1257
1258                </div>
1259
1260<!-- Barre d'administration -->
1261
1262<!-- Barre de navigation responsive -->
1263<div id="templateNavBar">
1264
1265	<div id="templateNavBarVendorPicture">
1266		<!-- Une organisation en particulier -->
1267					<a href="/">
1268				<img src="https://app.assoconnect.com/services/storage?id=4155653&amp;type=picture&amp;secret=6MCPr3DWTcihxfqdtuCpwSqcLfSKj0zAmYBv9Okc&amp;timestamp=1776268035&amp;size=small" alt="ESN CosmoLyon">
1269			</a>
1270		<!-- L'organisation principale -->
1271			</div>
1272
1273	<div id="templateNavBarToggleMenu">
1274		<span>Menu</span>
1275					<img src="https://assets.assoconnect.com/legacy/common/ico/ico.menu2.32.white.png" class="_gif icoMenu232White" alt="icoMenu232White" title="" id="templateNavBarToggleMenuOpen" >			<img src="https://assets.assoconnect.com/legacy/common/ico/ico.cross.32.white.png" class="_gif icoCross32White" alt="icoCross32White" title="" id="templateNavBarToggleMenuClose" >			</div>
1276
1277	<div class="clearBoth"></div>
1278
1279</div>
1280
1281			<div id="templateNavSubBarWrapper">
1282			<div id="templateNavSubBarLeft"><</div>
1283			<div id="templateNavSubBarRight">></div>
1284			<ul id="templateNavSubBar">
1285									<li >
1286						<a href="/page/3919487-swep-south-western-european-platform">
1287							SWEP South Western European platform						</a>
1288					</li>
1289									<li class="active">
1290						<a href="/page/2333882-esncard">
1291							ESNcard						</a>
1292					</li>
1293									<li >
1294						<a href="/page/2333876-bourse-aux-objets">
1295							Bourse aux objets						</a>
1296					</li>
1297									<li >
1298						<a href="/page/2333878-buddy-system">
1299							Buddy System						</a>
1300					</li>
1301									<li >
1302						<a href="/page/2558960-cosmo-festival">
1303							Cosmo Festival						</a>
1304					</li>
1305							</ul>
1306		</div>
1307	
1308<!-- Header top -->
1309
1310<!-- Navigation et réseaux sociaux -->
1311
1312<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent -->
1313<div id="templateNavContainer">
1314
1315	<div id="templateNavWrapper">
1316
1317		<!-- Éditable et hover -->
1318		<div id="templateNavWrapperHover" class="templateHover"></div>
1319		<div id="templateNavWrapperEditable" class="templateEditable templateEditableNav">
1320			<div class="displayTable height100 width100">
1321				<div class="displayTableCell valignMiddle">
1322					<p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p>
1323					<div class="templateEditableButton">Cliquez pour éditer</div>
1324				</div>
1325			</div>
1326		</div>
1327
1328		<!-- Réseaux sociaux -->
1329		<div id="templateNavSocialWrapper">
1330			                			                			                			                			                			                					</div>
1331
1332		<!-- Navigation -->
1333		<nav id="templateNav">
1334						<ul id="navVendorWrapper">
1335				<!-- Nom & logo de l'organisation -->
1336                				<li id="navVendorPicture">
1337					<div class="displayTable height100"><!-- displayTable = fix #8392 -->
1338						<a class="displayTableCell width100 valignMiddle" href="/">
1339							<img src="https://app.assoconnect.com/services/storage?id=4155653&amp;type=picture&amp;secret=6MCPr3DWTcihxfqdtuCpwSqcLfSKj0zAmYBv9Okc&amp;timestamp=1776268035&amp;size=small" alt="ESN CosmoLyon">
1340						</a>
1341					</div>
1342				</li>
1343			</ul>
1344			<ul>
1345                                                                                                                        <li
1346                                    data-templatesubnav="2074355"
1347                                    class="
1348                                                                                    templateNavResponsiveToggleChildren
1349                                                                                                                    "
1350                                >
1351                                    <a
1352                                        href="/page/3728276-erasmus-student-network-a-lyon"
1353                                        class="displayTable height100"
1354                                    >
1355                                        <div class="displayTableCell valignMiddle">
1356                                                                                    </div>
1357                                        <div class="displayTableCell valignMiddle">
1358                                            ESN à Lyon                                            <sp
1358an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1359                                        </div>
1360                                    </a>
1361                                    <ul>
1362                                                                                                                                    <li >
1363                                                    <a href="/page/3728276-erasmus-student-network-a-lyon">
1364                                                        Erasmus Student Network à Lyon                                                    </a>
1365                                                </li>
1366                                                                                            <li >
1367                                                    <a href="/page/2334803-adhesion-membership">
1368                                                        Adhésion / Membership                                                    </a>
1369                                                </li>
1370                                                                                            <li >
1371                                                    <a href="/page/2537833-buy-an-esncard">
1372                                                        Buy an ESNcard                                                    </a>
1373                                                </li>
1374                                                                                                                        </ul>
1375                                </li>
1376                                                                                                                <li
1377                                    data-templatesubnav="2333874"
1378                                    class="
1379                                                                                    templateNavResponsiveToggleChildren
1380                                                                                                                            active
1381                                                                            "
1382                                >
1383                                    <a
1384                                        href="/page/3919487-swep-south-western-european-platform"
1385                                        class="displayTable height100"
1386                                    >
1387                                        <div class="displayTableCell valignMiddle">
1388                                                                                    </div>
1389                                        <div class="displayTableCell valignMiddle">
1390                                            Tous les projets                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1391                                        </div>
1392                                    </a>
1393                                    <ul>
1394                                                                                                                                    <li >
1395                                                    <a href="/page/3919487-swep-south-western-european-platform">
1396                                                        SWEP South Western European platform                                                    </a>
1397                                                </li>
1398                                                                                            <li class="active">
1399                                                    <a href="/page/2333882-esncard">
1400                                                        ESNcard                                                    </a>
1401                                                </li>
1402                                                                                            <li >
1403                                                    <a href="/page/2333876-bourse-aux-objets">
1404                                                        Bourse aux objets                                                    </a>
1405                                                </li>
1406                                                                                            <li >
1407                                                    <a href="/page/2333878-buddy-system">
1408                                                        Buddy System                                                    </a>
1409                                                </li>
1410                                                                                            <li >
1411                                                    <a href="/page/2558960-cosmo-festival">
1412                                                        Cosmo Festival                                                    </a>
1413                                                </li>
1414                                                                                                                        </ul>
1415                                </li>
1416                                                                                                                <li
1417                                    data-templatesubnav="2408938"
1418                                    class="
1419                                                                                                                    "
1420                                >
1421                                    <a
1422                                        href="/page/2333894-partir-en-erasmus"
1423                                        class="displayTable height100"
1424                                    >
1425                                        <div class="displayTableCell valignMiddle">
1426                                                                                    </div>
1427                                        <div class="displayTableCell valignMiddle">
1428                                            Partir en Erasmus                                            <sp
1428an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1429                                        </div>
1430                                    </a>
1431                                    <ul>
1432                                                                            </ul>
1433                                </li>
1434                                                                                                                <li
1435                                    data-templatesubnav="2074361"
1436                                    class="
1437                                                                                                                    "
1438                                >
1439                                    <a
1440                                        href="/page/2334789-nos-evenements"
1441                                        class="displayTable height100"
1442                                    >
1443                                        <div class="displayTableCell valignMiddle">
1444                                                                                    </div>
1445                                        <div class="displayTableCell valignMiddle">
1446                                            Calendrier d&#039;activités                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1447                                        </div>
1448                                    </a>
1449                                    <ul>
1450                                                                            </ul>
1451                                </li>
1452                                                                                        				<!-- Mon compte -->
1453								<!-- Panier -->
1454								<!-- Boutons -->
1455																									<li id="templateNavButton1Container" class="hideHover displayNone">
1456					<a href="" class="height100 displayTable">
1457						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1458						<div class="displayTableCell valignMiddle">
1459							
1460            <div
1461                id="templateNavButton1Button"
1462                class="
1463                    button
1464                    textAlignCenter
1465                    buttonBlue
1466                    buttonLarge
1467                    
1468                    valignMiddle
1469                "
1470            ><span class="valignInitial"></span></div>						</div>
1471					</a>
1472				</li>
1473																									<li id="templateNavButton2Container" class="hideHover displayNone">
1474					<a href="" class="height100 displayTable">
1475						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1476						<div class="displayTableCell valignMiddle">
1477							
1478            <div
1479                id="templateNavButton2Button"
1480                class="
1481                    button
1482                    textAlignCenter
1483                    buttonBlue
1484                    buttonLarge
1485                    
1486                    valignMiddle
1487                "
1488            ><span class="valignInitial"></span></div>						</div>
1489					</a>
1490				</li>
1491				<!-- Connexion -->
1492				<li id="templateNavButtonLoginContainer" class="hideHover ">
1493					<a href="/contacts/login?redirect=%2Fpage%2F2333882-esncard" class="height100 displayTable">
1494						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 -->
1495						<div class="displayTableCell valignMiddle">
1496							
1497            <div
1498                id="templateNavButtonLoginButton"
1499                class="
1500                    button
1501                    textAlignCenter
1502                    buttonBlue
1503                    buttonLarge
1504                    
1505                    valignMiddle
1506                "
1507            ><span class="valignInitial">Se connecter</span></div>						</div>
1508					</a>
1509				</li>
1510			</ul>
1511		</nav>
1512
1513	</div>
1514
1515	<div id="templateSubNavWrapper">
1516
1517		<div id="templateSubNav">
1518												<ul data-templatesubnav="2074355">
1519													<li >
1520								<a href="/page/3728276-erasmus-student-network-a-lyon">
1521									Erasmus Student Network à Lyon								</a>
1522							</li>
1523													<li >
1524								<a href="/page/2334803-adhesion-membership">
1525									Adhésion / Membership								</a>
1526							</li>
1527													<li >
1528								<a href="/page/2537833-buy-an-esncard">
1529									Buy an ESNcard								</a>
1530							</li>
1531											</ul>
1532																<ul data-templatesubnav="2333874">
1533													<li >
1534								<a href="/page/3919487-swep-south-western-european-platform">
1535									SWEP South Western European platform								</a>
1536							</li>
1537													<li class="active">
1538								<a href="/page/2333882-esncard">
1539									ESNcard								</a>
1540							</li>
1541													<li >
1542								<a href="/page/2333876-bourse-aux-objets">
1543									Bourse aux objets								</a>
1544							</li>
1545													<li >
1546								<a href="/page/2333878-buddy-system">
1547									Buddy System								</a>
1548							</li>
1549													<li >
1550								<a href="/page/2558960-cosmo-festival">
1551									Cosmo Festival								</a>
1552							</li>
1553											</ul>
1554																								
1555		</div>
1556
1557	</div>
1558
1559</div>
1560
1561<!-- Header bottom (importe également le header en mode édition si header none mais le cache avec un if dans le fichier inc.DESKTOP.public.header.php) -->
1562
1563<!-- Page -->
1564<article id="templatePageWrapper" class="layout-md">
1565	<div id="templatePage">
1566		<!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe -->
1567		<div id="templateIframe">
1568			<!-- Tabulations -->
1569    <!-- Affiche les onglets pour les organisation dépendantes -->
1570    
1571    <!-- Importe les tabulations, sauf pour le layout admin qui les importes dans son layout afin d'afficher le titre des pages dans le menu mobile -->
1572                
1573    <!-- Tabulations en mode Fil d'Ariane -->
1574            <!-- Une tabulation, juste le titre s'affiche -->
1575                    <div class="templatePageHeader" data-id="component_Header">
1576                <div>
1577                    <div id="templateTitle" class="templatePageHeaderPart">
1578                                                                        <span class="displayInlineBlock valignMiddle"></span>
1579                                            </div>
1580                                    </div>
1581            </div>
1582            <div id="templateTabulationWrapper">
1583                <div>
1584                    <div id="templateTabulation">
1585                        
1586                        
1587                                                                            <a
1588                                    id="tab_page-swep-south-western-european-platform"
1589                                    href="/page/3919487-swep-south-western-european-platform"
1590                                    class=""
1591                            >
1592                                SWEP South Western European platform                            </a>
1593                                                                                <a
1594                                    id="tab_page-esncard"
1595                                    href="/page/2333882-esncard"
1596                                    class="active"
1597                            >
1598                                ESNcard                            </a>
1599                                                                                <a
1600                                    id="tab_page-bourse-aux-objets"
1601                                    href="/page/2333876-bourse-aux-objets"
1602                                    class=""
1603                            >
1604                                Bourse aux objets                            </a>
1605                                                                                <a
1606                                    id="tab_page-buddy-system"
1607                                    href="/page/2333878-buddy-system"
1608                                    class=""
1609                            >
1610                                Buddy System                            </a>
1611                                                                                <a
1612                                    id="tab_page-cosmo-festival"
1613                                    href="/page/2558960-cosmo-festival"
1614                                    class=""
1615                            >
1616                                Cosmo Festival                            </a>
1617                                                                        </div>
1618                </div>
1619            </div>
1620                <!-- Titre uniquement -->
1621        <!-- Titre uniquement -->
1622<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) -->
1623<div class="clearBoth"></div>
1624<!-- Template -->
1625<div class="templatePageWrapper layout-md">
1626        <div class="templatePageContent ">
1627                    <div class="templatePageContentHeader">
1628                            </div>
1629                
1630
1631
1632
1633
1634<!-- Lien d'édition -->
1635
1636<!-- Contenu de la page -->
1637<div id="boxes">
1638	
1639            <style>
1640                #box105407947 {
1641                	position:		absolute;
1642                	left:			0%;
1643                	top:			0px;
1644                	height:			540px;
1645                	
1646                	padding:		0;
1647                	margin:			0!important;
1648                	border:			0;
1649                }
1650            </style>
1651            <div class="boxLandmark ">
1652                <div
1653                	id="box105407947"
1654                	class="box"
1655                	style="width: 58.333333333333%"
1656                	data-type="text"
1657                	>
1658                	<div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 8px; margin-right: 12px; height: 512px; border-radius: 10px; background: #e3f1fd">
1659                		<div class="overflowHidden height100"><h2><strong>L’ESNcard, c’est quoi ?</strong></h2>
1660
1661<p>C’est une carte distribuée par des associations du réseau ESN aux jeunes en mobilité. Cette carte te permet d’avoir accès à de nombreuses réductions dans ta ville d’accueil et partout en Europe.</p>
1662
1663<h2><strong>Quel type de réduction ?</strong></h2>
1664
1665<p>Tu aimes voyager ? Alors, tu peux bénéficier de réductions sur ton trajet avec différentes compagnies de bus, de réductions pour te loger en auberge de jeunesse ou pour des plus longs séjours ,ou de réductions sur des sites touristiques. Tu peux aussi obtenir des codes de réductions pour des forfaits mobiles ou des services utiles en mobilité comme l’envoi de colis, du matériel informatique…</p>
1666
1667<p>Tu pourras aussi bénéficier des partenariats locaux dans ta ville d’accueil ou les villes que tu visites, selon les partenariats négociés par les associations du réseau ESN (par exemple des réductions dans les bars et restaurants).</p>
1668
1669<h2><strong>Obtenir ma carte avec ESN à Lyon</strong></h2>
1670
1671<p>La carte ESNcard est vendue à Lyon aux membres de CosmoLyon pendant les permanences, ou CosmoApéros. En achetant ta carte ESNcard, tu soutiens les activités de l&#039;association.</p>
1672
1673<p>Pour pouvoir l&#039;acheter, ton adhésion doit être à jour !</p></div>
1674                	</div>
1675                </div>
1676            </div>
1677        
1678            <style>
1679                #box105407948 {
1680                	position:		absolute;
1681                	left:			58.333333333333%;
1682                	top:			0px;
1683                	height:			360px;
1684                	
1685                	padding:		0;
1686                	margin:			0!important;
1687                	border:			0;
1688                }
1689            </style>
1690            <div class="boxLandmark ">
1691                <div
1692                	id="box105407948"
1693                	class="box"
1694                	style="width: 41.666666666667%"
1695                	data-type="picture"
1696                	>
1697                	<div style="position: relative; overflow:hidden; height: 360px; border-radius: 10px; background: transparent">
1698                		
1699                	<div class="overflowHidden displayInlineBlock positionRelative" style="
1700                		width:460px;
1701                		max-width: 100%;
1702                		height:360px;
1703                		text-align: center;
1704                		
1705                border-radius: 10px;">
1706                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
1707                			<img
1708                				src="https://app.assoconnect.com/services/storage?id=3458535&amp;type=picture&amp;secret=n8Jc5pLhbCUCixq5yrjwJaymElt2myotJgqeXKeY&amp;timestamp=1776075314"
1709                				style="
1710                					position:absolute;
1711                					width:400px;
1712                					height:252px;
1713                					top:54px;
1714                					left:-200px;
1715                					max-width:none;
1716                				"
1717                			>
1718                		</div>
1719                	</div>
1720                	</div>
1721                </div>
1722            </div>
1723        
1724            <style>
1725                #box105407949 {
1726                	position:		absolute;
1727                	left:			66.666666666667%;
1728                	top:			360px;
1729                	height:			60px;
1730                	
1731                	padding:		0;
1732                	margin:			0!important;
1733                	border:			0;
1734                }
1735            </style>
1736            <div class="boxLandmark ">
1737                <div
1738                	id="box105407949"
1739                	class="box"
1740                	style="width: 25%"
1741                	data-type="button"
1742                	>
1743                	<div style="position: relative; overflow:hidden; margin-top: 16px; height: 32px; background: transparent">
1744                		
1745                <a
1746                	href="https://www.esnlyon.org/collect/description/322420-c-adhesion-a-esn-cosmolyon?header=%2Fpage%2F2334803-adhesion-membership"
1747                	
1748                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">Adhésion / Membership</div></div></div></div></a>
1749            
1750                	</div>
1751                </div>
1752            </div>
1753        
1754            <style>
1755                #box105407950 {
1756                	position:		absolute;
1757                	left:			66.666666666667%;
1758                	top:			420px;
1759                	height:			60px;
1760                	
1761                	padding:		0;
1762                	margin:			0!important;
1763                	border:			0;
1764                }
1765            </style>
1766            <div class="boxLandmark ">
1767                <div
1768                	id="box105407950"
1769                	class="box"
1770                	style="width: 25%"
1771                	data-type="button"
1772                	>
1773                	<div style="position: relative; overflow:hidden; margin-top: 16px; height: 32px; background: transparent">
1774                		
1775                <a
1776                	href="/page/2537833-buy-an-esncard"
1777                	 target="_blank"
1778                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">Payer mon ESNcard en ligne</div></div></div></div></a>
1779            
1780                	</div>
1781                </div>
1782            </div>
1783        
1784            <style>
1785                #box105407951 {
1786                	position:		absolute;
1787                	left:			66.666666666667%;
1788                	top:			480px;
1789                	height:			60px;
1790                	
1791                	padding:		0;
1792                	margin:			0!important;
1793                	border:			0;
1794                }
1795            </style>
1796            <div class="boxLandmark ">
1797                <div
1798                	id="box105407951"
1799                	class="box"
1800                	style="width: 25%"
1801                	data-type="button"
1802                	>
1803                	<div style="position: relative; overflow:hidden; margin-top: 16px; height: 32px; background: transparent">
1804                		
1805                <a
1806                	href="https://esncard.org/"
1807                	 target="_blank"
1808                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">Discounts on esncard.org</div></div></div></div></a>
1809            
1810                	</div>
1811                </div>
1812            </div>
1813        
1814            <style>
1815                #box105407952 {
1816                	position:		absolute;
1817                	left:			0%;
1818                	top:			540px;
1819                	height:			540px;
1820                	
1821                	padding:		0;
1822                	margin:			0!important;
1823                	border:			0;
1824                }
1825            </style>
1826            <div class="boxLandmark ">
1827                <div
1828                	id="box105407952"
1829                	class="box"
1830                	style="width: 58.333333333333%"
1831                	data-type="text"
1832                	>
1833                	<div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 8px; margin-left: 4px; height: 512px; border-radius: 10px; background: #c6e3fa">
1834                		<div class="overflowHidden height100"><h2><strong>What is the ESNcard?</strong></h2>
1835
1836<p>It&#039;s a card distributed by the associations in the ESN network to young people on a mobility scheme. This card gives you access to a wide range of discounts in your host city and throughout Europe.</p>
1837
1838<h2><strong>What kind of discount?</strong></h2>
1839
1840<p>Do you like to travel? If so, you can take advantage of discounts on your journey with different bus companies, discounts on accommodation in youth hostels or for longer stays, or discounts on tourist sites. You can also get discount codes for useful mobile equipment or services such as parcel delivery, computer equipment, etc.</p>
1841
1842<p>You can also take advantage of local partnerships in your host town or the towns you visit, depending on the partnerships negotiated by the associations in the ESN network (for example, discounts in bars and restaurants).</p>
1843
1844<h2><strong>Getting my card with ESN in Lyon</strong></h2>
1845
1846<p>The ESNcard is sold in Lyon to members of CosmoLyon during the office hours or CosmoApéros. By paying your ESNcard, you support the association&#039;s activities.</p>
1847
1848<p>To be able to buy it, your membership must be up-to-date!</p></div>
1849                	</div>
1850                </div>
1851            </div>
1852        </div>    </div>
1853</div>
1854		</div>
1855	</div>
1856</article>
1857
1858<!-- Footer -->
1859<footer id="templateFooterWrapper">
1860	            <div id="templateFooter">
1861                            <div id="templateFooterText">Un site géré par CosmoLyon (association loi 1901), membre du réseau ESN depuis 2006</div>
1862                        <div id="templateFooterBlockContainer">
1863                <div class="row">
1864                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
1865                        <div id="templateFooterBlockWrapper" class="row">
1866                            <!-- Liste des pages de l'organisation principal -->
1867                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
1868                                    <span>ESN France</span>
1869                                    <ul>
1870                                                                                    <li>
1871                                                <a href="
1872                                                                                                            https://esnfrance.org/                                                                                                    ">
1873                                                    Le site d&#039;ESN France                                                </a>
1874                                            </li>
1875                                                                                    <li>
1876                                                <a href="
1877                                                                                                            https://ticketspourlemonde.fr/                                                                                                    ">
1878                                                    Tickets pour le monde                                                </a>
1879                                            </li>
1880                                                                            </ul>
1881                                </div>
1882                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
1883                                    <span>ESN International</span>
1884                                    <ul>
1885                                                                                    <li>
1886                                                <a href="
1887                                                                                                            https://esn.org/                                                                                                    ">
1888                                                    ESN.org                                                </a>
1889                                            </li>
1890                                                                                    <li>
1891                                                <a href="
1892                                                                                                            https://esncard.org/                                                                                                    ">
1893                                                    ESNcard                                                </a>
1894                                            </li>
1895                                                                            </ul>
1896                                </div>
1897                                                    </div>
1898                    </div>
1899                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
1900                        <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/2333882-esncard"><input type="hidden" name="_formMulti" value="6ac528ac84d04|4c2607454afab873a67160b00bc1fa61ce7357b8">
1900<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
1901            $("#templateFooterNewsletterForm").on("submit", function(){
1902                var _this = $(this);
1903                var renable = true;
1904                if(_this.data("multi-submit-protection")){
1905                    return false;
1906                }
1907                else{
1908                    // Blocage à la prochaine soumission
1909                    _this.data("multi-submit-protection", true);
1910                    // Blocage & chargement sur les boutons
1911                    _this.find("button[type='submit']").each(function(){
1912                        var text = $(this).text();
1913                        var buttonDOM = $(this);
1914                        var buttonInterval;
1915                        buttonDOM
1916                            .addClass("disabled")
1917                            .prop("disabled", true)
1918                            .css("width", buttonDOM.outerWidth() + "px")
1919                            .text(".")
1920                            .inDOM(function() {
1921                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1922                                buttonInterval = setInterval(function() {
1923                                    if(buttonDOM.text().length === 3) {
1924                                        buttonDOM.text(".");
1925                                    }
1926                                    else {
1927                                        buttonDOM.text(buttonDOM.text() + ".");
1928                                    }
1929                                }, 300);
1930                            });
1931                        // Déblocage au bout de 1 seconde
1932                        if(renable){
1933                            window.setTimeout(function(){
1934                                clearInterval(buttonInterval);
1935                                buttonDOM
1936                                    .prop("disabled", false)
1937                                    .removeClass("disabled")
1938                                    .removeAttr("style")
1939                                    .text(text);
1940                            }, 1000);
1941                        }
1942                    });
1943                    // Déblocage au bout de 1 seconde
1944                    if(renable){
1945                        window.setTimeout(function(){
1946                            _this.data("multi-submit-protection", false);
1947                        }, 1000);
1948                    }
1949                    // Retour
1950                    return true;
1951                }
1952            });
1953        </script>
1953                            <div class="row colsMiddle">
1954                                <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
1955                                    <div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div>
1956                <label
1957                    id="templateFooterBlocNewsletterEmailLabel"
1958                    for="templateFooterBlocNewsletterEmail"
1959                >
1960                Je m&#039;abonne à la newsletter
1961                
1962                
1963                </label>
1964                <input
1965                    type="email"
1966                    data-typo-check="true"
1967                    name="templateFooterBlocNewsletterEmail"
1968                    class=""
1969                    value=""
1970                    placeholder="Renseignez votre email"
1971                    autocomplete="email"
1972                    
1973                    
1974                    id="templateFooterBlocNewsletterEmail"
1975                >
1976                
1977                <div class="clearBoth"></div>
1978            </div>
1979            
1979<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
1980                $("#templateFooterBlocNewsletterEmail").on("change", function() {
1981                    _spark.form.mail.check("templateFooterBlocNewsletterEmail");
1982                });
1983            </script>
1983
1984                                        </div>
1985                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom">
1986                                    
1987            <button
1988                type="submit"
1989                id="templateFooterBlocNewsletterSubmit"
1990                class="
1991                    button
1992                    buttonOrange
1993                    textAlignCenter
1994                    buttonLarge
1995                    
1996                    
1997                "
1998                
1999            >
2000                
2001                <span class="valignInitial">OK</span>
2002            </button>
2003                                        </div>
2004                            </div>
2005                            
2006                        </form>
2007                
2007<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
2008                    $("#templateFooterNewsletterForm")
2009                        // Init
2010                        .data("dirty", 0)
2011                        // Form submit is possible
2012                        .on("submit", function(){
2013                            window.onbeforeunload = null;
2014                        })
2015                        // On change
2016                        .find("input, textarea").on("change", function(){
2017                            if(document.readyState === "complete"){
2018                                $("#templateFooterNewsletterForm").data().dirty++;
2019                            }
2020                        });
2021                    // Ajout
2022                    _spark.dirty.push(function(){
2023                        return $("#templateFooterNewsletterForm").data("dirty") > 0;
2024                    });
2025                </script>
2025
2026            
2027                
2027<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
2028                    _spark.form.mail.initMailGroup("templateFooterNewsletter");
2029                </script>
2029
2030                                        <div id="templateFooterSocialWrapper">
2031                                                                                                <a
2032                                        href="https://www.facebook.com/ESNCosmoLyon"
2033                                        target="_blank"
2034                                        id="templateFooterSocialFacebook"
2035                                    >
2036                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac528ac86b30" >                                    </a>
2037                                                                                                                                                                                                                                                        <a
2038                                        href="https://linkedin.com/company/esn-cosmolyon"
2039                                        target="_blank"
2040                                        id="templateFooterSocialLinkedin"
2041                                    >
2042                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.linkedin.24.color.png" class="_gif icoLinkedin24Color" alt="icoLinkedin24Color" title="Linkedin" id="image_6ac528ac86ba1" >                                    </a>
2043                                                                                                                                <a
2044                                        href="https://instagram.com/esn_cosmolyon"
2045                                        target="_blank"
2046                                        id="templateFooterSocialInstagram"
2047                                    >
2048                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac528ac86bd0" >                                    </a>
2049                                                                                                                                                </div>
2050                    </div>
2051                </div>
2052            </div>
2053        </div>
2054    	<div id="templateFooterInformation">
2055		<ul>
2056			<!-- Plan du site -->
2057			<li>
2058				<a href="/infos/plan/
2059											438331									">Plan du site</a>
2060			</li>
2061
2062			<!-- Licences -->
2063			<li>
2064				<a href="/infos/licenses">Licences</a>
2065			</li>
2066
2067			<!-- CGU -->
2068							<li>
2069					<a href="/infos/legal-notice">Mentions légales</a>
2070				</li>
2071							<li>
2072					<a href="/infos/tos">CGUV</a>
2073				</li>
2074			
2075			<!-- CGU -->
2076			<li>
2077				<a id="configureCookies" href="#">Paramétrer vos cookies</a>
2078			</li>
2079
2080			<!-- Connexion/déconnexion et mon compte -->
2081							<li>
2082					
2083                <a
2084                    id="templateNavButtonLoginButtonLink"
2085                    href="https://www.esnlyon.org/contacts/login?redirect=%2Fpage%2F2333882-esncard"
2086                    class=""
2087                    target=""
2088                    rel="noopener"
2089                >
2090            <div
2091                id="templateNavButtonLoginButton"
2092                class="
2093                    button
2094                    textAlignCenter
2095                    buttonBlue
2096                    buttonLarge
2097                    valignMiddle margin0
2098                    valignMiddle
2099                "
2100            ><span class="valignInitial">Se connecter</span></div></a>
2101            				</li>
2102					</ul>
2103					<ul>
2104				<li class="paddingTop0">
2105                                                                <a href="https://www.assoconnect.com/" target="_blank">
2106                            Propulsé par AssoConnect, le logiciel des associations                        </a>
2107                    				</li>
2108			</ul>
2109			</div>
2110	</footer>
2111
2112<!-- Footer - Global -->
2113		</div>
2114		
2115		<!-- JS -->
2116		    
2116<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
2117        /**
2118 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY
2119 */
2120function templatePageHeight() {
2121	var boxes = $("#boxes");
2122	var heightMax = 0;
2123	var templatePage = $("#templatePage");
2124	var templateNavContainer = $("#templateNavContainer");
2125
2126	// Cherche la box la plus basse dans la page
2127	boxes.find("> .boxLandmark > .box").each(function() {
2128		heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top);
2129	});
2130
2131	// templatePage prend la hauteur du menu si : heightMax < templateNavContainer
2132	if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) {
2133		return templateNavContainer.height() - templatePage.offset().top;
2134	}
2135	// templatePage prend la hauteur de la fenêtre si : heightMax < window
2136	else if(heightMax < $(window).height()) {
2137		return $(window).height() - templatePage.offset().top;
2138	}
2139	// templatePage prend la hauteur du dernier élément DIY
2140	else {
2141		var templateNavContainerHeight = 0;
2142
2143		// Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute
2144		if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") {
2145			templateNavContainerHeight = templateNavContainer.height();
2146		}
2147
2148		return Math.round(heightMax - $("#templatePageWrapper").offset().top);
2149	}
2150}
2151
2152/**
2153 * Force templatePage à prendre toute la hauteur pour les pages du DIY
2154 */
2155$(window).on("load", function() {
2156	if($("#boxes").children().length) {
2157		$("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page
2158		$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
2159		// Après un redimensionnement de l'écran
2160		var resized;
2161		$(window).on("resize orientationChanged", function() {
2162			clearTimeout(resized);
2163			resized = setTimeout(function() {
2164				$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
2165			}, 200);
2166		});
2167	}
2168});
2169
2170$(".video-youtube, .feed-facebook").each(function() {
2171    $(this).on("click", function() {
2172        if (window.openIubendaCookies) {
2173            window.openIubendaCookies();
2174        }
2175    });
2176});
2177    </script>
vendor: 1 bytes, line 2177
2177
2178<script nonce="41875b99-3314-4181-8a24-c1c6af422410">
2179    if(window.console && window.console.log){
2180        // Affichage des notices non capturées
2181            }
2182</script>
2182
2183
2184		
2185					
2185<script
2186				nonce="41875b99-3314-4181-8a24-c1c6af422410"
2187				src="https://cdn.hub-prod.team.blue/loader/widget-loader.js"
2188				data-teamblue-footer
2189				data-footer="hidden"
2190			></script>
2190
2191			</body>
2192</html>
2193

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.