PageSourceSearch

https://www.cffc.fr/page/350386-presentation

html cffc.fr collected 2026-10-06 09:00:58 UTC 97,083 bytes, 2,261 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>Présentation | CFFC</title>
10                    <meta property="og:title" content="Présentation | CFFC">
11                    <meta name="description" content="Présentation - Présentation - L’association Chinois de France – Français de Chine (CFFC) poursuit, depuis sa création en 1998, ses actions à l’aide et au soutien de l’intégration des popu...">
12        <meta property="og:description" content="Présentation - Présentation - L’association Chinois de France – Français de Chine (CFFC) poursuit, depuis sa création en 1998, ses actions à l’aide et au soutien de l’intégration des popu...">
13                    <meta property="og:locale" content="fr_FR">
14                    <meta property="og:url" content="https://www.cffc.fr/page/350386-presentation">
15                    <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=606091&amp;type=picture&amp;secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&amp;timestamp=1775349756">
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.cffc.fr/page/350386-presentation">
23
24		<!-- Favicon -->
25					<link rel="icon" type="image/png" href="https://assets.assoconnect.com/legacy/assoconnect.com/image/favicon.png">
26		
27		<!-- https://dev.twitter.com/web/overview/widgets-webpage-properties -->
28		<meta name="twitter:widgets:csp" content="on">
29
30		<!-- CSS -->
31		
32
33<!-- jQuery UI -->
34<!-- Le CSS de jQuery UI utilise des chemins relatifs pour les images, on ne peut donc pas l'inclure dans le CSS global -->
35<link
36    rel="stylesheet"
37    href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css"
38    integrity="sha512-Ikr9iIb48ljzg7k903d77p0AITNsf4DxtxK4g5R4UiqHpCdroXAX0zqr0uPSWskJOJ1pQoAOXCb8WPkohWY3Bw=="    
39    crossorigin="anonymous"
40>
41
42<!-- Layout -->
43<link rel="stylesheet" href="https://cdn.assoconnect.com/public/build/css/common.-.layout.-.public-horizontal.DESKTOP.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=Verdana:400,500,700" rel="stylesheet">
237            <style>
238            html, body {font-family: "Verdana", 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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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\/350386-presentation";
320    var URI_SERVER = "\/page\/index";
321    var VENDOR_ID = 88269;
322    var _GIFS = [];
323    var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH";
324    var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA";
325    var CSP_NONCE = "337242f4-84b7-4d4a-99de-27a9e4153bcf";
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="337242f4-84b7-4d4a-99de-27a9e4153bcf"
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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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="337242f4-84b7-4d4a-99de-27a9e4153bcf"
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="337242f4-84b7-4d4a-99de-27a9e4153bcf"
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="337242f4-84b7-4d4a-99de-27a9e4153bcf"
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="337242f4-84b7-4d4a-99de-27a9e4153bcf"
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="337242f4-84b7-4d4a-99de-27a9e4153bcf"
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="337242f4-84b7-4d4a-99de-27a9e4153bcf" 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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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="337242f4-84b7-4d4a-99de-27a9e4153bcf"
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="337242f4-84b7-4d4a-99de-27a9e4153bcf"
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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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":"school50660","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="337242f4-84b7-4d4a-99de-27a9e4153bcf"></script>
540
541<!-- Iubenda -->
542<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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="337242f4-84b7-4d4a-99de-27a9e4153bcf">
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: #22a7f0;
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: #22a7f0;
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: #1e96d8;
764	}
765	.buttonWhiteBlue:active,
766	.buttonTransparent:active {
767		color: #1c8dcc;
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: #22a7f0;
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: #22a7f0;
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: #1c8dcc;
802	}
803	.radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
804		background-color: #27c0ff;
805	}
806	.dialogDotWrapper .dialogDot:hover {
807		background-color: #28c8ff;
808	}
809	.buttonBlue:active,
810	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active {
811		background-color: #1b85c0;
812	}
813	.dialogDotWrapper .dialogDot {
814		background-color: #2cd9ff;
815	}
816	.buttonWhiteBlue:active {
817		background-color: #2de1ff;
818	}
819	.buttonWhiteBlue:hover {
820		background-color: #2fe9ff;
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: #22a7f0;
856	}
857	#agendaWrapper #agendaEvent #agendaEventReturn,
858	div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn {
859		border-color: #ffffff;
860	}
861	.buttonWhiteBlue:hover {
862		border-color: #25b7ff;
863	}
864	.buttonWhiteBlue:active {
865		border-color: #27c0ff;
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: #28c8ff;
870	}
871	.radioAlt.colorBlue.radioAltSelected {
872		border-color: #1774a8;
873	}
874	.buttonWhiteAlt:active {
875		outline-color: #22a7f0;
876	}
877	.buttonWhiteAlt:hover {
878		border-color: #28c8ff;
879	}
880
881	/**
882	 * Couleur du menu
883	 */
884					@media (min-width: 1151px) {
885		#templateNavWrapper,
886		#templateNavWrapper:before,
887		#templateNavBar {
888							background-color: #22a7f0;
889								}
890		#templateSubNavWrapper {
891			background-color:
892									#23affc							;
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: #22a7f0;
904		}
905	}
906	#templateNavSubBarWrapper,
907	#templateNavSubBarWrapper #templateNavSubBarLeft,
908	#templateNavSubBarWrapper #templateNavSubBarRight {
909		background-color: #23affc;
910	}
911	#agendaWrapper,
912	div:not(#agendaWrapper) > #agendaEvent,
913	#donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton,
914	#eventWrapper #eventDateLeftWrapper {
915		background-color: #22a7f0;
916	}
917	#eventWrapper #eventPicture #eventInfos #eventName {
918		border-color: #22a7f0;
919	}
920	/* Couleur des hovers */
921			#templateNavWrapper #templateNav ul li.active a,
922		#templateNavWrapper #templateNav ul li:not(.hideHover):hover a {
923			color: #22a7f0;
924		}
925		@media (min-width: 1151px) {
926			#templateSubNavWrapper ul li.active a,
927			#templateSubNavWrapper ul li:hover a {
928				color: #22a7f0;
929			}
930		}
931		@media (max-width: 1150px) {
932			#templateNavSubBarWrapper #templateNavSubBar li.active a {
933				color: #22a7f0;
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: #223f93;
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/45-degree-fabric-dark.png");
962		}
963	
964	/**
965	 * Texture du fond
966	 */
967	body {
968		background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/45-degree-fabric-light.png");
969	}
970
971	/**
972	 * Texture du bas de page
973	 */
974	#templateFooterWrapper {
975		background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png");
976	}
977
978	/**
979	 * Autres
980	 */
981
982	/* Permet d'afficher le haut de page dans l'édition */
983	
984	/* Hauteur du haut de page */
985			#templateHeaderWrapper {
986			height: 250px
987		}
988	
989	/* Position de l'image de l'organisation dans le haut de page */
990				#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture {
991			display: none;
992		}
993	
994	/* Taille texte bloc */
995	#templateHeaderBlockTitleWrapper {
996		font-size: 26px;
997	}
998
999	/* Taille image bloc */
1000	#templateHeaderBlockVendorPictureWrapper img {
1001		width: 200px;
1002	}
1003
1004	/* Type de bloc */
1005	#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1006				background-color: rgba(34, 167, 240, .5);
1007	}
1008
1009	@media (min-width: 1151px) {
1010		/* Position du logo dans le menu */
1011		#templateNavWrapper #templateNav #navVendorWrapper {
1012							display: none;
1013					}
1014
1015		/* Place le haut de page sous le menu si le menu est transparent */
1016		
1017		/* Hauteur du menu (les ">" pour ignorer les sous-menus) */
1018		#templateNavWrapper #templateNav > ul > li {
1019			height: 75px;
1020		}
1021		#templateSubNavWrapper ul li {
1022			height: 40px;
1023			line-height: 40px;
1024		}
1025		#templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img {
1026			max-height: 75px;
1027		}
1028
1029		/* Type de bloc */
1030		
1031		/* La largeur du haut de page ne dépasse pas la largeur du contenu du site */
1032		
1033		/* Arrondi les coins du menu, du haut de page et du contenu */
1034		
1035		/* Séparation des différents éléments */
1036		
1037		/* Position du bloc */
1038							#templateHeaderWrapper #templateHeader {
1039				text-align: center;
1040			}
1041		
1042		/* Texte du menu en gras */
1043		
1044		/* Texte du menu en majuscule */
1045					#templateNavWrapper #templateNav,
1046			#templateSubNavWrapper {
1047				text-transform: uppercase;
1048			}
1049		
1050		/* Cache les icônes */
1051					#templateNav ._gif:not(.noHide) {
1052				display: none;
1053			}
1054		
1055		/* Espacement entre les items du menu */
1056							#templateNavWrapper #templateNav ul li a,
1057			#templateNavWrapper #templateNav ul li ul li a,
1058			#templateSubNavWrapper ul li a {
1059				padding: 0 25px;
1060			}
1061		
1062		/* Alignement du contenu du menu */
1063							#templateNavWrapper #templateNav,
1064			#templateSubNavWrapper {
1065				text-align: center;
1066			}
1067		
1068		/* Hauteur du logo de l'organisation dans le haut de page */
1069					#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img {
1070				height: 100px;
1071			}
1072			}
1073
1074	@media (max-width: 1150px) {
1075	    	    #templateNavBarVendorPicture {
1076	        display: none;
1077	    }
1078		
1079		/* Cache le bloc en responsive si le site dispose d'un logo d'organisation */
1080				
1081		/* Alignement du menu en fonction de la barre d'administration */
1082		#templateNavWrapper {
1083					top: 55px;
1084				}
1085
1086	}
1087
1088	/* Fond fullscreen dans les pages personnalisées */
1089			#boxes .boxLandmarkBackground {
1090			width: calc(100% + 27px);
1091			margin-left: -13.5px !important;
1092			max-width: 1131px !important;
1093		}
1094	
1095	/* Arrondi des champs */
1096	input[type="text"],
1097	input[type="search"]:not(.choices__input),
1098	.choices,
1099	input[type="password"],
1100	input[type="date"],
1101	input[type="tel"],
1102	input[type="number"],
1103	input[type="datetime-local"],
1104	input[type="email"],
1105	input[type="url"],
1106	textarea {
1107					border-radius: 5px;
1108			padding: 9px;
1109			}
1110	select {
1111					border-radius: 5px;
1112			}
1113	.selected-flag,
1114	.buttonBig,
1115	.buttonLarge,
1116	.buttonSmall,
1117	.bootstrap-switch,
1118	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
1119	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY,
1120	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
1121	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
1122					border-radius: 5px;
1123			}
1124	.buttonLarge {
1125					padding: 10px;
1126			}
1127	.buttonSmall {
1128			}
1129</style>
1130<!-- Message -->
1131<!-- Affichage Spark\Notification::message -->
1132<div id="messagesWrapper">
1133        	</div>
1134
1135<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1136    $('.message-support .messageClose').click(function(event) {
1137        _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1);
1138    });
1139</script>
1139
1140<!-- Misc Spark -->
1141
1142<div class="displayNone" id="sparkTemplateTableExportColumns">
1143    <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/350386-presentation"><input type="hidden" name="_formMulti" value="6ac4b8ca5758b|5da0893d75f0f129d217e6c006628b4945d4f136">
1143<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1144            $("#sparkTemplateTableExportColumnsForm").on("submit", function(){
1145                var _this = $(this);
1146                var renable = false;
1147                if(_this.data("multi-submit-protection")){
1148                    return false;
1149                }
1150                else{
1151                    // Blocage à la prochaine soumission
1152                    _this.data("multi-submit-protection", true);
1153                    // Blocage & chargement sur les boutons
1154                    _this.find("button[type='submit']").each(function(){
1155                        var text = $(this).text();
1156                        var buttonDOM = $(this);
1157                        var buttonInterval;
1158                        buttonDOM
1159                            .addClass("disabled")
1160                            .prop("disabled", true)
1161                            .css("width", buttonDOM.outerWidth() + "px")
1162                            .text(".")
1163                            .inDOM(function() {
1164                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1165                                buttonInterval = setInterval(function() {
1166                                    if(buttonDOM.text().length === 3) {
1167                                        buttonDOM.text(".");
1168                                    }
1169                                    else {
1170                                        buttonDOM.text(buttonDOM.text() + ".");
1171                                    }
1172                                }, 300);
1173                            });
1174                        // Déblocage au bout de 1 seconde
1175                        if(renable){
1176                            window.setTimeout(function(){
1177                                clearInterval(buttonInterval);
1178                                buttonDOM
1179                                    .prop("disabled", false)
1180                                    .removeClass("disabled")
1181                                    .removeAttr("style")
1182                                    .text(text);
1183                            }, 1000);
1184                        }
1185                    });
1186                    // Déblocage au bout de 1 seconde
1187                    if(renable){
1188                        window.setTimeout(function(){
1189                            _this.data("multi-submit-protection", false);
1190                        }, 1000);
1191                    }
1192                    // Retour
1193                    return true;
1194                }
1195            });
1196        </script>
1196    <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div>
1197                <label
1198                    id="sparkTableExportColumnLabel"
1199                >
1200                    Exporter les lignes sélectionnées
1201                    
1202                    
1203                </label>
1204                <div class="formContent">
1205        
1206                <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1207                    <label class="radio" for="sparkTableExportColumn_all">
1208                        <input
1209                            type="radio"
1210                            name="sparkTableExportColumn"
1211                            id="sparkTableExportColumn_all"
1212                            value="all"
1213                            
1214                            
1215                            class=""
1216                        >
1217                        <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span>
1218                    </label>
1219                </div>
1220                
1220<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1221                    if(document.readyState === "complete"){
1222                        $("#sparkTableExportColumn_all").radiocheck();
1223                    }
1224                </script>
1224
1225            
1226                <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1227                    <label class="radio" for="sparkTableExportColumn_filter">
1228                        <input
1229                            type="radio"
1230                            name="sparkTableExportColumn"
1231                            id="sparkTableExportColumn_filter"
1232                            value="filter"
1233                            
1234                            
1235                            class=""
1236                        >
1237                        <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span>
1238                    </label>
1239                </div>
1240                
1240<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1241                    if(document.readyState === "complete"){
1242                        $("#sparkTableExportColumn_filter").radiocheck();
1243                    }
1244                </script>
1244
1245            </div></div>    </form>
1246                
1246<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1247                    _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns");
1248                </script>
1248
1249                </div>
1250
1251<!-- Barre d'administration -->
1252
1253<!-- Barre de navigation responsive -->
1254<div id="templateNavBar">
1255
1256	<div id="templateNavBarVendorPicture">
1257		<!-- Une organisation en particulier -->
1258					<a href="/">
1259				<img src="https://app.assoconnect.com/services/storage?id=606091&amp;type=picture&amp;secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&amp;timestamp=1775349756&amp;size=small" alt="CFFC">
1260			</a>
1261		<!-- L'organisation principale -->
1262			</div>
1263
1264	<div id="templateNavBarToggleMenu">
1265		<span>Menu</span>
1266					<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>
1267
1268	<div class="clearBoth"></div>
1269
1270</div>
1271
1272	
1273<!-- Header top -->
1274	 ?>
1275<header id="templateHeaderWrapper">
1276	<div id="templateHeaderWrapperHover" class="templateHover"></div>
1277	<div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture">
1278		<div class="displayTable height100 width100">
1279			<div class="displayTableCell valignMiddle">
1280				<p>Images de la page d'accueil</p>
1281				<div class="templateEditableButton">Cliquez pour éditer</div>
1282			</div>
1283		</div>
1284	</div>
1285			<div
1286			id="templateHeader"
1287					>
1288			<div id="templateHeaderMargin"></div>
1289						<div id="templateHeaderBlockContainer">
1290				<div id="templateHeaderBlockContainerHover" class="templateHover"></div>
1291				<div id="templateHeaderBlockContainerEditable" class="templateEditable templateEditableBlock">
1292					<div class="displayTable height100 width100">
1293						<div class="displayTableCell valignMiddle">
1294							<p>Texte, bouton et/ou inscription à la newsletter</p>
1295							<div class="templateEditableButton">Cliquez pour éditer</div>
1296						</div>
1297					</div>
1298				</div>
1299				<div id="templateHeaderBlockWrapper">
1300					<div id="templateHeaderBlock">
1301                                                    <div id="templateHeaderBlockVendorPictureWrapper">
1302                                <img src="https://app.assoconnect.com/services/storage?id=606091&amp;type=picture&amp;secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&amp;timestamp=1775349756" class="notHeightAuto">
1303                            </div>
1304                        						<div id="templateHeaderBlockTitleWrapper">
1305                            							    <div>Chinois de France Français de Chine</div>
1306                            						</div>
1307						<div id="templateHeaderBlockNewsletterContainer">
1308							<form id="templateHeaderBlockNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateHeaderBlockNewsletter"><input type="hidden" name="_origin" value="/page/350386-presentation"><input type="hidden" name="_formMulti" value="6ac4b8ca63f77|520776f0a1306bdd2a1dbd14cff106bde16d6daf">
1308<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1309            $("#templateHeaderBlockNewsletterForm").on("submit", function(){
1310                var _this = $(this);
1311                var renable = true;
1312                if(_this.data("multi-submit-protection")){
1313                    return false;
1314                }
1315                else{
1316                    // Blocage à la prochaine soumission
1317                    _this.data("multi-submit-protection", true);
1318                    // Blocage & chargement sur les boutons
1319                    _this.find("button[type='submit']").each(function(){
1320                        var text = $(this).text();
1321                        var buttonDOM = $(this);
1322                        var buttonInterval;
1323                        buttonDOM
1324                            .addClass("disabled")
1325                            .prop("disabled", true)
1326                            .css("width", buttonDOM.outerWidth() + "px")
1327                            .text(".")
1328                            .inDOM(function() {
1329                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1330                                buttonInterval = setInterval(function() {
1331                                    if(buttonDOM.text().length === 3) {
1332                                        buttonDOM.text(".");
1333                                    }
1334                                    else {
1335                                        buttonDOM.text(buttonDOM.text() + ".");
1336                                    }
1337                                }, 300);
1338                            });
1339                        // Déblocage au bout de 1 seconde
1340                        if(renable){
1341                            window.setTimeout(function(){
1342                                clearInterval(buttonInterval);
1343                                buttonDOM
1344                                    .prop("disabled", false)
1345                                    .removeClass("disabled")
1346                                    .removeAttr("style")
1347                                    .text(text);
1348                            }, 1000);
1349                        }
1350                    });
1351                    // Déblocage au bout de 1 seconde
1352                    if(renable){
1353                        window.setTimeout(function(){
1354                            _this.data("multi-submit-protection", false);
1355                        }, 1000);
1356                    }
1357                    // Retour
1358                    return true;
1359                }
1360            });
1361        </script>
1361							<div class="row colsMiddle">
1362								<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
1363									<div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateHeaderBlockNewsletterEmailNotice"></div>
1364                <label
1365                    id="templateHeaderBlockNewsletterEmailLabel"
1366                    for="templateHeaderBlockNewsletterEmail"
1367                >
1368                Je m&#039;abonne à la newsletter
1369                
1370                
1371                </label>
1372                <input
1373                    type="email"
1374                    data-typo-check="true"
1375                    name="templateHeaderBlockNewsletterEmail"
1376                    class=""
1377                    value=""
1378                    placeholder="Je m&#039;abonne à la newsletter"
1379                    autocomplete="email"
1380                    
1381                    
1382                    id="templateHeaderBlockNewsletterEmail"
1383                >
1384                
1385                <div class="clearBoth"></div>
1386            </div>
1387            
1387<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1388                $("#templateHeaderBlockNewsletterEmail").on("change", function() {
1389                    _spark.form.mail.check("templateHeaderBlockNewsletterEmail");
1390                });
1391            </script>
1391
1392        								</div>
1393								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
1394									
1395            <button
1396                type="submit"
1397                id="templateHeaderBlockNewsletterSubmit"
1398                class="
1399                    button
1400                    buttonOrange
1401                    textAlignCenter
1402                    buttonLarge
1403                    
1404                    
1405                "
1406                
1407            >
1408                
1409                <span class="valignInitial">OK</span>
1410            </button>
1411        								</div>
1412							</div>
1413							
1414							</form>
1415                
1415<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1416                    $("#templateHeaderBlockNewsletterForm")
1417                        // Init
1418                        .data("dirty", 0)
1419                        // Form submit is possible
1420                        .on("submit", function(){
1421                            window.onbeforeunload = null;
1422                        })
1423                        // On change
1424                        .find("input, textarea").on("change", function(){
1425                            if(document.readyState === "complete"){
1426                                $("#templateHeaderBlockNewsletterForm").data().dirty++;
1427                            }
1428                        });
1429                    // Ajout
1430                    _spark.dirty.push(function(){
1431                        return $("#templateHeaderBlockNewsletterForm").data("dirty") > 0;
1432                    });
1433                </script>
1433
1434            
1435                
1435<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1436                    _spark.form.mail.initMailGroup("templateHeaderBlockNewsletter");
1437                </script>
1437
1438                						</div>
1439																														<div id="templateHeaderBlockButtonWrapper" class="displayNone">
1440							
1441            <div
1442                id="templateHeaderBlockButtonButton"
1443                class="
1444                    button
1445                    textAlignCenter
1446                    buttonBlue
1447                    buttonLarge
1448                    
1449                    valignMiddle
1450                "
1451            ><span class="valignInitial"></span></div>						</div>
1452						<div id="templateHeaderBlockSocialWrapper">
1453							                                							                                							                                							                                							                                							                                													</div>
1454					</div>
1455				</div>
1456			</div>
1457		</div>
1458		<!-- Fix #6796 -->
1459	<div id="templateHeaderVendorPictureWrapper">
1460		<a
1461			href="https://www.cffc.fr"
1462			id="templateHeaderVendorPicture"
1463		>
1464			<img src="https://app.assoconnect.com/services/storage?id=606091&amp;type=picture&amp;secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&amp;timestamp=1775349756" class="notHeightAuto">
1465		</a>
1466	</div>
1467	<!-- Fix #10003 -->
1468			<!-- Fond de remplacement si aucune image -->
1469			<!-- Pour le mode édition n'affiche que la première image -->
1470								<!-- Récupère le sprite -->
1471				<!-- Affiche la ou les images -->
1472		<div id="templateHeaderPictures">
1473							<div class="templateHeaderPicture">
1474					<div class="templateHeaderPictureReference">
1475						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1476							position: absolute;
1477							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2VC786E8QD4MCDKAJKHE26J000/Nonprofit_0HX6EQ0BKS76Y8VZ18RRZNPFAE/Organization_0HX7C4V79HEF59ZY828AP10082/header.sprite.ae47aa2b6c94b5be48b231b1f9079a6f5aea5801.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106637258&amp;Signature=1MmqG4fBe9SZgvub6jWdVr8qzAQ%3D) left -0px;
1478							width: 1574px;
1479							height: 250px;
1480							top: 0;
1481							left: -710px;
1482						">
1483					</div>
1484				</div>
1485				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1486											<div class="templateHeaderPicture">
1487					<div class="templateHeaderPictureReference">
1488						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1489							position: absolute;
1490							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2VC786E8QD4MCDKAJKHE26J000/Nonprofit_0HX6EQ0BKS76Y8VZ18RRZNPFAE/Organization_0HX7C4V79HEF59ZY828AP10082/header.sprite.ae47aa2b6c94b5be48b231b1f9079a6f5aea5801.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106637258&amp;Signature=1MmqG4fBe9SZgvub6jWdVr8qzAQ%3D) left -250px;
1491							width: 1574px;
1492							height: 250px;
1493							top: 0;
1494							left: -789px;
1495						">
1496					</div>
1497				</div>
1498				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1499									</div>
1500	</header>
1501
1502
1503
1504<!-- Navigation et réseaux sociaux -->
1505
1506<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent -->
1507<div id="templateNavContainer">
1508
1509	<div id="templateNavWrapper">
1510
1511		<!-- Éditable et hover -->
1512		<div id="templateNavWrapperHover" class="templateHover"></div>
1513		<div id="templateNavWrapperEditable" class="templateEditable templateEditableNav">
1514			<div class="displayTable height100 width100">
1515				<div class="displayTableCell valignMiddle">
1516					<p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p>
1517					<div class="templateEditableButton">Cliquez pour éditer</div>
1518				</div>
1519			</div>
1520		</div>
1521
1522		<!-- Réseaux sociaux -->
1523		<div id="templateNavSocialWrapper">
1524			                			                			                			                			                			                					</div>
1525
1526		<!-- Navigation -->
1527		<nav id="templateNav">
1528						<ul id="navVendorWrapper">
1529				<!-- Nom & logo de l'organisation -->
1530                				<li id="navVendorPicture">
1531					<div class="displayTable height100"><!-- displayTable = fix #8392 -->
1532						<a class="displayTableCell width100 valignMiddle" href="/">
1533							<img src="https://app.assoconnect.com/services/storage?id=606091&amp;type=picture&amp;secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&amp;timestamp=1775349756&amp;size=small" alt="CFFC">
1534						</a>
1535					</div>
1536				</li>
1537			</ul>
1538			<ul>
1539                                                                                                                        <li
1540                                    data-templatesubnav="350385"
1541                                    class="
1542                                                                                                                            active
1543                                                                            "
1544                                >
1545                                    <a
1546                                        href="/page/350386-presentation"
1547                                        class="displayTable height100"
1548                                    >
1549                                        <div class="displayTableCell valignMiddle">
1550                                                                                            <img src="https://assets.assoconnect.com/legacy/common/ico/ico.home.32.dark.png" class="_gif icoHome32Dark" alt="icoHome32Dark" title="" id="image_6ac4b8ca6891c" >                                                                                    </div>
1551                                        <div class="displayTableCell valignMiddle">
1552                                            Présentation                                            <sp
1552an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1553                                        </div>
1554                                    </a>
1555                                    <ul>
1556                                                                            </ul>
1557                                </li>
1558                                                                                                                <li
1559                                    data-templatesubnav="350390"
1560                                    class="
1561                                                                                                                    "
1562                                >
1563                                    <a
1564                                        href="/page/350391-descriptif-et-tarifs"
1565                                        class="displayTable height100"
1566                                    >
1567                                        <div class="displayTableCell valignMiddle">
1568                                                                                    </div>
1569                                        <div class="displayTableCell valignMiddle">
1570                                            Formations                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1571                                        </div>
1572                                    </a>
1573                                    <ul>
1574                                                                            </ul>
1575                                </li>
1576                                                                                                                <li
1577                                    data-templatesubnav="803797"
1578                                    class="
1579                                                                                                                    "
1580                                >
1581                                    <a
1582                                        href="/page/350397-grand-age"
1583                                        class="displayTable height100"
1584                                    >
1585                                        <div class="displayTableCell valignMiddle">
1586                                                                                    </div>
1587                                        <div class="displayTableCell valignMiddle">
1588                                            Grand âge                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1589                                        </div>
1590                                    </a>
1591                                    <ul>
1592                                                                            </ul>
1593                                </li>
1594                                                                                                                <li
1595                                    data-templatesubnav="803794"
1596                                    class="
1597                                                                                                                    "
1598                                >
1599                                    <a
1600                                        href="/page/803762-ateliers-sante"
1601                                        class="displayTable height100"
1602                                    >
1603                                        <div class="displayTableCell valignMiddle">
1604                                                                                    </div>
1605                                        <div class="displayTableCell valignMiddle">
1606                                            Prévention santé                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1607                                        </div>
1608                                    </a>
1609                                    <ul>
1610                                                                            </ul>
1611                                </li>
1612                                                                                                                <li
1613                                    data-templatesubnav="803798"
1614                                    class="
1615                                                                                                                    "
1616                                >
1617                                    <a
1618                                        href="/page/803755-ecrivain-public"
1619                                        class="displayTable height100"
1620                                    >
1621                                        <div class="displayTableCell valignMiddle">
1622                                                                                    </div>
1623                                        <div class="displayTableCell valignMiddle">
1624                                            Accès aux droits                                            <sp
1624an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1625                                        </div>
1626                                    </a>
1627                                    <ul>
1628                                                                            </ul>
1629                                </li>
1630                                                                                                                <li
1631                                    data-templatesubnav="350396"
1632                                    class="
1633                                                                                                                    "
1634                                >
1635                                    <a
1636                                        href="/page/803760-familles-et-ecole"
1637                                        class="displayTable height100"
1638                                    >
1639                                        <div class="displayTableCell valignMiddle">
1640                                                                                    </div>
1641                                        <div class="displayTableCell valignMiddle">
1642                                            Familles et école                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1643                                        </div>
1644                                    </a>
1645                                    <ul>
1646                                                                            </ul>
1647                                </li>
1648                                                                                        				<!-- Mon compte -->
1649								<!-- Panier -->
1650								<!-- Boutons -->
1651																									<li id="templateNavButton1Container" class="hideHover displayNone">
1652					<a href="https://savoirs.rfi.fr/fr/testez-votre-niveau-de-francais" class="height100 displayTable">
1653						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1654						<div class="displayTableCell valignMiddle">
1655							
1656            <div
1657                id="templateNavButton1Button"
1658                class="
1659                    button
1660                    textAlignCenter
1661                    buttonBlue
1662                    buttonLarge
1663                    
1664                    valignMiddle
1665                "
1666            ><span class="valignInitial"></span></div>						</div>
1667					</a>
1668				</li>
1669																									<li id="templateNavButton2Container" class="hideHover displayNone">
1670					<a href="" class="height100 displayTable">
1671						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1672						<div class="displayTableCell valignMiddle">
1673							
1674            <div
1675                id="templateNavButton2Button"
1676                class="
1677                    button
1678                    textAlignCenter
1679                    buttonBlue
1680                    buttonLarge
1681                    
1682                    valignMiddle
1683                "
1684            ><span class="valignInitial"></span></div>						</div>
1685					</a>
1686				</li>
1687				<!-- Connexion -->
1688				<li id="templateNavButtonLoginContainer" class="hideHover displayNone">
1689					<a href="/contacts/login?redirect=%2Fpage%2F350386-presentation" class="height100 displayTable">
1690						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 -->
1691						<div class="displayTableCell valignMiddle">
1692							
1693            <div
1694                id="templateNavButtonLoginButton"
1695                class="
1696                    button
1697                    textAlignCenter
1698                    buttonBlue
1699                    buttonLarge
1700                    
1701                    valignMiddle
1702                "
1703            ><span class="valignInitial">Se connecter</span></div>						</div>
1704					</a>
1705				</li>
1706			</ul>
1707		</nav>
1708
1709	</div>
1710
1711	<div id="templateSubNavWrapper">
1712
1713		<div id="templateSubNav">
1714																																																
1715		</div>
1716
1717	</div>
1718
1719</div>
1720
1721<!-- 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) -->
1722
1723<!-- Page -->
1724<article id="templatePageWrapper" class="layout-md">
1725	<div id="templatePage">
1726		<!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe -->
1727		<div id="templateIframe">
1728			<!-- Tabulations -->
1729    <!-- Affiche les onglets pour les organisation dépendantes -->
1730    
1731    <!-- 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 -->
1732                
1733    <!-- Tabulations en mode Fil d'Ariane -->
1734            <!-- Une tabulation, juste le titre s'affiche -->
1735                    <div class="templatePageHeader" data-id="component_Header">
1736                <div>
1737                    <div id="templateTitle" class="templatePageHeaderPart">
1738                                                <span class="displayInlineBlock valignMiddle"></span>
1739                                            </div>
1740                                    </div>
1741            </div>
1742
1743            <!-- Plusieurs tabulations, affichage du titre et des tabulations -->
1744                <!-- Titre uniquement -->
1745        <!-- Titre uniquement -->
1746<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) -->
1747<div class="clearBoth"></div>
1748<!-- Template -->
1749<div class="templatePageWrapper layout-md">
1750        <div class="templatePageContent ">
1751                    <div class="templatePageContentHeader">
1752                            </div>
1753                
1754
1755
1756
1757
1758<!-- Lien d'édition -->
1759
1760<!-- Contenu de la page -->
1761<div id="boxes">
1762	
1763            <style>
1764                #box106519582 {
1765                	position:		absolute;
1766                	left:			0%;
1767                	top:			0px;
1768                	height:			120px;
1769                	
1770                	padding:		0;
1771                	margin:			0!important;
1772                	border:			0;
1773                }
1774            </style>
1775            <div class="boxLandmark ">
1776                <div
1777                	id="box106519582"
1778                	class="box"
1779                	style="width: 100%"
1780                	data-type="text"
1781                	>
1782                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 120px; background: transparent">
1783                		<div class="overflowHidden height100"><h2 style="text-align:center;"><strong><em><span style="color:#000000;"><span style="font-size:small;"><span style="font-size:large;">L’association Chinois de France – Français de Chine (CFFC) poursuit, depuis sa création en 1998, ses actions à l’aide et au soutien de l’intégration des populations migrantes en France, en particulier venant de Chine.</span></span></span></em></strong> </h2></div>
1784                	</div>
1785                </div>
1786            </div>
1787        
1788            <style>
1789                #box106519583 {
1790                	position:		absolute;
1791                	left:			0%;
1792                	top:			120px;
1793                	height:			300px;
1794                	
1795                	padding:		0;
1796                	margin:			0!important;
1797                	border:			0;
1798                }
1799            </style>
1800            <div class="boxLandmark ">
1801                <div
1802                	id="box106519583"
1803                	class="box"
1804                	style="width: 50%"
1805                	data-type="text"
1806                	>
1807                	<div style="position: relative; overflow:hidden; height: 300px; background: transparent">
1808                		<div class="overflowHidden height100"><p style="text-align:justify;"><span style="color:#000000;"><span style="font-size:small;"><span style="font-size:large;">Installée au cœur du Grand Belleville, ce quartier est  aujourd’hui devenu le carrefour où se rencontrent de multiples nationalités, parmi elles, la population de Chine continentale a pris une importance grandissante tant en terme de visibilité extérieure que d’activité commerciale.</span></span></span></p>
1809
1810<p style="text-align:justify;"><span style="color:#000000;"><span style="font-size:small;"><span style="font-size:large;">Si les personnes venues de la région de Wenzhou constituent le public traditionnel de l’association, ceux à pousser la porte de l’association viennent dorénavant davantage des régions du littoral de la Chine, notamment du nord-est pour les Dongbei. Des provinces plus à l’intérieur des terres sont également représentées, avec par exemple l’Anhui, le Yunnan, le Shanxi.</span></span></span></p></div>
1811                	</div>
1812                </div>
1813            </div>
1814        
1815            <style>
1816                #box106519584 {
1817                	position:		absolute;
1818                	left:			58.333333333333%;
1819                	top:			120px;
1820                	height:			240px;
1821                	
1822                	padding:		0;
1823                	margin:			0!important;
1824                	border:			0;
1825                }
1826            </style>
1827            <div class="boxLandmark ">
1828                <div
1829                	id="box106519584"
1830                	class="box"
1831                	style="width: 33.333333333333%"
1832                	data-type="picture"
1833                	>
1834                	<div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent">
1835                		
1836                	<div class="overflowHidden displayInlineBlock positionRelative" style="
1837                		width:368px;
1838                		max-width: 100%;
1839                		height:240px;
1840                		text-align: center;
1841                		
1842                border-radius: 10px;">
1843                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
1844                			<img
1845                				src="https://app.assoconnect.com/services/storage?id=868338&amp;type=picture&amp;secret=OzUpHgkN4sHgePyXRrH9hf4Co6dwRtcvcyVGdndc&amp;timestamp=1775412561"
1846                				style="
1847                					position:absolute;
1848                					width:368.004px;
1849                					height:197.80215px;
1850                					top:21px;
1851                					left:-184px;
1852                					max-width:none;
1853                				"
1854                			>
1855                		</div>
1856                	</div>
1857                	</div>
1858                </div>
1859            </div>
1860        
1861            <style>
1862                #box106519585 {
1863                	position:		absolute;
1864                	left:			0%;
1865                	top:			420px;
1866                	height:			180px;
1867                	
1868                	padding:		0;
1869                	margin:			0!important;
1870                	border:			0;
1871                }
1872            </style>
1873            <div class="boxLandmark ">
1874                <div
1875                	id="box106519585"
1876                	class="box"
1877                	style="width: 100%"
1878                	data-type="text"
1879                	>
1880                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 180px; background: transparent">
1881                		<div class="overflowHidden height100"><h2><span style="color:#000000;"><span style="font-size:small;"><span style="font-size:large;">En réponse à cette hétérogénéité des publics, l’association CFFC développe et renforce des actions à partir de 2014 pour être en mesure de proposer des services adaptés aux différents publics, surtout, les ouvrir le plus possible sur le monde environnant et la société française.  CFFC est devenue une structure reconnue pour la communauté sinophone. </span></span></span></h2>
1882
1883<p><span style="color:#000000;"><span style="font-size:small;"><span style="font-size:large;">Notre association ne peut pas fonctionner sans l’aide précieuse de nos bénévoles, et toutes sortes de participation à nos activités seront bienvenues. <em><strong>Venez nous rencontrer et discutons en. </strong></em></span></span></span></p></div>
1884                	</div>
1885                </div>
1886            </div>
1887        
1888            <style>
1889                #box106519586 {
1890                	position:		absolute;
1891                	left:			16.666666666667%;
1892                	top:			660px;
1893                	height:			180px;
1894                	
1895                	padding:		0;
1896                	margin:			0!important;
1897                	border:			0;
1898                }
1899            </style>
1900            <div class="boxLandmark ">
1901                <div
1902                	id="box106519586"
1903                	class="box"
1904                	style="width: 33.333333333333%"
1905                	data-type="text"
1906                	>
1907                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 180px; background: transparent">
1908                		<div class="overflowHidden height100"><h2><span style="font-size:16px"><strong>Rapport d&#039;activité 2025</strong></span></h2></div>
1909                	</div>
1910                </div>
1911            </div>
1912        
1913            <style>
1914                #box106519587 {
1915                	position:		absolute;
1916                	left:			50%;
1917                	top:			660px;
1918                	height:			60px;
1919                	
1920                	padding:		0;
1921                	margin:			0!important;
1922                	border:			0;
1923                }
1924            </style>
1925            <div class="boxLandmark ">
1926                <div
1927                	id="box106519587"
1928                	class="box"
1929                	style="width: 33.333333333333%"
1930                	data-type="document"
1931                	>
1932                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
1933                		
1934                <a
1935                	href="https://app.assoconnect.com/services/storage?type=document&amp;id=7776235&amp;secret=SSVtX65gJzZbBkN3jGh1r1sZtY7Mv2uZcVuIMAFN&amp;timestamp=1789568679&amp;download=1"
1936                	
1937                >
1938                	<p>
1939                		<img src="https://assets.assoconnect.com/legacy/common/ico/ico.paperclip.32.dark.png" class="_gif icoPaperclip32Dark valignMiddle" alt="icoPaperclip32Dark" title="" id="image_6ac3a9951d5a3" >
1940                		
1941                	</p>
1942                </a>
1943            
1944                	</div>
1945                </div>
1946            </div>
1947        </div>    </div>
1948</div>
1949		</div>
1950	</div>
1951</article>
1952
1953<!-- Footer -->
1954<footer id="templateFooterWrapper">
1955	            <div id="templateFooter">
1956                            <div id="templateFooterText">Chinois de France Français de Chine<br />
195745 rue de Tourtille, 75020 Paris. Métro :  Belleville - Lignes 2 et 11. Tél : 01 83 91 86 31</div>
1958                        <div id="templateFooterBlockContainer">
1959                <div class="row">
1960                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
1961                        <div id="templateFooterBlockWrapper" class="row">
1962                            <!-- Liste des pages de l'organisation principal -->
1963                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
1964                                    <span>Plus d&#039;informations ?</span>
1965                                    <ul>
1966                                                                                    <li>
1967                                                <a href="
1968                                                                                                                                                                    /page/803793-nous-contacter                                                                                                    ">
1969                                                    Nous contacter                                                </a>
1970                                            </li>
1971                                                                            </ul>
1972                                </div>
1973                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
1974                                    <span>Ils nous font confiance :</span>
1975                                    <ul>
1976                                                                                    <li>
1977                                                <a href="
1978                                                                                                                                                                    /page/350395-nos-partenaires                                                                                                    ">
1979                                                    Nos partenaires                                                </a>
1980                                            </li>
1981                                                                            </ul>
1982                                </div>
1983                                                    </div>
1984                    </div>
1985                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
1986                        <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/350386-presentation"><input type="hidden" name="_formMulti" value="6ac4b8ca6f2fc|ea4c00d1b122a7b9d2b7823446a6e98507a3f731">
1986<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
1987            $("#templateFooterNewsletterForm").on("submit", function(){
1988                var _this = $(this);
1989                var renable = true;
1990                if(_this.data("multi-submit-protection")){
1991                    return false;
1992                }
1993                else{
1994                    // Blocage à la prochaine soumission
1995                    _this.data("multi-submit-protection", true);
1996                    // Blocage & chargement sur les boutons
1997                    _this.find("button[type='submit']").each(function(){
1998                        var text = $(this).text();
1999                        var buttonDOM = $(this);
2000                        var buttonInterval;
2001                        buttonDOM
2002                            .addClass("disabled")
2003                            .prop("disabled", true)
2004                            .css("width", buttonDOM.outerWidth() + "px")
2005                            .text(".")
2006                            .inDOM(function() {
2007                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
2008                                buttonInterval = setInterval(function() {
2009                                    if(buttonDOM.text().length === 3) {
2010                                        buttonDOM.text(".");
2011                                    }
2012                                    else {
2013                                        buttonDOM.text(buttonDOM.text() + ".");
2014                                    }
2015                                }, 300);
2016                            });
2017                        // Déblocage au bout de 1 seconde
2018                        if(renable){
2019                            window.setTimeout(function(){
2020                                clearInterval(buttonInterval);
2021                                buttonDOM
2022                                    .prop("disabled", false)
2023                                    .removeClass("disabled")
2024                                    .removeAttr("style")
2025                                    .text(text);
2026                            }, 1000);
2027                        }
2028                    });
2029                    // Déblocage au bout de 1 seconde
2030                    if(renable){
2031                        window.setTimeout(function(){
2032                            _this.data("multi-submit-protection", false);
2033                        }, 1000);
2034                    }
2035                    // Retour
2036                    return true;
2037                }
2038            });
2039        </script>
2039                            <div class="row colsMiddle">
2040                                <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
2041                                    <div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div>
2042                <label
2043                    id="templateFooterBlocNewsletterEmailLabel"
2044                    for="templateFooterBlocNewsletterEmail"
2045                >
2046                Je m&#039;abonne à la newsletter
2047                
2048                
2049                </label>
2050                <input
2051                    type="email"
2052                    data-typo-check="true"
2053                    name="templateFooterBlocNewsletterEmail"
2054                    class=""
2055                    value=""
2056                    placeholder="Renseignez votre email"
2057                    autocomplete="email"
2058                    
2059                    
2060                    id="templateFooterBlocNewsletterEmail"
2061                >
2062                
2063                <div class="clearBoth"></div>
2064            </div>
2065            
2065<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
2066                $("#templateFooterBlocNewsletterEmail").on("change", function() {
2067                    _spark.form.mail.check("templateFooterBlocNewsletterEmail");
2068                });
2069            </script>
2069
2070                                        </div>
2071                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom">
2072                                    
2073            <button
2074                type="submit"
2075                id="templateFooterBlocNewsletterSubmit"
2076                class="
2077                    button
2078                    buttonOrange
2079                    textAlignCenter
2080                    buttonLarge
2081                    
2082                    
2083                "
2084                
2085            >
2086                
2087                <span class="valignInitial">OK</span>
2088            </button>
2089                                        </div>
2090                            </div>
2091                            
2092                        </form>
2093                
2093<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
2094                    $("#templateFooterNewsletterForm")
2095                        // Init
2096                        .data("dirty", 0)
2097                        // Form submit is possible
2098                        .on("submit", function(){
2099                            window.onbeforeunload = null;
2100                        })
2101                        // On change
2102                        .find("input, textarea").on("change", function(){
2103                            if(document.readyState === "complete"){
2104                                $("#templateFooterNewsletterForm").data().dirty++;
2105                            }
2106                        });
2107                    // Ajout
2108                    _spark.dirty.push(function(){
2109                        return $("#templateFooterNewsletterForm").data("dirty") > 0;
2110                    });
2111                </script>
2111
2112            
2113                
2113<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
2114                    _spark.form.mail.initMailGroup("templateFooterNewsletter");
2115                </script>
2115
2116                                        <div id="templateFooterSocialWrapper">
2117                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
2118                    </div>
2119                </div>
2120            </div>
2121        </div>
2122    	<div id="templateFooterInformation">
2123		<ul>
2124			<!-- Plan du site -->
2125			<li>
2126				<a href="/infos/plan/
2127											88269									">Plan du site</a>
2128			</li>
2129
2130			<!-- Licences -->
2131			<li>
2132				<a href="/infos/licenses">Licences</a>
2133			</li>
2134
2135			<!-- CGU -->
2136							<li>
2137					<a href="/infos/legal-notice">Mentions légales</a>
2138				</li>
2139							<li>
2140					<a href="/infos/tos">CGUV</a>
2141				</li>
2142			
2143			<!-- CGU -->
2144			<li>
2145				<a id="configureCookies" href="#">Paramétrer vos cookies</a>
2146			</li>
2147
2148			<!-- Connexion/déconnexion et mon compte -->
2149							<li>
2150					
2151                <a
2152                    id="templateNavButtonLoginButtonLink"
2153                    href="https://www.cffc.fr/contacts/login?redirect=%2Fpage%2F350386-presentation"
2154                    class=""
2155                    target=""
2156                    rel="noopener"
2157                >
2158            <div
2159                id="templateNavButtonLoginButton"
2160                class="
2161                    button
2162                    textAlignCenter
2163                    buttonBlue
2164                    buttonLarge
2165                    valignMiddle margin0
2166                    valignMiddle
2167                "
2168            ><span class="valignInitial">Se connecter</span></div></a>
2169            				</li>
2170					</ul>
2171					<ul>
2172				<li class="paddingTop0">
2173                                                                <a href="https://www.assoconnect.com/associations/logiciel-association-culturelle/" target="_blank">
2174                            Propulsé par AssoConnect, le logiciel des associations Culturelles                        </a>
2175                    				</li>
2176			</ul>
2177			</div>
2178	</footer>
2179
2180<!-- Footer - Global -->
2181		</div>
2182		
2183		<!-- JS -->
2184		    
2184<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
2185        /**
2186 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY
2187 */
2188function templatePageHeight() {
2189	var boxes = $("#boxes");
2190	var heightMax = 0;
2191	var templatePage = $("#templatePage");
2192	var templateNavContainer = $("#templateNavContainer");
2193
2194	// Cherche la box la plus basse dans la page
2195	boxes.find("> .boxLandmark > .box").each(function() {
2196		heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top);
2197	});
2198
2199	// templatePage prend la hauteur du menu si : heightMax < templateNavContainer
2200	if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) {
2201		return templateNavContainer.height() - templatePage.offset().top;
2202	}
2203	// templatePage prend la hauteur de la fenêtre si : heightMax < window
2204	else if(heightMax < $(window).height()) {
2205		return $(window).height() - templatePage.offset().top;
2206	}
2207	// templatePage prend la hauteur du dernier élément DIY
2208	else {
2209		var templateNavContainerHeight = 0;
2210
2211		// Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute
2212		if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") {
2213			templateNavContainerHeight = templateNavContainer.height();
2214		}
2215
2216		return Math.round(heightMax - $("#templatePageWrapper").offset().top);
2217	}
2218}
2219
2220/**
2221 * Force templatePage à prendre toute la hauteur pour les pages du DIY
2222 */
2223$(window).on("load", function() {
2224	if($("#boxes").children().length) {
2225		$("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page
2226		$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
2227		// Après un redimensionnement de l'écran
2228		var resized;
2229		$(window).on("resize orientationChanged", function() {
2230			clearTimeout(resized);
2231			resized = setTimeout(function() {
2232				$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
2233			}, 200);
2234		});
2235	}
2236});
2237
2238$(".video-youtube, .feed-facebook").each(function() {
2239    $(this).on("click", function() {
2240        if (window.openIubendaCookies) {
2241            window.openIubendaCookies();
2242        }
2243    });
2244});
2245    </script>
vendor: 1 bytes, line 2245
2245
2246<script nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf">
2247    if(window.console && window.console.log){
2248        // Affichage des notices non capturées
2249            }
2250</script>
2250
2251
2252		
2253					
2253<script
2254				nonce="337242f4-84b7-4d4a-99de-27a9e4153bcf"
2255				src="https://cdn.hub-prod.team.blue/loader/widget-loader.js"
2256				data-teamblue-footer
2257				data-footer="hidden"
2258			></script>
2258
2259			</body>
2260</html>
2261

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.