PageSourceSearch

https://www.sfsf.fr/page/4030393-missions

html sfsf.fr collected 2026-10-05 10:51:59 UTC 119,817 bytes, 2,684 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3	<head>
4
5		<!-- META -->
6		                <meta name="robots" content="index, follow">
7                    <meta property="og:type" content="website">
8                    <meta property="og:site_name" content="AssoConnect">
9                    <title>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&amp;type=picture&amp;secret=FuieovWwmXPdV6bbCUyx9l0xEajlKoMg31WT9rdw&amp;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&amp;type=picture&amp;secret=FuieovWwmXPdV6bbCUyx9l0xEajlKoMg31WT9rdw&amp;timestamp=1775429784&amp;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 &amp; Équipe						</a>
1286					</li>
1287									<li >
1288						<a href="/page/4030223-valeurs-fonctionnement">
1289							Valeurs &amp; 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&#039;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&#039;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&#039;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&amp;type=picture&amp;secret=FuieovWwmXPdV6bbCUyx9l0xEajlKoMg31WT9rdw&amp;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&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106557519&amp;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&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106557519&amp;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&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106557519&amp;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&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106557519&amp;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&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106557519&amp;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&amp;type=picture&amp;secret=FuieovWwmXPdV6bbCUyx9l0xEajlKoMg31WT9rdw&amp;timestamp=1775429784&amp;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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</span>
1637                                        </div>
1638                                    </a>
1639                                    <ul>
1640                                                                                                                                    <li >
1641                                                    <a href="/page/4030138-histoire-equipe">
1642                                                        Histoire &amp; Équipe                                                    </a>
1643                                                </li>
1644                                                                                            <li >
1645                                                    <a href="/page/4030223-valeurs-fonctionnement">
1646                                                        Valeurs &amp; 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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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 &amp; É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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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 &amp; 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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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 &amp; Équipe								</a>
1880							</li>
1881													<li >
1882								<a href="/page/4030223-valeurs-fonctionnement">
1883									Valeurs &amp; 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 &amp; É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 &amp; 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 &amp; Équipe                            </a>
1981                                                                                <a
1982                                    id="tab_page-valeurs-fonctionnement"
1983                                    href="/page/4030223-valeurs-fonctionnement"
1984                                    class=""
1985                            >
1986                                Valeurs &amp; 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&amp;type=picture&amp;secret=fWTSRlccGaJZgeVVIwjcpCWkYNYvvyBIDDKFOKc9&amp;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&amp;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&amp;type=picture&amp;secret=QSPJeYJXuczS5GUeL6atgAhfjqwAAJrWXuUk2laf&amp;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&amp;type=picture&amp;secret=lp4vpYQa5Wel2DfJpGx2vxXv6fL5uTNkCDdlv4cP&amp;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&#039;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.