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&type=picture&secret=C0qJcZjq5W0ozkIGj4B4ggmEH5z8OOgf6qfKzWrJ&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&type=picture&secret=C0qJcZjq5W0ozkIGj4B4ggmEH5z8OOgf6qfKzWrJ&timestamp=1780575918&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'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'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&type=picture&secret=C0qJcZjq5W0ozkIGj4B4ggmEH5z8OOgf6qfKzWrJ&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106102692&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106102692&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106102692&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106102692&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106102692&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&type=picture&secret=C0qJcZjq5W0ozkIGj4B4ggmEH5z8OOgf6qfKzWrJ&timestamp=1780575918&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">▴</span><span class="arrowDown">▾</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&type=picture&secret=bmuHJ8NEUhDJ4Voh4ZyT8syvsO8CeO7cnXY6eNAA&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'identité de genre et l'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'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'é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'é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&type=picture&secret=Uey7xrpe3gFmi6pxW2aKTEk0r1YBqmZWhdU5Oo2a&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'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&type=picture&secret=vuBtfFgMBi1ht93uB1sDvPLi4rDAJFzz5vNSyr3O&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&type=picture&secret=m2Dju4WPMdSFolJyM1HfvC8WoiZz86wI1a7Gdxza&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&href=https://www.facebook.com/lescaramelsfous&width=368&height=180&show_facepile=false&show_posts=false&hide_cover=false&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'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.