PageSourceSearch

https://www.compagniedesgens.fr/collect/description/662480-k-adhes…?header=%2Fpage%2F3712816-adherer

html compagniedesgens.fr collected 2026-10-08 09:18:10 UTC 102,907 bytes, 2,309 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3	<head>
4
5		<!-- META -->
6		                <meta name="robots" content="index, follow">
7                    <meta property="og:type" content="website">
8                    <meta property="og:site_name" content="AssoConnect">
9                    <title>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&amp;type=picture&amp;secret=RmKN3qBOMtzlPWJ1En1QsUW1qrEXRxhmyFKZWNXm&amp;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&amp;type=picture&amp;secret=vSjxv7EptLVsRzlGAY22fHT5y2ZVi1EqMSrIAVTR&amp;timestamp=1776445735&amp;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&amp;type=picture&amp;secret=vSjxv7EptLVsRzlGAY22fHT5y2ZVi1EqMSrIAVTR&amp;timestamp=1776445735&amp;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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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&amp;type=picture&amp;secret=RmKN3qBOMtzlPWJ1En1QsUW1qrEXRxhmyFKZWNXm&amp;timestamp=1768211661&amp;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&#039;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&#039;Estivale, mais aussi tous les projets menés sur le territoire à l&#039;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&#039;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&timestamp=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&#039;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.