PageSourceSearch

https://www.cffc.fr/page/350391-descriptif-et-tarifs

html cffc.fr collected 2026-10-06 09:01:00 UTC 83,509 bytes, 1,982 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>Descriptif et tarifs | CFFC</title>
10                    <meta property="og:title" content="Descriptif et tarifs | CFFC">
11                    <meta name="description" content="Formations - Descriptif et tarifs - Nos formations...">
12        <meta property="og:description" content="Formations - Descriptif et tarifs - Nos formations...">
13                    <meta property="og:locale" content="fr_FR">
14                    <meta property="og:url" content="https://www.cffc.fr/page/350391-descriptif-et-tarifs">
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/350391-descriptif-et-tarifs">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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\/350391-descriptif-et-tarifs";
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 = "2433c428-b8b2-4476-89ab-25bad8dd4fe1";
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1" 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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1"></script>
540
541<!-- Iubenda -->
542<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
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				
986	/* Position de l'image de l'organisation dans le haut de page */
987				#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture {
988			display: none;
989		}
990	
991	/* Taille texte bloc */
992	#templateHeaderBlockTitleWrapper {
993		font-size: 26px;
994	}
995
996	/* Taille image bloc */
997	#templateHeaderBlockVendorPictureWrapper img {
998		width: 200px;
999	}
1000
1001	/* Type de bloc */
1002	#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1003				background-color: rgba(34, 167, 240, .5);
1004	}
1005
1006	@media (min-width: 1151px) {
1007		/* Position du logo dans le menu */
1008		#templateNavWrapper #templateNav #navVendorWrapper {
1009							display: none;
1010					}
1011
1012		/* Place le haut de page sous le menu si le menu est transparent */
1013		
1014		/* Hauteur du menu (les ">" pour ignorer les sous-menus) */
1015		#templateNavWrapper #templateNav > ul > li {
1016			height: 75px;
1017		}
1018		#templateSubNavWrapper ul li {
1019			height: 40px;
1020			line-height: 40px;
1021		}
1022		#templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img {
1023			max-height: 75px;
1024		}
1025
1026		/* Type de bloc */
1027		
1028		/* La largeur du haut de page ne dépasse pas la largeur du contenu du site */
1029		
1030		/* Arrondi les coins du menu, du haut de page et du contenu */
1031		
1032		/* Séparation des différents éléments */
1033		
1034		/* Position du bloc */
1035							#templateHeaderWrapper #templateHeader {
1036				text-align: center;
1037			}
1038		
1039		/* Texte du menu en gras */
1040		
1041		/* Texte du menu en majuscule */
1042					#templateNavWrapper #templateNav,
1043			#templateSubNavWrapper {
1044				text-transform: uppercase;
1045			}
1046		
1047		/* Cache les icônes */
1048					#templateNav ._gif:not(.noHide) {
1049				display: none;
1050			}
1051		
1052		/* Espacement entre les items du menu */
1053							#templateNavWrapper #templateNav ul li a,
1054			#templateNavWrapper #templateNav ul li ul li a,
1055			#templateSubNavWrapper ul li a {
1056				padding: 0 25px;
1057			}
1058		
1059		/* Alignement du contenu du menu */
1060							#templateNavWrapper #templateNav,
1061			#templateSubNavWrapper {
1062				text-align: center;
1063			}
1064		
1065		/* Hauteur du logo de l'organisation dans le haut de page */
1066					#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img {
1067				height: 100px;
1068			}
1069			}
1070
1071	@media (max-width: 1150px) {
1072	    	    #templateNavBarVendorPicture {
1073	        display: none;
1074	    }
1075		
1076		/* Cache le bloc en responsive si le site dispose d'un logo d'organisation */
1077				
1078		/* Alignement du menu en fonction de la barre d'administration */
1079		#templateNavWrapper {
1080					top: 55px;
1081				}
1082
1083	}
1084
1085	/* Fond fullscreen dans les pages personnalisées */
1086			#boxes .boxLandmarkBackground {
1087			width: calc(100% + 27px);
1088			margin-left: -13.5px !important;
1089			max-width: 1131px !important;
1090		}
1091	
1092	/* Arrondi des champs */
1093	input[type="text"],
1094	input[type="search"]:not(.choices__input),
1095	.choices,
1096	input[type="password"],
1097	input[type="date"],
1098	input[type="tel"],
1099	input[type="number"],
1100	input[type="datetime-local"],
1101	input[type="email"],
1102	input[type="url"],
1103	textarea {
1104					border-radius: 5px;
1105			padding: 9px;
1106			}
1107	select {
1108					border-radius: 5px;
1109			}
1110	.selected-flag,
1111	.buttonBig,
1112	.buttonLarge,
1113	.buttonSmall,
1114	.bootstrap-switch,
1115	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
1116	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY,
1117	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
1118	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
1119					border-radius: 5px;
1120			}
1121	.buttonLarge {
1122					padding: 10px;
1123			}
1124	.buttonSmall {
1125			}
1126</style>
1127<!-- Message -->
1128<!-- Affichage Spark\Notification::message -->
1129<div id="messagesWrapper">
1130        	</div>
1131
1132<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1133    $('.message-support .messageClose').click(function(event) {
1134        _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1);
1135    });
1136</script>
1136
1137<!-- Misc Spark -->
1138
1139<div class="displayNone" id="sparkTemplateTableExportColumns">
1140    <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/350391-descriptif-et-tarifs"><input type="hidden" name="_formMulti" value="6ac4b8cc7b0c2|26e2fce32cf417b75ca39e6495036d52092e8254">
1140<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1141            $("#sparkTemplateTableExportColumnsForm").on("submit", function(){
1142                var _this = $(this);
1143                var renable = false;
1144                if(_this.data("multi-submit-protection")){
1145                    return false;
1146                }
1147                else{
1148                    // Blocage à la prochaine soumission
1149                    _this.data("multi-submit-protection", true);
1150                    // Blocage & chargement sur les boutons
1151                    _this.find("button[type='submit']").each(function(){
1152                        var text = $(this).text();
1153                        var buttonDOM = $(this);
1154                        var buttonInterval;
1155                        buttonDOM
1156                            .addClass("disabled")
1157                            .prop("disabled", true)
1158                            .css("width", buttonDOM.outerWidth() + "px")
1159                            .text(".")
1160                            .inDOM(function() {
1161                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1162                                buttonInterval = setInterval(function() {
1163                                    if(buttonDOM.text().length === 3) {
1164                                        buttonDOM.text(".");
1165                                    }
1166                                    else {
1167                                        buttonDOM.text(buttonDOM.text() + ".");
1168                                    }
1169                                }, 300);
1170                            });
1171                        // Déblocage au bout de 1 seconde
1172                        if(renable){
1173                            window.setTimeout(function(){
1174                                clearInterval(buttonInterval);
1175                                buttonDOM
1176                                    .prop("disabled", false)
1177                                    .removeClass("disabled")
1178                                    .removeAttr("style")
1179                                    .text(text);
1180                            }, 1000);
1181                        }
1182                    });
1183                    // Déblocage au bout de 1 seconde
1184                    if(renable){
1185                        window.setTimeout(function(){
1186                            _this.data("multi-submit-protection", false);
1187                        }, 1000);
1188                    }
1189                    // Retour
1190                    return true;
1191                }
1192            });
1193        </script>
1193    <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div>
1194                <label
1195                    id="sparkTableExportColumnLabel"
1196                >
1197                    Exporter les lignes sélectionnées
1198                    
1199                    
1200                </label>
1201                <div class="formContent">
1202        
1203                <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1204                    <label class="radio" for="sparkTableExportColumn_all">
1205                        <input
1206                            type="radio"
1207                            name="sparkTableExportColumn"
1208                            id="sparkTableExportColumn_all"
1209                            value="all"
1210                            
1211                            
1212                            class=""
1213                        >
1214                        <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span>
1215                    </label>
1216                </div>
1217                
1217<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1218                    if(document.readyState === "complete"){
1219                        $("#sparkTableExportColumn_all").radiocheck();
1220                    }
1221                </script>
1221
1222            
1223                <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1224                    <label class="radio" for="sparkTableExportColumn_filter">
1225                        <input
1226                            type="radio"
1227                            name="sparkTableExportColumn"
1228                            id="sparkTableExportColumn_filter"
1229                            value="filter"
1230                            
1231                            
1232                            class=""
1233                        >
1234                        <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span>
1235                    </label>
1236                </div>
1237                
1237<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1238                    if(document.readyState === "complete"){
1239                        $("#sparkTableExportColumn_filter").radiocheck();
1240                    }
1241                </script>
1241
1242            </div></div>    </form>
1243                
1243<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1244                    _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns");
1245                </script>
1245
1246                </div>
1247
1248<!-- Barre d'administration -->
1249
1250<!-- Barre de navigation responsive -->
1251<div id="templateNavBar">
1252
1253	<div id="templateNavBarVendorPicture">
1254		<!-- Une organisation en particulier -->
1255					<a href="/">
1256				<img src="https://app.assoconnect.com/services/storage?id=606091&amp;type=picture&amp;secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&amp;timestamp=1775349756&amp;size=small" alt="CFFC">
1257			</a>
1258		<!-- L'organisation principale -->
1259			</div>
1260
1261	<div id="templateNavBarToggleMenu">
1262		<span>Menu</span>
1263					<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>
1264
1265	<div class="clearBoth"></div>
1266
1267</div>
1268
1269	
1270<!-- Header top -->
1271
1272<!-- Navigation et réseaux sociaux -->
1273
1274<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent -->
1275<div id="templateNavContainer">
1276
1277	<div id="templateNavWrapper">
1278
1279		<!-- Éditable et hover -->
1280		<div id="templateNavWrapperHover" class="templateHover"></div>
1281		<div id="templateNavWrapperEditable" class="templateEditable templateEditableNav">
1282			<div class="displayTable height100 width100">
1283				<div class="displayTableCell valignMiddle">
1284					<p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p>
1285					<div class="templateEditableButton">Cliquez pour éditer</div>
1286				</div>
1287			</div>
1288		</div>
1289
1290		<!-- Réseaux sociaux -->
1291		<div id="templateNavSocialWrapper">
1292			                			                			                			                			                			                					</div>
1293
1294		<!-- Navigation -->
1295		<nav id="templateNav">
1296						<ul id="navVendorWrapper">
1297				<!-- Nom & logo de l'organisation -->
1298                				<li id="navVendorPicture">
1299					<div class="displayTable height100"><!-- displayTable = fix #8392 -->
1300						<a class="displayTableCell width100 valignMiddle" href="/">
1301							<img src="https://app.assoconnect.com/services/storage?id=606091&amp;type=picture&amp;secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&amp;timestamp=1775349756&amp;size=small" alt="CFFC">
1302						</a>
1303					</div>
1304				</li>
1305			</ul>
1306			<ul>
1307                                                                                                                        <li
1308                                    data-templatesubnav="350385"
1309                                    class="
1310                                                                                                                    "
1311                                >
1312                                    <a
1313                                        href="/page/350386-presentation"
1314                                        class="displayTable height100"
1315                                    >
1316                                        <div class="displayTableCell valignMiddle">
1317                                                                                            <img src="https://assets.assoconnect.com/legacy/common/ico/ico.home.32.dark.png" class="_gif icoHome32Dark" alt="icoHome32Dark" title="" id="image_6ac4b8cc8b75c" >                                                                                    </div>
1318                                        <div class="displayTableCell valignMiddle">
1319                                            Présentation                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1320                                        </div>
1321                                    </a>
1322                                    <ul>
1323                                                                            </ul>
1324                                </li>
1325                                                                                                                <li
1326                                    data-templatesubnav="350390"
1327                                    class="
1328                                                                                                                            active
1329                                                                            "
1330                                >
1331                                    <a
1332                                        href="/page/350391-descriptif-et-tarifs"
1333                                        class="displayTable height100"
1334                                    >
1335                                        <div class="displayTableCell valignMiddle">
1336                                                                                    </div>
1337                                        <div class="displayTableCell valignMiddle">
1338                                            Formations                                            <sp
1338an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1339                                        </div>
1340                                    </a>
1341                                    <ul>
1342                                                                            </ul>
1343                                </li>
1344                                                                                                                <li
1345                                    data-templatesubnav="803797"
1346                                    class="
1347                                                                                                                    "
1348                                >
1349                                    <a
1350                                        href="/page/350397-grand-age"
1351                                        class="displayTable height100"
1352                                    >
1353                                        <div class="displayTableCell valignMiddle">
1354                                                                                    </div>
1355                                        <div class="displayTableCell valignMiddle">
1356                                            Grand âge                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1357                                        </div>
1358                                    </a>
1359                                    <ul>
1360                                                                            </ul>
1361                                </li>
1362                                                                                                                <li
1363                                    data-templatesubnav="803794"
1364                                    class="
1365                                                                                                                    "
1366                                >
1367                                    <a
1368                                        href="/page/803762-ateliers-sante"
1369                                        class="displayTable height100"
1370                                    >
1371                                        <div class="displayTableCell valignMiddle">
1372                                                                                    </div>
1373                                        <div class="displayTableCell valignMiddle">
1374                                            Prévention santé                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1375                                        </div>
1376                                    </a>
1377                                    <ul>
1378                                                                            </ul>
1379                                </li>
1380                                                                                                                <li
1381                                    data-templatesubnav="803798"
1382                                    class="
1383                                                                                                                    "
1384                                >
1385                                    <a
1386                                        href="/page/803755-ecrivain-public"
1387                                        class="displayTable height100"
1388                                    >
1389                                        <div class="displayTableCell valignMiddle">
1390                                                                                    </div>
1391                                        <div class="displayTableCell valignMiddle">
1392                                            Accès aux droits                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1393                                        </div>
1394                                    </a>
1395                                    <ul>
1396                                                                            </ul>
1397                                </li>
1398                                                                                                                <li
1399                                    data-templatesubnav="350396"
1400                                    class="
1401                                                                                                                    "
1402                                >
1403                                    <a
1404                                        href="/page/803760-familles-et-ecole"
1405                                        class="displayTable height100"
1406                                    >
1407                                        <div class="displayTableCell valignMiddle">
1408                                                                                    </div>
1409                                        <div class="displayTableCell valignMiddle">
1410                                            Familles et école                                            <sp
1410an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1411                                        </div>
1412                                    </a>
1413                                    <ul>
1414                                                                            </ul>
1415                                </li>
1416                                                                                        				<!-- Mon compte -->
1417								<!-- Panier -->
1418								<!-- Boutons -->
1419																									<li id="templateNavButton1Container" class="hideHover displayNone">
1420					<a href="https://savoirs.rfi.fr/fr/testez-votre-niveau-de-francais" class="height100 displayTable">
1421						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1422						<div class="displayTableCell valignMiddle">
1423							
1424            <div
1425                id="templateNavButton1Button"
1426                class="
1427                    button
1428                    textAlignCenter
1429                    buttonBlue
1430                    buttonLarge
1431                    
1432                    valignMiddle
1433                "
1434            ><span class="valignInitial"></span></div>						</div>
1435					</a>
1436				</li>
1437																									<li id="templateNavButton2Container" class="hideHover displayNone">
1438					<a href="" class="height100 displayTable">
1439						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1440						<div class="displayTableCell valignMiddle">
1441							
1442            <div
1443                id="templateNavButton2Button"
1444                class="
1445                    button
1446                    textAlignCenter
1447                    buttonBlue
1448                    buttonLarge
1449                    
1450                    valignMiddle
1451                "
1452            ><span class="valignInitial"></span></div>						</div>
1453					</a>
1454				</li>
1455				<!-- Connexion -->
1456				<li id="templateNavButtonLoginContainer" class="hideHover displayNone">
1457					<a href="/contacts/login?redirect=%2Fpage%2F350391-descriptif-et-tarifs" class="height100 displayTable">
1458						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 -->
1459						<div class="displayTableCell valignMiddle">
1460							
1461            <div
1462                id="templateNavButtonLoginButton"
1463                class="
1464                    button
1465                    textAlignCenter
1466                    buttonBlue
1467                    buttonLarge
1468                    
1469                    valignMiddle
1470                "
1471            ><span class="valignInitial">Se connecter</span></div>						</div>
1472					</a>
1473				</li>
1474			</ul>
1475		</nav>
1476
1477	</div>
1478
1479	<div id="templateSubNavWrapper">
1480
1481		<div id="templateSubNav">
1482																																																
1483		</div>
1484
1485	</div>
1486
1487</div>
1488
1489<!-- 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) -->
1490
1491<!-- Page -->
1492<article id="templatePageWrapper" class="layout-md">
1493	<div id="templatePage">
1494		<!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe -->
1495		<div id="templateIframe">
1496			<!-- Tabulations -->
1497    <!-- Affiche les onglets pour les organisation dépendantes -->
1498    
1499    <!-- 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 -->
1500                
1501    <!-- Tabulations en mode Fil d'Ariane -->
1502            <!-- Une tabulation, juste le titre s'affiche -->
1503                    <div class="templatePageHeader" data-id="component_Header">
1504                <div>
1505                    <div id="templateTitle" class="templatePageHeaderPart">
1506                                                <span class="displayInlineBlock valignMiddle"></span>
1507                                            </div>
1508                                    </div>
1509            </div>
1510
1511            <!-- Plusieurs tabulations, affichage du titre et des tabulations -->
1512                <!-- Titre uniquement -->
1513        <!-- Titre uniquement -->
1514<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) -->
1515<div class="clearBoth"></div>
1516<!-- Template -->
1517<div class="templatePageWrapper layout-md">
1518        <div class="templatePageContent ">
1519                    <div class="templatePageContentHeader">
1520                            </div>
1521                
1522
1523
1524
1525
1526<!-- Lien d'édition -->
1527
1528<!-- Contenu de la page -->
1529<div id="boxes">
1530	
1531            <style>
1532                #box10432734 {
1533                	position:		absolute;
1534                	left:			0%;
1535                	top:			0px;
1536                	height:			60px;
1537                	
1538                	padding:		0;
1539                	margin:			0!important;
1540                	border:			0;
1541                }
1542            </style>
1543            <div class="boxLandmark ">
1544                <div
1545                	id="box10432734"
1546                	class="box"
1547                	style="width: 41.666666666667%"
1548                	data-type="text"
1549                	>
1550                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
1551                		<div class="overflowHidden height100"><h2><strong><em>Nos formations</em></strong></h2></div>
1552                	</div>
1553                </div>
1554            </div>
1555        
1556            <style>
1557                #box10432730 {
1558                	position:		absolute;
1559                	left:			0%;
1560                	top:			120px;
1561                	height:			120px;
1562                	
1563                	padding:		0;
1564                	margin:			0!important;
1565                	border:			0;
1566                }
1567            </style>
1568            <div class="boxLandmark ">
1569                <div
1570                	id="box10432730"
1571                	class="box"
1572                	style="width: 100%"
1573                	data-type="text"
1574                	>
1575                	<div style="position: relative; overflow:hidden; height: 120px; background: transparent">
1576                		<div class="overflowHidden height100"><h2><span style="color:#000000;"><span style="font-size:large;">La langue comme levier pour accéder aux soins, aux droits, aux services publics et à un emploi en milieu francophone. Pour nos publics chinois, il s’agit bien un parcours d’intégration par l’apprentissage du français. </span></span></h2></div>
1577                	</div>
1578                </div>
1579            </div>
1580        
1581            <style>
1582                #box10432731 {
1583                	position:		absolute;
1584                	left:			16.666666666667%;
1585                	top:			240px;
1586                	height:			180px;
1587                	
1588                	padding:		0;
1589                	margin:			0!important;
1590                	border:			0;
1591                }
1592            </style>
1593            <div class="boxLandmark ">
1594                <div
1595                	id="box10432731"
1596                	class="box"
1597                	style="width: 83.333333333333%"
1598                	data-type="text"
1599                	>
1600                	<div style="position: relative; overflow:hidden; height: 180px; background: transparent">
1601                		<div class="overflowHidden height100"><ul><li>
1602	<p style="text-align:justify;"><span style="color:#000000;"><span style="font-size:small;"><span style="color:#595959;"><span style="font-size:large;"><em>Des cours d’Alpha : </em></span></span></span></span></p>
1603	</li>
1604</ul><p style="text-align:justify;"><span style="color:#000000;"><span style="font-size:large;">Organisés en 3 sessions de 3 mois, ouverte à l’inscription chaque trimestre (48h par session), réservé à un public scolarisé mais non initié à une langue alphabétique, 12 personnes par session. </span></span></p>
1605
1606<p><span style="color:#000000;"><span style="font-size:large;">Les questions de la prononciation, des liaisons, la structure des phrases simples ont fait l’objet d’une approche spécifique, dédiée aux publics sinophones.</span></span></p>
1607
1608<h2> </h2></div>
1609                	</div>
1610                </div>
1611            </div>
1612        
1613            <style>
1614                #box10432732 {
1615                	position:		absolute;
1616                	left:			16.666666666667%;
1617                	top:			420px;
1618                	height:			120px;
1619                	
1620                	padding:		0;
1621                	margin:			0!important;
1622                	border:			0;
1623                }
1624            </style>
1625            <div class="boxLandmark ">
1626                <div
1627                	id="box10432732"
1628                	class="box"
1629                	style="width: 83.333333333333%"
1630                	data-type="text"
1631                	>
1632                	<div style="position: relative; overflow:hidden; height: 120px; background: transparent">
1633                		<div class="overflowHidden height100"><ul><li>
1634	<p style="text-align:justify;"><span style="color:#595959;"><span style="font-size:large;"><em>Des ASL/FLE :</em></span></span></p>
1635	</li>
1636</ul><p style="text-align:justify;"><span style="color:#000000;"><span style="font-size:large;">Les cours consacrés aux ASL/FLE représentent 12 heures de formation linguistique hebdomadaire, organisés en groupes de niveaux à atteindre : A1.1 et A1, 3 fois 2 heures par semaine et par groupe, de 9h à 11h. </span></span></p></div>
1637                	</div>
1638                </div>
1639            </div>
1640        
1641            <style>
1642                #box10432733 {
1643                	position:		absolute;
1644                	left:			16.666666666667%;
1645                	top:			600px;
1646                	height:			120px;
1647                	
1648                	padding:		0;
1649                	margin:			0!important;
1650                	border:			0;
1651                }
1652            </style>
1653            <div class="boxLandmark ">
1654                <div
1655                	id="box10432733"
1656                	class="box"
1657                	style="width: 58.333333333333%"
1658                	data-type="text"
1659                	>
1660                	<div style="position: relative; overflow:hidden; height: 120px; background: transparent">
1661                		<div class="overflowHidden height100"><ul><li>
1662	<p style="text-align:justify;"><a href="https://cffc.assoconnect.com/page/350387-sorties-socio-culturelles"><span style="color:#2574a9;"><span style="font-size:large;"><em>Des sorties socio-culturelles:</em></span></span></a></p>
1663	</li>
1664</ul><p style="text-align:justify;"><span style="color:#000000;"><span style="font-size:large;">Des sorties plusieurs fois dans l'année complètent les cours en visitant des lieux liés aux institutions françaises comme l'Assemblée Nationale ou les musées.</span></span></p></div>
1665                	</div>
1666                </div>
1667            </div>
1668        </div>    </div>
1669</div>
1670		</div>
1671	</div>
1672</article>
1673
1674<!-- Footer -->
1675<footer id="templateFooterWrapper">
1676	            <div id="templateFooter">
1677                            <div id="templateFooterText">Chinois de France Français de Chine<br />
167845 rue de Tourtille, 75020 Paris. Métro :  Belleville - Lignes 2 et 11. Tél : 01 83 91 86 31</div>
1679                        <div id="templateFooterBlockContainer">
1680                <div class="row">
1681                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
1682                        <div id="templateFooterBlockWrapper" class="row">
1683                            <!-- Liste des pages de l'organisation principal -->
1684                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
1685                                    <span>Plus d&#039;informations ?</span>
1686                                    <ul>
1687                                                                                    <li>
1688                                                <a href="
1689                                                                                                                                                                    /page/803793-nous-contacter                                                                                                    ">
1690                                                    Nous contacter                                                </a>
1691                                            </li>
1692                                                                            </ul>
1693                                </div>
1694                                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
1695                                    <span>Ils nous font confiance :</span>
1696                                    <ul>
1697                                                                                    <li>
1698                                                <a href="
1699                                                                                                                                                                    /page/350395-nos-partenaires                                                                                                    ">
1700                                                    Nos partenaires                                                </a>
1701                                            </li>
1702                                                                            </ul>
1703                                </div>
1704                                                    </div>
1705                    </div>
1706                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
1707                        <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/350391-descriptif-et-tarifs"><input type="hidden" name="_formMulti" value="6ac4b8cc92ad9|b1dc056ad30e9a9cf39cfb74eaf7697430e85d3d">
1707<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1708            $("#templateFooterNewsletterForm").on("submit", function(){
1709                var _this = $(this);
1710                var renable = true;
1711                if(_this.data("multi-submit-protection")){
1712                    return false;
1713                }
1714                else{
1715                    // Blocage à la prochaine soumission
1716                    _this.data("multi-submit-protection", true);
1717                    // Blocage & chargement sur les boutons
1718                    _this.find("button[type='submit']").each(function(){
1719                        var text = $(this).text();
1720                        var buttonDOM = $(this);
1721                        var buttonInterval;
1722                        buttonDOM
1723                            .addClass("disabled")
1724                            .prop("disabled", true)
1725                            .css("width", buttonDOM.outerWidth() + "px")
1726                            .text(".")
1727                            .inDOM(function() {
1728                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1729                                buttonInterval = setInterval(function() {
1730                                    if(buttonDOM.text().length === 3) {
1731                                        buttonDOM.text(".");
1732                                    }
1733                                    else {
1734                                        buttonDOM.text(buttonDOM.text() + ".");
1735                                    }
1736                                }, 300);
1737                            });
1738                        // Déblocage au bout de 1 seconde
1739                        if(renable){
1740                            window.setTimeout(function(){
1741                                clearInterval(buttonInterval);
1742                                buttonDOM
1743                                    .prop("disabled", false)
1744                                    .removeClass("disabled")
1745                                    .removeAttr("style")
1746                                    .text(text);
1747                            }, 1000);
1748                        }
1749                    });
1750                    // Déblocage au bout de 1 seconde
1751                    if(renable){
1752                        window.setTimeout(function(){
1753                            _this.data("multi-submit-protection", false);
1754                        }, 1000);
1755                    }
1756                    // Retour
1757                    return true;
1758                }
1759            });
1760        </script>
1760                            <div class="row colsMiddle">
1761                                <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
1762                                    <div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div>
1763                <label
1764                    id="templateFooterBlocNewsletterEmailLabel"
1765                    for="templateFooterBlocNewsletterEmail"
1766                >
1767                Je m&#039;abonne à la newsletter
1768                
1769                
1770                </label>
1771                <input
1772                    type="email"
1773                    data-typo-check="true"
1774                    name="templateFooterBlocNewsletterEmail"
1775                    class=""
1776                    value=""
1777                    placeholder="Renseignez votre email"
1778                    autocomplete="email"
1779                    
1780                    
1781                    id="templateFooterBlocNewsletterEmail"
1782                >
1783                
1784                <div class="clearBoth"></div>
1785            </div>
1786            
1786<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1787                $("#templateFooterBlocNewsletterEmail").on("change", function() {
1788                    _spark.form.mail.check("templateFooterBlocNewsletterEmail");
1789                });
1790            </script>
1790
1791                                        </div>
1792                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom">
1793                                    
1794            <button
1795                type="submit"
1796                id="templateFooterBlocNewsletterSubmit"
1797                class="
1798                    button
1799                    buttonOrange
1800                    textAlignCenter
1801                    buttonLarge
1802                    
1803                    
1804                "
1805                
1806            >
1807                
1808                <span class="valignInitial">OK</span>
1809            </button>
1810                                        </div>
1811                            </div>
1812                            
1813                        </form>
1814                
1814<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1815                    $("#templateFooterNewsletterForm")
1816                        // Init
1817                        .data("dirty", 0)
1818                        // Form submit is possible
1819                        .on("submit", function(){
1820                            window.onbeforeunload = null;
1821                        })
1822                        // On change
1823                        .find("input, textarea").on("change", function(){
1824                            if(document.readyState === "complete"){
1825                                $("#templateFooterNewsletterForm").data().dirty++;
1826                            }
1827                        });
1828                    // Ajout
1829                    _spark.dirty.push(function(){
1830                        return $("#templateFooterNewsletterForm").data("dirty") > 0;
1831                    });
1832                </script>
1832
1833            
1834                
1834<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1835                    _spark.form.mail.initMailGroup("templateFooterNewsletter");
1836                </script>
1836
1837                                        <div id="templateFooterSocialWrapper">
1838                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
1839                    </div>
1840                </div>
1841            </div>
1842        </div>
1843    	<div id="templateFooterInformation">
1844		<ul>
1845			<!-- Plan du site -->
1846			<li>
1847				<a href="/infos/plan/
1848											88269									">Plan du site</a>
1849			</li>
1850
1851			<!-- Licences -->
1852			<li>
1853				<a href="/infos/licenses">Licences</a>
1854			</li>
1855
1856			<!-- CGU -->
1857							<li>
1858					<a href="/infos/legal-notice">Mentions légales</a>
1859				</li>
1860							<li>
1861					<a href="/infos/tos">CGUV</a>
1862				</li>
1863			
1864			<!-- CGU -->
1865			<li>
1866				<a id="configureCookies" href="#">Paramétrer vos cookies</a>
1867			</li>
1868
1869			<!-- Connexion/déconnexion et mon compte -->
1870							<li>
1871					
1872                <a
1873                    id="templateNavButtonLoginButtonLink"
1874                    href="https://www.cffc.fr/contacts/login?redirect=%2Fpage%2F350391-descriptif-et-tarifs"
1875                    class=""
1876                    target=""
1877                    rel="noopener"
1878                >
1879            <div
1880                id="templateNavButtonLoginButton"
1881                class="
1882                    button
1883                    textAlignCenter
1884                    buttonBlue
1885                    buttonLarge
1886                    valignMiddle margin0
1887                    valignMiddle
1888                "
1889            ><span class="valignInitial">Se connecter</span></div></a>
1890            				</li>
1891					</ul>
1892					<ul>
1893				<li class="paddingTop0">
1894                                                                <a href="https://www.assoconnect.com/associations/logiciel-association-culturelle/" target="_blank">
1895                            Propulsé par AssoConnect, le logiciel des associations Culturelles                        </a>
1896                    				</li>
1897			</ul>
1898			</div>
1899	</footer>
1900
1901<!-- Footer - Global -->
1902		</div>
1903		
1904		<!-- JS -->
1905		    
1905<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1906        /**
1907 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY
1908 */
1909function templatePageHeight() {
1910	var boxes = $("#boxes");
1911	var heightMax = 0;
1912	var templatePage = $("#templatePage");
1913	var templateNavContainer = $("#templateNavContainer");
1914
1915	// Cherche la box la plus basse dans la page
1916	boxes.find("> .boxLandmark > .box").each(function() {
1917		heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top);
1918	});
1919
1920	// templatePage prend la hauteur du menu si : heightMax < templateNavContainer
1921	if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) {
1922		return templateNavContainer.height() - templatePage.offset().top;
1923	}
1924	// templatePage prend la hauteur de la fenêtre si : heightMax < window
1925	else if(heightMax < $(window).height()) {
1926		return $(window).height() - templatePage.offset().top;
1927	}
1928	// templatePage prend la hauteur du dernier élément DIY
1929	else {
1930		var templateNavContainerHeight = 0;
1931
1932		// Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute
1933		if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") {
1934			templateNavContainerHeight = templateNavContainer.height();
1935		}
1936
1937		return Math.round(heightMax - $("#templatePageWrapper").offset().top);
1938	}
1939}
1940
1941/**
1942 * Force templatePage à prendre toute la hauteur pour les pages du DIY
1943 */
1944$(window).on("load", function() {
1945	if($("#boxes").children().length) {
1946		$("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page
1947		$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
1948		// Après un redimensionnement de l'écran
1949		var resized;
1950		$(window).on("resize orientationChanged", function() {
1951			clearTimeout(resized);
1952			resized = setTimeout(function() {
1953				$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
1954			}, 200);
1955		});
1956	}
1957});
1958
1959$(".video-youtube, .feed-facebook").each(function() {
1960    $(this).on("click", function() {
1961        if (window.openIubendaCookies) {
1962            window.openIubendaCookies();
1963        }
1964    });
1965});
1966    </script>
vendor: 1 bytes, line 1966
1966
1967<script nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1">
1968    if(window.console && window.console.log){
1969        // Affichage des notices non capturées
1970            }
1971</script>
1971
1972
1973		
1974					
1974<script
1975				nonce="2433c428-b8b2-4476-89ab-25bad8dd4fe1"
1976				src="https://cdn.hub-prod.team.blue/loader/widget-loader.js"
1977				data-teamblue-footer
1978				data-footer="hidden"
1979			></script>
1979
1980			</body>
1981</html>
1982

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.