1<!DOCTYPE html> 2<html lang="fr"> 3 <head> 4 5 <!-- META --> 6 <meta name="robots" content="index, follow"> 7 <meta property="og:type" content="website"> 8 <meta property="og:site_name" content="AssoConnect"> 9 <title>Contact | Han Blossom</title> 10 <meta property="og:title" content="Contactez Han Blossom - Renseignements, partenariat, informations"> 11 <meta name="description" content="Besoin d'infos sur nos projets ou de nous rejoindre ? Contactez Han Blossom via notre formulaire ou sur les réseaux sociaux"> 12 <meta property="og:description" content="Besoin d'infos sur nos projets ou de nous rejoindre ? Contactez Han Blossom via notre formulaire ou sur les réseaux sociaux"> 13 <meta property="og:locale" content="fr_FR"> 14 <meta property="og:url" content="https://www.hanblossom.fr/page/3348584-contact"> 15 <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=6832722&type=picture&secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&timestamp=1778574316"> 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.hanblossom.fr/page/3348584-contact"> 23 24 <!-- Favicon --> 25 <link rel="icon" type="image/png" href="https://www.hanblossom.fr/services/favicon/01JQ48XXW1WDE47S12GMGGYM8X"> 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.e448b25.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=Open+Sans:400,500,700" rel="stylesheet"> 237 <style> 238 html, body {font-family: "Open Sans", 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 314 var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy"; 315 var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark"; 316 var SPARK_VERSION = "e448b25"; 317 var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760; 318 var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249; 319 var URI_CLIENT = "\/page\/3348584-contact"; 320 var URI_SERVER = "\/page\/index"; 321 var VENDOR_ID = 675091; 322 var _GIFS = []; 323 var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH"; 324 var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA"; 325 var CSP_NONCE = "45107bf1-864e-4888-9c68-4aaf6cb09ba1"; 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.e448b25.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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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":"school222687","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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"></script> 540
541<!-- Iubenda -->
542<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 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: #e03e52; 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: #e03e52; 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: #c93749; 764 } 765 .buttonWhiteBlue:active, 766 .buttonTransparent:active { 767 color: #be3445; 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: #6a6dcd; 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: #e03e52; 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: #be3445; 802 } 803 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 804 background-color: #ff475e; 805 } 806 .dialogDotWrapper .dialogDot:hover { 807 background-color: #ff4a62; 808 } 809 .buttonBlue:active, 810 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active { 811 background-color: #b33141; 812 } 813 .dialogDotWrapper .dialogDot { 814 background-color: #ff506a; 815 } 816 .buttonWhiteBlue:active { 817 background-color: #ff536e; 818 } 819 .buttonWhiteBlue:hover { 820 background-color: #ff5672; 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: #e03e52; 856 } 857 #agendaWrapper #agendaEvent #agendaEventReturn, 858 div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn { 859 border-color: #ffffff; 860 } 861 .buttonWhiteBlue:hover { 862 border-color: #f6445a; 863 } 864 .buttonWhiteBlue:active { 865 border-color: #ff475e; 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: #ff4a62; 870 } 871 .radioAlt.colorBlue.radioAltSelected { 872 border-color: #9c2b39; 873 } 874 .buttonWhiteAlt:active { 875 outline-color: #e03e52; 876 } 877 .buttonWhiteAlt:hover { 878 border-color: #ff4a62; 879 } 880 881 /** 882 * Couleur du menu 883 */ 884 @media (min-width: 1151px) { 885 #templateNavWrapper, 886 #templateNavWrapper:before, 887 #templateNavBar { 888 background-color: #6a6dcd; 889 } 890 #templateSubNavWrapper { 891 background-color: 892 #6f72d7 ; 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: #6a6dcd; 904 } 905 } 906 #templateNavSubBarWrapper, 907 #templateNavSubBarWrapper #templateNavSubBarLeft, 908 #templateNavSubBarWrapper #templateNavSubBarRight { 909 background-color: #6f72d7; 910 } 911 #agendaWrapper, 912 div:not(#agendaWrapper) > #agendaEvent, 913 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton, 914 #eventWrapper #eventDateLeftWrapper { 915 background-color: #6a6dcd; 916 } 917 #eventWrapper #eventPicture #eventInfos #eventName { 918 border-color: #6a6dcd; 919 } 920 /* Couleur des hovers */ 921 #templateNavWrapper #templateNav ul li.active, 922 #templateNavWrapper #templateNav ul li:not(.hideHover):hover { 923 background-color: #5f62b8; 924 } 925 @media (min-width: 1151px) { 926 #templateSubNavWrapper ul li.active, 927 #templateSubNavWrapper ul li:hover { 928 background: #5f62b8; 929 } 930 } 931 @media (max-width: 1150px) { 932 #templateNavSubBarWrapper #templateNavSubBar li.active { 933 background: #5f62b8; 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: #6a6dcd; 949 } 950 951 /** 952 * Texture du menu (non applicable si le menu est transparent) 953 */ 954 #templateNavWrapper, 955 #templateNavWrapper:before, 956 #templateSubNavWrapper, 957 #templateNavBar, 958 #templateNavSubBarWrapper, 959 #templateNavSubBarWrapper #templateNavSubBarLeft, 960 #templateNavSubBarWrapper #templateNavSubBarRight { 961 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 962 } 963 964 /** 965 * Texture du fond 966 */ 967 body { 968 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.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 /* Cache le bloc dans le haut de page en mode réduit */ 986 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 987 display: none; 988 } 989 #templateHeaderWrapper { 990 height: 100px 991 } 992 993 /* Position de l'image de l'organisation dans le haut de page */ 994 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture { 995 display: none; 996 } 997 998 /* Taille texte bloc */ 999 #templateHeaderBlockTitleWrapper { 1000 font-size: 26px; 1001 } 1002 1003 /* Taille image bloc */ 1004 #templateHeaderBlockVendorPictureWrapper img { 1005 width: 0px; 1006 } 1007 1008 /* Type de bloc */ 1009 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1010 background-color: rgba(169, 194, 63, .5); 1011 } 1012 1013 @media (min-width: 1151px) { 1014 /* Position du logo dans le menu */ 1015 #templateNavWrapper #templateNav #navVendorWrapper { 1016 /* Rien */ 1017 } 1018 1019 /* Place le haut de page sous le menu si le menu est transparent */ 1020 1021 /* Hauteur du menu (les ">" pour ignorer les sous-menus) */ 1022 #templateNavWrapper #templateNav > ul > li { 1023 height: 50px; 1024 } 1025 #templateSubNavWrapper ul li { 1026 height: 40px; 1027 line-height: 40px; 1028 } 1029 #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { 1030 max-height: 50px; 1031 } 1032 1033 /* Type de bloc */ 1034 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1035 background-color: transparent; 1036 } 1037 1038 /* La largeur du haut de page ne dépasse pas la largeur du contenu du site */ 1039 1040 /* Arrondi les coins du menu, du haut de page et du contenu */ 1041 1042 /* Séparation des différents éléments */ 1043 1044 /* Position du bloc */ 1045 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1046 width: 100%; 1047 height: auto; 1048 bottom: 0; 1049 position: absolute; 1050 } 1051 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock { 1052 direction: rtl; 1053 } 1054 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock > * { 1055 direction: ltr; 1056 display: inline-block; 1057 vertical-align: middle; 1058 width: 30%; 1059 } 1060 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockTitleWrapper { 1061 text-align: left; 1062 } 1063 1064 /* Texte du menu en gras */ 1065 1066 /* Texte du menu en majuscule */ 1067 #templateNavWrapper #templateNav, 1068 #templateSubNavWrapper { 1069 text-transform: uppercase; 1070 } 1071 1072 /* Cache les icônes */ 1073 #templateNav ._gif:not(.noHide) { 1074 display: none; 1075 } 1076 1077 /* Espacement entre les items du menu */ 1078 #templateNavWrapper #templateNav ul li a, 1079 #templateNavWrapper #templateNav ul li ul li a, 1080 #templateSubNavWrapper ul li a { 1081 padding: 0 15px; 1082 } 1083 1084 /* Alignement du contenu du menu */ 1085 #templateNavWrapper #templateNav, 1086 #templateSubNavWrapper { 1087 text-align: center; 1088 } 1089 1090 /* Hauteur du logo de l'organisation dans le haut de page */ 1091 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img { 1092 height: 125px; 1093 } 1094 } 1095 1096 @media (max-width: 1150px) { 1097 1098 /* Cache le bloc en responsive si le site dispose d'un logo d'organisation */ 1099 1100 /* Alignement du menu en fonction de la barre d'administration */ 1101 #templateNavWrapper { 1102 top: 55px; 1103 } 1104 1105 } 1106 1107 /* Fond fullscreen dans les pages personnalisées */ 1108 #layoutWrapper #templatePageWrapper, 1109 #layoutWrapper #templatePageWrapper::before,
1110 #boxes .boxLandmarkBackground { 1111 max-width: none; 1112 } 1113 #layoutWrapper #templatePageWrapper #templatePage { 1114 padding: 0; 1115 } 1116 #templateTabulationWrapper { 1117 max-width: 1131px; 1118 margin: 20px auto; 1119 padding-left: 13.5px; 1120 padding-right: 13.5px; 1121 } 1122 #editButton { 1123 position: absolute; 1124 right: 10px; 1125 z-index: 151; /* 151 pour être au dessus des fonds en parallaxe qui sont en 150 */ 1126 } 1127 1128 /* Arrondi des champs */ 1129 input[type="text"], 1130 input[type="search"]:not(.choices__input), 1131 .choices, 1132 input[type="password"], 1133 input[type="date"], 1134 input[type="tel"], 1135 input[type="number"], 1136 input[type="datetime-local"], 1137 input[type="email"], 1138 input[type="url"], 1139 textarea { 1140 border-radius: 20px; 1141 padding: 9px 15px; 1142 } 1143 select { 1144 border-radius: 20px; 1145 } 1146 .selected-flag, 1147 .buttonBig, 1148 .buttonLarge, 1149 .buttonSmall, 1150 .bootstrap-switch, 1151 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 1152 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, 1153 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 1154 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 1155 border-radius: 20px; 1156 } 1157 .buttonLarge { 1158 padding: 10px; 1159 } 1160 .buttonSmall { 1161 padding: 5px 10px; 1162 } 1163</style> 1164<!-- Message --> 1165<!-- Affichage Spark\Notification::message --> 1166<div id="messagesWrapper"> 1167 </div> 1168
1169<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1170 $('.message-support .messageClose').click(function(event) { 1171 _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); 1172 }); 1173</script>
1173 1174<!-- Misc Spark --> 1175 1176<div class="displayNone" id="sparkTemplateTableExportColumns"> 1177 <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/3348584-contact"><input type="hidden" name="_formMulti" value="6ac4bdfc37156|3129aa4e0f884fb1934460fab982dc94d4e68d6b">
1177<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1178 $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ 1179 var _this = $(this); 1180 var renable = false; 1181 if(_this.data("multi-submit-protection")){ 1182 return false; 1183 } 1184 else{ 1185 // Blocage à la prochaine soumission 1186 _this.data("multi-submit-protection", true); 1187 // Blocage & chargement sur les boutons 1188 _this.find("button[type='submit']").each(function(){ 1189 var text = $(this).text(); 1190 var buttonDOM = $(this); 1191 var buttonInterval; 1192 buttonDOM 1193 .addClass("disabled") 1194 .prop("disabled", true) 1195 .css("width", buttonDOM.outerWidth() + "px") 1196 .text(".") 1197 .inDOM(function() { 1198 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1199 buttonInterval = setInterval(function() { 1200 if(buttonDOM.text().length === 3) { 1201 buttonDOM.text("."); 1202 } 1203 else { 1204 buttonDOM.text(buttonDOM.text() + "."); 1205 } 1206 }, 300); 1207 }); 1208 // Déblocage au bout de 1 seconde 1209 if(renable){ 1210 window.setTimeout(function(){ 1211 clearInterval(buttonInterval); 1212 buttonDOM 1213 .prop("disabled", false) 1214 .removeClass("disabled") 1215 .removeAttr("style") 1216 .text(text); 1217 }, 1000); 1218 } 1219 }); 1220 // Déblocage au bout de 1 seconde 1221 if(renable){ 1222 window.setTimeout(function(){ 1223 _this.data("multi-submit-protection", false); 1224 }, 1000); 1225 } 1226 // Retour 1227 return true; 1228 } 1229 }); 1230 </script>
1230 <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> 1231 <label 1232 id="sparkTableExportColumnLabel" 1233 > 1234 Exporter les lignes sélectionnées 1235 1236 1237 </label> 1238 <div class="formContent"> 1239 1240 <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1241 <label class="radio" for="sparkTableExportColumn_all"> 1242 <input 1243 type="radio" 1244 name="sparkTableExportColumn" 1245 id="sparkTableExportColumn_all" 1246 value="all" 1247 1248 1249 class="" 1250 > 1251 <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> 1252 </label> 1253 </div> 1254
1254<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1255 if(document.readyState === "complete"){ 1256 $("#sparkTableExportColumn_all").radiocheck(); 1257 } 1258 </script>
1258 1259 1260 <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1261 <label class="radio" for="sparkTableExportColumn_filter"> 1262 <input 1263 type="radio" 1264 name="sparkTableExportColumn" 1265 id="sparkTableExportColumn_filter" 1266 value="filter" 1267 1268 1269 class="" 1270 > 1271 <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> 1272 </label> 1273 </div> 1274
1274<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1275 if(document.readyState === "complete"){ 1276 $("#sparkTableExportColumn_filter").radiocheck(); 1277 } 1278 </script>
1278 1279 </div></div> </form> 1280
1280<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1281 _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); 1282 </script>
1282 1283 </div> 1284 1285<!-- Barre d'administration --> 1286 1287<!-- Barre de navigation responsive --> 1288<div id="templateNavBar"> 1289 1290 <div id="templateNavBarVendorPicture"> 1291 <!-- Une organisation en particulier --> 1292 <a href="/"> 1293 <img src="https://app.assoconnect.com/services/storage?id=6832722&type=picture&secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&timestamp=1778574316&size=small" alt="Han Blossom"> 1294 </a> 1295 <!-- L'organisation principale --> 1296 </div> 1297 1298 <div id="templateNavBarToggleMenu"> 1299 <span>Menu</span> 1300 <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> 1301 1302 <div class="clearBoth"></div> 1303 1304</div> 1305 1306 1307<!-- Header top --> 1308 ?> 1309<header id="templateHeaderWrapper"> 1310 <div id="templateHeaderWrapperHover" class="templateHover"></div> 1311 <div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture"> 1312 <div class="displayTable height100 width100"> 1313 <div class="displayTableCell valignMiddle"> 1314 <p>Images de la page d'accueil</p> 1315 <div class="templateEditableButton">Cliquez pour éditer</div> 1316 </div> 1317 </div> 1318 </div> 1319 <div 1320 id="templateHeader" 1321 class="displayNone" 1322 > 1323 <div id="templateHeaderMargin"></div> 1324 <div id="templateHeaderBlockContainer"> 1325 <div id="templateHeaderBlockContainerHover" class="templateHover"></div> 1326 <div id="templateHeaderBlockContainerEditable" class="templateEditable templateEditableBlock"> 1327 <div class="displayTable height100 width100"> 1328 <div class="displayTableCell valignMiddle"> 1329 <p>Texte, bouton et/ou inscription à la newsletter</p> 1330 <div class="templateEditableButton">Cliquez pour éditer</div> 1331 </div> 1332 </div> 1333 </div> 1334 <div id="templateHeaderBlockWrapper"> 1335 <div id="templateHeaderBlock"> 1336 <div id="templateHeaderBlockTitleWrapper"> 1337 </div> 1338 <div id="templateHeaderBlockNewsletterContainer"> 1339 <form id="templateHeaderBlockNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateHeaderBlockNewsletter"><input type="hidden" name="_origin" value="/page/3348584-contact"><input type="hidden" name="_formMulti" value="6ac4bdfc4a5ea|9488f3e3931a2586a38ea617ffd57226c1666a2b">
1339<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1340 $("#templateHeaderBlockNewsletterForm").on("submit", function(){ 1341 var _this = $(this); 1342 var renable = true; 1343 if(_this.data("multi-submit-protection")){ 1344 return false; 1345 } 1346 else{ 1347 // Blocage à la prochaine soumission 1348 _this.data("multi-submit-protection", true); 1349 // Blocage & chargement sur les boutons 1350 _this.find("button[type='submit']").each(function(){ 1351 var text = $(this).text(); 1352 var buttonDOM = $(this); 1353 var buttonInterval; 1354 buttonDOM 1355 .addClass("disabled") 1356 .prop("disabled", true) 1357 .css("width", buttonDOM.outerWidth() + "px") 1358 .text(".") 1359 .inDOM(function() { 1360 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1361 buttonInterval = setInterval(function() { 1362 if(buttonDOM.text().length === 3) { 1363 buttonDOM.text("."); 1364 } 1365 else { 1366 buttonDOM.text(buttonDOM.text() + "."); 1367 } 1368 }, 300); 1369 }); 1370 // Déblocage au bout de 1 seconde 1371 if(renable){ 1372 window.setTimeout(function(){ 1373 clearInterval(buttonInterval); 1374 buttonDOM 1375 .prop("disabled", false) 1376 .removeClass("disabled") 1377 .removeAttr("style") 1378 .text(text); 1379 }, 1000); 1380 } 1381 }); 1382 // Déblocage au bout de 1 seconde 1383 if(renable){ 1384 window.setTimeout(function(){ 1385 _this.data("multi-submit-protection", false); 1386 }, 1000); 1387 } 1388 // Retour 1389 return true; 1390 } 1391 }); 1392 </script>
1392 <div class="row colsMiddle"> 1393 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 1394 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateHeaderBlockNewsletterEmailNotice"></div> 1395 <label 1396 id="templateHeaderBlockNewsletterEmailLabel" 1397 for="templateHeaderBlockNewsletterEmail" 1398 > 1399 Je m'abonne à la newsletter 1400 1401 1402 </label> 1403 <input 1404 type="email" 1405 data-typo-check="true" 1406 name="templateHeaderBlockNewsletterEmail" 1407 class="" 1408 value="" 1409 placeholder="Je m'abonne à la newsletter" 1410 autocomplete="email" 1411 1412 1413 id="templateHeaderBlockNewsletterEmail" 1414 > 1415 1416 <div class="clearBoth"></div> 1417 </div> 1418
1418<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1419 $("#templateHeaderBlockNewsletterEmail").on("change", function() { 1420 _spark.form.mail.check("templateHeaderBlockNewsletterEmail"); 1421 }); 1422 </script>
1422 1423 </div> 1424 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 1425 1426 <button 1427 type="submit" 1428 id="templateHeaderBlockNewsletterSubmit" 1429 class=" 1430 button 1431 buttonOrange 1432 textAlignCenter 1433 buttonLarge 1434 1435 1436 " 1437 1438 > 1439 1440 <span class="valignInitial">OK</span> 1441 </button> 1442 </div> 1443 </div> 1444 1445 </form> 1446
1446<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1447 $("#templateHeaderBlockNewsletterForm") 1448 // Init 1449 .data("dirty", 0) 1450 // Form submit is possible 1451 .on("submit", function(){ 1452 window.onbeforeunload = null; 1453 }) 1454 // On change 1455 .find("input, textarea").on("change", function(){ 1456 if(document.readyState === "complete"){ 1457 $("#templateHeaderBlockNewsletterForm").data().dirty++; 1458 } 1459 }); 1460 // Ajout 1461 _spark.dirty.push(function(){ 1462 return $("#templateHeaderBlockNewsletterForm").data("dirty") > 0; 1463 }); 1464 </script>
1464 1465 1466
1466<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 1467 _spark.form.mail.initMailGroup("templateHeaderBlockNewsletter"); 1468 </script>
1468 1469 </div> 1470 <div id="templateHeaderBlockButtonWrapper" class="displayNone"> 1471 1472 <div 1473 id="templateHeaderBlockButtonButton" 1474 class=" 1475 button 1476 textAlignCenter 1477 buttonBlue 1478 buttonLarge 1479 1480 valignMiddle 1481 " 1482 ><span class="valignInitial"></span></div> </div> 1483 <div id="templateHeaderBlockSocialWrapper"> 1484 </div> 1485 </div> 1486 </div> 1487 </div> 1488 </div> 1489 <!-- Fix #6796 --> 1490 <div id="templateHeaderVendorPictureWrapper"> 1491 <a 1492 href="https://www.hanblossom.fr" 1493 id="templateHeaderVendorPicture" 1494 > 1495 <img src="https://app.assoconnect.com/services/storage?id=6832722&type=picture&secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&timestamp=1778574316" class="notHeightAuto"> 1496 </a> 1497 </div> 1498 <!-- Fix #10003 --> 1499 <!-- Fond de remplacement si aucune image --> 1500 <!-- Pour le mode édition n'affiche que la première image --> 1501 <!-- Récupère le sprite --> 1502 <!-- Affiche la ou les images --> 1503 <div id="templateHeaderPictures"> 1504 <div class="templateHeaderPicture"> 1505 <div class="templateHeaderPictureReference"> 1506 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1507 position: absolute; 1508 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_01JQ48XXW1WDE47S12GMGGYM8X/Nonprofit_01JQ48XXW1WDE47S12GMGGYM8W/Organization_01JQ48XXW1WDE47S12GMGGYM8V/header.sprite.e7f7246b04e8819c73d0797e7dda20e880dd6830.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106638588&Signature=ESx9ivUdA2hR65uqiOj65kmSly0%3D) left -0px; 1509 width: 1920px; 1510 height: 200px; 1511 top: 0; 1512 left: -960px; 1513 "> 1514 </div> 1515 </div> 1516 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1517 </div> 1518 </header> 1519 1520 1521 1522<!-- Navigation et réseaux sociaux --> 1523 1524<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent --> 1525<div id="templateNavContainer"> 1526 1527 <div id="templateNavWrapper"> 1528 1529 <!-- Ãditable et hover --> 1530 <div id="templateNavWrapperHover" class="templateHover"></div> 1531 <div id="templateNavWrapperEditable" class="templateEditable templateEditableNav"> 1532 <div class="displayTable height100 width100"> 1533 <div class="displayTableCell valignMiddle"> 1534 <p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p> 1535 <div class="templateEditableButton">Cliquez pour éditer</div> 1536 </div> 1537 </div> 1538 </div> 1539 1540 <!-- Réseaux sociaux --> 1541 <div id="templateNavSocialWrapper"> 1542 <a 1543 href="https://www.facebook.com/profile.php?id=61576289157643" 1544 target="_blank" 1545 id="templateNavSocialFacebook" 1546 > 1547 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac4bdfc77ffb" > </a> 1548 <a 1549 href="https://linkedin.com/company/hanblossom/" 1550 target="_blank" 1551 id="templateNavSocialLinkedin" 1552 > 1553 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.linkedin.24.color.png" class="_gif icoLinkedin24Color" alt="icoLinkedin24Color" title="Linkedin" id="image_6ac4bdfc780a5" > </a> 1554 <a 1555 href="https://instagram.com/hanblossom.officiel/" 1556 target="_blank" 1557 id="templateNavSocialInstagram" 1558 > 1559 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac4bdfc78245" > </a> 1560 </div> 1561 1562 <!-- Navigation --> 1563 <nav id="templateNav"> 1564 <ul id="navVendorWrapper"> 1565 <!-- Nom & logo de l'organisation --> 1566 <li id="navVendorPicture"> 1567 <div class="displayTable height100"><!-- displayTable = fix #8392 --> 1568 <a class="displayTableCell width100 valignMiddle" href="/"> 1569 <img src="https://app.assoconnect.com/services/storage?id=6832722&type=picture&secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&timestamp=1778574316&size=small" alt="Han Blossom"> 1570 </a> 1571 </div> 1572 </li> 1573 </ul> 1574 <ul> 1575 <li 1576 data-templatesubnav="3335477" 1577 class=" 1578 " 1579 > 1580 <a 1581 href="/page/3342275-accueil" 1582 class="displayTable height100" 1583 > 1584 <div class="displayTableCell valignMiddle"> 1585 </div> 1586 <div class="displayTableCell valignMiddle"> 1587 Accueil <sp
1587an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1588 </div> 1589 </a> 1590 <ul> 1591 </ul> 1592 </li> 1593 <li 1594 data-templatesubnav="3336057" 1595 class=" 1596 templateNavResponsiveToggleChildren 1597 " 1598 > 1599 <a 1600 href="/page/3336054-a-propos" 1601 class="displayTable height100" 1602 > 1603 <div class="displayTableCell valignMiddle"> 1604 </div> 1605 <div class="displayTableCell valignMiddle"> 1606 ð¸ L'association <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1607 </div> 1608 </a> 1609 <ul> 1610 <li > 1611 <a href="/page/3336054-a-propos"> 1612 à propos </a> 1613 </li> 1614 <li > 1615 <a href="/page/3336058-l-equipe"> 1616 L'équipe </a> 1617 </li> 1618 <li > 1619 <a href="/page/3341728-france-coree-une-histoire-croisee"> 1620 France & Corée, une histoire croisée </a> 1621 </li> 1622 <li > 1623 <a href="/page/3398265-merci-a-nos-partenaires"> 1624 Merci à nos partenaires </a> 1625 </li> 1626 <li > 1627 <a href="/page/3349289-la-coree-en-images"> 1628 La Corée en images </a> 1629 </li> 1630 </ul> 1631 </li> 1632 <li 1633 data-templatesubnav="3347724" 1634 class=" 1635 templateNavResponsiveToggleChildren 1636 " 1637 > 1638 <a 1639 href="/page/3347725-presentation" 1640 class="displayTable height100" 1641 > 1642 <div class="displayTableCell valignMiddle"> 1643 </div> 1644 <div class="displayTableCell valignMiddle"> 1645 Café Seohwabang <sp
1645an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1646 </div> 1647 </a> 1648 <ul> 1649 <li > 1650 <a href="/page/3347725-presentation"> 1651 Présentation </a> 1652 </li> 1653 <li > 1654 <a href="/page/3490849-han-book-club"> 1655 Han Book Club </a> 1656 </li> 1657 <li > 1658 <a href="/page/3347726-ateliers-rencontres"> 1659 Ateliers & Rencontres </a> 1660 </li> 1661 </ul> 1662 </li> 1663 <li 1664 data-templatesubnav="3335491" 1665 class=" 1666 templateNavResponsiveToggleChildren 1667 " 1668 > 1669 <a 1670 href="/page/3820640-festival-couleurs-de-coree" 1671 class="displayTable height100" 1672 > 1673 <div class="displayTableCell valignMiddle"> 1674 </div> 1675 <div class="displayTableCell valignMiddle"> 1676 Activités & Ãvènements <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1677 </div> 1678 </a> 1679 <ul> 1680 <li > 1681 <a href="/page/3820640-festival-couleurs-de-coree"> 1682 Festival Couleurs de Corée </a> 1683 </li> 1684 <li > 1685 <a href="/page/3767987-un-billet-pour-rever-cap-sur-la-coree"> 1686 Un billet pour rêver - Cap sur la Corée </a> 1687 </li> 1688 <li > 1689 <a href="/page/3349401-chasse-au-tresor-secrets-de-coree"> 1690 Chasse au trésor "Secrets de Corée" </a> 1691 </li> 1692 <li > 1693 <a href="/page/3721587-seollal-pop-culture"> 1694 Seollal Pop Culture </a> 1695 </li> 1696 <li > 1697 <a href="/page/3593433-atelier-dinitiation-au-kimchi-a-plerin"> 1698 Atelier dâinitiation au kimchi â à Plérin </a> 1699 </li> 1700 <li > 1701 <a href="/page/3349397-agenda"> 1702 Agenda </a> 1703 </li> 1704 </ul> 1705 </li> 1706 <li 1707 data-templatesubnav="3351256" 1708 class=" 1709 templateNavResponsiveToggleChildren 1710 " 1711 > 1712 <a 1713 href="/page/3351212-chasse-au-tresor-secrets-de-coree" 1714 class="displayTable height100" 1715 > 1716 <div class="displayTableCell valignMiddle"> 1717 </div> 1718 <div class="displayTableCell valignMiddle"> 1719 Je m'
1719inscris <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1720 </div> 1721 </a> 1722 <ul> 1723 <li > 1724 <a href="/page/3351212-chasse-au-tresor-secrets-de-coree"> 1725 Chasse au trésor "Secrets de Corée" </a> 1726 </li> 1727 <li > 1728 <a href="/page/3514693-han-book-club-cercle-de-lectures-coreennes"> 1729 Han Book Club â Cercle de lectures coréennes </a> 1730 </li> 1731 <li > 1732 <a href="/page/3593948-atelier-dinitiation-au-kimchi-plerin"> 1733 Atelier dâinitiation au kimchi â Plérin </a> 1734 </li> 1735 </ul> 1736 </li> 1737 <li 1738 data-templatesubnav="3336110" 1739 class=" 1740 templateNavResponsiveToggleChildren 1741 " 1742 > 1743 <a 1744 href="/page/3348429-j-adhere" 1745 class="displayTable height100" 1746 > 1747 <div class="displayTableCell valignMiddle"> 1748 </div> 1749 <div class="displayTableCell valignMiddle"> 1750 ð Je m'engage <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1751 </div> 1752 </a> 1753 <ul> 1754 <li > 1755 <a href="/page/3348429-j-adhere"> 1756 J'adhère </a> 1757 </li> 1758 <li > 1759 <a href="/page/3348466-je-donne"> 1760 Je donne </a> 1761 </li> 1762 </ul> 1763 </li> 1764 <li 1765 data-templatesubnav="3336109" 1766 class=" 1767 active 1768 " 1769 > 1770 <a 1771 href="/page/3348584-contact" 1772 class="displayTable height100" 1773 > 1774 <div class="displayTableCell valignMiddle"> 1775 </div> 1776 <div class="displayTableCell valignMiddle"> 1777 ð¬ Contactez-nous ! <sp
1777an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1778 </div> 1779 </a> 1780 <ul> 1781 </ul> 1782 </li> 1783 <!-- Mon compte --> 1784 <!-- Panier --> 1785 <!-- Boutons --> 1786 <li id="templateNavButton1Container" class="hideHover displayNone"> 1787 <a href="" class="height100 displayTable"> 1788 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1789 <div class="displayTableCell valignMiddle"> 1790 1791 <div 1792 id="templateNavButton1Button" 1793 class=" 1794 button 1795 textAlignCenter 1796 buttonBlue 1797 buttonLarge 1798 1799 valignMiddle 1800 " 1801 ><span class="valignInitial"></span></div> </div> 1802 </a> 1803 </li> 1804 <li id="templateNavButton2Container" class="hideHover displayNone"> 1805 <a href="" class="height100 displayTable"> 1806 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1807 <div class="displayTableCell valignMiddle"> 1808 1809 <div 1810 id="templateNavButton2Button" 1811 class=" 1812 button 1813 textAlignCenter 1814 buttonBlue 1815 buttonLarge 1816 1817 valignMiddle 1818 " 1819 ><span class="valignInitial"></span></div> </div> 1820 </a> 1821 </li> 1822 <!-- Connexion --> 1823 <li id="templateNavButtonLoginContainer" class="hideHover "> 1824 <a href="/contacts/login?redirect=%2Fpage%2F3348584-contact" class="height100 displayTable"> 1825 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 --> 1826 <div class="displayTableCell valignMiddle"> 1827 1828 <div 1829 id="templateNavButtonLoginButton" 1830 class=" 1831 button 1832 textAlignCenter 1833 buttonBlue 1834 buttonLarge 1835 1836 valignMiddle 1837 " 1838 ><span class="valignInitial">Se connecter</span></div> </div> 1839 </a> 1840 </li> 1841 </ul> 1842 </nav> 1843 1844 </div> 1845 1846 <div id="templateSubNavWrapper"> 1847 1848 <div id="templateSubNav"> 1849 <ul data-templatesubnav="3336057"> 1850 <li > 1851 <a href="/page/3336054-a-propos"> 1852 à propos </a> 1853 </li> 1854 <li > 1855 <a href="/page/3336058-l-equipe"> 1856 L'équipe </a> 1857 </li> 1858 <li > 1859 <a href="/page/3341728-france-coree-une-histoire-croisee"> 1860 France & Corée, une histoire croisée </a> 1861 </li> 1862 <li > 1863 <a href="/page/3398265-merci-a-nos-partenaires"> 1864 Merci à nos partenaires </a> 1865 </li> 1866 <li > 1867 <a href="/page/3349289-la-coree-en-images"> 1868 La Corée en images </a> 1869 </li> 1870 </ul> 1871 <ul data-templatesubnav="3347724"> 1872 <li > 1873 <a href="/page/3347725-presentation"> 1874 Présentation </a> 1875 </li> 1876 <li > 1877 <a href="/page/3490849-han-book-club"> 1878 Han Book Club </a> 1879 </li> 1880 <li > 1881 <a href="/page/3347726-ateliers-rencontres"> 1882 Ateliers & Rencontres </a> 1883 </li> 1884 </ul> 1885 <ul data-templatesubnav="3335491"> 1886 <li > 1887 <a href="/page/3820640-festival-couleurs-de-coree"> 1888 Festival Couleurs de Corée </a> 1889 </li> 1890 <li > 1891 <a href="/page/3767987-un-billet-pour-rever-cap-sur-la-coree"> 1892 Un billet pour rêver - Cap sur la Corée </a> 1893 </li> 1894 <li > 1895 <a href="/page/3349401-chasse-au-tresor-secrets-de-coree"> 1896 Chasse au trésor "Secrets de Corée" </a> 1897 </li> 1898 <li > 1899 <a href="/page/3721587-seollal-pop-culture"> 1900 Seollal Pop Culture </a> 1901 </li> 1902 <li > 1903 <a href="/page/3593433-atelier-dinitiation-au-kimchi-a-plerin"> 1904 Atelier dâinitiation au kimchi â à Plérin </a> 1905 </li> 1906 <li > 1907 <a href="/page/3349397-agenda"> 1908 Agenda </a> 1909 </li> 1910 </ul> 1911 <ul data-templatesubnav="3351256"> 1912 <li > 1913 <a href="/page/3351212-chasse-au-tresor-secrets-de-coree"> 1914 Chasse au trésor "Secrets de Corée" </a> 1915 </li> 1916 <li > 1917 <a href="/page/3514693-han-book-club-cercle-de-lectures-coreennes"> 1918 Han Book Club â Cercle de lectures coréennes </a> 1919 </li> 1920 <li > 1921 <a href="/page/3593948-atelier-dinitiation-au-kimchi-plerin"> 1922 Atelier dâinitiation au kimchi â Plérin </a> 1923 </li> 1924 </ul> 1925 <ul data-templatesubnav="3336110"> 1926 <li > 1927 <a href="/page/3348429-j-adhere"> 1928 J'adhère </a> 1929 </li> 1930 <li > 1931 <a href="/page/3348466-je-donne"> 1932 Je donne </a> 1933 </li> 1934 </ul> 1935 1936 </div> 1937 1938 </div> 1939 1940</div> 1941
1942<!-- 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) --> 1943 1944<!-- Page --> 1945<article id="templatePageWrapper" class="layout-md"> 1946 <div id="templatePage"> 1947 <!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe --> 1948 <div id="templateIframe"> 1949 <!-- Tabulations --> 1950 <!-- Affiche les onglets pour les organisation dépendantes --> 1951 1952 <!-- 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 --> 1953 1954 <!-- Tabulations en mode Fil d'Ariane --> 1955 <!-- Une tabulation, juste le titre s'affiche --> 1956 <div class="templatePageHeader" data-id="component_Header"> 1957 <div> 1958 <div id="templateTitle" class="templatePageHeaderPart"> 1959 <span class="displayInlineBlock valignMiddle"></span> 1960 </div> 1961 </div> 1962 </div> 1963 1964 <!-- Plusieurs tabulations, affichage du titre et des tabulations --> 1965 <!-- Titre uniquement --> 1966 <!-- Titre uniquement --> 1967<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) --> 1968<div class="clearBoth"></div> 1969<!-- Template --> 1970<div class="templatePageWrapper layout-md"> 1971 <div class="templatePageContent "> 1972 <div class="templatePageContentHeader"> 1973 </div> 1974 1975 1976 1977 1978 1979<!-- Lien d'édition --> 1980 1981<!-- Contenu de la page --> 1982<div id="boxes"> 1983 1984 <style> 1985 #box98050112 { 1986 position: absolute; 1987 left: 0%; 1988 top: 0px; 1989 height: 780px; 1990 min-height:780px; 1991 padding: 0; 1992 margin: 0!important; 1993 border: 0; 1994 } 1995 </style> 1996 <div class="boxLandmark boxLandmarkBackground"> 1997 <div 1998 id="box98050112" 1999 class="box" 2000 style="width: 100%" 2001 data-type="background" 2002 > 2003 <div style="position: relative; overflow:hidden; height: 780px; background: #f7f5f2; min-height: 780px"> 2004 2005 <style> 2006 #box98050113 { 2007 position: absolute; 2008 left: 25%; 2009 top: 0px; 2010 height: 420px; 2011 2012 padding: 0; 2013 margin: 0!important; 2014 border: 0; 2015 } 2016 </style> 2017 <div class="boxLandmark "> 2018 <div 2019 id="box98050113" 2020 class="box" 2021 style="width: 50%" 2022 data-type="picture" 2023 > 2024 <div style="position: relative; overflow:hidden; margin-top: 20px; height: 400px; border-radius: 10px; background: transparent"> 2025 2026 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2027 width:552px; 2028 max-width: 100%; 2029 height:400px; 2030 text-align: center; 2031 2032 border-radius: 10px;"> 2033 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2034 <img 2035 src="https://app.assoconnect.com/services/storage?id=5615608&type=picture&secret=SKfyYK9Shay1dU50jJ6UlOYBNEjI7foKhACy6xHE&timestamp=1777326917" 2036 style=" 2037 position:absolute; 2038 width:371.0016px; 2039 height:371.0016px; 2040 top:-2px; 2041 left:-193px; 2042 max-width:none; 2043 " 2044 > 2045 </div> 2046 </div> 2047 </div> 2048 </div> 2049 </div> 2050 2051 <style> 2052 #box98050114 { 2053 position: absolute; 2054 left: 33.333333333333%; 2055 top: 420px; 2056 height: 120px; 2057 2058 padding: 0; 2059 margin: 0!important; 2060 border: 0; 2061 } 2062 </style> 2063 <div class="boxLandmark "> 2064 <div
2065 id="box98050114" 2066 class="box" 2067 style="width: 8.3333333333333%" 2068 data-type="picture" 2069 > 2070 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2071 2072 <a 2073 href="https://www.instagram.com/han.blossom/" 2074 target="_blank" 2075 > 2076 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2077 width:92px; 2078 max-width: 100%; 2079 height:120px; 2080 text-align: center; 2081 2082 border-radius: 10px;"> 2083 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2084 <img 2085 src="https://app.assoconnect.com/services/storage?id=5615691&type=picture&secret=vYEUzo0ok6I7BBBDfcTunRHPCEPcKg87n7fAl7Fy&timestamp=1777326977" 2086 style=" 2087 position:absolute; 2088 width:107.03872px; 2089 height:107.03872px; 2090 top:6px; 2091 left:-60px; 2092 max-width:none; 2093 " 2094 > 2095 </div> 2096 </div></a> 2097 2098 </div> 2099 </div> 2100 </div> 2101 2102 <style> 2103 #box98050115 { 2104 position: absolute; 2105 left: 41.666666666667%; 2106 top: 420px; 2107 height: 120px; 2108 2109 padding: 0; 2110 margin: 0!important; 2111 border: 0; 2112 } 2113 </style> 2114 <div class="boxLandmark "> 2115 <div 2116 id="box98050115" 2117 class="box" 2118 style="width: 8.3333333333333%" 2119 data-type="picture" 2120 > 2121 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2122 2123 <a 2124 href="https://bit.ly/4k1nJN9" 2125 target="_blank" 2126 > 2127 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2128 width:92px; 2129 max-width: 100%; 2130 height:120px; 2131 text-align: center; 2132 2133 border-radius: 10px;"> 2134 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2135 <img 2136 src="https://app.assoconnect.com/services/storage?id=5615732&type=picture&secret=9bkChMcbHbwYblW0RlKLwkawXOVW8OWMLpTfDCo2&timestamp=1777327003" 2137 style=" 2138 position:absolute; 2139 width:96.79872px; 2140 height:96.79872px; 2141 top:12px; 2142 left:-57px; 2143 max-width:none; 2144 " 2145 > 2146 </div> 2147 </div></a> 2148 2149 </div> 2150 </div> 2151 </div> 2152 2153 <style> 2154 #box98050116 { 2155 position: absolute; 2156 left: 50%; 2157 top: 420px; 2158 height: 120px; 2159 2160 padding: 0; 2161 margin: 0!important; 2162 border: 0; 2163 } 2164 </style> 2165 <div class="boxLandmark "> 2166 <div 2167 id="box98050116" 2168 class="box" 2169 style="width: 8.3333333333333%" 2170 data-type="picture" 2171 > 2172 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2173 2174 <a 2175 href="https://bit.ly/431zgGa" 2176 target="_blank" 2177 > 2178 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2179 width:92px; 2180 max-width: 100%; 2181 height:120px; 2182 text-align: center; 2183 2184 border-radius: 10px;"> 2185 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2186 <img 2187 src="https://app.assoconnect.com/services/storage?id=5615698&type=picture&secret=FbJsBXwC5jJPJJVhdRC3GXQst8lYh9syUMHMbgkl&timestamp=1777326981" 2188 style=" 2189 position:absolute; 2190 width:96.79872px; 2191 height:96.79872px; 2192 top:12px; 2193 left:-57px; 2194 max-width:none; 2195 " 2196 > 2197 </div> 2198 </div></a> 2199 2200 </div> 2201 </div> 2202 </div> 2203 2204 <style> 2205 #box98050117 { 2206 position: absolute; 2207 left: 58.333333333333%; 2208 top: 420px; 2209 height: 120px; 2210 2211 padding: 0; 2212 margin: 0!important; 2213 border: 0; 2214 } 2215 </style> 2216 <div class="boxLandmark "> 2217 <div
2218 id="box98050117" 2219 class="box" 2220 style="width: 8.3333333333333%" 2221 data-type="picture" 2222 > 2223 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2224 2225 <a 2226 href="https://www.linkedin.com/company/hanblossom/" 2227 target="_blank" 2228 > 2229 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2230 width:92px; 2231 max-width: 100%; 2232 height:120px; 2233 text-align: center; 2234 2235 border-radius: 10px;"> 2236 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2237 <img 2238 src="https://app.assoconnect.com/services/storage?id=5615706&type=picture&secret=Wo89H5ORPn0oEhkONhG2vlgh0DYRWBEJySDznbkT&timestamp=1777326986" 2239 style=" 2240 position:absolute; 2241 width:101.91872px; 2242 height:101.91872px; 2243 top:11px; 2244 left:-59px; 2245 max-width:none; 2246 " 2247 > 2248 </div> 2249 </div></a> 2250 2251 </div> 2252 </div> 2253 </div> 2254 2255 <style> 2256 #box98050118 { 2257 position: absolute; 2258 left: 25%; 2259 top: 600px; 2260 height: 180px; 2261 2262 padding: 0; 2263 margin: 0!important; 2264 border: 0; 2265 } 2266 </style> 2267 <div class="boxLandmark "> 2268 <div 2269 id="box98050118" 2270 class="box" 2271 style="width: 50%" 2272 data-type="text" 2273 > 2274 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 180px; background: transparent"> 2275 <div class="overflowHidden height100"><h2 style="text-align:center"><span style="font-size:18px"><strong><span style="color:#544915">Pour toute question écris-nous à l'
2275adresse suivante : </span></strong></span></h2> 2276 2277<p style="text-align:center"><span style="font-size:18px"><u><strong><a href="mailto:contact@hanblossom.fr?body=Bonjour%20%26%20bienvenue%20chez%20Han%20Blossom%20!%F0%9F%8C%B8%0AMerci%20de%20nous%20avoir%20contact%C3%A9s%20!%0AOn%20est%20ravis%20de%20recevoir%20ton%20message%20et%20on%20fera%20de%20notre%20mieux%20pour%20te%20r%C3%A9pondre%20rapidement.%0A%0AN'h%C3%A9site%20pas%20%C3%A0%20poser%20toutes%20les%20questions%20ou%20%C3%A0%20partager%20tes%20id%C3%A9es%2C%20on%20sera%20heureux%20d'%C3%A9changer%20avec%20toi%20!%0A%0A%C3%80%20tr%C3%A8s%20bient%C3%B4t%2C%0AL'%C3%A9quipe%20Han%20Blossom%0A">contact@hanblossom.fr</a></strong></u></span></p> 2278 2279<p style="text-align:center"><span style="font-size:18px"><strong><span style="color:#544915">Ou via le formulaire ci-dessous !</span></strong></span></p></div> 2280 </div> 2281 </div> 2282 </div> 2283 2284 </div> 2285 </div> 2286 </div> 2287 2288 <style> 2289 #box98050119 { 2290 position: absolute; 2291 left: 16.666666666667%; 2292 top: 780px; 2293 height: 600px; 2294 2295 padding: 0; 2296 margin: 0!important; 2297 border: 0; 2298 } 2299 </style> 2300 <div class="boxLandmark "> 2301 <div 2302 id="box98050119" 2303 class="box" 2304 style="width: 66.666666666667%" 2305 data-type="contact" 2306 > 2307 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 600px; border-radius: 10px; background: transparent"> 2308 2309 <iframe 2310 src="ressources/contact?boxId=98050119" 2311 scrolling="no" 2312 frameborder="0" 2313 style="border:none; overflow:hidden;" 2314 width="100%" 2315 height="100%" 2316 allowtransparency="true" 2317 ></iframe> 2318 2319 </div> 2320 </div> 2321 </div> 2322 </div> </div> 2323</div> 2324 </div> 2325 </div> 2326</article> 2327 2328<!-- Footer --> 2329<footer id="templateFooterWrapper"> 2330 <div id="templateFooter"> 2331 <div id="templateFooterText">"Quand deux cultures se rencontrent, elles écrivent une histoire commune."</div> 2332 <div id="templateFooterBlockContainer"> 2333 <div class="row"> 2334 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 2335 <div id="templateFooterBlockWrapper" class="row"> 2336 <!-- Liste des pages de l'organisation principal --> 2337 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 2338 <span>Accueil</span> 2339 <ul> 2340 <li> 2341 <a href=" 2342 /page/3342275-accueil "> 2343 Accueil </a> 2344 </li> 2345 <li> 2346 <a href=" 2347 /page/3336054-a-propos "> 2348 à propos </a> 2349 </li> 2350 <li> 2351 <a href=" 2352 /page/3336058-l-equipe "> 2353 L'équipe </a> 2354 </li> 2355 </ul> 2356 </div> 2357 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
2358 <span>Café Seohwabang</span> 2359 <ul> 2360 <li> 2361 <a href=" 2362 /page/3347725-presentation "> 2363 Café Seohwabang </a> 2364 </li> 2365 <li> 2366 <a href=" 2367 /page/3490849-han-book-club "> 2368 Han Book Club </a> 2369 </li> 2370 </ul> 2371 </div> 2372 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 2373 <span>Activités & Ãvènements</span> 2374 <ul> 2375 <li> 2376 <a href=" 2377 /page/3336156-hansik-en-scene "> 2378 Hansik en scène </a> 2379 </li> 2380 <li> 2381 <a href=" 2382 /page/3347722-escales-culturelles "> 2383 Escales culturelles </a> 2384 </li> 2385 <li> 2386 <a href=" 2387 /page/3349401-chasse-au-tresor-secrets-de-coree "> 2388 Chasse au trésor "Secrets de Corée" </a> 2389 </li> 2390 </ul> 2391 </div> 2392 </div> 2393 </div> 2394 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 2395 <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/3348584-contact"><input type="hidden" name="_formMulti" value="6ac4bdfc90cad|5e8a2b5801d3b3fe40443be7482b9de37d6d1648">
2395<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 2396 $("#templateFooterNewsletterForm").on("submit", function(){ 2397 var _this = $(this); 2398 var renable = true; 2399 if(_this.data("multi-submit-protection")){ 2400 return false; 2401 } 2402 else{ 2403 // Blocage à la prochaine soumission 2404 _this.data("multi-submit-protection", true); 2405 // Blocage & chargement sur les boutons 2406 _this.find("button[type='submit']").each(function(){ 2407 var text = $(this).text(); 2408 var buttonDOM = $(this); 2409 var buttonInterval; 2410 buttonDOM 2411 .addClass("disabled") 2412 .prop("disabled", true) 2413 .css("width", buttonDOM.outerWidth() + "px") 2414 .text(".") 2415 .inDOM(function() { 2416 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 2417 buttonInterval = setInterval(function() { 2418 if(buttonDOM.text().length === 3) { 2419 buttonDOM.text("."); 2420 } 2421 else { 2422 buttonDOM.text(buttonDOM.text() + "."); 2423 } 2424 }, 300); 2425 }); 2426 // Déblocage au bout de 1 seconde 2427 if(renable){ 2428 window.setTimeout(function(){ 2429 clearInterval(buttonInterval); 2430 buttonDOM 2431 .prop("disabled", false) 2432 .removeClass("disabled") 2433 .removeAttr("style") 2434 .text(text); 2435 }, 1000); 2436 } 2437 }); 2438 // Déblocage au bout de 1 seconde 2439 if(renable){ 2440 window.setTimeout(function(){ 2441 _this.data("multi-submit-protection", false); 2442 }, 1000); 2443 } 2444 // Retour 2445 return true; 2446 } 2447 }); 2448 </script>
2448 <div class="row colsMiddle"> 2449 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> 2450 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div> 2451 <label 2452 id="templateFooterBlocNewsletterEmailLabel" 2453 for="templateFooterBlocNewsletterEmail" 2454 > 2455 Je m'abonne à la newsletter 2456 2457 2458 </label> 2459 <input 2460 type="email" 2461 data-typo-check="true" 2462 name="templateFooterBlocNewsletterEmail" 2463 class="" 2464 value="" 2465 placeholder="Renseignez votre email" 2466 autocomplete="email" 2467 2468 2469 id="templateFooterBlocNewsletterEmail" 2470 > 2471 2472 <div class="clearBoth"></div> 2473 </div> 2474
2474<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 2475 $("#templateFooterBlocNewsletterEmail").on("change", function() { 2476 _spark.form.mail.check("templateFooterBlocNewsletterEmail"); 2477 }); 2478 </script>
2478 2479 </div> 2480 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom"> 2481 2482 <button 2483 type="submit" 2484 id="templateFooterBlocNewsletterSubmit" 2485 class=" 2486 button 2487 buttonOrange 2488 textAlignCenter 2489 buttonLarge 2490 2491 2492 " 2493 2494 > 2495 2496 <span class="valignInitial">OK</span> 2497 </button> 2498 </div> 2499 </div> 2500 2501 </form> 2502
2502<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 2503 $("#templateFooterNewsletterForm") 2504 // Init 2505 .data("dirty", 0) 2506 // Form submit is possible 2507 .on("submit", function(){ 2508 window.onbeforeunload = null; 2509 }) 2510 // On change 2511 .find("input, textarea").on("change", function(){ 2512 if(document.readyState === "complete"){ 2513 $("#templateFooterNewsletterForm").data().dirty++; 2514 } 2515 }); 2516 // Ajout 2517 _spark.dirty.push(function(){ 2518 return $("#templateFooterNewsletterForm").data("dirty") > 0; 2519 }); 2520 </script>
2520 2521 2522
2522<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 2523 _spark.form.mail.initMailGroup("templateFooterNewsletter"); 2524 </script>
2524 2525 <div id="templateFooterSocialWrapper"> 2526 <a 2527 href="https://www.facebook.com/profile.php?id=61576289157643" 2528 target="_blank" 2529 id="templateFooterSocialFacebook" 2530 > 2531 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac4bdfcd6297" > </a> 2532 <a 2533 href="https://instagram.com/hanblossom.officiel/" 2534 target="_blank" 2535 id="templateFooterSocialInstagram" 2536 > 2537 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac4bdfcd6352" > </a> 2538 </div> 2539 </div> 2540 </div> 2541 </div> 2542 </div> 2543 <div id="templateFooterInformation"> 2544 <ul> 2545 <!-- Plan du site --> 2546 <li> 2547 <a href="/infos/plan/ 2548 675091 ">Plan du site</a> 2549 </li> 2550 2551 <!-- Licences --> 2552 <li> 2553 <a href="/infos/licenses">Licences</a> 2554 </li> 2555 2556 <!-- CGU --> 2557 <li> 2558 <a href="/infos/legal-notice">Mentions légales</a> 2559 </li> 2560 <li> 2561 <a href="/infos/tos">CGUV</a> 2562 </li> 2563 2564 <!-- CGU --> 2565 <li> 2566 <a id="configureCookies" href="#">Paramétrer vos cookies</a> 2567 </li> 2568 2569 <!-- Connexion/déconnexion et mon compte --> 2570 <li> 2571 2572 <a 2573 id="templateNavButtonLoginButtonLink" 2574 href="https://www.hanblossom.fr/contacts/login?redirect=%2Fpage%2F3348584-contact" 2575 class="" 2576 target="" 2577 rel="noopener" 2578 > 2579 <div 2580 id="templateNavButtonLoginButton" 2581 class=" 2582 button 2583 textAlignCenter 2584 buttonBlue 2585 buttonLarge 2586 valignMiddle margin0 2587 valignMiddle 2588 " 2589 ><span class="valignInitial">Se connecter</span></div></a> 2590 </li> 2591 </ul> 2592 <ul> 2593 <li class="paddingTop0"> 2594 <a href="https://www.assoconnect.com/associations/logiciel-association-culturelle/" target="_blank"> 2595 Propulsé par AssoConnect, le logiciel des associations Culturelles </a> 2596 </li> 2597 </ul> 2598 </div> 2599 </footer> 2600 2601<!-- Footer - Global --> 2602 </div> 2603 2604 <!-- JS --> 2605
2605<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 2606 /** 2607 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY 2608 */ 2609function templatePageHeight() { 2610 var boxes = $("#boxes"); 2611 var heightMax = 0; 2612 var templatePage = $("#templatePage"); 2613 var templateNavContainer = $("#templateNavContainer"); 2614 2615 // Cherche la box la plus basse dans la page 2616 boxes.find("> .boxLandmark > .box").each(function() { 2617 heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top); 2618 }); 2619 2620 // templatePage prend la hauteur du menu si : heightMax < templateNavContainer 2621 if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) { 2622 return templateNavContainer.height() - templatePage.offset().top; 2623 } 2624 // templatePage prend la hauteur de la fenêtre si : heightMax < window 2625 else if(heightMax < $(window).height()) { 2626 return $(window).height() - templatePage.offset().top; 2627 } 2628 // templatePage prend la hauteur du dernier élément DIY 2629 else { 2630 var templateNavContainerHeight = 0; 2631 2632 // Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute 2633 if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") { 2634 templateNavContainerHeight = templateNavContainer.height(); 2635 } 2636 2637 return Math.round(heightMax - $("#templatePageWrapper").offset().top); 2638 } 2639} 2640 2641/** 2642 * Force templatePage à prendre toute la hauteur pour les pages du DIY 2643 */ 2644$(window).on("load", function() { 2645 if($("#boxes").children().length) { 2646 $("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page 2647 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2648 // Après un redimensionnement de l'écran 2649 var resized; 2650 $(window).on("resize orientationChanged", function() { 2651 clearTimeout(resized); 2652 resized = setTimeout(function() { 2653 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2654 }, 200); 2655 }); 2656 } 2657}); 2658 2659$(".video-youtube, .feed-facebook").each(function() { 2660 $(this).on("click", function() { 2661 if (window.openIubendaCookies) { 2662 window.openIubendaCookies(); 2663 } 2664 }); 2665}); 2666 </script>
vendor: 1 bytes, line 2666
2666
2667<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"> 2668 if(window.console && window.console.log){ 2669 // Affichage des notices non capturées 2670 } 2671</script>
2671 2672 2673 2674
2674<script 2675 nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1" 2676 src="https://cdn.hub-prod.team.blue/loader/widget-loader.js" 2677 data-teamblue-footer 2678 data-footer="hidden" 2679 ></script>
2679 2680 </body> 2681</html> 2682
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.