https://www.compagniedesgens.fr/collect/description/662480-k-adhes…?header=%2Fpage%2F3712816-adherer
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>Adhésions Compagnie Des Gens | Compagnie des Gens</title> 10 <meta name="description" content="En adhérent à la Compagnie Des Gens, vous vous impliquez significativement dans la vie de la compagnie.En adhérant annuellement, vous soutenez..."> 11 <meta property="og:description" content="En adhérent à la Compagnie Des Gens, vous vous impliquez significativement dans la vie de la compagnie.En adhérant annuellement, vous soutenez..."> 12 <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=6454027&type=picture&secret=RmKN3qBOMtzlPWJ1En1QsUW1qrEXRxhmyFKZWNXm&timestamp=1768211661"> 13 <meta property="og:image:width" content="1104"> 14 <meta property="og:image:height" content="578"> 15 <meta property="og:locale" content="fr_FR"> 16 <meta property="og:url" content="https://www.compagniedesgens.fr/collect/description/662480-k-adhesions-compagnie-des-gens"> 17 <meta name="viewport" property="viewport" content="width=device-width, initial-scale=1.0"> 18<meta charset="utf-8"> 19<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 20<meta name="google-signin-use_fedcm" content="true"> 21 <link rel="canonical" href="https://www.compagniedesgens.fr/collect/description/662480-k-adhesions-compagnie-des-gens"> 22 23 <!-- Favicon --> 24 <link rel="icon" type="image/png" href="https://assets.assoconnect.com/legacy/assoconnect.com/image/favicon.png"> 25 26 <!-- https://dev.twitter.com/web/overview/widgets-webpage-properties --> 27 <meta name="twitter:widgets:csp" content="on"> 28 29 <!-- CSS --> 30 31 32<!-- jQuery UI --> 33<!-- Le CSS de jQuery UI utilise des chemins relatifs pour les images, on ne peut donc pas l'inclure dans le CSS global --> 34<link 35 rel="stylesheet" 36 href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css" 37 integrity="sha512-Ikr9iIb48ljzg7k903d77p0AITNsf4DxtxK4g5R4UiqHpCdroXAX0zqr0uPSWskJOJ1pQoAOXCb8WPkohWY3Bw==" 38 crossorigin="anonymous" 39> 40 41<!-- Layout --> 42<link rel="stylesheet" href="https://cdn.assoconnect.com/public/build/css/common.-.layout.-.public-horizontal.DESKTOP.c1879eb.css"> 43 44<!-- Template --> 45<style>/** 46 * Breaking points pour les media queries 47 */ 48/** 49 * Différentes fonctions less utilisées dans le site 50 */ 51/** 52 * Arrondir les coins 53 */ 54/** 55 * Ajouter une bordure 56 */ 57/** 58 * Ombre sur le texte 59 */ 60/** 61 * Ombre sur les box 62 */ 63/** 64 * Taille de la box prenant en compte ou non les bordures et le padding 65 */ 66/** 67 * Effet de transition lors du changement d'état 68 */ 69/** 70 * Effet de rebond 71 */ 72@keyframes bounce { 73 20% { 74 transform: translateY(10px); 75 } 76 50% { 77 transform: translateY(-10px); 78 } 79 60% { 80 transform: translateY(5px); 81 } 82 90% { 83 transform: translateY(-5px); 84 } 85} 86/** 87 * Mise en forme des éléments du contenu 88 */ 89#cover { 90 background-size: cover; 91 position: relative; 92 margin: 0 -13.5px 0 -13.5px; 93 background-position: center; 94 background-repeat: no-repeat; 95 height: 578px; 96} 97#cover #coverEdit { 98 z-index: 10; 99 position: absolute; 100 right: 10px; 101 top: 10px; 102} 103#cover #coverOverlay { 104 z-index: 5; 105 position: absolute; 106 height: 100%; 107 width: 100%; 108 background: rgba(0, 0, 0, 0.3); 109} 110#cover #coverText { 111 z-index: 9; 112 position: relative; 113 color: #ffffff; 114 text-align: center; 115 display: flex; 116 height: 100%; 117 justify-content: center; 118 flex-direction: column; 119 padding: 0 20px; 120} 121#cover #coverText #coverTextTitle { 122 font-size: 3.5em; 123} 124#cover #coverText #coverTextDate { 125 margin-top: 15px; 126 font-size: 1.5em; 127} 128#cover #coverText #coverTextCTA { 129 margin-top: 30px; 130} 131#cover #coverText #coverTextCTA .button { 132 font-size: 1.5em; 133 padding: 13px 60px; 134 margin: 0; 135} 136#cover #infos { 137 width: 924px; 138 left: 103.5px; 139} 140#map { 141 height: 150px; 142} 143#salesVisibleWrapper { 144 margin: -10px -10px 0 -10px; 145} 146.saleVisible { 147 width: 216px; 148 float: left; 149 margin: 10px 10px 0 10px; 150} 151.saleVisible p { 152 overflow: hidden; 153 text-overflow: ellipsis; 154 white-space: nowrap; 155 width: 108px; 156 margin: 0; 157} 158.childrenWrapper .separatorHorizontal:last-child { 159 display: none; 160} 161#stickyAside .backgroundLarge { 162 margin: 15px 0 0; 163} 164#stickyAside .backgroundLarge h3 { 165 margin: 15px 0 10px; 166 color: #333333; 167} 168#stickyAside #sideCTA .button { 169 margin: 0; 170 width: 100%; 171} 172#stickyAside .sideCTAMobile { 173 display: none; 174} 175#stickyWrapper { 176 margin: 40px 10px; 177 font-size: 16px; 178} 179#dealContent { 180 font-size: 16px; 181} 182#dealContent > h2, 183#dealContent #menuWrapper > h2 { 184 margin: 40px 0 20px; 185} 186#dealContent table { 187 max-width: 100% !important; 188} 189#dealDocumentsWrapper { 190 margin: -5px; 191 font-size: 0; 192} 193#dealDocumentsWrapper .dealDocuments { 194 transition: all 0.2s linear; 195 color: #333333; 196 margin: 5px; 197 font-size: 14px; 198} 199#dealDocumentsWrapper .dealDocuments:hover { 200 background-color: #f6f7f8; 201 color: #333333; 202} 203#dealDocumentsWrapper .dealDocuments span { 204 margin-right: 10px; 205} 206#menuWrapper [class^="col-"] { 207 display: table-cell !important; 208} 209#menuWrapper .textAlignRight { 210 text-align: right !important; 211} 212.childrenWrapper { 213 margin-left: 20px; 214} 215.shareButton { 216 margin-right: 5px; 217 transition: opacity .3s; 218} 219.shareButton:hover { 220 opacity: .8; 221} 222@media (max-width: 1129px) { 223 #cover { 224 font-size: 0.7em; 225 height: 282px; 226 } 227 #cover #coverText #coverTextTitle { 228 font-size: 3em; 229 } 230 .sideCTAMobile { 231 display: block !important; 232 } 233} 234</style> 235 236<!-- Google Font --> 237 <!-- :400,700 for bold --> 238 <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,500,700" rel="stylesheet"> 239 <style> 240 html, body {font-family: "Playfair Display", Roboto, sans-serif;} 241 </style> 242 243 244<!-- Choices.js --> 245 246<!-- ContentTools --> 247 248<!-- Cropper --> 249 250<!-- FullCalendar --> 251 252<!-- Simplelightbox --> 253 254<!-- Leaflet --> 255 <link 256 rel="stylesheet" 257 href="https://unpkg.com/[email protected]/dist/leaflet.css" 258 integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" 259 crossorigin="" 260 > 261<!-- Leaflet MarkerCluster --> 262 263<style nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 264 #teamblue-widget-container { 265 position: fixed; 266 bottom: 0; 267 left: 0; 268 width: 0; 269 height: 0; 270 overflow: hidden; 271 } 272</style> 273 274 <!-- JS --> 275
275<script async nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 276 // Browser check 277 // https://stackoverflow.com/a/55655928/7671937 278 function isCrappyIE() { 279 var ua = window.navigator.userAgent; 280 var crappyIE = false; 281 var msie = ua.indexOf('MSIE '); 282 if (msie > 0) { // IE 10 or older => return version number 283 crappyIE = true; 284 } 285 var trident = ua.indexOf('Trident/'); 286 if (trident > 0) { // IE 11 => return version number 287 crappyIE = true; 288 } 289 return crappyIE; 290 } 291 292 if(isCrappyIE()) { 293 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. "); 294 } 295</script>
295 296
297<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 298 var SIZE_FIXED = "fixed"; 299 var SIZE_FREE = "free"; 300 var SIZE_MIN = "min"; 301 var SIZE_MIN_WIDTH = "min-width"; 302 var SIZE_MIN_HEIGHT = "min-height"; 303 var SIZE_MAX = "max"; 304 var SIZE_MAX_WIDTH = "max-width"; 305 var SIZE_MAX_HEIGHT = "max-height"; 306 var ORIGINAL_WIDTH = 1200; 307 var ORIGINAL_HEIGHT = 628; 308 var SIZE_STANDARD = "standard"; 309 var SIZE_USER = "user"; 310 var SIZE_VENDOR = "vendor"; 311 var THUMB_WIDTH = 352; 312 var THUMB_HEIGHT = 184; 313 var USER_NORMAL = 200; 314</script>
vendor: 1 bytes, line 314
314
315<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 316 var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy"; 317 var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark"; 318 var SPARK_VERSION = "c1879eb"; 319 var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760; 320 var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249; 321 var URI_CLIENT = "\/collect\/description\/662480-k-adhesions-compagnie-des-gens?header=%2Fpage%2F3712816-adherer"; 322 var URI_SERVER = "\/billetterie\/offre"; 323 var VENDOR_ID = 737527; 324 var _GIFS = []; 325 var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH"; 326 var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA"; 327 var CSP_NONCE = "c4231bc5-a93f-4279-98aa-022bd4d4bd91"; 328 var I18N_CURRENCY = "EUR"; 329 var I18N_LOCALE = "fr-FR"; 330 var I18N_TIMEZONE = "Europe\/Paris"; 331 var SITE_CODE = "a"; 332</script>
332 333 334<!-- Translator Method -->
335<script 336 nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" 337 src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/5.1.0/intl-messageformat.min.js" 338 integrity="sha256-jkYwyAJTaU4esUDFkWA92xz+ARjXOmPO8ul5jjY3MWk=" 339 crossorigin="anonymous" 340></script>
vendor: 1 bytes, line 340
340
341<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 342 window.trans = function trans(key, params) { 343 // Translation key not found 344 if(window.translations.hasOwnProperty(key) === false) { 345 return key; 346 } 347 348 var translation = window.translations[key]; 349 350 var translator = new IntlMessageFormat.IntlMessageFormat(translation, I18N_LOCALE); 351 352 return translator.format(params); 353 }; 354 355 window.transCurrency = new Intl.NumberFormat( 356 I18N_LOCALE, 357 { style: 'currency', currency: "EUR"} 358 ).format; 359 360 window.transDate = new Intl.DateTimeFormat(I18N_LOCALE, { 361 timeZone: I18N_TIMEZONE, 362 }).format; 363 364 window.transDateFromYMD = function(value) { 365 value = String(value).replaceAll('-', ''); 366 // YYYYMMDD or YYYYMMDDHHiiss 367 if (String(value).length !== 8 && String(value).length !== 14) { 368 return '' 369 } 370 371 var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); 372 373 // Invalid date 374 if (isNaN(date)) { 375 return '' 376 } 377 378 return transAbsoluteDate(date); 379 } 380 381 window.transDateTime = new Intl.DateTimeFormat(I18N_LOCALE, { 382 timeZone: I18N_TIMEZONE, 383 year: "numeric", 384 month: "2-digit", 385 day: "2-digit", 386 hour: "numeric", 387 minute: "numeric", 388 second: "numeric", 389 }).format; 390 391 // Trans date created with new Date('1986-06-02') 392 window.transAbsoluteDate = new Intl.DateTimeFormat(I18N_LOCALE, { 393 timeZone: "UTC", 394 }).format; 395 396 // Trans date formatted as YYYYMMDDHHiiss 397 window.transAbsoluteDateYMD = function (value) { 398 // YYYYMMDD or YYYYMMDDHHiiss 399 if (String(value).length !== 8 && String(value).length !== 14) { 400 return '' 401 } 402 403 var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); 404 405 // Invalid date 406 if (isNaN(date)) { 407 return '' 408 } 409 410 return transAbsoluteDate(date); 411 } 412 413 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"
413:"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.
413warning.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); 414 window.translations = Object.assign([],window.translations); 415</script>
415 416 417<!-- jQuery -->
418<script 419 nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" 420 src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" 421 integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 422 crossorigin="anonymous" 423></script>
vendor: 1 bytes, line 423
423
424<script 425 nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" 426 src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js" 427 integrity="sha512-MSOo1aY+3pXCOCdGAYoBZ6YGI0aragoQsg1mKKBHXCYPIWxamwOE7Drh+N5CPgGI5SA9IEKJiPjdfqWFWmZtRA==" 428 crossorigin="anonymous" 429></script>
vendor: 1 bytes, line 429
429
430<script 431 nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" 432 src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js" 433 integrity="sha256-q/EiPw4hDxf7AKJEkIHWBspsML3nLL0VB729yuwz+cc=" 434 crossorigin="anonymous" 435></script>
vendor: 1 bytes, line 435
435
436<script 437 nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" 438 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js" 439 integrity="sha256-sAkXLwDFSAB/S09JCOWRvnoOnhGYDu9VqMnbCKAhMzI=" 440 crossorigin="anonymous" 441></script>
vendor: 1 bytes, line 441
441
442<script 443 nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" 444 src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.9/jquery.mousewheel.min.js" 445 integrity="sha256-+ZWJyex7JtGOxCSSRu/QgpDkiTWQEqBuE2O8xHMVZCQ=" 446 crossorigin="anonymous" 447></script>
447 448 449<!-- Layout -->
450<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.c1879eb.js"></script>
450 451 452<!-- CKEditor --> 453 454<!-- intl-tel-input --> 455 456<!-- reCAPTCHA --> 457 458<!-- Validator --> 459 460<!-- Algolia --> 461 <!-- Placé à l'extérieur pour l'annuaire --> 462
462<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 463 var ALGOLIA_CONFIG = { 464 allowTyposOnNumericTokens: false, 465 facets: [], 466 facetFilters: [], 467 query: "", 468 page: 0, 469 numericFilters: [], 470 removeWordsIfNoResults: "lastWords", 471 tagFilters: [], 472 typoTolerance: "strict", 473 advancedSyntax: true 474 }; 475 </script>
475 476 477<!-- Charts.js --> 478 479<!-- Choices.js --> 480 481<!-- ContentTools --> 482 483<!-- Cropper --> 484 485<!-- Dompurify --> 486 487<!-- FullCalendar --> 488 489<!-- HTML2Canvas --> 490 491<!-- Parallax --> 492 493<!-- TimeAgo --> 494 495<!-- Simplelightbox --> 496 497<!-- Leafleft --> 498
498<script 499 nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" 500 src="https://unpkg.com/[email protected]/dist/leaflet.js" 501 integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" 502 crossorigin="" 503 ></script>
503 504<!-- Leaflet MarkerCluster --> 505 506 507 508 509
510<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 511 window.dataLayer = window.dataLayer || []; 512 function gtag(){dataLayer.push(arguments);} 513 514 // Google Consent Mode v2 (advanced): the Google tag loads for every visitor but is denied 515 // any storage until Iubenda reports consent for purpose 4 (Measurement), see below. 516 // Visitors who never answer the banner are still counted through cookieless pings. 517 // Do NOT prior-block the tag below with _iub_cs_activate: a blocked tag never runs, 518 // so non-consenting visitors send nothing at all and disappear from the statistics. 519 gtag('consent', 'default', { 520 ad_storage: 'denied', 521 ad_user_data: 'denied', 522 ad_personalization: 'denied', 523 analytics_storage: 'denied', 524 wait_for_update: 500 525 }); 526 527 gtag('js', new Date()); 528 529 gtag('config', "G-PB0RXMTS9D", { 530 send_page_view: false 531 }); 532 gtag('event', 'page_view', {"send_to":"G-PB0RXMTS9D","dimension1":"AssoConnect","dimension2":"school242798","dimension4":"PROD","dimension3":"unknown","dimension5":"CULTURE"}); 533 534 </script>
vendor: 64 bytes, lines 534-535
534 535<script async src="https://www.googletagmanager.com/gtag/js?id=
535G-PB0RXMTS9D
vendor: 58 bytes, lines 535-536
535" nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"></script> 536
537<!-- Iubenda -->
538<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 539 window.openIubendaCookies = function() { 540 if (window._iub && window._iub.cs && window._iub.cs.api) { 541 window._iub.cs.api.openPreferences(); 542 } 543 }; 544 545 var _iubendaHadConsent = false; 546 window._iub = window._iub || []; 547 window._iub.csConfiguration = window._iub.csConfiguration || {}; 548 window._iub.csConfiguration.cookieDomain = location.hostname; 549 window._iub.csConfiguration.storage = { type: 'local_storage' }; 550 window._iub.csConfiguration.emitGtmEvents = true; 551 // Mirrors the Iubenda choice into Google Consent Mode. Called on every page load once the 552 // preference is known, so returning visitors who consented are measured again immediately. 553 function _iubendaSyncGoogleConsent() { 554 if (typeof gtag !== 'function') { 555 return; 556 } 557 var purposes = window._iub.cs.consent && window._iub.cs.consent.purposes; 558 gtag('consent', 'update', { 559 analytics_storage: (purposes && purposes[4]) ? 'granted' : 'denied' 560 }); 561 } 562 563 function _iubendaActivateYoutube() { 564 $(".video-youtube").each(function() { 565 var $el = $(this); 566 $el 567 .after($("<iframe>") 568 .attr("src", "https://www.youtube.com/embed/" + $el.data("video-id") + "?rel=0&start=" + $el.data("video-start")) 569 .attr("style", "width: 100%; height: 100%; border: 0px;") 570 .attr("allow", "fullscreen") 571 ) 572 .remove(); 573 }); 574 } 575 576 function _iubendaActivateFacebook() { 577 $(".feed-facebook").each(function() { 578 var $el = $(this); 579 $el 580 .after($("<iframe>") 581 .attr("src", $el.data("src")) 582 .attr("style", "width: 100%; height: 100%; border: none; overflow: hidden") 583 .attr("scrolling", "no") 584 .attr("allowtransparency", "true") 585 ) 586 .remove(); 587 }); 588 } 589 590 window._iub.csConfiguration.callback = { 591 onConsentGiven: function() {
592 _iubendaHadConsent = true; 593 _iubendaSyncGoogleConsent(); 594 _iubendaActivateYoutube(); 595 _iubendaActivateFacebook(); 596 }, 597 onPreferenceExpressedOrNotNeeded: function() { 598 _iubendaSyncGoogleConsent(); 599 if (window._iub.cs.consent.purposes && window._iub.cs.consent.purposes[4]) { 600 _iubendaActivateYoutube(); 601 _iubendaActivateFacebook(); 602 } 603 }, 604 onConsentRejected: function() { 605 _iubendaSyncGoogleConsent(); 606 if (_iubendaHadConsent) { 607 location.reload(); 608 } 609 } 610 }; 611 612 (function(d, s) { 613 var t = d.getElementsByTagName(s)[0], e = d.createElement(s); 614 e.async = true; e.src = "https:\/\/embeds.iubenda.com\/widgets\/eaf21570-70f8-4ba0-a750-f2c4d7c78a13.js"; 615 t.parentNode.insertBefore(e, t); 616 })(document, "script"); 617 </script>
617 618 619<!-- Tracking -->
620<script async nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 621 // RudderStack 622 !function(){"use strict";window.RudderSnippetVersion="3.2.0";var e="rudderanalytics";window[e]||(window[e]=[]) 623 ;var rudderanalytics=window[e];if(Array.isArray(rudderanalytics)){ 624 if(true===rudderanalytics.snippetExecuted&&window.console&&console.error){ 625 console.error("RudderStack JavaScript SDK snippet included more than once.")}else{rudderanalytics.snippetExecuted=true, 626 window.rudderAnalyticsBuildType="legacy";var sdkBaseUrl="https://cdn.rudderlabs.com";var sdkVersion="v3" 627 ;var sdkFileName="rsa.min.js";var scriptLoadingMode="async" 628 ;var r=["setDefaultInstanceKey","load","ready","page","track","identify","alias","group","reset","setAnonymousId","startSession","endSession","consent","addCustomIntegration"] 629 ;for(var n=0;n<r.length;n++){var t=r[n];rudderanalytics[t]=function(r){return function(){var n 630 ;Array.isArray(window[e])?rudderanalytics.push([r].concat(Array.prototype.slice.call(arguments))):null===(n=window[e][r])||void 0===n||n.apply(window[e],arguments) 631 }}(t)}try{ 632 new Function('class Test{field=()=>{};test({prop=[]}={}){return prop?(prop?.property??[...prop]):import("");}}'), 633 window.rudderAnalyticsBuildType="modern"}catch(i){}var d=document.head||document.getElementsByTagName("head")[0] 634 ;var o=document.body||document.getElementsByTagName("body")[0];window.rudderAnalyticsAddScript=function(e,r,n){ 635 var t=document.createElement("script");t.src=e,t.setAttribute("data-loader","RS_JS_SDK"),r&&n&&t.setAttribute(r,n), 636 t.nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91", 637 "async"===scriptLoadingMode?t.async=true:"defer"===scriptLoadingMode&&(t.defer=true), 638 d?d.insertBefore(t,d.firstChild):o.insertBefore(t,o.firstChild)},window.rudderAnalyticsMount=function(){!function(){ 639 if("undefined"==typeof globalThis){var e;var r=function getGlobal(){ 640 return"undefined"!=typeof self?self:"undefined"!=typeof window?window:null}();r&&Object.defineProperty(r,"globalThis",{ 641 value:r,configurable:true})} 642 }(),window.rudderAnalyticsAddScript("".concat(sdkBaseUrl,"/").concat(sdkVersion,"/").concat(window.rudderAnalyticsBuildType,"/").concat(sdkFileName),"data-rsa-write-key","1ucOJ6wnf3fYP469xX8IYvmqI4B") 643 }, 644 "undefined"==typeof Promise||"undefined"==typeof globalThis?window.rudderAnalyticsAddScript("https://polyfill-fastly.io/v3/polyfill.min.js?version=3.111.0&features=Symbol%2CPromise&callback=rudderAnalyticsMount"):window.rudderAnalyticsMount() 645 }}}(); 646 647 // Prepare traits 648 var traits = {}; 649 var SITES_URLS = { 650 ASSOCONNECT: 'assoconnect.com', 651 SPRINGLY: 'springly.org', 652 POPLICO: 'poplico.com' 653 }; 654 var domainBrand = null; 655 for (const [brand, site] of Object.entries(SITES_URLS)) { 656 // Get the dev version of the site domain 657 const domain = site.substr(0, site.lastIndexOf('.')) 658 const extension = site.substr( 659 site.lastIndexOf('.'), 660 site.length - site.lastIndexOf('.') 661 ) 662 const siteDev = `${domain}-dev${extension}` 663 664 // Check if the current domain matches prod or dev domains for this brand 665 if ( 666 window.location.hostname.includes(site) || 667 window.location.hostname.includes(siteDev) 668 ) { 669 domainBrand = brand 670 } 671 } 672 673 traits = { 674 brand: domainBrand, 675 layout: "public" }; 676 677 rudderanalytics.load( 678 "1ucOJ6wnf3fYP469xX8IYvmqI4B", 679 "https:\/\/assoconnecczhh.dataplane.rudderstack.com", 680 { 681 secureCookie: true, 682 onLoaded: function(analyticsInstance) { 683 // Identify user with traits 684 analyticsInstance.identify(undefined, traits, { ip: 'hidden' }); 685 // Track page view 686 analyticsInstance.page(); 687 // Set anonymous ID on sign-up page (wait for SDK to be fully ready) 688 analyticsInstance.ready(function() { 689 var anonInput = document.getElementById('anonymous_id'); 690 if (anonInput && typeof analyticsInstance.getAnonymousId === 'function') { 691 anonInput.value = analyticsInstance.getAnonymousId(); 692 } 693 }); 694 } 695 } 696 ); 697 698 699 /** 700 * RudderStack common functions 701 */ 702 703 /** 704 * This method allows you to track any actions that your users might perform. Each of these actions is commonly referred to as an event. 705 * 706 * https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track 707 */ 708 function track(event, properties, options, callback) { 709 if(window.rudderanalytics) { 710 window.rudderanalytics.track(event, properties, options, callback); 711 } 712 } 713 714 /**
715 * This method lets you record information about the web page being viewed by the user. 716 * 717 */ 718 function trackPage(event, properties, options, callback) { 719 if(window.rudderanalytics) { 720 window.rudderanalytics.track(event, properties, options, callback); 721 } 722 } 723 724 /** 725 * This method allows you to track any click that your users might perform on a link. 726 * 727 * @param {string} selector jQuery selector of the tracked link 728 * Otherwise same params of the track function: https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track 729 */ 730 function trackLink(selector, event, properties, options, callback) { 731 $(selector).on("click", function(e) { 732 if(window.rudderanalytics) { 733 var _this = $(this); 734 window.rudderanalytics.track(event, properties, options, callback); 735 // Wait for the tracking request to have time to go 736 var timeoutDelay = 300; 737 setTimeout(function() { 738 var href = _this.attr("href"); 739 var target = _this.attr("target"); 740 // New tab 741 if (target) { 742 window.open(href, target || '_blank'); 743 } 744 // Current tab 745 else { 746 window.location.href = href; 747 } 748 }, timeoutDelay); 749 return false; 750 } 751 }); 752 } 753 754 // GTM 755 </script>
755 756 </head> 757 <body> 758 <!-- Layout --> 759 <div id="layoutWrapper" class="nav"> 760 761<!-- Vielle version IE --> 762 763<!-- Thème --> 764<style nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 765 766 /** 767 * Couleur principale 768 */ 769 770 /* Transforme @blue et @body en blanc en fonction de la couleur du menu */ 771 772 /* Color */ 773 h1, 774 h3, 775 .textImportant, 776 a, 777 a:link, 778 a:visited, 779 a:active, 780 .colorBlue, 781 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons, 782 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, 783 .radio input[type="radio"].custom-radio:checked + .icons, 784 .radio input[type="radio"].custom-radio:checked + .icons .icon-checked, 785 .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle, 786 .buttonWhite, 787 .buttonWhiteAlt:active, 788 .buttonWhiteBlue, 789 .buttonTransparent:hover, 790 .radioAlt.colorWhite.radioAltSelected, 791 #thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2, 792 .thumbPostWrapper h2, 793 .thumbWrapper .thumbCommon .thumbDetails .thumbName, 794 .thumbWrapper .thumbCommon .thumbDetails .thumbMore, 795 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover, 796 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, 797 #templateTabulation .active, 798 #messagesWrapper .message .messageContent .messageIcon svg { 799 color: #2574a9; 800 } 801 #agendaWrapper, 802 div:not(#agendaWrapper) > #agendaEvent, 803 #agendaWrapper #agendaEvent #agendaEventName, 804 div:not(#agendaWrapper) > #agendaEvent #agendaEventName, 805 #agendaWrapper #agendaList .agendaDate, 806 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton { 807 color: #ffffff; 808 } 809 810 /* Fix event colors */ 811 #agendaEvent #agendaEventDate, #agendaEvent #agendaEventDescription, #agendaEvent #agendaEventAddress { 812 color: #ffffff; 813 } 814 815 #agendaEventReturn svg path{ 816 fill: #2574a9; 817 } 818 819 #templateNavWrapper #templateNav ul li, 820 #templateNavWrapper #templateNav ul li a, 821 #templateNavBar, 822 #templateNavSubBarWrapper, 823 #templateNavSubBarWrapper #templateNavSubBar a, 824 #templateSubNavWrapper ul li a, 825 #agendaWrapper #agendaList .agendaListEvent.colorBodyOrWhite, 826 #agendaWrapper #agendaList h3.colorBodyOrWhite, 827 #agendaWrapper #agendaList .eventColor.colorBodyOrWhite, 828 #eventWrapper #eventDateLeftWrapper{ 829 color: #ffffff; 830 } 831 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton { 832 color: #ffffff; 833 } 834 .buttonWhiteBlue:hover { 835 color: #216898; 836 } 837 .buttonWhiteBlue:active, 838 .buttonTransparent:active { 839 color: #1f628f; 840 } 841 #agendaWrapper #agendaList h3.colorBodyOrWhite, 842 #agendaWrapper #agendaList .eventColor.colorBodyOrWhite { 843 border-color: #ffffff; 844 } 845 .buttonBlue, 846 .backgroundBlue { 847 color: #ffffff; 848 } 849 .backgroundTheme { 850 background-color: #f24b6a; 851 color: #ffffff; 852 } 853 /* Background */ 854 .backgroundBlue, 855 .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber, 856 .buttonBlue, 857 .dialogDotWrapper .dialogDot.dialogDotCurrent, 858 .progressbar-blue div, 859 .radioAlt.colorBlue:not(.eventColor), /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 860 #messagesWrapper .message, 861 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 862 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 863 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton, 864 #templateNavWrapper #templateNav #navBasket { 865 background-color: #2574a9; 866 } 867 .formUpload .formUploadInputWrapper input:hover ~ div, 868 .buttonBlue:hover, 869 .radioAlt.colorBlue.radioAltSelected, 870 #messagesWrapper .message, 871 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:hover, 872 #templateNavWrapper #templateNav #navBasket:hover { 873 background-color: #1f628f; 874 } 875 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 876 background-color: #2a85c2; 877 } 878 .dialogDotWrapper .dialogDot:hover { 879 background-color: #2c8bca; 880 } 881 .buttonBlue:active, 882 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active { 883 background-color: #1d5c87; 884 } 885 .dialogDotWrapper .dialogDot { 886 background-color: #3096db; 887 } 888 .buttonWhiteBlue:active { 889 background-color: #319ce4; 890 } 891 .buttonWhiteBlue:hover { 892 background-color: #33a2ec; 893 } 894 /* Border */ 895 .backgroundBlueLight, 896 input[type="text"]:hover, 897 input[type="search"]:hover:not(.choices__input), 898 .choices:hover, 899 input[type="password"]:hover, 900 input[type="date"]:hover, 901 input[type="tel"]:hover, 902 input[type="number"]:hover, 903 input[type="datetime-local"]:hover, 904 input[type="email"]:hover, 905 input[type="url"]:hover, 906 textarea:hover, 907 select:hover, 908 input[type="text"]:focus, 909 input[type="search"]:focus:not(.choices__input), 910 .choices.is-focused, 911 input[type="password"]:focus, 912 input[type="date"]:focus, 913 input[type="tel"]:focus, 914 input[type="number"]:focus, 915 input[type="datetime-local"]:focus, 916 input[type="email"]:focus, 917 input[type="url"]:focus, 918 textarea:focus, 919 select:focus, 920 .radioImageWrapper.radioImageChecked, 921 .accordion .accordionContent.accordionColor .accordionTitleWrapper, 922 .buttonWhiteBlue, 923 .dropdownMenu div h2, 924 .radioAlt.colorWhite.radioAltSelected, 925 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, 926 #postViewMore { 927 border-color: #2574a9; 928 } 929 #agendaWrapper #agendaEvent #agendaEventReturn, 930 div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn { 931 border-color: #ffffff; 932 } 933 .buttonWhiteBlue:hover { 934 border-color: #287fb9; 935 } 936 .buttonWhiteBlue:active { 937 border-color: #2a85c2; 938 } 939 .radioAlt.colorWhite:hover:not(.radioAltSelected), 940 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 941 border-color: #2c8bca; 942 } 943 .radioAlt.colorBlue.radioAltSelected { 944 border-color: #195176; 945 } 946 .buttonWhiteAlt:active { 947 outline-color: #2574a9; 948 } 949 .buttonWhiteAlt:hover { 950 border-color: #2c8bca; 951 } 952 953 /** 954 * Couleur du menu 955 */ 956 @media (min-width: 1151px) { 957 #templateNavWrapper, 958 #templateNavWrapper:before, 959 #templateNavBar { 960 background-color: #f24b6a; 961 } 962 #templateSubNavWrapper { 963 background-color: 964 #fe4e6f ; 965 } 966 #templateHeaderWrapper #templateHeader #templateHeaderMargin { 967 display: none; 968 } 969 } 970 @media (max-width: 1150px) { 971 #templateNavWrapper, 972 #templateNavWrapper:before, 973 #templateNavBar, 974 #templateSubNavWrapper { 975 background-color: #f24b6a; 976 } 977 } 978 #templateNavSubBarWrapper, 979 #templateNavSubBarWrapper #templateNavSubBarLeft, 980 #templateNavSubBarWrapper #templateNavSubBarRight { 981 background-color: #fe4e6f; 982 } 983 #agendaWrapper, 984 div:not(#agendaWrapper) > #agendaEvent, 985 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton, 986 #eventWrapper #eventDateLeftWrapper { 987 background-color: #f24b6a; 988 } 989 #eventWrapper #eventPicture #eventInfos #eventName { 990 border-color: #f24b6a; 991 } 992 /* Couleur des hovers */ 993 #templateNavWrapper #templateNav ul li.active a,
994 #templateNavWrapper #templateNav ul li:not(.hideHover):hover a { 995 color: #2574a9; 996 } 997 @media (min-width: 1151px) { 998 #templateSubNavWrapper ul li.active a, 999 #templateSubNavWrapper ul li:hover a { 1000 color: #2574a9; 1001 } 1002 } 1003 @media (max-width: 1150px) { 1004 #templateNavSubBarWrapper #templateNavSubBar li.active a { 1005 color: #2574a9; 1006 } 1007 } 1008 1009 /** 1010 * Couleur du fond 1011 */ 1012 body { 1013 background-color: #ffffff; 1014 } 1015 1016 /** 1017 * Couleur du bas de page 1018 */ 1019 #templateFooterWrapper { 1020 background-color: #732231; 1021 } 1022 1023 /** 1024 * Texture du menu (non applicable si le menu est transparent) 1025 */ 1026 #templateNavWrapper, 1027 #templateNavWrapper:before, 1028 #templateSubNavWrapper, 1029 #templateNavBar, 1030 #templateNavSubBarWrapper, 1031 #templateNavSubBarWrapper #templateNavSubBarLeft, 1032 #templateNavSubBarWrapper #templateNavSubBarRight { 1033 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 1034 } 1035 1036 /** 1037 * Texture du fond 1038 */ 1039 body { 1040 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 1041 } 1042 1043 /** 1044 * Texture du bas de page 1045 */ 1046 #templateFooterWrapper { 1047 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 1048 } 1049 1050 /** 1051 * Autres 1052 */ 1053 1054 /* Permet d'afficher le haut de page dans l'édition */ 1055 1056 /* Hauteur du haut de page */ 1057 1058 /* Position de l'image de l'organisation dans le haut de page */ 1059 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture { 1060 display: none; 1061 } 1062 1063 /* Taille texte bloc */ 1064 #templateHeaderBlockTitleWrapper { 1065 font-size: 0px; 1066 } 1067 1068 /* Taille image bloc */ 1069 #templateHeaderBlockVendorPictureWrapper img { 1070 width: 0px; 1071 } 1072 1073 /* Type de bloc */ 1074 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1075 background-color: rgba(242, 235, 220, .5); 1076 } 1077 1078 @media (min-width: 1151px) { 1079 /* Position du logo dans le menu */ 1080 #templateNavWrapper #templateNav #navVendorWrapper { 1081 display: block; 1082 text-align: center; 1083 } 1084 1085 /* Place le haut de page sous le menu si le menu est transparent */ 1086 1087 /* Hauteur du menu (les ">" pour ignorer les sous-menus) */ 1088 #templateNavWrapper #templateNav > ul > li { 1089 height: 90px; 1090 } 1091 #templateSubNavWrapper ul li { 1092 height: 45px; 1093 line-height: 45px; 1094 } 1095 #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { 1096 max-height: 90px; 1097 } 1098 1099 /* Type de bloc */ 1100 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1101 background-color: transparent; 1102 width: 600px; 1103 text-align: left; 1104 } 1105 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlock > div:not(.displayNone) { 1106 -moz-border-radius: 10px; 1107 -webkit-border-radius: 10px; 1108 border-radius: 10px; 1109 background: rgba(242, 235, 220, .5); 1110 display: table; 1111 } 1112 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockSocialWrapper img { 1113 margin: 20px 5px !important; 1114 } 1115 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockSocialWrapper a { 1116 padding-left: 5px; 1117 padding-right: 5px; 1118 } 1119 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockNewsletterContainer form, 1120 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockTitleWrapper div, 1121 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockButtonWrapper a { 1122 padding: 20px; 1123 } 1124 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockNewsletterContainer { 1125 width: 500px; 1126 } 1127 1128 /* La largeur du haut de page ne dépasse pas la largeur du contenu du site */ 1129 1130 /* Arrondi les coins du menu, du haut de page et du contenu */ 1131 1132 /* Séparation des différents éléments */ 1133 1134 /* Position du bloc */ 1135 #templateHeaderWrapper #templateHeader { 1136 text-align: left; 1137 } 1138 1139 /* Texte du menu en gras */ 1140 #templateNavWrapper #templateNav, 1141 #templateSubNavWrapper { 1142 font-weight: bold; 1143 } 1144 1145 /* Texte du menu en majuscule */ 1146 1147 /* Cache les icônes */ 1148 #templateNav ._gif:not(.noHide) { 1149 display: none; 1150 } 1151 1152 /* Espacement entre les items du menu */ 1153 #templateNavWrapper #templateNav ul li a, 1154 #templateNavWrapper #templateNav ul li ul li a, 1155 #templateSubNavWrapper ul li a { 1156 padding: 0 15px; 1157 } 1158 1159 /* Alignement du contenu du menu */ 1160 #templateNavWrapper #templateNav, 1161 #templateSubNavWrapper { 1162 text-align: center; 1163 } 1164 1165 /* Hauteur du logo de l'organisation dans le haut de page */ 1166 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img { 1167 height: 250px; 1168 } 1169 } 1170 1171 @media (max-width: 1150px) { 1172 1173 /* Cache le bloc en responsive si le site dispose d'un logo d'organisation */ 1174 1175 /* Alignement du menu en fonction de la barre d'administration */ 1176 #templateNavWrapper { 1177 top: 55px; 1178 } 1179 1180 } 1181 1182 /* Fond fullscreen dans les pages personnalisées */
1183 #boxes .boxLandmarkBackground { 1184 width: calc(100% + 27px); 1185 margin-left: -13.5px !important; 1186 max-width: 1131px !important; 1187 } 1188 1189 /* Arrondi des champs */ 1190 input[type="text"], 1191 input[type="search"]:not(.choices__input), 1192 .choices, 1193 input[type="password"], 1194 input[type="date"], 1195 input[type="tel"], 1196 input[type="number"], 1197 input[type="datetime-local"], 1198 input[type="email"], 1199 input[type="url"], 1200 textarea { 1201 border-radius: 5px; 1202 padding: 9px; 1203 } 1204 select { 1205 border-radius: 5px; 1206 } 1207 .selected-flag, 1208 .buttonBig, 1209 .buttonLarge, 1210 .buttonSmall, 1211 .bootstrap-switch, 1212 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 1213 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, 1214 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 1215 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 1216 border-radius: 5px; 1217 } 1218 .buttonLarge { 1219 padding: 10px; 1220 } 1221 .buttonSmall { 1222 } 1223</style> 1224<!-- Message --> 1225<!-- Affichage Spark\Notification::message --> 1226<div id="messagesWrapper"> 1227 </div> 1228
1229<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 1230 $('.message-support .messageClose').click(function(event) { 1231 _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); 1232 }); 1233</script>
1233 1234<!-- Misc Spark --> 1235 1236<div class="displayNone" id="sparkTemplateTableExportColumns"> 1237 <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/collect/description/662480-k-adhesions-compagnie-des-gens?header=%2Fpage%2F3712816-adherer"><input type="hidden" name="_formMulti" value="6ac75fd1bd808|7e4f0e99e8916e65a58695723609fa2b3c86f193">
1237<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 1238 $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ 1239 var _this = $(this); 1240 var renable = false; 1241 if(_this.data("multi-submit-protection")){ 1242 return false; 1243 } 1244 else{ 1245 // Blocage à la prochaine soumission 1246 _this.data("multi-submit-protection", true); 1247 // Blocage & chargement sur les boutons 1248 _this.find("button[type='submit']").each(function(){ 1249 var text = $(this).text(); 1250 var buttonDOM = $(this); 1251 var buttonInterval; 1252 buttonDOM 1253 .addClass("disabled") 1254 .prop("disabled", true) 1255 .css("width", buttonDOM.outerWidth() + "px") 1256 .text(".") 1257 .inDOM(function() { 1258 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1259 buttonInterval = setInterval(function() { 1260 if(buttonDOM.text().length === 3) { 1261 buttonDOM.text("."); 1262 } 1263 else { 1264 buttonDOM.text(buttonDOM.text() + "."); 1265 } 1266 }, 300); 1267 }); 1268 // Déblocage au bout de 1 seconde 1269 if(renable){ 1270 window.setTimeout(function(){ 1271 clearInterval(buttonInterval); 1272 buttonDOM 1273 .prop("disabled", false) 1274 .removeClass("disabled") 1275 .removeAttr("style") 1276 .text(text); 1277 }, 1000); 1278 } 1279 }); 1280 // Déblocage au bout de 1 seconde 1281 if(renable){ 1282 window.setTimeout(function(){ 1283 _this.data("multi-submit-protection", false); 1284 }, 1000); 1285 } 1286 // Retour 1287 return true; 1288 } 1289 }); 1290 </script>
1290 <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> 1291 <label 1292 id="sparkTableExportColumnLabel" 1293 > 1294 Exporter les lignes sélectionnées 1295 1296 1297 </label> 1298 <div class="formContent"> 1299 1300 <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1301 <label class="radio" for="sparkTableExportColumn_all"> 1302 <input 1303 type="radio" 1304 name="sparkTableExportColumn" 1305 id="sparkTableExportColumn_all" 1306 value="all" 1307 1308 1309 class="" 1310 > 1311 <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> 1312 </label> 1313 </div> 1314
1314<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 1315 if(document.readyState === "complete"){ 1316 $("#sparkTableExportColumn_all").radiocheck(); 1317 } 1318 </script>
1318 1319 1320 <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1321 <label class="radio" for="sparkTableExportColumn_filter"> 1322 <input 1323 type="radio" 1324 name="sparkTableExportColumn" 1325 id="sparkTableExportColumn_filter" 1326 value="filter" 1327 1328 1329 class="" 1330 > 1331 <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> 1332 </label> 1333 </div> 1334
1334<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 1335 if(document.readyState === "complete"){ 1336 $("#sparkTableExportColumn_filter").radiocheck(); 1337 } 1338 </script>
1338 1339 </div></div> </form> 1340
1340<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 1341 _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); 1342 </script>
1342 1343 </div> 1344 1345<!-- Barre d'administration --> 1346 1347<!-- Barre de navigation responsive --> 1348<div id="templateNavBar"> 1349 1350 <div id="templateNavBarVendorPicture"> 1351 <!-- Une organisation en particulier --> 1352 <a href="/"> 1353 <img src="https://app.assoconnect.com/services/storage?id=6756761&type=picture&secret=vSjxv7EptLVsRzlGAY22fHT5y2ZVi1EqMSrIAVTR&timestamp=1776445735&size=small" alt="Compagnie des Gens"> 1354 </a> 1355 <!-- L'organisation principale --> 1356 </div> 1357 1358 <div id="templateNavBarToggleMenu"> 1359 <span>Menu</span> 1360 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.menu2.32.white.png" class="_gif icoMenu232White" alt="icoMenu232White" title="" id="templateNavBarToggleMenuOpen" > <img src="https://assets.assoconnect.com/legacy/common/ico/ico.cross.32.white.png" class="_gif icoCross32White" alt="icoCross32White" title="" id="templateNavBarToggleMenuClose" > </div> 1361 1362 <div class="clearBoth"></div> 1363 1364</div> 1365 1366 <div id="templateNavSubBarWrapper"> 1367 <div id="templateNavSubBarLeft"><</div> 1368 <div id="templateNavSubBarRight">></div> 1369 <ul id="templateNavSubBar"> 1370 <li > 1371 <a href="/page/3708687-actualite"> 1372 Actualité </a> 1373 </li> 1374 <li class="active"> 1375 <a href="/page/3712816-adherer"> 1376 Adhérer </a> 1377 </li> 1378 <li > 1379 <a href="/page/3708692-reservation"> 1380 Reservation </a> 1381 </li> 1382 </ul> 1383 </div> 1384 1385<!-- Header top --> 1386 1387<!-- Navigation et réseaux sociaux --> 1388 1389<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent --> 1390<div id="templateNavContainer"> 1391 1392 <div id="templateNavWrapper"> 1393 1394 <!-- Ãditable et hover --> 1395 <div id="templateNavWrapperHover" class="templateHover"></div> 1396 <div id="templateNavWrapperEditable" class="templateEditable templateEditableNav"> 1397 <div class="displayTable height100 width100"> 1398 <div class="displayTableCell valignMiddle"> 1399 <p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p> 1400 <div class="templateEditableButton">Cliquez pour éditer</div> 1401 </div> 1402 </div> 1403 </div> 1404 1405 <!-- Réseaux sociaux --> 1406 <div id="templateNavSocialWrapper"> 1407 </div> 1408 1409 <!-- Navigation --> 1410 <nav id="templateNav"> 1411 <ul id="navVendorWrapper"> 1412 <!-- Nom & logo de l'organisation --> 1413 <li id="navVendorPicture"> 1414 <div class="displayTable height100"><!-- displayTable = fix #8392 --> 1415 <a class="displayTableCell width100 valignMiddle" href="/"> 1416 <img src="https://app.assoconnect.com/services/storage?id=6756761&type=picture&secret=vSjxv7EptLVsRzlGAY22fHT5y2ZVi1EqMSrIAVTR&timestamp=1776445735&size=small" alt="Compagnie des Gens"> 1417 </a> 1418 </div> 1419 </li> 1420 </ul> 1421 <ul> 1422 <li 1423 data-templatesubnav="3708686" 1424 class=" 1425 templateNavResponsiveToggleChildren 1426 active 1427 " 1428 > 1429 <a 1430 href="/page/3708687-actualite" 1431 class="displayTable height100" 1432 > 1433 <div class="displayTableCell valignMiddle"> 1434 </div> 1435 <div class="displayTableCell valignMiddle"> 1436 Accueil <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1437 </div> 1438 </a> 1439 <ul> 1440 <li > 1441 <a href="/page/3708687-actualite"> 1442 Actualité </a> 1443 </li> 1444 <li class="active"> 1445 <a href="/page/3712816-adherer"> 1446 Adhérer </a> 1447 </li> 1448 <li > 1449 <a href="/page/3708692-reservation"> 1450 Reservation </a> 1451 </li> 1452 </ul> 1453 </li> 1454 <li 1455 data-templatesubnav="3577179" 1456 class=" 1457 " 1458 > 1459 <a 1460 href="/page/3577180-qui-sommes-nous" 1461 class="displayTable height100" 1462 > 1463 <div class="displayTableCell valignMiddle"> 1464 </div> 1465 <div class="displayTableCell valignMiddle"> 1466 La Compagnie Des Gens <sp
1466an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1467 </div> 1468 </a> 1469 <ul> 1470 </ul> 1471 </li> 1472 <li 1473 data-templatesubnav="3577185" 1474 class=" 1475 templateNavResponsiveToggleChildren 1476 " 1477 > 1478 <a 1479 href="/page/3708652-estivale" 1480 class="displayTable height100" 1481 > 1482 <div class="displayTableCell valignMiddle"> 1483 </div> 1484 <div class="displayTableCell valignMiddle"> 1485 Spectacles <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1486 </div> 1487 </a> 1488 <ul> 1489 <li > 1490 <a href="/page/3708652-estivale"> 1491 Estivale </a> 1492 </li> 1493 <li > 1494 <a href="/page/3577186-les-spectacles-passes"> 1495 Les spectacles passés </a> 1496 </li> 1497 <li > 1498 <a href="/page/3723502-affiches"> 1499 Affiches </a> 1500 </li> 1501 </ul> 1502 </li> 1503 <li 1504 data-templatesubnav="3577181" 1505 class=" 1506 templateNavResponsiveToggleChildren 1507 " 1508 > 1509 <a 1510 href="/page/3712842-ateliers" 1511 class="displayTable height100" 1512 > 1513 <div class="displayTableCell valignMiddle"> 1514 </div> 1515 <div class="displayTableCell valignMiddle"> 1516 Transmissions <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1517 </div> 1518 </a> 1519 <ul> 1520 <li > 1521 <a href="/page/3712842-ateliers"> 1522 Ateliers </a> 1523 </li> 1524 <li > 1525 <a href="/page/3718555-enseignements-theatral"> 1526 Enseignements Théâtral </a> 1527 </li> 1528 <li > 1529 <a href="/page/3718557-interventions-diverses"> 1530 Interventions diverses </a> 1531 </li> 1532 </ul> 1533 </li> 1534 <li 1535 data-templatesubnav="3712841" 1536 class=" 1537 " 1538 > 1539 <a 1540 href="/page/3716353-les-surs-mesures" 1541 class="displayTable height100" 1542 > 1543 <div class="displayTableCell valignMiddle"> 1544 </div> 1545 <div class="displayTableCell valignMiddle"> 1546 Les surs-mesures <sp
1546an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1547 </div> 1548 </a> 1549 <ul> 1550 </ul> 1551 </li> 1552 <li 1553 data-templatesubnav="3708685" 1554 class=" 1555 " 1556 > 1557 <a 1558 href="/page/3708684-contact" 1559 class="displayTable height100" 1560 > 1561 <div class="displayTableCell valignMiddle"> 1562 </div> 1563 <div class="displayTableCell valignMiddle"> 1564 Contact <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1565 </div> 1566 </a> 1567 <ul> 1568 </ul> 1569 </li> 1570 <!-- Mon compte --> 1571 <!-- Panier --> 1572 <!-- Boutons --> 1573 <li id="templateNavButton1Container" class="hideHover displayNone"> 1574 <a href="" class="height100 displayTable"> 1575 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1576 <div class="displayTableCell valignMiddle"> 1577 1578 <div 1579 id="templateNavButton1Button" 1580 class=" 1581 button 1582 textAlignCenter 1583 buttonBlue 1584 buttonLarge 1585 1586 valignMiddle 1587 " 1588 ><span class="valignInitial"></span></div> </div> 1589 </a> 1590 </li> 1591 <li id="templateNavButton2Container" class="hideHover displayNone"> 1592 <a href="" class="height100 displayTable"> 1593 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1594 <div class="displayTableCell valignMiddle"> 1595 1596 <div 1597 id="templateNavButton2Button" 1598 class=" 1599 button 1600 textAlignCenter 1601 buttonBlue 1602 buttonLarge 1603 1604 valignMiddle 1605 " 1606 ><span class="valignInitial"></span></div> </div> 1607 </a> 1608 </li> 1609 <!-- Connexion --> 1610 <li id="templateNavButtonLoginContainer" class="hideHover displayNone"> 1611 <a href="/contacts/login?redirect=%2Fcollect%2Fdescription%2F662480-k-adhesions-compagnie-des-gens%3Fheader%3D%252Fpage%252F3712816-adherer" class="height100 displayTable"> 1612 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 --> 1613 <div class="displayTableCell valignMiddle"> 1614 1615 <div 1616 id="templateNavButtonLoginButton" 1617 class=" 1618 button 1619 textAlignCenter 1620 buttonBlue 1621 buttonLarge 1622 1623 valignMiddle 1624 " 1625 ><span class="valignInitial">Se connecter</span></div> </div> 1626 </a> 1627 </li> 1628 </ul> 1629 </nav> 1630 1631 </div> 1632 1633 <div id="templateSubNavWrapper"> 1634 1635 <div id="templateSubNav"> 1636 <ul data-templatesubnav="3708686"> 1637 <li > 1638 <a href="/page/3708687-actualite"> 1639 Actualité </a> 1640 </li> 1641 <li class="active"> 1642 <a href="/page/3712816-adherer"> 1643 Adhérer </a> 1644 </li> 1645 <li > 1646 <a href="/page/3708692-reservation"> 1647 Reservation </a> 1648 </li> 1649 </ul> 1650 <ul data-templatesubnav="3577185"> 1651 <li > 1652 <a href="/page/3708652-estivale"> 1653 Estivale </a> 1654 </li> 1655 <li > 1656 <a href="/page/3577186-les-spectacles-passes"> 1657 Les spectacles passés </a> 1658 </li> 1659 <li >
1660 <a href="/page/3723502-affiches"> 1661 Affiches </a> 1662 </li> 1663 </ul> 1664 <ul data-templatesubnav="3577181"> 1665 <li > 1666 <a href="/page/3712842-ateliers"> 1667 Ateliers </a> 1668 </li> 1669 <li > 1670 <a href="/page/3718555-enseignements-theatral"> 1671 Enseignements Théâtral </a> 1672 </li> 1673 <li > 1674 <a href="/page/3718557-interventions-diverses"> 1675 Interventions diverses </a> 1676 </li> 1677 </ul> 1678 1679 </div> 1680 1681 </div> 1682 1683</div> 1684 1685<!-- 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) --> 1686 1687<!-- Page --> 1688<article id="templatePageWrapper" class="layout-md"> 1689 <div id="templatePage"> 1690 <!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe --> 1691 <div id="templateIframe"> 1692 <!-- Tabulations --> 1693 <!-- Affiche les onglets pour les organisation dépendantes --> 1694 1695 <!-- 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 --> 1696 1697 <!-- Tabulations en mode Fil d'Ariane --> 1698 <!-- Une tabulation, juste le titre s'affiche --> 1699 <div class="templatePageHeader" data-id="component_Header"> 1700 <div> 1701 <div id="templateTitle" class="templatePageHeaderPart"> 1702 <span class="displayInlineBlock valignMiddle"></span> 1703 </div> 1704 </div> 1705 </div> 1706 <div id="templateTabulationWrapper"> 1707 <div> 1708 <div id="templateTabulation"> 1709 1710 1711 <a 1712 id="tab_page-actualite" 1713 href="/page/3708687-actualite" 1714 class="" 1715 > 1716 Actualité </a> 1717 <a 1718 id="tab_page-adherer" 1719 href="/page/3712816-adherer" 1720 class="" 1721 > 1722 Adhérer </a> 1723 <a 1724 id="tab_page-reservation" 1725 href="/page/3708692-reservation" 1726 class="" 1727 > 1728 Reservation </a> 1729 </div> 1730 </div> 1731 </div> 1732 <!-- Titre uniquement --> 1733 <!-- Titre uniquement --> 1734<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) --> 1735<div class="clearBoth"></div> 1736<!-- Template --> 1737<div class="templatePageWrapper layout-md"> 1738 <div class="templatePageContent "> 1739 <div class="templatePageContentHeader"> 1740 </div> 1741 1742<!-- Couverture --> 1743 1744 1745<!-- Message d'activation des apps --> 1746 <div id="cover" class="socialStart" style="background-image: url(https://app.assoconnect.com/services/storage?id=6454027&type=picture&secret=RmKN3qBOMtzlPWJ1En1QsUW1qrEXRxhmyFKZWNXm&timestamp=1768211661&size=large);"> 1747 <div id="coverOverlay"></div> 1748 <div id="coverEdit"> 1749 </div> 1750 <div id="coverText"> 1751 <!-- Titre --> 1752 <div id="coverTextTitle">Adhésions Compagnie Des Gens</div> 1753 1754 <!-- Date --> 1755 1756 <!-- CTA --> 1757 <div id="coverTextCTA"> 1758 <!-- No payment method --> 1759 1760 <a 1761 id="choix0ButtonLink" 1762 href="https://www.compagniedesgens.fr/collect/choice/662480-k-adhesions-compagnie-des-gens" 1763 class="" 1764 target="" 1765 rel="noopener" 1766 > 1767 <div 1768 id="choix0Button" 1769 class=" 1770 button 1771 textAlignCenter 1772 buttonOrange 1773 buttonLarge 1774 iframeTarget 1775 valignMiddle 1776 " 1777 ><span class="valignInitial">J'adhère !</span></div></a> 1778 </div> 1779 </div> 1780 </div> 1781 1782 <div id="stickyWrapper"> 1783 <div class="row">
1784 <div id="dealContent" class="col-lg-8 col-md-12 col-sm-12 col-xs-12"> 1785 <!-- Titre si pas d'image --> 1786 1787 <!-- Description --> 1788 <h2 class="marginTop0">Information</h2> 1789 <div> 1790 <p>En adhérent à la Compagnie Des Gens, vous vous impliquez significativement dans la vie de la compagnie.</p> 1791 1792<p>En adhérant annuellement, vous soutenez l'Estivale, mais aussi tous les projets menés sur le territoire à l'année et vous participer à une grande épopée collective et joyeuse !</p> 1793 1794<p> </p> </div> 1795 1796 <!-- Documents --> 1797 1798 <!-- Conditions --> 1799 1800 <!-- Prestations --> 1801 <div id="menuWrapper"> 1802 <h2>Formules</h2> 1803 <!-- Prestations --> 1804 <!-- Prestations --> 1805 <!-- Prestations sans groupe --> 1806 <div class="block" data-toggle="true"> 1807 <div> 1808 <h2>Formules</h2> 1809 </div> 1810 <div> 1811 <!-- Titres --> 1812 <div class="row-table fontBold"> 1813 <!-- Prestation --> 1814 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 1815 Prestation </div> 1816 <!-- Réduction --> 1817 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 textAlignRight"> 1818 </div> 1819 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 textAlignRight"> 1820 </div> 1821 <!-- Montant --> 1822 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 textAlignRight"> 1823 Montant </div> 1824 </div> 1825 1826 <!-- Séparateur --> 1827 <div class="separatorHorizontal marginTop10 marginBottom10"></div> 1828 <div class="row-table"> 1829 1830 <!-- Prestation --> 1831 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 1832 Adhésion Individuelle </div> 1833 1834 <!-- Valeur initiale --> 1835 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 textAlignRight"> 1836 </div> 1837 1838 <!-- Réduction --> 1839 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 textAlignRight"> 1840 </div> 1841 1842 <!-- Montant --> 1843 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 fontBold textAlignRight"> 1844 12,00 ⬠</div> 1845 1846 </div> 1847 1848 <!-- Séparateur --> 1849 <div class="separatorHorizontal marginTop10 marginBottom10"></div> 1850 1851 <!-- Prestations enfants --> 1852 1853 <div class="row-table"> 1854 1855 <!-- Prestation --> 1856 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 1857 Adhésion Couple </div> 1858 1859 <!-- Valeur initiale --> 1860 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 textAlignRight"> 1861 </div> 1862 1863 <!-- Réduction --> 1864 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 textAlignRight"> 1865 </div> 1866 1867 <!-- Montant --> 1868 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 fontBold textAlignRight"> 1869 20,00 ⬠</div> 1870 1871 </div> 1872 1873 <!-- Séparateur --> 1874 <div class="separatorHorizontal marginTop10 marginBottom10"></div> 1875 1876 <!-- Prestations enfants --> 1877 1878 </div> 1879 </div> 1880 <!-- Prestations avec groupe --> 1881 </div> 1882 1883 1884 <!-- Liste des participants --> 1885 1886 </div> 1887 1888 <div id="stickyAside" class="col-lg-4 col-md-12 col-sm-12 col-xs-12"> 1889 <div id="stickyAsideAbsolute"> 1890 <!-- Messages draft --> 1891 1892 <!-- Messages sur les statuts --> 1893 <!-- Message statut offre --> 1894 1895 1896 <!-- CTA --> 1897 <div id="sideCTA"> 1898 <div class="separatorHorizontal sideCTAMobile marginTop0"></div> 1899 <!-- No payment method --> 1900 1901 <a 1902 id="choix1ButtonLink" 1903 href="https://www.compagniedesgens.fr/collect/choice/662480-k-adhesions-compagnie-des-gens" 1904 class="" 1905 target="" 1906 rel="noopener" 1907 > 1908 <div 1909 id="choix1Button" 1910 class=" 1911 button 1912 textAlignCenter 1913 buttonOrange 1914 buttonLarge 1915 iframeTarget 1916 valignMiddle 1917 " 1918 ><span class="valignInitial">J'adhère !</span></div></a> 1919 </div> 1920 1921 <!-- Contact --> 1922 <div id="sideContact" class="backgroundLarge"> 1923 <h3>Contacts</h3> 1924 1925 1926 <!-- Email --> 1927 <strong>Email</strong> <br>
1928 <span class="wordBreak"><a href="mailto:[email protected]">[email protected]</a></span> 1929 1930 <!-- Téléphone --> 1931 1932 <div 1933 id="phoneWrapper" 1934 class="row colsMiddle " 1935 > 1936 <div 1937 id="phoneLabel" 1938 class=" 1939 fontBold 1940 1941 col-lg-4 col-md-4 col-sm-4 col-xs-12 1942 " 1943 > 1944 Téléphone 1945 </div> 1946 <div 1947 id="phoneContent" 1948 class=" 1949 1950 col-lg-8 col-md-8 col-sm-8 col-xs-12 1951 " 1952 > 1953 <a href="tel:+33-6-08-40-76-80">+33 6 08 40 76 80</a> 1954 </div> 1955 </div> 1956 1957 1958 <!-- Date des ventes --> 1959 1960 <!-- Date d'utilisation --> 1961 1962 <!-- Adresse --> 1963 </div> 1964 1965 <!-- Social --> 1966 <div class="backgroundLarge"> 1967 <h3>Partagez cette page</h3> 1968 <!-- Facebook --> 1969 <a id="facebookShare" class="shareButton shareButtonSocial" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.compagniedesgens.fr%2Fcollect%2Fdescription%2F662480-k-adhesions-compagnie-des-gens%3Fheader%3D%252Fpage%252F3712816-adherer" target="_blank"> 1970 <svg width="35px" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect height="64" rx="11.2" ry="11.2" width="64" style="fill:#385997"/><path d="M54.4 29.6h-10V22c0-1.86 2.14-2 2.8-2H54V9.6h-6.8C39.67 9.6 34 14.93 34 22v7.6h-8.4V40H34v24h10.4V40h8.4Z" style="fill:#fff"/></svg> 1971 </a> 1972 <!-- Twitter --> 1973 <!-- Linkedin --> 1974 </div> 1975
1975<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 1976 // Partage en popup 1977 // https://stackoverflow.com/a/23309862 1978 $(".shareButtonSocial").on("click", function(event) { 1979 event.preventDefault(); 1980 window.open($(this).attr("href"), "shareWindow", "height=450, width=550, top=" + ($(window).height() / 2 - 225) + ", left=" + ($(window).width() / 2 - 360) + ", toolbar=0, location=0, menubar=0, directories=0, scrollbars=0"); 1981 return false; 1982 }); 1983 </script>
1983 1984 1985 <!-- 3D secure --> 1986 1987 <div class="backgroundLarge backgroundWhite"> 1988 <h4 class="marginBottom10">Paiement en ligne</h4> 1989 <div class="displayFlex alignItemsCenter"> 1990 <div class="marginRight10"> 1991 <svg height="48px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109 127.8"> 1992 <g fill="#344556"> 1993 <path d="m54.5 127.8-.9-.4c-15.8-7.7-27.8-16-36.5-25.4C7.3 91.4 1.5 79.3 0 65.8v-52l1.1-.6C17 4.8 35 .4 54.5 0 74 .4 92 4.8 107.9 13.2l1.1.6v52c-1.5 13.5-7.3 25.6-17.1 36.2-8.8 9.4-20.7 17.7-36.5 25.4l-.9.4zM4.1 65.4c2.8 23.9 18.8 42.2 50.4 57.7 31.6-15.5 47.6-33.8 50.4-57.7v-49c-15-7.7-32-11.7-50.4-12.1-18.4.4-35.3 4.5-50.4 12.1v49z"/> 1994 <path d="M49 31.5c0 2.1-.6 3.8-1.9 5.3s-3 2.5-5.3 3v.1c2.7.3 4.7 1.1 6.1 2.4s2.1 3 2.1 5.2c0 3.2-1.2 5.7-3.5 7.5s-5.6 2.7-9.9 2.7c-3.6 0-6.8-.6-9.6-1.8v-6c1.3.7 2.7 1.2 4.3 1.6 1.5.4 3.1.6 4.6.6 2.3 0 4-.4 5.1-1.2 1.1-.8 1.7-2.1 1.7-3.8 0-1.6-.6-2.7-1.9-3.3-1.3-.7-3.3-1-6.1-1h-2.5v-5.4h2.6c2.6 0 4.5-.3 5.7-1s1.8-1.8 1.8-3.5c0-2.5-1.6-3.8-4.7-3.8-1.1 0-2.2.2-3.3.5s-2.4 1-3.8 1.9l-3.3-4.8c3-2.2 6.6-3.3 10.8-3.3 3.4 0 6.2.7 8.2 2.1C48 27 49 29 49 31.5zM83.6 40.3c0 5.5-1.6 9.7-4.7 12.6s-7.6 4.4-13.5 4.4H56V24h10.4c5.4 0 9.6 1.4 12.6 4.3 3.1 2.9 4.6 6.9 4.6 12zm-7.4.2c0-7.1-3.2-10.7-9.5-10.7h-3.8v21.7h3c6.9 0 10.3-3.7 10.3-11z"/> 1995 <g> 1996 <path d="M32.9 76.7c0 1.1-.4 1.9-1.1 2.5-.7.6-1.8.9-3.2.9-1.3 0-2.4-.2-3.3-.7v-2.3c.8.4 1.5.6 2 .7.5.1 1.1.2 1.5.2.5 0 1-.1 1.3-.3s.4-.5.4-.9c0-.2-.1-.4-.2-.6s-.3-.4-.6-.5c-.2-.2-.8-.4-1.5-.8-.7-.3-1.3-.7-1.6-1-.4-.3-.6-.7-.9-1.1-.3-.4-.3-.9-.3-1.4 0-1 .4-1.9 1.1-2.4.7-.6 1.7-.9 2.9-.9.6 0 1.2.1 1.7.2.6.1 1.1.3 1.7.6l-.8 1.9c-.6-.3-1.1-.4-1.6-.5-.5-.1-.8-.2-1.2-.2-.5 0-.8.1-1.1.3-.3.2-.4.5-.4.9 0 .2.1.4.2.6s.3.3.5.5.7.4 1.6.8c1.1.5 1.8 1.1 2.3 1.6.4.4.6 1.1.6 1.9zM41.8 79.9H35V68.2h6.8v2h-4.3v2.6h4v2h-4v3h4.3v2.1zM49.2 70.1c-.9 0-1.7.4-2.2 1.1s-.8 1.7-.8 2.9c0 2.6 1 3.9 2.9 3.9.8 0 1.8-.2 3-.6v2.1c-1 .4-2 .6-3.2.6-1.7 0-3-.5-3.9-1.6-.9-1-1.4-2.5-1.4-4.5 0-1.2.2-2.3.7-3.2.4-.9 1.1-1.6 1.9-2.1s1.8-.7 2.9-.7 2.3.3 3.4.8l-.8 2c-.4-.2-.9-.4-1.3-.5-.3-.1-.8-.2-1.2-.2zM64.3 68.2v7.6c0 .9-.2 1.6-.6 2.3-.4.7-.9 1.2-1.7 1.5-.7.3-1.6.5-2.6.5-1.5 0-2.7-.4-3.5-1.2-.8-.8-1.3-1.8-1.3-3.2v-7.6h2.5v7.2c0 .9.2 1.6.5 2 .4.4 1 .6 1.8.6s1.4-.2 1.8-.6c.4-.4.5-1.1.5-2v-7.2l2.6.1zM69.6 75.4v4.5h-2.5V68.2h3.4c1.6 0 2.8.3 3.5.9.8.6 1.1 1.5 1.1 2.6 0 .7-.2 1.3-.6 1.8s-.9 1-1.6 1.3c1.8 2.6 2.9 4.3 3.5 5.1h-2.8l-2.8-4.5h-1.2zm0-2h.8c.8 0 1.4-.1 1.7-.4.4-.3.6-.7.6-1.2 0-.6-.2-1-.6-1.2s-1-.4-1.8-.4h-.8v3.2h.1zM84.7 79.9h-6.8V68.2h6.8v2h-4.2v2.6h4v2h-4v3h4.3v2.1h-.1z"/> 1997 </g> 1998 </g> 1999 </svg> 2000 </div> 2001 <div>Les paiements en ligne sont protégés par le 3D-Secure.</div> 2002 </div> 2003 </div> 2004 </div> 2005 </div> 2006 </div> 2007 </div> 2008 2009 <!-- Rich snippets --> 2010
2010<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" type="application/ld+json"> 2011 {"@context":"http:\/\/schema.org","image":{"@type":"ImageObject","url":"https:\/\/app.assoconnect.com\/services\/storage?id=6454027&type=picture&secret=RmKN3qBOMtzlPWJ1En1QsUW1qrEXRxhmyFKZWNXm×tamp=1768211661&size=original","width":1200,"height":801}} </script>
2011 2012 2013 </div> 2014</div> 2015 </div> 2016 </div> 2017</article> 2018 2019<!-- Footer --> 2020<footer id="templateFooterWrapper"> 2021 <div id="templateFooter"> 2022 <div id="templateFooterText">Contact<br /> 2023Espace Kiki de Montparnasse<br /> 20246 esplanade Saint-Vorles<br /> 202521400 Châtillon-sur-Seine<br /> 2026<br /> 2027[email protected]</div> 2028 <div id="templateFooterBlockContainer"> 2029 <div class="row"> 2030 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 2031 <div id="templateFooterBlockWrapper" class="row"> 2032 <!-- Liste des pages de l'organisation principal --> 2033 </div> 2034 </div> 2035 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 2036 <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/collect/description/662480-k-adhesions-compagnie-des-gens?header=%2Fpage%2F3712816-adherer"><input type="hidden" name="_formMulti" value="6ac75fd1d1a79|efb9fa87bdcf5dc45d05a8e370f3f7fc4e0fc3df">
2036<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 2037 $("#templateFooterNewsletterForm").on("submit", function(){ 2038 var _this = $(this); 2039 var renable = true; 2040 if(_this.data("multi-submit-protection")){ 2041 return false; 2042 } 2043 else{ 2044 // Blocage à la prochaine soumission 2045 _this.data("multi-submit-protection", true); 2046 // Blocage & chargement sur les boutons 2047 _this.find("button[type='submit']").each(function(){ 2048 var text = $(this).text(); 2049 var buttonDOM = $(this); 2050 var buttonInterval; 2051 buttonDOM 2052 .addClass("disabled") 2053 .prop("disabled", true) 2054 .css("width", buttonDOM.outerWidth() + "px") 2055 .text(".") 2056 .inDOM(function() { 2057 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 2058 buttonInterval = setInterval(function() { 2059 if(buttonDOM.text().length === 3) { 2060 buttonDOM.text("."); 2061 } 2062 else { 2063 buttonDOM.text(buttonDOM.text() + "."); 2064 } 2065 }, 300); 2066 }); 2067 // Déblocage au bout de 1 seconde 2068 if(renable){ 2069 window.setTimeout(function(){ 2070 clearInterval(buttonInterval); 2071 buttonDOM 2072 .prop("disabled", false) 2073 .removeClass("disabled") 2074 .removeAttr("style") 2075 .text(text); 2076 }, 1000); 2077 } 2078 }); 2079 // Déblocage au bout de 1 seconde 2080 if(renable){ 2081 window.setTimeout(function(){ 2082 _this.data("multi-submit-protection", false); 2083 }, 1000); 2084 } 2085 // Retour 2086 return true; 2087 } 2088 }); 2089 </script>
2089 <div class="row colsMiddle"> 2090 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> 2091 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div> 2092 <label 2093 id="templateFooterBlocNewsletterEmailLabel" 2094 for="templateFooterBlocNewsletterEmail" 2095 > 2096 Je m'abonne à la newsletter 2097 2098 2099 </label> 2100 <input 2101 type="email" 2102 data-typo-check="true" 2103 name="templateFooterBlocNewsletterEmail" 2104 class="" 2105 value="" 2106 placeholder="Renseignez votre email" 2107 autocomplete="email" 2108 2109 2110 id="templateFooterBlocNewsletterEmail" 2111 > 2112 2113 <div class="clearBoth"></div> 2114 </div> 2115
2115<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 2116 $("#templateFooterBlocNewsletterEmail").on("change", function() { 2117 _spark.form.mail.check("templateFooterBlocNewsletterEmail"); 2118 }); 2119 </script>
2119 2120 </div> 2121 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom"> 2122 2123 <button 2124 type="submit" 2125 id="templateFooterBlocNewsletterSubmit" 2126 class=" 2127 button 2128 buttonOrange 2129 textAlignCenter 2130 buttonLarge 2131 2132 2133 " 2134 2135 > 2136 2137 <span class="valignInitial">OK</span> 2138 </button> 2139 </div> 2140 </div> 2141 2142 </form> 2143
2143<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 2144 $("#templateFooterNewsletterForm") 2145 // Init 2146 .data("dirty", 0) 2147 // Form submit is possible 2148 .on("submit", function(){ 2149 window.onbeforeunload = null; 2150 }) 2151 // On change 2152 .find("input, textarea").on("change", function(){ 2153 if(document.readyState === "complete"){ 2154 $("#templateFooterNewsletterForm").data().dirty++; 2155 } 2156 }); 2157 // Ajout 2158 _spark.dirty.push(function(){ 2159 return $("#templateFooterNewsletterForm").data("dirty") > 0; 2160 }); 2161 </script>
2161 2162 2163
2163<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 2164 _spark.form.mail.initMailGroup("templateFooterNewsletter"); 2165 </script>
2165 2166 <div id="templateFooterSocialWrapper"> 2167 <a 2168 href="https://www.facebook.com/https://www.facebook.com/compagniedesgens?locale=fr_FR" 2169 target="_blank" 2170 id="templateFooterSocialFacebook" 2171 > 2172 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac75fd1d312d" > </a> 2173 <a 2174 href="https://instagram.com/https://www.instagram.com/ciedesgens/" 2175 target="_blank" 2176 id="templateFooterSocialInstagram" 2177 > 2178 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac75fd1d3208" > </a> 2179 </div> 2180 </div> 2181 </div> 2182 </div> 2183 </div> 2184 <div id="templateFooterInformation"> 2185 <ul> 2186 <!-- Plan du site --> 2187 <li> 2188 <a href="/infos/plan/ 2189 737527 ">Plan du site</a> 2190 </li> 2191 2192 <!-- Licences --> 2193 <li> 2194 <a href="/infos/licenses">Licences</a> 2195 </li> 2196 2197 <!-- CGU --> 2198 <li> 2199 <a href="/infos/legal-notice">Mentions légales</a> 2200 </li> 2201 <li> 2202 <a href="/infos/tos">CGUV</a> 2203 </li> 2204 2205 <!-- CGU --> 2206 <li> 2207 <a id="configureCookies" href="#">Paramétrer vos cookies</a> 2208 </li> 2209 2210 <!-- Connexion/déconnexion et mon compte --> 2211 <li> 2212 2213 <a 2214 id="templateNavButtonLoginButtonLink" 2215 href="https://www.compagniedesgens.fr/contacts/login?redirect=%2Fcollect%2Fdescription%2F662480-k-adhesions-compagnie-des-gens%3Fheader%3D%252Fpage%252F3712816-adherer" 2216 class="" 2217 target="" 2218 rel="noopener" 2219 > 2220 <div 2221 id="templateNavButtonLoginButton" 2222 class=" 2223 button 2224 textAlignCenter 2225 buttonBlue 2226 buttonLarge 2227 valignMiddle margin0 2228 valignMiddle 2229 " 2230 ><span class="valignInitial">Se connecter</span></div></a> 2231 </li> 2232 </ul> 2233 <ul> 2234 <li class="paddingTop0"> 2235 <a href="https://www.assoconnect.com/associations/logiciel-association-culturelle/" target="_blank"> 2236 Propulsé par AssoConnect, le logiciel des associations Culturelles </a> 2237 </li> 2238 </ul> 2239 </div> 2240 </footer> 2241 2242<!-- Footer - Global --> 2243 </div> 2244 2245 <!-- JS --> 2246
2246<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 2247 2248/** 2249 * Tracking 2250 */ 2251trackPage("Collect Visited", { 2252 collectId: 662480, 2253 contextName: "ONLINE_COLLECT", 2254 onlineFunnelStep: "DESCRIPTION", 2255}); 2256 2257/** 2258 * Dialog de partage social 2259 */ 2260$(".socialShare").on("click", function() { 2261 $("#socialShareDialog").dialog(); 2262}); 2263 2264/** 2265 * Affichage des participants 2266 */ 2267var salesVisibles = []; 2268var salesVisibleIndex = 0; 2269$("#salesVisibleMoreButton").on("click", function() { 2270 for(var i = 0; i < Math.min(16, salesVisibles.length); i++) { 2271 var sale = salesVisibles[salesVisibleIndex]; 2272 var content = $("<div>"); 2273 content.append($("<p>").text(sale.firstname)); 2274 content.append($("<p>").text(sale.lastname)); 2275 if(sale.radio){ 2276 content.append($("<p>").text(sale.radio)); 2277 } 2278 $.each(sale, function(key, value){ 2279 if(key.match(/^menu[0-9]+$/)){ 2280 content.append($("<p>").text(value)); 2281 } 2282 }); 2283 // Ajout du participant dans le DOM 2284 $("#salesVisible").append( 2285 $("<div>").addClass("saleVisible backgroundLarge backgroundWhite").append( 2286 content 2287 ) 2288 ); 2289 salesVisibleIndex++; 2290 } 2291}).trigger("click"); 2292 2293 </script>
vendor: 1 bytes, line 2293
2293
2294<script nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91"> 2295 if(window.console && window.console.log){ 2296 // Affichage des notices non capturées 2297 } 2298</script>
2298 2299 2300 2301
2301<script 2302 nonce="c4231bc5-a93f-4279-98aa-022bd4d4bd91" 2303 src="https://cdn.hub-prod.team.blue/loader/widget-loader.js" 2304 data-teamblue-footer 2305 data-footer="hidden" 2306 ></script>
2306 2307 </body> 2308</html> 2309
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.