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&type=picture&secret=6MCPr3DWTcihxfqdtuCpwSqcLfSKj0zAmYBv9Okc&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&type=picture&secret=6MCPr3DWTcihxfqdtuCpwSqcLfSKj0zAmYBv9Okc&timestamp=1776268035&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&type=picture&secret=6MCPr3DWTcihxfqdtuCpwSqcLfSKj0zAmYBv9Okc&timestamp=1776268035&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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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'activités <span class="arrowTop">▴</span><span class="arrowDown">▾</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'association.</p> 1672 1673<p>Pour pouvoir l'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&type=picture&secret=n8Jc5pLhbCUCixq5yrjwJaymElt2myotJgqeXKeY&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'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'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'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'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.