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>Missions | Sages-Femmes Sans Frontières</title> 10 <meta property="og:title" content="Missions | Sages-Femmes Sans Frontières"> 11 <meta name="description" content="QUI SOMMES NOUS ? - Missions - Nos actions à lâinternational Depuis 2009, SFSF a conduit plus de vingt programmes en Afrique de lâOuest, en Inde et à Madagascar. Les actions ont évolué a..."> 12 <meta property="og:description" content="QUI SOMMES NOUS ? - Missions - Nos actions à lâinternational Depuis 2009, SFSF a conduit plus de vingt programmes en Afrique de lâOuest, en Inde et à Madagascar. Les actions ont évolué a..."> 13 <meta property="og:locale" content="fr_FR"> 14 <meta property="og:url" content="https://www.sfsf.fr/page/4030393-missions"> 15 <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=939561&type=picture&secret=FuieovWwmXPdV6bbCUyx9l0xEajlKoMg31WT9rdw&timestamp=1775429784"> 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.sfsf.fr/page/4030393-missions"> 23 24 <!-- Favicon --> 25 <link rel="icon" type="image/png" href="https://www.sfsf.fr/services/favicon/2Y85NWS4YH5PKVS7CTTQ6V6000"> 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.1dc1de6.css"> 44 45<!-- Template --> 46<style>/** 47 * Breaking points pour les media queries 48 */ 49/** 50 * Différentes fonctions less utilisées dans le site 51 */ 52/** 53 * Arrondir les coins 54 */ 55/** 56 * Ajouter une bordure 57 */ 58/** 59 * Ombre sur le texte 60 */ 61/** 62 * Ombre sur les box 63 */ 64/** 65 * Taille de la box prenant en compte ou non les bordures et le padding 66 */ 67/** 68 * Effet de transition lors du changement d'état 69 */ 70/** 71 * Effet de rebond 72 */ 73@keyframes bounce { 74 20% { 75 transform: translateY(10px); 76 } 77 50% { 78 transform: translateY(-10px); 79 } 80 60% { 81 transform: translateY(5px); 82 } 83 90% { 84 transform: translateY(-5px); 85 } 86} 87#boxes { 88 position: relative; 89 text-align: left; 90} 91#boxes .boxLandmark { 92 position: relative; 93 width: 100%; 94 max-width: 1104px; 95 margin: auto; 96} 97#boxes .box { 98 overflow: hidden; 99} 100#boxes .box h2, 101#boxes .box h3, 102#boxes .box p, 103#boxes .box ul, 104#boxes .box ol { 105 margin-top: 0; 106} 107#boxes .box h2:first-child, 108#boxes .box h3:first-child { 109 margin-top: -5px !important; 110} 111#boxes .box p:first-child, 112#boxes .box ul:first-child, 113#boxes .box ol:first-child { 114 margin-top: -2px !important; 115} 116#boxes .box[data-type="button"] .buttonDIYContainer { 117 text-align: center; 118 height: 100%; 119} 120#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper { 121 border-radius: 20px; 122 display: inline-block; 123 background: #316bf2; 124 height: 100%; 125} 126#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 127 border-radius: 20px; 128 display: table; 129 height: 102%; 130 text-decoration: none; 131} 132#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY .buttonDIYText { 133 color: #ffffff; 134 display: table-cell; 135 vertical-align: middle; 136 padding: 0 10px; 137} 138#boxes .box[data-type="button"] .buttonDIYWrapper { 139 text-align: center; 140 height: 100%; 141} 142#boxes .box[data-type="horizontalSeparator"] .separatorWrapper, 143#boxes .box[data-type="verticalSeparator"] .separatorWrapper { 144 width: 100%; 145 height: 100%; 146} 147#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div, 148#boxes .box[data-type="verticalSeparator"] .separatorWrapper > div { 149 text-align: center; 150 width: 100%; 151 height: 100%; 152} 153#boxes .box[data-type="horizontalSeparator"] .separatorWrapper { 154 display: table; 155} 156#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div { 157 display: table-cell; 158 vertical-align: middle; 159} 160#boxes .box[data-type="horizontalSeparator"] .separatorWrapper > div .separator { 161 width: 100%; 162} 163#boxes .box[data-type="verticalSeparator"] .separatorWrapper .separator { 164 height: 100%; 165 display: inline-block; 166}
167#boxes .box .boxBackgroundOverlay, 168#boxes .box .boxBackgroundPicture { 169 position: absolute; 170 top: 0; 171 bottom: 0; 172 left: 0; 173 right: 0; 174 text-align: center; 175} 176#boxes .box .boxBackgroundPicture { 177 background-size: cover; 178 background-repeat: no-repeat; 179 background-position: center; 180} 181#boxes .box .boxBackgroundOverlay { 182 opacity: .3; 183} 184@media (max-width: 970px) { 185 #boxes .box { 186 position: relative !important; 187 top: auto !important; 188 right: auto !important; 189 bottom: auto !important; 190 left: auto !important; 191 width: 100% !important; 192 } 193 #boxes .box[data-type="button"] { 194 height: 100%; 195 padding: 5px; 196 } 197 #boxes .box[data-type="background"] { 198 height: auto !important; 199 } 200 #boxes .box[data-type="background"] > div { 201 height: auto !important; 202 } 203 #boxes .box[data-type="group"] { 204 height: auto !important; 205 } 206 #boxes .box[data-type="group"] > div { 207 height: auto !important; 208 } 209 #boxes .box[data-type="text"] { 210 height: auto !important; 211 } 212 #boxes .box[data-type="text"] > div { 213 height: auto !important; 214 } 215 #boxes .box[data-type="picture"] { 216 text-align: center !important; 217 font-size: 0 !important; 218 } 219 #boxes .box[data-type="facebookLike"], 220 #boxes .box[data-type="twitterTimeline"] { 221 text-align: center; 222 } 223 #boxes .box[data-type="verticalSeparator"] { 224 display: none; 225 } 226 #boxes .tableWrapper { 227 width: 100%; 228 max-width: 100%; 229 overflow: auto; 230 } 231} 232</style> 233 234<!-- Google Font --> 235 <!-- :400,700 for bold --> 236 <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:400,500,700" rel="stylesheet"> 237 <style> 238 html, body {font-family: "Open Sans Condensed", 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 314 var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy"; 315 var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark"; 316 var SPARK_VERSION = "1dc1de6"; 317 var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760; 318 var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249; 319 var URI_CLIENT = "\/page\/4030393-missions"; 320 var URI_SERVER = "\/page\/index"; 321 var VENDOR_ID = 199725; 322 var _GIFS = []; 323 var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH"; 324 var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA"; 325 var CSP_NONCE = "cbe66738-5a15-462c-97b9-7e8dde9b8afc"; 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.1dc1de6.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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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":"school83406","dimension4":"PROD","dimension3":"unknown","dimension5":"CHARITY"}); 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"></script> 540
541<!-- Iubenda -->
542<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 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: #223f93; 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: #223f93; 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: #1e3884; 764 } 765 .buttonWhiteBlue:active, 766 .buttonTransparent:active { 767 color: #1c357c; 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: #9aa5b0; 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: #223f93; 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: #1c357c; 802 } 803 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 804 background-color: #2748a9; 805 } 806 .dialogDotWrapper .dialogDot:hover { 807 background-color: #284bb0; 808 } 809 .buttonBlue:active, 810 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active { 811 background-color: #1b3275; 812 } 813 .dialogDotWrapper .dialogDot { 814 background-color: #2c51bf; 815 } 816 .buttonWhiteBlue:active { 817 background-color: #2d55c6; 818 } 819 .buttonWhiteBlue:hover { 820 background-color: #2f58cd; 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: #223f93; 856 } 857 #agendaWrapper #agendaEvent #agendaEventReturn, 858 div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn { 859 border-color: #ffffff; 860 } 861 .buttonWhiteBlue:hover { 862 border-color: #2545a1; 863 } 864 .buttonWhiteBlue:active { 865 border-color: #2748a9; 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: #284bb0; 870 } 871 .radioAlt.colorBlue.radioAltSelected { 872 border-color: #172c66; 873 } 874 .buttonWhiteAlt:active { 875 outline-color: #223f93; 876 } 877 .buttonWhiteAlt:hover { 878 border-color: #284bb0; 879 } 880 881 /** 882 * Couleur du menu 883 */ 884 @media (min-width: 1151px) { 885 #templateNavWrapper, 886 #templateNavWrapper:before, 887 #templateNavBar { 888 background-color: #9aa5b0; 889 } 890 #templateSubNavWrapper { 891 background-color: 892 #a1adb8 ; 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: #9aa5b0; 904 } 905 } 906 #templateNavSubBarWrapper, 907 #templateNavSubBarWrapper #templateNavSubBarLeft, 908 #templateNavSubBarWrapper #templateNavSubBarRight { 909 background-color: #a1adb8; 910 } 911 #agendaWrapper, 912 div:not(#agendaWrapper) > #agendaEvent, 913 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton, 914 #eventWrapper #eventDateLeftWrapper { 915 background-color: #9aa5b0; 916 } 917 #eventWrapper #eventPicture #eventInfos #eventName { 918 border-color: #9aa5b0; 919 } 920 /* Couleur des hovers */ 921 #templateNavWrapper #templateNav ul li.active a,
922 #templateNavWrapper #templateNav ul li:not(.hideHover):hover a { 923 color: #223f93; 924 } 925 @media (min-width: 1151px) { 926 #templateSubNavWrapper ul li.active a, 927 #templateSubNavWrapper ul li:hover a { 928 color: #223f93; 929 } 930 } 931 @media (max-width: 1150px) { 932 #templateNavSubBarWrapper #templateNavSubBar li.active a { 933 color: #223f93; 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/_blank.png"); 962 } 963 964 /** 965 * Texture du fond 966 */ 967 body { 968 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/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: 500px 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: 24px; 997 } 998 999 /* Taille image bloc */ 1000 #templateHeaderBlockVendorPictureWrapper img { 1001 width: 0px; 1002 } 1003 1004 /* Type de bloc */ 1005 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1006 background-color: rgba(18, 21, 23, .5); 1007 } 1008 1009 @media (min-width: 1151px) { 1010 /* Position du logo dans le menu */ 1011 #templateNavWrapper #templateNav #navVendorWrapper { 1012 /* Rien */ 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: 50px; 1020 } 1021 #templateSubNavWrapper ul li { 1022 height: 40px; 1023 line-height: 40px; 1024 } 1025 #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { 1026 max-height: 50px; 1027 } 1028 1029 /* Type de bloc */ 1030 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1031 background-color: transparent; 1032 } 1033 1034 /* La largeur du haut de page ne dépasse pas la largeur du contenu du site */ 1035 #templateNavWrapper, 1036 #templateSubNavWrapper, 1037 #templateHeaderWrapper { 1038 max-width: 1131px; 1039 margin-left: -webkit-calc(50% - 565.5px); /* Safari */ 1040 margin-left: calc(50% - 565.5px); /* 565.5 = width / 2 */ 1041 } 1042 1043 /* Arrondi les coins du menu, du haut de page et du contenu */ 1044 1045 /* Séparation des différents éléments */ 1046 1047 /* Position du bloc */ 1048 #templateHeaderWrapper #templateHeader { 1049 text-align: center; 1050 } 1051 1052 /* Texte du menu en gras */ 1053 #templateNavWrapper #templateNav, 1054 #templateSubNavWrapper { 1055 font-weight: bold; 1056 } 1057 1058 /* Texte du menu en majuscule */ 1059 1060 /* Cache les icônes */ 1061 #templateNav ._gif:not(.noHide) { 1062 display: none; 1063 } 1064 1065 /* Espacement entre les items du menu */ 1066 #templateNavWrapper #templateNav ul li a, 1067 #templateNavWrapper #templateNav ul li ul li a, 1068 #templateSubNavWrapper ul li a { 1069 padding: 0 15px; 1070 } 1071 1072 /* Alignement du contenu du menu */ 1073 #templateNavWrapper #templateNav, 1074 #templateSubNavWrapper { 1075 text-align: center; 1076 } 1077 1078 /* Hauteur du logo de l'organisation dans le haut de page */ 1079 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img { 1080 height: 250px; 1081 } 1082 } 1083 1084 @media (max-width: 1150px) { 1085 1086 /* Cache le bloc en responsive si le site dispose d'un logo d'organisation */ 1087 1088 /* Alignement du menu en fonction de la barre d'administration */ 1089 #templateNavWrapper { 1090 top: 55px; 1091 } 1092 1093 } 1094 1095 /* Fond fullscreen dans les pages personnalisées */
1096 #boxes .boxLandmarkBackground { 1097 width: calc(100% + 27px); 1098 margin-left: -13.5px !important; 1099 max-width: 1131px !important; 1100 } 1101 1102 /* Arrondi des champs */ 1103 input[type="text"], 1104 input[type="search"]:not(.choices__input), 1105 .choices, 1106 input[type="password"], 1107 input[type="date"], 1108 input[type="tel"], 1109 input[type="number"], 1110 input[type="datetime-local"], 1111 input[type="email"], 1112 input[type="url"], 1113 textarea { 1114 border-radius: 5px; 1115 padding: 9px; 1116 } 1117 select { 1118 border-radius: 5px; 1119 } 1120 .selected-flag, 1121 .buttonBig, 1122 .buttonLarge, 1123 .buttonSmall, 1124 .bootstrap-switch, 1125 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 1126 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, 1127 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 1128 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 1129 border-radius: 5px; 1130 } 1131 .buttonLarge { 1132 padding: 10px; 1133 } 1134 .buttonSmall { 1135 } 1136</style> 1137<!-- Message --> 1138<!-- Affichage Spark\Notification::message --> 1139<div id="messagesWrapper"> 1140 </div> 1141
1142<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1143 $('.message-support .messageClose').click(function(event) { 1144 _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); 1145 }); 1146</script>
1146 1147<!-- Misc Spark --> 1148 1149<div class="displayNone" id="sparkTemplateTableExportColumns"> 1150 <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/4030393-missions"><input type="hidden" name="_formMulti" value="6ac3814f3c78e|58771f739b17dd260ae815c82949cce93707b15b">
1150<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1151 $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ 1152 var _this = $(this); 1153 var renable = false; 1154 if(_this.data("multi-submit-protection")){ 1155 return false; 1156 } 1157 else{ 1158 // Blocage à la prochaine soumission 1159 _this.data("multi-submit-protection", true); 1160 // Blocage & chargement sur les boutons 1161 _this.find("button[type='submit']").each(function(){ 1162 var text = $(this).text(); 1163 var buttonDOM = $(this); 1164 var buttonInterval; 1165 buttonDOM 1166 .addClass("disabled") 1167 .prop("disabled", true) 1168 .css("width", buttonDOM.outerWidth() + "px") 1169 .text(".") 1170 .inDOM(function() { 1171 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1172 buttonInterval = setInterval(function() { 1173 if(buttonDOM.text().length === 3) { 1174 buttonDOM.text("."); 1175 } 1176 else { 1177 buttonDOM.text(buttonDOM.text() + "."); 1178 } 1179 }, 300); 1180 }); 1181 // Déblocage au bout de 1 seconde 1182 if(renable){ 1183 window.setTimeout(function(){ 1184 clearInterval(buttonInterval); 1185 buttonDOM 1186 .prop("disabled", false) 1187 .removeClass("disabled") 1188 .removeAttr("style") 1189 .text(text); 1190 }, 1000); 1191 } 1192 }); 1193 // Déblocage au bout de 1 seconde 1194 if(renable){ 1195 window.setTimeout(function(){ 1196 _this.data("multi-submit-protection", false); 1197 }, 1000); 1198 } 1199 // Retour 1200 return true; 1201 } 1202 }); 1203 </script>
1203 <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> 1204 <label 1205 id="sparkTableExportColumnLabel" 1206 > 1207 Exporter les lignes sélectionnées 1208 1209 1210 </label> 1211 <div class="formContent"> 1212 1213 <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1214 <label class="radio" for="sparkTableExportColumn_all"> 1215 <input 1216 type="radio" 1217 name="sparkTableExportColumn" 1218 id="sparkTableExportColumn_all" 1219 value="all" 1220 1221 1222 class="" 1223 > 1224 <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> 1225 </label> 1226 </div> 1227
1227<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1228 if(document.readyState === "complete"){ 1229 $("#sparkTableExportColumn_all").radiocheck(); 1230 } 1231 </script>
1231 1232 1233 <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1234 <label class="radio" for="sparkTableExportColumn_filter"> 1235 <input 1236 type="radio" 1237 name="sparkTableExportColumn" 1238 id="sparkTableExportColumn_filter" 1239 value="filter" 1240 1241 1242 class="" 1243 > 1244 <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> 1245 </label> 1246 </div> 1247
1247<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1248 if(document.readyState === "complete"){ 1249 $("#sparkTableExportColumn_filter").radiocheck(); 1250 } 1251 </script>
1251 1252 </div></div> </form> 1253
1253<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1254 _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); 1255 </script>
1255 1256 </div> 1257 1258<!-- Barre d'administration --> 1259 1260<!-- Barre de navigation responsive --> 1261<div id="templateNavBar"> 1262 1263 <div id="templateNavBarVendorPicture"> 1264 <!-- Une organisation en particulier --> 1265 <a href="/"> 1266 <img src="https://app.assoconnect.com/services/storage?id=939561&type=picture&secret=FuieovWwmXPdV6bbCUyx9l0xEajlKoMg31WT9rdw&timestamp=1775429784&size=small" alt="Sages-Femmes Sans Frontières"> 1267 </a> 1268 <!-- L'organisation principale --> 1269 </div> 1270 1271 <div id="templateNavBarToggleMenu"> 1272 <span>Menu</span> 1273 <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> 1274 1275 <div class="clearBoth"></div> 1276 1277</div> 1278 1279 <div id="templateNavSubBarWrapper"> 1280 <div id="templateNavSubBarLeft"><</div> 1281 <div id="templateNavSubBarRight">></div> 1282 <ul id="templateNavSubBar"> 1283 <li > 1284 <a href="/page/4030138-histoire-equipe"> 1285 Histoire & Ãquipe </a> 1286 </li> 1287 <li > 1288 <a href="/page/4030223-valeurs-fonctionnement"> 1289 Valeurs & Fonctionnement </a> 1290 </li> 1291 <li class="active"> 1292 <a href="/page/4030393-missions"> 1293 Missions </a> 1294 </li> 1295 <li > 1296 <a href="/page/878325-partenaires"> 1297 Partenaires </a> 1298 </li> 1299 </ul> 1300 </div> 1301 1302<!-- Header top --> 1303 ?> 1304<header id="templateHeaderWrapper"> 1305 <div id="templateHeaderWrapperHover" class="templateHover"></div> 1306 <div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture"> 1307 <div class="displayTable height100 width100"> 1308 <div class="displayTableCell valignMiddle"> 1309 <p>Images de la page d'accueil</p> 1310 <div class="templateEditableButton">Cliquez pour éditer</div> 1311 </div> 1312 </div> 1313 </div> 1314 <div 1315 id="templateHeader" 1316 > 1317 <div id="templateHeaderMargin"></div> 1318 <div id="templateHeaderBlockContainer"> 1319 <div id="templateHeaderBlockContainerHover" class="templateHover"></div> 1320 <div id="templateHeaderBlockContainerEditable" class="templateEditable templateEditableBlock"> 1321 <div class="displayTable height100 width100"> 1322 <div class="displayTableCell valignMiddle"> 1323 <p>Texte, bouton et/ou inscription à la newsletter</p> 1324 <div class="templateEditableButton">Cliquez pour éditer</div> 1325 </div> 1326 </div> 1327 </div> 1328 <div id="templateHeaderBlockWrapper"> 1329 <div id="templateHeaderBlock"> 1330 <div id="templateHeaderBlockTitleWrapper"> 1331 <div>« Et si la santé ne commençait pas à l'hôpital ? »</div> 1332 </div> 1333 <div id="templateHeaderBlockNewsletterContainer"> 1334 <form id="templateHeaderBlockNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateHeaderBlockNewsletter"><input type="hidden" name="_origin" value="/page/4030393-missions"><input type="hidden" name="_formMulti" value="6ac3814f4d6ef|224dfd2c727f9d5d70277d719697740c64f3a8f9">
1334<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1335 $("#templateHeaderBlockNewsletterForm").on("submit", function(){ 1336 var _this = $(this); 1337 var renable = true; 1338 if(_this.data("multi-submit-protection")){ 1339 return false; 1340 } 1341 else{ 1342 // Blocage à la prochaine soumission 1343 _this.data("multi-submit-protection", true); 1344 // Blocage & chargement sur les boutons 1345 _this.find("button[type='submit']").each(function(){ 1346 var text = $(this).text(); 1347 var buttonDOM = $(this); 1348 var buttonInterval; 1349 buttonDOM 1350 .addClass("disabled") 1351 .prop("disabled", true) 1352 .css("width", buttonDOM.outerWidth() + "px") 1353 .text(".") 1354 .inDOM(function() { 1355 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1356 buttonInterval = setInterval(function() { 1357 if(buttonDOM.text().length === 3) { 1358 buttonDOM.text("."); 1359 } 1360 else { 1361 buttonDOM.text(buttonDOM.text() + "."); 1362 } 1363 }, 300); 1364 }); 1365 // Déblocage au bout de 1 seconde 1366 if(renable){ 1367 window.setTimeout(function(){ 1368 clearInterval(buttonInterval); 1369 buttonDOM 1370 .prop("disabled", false) 1371 .removeClass("disabled") 1372 .removeAttr("style") 1373 .text(text); 1374 }, 1000); 1375 } 1376 }); 1377 // Déblocage au bout de 1 seconde 1378 if(renable){ 1379 window.setTimeout(function(){ 1380 _this.data("multi-submit-protection", false); 1381 }, 1000); 1382 } 1383 // Retour 1384 return true; 1385 } 1386 }); 1387 </script>
1387 <div class="row colsMiddle"> 1388 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 1389 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateHeaderBlockNewsletterEmailNotice"></div> 1390 <label 1391 id="templateHeaderBlockNewsletterEmailLabel" 1392 for="templateHeaderBlockNewsletterEmail" 1393 > 1394 Je m'abonne à la newsletter 1395 1396 1397 </label> 1398 <input 1399 type="email" 1400 data-typo-check="true" 1401 name="templateHeaderBlockNewsletterEmail" 1402 class="" 1403 value="" 1404 placeholder="Je m'abonne à la newsletter" 1405 autocomplete="email" 1406 1407 1408 id="templateHeaderBlockNewsletterEmail" 1409 > 1410 1411 <div class="clearBoth"></div> 1412 </div> 1413
1413<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1414 $("#templateHeaderBlockNewsletterEmail").on("change", function() { 1415 _spark.form.mail.check("templateHeaderBlockNewsletterEmail"); 1416 }); 1417 </script>
1417 1418 </div> 1419 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 1420 1421 <button 1422 type="submit" 1423 id="templateHeaderBlockNewsletterSubmit" 1424 class=" 1425 button 1426 buttonOrange 1427 textAlignCenter 1428 buttonLarge 1429 1430 1431 " 1432 1433 > 1434 1435 <span class="valignInitial">OK</span> 1436 </button> 1437 </div> 1438 </div> 1439 1440 </form> 1441
1441<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1442 $("#templateHeaderBlockNewsletterForm") 1443 // Init 1444 .data("dirty", 0) 1445 // Form submit is possible 1446 .on("submit", function(){ 1447 window.onbeforeunload = null; 1448 }) 1449 // On change 1450 .find("input, textarea").on("change", function(){ 1451 if(document.readyState === "complete"){ 1452 $("#templateHeaderBlockNewsletterForm").data().dirty++; 1453 } 1454 }); 1455 // Ajout 1456 _spark.dirty.push(function(){ 1457 return $("#templateHeaderBlockNewsletterForm").data("dirty") > 0; 1458 }); 1459 </script>
1459 1460 1461
1461<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 1462 _spark.form.mail.initMailGroup("templateHeaderBlockNewsletter"); 1463 </script>
1463 1464 </div> 1465 <div id="templateHeaderBlockButtonWrapper" class="displayNone"> 1466 1467 <div 1468 id="templateHeaderBlockButtonButton" 1469 class=" 1470 button 1471 textAlignCenter 1472 buttonBlue 1473 buttonLarge 1474 1475 valignMiddle 1476 " 1477 ><span class="valignInitial"></span></div> </div> 1478 <div id="templateHeaderBlockSocialWrapper"> 1479 </div> 1480 </div> 1481 </div> 1482 </div> 1483 </div> 1484 <!-- Fix #6796 --> 1485 <div id="templateHeaderVendorPictureWrapper"> 1486 <a 1487 href="https://www.sfsf.fr" 1488 id="templateHeaderVendorPicture" 1489 > 1490 <img src="https://app.assoconnect.com/services/storage?id=939561&type=picture&secret=FuieovWwmXPdV6bbCUyx9l0xEajlKoMg31WT9rdw&timestamp=1775429784" class="notHeightAuto"> 1491 </a> 1492 </div> 1493 <!-- Fix #10003 --> 1494 <!-- Fond de remplacement si aucune image --> 1495 <!-- Pour le mode édition n'affiche que la première image --> 1496 <!-- Récupère le sprite --> 1497 <!-- Affiche la ou les images --> 1498 <div id="templateHeaderPictures"> 1499 <div class="templateHeaderPicture"> 1500 <div class="templateHeaderPictureReference"> 1501 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1502 position: absolute; 1503 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2Y85NWS4YH5PKVS7CTTQ6V6000/Nonprofit_0HX96172NT1X6AA3028AP10004/Organization_0HX96172NM7AQ8TG828AP10004/header.sprite.a63db429dfbaf76b24a14a209913f0d5487ad0d3.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106557519&Signature=1XFIe72c11cwgw%2FgrGP2f51KfUw%3D) left -0px; 1504 width: 1920px; 1505 height: 500px; 1506 top: 0; 1507 left: -1102px; 1508 "> 1509 </div> 1510 </div> 1511 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1512 <div class="templateHeaderPicture"> 1513 <div class="templateHeaderPictureReference"> 1514 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1515 position: absolute; 1516 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2Y85NWS4YH5PKVS7CTTQ6V6000/Nonprofit_0HX96172NT1X6AA3028AP10004/Organization_0HX96172NM7AQ8TG828AP10004/header.sprite.a63db429dfbaf76b24a14a209913f0d5487ad0d3.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106557519&Signature=1XFIe72c11cwgw%2FgrGP2f51KfUw%3D) left -500px; 1517 width: 1920px; 1518 height: 500px; 1519 top: 0; 1520 left: -840px; 1521 "> 1522 </div> 1523 </div> 1524 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1525 <div class="templateHeaderPicture"> 1526 <div class="templateHeaderPictureReference"> 1527 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1528 position: absolute; 1529 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2Y85NWS4YH5PKVS7CTTQ6V6000/Nonprofit_0HX96172NT1X6AA3028AP10004/Organization_0HX96172NM7AQ8TG828AP10004/header.sprite.a63db429dfbaf76b24a14a209913f0d5487ad0d3.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106557519&Signature=1XFIe72c11cwgw%2FgrGP2f51KfUw%3D) left -1000px; 1530 width: 1920px; 1531 height: 500px; 1532 top: 0; 1533 left: -822px; 1534 "> 1535 </div> 1536 </div> 1537 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1538 <div class="templateHeaderPicture"> 1539 <div class="templateHeaderPictureReference"> 1540 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1541 position: absolute; 1542 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2Y85NWS4YH5PKVS7CTTQ6V6000/Nonprofit_0HX96172NT1X6AA3028AP10004/Organization_0HX96172N
1542M7AQ8TG828AP10004/header.sprite.a63db429dfbaf76b24a14a209913f0d5487ad0d3.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106557519&Signature=1XFIe72c11cwgw%2FgrGP2f51KfUw%3D) left -1500px; 1543 width: 1920px; 1544 height: 500px; 1545 top: 0; 1546 left: -577px; 1547 "> 1548 </div> 1549 </div> 1550 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1551 <div class="templateHeaderPicture"> 1552 <div class="templateHeaderPictureReference"> 1553 <img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style=" 1554 position: absolute; 1555 background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_2Y85NWS4YH5PKVS7CTTQ6V6000/Nonprofit_0HX96172NT1X6AA3028AP10004/Organization_0HX96172NM7AQ8TG828AP10004/header.sprite.a63db429dfbaf76b24a14a209913f0d5487ad0d3.png?response-content-disposition=inline&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106557519&Signature=1XFIe72c11cwgw%2FgrGP2f51KfUw%3D) left -2000px; 1556 width: 1920px; 1557 height: 500px; 1558 top: 0; 1559 left: -530px; 1560 "> 1561 </div> 1562 </div> 1563 <!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header --> 1564 </div> 1565 </header> 1566 1567 1568 1569<!-- Navigation et réseaux sociaux --> 1570 1571<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent --> 1572<div id="templateNavContainer"> 1573 1574 <div id="templateNavWrapper"> 1575 1576 <!-- Ãditable et hover --> 1577 <div id="templateNavWrapperHover" class="templateHover"></div> 1578 <div id="templateNavWrapperEditable" class="templateEditable templateEditableNav"> 1579 <div class="displayTable height100 width100"> 1580 <div class="displayTableCell valignMiddle"> 1581 <p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p> 1582 <div class="templateEditableButton">Cliquez pour éditer</div> 1583 </div> 1584 </div> 1585 </div> 1586 1587 <!-- Réseaux sociaux --> 1588 <div id="templateNavSocialWrapper"> 1589 </div> 1590 1591 <!-- Navigation --> 1592 <nav id="templateNav"> 1593 <ul id="navVendorWrapper"> 1594 <!-- Nom & logo de l'organisation --> 1595 <li id="navVendorPicture"> 1596 <div class="displayTable height100"><!-- displayTable = fix #8392 --> 1597 <a class="displayTableCell width100 valignMiddle" href="/"> 1598 <img src="https://app.assoconnect.com/services/storage?id=939561&type=picture&secret=FuieovWwmXPdV6bbCUyx9l0xEajlKoMg31WT9rdw&timestamp=1775429784&size=small" alt="Sages-Femmes Sans Frontières"> 1599 </a> 1600 </div> 1601 </li> 1602 </ul> 1603 <ul> 1604 <li 1605 data-templatesubnav="927013" 1606 class=" 1607 " 1608 > 1609 <a 1610 href="/page/4033138-accueil" 1611 class="displayTable height100" 1612 > 1613 <div class="displayTableCell valignMiddle"> 1614 </div> 1615 <div class="displayTableCell valignMiddle"> 1616 ACCUEIL <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1617 </div> 1618 </a> 1619 <ul> 1620 </ul> 1621 </li> 1622 <li 1623 data-templatesubnav="873119" 1624 class=" 1625 templateNavResponsiveToggleChildren 1626 active 1627 " 1628 > 1629 <a 1630 href="/page/4030138-histoire-equipe" 1631 class="displayTable height100" 1632 > 1633 <div class="displayTableCell valignMiddle"> 1634 </div> 1635 <div class="displayTableCell valignMiddle"> 1636 QUI SOMMES NOUS ? <sp
1636an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1637 </div> 1638 </a> 1639 <ul> 1640 <li > 1641 <a href="/page/4030138-histoire-equipe"> 1642 Histoire & Ãquipe </a> 1643 </li> 1644 <li > 1645 <a href="/page/4030223-valeurs-fonctionnement"> 1646 Valeurs & Fonctionnement </a> 1647 </li> 1648 <li class="active"> 1649 <a href="/page/4030393-missions"> 1650 Missions </a> 1651 </li> 1652 <li > 1653 <a href="/page/878325-partenaires"> 1654 Partenaires </a> 1655 </li> 1656 </ul> 1657 </li> 1658 <li 1659 data-templatesubnav="873130" 1660 class=" 1661 templateNavResponsiveToggleChildren 1662 " 1663 > 1664 <a 1665 href="/page/4038766-oddace-benin" 1666 class="displayTable height100" 1667 > 1668 <div class="displayTableCell valignMiddle"> 1669 </div> 1670 <div class="displayTableCell valignMiddle"> 1671 ODDACE-BÃNIN <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1672 </div> 1673 </a> 1674 <ul> 1675 <li > 1676 <a href="/page/4038766-oddace-benin"> 1677 ODDACE-BÃNIN </a> 1678 </li> 1679 <li > 1680 <a href="/page/4039295-axes-du-programme-oddace"> 1681 AXES DU PROGRAMME ODDACE </a> 1682 </li> 1683 </ul> 1684 </li> 1685 <li 1686 data-templatesubnav="4030408" 1687 class=" 1688 templateNavResponsiveToggleChildren 1689 " 1690 > 1691 <a 1692 href="/page/4030418-demarche-ecsi" 1693 class="displayTable height100" 1694 > 1695 <div class="displayTableCell valignMiddle"> 1696 </div> 1697 <div class="displayTableCell valignMiddle"> 1698 ECSI â AGIR ENTRE LES TERRITOIRES <sp
1698an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1699 </div> 1700 </a> 1701 <ul> 1702 <li > 1703 <a href="/page/4030418-demarche-ecsi"> 1704 Démarche ECSI </a> 1705 </li> 1706 <li > 1707 <a href="/page/4030420-creations-echanges"> 1708 Créations & Ãchanges </a> 1709 </li> 1710 </ul> 1711 </li> 1712 <li 1713 data-templatesubnav="1388173" 1714 class=" 1715 templateNavResponsiveToggleChildren 1716 " 1717 > 1718 <a 1719 href="/page/4030398-devenir-benevole" 1720 class="displayTable height100" 1721 > 1722 <div class="displayTableCell valignMiddle"> 1723 </div> 1724 <div class="displayTableCell valignMiddle"> 1725 JE MâENGAGE <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1726 </div> 1727 </a> 1728 <ul> 1729 <li > 1730 <a href="/page/4030398-devenir-benevole"> 1731 Devenir bénévole </a> 1732 </li> 1733 <li > 1734 <a href="/page/4030399-partir-en-mission"> 1735 Partir en mission </a> 1736 </li> 1737 <li > 1738 <a href="/page/4031154-recrutement"> 1739 Recrutement </a> 1740 </li> 1741 <li > 1742 <a href="/page/4030400-service-civique"> 1743 Service Civique </a> 1744 </li> 1745 </ul> 1746 </li> 1747 <li 1748 data-templatesubnav="4030403" 1749 class=" 1750 templateNavResponsiveToggleChildren 1751 " 1752 > 1753 <a 1754 href="/page/4030432-donner-adherer" 1755 class="displayTable height100" 1756 > 1757 <div class="displayTableCell valignMiddle"> 1758 </div> 1759 <div class="displayTableCell valignMiddle"> 1760 NOUS SOUTENIR â¤ï¸ <sp
1760an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1761 </div> 1762 </a> 1763 <ul> 1764 <li > 1765 <a href="/page/4030432-donner-adherer"> 1766 DONNER / ADHÃRER </a> 1767 </li> 1768 <li > 1769 <a href="/page/4030501-entreprises-mecenat"> 1770 Entreprises & mécénat </a> 1771 </li> 1772 </ul> 1773 </li> 1774 <li 1775 data-templatesubnav="1899073" 1776 class=" 1777 " 1778 > 1779 <a 1780 href="/page/1899074-coup-de-coeur" 1781 class="displayTable height100" 1782 > 1783 <div class="displayTableCell valignMiddle"> 1784 </div> 1785 <div class="displayTableCell valignMiddle"> 1786 VIDEOS <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1787 </div> 1788 </a> 1789 <ul> 1790 </ul> 1791 </li> 1792 <li 1793 data-templatesubnav="1067230" 1794 class=" 1795 " 1796 > 1797 <a 1798 href="/page/4031432-actus-infos" 1799 class="displayTable height100" 1800 > 1801 <div class="displayTableCell valignMiddle"> 1802 </div> 1803 <div class="displayTableCell valignMiddle"> 1804 INFOS / ACTUS <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1805 </div> 1806 </a> 1807 <ul> 1808 </ul> 1809 </li> 1810 <!-- Mon compte --> 1811 <!-- Panier --> 1812 <!-- Boutons --> 1813 <li id="templateNavButton1Container" class="hideHover "> 1814 <a href="/page/1018001-j-adhere-a-sfsf" class="height100 displayTable"> 1815 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1816 <div class="displayTableCell valignMiddle"> 1817 1818 <div 1819 id="templateNavButton1Button" 1820 class=" 1821 button 1822 textAlignCenter 1823 buttonBlue 1824 buttonLarge 1825 1826 valignMiddle 1827 " 1828 ><span class="valignInitial">ð ADHÃRER</span></div> </div> 1829 </a> 1830 </li> 1831 <li id="templateNavButton2Container" class="hideHover "> 1832 <a href="/page/1013951-je-fais-un-don" class="height100 displayTable"> 1833 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1834 <div class="displayTableCell valignMiddle"> 1835 1836 <div 1837 id="templateNavButton2Button" 1838 class=" 1839 button 1840 textAlignCenter 1841 buttonBlue 1842 buttonLarge 1843 1844 valignMiddle 1845 " 1846 ><span class="valignInitial">â¤ï¸ DONNER</span></div> </div> 1847 </a> 1848 </li> 1849 <!-- Connexion --> 1850 <li id="templateNavButtonLoginContainer" class="hideHover displayNone"> 1851 <a href="/contacts/login?redirect=%2Fpage%2F4030393-missions" class="height100 displayTable"> 1852 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 --> 1853 <div class="displayTableCell valignMiddle"> 1854 1855 <div 1856 id="templateNavButtonLoginButton" 1857 class=" 1858 button 1859 textAlignCenter 1860 buttonBlue 1861 buttonLarge 1862 1863 valignMiddle 1864 " 1865 ><span class="valignInitial">Se connecter</span></div> </div> 1866 </a> 1867 </li> 1868 </ul> 1869 </nav> 1870 1871 </div> 1872 1873 <div id="templateSubNavWrapper"> 1874 1875 <div id="templateSubNav"> 1876 <ul data-templatesubnav="873119"> 1877 <li > 1878 <a href="/page/4030138-histoire-equipe"> 1879 Histoire & Ãquipe </a> 1880 </li> 1881 <li > 1882 <a href="/page/4030223-valeurs-fonctionnement"> 1883 Valeurs & Fonctionnement </a> 1884 </li> 1885 <li class="active"> 1886 <a href="/page/4030393-missions"> 1887 Missions </a> 1888 </li> 1889 <li > 1890 <a href="/page/878325-partenaires"> 1891 Partenaires </a> 1892 </li> 1893 </ul> 1894 <ul data-templatesubnav="873130"> 1895 <li > 1896 <a href="/page/4038766-oddace-benin"> 1897 ODDACE-BÃNIN </a> 1898 </li> 1899 <li > 1900 <a href="/page/4039295-axes-du-programme-oddace"> 1901 AXES DU PROGRAMME ODDACE </a> 1902 </li> 1903 </ul> 1904 <ul data-templatesubnav="4030408"> 1905 <li > 1906 <a href="/page/4030418-demarche-ecsi"> 1907 Démarche ECSI </a> 1908 </li> 1909 <li > 1910 <a href="/page/4030420-creations-echanges"> 1911 Créations & Ãchanges </a> 1912 </li> 1913 </ul> 1914 <ul data-templatesubnav="1388173"> 1915 <li > 1916 <a href="/page/4030398-devenir-benevole"> 1917 Devenir bénévole </a> 1918 </li> 1919 <li > 1920 <a href="/page/4030399-partir-en-mission"> 1921 Partir en mission </a> 1922 </li> 1923 <li > 1924 <a href="/page/4031154-recrutement"> 1925 Recrutement </a> 1926 </li> 1927 <li > 1928 <a href="/page/4030400-service-civique"> 1929 Service Civique </a> 1930 </li> 1931 </ul> 1932 <ul data-templatesubnav="4030403"> 1933 <li > 1934 <a href="/page/4030432-donner-adherer"> 1935 DONNER / ADHÃRER </a> 1936 </li> 1937 <li > 1938 <a href="/page/4030501-entreprises-mecenat"> 1939 Entreprises & mécénat </a> 1940 </li> 1941 </ul> 1942 1943 </div> 1944 1945 </div> 1946 1947</div> 1948
1949<!-- 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) --> 1950 1951<!-- Page --> 1952<article id="templatePageWrapper" class="layout-md"> 1953 <div id="templatePage"> 1954 <!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe --> 1955 <div id="templateIframe"> 1956 <!-- Tabulations --> 1957 <!-- Affiche les onglets pour les organisation dépendantes --> 1958 1959 <!-- 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 --> 1960 1961 <!-- Tabulations en mode Fil d'Ariane --> 1962 <!-- Une tabulation, juste le titre s'affiche --> 1963 <div class="templatePageHeader" data-id="component_Header"> 1964 <div> 1965 <div id="templateTitle" class="templatePageHeaderPart"> 1966 <span class="displayInlineBlock valignMiddle"></span> 1967 </div> 1968 </div> 1969 </div> 1970 <div id="templateTabulationWrapper"> 1971 <div> 1972 <div id="templateTabulation"> 1973 1974 1975 <a 1976 id="tab_page-histoire-equipe" 1977 href="/page/4030138-histoire-equipe" 1978 class="" 1979 > 1980 Histoire & Ãquipe </a> 1981 <a 1982 id="tab_page-valeurs-fonctionnement" 1983 href="/page/4030223-valeurs-fonctionnement" 1984 class="" 1985 > 1986 Valeurs & Fonctionnement </a> 1987 <a 1988 id="tab_page-missions" 1989 href="/page/4030393-missions" 1990 class="active" 1991 > 1992 Missions </a> 1993 <a 1994 id="tab_page-partenaires" 1995 href="/page/878325-partenaires" 1996 class="" 1997 > 1998 Partenaires </a> 1999 </div> 2000 </div> 2001 </div> 2002 <!-- Titre uniquement --> 2003 <!-- Titre uniquement --> 2004<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) --> 2005<div class="clearBoth"></div> 2006<!-- Template --> 2007<div class="templatePageWrapper layout-md"> 2008 <div class="templatePageContent "> 2009 <div class="templatePageContentHeader"> 2010 </div> 2011 2012 2013 2014 2015 2016<!-- Lien d'édition --> 2017 2018<!-- Contenu de la page --> 2019<div id="boxes"> 2020 2021 <style> 2022 #box107063181 { 2023 position: absolute; 2024 left: 8.3333333333333%; 2025 top: 0px; 2026 height: 300px; 2027 2028 padding: 0; 2029 margin: 0!important; 2030 border: 0; 2031 } 2032 </style> 2033 <div class="boxLandmark "> 2034 <div 2035 id="box107063181" 2036 class="box" 2037 style="width: 41.666666666667%" 2038 data-type="text" 2039 > 2040 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 300px; background: transparent"> 2041 <div class="overflowHidden height100"><h1>Nos actions à lâinternational</h1> 2042 2043<p>
2043Depuis 2009, SFSF a conduit plus de vingt programmes en Afrique de lâOuest, en Inde et à Madagascar.</p> 2044 2045<p>Les actions ont évolué avec les besoins identifiés : formation des professionnels, santé maternelle et infantile, santé sexuelle et reproductive, prévention des violences, soutien aux structures de santé, éducation et accompagnement communautaire.</p> 2046 2047<p>Aujourdâhui, notre programme principal est <strong>ODDACE-BÃNIN</strong>, développé à Abomey depuis 2021. Il relie la santé aux 17 Objectifs de Développement Durable.</p> 2048 2049<p><strong>Notre principe : faire avec les partenaires locaux, transmettre les compétences et construire dans la durée.</strong></p></div> 2050 </div> 2051 </div> 2052 </div> 2053 2054 <style> 2055 #box107063182 { 2056 position: absolute; 2057 left: 58.333333333333%; 2058 top: 0px; 2059 height: 240px; 2060 2061 padding: 0; 2062 margin: 0!important; 2063 border: 0; 2064 } 2065 </style> 2066 <div class="boxLandmark "> 2067 <div 2068 id="box107063182" 2069 class="box" 2070 style="width: 25%" 2071 data-type="picture" 2072 > 2073 <div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent"> 2074 2075 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2076 width:276px; 2077 max-width: 100%; 2078 height:240px; 2079 text-align: center; 2080 2081 border-radius: 10px;"> 2082 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2083 <img 2084 src="https://app.assoconnect.com/services/storage?id=1565286&type=picture&secret=fWTSRlccGaJZgeVVIwjcpCWkYNYvvyBIDDKFOKc9&timestamp=1775586963" 2085 style=" 2086 position:absolute; 2087 width:276.79488px; 2088 height:369.05984px; 2089 top:-62px; 2090 left:-138px; 2091 max-width:none; 2092 " 2093 > 2094 </div> 2095 </div> 2096 </div> 2097 </div> 2098 </div> 2099 2100 <style> 2101 #box107063183 { 2102 position: absolute; 2103 left: 0%; 2104 top: 300px; 2105 height: 660px; 2106 2107 padding: 0; 2108 margin: 0!important; 2109 border: 0; 2110 } 2111 </style> 2112 <div class="boxLandmark "> 2113 <div 2114 id="box107063183" 2115 class="box" 2116 style="width: 100%" 2117 data-type="iframe" 2118 > 2119 <div style="position: relative; overflow:hidden; height: 660px; background: transparent"> 2120 2121 <iframe 2122 src="https://www.google.com/maps/d/embed?mid=1MgBcljJGYSv9Otgw9dvT9Ib71ll7gQ6c&hl=fr" 2123 scrolling="yes" 2124 frameborder="0" 2125 style="border:none; overflow:auto;" 2126 width="100%" 2127 height="100%" 2128 allowtransparency="true" 2129 allowfullscreen="true" 2130 ></iframe> 2131 2132 </div> 2133 </div> 2134 </div> 2135 2136 <style> 2137 #box107063184 { 2138 position: absolute; 2139 left: 8.3333333333333%; 2140 top: 1020px; 2141 height: 240px; 2142 2143 padding: 0; 2144 margin: 0!important; 2145 border: 0; 2146 } 2147 </style> 2148 <div class="boxLandmark "> 2149 <div 2150 id="box107063184" 2151 class="box"
2152 style="width: 41.666666666667%" 2153 data-type="text" 2154 > 2155 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent"> 2156 <div class="overflowHidden height100"><h1>Nos actions en France</h1> 2157 2158<p>La solidarité internationale se prépare, se construit et se prolonge aussi en France.</p> 2159 2160<p>SFSF mobilise des bénévoles, accueille des stagiaires et des volontaires, travaille avec les collectivités, les établissements de formation, les entreprises et les associations, et développe des actions dâÃducation à la Citoyenneté et à la Solidarité Internationale.</p> 2161 2162<p><strong>Chaque mission se prépare avant le départ et se poursuit au retour.</strong></p></div> 2163 </div> 2164 </div> 2165 </div> 2166 2167 <style> 2168 #box107063185 { 2169 position: absolute; 2170 left: 58.333333333333%; 2171 top: 1020px; 2172 height: 240px; 2173 2174 padding: 0; 2175 margin: 0!important; 2176 border: 0; 2177 } 2178 </style> 2179 <div class="boxLandmark "> 2180 <div 2181 id="box107063185" 2182 class="box" 2183 style="width: 33.333333333333%" 2184 data-type="picture" 2185 > 2186 <div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent"> 2187 2188 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2189 width:368px; 2190 max-width: 100%; 2191 height:240px; 2192 text-align: center; 2193 2194 border-radius: 10px;"> 2195 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2196 <img 2197 src="https://app.assoconnect.com/services/storage?id=3527761&type=picture&secret=QSPJeYJXuczS5GUeL6atgAhfjqwAAJrWXuUk2laf&timestamp=1776093679" 2198 style=" 2199 position:absolute; 2200 width:418.296px; 2201 height:310.93336px; 2202 top:-12px; 2203 left:-230px; 2204 max-width:none; 2205 " 2206 > 2207 </div> 2208 </div> 2209 </div> 2210 </div> 2211 </div> 2212 2213 <style> 2214 #box107063186 { 2215 position: absolute; 2216 left: 0%; 2217 top: 1260px; 2218 height: 60px; 2219 2220 padding: 0; 2221 margin: 0!important; 2222 border: 0; 2223 } 2224 </style> 2225 <div class="boxLandmark "> 2226 <div 2227 id="box107063186" 2228 class="box" 2229 style="width: 100%" 2230 data-type="horizontalSeparator" 2231 > 2232 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2233 <div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div> 2234 </div> 2235 </div> 2236 </div> 2237 2238 <style> 2239 #box107063187 { 2240 position: absolute; 2241 left: 8.3333333333333%; 2242 top: 1320px; 2243 height: 240px; 2244 2245 padding: 0; 2246 margin: 0!important; 2247 border: 0; 2248 } 2249 </style> 2250 <div class="boxLandmark "> 2251 <div 2252 id="box107063187" 2253 class="box" 2254 style="width: 41.666666666667%" 2255 data-type="text" 2256 > 2257 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent"> 2258 <div class="overflowHidden height100"><h2>Quelques exemples dâactions en France</h2> 2259 2260<ul> 2261 <li>Actions dâECSI auprès des jeunes et du grand public.</li> 2262 <li>Accueil et accompagnement de stagiaires et de volontaires.</li> 2263 <li>Préparation des bénévoles avant leur départ et accompagnement au retour.</li> 2264 <li>Interventions et formations sur la santé, les ODD et la solidarité internationale.</li> 2265 <li>Travail en réseau avec les partenaires publics, privés, universitaires et associatifs.</li> 2266 <li>Valorisation des projets et des compétences acquises sur le terrain.</li> 2267</ul></div> 2268 </div> 2269 </div> 2270 </div> 2271 2272 <style> 2273 #box107063188 { 2274 position: absolute; 2275 left: 58.333333333333%; 2276 top: 1320px; 2277 height: 240px; 2278 2279 padding: 0; 2280 margin: 0!important; 2281 border: 0; 2282 } 2283 </style> 2284 <div class="boxLandmark "> 2285 <div 2286 id="box107063188" 2287 class="box"
2288 style="width: 33.333333333333%" 2289 data-type="picture" 2290 > 2291 <div style="position: relative; overflow:hidden; height: 240px; border-radius: 10px; background: transparent"> 2292 2293 <div class="overflowHidden displayInlineBlock positionRelative" style=" 2294 width:368px; 2295 max-width: 100%; 2296 height:240px; 2297 text-align: center; 2298 2299 border-radius: 10px;"> 2300 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 2301 <img 2302 src="https://app.assoconnect.com/services/storage?id=3527757&type=picture&secret=lp4vpYQa5Wel2DfJpGx2vxXv6fL5uTNkCDdlv4cP&timestamp=1776093678" 2303 style=" 2304 position:absolute; 2305 width:397.32px; 2306 height:297.99px; 2307 top:-27px; 2308 left:-200px; 2309 max-width:none; 2310 " 2311 > 2312 </div> 2313 </div> 2314 </div> 2315 </div> 2316 </div> 2317 2318 <style> 2319 #box107063189 { 2320 position: absolute; 2321 left: 33.333333333333%; 2322 top: 1560px; 2323 height: 60px; 2324 2325 padding: 0; 2326 margin: 0!important; 2327 border: 0; 2328 } 2329 </style> 2330 <div class="boxLandmark "> 2331 <div 2332 id="box107063189" 2333 class="box" 2334 style="width: 25%" 2335 data-type="horizontalSeparator" 2336 > 2337 <div style="position: relative; overflow:hidden; height: 60px; background: transparent"> 2338 <div class="separatorWrapper"><div><div class="separator" style="background:#faf9f8;height:1px"></div></div></div> 2339 </div> 2340 </div> 2341 </div> 2342 </div> </div> 2343</div> 2344 </div> 2345 </div> 2346</article> 2347 2348<!-- Footer --> 2349<footer id="templateFooterWrapper"> 2350 <div id="templateFooter"> 2351 <div id="templateFooterText">Association Loi 1901 â N°RNA :W332009553 - SIRET : 902 061 316 00029 I SFSF FRANCE : 2 Imp de Montemart - 19360 Malemort - FRANCE I SFSF-BÃNIN : Centre Mima - Quartier Zounzonme - Abomey</div> 2352 <div id="templateFooterBlockContainer"> 2353 <div class="row"> 2354 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 2355 <div id="templateFooterBlockWrapper" class="row"> 2356 <!-- Liste des pages de l'organisation principal --> 2357 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> 2358 <span>LIENS</span> 2359 <ul> 2360 <li> 2361 <a href=" 2362 /page/4038766-oddace-benin "> 2363 ð§ð¯ ð«ð· ODDACE-BÃNIN </a> 2364 </li> 2365 <li> 2366 <a href=" 2367 /page/4030432-donner-adherer "> 2368 â¤ï¸ NOUS SOUTENIR </a> 2369 </li> 2370 <li> 2371 <a href=" 2372 /page/4031154-recrutement "> 2373 ð RECRUTEMENT </a> 2374 </li> 2375 <li> 2376 <a href=" 2377 /page/4030223-valeurs-fonctionnement "> 2378 STATUTS, CHARTE, RÃGLEMENT INTÃRIEUR </a> 2379 </li> 2380 </ul> 2381 </div> 2382 </div> 2383 </div> 2384 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 2385 <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/4030393-missions"><input type="hidden" name="_formMulti" value="6ac3814f5a0d8|ae8adf0f531ff80a127e63e91724889257ef8217">
2385<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 2386 $("#templateFooterNewsletterForm").on("submit", function(){ 2387 var _this = $(this); 2388 var renable = true; 2389 if(_this.data("multi-submit-protection")){ 2390 return false; 2391 } 2392 else{ 2393 // Blocage à la prochaine soumission 2394 _this.data("multi-submit-protection", true); 2395 // Blocage & chargement sur les boutons 2396 _this.find("button[type='submit']").each(function(){ 2397 var text = $(this).text(); 2398 var buttonDOM = $(this); 2399 var buttonInterval; 2400 buttonDOM 2401 .addClass("disabled") 2402 .prop("disabled", true) 2403 .css("width", buttonDOM.outerWidth() + "px") 2404 .text(".") 2405 .inDOM(function() { 2406 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 2407 buttonInterval = setInterval(function() { 2408 if(buttonDOM.text().length === 3) { 2409 buttonDOM.text("."); 2410 } 2411 else { 2412 buttonDOM.text(buttonDOM.text() + "."); 2413 } 2414 }, 300); 2415 }); 2416 // Déblocage au bout de 1 seconde 2417 if(renable){ 2418 window.setTimeout(function(){ 2419 clearInterval(buttonInterval); 2420 buttonDOM 2421 .prop("disabled", false) 2422 .removeClass("disabled") 2423 .removeAttr("style") 2424 .text(text); 2425 }, 1000); 2426 } 2427 }); 2428 // Déblocage au bout de 1 seconde 2429 if(renable){ 2430 window.setTimeout(function(){ 2431 _this.data("multi-submit-protection", false); 2432 }, 1000); 2433 } 2434 // Retour 2435 return true; 2436 } 2437 }); 2438 </script>
2438 <div class="row colsMiddle"> 2439 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> 2440 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div> 2441 <label 2442 id="templateFooterBlocNewsletterEmailLabel" 2443 for="templateFooterBlocNewsletterEmail" 2444 > 2445 Je m'abonne à la newsletter 2446 2447 2448 </label> 2449 <input 2450 type="email" 2451 data-typo-check="true" 2452 name="templateFooterBlocNewsletterEmail" 2453 class="" 2454 value="" 2455 placeholder="Renseignez votre email" 2456 autocomplete="email" 2457 2458 2459 id="templateFooterBlocNewsletterEmail" 2460 > 2461 2462 <div class="clearBoth"></div> 2463 </div> 2464
2464<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 2465 $("#templateFooterBlocNewsletterEmail").on("change", function() { 2466 _spark.form.mail.check("templateFooterBlocNewsletterEmail"); 2467 }); 2468 </script>
2468 2469 </div> 2470 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom"> 2471 2472 <button 2473 type="submit" 2474 id="templateFooterBlocNewsletterSubmit" 2475 class=" 2476 button 2477 buttonOrange 2478 textAlignCenter 2479 buttonLarge 2480 2481 2482 " 2483 2484 > 2485 2486 <span class="valignInitial">OK</span> 2487 </button> 2488 </div> 2489 </div> 2490 2491 </form> 2492
2492<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 2493 $("#templateFooterNewsletterForm") 2494 // Init 2495 .data("dirty", 0) 2496 // Form submit is possible 2497 .on("submit", function(){ 2498 window.onbeforeunload = null; 2499 }) 2500 // On change 2501 .find("input, textarea").on("change", function(){ 2502 if(document.readyState === "complete"){ 2503 $("#templateFooterNewsletterForm").data().dirty++; 2504 } 2505 }); 2506 // Ajout 2507 _spark.dirty.push(function(){ 2508 return $("#templateFooterNewsletterForm").data("dirty") > 0; 2509 }); 2510 </script>
2510 2511 2512
2512<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 2513 _spark.form.mail.initMailGroup("templateFooterNewsletter"); 2514 </script>
2514 2515 <div id="templateFooterSocialWrapper"> 2516 <a 2517 href="https://www.facebook.com/assoSFSF" 2518 target="_blank" 2519 id="templateFooterSocialFacebook" 2520 > 2521 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ac3814f5a7de" > </a> 2522 <a 2523 href="https://www.youtube.com/@ongsfsf" 2524 target="_blank" 2525 id="templateFooterSocialYoutube" 2526 > 2527 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.youtube.24.color.png" class="_gif icoYoutube24Color" alt="icoYoutube24Color" title="Youtube" id="image_6ac3814f5a826" > </a> 2528 <a 2529 href="https://linkedin.com/in/ongsfsf" 2530 target="_blank" 2531 id="templateFooterSocialLinkedin" 2532 > 2533 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.linkedin.24.color.png" class="_gif icoLinkedin24Color" alt="icoLinkedin24Color" title="Linkedin" id="image_6ac3814f5a852" > </a> 2534 <a 2535 href="https://instagram.com/ong.sfsf" 2536 target="_blank" 2537 id="templateFooterSocialInstagram" 2538 > 2539 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ac3814f5a87d" > </a> 2540 </div> 2541 </div> 2542 </div> 2543 </div> 2544 </div> 2545 <div id="templateFooterInformation"> 2546 <ul> 2547 <!-- Plan du site --> 2548 <li> 2549 <a href="/infos/plan/ 2550 199725 ">Plan du site</a> 2551 </li> 2552 2553 <!-- Licences --> 2554 <li> 2555 <a href="/infos/licenses">Licences</a> 2556 </li> 2557 2558 <!-- CGU --> 2559 <li> 2560 <a href="/infos/legal-notice">Mentions légales</a> 2561 </li> 2562 <li> 2563 <a href="/infos/tos">CGUV</a> 2564 </li> 2565 2566 <!-- CGU --> 2567 <li> 2568 <a id="configureCookies" href="#">Paramétrer vos cookies</a> 2569 </li> 2570 2571 <!-- Connexion/déconnexion et mon compte --> 2572 <li> 2573 2574 <a 2575 id="templateNavButtonLoginButtonLink" 2576 href="https://www.sfsf.fr/contacts/login?redirect=%2Fpage%2F4030393-missions" 2577 class="" 2578 target="" 2579 rel="noopener" 2580 > 2581 <div 2582 id="templateNavButtonLoginButton" 2583 class=" 2584 button 2585 textAlignCenter 2586 buttonBlue 2587 buttonLarge 2588 valignMiddle margin0 2589 valignMiddle 2590 " 2591 ><span class="valignInitial">Se connecter</span></div></a> 2592 </li> 2593 </ul> 2594 <ul> 2595 <li class="paddingTop0"> 2596 <a href="https://www.assoconnect.com/associations/logiciel-association-caritative/" target="_blank"> 2597 Propulsé par AssoConnect, le logiciel des associations Caritatives </a> 2598 </li> 2599 </ul> 2600 </div> 2601 </footer> 2602 2603<!-- Footer - Global --> 2604 </div> 2605 2606 <!-- JS --> 2607
2607<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 2608 /** 2609 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY 2610 */ 2611function templatePageHeight() { 2612 var boxes = $("#boxes"); 2613 var heightMax = 0; 2614 var templatePage = $("#templatePage"); 2615 var templateNavContainer = $("#templateNavContainer"); 2616 2617 // Cherche la box la plus basse dans la page 2618 boxes.find("> .boxLandmark > .box").each(function() { 2619 heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top); 2620 }); 2621 2622 // templatePage prend la hauteur du menu si : heightMax < templateNavContainer 2623 if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) { 2624 return templateNavContainer.height() - templatePage.offset().top; 2625 } 2626 // templatePage prend la hauteur de la fenêtre si : heightMax < window 2627 else if(heightMax < $(window).height()) { 2628 return $(window).height() - templatePage.offset().top; 2629 } 2630 // templatePage prend la hauteur du dernier élément DIY 2631 else { 2632 var templateNavContainerHeight = 0; 2633 2634 // Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute 2635 if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") { 2636 templateNavContainerHeight = templateNavContainer.height(); 2637 } 2638 2639 return Math.round(heightMax - $("#templatePageWrapper").offset().top); 2640 } 2641} 2642 2643/** 2644 * Force templatePage à prendre toute la hauteur pour les pages du DIY 2645 */ 2646$(window).on("load", function() { 2647 if($("#boxes").children().length) { 2648 $("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page 2649 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2650 // Après un redimensionnement de l'écran 2651 var resized; 2652 $(window).on("resize orientationChanged", function() { 2653 clearTimeout(resized); 2654 resized = setTimeout(function() { 2655 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2656 }, 200); 2657 }); 2658 } 2659}); 2660 2661$(".video-youtube, .feed-facebook").each(function() { 2662 $(this).on("click", function() { 2663 if (window.openIubendaCookies) { 2664 window.openIubendaCookies(); 2665 } 2666 }); 2667}); 2668 </script>
vendor: 1 bytes, line 2668
2668
2669<script nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc"> 2670 if(window.console && window.console.log){ 2671 // Affichage des notices non capturées 2672 } 2673</script>
2673 2674 2675 2676
2676<script 2677 nonce="cbe66738-5a15-462c-97b9-7e8dde9b8afc" 2678 src="https://cdn.hub-prod.team.blue/loader/widget-loader.js" 2679 data-teamblue-footer 2680 data-footer="hidden" 2681 ></script>
2681 2682 </body> 2683</html> 2684
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.