PageSourceSearch

https://www.hanblossom.fr/page/3348584-contact

html hanblossom.fr collected 2026-10-06 09:23:09 UTC 120,250 bytes, 2,682 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>Contact | Han Blossom</title>
10                    <meta property="og:title" content="Contactez Han Blossom - Renseignements, partenariat, informations">
11                    <meta name="description" content="Besoin d&#039;infos sur nos projets ou de nous rejoindre ? Contactez Han Blossom via notre formulaire ou sur les réseaux sociaux">
12        <meta property="og:description" content="Besoin d&#039;infos sur nos projets ou de nous rejoindre ? Contactez Han Blossom via notre formulaire ou sur les réseaux sociaux">
13                    <meta property="og:locale" content="fr_FR">
14                    <meta property="og:url" content="https://www.hanblossom.fr/page/3348584-contact">
15                    <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=6832722&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/3348584-contact">
23
24		<!-- Favicon -->
25					<link rel="icon" type="image/png" href="https://www.hanblossom.fr/services/favicon/01JQ48XXW1WDE47S12GMGGYM8X">
26		
27		<!-- https://dev.twitter.com/web/overview/widgets-webpage-properties -->
28		<meta name="twitter:widgets:csp" content="on">
29
30		<!-- CSS -->
31		
32
33<!-- jQuery UI -->
34<!-- Le CSS de jQuery UI utilise des chemins relatifs pour les images, on ne peut donc pas l'inclure dans le CSS global -->
35<link
36    rel="stylesheet"
37    href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css"
38    integrity="sha512-Ikr9iIb48ljzg7k903d77p0AITNsf4DxtxK4g5R4UiqHpCdroXAX0zqr0uPSWskJOJ1pQoAOXCb8WPkohWY3Bw=="    
39    crossorigin="anonymous"
40>
41
42<!-- Layout -->
43<link rel="stylesheet" href="https://cdn.assoconnect.com/public/build/css/common.-.layout.-.public-horizontal.DESKTOP.e448b25.css">
44
45<!-- Template -->
46<style>/**
47 * Breaking points pour les media queries
48 */
49/**
50 * Différentes fonctions less utilisées dans le site
51 */
52/**
53 * Arrondir les coins
54 */
55/**
56 * Ajouter une bordure
57 */
58/**
59 * Ombre sur le texte
60 */
61/**
62 * Ombre sur les box
63 */
64/**
65 * Taille de la box prenant en compte ou non les bordures et le padding
66 */
67/**
68 * Effet de transition lors du changement d'état
69 */
70/**
71 * Effet de rebond
72 */
73@keyframes bounce {
74  20% {
75    transform: translateY(10px);
76  }
77  50% {
78    transform: translateY(-10px);
79  }
80  60% {
81    transform: translateY(5px);
82  }
83  90% {
84    transform: translateY(-5px);
85  }
86}
87#boxes {
88  position: relative;
89  text-align: left;
90}
91#boxes .boxLandmark {
92  position: relative;
93  width: 100%;
94  max-width: 1104px;
95  margin: auto;
96}
97#boxes .box {
98  overflow: hidden;
99}
100#boxes .box h2,
101#boxes .box h3,
102#boxes .box p,
103#boxes .box ul,
104#boxes .box ol {
105  margin-top: 0;
106}
107#boxes .box h2:first-child,
108#boxes .box h3:first-child {
109  margin-top: -5px !important;
110}
111#boxes .box p:first-child,
112#boxes .box ul:first-child,
113#boxes .box ol:first-child {
114  margin-top: -2px !important;
115}
116#boxes .box[data-type="button"] .buttonDIYContainer {
117  text-align: center;
118  height: 100%;
119}
120#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper {
121  border-radius: 20px;
122  display: inline-block;
123  background: #316bf2;
124  height: 100%;
125}
126#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
127  border-radius: 20px;
128  display: table;
129  height: 102%;
130  text-decoration: none;
131}
132#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY .buttonDIYText {
133  color: #ffffff;
134  display: table-cell;
135  vertical-align: middle;
136  padding: 0 10px;
137}
138#boxes .box[data-type="button"] .buttonDIYWrapper {
139  text-align: center;
140  height: 100%;
141}
142#boxes .box[data-type="horizontalSeparator"] .separatorWrapper,
143#boxes .box[data-type="verticalSeparator"] .separatorWrapper {
144  width: 100%;
145  height: 100%;
146}
147#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div,
148#boxes .box[data-type="verticalSeparator"] .separatorWrapper > div {
149  text-align: center;
150  width: 100%;
151  height: 100%;
152}
153#boxes .box[data-type="horizontalSeparator"] .separatorWrapper {
154  display: table;
155}
156#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div {
157  display: table-cell;
158  vertical-align: middle;
159}
160#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div .separator {
161  width: 100%;
162}
163#boxes .box[data-type="verticalSeparator"] .separatorWrapper .separator {
164  height: 100%;
165  display: inline-block;
166}
167#boxes .box .boxBackgroundOverlay,
168#boxes .box .boxBackgroundPicture {
169  position: absolute;
170  top: 0;
171  bottom: 0;
172  left: 0;
173  right: 0;
174  text-align: center;
175}
176#boxes .box .boxBackgroundPicture {
177  background-size: cover;
178  background-repeat: no-repeat;
179  background-position: center;
180}
181#boxes .box .boxBackgroundOverlay {
182  opacity: .3;
183}
184@media (max-width: 970px) {
185  #boxes .box {
186    position: relative !important;
187    top: auto !important;
188    right: auto !important;
189    bottom: auto !important;
190    left: auto !important;
191    width: 100% !important;
192  }
193  #boxes .box[data-type="button"] {
194    height: 100%;
195    padding: 5px;
196  }
197  #boxes .box[data-type="background"] {
198    height: auto !important;
199  }
200  #boxes .box[data-type="background"] > div {
201    height: auto !important;
202  }
203  #boxes .box[data-type="group"] {
204    height: auto !important;
205  }
206  #boxes .box[data-type="group"] > div {
207    height: auto !important;
208  }
209  #boxes .box[data-type="text"] {
210    height: auto !important;
211  }
212  #boxes .box[data-type="text"] > div {
213    height: auto !important;
214  }
215  #boxes .box[data-type="picture"] {
216    text-align: center !important;
217    font-size: 0 !important;
218  }
219  #boxes .box[data-type="facebookLike"],
220  #boxes .box[data-type="twitterTimeline"] {
221    text-align: center;
222  }
223  #boxes .box[data-type="verticalSeparator"] {
224    display: none;
225  }
226  #boxes .tableWrapper {
227    width: 100%;
228    max-width: 100%;
229    overflow: auto;
230  }
231}
232</style>
233
234<!-- Google Font -->
235    <!-- :400,700 for bold -->
236    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,500,700" rel="stylesheet">
237            <style>
238            html, body {font-family: "Open Sans", Roboto, sans-serif;}
239        </style>
240    
241
242<!-- Choices.js -->
243
244<!-- ContentTools -->
245
246<!-- Cropper -->
247
248<!-- FullCalendar -->
249
250<!-- Simplelightbox -->
251	<link
252		rel="stylesheet"
253		href="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simplelightbox.min.css"
254		integrity="sha256-IZ7V7DBQggiyHjLI/74Zert2QmZh4a5cpvGQPJC7JyY="
255		crossorigin="anonymous"
256	>
257
258<!-- Leaflet -->
259<!-- Leaflet MarkerCluster -->
260
261<style nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
262	#teamblue-widget-container {
263		position: fixed;
264		bottom: 0;
265		left: 0;
266		width: 0;
267		height: 0;
268		overflow: hidden;
269	}
270</style>
271
272		<!-- JS -->
273		
273<script async nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
274	// Browser check
275	// https://stackoverflow.com/a/55655928/7671937
276	function isCrappyIE() {
277		var ua = window.navigator.userAgent;
278		var crappyIE = false;
279		var msie = ua.indexOf('MSIE ');
280		if (msie > 0) { // IE 10 or older => return version number
281			crappyIE = true;
282		}
283		var trident = ua.indexOf('Trident/');
284		if (trident > 0) { // IE 11 => return version number
285			crappyIE = true;
286		}
287		return crappyIE;
288	}
289
290	if(isCrappyIE()) {
291		alert("Vous utilisez une ancienne version d'Internet Explorer qui n'est plus maintenue. Pour le confort de votre navigation, merci d'utiliser un navigateur \u00e0 jour. ");
292	}
293</script>
293
294
295<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
296	var SIZE_FIXED			= "fixed";
297	var SIZE_FREE			= "free";
298	var SIZE_MIN			= "min";
299	var SIZE_MIN_WIDTH		= "min-width";
300	var SIZE_MIN_HEIGHT		= "min-height";
301	var SIZE_MAX			= "max";
302	var SIZE_MAX_WIDTH		= "max-width";
303	var SIZE_MAX_HEIGHT		= "max-height";
304	var ORIGINAL_WIDTH		= 1200;
305	var ORIGINAL_HEIGHT		= 628;
306	var SIZE_STANDARD		= "standard";
307	var SIZE_USER			= "user";
308	var SIZE_VENDOR			= "vendor";
309	var THUMB_WIDTH			= 352;
310	var THUMB_HEIGHT		= 184;
311	var USER_NORMAL			= 200;
312</script>
vendor: 1 bytes, line 312
312
313<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
314    var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy";
315    var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark";
316    var SPARK_VERSION = "e448b25";
317    var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760;
318    var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249;
319    var URI_CLIENT = "\/page\/3348584-contact";
320    var URI_SERVER = "\/page\/index";
321    var VENDOR_ID = 675091;
322    var _GIFS = [];
323    var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH";
324    var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA";
325    var CSP_NONCE = "45107bf1-864e-4888-9c68-4aaf6cb09ba1";
326    var I18N_CURRENCY = "EUR";
327    var I18N_LOCALE = "fr-FR";
328    var I18N_TIMEZONE = "Europe\/Paris";
329    var SITE_CODE = "a";
330</script>
330
331
332<!-- Translator Method -->
333<script
334    nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
335    src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/5.1.0/intl-messageformat.min.js"
336    integrity="sha256-jkYwyAJTaU4esUDFkWA92xz+ARjXOmPO8ul5jjY3MWk="
337    crossorigin="anonymous"
338></script>
vendor: 1 bytes, line 338
338
339<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
340  window.trans = function trans(key, params) {
341      // Translation key not found
342      if(window.translations.hasOwnProperty(key) === false) {
343          return key;
344      }
345
346      var translation = window.translations[key];
347
348      var translator = new IntlMessageFormat.IntlMessageFormat(translation, I18N_LOCALE);
349
350      return translator.format(params);
351  };
352
353  window.transCurrency = new Intl.NumberFormat(
354      I18N_LOCALE,
355      { style: 'currency', currency: "EUR"}
356  ).format;
357
358  window.transDate = new Intl.DateTimeFormat(I18N_LOCALE, {
359      timeZone: I18N_TIMEZONE,
360  }).format;
361
362  window.transDateFromYMD = function(value) {
363      value = String(value).replaceAll('-', '');
364      // YYYYMMDD or YYYYMMDDHHiiss
365      if (String(value).length !== 8 && String(value).length !== 14) {
366          return ''
367      }
368
369      var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2));
370
371      // Invalid date
372      if (isNaN(date)) {
373          return ''
374      }
375
376      return transAbsoluteDate(date);
377  }
378
379  window.transDateTime = new Intl.DateTimeFormat(I18N_LOCALE, {
380      timeZone: I18N_TIMEZONE,
381      year: "numeric",
382      month: "2-digit",
383      day: "2-digit",
384      hour: "numeric",
385      minute: "numeric",
386      second: "numeric",
387  }).format;
388
389  // Trans date created with new Date('1986-06-02')
390  window.transAbsoluteDate = new Intl.DateTimeFormat(I18N_LOCALE, {
391      timeZone: "UTC",
392  }).format;
393
394  // Trans date formatted as YYYYMMDDHHiiss
395  window.transAbsoluteDateYMD = function (value) {
396      // YYYYMMDD or YYYYMMDDHHiiss
397      if (String(value).length !== 8 && String(value).length !== 14) {
398          return ''
399      }
400
401      var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2));
402
403      // Invalid date
404      if (isNaN(date)) {
405          return ''
406      }
407
408      return transAbsoluteDate(date);
409  }
410
411      window.translations = Object.assign({"ckeditor.subtitle":"Sous-titre","ckeditor.title":"Titre","ckeditor.maintitle":"Titre principal","form.select.placeholder":"Choisissez","form.uploadPicture.complete.delete":"Supprimer","form.uploadPicture.prepareInput.button":"Se\u0301lectionner","form.uploadPicture.prepareInput.drop":"Ajouter une image","form.uploadPicture.prepareInput.send":"S\u00e9lectionner","form.uploadPicture.prepareInput.size":"Taille recommand\u00e9e : {width} x {height} px","form.uploadPicture.remove.confirm.text":"Voulez-vous vraiment supprimer l'image \u00ab {filename} \u00bb ?","jquery.ajax.error":"Une erreur est survenue. Cette erreur peut \u00eatre due \u00e0 votre connexion.\nN'h\u00e9sitez pas \u00e0 nous contacter si cette erreur persiste.\n","jquery.ajax.forbidden":"Vous n'avez pas les droits suffisants pour effectuer cette action.","popup.blocked":"Vous devez autoriser les popup pour ce site afin de voir la pr\u00e9visualisation du formulaire","registration.addedMail":"Votre inscription \u00e0 la Newsletter est confirm\u00e9e. \u00c0 tr\u00e8s bient\u00f4t pour de nouvelles actualit\u00e9s.","registration.addMail":"Veuillez indiquer une adresse email.","registration.failed":"Abonnement \u00e9chou\u00e9 !","registration.mailAlreadyExisting":"Cette adresse email est d\u00e9j\u00e0 abonn\u00e9e \u00e0 la newsletter.","spark.dirty.onBeforeUnload":"Vous avez modifi\u00e9 des informations. En quittant cette page sans les enregistrer vous risquez de les perdre.","spark.form.bic.helper.country":"Le BIC est probablement incorrect : v\u00e9rifiez les 5\u00e8me et 6\u00e8me caract\u00e8res ({country}).","spark.form.bic.helper.incorrect":"Le code BIC est incorrect.","spark.form.country.helper.incorrect":"Le pays est incorrect.","spark.form.date.helper.format":"La date est incorrecte (format JJ\/MM\/AAAA).","spark.form.date.helper.futureDateNotAllowed":"Date dans le futur","spark.form.date.helper.yearInTwoDigits":"L'ann\u00e9e doit \u00eatre sur 4 chiffres","spark.form.date.helper.yearStartsWithZero":"L'ann\u00e9e ne peut pas commencer par un z\u00e9ro","spark.form.datetime.checkLegalAge.error.age":"Le responsable l\u00e9gal doit \u00eatre majeur","spark.form.datetime.update.error.incorrect":"La date saisie est incorrecte.","spark.form.datetime.update.error.max":"La date doit \u00eatre ant\u00e9rieure au {max}","spark.form.datetime.update.error.min":"La date doit \u00eatre post\u00e9rieure au {min}","spark.form.domain.check.error":"Le domaine saisi est incorrect.","spark.form.iban.helper.invalid":"L'IBAN est incorrect.","spark.form.mail.check.question":"Nous avons d\u00e9tect\u00e9 une potentielle erreur de frappe. Est-ce que votre adresse email est {suggest} ?","spark.form.mail.check.yes":"Oui, corriger l'adresse","spark.form.mail.check.no":"Non, conserver l\u2019adresse renseign\u00e9e","spark.form.mail.confirm.error":"Les deux emails sont diff\u00e9rents.","spark.form.mail.helper.at":"Cet email ne contient pas le signe arobase (@)","spark.form.mail.helper.domain":"Le nom de domaine de l'adresse email est incorrect.","spark.form.mail.helper.empty":"Veuillez indiquer une adresse email.","spark.form.mail.helper.incorrect":"Cet email est incorrect.","spark.form.mail.helper.invalid":"Cet email contient des caract\u00e8res invalides.","spark.form.model.addressSearch.city":"Ville","spark.form.model.addressSearch.country":"Pays","spark.form.model.addressSearch.location":"Nom du lieu","spark.form.model.addressSearch.notFound":"Adresse introuvable ?","spark.form.model.addressSearch.placeholder":"Recherchez ici l'adresse que vous souhaitez enregistrer","spark.form.model.addressSearch.postal":"Code postal","spark.form.model.addressSearch.reset"
411:"Supprimer l'adresse ou en saisir une nouvelle","spark.form.model.addressSearch.street1":"Rue","spark.form.model.addressSearch.street2":"Compl\u00e9ment","spark.form.model.category":"Cat\u00e9gorie","spark.form.money.check.error":"Le montant saisi n'est pas correct.","spark.form.password.confirm.error":"Les deux mots de passe sont diff\u00e9rents.","spark.form.percent.check.error":"La valeur saisie n'est pas correcte.","spark.form.phone.helper.country":"Le code pays est incorrect.","spark.form.phone.helper.incorrect":"Le num\u00e9ro de t\u00e9l\u00e9phone est incorrect.","spark.form.phone.helper.length.tooLong":"Le num\u00e9ro de t\u00e9l\u00e9phone est trop long.","spark.form.phone.helper.length.tooShort":"Le num\u00e9ro de t\u00e9l\u00e9phone est trop court.","spark.form.phone.helper.mobile":"Veuillez indiquer un num\u00e9ro de t\u00e9l\u00e9phone portable.","spark.form.phone.helper.phone":"Veuillez indiquer un num\u00e9ro de t\u00e9l\u00e9phone fixe.","spark.form.phone.helper.refused":"Ce type de num\u00e9ro de t\u00e9l\u00e9phone n'est pas accept\u00e9.","spark.form.phone.helper.unknown":"Le num\u00e9ro de t\u00e9l\u00e9phone n'est pas reconnu.","spark.form.postal.helper.country.required":"Le pays doit \u00eatre indiqu\u00e9.","spark.form.postal.helper.country.unknown":"Le pays {country} est inconnu.","spark.form.postal.helper.incorrect":"Le code postal est incorrect.","spark.form.postal.helper.required":"Le code postal doit \u00eatre indiqu\u00e9.","spark.form.postal.helper.unused":"Ce pays n'utilise pas de codes postaux.","spark.form.textCount.update.character":"caract\u00e8re","spark.form.upload.check.error.limit":"Vous avez atteint la limite de {limit} fichiers.","spark.form.upload.check.error.name":"Le nom du fichier est trop long (max. {limit} caract\u00e8res, extension exclue).","spark.form.upload.check.error.size":"Le fichier est trop gros (max : {size} {unit}).","spark.form.upload.check.error.type":"Le type du fichier n'est pas accept\u00e9.","spark.form.upload.DOMProgress.text":"Chargement en cours","spark.form.upload.prepare.button.select":"Se\u0301lectionner","spark.form.upload.prepare.drop":"Ajouter un fichier","spark.form.upload.remove.confirm.text":"Voulez-vous vraiment supprimer le fichier \u00ab {filename} \u00bb ?","spark.form.upload.uploadFile.callback.error":"Une erreur s'est produite lors du t\u00e9l\u00e9chargement.","spark.form.url.check.error":"L'url saisie est incorrecte.","spark.notification.button.nextNotice":"Erreur suivante","spark.notification.button.prevNotice":"Erreur pr\u00e9c\u00e9dente","spark.template.accordion.button.title":"Afficher","spark.template.button.cancel":"Annuler","spark.template.button.close":"Fermer","spark.template.button.continue":"Continuer","spark.template.button.delete":"Supprimer","spark.template.button.edit":"Modifier","spark.template.button.submit":"Envoyer","spark.template.button.view":"Voir","spark.template.confirm.confirmText.label":"Veuillez saisir \"{ confirmText }\"","spark.template.confirm.error":"Le texte renseign\u00e9 est incorrect","spark.template.editable.create.button.submit":"Confirmer","spark.template.editable.create.save.error":"Impossible d'enregistrer les modifications.","spark.template.loading.text":"Chargement en cours ...","spark.template.notification.save":"Enregistr\u00e9","spark.template.table.count.checked.all.button":"Les {nbDisplayed} lignes de cette page sont s\u00e9lectionn\u00e9es. <u>S\u00e9lectionner les {truncatedNb} lignes<\/u>.","spark.template.table.count.checked.all.buttonUntruncated":"Les {nbDisplayed} lignes de cette page sont s\u00e9lectionn\u00e9es. <u>S\u00e9lectionner toutes les lignes<\/u>.","spark.template.table.count.checked.all.text":"Toutes les lignes sont s\u00e9lectionn\u00e9es.","spark.template.table.count.checked.truncated":"{nbChecked} ligne(s) s\u00e9lectionn\u00e9e(s) sur {nbTotal}.","spark.template.table.count.checked.untruncated":"{nbChecked} ligne(s) s\u00e9lectionn\u00e9e(s) sur un grand nombre.","spark.template.table.count.displayed.empty":"Aucune ligne","spark.template.table.count.displayed.rows":"{nbDisplayed} ligne(s).","spark.template.table.count.displayed.truncated":"{nbDisplayed} ligne(s) affich\u00e9e(s) sur {truncatedNb}.","spark.template.table.count.displayed.untruncated":"{nbDisplayed} ligne(s) affich\u00e9e(s) sur un grand nombre.","spark.template.table.exports.empty":"Le tableau est vide !","spark.template.table.
411warning.partialSorting":"Vous venez d\u2019afficher maximum 50 lignes suppl\u00e9mentaires. Le tri ne s\u2019applique pas sur les lignes nouvellement charg\u00e9es. Relancez votre tri sur toutes les lignes affich\u00e9es.","fraud.quickEmails.probationLimit":"Vous ne pouvez pas contacter autant de personnes. Il vous reste {remaining} emails \u00e0 envoyer aujourd'hui."},window.translations);
412    window.translations = Object.assign({"humanSearch.and":" et ","humanSearch.date.after":"\"{name}\" est apr\u00e8s le {startDate}","humanSearch.date.before":"\"{name}\" est avant le {endDate}","humanSearch.date.between":"\"{name}\" est entre le {startDate} et le {endDate}","humanSearch.is":" est ","humanSearch.number.between":"\"{name}\" entre {start} et {end}","humanSearch.or":" ou ","template.alert.error":"Une erreur s'est produite lors de votre recherche. Veuillez r\u00e9essayer.","template.text.published":"Publi\u00e9 le {date}","text.empty.document":"Aucun document fourni","text.searchUserInfos.administrativeArea1":"R\u00e9gion","text.searchUserInfos.administrativeArea2":"D\u00e9partement","text.searchUserInfos.birthday":"Date de naissance","text.searchUserInfos.city":"Ville","text.searchUserInfos.country":"Pays","text.searchUserInfos.sex":"Sexe","text.searchUserInfos.street1":"Adresse","text.searchUserInfos.street2":"Compl\u00e9ment d'adresse"},window.translations);
413</script>
413
414
415<!-- jQuery -->
416<script
417    nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
418    src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
419    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
420    crossorigin="anonymous"
421></script>
vendor: 1 bytes, line 421
421
422<script
423    nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
424    src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js"
425    integrity="sha512-MSOo1aY+3pXCOCdGAYoBZ6YGI0aragoQsg1mKKBHXCYPIWxamwOE7Drh+N5CPgGI5SA9IEKJiPjdfqWFWmZtRA=="
426    crossorigin="anonymous"
427></script>
vendor: 1 bytes, line 427
427
428<script
429    nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
430    src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js"
431    integrity="sha256-q/EiPw4hDxf7AKJEkIHWBspsML3nLL0VB729yuwz+cc="
432    crossorigin="anonymous"
433></script>
vendor: 1 bytes, line 433
433
434<script
435    nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
436    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js"
437    integrity="sha256-sAkXLwDFSAB/S09JCOWRvnoOnhGYDu9VqMnbCKAhMzI="
438    crossorigin="anonymous"
439></script>
vendor: 1 bytes, line 439
439
440<script
441    nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
442    src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.9/jquery.mousewheel.min.js"
443    integrity="sha256-+ZWJyex7JtGOxCSSRu/QgpDkiTWQEqBuE2O8xHMVZCQ="
444    crossorigin="anonymous"
445></script>
445
446
447<!-- Layout -->
448<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.e448b25.js"></script>
448
449
450<!-- CKEditor -->
451
452<!-- intl-tel-input -->
453
454<!-- reCAPTCHA -->
455
456<!-- Validator -->
457
458<!-- Algolia -->
459	<!-- Placé à l'extérieur pour l'annuaire -->
460	
460<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
461		var ALGOLIA_CONFIG = {
462			allowTyposOnNumericTokens:	false,
463			facets:						[],
464			facetFilters:				[],
465			query:						"",
466			page:						0,
467			numericFilters:				[],
468			removeWordsIfNoResults:		"lastWords",
469			tagFilters:					[],
470			typoTolerance:				"strict",
471			advancedSyntax:				true
472		};
473	</script>
473
474
475<!-- Charts.js -->
476
477<!-- Choices.js -->
478
479<!-- ContentTools -->
480
481<!-- Cropper -->
482
483<!-- Dompurify -->
484
485<!-- FullCalendar -->
486
487<!-- HTML2Canvas -->
488
489<!-- Parallax -->
490	
490<script
491		nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
492		src="https://cdnjs.cloudflare.com/ajax/libs/parallax.js/1.5.0/parallax.min.js"
493		integrity="sha256-Jhqqct9kdspgS5FC1W1f/cBOkdDoWMV3eWhU14cqzoY="
494		crossorigin="anonymous"
495	></script>
495
496
497<!-- TimeAgo -->
498
499<!-- Simplelightbox -->
500	
500<script
501		nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
502		src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.0/simple-lightbox.min.js"
503		integrity="sha256-91WTAly9a0bVj+qqtK5TltwOfUMuOCAO+dUFo9KOU9U="
504		crossorigin="anonymous"
505	></script>
505
506
507<!-- Leafleft -->
508<!-- Leaflet MarkerCluster -->
509
510
511
512
513
514<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
515    window.dataLayer = window.dataLayer || [];
516    function gtag(){dataLayer.push(arguments);}
517
518    // Google Consent Mode v2 (advanced): the Google tag loads for every visitor but is denied
519    // any storage until Iubenda reports consent for purpose 4 (Measurement), see below.
520    // Visitors who never answer the banner are still counted through cookieless pings.
521    // Do NOT prior-block the tag below with _iub_cs_activate: a blocked tag never runs,
522    // so non-consenting visitors send nothing at all and disappear from the statistics.
523    gtag('consent', 'default', {
524        ad_storage: 'denied',
525        ad_user_data: 'denied',
526        ad_personalization: 'denied',
527        analytics_storage: 'denied',
528        wait_for_update: 500
529    });
530
531    gtag('js', new Date());
532
533    gtag('config', "G-PB0RXMTS9D", {
534        send_page_view: false
535    });
536    gtag('event', 'page_view', {"send_to":"G-PB0RXMTS9D","dimension1":"AssoConnect","dimension2":"school222687","dimension4":"PROD","dimension3":"unknown","dimension5":"CULTURE"});
537
538    </script>
vendor: 64 bytes, lines 538-539
538
539<script async src="https://www.googletagmanager.com/gtag/js?id=
539G-PB0RXMTS9D
vendor: 58 bytes, lines 539-540
539" nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"></script>
540
541<!-- Iubenda -->
542<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
543            window.openIubendaCookies = function() {
544            if (window._iub && window._iub.cs && window._iub.cs.api) {
545                window._iub.cs.api.openPreferences();
546            }
547        };
548
549        var _iubendaHadConsent = false;
550        window._iub = window._iub || [];
551        window._iub.csConfiguration = window._iub.csConfiguration || {};
552        window._iub.csConfiguration.cookieDomain = location.hostname;
553        window._iub.csConfiguration.storage = { type: 'local_storage' };
554        window._iub.csConfiguration.emitGtmEvents = true;
555        // Mirrors the Iubenda choice into Google Consent Mode. Called on every page load once the
556        // preference is known, so returning visitors who consented are measured again immediately.
557        function _iubendaSyncGoogleConsent() {
558            if (typeof gtag !== 'function') {
559                return;
560            }
561            var purposes = window._iub.cs.consent && window._iub.cs.consent.purposes;
562            gtag('consent', 'update', {
563                analytics_storage: (purposes && purposes[4]) ? 'granted' : 'denied'
564            });
565        }
566
567        function _iubendaActivateYoutube() {
568            $(".video-youtube").each(function() {
569                var $el = $(this);
570                $el
571                    .after($("<iframe>")
572                        .attr("src", "https://www.youtube.com/embed/" + $el.data("video-id") + "?rel=0&start=" + $el.data("video-start"))
573                        .attr("style", "width: 100%; height: 100%; border: 0px;")
574                        .attr("allow", "fullscreen")
575                    )
576                    .remove();
577            });
578        }
579
580        function _iubendaActivateFacebook() {
581            $(".feed-facebook").each(function() {
582                var $el = $(this);
583                $el
584                    .after($("<iframe>")
585                        .attr("src", $el.data("src"))
586                        .attr("style", "width: 100%; height: 100%; border: none; overflow: hidden")
587                        .attr("scrolling", "no")
588                        .attr("allowtransparency", "true")
589                    )
590                    .remove();
591            });
592        }
593
594        window._iub.csConfiguration.callback = {
595            onConsentGiven: function() {
596                _iubendaHadConsent = true;
597                _iubendaSyncGoogleConsent();
598                _iubendaActivateYoutube();
599                _iubendaActivateFacebook();
600            },
601            onPreferenceExpressedOrNotNeeded: function() {
602                _iubendaSyncGoogleConsent();
603                if (window._iub.cs.consent.purposes && window._iub.cs.consent.purposes[4]) {
604                    _iubendaActivateYoutube();
605                    _iubendaActivateFacebook();
606                }
607            },
608            onConsentRejected: function() {
609                _iubendaSyncGoogleConsent();
610                if (_iubendaHadConsent) {
611                    location.reload();
612                }
613            }
614        };
615
616        (function(d, s) {
617            var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
618            e.async = true; e.src = "https:\/\/embeds.iubenda.com\/widgets\/eaf21570-70f8-4ba0-a750-f2c4d7c78a13.js";
619            t.parentNode.insertBefore(e, t);
620        })(document, "script");
621    </script>
621
622
623<!-- Tracking -->
624<script async nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
625    
626
627    /**
628     * RudderStack common functions
629     */
630
631    /**
632     * This method allows you to track any actions that your users might perform. Each of these actions is commonly referred to as an event.
633     *
634     * https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track
635     */
636    function track(event, properties, options, callback) {
637                    if(window.rudderanalytics) {
638                window.rudderanalytics.track(event, properties, options, callback);
639            }
640            }
641
642    /**
643     * This method lets you record information about the web page being viewed by the user.
644     *
645     */
646    function trackPage(event, properties, options, callback) {
647                    if(window.rudderanalytics) {
648                window.rudderanalytics.track(event, properties, options, callback);
649            }
650            }
651
652    /**
653     * This method allows you to track any click that your users might perform on a link.
654     *
655     * @param {string} selector	jQuery selector of the tracked link
656     * Otherwise same params of the track function: https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track
657     */
658    function trackLink(selector, event, properties, options, callback) {
659                    $(selector).on("click", function(e) {
660                if(window.rudderanalytics) {
661                    var _this = $(this);
662                    window.rudderanalytics.track(event, properties, options, callback);
663                    // Wait for the tracking request to have time to go
664                    var timeoutDelay = 300;
665                    setTimeout(function() {
666                        var href = _this.attr("href");
667                        var target = _this.attr("target");
668                        // New tab
669                        if (target) {
670                            window.open(href, target || '_blank');
671                        }
672                        // Current tab
673                        else {
674                            window.location.href = href;
675                        }
676                    }, timeoutDelay);
677                    return false;
678                }
679            });
680            }
681
682    // GTM
683    </script>
683
684	</head>
685	<body>
686		<!-- Layout -->
687		<div id="layoutWrapper" class="nav">
688
689<!-- Vielle version IE -->
690
691<!-- Thème -->
692<style nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
693
694	/**
695	 * Couleur principale
696	 */
697
698	/* Transforme @blue et @body en blanc en fonction de la couleur du menu */
699	
700	/* Color */
701	h1,
702	h3,
703	.textImportant,
704	a,
705	a:link,
706	a:visited,
707	a:active,
708	.colorBlue,
709	.checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
710	.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
711	.radio input[type="radio"].custom-radio:checked + .icons,
712	.radio input[type="radio"].custom-radio:checked + .icons .icon-checked,
713	.accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle,
714	.buttonWhite,
715	.buttonWhiteAlt:active,
716	.buttonWhiteBlue,
717	.buttonTransparent:hover,
718	.radioAlt.colorWhite.radioAltSelected,
719    #thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2,
720	.thumbPostWrapper h2,
721	.thumbWrapper .thumbCommon .thumbDetails .thumbName,
722	.thumbWrapper .thumbCommon .thumbDetails .thumbMore,
723	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover,
724	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive,
725	#templateTabulation .active,
726	#messagesWrapper .message .messageContent .messageIcon svg {
727		color: #e03e52;
728	}
729	#agendaWrapper,
730	div:not(#agendaWrapper) > #agendaEvent,
731	#agendaWrapper #agendaEvent #agendaEventName,
732	div:not(#agendaWrapper) > #agendaEvent #agendaEventName,
733	#agendaWrapper #agendaList .agendaDate,
734	#donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton {
735		color: #ffffff;
736	}
737
738    /* Fix event colors */
739    #agendaEvent #agendaEventDate, #agendaEvent #agendaEventDescription, #agendaEvent #agendaEventAddress {
740        color: #ffffff;
741    }
742
743    #agendaEventReturn svg path{
744        fill: #e03e52;
745    }
746
747	#templateNavWrapper #templateNav ul li,
748	#templateNavWrapper #templateNav ul li a,
749	#templateNavBar,
750	#templateNavSubBarWrapper,
751	#templateNavSubBarWrapper #templateNavSubBar a,
752	#templateSubNavWrapper ul li a,
753	#agendaWrapper #agendaList .agendaListEvent.colorBodyOrWhite,
754	#agendaWrapper #agendaList h3.colorBodyOrWhite,
755	#agendaWrapper #agendaList .eventColor.colorBodyOrWhite,
756	#eventWrapper #eventDateLeftWrapper{
757		color: #ffffff;
758	}
759    #eventWrapper #eventPicture #eventCountdownWrapper #eventButton {
760        color: #ffffff;
761    }
762	.buttonWhiteBlue:hover {
763		color: #c93749;
764	}
765	.buttonWhiteBlue:active,
766	.buttonTransparent:active {
767		color: #be3445;
768	}
769	#agendaWrapper #agendaList h3.colorBodyOrWhite,
770	#agendaWrapper #agendaList .eventColor.colorBodyOrWhite {
771		border-color: #ffffff;
772	}
773	.buttonBlue,
774	.backgroundBlue {
775		color: #ffffff;
776	}
777    .backgroundTheme {
778        background-color: #6a6dcd;
779        color: #ffffff;
780    }
781	/* Background */
782	.backgroundBlue,
783	.accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber,
784	.buttonBlue,
785	.dialogDotWrapper .dialogDot.dialogDotCurrent,
786	.progressbar-blue div,
787	.radioAlt.colorBlue:not(.eventColor), /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
788	#messagesWrapper .message,
789	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
790	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
791	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton,
792	#templateNavWrapper #templateNav #navBasket {
793		background-color: #e03e52;
794	}
795	.formUpload .formUploadInputWrapper input:hover ~ div,
796	.buttonBlue:hover,
797	.radioAlt.colorBlue.radioAltSelected,
798	#messagesWrapper .message,
799	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton:hover,
800	#templateNavWrapper #templateNav #navBasket:hover {
801		background-color: #be3445;
802	}
803	.radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
804		background-color: #ff475e;
805	}
806	.dialogDotWrapper .dialogDot:hover {
807		background-color: #ff4a62;
808	}
809	.buttonBlue:active,
810	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active {
811		background-color: #b33141;
812	}
813	.dialogDotWrapper .dialogDot {
814		background-color: #ff506a;
815	}
816	.buttonWhiteBlue:active {
817		background-color: #ff536e;
818	}
819	.buttonWhiteBlue:hover {
820		background-color: #ff5672;
821	}
822	/* Border */
823	.backgroundBlueLight,
824	input[type="text"]:hover,
825	input[type="search"]:hover:not(.choices__input),
826	.choices:hover,
827	input[type="password"]:hover,
828	input[type="date"]:hover,
829	input[type="tel"]:hover,
830	input[type="number"]:hover,
831	input[type="datetime-local"]:hover,
832	input[type="email"]:hover,
833	input[type="url"]:hover,
834	textarea:hover,
835	select:hover,
836	input[type="text"]:focus,
837	input[type="search"]:focus:not(.choices__input),
838	.choices.is-focused,
839	input[type="password"]:focus,
840	input[type="date"]:focus,
841	input[type="tel"]:focus,
842	input[type="number"]:focus,
843	input[type="datetime-local"]:focus,
844	input[type="email"]:focus,
845	input[type="url"]:focus,
846	textarea:focus,
847	select:focus,
848	.radioImageWrapper.radioImageChecked,
849	.accordion .accordionContent.accordionColor .accordionTitleWrapper,
850	.buttonWhiteBlue,
851	.dropdownMenu div h2,
852	.radioAlt.colorWhite.radioAltSelected,
853	#templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive,
854	#postViewMore {
855		border-color: #e03e52;
856	}
857	#agendaWrapper #agendaEvent #agendaEventReturn,
858	div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn {
859		border-color: #ffffff;
860	}
861	.buttonWhiteBlue:hover {
862		border-color: #f6445a;
863	}
864	.buttonWhiteBlue:active {
865		border-color: #ff475e;
866	}
867	.radioAlt.colorWhite:hover:not(.radioAltSelected),
868	.radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
869		border-color: #ff4a62;
870	}
871	.radioAlt.colorBlue.radioAltSelected {
872		border-color: #9c2b39;
873	}
874	.buttonWhiteAlt:active {
875		outline-color: #e03e52;
876	}
877	.buttonWhiteAlt:hover {
878		border-color: #ff4a62;
879	}
880
881	/**
882	 * Couleur du menu
883	 */
884					@media (min-width: 1151px) {
885		#templateNavWrapper,
886		#templateNavWrapper:before,
887		#templateNavBar {
888							background-color: #6a6dcd;
889								}
890		#templateSubNavWrapper {
891			background-color:
892									#6f72d7							;
893		}
894					#templateHeaderWrapper #templateHeader #templateHeaderMargin {
895				display: none;
896			}
897			}
898	@media (max-width: 1150px) {
899		#templateNavWrapper,
900		#templateNavWrapper:before,
901		#templateNavBar,
902		#templateSubNavWrapper {
903			background-color: #6a6dcd;
904		}
905	}
906	#templateNavSubBarWrapper,
907	#templateNavSubBarWrapper #templateNavSubBarLeft,
908	#templateNavSubBarWrapper #templateNavSubBarRight {
909		background-color: #6f72d7;
910	}
911	#agendaWrapper,
912	div:not(#agendaWrapper) > #agendaEvent,
913	#donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton,
914	#eventWrapper #eventDateLeftWrapper {
915		background-color: #6a6dcd;
916	}
917	#eventWrapper #eventPicture #eventInfos #eventName {
918		border-color: #6a6dcd;
919	}
920	/* Couleur des hovers */
921			#templateNavWrapper #templateNav ul li.active,
922		#templateNavWrapper #templateNav ul li:not(.hideHover):hover {
923			background-color: #5f62b8;
924		}
925		@media (min-width: 1151px) {
926			#templateSubNavWrapper ul li.active,
927			#templateSubNavWrapper ul li:hover {
928				background: #5f62b8;
929			}
930		}
931		@media (max-width: 1150px) {
932			#templateNavSubBarWrapper #templateNavSubBar li.active {
933				background: #5f62b8;
934			}
935		}
936	
937	/**
938	 * Couleur du fond
939	 */
940	body {
941		background-color: #ffffff;
942	}
943
944	/**
945	 * Couleur du bas de page
946	 */
947	#templateFooterWrapper {
948		background-color: #6a6dcd;
949	}
950
951	/**
952	 * Texture du menu (non applicable si le menu est transparent)
953	 */
954				#templateNavWrapper,
955		#templateNavWrapper:before,
956		#templateSubNavWrapper,
957		#templateNavBar,
958		#templateNavSubBarWrapper,
959		#templateNavSubBarWrapper #templateNavSubBarLeft,
960		#templateNavSubBarWrapper #templateNavSubBarRight {
961			background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png");
962		}
963	
964	/**
965	 * Texture du fond
966	 */
967	body {
968		background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png");
969	}
970
971	/**
972	 * Texture du bas de page
973	 */
974	#templateFooterWrapper {
975		background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png");
976	}
977
978	/**
979	 * Autres
980	 */
981
982	/* Permet d'afficher le haut de page dans l'édition */
983	
984	/* Hauteur du haut de page */
985						/* Cache le bloc dans le haut de page en mode réduit */
986			#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
987				display: none;
988			}
989			#templateHeaderWrapper {
990				height: 100px
991			}
992			
993	/* Position de l'image de l'organisation dans le haut de page */
994				#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture {
995			display: none;
996		}
997	
998	/* Taille texte bloc */
999	#templateHeaderBlockTitleWrapper {
1000		font-size: 26px;
1001	}
1002
1003	/* Taille image bloc */
1004	#templateHeaderBlockVendorPictureWrapper img {
1005		width: 0px;
1006	}
1007
1008	/* Type de bloc */
1009	#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1010				background-color: rgba(169, 194, 63, .5);
1011	}
1012
1013	@media (min-width: 1151px) {
1014		/* Position du logo dans le menu */
1015		#templateNavWrapper #templateNav #navVendorWrapper {
1016							/* Rien */
1017					}
1018
1019		/* Place le haut de page sous le menu si le menu est transparent */
1020		
1021		/* Hauteur du menu (les ">" pour ignorer les sous-menus) */
1022		#templateNavWrapper #templateNav > ul > li {
1023			height: 50px;
1024		}
1025		#templateSubNavWrapper ul li {
1026			height: 40px;
1027			line-height: 40px;
1028		}
1029		#templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img {
1030			max-height: 50px;
1031		}
1032
1033		/* Type de bloc */
1034					#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1035				background-color: transparent;
1036			}
1037		
1038		/* La largeur du haut de page ne dépasse pas la largeur du contenu du site */
1039		
1040		/* Arrondi les coins du menu, du haut de page et du contenu */
1041		
1042		/* Séparation des différents éléments */
1043		
1044		/* Position du bloc */
1045							#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1046				width: 100%;
1047				height: auto;
1048				bottom: 0;
1049				position: absolute;
1050			}
1051			#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock {
1052				direction: rtl;
1053			}
1054			#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock > * {
1055				direction: ltr;
1056				display: inline-block;
1057				vertical-align: middle;
1058				width: 30%;
1059			}
1060			#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer #templateHeaderBlockWrapper #templateHeaderBlock #templateHeaderBlockTitleWrapper {
1061				text-align: left;
1062			}
1063		
1064		/* Texte du menu en gras */
1065		
1066		/* Texte du menu en majuscule */
1067					#templateNavWrapper #templateNav,
1068			#templateSubNavWrapper {
1069				text-transform: uppercase;
1070			}
1071		
1072		/* Cache les icônes */
1073					#templateNav ._gif:not(.noHide) {
1074				display: none;
1075			}
1076		
1077		/* Espacement entre les items du menu */
1078							#templateNavWrapper #templateNav ul li a,
1079			#templateNavWrapper #templateNav ul li ul li a,
1080			#templateSubNavWrapper ul li a {
1081				padding: 0 15px;
1082			}
1083		
1084		/* Alignement du contenu du menu */
1085							#templateNavWrapper #templateNav,
1086			#templateSubNavWrapper {
1087				text-align: center;
1088			}
1089		
1090		/* Hauteur du logo de l'organisation dans le haut de page */
1091					#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img {
1092				height: 125px;
1093			}
1094			}
1095
1096	@media (max-width: 1150px) {
1097	    
1098		/* Cache le bloc en responsive si le site dispose d'un logo d'organisation */
1099				
1100		/* Alignement du menu en fonction de la barre d'administration */
1101		#templateNavWrapper {
1102					top: 55px;
1103				}
1104
1105	}
1106
1107	/* Fond fullscreen dans les pages personnalisées */
1108			#layoutWrapper #templatePageWrapper,
1109		#layoutWrapper #templatePageWrapper::before,
1110		#boxes .boxLandmarkBackground {
1111			max-width: none;
1112		}
1113        #layoutWrapper #templatePageWrapper #templatePage {
1114            padding: 0;
1115        }
1116        #templateTabulationWrapper {
1117            max-width: 1131px;
1118            margin: 20px auto;
1119            padding-left: 13.5px;
1120            padding-right: 13.5px;
1121        }
1122		#editButton {
1123			position: absolute;
1124			right: 10px;
1125			z-index: 151; /* 151 pour être au dessus des fonds en parallaxe qui sont en 150 */
1126		}
1127	
1128	/* Arrondi des champs */
1129	input[type="text"],
1130	input[type="search"]:not(.choices__input),
1131	.choices,
1132	input[type="password"],
1133	input[type="date"],
1134	input[type="tel"],
1135	input[type="number"],
1136	input[type="datetime-local"],
1137	input[type="email"],
1138	input[type="url"],
1139	textarea {
1140					border-radius: 20px;
1141			padding: 9px 15px;
1142			}
1143	select {
1144					border-radius: 20px;
1145			}
1146	.selected-flag,
1147	.buttonBig,
1148	.buttonLarge,
1149	.buttonSmall,
1150	.bootstrap-switch,
1151	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
1152	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY,
1153	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
1154	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
1155					border-radius: 20px;
1156			}
1157	.buttonLarge {
1158					padding: 10px;
1159			}
1160	.buttonSmall {
1161					padding: 5px 10px;
1162			}
1163</style>
1164<!-- Message -->
1165<!-- Affichage Spark\Notification::message -->
1166<div id="messagesWrapper">
1167        	</div>
1168
1169<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1170    $('.message-support .messageClose').click(function(event) {
1171        _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1);
1172    });
1173</script>
1173
1174<!-- Misc Spark -->
1175
1176<div class="displayNone" id="sparkTemplateTableExportColumns">
1177    <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/3348584-contact"><input type="hidden" name="_formMulti" value="6ac4bdfc37156|3129aa4e0f884fb1934460fab982dc94d4e68d6b">
1177<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1178            $("#sparkTemplateTableExportColumnsForm").on("submit", function(){
1179                var _this = $(this);
1180                var renable = false;
1181                if(_this.data("multi-submit-protection")){
1182                    return false;
1183                }
1184                else{
1185                    // Blocage à la prochaine soumission
1186                    _this.data("multi-submit-protection", true);
1187                    // Blocage & chargement sur les boutons
1188                    _this.find("button[type='submit']").each(function(){
1189                        var text = $(this).text();
1190                        var buttonDOM = $(this);
1191                        var buttonInterval;
1192                        buttonDOM
1193                            .addClass("disabled")
1194                            .prop("disabled", true)
1195                            .css("width", buttonDOM.outerWidth() + "px")
1196                            .text(".")
1197                            .inDOM(function() {
1198                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1199                                buttonInterval = setInterval(function() {
1200                                    if(buttonDOM.text().length === 3) {
1201                                        buttonDOM.text(".");
1202                                    }
1203                                    else {
1204                                        buttonDOM.text(buttonDOM.text() + ".");
1205                                    }
1206                                }, 300);
1207                            });
1208                        // Déblocage au bout de 1 seconde
1209                        if(renable){
1210                            window.setTimeout(function(){
1211                                clearInterval(buttonInterval);
1212                                buttonDOM
1213                                    .prop("disabled", false)
1214                                    .removeClass("disabled")
1215                                    .removeAttr("style")
1216                                    .text(text);
1217                            }, 1000);
1218                        }
1219                    });
1220                    // Déblocage au bout de 1 seconde
1221                    if(renable){
1222                        window.setTimeout(function(){
1223                            _this.data("multi-submit-protection", false);
1224                        }, 1000);
1225                    }
1226                    // Retour
1227                    return true;
1228                }
1229            });
1230        </script>
1230    <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div>
1231                <label
1232                    id="sparkTableExportColumnLabel"
1233                >
1234                    Exporter les lignes sélectionnées
1235                    
1236                    
1237                </label>
1238                <div class="formContent">
1239        
1240                <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1241                    <label class="radio" for="sparkTableExportColumn_all">
1242                        <input
1243                            type="radio"
1244                            name="sparkTableExportColumn"
1245                            id="sparkTableExportColumn_all"
1246                            value="all"
1247                            
1248                            
1249                            class=""
1250                        >
1251                        <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span>
1252                    </label>
1253                </div>
1254                
1254<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1255                    if(document.readyState === "complete"){
1256                        $("#sparkTableExportColumn_all").radiocheck();
1257                    }
1258                </script>
1258
1259            
1260                <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1261                    <label class="radio" for="sparkTableExportColumn_filter">
1262                        <input
1263                            type="radio"
1264                            name="sparkTableExportColumn"
1265                            id="sparkTableExportColumn_filter"
1266                            value="filter"
1267                            
1268                            
1269                            class=""
1270                        >
1271                        <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span>
1272                    </label>
1273                </div>
1274                
1274<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1275                    if(document.readyState === "complete"){
1276                        $("#sparkTableExportColumn_filter").radiocheck();
1277                    }
1278                </script>
1278
1279            </div></div>    </form>
1280                
1280<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1281                    _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns");
1282                </script>
1282
1283                </div>
1284
1285<!-- Barre d'administration -->
1286
1287<!-- Barre de navigation responsive -->
1288<div id="templateNavBar">
1289
1290	<div id="templateNavBarVendorPicture">
1291		<!-- Une organisation en particulier -->
1292					<a href="/">
1293				<img src="https://app.assoconnect.com/services/storage?id=6832722&amp;type=picture&amp;secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&amp;timestamp=1778574316&amp;size=small" alt="Han Blossom">
1294			</a>
1295		<!-- L'organisation principale -->
1296			</div>
1297
1298	<div id="templateNavBarToggleMenu">
1299		<span>Menu</span>
1300					<img src="https://assets.assoconnect.com/legacy/common/ico/ico.menu2.32.white.png" class="_gif icoMenu232White" alt="icoMenu232White" title="" id="templateNavBarToggleMenuOpen" >			<img src="https://assets.assoconnect.com/legacy/common/ico/ico.cross.32.white.png" class="_gif icoCross32White" alt="icoCross32White" title="" id="templateNavBarToggleMenuClose" >			</div>
1301
1302	<div class="clearBoth"></div>
1303
1304</div>
1305
1306	
1307<!-- Header top -->
1308	 ?>
1309<header id="templateHeaderWrapper">
1310	<div id="templateHeaderWrapperHover" class="templateHover"></div>
1311	<div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture">
1312		<div class="displayTable height100 width100">
1313			<div class="displayTableCell valignMiddle">
1314				<p>Images de la page d'accueil</p>
1315				<div class="templateEditableButton">Cliquez pour éditer</div>
1316			</div>
1317		</div>
1318	</div>
1319			<div
1320			id="templateHeader"
1321							class="displayNone"
1322					>
1323			<div id="templateHeaderMargin"></div>
1324						<div id="templateHeaderBlockContainer">
1325				<div id="templateHeaderBlockContainerHover" class="templateHover"></div>
1326				<div id="templateHeaderBlockContainerEditable" class="templateEditable templateEditableBlock">
1327					<div class="displayTable height100 width100">
1328						<div class="displayTableCell valignMiddle">
1329							<p>Texte, bouton et/ou inscription à la newsletter</p>
1330							<div class="templateEditableButton">Cliquez pour éditer</div>
1331						</div>
1332					</div>
1333				</div>
1334				<div id="templateHeaderBlockWrapper">
1335					<div id="templateHeaderBlock">
1336                        						<div id="templateHeaderBlockTitleWrapper">
1337                            						</div>
1338						<div id="templateHeaderBlockNewsletterContainer">
1339							<form id="templateHeaderBlockNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateHeaderBlockNewsletter"><input type="hidden" name="_origin" value="/page/3348584-contact"><input type="hidden" name="_formMulti" value="6ac4bdfc4a5ea|9488f3e3931a2586a38ea617ffd57226c1666a2b">
1339<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1340            $("#templateHeaderBlockNewsletterForm").on("submit", function(){
1341                var _this = $(this);
1342                var renable = true;
1343                if(_this.data("multi-submit-protection")){
1344                    return false;
1345                }
1346                else{
1347                    // Blocage à la prochaine soumission
1348                    _this.data("multi-submit-protection", true);
1349                    // Blocage & chargement sur les boutons
1350                    _this.find("button[type='submit']").each(function(){
1351                        var text = $(this).text();
1352                        var buttonDOM = $(this);
1353                        var buttonInterval;
1354                        buttonDOM
1355                            .addClass("disabled")
1356                            .prop("disabled", true)
1357                            .css("width", buttonDOM.outerWidth() + "px")
1358                            .text(".")
1359                            .inDOM(function() {
1360                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1361                                buttonInterval = setInterval(function() {
1362                                    if(buttonDOM.text().length === 3) {
1363                                        buttonDOM.text(".");
1364                                    }
1365                                    else {
1366                                        buttonDOM.text(buttonDOM.text() + ".");
1367                                    }
1368                                }, 300);
1369                            });
1370                        // Déblocage au bout de 1 seconde
1371                        if(renable){
1372                            window.setTimeout(function(){
1373                                clearInterval(buttonInterval);
1374                                buttonDOM
1375                                    .prop("disabled", false)
1376                                    .removeClass("disabled")
1377                                    .removeAttr("style")
1378                                    .text(text);
1379                            }, 1000);
1380                        }
1381                    });
1382                    // Déblocage au bout de 1 seconde
1383                    if(renable){
1384                        window.setTimeout(function(){
1385                            _this.data("multi-submit-protection", false);
1386                        }, 1000);
1387                    }
1388                    // Retour
1389                    return true;
1390                }
1391            });
1392        </script>
1392							<div class="row colsMiddle">
1393								<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
1394									<div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateHeaderBlockNewsletterEmailNotice"></div>
1395                <label
1396                    id="templateHeaderBlockNewsletterEmailLabel"
1397                    for="templateHeaderBlockNewsletterEmail"
1398                >
1399                Je m&#039;abonne à la newsletter
1400                
1401                
1402                </label>
1403                <input
1404                    type="email"
1405                    data-typo-check="true"
1406                    name="templateHeaderBlockNewsletterEmail"
1407                    class=""
1408                    value=""
1409                    placeholder="Je m&#039;abonne à la newsletter"
1410                    autocomplete="email"
1411                    
1412                    
1413                    id="templateHeaderBlockNewsletterEmail"
1414                >
1415                
1416                <div class="clearBoth"></div>
1417            </div>
1418            
1418<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1419                $("#templateHeaderBlockNewsletterEmail").on("change", function() {
1420                    _spark.form.mail.check("templateHeaderBlockNewsletterEmail");
1421                });
1422            </script>
1422
1423        								</div>
1424								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
1425									
1426            <button
1427                type="submit"
1428                id="templateHeaderBlockNewsletterSubmit"
1429                class="
1430                    button
1431                    buttonOrange
1432                    textAlignCenter
1433                    buttonLarge
1434                    
1435                    
1436                "
1437                
1438            >
1439                
1440                <span class="valignInitial">OK</span>
1441            </button>
1442        								</div>
1443							</div>
1444							
1445							</form>
1446                
1446<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1447                    $("#templateHeaderBlockNewsletterForm")
1448                        // Init
1449                        .data("dirty", 0)
1450                        // Form submit is possible
1451                        .on("submit", function(){
1452                            window.onbeforeunload = null;
1453                        })
1454                        // On change
1455                        .find("input, textarea").on("change", function(){
1456                            if(document.readyState === "complete"){
1457                                $("#templateHeaderBlockNewsletterForm").data().dirty++;
1458                            }
1459                        });
1460                    // Ajout
1461                    _spark.dirty.push(function(){
1462                        return $("#templateHeaderBlockNewsletterForm").data("dirty") > 0;
1463                    });
1464                </script>
1464
1465            
1466                
1466<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
1467                    _spark.form.mail.initMailGroup("templateHeaderBlockNewsletter");
1468                </script>
1468
1469                						</div>
1470																														<div id="templateHeaderBlockButtonWrapper" class="displayNone">
1471							
1472            <div
1473                id="templateHeaderBlockButtonButton"
1474                class="
1475                    button
1476                    textAlignCenter
1477                    buttonBlue
1478                    buttonLarge
1479                    
1480                    valignMiddle
1481                "
1482            ><span class="valignInitial"></span></div>						</div>
1483						<div id="templateHeaderBlockSocialWrapper">
1484							                                							                                							                                							                                							                                							                                													</div>
1485					</div>
1486				</div>
1487			</div>
1488		</div>
1489		<!-- Fix #6796 -->
1490	<div id="templateHeaderVendorPictureWrapper">
1491		<a
1492			href="https://www.hanblossom.fr"
1493			id="templateHeaderVendorPicture"
1494		>
1495			<img src="https://app.assoconnect.com/services/storage?id=6832722&amp;type=picture&amp;secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&amp;timestamp=1778574316" class="notHeightAuto">
1496		</a>
1497	</div>
1498	<!-- Fix #10003 -->
1499			<!-- Fond de remplacement si aucune image -->
1500			<!-- Pour le mode édition n'affiche que la première image -->
1501								<!-- Récupère le sprite -->
1502				<!-- Affiche la ou les images -->
1503		<div id="templateHeaderPictures">
1504							<div class="templateHeaderPicture">
1505					<div class="templateHeaderPictureReference">
1506						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1507							position: absolute;
1508							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_01JQ48XXW1WDE47S12GMGGYM8X/Nonprofit_01JQ48XXW1WDE47S12GMGGYM8W/Organization_01JQ48XXW1WDE47S12GMGGYM8V/header.sprite.e7f7246b04e8819c73d0797e7dda20e880dd6830.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106638588&amp;Signature=ESx9ivUdA2hR65uqiOj65kmSly0%3D) left -0px;
1509							width: 1920px;
1510							height: 200px;
1511							top: 0;
1512							left: -960px;
1513						">
1514					</div>
1515				</div>
1516				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1517									</div>
1518	</header>
1519
1520
1521
1522<!-- Navigation et réseaux sociaux -->
1523
1524<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent -->
1525<div id="templateNavContainer">
1526
1527	<div id="templateNavWrapper">
1528
1529		<!-- Éditable et hover -->
1530		<div id="templateNavWrapperHover" class="templateHover"></div>
1531		<div id="templateNavWrapperEditable" class="templateEditable templateEditableNav">
1532			<div class="displayTable height100 width100">
1533				<div class="displayTableCell valignMiddle">
1534					<p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p>
1535					<div class="templateEditableButton">Cliquez pour éditer</div>
1536				</div>
1537			</div>
1538		</div>
1539
1540		<!-- Réseaux sociaux -->
1541		<div id="templateNavSocialWrapper">
1542			                                    <a
1543                        href="https://www.facebook.com/profile.php?id=61576289157643"
1544                        target="_blank"
1545                        id="templateNavSocialFacebook"
1546                    >
1547                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac4bdfc77ffb" >                    </a>
1548                			                			                			                                    <a
1549                        href="https://linkedin.com/company/hanblossom/"
1550                        target="_blank"
1551                        id="templateNavSocialLinkedin"
1552                    >
1553                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.linkedin.24.color.png" class="_gif icoLinkedin24Color" alt="icoLinkedin24Color" title="Linkedin" id="image_6ac4bdfc780a5" >                    </a>
1554                			                                    <a
1555                        href="https://instagram.com/hanblossom.officiel/"
1556                        target="_blank"
1557                        id="templateNavSocialInstagram"
1558                    >
1559                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac4bdfc78245" >                    </a>
1560                			                					</div>
1561
1562		<!-- Navigation -->
1563		<nav id="templateNav">
1564						<ul id="navVendorWrapper">
1565				<!-- Nom & logo de l'organisation -->
1566                				<li id="navVendorPicture">
1567					<div class="displayTable height100"><!-- displayTable = fix #8392 -->
1568						<a class="displayTableCell width100 valignMiddle" href="/">
1569							<img src="https://app.assoconnect.com/services/storage?id=6832722&amp;type=picture&amp;secret=yIGMb5yPM1pHtOATQbRz8aPmFv98eIFcFo3nAsFN&amp;timestamp=1778574316&amp;size=small" alt="Han Blossom">
1570						</a>
1571					</div>
1572				</li>
1573			</ul>
1574			<ul>
1575                                                                                                                        <li
1576                                    data-templatesubnav="3335477"
1577                                    class="
1578                                                                                                                    "
1579                                >
1580                                    <a
1581                                        href="/page/3342275-accueil"
1582                                        class="displayTable height100"
1583                                    >
1584                                        <div class="displayTableCell valignMiddle">
1585                                                                                    </div>
1586                                        <div class="displayTableCell valignMiddle">
1587                                            Accueil                                            <sp
1587an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1588                                        </div>
1589                                    </a>
1590                                    <ul>
1591                                                                            </ul>
1592                                </li>
1593                                                                                                                <li
1594                                    data-templatesubnav="3336057"
1595                                    class="
1596                                                                                    templateNavResponsiveToggleChildren
1597                                                                                                                    "
1598                                >
1599                                    <a
1600                                        href="/page/3336054-a-propos"
1601                                        class="displayTable height100"
1602                                    >
1603                                        <div class="displayTableCell valignMiddle">
1604                                                                                    </div>
1605                                        <div class="displayTableCell valignMiddle">
1606                                            🌸 L&#039;association                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1607                                        </div>
1608                                    </a>
1609                                    <ul>
1610                                                                                                                                    <li >
1611                                                    <a href="/page/3336054-a-propos">
1612                                                        À propos                                                    </a>
1613                                                </li>
1614                                                                                            <li >
1615                                                    <a href="/page/3336058-l-equipe">
1616                                                        L&#039;équipe                                                    </a>
1617                                                </li>
1618                                                                                            <li >
1619                                                    <a href="/page/3341728-france-coree-une-histoire-croisee">
1620                                                        France &amp; Corée, une histoire croisée                                                    </a>
1621                                                </li>
1622                                                                                            <li >
1623                                                    <a href="/page/3398265-merci-a-nos-partenaires">
1624                                                        Merci à nos partenaires                                                    </a>
1625                                                </li>
1626                                                                                            <li >
1627                                                    <a href="/page/3349289-la-coree-en-images">
1628                                                        La Corée en images                                                    </a>
1629                                                </li>
1630                                                                                                                        </ul>
1631                                </li>
1632                                                                                                                <li
1633                                    data-templatesubnav="3347724"
1634                                    class="
1635                                                                                    templateNavResponsiveToggleChildren
1636                                                                                                                    "
1637                                >
1638                                    <a
1639                                        href="/page/3347725-presentation"
1640                                        class="displayTable height100"
1641                                    >
1642                                        <div class="displayTableCell valignMiddle">
1643                                                                                    </div>
1644                                        <div class="displayTableCell valignMiddle">
1645                                            Café Seohwabang                                            <sp
1645an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1646                                        </div>
1647                                    </a>
1648                                    <ul>
1649                                                                                                                                    <li >
1650                                                    <a href="/page/3347725-presentation">
1651                                                        Présentation                                                    </a>
1652                                                </li>
1653                                                                                            <li >
1654                                                    <a href="/page/3490849-han-book-club">
1655                                                        Han Book Club                                                    </a>
1656                                                </li>
1657                                                                                            <li >
1658                                                    <a href="/page/3347726-ateliers-rencontres">
1659                                                        Ateliers &amp; Rencontres                                                    </a>
1660                                                </li>
1661                                                                                                                        </ul>
1662                                </li>
1663                                                                                                                <li
1664                                    data-templatesubnav="3335491"
1665                                    class="
1666                                                                                    templateNavResponsiveToggleChildren
1667                                                                                                                    "
1668                                >
1669                                    <a
1670                                        href="/page/3820640-festival-couleurs-de-coree"
1671                                        class="displayTable height100"
1672                                    >
1673                                        <div class="displayTableCell valignMiddle">
1674                                                                                    </div>
1675                                        <div class="displayTableCell valignMiddle">
1676                                            Activités &amp; Évènements                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1677                                        </div>
1678                                    </a>
1679                                    <ul>
1680                                                                                                                                    <li >
1681                                                    <a href="/page/3820640-festival-couleurs-de-coree">
1682                                                        Festival Couleurs de Corée                                                    </a>
1683                                                </li>
1684                                                                                            <li >
1685                                                    <a href="/page/3767987-un-billet-pour-rever-cap-sur-la-coree">
1686                                                        Un billet pour rêver - Cap sur la Corée                                                    </a>
1687                                                </li>
1688                                                                                            <li >
1689                                                    <a href="/page/3349401-chasse-au-tresor-secrets-de-coree">
1690                                                        Chasse au trésor &quot;Secrets de Corée&quot;                                                    </a>
1691                                                </li>
1692                                                                                            <li >
1693                                                    <a href="/page/3721587-seollal-pop-culture">
1694                                                        Seollal Pop Culture                                                    </a>
1695                                                </li>
1696                                                                                            <li >
1697                                                    <a href="/page/3593433-atelier-dinitiation-au-kimchi-a-plerin">
1698                                                        Atelier d’initiation au kimchi – à Plérin                                                    </a>
1699                                                </li>
1700                                                                                            <li >
1701                                                    <a href="/page/3349397-agenda">
1702                                                        Agenda                                                    </a>
1703                                                </li>
1704                                                                                                                        </ul>
1705                                </li>
1706                                                                                                                <li
1707                                    data-templatesubnav="3351256"
1708                                    class="
1709                                                                                    templateNavResponsiveToggleChildren
1710                                                                                                                    "
1711                                >
1712                                    <a
1713                                        href="/page/3351212-chasse-au-tresor-secrets-de-coree"
1714                                        class="displayTable height100"
1715                                    >
1716                                        <div class="displayTableCell valignMiddle">
1717                                                                                    </div>
1718                                        <div class="displayTableCell valignMiddle">
1719                                            Je m&#039;
1719inscris                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1720                                        </div>
1721                                    </a>
1722                                    <ul>
1723                                                                                                                                    <li >
1724                                                    <a href="/page/3351212-chasse-au-tresor-secrets-de-coree">
1725                                                        Chasse au trésor &quot;Secrets de Corée&quot;                                                    </a>
1726                                                </li>
1727                                                                                            <li >
1728                                                    <a href="/page/3514693-han-book-club-cercle-de-lectures-coreennes">
1729                                                        Han Book Club – Cercle de lectures coréennes                                                    </a>
1730                                                </li>
1731                                                                                            <li >
1732                                                    <a href="/page/3593948-atelier-dinitiation-au-kimchi-plerin">
1733                                                        Atelier d’initiation au kimchi – Plérin                                                    </a>
1734                                                </li>
1735                                                                                                                        </ul>
1736                                </li>
1737                                                                                                                <li
1738                                    data-templatesubnav="3336110"
1739                                    class="
1740                                                                                    templateNavResponsiveToggleChildren
1741                                                                                                                    "
1742                                >
1743                                    <a
1744                                        href="/page/3348429-j-adhere"
1745                                        class="displayTable height100"
1746                                    >
1747                                        <div class="displayTableCell valignMiddle">
1748                                                                                    </div>
1749                                        <div class="displayTableCell valignMiddle">
1750                                            💙 Je m&#039;engage                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1751                                        </div>
1752                                    </a>
1753                                    <ul>
1754                                                                                                                                    <li >
1755                                                    <a href="/page/3348429-j-adhere">
1756                                                        J&#039;adhère                                                    </a>
1757                                                </li>
1758                                                                                            <li >
1759                                                    <a href="/page/3348466-je-donne">
1760                                                        Je donne                                                    </a>
1761                                                </li>
1762                                                                                                                        </ul>
1763                                </li>
1764                                                                                                                <li
1765                                    data-templatesubnav="3336109"
1766                                    class="
1767                                                                                                                            active
1768                                                                            "
1769                                >
1770                                    <a
1771                                        href="/page/3348584-contact"
1772                                        class="displayTable height100"
1773                                    >
1774                                        <div class="displayTableCell valignMiddle">
1775                                                                                    </div>
1776                                        <div class="displayTableCell valignMiddle">
1777                                            📬 Contactez-nous !                                            <sp
1777an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1778                                        </div>
1779                                    </a>
1780                                    <ul>
1781                                                                            </ul>
1782                                </li>
1783                                                                                        				<!-- Mon compte -->
1784								<!-- Panier -->
1785								<!-- Boutons -->
1786																									<li id="templateNavButton1Container" class="hideHover displayNone">
1787					<a href="" class="height100 displayTable">
1788						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1789						<div class="displayTableCell valignMiddle">
1790							
1791            <div
1792                id="templateNavButton1Button"
1793                class="
1794                    button
1795                    textAlignCenter
1796                    buttonBlue
1797                    buttonLarge
1798                    
1799                    valignMiddle
1800                "
1801            ><span class="valignInitial"></span></div>						</div>
1802					</a>
1803				</li>
1804																									<li id="templateNavButton2Container" class="hideHover displayNone">
1805					<a href="" class="height100 displayTable">
1806						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1807						<div class="displayTableCell valignMiddle">
1808							
1809            <div
1810                id="templateNavButton2Button"
1811                class="
1812                    button
1813                    textAlignCenter
1814                    buttonBlue
1815                    buttonLarge
1816                    
1817                    valignMiddle
1818                "
1819            ><span class="valignInitial"></span></div>						</div>
1820					</a>
1821				</li>
1822				<!-- Connexion -->
1823				<li id="templateNavButtonLoginContainer" class="hideHover ">
1824					<a href="/contacts/login?redirect=%2Fpage%2F3348584-contact" class="height100 displayTable">
1825						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 -->
1826						<div class="displayTableCell valignMiddle">
1827							
1828            <div
1829                id="templateNavButtonLoginButton"
1830                class="
1831                    button
1832                    textAlignCenter
1833                    buttonBlue
1834                    buttonLarge
1835                    
1836                    valignMiddle
1837                "
1838            ><span class="valignInitial">Se connecter</span></div>						</div>
1839					</a>
1840				</li>
1841			</ul>
1842		</nav>
1843
1844	</div>
1845
1846	<div id="templateSubNavWrapper">
1847
1848		<div id="templateSubNav">
1849																			<ul data-templatesubnav="3336057">
1850													<li >
1851								<a href="/page/3336054-a-propos">
1852									À propos								</a>
1853							</li>
1854													<li >
1855								<a href="/page/3336058-l-equipe">
1856									L&#039;équipe								</a>
1857							</li>
1858													<li >
1859								<a href="/page/3341728-france-coree-une-histoire-croisee">
1860									France &amp; Corée, une histoire croisée								</a>
1861							</li>
1862													<li >
1863								<a href="/page/3398265-merci-a-nos-partenaires">
1864									Merci à nos partenaires								</a>
1865							</li>
1866													<li >
1867								<a href="/page/3349289-la-coree-en-images">
1868									La Corée en images								</a>
1869							</li>
1870											</ul>
1871																<ul data-templatesubnav="3347724">
1872													<li >
1873								<a href="/page/3347725-presentation">
1874									Présentation								</a>
1875							</li>
1876													<li >
1877								<a href="/page/3490849-han-book-club">
1878									Han Book Club								</a>
1879							</li>
1880													<li >
1881								<a href="/page/3347726-ateliers-rencontres">
1882									Ateliers &amp; Rencontres								</a>
1883							</li>
1884											</ul>
1885																<ul data-templatesubnav="3335491">
1886													<li >
1887								<a href="/page/3820640-festival-couleurs-de-coree">
1888									Festival Couleurs de Corée								</a>
1889							</li>
1890													<li >
1891								<a href="/page/3767987-un-billet-pour-rever-cap-sur-la-coree">
1892									Un billet pour rêver - Cap sur la Corée								</a>
1893							</li>
1894													<li >
1895								<a href="/page/3349401-chasse-au-tresor-secrets-de-coree">
1896									Chasse au trésor &quot;Secrets de Corée&quot;								</a>
1897							</li>
1898													<li >
1899								<a href="/page/3721587-seollal-pop-culture">
1900									Seollal Pop Culture								</a>
1901							</li>
1902													<li >
1903								<a href="/page/3593433-atelier-dinitiation-au-kimchi-a-plerin">
1904									Atelier d’initiation au kimchi – à Plérin								</a>
1905							</li>
1906													<li >
1907								<a href="/page/3349397-agenda">
1908									Agenda								</a>
1909							</li>
1910											</ul>
1911																<ul data-templatesubnav="3351256">
1912													<li >
1913								<a href="/page/3351212-chasse-au-tresor-secrets-de-coree">
1914									Chasse au trésor &quot;Secrets de Corée&quot;								</a>
1915							</li>
1916													<li >
1917								<a href="/page/3514693-han-book-club-cercle-de-lectures-coreennes">
1918									Han Book Club – Cercle de lectures coréennes								</a>
1919							</li>
1920													<li >
1921								<a href="/page/3593948-atelier-dinitiation-au-kimchi-plerin">
1922									Atelier d’initiation au kimchi – Plérin								</a>
1923							</li>
1924											</ul>
1925																<ul data-templatesubnav="3336110">
1926													<li >
1927								<a href="/page/3348429-j-adhere">
1928									J&#039;adhère								</a>
1929							</li>
1930													<li >
1931								<a href="/page/3348466-je-donne">
1932									Je donne								</a>
1933							</li>
1934											</ul>
1935																	
1936		</div>
1937
1938	</div>
1939
1940</div>
1941
1942<!-- Header bottom (importe également le header en mode édition si header none mais le cache avec un if dans le fichier inc.DESKTOP.public.header.php) -->
1943
1944<!-- Page -->
1945<article id="templatePageWrapper" class="layout-md">
1946	<div id="templatePage">
1947		<!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe -->
1948		<div id="templateIframe">
1949			<!-- Tabulations -->
1950    <!-- Affiche les onglets pour les organisation dépendantes -->
1951    
1952    <!-- Importe les tabulations, sauf pour le layout admin qui les importes dans son layout afin d'afficher le titre des pages dans le menu mobile -->
1953                
1954    <!-- Tabulations en mode Fil d'Ariane -->
1955            <!-- Une tabulation, juste le titre s'affiche -->
1956                    <div class="templatePageHeader" data-id="component_Header">
1957                <div>
1958                    <div id="templateTitle" class="templatePageHeaderPart">
1959                                                <span class="displayInlineBlock valignMiddle"></span>
1960                                            </div>
1961                                    </div>
1962            </div>
1963
1964            <!-- Plusieurs tabulations, affichage du titre et des tabulations -->
1965                <!-- Titre uniquement -->
1966        <!-- Titre uniquement -->
1967<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) -->
1968<div class="clearBoth"></div>
1969<!-- Template -->
1970<div class="templatePageWrapper layout-md">
1971        <div class="templatePageContent ">
1972                    <div class="templatePageContentHeader">
1973                            </div>
1974                
1975
1976
1977
1978
1979<!-- Lien d'édition -->
1980
1981<!-- Contenu de la page -->
1982<div id="boxes">
1983	
1984            <style>
1985                #box98050112 {
1986                	position:		absolute;
1987                	left:			0%;
1988                	top:			0px;
1989                	height:			780px;
1990                	min-height:780px;
1991                	padding:		0;
1992                	margin:			0!important;
1993                	border:			0;
1994                }
1995            </style>
1996            <div class="boxLandmark boxLandmarkBackground">
1997                <div
1998                	id="box98050112"
1999                	class="box"
2000                	style="width: 100%"
2001                	data-type="background"
2002                	>
2003                	<div style="position: relative; overflow:hidden; height: 780px; background: #f7f5f2; min-height: 780px">
2004                		
2005            <style>
2006                #box98050113 {
2007                	position:		absolute;
2008                	left:			25%;
2009                	top:			0px;
2010                	height:			420px;
2011                	
2012                	padding:		0;
2013                	margin:			0!important;
2014                	border:			0;
2015                }
2016            </style>
2017            <div class="boxLandmark ">
2018                <div
2019                	id="box98050113"
2020                	class="box"
2021                	style="width: 50%"
2022                	data-type="picture"
2023                	>
2024                	<div style="position: relative; overflow:hidden; margin-top: 20px; height: 400px; border-radius: 10px; background: transparent">
2025                		
2026                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2027                		width:552px;
2028                		max-width: 100%;
2029                		height:400px;
2030                		text-align: center;
2031                		
2032                border-radius: 10px;">
2033                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2034                			<img
2035                				src="https://app.assoconnect.com/services/storage?id=5615608&amp;type=picture&amp;secret=SKfyYK9Shay1dU50jJ6UlOYBNEjI7foKhACy6xHE&amp;timestamp=1777326917"
2036                				style="
2037                					position:absolute;
2038                					width:371.0016px;
2039                					height:371.0016px;
2040                					top:-2px;
2041                					left:-193px;
2042                					max-width:none;
2043                				"
2044                			>
2045                		</div>
2046                	</div>
2047                	</div>
2048                </div>
2049            </div>
2050        
2051            <style>
2052                #box98050114 {
2053                	position:		absolute;
2054                	left:			33.333333333333%;
2055                	top:			420px;
2056                	height:			120px;
2057                	
2058                	padding:		0;
2059                	margin:			0!important;
2060                	border:			0;
2061                }
2062            </style>
2063            <div class="boxLandmark ">
2064                <div
2065                	id="box98050114"
2066                	class="box"
2067                	style="width: 8.3333333333333%"
2068                	data-type="picture"
2069                	>
2070                	<div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent">
2071                		
2072                <a
2073                	href="https://www.instagram.com/han.blossom/"
2074                	 target="_blank"
2075                >
2076                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2077                		width:92px;
2078                		max-width: 100%;
2079                		height:120px;
2080                		text-align: center;
2081                		
2082                border-radius: 10px;">
2083                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2084                			<img
2085                				src="https://app.assoconnect.com/services/storage?id=5615691&amp;type=picture&amp;secret=vYEUzo0ok6I7BBBDfcTunRHPCEPcKg87n7fAl7Fy&amp;timestamp=1777326977"
2086                				style="
2087                					position:absolute;
2088                					width:107.03872px;
2089                					height:107.03872px;
2090                					top:6px;
2091                					left:-60px;
2092                					max-width:none;
2093                				"
2094                			>
2095                		</div>
2096                	</div></a>
2097            
2098                	</div>
2099                </div>
2100            </div>
2101        
2102            <style>
2103                #box98050115 {
2104                	position:		absolute;
2105                	left:			41.666666666667%;
2106                	top:			420px;
2107                	height:			120px;
2108                	
2109                	padding:		0;
2110                	margin:			0!important;
2111                	border:			0;
2112                }
2113            </style>
2114            <div class="boxLandmark ">
2115                <div
2116                	id="box98050115"
2117                	class="box"
2118                	style="width: 8.3333333333333%"
2119                	data-type="picture"
2120                	>
2121                	<div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent">
2122                		
2123                <a
2124                	href="https://bit.ly/4k1nJN9"
2125                	 target="_blank"
2126                >
2127                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2128                		width:92px;
2129                		max-width: 100%;
2130                		height:120px;
2131                		text-align: center;
2132                		
2133                border-radius: 10px;">
2134                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2135                			<img
2136                				src="https://app.assoconnect.com/services/storage?id=5615732&amp;type=picture&amp;secret=9bkChMcbHbwYblW0RlKLwkawXOVW8OWMLpTfDCo2&amp;timestamp=1777327003"
2137                				style="
2138                					position:absolute;
2139                					width:96.79872px;
2140                					height:96.79872px;
2141                					top:12px;
2142                					left:-57px;
2143                					max-width:none;
2144                				"
2145                			>
2146                		</div>
2147                	</div></a>
2148            
2149                	</div>
2150                </div>
2151            </div>
2152        
2153            <style>
2154                #box98050116 {
2155                	position:		absolute;
2156                	left:			50%;
2157                	top:			420px;
2158                	height:			120px;
2159                	
2160                	padding:		0;
2161                	margin:			0!important;
2162                	border:			0;
2163                }
2164            </style>
2165            <div class="boxLandmark ">
2166                <div
2167                	id="box98050116"
2168                	class="box"
2169                	style="width: 8.3333333333333%"
2170                	data-type="picture"
2171                	>
2172                	<div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent">
2173                		
2174                <a
2175                	href="https://bit.ly/431zgGa"
2176                	 target="_blank"
2177                >
2178                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2179                		width:92px;
2180                		max-width: 100%;
2181                		height:120px;
2182                		text-align: center;
2183                		
2184                border-radius: 10px;">
2185                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2186                			<img
2187                				src="https://app.assoconnect.com/services/storage?id=5615698&amp;type=picture&amp;secret=FbJsBXwC5jJPJJVhdRC3GXQst8lYh9syUMHMbgkl&amp;timestamp=1777326981"
2188                				style="
2189                					position:absolute;
2190                					width:96.79872px;
2191                					height:96.79872px;
2192                					top:12px;
2193                					left:-57px;
2194                					max-width:none;
2195                				"
2196                			>
2197                		</div>
2198                	</div></a>
2199            
2200                	</div>
2201                </div>
2202            </div>
2203        
2204            <style>
2205                #box98050117 {
2206                	position:		absolute;
2207                	left:			58.333333333333%;
2208                	top:			420px;
2209                	height:			120px;
2210                	
2211                	padding:		0;
2212                	margin:			0!important;
2213                	border:			0;
2214                }
2215            </style>
2216            <div class="boxLandmark ">
2217                <div
2218                	id="box98050117"
2219                	class="box"
2220                	style="width: 8.3333333333333%"
2221                	data-type="picture"
2222                	>
2223                	<div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent">
2224                		
2225                <a
2226                	href="https://www.linkedin.com/company/hanblossom/"
2227                	 target="_blank"
2228                >
2229                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2230                		width:92px;
2231                		max-width: 100%;
2232                		height:120px;
2233                		text-align: center;
2234                		
2235                border-radius: 10px;">
2236                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2237                			<img
2238                				src="https://app.assoconnect.com/services/storage?id=5615706&amp;type=picture&amp;secret=Wo89H5ORPn0oEhkONhG2vlgh0DYRWBEJySDznbkT&amp;timestamp=1777326986"
2239                				style="
2240                					position:absolute;
2241                					width:101.91872px;
2242                					height:101.91872px;
2243                					top:11px;
2244                					left:-59px;
2245                					max-width:none;
2246                				"
2247                			>
2248                		</div>
2249                	</div></a>
2250            
2251                	</div>
2252                </div>
2253            </div>
2254        
2255            <style>
2256                #box98050118 {
2257                	position:		absolute;
2258                	left:			25%;
2259                	top:			600px;
2260                	height:			180px;
2261                	
2262                	padding:		0;
2263                	margin:			0!important;
2264                	border:			0;
2265                }
2266            </style>
2267            <div class="boxLandmark ">
2268                <div
2269                	id="box98050118"
2270                	class="box"
2271                	style="width: 50%"
2272                	data-type="text"
2273                	>
2274                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 180px; background: transparent">
2275                		<div class="overflowHidden height100"><h2 style="text-align:center"><span style="font-size:18px"><strong><span style="color:#544915">Pour toute question écris-nous à l&#039;
2275adresse suivante : </span></strong></span></h2>
2276
2277<p style="text-align:center"><span style="font-size:18px"><u><strong><a href="mailto:contact&#64;hanblossom.fr?body&#61;Bonjour%20%26%20bienvenue%20chez%20Han%20Blossom%20!%F0%9F%8C%B8%0AMerci%20de%20nous%20avoir%20contact%C3%A9s%20!%0AOn%20est%20ravis%20de%20recevoir%20ton%20message%20et%20on%20fera%20de%20notre%20mieux%20pour%20te%20r%C3%A9pondre%20rapidement.%0A%0AN&#039;h%C3%A9site%20pas%20%C3%A0%20poser%20toutes%20les%20questions%20ou%20%C3%A0%20partager%20tes%20id%C3%A9es%2C%20on%20sera%20heureux%20d&#039;%C3%A9changer%20avec%20toi%20!%0A%0A%C3%80%20tr%C3%A8s%20bient%C3%B4t%2C%0AL&#039;%C3%A9quipe%20Han%20Blossom%0A">contact&#64;hanblossom.fr</a></strong></u></span></p>
2278
2279<p style="text-align:center"><span style="font-size:18px"><strong><span style="color:#544915">Ou via le formulaire ci-dessous !</span></strong></span></p></div>
2280                	</div>
2281                </div>
2282            </div>
2283        
2284                	</div>
2285                </div>
2286            </div>
2287        
2288            <style>
2289                #box98050119 {
2290                	position:		absolute;
2291                	left:			16.666666666667%;
2292                	top:			780px;
2293                	height:			600px;
2294                	
2295                	padding:		0;
2296                	margin:			0!important;
2297                	border:			0;
2298                }
2299            </style>
2300            <div class="boxLandmark ">
2301                <div
2302                	id="box98050119"
2303                	class="box"
2304                	style="width: 66.666666666667%"
2305                	data-type="contact"
2306                	>
2307                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 600px; border-radius: 10px; background: transparent">
2308                		
2309                	<iframe
2310                		src="ressources/contact?boxId=98050119"
2311                		scrolling="no"
2312                		frameborder="0"
2313                		style="border:none; overflow:hidden;"
2314                		width="100%"
2315                		height="100%"
2316                		allowtransparency="true"
2317                	></iframe>
2318                
2319                	</div>
2320                </div>
2321            </div>
2322        </div>    </div>
2323</div>
2324		</div>
2325	</div>
2326</article>
2327
2328<!-- Footer -->
2329<footer id="templateFooterWrapper">
2330	            <div id="templateFooter">
2331                            <div id="templateFooterText">&quot;Quand deux cultures se rencontrent, elles écrivent une histoire commune.&quot;</div>
2332                        <div id="templateFooterBlockContainer">
2333                <div class="row">
2334                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
2335                        <div id="templateFooterBlockWrapper" class="row">
2336                            <!-- Liste des pages de l'organisation principal -->
2337                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
2338                                    <span>Accueil</span>
2339                                    <ul>
2340                                                                                    <li>
2341                                                <a href="
2342                                                                                                                                                                    /page/3342275-accueil                                                                                                    ">
2343                                                    Accueil                                                </a>
2344                                            </li>
2345                                                                                    <li>
2346                                                <a href="
2347                                                                                                                                                                    /page/3336054-a-propos                                                                                                    ">
2348                                                    À propos                                                </a>
2349                                            </li>
2350                                                                                    <li>
2351                                                <a href="
2352                                                                                                                                                                    /page/3336058-l-equipe                                                                                                    ">
2353                                                    L&#039;équipe                                                </a>
2354                                            </li>
2355                                                                            </ul>
2356                                </div>
2357                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
2358                                    <span>Café Seohwabang</span>
2359                                    <ul>
2360                                                                                    <li>
2361                                                <a href="
2362                                                                                                                                                                    /page/3347725-presentation                                                                                                    ">
2363                                                    Café Seohwabang                                                </a>
2364                                            </li>
2365                                                                                    <li>
2366                                                <a href="
2367                                                                                                                                                                    /page/3490849-han-book-club                                                                                                    ">
2368                                                    Han Book Club                                                </a>
2369                                            </li>
2370                                                                            </ul>
2371                                </div>
2372                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
2373                                    <span>Activités &amp; Évènements</span>
2374                                    <ul>
2375                                                                                    <li>
2376                                                <a href="
2377                                                                                                                                                                    /page/3336156-hansik-en-scene                                                                                                    ">
2378                                                    Hansik en scène                                                </a>
2379                                            </li>
2380                                                                                    <li>
2381                                                <a href="
2382                                                                                                                                                                    /page/3347722-escales-culturelles                                                                                                    ">
2383                                                    Escales culturelles                                                </a>
2384                                            </li>
2385                                                                                    <li>
2386                                                <a href="
2387                                                                                                                                                                    /page/3349401-chasse-au-tresor-secrets-de-coree                                                                                                    ">
2388                                                    Chasse au trésor &quot;Secrets de Corée&quot;                                                </a>
2389                                            </li>
2390                                                                            </ul>
2391                                </div>
2392                                                    </div>
2393                    </div>
2394                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
2395                        <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/3348584-contact"><input type="hidden" name="_formMulti" value="6ac4bdfc90cad|5e8a2b5801d3b3fe40443be7482b9de37d6d1648">
2395<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
2396            $("#templateFooterNewsletterForm").on("submit", function(){
2397                var _this = $(this);
2398                var renable = true;
2399                if(_this.data("multi-submit-protection")){
2400                    return false;
2401                }
2402                else{
2403                    // Blocage à la prochaine soumission
2404                    _this.data("multi-submit-protection", true);
2405                    // Blocage & chargement sur les boutons
2406                    _this.find("button[type='submit']").each(function(){
2407                        var text = $(this).text();
2408                        var buttonDOM = $(this);
2409                        var buttonInterval;
2410                        buttonDOM
2411                            .addClass("disabled")
2412                            .prop("disabled", true)
2413                            .css("width", buttonDOM.outerWidth() + "px")
2414                            .text(".")
2415                            .inDOM(function() {
2416                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
2417                                buttonInterval = setInterval(function() {
2418                                    if(buttonDOM.text().length === 3) {
2419                                        buttonDOM.text(".");
2420                                    }
2421                                    else {
2422                                        buttonDOM.text(buttonDOM.text() + ".");
2423                                    }
2424                                }, 300);
2425                            });
2426                        // Déblocage au bout de 1 seconde
2427                        if(renable){
2428                            window.setTimeout(function(){
2429                                clearInterval(buttonInterval);
2430                                buttonDOM
2431                                    .prop("disabled", false)
2432                                    .removeClass("disabled")
2433                                    .removeAttr("style")
2434                                    .text(text);
2435                            }, 1000);
2436                        }
2437                    });
2438                    // Déblocage au bout de 1 seconde
2439                    if(renable){
2440                        window.setTimeout(function(){
2441                            _this.data("multi-submit-protection", false);
2442                        }, 1000);
2443                    }
2444                    // Retour
2445                    return true;
2446                }
2447            });
2448        </script>
2448                            <div class="row colsMiddle">
2449                                <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
2450                                    <div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div>
2451                <label
2452                    id="templateFooterBlocNewsletterEmailLabel"
2453                    for="templateFooterBlocNewsletterEmail"
2454                >
2455                Je m&#039;abonne à la newsletter
2456                
2457                
2458                </label>
2459                <input
2460                    type="email"
2461                    data-typo-check="true"
2462                    name="templateFooterBlocNewsletterEmail"
2463                    class=""
2464                    value=""
2465                    placeholder="Renseignez votre email"
2466                    autocomplete="email"
2467                    
2468                    
2469                    id="templateFooterBlocNewsletterEmail"
2470                >
2471                
2472                <div class="clearBoth"></div>
2473            </div>
2474            
2474<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
2475                $("#templateFooterBlocNewsletterEmail").on("change", function() {
2476                    _spark.form.mail.check("templateFooterBlocNewsletterEmail");
2477                });
2478            </script>
2478
2479                                        </div>
2480                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom">
2481                                    
2482            <button
2483                type="submit"
2484                id="templateFooterBlocNewsletterSubmit"
2485                class="
2486                    button
2487                    buttonOrange
2488                    textAlignCenter
2489                    buttonLarge
2490                    
2491                    
2492                "
2493                
2494            >
2495                
2496                <span class="valignInitial">OK</span>
2497            </button>
2498                                        </div>
2499                            </div>
2500                            
2501                        </form>
2502                
2502<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
2503                    $("#templateFooterNewsletterForm")
2504                        // Init
2505                        .data("dirty", 0)
2506                        // Form submit is possible
2507                        .on("submit", function(){
2508                            window.onbeforeunload = null;
2509                        })
2510                        // On change
2511                        .find("input, textarea").on("change", function(){
2512                            if(document.readyState === "complete"){
2513                                $("#templateFooterNewsletterForm").data().dirty++;
2514                            }
2515                        });
2516                    // Ajout
2517                    _spark.dirty.push(function(){
2518                        return $("#templateFooterNewsletterForm").data("dirty") > 0;
2519                    });
2520                </script>
2520
2521            
2522                
2522<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
2523                    _spark.form.mail.initMailGroup("templateFooterNewsletter");
2524                </script>
2524
2525                                        <div id="templateFooterSocialWrapper">
2526                                                                                                <a
2527                                        href="https://www.facebook.com/profile.php?id=61576289157643"
2528                                        target="_blank"
2529                                        id="templateFooterSocialFacebook"
2530                                    >
2531                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac4bdfcd6297" >                                    </a>
2532                                                                                                                                                                                                                                                                                                                    <a
2533                                        href="https://instagram.com/hanblossom.officiel/"
2534                                        target="_blank"
2535                                        id="templateFooterSocialInstagram"
2536                                    >
2537                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac4bdfcd6352" >                                    </a>
2538                                                                                                                                                </div>
2539                    </div>
2540                </div>
2541            </div>
2542        </div>
2543    	<div id="templateFooterInformation">
2544		<ul>
2545			<!-- Plan du site -->
2546			<li>
2547				<a href="/infos/plan/
2548											675091									">Plan du site</a>
2549			</li>
2550
2551			<!-- Licences -->
2552			<li>
2553				<a href="/infos/licenses">Licences</a>
2554			</li>
2555
2556			<!-- CGU -->
2557							<li>
2558					<a href="/infos/legal-notice">Mentions légales</a>
2559				</li>
2560							<li>
2561					<a href="/infos/tos">CGUV</a>
2562				</li>
2563			
2564			<!-- CGU -->
2565			<li>
2566				<a id="configureCookies" href="#">Paramétrer vos cookies</a>
2567			</li>
2568
2569			<!-- Connexion/déconnexion et mon compte -->
2570							<li>
2571					
2572                <a
2573                    id="templateNavButtonLoginButtonLink"
2574                    href="https://www.hanblossom.fr/contacts/login?redirect=%2Fpage%2F3348584-contact"
2575                    class=""
2576                    target=""
2577                    rel="noopener"
2578                >
2579            <div
2580                id="templateNavButtonLoginButton"
2581                class="
2582                    button
2583                    textAlignCenter
2584                    buttonBlue
2585                    buttonLarge
2586                    valignMiddle margin0
2587                    valignMiddle
2588                "
2589            ><span class="valignInitial">Se connecter</span></div></a>
2590            				</li>
2591					</ul>
2592					<ul>
2593				<li class="paddingTop0">
2594                                                                <a href="https://www.assoconnect.com/associations/logiciel-association-culturelle/" target="_blank">
2595                            Propulsé par AssoConnect, le logiciel des associations Culturelles                        </a>
2596                    				</li>
2597			</ul>
2598			</div>
2599	</footer>
2600
2601<!-- Footer - Global -->
2602		</div>
2603		
2604		<!-- JS -->
2605		    
2605<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
2606        /**
2607 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY
2608 */
2609function templatePageHeight() {
2610	var boxes = $("#boxes");
2611	var heightMax = 0;
2612	var templatePage = $("#templatePage");
2613	var templateNavContainer = $("#templateNavContainer");
2614
2615	// Cherche la box la plus basse dans la page
2616	boxes.find("> .boxLandmark > .box").each(function() {
2617		heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top);
2618	});
2619
2620	// templatePage prend la hauteur du menu si : heightMax < templateNavContainer
2621	if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) {
2622		return templateNavContainer.height() - templatePage.offset().top;
2623	}
2624	// templatePage prend la hauteur de la fenêtre si : heightMax < window
2625	else if(heightMax < $(window).height()) {
2626		return $(window).height() - templatePage.offset().top;
2627	}
2628	// templatePage prend la hauteur du dernier élément DIY
2629	else {
2630		var templateNavContainerHeight = 0;
2631
2632		// Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute
2633		if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") {
2634			templateNavContainerHeight = templateNavContainer.height();
2635		}
2636
2637		return Math.round(heightMax - $("#templatePageWrapper").offset().top);
2638	}
2639}
2640
2641/**
2642 * Force templatePage à prendre toute la hauteur pour les pages du DIY
2643 */
2644$(window).on("load", function() {
2645	if($("#boxes").children().length) {
2646		$("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page
2647		$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
2648		// Après un redimensionnement de l'écran
2649		var resized;
2650		$(window).on("resize orientationChanged", function() {
2651			clearTimeout(resized);
2652			resized = setTimeout(function() {
2653				$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
2654			}, 200);
2655		});
2656	}
2657});
2658
2659$(".video-youtube, .feed-facebook").each(function() {
2660    $(this).on("click", function() {
2661        if (window.openIubendaCookies) {
2662            window.openIubendaCookies();
2663        }
2664    });
2665});
2666    </script>
vendor: 1 bytes, line 2666
2666
2667<script nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1">
2668    if(window.console && window.console.log){
2669        // Affichage des notices non capturées
2670            }
2671</script>
2671
2672
2673		
2674					
2674<script
2675				nonce="45107bf1-864e-4888-9c68-4aaf6cb09ba1"
2676				src="https://cdn.hub-prod.team.blue/loader/widget-loader.js"
2677				data-teamblue-footer
2678				data-footer="hidden"
2679			></script>
2679
2680			</body>
2681</html>
2682

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.