PageSourceSearch

https://www.lescaramelsfous.com/page/788495-accueil

html lescaramelsfous.com collected 2026-09-30 04:31:33 UTC 131,205 bytes, 3,095 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>Accueil | Les Caramels fous</title>
10                    <meta property="og:title" content="Accueil | Les Caramels fous">
11                    <meta name="description" content="Les Caramels fous - Accueil - DRAGULA Livret et mise en scène : Denis Evrard La nouvelle comédie musicale des Caramels fous. Déjantée, mordante et furieusement vivante ! À l’occasion d...">
12        <meta property="og:description" content="Les Caramels fous - Accueil - DRAGULA Livret et mise en scène : Denis Evrard La nouvelle comédie musicale des Caramels fous. Déjantée, mordante et furieusement vivante ! À l’occasion d...">
13                    <meta property="og:locale" content="fr_FR">
14                    <meta property="og:url" content="https://www.lescaramelsfous.com/page/788495-accueil">
15                    <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=6906460&amp;type=picture&amp;secret=C0qJcZjq5W0ozkIGj4B4ggmEH5z8OOgf6qfKzWrJ&amp;timestamp=1780575918">
16                    <meta property="og:image:width" content="540">
17                    <meta property="og:image:height" content="282">
18    <meta name="viewport" property="viewport" content="width=device-width, initial-scale=1.0">
19<meta charset="utf-8">
20<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
21<meta name="google-signin-use_fedcm" content="true">
22    <link rel="canonical" href="https://www.lescaramelsfous.com/page/788495-accueil">
23
24		<!-- Favicon -->
25					<link rel="icon" type="image/png" href="https://assets.assoconnect.com/legacy/assoconnect.com/image/favicon.png">
26		
27		<!-- https://dev.twitter.com/web/overview/widgets-webpage-properties -->
28		<meta name="twitter:widgets:csp" content="on">
29
30		<!-- CSS -->
31		
32
33<!-- jQuery UI -->
34<!-- Le CSS de jQuery UI utilise des chemins relatifs pour les images, on ne peut donc pas l'inclure dans le CSS global -->
35<link
36    rel="stylesheet"
37    href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css"
38    integrity="sha512-Ikr9iIb48ljzg7k903d77p0AITNsf4DxtxK4g5R4UiqHpCdroXAX0zqr0uPSWskJOJ1pQoAOXCb8WPkohWY3Bw=="    
39    crossorigin="anonymous"
40>
41
42<!-- Layout -->
43<link rel="stylesheet" href="https://cdn.assoconnect.com/public/build/css/common.-.layout.-.public-horizontal.DESKTOP.9a6a164.css">
44
45<!-- Template -->
46<style>/**
47 * Breaking points pour les media queries
48 */
49/**
50 * Différentes fonctions less utilisées dans le site
51 */
52/**
53 * Arrondir les coins
54 */
55/**
56 * Ajouter une bordure
57 */
58/**
59 * Ombre sur le texte
60 */
61/**
62 * Ombre sur les box
63 */
64/**
65 * Taille de la box prenant en compte ou non les bordures et le padding
66 */
67/**
68 * Effet de transition lors du changement d'état
69 */
70/**
71 * Effet de rebond
72 */
73@keyframes bounce {
74  20% {
75    transform: translateY(10px);
76  }
77  50% {
78    transform: translateY(-10px);
79  }
80  60% {
81    transform: translateY(5px);
82  }
83  90% {
84    transform: translateY(-5px);
85  }
86}
87#boxes {
88  position: relative;
89  text-align: left;
90}
91#boxes .boxLandmark {
92  position: relative;
93  width: 100%;
94  max-width: 1104px;
95  margin: auto;
96}
97#boxes .box {
98  overflow: hidden;
99}
100#boxes .box h2,
101#boxes .box h3,
102#boxes .box p,
103#boxes .box ul,
104#boxes .box ol {
105  margin-top: 0;
106}
107#boxes .box h2:first-child,
108#boxes .box h3:first-child {
109  margin-top: -5px !important;
110}
111#boxes .box p:first-child,
112#boxes .box ul:first-child,
113#boxes .box ol:first-child {
114  margin-top: -2px !important;
115}
116#boxes .box[data-type="button"] .buttonDIYContainer {
117  text-align: center;
118  height: 100%;
119}
120#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper {
121  border-radius: 20px;
122  display: inline-block;
123  background: #316bf2;
124  height: 100%;
125}
126#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
127  border-radius: 20px;
128  display: table;
129  height: 102%;
130  text-decoration: none;
131}
132#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY .buttonDIYText {
133  color: #ffffff;
134  display: table-cell;
135  vertical-align: middle;
136  padding: 0 10px;
137}
138#boxes .box[data-type="button"] .buttonDIYWrapper {
139  text-align: center;
140  height: 100%;
141}
142#boxes .box[data-type="horizontalSeparator"] .separatorWrapper,
143#boxes .box[data-type="verticalSeparator"] .separatorWrapper {
144  width: 100%;
145  height: 100%;
146}
147#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div,
148#boxes .box[data-type="verticalSeparator"] .separatorWrapper > div {
149  text-align: center;
150  width: 100%;
151  height: 100%;
152}
153#boxes .box[data-type="horizontalSeparator"] .separatorWrapper {
154  display: table;
155}
156#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div {
157  display: table-cell;
158  vertical-align: middle;
159}
160#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div .separator {
161  width: 100%;
162}
163#boxes .box[data-type="verticalSeparator"] .separatorWrapper .separator {
164  height: 100%;
165  display: inline-block;
166}
167#boxes .box .boxBackgroundOverlay,
168#boxes .box .boxBackgroundPicture {
169  position: absolute;
170  top: 0;
171  bottom: 0;
172  left: 0;
173  right: 0;
174  text-align: center;
175}
176#boxes .box .boxBackgroundPicture {
177  background-size: cover;
178  background-repeat: no-repeat;
179  background-position: center;
180}
181#boxes .box .boxBackgroundOverlay {
182  opacity: .3;
183}
184@media (max-width: 970px) {
185  #boxes .box {
186    position: relative !important;
187    top: auto !important;
188    right: auto !important;
189    bottom: auto !important;
190    left: auto !important;
191    width: 100% !important;
192  }
193  #boxes .box[data-type="button"] {
194    height: 100%;
195    padding: 5px;
196  }
197  #boxes .box[data-type="background"] {
198    height: auto !important;
199  }
200  #boxes .box[data-type="background"] > div {
201    height: auto !important;
202  }
203  #boxes .box[data-type="group"] {
204    height: auto !important;
205  }
206  #boxes .box[data-type="group"] > div {
207    height: auto !important;
208  }
209  #boxes .box[data-type="text"] {
210    height: auto !important;
211  }
212  #boxes .box[data-type="text"] > div {
213    height: auto !important;
214  }
215  #boxes .box[data-type="picture"] {
216    text-align: center !important;
217    font-size: 0 !important;
218  }
219  #boxes .box[data-type="facebookLike"],
220  #boxes .box[data-type="twitterTimeline"] {
221    text-align: center;
222  }
223  #boxes .box[data-type="verticalSeparator"] {
224    display: none;
225  }
226  #boxes .tableWrapper {
227    width: 100%;
228    max-width: 100%;
229    overflow: auto;
230  }
231}
232</style>
233
234<!-- Google Font -->
235    <!-- :400,700 for bold -->
236    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet">
237            <style>
238            html, body {font-family: "Montserrat", Roboto, sans-serif;}
239        </style>
240    
241
242<!-- Choices.js -->
243
244<!-- ContentTools -->
245
246<!-- Cropper -->
247
248<!-- FullCalendar -->
249
250<!-- Simplelightbox -->
251	<link
252		rel="stylesheet"
253		href="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simplelightbox.min.css"
254		integrity="sha256-IZ7V7DBQggiyHjLI/74Zert2QmZh4a5cpvGQPJC7JyY="
255		crossorigin="anonymous"
256	>
257
258<!-- Leaflet -->
259<!-- Leaflet MarkerCluster -->
260
261<style nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
262	#teamblue-widget-container {
263		position: fixed;
264		bottom: 0;
265		left: 0;
266		width: 0;
267		height: 0;
268		overflow: hidden;
269	}
270</style>
271
272		<!-- JS -->
273		
273<script async nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
274	// Browser check
275	// https://stackoverflow.com/a/55655928/7671937
276	function isCrappyIE() {
277		var ua = window.navigator.userAgent;
278		var crappyIE = false;
279		var msie = ua.indexOf('MSIE ');
280		if (msie > 0) { // IE 10 or older => return version number
281			crappyIE = true;
282		}
283		var trident = ua.indexOf('Trident/');
284		if (trident > 0) { // IE 11 => return version number
285			crappyIE = true;
286		}
287		return crappyIE;
288	}
289
290	if(isCrappyIE()) {
291		alert("Vous utilisez une ancienne version d'Internet Explorer qui n'est plus maintenue. Pour le confort de votre navigation, merci d'utiliser un navigateur \u00e0 jour. ");
292	}
293</script>
293
294
295<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
296	var SIZE_FIXED			= "fixed";
297	var SIZE_FREE			= "free";
298	var SIZE_MIN			= "min";
299	var SIZE_MIN_WIDTH		= "min-width";
300	var SIZE_MIN_HEIGHT		= "min-height";
301	var SIZE_MAX			= "max";
302	var SIZE_MAX_WIDTH		= "max-width";
303	var SIZE_MAX_HEIGHT		= "max-height";
304	var ORIGINAL_WIDTH		= 1200;
305	var ORIGINAL_HEIGHT		= 628;
306	var SIZE_STANDARD		= "standard";
307	var SIZE_USER			= "user";
308	var SIZE_VENDOR			= "vendor";
309	var THUMB_WIDTH			= 352;
310	var THUMB_HEIGHT		= 184;
311	var USER_NORMAL			= 200;
312</script>
vendor: 1 bytes, line 312
312
313<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
314    var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy";
315    var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark";
316    var SPARK_VERSION = "9a6a164";
317    var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760;
318    var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249;
319    var URI_CLIENT = "\/page\/788495-accueil";
320    var URI_SERVER = "\/page\/index";
321    var VENDOR_ID = 169061;
322    var _GIFS = [];
323    var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH";
324    var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA";
325    var CSP_NONCE = "7414e63c-11e4-4429-b9f1-9870a51bf6bb";
326    var I18N_CURRENCY = "EUR";
327    var I18N_LOCALE = "fr-FR";
328    var I18N_TIMEZONE = "Europe\/Paris";
329    var SITE_CODE = "a";
330</script>
330
331
332<!-- Translator Method -->
333<script
334    nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
335    src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/5.1.0/intl-messageformat.min.js"
336    integrity="sha256-jkYwyAJTaU4esUDFkWA92xz+ARjXOmPO8ul5jjY3MWk="
337    crossorigin="anonymous"
338></script>
vendor: 1 bytes, line 338
338
339<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
340  window.trans = function trans(key, params) {
341      // Translation key not found
342      if(window.translations.hasOwnProperty(key) === false) {
343          return key;
344      }
345
346      var translation = window.translations[key];
347
348      var translator = new IntlMessageFormat.IntlMessageFormat(translation, I18N_LOCALE);
349
350      return translator.format(params);
351  };
352
353  window.transCurrency = new Intl.NumberFormat(
354      I18N_LOCALE,
355      { style: 'currency', currency: "EUR"}
356  ).format;
357
358  window.transDate = new Intl.DateTimeFormat(I18N_LOCALE, {
359      timeZone: I18N_TIMEZONE,
360  }).format;
361
362  window.transDateFromYMD = function(value) {
363      value = String(value).replaceAll('-', '');
364      // YYYYMMDD or YYYYMMDDHHiiss
365      if (String(value).length !== 8 && String(value).length !== 14) {
366          return ''
367      }
368
369      var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2));
370
371      // Invalid date
372      if (isNaN(date)) {
373          return ''
374      }
375
376      return transAbsoluteDate(date);
377  }
378
379  window.transDateTime = new Intl.DateTimeFormat(I18N_LOCALE, {
380      timeZone: I18N_TIMEZONE,
381      year: "numeric",
382      month: "2-digit",
383      day: "2-digit",
384      hour: "numeric",
385      minute: "numeric",
386      second: "numeric",
387  }).format;
388
389  // Trans date created with new Date('1986-06-02')
390  window.transAbsoluteDate = new Intl.DateTimeFormat(I18N_LOCALE, {
391      timeZone: "UTC",
392  }).format;
393
394  // Trans date formatted as YYYYMMDDHHiiss
395  window.transAbsoluteDateYMD = function (value) {
396      // YYYYMMDD or YYYYMMDDHHiiss
397      if (String(value).length !== 8 && String(value).length !== 14) {
398          return ''
399      }
400
401      var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2));
402
403      // Invalid date
404      if (isNaN(date)) {
405          return ''
406      }
407
408      return transAbsoluteDate(date);
409  }
410
411      window.translations = Object.assign({"ckeditor.subtitle":"Sous-titre","ckeditor.title":"Titre","ckeditor.maintitle":"Titre principal","form.select.placeholder":"Choisissez","form.uploadPicture.complete.delete":"Supprimer","form.uploadPicture.prepareInput.button":"Se\u0301lectionner","form.uploadPicture.prepareInput.drop":"Ajouter une image","form.uploadPicture.prepareInput.send":"S\u00e9lectionner","form.uploadPicture.prepareInput.size":"Taille recommand\u00e9e : {width} x {height} px","form.uploadPicture.remove.confirm.text":"Voulez-vous vraiment supprimer l'image \u00ab {filename} \u00bb ?","jquery.ajax.error":"Une erreur est survenue. Cette erreur peut \u00eatre due \u00e0 votre connexion.\nN'h\u00e9sitez pas \u00e0 nous contacter si cette erreur persiste.\n","jquery.ajax.forbidden":"Vous n'avez pas les droits suffisants pour effectuer cette action.","popup.blocked":"Vous devez autoriser les popup pour ce site afin de voir la pr\u00e9visualisation du formulaire","registration.addedMail":"Votre inscription \u00e0 la Newsletter est confirm\u00e9e. \u00c0 tr\u00e8s bient\u00f4t pour de nouvelles actualit\u00e9s.","registration.addMail":"Veuillez indiquer une adresse email.","registration.failed":"Abonnement \u00e9chou\u00e9 !","registration.mailAlreadyExisting":"Cette adresse email est d\u00e9j\u00e0 abonn\u00e9e \u00e0 la newsletter.","spark.dirty.onBeforeUnload":"Vous avez modifi\u00e9 des informations. En quittant cette page sans les enregistrer vous risquez de les perdre.","spark.form.bic.helper.country":"Le BIC est probablement incorrect : v\u00e9rifiez les 5\u00e8me et 6\u00e8me caract\u00e8res ({country}).","spark.form.bic.helper.incorrect":"Le code BIC est incorrect.","spark.form.country.helper.incorrect":"Le pays est incorrect.","spark.form.date.helper.format":"La date est incorrecte (format JJ\/MM\/AAAA).","spark.form.date.helper.futureDateNotAllowed":"Date dans le futur","spark.form.date.helper.yearInTwoDigits":"L'ann\u00e9e doit \u00eatre sur 4 chiffres","spark.form.date.helper.yearStartsWithZero":"L'ann\u00e9e ne peut pas commencer par un z\u00e9ro","spark.form.datetime.checkLegalAge.error.age":"Le responsable l\u00e9gal doit \u00eatre majeur","spark.form.datetime.update.error.incorrect":"La date saisie est incorrecte.","spark.form.datetime.update.error.max":"La date doit \u00eatre ant\u00e9rieure au {max}","spark.form.datetime.update.error.min":"La date doit \u00eatre post\u00e9rieure au {min}","spark.form.domain.check.error":"Le domaine saisi est incorrect.","spark.form.iban.helper.invalid":"L'IBAN est incorrect.","spark.form.mail.check.question":"Nous avons d\u00e9tect\u00e9 une potentielle erreur de frappe. Est-ce que votre adresse email est {suggest} ?","spark.form.mail.check.yes":"Oui, corriger l'adresse","spark.form.mail.check.no":"Non, conserver l\u2019adresse renseign\u00e9e","spark.form.mail.confirm.error":"Les deux emails sont diff\u00e9rents.","spark.form.mail.helper.at":"Cet email ne contient pas le signe arobase (@)","spark.form.mail.helper.domain":"Le nom de domaine de l'adresse email est incorrect.","spark.form.mail.helper.empty":"Veuillez indiquer une adresse email.","spark.form.mail.helper.incorrect":"Cet email est incorrect.","spark.form.mail.helper.invalid":"Cet email contient des caract\u00e8res invalides.","spark.form.model.addressSearch.city":"Ville","spark.form.model.addressSearch.country":"Pays","spark.form.model.addressSearch.location":"Nom du lieu","spark.form.model.addressSearch.notFound":"Adresse introuvable ?","spark.form.model.addressSearch.placeholder":"Recherchez ici l'adresse que vous souhaitez enregistrer","spark.form.model.addressSearch.postal":"Code postal","spark.form.model.addressSearch.reset"
411:"Supprimer l'adresse ou en saisir une nouvelle","spark.form.model.addressSearch.street1":"Rue","spark.form.model.addressSearch.street2":"Compl\u00e9ment","spark.form.model.category":"Cat\u00e9gorie","spark.form.money.check.error":"Le montant saisi n'est pas correct.","spark.form.password.confirm.error":"Les deux mots de passe sont diff\u00e9rents.","spark.form.percent.check.error":"La valeur saisie n'est pas correcte.","spark.form.phone.helper.country":"Le code pays est incorrect.","spark.form.phone.helper.incorrect":"Le num\u00e9ro de t\u00e9l\u00e9phone est incorrect.","spark.form.phone.helper.length.tooLong":"Le num\u00e9ro de t\u00e9l\u00e9phone est trop long.","spark.form.phone.helper.length.tooShort":"Le num\u00e9ro de t\u00e9l\u00e9phone est trop court.","spark.form.phone.helper.mobile":"Veuillez indiquer un num\u00e9ro de t\u00e9l\u00e9phone portable.","spark.form.phone.helper.phone":"Veuillez indiquer un num\u00e9ro de t\u00e9l\u00e9phone fixe.","spark.form.phone.helper.refused":"Ce type de num\u00e9ro de t\u00e9l\u00e9phone n'est pas accept\u00e9.","spark.form.phone.helper.unknown":"Le num\u00e9ro de t\u00e9l\u00e9phone n'est pas reconnu.","spark.form.postal.helper.country.required":"Le pays doit \u00eatre indiqu\u00e9.","spark.form.postal.helper.country.unknown":"Le pays {country} est inconnu.","spark.form.postal.helper.incorrect":"Le code postal est incorrect.","spark.form.postal.helper.required":"Le code postal doit \u00eatre indiqu\u00e9.","spark.form.postal.helper.unused":"Ce pays n'utilise pas de codes postaux.","spark.form.textCount.update.character":"caract\u00e8re","spark.form.upload.check.error.limit":"Vous avez atteint la limite de {limit} fichiers.","spark.form.upload.check.error.name":"Le nom du fichier est trop long (max. {limit} caract\u00e8res, extension exclue).","spark.form.upload.check.error.size":"Le fichier est trop gros (max : {size} {unit}).","spark.form.upload.check.error.type":"Le type du fichier n'est pas accept\u00e9.","spark.form.upload.DOMProgress.text":"Chargement en cours","spark.form.upload.prepare.button.select":"Se\u0301lectionner","spark.form.upload.prepare.drop":"Ajouter un fichier","spark.form.upload.remove.confirm.text":"Voulez-vous vraiment supprimer le fichier \u00ab {filename} \u00bb ?","spark.form.upload.uploadFile.callback.error":"Une erreur s'est produite lors du t\u00e9l\u00e9chargement.","spark.form.url.check.error":"L'url saisie est incorrecte.","spark.notification.button.nextNotice":"Erreur suivante","spark.notification.button.prevNotice":"Erreur pr\u00e9c\u00e9dente","spark.template.accordion.button.title":"Afficher","spark.template.button.cancel":"Annuler","spark.template.button.close":"Fermer","spark.template.button.continue":"Continuer","spark.template.button.delete":"Supprimer","spark.template.button.edit":"Modifier","spark.template.button.submit":"Envoyer","spark.template.button.view":"Voir","spark.template.confirm.confirmText.label":"Veuillez saisir \"{ confirmText }\"","spark.template.confirm.error":"Le texte renseign\u00e9 est incorrect","spark.template.editable.create.button.submit":"Confirmer","spark.template.editable.create.save.error":"Impossible d'enregistrer les modifications.","spark.template.loading.text":"Chargement en cours ...","spark.template.notification.save":"Enregistr\u00e9","spark.template.table.count.checked.all.button":"Les {nbDisplayed} lignes de cette page sont s\u00e9lectionn\u00e9es. <u>S\u00e9lectionner les {truncatedNb} lignes<\/u>.","spark.template.table.count.checked.all.buttonUntruncated":"Les {nbDisplayed} lignes de cette page sont s\u00e9lectionn\u00e9es. <u>S\u00e9lectionner toutes les lignes<\/u>.","spark.template.table.count.checked.all.text":"Toutes les lignes sont s\u00e9lectionn\u00e9es.","spark.template.table.count.checked.truncated":"{nbChecked} ligne(s) s\u00e9lectionn\u00e9e(s) sur {nbTotal}.","spark.template.table.count.checked.untruncated":"{nbChecked} ligne(s) s\u00e9lectionn\u00e9e(s) sur un grand nombre.","spark.template.table.count.displayed.empty":"Aucune ligne","spark.template.table.count.displayed.rows":"{nbDisplayed} ligne(s).","spark.template.table.count.displayed.truncated":"{nbDisplayed} ligne(s) affich\u00e9e(s) sur {truncatedNb}.","spark.template.table.count.displayed.untruncated":"{nbDisplayed} ligne(s) affich\u00e9e(s) sur un grand nombre.","spark.template.table.exports.empty":"Le tableau est vide !","spark.template.table.
411warning.partialSorting":"Vous venez d\u2019afficher maximum 50 lignes suppl\u00e9mentaires. Le tri ne s\u2019applique pas sur les lignes nouvellement charg\u00e9es. Relancez votre tri sur toutes les lignes affich\u00e9es.","fraud.quickEmails.probationLimit":"Vous ne pouvez pas contacter autant de personnes. Il vous reste {remaining} emails \u00e0 envoyer aujourd'hui."},window.translations);
412    window.translations = Object.assign({"humanSearch.and":" et ","humanSearch.date.after":"\"{name}\" est apr\u00e8s le {startDate}","humanSearch.date.before":"\"{name}\" est avant le {endDate}","humanSearch.date.between":"\"{name}\" est entre le {startDate} et le {endDate}","humanSearch.is":" est ","humanSearch.number.between":"\"{name}\" entre {start} et {end}","humanSearch.or":" ou ","template.alert.error":"Une erreur s'est produite lors de votre recherche. Veuillez r\u00e9essayer.","template.text.published":"Publi\u00e9 le {date}","text.empty.document":"Aucun document fourni","text.searchUserInfos.administrativeArea1":"R\u00e9gion","text.searchUserInfos.administrativeArea2":"D\u00e9partement","text.searchUserInfos.birthday":"Date de naissance","text.searchUserInfos.city":"Ville","text.searchUserInfos.country":"Pays","text.searchUserInfos.sex":"Sexe","text.searchUserInfos.street1":"Adresse","text.searchUserInfos.street2":"Compl\u00e9ment d'adresse"},window.translations);
413</script>
413
414
415<!-- jQuery -->
416<script
417    nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
418    src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
419    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
420    crossorigin="anonymous"
421></script>
vendor: 1 bytes, line 421
421
422<script
423    nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
424    src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js"
425    integrity="sha512-MSOo1aY+3pXCOCdGAYoBZ6YGI0aragoQsg1mKKBHXCYPIWxamwOE7Drh+N5CPgGI5SA9IEKJiPjdfqWFWmZtRA=="
426    crossorigin="anonymous"
427></script>
vendor: 1 bytes, line 427
427
428<script
429    nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
430    src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js"
431    integrity="sha256-q/EiPw4hDxf7AKJEkIHWBspsML3nLL0VB729yuwz+cc="
432    crossorigin="anonymous"
433></script>
vendor: 1 bytes, line 433
433
434<script
435    nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
436    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js"
437    integrity="sha256-sAkXLwDFSAB/S09JCOWRvnoOnhGYDu9VqMnbCKAhMzI="
438    crossorigin="anonymous"
439></script>
vendor: 1 bytes, line 439
439
440<script
441    nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
442    src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.9/jquery.mousewheel.min.js"
443    integrity="sha256-+ZWJyex7JtGOxCSSRu/QgpDkiTWQEqBuE2O8xHMVZCQ="
444    crossorigin="anonymous"
445></script>
445
446
447<!-- Layout -->
448<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.9a6a164.js"></script>
448
449
450<!-- CKEditor -->
451
452<!-- intl-tel-input -->
453
454<!-- reCAPTCHA -->
455
456<!-- Validator -->
457
458<!-- Algolia -->
459	<!-- Placé à l'extérieur pour l'annuaire -->
460	
460<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
461		var ALGOLIA_CONFIG = {
462			allowTyposOnNumericTokens:	false,
463			facets:						[],
464			facetFilters:				[],
465			query:						"",
466			page:						0,
467			numericFilters:				[],
468			removeWordsIfNoResults:		"lastWords",
469			tagFilters:					[],
470			typoTolerance:				"strict",
471			advancedSyntax:				true
472		};
473	</script>
473
474
475<!-- Charts.js -->
476
477<!-- Choices.js -->
478
479<!-- ContentTools -->
480
481<!-- Cropper -->
482
483<!-- Dompurify -->
484
485<!-- FullCalendar -->
486
487<!-- HTML2Canvas -->
488
489<!-- Parallax -->
490	
490<script
491		nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
492		src="https://cdnjs.cloudflare.com/ajax/libs/parallax.js/1.5.0/parallax.min.js"
493		integrity="sha256-Jhqqct9kdspgS5FC1W1f/cBOkdDoWMV3eWhU14cqzoY="
494		crossorigin="anonymous"
495	></script>
495
496
497<!-- TimeAgo -->
498
499<!-- Simplelightbox -->
500	
500<script
501		nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
502		src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simple-lightbox.min.js"
503		integrity="sha256-91WTAly9a0bVj+qqtK5TltwOfUMuOCAO+dUFo9KOU9U="
504		crossorigin="anonymous"
505	></script>
505
506
507<!-- Leafleft -->
508<!-- Leaflet MarkerCluster -->
509
510
511
512
513
514<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
515    window.dataLayer = window.dataLayer || [];
516    function gtag(){dataLayer.push(arguments);}
517
518    // Google Consent Mode v2 (advanced): the Google tag loads for every visitor but is denied
519    // any storage until Iubenda reports consent for purpose 4 (Measurement), see below.
520    // Visitors who never answer the banner are still counted through cookieless pings.
521    // Do NOT prior-block the tag below with _iub_cs_activate: a blocked tag never runs,
522    // so non-consenting visitors send nothing at all and disappear from the statistics.
523    gtag('consent', 'default', {
524        ad_storage: 'denied',
525        ad_user_data: 'denied',
526        ad_personalization: 'denied',
527        analytics_storage: 'denied',
528        wait_for_update: 500
529    });
530
531    gtag('js', new Date());
532
533    gtag('config', "G-PB0RXMTS9D", {
534        send_page_view: false
535    });
536    gtag('event', 'page_view', {"send_to":"G-PB0RXMTS9D","dimension1":"AssoConnect","dimension2":"school72145","dimension4":"PROD","dimension3":"unknown","dimension5":"CULTURE"});
537
538    </script>
vendor: 64 bytes, lines 538-539
538
539<script async src="https://www.googletagmanager.com/gtag/js?id=
539G-PB0RXMTS9D
vendor: 58 bytes, lines 539-540
539" nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"></script>
540
541<!-- Iubenda -->
542<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
543            window.openIubendaCookies = function() {
544            if (window._iub && window._iub.cs && window._iub.cs.api) {
545                window._iub.cs.api.openPreferences();
546            }
547        };
548
549        var _iubendaHadConsent = false;
550        window._iub = window._iub || [];
551        window._iub.csConfiguration = window._iub.csConfiguration || {};
552        window._iub.csConfiguration.cookieDomain = location.hostname;
553        window._iub.csConfiguration.storage = { type: 'local_storage' };
554        window._iub.csConfiguration.emitGtmEvents = true;
555        // Mirrors the Iubenda choice into Google Consent Mode. Called on every page load once the
556        // preference is known, so returning visitors who consented are measured again immediately.
557        function _iubendaSyncGoogleConsent() {
558            if (typeof gtag !== 'function') {
559                return;
560            }
561            var purposes = window._iub.cs.consent && window._iub.cs.consent.purposes;
562            gtag('consent', 'update', {
563                analytics_storage: (purposes && purposes[4]) ? 'granted' : 'denied'
564            });
565        }
566
567        function _iubendaActivateYoutube() {
568            $(".video-youtube").each(function() {
569                var $el = $(this);
570                $el
571                    .after($("<iframe>")
572                        .attr("src", "https://www.youtube.com/embed/" + $el.data("video-id") + "?rel=0&start=" + $el.data("video-start"))
573                        .attr("style", "width: 100%; height: 100%; border: 0px;")
574                        .attr("allow", "fullscreen")
575                    )
576                    .remove();
577            });
578        }
579
580        function _iubendaActivateFacebook() {
581            $(".feed-facebook").each(function() {
582                var $el = $(this);
583                $el
584                    .after($("<iframe>")
585                        .attr("src", $el.data("src"))
586                        .attr("style", "width: 100%; height: 100%; border: none; overflow: hidden")
587                        .attr("scrolling", "no")
588                        .attr("allowtransparency", "true")
589                    )
590                    .remove();
591            });
592        }
593
594        window._iub.csConfiguration.callback = {
595            onConsentGiven: function() {
596                _iubendaHadConsent = true;
597                _iubendaSyncGoogleConsent();
598                _iubendaActivateYoutube();
599                _iubendaActivateFacebook();
600            },
601            onPreferenceExpressedOrNotNeeded: function() {
602                _iubendaSyncGoogleConsent();
603                if (window._iub.cs.consent.purposes && window._iub.cs.consent.purposes[4]) {
604                    _iubendaActivateYoutube();
605                    _iubendaActivateFacebook();
606                }
607            },
608            onConsentRejected: function() {
609                _iubendaSyncGoogleConsent();
610                if (_iubendaHadConsent) {
611                    location.reload();
612                }
613            }
614        };
615
616        (function(d, s) {
617            var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
618            e.async = true; e.src = "https:\/\/embeds.iubenda.com\/widgets\/eaf21570-70f8-4ba0-a750-f2c4d7c78a13.js";
619            t.parentNode.insertBefore(e, t);
620        })(document, "script");
621    </script>
621
622
623<!-- Tracking -->
624<script async nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
625    
626
627    /**
628     * RudderStack common functions
629     */
630
631    /**
632     * This method allows you to track any actions that your users might perform. Each of these actions is commonly referred to as an event.
633     *
634     * https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track
635     */
636    function track(event, properties, options, callback) {
637                    if(window.rudderanalytics) {
638                window.rudderanalytics.track(event, properties, options, callback);
639            }
640            }
641
642    /**
643     * This method lets you record information about the web page being viewed by the user.
644     *
645     */
646    function trackPage(event, properties, options, callback) {
647                    if(window.rudderanalytics) {
648                window.rudderanalytics.track(event, properties, options, callback);
649            }
650            }
651
652    /**
653     * This method allows you to track any click that your users might perform on a link.
654     *
655     * @param {string} selector	jQuery selector of the tracked link
656     * Otherwise same params of the track function: https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track
657     */
658    function trackLink(selector, event, properties, options, callback) {
659                    $(selector).on("click", function(e) {
660                if(window.rudderanalytics) {
661                    var _this = $(this);
662                    window.rudderanalytics.track(event, properties, options, callback);
663                    // Wait for the tracking request to have time to go
664                    var timeoutDelay = 300;
665                    setTimeout(function() {
666                        var href = _this.attr("href");
667                        var target = _this.attr("target");
668                        // New tab
669                        if (target) {
670                            window.open(href, target || '_blank');
671                        }
672                        // Current tab
673                        else {
674                            window.location.href = href;
675                        }
676                    }, timeoutDelay);
677                    return false;
678                }
679            });
680            }
681
682    // GTM
683    </script>
683
684	</head>
685	<body>
686		<!-- Layout -->
687		<div id="layoutWrapper" class="nav">
688
689<!-- Vielle version IE -->
690
691<!-- Thème -->
692<style nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
693
694	/**
695	 * Couleur principale
696	 */
697
698	/* Transforme @blue et @body en blanc en fonction de la couleur du menu */
699	
700	/* Color */
701	h1,
702	h3,
703	.textImportant,
704	a,
705	a:link,
706	a:visited,
707	a:active,
708	.colorBlue,
709	.checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
710	.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
711	.radio input[type="radio"].custom-radio:checked + .icons,
712	.radio input[type="radio"].custom-radio:checked + .icons .icon-checked,
713	.accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle,
714	.buttonWhite,
715	.buttonWhiteAlt:active,
716	.buttonWhiteBlue,
717	.buttonTransparent:hover,
718	.radioAlt.colorWhite.radioAltSelected,
719    #thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2,
720	.thumbPostWrapper h2,
721	.thumbWrapper .thumbCommon .thumbDetails .thumbName,
722	.thumbWrapper .thumbCommon .thumbDetails .thumbMore,
723	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover,
724	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive,
725	#templateTabulation .active,
726	#messagesWrapper .message .messageContent .messageIcon svg {
727		color: #cc0066;
728	}
729	#agendaWrapper,
730	div:not(#agendaWrapper) > #agendaEvent,
731	#agendaWrapper #agendaEvent #agendaEventName,
732	div:not(#agendaWrapper) > #agendaEvent #agendaEventName,
733	#agendaWrapper #agendaList .agendaDate,
734	#donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton {
735		color: #ffffff;
736	}
737
738    /* Fix event colors */
739    #agendaEvent #agendaEventDate, #agendaEvent #agendaEventDescription, #agendaEvent #agendaEventAddress {
740        color: #ffffff;
741    }
742
743    #agendaEventReturn svg path{
744        fill: #cc0066;
745    }
746
747	#templateNavWrapper #templateNav ul li,
748	#templateNavWrapper #templateNav ul li a,
749	#templateNavBar,
750	#templateNavSubBarWrapper,
751	#templateNavSubBarWrapper #templateNavSubBar a,
752	#templateSubNavWrapper ul li a,
753	#agendaWrapper #agendaList .agendaListEvent.colorBodyOrWhite,
754	#agendaWrapper #agendaList h3.colorBodyOrWhite,
755	#agendaWrapper #agendaList .eventColor.colorBodyOrWhite,
756	#eventWrapper #eventDateLeftWrapper{
757		color: #ffffff;
758	}
759    #eventWrapper #eventPicture #eventCountdownWrapper #eventButton {
760        color: #ffffff;
761    }
762	.buttonWhiteBlue:hover {
763		color: #b7005b;
764	}
765	.buttonWhiteBlue:active,
766	.buttonTransparent:active {
767		color: #ad0056;
768	}
769	#agendaWrapper #agendaList h3.colorBodyOrWhite,
770	#agendaWrapper #agendaList .eventColor.colorBodyOrWhite {
771		border-color: #ffffff;
772	}
773	.buttonBlue,
774	.backgroundBlue {
775		color: #ffffff;
776	}
777    .backgroundTheme {
778        background-color: #2c3e50;
779        color: #ffffff;
780    }
781	/* Background */
782	.backgroundBlue,
783	.accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber,
784	.buttonBlue,
785	.dialogDotWrapper .dialogDot.dialogDotCurrent,
786	.progressbar-blue div,
787	.radioAlt.colorBlue:not(.eventColor), /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
788	#messagesWrapper .message,
789	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
790	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
791	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton,
792	#templateNavWrapper #templateNav #navBasket {
793		background-color: #cc0066;
794	}
795	.formUpload .formUploadInputWrapper input:hover ~ div,
796	.buttonBlue:hover,
797	.radioAlt.colorBlue.radioAltSelected,
798	#messagesWrapper .message,
799	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton:hover,
800	#templateNavWrapper #templateNav #navBasket:hover {
801		background-color: #ad0056;
802	}
803	.radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
804		background-color: #ea0075;
805	}
806	.dialogDotWrapper .dialogDot:hover {
807		background-color: #f4007a;
808	}
809	.buttonBlue:active,
810	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active {
811		background-color: #a30051;
812	}
813	.dialogDotWrapper .dialogDot {
814		background-color: #ff0084;
815	}
816	.buttonWhiteBlue:active {
817		background-color: #ff0089;
818	}
819	.buttonWhiteBlue:hover {
820		background-color: #ff008e;
821	}
822	/* Border */
823	.backgroundBlueLight,
824	input[type="text"]:hover,
825	input[type="search"]:hover:not(.choices__input),
826	.choices:hover,
827	input[type="password"]:hover,
828	input[type="date"]:hover,
829	input[type="tel"]:hover,
830	input[type="number"]:hover,
831	input[type="datetime-local"]:hover,
832	input[type="email"]:hover,
833	input[type="url"]:hover,
834	textarea:hover,
835	select:hover,
836	input[type="text"]:focus,
837	input[type="search"]:focus:not(.choices__input),
838	.choices.is-focused,
839	input[type="password"]:focus,
840	input[type="date"]:focus,
841	input[type="tel"]:focus,
842	input[type="number"]:focus,
843	input[type="datetime-local"]:focus,
844	input[type="email"]:focus,
845	input[type="url"]:focus,
846	textarea:focus,
847	select:focus,
848	.radioImageWrapper.radioImageChecked,
849	.accordion .accordionContent.accordionColor .accordionTitleWrapper,
850	.buttonWhiteBlue,
851	.dropdownMenu div h2,
852	.radioAlt.colorWhite.radioAltSelected,
853	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive,
854	#postViewMore {
855		border-color: #cc0066;
856	}
857	#agendaWrapper #agendaEvent #agendaEventReturn,
858	div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn {
859		border-color: #ffffff;
860	}
861	.buttonWhiteBlue:hover {
862		border-color: #e00070;
863	}
864	.buttonWhiteBlue:active {
865		border-color: #ea0075;
866	}
867	.radioAlt.colorWhite:hover:not(.radioAltSelected),
868	.radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
869		border-color: #f4007a;
870	}
871	.radioAlt.colorBlue.radioAltSelected {
872		border-color: #8e0047;
873	}
874	.buttonWhiteAlt:active {
875		outline-color: #cc0066;
876	}
877	.buttonWhiteAlt:hover {
878		border-color: #f4007a;
879	}
880
881	/**
882	 * Couleur du menu
883	 */
884					@media (min-width: 1151px) {
885		#templateNavWrapper,
886		#templateNavWrapper:before,
887		#templateNavBar {
888							background-color: #2c3e50;
889								}
890		#templateSubNavWrapper {
891			background-color:
892									#2e4154							;
893		}
894					#templateHeaderWrapper #templateHeader #templateHeaderMargin {
895				display: none;
896			}
897			}
898	@media (max-width: 1150px) {
899		#templateNavWrapper,
900		#templateNavWrapper:before,
901		#templateNavBar,
902		#templateSubNavWrapper {
903			background-color: #2c3e50;
904		}
905	}
906	#templateNavSubBarWrapper,
907	#templateNavSubBarWrapper #templateNavSubBarLeft,
908	#templateNavSubBarWrapper #templateNavSubBarRight {
909		background-color: #2e4154;
910	}
911	#agendaWrapper,
912	div:not(#agendaWrapper) > #agendaEvent,
913	#donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton,
914	#eventWrapper #eventDateLeftWrapper {
915		background-color: #2c3e50;
916	}
917	#eventWrapper #eventPicture #eventInfos #eventName {
918		border-color: #2c3e50;
919	}
920	/* Couleur des hovers */
921			#templateNavWrapper #templateNav ul li.active a,
922		#templateNavWrapper #templateNav ul li:not(.hideHover):hover a {
923			color: #cc0066;
924		}
925		@media (min-width: 1151px) {
926			#templateSubNavWrapper ul li.active a,
927			#templateSubNavWrapper ul li:hover a {
928				color: #cc0066;
929			}
930		}
931		@media (max-width: 1150px) {
932			#templateNavSubBarWrapper #templateNavSubBar li.active a {
933				color: #cc0066;
934			}
935		}
936	
937	/**
938	 * Couleur du fond
939	 */
940	body {
941		background-color: #ffffff;
942	}
943
944	/**
945	 * Couleur du bas de page
946	 */
947	#templateFooterWrapper {
948		background-color: #292e34;
949	}
950
951	/**
952	 * Texture du menu (non applicable si le menu est transparent)
953	 */
954				#templateNavWrapper,
955		#templateNavWrapper:before,
956		#templateSubNavWrapper,
957		#templateNavBar,
958		#templateNavSubBarWrapper,
959		#templateNavSubBarWrapper #templateNavSubBarLeft,
960		#templateNavSubBarWrapper #templateNavSubBarRight {
961			background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/60-lines.png");
962		}
963	
964	/**
965	 * Texture du fond
966	 */
967	body {
968		background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/45-degree-fabric-light.png");
969	}
970
971	/**
972	 * Texture du bas de page
973	 */
974	#templateFooterWrapper {
975		background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png");
976	}
977
978	/**
979	 * Autres
980	 */
981
982	/* Permet d'afficher le haut de page dans l'édition */
983	
984	/* Hauteur du haut de page */
985			#templateHeaderWrapper {
986			height: 300px
987		}
988	
989	/* Position de l'image de l'organisation dans le haut de page */
990				#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture {
991			display: none;
992		}
993	
994	/* Taille texte bloc */
995	#templateHeaderBlockTitleWrapper {
996		font-size: 0px;
997	}
998
999	/* Taille image bloc */
1000	#templateHeaderBlockVendorPictureWrapper img {
1001		width: 0px;
1002	}
1003
1004	/* Type de bloc */
1005	#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1006				background-color: rgba(204, 153, 204, .5);
1007	}
1008
1009	@media (min-width: 1151px) {
1010		/* Position du logo dans le menu */
1011		#templateNavWrapper #templateNav #navVendorWrapper {
1012							float: left;
1013					}
1014
1015		/* Place le haut de page sous le menu si le menu est transparent */
1016		
1017		/* Hauteur du menu (les ">" pour ignorer les sous-menus) */
1018		#templateNavWrapper #templateNav > ul > li {
1019			height: 75px;
1020		}
1021		#templateSubNavWrapper ul li {
1022			height: 40px;
1023			line-height: 40px;
1024		}
1025		#templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img {
1026			max-height: 75px;
1027		}
1028
1029		/* Type de bloc */
1030					#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1031				background-color: transparent;
1032			}
1033		
1034		/* La largeur du haut de page ne dépasse pas la largeur du contenu du site */
1035		
1036		/* Arrondi les coins du menu, du haut de page et du contenu */
1037		
1038		/* Séparation des différents éléments */
1039		
1040		/* Position du bloc */
1041							#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1042				width: 100%;
1043				height: auto;
1044				bottom: 0;
1045				position: absolute;
1046			}
1047			#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock {
1048				direction: rtl;
1049			}
1050			#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock > * {
1051				direction: ltr;
1052				display: inline-block;
1053				vertical-align: middle;
1054				width: 30%;
1055			}
1056			#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockTitleWrapper {
1057				text-align: left;
1058			}
1059		
1060		/* Texte du menu en gras */
1061		
1062		/* Texte du menu en majuscule */
1063					#templateNavWrapper #templateNav,
1064			#templateSubNavWrapper {
1065				text-transform: uppercase;
1066			}
1067		
1068		/* Cache les icônes */
1069					#templateNav ._gif:not(.noHide) {
1070				display: none;
1071			}
1072		
1073		/* Espacement entre les items du menu */
1074							#templateNavWrapper #templateNav ul li a,
1075			#templateNavWrapper #templateNav ul li ul li a,
1076			#templateSubNavWrapper ul li a {
1077				padding: 0 25px;
1078			}
1079		
1080		/* Alignement du contenu du menu */
1081							#templateNavWrapper #templateNav,
1082			#templateSubNavWrapper {
1083				text-align: center;
1084			}
1085		
1086		/* Hauteur du logo de l'organisation dans le haut de page */
1087					#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img {
1088				height: 250px;
1089			}
1090			}
1091
1092	@media (max-width: 1150px) {
1093	    
1094		/* Cache le bloc en responsive si le site dispose d'un logo d'organisation */
1095				
1096		/* Alignement du menu en fonction de la barre d'administration */
1097		#templateNavWrapper {
1098					top: 55px;
1099				}
1100
1101	}
1102
1103	/* Fond fullscreen dans les pages personnalisées */
1104			#boxes .boxLandmarkBackground {
1105			width: calc(100% + 27px);
1106			margin-left: -13.5px !important;
1107			max-width: 1131px !important;
1108		}
1109	
1110	/* Arrondi des champs */
1111	input[type="text"],
1112	input[type="search"]:not(.choices__input),
1113	.choices,
1114	input[type="password"],
1115	input[type="date"],
1116	input[type="tel"],
1117	input[type="number"],
1118	input[type="datetime-local"],
1119	input[type="email"],
1120	input[type="url"],
1121	textarea {
1122					border-radius: 5px;
1123			padding: 9px;
1124			}
1125	select {
1126					border-radius: 5px;
1127			}
1128	.selected-flag,
1129	.buttonBig,
1130	.buttonLarge,
1131	.buttonSmall,
1132	.bootstrap-switch,
1133	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
1134	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY,
1135	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
1136	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
1137					border-radius: 5px;
1138			}
1139	.buttonLarge {
1140					padding: 10px;
1141			}
1142	.buttonSmall {
1143			}
1144</style>
1145<!-- Message -->
1146<!-- Affichage Spark\Notification::message -->
1147<div id="messagesWrapper">
1148        	</div>
1149
1150<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1151    $('.message-support .messageClose').click(function(event) {
1152        _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1);
1153    });
1154</script>
1154
1155<!-- Misc Spark -->
1156
1157<div class="displayNone" id="sparkTemplateTableExportColumns">
1158    <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/788495-accueil"><input type="hidden" name="_formMulti" value="6abc90a4ce1f9|5cab10a286edaaa0a5aba47bed019527de08d47d">
1158<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1159            $("#sparkTemplateTableExportColumnsForm").on("submit", function(){
1160                var _this = $(this);
1161                var renable = false;
1162                if(_this.data("multi-submit-protection")){
1163                    return false;
1164                }
1165                else{
1166                    // Blocage à la prochaine soumission
1167                    _this.data("multi-submit-protection", true);
1168                    // Blocage & chargement sur les boutons
1169                    _this.find("button[type='submit']").each(function(){
1170                        var text = $(this).text();
1171                        var buttonDOM = $(this);
1172                        var buttonInterval;
1173                        buttonDOM
1174                            .addClass("disabled")
1175                            .prop("disabled", true)
1176                            .css("width", buttonDOM.outerWidth() + "px")
1177                            .text(".")
1178                            .inDOM(function() {
1179                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1180                                buttonInterval = setInterval(function() {
1181                                    if(buttonDOM.text().length === 3) {
1182                                        buttonDOM.text(".");
1183                                    }
1184                                    else {
1185                                        buttonDOM.text(buttonDOM.text() + ".");
1186                                    }
1187                                }, 300);
1188                            });
1189                        // Déblocage au bout de 1 seconde
1190                        if(renable){
1191                            window.setTimeout(function(){
1192                                clearInterval(buttonInterval);
1193                                buttonDOM
1194                                    .prop("disabled", false)
1195                                    .removeClass("disabled")
1196                                    .removeAttr("style")
1197                                    .text(text);
1198                            }, 1000);
1199                        }
1200                    });
1201                    // Déblocage au bout de 1 seconde
1202                    if(renable){
1203                        window.setTimeout(function(){
1204                            _this.data("multi-submit-protection", false);
1205                        }, 1000);
1206                    }
1207                    // Retour
1208                    return true;
1209                }
1210            });
1211        </script>
1211    <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div>
1212                <label
1213                    id="sparkTableExportColumnLabel"
1214                >
1215                    Exporter les lignes sélectionnées
1216                    
1217                    
1218                </label>
1219                <div class="formContent">
1220        
1221                <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1222                    <label class="radio" for="sparkTableExportColumn_all">
1223                        <input
1224                            type="radio"
1225                            name="sparkTableExportColumn"
1226                            id="sparkTableExportColumn_all"
1227                            value="all"
1228                            
1229                            
1230                            class=""
1231                        >
1232                        <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span>
1233                    </label>
1234                </div>
1235                
1235<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1236                    if(document.readyState === "complete"){
1237                        $("#sparkTableExportColumn_all").radiocheck();
1238                    }
1239                </script>
1239
1240            
1241                <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1242                    <label class="radio" for="sparkTableExportColumn_filter">
1243                        <input
1244                            type="radio"
1245                            name="sparkTableExportColumn"
1246                            id="sparkTableExportColumn_filter"
1247                            value="filter"
1248                            
1249                            
1250                            class=""
1251                        >
1252                        <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span>
1253                    </label>
1254                </div>
1255                
1255<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1256                    if(document.readyState === "complete"){
1257                        $("#sparkTableExportColumn_filter").radiocheck();
1258                    }
1259                </script>
1259
1260            </div></div>    </form>
1261                
1261<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1262                    _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns");
1263                </script>
1263
1264                </div>
1265
1266<!-- Barre d'administration -->
1267
1268<!-- Barre de navigation responsive -->
1269<div id="templateNavBar">
1270
1271	<div id="templateNavBarVendorPicture">
1272		<!-- Une organisation en particulier -->
1273					<a href="/">
1274				<img src="https://app.assoconnect.com/services/storage?id=6906460&amp;type=picture&amp;secret=C0qJcZjq5W0ozkIGj4B4ggmEH5z8OOgf6qfKzWrJ&amp;timestamp=1780575918&amp;size=small" alt="Les Caramels fous">
1275			</a>
1276		<!-- L'organisation principale -->
1277			</div>
1278
1279	<div id="templateNavBarToggleMenu">
1280		<span>Menu</span>
1281					<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>
1282
1283	<div class="clearBoth"></div>
1284
1285</div>
1286
1287			<div id="templateNavSubBarWrapper">
1288			<div id="templateNavSubBarLeft"><</div>
1289			<div id="templateNavSubBarRight">></div>
1290			<ul id="templateNavSubBar">
1291									<li class="active">
1292						<a href="/page/788495-accueil">
1293							Accueil						</a>
1294					</li>
1295									<li >
1296						<a href="/page/792126-association">
1297							Association						</a>
1298					</li>
1299									<li >
1300						<a href="/page/912161-troupe">
1301							Troupe						</a>
1302					</li>
1303									<li >
1304						<a href="/page/3929323-equipe-artistique">
1305							Equipe artistique						</a>
1306					</li>
1307									<li >
1308						<a href="/page/3158692-financement-collaboratif">
1309							Financement collaboratif						</a>
1310					</li>
1311									<li >
1312						<a href="/page/3066227-faire-un-don">
1313							Faire un don						</a>
1314					</li>
1315									<li >
1316						<a href="/page/681077-40-ans-de-scene">
1317							40 ans de scène						</a>
1318					</li>
1319									<li >
1320						<a href="/page/924018-anciens-spectacles">
1321							Anciens spectacles						</a>
1322					</li>
1323									<li >
1324						<a href="/page/927404-contact">
1325							Contact						</a>
1326					</li>
1327							</ul>
1328		</div>
1329	
1330<!-- Header top -->
1331	 ?>
1332<header id="templateHeaderWrapper">
1333	<div id="templateHeaderWrapperHover" class="templateHover"></div>
1334	<div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture">
1335		<div class="displayTable height100 width100">
1336			<div class="displayTableCell valignMiddle">
1337				<p>Images de la page d'accueil</p>
1338				<div class="templateEditableButton">Cliquez pour éditer</div>
1339			</div>
1340		</div>
1341	</div>
1342			<div
1343			id="templateHeader"
1344							class="displayNone"
1345					>
1346			<div id="templateHeaderMargin"></div>
1347						<div id="templateHeaderBlockContainer">
1348				<div id="templateHeaderBlockContainerHover" class="templateHover"></div>
1349				<div id="templateHeaderBlockContainerEditable" class="templateEditable templateEditableBlock">
1350					<div class="displayTable height100 width100">
1351						<div class="displayTableCell valignMiddle">
1352							<p>Texte, bouton et/ou inscription à la newsletter</p>
1353							<div class="templateEditableButton">Cliquez pour éditer</div>
1354						</div>
1355					</div>
1356				</div>
1357				<div id="templateHeaderBlockWrapper">
1358					<div id="templateHeaderBlock">
1359                        						<div id="templateHeaderBlockTitleWrapper">
1360                            						</div>
1361						<div id="templateHeaderBlockNewsletterContainer">
1362							<form id="templateHeaderBlockNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateHeaderBlockNewsletter"><input type="hidden" name="_origin" value="/page/788495-accueil"><input type="hidden" name="_formMulti" value="6abc90a4d6eab|f8353c8593a3ea4f04fe4f7b78ff3acd012a1933">
1362<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1363            $("#templateHeaderBlockNewsletterForm").on("submit", function(){
1364                var _this = $(this);
1365                var renable = true;
1366                if(_this.data("multi-submit-protection")){
1367                    return false;
1368                }
1369                else{
1370                    // Blocage à la prochaine soumission
1371                    _this.data("multi-submit-protection", true);
1372                    // Blocage & chargement sur les boutons
1373                    _this.find("button[type='submit']").each(function(){
1374                        var text = $(this).text();
1375                        var buttonDOM = $(this);
1376                        var buttonInterval;
1377                        buttonDOM
1378                            .addClass("disabled")
1379                            .prop("disabled", true)
1380                            .css("width", buttonDOM.outerWidth() + "px")
1381                            .text(".")
1382                            .inDOM(function() {
1383                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1384                                buttonInterval = setInterval(function() {
1385                                    if(buttonDOM.text().length === 3) {
1386                                        buttonDOM.text(".");
1387                                    }
1388                                    else {
1389                                        buttonDOM.text(buttonDOM.text() + ".");
1390                                    }
1391                                }, 300);
1392                            });
1393                        // Déblocage au bout de 1 seconde
1394                        if(renable){
1395                            window.setTimeout(function(){
1396                                clearInterval(buttonInterval);
1397                                buttonDOM
1398                                    .prop("disabled", false)
1399                                    .removeClass("disabled")
1400                                    .removeAttr("style")
1401                                    .text(text);
1402                            }, 1000);
1403                        }
1404                    });
1405                    // Déblocage au bout de 1 seconde
1406                    if(renable){
1407                        window.setTimeout(function(){
1408                            _this.data("multi-submit-protection", false);
1409                        }, 1000);
1410                    }
1411                    // Retour
1412                    return true;
1413                }
1414            });
1415        </script>
1415							<div class="row colsMiddle">
1416								<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
1417									<div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateHeaderBlockNewsletterEmailNotice"></div>
1418                <label
1419                    id="templateHeaderBlockNewsletterEmailLabel"
1420                    for="templateHeaderBlockNewsletterEmail"
1421                >
1422                Je m&#039;abonne à la newsletter
1423                
1424                
1425                </label>
1426                <input
1427                    type="email"
1428                    data-typo-check="true"
1429                    name="templateHeaderBlockNewsletterEmail"
1430                    class=""
1431                    value=""
1432                    placeholder="Je m&#039;abonne à la newsletter"
1433                    autocomplete="email"
1434                    
1435                    
1436                    id="templateHeaderBlockNewsletterEmail"
1437                >
1438                
1439                <div class="clearBoth"></div>
1440            </div>
1441            
1441<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1442                $("#templateHeaderBlockNewsletterEmail").on("change", function() {
1443                    _spark.form.mail.check("templateHeaderBlockNewsletterEmail");
1444                });
1445            </script>
1445
1446        								</div>
1447								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
1448									
1449            <button
1450                type="submit"
1451                id="templateHeaderBlockNewsletterSubmit"
1452                class="
1453                    button
1454                    buttonOrange
1455                    textAlignCenter
1456                    buttonLarge
1457                    
1458                    
1459                "
1460                
1461            >
1462                
1463                <span class="valignInitial">OK</span>
1464            </button>
1465        								</div>
1466							</div>
1467							
1468							</form>
1469                
1469<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1470                    $("#templateHeaderBlockNewsletterForm")
1471                        // Init
1472                        .data("dirty", 0)
1473                        // Form submit is possible
1474                        .on("submit", function(){
1475                            window.onbeforeunload = null;
1476                        })
1477                        // On change
1478                        .find("input, textarea").on("change", function(){
1479                            if(document.readyState === "complete"){
1480                                $("#templateHeaderBlockNewsletterForm").data().dirty++;
1481                            }
1482                        });
1483                    // Ajout
1484                    _spark.dirty.push(function(){
1485                        return $("#templateHeaderBlockNewsletterForm").data("dirty") > 0;
1486                    });
1487                </script>
1487
1488            
1489                
1489<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
1490                    _spark.form.mail.initMailGroup("templateHeaderBlockNewsletter");
1491                </script>
1491
1492                						</div>
1493																														<div id="templateHeaderBlockButtonWrapper" class="displayNone">
1494							
1495            <div
1496                id="templateHeaderBlockButtonButton"
1497                class="
1498                    button
1499                    textAlignCenter
1500                    buttonBlue
1501                    buttonLarge
1502                    
1503                    valignMiddle
1504                "
1505            ><span class="valignInitial"></span></div>						</div>
1506						<div id="templateHeaderBlockSocialWrapper">
1507							                                							                                							                                							                                							                                							                                													</div>
1508					</div>
1509				</div>
1510			</div>
1511		</div>
1512		<!-- Fix #6796 -->
1513	<div id="templateHeaderVendorPictureWrapper">
1514		<a
1515			href="https://www.lescaramelsfous.com"
1516			id="templateHeaderVendorPicture"
1517		>
1518			<img src="https://app.assoconnect.com/services/storage?id=6906460&amp;type=picture&amp;secret=C0qJcZjq5W0ozkIGj4B4ggmEH5z8OOgf6qfKzWrJ&amp;timestamp=1780575918" class="notHeightAuto">
1519		</a>
1520	</div>
1521	<!-- Fix #10003 -->
1522			<!-- Fond de remplacement si aucune image -->
1523			<!-- Pour le mode édition n'affiche que la première image -->
1524								<!-- Récupère le sprite -->
1525				<!-- Affiche la ou les images -->
1526		<div id="templateHeaderPictures">
1527							<div class="templateHeaderPicture">
1528					<div class="templateHeaderPictureReference">
1529						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1530							position: absolute;
1531							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2XFFE7CGHDXP7H4VXAF87MG000/Nonprofit_0HX7B54K65XN8BYH028AP10002/Organization_0HX7C5CQV0FQDAA7G28AP10082/header.sprite.164a913fd21dd3c8c164626cb6b8b58a5000c170.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106102692&amp;Signature=xTEW0HqIf7%2BwEZoE24ZmOnC%2BSIY%3D) left -0px;
1532							width: 1920px;
1533							height: 300px;
1534							top: 0;
1535							left: -971px;
1536						">
1537					</div>
1538				</div>
1539				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1540											<div class="templateHeaderPicture">
1541					<div class="templateHeaderPictureReference">
1542						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1543							position: absolute;
1544							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2XFFE7CGHDXP7H4VXAF87MG000/Nonprofit_0HX7B54K65XN8BYH028AP10002/Organization_0HX7C5CQV0FQDAA7G28AP10082/header.sprite.164a913fd21dd3c8c164626cb6b8b58a5000c170.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106102692&amp;Signature=xTEW0HqIf7%2BwEZoE24ZmOnC%2BSIY%3D) left -300px;
1545							width: 1920px;
1546							height: 300px;
1547							top: 0;
1548							left: -963px;
1549						">
1550					</div>
1551				</div>
1552				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1553											<div class="templateHeaderPicture">
1554					<div class="templateHeaderPictureReference">
1555						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1556							position: absolute;
1557							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2XFFE7CGHDXP7H4VXAF87MG000/Nonprofit_0HX7B54K65XN8BYH028AP10002/Organization_0HX7C5CQV0FQDAA7G28AP10082/header.sprite.164a913fd21dd3c8c164626cb6b8b58a5000c170.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106102692&amp;Signature=xTEW0HqIf7%2BwEZoE24ZmOnC%2BSIY%3D) left -600px;
1558							width: 1920px;
1559							height: 300px;
1560							top: 0;
1561							left: -960px;
1562						">
1563					</div>
1564				</div>
1565				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1566											<div class="templateHeaderPicture">
1567					<div class="templateHeaderPictureReference">
1568						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1569							position: absolute;
1570							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2XFFE7CGHDXP7H4VXAF87MG000/Nonprofit_0HX7B54K65XN8BYH028AP10002/Organization_0HX7C5CQV0FQDAA7G28AP10082/header.sprite.164a913fd21dd3c8c164626cb6b8b58a5000c170.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106102692&amp;Signature=xTEW0HqIf7%2BwEZoE24ZmOnC%2BSIY%3D) left -900px;
1571							width: 1920px;
1572							height: 300px;
1573							top: 0;
1574							left: -960px;
1575						">
1576					</div>
1577				</div>
1578				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1579											<div class="templateHeaderPicture">
1580					<div class="templateHeaderPictureReference">
1581						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1582							position: absolute;
1583							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2XFFE7CGHDXP7H4VXAF87MG000/Nonprofit_0HX7B54K65XN8BYH028AP10002/Organization_0HX7C5CQV0FQDAA7G28AP10082/header.sprite.164a913fd21dd3c8c164626cb6b8b58a5000c170.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106102692&amp;Signature=xTEW0HqIf7%2BwEZoE24ZmOnC%2BSIY%3D) left -1200px;
1584							width: 1920px;
1585							height: 300px;
1586							top: 0;
1587							left: -960px;
1588						">
1589					</div>
1590				</div>
1591				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1592									</div>
1593	</header>
1594
1595
1596
1597<!-- Navigation et réseaux sociaux -->
1598
1599<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent -->
1600<div id="templateNavContainer">
1601
1602	<div id="templateNavWrapper">
1603
1604		<!-- Éditable et hover -->
1605		<div id="templateNavWrapperHover" class="templateHover"></div>
1606		<div id="templateNavWrapperEditable" class="templateEditable templateEditableNav">
1607			<div class="displayTable height100 width100">
1608				<div class="displayTableCell valignMiddle">
1609					<p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p>
1610					<div class="templateEditableButton">Cliquez pour éditer</div>
1611				</div>
1612			</div>
1613		</div>
1614
1615		<!-- Réseaux sociaux -->
1616		<div id="templateNavSocialWrapper">
1617			                                    <a
1618                        href="https://www.facebook.com/LesCaramelsFous/"
1619                        target="_blank"
1620                        id="templateNavSocialFacebook"
1621                    >
1622                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6abc90a4dafcc" >                    </a>
1623                			                                    <a
1624                        href="https://twitter.com/https://twitter.com/lescaramelsfous?lang=fr"
1625                        target="_blank"
1626                        id="templateNavSocialTwitter"
1627                    >
1628                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.twitter.24.color.png" class="_gif icoTwitter24Color" alt="icoTwitter24Color" title="Twitter" id="image_6abc90a4db01b" >                    </a>
1629                			                                    <a
1630                        href="https://www.youtube.com/user/LesCaramelsFous"
1631                        target="_blank"
1632                        id="templateNavSocialYoutube"
1633                    >
1634                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.youtube.24.color.png" class="_gif icoYoutube24Color" alt="icoYoutube24Color" title="Youtube" id="image_6abc90a4db0a3" >                    </a>
1635                			                			                                    <a
1636                        href="https://instagram.com/lescaramelsfous/"
1637                        target="_blank"
1638                        id="templateNavSocialInstagram"
1639                    >
1640                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6abc90a4db141" >                    </a>
1641                			                					</div>
1642
1643		<!-- Navigation -->
1644		<nav id="templateNav">
1645						<ul id="navVendorWrapper">
1646				<!-- Nom & logo de l'organisation -->
1647                				<li id="navVendorPicture">
1648					<div class="displayTable height100"><!-- displayTable = fix #8392 -->
1649						<a class="displayTableCell width100 valignMiddle" href="/">
1650							<img src="https://app.assoconnect.com/services/storage?id=6906460&amp;type=picture&amp;secret=C0qJcZjq5W0ozkIGj4B4ggmEH5z8OOgf6qfKzWrJ&amp;timestamp=1780575918&amp;size=small" alt="Les Caramels fous">
1651						</a>
1652					</div>
1653				</li>
1654			</ul>
1655			<ul>
1656                                                                                                                        <li
1657                                    data-templatesubnav="681076"
1658                                    class="
1659                                                                                    templateNavResponsiveToggleChildren
1660                                                                                                                            active
1661                                                                            "
1662                                >
1663                                    <a
1664                                        href="/page/788495-accueil"
1665                                        class="displayTable height100"
1666                                    >
1667                                        <div class="displayTableCell valignMiddle">
1668                                                                                    </div>
1669                                        <div class="displayTableCell valignMiddle">
1670                                            Les Caramels fous                                            <sp
1670an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1671                                        </div>
1672                                    </a>
1673                                    <ul>
1674                                                                                                                                    <li class="active">
1675                                                    <a href="/page/788495-accueil">
1676                                                        Accueil                                                    </a>
1677                                                </li>
1678                                                                                            <li >
1679                                                    <a href="/page/792126-association">
1680                                                        Association                                                    </a>
1681                                                </li>
1682                                                                                            <li >
1683                                                    <a href="/page/912161-troupe">
1684                                                        Troupe                                                    </a>
1685                                                </li>
1686                                                                                            <li >
1687                                                    <a href="/page/3929323-equipe-artistique">
1688                                                        Equipe artistique                                                    </a>
1689                                                </li>
1690                                                                                            <li >
1691                                                    <a href="/page/3158692-financement-collaboratif">
1692                                                        Financement collaboratif                                                    </a>
1693                                                </li>
1694                                                                                            <li >
1695                                                    <a href="/page/3066227-faire-un-don">
1696                                                        Faire un don                                                    </a>
1697                                                </li>
1698                                                                                            <li >
1699                                                    <a href="/page/681077-40-ans-de-scene">
1700                                                        40 ans de scène                                                    </a>
1701                                                </li>
1702                                                                                            <li >
1703                                                    <a href="/page/924018-anciens-spectacles">
1704                                                        Anciens spectacles                                                    </a>
1705                                                </li>
1706                                                                                            <li >
1707                                                    <a href="/page/927404-contact">
1708                                                        Contact                                                    </a>
1709                                                </li>
1710                                                                                                                        </ul>
1711                                </li>
1712                                                                                        				<!-- Mon compte -->
1713								<!-- Panier -->
1714								<!-- Boutons -->
1715																									<li id="templateNavButton1Container" class="hideHover displayNone">
1716					<a href="" class="height100 displayTable">
1717						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1718						<div class="displayTableCell valignMiddle">
1719							
1720            <div
1721                id="templateNavButton1Button"
1722                class="
1723                    button
1724                    textAlignCenter
1725                    buttonBlue
1726                    buttonLarge
1727                    
1728                    valignMiddle
1729                "
1730            ><span class="valignInitial"></span></div>						</div>
1731					</a>
1732				</li>
1733																									<li id="templateNavButton2Container" class="hideHover displayNone">
1734					<a href="" class="height100 displayTable">
1735						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1736						<div class="displayTableCell valignMiddle">
1737							
1738            <div
1739                id="templateNavButton2Button"
1740                class="
1741                    button
1742                    textAlignCenter
1743                    buttonBlue
1744                    buttonLarge
1745                    
1746                    valignMiddle
1747                "
1748            ><span class="valignInitial"></span></div>						</div>
1749					</a>
1750				</li>
1751				<!-- Connexion -->
1752				<li id="templateNavButtonLoginContainer" class="hideHover displayNone">
1753					<a href="/contacts/login?redirect=%2Fpage%2F788495-accueil" class="height100 displayTable">
1754						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 -->
1755						<div class="displayTableCell valignMiddle">
1756							
1757            <div
1758                id="templateNavButtonLoginButton"
1759                class="
1760                    button
1761                    textAlignCenter
1762                    buttonBlue
1763                    buttonLarge
1764                    
1765                    valignMiddle
1766                "
1767            ><span class="valignInitial">Se connecter</span></div>						</div>
1768					</a>
1769				</li>
1770			</ul>
1771		</nav>
1772
1773	</div>
1774
1775	<div id="templateSubNavWrapper">
1776
1777		<div id="templateSubNav">
1778												<ul data-templatesubnav="681076">
1779													<li class="active">
1780								<a href="/page/788495-accueil">
1781									Accueil								</a>
1782							</li>
1783													<li >
1784								<a href="/page/792126-association">
1785									Association								</a>
1786							</li>
1787													<li >
1788								<a href="/page/912161-troupe">
1789									Troupe								</a>
1790							</li>
1791													<li >
1792								<a href="/page/3929323-equipe-artistique">
1793									Equipe artistique								</a>
1794							</li>
1795													<li >
1796								<a href="/page/3158692-financement-collaboratif">
1797									Financement collaboratif								</a>
1798							</li>
1799													<li >
1800								<a href="/page/3066227-faire-un-don">
1801									Faire un don								</a>
1802							</li>
1803													<li >
1804								<a href="/page/681077-40-ans-de-scene">
1805									40 ans de scène								</a>
1806							</li>
1807													<li >
1808								<a href="/page/924018-anciens-spectacles">
1809									Anciens spectacles								</a>
1810							</li>
1811													<li >
1812								<a href="/page/927404-contact">
1813									Contact								</a>
1814							</li>
1815											</ul>
1816										
1817		</div>
1818
1819	</div>
1820
1821</div>
1822
1823<!-- 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) -->
1824
1825<!-- Page -->
1826<article id="templatePageWrapper" class="layout-md">
1827	<div id="templatePage">
1828		<!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe -->
1829		<div id="templateIframe">
1830			<!-- Tabulations -->
1831    <!-- Affiche les onglets pour les organisation dépendantes -->
1832    
1833    <!-- 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 -->
1834                
1835    <!-- Tabulations en mode Fil d'Ariane -->
1836            <!-- Une tabulation, juste le titre s'affiche -->
1837                    <div class="templatePageHeader" data-id="component_Header">
1838                <div>
1839                    <div id="templateTitle" class="templatePageHeaderPart">
1840                                                                        <span class="displayInlineBlock valignMiddle"></span>
1841                                            </div>
1842                                    </div>
1843            </div>
1844            <div id="templateTabulationWrapper">
1845                <div>
1846                    <div id="templateTabulation">
1847                        
1848                        
1849                                                                            <a
1850                                    id="tab_page-accueil"
1851                                    href="/page/788495-accueil"
1852                                    class="active"
1853                            >
1854                                Accueil                            </a>
1855                                                                                <a
1856                                    id="tab_page-association"
1857                                    href="/page/792126-association"
1858                                    class=""
1859                            >
1860                                Association                            </a>
1861                                                                                <a
1862                                    id="tab_page-troupe"
1863                                    href="/page/912161-troupe"
1864                                    class=""
1865                            >
1866                                Troupe                            </a>
1867                                                                                <a
1868                                    id="tab_page-equipe-artistique"
1869                                    href="/page/3929323-equipe-artistique"
1870                                    class=""
1871                            >
1872                                Equipe artistique                            </a>
1873                                                                                <a
1874                                    id="tab_page-financement-collaboratif"
1875                                    href="/page/3158692-financement-collaboratif"
1876                                    class=""
1877                            >
1878                                Financement collaboratif                            </a>
1879                                                                                <a
1880                                    id="tab_page-faire-un-don"
1881                                    href="/page/3066227-faire-un-don"
1882                                    class=""
1883                            >
1884                                Faire un don                            </a>
1885                                                                                <a
1886                                    id="tab_page--ans-de-scene"
1887                                    href="/page/681077-40-ans-de-scene"
1888                                    class=""
1889                            >
1890                                40 ans de scène                            </a>
1891                                                                                <a
1892                                    id="tab_page-anciens-spectacles"
1893                                    href="/page/924018-anciens-spectacles"
1894                                    class=""
1895                            >
1896                                Anciens spectacles                            </a>
1897                                                                                <a
1898                                    id="tab_page-contact"
1899                                    href="/page/927404-contact"
1900                                    class=""
1901                            >
1902                                Contact                            </a>
1903                                                                        </div>
1904                </div>
1905            </div>
1906                <!-- Titre uniquement -->
1907        <!-- Titre uniquement -->
1908<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) -->
1909<div class="clearBoth"></div>
1910<!-- Template -->
1911<div class="templatePageWrapper layout-md">
1912        <div class="templatePageContent ">
1913                    <div class="templatePageContentHeader">
1914                            </div>
1915                
1916
1917
1918
1919
1920<!-- Lien d'édition -->
1921
1922<!-- Contenu de la page -->
1923<div id="boxes">
1924	
1925            <style>
1926                #box105676730 {
1927                	position:		absolute;
1928                	left:			8.3333333333333%;
1929                	top:			0px;
1930                	height:			540px;
1931                	
1932                	padding:		0;
1933                	margin:			0!important;
1934                	border:			0;
1935                }
1936            </style>
1937            <div class="boxLandmark ">
1938                <div
1939                	id="box105676730"
1940                	class="box"
1941                	style="width: 33.333333333333%"
1942                	data-type="picture"
1943                	>
1944                	<div style="position: relative; overflow:hidden; margin-top: 20px; height: 520px; border-radius: 10px; background: transparent">
1945                		
1946                	<div class="overflowHidden displayInlineBlock positionRelative" style="
1947                		width:368px;
1948                		max-width: 100%;
1949                		height:520px;
1950                		text-align: center;
1951                		
1952                border-radius: 10px;">
1953                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
1954                			<img
1955                				src="https://app.assoconnect.com/services/storage?id=6961685&amp;type=picture&amp;secret=bmuHJ8NEUhDJ4Voh4ZyT8syvsO8CeO7cnXY6eNAA&amp;timestamp=1781856622"
1956                				style="
1957                					position:absolute;
1958                					width:360.204px;
1959                					height:540.00583px;
1960                					top:0px;
1961                					left:-180px;
1962                					max-width:none;
1963                				"
1964                			>
1965                		</div>
1966                	</div>
1967                	</div>
1968                </div>
1969            </div>
1970        
1971            <style>
1972                #box105676731 {
1973                	position:		absolute;
1974                	left:			50%;
1975                	top:			0px;
1976                	height:			480px;
1977                	
1978                	padding:		0;
1979                	margin:			0!important;
1980                	border:			0;
1981                }
1982            </style>
1983            <div class="boxLandmark ">
1984                <div
1985                	id="box105676731"
1986                	class="box"
1987                	style="width: 50%"
1988                	data-type="text"
1989                	>
1990                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-top: 20px; height: 460px; background: transparent">
1991                		<div class="overflowHidden height100"><h2><span style="color:#db0a5b"><strong>DRAGULA</strong></span></h2>
1992
1993<p>Livret et mise en scène : Denis Evrard</p>
1994
1995<p><strong><em>La nouvelle comédie musicale des Caramels fous.<br />
1996Déjantée, mordante et furieusement vivante </em>!</strong></p>
1997
1998<p>À l’occasion de ses 40 ans,  Les Caramels fous présentent <strong>DRAGULA</strong>, une création originale fidèle à l’esprit qui fait son identité depuis quatre décennies : mêler comédie musicale, humour, parodie et engagement dans une grande célébration de la différence et de la liberté d’être soi.</p>
1999
2000<p><em>Dans un manoir gothique, la famille Dracula prépare sa succession. Mais catastrophe : l’héritier choisi n’est autre que Jacomo, vampire flamboyant et drag queen assumée, bien décidé à faire voler en éclats les traditions poussiéreuses de son clan.</em></p>
2001
2002<p>Entre rivalités familiales, amour interdit, complots vampiriques et numéros musicaux explosifs, <strong>DRAGULA</strong> mélange humour irrévérencieux, cabaret queer et comédie musicale pop dans une fresque aussi drôle qu’émouvante.<br />
2003<br />
2004<strong>Avant-premières les 17-18 octobre 2026</strong> avant reprise en 2027</p>
2005
2006<p><em>Auditorium Saint-Germain 4 rue Félibien Paris 6ème</em></p>
2007
2008<p>
2008 </p>
2009
2010<p> </p></div>
2011                	</div>
2012                </div>
2013            </div>
2014        
2015            <style>
2016                #box105676732 {
2017                	position:		absolute;
2018                	left:			50%;
2019                	top:			480px;
2020                	height:			60px;
2021                	
2022                	padding:		0;
2023                	margin:			0!important;
2024                	border:			0;
2025                }
2026            </style>
2027            <div class="boxLandmark ">
2028                <div
2029                	id="box105676732"
2030                	class="box"
2031                	style="width: 25%"
2032                	data-type="button"
2033                	>
2034                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2035                		
2036                <a
2037                	href="https://www.mpaa.fr/programmation/dragula"
2038                	 target="_blank"
2039                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 18px;font-weight: bold;">BILLETERIE DRAGULA</div></div></div></div></a>
2040            
2041                	</div>
2042                </div>
2043            </div>
2044        
2045            <style>
2046                #box105676733 {
2047                	position:		absolute;
2048                	left:			0%;
2049                	top:			540px;
2050                	height:			60px;
2051                	
2052                	padding:		0;
2053                	margin:			0!important;
2054                	border:			0;
2055                }
2056            </style>
2057            <div class="boxLandmark ">
2058                <div
2059                	id="box105676733"
2060                	class="box"
2061                	style="width: 100%"
2062                	data-type="horizontalSeparator"
2063                	>
2064                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2065                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2066                	</div>
2067                </div>
2068            </div>
2069        
2070            <style>
2071                #box105676734 {
2072                	position:		absolute;
2073                	left:			0%;
2074                	top:			600px;
2075                	height:			60px;
2076                	
2077                	padding:		0;
2078                	margin:			0!important;
2079                	border:			0;
2080                }
2081            </style>
2082            <div class="boxLandmark ">
2083                <div
2084                	id="box105676734"
2085                	class="box"
2086                	style="width: 100%"
2087                	data-type="text"
2088                	>
2089                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2090                		<div class="overflowHidden height100"><h2><strong>SOUTENIR LES CARAMELS FOUS</strong></h2></div>
2091                	</div>
2092                </div>
2093            </div>
2094        
2095            <style>
2096                #box105676735 {
2097                	position:		absolute;
2098                	left:			0%;
2099                	top:			660px;
2100                	height:			60px;
2101                	
2102                	padding:		0;
2103                	margin:			0!important;
2104                	border:			0;
2105                }
2106            </style>
2107            <div class="boxLandmark ">
2108                <div
2109                	id="box105676735"
2110                	class="box"
2111                	style="width: 16.666666666667%"
2112                	data-type="button"
2113                	>
2114                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2115                		
2116                <a
2117                	href="/page/3066227-faire-un-don"
2118                	
2119                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">FAIRE UN DON</div></div></div></div></a>
2120            
2121                	</div>
2122                </div>
2123            </div>
2124        
2125            <style>
2126                #box105676736 {
2127                	position:		absolute;
2128                	left:			16.666666666667%;
2129                	top:			660px;
2130                	height:			60px;
2131                	
2132                	padding:		0;
2133                	margin:			0!important;
2134                	border:			0;
2135                }
2136            </style>
2137            <div class="boxLandmark ">
2138                <div
2139                	id="box105676736"
2140                	class="box"
2141                	style="width: 33.333333333333%"
2142                	data-type="button"
2143                	>
2144                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2145                		
2146                <a
2147                	href="/page/3158692-financement-collaboratif"
2148                	
2149                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">FINANCEMENT COLLABORATIF</div></div></div></div></a>
2150            
2151                	</div>
2152                </div>
2153            </div>
2154        
2155            <style>
2156                #box105676737 {
2157                	position:		absolute;
2158                	left:			50%;
2159                	top:			660px;
2160                	height:			60px;
2161                	
2162                	padding:		0;
2163                	margin:			0!important;
2164                	border:			0;
2165                }
2166            </style>
2167            <div class="boxLandmark ">
2168                <div
2169                	id="box105676737"
2170                	class="box"
2171                	style="width: 25%"
2172                	data-type="button"
2173                	>
2174                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2175                		
2176                <a
2177                	href="https://www.mpaa.fr/programmation/dragula"
2178                	 target="_blank"
2179                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">BILLETTERIE DRAGULA</div></div></div></div></a>
2180            
2181                	</div>
2182                </div>
2183            </div>
2184        
2185            <style>
2186                #box105676738 {
2187                	position:		absolute;
2188                	left:			0%;
2189                	top:			720px;
2190                	height:			60px;
2191                	
2192                	padding:		0;
2193                	margin:			0!important;
2194                	border:			0;
2195                }
2196            </style>
2197            <div class="boxLandmark ">
2198                <div
2199                	id="box105676738"
2200                	class="box"
2201                	style="width: 100%"
2202                	data-type="horizontalSeparator"
2203                	>
2204                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2205                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2206                	</div>
2207                </div>
2208            </div>
2209        
2210            <style>
2211                #box105676739 {
2212                	position:		absolute;
2213                	left:			0%;
2214                	top:			780px;
2215                	height:			420px;
2216                	
2217                	padding:		0;
2218                	margin:			0!important;
2219                	border:			0;
2220                }
2221            </style>
2222            <div class="boxLandmark ">
2223                <div
2224                	id="box105676739"
2225                	class="box"
2226                	style="width: 100%"
2227                	data-type="text"
2228                	>
2229                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-top: 8px; height: 412px; background: transparent">
2230                		<div class="overflowHidden height100"><h2><span style="color:#db0a5b"><strong>LES CARAMELS FOUS</strong></span></h2>
2231
2232<p><strong>UNE COMPAGNIE UNIQUE EN SON GENRE</strong></p>
2233
2234<p style="text-align:justify">Les <strong>Caramels fous</strong>, c’est une <strong>troupe de comédie musicale non-professionnelle</strong>, mais c’est aussi une <strong>association gay</strong> qui se donne pour mission d’allier humour et engagement dans des spectacles qui défendent toujours la cause homosexuelle et plus largement la <strong>communauté LGBT</strong>, prônant des<strong> valeurs de tolérance et de droit à la différence</strong>, mais abordant des thèmes aussi variés que le <strong>droit des femmes</strong>, le <strong>racisme </strong>ou toute autre forme de <strong>discrimination</strong>. </p>
2235
2236<p style="text-align:justify">
2236Par leur histoire et leurs choix artistiques, les <strong>Caramels fous</strong> constituent une compagnie inclassable. Du projet de chorale originel, les <strong>Caramels fous</strong> ont gardé, outre l’objectif d’une grande qualité vocale, le principe d’une <strong>formation de bénévoles</strong> animés par une passion commune et <strong>encadrés par des artistes et des techniciens professionnels</strong>. La composante “gay”, également à l’origine du projet, a posé le postulat que les <strong>Caramels fous</strong> présents sur scène soient uniquement des hommes. Cependant, pour leur encadrement artistique, les <strong>Caramels fous</strong> s’entourent volontiers de femmes, chorégraphes, musiciennes ou metteur en scène, aussi bien que d’artistes masculins et ce, sans aucune discrimination relative à l&#039;identité de genre et l&#039;orientation sexuelle.</p>
2237
2238<p style="text-align:justify">La réécriture des textes de chansons et d’airs célèbres, dans la grande tradition des chansonniers et des revues humoristiques “à la française”, permet aux <strong>Caramels fous</strong> de tenir un discours décapant sur les mœurs du temps. De même, pour le choix des musiques, le recours au patrimoine de la chanson française et aux standards de la variété internationale, comme à des airs célèbres empruntés à l’opérette ou à l’opéra, produit des comédies musicales inattendues où se côtoient des univers musicaux extrêmement variés renforçant l’humour du discours des <strong>Caramels fous</strong>.</p>
2239
2240<h2 style="text-align:justify"> </h2></div>
2241                	</div>
2242                </div>
2243            </div>
2244        
2245            <style>
2246                #box105676740 {
2247                	position:		absolute;
2248                	left:			0%;
2249                	top:			1200px;
2250                	height:			60px;
2251                	
2252                	padding:		0;
2253                	margin:			0!important;
2254                	border:			0;
2255                }
2256            </style>
2257            <div class="boxLandmark ">
2258                <div
2259                	id="box105676740"
2260                	class="box"
2261                	style="width: 16.666666666667%"
2262                	data-type="button"
2263                	>
2264                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2265                		
2266                <a
2267                	href="/page/792126-association"
2268                	
2269                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">L&#039;association</div></div></div></div></a>
2270            
2271                	</div>
2272                </div>
2273            </div>
2274        
2275            <style>
2276                #box105676741 {
2277                	position:		absolute;
2278                	left:			16.666666666667%;
2279                	top:			1200px;
2280                	height:			60px;
2281                	
2282                	padding:		0;
2283                	margin:			0!important;
2284                	border:			0;
2285                }
2286            </style>
2287            <div class="boxLandmark ">
2288                <div
2289                	id="box105676741"
2290                	class="box"
2291                	style="width: 16.666666666667%"
2292                	data-type="button"
2293                	>
2294                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2295                		
2296                <a
2297                	href="/page/912161-troupe"
2298                	
2299                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">La troupe</div></div></div></div></a>
2300            
2301                	</div>
2302                </div>
2303            </div>
2304        
2305            <style>
2306                #box105676742 {
2307                	position:		absolute;
2308                	left:			33.333333333333%;
2309                	top:			1200px;
2310                	height:			60px;
2311                	
2312                	padding:		0;
2313                	margin:			0!important;
2314                	border:			0;
2315                }
2316            </style>
2317            <div class="boxLandmark ">
2318                <div
2319                	id="box105676742"
2320                	class="box"
2321                	style="width: 25%"
2322                	data-type="button"
2323                	>
2324                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2325                		
2326                <a
2327                	href="/page/3929323-equipe-artistique"
2328                	
2329                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">L&#039;équipe artistique</div></div></div></div></a>
2330            
2331                	</div>
2332                </div>
2333            </div>
2334        
2335            <style>
2336                #box105676743 {
2337                	position:		absolute;
2338                	left:			0%;
2339                	top:			1260px;
2340                	height:			60px;
2341                	
2342                	padding:		0;
2343                	margin:			0!important;
2344                	border:			0;
2345                }
2346            </style>
2347            <div class="boxLandmark ">
2348                <div
2349                	id="box105676743"
2350                	class="box"
2351                	style="width: 100%"
2352                	data-type="horizontalSeparator"
2353                	>
2354                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2355                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2356                	</div>
2357                </div>
2358            </div>
2359        
2360            <style>
2361                #box105676744 {
2362                	position:		absolute;
2363                	left:			0%;
2364                	top:			1320px;
2365                	height:			300px;
2366                	
2367                	padding:		0;
2368                	margin:			0!important;
2369                	border:			0;
2370                }
2371            </style>
2372            <div class="boxLandmark ">
2373                <div
2374                	id="box105676744"
2375                	class="box"
2376                	style="width: 58.333333333333%"
2377                	data-type="text"
2378                	>
2379                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 300px; background: transparent">
2380                		<div class="overflowHidden height100"><h2><strong>40 ANS, ET TOUJOURS ENSEMBLE</strong></h2>
2381
2382<h2>Vincent Baillet, Président de la compagnie</h2>
2383
2384<p>Depuis 40 ans, Les Caramels fous font entendre une voix singulière : celle d’une compagnie artistique où le rire, l&#039;émotion et le spectacle vivant portent un engagement profondément humain.</p>
2385
2386<p>Nés dans les années les plus sombres de l’épidémie du VIH, Les Caramels fous ont d’abord été un espace de solidarité, de soutien et de visibilité auprès des premières victimes et des malades. Cet héritage militant demeure notre fil d’Ariane.</p>
2387
2388<p><a href="https://www.lescaramelsfous.com/page/3949947-vincent-baillet">--- Lire la suite</a></p></div>
2389                	</div>
2390                </div>
2391            </div>
2392        
2393            <style>
2394                #box105676745 {
2395                	position:		absolute;
2396                	left:			58.333333333333%;
2397                	top:			1320px;
2398                	height:			240px;
2399                	
2400                	padding:		0;
2401                	margin:			0!important;
2402                	border:			0;
2403                }
2404            </style>
2405            <div class="boxLandmark ">
2406                <div
2407                	id="box105676745"
2408                	class="box"
2409                	style="width: 33.333333333333%"
2410                	data-type="picture"
2411                	>
2412                	<div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent">
2413                		
2414                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2415                		width:368px;
2416                		max-width: 100%;
2417                		height:240px;
2418                		text-align: center;
2419                		
2420                border-radius: 10px;">
2421                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2422                			<img
2423                				src="https://app.assoconnect.com/services/storage?id=6913138&amp;type=picture&amp;secret=Uey7xrpe3gFmi6pxW2aKTEk0r1YBqmZWhdU5Oo2a&amp;timestamp=1780781839"
2424                				style="
2425                					position:absolute;
2426                					width:240px;
2427                					height:240px;
2428                					top:0px;
2429                					left:-120px;
2430                					max-width:none;
2431                				"
2432                			>
2433                		</div>
2434                	</div>
2435                	</div>
2436                </div>
2437            </div>
2438        
2439            <style>
2440                #box105676746 {
2441                	position:		absolute;
2442                	left:			0%;
2443                	top:			1620px;
2444                	height:			60px;
2445                	
2446                	padding:		0;
2447                	margin:			0!important;
2448                	border:			0;
2449                }
2450            </style>
2451            <div class="boxLandmark ">
2452                <div
2453                	id="box105676746"
2454                	class="box"
2455                	style="width: 100%"
2456                	data-type="horizontalSeparator"
2457                	>
2458                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2459                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2460                	</div>
2461                </div>
2462            </div>
2463        
2464            <style>
2465                #box105676747 {
2466                	position:		absolute;
2467                	left:			0%;
2468                	top:			1680px;
2469                	height:			240px;
2470                	
2471                	padding:		0;
2472                	margin:			0!important;
2473                	border:			0;
2474                }
2475            </style>
2476            <div class="boxLandmark ">
2477                <div
2478                	id="box105676747"
2479                	class="box"
2480                	style="width: 50%"
2481                	data-type="text"
2482                	>
2483                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent">
2484                		<div class="overflowHidden height100"><h2><strong>TROPHÉE D&#039;HONNEUR</strong> </h2>
2485
2486<p>Remis sur la scène du théâtre Mogador lors de la cérémonie des <strong>Trophées de la Comédie Musicale</strong> par Cloé Horry et Patrick Niedo, ce prix célèbre 40 ans de spectacles et d’engagement des Caramels fous. Une reconnaissance de la profession, qui nous inspire à poursuivre notre aventure artistique et militante avec exigence.</p></div>
2487                	</div>
2488                </div>
2489            </div>
2490        
2491            <style>
2492                #box105676748 {
2493                	position:		absolute;
2494                	left:			66.666666666667%;
2495                	top:			1680px;
2496                	height:			240px;
2497                	
2498                	padding:		0;
2499                	margin:			0!important;
2500                	border:			0;
2501                }
2502            </style>
2503            <div class="boxLandmark ">
2504                <div
2505                	id="box105676748"
2506                	class="box"
2507                	style="width: 25%"
2508                	data-type="picture"
2509                	>
2510                	<div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent">
2511                		
2512                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2513                		width:276px;
2514                		max-width: 100%;
2515                		height:240px;
2516                		text-align: center;
2517                		
2518                border-radius: 10px;">
2519                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2520                			<img
2521                				src="https://app.assoconnect.com/services/storage?id=6913142&amp;type=picture&amp;secret=vuBtfFgMBi1ht93uB1sDvPLi4rDAJFzz5vNSyr3O&amp;timestamp=1780782119"
2522                				style="
2523                					position:absolute;
2524                					width:240.002px;
2525                					height:240.002px;
2526                					top:9px;
2527                					left:-121px;
2528                					max-width:none;
2529                				"
2530                			>
2531                		</div>
2532                	</div>
2533                	</div>
2534                </div>
2535            </div>
2536        
2537            <style>
2538                #box105676749 {
2539                	position:		absolute;
2540                	left:			0%;
2541                	top:			1920px;
2542                	height:			60px;
2543                	
2544                	padding:		0;
2545                	margin:			0!important;
2546                	border:			0;
2547                }
2548            </style>
2549            <div class="boxLandmark ">
2550                <div
2551                	id="box105676749"
2552                	class="box"
2553                	style="width: 100%"
2554                	data-type="horizontalSeparator"
2555                	>
2556                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2557                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2558                	</div>
2559                </div>
2560            </div>
2561        
2562            <style>
2563                #box105676750 {
2564                	position:		absolute;
2565                	left:			0%;
2566                	top:			1980px;
2567                	height:			60px;
2568                	
2569                	padding:		0;
2570                	margin:			0!important;
2571                	border:			0;
2572                }
2573            </style>
2574            <div class="boxLandmark ">
2575                <div
2576                	id="box105676750"
2577                	class="box"
2578                	style="width: 75%"
2579                	data-type="text"
2580                	>
2581                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2582                		<div class="overflowHidden height100"><h2>RETROUVEZ NOUS SUR LES RÉSEAUX SOCIAUX</h2></div>
2583                	</div>
2584                </div>
2585            </div>
2586        
2587            <style>
2588                #box105676751 {
2589                	position:		absolute;
2590                	left:			0%;
2591                	top:			2040px;
2592                	height:			60px;
2593                	
2594                	padding:		0;
2595                	margin:			0!important;
2596                	border:			0;
2597                }
2598            </style>
2599            <div class="boxLandmark ">
2600                <div
2601                	id="box105676751"
2602                	class="box"
2603                	style="width: 41.666666666667%"
2604                	data-type="text"
2605                	>
2606                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2607                		<div class="overflowHidden height100"><h2><a href="https://www.youtube.com/user/LesCaramelsFous" target="_blank">Les Caramels fous sur YouTube</a></h2></div>
2608                	</div>
2609                </div>
2610            </div>
2611        
2612            <style>
2613                #box105676752 {
2614                	position:		absolute;
2615                	left:			8.3333333333333%;
2616                	top:			2100px;
2617                	height:			540px;
2618                	
2619                	padding:		0;
2620                	margin:			0!important;
2621                	border:			0;
2622                }
2623            </style>
2624            <div class="boxLandmark ">
2625                <div
2626                	id="box105676752"
2627                	class="box"
2628                	style="width: 83.333333333333%"
2629                	data-type="youtubeVideo"
2630                	>
2631                	<div style="position: relative; overflow:hidden; height: 540px; background: transparent">
2632                		
2633                    <div
2634                        class="video-youtube"
2635                        data-video-id="6ktu-ClyutQ"
2636                        data-video-start="0"
2637                        style="width: 100%; position: absolute; top: 50%; text-align: center"
2638                    >
2639                        <a href="#">Veuillez accepter les cookies pour lire cette vidéo.</a>
2640                    </div>
2641                
2642                	</div>
2643                </div>
2644            </div>
2645        
2646            <style>
2647                #box105676753 {
2648                	position:		absolute;
2649                	left:			0%;
2650                	top:			2640px;
2651                	height:			60px;
2652                	
2653                	padding:		0;
2654                	margin:			0!important;
2655                	border:			0;
2656                }
2657            </style>
2658            <div class="boxLandmark ">
2659                <div
2660                	id="box105676753"
2661                	class="box"
2662                	style="width: 58.333333333333%"
2663                	data-type="text"
2664                	>
2665                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-top: 20px; height: 40px; background: transparent">
2666                		<div class="overflowHidden height100"><h2><a href="https://www.instagram.com/lescaramelsfous/" target="_blank">Les Caramels fous sur Instagram</a></h2></div>
2667                	</div>
2668                </div>
2669            </div>
2670        
2671            <style>
2672                #box105676754 {
2673                	position:		absolute;
2674                	left:			0%;
2675                	top:			2700px;
2676                	height:			420px;
2677                	
2678                	padding:		0;
2679                	margin:			0!important;
2680                	border:			0;
2681                }
2682            </style>
2683            <div class="boxLandmark ">
2684                <div
2685                	id="box105676754"
2686                	class="box"
2687                	style="width: 58.333333333333%"
2688                	data-type="picture"
2689                	>
2690                	<div style="position: relative; overflow:hidden; height: 400px; border-radius: 10px; background: transparent">
2691                		
2692                <a
2693                	href="https://www.instagram.com/lescaramelsfous/"
2694                	 target="_blank"
2695                >
2696                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2697                		width:644px;
2698                		max-width: 100%;
2699                		height:400px;
2700                		text-align: center;
2701                		
2702                border-radius: 10px;">
2703                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2704                			<img
2705                				src="https://app.assoconnect.com/services/storage?id=933653&amp;type=picture&amp;secret=m2Dju4WPMdSFolJyM1HfvC8WoiZz86wI1a7Gdxza&amp;timestamp=1775428391"
2706                				style="
2707                					position:absolute;
2708                					width:643.9955px;
2709                					height:423.68125px;
2710                					top:-2px;
2711                					left:-326px;
2712                					max-width:none;
2713                				"
2714                			>
2715                		</div>
2716                	</div></a>
2717            
2718                	</div>
2719                </div>
2720            </div>
2721        
2722            <style>
2723                #box105676755 {
2724                	position:		absolute;
2725                	left:			0%;
2726                	top:			3180px;
2727                	height:			60px;
2728                	
2729                	padding:		0;
2730                	margin:			0!important;
2731                	border:			0;
2732                }
2733            </style>
2734            <div class="boxLandmark ">
2735                <div
2736                	id="box105676755"
2737                	class="box"
2738                	style="width: 41.666666666667%"
2739                	data-type="text"
2740                	>
2741                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2742                		<div class="overflowHidden height100"><h2><a href="https://www.facebook.com/LesCaramelsFous/" target="_blank">Les Caramels fous sur Facebook</a></h2></div>
2743                	</div>
2744                </div>
2745            </div>
2746        
2747            <style>
2748                #box105676756 {
2749                	position:		absolute;
2750                	left:			0%;
2751                	top:			3240px;
2752                	height:			180px;
2753                	
2754                	padding:		0;
2755                	margin:			0!important;
2756                	border:			0;
2757                }
2758            </style>
2759            <div class="boxLandmark ">
2760                <div
2761                	id="box105676756"
2762                	class="box"
2763                	style="width: 33.333333333333%"
2764                	data-type="facebookLike"
2765                	>
2766                	<div style="position: relative; overflow:hidden; height: 180px; background: transparent">
2767                		
2768                    <div
2769                        class="feed-facebook"
2770                        data-src="https://www.facebook.com/plugins/page.php?adapt_container_width=true&amp;href=https://www.facebook.com/lescaramelsfous&amp;width=368&amp;height=180&amp;show_facepile=false&amp;show_posts=false&amp;hide_cover=false&amp;small_header=true"
2771                        style="width: 100%; position: absolute; top: 50%; text-align: center"
2772                    >
2773                        <a href="#">Veuillez accepter les cookies pour afficher ce flux Facebook.</a>
2774                    </div>
2775                
2776                	</div>
2777                </div>
2778            </div>
2779        </div>    </div>
2780</div>
2781		</div>
2782	</div>
2783</article>
2784
2785<!-- Footer -->
2786<footer id="templateFooterWrapper">
2787	            <div id="templateFooter">
2788                        <div id="templateFooterBlockContainer">
2789                <div class="row">
2790                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
2791                        <div id="templateFooterBlockWrapper" class="row">
2792                            <!-- Liste des pages de l'organisation principal -->
2793                                                    </div>
2794                    </div>
2795                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
2796                        <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/788495-accueil"><input type="hidden" name="_formMulti" value="6abc90a4dd932|23bb8b35ce7716d178168eea3d3e9f5b3565e5fa">
2796<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
2797            $("#templateFooterNewsletterForm").on("submit", function(){
2798                var _this = $(this);
2799                var renable = true;
2800                if(_this.data("multi-submit-protection")){
2801                    return false;
2802                }
2803                else{
2804                    // Blocage à la prochaine soumission
2805                    _this.data("multi-submit-protection", true);
2806                    // Blocage & chargement sur les boutons
2807                    _this.find("button[type='submit']").each(function(){
2808                        var text = $(this).text();
2809                        var buttonDOM = $(this);
2810                        var buttonInterval;
2811                        buttonDOM
2812                            .addClass("disabled")
2813                            .prop("disabled", true)
2814                            .css("width", buttonDOM.outerWidth() + "px")
2815                            .text(".")
2816                            .inDOM(function() {
2817                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
2818                                buttonInterval = setInterval(function() {
2819                                    if(buttonDOM.text().length === 3) {
2820                                        buttonDOM.text(".");
2821                                    }
2822                                    else {
2823                                        buttonDOM.text(buttonDOM.text() + ".");
2824                                    }
2825                                }, 300);
2826                            });
2827                        // Déblocage au bout de 1 seconde
2828                        if(renable){
2829                            window.setTimeout(function(){
2830                                clearInterval(buttonInterval);
2831                                buttonDOM
2832                                    .prop("disabled", false)
2833                                    .removeClass("disabled")
2834                                    .removeAttr("style")
2835                                    .text(text);
2836                            }, 1000);
2837                        }
2838                    });
2839                    // Déblocage au bout de 1 seconde
2840                    if(renable){
2841                        window.setTimeout(function(){
2842                            _this.data("multi-submit-protection", false);
2843                        }, 1000);
2844                    }
2845                    // Retour
2846                    return true;
2847                }
2848            });
2849        </script>
2849                            <div class="row colsMiddle">
2850                                <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
2851                                    <div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div>
2852                <label
2853                    id="templateFooterBlocNewsletterEmailLabel"
2854                    for="templateFooterBlocNewsletterEmail"
2855                >
2856                Je m&#039;abonne à la newsletter
2857                
2858                
2859                </label>
2860                <input
2861                    type="email"
2862                    data-typo-check="true"
2863                    name="templateFooterBlocNewsletterEmail"
2864                    class=""
2865                    value=""
2866                    placeholder="Renseignez votre email"
2867                    autocomplete="email"
2868                    
2869                    
2870                    id="templateFooterBlocNewsletterEmail"
2871                >
2872                
2873                <div class="clearBoth"></div>
2874            </div>
2875            
2875<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
2876                $("#templateFooterBlocNewsletterEmail").on("change", function() {
2877                    _spark.form.mail.check("templateFooterBlocNewsletterEmail");
2878                });
2879            </script>
2879
2880                                        </div>
2881                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom">
2882                                    
2883            <button
2884                type="submit"
2885                id="templateFooterBlocNewsletterSubmit"
2886                class="
2887                    button
2888                    buttonOrange
2889                    textAlignCenter
2890                    buttonLarge
2891                    
2892                    
2893                "
2894                
2895            >
2896                
2897                <span class="valignInitial">OK</span>
2898            </button>
2899                                        </div>
2900                            </div>
2901                            
2902                        </form>
2903                
2903<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
2904                    $("#templateFooterNewsletterForm")
2905                        // Init
2906                        .data("dirty", 0)
2907                        // Form submit is possible
2908                        .on("submit", function(){
2909                            window.onbeforeunload = null;
2910                        })
2911                        // On change
2912                        .find("input, textarea").on("change", function(){
2913                            if(document.readyState === "complete"){
2914                                $("#templateFooterNewsletterForm").data().dirty++;
2915                            }
2916                        });
2917                    // Ajout
2918                    _spark.dirty.push(function(){
2919                        return $("#templateFooterNewsletterForm").data("dirty") > 0;
2920                    });
2921                </script>
2921
2922            
2923                
2923<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
2924                    _spark.form.mail.initMailGroup("templateFooterNewsletter");
2925                </script>
2925
2926                                        <div id="templateFooterSocialWrapper">
2927                                                                                                <a
2928                                        href="https://www.facebook.com/LesCaramelsFous/"
2929                                        target="_blank"
2930                                        id="templateFooterSocialFacebook"
2931                                    >
2932                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6abc90a4de33c" >                                    </a>
2933                                                                                                                                <a
2934                                        href="https://twitter.com/https://twitter.com/lescaramelsfous?lang=fr"
2935                                        target="_blank"
2936                                        id="templateFooterSocialTwitter"
2937                                    >
2938                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.twitter.24.color.png" class="_gif icoTwitter24Color" alt="icoTwitter24Color" title="Twitter" id="image_6abc90a4de3a1" >                                    </a>
2939                                                                                                                                <a
2940                                        href="https://www.youtube.com/user/LesCaramelsFous"
2941                                        target="_blank"
2942                                        id="templateFooterSocialYoutube"
2943                                    >
2944                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.youtube.24.color.png" class="_gif icoYoutube24Color" alt="icoYoutube24Color" title="Youtube" id="image_6abc90a4de3f2" >                                    </a>
2945                                                                                                                                                                                            <a
2946                                        href="https://instagram.com/lescaramelsfous/"
2947                                        target="_blank"
2948                                        id="templateFooterSocialInstagram"
2949                                    >
2950                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6abc90a4de465" >                                    </a>
2951                                                                                                                                                </div>
2952                    </div>
2953                </div>
2954            </div>
2955        </div>
2956    	<div id="templateFooterInformation">
2957		<ul>
2958			<!-- Plan du site -->
2959			<li>
2960				<a href="/infos/plan/
2961											169061									">Plan du site</a>
2962			</li>
2963
2964			<!-- Licences -->
2965			<li>
2966				<a href="/infos/licenses">Licences</a>
2967			</li>
2968
2969			<!-- CGU -->
2970							<li>
2971					<a href="/infos/legal-notice">Mentions légales</a>
2972				</li>
2973							<li>
2974					<a href="/infos/tos">CGUV</a>
2975				</li>
2976			
2977			<!-- CGU -->
2978			<li>
2979				<a id="configureCookies" href="#">Paramétrer vos cookies</a>
2980			</li>
2981
2982			<!-- Connexion/déconnexion et mon compte -->
2983							<li>
2984					
2985                <a
2986                    id="templateNavButtonLoginButtonLink"
2987                    href="https://www.lescaramelsfous.com/contacts/login?redirect=%2Fpage%2F788495-accueil"
2988                    class=""
2989                    target=""
2990                    rel="noopener"
2991                >
2992            <div
2993                id="templateNavButtonLoginButton"
2994                class="
2995                    button
2996                    textAlignCenter
2997                    buttonBlue
2998                    buttonLarge
2999                    valignMiddle margin0
3000                    valignMiddle
3001                "
3002            ><span class="valignInitial">Se connecter</span></div></a>
3003            				</li>
3004					</ul>
3005					<ul>
3006				<li class="paddingTop0">
3007                                                                <a href="https://www.assoconnect.com/associations/logiciel-association-culturelle/" target="_blank">
3008                            Propulsé par AssoConnect, le logiciel des associations Culturelles                        </a>
3009                    				</li>
3010			</ul>
3011			</div>
3012	</footer>
3013
3014<!-- Footer - Global -->
3015		</div>
3016		
3017		<!-- JS -->
3018		    
3018<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
3019        /**
3020 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY
3021 */
3022function templatePageHeight() {
3023	var boxes = $("#boxes");
3024	var heightMax = 0;
3025	var templatePage = $("#templatePage");
3026	var templateNavContainer = $("#templateNavContainer");
3027
3028	// Cherche la box la plus basse dans la page
3029	boxes.find("> .boxLandmark > .box").each(function() {
3030		heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top);
3031	});
3032
3033	// templatePage prend la hauteur du menu si : heightMax < templateNavContainer
3034	if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) {
3035		return templateNavContainer.height() - templatePage.offset().top;
3036	}
3037	// templatePage prend la hauteur de la fenêtre si : heightMax < window
3038	else if(heightMax < $(window).height()) {
3039		return $(window).height() - templatePage.offset().top;
3040	}
3041	// templatePage prend la hauteur du dernier élément DIY
3042	else {
3043		var templateNavContainerHeight = 0;
3044
3045		// Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute
3046		if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") {
3047			templateNavContainerHeight = templateNavContainer.height();
3048		}
3049
3050		return Math.round(heightMax - $("#templatePageWrapper").offset().top);
3051	}
3052}
3053
3054/**
3055 * Force templatePage à prendre toute la hauteur pour les pages du DIY
3056 */
3057$(window).on("load", function() {
3058	if($("#boxes").children().length) {
3059		$("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page
3060		$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
3061		// Après un redimensionnement de l'écran
3062		var resized;
3063		$(window).on("resize orientationChanged", function() {
3064			clearTimeout(resized);
3065			resized = setTimeout(function() {
3066				$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
3067			}, 200);
3068		});
3069	}
3070});
3071
3072$(".video-youtube, .feed-facebook").each(function() {
3073    $(this).on("click", function() {
3074        if (window.openIubendaCookies) {
3075            window.openIubendaCookies();
3076        }
3077    });
3078});
3079    </script>
vendor: 1 bytes, line 3079
3079
3080<script nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb">
3081    if(window.console && window.console.log){
3082        // Affichage des notices non capturées
3083            }
3084</script>
3084
3085
3086		
3087					
3087<script
3088				nonce="7414e63c-11e4-4429-b9f1-9870a51bf6bb"
3089				src="https://cdn.hub-prod.team.blue/loader/widget-loader.js"
3090				data-teamblue-footer
3091				data-footer="hidden"
3092			></script>
3092
3093			</body>
3094</html>
3095

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.