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&type=picture&secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&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&type=picture&secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&timestamp=1775349756&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&type=picture&secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&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'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'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&type=picture&secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106637258&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106637258&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&type=picture&secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&timestamp=1775349756&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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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&type=picture&secret=OzUpHgkN4sHgePyXRrH9hf4Co6dwRtcvcyVGdndc&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'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&id=7776235&secret=SSVtX65gJzZbBkN3jGh1r1sZtY7Mv2uZcVuIMAFN&timestamp=1789568679&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'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'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.