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&type=picture&secret=7g084XsS4MaCIPQrDFWJEVxuB1a5rCPlAM9wWl3R&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&type=picture&secret=7g084XsS4MaCIPQrDFWJEVxuB1a5rCPlAM9wWl3R&timestamp=1765579995&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&type=picture&secret=7g084XsS4MaCIPQrDFWJEVxuB1a5rCPlAM9wWl3R&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106075055&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106075055&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106075055&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106075055&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106075055&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&AWSAccessKeyId=AKIAV4T67WN6ENNI5OX6&Expires=2106075055&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&type=picture&secret=7g084XsS4MaCIPQrDFWJEVxuB1a5rCPlAM9wWl3R&timestamp=1765579995&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">▴</span><span class="arrowDown">▾</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'association <span class="arrowTop">▴</span><span class="arrowDown">▾</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'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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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">▴</span><span class="arrowDown">▾</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'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&type=picture&secret=v0ReTk7LzQF80CfZy3SU1OkrUUxJFQ8Vug0xJfHv&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'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&type=picture&secret=KucuW2Af0cdMavEGH2Y2v3qFCzX8xY9CMHzokznO&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'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&type=picture&secret=241hr6jpVV71OMO7HcT8sAahUx3iEwkjeA8nZPGb&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&type=picture&secret=98UejpYodt4g70muMlyU9YQOwdsJCFLMKQWwFpqH&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'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&type=picture&secret=KrKPQLH6Pf0UizEkwx8wgeodswqR7fef67qgdwsM&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&type=picture&secret=uErvbRErtgDG4iBUkV708vbbWTyZznjifrpinbj5&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'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'association, ainsi qu'un lien pour adhérer.</span></span></p> 2409 2410<p style="text-align:justify"><span style="font-size:18px">Dans l'espace membre, vous trouverez l'annuaire, les lettres des APER, des informations générales sur la réserve, et les publications de l'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'à 30 ans inclus et pour les veuves/veufs d'un ancien membre de l'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'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'adhésion à l'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'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@acoram.fr?subject=Demande%20membre%20associ%C3%A9%20ACORAM">information@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'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&type=picture&secret=mAOvbYpNgad829qUiLmEr5gMtw3m8HiGrqFxZhfJ&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'annuaire du centenaire dans<a href="https://www.acoram.fr/page/3086913-boutique-adherent"> la boutique "adhérent"</a></span></h2> 2623 2624<p style="text-align:center"><span style="font-size:24px">Retrouvez également tous les produits "spécial centenaire" 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'espace membre pour mettre à jour votre fiche individuelle. </span></strong></h2> 2675 2676<h2><span style="font-size:18px;">La connexion se fait à l'aide de votre adresse mail <strong>OU</strong> de votre numéro d'adhérent. Si vous n'avez pas encore de mot de passe, utilisez la fonction "mot de passe oublié".</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'ACORAM est une association reconnue d'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'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'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'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'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@acoram.fr?subject=Demande%20d'information%20ACORAM"><span style="font-size:18px">information@acoram.fr</span></a>Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â <span style="font-size:18px">Â <a href="mailto:webmaster@acoram.fr?subject=%5BSite%20web%5D">webmaster@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'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.