PageSourceSearch

https://www.acoram.fr/page/2116756-accueil

html acoram.fr collected 2026-09-29 20:50:59 UTC 135,630 bytes, 3,153 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>Accueil | ACORAM</title>
10                    <meta property="og:title" content="Accueil | ACORAM">
11                    <meta name="description" content="Accueil - Accueil - Association des Officiers de Réserve de la Marine Nationale...">
12        <meta property="og:description" content="Accueil - Accueil - Association des Officiers de Réserve de la Marine Nationale...">
13                    <meta property="og:locale" content="fr_FR">
14                    <meta property="og:url" content="https://www.acoram.fr/page/2116756-accueil">
15                    <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=6370056&amp;type=picture&amp;secret=7g084XsS4MaCIPQrDFWJEVxuB1a5rCPlAM9wWl3R&amp;timestamp=1765579995">
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.acoram.fr/page/2116756-accueil">
23
24		<!-- Favicon -->
25					<link rel="icon" type="image/png" href="https://www.acoram.fr/services/favicon/32K4YAS22EYVJ87DPFDYNRT000">
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.9a6a164.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=Raleway:400,500,700" rel="stylesheet">
237            <style>
238            html, body {font-family: "Raleway", 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="55b26916-fb40-4df4-8deb-6eed36485f9b">
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="55b26916-fb40-4df4-8deb-6eed36485f9b">
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="55b26916-fb40-4df4-8deb-6eed36485f9b">
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="55b26916-fb40-4df4-8deb-6eed36485f9b">
314    var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy";
315    var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark";
316    var SPARK_VERSION = "9a6a164";
317    var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760;
318    var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249;
319    var URI_CLIENT = "\/page\/2116756-accueil";
320    var URI_SERVER = "\/page\/index";
321    var VENDOR_ID = 398851;
322    var _GIFS = [];
323    var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH";
324    var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA";
325    var CSP_NONCE = "55b26916-fb40-4df4-8deb-6eed36485f9b";
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="55b26916-fb40-4df4-8deb-6eed36485f9b"
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="55b26916-fb40-4df4-8deb-6eed36485f9b">
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="55b26916-fb40-4df4-8deb-6eed36485f9b"
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="55b26916-fb40-4df4-8deb-6eed36485f9b"
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="55b26916-fb40-4df4-8deb-6eed36485f9b"
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="55b26916-fb40-4df4-8deb-6eed36485f9b"
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="55b26916-fb40-4df4-8deb-6eed36485f9b"
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="55b26916-fb40-4df4-8deb-6eed36485f9b" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.9a6a164.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="55b26916-fb40-4df4-8deb-6eed36485f9b">
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="55b26916-fb40-4df4-8deb-6eed36485f9b"
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="55b26916-fb40-4df4-8deb-6eed36485f9b"
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="55b26916-fb40-4df4-8deb-6eed36485f9b">
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":"school136715","dimension4":"PROD","dimension3":"unknown","dimension5":"PRO"});
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="55b26916-fb40-4df4-8deb-6eed36485f9b"></script>
540
541<!-- Iubenda -->
542<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
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="55b26916-fb40-4df4-8deb-6eed36485f9b">
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="55b26916-fb40-4df4-8deb-6eed36485f9b">
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: #284baf;
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: #284baf;
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: #24439d;
764	}
765	.buttonWhiteBlue:active,
766	.buttonTransparent:active {
767		color: #223f94;
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: #4183d7;
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: #284baf;
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: #223f94;
802	}
803	.radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */
804		background-color: #2e56c9;
805	}
806	.dialogDotWrapper .dialogDot:hover {
807		background-color: #305ad2;
808	}
809	.buttonBlue:active,
810	#eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active {
811		background-color: #203c8c;
812	}
813	.dialogDotWrapper .dialogDot {
814		background-color: #3461e3;
815	}
816	.buttonWhiteBlue:active {
817		background-color: #3665ec;
818	}
819	.buttonWhiteBlue:hover {
820		background-color: #3869f5;
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: #284baf;
856	}
857	#agendaWrapper #agendaEvent #agendaEventReturn,
858	div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn {
859		border-color: #ffffff;
860	}
861	.buttonWhiteBlue:hover {
862		border-color: #2c52c0;
863	}
864	.buttonWhiteBlue:active {
865		border-color: #2e56c9;
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: #305ad2;
870	}
871	.radioAlt.colorBlue.radioAltSelected {
872		border-color: #1c347a;
873	}
874	.buttonWhiteAlt:active {
875		outline-color: #284baf;
876	}
877	.buttonWhiteAlt:hover {
878		border-color: #305ad2;
879	}
880
881	/**
882	 * Couleur du menu
883	 */
884					@media (min-width: 1151px) {
885		#templateNavWrapper,
886		#templateNavWrapper:before,
887		#templateNavBar {
888							background-color: #4183d7;
889								}
890		#templateSubNavWrapper {
891			background-color:
892									#4489e1							;
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: #4183d7;
904		}
905	}
906	#templateNavSubBarWrapper,
907	#templateNavSubBarWrapper #templateNavSubBarLeft,
908	#templateNavSubBarWrapper #templateNavSubBarRight {
909		background-color: #4489e1;
910	}
911	#agendaWrapper,
912	div:not(#agendaWrapper) > #agendaEvent,
913	#donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton,
914	#eventWrapper #eventDateLeftWrapper {
915		background-color: #4183d7;
916	}
917	#eventWrapper #eventPicture #eventInfos #eventName {
918		border-color: #4183d7;
919	}
920	/* Couleur des hovers */
921			#templateNavWrapper #templateNav ul li.active,
922		#templateNavWrapper #templateNav ul li:not(.hideHover):hover {
923			background-color: #3a75c1;
924		}
925		@media (min-width: 1151px) {
926			#templateSubNavWrapper ul li.active,
927			#templateSubNavWrapper ul li:hover {
928				background: #3a75c1;
929			}
930		}
931		@media (max-width: 1150px) {
932			#templateNavSubBarWrapper #templateNavSubBar li.active {
933				background: #3a75c1;
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: #f7ca18;
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/beige-paper.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/_blank.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: 300px
987		}
988	
989	/* Position de l'image de l'organisation dans le haut de page */
990				#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture {
991			text-align: left;
992		}
993	
994	/* Taille texte bloc */
995	#templateHeaderBlockTitleWrapper {
996		font-size: 28px;
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(255, 222, 73, .5);
1007	}
1008
1009	@media (min-width: 1151px) {
1010		/* Position du logo dans le menu */
1011		#templateNavWrapper #templateNav #navVendorWrapper {
1012							display: none;
1013					}
1014
1015		/* Place le haut de page sous le menu si le menu est transparent */
1016		
1017		/* Hauteur du menu (les ">" pour ignorer les sous-menus) */
1018		#templateNavWrapper #templateNav > ul > li {
1019			height: 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				
1049		/* Texte du menu en gras */
1050		
1051		/* Texte du menu en majuscule */
1052					#templateNavWrapper #templateNav,
1053			#templateSubNavWrapper {
1054				text-transform: uppercase;
1055			}
1056		
1057		/* Cache les icônes */
1058					#templateNav ._gif:not(.noHide) {
1059				display: none;
1060			}
1061		
1062		/* Espacement entre les items du menu */
1063							#templateNavWrapper #templateNav ul li a,
1064			#templateNavWrapper #templateNav ul li ul li a,
1065			#templateSubNavWrapper ul li a {
1066				padding: 0 15px;
1067			}
1068		
1069		/* Alignement du contenu du menu */
1070							#templateNavWrapper #templateNav,
1071			#templateSubNavWrapper {
1072				text-align: center;
1073			}
1074		
1075		/* Hauteur du logo de l'organisation dans le haut de page */
1076					#templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img {
1077				height: 100px;
1078			}
1079			}
1080
1081	@media (max-width: 1150px) {
1082	    	    #templateNavBarVendorPicture {
1083	        display: none;
1084	    }
1085		
1086		/* Cache le bloc en responsive si le site dispose d'un logo d'organisation */
1087							#templateHeaderWrapper #templateHeader #templateHeaderBlockContainer {
1088				display: none;
1089			}
1090		
1091		/* Alignement du menu en fonction de la barre d'administration */
1092		#templateNavWrapper {
1093					top: 55px;
1094				}
1095
1096	}
1097
1098	/* Fond fullscreen dans les pages personnalisées */
1099			#boxes .boxLandmarkBackground {
1100			width: calc(100% + 27px);
1101			margin-left: -13.5px !important;
1102			max-width: 1131px !important;
1103		}
1104	
1105	/* Arrondi des champs */
1106	input[type="text"],
1107	input[type="search"]:not(.choices__input),
1108	.choices,
1109	input[type="password"],
1110	input[type="date"],
1111	input[type="tel"],
1112	input[type="number"],
1113	input[type="datetime-local"],
1114	input[type="email"],
1115	input[type="url"],
1116	textarea {
1117					border-radius: 10px;
1118			padding: 9px;
1119			}
1120	select {
1121					border-radius: 10px;
1122			}
1123	.selected-flag,
1124	.buttonBig,
1125	.buttonLarge,
1126	.buttonSmall,
1127	.bootstrap-switch,
1128	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper,
1129	#gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY,
1130	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper,
1131	#boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY {
1132					border-radius: 10px;
1133			}
1134	.buttonLarge {
1135					padding: 10px;
1136			}
1137	.buttonSmall {
1138			}
1139</style>
1140<!-- Message -->
1141<!-- Affichage Spark\Notification::message -->
1142<div id="messagesWrapper">
1143        	</div>
1144
1145<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
1146    $('.message-support .messageClose').click(function(event) {
1147        _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1);
1148    });
1149</script>
1149
1150<!-- Misc Spark -->
1151
1152<div class="displayNone" id="sparkTemplateTableExportColumns">
1153    <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/2116756-accueil"><input type="hidden" name="_formMulti" value="6abc24afc5e20|cb97db2144913e9023c1c30337415d1fe207d551">
1153<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
1154            $("#sparkTemplateTableExportColumnsForm").on("submit", function(){
1155                var _this = $(this);
1156                var renable = false;
1157                if(_this.data("multi-submit-protection")){
1158                    return false;
1159                }
1160                else{
1161                    // Blocage à la prochaine soumission
1162                    _this.data("multi-submit-protection", true);
1163                    // Blocage & chargement sur les boutons
1164                    _this.find("button[type='submit']").each(function(){
1165                        var text = $(this).text();
1166                        var buttonDOM = $(this);
1167                        var buttonInterval;
1168                        buttonDOM
1169                            .addClass("disabled")
1170                            .prop("disabled", true)
1171                            .css("width", buttonDOM.outerWidth() + "px")
1172                            .text(".")
1173                            .inDOM(function() {
1174                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
1175                                buttonInterval = setInterval(function() {
1176                                    if(buttonDOM.text().length === 3) {
1177                                        buttonDOM.text(".");
1178                                    }
1179                                    else {
1180                                        buttonDOM.text(buttonDOM.text() + ".");
1181                                    }
1182                                }, 300);
1183                            });
1184                        // Déblocage au bout de 1 seconde
1185                        if(renable){
1186                            window.setTimeout(function(){
1187                                clearInterval(buttonInterval);
1188                                buttonDOM
1189                                    .prop("disabled", false)
1190                                    .removeClass("disabled")
1191                                    .removeAttr("style")
1192                                    .text(text);
1193                            }, 1000);
1194                        }
1195                    });
1196                    // Déblocage au bout de 1 seconde
1197                    if(renable){
1198                        window.setTimeout(function(){
1199                            _this.data("multi-submit-protection", false);
1200                        }, 1000);
1201                    }
1202                    // Retour
1203                    return true;
1204                }
1205            });
1206        </script>
1206    <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div>
1207                <label
1208                    id="sparkTableExportColumnLabel"
1209                >
1210                    Exporter les lignes sélectionnées
1211                    
1212                    
1213                </label>
1214                <div class="formContent">
1215        
1216                <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1217                    <label class="radio" for="sparkTableExportColumn_all">
1218                        <input
1219                            type="radio"
1220                            name="sparkTableExportColumn"
1221                            id="sparkTableExportColumn_all"
1222                            value="all"
1223                            
1224                            
1225                            class=""
1226                        >
1227                        <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span>
1228                    </label>
1229                </div>
1230                
1230<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
1231                    if(document.readyState === "complete"){
1232                        $("#sparkTableExportColumn_all").radiocheck();
1233                    }
1234                </script>
1234
1235            
1236                <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 ">
1237                    <label class="radio" for="sparkTableExportColumn_filter">
1238                        <input
1239                            type="radio"
1240                            name="sparkTableExportColumn"
1241                            id="sparkTableExportColumn_filter"
1242                            value="filter"
1243                            
1244                            
1245                            class=""
1246                        >
1247                        <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span>
1248                    </label>
1249                </div>
1250                
1250<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
1251                    if(document.readyState === "complete"){
1252                        $("#sparkTableExportColumn_filter").radiocheck();
1253                    }
1254                </script>
1254
1255            </div></div>    </form>
1256                
1256<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
1257                    _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns");
1258                </script>
1258
1259                </div>
1260
1261<!-- Barre d'administration -->
1262
1263<!-- Barre de navigation responsive -->
1264<div id="templateNavBar">
1265
1266	<div id="templateNavBarVendorPicture">
1267		<!-- Une organisation en particulier -->
1268					<a href="/">
1269				<img src="https://app.assoconnect.com/services/storage?id=6370056&amp;type=picture&amp;secret=7g084XsS4MaCIPQrDFWJEVxuB1a5rCPlAM9wWl3R&amp;timestamp=1765579995&amp;size=small" alt="ACORAM">
1270			</a>
1271		<!-- L'organisation principale -->
1272			</div>
1273
1274	<div id="templateNavBarToggleMenu">
1275		<span>Menu</span>
1276					<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>
1277
1278	<div class="clearBoth"></div>
1279
1280</div>
1281
1282	
1283<!-- Header top -->
1284	 ?>
1285<header id="templateHeaderWrapper">
1286	<div id="templateHeaderWrapperHover" class="templateHover"></div>
1287	<div id="templateHeaderWrapperEditable" class="templateEditable templateEditablePicture">
1288		<div class="displayTable height100 width100">
1289			<div class="displayTableCell valignMiddle">
1290				<p>Images de la page d'accueil</p>
1291				<div class="templateEditableButton">Cliquez pour éditer</div>
1292			</div>
1293		</div>
1294	</div>
1295		<!-- Fix #6796 -->
1296	<div id="templateHeaderVendorPictureWrapper">
1297		<a
1298			href="https://www.acoram.fr"
1299			id="templateHeaderVendorPicture"
1300		>
1301			<img src="https://app.assoconnect.com/services/storage?id=6370056&amp;type=picture&amp;secret=7g084XsS4MaCIPQrDFWJEVxuB1a5rCPlAM9wWl3R&amp;timestamp=1765579995" class="notHeightAuto">
1302		</a>
1303	</div>
1304	<!-- Fix #10003 -->
1305			<!-- Fond de remplacement si aucune image -->
1306			<!-- Pour le mode édition n'affiche que la première image -->
1307								<!-- Récupère le sprite -->
1308				<!-- Affiche la ou les images -->
1309		<div id="templateHeaderPictures">
1310							<div class="templateHeaderPicture">
1311					<div class="templateHeaderPictureReference">
1312						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1313							position: absolute;
1314							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_32K4YAS22EYVJ87DPFDYNRT000/Nonprofit_01G4K9A0HNTRA37C3TZMASCD60/Organization_01G4K9A0JVYAN8CPZABM2QYK3J/header.sprite.02f17316c60ee6f30b29deace366b27b8909eebe.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106075055&amp;Signature=g9yMm236bKOA7c4yGEyRroo2BTk%3D) left -0px;
1315							width: 1209px;
1316							height: 300px;
1317							top: 0;
1318							left: -575px;
1319						">
1320					</div>
1321				</div>
1322				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1323											<div class="templateHeaderPicture">
1324					<div class="templateHeaderPictureReference">
1325						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1326							position: absolute;
1327							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_32K4YAS22EYVJ87DPFDYNRT000/Nonprofit_01G4K9A0HNTRA37C3TZMASCD60/Organization_01G4K9A0JVYAN8CPZABM2QYK3J/header.sprite.02f17316c60ee6f30b29deace366b27b8909eebe.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106075055&amp;Signature=g9yMm236bKOA7c4yGEyRroo2BTk%3D) left -300px;
1328							width: 1209px;
1329							height: 300px;
1330							top: 0;
1331							left: -589px;
1332						">
1333					</div>
1334				</div>
1335				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1336											<div class="templateHeaderPicture">
1337					<div class="templateHeaderPictureReference">
1338						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1339							position: absolute;
1340							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_32K4YAS22EYVJ87DPFDYNRT000/Nonprofit_01G4K9A0HNTRA37C3TZMASCD60/Organization_01G4K9A0JVYAN8CPZABM2QYK3J/header.sprite.02f17316c60ee6f30b29deace366b27b8909eebe.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106075055&amp;Signature=g9yMm236bKOA7c4yGEyRroo2BTk%3D) left -600px;
1341							width: 1209px;
1342							height: 300px;
1343							top: 0;
1344							left: -583px;
1345						">
1346					</div>
1347				</div>
1348				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1349											<div class="templateHeaderPicture">
1350					<div class="templateHeaderPictureReference">
1351						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1352							position: absolute;
1353							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_32K4YAS22EYVJ87DPFDYNRT000/Nonprofit_01G4K9A0HNTRA37C3TZMASCD60/Organization_01G4K9A0JVYAN8CPZABM2QYK3J/header.sprite.02f17316c60ee6f30b29deace366b27b8909eebe.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106075055&amp;Signature=g9yMm236bKOA7c4yGEyRroo2BTk%3D) left -900px;
1354							width: 1209px;
1355							height: 300px;
1356							top: 0;
1357							left: -568px;
1358						">
1359					</div>
1360				</div>
1361				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1362											<div class="templateHeaderPicture">
1363					<div class="templateHeaderPictureReference">
1364						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1365							position: absolute;
1366							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_32K4YAS22EYVJ87DPFDYNRT000/Nonprofit_01G4K9A0HNTRA37C3TZMASCD60/Organization_01G4K9A0JVYAN8CPZABM2QYK3J/header.sprite.02f17316c60ee6f30b29deace366b27b8909eebe.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106075055&amp;Signature=g9yMm236bKOA7c4yGEyRroo2BTk%3D) left -1200px;
1367							width: 1209px;
1368							height: 300px;
1369							top: 0;
1370							left: -379px;
1371						">
1372					</div>
1373				</div>
1374				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1375											<div class="templateHeaderPicture">
1376					<div class="templateHeaderPictureReference">
1377						<img src="https://assets.assoconnect.com/legacy/spark/image/_.gif" class="widthAuto" style="
1378							position: absolute;
1379							background: url(https://s3-eu-west-1.amazonaws.com/buypacker-prod/coldstorage/Platform_32K4YAS22EYVJ87DPFDYNRT000/Nonprofit_01G4K9A0HNTRA37C3TZMASCD60/Organization_01G4K9A0JVYAN8CPZABM2QYK3J/header.sprite.02f17316c60ee6f30b29deace366b27b8909eebe.png?response-content-disposition=inline&amp;AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&amp;Expires=2106075055&amp;Signature=g9yMm236bKOA7c4yGEyRroo2BTk%3D) left -1500px;
1380							width: 1209px;
1381							height: 300px;
1382							top: 0;
1383							left: -508px;
1384						">
1385					</div>
1386				</div>
1387				<!-- Calcule la position y de l'image suivante dans le sprite en fonction de la hauteur du header -->
1388									</div>
1389	</header>
1390
1391
1392
1393<!-- Navigation et réseaux sociaux -->
1394
1395<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent -->
1396<div id="templateNavContainer">
1397
1398	<div id="templateNavWrapper">
1399
1400		<!-- Éditable et hover -->
1401		<div id="templateNavWrapperHover" class="templateHover"></div>
1402		<div id="templateNavWrapperEditable" class="templateEditable templateEditableNav">
1403			<div class="displayTable height100 width100">
1404				<div class="displayTableCell valignMiddle">
1405					<p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p>
1406					<div class="templateEditableButton">Cliquez pour éditer</div>
1407				</div>
1408			</div>
1409		</div>
1410
1411		<!-- Réseaux sociaux -->
1412		<div id="templateNavSocialWrapper">
1413			                			                			                			                			                			                					</div>
1414
1415		<!-- Navigation -->
1416		<nav id="templateNav">
1417						<ul id="navVendorWrapper">
1418				<!-- Nom & logo de l'organisation -->
1419                				<li id="navVendorPicture">
1420					<div class="displayTable height100"><!-- displayTable = fix #8392 -->
1421						<a class="displayTableCell width100 valignMiddle" href="/">
1422							<img src="https://app.assoconnect.com/services/storage?id=6370056&amp;type=picture&amp;secret=7g084XsS4MaCIPQrDFWJEVxuB1a5rCPlAM9wWl3R&amp;timestamp=1765579995&amp;size=small" alt="ACORAM">
1423						</a>
1424					</div>
1425				</li>
1426			</ul>
1427			<ul>
1428                                                                                                                        <li
1429                                    data-templatesubnav="2116753"
1430                                    class="
1431                                                                                                                            active
1432                                                                            "
1433                                >
1434                                    <a
1435                                        href="/page/2116756-accueil"
1436                                        class="displayTable height100"
1437                                    >
1438                                        <div class="displayTableCell valignMiddle">
1439                                                                                    </div>
1440                                        <div class="displayTableCell valignMiddle">
1441                                            Accueil                                            <sp
1441an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1442                                        </div>
1443                                    </a>
1444                                    <ul>
1445                                                                            </ul>
1446                                </li>
1447                                                                                                                <li
1448                                    data-templatesubnav="1888352"
1449                                    class="
1450                                                                                    templateNavResponsiveToggleChildren
1451                                                                                                                    "
1452                                >
1453                                    <a
1454                                        href="/page/1996050-le-mot-du-president"
1455                                        class="displayTable height100"
1456                                    >
1457                                        <div class="displayTableCell valignMiddle">
1458                                                                                    </div>
1459                                        <div class="displayTableCell valignMiddle">
1460                                            L&#039;association                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1461                                        </div>
1462                                    </a>
1463                                    <ul>
1464                                                                                                                                    <li >
1465                                                    <a href="/page/1996050-le-mot-du-president">
1466                                                        Le mot du président                                                    </a>
1467                                                </li>
1468                                                                                            <li >
1469                                                    <a href="/page/2121856-membres-du-conseil-d-administration">
1470                                                        Membres du Conseil d&#039;administration                                                    </a>
1471                                                </li>
1472                                                                                            <li >
1473                                                    <a href="/page/1996075-presentation-de-lacoram">
1474                                                        Présentation de l’ACORAM                                                    </a>
1475                                                </li>
1476                                                                                            <li >
1477                                                    <a href="/page/1996117-les-officiers-de-reserve">
1478                                                        Les officiers de réserve                                                    </a>
1479                                                </li>
1480                                                                                                                        </ul>
1481                                </li>
1482                                                                                                                <li
1483                                    data-templatesubnav="1996715"
1484                                    class="
1485                                                                                                                    "
1486                                >
1487                                    <a
1488                                        href="/page/2138175-les-sections"
1489                                        class="displayTable height100"
1490                                    >
1491                                        <div class="displayTableCell valignMiddle">
1492                                                                                    </div>
1493                                        <div class="displayTableCell valignMiddle">
1494                                            Les sections                                            <sp
1494an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1495                                        </div>
1496                                    </a>
1497                                    <ul>
1498                                                                            </ul>
1499                                </li>
1500                                                                                                                <li
1501                                    data-templatesubnav="1888358"
1502                                    class="
1503                                                                                                                    "
1504                                >
1505                                    <a
1506                                        href="/page/2114924-adhesions"
1507                                        class="displayTable height100"
1508                                    >
1509                                        <div class="displayTableCell valignMiddle">
1510                                                                                    </div>
1511                                        <div class="displayTableCell valignMiddle">
1512                                            Nous rejoindre !                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1513                                        </div>
1514                                    </a>
1515                                    <ul>
1516                                                                            </ul>
1517                                </li>
1518                                                                                                                <li
1519                                    data-templatesubnav="2175376"
1520                                    class="
1521                                                                                                                    "
1522                                >
1523                                    <a
1524                                        href="/page/2185669-cotiser-en-ligne"
1525                                        class="displayTable height100"
1526                                    >
1527                                        <div class="displayTableCell valignMiddle">
1528                                                                                    </div>
1529                                        <div class="displayTableCell valignMiddle">
1530                                            Renouvellement cotisation                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1531                                        </div>
1532                                    </a>
1533                                    <ul>
1534                                                                            </ul>
1535                                </li>
1536                                                                                                                <li
1537                                    data-templatesubnav="2175380"
1538                                    class="
1539                                                                                                                    "
1540                                >
1541                                    <a
1542                                        href="/page/2129425-dons"
1543                                        class="displayTable height100"
1544                                    >
1545                                        <div class="displayTableCell valignMiddle">
1546                                                                                    </div>
1547                                        <div class="displayTableCell valignMiddle">
1548                                            Dons                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1549                                        </div>
1550                                    </a>
1551                                    <ul>
1552                                                                            </ul>
1553                                </li>
1554                                                                                                                <li
1555                                    data-templatesubnav="1888354"
1556                                    class="
1557                                                                                    templateNavResponsiveToggleChildren
1558                                                                                                                    "
1559                                >
1560                                    <a
1561                                        href="/page/2116760-agenda"
1562                                        class="displayTable height100"
1563                                    >
1564                                        <div class="displayTableCell valignMiddle">
1565                                                                                    </div>
1566                                        <div class="displayTableCell valignMiddle">
1567                                            Actus et événements                                            <sp
1567an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1568                                        </div>
1569                                    </a>
1570                                    <ul>
1571                                                                                                                                    <li >
1572                                                    <a href="/page/2116760-agenda">
1573                                                        Agenda                                                    </a>
1574                                                </li>
1575                                                                                            <li >
1576                                                    <a href="/page/1888355-actualites">
1577                                                        Actualités                                                    </a>
1578                                                </li>
1579                                                                                                                        </ul>
1580                                </li>
1581                                                                                                                <li
1582                                    data-templatesubnav="2138542"
1583                                    class="
1584                                                                                    templateNavResponsiveToggleChildren
1585                                                                                                                    "
1586                                >
1587                                    <a
1588                                        href="/page/2138553-groupe-jeunes"
1589                                        class="displayTable height100"
1590                                    >
1591                                        <div class="displayTableCell valignMiddle">
1592                                                                                    </div>
1593                                        <div class="displayTableCell valignMiddle">
1594                                            Activités                                            <span class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1595                                        </div>
1596                                    </a>
1597                                    <ul>
1598                                                                                                                                    <li >
1599                                                    <a href="/page/2138553-groupe-jeunes">
1600                                                        Groupe Jeunes                                                    </a>
1601                                                </li>
1602                                                                                            <li >
1603                                                    <a href="/page/1996136-prix-marine-bravo-zulu">
1604                                                        Prix Marine Bravo Zulu                                                    </a>
1605                                                </li>
1606                                                                                            <li >
1607                                                    <a href="/page/2138569-revue-marine-acoram">
1608                                                        Revue Marine ACORAM                                                    </a>
1609                                                </li>
1610                                                                                            <li >
1611                                                    <a href="/page/2138754-devoir-de-memoire">
1612                                                        Devoir de Mémoire                                                    </a>
1613                                                </li>
1614                                                                                                                        </ul>
1615                                </li>
1616                                                                                                                <li
1617                                    data-templatesubnav="2137623"
1618                                    class="
1619                                                                                                                    "
1620                                >
1621                                    <a
1622                                        href="/page/1980275-boutique"
1623                                        class="displayTable height100"
1624                                    >
1625                                        <div class="displayTableCell valignMiddle">
1626                                                                                    </div>
1627                                        <div class="displayTableCell valignMiddle">
1628                                            Boutique                                            <sp
1628an class="arrowTop">&#9652;</span><span class="arrowDown">&#9662;</span>
1629                                        </div>
1630                                    </a>
1631                                    <ul>
1632                                                                            </ul>
1633                                </li>
1634                                                                                        				<!-- Mon compte -->
1635								<!-- Panier -->
1636								<!-- Boutons -->
1637																									<li id="templateNavButton1Container" class="hideHover displayNone">
1638					<a href="https://www.acoram.fr/adhesion-boutique/categorie-produit/produits-derives/" class="height100 displayTable">
1639						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1640						<div class="displayTableCell valignMiddle">
1641							
1642            <div
1643                id="templateNavButton1Button"
1644                class="
1645                    button
1646                    textAlignCenter
1647                    buttonBlue
1648                    buttonLarge
1649                    
1650                    valignMiddle
1651                "
1652            ><span class="valignInitial"></span></div>						</div>
1653					</a>
1654				</li>
1655																									<li id="templateNavButton2Container" class="hideHover displayNone">
1656					<a href="" class="height100 displayTable">
1657						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 -->
1658						<div class="displayTableCell valignMiddle">
1659							
1660            <div
1661                id="templateNavButton2Button"
1662                class="
1663                    button
1664                    textAlignCenter
1665                    buttonBlue
1666                    buttonLarge
1667                    
1668                    valignMiddle
1669                "
1670            ><span class="valignInitial"></span></div>						</div>
1671					</a>
1672				</li>
1673				<!-- Connexion -->
1674				<li id="templateNavButtonLoginContainer" class="hideHover ">
1675					<a href="/contacts/login?redirect=%2Fpage%2F2116756-accueil" class="height100 displayTable">
1676						<!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 -->
1677						<div class="displayTableCell valignMiddle">
1678							
1679            <div
1680                id="templateNavButtonLoginButton"
1681                class="
1682                    button
1683                    textAlignCenter
1684                    buttonBlue
1685                    buttonLarge
1686                    
1687                    valignMiddle
1688                "
1689            ><span class="valignInitial">Se connecter</span></div>						</div>
1690					</a>
1691				</li>
1692			</ul>
1693		</nav>
1694
1695	</div>
1696
1697	<div id="templateSubNavWrapper">
1698
1699		<div id="templateSubNav">
1700																			<ul data-templatesubnav="1888352">
1701													<li >
1702								<a href="/page/1996050-le-mot-du-president">
1703									Le mot du président								</a>
1704							</li>
1705													<li >
1706								<a href="/page/2121856-membres-du-conseil-d-administration">
1707									Membres du Conseil d&#039;administration								</a>
1708							</li>
1709													<li >
1710								<a href="/page/1996075-presentation-de-lacoram">
1711									Présentation de l’ACORAM								</a>
1712							</li>
1713													<li >
1714								<a href="/page/1996117-les-officiers-de-reserve">
1715									Les officiers de réserve								</a>
1716							</li>
1717											</ul>
1718																																												<ul data-templatesubnav="1888354">
1719													<li >
1720								<a href="/page/2116760-agenda">
1721									Agenda								</a>
1722							</li>
1723													<li >
1724								<a href="/page/1888355-actualites">
1725									Actualités								</a>
1726							</li>
1727											</ul>
1728																<ul data-templatesubnav="2138542">
1729													<li >
1730								<a href="/page/2138553-groupe-jeunes">
1731									Groupe Jeunes								</a>
1732							</li>
1733													<li >
1734								<a href="/page/1996136-prix-marine-bravo-zulu">
1735									Prix Marine Bravo Zulu								</a>
1736							</li>
1737													<li >
1738								<a href="/page/2138569-revue-marine-acoram">
1739									Revue Marine ACORAM								</a>
1740							</li>
1741													<li >
1742								<a href="/page/2138754-devoir-de-memoire">
1743									Devoir de Mémoire								</a>
1744							</li>
1745											</ul>
1746																	
1747		</div>
1748
1749	</div>
1750
1751</div>
1752
1753<!-- 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) -->
1754
1755<!-- Page -->
1756<article id="templatePageWrapper" class="layout-md">
1757	<div id="templatePage">
1758		<!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe -->
1759		<div id="templateIframe">
1760			<!-- Tabulations -->
1761    <!-- Affiche les onglets pour les organisation dépendantes -->
1762    
1763    <!-- 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 -->
1764                
1765    <!-- Tabulations en mode Fil d'Ariane -->
1766            <!-- Une tabulation, juste le titre s'affiche -->
1767                    <div class="templatePageHeader" data-id="component_Header">
1768                <div>
1769                    <div id="templateTitle" class="templatePageHeaderPart">
1770                                                <span class="displayInlineBlock valignMiddle"></span>
1771                                            </div>
1772                                    </div>
1773            </div>
1774
1775            <!-- Plusieurs tabulations, affichage du titre et des tabulations -->
1776                <!-- Titre uniquement -->
1777        <!-- Titre uniquement -->
1778<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) -->
1779<div class="clearBoth"></div>
1780<!-- Template -->
1781<div class="templatePageWrapper layout-md">
1782        <div class="templatePageContent ">
1783                    <div class="templatePageContentHeader">
1784                            </div>
1785                
1786
1787
1788
1789
1790<!-- Lien d'édition -->
1791
1792<!-- Contenu de la page -->
1793<div id="boxes">
1794	
1795            <style>
1796                #box106601472 {
1797                	position:		absolute;
1798                	left:			8.3333333333333%;
1799                	top:			0px;
1800                	height:			60px;
1801                	
1802                	padding:		0;
1803                	margin:			0!important;
1804                	border:			0;
1805                }
1806            </style>
1807            <div class="boxLandmark ">
1808                <div
1809                	id="box106601472"
1810                	class="box"
1811                	style="width: 83.333333333333%"
1812                	data-type="text"
1813                	>
1814                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
1815                		<div class="overflowHidden height100"><h1 style="text-align:center">Association des Officiers de Réserve de la Marine Nationale</h1></div>
1816                	</div>
1817                </div>
1818            </div>
1819        
1820            <style>
1821                #box106601473 {
1822                	position:		absolute;
1823                	left:			41.666666666667%;
1824                	top:			60px;
1825                	height:			60px;
1826                	
1827                	padding:		0;
1828                	margin:			0!important;
1829                	border:			0;
1830                }
1831            </style>
1832            <div class="boxLandmark ">
1833                <div
1834                	id="box106601473"
1835                	class="box"
1836                	style="width: 16.666666666667%"
1837                	data-type="picture"
1838                	>
1839                	<div style="position: relative; overflow:hidden; height: 60px; border-radius: 10px; background: transparent">
1840                		
1841                	<div class="overflowHidden displayInlineBlock positionRelative" style="
1842                		width:184px;
1843                		max-width: 100%;
1844                		height:60px;
1845                		text-align: center;
1846                		
1847                border-radius: 10px;">
1848                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
1849                			<img
1850                				src="https://app.assoconnect.com/services/storage?id=2900671&amp;type=picture&amp;secret=v0ReTk7LzQF80CfZy3SU1OkrUUxJFQ8Vug0xJfHv&amp;timestamp=1775933588"
1851                				style="
1852                					position:absolute;
1853                					width:150.8128px;
1854                					height:58.43996px;
1855                					top:2px;
1856                					left:-78px;
1857                					max-width:none;
1858                				"
1859                			>
1860                		</div>
1861                	</div>
1862                	</div>
1863                </div>
1864            </div>
1865        
1866            <style>
1867                #box106601474 {
1868                	position:		absolute;
1869                	left:			8.3333333333333%;
1870                	top:			120px;
1871                	height:			60px;
1872                	
1873                	padding:		0;
1874                	margin:			0!important;
1875                	border:			0;
1876                }
1877            </style>
1878            <div class="boxLandmark ">
1879                <div
1880                	id="box106601474"
1881                	class="box"
1882                	style="width: 33.333333333333%"
1883                	data-type="button"
1884                	>
1885                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
1886                		
1887                <a
1888                	href="/page/2114924-adhesions"
1889                	
1890                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">Rejoindre l&#039;ACORAM</div></div></div></div></a>
1891            
1892                	</div>
1893                </div>
1894            </div>
1895        
1896            <style>
1897                #box106601475 {
1898                	position:		absolute;
1899                	left:			58.333333333333%;
1900                	top:			120px;
1901                	height:			60px;
1902                	
1903                	padding:		0;
1904                	margin:			0!important;
1905                	border:			0;
1906                }
1907            </style>
1908            <div class="boxLandmark ">
1909                <div
1910                	id="box106601475"
1911                	class="box"
1912                	style="width: 33.333333333333%"
1913                	data-type="button"
1914                	>
1915                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
1916                		
1917                <a
1918                	href="/page/2185669-cotiser-en-ligne"
1919                	
1920                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">Je cotise pour 2026</div></div></div></div></a>
1921            
1922                	</div>
1923                </div>
1924            </div>
1925        
1926            <style>
1927                #box106601476 {
1928                	position:		absolute;
1929                	left:			8.3333333333333%;
1930                	top:			180px;
1931                	height:			60px;
1932                	
1933                	padding:		0;
1934                	margin:			0!important;
1935                	border:			0;
1936                }
1937            </style>
1938            <div class="boxLandmark ">
1939                <div
1940                	id="box106601476"
1941                	class="box"
1942                	style="width: 83.333333333333%"
1943                	data-type="horizontalSeparator"
1944                	>
1945                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
1946                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
1947                	</div>
1948                </div>
1949            </div>
1950        
1951            <style>
1952                #box106601477 {
1953                	position:		absolute;
1954                	left:			8.3333333333333%;
1955                	top:			240px;
1956                	height:			120px;
1957                	
1958                	padding:		0;
1959                	margin:			0!important;
1960                	border:			0;
1961                }
1962            </style>
1963            <div class="boxLandmark ">
1964                <div
1965                	id="box106601477"
1966                	class="box"
1967                	style="width: 16.666666666667%"
1968                	data-type="picture"
1969                	>
1970                	<div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent">
1971                		
1972                	<div class="overflowHidden displayInlineBlock positionRelative" style="
1973                		width:184px;
1974                		max-width: 100%;
1975                		height:120px;
1976                		text-align: center;
1977                		
1978                border-radius: 10px;">
1979                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
1980                			<img
1981                				src="https://app.assoconnect.com/services/storage?id=7058102&amp;type=picture&amp;secret=KucuW2Af0cdMavEGH2Y2v3qFCzX8xY9CMHzokznO&amp;timestamp=1784378754"
1982                				style="
1983                					position:absolute;
1984                					width:183.996px;
1985                					height:118.52409px;
1986                					top:1px;
1987                					left:-92px;
1988                					max-width:none;
1989                				"
1990                			>
1991                		</div>
1992                	</div>
1993                	</div>
1994                </div>
1995            </div>
1996        
1997            <style>
1998                #box106601478 {
1999                	position:		absolute;
2000                	left:			25%;
2001                	top:			240px;
2002                	height:			120px;
2003                	
2004                	padding:		0;
2005                	margin:			0!important;
2006                	border:			0;
2007                }
2008            </style>
2009            <div class="boxLandmark ">
2010                <div
2011                	id="box106601478"
2012                	class="box"
2013                	style="width: 50%"
2014                	data-type="text"
2015                	>
2016                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-left: 12px; height: 120px; background: transparent">
2017                		<div class="overflowHidden height100"><h2 style="text-align:center"><a href="https://www.acoram.fr/page/3857969-video-acoram-ecpad">A visionner, la dernière session des EOR à bord du cuirassé <em>Richelieu</em>, film réalisé par l&#039;ACORAM en 1967</a></h2></div>
2018                	</div>
2019                </div>
2020            </div>
2021        
2022            <style>
2023                #box106601479 {
2024                	position:		absolute;
2025                	left:			75%;
2026                	top:			240px;
2027                	height:			120px;
2028                	
2029                	padding:		0;
2030                	margin:			0!important;
2031                	border:			0;
2032                }
2033            </style>
2034            <div class="boxLandmark ">
2035                <div
2036                	id="box106601479"
2037                	class="box"
2038                	style="width: 16.666666666667%"
2039                	data-type="picture"
2040                	>
2041                	<div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent">
2042                		
2043                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2044                		width:184px;
2045                		max-width: 100%;
2046                		height:120px;
2047                		text-align: center;
2048                		
2049                border-radius: 10px;">
2050                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2051                			<img
2052                				src="https://app.assoconnect.com/services/storage?id=7058103&amp;type=picture&amp;secret=241hr6jpVV71OMO7HcT8sAahUx3iEwkjeA8nZPGb&amp;timestamp=1784378778"
2053                				style="
2054                					position:absolute;
2055                					width:131.4606px;
2056                					height:119.9977px;
2057                					top:0px;
2058                					left:-66px;
2059                					max-width:none;
2060                				"
2061                			>
2062                		</div>
2063                	</div>
2064                	</div>
2065                </div>
2066            </div>
2067        
2068            <style>
2069                #box106601480 {
2070                	position:		absolute;
2071                	left:			8.3333333333333%;
2072                	top:			360px;
2073                	height:			60px;
2074                	
2075                	padding:		0;
2076                	margin:			0!important;
2077                	border:			0;
2078                }
2079            </style>
2080            <div class="boxLandmark ">
2081                <div
2082                	id="box106601480"
2083                	class="box"
2084                	style="width: 83.333333333333%"
2085                	data-type="horizontalSeparator"
2086                	>
2087                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2088                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2089                	</div>
2090                </div>
2091            </div>
2092        
2093            <style>
2094                #box106601505 {
2095                	position:		absolute;
2096                	left:			8.3333333333333%;
2097                	top:			420px;
2098                	height:			540px;
2099                	
2100                	padding:		0;
2101                	margin:			0!important;
2102                	border:			0;
2103                }
2104            </style>
2105            <div class="boxLandmark ">
2106                <div
2107                	id="box106601505"
2108                	class="box"
2109                	style="width: 83.333333333333%"
2110                	data-type="picture"
2111                	>
2112                	<div style="position: relative; overflow:hidden; height: 540px; border-radius: 10px; background: transparent">
2113                		
2114                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2115                		width:920px;
2116                		max-width: 100%;
2117                		height:540px;
2118                		text-align: center;
2119                		
2120                border-radius: 10px;">
2121                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2122                			<img
2123                				src="https://app.assoconnect.com/services/storage?id=7244874&amp;type=picture&amp;secret=98UejpYodt4g70muMlyU9YQOwdsJCFLMKQWwFpqH&amp;timestamp=1789681549"
2124                				style="
2125                					position:absolute;
2126                					width:976.416px;
2127                					height:588.29064px;
2128                					top:-89px;
2129                					left:-483px;
2130                					max-width:none;
2131                				"
2132                			>
2133                		</div>
2134                	</div>
2135                	</div>
2136                </div>
2137            </div>
2138        
2139            <style>
2140                #box106601481 {
2141                	position:		absolute;
2142                	left:			8.3333333333333%;
2143                	top:			1020px;
2144                	height:			60px;
2145                	
2146                	padding:		0;
2147                	margin:			0!important;
2148                	border:			0;
2149                }
2150            </style>
2151            <div class="boxLandmark ">
2152                <div
2153                	id="box106601481"
2154                	class="box"
2155                	style="width: 83.333333333333%"
2156                	data-type="text"
2157                	>
2158                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2159                		<div class="overflowHidden height100"><h2 style="text-align: center;">Retrouvez dans la <a href="https://www.acoram.fr/page/1980275-boutique" target="_self">Boutique </a>les articles du centenaire de l&#039;ACORAM</h2></div>
2160                	</div>
2161                </div>
2162            </div>
2163        
2164            <style>
2165                #box106601482 {
2166                	position:		absolute;
2167                	left:			16.666666666667%;
2168                	top:			1080px;
2169                	height:			360px;
2170                	
2171                	padding:		0;
2172                	margin:			0!important;
2173                	border:			0;
2174                }
2175            </style>
2176            <div class="boxLandmark ">
2177                <div
2178                	id="box106601482"
2179                	class="box"
2180                	style="width: 66.666666666667%"
2181                	data-type="picture"
2182                	>
2183                	<div style="position: relative; overflow:hidden; height: 360px; border-radius: 10px; background: transparent">
2184                		
2185                <a
2186                	href="/page/1980275-boutique"
2187                	
2188                >
2189                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2190                		width:736px;
2191                		max-width: 100%;
2192                		height:360px;
2193                		text-align: center;
2194                		
2195                border-radius: 10px;">
2196                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2197                			<img
2198                				src="https://app.assoconnect.com/services/storage?id=7059409&amp;type=picture&amp;secret=KrKPQLH6Pf0UizEkwx8wgeodswqR7fef67qgdwsM&amp;timestamp=1784476733"
2199                				style="
2200                					position:absolute;
2201                					width:660.876px;
2202                					height:372.84421px;
2203                					top:-3px;
2204                					left:-338px;
2205                					max-width:none;
2206                				"
2207                			>
2208                		</div>
2209                	</div></a>
2210            
2211                	</div>
2212                </div>
2213            </div>
2214        
2215            <style>
2216                #box106601483 {
2217                	position:		absolute;
2218                	left:			8.3333333333333%;
2219                	top:			1440px;
2220                	height:			60px;
2221                	
2222                	padding:		0;
2223                	margin:			0!important;
2224                	border:			0;
2225                }
2226            </style>
2227            <div class="boxLandmark ">
2228                <div
2229                	id="box106601483"
2230                	class="box"
2231                	style="width: 83.333333333333%"
2232                	data-type="horizontalSeparator"
2233                	>
2234                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2235                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2236                	</div>
2237                </div>
2238            </div>
2239        
2240            <style>
2241                #box106601484 {
2242                	position:		absolute;
2243                	left:			8.3333333333333%;
2244                	top:			1500px;
2245                	height:			120px;
2246                	
2247                	padding:		0;
2248                	margin:			0!important;
2249                	border:			0;
2250                }
2251            </style>
2252            <div class="boxLandmark ">
2253                <div
2254                	id="box106601484"
2255                	class="box"
2256                	style="width: 16.666666666667%"
2257                	data-type="picture"
2258                	>
2259                	<div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent">
2260                		
2261                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2262                		width:184px;
2263                		max-width: 100%;
2264                		height:120px;
2265                		text-align: center;
2266                		
2267                border-radius: 10px;">
2268                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2269                			<img
2270                				src="https://app.assoconnect.com/services/storage?id=6516099&amp;type=picture&amp;secret=uErvbRErtgDG4iBUkV708vbbWTyZznjifrpinbj5&amp;timestamp=1769820192"
2271                				style="
2272                					position:absolute;
2273                					width:223.91424px;
2274                					height:125.8104px;
2275                					top:-2px;
2276                					left:-109px;
2277                					max-width:none;
2278                				"
2279                			>
2280                		</div>
2281                	</div>
2282                	</div>
2283                </div>
2284            </div>
2285        
2286            <style>
2287                #box106601485 {
2288                	position:		absolute;
2289                	left:			41.666666666667%;
2290                	top:			1500px;
2291                	height:			60px;
2292                	
2293                	padding:		0;
2294                	margin:			0!important;
2295                	border:			0;
2296                }
2297            </style>
2298            <div class="boxLandmark ">
2299                <div
2300                	id="box106601485"
2301                	class="box"
2302                	style="width: 33.333333333333%"
2303                	data-type="text"
2304                	>
2305                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2306                		<div class="overflowHidden height100"><h1>400 ans de la Marine</h1></div>
2307                	</div>
2308                </div>
2309            </div>
2310        
2311            <style>
2312                #box106601486 {
2313                	position:		absolute;
2314                	left:			25%;
2315                	top:			1560px;
2316                	height:			60px;
2317                	
2318                	padding:		0;
2319                	margin:			0!important;
2320                	border:			0;
2321                }
2322            </style>
2323            <div class="boxLandmark ">
2324                <div
2325                	id="box106601486"
2326                	class="box"
2327                	style="width: 33.333333333333%"
2328                	data-type="text"
2329                	>
2330                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2331                		<div class="overflowHidden height100"><h2><a href="https://www.defense.gouv.fr/marine/400-ans-marine/400-ans-marine-nationale">Toutes les informations</a></h2></div>
2332                	</div>
2333                </div>
2334            </div>
2335        
2336            <style>
2337                #box106601487 {
2338                	position:		absolute;
2339                	left:			66.666666666667%;
2340                	top:			1560px;
2341                	height:			60px;
2342                	
2343                	padding:		0;
2344                	margin:			0!important;
2345                	border:			0;
2346                }
2347            </style>
2348            <div class="boxLandmark ">
2349                <div
2350                	id="box106601487"
2351                	class="box"
2352                	style="width: 33.333333333333%"
2353                	data-type="text"
2354                	>
2355                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2356                		<div class="overflowHidden height100"><h2><a href="https://www.defense.gouv.fr/marine/400-ans-marine/nos-evenements">Cartes des événements</a></h2></div>
2357                	</div>
2358                </div>
2359            </div>
2360        
2361            <style>
2362                #box106601488 {
2363                	position:		absolute;
2364                	left:			8.3333333333333%;
2365                	top:			1620px;
2366                	height:			60px;
2367                	
2368                	padding:		0;
2369                	margin:			0!important;
2370                	border:			0;
2371                }
2372            </style>
2373            <div class="boxLandmark ">
2374                <div
2375                	id="box106601488"
2376                	class="box"
2377                	style="width: 83.333333333333%"
2378                	data-type="horizontalSeparator"
2379                	>
2380                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2381                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2382                	</div>
2383                </div>
2384            </div>
2385        
2386            <style>
2387                #box106601489 {
2388                	position:		absolute;
2389                	left:			8.3333333333333%;
2390                	top:			1680px;
2391                	height:			240px;
2392                	
2393                	padding:		0;
2394                	margin:			0!important;
2395                	border:			0;
2396                }
2397            </style>
2398            <div class="boxLandmark ">
2399                <div
2400                	id="box106601489"
2401                	class="box"
2402                	style="width: 83.333333333333%"
2403                	data-type="text"
2404                	>
2405                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent">
2406                		<div class="overflowHidden height100"><h2 style="text-align:center"><span style="color:#121517">Bienvenue sur le site de l&#039;association des officiers de réserve de la Marine.</span></h2>
2407
2408<p style="text-align:justify"><span style="color:#121517"><span style="font-size:18px">Vous trouverez sur ce site les informations génériques sur l&#039;association, ainsi qu&#039;un lien pour adhérer.</span></span></p>
2409
2410<p style="text-align:justify"><span style="font-size:18px">Dans l&#039;espace membre, vous trouverez l&#039;annuaire, les lettres des APER, des informations générales sur la réserve, et les publications de l&#039;ACORAM.</span></p>
2411
2412<p style="text-align:justify"><span style="font-size:18px">Un tarif réduit est proposé pour les Jeunes jusqu&#039;à 30 ans inclus et pour les veuves/veufs d&#039;un ancien membre de l&#039;ACORAM.</span></p></div>
2413                	</div>
2414                </div>
2415            </div>
2416        
2417            <style>
2418                #box106601490 {
2419                	position:		absolute;
2420                	left:			8.3333333333333%;
2421                	top:			1920px;
2422                	height:			60px;
2423                	
2424                	padding:		0;
2425                	margin:			0!important;
2426                	border:			0;
2427                }
2428            </style>
2429            <div class="boxLandmark ">
2430                <div
2431                	id="box106601490"
2432                	class="box"
2433                	style="width: 33.333333333333%"
2434                	data-type="button"
2435                	>
2436                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2437                		
2438                <a
2439                	href="/page/2114924-adhesions"
2440                	
2441                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">Rejoindre l&#039;ACORAM</div></div></div></div></a>
2442            
2443                	</div>
2444                </div>
2445            </div>
2446        
2447            <style>
2448                #box106601491 {
2449                	position:		absolute;
2450                	left:			58.333333333333%;
2451                	top:			1920px;
2452                	height:			60px;
2453                	
2454                	padding:		0;
2455                	margin:			0!important;
2456                	border:			0;
2457                }
2458            </style>
2459            <div class="boxLandmark ">
2460                <div
2461                	id="box106601491"
2462                	class="box"
2463                	style="width: 33.333333333333%"
2464                	data-type="button"
2465                	>
2466                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2467                		
2468                <a
2469                	href="/page/2185669-cotiser-en-ligne"
2470                	
2471                ><div class="buttonDIYContainer" style="text-align: center;"><div class="buttonDIYWrapper"><div class="buttonDIY" style="background:transparent;"><div class="buttonDIYText" style="font-size: 16px;font-weight: bold;">Je cotise pour 2026</div></div></div></div></a>
2472            
2473                	</div>
2474                </div>
2475            </div>
2476        
2477            <style>
2478                #box106601492 {
2479                	position:		absolute;
2480                	left:			58.333333333333%;
2481                	top:			1980px;
2482                	height:			120px;
2483                	
2484                	padding:		0;
2485                	margin:			0!important;
2486                	border:			0;
2487                }
2488            </style>
2489            <div class="boxLandmark ">
2490                <div
2491                	id="box106601492"
2492                	class="box"
2493                	style="width: 33.333333333333%"
2494                	data-type="text"
2495                	>
2496                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 120px; background: transparent">
2497                		<div class="overflowHidden height100"><h2 style="text-align: center;"><span style="font-size:18px">Pour les membres déjà adhérents, le paiement de la cotisation annuelle se fait en ligne</span></h2></div>
2498                	</div>
2499                </div>
2500            </div>
2501        
2502            <style>
2503                #box106601493 {
2504                	position:		absolute;
2505                	left:			8.3333333333333%;
2506                	top:			2100px;
2507                	height:			240px;
2508                	
2509                	padding:		0;
2510                	margin:			0!important;
2511                	border:			0;
2512                }
2513            </style>
2514            <div class="boxLandmark ">
2515                <div
2516                	id="box106601493"
2517                	class="box"
2518                	style="width: 83.333333333333%"
2519                	data-type="text"
2520                	>
2521                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent">
2522                		<div class="overflowHidden height100"><p style="text-align:justify;"><span style="color:#121517;"><span style="font-size:18px;">L&#039;adhésion à l&#039;ACORAM est réservée aux officiers servant ou ayant servi dans la réserve de la Marine, aux officiers de la Marine en retraite ou admis à l&#039;honorariat de leur grade, les officiers de la Marine marchande ou des corps professionnels ayant trait aux activités maritimes diplômés, les réservistes citoyens de la Marine, les officiers généraux en deuxième section, officiers en retraite ou assimilés, anciens officiers ou volontaires sous contrat.</span></span></p>
2523
2524<p style="text-align:justify;"><span style="color:#121517;"><span style="font-size:18px;">Les autres personnes peuvent motiver leur demande comme membre associé en contactant : <a href="mailto:information&#64;acoram.fr?subject&#61;Demande%20membre%20associ%C3%A9%20ACORAM">information&#64;acoram.fr</a>.</span></span></p>
2525
2526<p style="text-align:justify;"><span style="color:#121517;"><span style="font-size:18px;">Le formulaire sera validé par le siège pour que l&#039;adhésion devienne effective.</span></span></p></div>
2527                	</div>
2528                </div>
2529            </div>
2530        
2531            <style>
2532                #box106601494 {
2533                	position:		absolute;
2534                	left:			8.3333333333333%;
2535                	top:			2340px;
2536                	height:			60px;
2537                	
2538                	padding:		0;
2539                	margin:			0!important;
2540                	border:			0;
2541                }
2542            </style>
2543            <div class="boxLandmark ">
2544                <div
2545                	id="box106601494"
2546                	class="box"
2547                	style="width: 83.333333333333%"
2548                	data-type="horizontalSeparator"
2549                	>
2550                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2551                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2552                	</div>
2553                </div>
2554            </div>
2555        
2556            <style>
2557                #box106601495 {
2558                	position:		absolute;
2559                	left:			8.3333333333333%;
2560                	top:			2400px;
2561                	height:			120px;
2562                	
2563                	padding:		0;
2564                	margin:			0!important;
2565                	border:			0;
2566                }
2567            </style>
2568            <div class="boxLandmark ">
2569                <div
2570                	id="box106601495"
2571                	class="box"
2572                	style="width: 16.666666666667%"
2573                	data-type="picture"
2574                	>
2575                	<div style="position: relative; overflow:hidden; height: 120px; border-radius: 10px; background: transparent">
2576                		
2577                	<div class="overflowHidden displayInlineBlock positionRelative" style="
2578                		width:184px;
2579                		max-width: 100%;
2580                		height:120px;
2581                		text-align: center;
2582                		
2583                border-radius: 10px;">
2584                		<div style="position:absolute;top:0;left:50%;height:100%;width:1px;">
2585                			<img
2586                				src="https://app.assoconnect.com/services/storage?id=5284923&amp;type=picture&amp;secret=mAOvbYpNgad829qUiLmEr5gMtw3m8HiGrqFxZhfJ&amp;timestamp=1777074183"
2587                				style="
2588                					position:absolute;
2589                					width:199.83723px;
2590                					height:119.53941px;
2591                					top:1px;
2592                					left:-88px;
2593                					max-width:none;
2594                				"
2595                			>
2596                		</div>
2597                	</div>
2598                	</div>
2599                </div>
2600            </div>
2601        
2602            <style>
2603                #box106601496 {
2604                	position:		absolute;
2605                	left:			25%;
2606                	top:			2400px;
2607                	height:			180px;
2608                	
2609                	padding:		0;
2610                	margin:			0!important;
2611                	border:			0;
2612                }
2613            </style>
2614            <div class="boxLandmark ">
2615                <div
2616                	id="box106601496"
2617                	class="box"
2618                	style="width: 66.666666666667%"
2619                	data-type="text"
2620                	>
2621                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 180px; background: transparent">
2622                		<div class="overflowHidden height100"><h2 style="text-align:center"><span style="font-size:24px">Pensez à commander l&#039;annuaire du centenaire dans<a href="https://www.acoram.fr/page/3086913-boutique-adherent"> la boutique &#34;adhérent&#34;</a></span></h2>
2623
2624<p style="text-align:center"><span style="font-size:24px">Retrouvez également tous les produits &#34;spécial centenaire&#34; dans <a href="https://www.acoram.fr/page/1980275-boutique">la boutique</a></span></p></div>
2625                	</div>
2626                </div>
2627            </div>
2628        
2629            <style>
2630                #box106601497 {
2631                	position:		absolute;
2632                	left:			8.3333333333333%;
2633                	top:			2580px;
2634                	height:			60px;
2635                	
2636                	padding:		0;
2637                	margin:			0!important;
2638                	border:			0;
2639                }
2640            </style>
2641            <div class="boxLandmark ">
2642                <div
2643                	id="box106601497"
2644                	class="box"
2645                	style="width: 83.333333333333%"
2646                	data-type="horizontalSeparator"
2647                	>
2648                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2649                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2650                	</div>
2651                </div>
2652            </div>
2653        
2654            <style>
2655                #box106601498 {
2656                	position:		absolute;
2657                	left:			8.3333333333333%;
2658                	top:			2640px;
2659                	height:			120px;
2660                	
2661                	padding:		0;
2662                	margin:			0!important;
2663                	border:			0;
2664                }
2665            </style>
2666            <div class="boxLandmark ">
2667                <div
2668                	id="box106601498"
2669                	class="box"
2670                	style="width: 83.333333333333%"
2671                	data-type="text"
2672                	>
2673                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 120px; background: transparent">
2674                		<div class="overflowHidden height100"><h2 style="text-align:center;"><strong><span style="font-size:18px;">Connectez vous ensuite à l&#039;espace membre pour mettre à jour votre fiche individuelle. </span></strong></h2>
2675
2676<h2><span style="font-size:18px;">La connexion se fait à l&#039;aide de votre adresse mail <strong>OU</strong> de votre numéro d&#039;adhérent. Si vous n&#039;avez pas encore de mot de passe, utilisez la fonction &#34;mot de passe oublié&#34;.</span><strong><span style="font-size:18px;">  </span></strong></h2></div>
2677                	</div>
2678                </div>
2679            </div>
2680        
2681            <style>
2682                #box106601499 {
2683                	position:		absolute;
2684                	left:			8.3333333333333%;
2685                	top:			2760px;
2686                	height:			60px;
2687                	
2688                	padding:		0;
2689                	margin:			0!important;
2690                	border:			0;
2691                }
2692            </style>
2693            <div class="boxLandmark ">
2694                <div
2695                	id="box106601499"
2696                	class="box"
2697                	style="width: 83.333333333333%"
2698                	data-type="horizontalSeparator"
2699                	>
2700                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2701                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2702                	</div>
2703                </div>
2704            </div>
2705        
2706            <style>
2707                #box106601500 {
2708                	position:		absolute;
2709                	left:			16.666666666667%;
2710                	top:			2820px;
2711                	height:			60px;
2712                	
2713                	padding:		0;
2714                	margin:			0!important;
2715                	border:			0;
2716                }
2717            </style>
2718            <div class="boxLandmark ">
2719                <div
2720                	id="box106601500"
2721                	class="box"
2722                	style="width: 66.666666666667%"
2723                	data-type="text"
2724                	>
2725                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 60px; background: transparent">
2726                		<div class="overflowHidden height100"><h2 style="text-align:center;"><span style="color:#223f93;">Déductibilité fiscale des dons et des adhésions</span></h2></div>
2727                	</div>
2728                </div>
2729            </div>
2730        
2731            <style>
2732                #box106601501 {
2733                	position:		absolute;
2734                	left:			8.3333333333333%;
2735                	top:			2880px;
2736                	height:			240px;
2737                	
2738                	padding:		0;
2739                	margin:			0!important;
2740                	border:			0;
2741                }
2742            </style>
2743            <div class="boxLandmark ">
2744                <div
2745                	id="box106601501"
2746                	class="box"
2747                	style="width: 83.333333333333%"
2748                	data-type="text"
2749                	>
2750                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent">
2751                		<div class="overflowHidden height100"><h3 style="text-align:center"><span style="font-size:18px"><strong>L&#039;ACORAM est une association reconnue d&#039;intérêt général.</strong></span></h3>
2752
2753<h3 style="text-align:justify"><br />
2754<span style="font-size:18px">Sur le plan fiscal, les dons des particuliers sont déductibles de l&#039;impôt sur le revenu à hauteur de 66%. Pour les entreprises la déduction sur les bénéfices est de 60%.<br />
2755<br />
2756Concernant les adhésions, le montant, déduit de 7€, est déductible de l&#039;impôt sur le revenu à hauteur de 66%.<br />
2757Un reçu fiscal est adressé dès réception du don et en fin d&#039;année fiscale pour la cotisation annuelle.</span></h3></div>
2758                	</div>
2759                </div>
2760            </div>
2761        
2762            <style>
2763                #box106601502 {
2764                	position:		absolute;
2765                	left:			8.3333333333333%;
2766                	top:			3120px;
2767                	height:			60px;
2768                	
2769                	padding:		0;
2770                	margin:			0!important;
2771                	border:			0;
2772                }
2773            </style>
2774            <div class="boxLandmark ">
2775                <div
2776                	id="box106601502"
2777                	class="box"
2778                	style="width: 83.333333333333%"
2779                	data-type="horizontalSeparator"
2780                	>
2781                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2782                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2783                	</div>
2784                </div>
2785            </div>
2786        
2787            <style>
2788                #box106601503 {
2789                	position:		absolute;
2790                	left:			8.3333333333333%;
2791                	top:			3180px;
2792                	height:			240px;
2793                	
2794                	padding:		0;
2795                	margin:			0!important;
2796                	border:			0;
2797                }
2798            </style>
2799            <div class="boxLandmark ">
2800                <div
2801                	id="box106601503"
2802                	class="box"
2803                	style="width: 83.333333333333%"
2804                	data-type="text"
2805                	>
2806                	<div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 240px; background: transparent">
2807                		<div class="overflowHidden height100"><h2 style="text-align:center"><span style="color:#121517">Contact de l&#039;association</span></h2>
2808
2809<p style="text-align:justify"><span style="color:#121517"><span style="font-size:18px">Adresse postale :</span></span></p>
2810
2811<p style="text-align:justify"><span style="color:#121517"><span style="font-size:18px">ACORAM</span></span><br />
2812<span style="color:#121517"><span style="font-size:18px">Ecole militaire - Case D<br />
28131, place Joffre<br />
281475700 PARIS SP07                                                                Pour les questions sur le site :</span></span></p>
2815
2816<p style="text-align:justify"><a href="mailto:information&#64;acoram.fr?subject&#61;Demande%20d&#039;information%20ACORAM"><span style="font-size:18px">information&#64;acoram.fr</span></a>                                                                       <span style="font-size:18px"> <a href="mailto:webmaster&#64;acoram.fr?subject&#61;%5BSite%20web%5D">webmaster&#64;acoram.fr</a></span></p>
2817
2818<p style="text-align:justify"> </p>
2819
2820<p style="text-align:justify"> </p></div>
2821                	</div>
2822                </div>
2823            </div>
2824        
2825            <style>
2826                #box106601504 {
2827                	position:		absolute;
2828                	left:			8.3333333333333%;
2829                	top:			3420px;
2830                	height:			60px;
2831                	
2832                	padding:		0;
2833                	margin:			0!important;
2834                	border:			0;
2835                }
2836            </style>
2837            <div class="boxLandmark ">
2838                <div
2839                	id="box106601504"
2840                	class="box"
2841                	style="width: 83.333333333333%"
2842                	data-type="horizontalSeparator"
2843                	>
2844                	<div style="position: relative; overflow:hidden; height: 60px; background: transparent">
2845                		<div class="separatorWrapper"><div><div class="separator" style="background:#000000;height:1px"></div></div></div>
2846                	</div>
2847                </div>
2848            </div>
2849        </div>    </div>
2850</div>
2851		</div>
2852	</div>
2853</article>
2854
2855<!-- Footer -->
2856<footer id="templateFooterWrapper">
2857	            <div id="templateFooter">
2858                        <div id="templateFooterBlockContainer">
2859                <div class="row">
2860                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
2861                        <div id="templateFooterBlockWrapper" class="row">
2862                            <!-- Liste des pages de l'organisation principal -->
2863                                                    </div>
2864                    </div>
2865                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
2866                        <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister displayNone"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/2116756-accueil"><input type="hidden" name="_formMulti" value="6abc24afd01a4|4db5a0c7863e9d43d03d316c14e929825dfd23ee">
2866<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
2867            $("#templateFooterNewsletterForm").on("submit", function(){
2868                var _this = $(this);
2869                var renable = true;
2870                if(_this.data("multi-submit-protection")){
2871                    return false;
2872                }
2873                else{
2874                    // Blocage à la prochaine soumission
2875                    _this.data("multi-submit-protection", true);
2876                    // Blocage & chargement sur les boutons
2877                    _this.find("button[type='submit']").each(function(){
2878                        var text = $(this).text();
2879                        var buttonDOM = $(this);
2880                        var buttonInterval;
2881                        buttonDOM
2882                            .addClass("disabled")
2883                            .prop("disabled", true)
2884                            .css("width", buttonDOM.outerWidth() + "px")
2885                            .text(".")
2886                            .inDOM(function() {
2887                                // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514)
2888                                buttonInterval = setInterval(function() {
2889                                    if(buttonDOM.text().length === 3) {
2890                                        buttonDOM.text(".");
2891                                    }
2892                                    else {
2893                                        buttonDOM.text(buttonDOM.text() + ".");
2894                                    }
2895                                }, 300);
2896                            });
2897                        // Déblocage au bout de 1 seconde
2898                        if(renable){
2899                            window.setTimeout(function(){
2900                                clearInterval(buttonInterval);
2901                                buttonDOM
2902                                    .prop("disabled", false)
2903                                    .removeClass("disabled")
2904                                    .removeAttr("style")
2905                                    .text(text);
2906                            }, 1000);
2907                        }
2908                    });
2909                    // Déblocage au bout de 1 seconde
2910                    if(renable){
2911                        window.setTimeout(function(){
2912                            _this.data("multi-submit-protection", false);
2913                        }, 1000);
2914                    }
2915                    // Retour
2916                    return true;
2917                }
2918            });
2919        </script>
2919                            <div class="row colsMiddle">
2920                                <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
2921                                    <div  class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div>
2922                <label
2923                    id="templateFooterBlocNewsletterEmailLabel"
2924                    for="templateFooterBlocNewsletterEmail"
2925                >
2926                Je m&#039;abonne à la newsletter
2927                
2928                
2929                </label>
2930                <input
2931                    type="email"
2932                    data-typo-check="true"
2933                    name="templateFooterBlocNewsletterEmail"
2934                    class=""
2935                    value=""
2936                    placeholder="Renseignez votre email"
2937                    autocomplete="email"
2938                    
2939                    
2940                    id="templateFooterBlocNewsletterEmail"
2941                >
2942                
2943                <div class="clearBoth"></div>
2944            </div>
2945            
2945<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
2946                $("#templateFooterBlocNewsletterEmail").on("change", function() {
2947                    _spark.form.mail.check("templateFooterBlocNewsletterEmail");
2948                });
2949            </script>
2949
2950                                        </div>
2951                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom">
2952                                    
2953            <button
2954                type="submit"
2955                id="templateFooterBlocNewsletterSubmit"
2956                class="
2957                    button
2958                    buttonOrange
2959                    textAlignCenter
2960                    buttonLarge
2961                    
2962                    
2963                "
2964                
2965            >
2966                
2967                <span class="valignInitial">OK</span>
2968            </button>
2969                                        </div>
2970                            </div>
2971                            
2972                        </form>
2973                
2973<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
2974                    $("#templateFooterNewsletterForm")
2975                        // Init
2976                        .data("dirty", 0)
2977                        // Form submit is possible
2978                        .on("submit", function(){
2979                            window.onbeforeunload = null;
2980                        })
2981                        // On change
2982                        .find("input, textarea").on("change", function(){
2983                            if(document.readyState === "complete"){
2984                                $("#templateFooterNewsletterForm").data().dirty++;
2985                            }
2986                        });
2987                    // Ajout
2988                    _spark.dirty.push(function(){
2989                        return $("#templateFooterNewsletterForm").data("dirty") > 0;
2990                    });
2991                </script>
2991
2992            
2993                
2993<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
2994                    _spark.form.mail.initMailGroup("templateFooterNewsletter");
2995                </script>
2995
2996                                        <div id="templateFooterSocialWrapper">
2997                                                                                                <a
2998                                        href="https://www.facebook.com/groups/191349894235744/"
2999                                        target="_blank"
3000                                        id="templateFooterSocialFacebook"
3001                                    >
3002                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6abc24afd6476" >                                    </a>
3003                                                                                                                                                                                                                                                        <a
3004                                        href="https://linkedin.com/company/acoram-marine/"
3005                                        target="_blank"
3006                                        id="templateFooterSocialLinkedin"
3007                                    >
3008                                        <img src="https://assets.assoconnect.com/legacy/common/ico/ico.linkedin.24.color.png" class="_gif icoLinkedin24Color" alt="icoLinkedin24Color" title="Linkedin" id="image_6abc24afd64ec" >                                    </a>
3009                                                                                                                                                                                                            </div>
3010                    </div>
3011                </div>
3012            </div>
3013        </div>
3014    	<div id="templateFooterInformation">
3015		<ul>
3016			<!-- Plan du site -->
3017			<li>
3018				<a href="/infos/plan/
3019											398851									">Plan du site</a>
3020			</li>
3021
3022			<!-- Licences -->
3023			<li>
3024				<a href="/infos/licenses">Licences</a>
3025			</li>
3026
3027			<!-- CGU -->
3028							<li>
3029					<a href="/infos/legal-notice">Mentions légales</a>
3030				</li>
3031							<li>
3032					<a href="/infos/tos">CGUV</a>
3033				</li>
3034			
3035			<!-- CGU -->
3036			<li>
3037				<a id="configureCookies" href="#">Paramétrer vos cookies</a>
3038			</li>
3039
3040			<!-- Connexion/déconnexion et mon compte -->
3041							<li>
3042					
3043                <a
3044                    id="templateNavButtonLoginButtonLink"
3045                    href="https://www.acoram.fr/contacts/login?redirect=%2Fpage%2F2116756-accueil"
3046                    class=""
3047                    target=""
3048                    rel="noopener"
3049                >
3050            <div
3051                id="templateNavButtonLoginButton"
3052                class="
3053                    button
3054                    textAlignCenter
3055                    buttonBlue
3056                    buttonLarge
3057                    valignMiddle margin0
3058                    valignMiddle
3059                "
3060            ><span class="valignInitial">Se connecter</span></div></a>
3061            				</li>
3062					</ul>
3063					<ul>
3064				<li class="paddingTop0">
3065                                                                <a href="https://www.assoconnect.com/associations/logiciel-association-professionnelle/" target="_blank">
3066                            Propulsé par AssoConnect, le logiciel des associations Professionnelles                        </a>
3067                    				</li>
3068			</ul>
3069			</div>
3070	</footer>
3071
3072<!-- Footer - Global -->
3073		</div>
3074		
3075		<!-- JS -->
3076		    
3076<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
3077        /**
3078 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY
3079 */
3080function templatePageHeight() {
3081	var boxes = $("#boxes");
3082	var heightMax = 0;
3083	var templatePage = $("#templatePage");
3084	var templateNavContainer = $("#templateNavContainer");
3085
3086	// Cherche la box la plus basse dans la page
3087	boxes.find("> .boxLandmark > .box").each(function() {
3088		heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top);
3089	});
3090
3091	// templatePage prend la hauteur du menu si : heightMax < templateNavContainer
3092	if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) {
3093		return templateNavContainer.height() - templatePage.offset().top;
3094	}
3095	// templatePage prend la hauteur de la fenêtre si : heightMax < window
3096	else if(heightMax < $(window).height()) {
3097		return $(window).height() - templatePage.offset().top;
3098	}
3099	// templatePage prend la hauteur du dernier élément DIY
3100	else {
3101		var templateNavContainerHeight = 0;
3102
3103		// Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute
3104		if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") {
3105			templateNavContainerHeight = templateNavContainer.height();
3106		}
3107
3108		return Math.round(heightMax - $("#templatePageWrapper").offset().top);
3109	}
3110}
3111
3112/**
3113 * Force templatePage à prendre toute la hauteur pour les pages du DIY
3114 */
3115$(window).on("load", function() {
3116	if($("#boxes").children().length) {
3117		$("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page
3118		$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
3119		// Après un redimensionnement de l'écran
3120		var resized;
3121		$(window).on("resize orientationChanged", function() {
3122			clearTimeout(resized);
3123			resized = setTimeout(function() {
3124				$("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px");
3125			}, 200);
3126		});
3127	}
3128});
3129
3130$(".video-youtube, .feed-facebook").each(function() {
3131    $(this).on("click", function() {
3132        if (window.openIubendaCookies) {
3133            window.openIubendaCookies();
3134        }
3135    });
3136});
3137    </script>
vendor: 1 bytes, line 3137
3137
3138<script nonce="55b26916-fb40-4df4-8deb-6eed36485f9b">
3139    if(window.console && window.console.log){
3140        // Affichage des notices non capturées
3141            }
3142</script>
3142
3143
3144		
3145					
3145<script
3146				nonce="55b26916-fb40-4df4-8deb-6eed36485f9b"
3147				src="https://cdn.hub-prod.team.blue/loader/widget-loader.js"
3148				data-teamblue-footer
3149				data-footer="hidden"
3150			></script>
3150
3151			</body>
3152</html>
3153

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.