PageSourceSearch

https://www.hanblossom.fr/page/3342275-accueil

html hanblossom.fr collected 2026-10-06 09:23:06 UTC 134,375 bytes, 2,976 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3	<head>
4
5		<!-- META -->
6		                <meta name="robots" content="index, follow">
7                    <meta property="og:type" content="website">
8                    <meta property="og:site_name" content="AssoConnect">
9                    <title>Accueil | 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&amp;type=picture&amp;secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&amp;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&amp;type=picture&amp;secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&amp;timestamp=1778574316&amp;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&#039;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&#039;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&amp;type=picture&amp;secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&amp;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&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106638585&amp;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&amp;type=picture&amp;secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&amp;timestamp=1778574316&amp;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">&#9652;</span><span class="arrowDown">&#9662;</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&#039;association                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</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&#039;équipe                                                    </a>
1614                                                </li>
1615                                                                                            <li >
1616                                                    <a href="/page/3341728-france-coree-une-histoire-croisee">
1617                                                        France &amp; 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">&#9652;</span><span class="arrowDown">&#9662;</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 &amp; 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 &amp; Évènements                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</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 &quot;Secrets de Corée&quot;                                                    </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&#039;
1716inscris                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</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 &quot;Secrets de Corée&quot;                                                    </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&#039;engage                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1748                                        </div>
1749                                    </a>
1750                                    <ul>
1751                                                                                                                                    <li >
1752                                                    <a href="/page/3348429-j-adhere">
1753                                                        J&#039;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">&#9652;</span><span class="arrowDown">&#9662;</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&#039;équipe								</a>
1853							</li>
1854													<li >
1855								<a href="/page/3341728-france-coree-une-histoire-croisee">
1856									France &amp; 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 &amp; 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 &quot;Secrets de Corée&quot;								</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 &quot;Secrets de Corée&quot;								</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&#039;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&#61;5643712&amp;type&#61;picture&amp;secret&#61;WpKrrnxeOpuu77PJrA5JSJ2It1vDmSctD3T6jnuE&amp;timestamp&#61;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&amp;type=picture&amp;secret=nyLxPeFjuNybubcN8sL7XRz3hd3b7AZTaMSVzsX7&amp;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&amp;type=picture&amp;secret=nqU7KSefKDGf959DAWc8LjQfQ26q9QTpClFK3qPz&amp;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>&#34;Café Seohwabang&#34; 서화방</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&#61;5635059&amp;type&#61;picture&amp;secret&#61;Rl6ZL3y6SD9pNjE4bUf4GrTUvSpD73E6ddg33VpM&amp;timestamp&#61;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 &amp; É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&#61;5634961&amp;type&#61;picture&amp;secret&#61;zunkIBtJWMSTN02IXnwa7I4lOCNHKGqhaOKxNsn1&amp;timestamp&#61;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>&#34;Hansik en Scène&#34;</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&#61;5635112&amp;type&#61;picture&amp;secret&#61;SNoMf7WJSNJb4cCNmZTGtJi7BRmgwZD7ilBzBzTg&amp;timestamp&#61;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>&#34;Han Book Club&#34;</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 &#34;Hansik en Scène&#34;</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&amp;type=picture&amp;
2502secret=Fr4kIgPaTmQxESn9lhLQy0yGZSLHdggU5TYNXSHm&amp;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&amp;type=picture&amp;secret=abn8IUrrNoMPO1ps5jAKwI01NGOQhV536nEqs9K6&amp;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">&#64;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">&quot;Quand deux cultures se rencontrent, elles écrivent une histoire commune.&quot;</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&#039;é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 &amp; É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 &quot;Secrets de Corée&quot;                                                </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&#039;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.