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>Contact | Club Lotus France</title> 10 <meta property="og:title" content="Contact | Club Lotus France"> 11 <meta name="description" content="Nous contacter - Contact -"> 12 <meta property="og:description" content="Nous contacter - Contact -"> 13 <meta property="og:locale" content="fr_FR"> 14 <meta property="og:url" content="https://www.club-lotus.fr/page/1752138-contact"> 15 <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=4366352&type=picture&secret=QhS7QLAsIXhIVrNBq9uXFMNTkfQPT5mUwdGisgmb&timestamp=1776324283"> 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.club-lotus.fr/page/1752138-contact"> 23 24 <!-- Favicon --> 25 <link rel="icon" type="image/png" href="https://www.club-lotus.fr/services/favicon/31FZ6S329FTYC2F85YSVHC8000"> 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.a5f082e.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=Source+Sans+Pro:400,500,700" rel="stylesheet"> 237 <style> 238 html, body {font-family: "Source Sans Pro", Roboto, sans-serif;} 239 </style> 240 241 242<!-- Choices.js --> 243 244<!-- ContentTools --> 245 246<!-- Cropper --> 247 248<!-- FullCalendar --> 249 250<!-- Simplelightbox --> 251 <link 252 rel="stylesheet" 253 href="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simplelightbox.min.css" 254 integrity="sha256-IZ7V7DBQggiyHjLI/74Zert2QmZh4a5cpvGQPJC7JyY=" 255 crossorigin="anonymous" 256 > 257 258<!-- Leaflet --> 259<!-- Leaflet MarkerCluster --> 260 261<style nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 262 #teamblue-widget-container { 263 position: fixed; 264 bottom: 0; 265 left: 0; 266 width: 0; 267 height: 0; 268 overflow: hidden; 269 } 270</style> 271 272 <!-- JS --> 273
273<script async nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 274 // Browser check 275 // https://stackoverflow.com/a/55655928/7671937 276 function isCrappyIE() { 277 var ua = window.navigator.userAgent; 278 var crappyIE = false; 279 var msie = ua.indexOf('MSIE '); 280 if (msie > 0) { // IE 10 or older => return version number 281 crappyIE = true; 282 } 283 var trident = ua.indexOf('Trident/'); 284 if (trident > 0) { // IE 11 => return version number 285 crappyIE = true; 286 } 287 return crappyIE; 288 } 289 290 if(isCrappyIE()) { 291 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. "); 292 } 293</script>
293 294
295<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 296 var SIZE_FIXED = "fixed"; 297 var SIZE_FREE = "free"; 298 var SIZE_MIN = "min"; 299 var SIZE_MIN_WIDTH = "min-width"; 300 var SIZE_MIN_HEIGHT = "min-height"; 301 var SIZE_MAX = "max"; 302 var SIZE_MAX_WIDTH = "max-width"; 303 var SIZE_MAX_HEIGHT = "max-height"; 304 var ORIGINAL_WIDTH = 1200; 305 var ORIGINAL_HEIGHT = 628; 306 var SIZE_STANDARD = "standard"; 307 var SIZE_USER = "user"; 308 var SIZE_VENDOR = "vendor"; 309 var THUMB_WIDTH = 352; 310 var THUMB_HEIGHT = 184; 311 var USER_NORMAL = 200; 312</script>
vendor: 1 bytes, line 312
312
313<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 314 var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy"; 315 var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark"; 316 var SPARK_VERSION = "a5f082e"; 317 var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760; 318 var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249; 319 var URI_CLIENT = "\/page\/1752138-contact"; 320 var URI_SERVER = "\/page\/index"; 321 var VENDOR_ID = 353063; 322 var _GIFS = []; 323 var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH"; 324 var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA"; 325 var CSP_NONCE = "8bdafae6-4825-4c05-bdc2-627a3310033f"; 326 var I18N_CURRENCY = "EUR"; 327 var I18N_LOCALE = "fr-FR"; 328 var I18N_TIMEZONE = "Europe\/Paris"; 329 var SITE_CODE = "a"; 330</script>
330 331 332<!-- Translator Method -->
333<script 334 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 335 src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/5.1.0/intl-messageformat.min.js" 336 integrity="sha256-jkYwyAJTaU4esUDFkWA92xz+ARjXOmPO8ul5jjY3MWk=" 337 crossorigin="anonymous" 338></script>
vendor: 1 bytes, line 338
338
339<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 340 window.trans = function trans(key, params) { 341 // Translation key not found 342 if(window.translations.hasOwnProperty(key) === false) { 343 return key; 344 } 345 346 var translation = window.translations[key]; 347 348 var translator = new IntlMessageFormat.IntlMessageFormat(translation, I18N_LOCALE); 349 350 return translator.format(params); 351 }; 352 353 window.transCurrency = new Intl.NumberFormat( 354 I18N_LOCALE, 355 { style: 'currency', currency: "EUR"} 356 ).format; 357 358 window.transDate = new Intl.DateTimeFormat(I18N_LOCALE, { 359 timeZone: I18N_TIMEZONE, 360 }).format; 361 362 window.transDateFromYMD = function(value) { 363 value = String(value).replaceAll('-', ''); 364 // YYYYMMDD or YYYYMMDDHHiiss 365 if (String(value).length !== 8 && String(value).length !== 14) { 366 return '' 367 } 368 369 var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); 370 371 // Invalid date 372 if (isNaN(date)) { 373 return '' 374 } 375 376 return transAbsoluteDate(date); 377 } 378 379 window.transDateTime = new Intl.DateTimeFormat(I18N_LOCALE, { 380 timeZone: I18N_TIMEZONE, 381 year: "numeric", 382 month: "2-digit", 383 day: "2-digit", 384 hour: "numeric", 385 minute: "numeric", 386 second: "numeric", 387 }).format; 388 389 // Trans date created with new Date('1986-06-02') 390 window.transAbsoluteDate = new Intl.DateTimeFormat(I18N_LOCALE, { 391 timeZone: "UTC", 392 }).format; 393 394 // Trans date formatted as YYYYMMDDHHiiss 395 window.transAbsoluteDateYMD = function (value) { 396 // YYYYMMDD or YYYYMMDDHHiiss 397 if (String(value).length !== 8 && String(value).length !== 14) { 398 return '' 399 } 400 401 var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); 402 403 // Invalid date 404 if (isNaN(date)) { 405 return '' 406 } 407 408 return transAbsoluteDate(date); 409 } 410 411 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"
411:"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.
411warning.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); 412 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); 413</script>
413 414 415<!-- jQuery -->
416<script 417 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 418 src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" 419 integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 420 crossorigin="anonymous" 421></script>
vendor: 1 bytes, line 421
421
422<script 423 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 424 src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js" 425 integrity="sha512-MSOo1aY+3pXCOCdGAYoBZ6YGI0aragoQsg1mKKBHXCYPIWxamwOE7Drh+N5CPgGI5SA9IEKJiPjdfqWFWmZtRA==" 426 crossorigin="anonymous" 427></script>
vendor: 1 bytes, line 427
427
428<script 429 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 430 src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js" 431 integrity="sha256-q/EiPw4hDxf7AKJEkIHWBspsML3nLL0VB729yuwz+cc=" 432 crossorigin="anonymous" 433></script>
vendor: 1 bytes, line 433
433
434<script 435 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 436 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js" 437 integrity="sha256-sAkXLwDFSAB/S09JCOWRvnoOnhGYDu9VqMnbCKAhMzI=" 438 crossorigin="anonymous" 439></script>
vendor: 1 bytes, line 439
439
440<script 441 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 442 src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.9/jquery.mousewheel.min.js" 443 integrity="sha256-+ZWJyex7JtGOxCSSRu/QgpDkiTWQEqBuE2O8xHMVZCQ=" 444 crossorigin="anonymous" 445></script>
445 446 447<!-- Layout -->
448<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.a5f082e.js"></script>
448 449 450<!-- CKEditor --> 451 452<!-- intl-tel-input --> 453 454<!-- reCAPTCHA --> 455 456<!-- Validator --> 457 458<!-- Algolia --> 459 <!-- Placé à l'extérieur pour l'annuaire --> 460
460<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 461 var ALGOLIA_CONFIG = { 462 allowTyposOnNumericTokens: false, 463 facets: [], 464 facetFilters: [], 465 query: "", 466 page: 0, 467 numericFilters: [], 468 removeWordsIfNoResults: "lastWords", 469 tagFilters: [], 470 typoTolerance: "strict", 471 advancedSyntax: true 472 }; 473 </script>
473 474 475<!-- Charts.js --> 476 477<!-- Choices.js --> 478 479<!-- ContentTools --> 480 481<!-- Cropper --> 482 483<!-- Dompurify --> 484 485<!-- FullCalendar --> 486 487<!-- HTML2Canvas --> 488 489<!-- Parallax --> 490
490<script 491 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 492 src="https://cdnjs.cloudflare.com/ajax/libs/parallax.js/1.5.0/parallax.min.js" 493 integrity="sha256-Jhqqct9kdspgS5FC1W1f/cBOkdDoWMV3eWhU14cqzoY=" 494 crossorigin="anonymous" 495 ></script>
495 496 497<!-- TimeAgo --> 498 499<!-- Simplelightbox --> 500
500<script 501 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 502 src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simple-lightbox.min.js" 503 integrity="sha256-91WTAly9a0bVj+qqtK5TltwOfUMuOCAO+dUFo9KOU9U=" 504 crossorigin="anonymous" 505 ></script>
505 506 507<!-- Leafleft --> 508<!-- Leaflet MarkerCluster --> 509 510 511 512 513
514<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 515 window.dataLayer = window.dataLayer || []; 516 function gtag(){dataLayer.push(arguments);} 517 518 // Google Consent Mode v2 (advanced): the Google tag loads for every visitor but is denied 519 // any storage until Iubenda reports consent for purpose 4 (Measurement), see below. 520 // Visitors who never answer the banner are still counted through cookieless pings. 521 // Do NOT prior-block the tag below with _iub_cs_activate: a blocked tag never runs, 522 // so non-consenting visitors send nothing at all and disappear from the statistics. 523 gtag('consent', 'default', { 524 ad_storage: 'denied', 525 ad_user_data: 'denied', 526 ad_personalization: 'denied', 527 analytics_storage: 'denied', 528 wait_for_update: 500 529 }); 530 531 gtag('js', new Date()); 532 533 gtag('config', "G-PB0RXMTS9D", { 534 send_page_view: false 535 }); 536 gtag('event', 'page_view', {"send_to":"G-PB0RXMTS9D","dimension1":"AssoConnect","dimension2":"school122563","dimension4":"PROD","dimension3":"unknown","dimension5":"LEISURE"}); 537 538 </script>
vendor: 64 bytes, lines 538-539
538 539<script async src="https://www.googletagmanager.com/gtag/js?id=
539G-PB0RXMTS9D
vendor: 58 bytes, lines 539-540
539" nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"></script> 540
541<!-- Iubenda -->
542<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 543 window.openIubendaCookies = function() { 544 if (window._iub && window._iub.cs && window._iub.cs.api) { 545 window._iub.cs.api.openPreferences(); 546 } 547 }; 548 549 var _iubendaHadConsent = false; 550 window._iub = window._iub || []; 551 window._iub.csConfiguration = window._iub.csConfiguration || {}; 552 window._iub.csConfiguration.cookieDomain = location.hostname; 553 window._iub.csConfiguration.storage = { type: 'local_storage' }; 554 window._iub.csConfiguration.emitGtmEvents = true; 555 // Mirrors the Iubenda choice into Google Consent Mode. Called on every page load once the 556 // preference is known, so returning visitors who consented are measured again immediately. 557 function _iubendaSyncGoogleConsent() { 558 if (typeof gtag !== 'function') { 559 return; 560 } 561 var purposes = window._iub.cs.consent && window._iub.cs.consent.purposes; 562 gtag('consent', 'update', { 563 analytics_storage: (purposes && purposes[4]) ? 'granted' : 'denied' 564 }); 565 } 566 567 function _iubendaActivateYoutube() { 568 $(".video-youtube").each(function() { 569 var $el = $(this); 570 $el 571 .after($("<iframe>") 572 .attr("src", "https://www.youtube.com/embed/" + $el.data("video-id") + "?rel=0&start=" + $el.data("video-start")) 573 .attr("style", "width: 100%; height: 100%; border: 0px;") 574 .attr("allow", "fullscreen") 575 ) 576 .remove(); 577 }); 578 } 579 580 function _iubendaActivateFacebook() { 581 $(".feed-facebook").each(function() { 582 var $el = $(this); 583 $el 584 .after($("<iframe>") 585 .attr("src", $el.data("src")) 586 .attr("style", "width: 100%; height: 100%; border: none; overflow: hidden") 587 .attr("scrolling", "no") 588 .attr("allowtransparency", "true") 589 ) 590 .remove(); 591 }); 592 } 593 594 window._iub.csConfiguration.callback = { 595 onConsentGiven: function() {
596 _iubendaHadConsent = true; 597 _iubendaSyncGoogleConsent(); 598 _iubendaActivateYoutube(); 599 _iubendaActivateFacebook(); 600 }, 601 onPreferenceExpressedOrNotNeeded: function() { 602 _iubendaSyncGoogleConsent(); 603 if (window._iub.cs.consent.purposes && window._iub.cs.consent.purposes[4]) { 604 _iubendaActivateYoutube(); 605 _iubendaActivateFacebook(); 606 } 607 }, 608 onConsentRejected: function() { 609 _iubendaSyncGoogleConsent(); 610 if (_iubendaHadConsent) { 611 location.reload(); 612 } 613 } 614 }; 615 616 (function(d, s) { 617 var t = d.getElementsByTagName(s)[0], e = d.createElement(s); 618 e.async = true; e.src = "https:\/\/embeds.iubenda.com\/widgets\/eaf21570-70f8-4ba0-a750-f2c4d7c78a13.js"; 619 t.parentNode.insertBefore(e, t); 620 })(document, "script"); 621 </script>
621 622 623<!-- Tracking -->
624<script async nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 625 626 627 /** 628 * RudderStack common functions 629 */ 630 631 /** 632 * This method allows you to track any actions that your users might perform. Each of these actions is commonly referred to as an event. 633 * 634 * https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track 635 */ 636 function track(event, properties, options, callback) { 637 if(window.rudderanalytics) { 638 window.rudderanalytics.track(event, properties, options, callback); 639 } 640 } 641 642 /** 643 * This method lets you record information about the web page being viewed by the user. 644 * 645 */ 646 function trackPage(event, properties, options, callback) { 647 if(window.rudderanalytics) { 648 window.rudderanalytics.track(event, properties, options, callback); 649 } 650 } 651 652 /** 653 * This method allows you to track any click that your users might perform on a link. 654 * 655 * @param {string} selector jQuery selector of the tracked link 656 * Otherwise same params of the track function: https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track 657 */ 658 function trackLink(selector, event, properties, options, callback) { 659 $(selector).on("click", function(e) { 660 if(window.rudderanalytics) { 661 var _this = $(this); 662 window.rudderanalytics.track(event, properties, options, callback); 663 // Wait for the tracking request to have time to go 664 var timeoutDelay = 300; 665 setTimeout(function() { 666 var href = _this.attr("href"); 667 var target = _this.attr("target"); 668 // New tab 669 if (target) { 670 window.open(href, target || '_blank'); 671 } 672 // Current tab 673 else { 674 window.location.href = href; 675 } 676 }, timeoutDelay); 677 return false; 678 } 679 }); 680 } 681 682 // GTM 683 </script>
683 684 </head> 685 <body> 686 <!-- Layout --> 687 <div id="layoutWrapper" class="nav"> 688 689<!-- Vielle version IE --> 690 691<!-- Thème --> 692<style nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 693 694 /** 695 * Couleur principale 696 */ 697 698 /* Transforme @blue et @body en blanc en fonction de la couleur du menu */ 699 700 /* Color */ 701 h1, 702 h3, 703 .textImportant, 704 a, 705 a:link, 706 a:visited, 707 a:active, 708 .colorBlue, 709 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons, 710 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, 711 .radio input[type="radio"].custom-radio:checked + .icons, 712 .radio input[type="radio"].custom-radio:checked + .icons .icon-checked, 713 .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle, 714 .buttonWhite, 715 .buttonWhiteAlt:active, 716 .buttonWhiteBlue, 717 .buttonTransparent:hover, 718 .radioAlt.colorWhite.radioAltSelected, 719 #thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2, 720 .thumbPostWrapper h2, 721 .thumbWrapper .thumbCommon .thumbDetails .thumbName, 722 .thumbWrapper .thumbCommon .thumbDetails .thumbMore, 723 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover, 724 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, 725 #templateTabulation .active, 726 #messagesWrapper .message .messageContent .messageIcon svg { 727 color: #383f47; 728 } 729 #agendaWrapper, 730 div:not(#agendaWrapper) > #agendaEvent, 731 #agendaWrapper #agendaEvent #agendaEventName, 732 div:not(#agendaWrapper) > #agendaEvent #agendaEventName, 733 #agendaWrapper #agendaList .agendaDate, 734 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton { 735 color: #383f47; 736 } 737 738 /* Fix event colors */ 739 #agendaEvent #agendaEventDate, #agendaEvent #agendaEventDescription, #agendaEvent #agendaEventAddress { 740 color: #595959; 741 } 742 743 #agendaEventReturn svg path{ 744 fill: #383f47; 745 } 746 747 #templateNavWrapper #templateNav ul li, 748 #templateNavWrapper #templateNav ul li a, 749 #templateNavBar, 750 #templateNavSubBarWrapper, 751 #templateNavSubBarWrapper #templateNavSubBar a, 752 #templateSubNavWrapper ul li a, 753 #agendaWrapper #agendaList .agendaListEvent.colorBodyOrWhite, 754 #agendaWrapper #agendaList h3.colorBodyOrWhite, 755 #agendaWrapper #agendaList .eventColor.colorBodyOrWhite, 756 #eventWrapper #eventDateLeftWrapper{ 757 color: #595959; 758 } 759 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton { 760 color: #ffffff; 761 } 762 .buttonWhiteBlue:hover { 763 color: #32383f; 764 } 765 .buttonWhiteBlue:active, 766 .buttonTransparent:active { 767 color: #2f353c; 768 } 769 #agendaWrapper #agendaList h3.colorBodyOrWhite, 770 #agendaWrapper #agendaList .eventColor.colorBodyOrWhite { 771 border-color: #595959; 772 } 773 .buttonBlue, 774 .backgroundBlue { 775 color: #ffffff; 776 } 777 .backgroundTheme { 778 background-color: #d2d7d3; 779 color: #595959; 780 } 781 /* Background */ 782 .backgroundBlue, 783 .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber, 784 .buttonBlue, 785 .dialogDotWrapper .dialogDot.dialogDotCurrent, 786 .progressbar-blue div, 787 .radioAlt.colorBlue:not(.eventColor), /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 788 #messagesWrapper .message, 789 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 790 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 791 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton, 792 #templateNavWrapper #templateNav #navBasket { 793 background-color: #383f47; 794 } 795 .formUpload .formUploadInputWrapper input:hover ~ div, 796 .buttonBlue:hover, 797 .radioAlt.colorBlue.radioAltSelected, 798 #messagesWrapper .message, 799 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:hover, 800 #templateNavWrapper #templateNav #navBasket:hover { 801 background-color: #2f353c; 802 } 803 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 804 background-color: #404851; 805 } 806 .dialogDotWrapper .dialogDot:hover { 807 background-color: #434b55; 808 } 809 .buttonBlue:active, 810 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active { 811 background-color: #2c3238; 812 } 813 .dialogDotWrapper .dialogDot { 814 background-color: #48515c; 815 } 816 .buttonWhiteBlue:active { 817 background-color: #4b555f; 818 } 819 .buttonWhiteBlue:hover { 820 background-color: #4e5863; 821 } 822 /* Border */ 823 .backgroundBlueLight, 824 input[type="text"]:hover, 825 input[type="search"]:hover:not(.choices__input), 826 .choices:hover, 827 input[type="password"]:hover, 828 input[type="date"]:hover, 829 input[type="tel"]:hover, 830 input[type="number"]:hover, 831 input[type="datetime-local"]:hover, 832 input[type="email"]:hover, 833 input[type="url"]:hover, 834 textarea:hover, 835 select:hover, 836 input[type="text"]:focus, 837 input[type="search"]:focus:not(.choices__input), 838 .choices.is-focused, 839 input[type="password"]:focus, 840 input[type="date"]:focus, 841 input[type="tel"]:focus, 842 input[type="number"]:focus, 843 input[type="datetime-local"]:focus, 844 input[type="email"]:focus, 845 input[type="url"]:focus, 846 textarea:focus, 847 select:focus, 848 .radioImageWrapper.radioImageChecked, 849 .accordion .accordionContent.accordionColor .accordionTitleWrapper, 850 .buttonWhiteBlue, 851 .dropdownMenu div h2, 852 .radioAlt.colorWhite.radioAltSelected, 853 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, 854 #postViewMore { 855 border-color: #383f47; 856 } 857 #agendaWrapper #agendaEvent #agendaEventReturn, 858 div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn { 859 border-color: #383f47; 860 } 861 .buttonWhiteBlue:hover { 862 border-color: #3d454e; 863 } 864 .buttonWhiteBlue:active { 865 border-color: #404851; 866 } 867 .radioAlt.colorWhite:hover:not(.radioAltSelected), 868 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 869 border-color: #434b55; 870 } 871 .radioAlt.colorBlue.radioAltSelected { 872 border-color: #272c31; 873 } 874 .buttonWhiteAlt:active { 875 outline-color: #383f47; 876 } 877 .buttonWhiteAlt:hover { 878 border-color: #434b55; 879 } 880 881 /** 882 * Couleur du menu 883 */ 884 @media (min-width: 1151px) { 885 #templateNavWrapper, 886 #templateNavWrapper:before, 887 #templateNavBar { 888 background-color: #d2d7d3; 889 } 890 #templateSubNavWrapper { 891 background-color: 892 #c7ccc8 ; 893 } 894 #templateHeaderWrapper #templateHeader #templateHeaderMargin { 895 display: none; 896 } 897 } 898 @media (max-width: 1150px) { 899 #templateNavWrapper, 900 #templateNavWrapper:before, 901 #templateNavBar, 902 #templateSubNavWrapper { 903 background-color: #d2d7d3; 904 } 905 } 906 #templateNavSubBarWrapper, 907 #templateNavSubBarWrapper #templateNavSubBarLeft, 908 #templateNavSubBarWrapper #templateNavSubBarRight { 909 background-color: #c7ccc8; 910 } 911 #agendaWrapper, 912 div:not(#agendaWrapper) > #agendaEvent, 913 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton, 914 #eventWrapper #eventDateLeftWrapper { 915 background-color: #d2d7d3; 916 } 917 #eventWrapper #eventPicture #eventInfos #eventName { 918 border-color: #d2d7d3; 919 } 920 /* Couleur des hovers */ 921 #templateNavWrapper #templateNav ul li.active, 922 #templateNavWrapper #templateNav ul li:not(.hideHover):hover { 923 background-color: #bdc1bd; 924 } 925 @media (min-width: 1151px) { 926 #templateSubNavWrapper ul li.active, 927 #templateSubNavWrapper ul li:hover { 928 background: #bdc1bd; 929 } 930 } 931 @media (max-width: 1150px) { 932 #templateNavSubBarWrapper #templateNavSubBar li.active { 933 background: #bdc1bd; 934 } 935 } 936 937 /** 938 * Couleur du fond 939 */ 940 body { 941 background-color: #ffffff; 942 } 943 944 /** 945 * Couleur du bas de page 946 */ 947 #templateFooterWrapper { 948 background-color: #faf9f8; 949 } 950 951 /** 952 * Texture du menu (non applicable si le menu est transparent) 953 */ 954 #templateNavWrapper, 955 #templateNavWrapper:before, 956 #templateSubNavWrapper, 957 #templateNavBar, 958 #templateNavSubBarWrapper, 959 #templateNavSubBarWrapper #templateNavSubBarLeft, 960 #templateNavSubBarWrapper #templateNavSubBarRight { 961 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 962 } 963 964 /** 965 * Texture du fond 966 */ 967 body { 968 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/45-degree-fabric-light.png"); 969 } 970 971 /** 972 * Texture du bas de page 973 */ 974 #templateFooterWrapper { 975 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 976 } 977 978 /** 979 * Autres 980 */ 981 982 /* Permet d'afficher le haut de page dans l'édition */ 983 984 /* Hauteur du haut de page */ 985 #templateHeaderWrapper { 986 height: 350px 987 } 988 989 /* Position de l'image de l'organisation dans le haut de page */ 990 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture { 991 display: none; 992 } 993 994 /* Taille texte bloc */ 995 #templateHeaderBlockTitleWrapper { 996 font-size: 0px; 997 } 998 999 /* Taille image bloc */ 1000 #templateHeaderBlockVendorPictureWrapper img { 1001 width: 0px; 1002 } 1003 1004 /* Type de bloc */ 1005 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1006 background-color: rgba(44, 62, 80, .5); 1007 } 1008 1009 @media (min-width: 1151px) { 1010 /* Position du logo dans le menu */ 1011 #templateNavWrapper #templateNav #navVendorWrapper { 1012 display: none; 1013 } 1014 1015 /* Place le haut de page sous le menu si le menu est transparent */ 1016 1017 /* Hauteur du menu (les ">" pour ignorer les sous-menus) */ 1018 #templateNavWrapper #templateNav > ul > li { 1019 height: 50px; 1020 } 1021 #templateSubNavWrapper ul li { 1022 height: 40px; 1023 line-height: 40px; 1024 } 1025 #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { 1026 max-height: 50px; 1027 } 1028 1029 /* Type de bloc */ 1030 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1031 background-color: transparent; 1032 } 1033 1034 /* La largeur du haut de page ne dépasse pas la largeur du contenu du site */ 1035 #templateNavWrapper, 1036 #templateSubNavWrapper, 1037 #templateHeaderWrapper { 1038 max-width: 1131px; 1039 margin-left: -webkit-calc(50% - 565.5px); /* Safari */ 1040 margin-left: calc(50% - 565.5px); /* 565.5 = width / 2 */ 1041 } 1042 1043 /* Arrondi les coins du menu, du haut de page et du contenu */ 1044 1045 /* Séparation des différents éléments */ 1046 1047 /* Position du bloc */ 1048 #templateHeaderWrapper #templateHeader { 1049 text-align: right; 1050 } 1051 1052 /* Texte du menu en gras */ 1053 1054 /* Texte du menu en majuscule */ 1055 #templateNavWrapper #templateNav, 1056 #templateSubNavWrapper { 1057 text-transform: uppercase; 1058 } 1059 1060 /* Cache les icônes */ 1061 #templateNav ._gif:not(.noHide) { 1062 display: none; 1063 } 1064 1065 /* Espacement entre les items du menu */ 1066 #templateNavWrapper #templateNav ul li a, 1067 #templateNavWrapper #templateNav ul li ul li a, 1068 #templateSubNavWrapper ul li a { 1069 padding: 0 15px; 1070 } 1071 1072 /* Alignement du contenu du menu */ 1073 #templateNavWrapper #templateNav, 1074 #templateSubNavWrapper { 1075 text-align: center; 1076 } 1077 1078 /* Hauteur du logo de l'organisation dans le haut de page */ 1079 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img { 1080 height: 250px; 1081 } 1082 } 1083 1084 @media (max-width: 1150px) { 1085 #templateNavBarVendorPicture { 1086 display: none; 1087 } 1088 1089 /* Cache le bloc en responsive si le site dispose d'un logo d'organisation */ 1090 1091 /* Alignement du menu en fonction de la barre d'administration */ 1092 #templateNavWrapper { 1093 top: 55px; 1094 } 1095 1096 } 1097 1098 /* Fond fullscreen dans les pages personnalisées */
1099 #boxes .boxLandmarkBackground { 1100 width: calc(100% + 27px); 1101 margin-left: -13.5px !important; 1102 max-width: 1131px !important; 1103 } 1104 1105 /* Arrondi des champs */ 1106 input[type="text"], 1107 input[type="search"]:not(.choices__input), 1108 .choices, 1109 input[type="password"], 1110 input[type="date"], 1111 input[type="tel"], 1112 input[type="number"], 1113 input[type="datetime-local"], 1114 input[type="email"], 1115 input[type="url"], 1116 textarea { 1117 border-radius: 10px; 1118 padding: 9px; 1119 } 1120 select { 1121 border-radius: 10px; 1122 } 1123 .selected-flag, 1124 .buttonBig, 1125 .buttonLarge, 1126 .buttonSmall, 1127 .bootstrap-switch, 1128 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 1129 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, 1130 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 1131 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 1132 border-radius: 10px; 1133 } 1134 .buttonLarge { 1135 padding: 10px; 1136 } 1137 .buttonSmall { 1138 } 1139</style> 1140<!-- Message --> 1141<!-- Affichage Spark\Notification::message --> 1142<div id="messagesWrapper"> 1143 </div> 1144
1145<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1146 $('.message-support .messageClose').click(function(event) { 1147 _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); 1148 }); 1149</script>
1149 1150<!-- Misc Spark --> 1151 1152<div class="displayNone" id="sparkTemplateTableExportColumns"> 1153 <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/1752138-contact"><input type="hidden" name="_formMulti" value="6ab5ad07411cf|b9cc55b0b92a2317f8f4a23af13b9f160531f18f">
1153<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1154 $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ 1155 var _this = $(this); 1156 var renable = false; 1157 if(_this.data("multi-submit-protection")){ 1158 return false; 1159 } 1160 else{ 1161 // Blocage à la prochaine soumission 1162 _this.data("multi-submit-protection", true); 1163 // Blocage & chargement sur les boutons 1164 _this.find("button[type='submit']").each(function(){ 1165 var text = $(this).text(); 1166 var buttonDOM = $(this); 1167 var buttonInterval; 1168 buttonDOM 1169 .addClass("disabled") 1170 .prop("disabled", true) 1171 .css("width", buttonDOM.outerWidth() + "px") 1172 .text(".") 1173 .inDOM(function() { 1174 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1175 buttonInterval = setInterval(function() { 1176 if(buttonDOM.text().length === 3) { 1177 buttonDOM.text("."); 1178 } 1179 else { 1180 buttonDOM.text(buttonDOM.text() + "."); 1181 } 1182 }, 300); 1183 }); 1184 // Déblocage au bout de 1 seconde 1185 if(renable){ 1186 window.setTimeout(function(){ 1187 clearInterval(buttonInterval); 1188 buttonDOM 1189 .prop("disabled", false) 1190 .removeClass("disabled") 1191 .removeAttr("style") 1192 .text(text); 1193 }, 1000); 1194 } 1195 }); 1196 // Déblocage au bout de 1 seconde 1197 if(renable){ 1198 window.setTimeout(function(){ 1199 _this.data("multi-submit-protection", false); 1200 }, 1000); 1201 } 1202 // Retour 1203 return true; 1204 } 1205 }); 1206 </script>
1206 <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> 1207 <label 1208 id="sparkTableExportColumnLabel" 1209 > 1210 Exporter les lignes sélectionnées 1211 1212 1213 </label> 1214 <div class="formContent"> 1215 1216 <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1217 <label class="radio" for="sparkTableExportColumn_all"> 1218 <input 1219 type="radio" 1220 name="sparkTableExportColumn" 1221 id="sparkTableExportColumn_all" 1222 value="all" 1223 1224 1225 class="" 1226 > 1227 <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> 1228 </label> 1229 </div> 1230
1230<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1231 if(document.readyState === "complete"){ 1232 $("#sparkTableExportColumn_all").radiocheck(); 1233 } 1234 </script>
1234 1235 1236 <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1237 <label class="radio" for="sparkTableExportColumn_filter"> 1238 <input 1239 type="radio" 1240 name="sparkTableExportColumn" 1241 id="sparkTableExportColumn_filter" 1242 value="filter" 1243 1244 1245 class="" 1246 > 1247 <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> 1248 </label> 1249 </div> 1250
1250<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1251 if(document.readyState === "complete"){ 1252 $("#sparkTableExportColumn_filter").radiocheck(); 1253 } 1254 </script>
1254 1255 </div></div> </form> 1256
1256<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1257 _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); 1258 </script>
1258 1259 </div> 1260 1261<!-- Barre d'administration --> 1262 1263<!-- Barre de navigation responsive --> 1264<div id="templateNavBar"> 1265 1266 <div id="templateNavBarVendorPicture"> 1267 <!-- Une organisation en particulier --> 1268 <a href="/"> 1269 <img src="https://app.assoconnect.com/services/storage?id=4366352&type=picture&secret=QhS7QLAsIXhIVrNBq9uXFMNTkfQPT5mUwdGisgmb&timestamp=1776324283&size=small" alt="Club Lotus France"> 1270 </a> 1271 <!-- L'organisation principale --> 1272 </div> 1273 1274 <div id="templateNavBarToggleMenu"> 1275 <span>Menu</span> 1276 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.menu2.32.dark.png" class="_gif icoMenu232Dark" alt="icoMenu232Dark" title="" id="templateNavBarToggleMenuOpen" > <img src="https://assets.assoconnect.com/legacy/common/ico/ico.cross.32.dark.png" class="_gif icoCross32Dark" alt="icoCross32Dark" title="" id="templateNavBarToggleMenuClose" > </div> 1277 1278 <div class="clearBoth"></div> 1279 1280</div> 1281 1282 1283<!-- Header top --> 1284 ?> 1285<header id="templateHeaderWrapper"> 1286 <div id="templateHeaderWrapperHover" class="templateHover"></div> 1287 <div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture"> 1288 <div class="displayTable height100 width100"> 1289 <div class="displayTableCell valignMiddle"> 1290 <p>Images de la page d'accueil</p> 1291 <div class="templateEditableButton">Cliquez pour éditer</div> 1292 </div> 1293 </div> 1294 </div> 1295 <div 1296 id="templateHeader" 1297 class="displayNone" 1298 > 1299 <div id="templateHeaderMargin"></div> 1300 <div id="templateHeaderBlockContainer"> 1301 <div id="templateHeaderBlockContainerHover" class="templateHover"></div> 1302 <div id="templateHeaderBlockContainerEditable" class="templateEditable templateEditableBlock"> 1303 <div class="displayTable height100 width100"> 1304 <div class="displayTableCell valignMiddle"> 1305 <p>Texte, bouton et/ou inscription à la newsletter</p> 1306 <div class="templateEditableButton">Cliquez pour éditer</div> 1307 </div> 1308 </div> 1309 </div> 1310 <div id="templateHeaderBlockWrapper"> 1311 <div id="templateHeaderBlock"> 1312 <div id="templateHeaderBlockTitleWrapper"> 1313 </div> 1314 <div id="templateHeaderBlockNewsletterContainer"> 1315 <form id="templateHeaderBlockNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateHeaderBlockNewsletter"><input type="hidden" name="_origin" value="/page/1752138-contact"><input type="hidden" name="_formMulti" value="6ab5ad075537d|912ee5af255533be355c920e4c20d3588cf633d4">
1315<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1316 $("#templateHeaderBlockNewsletterForm").on("submit", function(){ 1317 var _this = $(this); 1318 var renable = true; 1319 if(_this.data("multi-submit-protection")){ 1320 return false; 1321 } 1322 else{ 1323 // Blocage à la prochaine soumission 1324 _this.data("multi-submit-protection", true); 1325 // Blocage & chargement sur les boutons 1326 _this.find("button[type='submit']").each(function(){ 1327 var text = $(this).text(); 1328 var buttonDOM = $(this); 1329 var buttonInterval; 1330 buttonDOM 1331 .addClass("disabled") 1332 .prop("disabled", true) 1333 .css("width", buttonDOM.outerWidth() + "px") 1334 .text(".") 1335 .inDOM(function() { 1336 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1337 buttonInterval = setInterval(function() { 1338 if(buttonDOM.text().length === 3) { 1339 buttonDOM.text("."); 1340 } 1341 else { 1342 buttonDOM.text(buttonDOM.text() + "."); 1343 } 1344 }, 300); 1345 }); 1346 // Déblocage au bout de 1 seconde 1347 if(renable){ 1348 window.setTimeout(function(){ 1349 clearInterval(buttonInterval); 1350 buttonDOM 1351 .prop("disabled", false) 1352 .removeClass("disabled") 1353 .removeAttr("style") 1354 .text(text); 1355 }, 1000); 1356 } 1357 }); 1358 // Déblocage au bout de 1 seconde 1359 if(renable){ 1360 window.setTimeout(function(){ 1361 _this.data("multi-submit-protection", false); 1362 }, 1000); 1363 } 1364 // Retour 1365 return true; 1366 } 1367 }); 1368 </script>
1368 <div class="row colsMiddle"> 1369 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 1370 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateHeaderBlockNewsletterEmailNotice"></div> 1371 <label 1372 id="templateHeaderBlockNewsletterEmailLabel" 1373 for="templateHeaderBlockNewsletterEmail" 1374 > 1375 Je m'abonne à la newsletter 1376 1377 1378 </label> 1379 <input 1380 type="email" 1381 data-typo-check="true" 1382 name="templateHeaderBlockNewsletterEmail" 1383 class="" 1384 value="" 1385 placeholder="Je m'abonne à la newsletter" 1386 autocomplete="email" 1387 1388 1389 id="templateHeaderBlockNewsletterEmail" 1390 > 1391 1392 <div class="clearBoth"></div> 1393 </div> 1394
1394<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1395 $("#templateHeaderBlockNewsletterEmail").on("change", function() { 1396 _spark.form.mail.check("templateHeaderBlockNewsletterEmail"); 1397 }); 1398 </script>
1398 1399 </div> 1400 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 1401 1402 <button 1403 type="submit" 1404 id="templateHeaderBlockNewsletterSubmit" 1405 class=" 1406 button 1407 buttonOrange 1408 textAlignCenter 1409 buttonLarge 1410 1411 1412 " 1413 1414 > 1415 1416 <span class="valignInitial">OK</span> 1417 </button> 1418 </div> 1419 </div> 1420 1421 </form> 1422
1422<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1423 $("#templateHeaderBlockNewsletterForm") 1424 // Init 1425 .data("dirty", 0) 1426 // Form submit is possible 1427 .on("submit", function(){ 1428 window.onbeforeunload = null; 1429 }) 1430 // On change 1431 .find("input, textarea").on("change", function(){ 1432 if(document.readyState === "complete"){ 1433 $("#templateHeaderBlockNewsletterForm").data().dirty++; 1434 } 1435 }); 1436 // Ajout 1437 _spark.dirty.push(function(){ 1438 return $("#templateHeaderBlockNewsletterForm").data("dirty") > 0; 1439 }); 1440 </script>
1440 1441 1442
1442<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 1443 _spark.form.mail.initMailGroup("templateHeaderBlockNewsletter"); 1444 </script>
1444 1445 </div> 1446 <div id="templateHeaderBlockButtonWrapper" class="displayNone"> 1447 1448 <div 1449 id="templateHeaderBlockButtonButton" 1450 class=" 1451 button 1452 textAlignCenter 1453 buttonBlue 1454 buttonLarge 1455 1456 valignMiddle 1457 " 1458 ><span class="valignInitial"></span></div> </div> 1459 <div id="templateHeaderBlockSocialWrapper"> 1460 </div> 1461 </div> 1462 </div> 1463 </div> 1464 </div> 1465 <!-- Fix #6796 --> 1466 <div id="templateHeaderVendorPictureWrapper"> 1467 <a 1468 href="https://www.club-lotus.fr" 1469 id="templateHeaderVendorPicture" 1470 > 1471 <img src="https://app.assoconnect.com/services/storage?id=4366352&type=picture&secret=QhS7QLAsIXhIVrNBq9uXFMNTkfQPT5mUwdGisgmb&timestamp=1776324283" class="notHeightAuto"> 1472 </a> 1473 </div> 1474 <!-- Fix #10003 --> 1475 <!-- Fond de remplacement si aucune image --> 1476 <!-- Pour le mode édition n'affiche que la première image --> 1477 <!-- Récupère le sprite --> 1478 <!-- Affiche la ou les images --> 1479 <div id="templateHeaderPictures"> 1480 <div class="templateHeaderPicture"> 1481 <div class="templateHeaderPictureReference"> 1482 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1483 position: absolute; 1484 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -0px; 1485 width: 1228px; 1486 height: 350px; 1487 top: 0; 1488 left: -587px; 1489 "> 1490 </div> 1491 </div> 1492 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1493 <div class="templateHeaderPicture"> 1494 <div class="templateHeaderPictureReference"> 1495 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1496 position: absolute; 1497 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -350px; 1498 width: 1228px; 1499 height: 350px; 1500 top: 0; 1501 left: -587px; 1502 "> 1503 </div> 1504 </div> 1505 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1506 <div class="templateHeaderPicture"> 1507 <div class="templateHeaderPictureReference"> 1508 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1509 position: absolute; 1510 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -700px; 1511 width: 1228px; 1512 height: 350px; 1513 top: 0; 1514 left: -587px; 1515 "> 1516 </div> 1517 </div> 1518 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1519 <div class="templateHeaderPicture"> 1520 <div class="templateHeaderPictureReference"> 1521 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1522 position: absolute; 1523 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -1050px; 1524 width: 1228px; 1525 height: 350px; 1526 top: 0; 1527 left: -587px; 1528 "> 1529 </div>
1530 </div> 1531 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1532 <div class="templateHeaderPicture"> 1533 <div class="templateHeaderPictureReference"> 1534 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1535 position: absolute; 1536 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -1400px; 1537 width: 1228px; 1538 height: 350px; 1539 top: 0; 1540 left: -587px; 1541 "> 1542 </div> 1543 </div> 1544 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1545 <div class="templateHeaderPicture"> 1546 <div class="templateHeaderPictureReference"> 1547 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1548 position: absolute; 1549 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -1750px; 1550 width: 1228px; 1551 height: 350px; 1552 top: 0; 1553 left: -587px; 1554 "> 1555 </div> 1556 </div> 1557 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1558 <div class="templateHeaderPicture"> 1559 <div class="templateHeaderPictureReference"> 1560 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1561 position: absolute; 1562 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -2100px; 1563 width: 1228px; 1564 height: 350px; 1565 top: 0; 1566 left: -587px; 1567 "> 1568 </div> 1569 </div> 1570 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1571 <div class="templateHeaderPicture"> 1572 <div class="templateHeaderPictureReference"> 1573 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1574 position: absolute; 1575 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -2450px; 1576 width: 1228px; 1577 height: 350px; 1578 top: 0; 1579 left: -587px; 1580 "> 1581 </div> 1582 </div> 1583 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1584 <div class="templateHeaderPicture"> 1585 <div class="templateHeaderPictureReference"> 1586 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1587 position: absolute; 1588 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -2800px; 1589 width: 1228px; 1590 height: 350px; 1591 top: 0; 1592 left: -587px; 1593 "> 1594 </div>
1595 </div> 1596 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1597 <div class="templateHeaderPicture"> 1598 <div class="templateHeaderPictureReference"> 1599 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1600 position: absolute; 1601 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -3150px; 1602 width: 1228px; 1603 height: 350px; 1604 top: 0; 1605 left: -587px; 1606 "> 1607 </div> 1608 </div> 1609 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1610 <div class="templateHeaderPicture"> 1611 <div class="templateHeaderPictureReference"> 1612 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1613 position: absolute; 1614 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -3500px; 1615 width: 1228px; 1616 height: 350px; 1617 top: 0; 1618 left: -587px; 1619 "> 1620 </div> 1621 </div> 1622 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1623 <div class="templateHeaderPicture"> 1624 <div class="templateHeaderPictureReference"> 1625 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1626 position: absolute; 1627 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -3850px; 1628 width: 1228px; 1629 height: 350px; 1630 top: 0; 1631 left: -587px; 1632 "> 1633 </div> 1634 </div> 1635 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1636 <div class="templateHeaderPicture"> 1637 <div class="templateHeaderPictureReference"> 1638 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1639 position: absolute; 1640 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -4200px; 1641 width: 1228px; 1642 height: 350px; 1643 top: 0; 1644 left: -587px; 1645 "> 1646 </div> 1647 </div> 1648 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1649 <div class="templateHeaderPicture"> 1650 <div class="templateHeaderPictureReference"> 1651 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1652 position: absolute; 1653 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -4550px; 1654 width: 1228px; 1655 height: 350px; 1656 top: 0; 1657 left: -587px; 1658 "> 1659 </div>
1660 </div> 1661 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1662 <div class="templateHeaderPicture"> 1663 <div class="templateHeaderPictureReference"> 1664 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1665 position: absolute; 1666 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -4900px; 1667 width: 1228px; 1668 height: 350px; 1669 top: 0; 1670 left: -587px; 1671 "> 1672 </div> 1673 </div> 1674 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1675 <div class="templateHeaderPicture"> 1676 <div class="templateHeaderPictureReference"> 1677 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1678 position: absolute; 1679 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -5250px; 1680 width: 1228px; 1681 height: 350px; 1682 top: 0; 1683 left: -587px; 1684 "> 1685 </div> 1686 </div> 1687 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1688 <div class="templateHeaderPicture"> 1689 <div class="templateHeaderPictureReference"> 1690 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1691 position: absolute; 1692 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -5600px; 1693 width: 1228px; 1694 height: 350px; 1695 top: 0; 1696 left: -587px; 1697 "> 1698 </div> 1699 </div> 1700 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1701 <div class="templateHeaderPicture"> 1702 <div class="templateHeaderPictureReference"> 1703 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1704 position: absolute; 1705 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -5950px; 1706 width: 1228px; 1707 height: 350px; 1708 top: 0; 1709 left: -587px; 1710 "> 1711 </div> 1712 </div> 1713 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1714 <div class="templateHeaderPicture"> 1715 <div class="templateHeaderPictureReference"> 1716 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1717 position: absolute; 1718 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -6300px; 1719 width: 1228px; 1720 height: 350px; 1721 top: 0; 1722 left: -587px; 1723 "> 1724 </div>
1725 </div> 1726 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1727 <div class="templateHeaderPicture"> 1728 <div class="templateHeaderPictureReference"> 1729 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1730 position: absolute; 1731 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -6650px; 1732 width: 1228px; 1733 height: 350px; 1734 top: 0; 1735 left: -587px; 1736 "> 1737 </div> 1738 </div> 1739 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1740 <div class="templateHeaderPicture"> 1741 <div class="templateHeaderPictureReference"> 1742 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1743 position: absolute; 1744 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -7000px; 1745 width: 1228px; 1746 height: 350px; 1747 top: 0; 1748 left: -616px; 1749 "> 1750 </div> 1751 </div> 1752 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1753 <div class="templateHeaderPicture"> 1754 <div class="templateHeaderPictureReference"> 1755 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1756 position: absolute; 1757 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -7350px; 1758 width: 1228px; 1759 height: 350px; 1760 top: 0; 1761 left: -587px; 1762 "> 1763 </div> 1764 </div> 1765 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1766 <div class="templateHeaderPicture"> 1767 <div class="templateHeaderPictureReference"> 1768 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1769 position: absolute; 1770 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -7700px; 1771 width: 1228px; 1772 height: 350px; 1773 top: 0; 1774 left: -587px; 1775 "> 1776 </div> 1777 </div> 1778 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1779 <div class="templateHeaderPicture"> 1780 <div class="templateHeaderPictureReference"> 1781 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1782 position: absolute; 1783 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -8050px; 1784 width: 1228px; 1785 height: 350px; 1786 top: 0; 1787 left: -587px; 1788 "> 1789 </div>
1790 </div> 1791 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1792 <div class="templateHeaderPicture"> 1793 <div class="templateHeaderPictureReference"> 1794 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1795 position: absolute; 1796 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -8400px; 1797 width: 1228px; 1798 height: 350px; 1799 top: 0; 1800 left: -587px; 1801 "> 1802 </div> 1803 </div> 1804 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1805 <div class="templateHeaderPicture"> 1806 <div class="templateHeaderPictureReference"> 1807 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1808 position: absolute; 1809 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -8750px; 1810 width: 1228px; 1811 height: 350px; 1812 top: 0; 1813 left: -587px; 1814 "> 1815 </div> 1816 </div> 1817 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1818 <div class="templateHeaderPicture"> 1819 <div class="templateHeaderPictureReference"> 1820 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1821 position: absolute; 1822 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -9100px; 1823 width: 1228px; 1824 height: 350px; 1825 top: 0; 1826 left: -587px; 1827 "> 1828 </div> 1829 </div> 1830 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1831 <div class="templateHeaderPicture"> 1832 <div class="templateHeaderPictureReference"> 1833 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1834 position: absolute; 1835 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -9450px; 1836 width: 1228px; 1837 height: 350px; 1838 top: 0; 1839 left: -587px; 1840 "> 1841 </div> 1842 </div> 1843 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1844 <div class="templateHeaderPicture"> 1845 <div class="templateHeaderPictureReference"> 1846 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1847 position: absolute; 1848 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -9800px; 1849 width: 1228px; 1850 height: 350px; 1851 top: 0; 1852 left: -587px; 1853 "> 1854 </div>
1855 </div> 1856 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1857 <div class="templateHeaderPicture"> 1858 <div class="templateHeaderPictureReference"> 1859 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1860 position: absolute; 1861 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -10150px; 1862 width: 1228px; 1863 height: 350px; 1864 top: 0; 1865 left: -587px; 1866 "> 1867 </div> 1868 </div> 1869 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1870 <div class="templateHeaderPicture"> 1871 <div class="templateHeaderPictureReference"> 1872 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1873 position: absolute; 1874 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -10500px; 1875 width: 1228px; 1876 height: 350px; 1877 top: 0; 1878 left: -587px; 1879 "> 1880 </div> 1881 </div> 1882 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1883 <div class="templateHeaderPicture"> 1884 <div class="templateHeaderPictureReference"> 1885 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1886 position: absolute; 1887 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -10850px; 1888 width: 1228px; 1889 height: 350px; 1890 top: 0; 1891 left: -587px; 1892 "> 1893 </div> 1894 </div> 1895 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1896 <div class="templateHeaderPicture"> 1897 <div class="templateHeaderPictureReference"> 1898 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1899 position: absolute; 1900 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -11200px; 1901 width: 1228px; 1902 height: 350px; 1903 top: 0; 1904 left: -587px; 1905 "> 1906 </div> 1907 </div> 1908 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1909 <div class="templateHeaderPicture"> 1910 <div class="templateHeaderPictureReference"> 1911 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1912 position: absolute; 1913 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -11550px; 1914 width: 1228px; 1915 height: 350px; 1916 top: 0; 1917 left: -587px; 1918 "> 1919 </div>
1920 </div> 1921 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1922 <div class="templateHeaderPicture"> 1923 <div class="templateHeaderPictureReference"> 1924 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1925 position: absolute; 1926 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -11900px; 1927 width: 1228px; 1928 height: 350px; 1929 top: 0; 1930 left: -587px; 1931 "> 1932 </div> 1933 </div> 1934 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1935 <div class="templateHeaderPicture"> 1936 <div class="templateHeaderPictureReference"> 1937 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1938 position: absolute; 1939 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -12250px; 1940 width: 1228px; 1941 height: 350px; 1942 top: 0; 1943 left: -587px; 1944 "> 1945 </div> 1946 </div> 1947 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1948 <div class="templateHeaderPicture"> 1949 <div class="templateHeaderPictureReference"> 1950 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1951 position: absolute; 1952 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -12600px; 1953 width: 1228px; 1954 height: 350px; 1955 top: 0; 1956 left: -587px; 1957 "> 1958 </div> 1959 </div> 1960 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1961 <div class="templateHeaderPicture"> 1962 <div class="templateHeaderPictureReference"> 1963 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1964 position: absolute; 1965 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -12950px; 1966 width: 1228px; 1967 height: 350px; 1968 top: 0; 1969 left: -587px; 1970 "> 1971 </div> 1972 </div> 1973 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1974 <div class="templateHeaderPicture"> 1975 <div class="templateHeaderPictureReference"> 1976 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1977 position: absolute; 1978 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -13300px; 1979 width: 1228px; 1980 height: 350px; 1981 top: 0; 1982 left: -587px; 1983 "> 1984 </div>
1985 </div> 1986 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1987 <div class="templateHeaderPicture"> 1988 <div class="templateHeaderPictureReference"> 1989 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1990 position: absolute; 1991 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -13650px; 1992 width: 1228px; 1993 height: 350px; 1994 top: 0; 1995 left: -587px; 1996 "> 1997 </div> 1998 </div> 1999 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 2000 <div class="templateHeaderPicture"> 2001 <div class="templateHeaderPictureReference"> 2002 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 2003 position: absolute; 2004 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -14000px; 2005 width: 1228px; 2006 height: 350px; 2007 top: 0; 2008 left: -587px; 2009 "> 2010 </div> 2011 </div> 2012 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 2013 <div class="templateHeaderPicture"> 2014 <div class="templateHeaderPictureReference"> 2015 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 2016 position: absolute; 2017 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -14350px; 2018 width: 1228px; 2019 height: 350px; 2020 top: 0; 2021 left: -587px; 2022 "> 2023 </div> 2024 </div> 2025 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 2026 <div class="templateHeaderPicture"> 2027 <div class="templateHeaderPictureReference"> 2028 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 2029 position: absolute; 2030 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -14700px; 2031 width: 1228px; 2032 height: 350px; 2033 top: 0; 2034 left: -587px; 2035 "> 2036 </div> 2037 </div> 2038 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 2039 <div class="templateHeaderPicture"> 2040 <div class="templateHeaderPictureReference"> 2041 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 2042 position: absolute; 2043 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -15050px; 2044 width: 1228px; 2045 height: 350px; 2046 top: 0; 2047 left: -587px; 2048 "> 2049 </div>
2050 </div> 2051 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 2052 <div class="templateHeaderPicture"> 2053 <div class="templateHeaderPictureReference"> 2054 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 2055 position: absolute; 2056 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_31FZ6S329FTYC2F85YSVHC8000/Nonprofit_01FKDKP097C89Y50JDBKM67C8H/Organization_01FKDKP09V8X8QBXJCXVE5YGV1/header.sprite.20237c43387ab98a84abbfd7b4e0e7b2b4aea26f.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2105651207&Signature=LSU0TxYh8zOy71pn8mx8PHlzjqY%3D) left -15400px; 2057 width: 1228px; 2058 height: 350px; 2059 top: 0; 2060 left: -587px; 2061 "> 2062 </div> 2063 </div> 2064 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 2065 </div> 2066 </header> 2067 2068 2069 2070<!-- Navigation et réseaux sociaux --> 2071 2072<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent --> 2073<div id="templateNavContainer"> 2074 2075 <div id="templateNavWrapper"> 2076 2077 <!-- Ãditable et hover --> 2078 <div id="templateNavWrapperHover" class="templateHover"></div> 2079 <div id="templateNavWrapperEditable" class="templateEditable templateEditableNav"> 2080 <div class="displayTable height100 width100"> 2081 <div class="displayTableCell valignMiddle"> 2082 <p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p> 2083 <div class="templateEditableButton">Cliquez pour éditer</div> 2084 </div> 2085 </div> 2086 </div> 2087 2088 <!-- Réseaux sociaux --> 2089 <div id="templateNavSocialWrapper"> 2090 </div> 2091 2092 <!-- Navigation --> 2093 <nav id="templateNav"> 2094 <ul id="navVendorWrapper"> 2095 <!-- Nom & logo de l'organisation --> 2096 <li id="navVendorPicture"> 2097 <div class="displayTable height100"><!-- displayTable = fix #8392 --> 2098 <a class="displayTableCell width100 valignMiddle" href="/"> 2099 <img src="https://app.assoconnect.com/services/storage?id=4366352&type=picture&secret=QhS7QLAsIXhIVrNBq9uXFMNTkfQPT5mUwdGisgmb&timestamp=1776324283&size=small" alt="Club Lotus France"> 2100 </a> 2101 </div> 2102 </li> 2103 </ul> 2104 <ul> 2105 <li 2106 data-templatesubnav="1642857" 2107 class=" 2108 templateNavResponsiveToggleChildren 2109 " 2110 > 2111 <a 2112 href="/page/1643230-club-lotus-france" 2113 class="displayTable height100" 2114 > 2115 <div class="displayTableCell valignMiddle"> 2116 </div> 2117 <div class="displayTableCell valignMiddle"> 2118 Accueil <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 2119 </div> 2120 </a> 2121 <ul> 2122 <li > 2123 <a href="/page/1643230-club-lotus-france"> 2124 Club Lotus France </a> 2125 </li> 2126 <li > 2127 <a href="/page/1642860-conseil-d-administration"> 2128 Conseil d'Administration </a> 2129 </li> 2130 <li > 2131 <a href="/page/1642861-dans-les-regions"> 2132 Dans les Régions </a> 2133 </li> 2134 <li > 2135 <a href="/page/1648305-revue-trimestrielle"> 2136 Revue trimestrielle </a> 2137 </li> 2138 <li > 2139 <a href="/page/2044589-partenaires"> 2140 Partenaires </a> 2141 </li> 2142 </ul> 2143 </li> 2144 <li 2145 data-templatesubnav="2117243" 2146 class=" 2147 templateNavResponsiveToggleChildren 2148 " 2149 > 2150 <a 2151 href="/page/2117245-les-modeles" 2152 class="displayTable height100" 2153 > 2154 <div class="displayTableCell valignMiddle"> 2155 </div> 2156 <div class="displayTableCell valignMiddle"> 2157 Marques et Modèles <sp
2157an class="arrowTop">▴</span><span class="arrowDown">▾</span> 2158 </div> 2159 </a> 2160 <ul> 2161 <li > 2162 <a href="/page/2117245-les-modeles"> 2163 Les Modèles </a> 2164 </li> 2165 <li > 2166 <a href="/page/2117248-le-fondateur"> 2167 Le Fondateur </a> 2168 </li> 2169 <li > 2170 <a href="/page/2117250-l-histoire"> 2171 L'Histoire </a> 2172 </li> 2173 <li > 2174 <a href="/page/2117381-les-logos"> 2175 Les Logos </a> 2176 </li> 2177 </ul> 2178 </li> 2179 <li 2180 data-templatesubnav="1654568" 2181 class=" 2182 templateNavResponsiveToggleChildren 2183 " 2184 > 2185 <a 2186 href="/page/1642866-sorties-circuit" 2187 class="displayTable height100" 2188 > 2189 <div class="displayTableCell valignMiddle"> 2190 </div> 2191 <div class="displayTableCell valignMiddle"> 2192 Ãvénements <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 2193 </div> 2194 </a> 2195 <ul> 2196 <li > 2197 <a href="/page/1642866-sorties-circuit"> 2198 Sorties circuit </a> 2199 </li> 2200 <li > 2201 <a href="/page/1691829-balades-touristiques"> 2202 Balades touristiques </a> 2203 </li> 2204 <li > 2205 <a href="/page/1691830-manifestations-et-salons"> 2206 Manifestations et salons </a> 2207 </li> 2208 </ul> 2209 </li> 2210 <li 2211 data-templatesubnav="1642865" 2212 class=" 2213 " 2214 > 2215 <a 2216 href="/page/1654328-bulletin-d-adhesion-ou-renouvellement" 2217 class="displayTable height100" 2218 > 2219 <div class="displayTableCell valignMiddle"> 2220 </div> 2221 <div class="displayTableCell valignMiddle"> 2222 Adhésion <sp
2222an class="arrowTop">▴</span><span class="arrowDown">▾</span> 2223 </div> 2224 </a> 2225 <ul> 2226 </ul> 2227 </li> 2228 <li 2229 data-templatesubnav="1642867" 2230 class=" 2231 " 2232 > 2233 <a 2234 href="/page/1643002-forum" 2235 class="displayTable height100" 2236 > 2237 <div class="displayTableCell valignMiddle"> 2238 </div> 2239 <div class="displayTableCell valignMiddle"> 2240 Forum <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 2241 </div> 2242 </a> 2243 <ul> 2244 </ul> 2245 </li> 2246 <li 2247 data-templatesubnav="1784227" 2248 class=" 2249 " 2250 > 2251 <a 2252 href="/page/1643355-boutique" 2253 class="displayTable height100" 2254 > 2255 <div class="displayTableCell valignMiddle"> 2256 </div> 2257 <div class="displayTableCell valignMiddle"> 2258 Boutique <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 2259 </div> 2260 </a> 2261 <ul> 2262 </ul> 2263 </li> 2264 <li 2265 data-templatesubnav="1752143" 2266 class=" 2267 active 2268 " 2269 > 2270 <a 2271 href="/page/1752138-contact" 2272 class="displayTable height100" 2273 > 2274 <div class="displayTableCell valignMiddle"> 2275 </div> 2276 <div class="displayTableCell valignMiddle"> 2277 Nous contacter <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 2278 </div> 2279 </a> 2280 <ul> 2281 </ul> 2282 </li> 2283 <!-- Mon compte --> 2284 <!-- Panier --> 2285 <!-- Boutons --> 2286 <li id="templateNavButton1Container" class="hideHover displayNone"> 2287 <a href="" class="height100 displayTable"> 2288 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 2289 <div class="displayTableCell valignMiddle"> 2290 2291 <div 2292 id="templateNavButton1Button" 2293 class=" 2294 button 2295 textAlignCenter 2296 buttonBlue 2297 buttonLarge 2298 2299 valignMiddle 2300 " 2301 ><span class="valignInitial"></span></div> </div> 2302 </a> 2303 </li> 2304 <li id="templateNavButton2Container" class="hideHover displayNone"> 2305 <a href="" class="height100 displayTable"> 2306 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 2307 <div class="displayTableCell valignMiddle"> 2308 2309 <div 2310 id="templateNavButton2Button" 2311 class=" 2312 button 2313 textAlignCenter 2314 buttonBlue 2315 buttonLarge 2316 2317 valignMiddle 2318 " 2319 ><span class="valignInitial"></span></div> </div> 2320 </a> 2321 </li> 2322 <!-- Connexion --> 2323 <li id="templateNavButtonLoginContainer" class="hideHover "> 2324 <a href="/contacts/login?redirect=%2Fpage%2F1752138-contact" class="height100 displayTable"> 2325 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 --> 2326 <div class="displayTableCell valignMiddle"> 2327 2328 <div 2329 id="templateNavButtonLoginButton" 2330 class=" 2331 button 2332 textAlignCenter 2333 buttonBlue 2334 buttonLarge 2335 2336 valignMiddle 2337 " 2338 ><span class="valignInitial">Se connecter</span></div> </div> 2339 </a> 2340 </li> 2341 </ul> 2342 </nav> 2343 2344 </div> 2345 2346 <div id="templateSubNavWrapper"> 2347 2348 <div id="templateSubNav"> 2349 <ul data-templatesubnav="1642857"> 2350 <li >
2351 <a href="/page/1643230-club-lotus-france"> 2352 Club Lotus France </a> 2353 </li> 2354 <li > 2355 <a href="/page/1642860-conseil-d-administration"> 2356 Conseil d'Administration </a> 2357 </li> 2358 <li > 2359 <a href="/page/1642861-dans-les-regions"> 2360 Dans les Régions </a> 2361 </li> 2362 <li > 2363 <a href="/page/1648305-revue-trimestrielle"> 2364 Revue trimestrielle </a> 2365 </li> 2366 <li > 2367 <a href="/page/2044589-partenaires"> 2368 Partenaires </a> 2369 </li> 2370 </ul> 2371 <ul data-templatesubnav="2117243"> 2372 <li > 2373 <a href="/page/2117245-les-modeles"> 2374 Les Modèles </a> 2375 </li> 2376 <li > 2377 <a href="/page/2117248-le-fondateur"> 2378 Le Fondateur </a> 2379 </li> 2380 <li > 2381 <a href="/page/2117250-l-histoire"> 2382 L'Histoire </a> 2383 </li> 2384 <li > 2385 <a href="/page/2117381-les-logos"> 2386 Les Logos </a> 2387 </li> 2388 </ul> 2389 <ul data-templatesubnav="1654568"> 2390 <li > 2391 <a href="/page/1642866-sorties-circuit"> 2392 Sorties circuit </a> 2393 </li> 2394 <li > 2395 <a href="/page/1691829-balades-touristiques"> 2396 Balades touristiques </a> 2397 </li> 2398 <li > 2399 <a href="/page/1691830-manifestations-et-salons"> 2400 Manifestations et salons </a> 2401 </li> 2402 </ul> 2403 2404 </div> 2405 2406 </div> 2407 2408</div> 2409 2410<!-- 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) --> 2411 2412<!-- Page --> 2413<article id="templatePageWrapper" class="layout-md"> 2414 <div id="templatePage"> 2415 <!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe --> 2416 <div id="templateIframe"> 2417 <!-- Tabulations --> 2418 <!-- Affiche les onglets pour les organisation dépendantes --> 2419 2420 <!-- 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 --> 2421 2422 <!-- Tabulations en mode Fil d'Ariane --> 2423 <!-- Une tabulation, juste le titre s'affiche --> 2424 <div class="templatePageHeader" data-id="component_Header"> 2425 <div> 2426 <div id="templateTitle" class="templatePageHeaderPart"> 2427 <span class="displayInlineBlock valignMiddle"></span> 2428 </div> 2429 </div> 2430 </div> 2431 2432 <!-- Plusieurs tabulations, affichage du titre et des tabulations --> 2433 <!-- Titre uniquement --> 2434 <!-- Titre uniquement --> 2435<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) --> 2436<div class="clearBoth"></div> 2437<!-- Template --> 2438<div class="templatePageWrapper layout-md"> 2439 <div class="templatePageContent "> 2440 <div class="templatePageContentHeader"> 2441 </div> 2442 2443 2444 2445 2446 2447<!-- Lien d'édition --> 2448 2449<!-- Contenu de la page --> 2450<div id="boxes"> 2451 2452 <style> 2453 #box39199083 { 2454 position: absolute; 2455 left: 0%; 2456 top: 0px; 2457 height: 120px; 2458 2459 padding: 0; 2460 margin: 0!important; 2461 border: 0; 2462 } 2463 </style> 2464 <div class="boxLandmark "> 2465 <div 2466 id="box39199083" 2467 class="box" 2468 style="width: 25%" 2469 data-type="picture" 2470 > 2471 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2472 2473 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2474 width:276px; 2475 max-width: 100%; 2476 height:120px; 2477 text-align: center; 2478 2479 border-radius: 10px;"> 2480 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2481 <img 2482 src="https://app.assoconnect.com/services/storage?id=2140151&type=picture&secret=X0vdUf7FWQzgZabgavGxd7XuIsTCrjWto3AX6VP9&timestamp=1775736948" 2483 style=" 2484 position:absolute; 2485 width:276px; 2486 height:106.95px; 2487 top:15px; 2488 left:-139px; 2489 max-width:none; 2490 " 2491 > 2492 </div> 2493 </div> 2494 </div> 2495 </div> 2496 </div> 2497 2498 <style> 2499 #box39199084 { 2500 position: absolute; 2501 left: 25%; 2502 top: 0px; 2503 height: 120px; 2504 2505 padding: 0; 2506 margin: 0!important; 2507 border: 0; 2508 } 2509 </style> 2510 <div class="boxLandmark "> 2511 <div 2512 id="box39199084" 2513 class="box"
2514 style="width: 25%" 2515 data-type="picture" 2516 > 2517 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2518 2519 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2520 width:276px; 2521 max-width: 100%; 2522 height:120px; 2523 text-align: center; 2524 2525 border-radius: 10px;"> 2526 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2527 <img 2528 src="https://app.assoconnect.com/services/storage?id=2140153&type=picture&secret=9Hoj2ae5OEKVskNDNubqyFmkvo1liKypiGgY7LMW&timestamp=1775736949" 2529 style=" 2530 position:absolute; 2531 width:276px; 2532 height:106.95px; 2533 top:15px; 2534 left:-138px; 2535 max-width:none; 2536 " 2537 > 2538 </div> 2539 </div> 2540 </div> 2541 </div> 2542 </div> 2543 2544 <style> 2545 #box39199085 { 2546 position: absolute; 2547 left: 50%; 2548 top: 0px; 2549 height: 120px; 2550 2551 padding: 0; 2552 margin: 0!important; 2553 border: 0; 2554 } 2555 </style> 2556 <div class="boxLandmark "> 2557 <div 2558 id="box39199085" 2559 class="box" 2560 style="width: 25%" 2561 data-type="picture" 2562 > 2563 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2564 2565 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2566 width:276px; 2567 max-width: 100%; 2568 height:120px; 2569 text-align: center; 2570 2571 border-radius: 10px;"> 2572 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2573 <img 2574 src="https://app.assoconnect.com/services/storage?id=2140155&type=picture&secret=R0apS0knJtTdrNmbflLWMjGJ5uMtNzHN3F2DUS0r&timestamp=1775736950" 2575 style=" 2576 position:absolute; 2577 width:276px; 2578 height:107.18px; 2579 top:14px; 2580 left:-138px; 2581 max-width:none; 2582 " 2583 > 2584 </div> 2585 </div> 2586 </div> 2587 </div> 2588 </div> 2589 2590 <style> 2591 #box39199086 { 2592 position: absolute; 2593 left: 75%; 2594 top: 0px; 2595 height: 120px; 2596 2597 padding: 0; 2598 margin: 0!important; 2599 border: 0; 2600 } 2601 </style> 2602 <div class="boxLandmark "> 2603 <div 2604 id="box39199086" 2605 class="box" 2606 style="width: 25%" 2607 data-type="picture" 2608 > 2609 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2610 2611 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2612 width:276px; 2613 max-width: 100%; 2614 height:120px; 2615 text-align: center; 2616 2617 border-radius: 10px;"> 2618 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2619 <img 2620 src="https://app.assoconnect.com/services/storage?id=2140156&type=picture&secret=LCdaopTdC2hUTxSsxMLbBeB0OrnV8k7mkPFXpvuK&timestamp=1775736950" 2621 style=" 2622 position:absolute; 2623 width:276px; 2624 height:106.95px; 2625 top:13px; 2626 left:-139px; 2627 max-width:none; 2628 " 2629 > 2630 </div> 2631 </div> 2632 </div> 2633 </div> 2634 </div> 2635 2636 <style> 2637 #box39199087 { 2638 position: absolute; 2639 left: 8.3333333333333%; 2640 top: 180px; 2641 height: 900px; 2642 2643 padding: 0; 2644 margin: 0!important; 2645 border: 0; 2646 } 2647 </style> 2648 <div class="boxLandmark "> 2649 <div 2650 id="box39199087" 2651 class="box"
2652 style="width: 83.333333333333%" 2653 data-type="contact" 2654 > 2655 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 900px; border-radius: 10px; background: transparent"> 2656 2657 <iframe 2658 src="ressources/contact?boxId=39199087" 2659 scrolling="no" 2660 frameborder="0" 2661 style="border:none; overflow:hidden;" 2662 width="100%" 2663 height="100%" 2664 allowtransparency="true" 2665 ></iframe> 2666 2667 </div> 2668 </div> 2669 </div> 2670 </div> </div> 2671</div> 2672 </div> 2673 </div> 2674</article> 2675 2676<!-- Footer --> 2677<footer id="templateFooterWrapper"> 2678 <div id="templateFooter"> 2679 <div id="templateFooterBlockContainer"> 2680 <div class="row"> 2681 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 2682 <div id="templateFooterBlockWrapper" class="row"> 2683 <!-- Liste des pages de l'organisation principal --> 2684 </div> 2685 </div> 2686 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 2687 <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/1752138-contact"><input type="hidden" name="_formMulti" value="6ab5ad0762aea|03cb2022be8f1537b4c237762add6fbbd712063b">
2687<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 2688 $("#templateFooterNewsletterForm").on("submit", function(){ 2689 var _this = $(this); 2690 var renable = true; 2691 if(_this.data("multi-submit-protection")){ 2692 return false; 2693 } 2694 else{ 2695 // Blocage à la prochaine soumission 2696 _this.data("multi-submit-protection", true); 2697 // Blocage & chargement sur les boutons 2698 _this.find("button[type='submit']").each(function(){ 2699 var text = $(this).text(); 2700 var buttonDOM = $(this); 2701 var buttonInterval; 2702 buttonDOM 2703 .addClass("disabled") 2704 .prop("disabled", true) 2705 .css("width", buttonDOM.outerWidth() + "px") 2706 .text(".") 2707 .inDOM(function() { 2708 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 2709 buttonInterval = setInterval(function() { 2710 if(buttonDOM.text().length === 3) { 2711 buttonDOM.text("."); 2712 } 2713 else { 2714 buttonDOM.text(buttonDOM.text() + "."); 2715 } 2716 }, 300); 2717 }); 2718 // Déblocage au bout de 1 seconde 2719 if(renable){ 2720 window.setTimeout(function(){ 2721 clearInterval(buttonInterval); 2722 buttonDOM 2723 .prop("disabled", false) 2724 .removeClass("disabled") 2725 .removeAttr("style") 2726 .text(text); 2727 }, 1000); 2728 } 2729 }); 2730 // Déblocage au bout de 1 seconde 2731 if(renable){ 2732 window.setTimeout(function(){ 2733 _this.data("multi-submit-protection", false); 2734 }, 1000); 2735 } 2736 // Retour 2737 return true; 2738 } 2739 }); 2740 </script>
2740 <div class="row colsMiddle"> 2741 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> 2742 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div> 2743 <label 2744 id="templateFooterBlocNewsletterEmailLabel" 2745 for="templateFooterBlocNewsletterEmail" 2746 > 2747 Je m'abonne à la newsletter 2748 2749 2750 </label> 2751 <input 2752 type="email" 2753 data-typo-check="true" 2754 name="templateFooterBlocNewsletterEmail" 2755 class="" 2756 value="" 2757 placeholder="Renseignez votre email" 2758 autocomplete="email" 2759 2760 2761 id="templateFooterBlocNewsletterEmail" 2762 > 2763 2764 <div class="clearBoth"></div> 2765 </div> 2766
2766<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 2767 $("#templateFooterBlocNewsletterEmail").on("change", function() { 2768 _spark.form.mail.check("templateFooterBlocNewsletterEmail"); 2769 }); 2770 </script>
2770 2771 </div> 2772 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom"> 2773 2774 <button 2775 type="submit" 2776 id="templateFooterBlocNewsletterSubmit" 2777 class=" 2778 button 2779 buttonOrange 2780 textAlignCenter 2781 buttonLarge 2782 2783 2784 " 2785 2786 > 2787 2788 <span class="valignInitial">OK</span> 2789 </button> 2790 </div> 2791 </div> 2792 2793 </form> 2794
2794<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 2795 $("#templateFooterNewsletterForm") 2796 // Init 2797 .data("dirty", 0) 2798 // Form submit is possible 2799 .on("submit", function(){ 2800 window.onbeforeunload = null; 2801 }) 2802 // On change 2803 .find("input, textarea").on("change", function(){ 2804 if(document.readyState === "complete"){ 2805 $("#templateFooterNewsletterForm").data().dirty++; 2806 } 2807 }); 2808 // Ajout 2809 _spark.dirty.push(function(){ 2810 return $("#templateFooterNewsletterForm").data("dirty") > 0; 2811 }); 2812 </script>
2812 2813 2814
2814<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 2815 _spark.form.mail.initMailGroup("templateFooterNewsletter"); 2816 </script>
2816 2817 <div id="templateFooterSocialWrapper"> 2818 <a 2819 href="https://www.facebook.com/ClubLotusFrance" 2820 target="_blank" 2821 id="templateFooterSocialFacebook" 2822 > 2823 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ab5ad07631a2" > </a> 2824 <a 2825 href="https://twitter.com/ClubLotusFrance" 2826 target="_blank" 2827 id="templateFooterSocialTwitter" 2828 > 2829 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.twitter.24.color.png" class="_gif icoTwitter24Color" alt="icoTwitter24Color" title="Twitter" id="image_6ab5ad07631e8" > </a> 2830 <a 2831 href="https://linkedin.com/groups/4739633/" 2832 target="_blank" 2833 id="templateFooterSocialLinkedin" 2834 > 2835 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.linkedin.24.color.png" class="_gif icoLinkedin24Color" alt="icoLinkedin24Color" title="Linkedin" id="image_6ab5ad0763242" > </a> 2836 <a 2837 href="https://instagram.com/clublotusfrance/" 2838 target="_blank" 2839 id="templateFooterSocialInstagram" 2840 > 2841 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ab5ad0763280" > </a> 2842 </div> 2843 </div> 2844 </div> 2845 </div> 2846 </div> 2847 <div id="templateFooterInformation"> 2848 <ul> 2849 <!-- Plan du site --> 2850 <li> 2851 <a href="/infos/plan/ 2852 353063 ">Plan du site</a> 2853 </li> 2854 2855 <!-- Licences --> 2856 <li> 2857 <a href="/infos/licenses">Licences</a> 2858 </li> 2859 2860 <!-- CGU --> 2861 <li> 2862 <a href="/infos/legal-notice">Mentions légales</a> 2863 </li> 2864 <li> 2865 <a href="/infos/tos">CGUV</a> 2866 </li> 2867 2868 <!-- CGU --> 2869 <li> 2870 <a id="configureCookies" href="#">Paramétrer vos cookies</a> 2871 </li> 2872 2873 <!-- Connexion/déconnexion et mon compte --> 2874 <li> 2875 2876 <a 2877 id="templateNavButtonLoginButtonLink" 2878 href="https://www.club-lotus.fr/contacts/login?redirect=%2Fpage%2F1752138-contact" 2879 class="" 2880 target="" 2881 rel="noopener" 2882 > 2883 <div 2884 id="templateNavButtonLoginButton" 2885 class=" 2886 button 2887 textAlignCenter 2888 buttonBlue 2889 buttonLarge 2890 valignMiddle margin0 2891 valignMiddle 2892 " 2893 ><span class="valignInitial">Se connecter</span></div></a> 2894 </li> 2895 </ul> 2896 <ul> 2897 <li class="paddingTop0"> 2898 <a href="https://www.assoconnect.com/associations/logiciel-association-loisirs/" target="_blank"> 2899 Propulsé par AssoConnect, le logiciel des associations de Loisirs </a> 2900 </li> 2901 </ul> 2902 </div> 2903 </footer> 2904 2905<!-- Footer - Global --> 2906 </div> 2907 2908 <!-- JS --> 2909
2909<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 2910 /** 2911 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY 2912 */ 2913function templatePageHeight() { 2914 var boxes = $("#boxes"); 2915 var heightMax = 0; 2916 var templatePage = $("#templatePage"); 2917 var templateNavContainer = $("#templateNavContainer"); 2918 2919 // Cherche la box la plus basse dans la page 2920 boxes.find("> .boxLandmark > .box").each(function() { 2921 heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top); 2922 }); 2923 2924 // templatePage prend la hauteur du menu si : heightMax < templateNavContainer 2925 if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) { 2926 return templateNavContainer.height() - templatePage.offset().top; 2927 } 2928 // templatePage prend la hauteur de la fenêtre si : heightMax < window 2929 else if(heightMax < $(window).height()) { 2930 return $(window).height() - templatePage.offset().top; 2931 } 2932 // templatePage prend la hauteur du dernier élément DIY 2933 else { 2934 var templateNavContainerHeight = 0; 2935 2936 // Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute 2937 if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") { 2938 templateNavContainerHeight = templateNavContainer.height(); 2939 } 2940 2941 return Math.round(heightMax - $("#templatePageWrapper").offset().top); 2942 } 2943} 2944 2945/** 2946 * Force templatePage à prendre toute la hauteur pour les pages du DIY 2947 */ 2948$(window).on("load", function() { 2949 if($("#boxes").children().length) { 2950 $("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page 2951 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2952 // Après un redimensionnement de l'écran 2953 var resized; 2954 $(window).on("resize orientationChanged", function() { 2955 clearTimeout(resized); 2956 resized = setTimeout(function() { 2957 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2958 }, 200); 2959 }); 2960 } 2961}); 2962 2963$(".video-youtube, .feed-facebook").each(function() { 2964 $(this).on("click", function() { 2965 if (window.openIubendaCookies) { 2966 window.openIubendaCookies(); 2967 } 2968 }); 2969}); 2970 </script>
vendor: 1 bytes, line 2970
2970
2971<script nonce="8bdafae6-4825-4c05-bdc2-627a3310033f"> 2972 if(window.console && window.console.log){ 2973 // Affichage des notices non capturées 2974 } 2975</script>
2975 2976 2977 2978
2978<script 2979 nonce="8bdafae6-4825-4c05-bdc2-627a3310033f" 2980 src="https://cdn.hub-prod.team.blue/loader/widget-loader.js" 2981 data-teamblue-footer 2982 data-footer="hidden" 2983 ></script>
2983 2984 </body> 2985</html> 2986
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.