1<!DOCTYPE html> 2<html lang="fr"> 3 <head> 4 5 <!-- META --> 6 <meta name="robots" content="noindex, follow"> 7 <meta property="og:type" content="website"> 8 <meta property="og:site_name" content="AssoConnect"> 9 <title>Opus 74 - Page de connexion à l'espace membre</title> 10 <meta name="description" content="Connectez-vous pour accéder à l'espace réservé aux membres de Opus 74"> 11 <meta property="og:description" content="Connectez-vous pour accéder à l'espace réservé aux membres de Opus 74"> 12 <meta property="og:locale" content="fr_FR"> 13 <meta property="og:url" content="https://www.opus74-flaine.com/contacts/login?redirect=%2Fpage%2F3619282-accueil"> 14 <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=6294628&type=picture&secret=d61hVhouXUeycHqBQegwnMGrNMGRLYnG7THoi2ca&timestamp=1763827170"> 15 <meta property="og:image:width" content="540"> 16 <meta property="og:image:height" content="282"> 17 <meta name="viewport" property="viewport" content="width=device-width, initial-scale=1.0"> 18<meta charset="utf-8"> 19<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 20<meta name="google-signin-use_fedcm" content="true"> 21 <link rel="canonical" href="https://www.opus74-flaine.com/contacts/login?redirect=%2Fpage%2F3619282-accueil"> 22 23 <!-- Favicon --> 24 <link rel="icon" type="image/png" href="https://assets.assoconnect.com/legacy/assoconnect.com/image/favicon.png"> 25 26 <!-- https://dev.twitter.com/web/overview/widgets-webpage-properties --> 27 <meta name="twitter:widgets:csp" content="on"> 28 29 <!-- CSS --> 30 31 32<!-- jQuery UI --> 33<!-- Le CSS de jQuery UI utilise des chemins relatifs pour les images, on ne peut donc pas l'inclure dans le CSS global --> 34<link 35 rel="stylesheet" 36 href="https://code.jquery.com/ui/1.14.1/themes/base/jquery-ui.css" 37 integrity="sha512-Ikr9iIb48ljzg7k903d77p0AITNsf4DxtxK4g5R4UiqHpCdroXAX0zqr0uPSWskJOJ1pQoAOXCb8WPkohWY3Bw==" 38 crossorigin="anonymous" 39> 40 41<!-- Layout --> 42<link rel="stylesheet" href="https://cdn.assoconnect.com/public/build/css/common.-.layout.-.connexion.DESKTOP.26681dc.css"> 43 44<!-- Template --> 45<style></style> 46 47<!-- Google Font --> 48 <!-- :400,700 for bold --> 49 <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet"> 50 51 52<!-- Choices.js --> 53 54<!-- ContentTools --> 55 56<!-- Cropper --> 57 58<!-- FullCalendar --> 59 60<!-- Simplelightbox --> 61 62<!-- Leaflet --> 63<!-- Leaflet MarkerCluster --> 64 65<style nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 66 #teamblue-widget-container { 67 position: fixed; 68 bottom: 0; 69 left: 0; 70 width: 0; 71 height: 0; 72 overflow: hidden; 73 } 74</style> 75 76 <!-- JS --> 77
77<script async nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 78 // Browser check 79 // https://stackoverflow.com/a/55655928/7671937 80 function isCrappyIE() { 81 var ua = window.navigator.userAgent; 82 var crappyIE = false; 83 var msie = ua.indexOf('MSIE '); 84 if (msie > 0) { // IE 10 or older => return version number 85 crappyIE = true; 86 } 87 var trident = ua.indexOf('Trident/'); 88 if (trident > 0) { // IE 11 => return version number 89 crappyIE = true; 90 } 91 return crappyIE; 92 } 93 94 if(isCrappyIE()) { 95 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. "); 96 } 97</script>
97 98
99<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 100 var SIZE_FIXED = "fixed"; 101 var SIZE_FREE = "free"; 102 var SIZE_MIN = "min"; 103 var SIZE_MIN_WIDTH = "min-width"; 104 var SIZE_MIN_HEIGHT = "min-height"; 105 var SIZE_MAX = "max"; 106 var SIZE_MAX_WIDTH = "max-width"; 107 var SIZE_MAX_HEIGHT = "max-height"; 108 var ORIGINAL_WIDTH = 1200; 109 var ORIGINAL_HEIGHT = 628; 110 var SIZE_STANDARD = "standard"; 111 var SIZE_USER = "user"; 112 var SIZE_VENDOR = "vendor"; 113 var THUMB_WIDTH = 352; 114 var THUMB_HEIGHT = 184; 115 var USER_NORMAL = 200; 116</script>
vendor: 1 bytes, line 116
116
117<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 118 var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy"; 119 var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark"; 120 var SPARK_VERSION = "26681dc"; 121 var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760; 122 var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249; 123 var URI_CLIENT = "\/contacts\/login?redirect=%2Fpage%2F3619282-accueil"; 124 var URI_SERVER = "\/membres\/connexion"; 125 var VENDOR_ID = 743295; 126 var _GIFS = []; 127 var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH"; 128 var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA"; 129 var CSP_NONCE = "a3637d62-fa46-4bf1-8a07-c3487ffff9c4"; 130 var I18N_CURRENCY = "EUR"; 131 var I18N_LOCALE = "fr-FR"; 132 var I18N_TIMEZONE = "Europe\/Brussels"; 133 var SITE_CODE = "a"; 134</script>
134 135 136<!-- Translator Method -->
137<script 138 nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4" 139 src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/5.1.0/intl-messageformat.min.js" 140 integrity="sha256-jkYwyAJTaU4esUDFkWA92xz+ARjXOmPO8ul5jjY3MWk=" 141 crossorigin="anonymous" 142></script>
vendor: 1 bytes, line 142
142
143<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 144 window.trans = function trans(key, params) { 145 // Translation key not found 146 if(window.translations.hasOwnProperty(key) === false) { 147 return key; 148 } 149 150 var translation = window.translations[key]; 151 152 var translator = new IntlMessageFormat.IntlMessageFormat(translation, I18N_LOCALE); 153 154 return translator.format(params); 155 }; 156 157 window.transCurrency = new Intl.NumberFormat( 158 I18N_LOCALE, 159 { style: 'currency', currency: "EUR"} 160 ).format; 161 162 window.transDate = new Intl.DateTimeFormat(I18N_LOCALE, { 163 timeZone: I18N_TIMEZONE, 164 }).format; 165 166 window.transDateFromYMD = function(value) { 167 value = String(value).replaceAll('-', ''); 168 // YYYYMMDD or YYYYMMDDHHiiss 169 if (String(value).length !== 8 && String(value).length !== 14) { 170 return '' 171 } 172 173 var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); 174 175 // Invalid date 176 if (isNaN(date)) { 177 return '' 178 } 179 180 return transAbsoluteDate(date); 181 } 182 183 window.transDateTime = new Intl.DateTimeFormat(I18N_LOCALE, { 184 timeZone: I18N_TIMEZONE, 185 year: "numeric", 186 month: "2-digit", 187 day: "2-digit", 188 hour: "numeric", 189 minute: "numeric", 190 second: "numeric", 191 }).format; 192 193 // Trans date created with new Date('1986-06-02') 194 window.transAbsoluteDate = new Intl.DateTimeFormat(I18N_LOCALE, { 195 timeZone: "UTC", 196 }).format; 197 198 // Trans date formatted as YYYYMMDDHHiiss 199 window.transAbsoluteDateYMD = function (value) { 200 // YYYYMMDD or YYYYMMDDHHiiss 201 if (String(value).length !== 8 && String(value).length !== 14) { 202 return '' 203 } 204 205 var date = new Date(value.substr(0, 4) + "-" + value.substr(4, 2) + "-" + value.substr(6, 2)); 206 207 // Invalid date 208 if (isNaN(date)) { 209 return '' 210 } 211 212 return transAbsoluteDate(date); 213 } 214 215 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"
215:"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.
215warning.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); 216 window.translations = Object.assign({"seePassword":"Afficher le mot de passe"},window.translations); 217</script>
217 218 219<!-- jQuery -->
220<script 221 nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4" 222 src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" 223 integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" 224 crossorigin="anonymous" 225></script>
vendor: 1 bytes, line 225
225
226<script 227 nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4" 228 src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js" 229 integrity="sha512-MSOo1aY+3pXCOCdGAYoBZ6YGI0aragoQsg1mKKBHXCYPIWxamwOE7Drh+N5CPgGI5SA9IEKJiPjdfqWFWmZtRA==" 230 crossorigin="anonymous" 231></script>
vendor: 1 bytes, line 231
231
232<script 233 nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4" 234 src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js" 235 integrity="sha256-q/EiPw4hDxf7AKJEkIHWBspsML3nLL0VB729yuwz+cc=" 236 crossorigin="anonymous" 237></script>
vendor: 1 bytes, line 237
237
238<script 239 nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4" 240 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.3.2/js/bootstrap-switch.min.js" 241 integrity="sha256-sAkXLwDFSAB/S09JCOWRvnoOnhGYDu9VqMnbCKAhMzI=" 242 crossorigin="anonymous" 243></script>
vendor: 1 bytes, line 243
243
244<script 245 nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4" 246 src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.9/jquery.mousewheel.min.js" 247 integrity="sha256-+ZWJyex7JtGOxCSSRu/QgpDkiTWQEqBuE2O8xHMVZCQ=" 248 crossorigin="anonymous" 249></script>
249 250 251<!-- Layout -->
252<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.connexion.26681dc.js"></script>
252 253 254<!-- CKEditor --> 255 256<!-- intl-tel-input --> 257 258<!-- reCAPTCHA --> 259 260<!-- Validator --> 261 262<!-- Algolia --> 263 <!-- Placé à l'extérieur pour l'annuaire --> 264
264<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 265 var ALGOLIA_CONFIG = { 266 allowTyposOnNumericTokens: false, 267 facets: [], 268 facetFilters: [], 269 query: "", 270 page: 0, 271 numericFilters: [], 272 removeWordsIfNoResults: "lastWords", 273 tagFilters: [], 274 typoTolerance: "strict", 275 advancedSyntax: true 276 }; 277 </script>
277 278 279<!-- Charts.js --> 280 281<!-- Choices.js --> 282 283<!-- ContentTools --> 284 285<!-- Cropper --> 286 287<!-- Dompurify --> 288 289<!-- FullCalendar --> 290 291<!-- HTML2Canvas --> 292 293<!-- Parallax --> 294 295<!-- TimeAgo --> 296 297<!-- Simplelightbox --> 298 299<!-- Leafleft --> 300<!-- Leaflet MarkerCluster --> 301 302 303 304 305 306 307<!-- Iubenda -->
308<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 309 </script>
309 310 311<!-- Tracking -->
312<script async nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 313 314 315 /** 316 * RudderStack common functions 317 */ 318 319 /** 320 * This method allows you to track any actions that your users might perform. Each of these actions is commonly referred to as an event. 321 * 322 * https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track 323 */ 324 function track(event, properties, options, callback) { 325 if(window.rudderanalytics) { 326 window.rudderanalytics.track(event, properties, options, callback); 327 } 328 } 329 330 /** 331 * This method lets you record information about the web page being viewed by the user. 332 * 333 */ 334 function trackPage(event, properties, options, callback) { 335 if(window.rudderanalytics) { 336 window.rudderanalytics.track(event, properties, options, callback); 337 } 338 } 339 340 /** 341 * This method allows you to track any click that your users might perform on a link. 342 * 343 * @param {string} selector jQuery selector of the tracked link 344 * Otherwise same params of the track function: https://docs.rudderstack.com/stream-sources/rudderstack-sdk-integration-guides/rudderstack-javascript-sdk#3-4-track 345 */ 346 function trackLink(selector, event, properties, options, callback) { 347 $(selector).on("click", function(e) { 348 if(window.rudderanalytics) { 349 var _this = $(this); 350 window.rudderanalytics.track(event, properties, options, callback); 351 // Wait for the tracking request to have time to go 352 var timeoutDelay = 300; 353 setTimeout(function() { 354 var href = _this.attr("href"); 355 var target = _this.attr("target"); 356 // New tab 357 if (target) { 358 window.open(href, target || '_blank'); 359 } 360 // Current tab 361 else { 362 window.location.href = href; 363 } 364 }, timeoutDelay); 365 return false; 366 } 367 }); 368 } 369 370 // GTM 371 </script>
371 372 </head> 373 <body> 374 <!-- Layout --> 375 <div id="layoutWrapper" class="nav"> 376 377<!-- Thème --> 378<style nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 379 380 /** 381 * Couleur principale 382 */ 383 384 /* Transforme @blue et @body en blanc en fonction de la couleur du menu */ 385 386 /* Color */ 387 h1, 388 h3, 389 .textImportant, 390 a, 391 a:link, 392 a:visited, 393 a:active, 394 .colorBlue, 395 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons, 396 .checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked, 397 .radio input[type="radio"].custom-radio:checked + .icons, 398 .radio input[type="radio"].custom-radio:checked + .icons .icon-checked, 399 .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitle, 400 .buttonWhite, 401 .buttonWhiteAlt:active, 402 .buttonWhiteBlue, 403 .buttonTransparent:hover, 404 .radioAlt.colorWhite.radioAltSelected, 405 #thumbPostSlider .thumbPostSlide .thumbPostSlideContent h2, 406 .thumbPostWrapper h2, 407 .thumbWrapper .thumbCommon .thumbDetails .thumbName, 408 .thumbWrapper .thumbCommon .thumbDetails .thumbMore, 409 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep:not(.button):hover, 410 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, 411 #templateTabulation .active, 412 #messagesWrapper .message .messageContent .messageIcon svg { 413 color: #0e508d; 414 } 415 #agendaWrapper, 416 div:not(#agendaWrapper) > #agendaEvent, 417 #agendaWrapper #agendaEvent #agendaEventName, 418 div:not(#agendaWrapper) > #agendaEvent #agendaEventName, 419 #agendaWrapper #agendaList .agendaDate, 420 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton { 421 color: #ffffff; 422 } 423 424 /* Fix event colors */ 425 #agendaEvent #agendaEventDate, #agendaEvent #agendaEventDescription, #agendaEvent #agendaEventAddress { 426 color: #ffffff; 427 } 428 429 #agendaEventReturn svg path{ 430 fill: #0e508d; 431 } 432 433 #templateNavWrapper #templateNav ul li, 434 #templateNavWrapper #templateNav ul li a, 435 #templateNavBar, 436 #templateNavSubBarWrapper, 437 #templateNavSubBarWrapper #templateNavSubBar a, 438 #templateSubNavWrapper ul li a, 439 #agendaWrapper #agendaList .agendaListEvent.colorBodyOrWhite, 440 #agendaWrapper #agendaList h3.colorBodyOrWhite, 441 #agendaWrapper #agendaList .eventColor.colorBodyOrWhite, 442 #eventWrapper #eventDateLeftWrapper{ 443 color: #ffffff; 444 } 445 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton { 446 color: #ffffff; 447 } 448 .buttonWhiteBlue:hover { 449 color: #0c487e; 450 } 451 .buttonWhiteBlue:active, 452 .buttonTransparent:active { 453 color: #0b4477; 454 } 455 #agendaWrapper #agendaList h3.colorBodyOrWhite, 456 #agendaWrapper #agendaList .eventColor.colorBodyOrWhite { 457 border-color: #ffffff; 458 } 459 .buttonBlue, 460 .backgroundBlue { 461 color: #ffffff; 462 } 463 .backgroundTheme { 464 background-color: #0e508d; 465 color: #ffffff; 466 } 467 /* Background */ 468 .backgroundBlue, 469 .accordion .accordionContent.accordionColor .accordionTitleWrapper .accordionTitleNumber, 470 .buttonBlue, 471 .dialogDotWrapper .dialogDot.dialogDotCurrent, 472 .progressbar-blue div, 473 .radioAlt.colorBlue:not(.eventColor), /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 474 #messagesWrapper .message, 475 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 476 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 477 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton, 478 #templateNavWrapper #templateNav #navBasket { 479 background-color: #0e508d; 480 } 481 .formUpload .formUploadInputWrapper input:hover ~ div, 482 .buttonBlue:hover, 483 .radioAlt.colorBlue.radioAltSelected, 484 #messagesWrapper .message, 485 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:hover, 486 #templateNavWrapper #templateNav #navBasket:hover { 487 background-color: #0b4477; 488 } 489 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 490 background-color: #105ca2; 491 } 492 .dialogDotWrapper .dialogDot:hover { 493 background-color: #1060a9; 494 } 495 .buttonBlue:active, 496 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active { 497 background-color: #0b4070; 498 } 499 .dialogDotWrapper .dialogDot { 500 background-color: #1268b7; 501 } 502 .buttonWhiteBlue:active { 503 background-color: #126cbe; 504 } 505 .buttonWhiteBlue:hover { 506 background-color: #1370c5; 507 } 508 /* Border */ 509 .backgroundBlueLight, 510 input[type="text"]:hover, 511 input[type="search"]:hover:not(.choices__input), 512 .choices:hover, 513 input[type="password"]:hover, 514 input[type="date"]:hover, 515 input[type="tel"]:hover, 516 input[type="number"]:hover, 517 input[type="datetime-local"]:hover, 518 input[type="email"]:hover, 519 input[type="url"]:hover, 520 textarea:hover, 521 select:hover, 522 input[type="text"]:focus, 523 input[type="search"]:focus:not(.choices__input), 524 .choices.is-focused, 525 input[type="password"]:focus, 526 input[type="date"]:focus, 527 input[type="tel"]:focus, 528 input[type="number"]:focus, 529 input[type="datetime-local"]:focus, 530 input[type="email"]:focus, 531 input[type="url"]:focus, 532 textarea:focus, 533 select:focus, 534 .radioImageWrapper.radioImageChecked, 535 .accordion .accordionContent.accordionColor .accordionTitleWrapper, 536 .buttonWhiteBlue, 537 .dropdownMenu div h2, 538 .radioAlt.colorWhite.radioAltSelected, 539 #templateBreadcrumb #breadCrumbItems .breadCrumbNextStep .breadCrumbItem.breadCrumbActive, 540 #postViewMore { 541 border-color: #0e508d; 542 } 543 #agendaWrapper #agendaEvent #agendaEventReturn, 544 div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn { 545 border-color: #ffffff; 546 } 547 .buttonWhiteBlue:hover { 548 border-color: #0f589b; 549 } 550 .buttonWhiteBlue:active { 551 border-color: #105ca2; 552 } 553 .radioAlt.colorWhite:hover:not(.radioAltSelected), 554 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 555 border-color: #1060a9; 556 } 557 .radioAlt.colorBlue.radioAltSelected { 558 border-color: #093862; 559 } 560 .buttonWhiteAlt:active { 561 outline-color: #0e508d; 562 } 563 .buttonWhiteAlt:hover { 564 border-color: #1060a9; 565 } 566 567 /** 568 * Couleur du menu 569 */ 570 @media (min-width: 1151px) { 571 #templateNavWrapper, 572 #templateNavWrapper:before, 573 #templateNavBar { 574 background-color: #0e508d; 575 } 576 #templateSubNavWrapper { 577 background-color: 578 #0e5494 ; 579 } 580 #templateHeaderWrapper #templateHeader #templateHeaderMargin { 581 display: none; 582 } 583 } 584 @media (max-width: 1150px) { 585 #templateNavWrapper, 586 #templateNavWrapper:before, 587 #templateNavBar, 588 #templateSubNavWrapper { 589 background-color: #0e508d; 590 } 591 } 592 #templateNavSubBarWrapper, 593 #templateNavSubBarWrapper #templateNavSubBarLeft, 594 #templateNavSubBarWrapper #templateNavSubBarRight { 595 background-color: #0e5494; 596 } 597 #agendaWrapper, 598 div:not(#agendaWrapper) > #agendaEvent, 599 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton, 600 #eventWrapper #eventDateLeftWrapper { 601 background-color: #0e508d; 602 } 603 #eventWrapper #eventPicture #eventInfos #eventName { 604 border-color: #0e508d; 605 } 606 /* Couleur des hovers */ 607 #templateNavWrapper #templateNav ul li.active, 608 #templateNavWrapper #templateNav ul li:not(.hideHover):hover { 609 background-color: #0c487e; 610 } 611 @media (min-width: 1151px) { 612 #templateSubNavWrapper ul li.active, 613 #templateSubNavWrapper ul li:hover { 614 background: #0c487e; 615 } 616 } 617 @media (max-width: 1150px) { 618 #templateNavSubBarWrapper #templateNavSubBar li.active { 619 background: #0c487e; 620 } 621 } 622 623 /** 624 * Couleur du fond 625 */ 626 body { 627 background-color: #f6f7f8; 628 } 629 630 /** 631 * Couleur du bas de page 632 */ 633 #templateFooterWrapper { 634 background-color: #0e508d; 635 } 636 637 /** 638 * Texture du menu (non applicable si le menu est transparent) 639 */ 640 #templateNavWrapper, 641 #templateNavWrapper:before, 642 #templateSubNavWrapper, 643 #templateNavBar, 644 #templateNavSubBarWrapper, 645 #templateNavSubBarWrapper #templateNavSubBarLeft, 646 #templateNavSubBarWrapper #templateNavSubBarRight { 647 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 648 } 649 650 /** 651 * Texture du fond 652 */ 653 body { 654 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/45-degree-fabric-dark.png"); 655 } 656 657 /** 658 * Texture du bas de page 659 */ 660 #templateFooterWrapper { 661 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/tweed.png"); 662 } 663 664 /** 665 * Autres 666 */ 667 668 /* Permet d'afficher le haut de page dans l'édition */ 669 #templateHeaderWrapper { 670 display: none; 671 } 672 673 /* Hauteur du haut de page */ 674 675 /* Position de l'image de l'organisation dans le haut de page */ 676 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture { 677 text-align: left; 678 } 679 680 /* Taille texte bloc */ 681 #templateHeaderBlockTitleWrapper { 682 font-size: 0px; 683 } 684 685 /* Taille image bloc */ 686 #templateHeaderBlockVendorPictureWrapper img { 687 width: 0px; 688 } 689 690 /* Type de bloc */ 691 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 692 background-color: rgba(14, 80, 141, .5); 693 } 694 695 @media (min-width: 1151px) { 696 /* Position du logo dans le menu */ 697 #templateNavWrapper #templateNav #navVendorWrapper { 698 display: none; 699 } 700 701 /* Place le haut de page sous le menu si le menu est transparent */ 702 703 /* Hauteur du menu (les ">" pour ignorer les sous-menus) */ 704 #templateNavWrapper #templateNav > ul > li { 705 height: 75px; 706 } 707 #templateSubNavWrapper ul li { 708 height: 40px; 709 line-height: 40px; 710 } 711 #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { 712 max-height: 75px; 713 } 714 715 /* Type de bloc */ 716 717 /* La largeur du haut de page ne dépasse pas la largeur du contenu du site */ 718 #templateNavWrapper, 719 #templateSubNavWrapper, 720 #templateHeaderWrapper { 721 max-width: 1131px; 722 margin-left: -webkit-calc(50% - 565.5px); /* Safari */ 723 margin-left: calc(50% - 565.5px); /* 565.5 = width / 2 */ 724 } 725 726 /* Arrondi les coins du menu, du haut de page et du contenu */ 727 #templateNavWrapper, 728 #templateHeaderWrapper, 729 #templateNavWrapper #templateNav ul li ul, 730 #templateSubNavWrapper, 731 #templateSubNavWrapper ul { 732 -moz-border-radius: 15px; 733 -webkit-border-radius: 15px; 734 border-radius: 15px; 735 overflow: hidden; 736 } 737 #templateNavSocialWrapper{ 738 -moz-border-radius: 15px 15px 0 0; 739 -webkit-border-radius: 15px 15px 0 0; 740 border-radius: 15px 15px 0 0; 741 } 742 #templatePageWrapper:before { 743 -moz-border-radius: 15px; 744 -webkit-border-radius: 15px; 745 border-radius: 15px; 746 background: #FFF; 747 } 748 749 /* Séparation des différents éléments */ 750 #templateNavWrapper, 751 #templateSubNavWrapper ul, 752 #templateHeaderWrapper, 753 #templatePageWrapper:before, 754 #templatePage, 755 #templateFooterWrapper { 756 margin-top: 30px; 757 } 758 759 /* Position du bloc */ 760 761 /* Texte du menu en gras */ 762 763 /* Texte du menu en majuscule */ 764 #templateNavWrapper #templateNav, 765 #templateSubNavWrapper { 766 text-transform: uppercase; 767 } 768 769 /* Cache les icônes */ 770 #templateNav ._gif:not(.noHide) { 771 display: none; 772 } 773 774 /* Espacement entre les items du menu */ 775 #templateNavWrapper #templateNav ul li a, 776 #templateNavWrapper #templateNav ul li ul li a, 777 #templateSubNavWrapper ul li a { 778 padding: 0 15px; 779 } 780 781 /* Alignement du contenu du menu */ 782 #templateNavWrapper #templateNav, 783 #templateSubNavWrapper { 784 text-align: center; 785 } 786 787 /* Hauteur du logo de l'organisation dans le haut de page */ 788 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img { 789 height: 250px; 790 } 791 } 792 793 @media (max-width: 1150px) { 794 #templateNavBarVendorPicture { 795 display: none; 796 } 797 798 /* Cache le bloc en responsive si le site dispose d'un logo d'organisation */ 799 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 800 display: none; 801 } 802 803 /* Alignement du menu en fonction de la barre d'administration */ 804 #templateNavWrapper { 805 top: 55px; 806 } 807 808 } 809 810 /* Fond fullscreen dans les pages personnalisées */
811 #boxes .boxLandmarkBackground { 812 width: calc(100% + 27px); 813 margin-left: -13.5px !important; 814 max-width: 1131px !important; 815 } 816 817 /* Arrondi des champs */ 818 input[type="text"], 819 input[type="search"]:not(.choices__input), 820 .choices, 821 input[type="password"], 822 input[type="date"], 823 input[type="tel"], 824 input[type="number"], 825 input[type="datetime-local"], 826 input[type="email"], 827 input[type="url"], 828 textarea { 829 border-radius: 20px; 830 padding: 9px 15px; 831 } 832 select { 833 border-radius: 20px; 834 } 835 .selected-flag, 836 .buttonBig, 837 .buttonLarge, 838 .buttonSmall, 839 .bootstrap-switch, 840 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 841 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, 842 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 843 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 844 border-radius: 20px; 845 } 846 .buttonLarge { 847 padding: 10px; 848 } 849 .buttonSmall { 850 padding: 5px 10px; 851 } 852</style> 853<!-- Message --> 854<!-- Affichage Spark\Notification::message --> 855<div id="messagesWrapper"> 856 </div> 857
858<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 859 $('.message-support .messageClose').click(function(event) { 860 _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); 861 }); 862</script>
862 863<!-- Misc Spark --> 864 865<div class="displayNone" id="sparkTemplateTableExportColumns"> 866 <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/contacts/login?redirect=%2Fpage%2F3619282-accueil"><input type="hidden" name="_formMulti" value="6ab7b3cf0cd19|0b23e2782ce928a58cf8a3405c0f85d6f26082b9">
866<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 867 $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ 868 var _this = $(this); 869 var renable = false; 870 if(_this.data("multi-submit-protection")){ 871 return false; 872 } 873 else{ 874 // Blocage à la prochaine soumission 875 _this.data("multi-submit-protection", true); 876 // Blocage & chargement sur les boutons 877 _this.find("button[type='submit']").each(function(){ 878 var text = $(this).text(); 879 var buttonDOM = $(this); 880 var buttonInterval; 881 buttonDOM 882 .addClass("disabled") 883 .prop("disabled", true) 884 .css("width", buttonDOM.outerWidth() + "px") 885 .text(".") 886 .inDOM(function() { 887 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 888 buttonInterval = setInterval(function() { 889 if(buttonDOM.text().length === 3) { 890 buttonDOM.text("."); 891 } 892 else { 893 buttonDOM.text(buttonDOM.text() + "."); 894 } 895 }, 300); 896 }); 897 // Déblocage au bout de 1 seconde 898 if(renable){ 899 window.setTimeout(function(){ 900 clearInterval(buttonInterval); 901 buttonDOM 902 .prop("disabled", false) 903 .removeClass("disabled") 904 .removeAttr("style") 905 .text(text); 906 }, 1000); 907 } 908 }); 909 // Déblocage au bout de 1 seconde 910 if(renable){ 911 window.setTimeout(function(){ 912 _this.data("multi-submit-protection", false); 913 }, 1000); 914 } 915 // Retour 916 return true; 917 } 918 }); 919 </script>
919 <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> 920 <label 921 id="sparkTableExportColumnLabel" 922 > 923 Exporter les lignes sélectionnées 924 925 926 </label> 927 <div class="formContent"> 928 929 <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 930 <label class="radio" for="sparkTableExportColumn_all"> 931 <input 932 type="radio" 933 name="sparkTableExportColumn" 934 id="sparkTableExportColumn_all" 935 value="all" 936 937 938 class="" 939 > 940 <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> 941 </label> 942 </div> 943
943<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 944 if(document.readyState === "complete"){ 945 $("#sparkTableExportColumn_all").radiocheck(); 946 } 947 </script>
947 948 949 <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 950 <label class="radio" for="sparkTableExportColumn_filter"> 951 <input 952 type="radio" 953 name="sparkTableExportColumn" 954 id="sparkTableExportColumn_filter" 955 value="filter" 956 957 958 class="" 959 > 960 <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> 961 </label> 962 </div> 963
963<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 964 if(document.readyState === "complete"){ 965 $("#sparkTableExportColumn_filter").radiocheck(); 966 } 967 </script>
967 968 </div></div> </form> 969
969<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 970 _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); 971 </script>
971 972 </div> 973 974<!-- Image de fond --> 975 976<!-- Template --> 977<div id="loginContentWrapper"> 978 <div id="loginContent" class="backgroundLarge backgroundWhite"> 979 980<div id="loginContentMargin"> 981 982 <h1>Connexion</h1> 983 <div class="spaceHorizontalTall"></div> 984 985 <!-- Login sso / mail / userInfo / password --> 986 <form id="loginForm" method="POST"><input type="hidden" name="_form" value="login"><input type="hidden" name="_origin" value="/contacts/login?redirect=%2Fpage%2F3619282-accueil"><input type="hidden" name="_formMulti" value="6ab7b3cf0ce13|f2b00c8be9b44ebe28f3672d3ffd42c65b2a4e1a">
986<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 987 $("#loginForm").on("submit", function(){ 988 var _this = $(this); 989 var renable = false; 990 if(_this.data("multi-submit-protection")){ 991 return false; 992 } 993 else{ 994 // Blocage à la prochaine soumission 995 _this.data("multi-submit-protection", true); 996 // Blocage & chargement sur les boutons 997 _this.find("button[type='submit']").each(function(){ 998 var text = $(this).text(); 999 var buttonDOM = $(this); 1000 var buttonInterval; 1001 buttonDOM 1002 .addClass("disabled") 1003 .prop("disabled", true) 1004 .css("width", buttonDOM.outerWidth() + "px") 1005 .text(".") 1006 .inDOM(function() { 1007 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1008 buttonInterval = setInterval(function() { 1009 if(buttonDOM.text().length === 3) { 1010 buttonDOM.text("."); 1011 } 1012 else { 1013 buttonDOM.text(buttonDOM.text() + "."); 1014 } 1015 }, 300); 1016 }); 1017 // Déblocage au bout de 1 seconde 1018 if(renable){ 1019 window.setTimeout(function(){ 1020 clearInterval(buttonInterval); 1021 buttonDOM 1022 .prop("disabled", false) 1023 .removeClass("disabled") 1024 .removeAttr("style") 1025 .text(text); 1026 }, 1000); 1027 } 1028 }); 1029 // Déblocage au bout de 1 seconde 1030 if(renable){ 1031 window.setTimeout(function(){ 1032 _this.data("multi-submit-protection", false); 1033 }, 1000); 1034 } 1035 // Retour 1036 return true; 1037 } 1038 }); 1039 </script>
1039 1040 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="userMailNotice"></div> 1041 <label 1042 id="userMailLabel" 1043 for="userMail" 1044 > 1045 Votre adresse email 1046 1047 1048 </label> 1049 <input 1050 type="email" 1051 data-typo-check="false" 1052 name="userMail" 1053 class="" 1054 value="" 1055 placeholder="Votre adresse email" 1056 autocomplete="email" 1057 1058 1059 id="userMail" 1060 > 1061 1062 <div class="clearBoth"></div> 1063 </div> 1064
1064<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 1065 $("#userMail").on("change", function() { 1066 _spark.form.mail.check("userMail"); 1067 }); 1068 </script>
1068 1069 1070 <div class="spaceHorizontalTall"></div> 1071 1072 <div id="userPasswordWrapper"> 1073 <div id="userPasswordWrapper"><div class="notice fontBold" id="userPasswordNotice"></div> 1074 <label 1075 id="userPasswordLabel" 1076 for="userPassword" 1077 >Votre mot de passe Opus 74</label> 1078 <input 1079 autocomplete="current-password" 1080 id="userPassword" 1081 placeholder="Votre mot de passe Opus 74" 1082 name="userPassword" 1083 type="password" 1084 > 1085 </div> 1086 <div id="forgottenPasswordDesktop" class="floatRight marginTopMinus20"> 1087 <a href="/contacts/password/reset?userMail=&userInfoValue=">Mot de passe perdu ?</a> </div> 1088 </div> 1089 <div class="clearBoth"></div> 1090 <div id="loginSubmitWrapper"> 1091 <div class="spaceHorizontalTall"></div> 1092 1093 <button 1094 type="submit" 1095 id="loginSubmit" 1096 class=" 1097 button 1098 buttonOrange 1099 textAlignCenter 1100 buttonLarge 1101 1102 1103 " 1104 1105 > 1106 1107 <span class="valignInitial">Connexion</span> 1108 </button> 1109 </div> 1110 <div id="forgottenPasswordMobile" class="marginTop5 displayNone"> 1111 <a href="/contacts/password/reset?userMail=&userInfoValue=">Mot de passe perdu ?</a> </div> 1112 1113 <div id="miscWrapper"> 1114 <div class="spaceHorizontalTall"></div> 1115 Ou : <div class="spaceHorizontalTall"></div> 1116 </div> 1117 1118 <iframe 1119 src="https://app.assoconnect.com/services/sso/google/743295?scope[]=id&scope[]=email" 1120 width="100%" 1121 height="50" 1122 style="margin:8px;overflow:hidden;" 1123 allow="identity-credentials-get" 1124 scrolling="no" 1125 class="" 1126 ></iframe> 1127 <div class="notice fontBold" id="ssoTokenNotice"></div> 1128 <input 1129 type="hidden" 1130 name="ssoToken" 1131 id="ssoToken" 1132 value="" 1133 > 1134 1135 </form> 1136
1136<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 1137 _spark.form.mail.initMailGroup("login"); 1138 </script>
1138 1139 1140 1141</div> 1142 <div class="marginTop20" id="propelledBy"> 1143 Propulsé par AssoConnect, le logiciel des associations </div> 1144 </div> 1145 </div> 1146<div id="loginBackground"></div> 1147 1148<!-- Footer - Global --> 1149 </div> 1150 1151 <!-- JS --> 1152
1152<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 1153 1154/** 1155 * SSO 1156 */ 1157window.addEventListener("message", function(event) { 1158 // Vérification de la source 1159 if ( 1160 event.origin === "https:\/\/app.assoconnect.com" && event.data.action === "sso.login" 1161 ) { 1162 // Remplissage 1163 $("#ssoToken").val(event.data.token); 1164 // Soumission 1165 $("#loginForm").submit(); 1166 } 1167}); 1168 1169document.querySelector('#userMail').addEventListener('input', function (event) { 1170 let userMail = event.target.value; 1171 let patterns = { 1172 'PROD' : /^[a-z\.]*[^+]@(assoconnect\.com|springly\.org)/ 1173 } 1174 let env = "PROD"; 1175 console.log(patterns[env], env); 1176 if (undefined === patterns[env]) { 1177 return; 1178 } 1179 1180 let items = document 1181 .querySelectorAll('#userPasswordWrapper, #forgottenPasswordMobile, #loginSubmitWrapper, #miscWrapper'); 1182 if (null !== userMail.match(patterns[env])) { 1183 items.forEach((item) => $(item).hide()); 1184 } else { 1185 items.forEach((item) => $(item).show()); 1186 } 1187}); 1188 1189(function() { 1190 let userPassword = document.querySelector('#userPassword'), 1191 checkboxSeePassword = _spark.form.model.checkbox('seePassword', trans("seePassword"), 1, 0).get(0), 1192 div = document.createElement('div') 1193 1194 div.classList = 'textAlignLeft'; 1195 div.append(checkboxSeePassword); 1196 userPassword.after(div); 1197 1198 checkboxSeePassword.querySelector('input').addEventListener('change', function(){ 1199 if(this.checked) { 1200 userPassword.type = 'text'; 1201 } else { 1202 userPassword.type = 'password'; 1203 } 1204 }) 1205})(); 1206 </script>
vendor: 1 bytes, line 1206
1206
1207<script nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4"> 1208 if(window.console && window.console.log){ 1209 // Affichage des notices non capturées 1210 } 1211</script>
1211 1212 1213 1214
1214<script 1215 nonce="a3637d62-fa46-4bf1-8a07-c3487ffff9c4" 1216 src="https://cdn.hub-prod.team.blue/loader/widget-loader.js" 1217 data-teamblue-footer 1218 data-footer="hidden" 1219 ></script>
1219 1220 </body> 1221</html>
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.