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 | Han Blossom</title> 10 <meta property="og:title" content="Han Blossom - Culture coréenne, échanges et évènement France-Corée"> 11 <meta name="description" content="Faire découvrir la culture coréenne en France et inversement, à travers évènements, échanges, coopérations et projets culturels"> 12 <meta property="og:description" content="Faire découvrir la culture coréenne en France et inversement, à travers évènements, échanges, coopérations et projets culturels"> 13 <meta property="og:locale" content="fr_FR"> 14 <meta property="og:url" content="https://www.hanblossom.fr/page/3342275-accueil"> 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/3342275-accueil"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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\/3342275-accueil"; 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 = "5ff1bbad-d5cf-409f-903a-659d517cdb72"; 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72" 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"></script> 540
541<!-- Iubenda -->
542<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 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 #templateHeaderWrapper { 986 height: 200px 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: 26px; 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(169, 194, 63, .5); 1007 } 1008 1009 @media (min-width: 1151px) { 1010 /* Position du logo dans le menu */ 1011 #templateNavWrapper #templateNav #navVendorWrapper { 1012 /* Rien */ 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: 50px; 1020 } 1021 #templateSubNavWrapper ul li { 1022 height: 40px; 1023 line-height: 40px; 1024 } 1025 #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { 1026 max-height: 50px; 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 15px; 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 #layoutWrapper #templatePageWrapper, 1105 #layoutWrapper #templatePageWrapper::before,
1106 #boxes .boxLandmarkBackground { 1107 max-width: none; 1108 } 1109 #layoutWrapper #templatePageWrapper #templatePage { 1110 padding: 0; 1111 } 1112 #templateTabulationWrapper { 1113 max-width: 1131px; 1114 margin: 20px auto; 1115 padding-left: 13.5px; 1116 padding-right: 13.5px; 1117 } 1118 #editButton { 1119 position: absolute; 1120 right: 10px; 1121 z-index: 151; /* 151 pour être au dessus des fonds en parallaxe qui sont en 150 */ 1122 } 1123 1124 /* Arrondi des champs */ 1125 input[type="text"], 1126 input[type="search"]:not(.choices__input), 1127 .choices, 1128 input[type="password"], 1129 input[type="date"], 1130 input[type="tel"], 1131 input[type="number"], 1132 input[type="datetime-local"], 1133 input[type="email"], 1134 input[type="url"], 1135 textarea { 1136 border-radius: 20px; 1137 padding: 9px 15px; 1138 } 1139 select { 1140 border-radius: 20px; 1141 } 1142 .selected-flag, 1143 .buttonBig, 1144 .buttonLarge, 1145 .buttonSmall, 1146 .bootstrap-switch, 1147 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 1148 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, 1149 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 1150 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 1151 border-radius: 20px; 1152 } 1153 .buttonLarge { 1154 padding: 10px; 1155 } 1156 .buttonSmall { 1157 padding: 5px 10px; 1158 } 1159</style> 1160<!-- Message --> 1161<!-- Affichage Spark\Notification::message --> 1162<div id="messagesWrapper"> 1163 </div> 1164
1165<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1166 $('.message-support .messageClose').click(function(event) { 1167 _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); 1168 }); 1169</script>
1169 1170<!-- Misc Spark --> 1171 1172<div class="displayNone" id="sparkTemplateTableExportColumns"> 1173 <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/3342275-accueil"><input type="hidden" name="_formMulti" value="6ac4bdf98ebb2|085c3be0b19f0eb114318639379a6a421d2eeab6">
1173<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1174 $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ 1175 var _this = $(this); 1176 var renable = false; 1177 if(_this.data("multi-submit-protection")){ 1178 return false; 1179 } 1180 else{ 1181 // Blocage à la prochaine soumission 1182 _this.data("multi-submit-protection", true); 1183 // Blocage & chargement sur les boutons 1184 _this.find("button[type='submit']").each(function(){ 1185 var text = $(this).text(); 1186 var buttonDOM = $(this); 1187 var buttonInterval; 1188 buttonDOM 1189 .addClass("disabled") 1190 .prop("disabled", true) 1191 .css("width", buttonDOM.outerWidth() + "px") 1192 .text(".") 1193 .inDOM(function() { 1194 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1195 buttonInterval = setInterval(function() { 1196 if(buttonDOM.text().length === 3) { 1197 buttonDOM.text("."); 1198 } 1199 else { 1200 buttonDOM.text(buttonDOM.text() + "."); 1201 } 1202 }, 300); 1203 }); 1204 // Déblocage au bout de 1 seconde 1205 if(renable){ 1206 window.setTimeout(function(){ 1207 clearInterval(buttonInterval); 1208 buttonDOM 1209 .prop("disabled", false) 1210 .removeClass("disabled") 1211 .removeAttr("style") 1212 .text(text); 1213 }, 1000); 1214 } 1215 }); 1216 // Déblocage au bout de 1 seconde 1217 if(renable){ 1218 window.setTimeout(function(){ 1219 _this.data("multi-submit-protection", false); 1220 }, 1000); 1221 } 1222 // Retour 1223 return true; 1224 } 1225 }); 1226 </script>
1226 <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> 1227 <label 1228 id="sparkTableExportColumnLabel" 1229 > 1230 Exporter les lignes sélectionnées 1231 1232 1233 </label> 1234 <div class="formContent"> 1235 1236 <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1237 <label class="radio" for="sparkTableExportColumn_all"> 1238 <input 1239 type="radio" 1240 name="sparkTableExportColumn" 1241 id="sparkTableExportColumn_all" 1242 value="all" 1243 1244 1245 class="" 1246 > 1247 <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> 1248 </label> 1249 </div> 1250
1250<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1251 if(document.readyState === "complete"){ 1252 $("#sparkTableExportColumn_all").radiocheck(); 1253 } 1254 </script>
1254 1255 1256 <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1257 <label class="radio" for="sparkTableExportColumn_filter"> 1258 <input 1259 type="radio" 1260 name="sparkTableExportColumn" 1261 id="sparkTableExportColumn_filter" 1262 value="filter" 1263 1264 1265 class="" 1266 > 1267 <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> 1268 </label> 1269 </div> 1270
1270<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1271 if(document.readyState === "complete"){ 1272 $("#sparkTableExportColumn_filter").radiocheck(); 1273 } 1274 </script>
1274 1275 </div></div> </form> 1276
1276<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1277 _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); 1278 </script>
1278 1279 </div> 1280 1281<!-- Barre d'administration --> 1282 1283<!-- Barre de navigation responsive --> 1284<div id="templateNavBar"> 1285 1286 <div id="templateNavBarVendorPicture"> 1287 <!-- Une organisation en particulier --> 1288 <a href="/"> 1289 <img src="https://app.assoconnect.com/services/storage?id=6832722&type=picture&secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&timestamp=1778574316&size=small" alt="Han Blossom"> 1290 </a> 1291 <!-- L'organisation principale --> 1292 </div> 1293 1294 <div id="templateNavBarToggleMenu"> 1295 <span>Menu</span> 1296 <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> 1297 1298 <div class="clearBoth"></div> 1299 1300</div> 1301 1302 1303<!-- Header top --> 1304 ?> 1305<header id="templateHeaderWrapper"> 1306 <div id="templateHeaderWrapperHover" class="templateHover"></div> 1307 <div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture"> 1308 <div class="displayTable height100 width100"> 1309 <div class="displayTableCell valignMiddle"> 1310 <p>Images de la page d'accueil</p> 1311 <div class="templateEditableButton">Cliquez pour éditer</div> 1312 </div> 1313 </div> 1314 </div> 1315 <div 1316 id="templateHeader" 1317 class="displayNone" 1318 > 1319 <div id="templateHeaderMargin"></div> 1320 <div id="templateHeaderBlockContainer"> 1321 <div id="templateHeaderBlockContainerHover" class="templateHover"></div> 1322 <div id="templateHeaderBlockContainerEditable" class="templateEditable templateEditableBlock"> 1323 <div class="displayTable height100 width100"> 1324 <div class="displayTableCell valignMiddle"> 1325 <p>Texte, bouton et/ou inscription à la newsletter</p> 1326 <div class="templateEditableButton">Cliquez pour éditer</div> 1327 </div> 1328 </div> 1329 </div> 1330 <div id="templateHeaderBlockWrapper"> 1331 <div id="templateHeaderBlock"> 1332 <div id="templateHeaderBlockTitleWrapper"> 1333 </div> 1334 <div id="templateHeaderBlockNewsletterContainer"> 1335 <form id="templateHeaderBlockNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateHeaderBlockNewsletter"><input type="hidden" name="_origin" value="/page/3342275-accueil"><input type="hidden" name="_formMulti" value="6ac4bdf9a927f|6af26ef3f7cdb0937d90c370424ca5ed0bf6cdf8">
1335<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1336 $("#templateHeaderBlockNewsletterForm").on("submit", function(){ 1337 var _this = $(this); 1338 var renable = true; 1339 if(_this.data("multi-submit-protection")){ 1340 return false; 1341 } 1342 else{ 1343 // Blocage à la prochaine soumission 1344 _this.data("multi-submit-protection", true); 1345 // Blocage & chargement sur les boutons 1346 _this.find("button[type='submit']").each(function(){ 1347 var text = $(this).text(); 1348 var buttonDOM = $(this); 1349 var buttonInterval; 1350 buttonDOM 1351 .addClass("disabled") 1352 .prop("disabled", true) 1353 .css("width", buttonDOM.outerWidth() + "px") 1354 .text(".") 1355 .inDOM(function() { 1356 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1357 buttonInterval = setInterval(function() { 1358 if(buttonDOM.text().length === 3) { 1359 buttonDOM.text("."); 1360 } 1361 else { 1362 buttonDOM.text(buttonDOM.text() + "."); 1363 } 1364 }, 300); 1365 }); 1366 // Déblocage au bout de 1 seconde 1367 if(renable){ 1368 window.setTimeout(function(){ 1369 clearInterval(buttonInterval); 1370 buttonDOM 1371 .prop("disabled", false) 1372 .removeClass("disabled") 1373 .removeAttr("style") 1374 .text(text); 1375 }, 1000); 1376 } 1377 }); 1378 // Déblocage au bout de 1 seconde 1379 if(renable){ 1380 window.setTimeout(function(){ 1381 _this.data("multi-submit-protection", false); 1382 }, 1000); 1383 } 1384 // Retour 1385 return true; 1386 } 1387 }); 1388 </script>
1388 <div class="row colsMiddle"> 1389 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 1390 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateHeaderBlockNewsletterEmailNotice"></div> 1391 <label 1392 id="templateHeaderBlockNewsletterEmailLabel" 1393 for="templateHeaderBlockNewsletterEmail" 1394 > 1395 Je m'abonne à la newsletter 1396 1397 1398 </label> 1399 <input 1400 type="email" 1401 data-typo-check="true" 1402 name="templateHeaderBlockNewsletterEmail" 1403 class="" 1404 value="" 1405 placeholder="Je m'abonne à la newsletter" 1406 autocomplete="email" 1407 1408 1409 id="templateHeaderBlockNewsletterEmail" 1410 > 1411 1412 <div class="clearBoth"></div> 1413 </div> 1414
1414<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1415 $("#templateHeaderBlockNewsletterEmail").on("change", function() { 1416 _spark.form.mail.check("templateHeaderBlockNewsletterEmail"); 1417 }); 1418 </script>
1418 1419 </div> 1420 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 1421 1422 <button 1423 type="submit" 1424 id="templateHeaderBlockNewsletterSubmit" 1425 class=" 1426 button 1427 buttonOrange 1428 textAlignCenter 1429 buttonLarge 1430 1431 1432 " 1433 1434 > 1435 1436 <span class="valignInitial">OK</span> 1437 </button> 1438 </div> 1439 </div> 1440 1441 </form> 1442
1442<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1443 $("#templateHeaderBlockNewsletterForm") 1444 // Init 1445 .data("dirty", 0) 1446 // Form submit is possible 1447 .on("submit", function(){ 1448 window.onbeforeunload = null; 1449 }) 1450 // On change 1451 .find("input, textarea").on("change", function(){ 1452 if(document.readyState === "complete"){ 1453 $("#templateHeaderBlockNewsletterForm").data().dirty++; 1454 } 1455 }); 1456 // Ajout 1457 _spark.dirty.push(function(){ 1458 return $("#templateHeaderBlockNewsletterForm").data("dirty") > 0; 1459 }); 1460 </script>
1460 1461 1462
1462<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 1463 _spark.form.mail.initMailGroup("templateHeaderBlockNewsletter"); 1464 </script>
1464 1465 </div> 1466 <div id="templateHeaderBlockButtonWrapper" class="displayNone"> 1467 1468 <div 1469 id="templateHeaderBlockButtonButton" 1470 class=" 1471 button 1472 textAlignCenter 1473 buttonBlue 1474 buttonLarge 1475 1476 valignMiddle 1477 " 1478 ><span class="valignInitial"></span></div> </div> 1479 <div id="templateHeaderBlockSocialWrapper"> 1480 </div> 1481 </div> 1482 </div> 1483 </div> 1484 </div> 1485 <!-- Fix #6796 --> 1486 <div id="templateHeaderVendorPictureWrapper"> 1487 <a 1488 href="https://www.hanblossom.fr" 1489 id="templateHeaderVendorPicture" 1490 > 1491 <img src="https://app.assoconnect.com/services/storage?id=6832722&type=picture&secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&timestamp=1778574316" class="notHeightAuto"> 1492 </a> 1493 </div> 1494 <!-- Fix #10003 --> 1495 <!-- Fond de remplacement si aucune image --> 1496 <!-- Pour le mode édition n'affiche que la première image --> 1497 <!-- Récupère le sprite --> 1498 <!-- Affiche la ou les images --> 1499 <div id="templateHeaderPictures"> 1500 <div class="templateHeaderPicture"> 1501 <div class="templateHeaderPictureReference"> 1502 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1503 position: absolute; 1504 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=2106638585&Signature=9QLVmkmCww0cv%2F%2FxU8D9PucBCio%3D) left -0px; 1505 width: 1920px; 1506 height: 200px; 1507 top: 0; 1508 left: -960px; 1509 "> 1510 </div> 1511 </div> 1512 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1513 </div> 1514 </header> 1515 1516 1517 1518<!-- Navigation et réseaux sociaux --> 1519 1520<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent --> 1521<div id="templateNavContainer"> 1522 1523 <div id="templateNavWrapper"> 1524 1525 <!-- Ãditable et hover --> 1526 <div id="templateNavWrapperHover" class="templateHover"></div> 1527 <div id="templateNavWrapperEditable" class="templateEditable templateEditableNav"> 1528 <div class="displayTable height100 width100"> 1529 <div class="displayTableCell valignMiddle"> 1530 <p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p> 1531 <div class="templateEditableButton">Cliquez pour éditer</div> 1532 </div> 1533 </div> 1534 </div> 1535 1536 <!-- Réseaux sociaux --> 1537 <div id="templateNavSocialWrapper"> 1538 <a 1539 href="https://www.facebook.com/profile.php?id=61576289157643" 1540 target="_blank" 1541 id="templateNavSocialFacebook" 1542 > 1543 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac4bdf9ae699" > </a> 1544 <a 1545 href="https://linkedin.com/company/hanblossom/" 1546 target="_blank" 1547 id="templateNavSocialLinkedin" 1548 > 1549 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.linkedin.24.color.png" class="_gif icoLinkedin24Color" alt="icoLinkedin24Color" title="Linkedin" id="image_6ac4bdf9ae73a" > </a> 1550 <a 1551 href="https://instagram.com/hanblossom.officiel/" 1552 target="_blank" 1553 id="templateNavSocialInstagram" 1554 > 1555 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac4bdf9ae786" > </a> 1556 </div> 1557 1558 <!-- Navigation --> 1559 <nav id="templateNav"> 1560 <ul id="navVendorWrapper"> 1561 <!-- Nom & logo de l'organisation --> 1562 <li id="navVendorPicture"> 1563 <div class="displayTable height100"><!-- displayTable = fix #8392 --> 1564 <a class="displayTableCell width100 valignMiddle" href="/"> 1565 <img src="https://app.assoconnect.com/services/storage?id=6832722&type=picture&secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&timestamp=1778574316&size=small" alt="Han Blossom"> 1566 </a> 1567 </div> 1568 </li> 1569 </ul> 1570 <ul> 1571 <li 1572 data-templatesubnav="3335477" 1573 class=" 1574 active 1575 " 1576 > 1577 <a 1578 href="/page/3342275-accueil" 1579 class="displayTable height100" 1580 > 1581 <div class="displayTableCell valignMiddle"> 1582 </div> 1583 <div class="displayTableCell valignMiddle"> 1584 Accueil <sp
1584an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1585 </div> 1586 </a> 1587 <ul> 1588 </ul> 1589 </li> 1590 <li 1591 data-templatesubnav="3336057" 1592 class=" 1593 templateNavResponsiveToggleChildren 1594 " 1595 > 1596 <a 1597 href="/page/3336054-a-propos" 1598 class="displayTable height100" 1599 > 1600 <div class="displayTableCell valignMiddle"> 1601 </div> 1602 <div class="displayTableCell valignMiddle"> 1603 ð¸ L'association <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1604 </div> 1605 </a> 1606 <ul> 1607 <li > 1608 <a href="/page/3336054-a-propos"> 1609 à propos </a> 1610 </li> 1611 <li > 1612 <a href="/page/3336058-l-equipe"> 1613 L'équipe </a> 1614 </li> 1615 <li > 1616 <a href="/page/3341728-france-coree-une-histoire-croisee"> 1617 France & Corée, une histoire croisée </a> 1618 </li> 1619 <li > 1620 <a href="/page/3398265-merci-a-nos-partenaires"> 1621 Merci à nos partenaires </a> 1622 </li> 1623 <li > 1624 <a href="/page/3349289-la-coree-en-images"> 1625 La Corée en images </a> 1626 </li> 1627 </ul> 1628 </li> 1629 <li 1630 data-templatesubnav="3347724" 1631 class=" 1632 templateNavResponsiveToggleChildren 1633 " 1634 > 1635 <a 1636 href="/page/3347725-presentation" 1637 class="displayTable height100" 1638 > 1639 <div class="displayTableCell valignMiddle"> 1640 </div> 1641 <div class="displayTableCell valignMiddle"> 1642 Café Seohwabang <sp
1642an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1643 </div> 1644 </a> 1645 <ul> 1646 <li > 1647 <a href="/page/3347725-presentation"> 1648 Présentation </a> 1649 </li> 1650 <li > 1651 <a href="/page/3490849-han-book-club"> 1652 Han Book Club </a> 1653 </li> 1654 <li > 1655 <a href="/page/3347726-ateliers-rencontres"> 1656 Ateliers & Rencontres </a> 1657 </li> 1658 </ul> 1659 </li> 1660 <li 1661 data-templatesubnav="3335491" 1662 class=" 1663 templateNavResponsiveToggleChildren 1664 " 1665 > 1666 <a 1667 href="/page/3820640-festival-couleurs-de-coree" 1668 class="displayTable height100" 1669 > 1670 <div class="displayTableCell valignMiddle"> 1671 </div> 1672 <div class="displayTableCell valignMiddle"> 1673 Activités & Ãvènements <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1674 </div> 1675 </a> 1676 <ul> 1677 <li > 1678 <a href="/page/3820640-festival-couleurs-de-coree"> 1679 Festival Couleurs de Corée </a> 1680 </li> 1681 <li > 1682 <a href="/page/3767987-un-billet-pour-rever-cap-sur-la-coree"> 1683 Un billet pour rêver - Cap sur la Corée </a> 1684 </li> 1685 <li > 1686 <a href="/page/3349401-chasse-au-tresor-secrets-de-coree"> 1687 Chasse au trésor "Secrets de Corée" </a> 1688 </li> 1689 <li > 1690 <a href="/page/3721587-seollal-pop-culture"> 1691 Seollal Pop Culture </a> 1692 </li> 1693 <li > 1694 <a href="/page/3593433-atelier-dinitiation-au-kimchi-a-plerin"> 1695 Atelier dâinitiation au kimchi â à Plérin </a> 1696 </li> 1697 <li > 1698 <a href="/page/3349397-agenda"> 1699 Agenda </a> 1700 </li> 1701 </ul> 1702 </li> 1703 <li 1704 data-templatesubnav="3351256" 1705 class=" 1706 templateNavResponsiveToggleChildren 1707 " 1708 > 1709 <a 1710 href="/page/3351212-chasse-au-tresor-secrets-de-coree" 1711 class="displayTable height100" 1712 > 1713 <div class="displayTableCell valignMiddle"> 1714 </div> 1715 <div class="displayTableCell valignMiddle"> 1716 Je m'
1716inscris <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1717 </div> 1718 </a> 1719 <ul> 1720 <li > 1721 <a href="/page/3351212-chasse-au-tresor-secrets-de-coree"> 1722 Chasse au trésor "Secrets de Corée" </a> 1723 </li> 1724 <li > 1725 <a href="/page/3514693-han-book-club-cercle-de-lectures-coreennes"> 1726 Han Book Club â Cercle de lectures coréennes </a> 1727 </li> 1728 <li > 1729 <a href="/page/3593948-atelier-dinitiation-au-kimchi-plerin"> 1730 Atelier dâinitiation au kimchi â Plérin </a> 1731 </li> 1732 </ul> 1733 </li> 1734 <li 1735 data-templatesubnav="3336110" 1736 class=" 1737 templateNavResponsiveToggleChildren 1738 " 1739 > 1740 <a 1741 href="/page/3348429-j-adhere" 1742 class="displayTable height100" 1743 > 1744 <div class="displayTableCell valignMiddle"> 1745 </div> 1746 <div class="displayTableCell valignMiddle"> 1747 ð Je m'engage <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1748 </div> 1749 </a> 1750 <ul> 1751 <li > 1752 <a href="/page/3348429-j-adhere"> 1753 J'adhère </a> 1754 </li> 1755 <li > 1756 <a href="/page/3348466-je-donne"> 1757 Je donne </a> 1758 </li> 1759 </ul> 1760 </li> 1761 <li 1762 data-templatesubnav="3336109" 1763 class=" 1764 " 1765 > 1766 <a 1767 href="/page/3348584-contact" 1768 class="displayTable height100" 1769 > 1770 <div class="displayTableCell valignMiddle"> 1771 </div> 1772 <div class="displayTableCell valignMiddle"> 1773 ð¬ Contactez-nous ! <sp
1773an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1774 </div> 1775 </a> 1776 <ul> 1777 </ul> 1778 </li> 1779 <!-- Mon compte --> 1780 <!-- Panier --> 1781 <!-- Boutons --> 1782 <li id="templateNavButton1Container" class="hideHover displayNone"> 1783 <a href="" class="height100 displayTable"> 1784 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1785 <div class="displayTableCell valignMiddle"> 1786 1787 <div 1788 id="templateNavButton1Button" 1789 class=" 1790 button 1791 textAlignCenter 1792 buttonBlue 1793 buttonLarge 1794 1795 valignMiddle 1796 " 1797 ><span class="valignInitial"></span></div> </div> 1798 </a> 1799 </li> 1800 <li id="templateNavButton2Container" class="hideHover displayNone"> 1801 <a href="" class="height100 displayTable"> 1802 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1803 <div class="displayTableCell valignMiddle"> 1804 1805 <div 1806 id="templateNavButton2Button" 1807 class=" 1808 button 1809 textAlignCenter 1810 buttonBlue 1811 buttonLarge 1812 1813 valignMiddle 1814 " 1815 ><span class="valignInitial"></span></div> </div> 1816 </a> 1817 </li> 1818 <!-- Connexion --> 1819 <li id="templateNavButtonLoginContainer" class="hideHover "> 1820 <a href="/contacts/login?redirect=%2Fpage%2F3342275-accueil" class="height100 displayTable"> 1821 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 --> 1822 <div class="displayTableCell valignMiddle"> 1823 1824 <div 1825 id="templateNavButtonLoginButton" 1826 class=" 1827 button 1828 textAlignCenter 1829 buttonBlue 1830 buttonLarge 1831 1832 valignMiddle 1833 " 1834 ><span class="valignInitial">Se connecter</span></div> </div> 1835 </a> 1836 </li> 1837 </ul> 1838 </nav> 1839 1840 </div> 1841 1842 <div id="templateSubNavWrapper"> 1843 1844 <div id="templateSubNav"> 1845 <ul data-templatesubnav="3336057"> 1846 <li > 1847 <a href="/page/3336054-a-propos"> 1848 à propos </a> 1849 </li> 1850 <li > 1851 <a href="/page/3336058-l-equipe"> 1852 L'équipe </a> 1853 </li> 1854 <li > 1855 <a href="/page/3341728-france-coree-une-histoire-croisee"> 1856 France & Corée, une histoire croisée </a> 1857 </li> 1858 <li > 1859 <a href="/page/3398265-merci-a-nos-partenaires"> 1860 Merci à nos partenaires </a> 1861 </li> 1862 <li > 1863 <a href="/page/3349289-la-coree-en-images"> 1864 La Corée en images </a> 1865 </li> 1866 </ul> 1867 <ul data-templatesubnav="3347724"> 1868 <li > 1869 <a href="/page/3347725-presentation"> 1870 Présentation </a> 1871 </li> 1872 <li > 1873 <a href="/page/3490849-han-book-club"> 1874 Han Book Club </a> 1875 </li> 1876 <li > 1877 <a href="/page/3347726-ateliers-rencontres"> 1878 Ateliers & Rencontres </a> 1879 </li> 1880 </ul> 1881 <ul data-templatesubnav="3335491"> 1882 <li > 1883 <a href="/page/3820640-festival-couleurs-de-coree"> 1884 Festival Couleurs de Corée </a> 1885 </li> 1886 <li > 1887 <a href="/page/3767987-un-billet-pour-rever-cap-sur-la-coree"> 1888 Un billet pour rêver - Cap sur la Corée </a> 1889 </li> 1890 <li > 1891 <a href="/page/3349401-chasse-au-tresor-secrets-de-coree"> 1892 Chasse au trésor "Secrets de Corée" </a> 1893 </li> 1894 <li > 1895 <a href="/page/3721587-seollal-pop-culture"> 1896 Seollal Pop Culture </a> 1897 </li> 1898 <li > 1899 <a href="/page/3593433-atelier-dinitiation-au-kimchi-a-plerin"> 1900 Atelier dâinitiation au kimchi â à Plérin </a> 1901 </li> 1902 <li > 1903 <a href="/page/3349397-agenda"> 1904 Agenda </a> 1905 </li> 1906 </ul> 1907 <ul data-templatesubnav="3351256"> 1908 <li > 1909 <a href="/page/3351212-chasse-au-tresor-secrets-de-coree"> 1910 Chasse au trésor "Secrets de Corée" </a> 1911 </li> 1912 <li > 1913 <a href="/page/3514693-han-book-club-cercle-de-lectures-coreennes"> 1914 Han Book Club â Cercle de lectures coréennes </a> 1915 </li> 1916 <li > 1917 <a href="/page/3593948-atelier-dinitiation-au-kimchi-plerin"> 1918 Atelier dâinitiation au kimchi â Plérin </a> 1919 </li> 1920 </ul> 1921 <ul data-templatesubnav="3336110"> 1922 <li > 1923 <a href="/page/3348429-j-adhere"> 1924 J'adhère </a> 1925 </li> 1926 <li > 1927 <a href="/page/3348466-je-donne"> 1928 Je donne </a> 1929 </li> 1930 </ul> 1931 1932 </div> 1933 1934 </div> 1935 1936</div> 1937
1938<!-- 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) --> 1939 1940<!-- Page --> 1941<article id="templatePageWrapper" class="layout-md"> 1942 <div id="templatePage"> 1943 <!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe --> 1944 <div id="templateIframe"> 1945 <!-- Tabulations --> 1946 <!-- Affiche les onglets pour les organisation dépendantes --> 1947 1948 <!-- 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 --> 1949 1950 <!-- Tabulations en mode Fil d'Ariane --> 1951 <!-- Une tabulation, juste le titre s'affiche --> 1952 <div class="templatePageHeader" data-id="component_Header"> 1953 <div> 1954 <div id="templateTitle" class="templatePageHeaderPart"> 1955 <span class="displayInlineBlock valignMiddle"></span> 1956 </div> 1957 </div> 1958 </div> 1959 1960 <!-- Plusieurs tabulations, affichage du titre et des tabulations --> 1961 <!-- Titre uniquement --> 1962 <!-- Titre uniquement --> 1963<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) --> 1964<div class="clearBoth"></div> 1965<!-- Template --> 1966<div class="templatePageWrapper layout-md"> 1967 <div class="templatePageContent "> 1968 <div class="templatePageContentHeader"> 1969 </div> 1970 1971 1972 1973 1974 1975<!-- Lien d'édition --> 1976 1977<!-- Contenu de la page --> 1978<div id="boxes"> 1979 1980 <style> 1981 #box97870141 { 1982 position: absolute; 1983 left: 0%; 1984 top: 0px; 1985 height: 360px; 1986 1987 padding: 0; 1988 margin: 0!important; 1989 border: 0; 1990 } 1991 </style> 1992 <div class="boxLandmark "> 1993 <div 1994 id="box97870141" 1995 class="box" 1996 style="width: 100%" 1997 data-type="text" 1998 > 1999 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-left: 4px; height: 360px; background: transparent"> 2000 <div class="overflowHidden height100"><h2><img alt src="https://app.assoconnect.com/services/storage?id=5643712&type=picture&secret=WpKrrnxeOpuu77PJrA5JSJ2It1vDmSctD3T6jnuE&timestamp=1748194364" style="height:400px; width:1200px" /></h2> 2001 2002<p> </p> 2003 2004<p> </p></div> 2005 </div> 2006 </div> 2007 </div> 2008 2009 <style> 2010 #box97870142 { 2011 position: absolute; 2012 left: 0%; 2013 top: 420px; 2014 height: 180px; 2015 2016 padding: 0; 2017 margin: 0!important; 2018 border: 0; 2019 } 2020 </style> 2021 <div class="boxLandmark "> 2022 <div 2023 id="box97870142" 2024 class="box" 2025 style="width: 16.666666666667%" 2026 data-type="picture" 2027 > 2028 <div style="position: relative; overflow:hidden; height: 180px; border-radius: 10px; background: transparent"> 2029 2030 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2031 width:184px; 2032 max-width: 100%; 2033 height:180px; 2034 text-align: center; 2035 2036 border-radius: 10px;"> 2037 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2038 <img 2039 src="https://app.assoconnect.com/services/storage?id=5634341&type=picture&secret=nyLxPeFjuNybubcN8sL7XRz3hd3b7AZTaMSVzsX7&timestamp=1777343416" 2040 style=" 2041 position:absolute; 2042 width:591.996px; 2043 height:295.998px; 2044 top:-135px; 2045 left:-499px; 2046 max-width:none; 2047 " 2048 > 2049 </div> 2050 </div> 2051 </div> 2052 </div> 2053 </div> 2054 2055 <style> 2056 #box97870143 { 2057 position: absolute; 2058 left: 16.666666666667%; 2059 top: 420px; 2060 height: 240px; 2061 2062 padding: 0; 2063 margin: 0!important; 2064 border: 0; 2065 } 2066 </style> 2067 <div class="boxLandmark "> 2068 <div 2069 id="box97870143" 2070 class="box"
2071 style="width: 66.666666666667%" 2072 data-type="text" 2073 > 2074 <div style="position: relative; overflow:hidden; padding-top: 8px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; margin-right: 4px; margin-left: 4px; height: 240px; background: transparent"> 2075 <div class="overflowHidden height100"><h2 style="text-align:center"><span style="font-size:48px"><span style="color:#6a6dcd"><strong>à Propos</strong></span></span></h2> 2076 2077<p style="text-align:justify"><em><span style="color:#383f47"><span style="font-size:18px">Han Blossom est une association culturelle franco-coréenne qui fait fleurir les passerelles entre la France et la Corée. </span></span></em></p> 2078 2079<p style="text-align:justify"><em><span style="color:#383f47"><span style="font-size:18px">à travers des événements, des rencontres littéraires, des ateliers créatifs et des projets artistiques, nous cultivons un dialogue poétique entre deux cultures qui se répondent et sâinspirent.</span></span></em></p></div> 2080 </div> 2081 </div> 2082 </div> 2083 2084 <style> 2085 #box97870144 { 2086 position: absolute; 2087 left: 83.333333333333%; 2088 top: 420px; 2089 height: 120px; 2090 2091 padding: 0; 2092 margin: 0!important; 2093 border: 0; 2094 } 2095 </style> 2096 <div class="boxLandmark "> 2097 <div 2098 id="box97870144" 2099 class="box" 2100 style="width: 8.3333333333333%" 2101 data-type="picture" 2102 > 2103 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2104 2105 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2106 width:92px; 2107 max-width: 100%; 2108 height:120px; 2109 text-align: center; 2110 2111 border-radius: 10px;"> 2112 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2113 <img 2114 src="https://app.assoconnect.com/services/storage?id=5634358&type=picture&secret=nqU7KSefKDGf959DAWc8LjQfQ26q9QTpClFK3qPz&timestamp=1777343427" 2115 style=" 2116 position:absolute; 2117 width:825.996px; 2118 height:412.998px; 2119 top:-233px; 2120 left:-61px; 2121 max-width:none; 2122 " 2123 > 2124 </div> 2125 </div> 2126 </div> 2127 </div> 2128 </div> 2129 2130 <style> 2131 #box97870145 { 2132 position: absolute; 2133 left: 41.666666666667%; 2134 top: 660px; 2135 height: 60px; 2136 2137 padding: 0; 2138 margin: 0!important; 2139 border: 0; 2140 } 2141 </style> 2142 <div class="boxLandmark "> 2143 <div 2144 id="box97870145" 2145 class="box" 2146 style="width: 16.666666666667%" 2147 data-type="button" 2148 > 2149 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2150 2151 <a 2152 href="/page/3336054-a-propos" 2153 2154 ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 14px;font-weight: bold;">En savoir plus</div></div></div></div></a> 2155 2156 </div> 2157 </div> 2158 </div> 2159 2160 <style> 2161 #box97870146 { 2162 position: absolute; 2163 left: 33.333333333333%; 2164 top: 840px; 2165 height: 60px; 2166 2167 padding: 0; 2168 margin: 0!important; 2169 border: 0; 2170 } 2171 </style> 2172 <div class="boxLandmark "> 2173 <div 2174 id="box97870146" 2175 class="box"
2176 style="width: 33.333333333333%" 2177 data-type="text" 2178 > 2179 <div style="position: relative; overflow:hidden; padding-top: 12px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-top: 4px; height: 56px; background: transparent"> 2180 <div class="overflowHidden height100"><h2 style="text-align:center"><span style="font-size:32px"><strong><span style="color:#6a6dcd">Nos univers </span></strong></span></h2> 2181 2182<p> </p></div> 2183 </div> 2184 </div> 2185 </div> 2186 2187 <style> 2188 #box97870147 { 2189 position: absolute; 2190 left: 8.3333333333333%; 2191 top: 960px; 2192 height: 120px; 2193 2194 padding: 0; 2195 margin: 0!important; 2196 border: 0; 2197 } 2198 </style> 2199 <div class="boxLandmark "> 2200 <div 2201 id="box97870147" 2202 class="box" 2203 style="width: 83.333333333333%" 2204 data-type="text" 2205 > 2206 <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 4px; padding-left: 4px; margin-top: 20px; height: 100px; background: transparent"> 2207 <div class="overflowHidden height100"><p style="text-align:center"><span style="font-size:16px">Chez Han Blossom, chaque projet est une porte ouverte sur lâimaginaire, la mémoire et le partage.<br /> 2208Voici un aperçu de ce que nous aimons créer, transmettre et vivre ensemble :</span></p> 2209 2210<p> </p> 2211 2212<p> </p></div> 2213 </div> 2214 </div> 2215 </div> 2216 2217 <style> 2218 #box97870148 { 2219 position: absolute; 2220 left: 8.3333333333333%; 2221 top: 1080px; 2222 height: 360px; 2223 2224 padding: 0; 2225 margin: 0!important; 2226 border: 0; 2227 } 2228 </style> 2229 <div class="boxLandmark "> 2230 <div 2231 id="box97870148" 2232 class="box" 2233 style="width: 33.333333333333%" 2234 data-type="text" 2235 > 2236 <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-right: 12px; margin-left: 4px; height: 356px; background: #ffe9e4"> 2237 <div class="overflowHidden height100"><h3 style="text-align:center"><span style="font-size:18px"><span style="color:#6a6dcd"><strong>"Café Seohwabang" ìíë°©</strong></span></span></h3> 2238 2239<p style="text-align:center"><span style="font-size:18px"><span style="color:#6a6dcd"><strong><img alt src="https://app.assoconnect.com/services/storage?id=5635059&type=picture&secret=Rl6ZL3y6SD9pNjE4bUf4GrTUvSpD73E6ddg33VpM&timestamp=1747927304" style="height:80px; width:80px" /></strong></span></span></p> 2240 2241<p style="text-align:center"><span style="font-size:16px">Notre café culturel <strong>100% virtuel </strong>: </span></p> 2242 2243<p style="text-align:center"><span style="font-size:16px">un espace vivant où les mots, les images et les idées sâentrelacent.<br /> 2244Ãchanges de lettres, lectures partagées, <span style="color:#383f47">ateliers littérairesâ¦<br /> 2245â </span><u><a href="https://www.hanblossom.fr/page/3347725-presentation" target="_blank"><span style="color:#223f93">Découvrir Seohwabang</span></a></u></span></p> 2246 2247<p> </p> 2248 2249<p> </p></div> 2250 </div> 2251 </div> 2252 </div> 2253 2254 <style> 2255 #box97870149 { 2256 position: absolute; 2257 left: 41.666666666667%; 2258 top: 1080px; 2259 height: 360px; 2260 2261 padding: 0; 2262 margin: 0!important; 2263 border: 0; 2264 } 2265 </style> 2266 <div class="boxLandmark "> 2267 <div 2268 id="box97870149" 2269 class="box"
2270 style="width: 25%" 2271 data-type="text" 2272 > 2273 <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-right: 8px; height: 356px; background: #d4d5ff"> 2274 <div class="overflowHidden height100"><h3 style="text-align:center"><span style="font-size:18px"><strong><span style="color:#6a6dcd">Activités & Ãvénements</span></strong></span></h3> 2275 2276<h3 style="text-align:center"><span style="font-size:16px"><img alt src="https://app.assoconnect.com/services/storage?id=5634961&type=picture&secret=zunkIBtJWMSTN02IXnwa7I4lOCNHKGqhaOKxNsn1&timestamp=1747926715" style="height:80px; width:80px" /></span></h3> 2277 2278<p style="text-align:center"><span style="font-size:16px">Chasse au trésor culturelle, rencontres ponctuelles et créations collectives à vivre en famille ou entre amis.<br /> 2279â <u><a href="https://www.hanblossom.fr/page/3721587-seollal-pop-culture" target="_blank"><span style="color:#223f93">Explorer nos événements</span></a></u></span></p></div> 2280 </div> 2281 </div> 2282 </div> 2283 2284 <style> 2285 #box97870150 { 2286 position: absolute; 2287 left: 66.666666666667%; 2288 top: 1080px; 2289 height: 360px; 2290 2291 padding: 0; 2292 margin: 0!important; 2293 border: 0; 2294 } 2295 </style> 2296 <div class="boxLandmark "> 2297 <div 2298 id="box97870150" 2299 class="box" 2300 style="width: 25%" 2301 data-type="text" 2302 > 2303 <div style="position: relative; overflow:hidden; padding-top: 16px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-right: 8px; height: 356px; background: #eef7c9"> 2304 <div class="overflowHidden height100"><h3 style="text-align:center"><span style="font-size:18px"><span style="color:#6a6dcd"><strong>"Hansik en Scène"</strong></span></span></h3> 2305 2306<p style="text-align:center"><span style="font-size:16px"><img alt src="https://app.assoconnect.com/services/storage?id=5635112&type=picture&secret=SNoMf7WJSNJb4cCNmZTGtJi7BRmgwZD7ilBzBzTg&timestamp=1747927957" style="height:80px; width:80px" /></span></p> 2307 2308<p style="text-align:center"><span style="font-size:16px">Des ateliers de cuisine coréenne suivis de projections intimistes â pour se retrouver même à distance.<br /> 2309â <u><a href="https://www.hanblossom.fr/page/3336156-hansik-en-scene" target="_blank"><span style="color:#223f93">Voir lâatelier</span></a></u></span></p></div> 2310 </div> 2311 </div> 2312 </div> 2313 2314 <style> 2315 #box97870151 { 2316 position: absolute; 2317 left: 8.3333333333333%; 2318 top: 1440px; 2319 height: 360px; 2320 2321 padding: 0; 2322 margin: 0!important; 2323 border: 0; 2324 } 2325 </style> 2326 <div class="boxLandmark "> 2327 <div 2328 id="box97870151" 2329 class="box" 2330 style="width: 33.333333333333%" 2331 data-type="text" 2332 > 2333 <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 20px; padding-bottom: 4px; padding-left: 20px; margin-top: 20px; margin-right: 12px; margin-left: 8px; height: 340px; background: #f39c12"> 2334 <div class="overflowHidden height100"><p style="text-align:center"><span style="font-size:24px"><span style="color:#383f47"><strong> </strong></span></span><span style="font-size:24px"><span style="color:#383f47"><strong>"Han Book Club"</strong></span></span></p> 2335 2336<p style="text-align:center"><br /> 2337ð<span style="font-size:16px"><span style="color:#383f47"> </span>Un cercle de lecture 100% virtuel autour dâÅuvres coréennes.<br /> 2338Ãchanges, découvertes et discussions conviviales.</span></p> 2339 2340<p style="text-align:center"> </p> 2341 2342<p style="text-align:center"><a href="https://www.hanblossom.fr/page/3490849-han-book-club"><span style="color:#383f47"><span style="font-size:18px"><strong>â <u>Je découvre le Book Club</u> !</strong></span></span></a></p> 2343 2344<p style="text-align:center"> </p></div> 2345 </div> 2346 </div> 2347 </div> 2348 2349 <style> 2350 #box97870152 { 2351 position: absolute; 2352 left: 41.666666666667%; 2353 top: 1440px; 2354 height: 360px; 2355 2356 padding: 0; 2357 margin: 0!important; 2358 border: 0; 2359 } 2360 </style> 2361 <div class="boxLandmark "> 2362 <div 2363 id="box97870152" 2364 class="box"
2365 style="width: 25%" 2366 data-type="text" 2367 > 2368 <div style="position: relative; overflow:hidden; padding-top: 20px; padding-right: 8px; padding-bottom: 4px; padding-left: 4px; margin-top: 20px; margin-right: 8px; height: 340px; background: #e03e52"> 2369 <div class="overflowHidden height100"><p style="text-align:center"><span style="font-size:24px"><span style="color:#383f47"><strong>Bientôt !</strong></span></span></p> 2370 2371<h3 style="text-align:center"><span style="font-size:24px"><span style="color:#383f47"><strong>Atelier "Hansik en Scène"</strong></span></span><br /> 2372<span style="font-size:16px"><span style="color:#383f47">ð Cuisine traditionnelle </span></span><span style="font-size:16px"><span style="color:#383f47">coréenne<br /> 2373ð En ligne</span></span></h3> 2374 2375<p style="text-align:center"><span style="font-size:16px"><span style="color:#383f47">ð¨ð¨ð¦ Groupe limité</span></span></p> 2376 2377<p style="text-align:center"><span style="font-size:16px"><span style="color:#383f47">ðï¸ Sur inscription</span></span></p> 2378 2379<p style="text-align:center"><br /> 2380<span style="font-size:18px"><strong>â <u><a href="https://www.hanblossom.fr/page/3336156-hansik-en-scene" target="_blank"><span style="color:#383f47">Je mâinscris</span></a></u> !</strong></span></p> 2381 2382<p> </p></div> 2383 </div> 2384 </div> 2385 </div> 2386 2387 <style> 2388 #box97870153 { 2389 position: absolute; 2390 left: 66.666666666667%; 2391 top: 1500px; 2392 height: 120px; 2393 2394 padding: 0; 2395 margin: 0!important; 2396 border: 0; 2397 } 2398 </style> 2399 <div class="boxLandmark "> 2400 <div 2401 id="box97870153" 2402 class="box" 2403 style="width: 25%" 2404 data-type="text" 2405 > 2406 <div style="position: relative; overflow:hidden; padding-top: 12px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-top: 20px; height: 80px; background: #f0f1f5"> 2407 <div class="overflowHidden height100"><h2 style="text-align:center"><span style="color:#6a6dcd"><strong> <span style="font-size:24px">Rejoindre Han Blossom !</span></strong></span></h2></div> 2408 </div> 2409 </div> 2410 </div> 2411 2412 <style> 2413 #box97870154 { 2414 position: absolute; 2415 left: 66.666666666667%; 2416 top: 1620px; 2417 height: 60px; 2418 2419 padding: 0; 2420 margin: 0!important; 2421 border: 0; 2422 } 2423 </style> 2424 <div class="boxLandmark "> 2425 <div 2426 id="box97870154" 2427 class="box" 2428 style="width: 25%" 2429 data-type="button" 2430 > 2431 <div style="position: relative; overflow:hidden; height: 56px; background: #f0f1f5"> 2432 2433 <a 2434 href="/page/3348429-j-adhere" 2435 2436 ><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;">Adhérer</div></div></div></div></a> 2437 2438 </div> 2439 </div> 2440 </div> 2441 2442 <style> 2443 #box97870155 { 2444 position: absolute; 2445 left: 66.666666666667%; 2446 top: 1680px; 2447 height: 60px; 2448 2449 padding: 0; 2450 margin: 0!important; 2451 border: 0; 2452 } 2453 </style> 2454 <div class="boxLandmark "> 2455 <div 2456 id="box97870155" 2457 class="box"
2458 style="width: 25%" 2459 data-type="button" 2460 > 2461 <div style="position: relative; overflow:hidden; margin-top: 4px; height: 56px; background: #f0f1f5"> 2462 2463 <a 2464 href="/page/3348466-je-donne" 2465 2466 ><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> 2467 2468 </div> 2469 </div> 2470 </div> 2471 2472 <style> 2473 #box97870156 { 2474 position: absolute; 2475 left: 66.666666666667%; 2476 top: 1800px; 2477 height: 180px; 2478 2479 padding: 0; 2480 margin: 0!important; 2481 border: 0; 2482 } 2483 </style> 2484 <div class="boxLandmark "> 2485 <div 2486 id="box97870156" 2487 class="box" 2488 style="width: 25%" 2489 data-type="picture" 2490 > 2491 <div style="position: relative; overflow:hidden; padding-top: 12px; height: 180px; border-radius: 10px; background: transparent"> 2492 2493 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2494 width:276px; 2495 max-width: 100%; 2496 height:180px; 2497 text-align: center; 2498 2499 border-radius: 10px;"> 2500 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2501 <img 2502 src="https://app.assoconnect.com/services/storage?id=5635659&type=picture&
2502secret=Fr4kIgPaTmQxESn9lhLQy0yGZSLHdggU5TYNXSHm&timestamp=1777344393" 2503 style=" 2504 position:absolute; 2505 width:1197.996px; 2506 height:598.998px; 2507 top:-438px; 2508 left:-282px; 2509 max-width:none; 2510 " 2511 > 2512 </div> 2513 </div> 2514 </div> 2515 </div> 2516 </div> 2517 2518 <style> 2519 #box97870157 { 2520 position: absolute; 2521 left: 16.666666666667%; 2522 top: 1860px; 2523 height: 120px; 2524 2525 padding: 0; 2526 margin: 0!important; 2527 border: 0; 2528 } 2529 </style> 2530 <div class="boxLandmark "> 2531 <div 2532 id="box97870157" 2533 class="box" 2534 style="width: 8.3333333333333%" 2535 data-type="picture" 2536 > 2537 <div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent"> 2538 2539 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2540 width:92px; 2541 max-width: 100%; 2542 height:120px; 2543 text-align: center; 2544 2545 border-radius: 10px;"> 2546 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2547 <img 2548 src="https://app.assoconnect.com/services/storage?id=5635666&type=picture&secret=abn8IUrrNoMPO1ps5jAKwI01NGOQhV536nEqs9K6&timestamp=1777344395" 2549 style=" 2550 position:absolute; 2551 width:855.996px; 2552 height:427.998px; 2553 top:-253px; 2554 left:-64px; 2555 max-width:none; 2556 " 2557 > 2558 </div> 2559 </div> 2560 </div> 2561 </div> 2562 </div> 2563 2564 <style> 2565 #box97870158 { 2566 position: absolute; 2567 left: 33.333333333333%; 2568 top: 1860px; 2569 height: 120px; 2570 2571 padding: 0; 2572 margin: 0!important; 2573 border: 0; 2574 } 2575 </style> 2576 <div class="boxLandmark "> 2577 <div 2578 id="box97870158" 2579 class="box" 2580 style="width: 33.333333333333%" 2581 data-type="text" 2582 > 2583 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 120px; background: transparent"> 2584 <div class="overflowHidden height100"><h2 style="text-align:center"><span style="color:#6a6dcd"><strong>Suivez-nous </strong></span></h2> 2585 2586<p style="text-align:center"><span style="font-size:24px"><strong><a href="https://www.instagram.com/hanblossom.officiel/" target="_blank">@hanblossom.officiel</a></strong></span><br /> 2587 </p></div> 2588 </div> 2589 </div> 2590 </div> 2591 2592 <style> 2593 #box97870140 { 2594 position: absolute; 2595 left: 0%; 2596 top: 2040px; 2597 height: 60px; 2598 min-height:60px; 2599 padding: 0; 2600 margin: 0!important; 2601 border: 0; 2602 } 2603 </style> 2604 <div class="boxLandmark boxLandmarkBackground"> 2605 <div 2606 id="box97870140" 2607 class="box" 2608 style="width: 100%" 2609 data-type="background" 2610 > 2611 <div style="position: relative; overflow:hidden; height: 60px; background: #ffffff; min-height: 60px"> 2612 2613 </div> 2614 </div> 2615 </div> 2616 </div> </div> 2617</div> 2618 </div> 2619 </div> 2620</article> 2621 2622<!-- Footer --> 2623<footer id="templateFooterWrapper"> 2624 <div id="templateFooter"> 2625 <div id="templateFooterText">"Quand deux cultures se rencontrent, elles écrivent une histoire commune."</div> 2626 <div id="templateFooterBlockContainer"> 2627 <div class="row"> 2628 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 2629 <div id="templateFooterBlockWrapper" class="row"> 2630 <!-- Liste des pages de l'organisation principal --> 2631 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
2632 <span>Accueil</span> 2633 <ul> 2634 <li> 2635 <a href=" 2636 /page/3342275-accueil "> 2637 Accueil </a> 2638 </li> 2639 <li> 2640 <a href=" 2641 /page/3336054-a-propos "> 2642 à propos </a> 2643 </li> 2644 <li> 2645 <a href=" 2646 /page/3336058-l-equipe "> 2647 L'équipe </a> 2648 </li> 2649 </ul> 2650 </div> 2651 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 2652 <span>Café Seohwabang</span> 2653 <ul> 2654 <li> 2655 <a href=" 2656 /page/3347725-presentation "> 2657 Café Seohwabang </a> 2658 </li> 2659 <li> 2660 <a href=" 2661 /page/3490849-han-book-club "> 2662 Han Book Club </a> 2663 </li> 2664 </ul> 2665 </div> 2666 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 2667 <span>Activités & Ãvènements</span> 2668 <ul> 2669 <li> 2670 <a href=" 2671 /page/3336156-hansik-en-scene "> 2672 Hansik en scène </a> 2673 </li> 2674 <li> 2675 <a href=" 2676 /page/3347722-escales-culturelles "> 2677 Escales culturelles </a> 2678 </li> 2679 <li> 2680 <a href=" 2681 /page/3349401-chasse-au-tresor-secrets-de-coree "> 2682 Chasse au trésor "Secrets de Corée" </a> 2683 </li> 2684 </ul> 2685 </div> 2686 </div> 2687 </div> 2688 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 2689 <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/3342275-accueil"><input type="hidden" name="_formMulti" value="6ac4bdf9d1df1|98b8f97e721b85b8fcd3e9603c13b868ef8ced91">
2689<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 2690 $("#templateFooterNewsletterForm").on("submit", function(){ 2691 var _this = $(this); 2692 var renable = true; 2693 if(_this.data("multi-submit-protection")){ 2694 return false; 2695 } 2696 else{ 2697 // Blocage à la prochaine soumission 2698 _this.data("multi-submit-protection", true); 2699 // Blocage & chargement sur les boutons 2700 _this.find("button[type='submit']").each(function(){ 2701 var text = $(this).text(); 2702 var buttonDOM = $(this); 2703 var buttonInterval; 2704 buttonDOM 2705 .addClass("disabled") 2706 .prop("disabled", true) 2707 .css("width", buttonDOM.outerWidth() + "px") 2708 .text(".") 2709 .inDOM(function() { 2710 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 2711 buttonInterval = setInterval(function() { 2712 if(buttonDOM.text().length === 3) { 2713 buttonDOM.text("."); 2714 } 2715 else { 2716 buttonDOM.text(buttonDOM.text() + "."); 2717 } 2718 }, 300); 2719 }); 2720 // Déblocage au bout de 1 seconde 2721 if(renable){ 2722 window.setTimeout(function(){ 2723 clearInterval(buttonInterval); 2724 buttonDOM 2725 .prop("disabled", false) 2726 .removeClass("disabled") 2727 .removeAttr("style") 2728 .text(text); 2729 }, 1000); 2730 } 2731 }); 2732 // Déblocage au bout de 1 seconde 2733 if(renable){ 2734 window.setTimeout(function(){ 2735 _this.data("multi-submit-protection", false); 2736 }, 1000); 2737 } 2738 // Retour 2739 return true; 2740 } 2741 }); 2742 </script>
2742 <div class="row colsMiddle"> 2743 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> 2744 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div> 2745 <label 2746 id="templateFooterBlocNewsletterEmailLabel" 2747 for="templateFooterBlocNewsletterEmail" 2748 > 2749 Je m'abonne à la newsletter 2750 2751 2752 </label> 2753 <input 2754 type="email" 2755 data-typo-check="true" 2756 name="templateFooterBlocNewsletterEmail" 2757 class="" 2758 value="" 2759 placeholder="Renseignez votre email" 2760 autocomplete="email" 2761 2762 2763 id="templateFooterBlocNewsletterEmail" 2764 > 2765 2766 <div class="clearBoth"></div> 2767 </div> 2768
2768<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 2769 $("#templateFooterBlocNewsletterEmail").on("change", function() { 2770 _spark.form.mail.check("templateFooterBlocNewsletterEmail"); 2771 }); 2772 </script>
2772 2773 </div> 2774 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom"> 2775 2776 <button 2777 type="submit" 2778 id="templateFooterBlocNewsletterSubmit" 2779 class=" 2780 button 2781 buttonOrange 2782 textAlignCenter 2783 buttonLarge 2784 2785 2786 " 2787 2788 > 2789 2790 <span class="valignInitial">OK</span> 2791 </button> 2792 </div> 2793 </div> 2794 2795 </form> 2796
2796<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 2797 $("#templateFooterNewsletterForm") 2798 // Init 2799 .data("dirty", 0) 2800 // Form submit is possible 2801 .on("submit", function(){ 2802 window.onbeforeunload = null; 2803 }) 2804 // On change 2805 .find("input, textarea").on("change", function(){ 2806 if(document.readyState === "complete"){ 2807 $("#templateFooterNewsletterForm").data().dirty++; 2808 } 2809 }); 2810 // Ajout 2811 _spark.dirty.push(function(){ 2812 return $("#templateFooterNewsletterForm").data("dirty") > 0; 2813 }); 2814 </script>
2814 2815 2816
2816<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 2817 _spark.form.mail.initMailGroup("templateFooterNewsletter"); 2818 </script>
2818 2819 <div id="templateFooterSocialWrapper"> 2820 <a 2821 href="https://www.facebook.com/profile.php?id=61576289157643" 2822 target="_blank" 2823 id="templateFooterSocialFacebook" 2824 > 2825 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac4bdf9d2a03" > </a> 2826 <a 2827 href="https://instagram.com/hanblossom.officiel/" 2828 target="_blank" 2829 id="templateFooterSocialInstagram" 2830 > 2831 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac4bdf9d2abe" > </a> 2832 </div> 2833 </div> 2834 </div> 2835 </div> 2836 </div> 2837 <div id="templateFooterInformation"> 2838 <ul> 2839 <!-- Plan du site --> 2840 <li> 2841 <a href="/infos/plan/ 2842 675091 ">Plan du site</a> 2843 </li> 2844 2845 <!-- Licences --> 2846 <li> 2847 <a href="/infos/licenses">Licences</a> 2848 </li> 2849 2850 <!-- CGU --> 2851 <li> 2852 <a href="/infos/legal-notice">Mentions légales</a> 2853 </li> 2854 <li> 2855 <a href="/infos/tos">CGUV</a> 2856 </li> 2857 2858 <!-- CGU --> 2859 <li> 2860 <a id="configureCookies" href="#">Paramétrer vos cookies</a> 2861 </li> 2862 2863 <!-- Connexion/déconnexion et mon compte --> 2864 <li> 2865 2866 <a 2867 id="templateNavButtonLoginButtonLink" 2868 href="https://www.hanblossom.fr/contacts/login?redirect=%2Fpage%2F3342275-accueil" 2869 class="" 2870 target="" 2871 rel="noopener" 2872 > 2873 <div 2874 id="templateNavButtonLoginButton" 2875 class=" 2876 button 2877 textAlignCenter 2878 buttonBlue 2879 buttonLarge 2880 valignMiddle margin0 2881 valignMiddle 2882 " 2883 ><span class="valignInitial">Se connecter</span></div></a> 2884 </li> 2885 </ul> 2886 <ul> 2887 <li class="paddingTop0"> 2888 <a href="https://www.assoconnect.com/associations/logiciel-association-culturelle/" target="_blank"> 2889 Propulsé par AssoConnect, le logiciel des associations Culturelles </a> 2890 </li> 2891 </ul> 2892 </div> 2893 </footer> 2894 2895<!-- Footer - Global --> 2896 </div> 2897 2898 <!-- JS --> 2899
2899<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 2900 /** 2901 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY 2902 */ 2903function templatePageHeight() { 2904 var boxes = $("#boxes"); 2905 var heightMax = 0; 2906 var templatePage = $("#templatePage"); 2907 var templateNavContainer = $("#templateNavContainer"); 2908 2909 // Cherche la box la plus basse dans la page 2910 boxes.find("> .boxLandmark > .box").each(function() { 2911 heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top); 2912 }); 2913 2914 // templatePage prend la hauteur du menu si : heightMax < templateNavContainer 2915 if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) { 2916 return templateNavContainer.height() - templatePage.offset().top; 2917 } 2918 // templatePage prend la hauteur de la fenêtre si : heightMax < window 2919 else if(heightMax < $(window).height()) { 2920 return $(window).height() - templatePage.offset().top; 2921 } 2922 // templatePage prend la hauteur du dernier élément DIY 2923 else { 2924 var templateNavContainerHeight = 0; 2925 2926 // Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute 2927 if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") { 2928 templateNavContainerHeight = templateNavContainer.height(); 2929 } 2930 2931 return Math.round(heightMax - $("#templatePageWrapper").offset().top); 2932 } 2933} 2934 2935/** 2936 * Force templatePage à prendre toute la hauteur pour les pages du DIY 2937 */ 2938$(window).on("load", function() { 2939 if($("#boxes").children().length) { 2940 $("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page 2941 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2942 // Après un redimensionnement de l'écran 2943 var resized; 2944 $(window).on("resize orientationChanged", function() { 2945 clearTimeout(resized); 2946 resized = setTimeout(function() { 2947 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2948 }, 200); 2949 }); 2950 } 2951}); 2952 2953$(".video-youtube, .feed-facebook").each(function() { 2954 $(this).on("click", function() { 2955 if (window.openIubendaCookies) { 2956 window.openIubendaCookies(); 2957 } 2958 }); 2959}); 2960 </script>
vendor: 1 bytes, line 2960
2960
2961<script nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72"> 2962 if(window.console && window.console.log){ 2963 // Affichage des notices non capturées 2964 } 2965</script>
2965 2966 2967 2968
2968<script 2969 nonce="5ff1bbad-d5cf-409f-903a-659d517cdb72" 2970 src="https://cdn.hub-prod.team.blue/loader/widget-loader.js" 2971 data-teamblue-footer 2972 data-footer="hidden" 2973 ></script>
2973 2974 </body> 2975</html> 2976
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.