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&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/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&type=picture&secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&timestamp=1775349756&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&type=picture&secret=OTRVwsTHBZUO5e7aPwzkWQ1q58a5fIXq4Wq72OL4&timestamp=1775349756&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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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'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'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.