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 | Opus 74</title> 10 <meta property="og:title" content="ACCUEIL | Opus 74"> 11 <meta name="description" content="ACCUEIL - ACCUEIL - Bienvenue à Opus 74-Flaine â LâAcadémie des Arts Bienvenue dans lâunivers dâOpus 74-Flaine, un rendez-vous artistique unique au cÅur des Alpes françaises, d..."> 12 <meta property="og:description" content="ACCUEIL - ACCUEIL - Bienvenue à Opus 74-Flaine â LâAcadémie des Arts Bienvenue dans lâunivers dâOpus 74-Flaine, un rendez-vous artistique unique au cÅur des Alpes françaises, d..."> 13 <meta property="og:locale" content="fr_FR"> 14 <meta property="og:url" content="https://www.opus74-flaine.com/page/3619282-accueil"> 15 <meta property="og:image" content="https://app.assoconnect.com/services/storage?id=6294628&type=picture&secret=d61hVhouXUeycHqBQegwnMGrNMGRLYnG7THoi2ca&timestamp=1763827170"> 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.opus74-flaine.com/page/3619282-accueil"> 23 24 <!-- Favicon --> 25 <link rel="icon" type="image/png" href="https://assets.assoconnect.com/legacy/assoconnect.com/image/favicon.png"> 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.26681dc.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=Lato:400,500,700" rel="stylesheet"> 237 <style> 238 html, body {font-family: "Lato", 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 314 var HOST_PUBLIC = "https:\/\/assets.assoconnect.com\/legacy"; 315 var HOST_SPARK = "https:\/\/assets.assoconnect.com\/legacy\/spark"; 316 var SPARK_VERSION = "26681dc"; 317 var SPARK_FORM_UPLOAD_MAX_SIZE = 10485760; 318 var SPARK_FORM_UPLOAD_MAX_NAME_LENGTH = 249; 319 var URI_CLIENT = "\/page\/3619282-accueil"; 320 var URI_SERVER = "\/page\/index"; 321 var VENDOR_ID = 743295; 322 var _GIFS = []; 323 var RECAPTCHA = "6Ldy5hwUAAAAAGrMqPOdhVGOLd79KcXDcHg7mjgH"; 324 var MAPBOX_TOKEN = "pk.eyJ1IjoiYXNzb2Nvbm5lY3QiLCJhIjoiY2pycTlxaGh0MDEyMTQzcGZ0eTlidmdmciJ9.-lrrOF0HPATIKSl8luHqwA"; 325 var CSP_NONCE = "bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"; 326 var I18N_CURRENCY = "EUR"; 327 var I18N_LOCALE = "fr-FR"; 328 var I18N_TIMEZONE = "Europe\/Brussels"; 329 var SITE_CODE = "a"; 330</script>
330 331 332<!-- Translator Method -->
333<script 334 nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" src="https://cdn.assoconnect.com/public/build/js/common.-.layout.-.public.26681dc.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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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":"school245378","dimension4":"PROD","dimension3":"unknown","dimension5":"CULTURE"}); 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"></script> 540
541<!-- Iubenda -->
542<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 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: #0e508d; 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: #0e508d; 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: #0c487e; 764 } 765 .buttonWhiteBlue:active, 766 .buttonTransparent:active { 767 color: #0b4477; 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: #0e508d; 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: #0e508d; 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: #0b4477; 802 } 803 .radioAlt.colorBlue:hover:not(.radioAltSelected):not(.eventColor) { /* :not(.eventColor) pour ne pas modifier les puces de l'agenda */ 804 background-color: #105ca2; 805 } 806 .dialogDotWrapper .dialogDot:hover { 807 background-color: #1060a9; 808 } 809 .buttonBlue:active, 810 #eventWrapper #eventPicture #eventCountdownWrapper #eventButton:active { 811 background-color: #0b4070; 812 } 813 .dialogDotWrapper .dialogDot { 814 background-color: #1268b7; 815 } 816 .buttonWhiteBlue:active { 817 background-color: #126cbe; 818 } 819 .buttonWhiteBlue:hover { 820 background-color: #1370c5; 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: #0e508d; 856 } 857 #agendaWrapper #agendaEvent #agendaEventReturn, 858 div:not(#agendaWrapper) > #agendaEvent #agendaEventReturn { 859 border-color: #ffffff; 860 } 861 .buttonWhiteBlue:hover { 862 border-color: #0f589b; 863 } 864 .buttonWhiteBlue:active { 865 border-color: #105ca2; 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: #1060a9; 870 } 871 .radioAlt.colorBlue.radioAltSelected { 872 border-color: #093862; 873 } 874 .buttonWhiteAlt:active { 875 outline-color: #0e508d; 876 } 877 .buttonWhiteAlt:hover { 878 border-color: #1060a9; 879 } 880 881 /** 882 * Couleur du menu 883 */ 884 @media (min-width: 1151px) { 885 #templateNavWrapper, 886 #templateNavWrapper:before, 887 #templateNavBar { 888 background-color: #0e508d; 889 } 890 #templateSubNavWrapper { 891 background-color: 892 #0e5494 ; 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: #0e508d; 904 } 905 } 906 #templateNavSubBarWrapper, 907 #templateNavSubBarWrapper #templateNavSubBarLeft, 908 #templateNavSubBarWrapper #templateNavSubBarRight { 909 background-color: #0e5494; 910 } 911 #agendaWrapper, 912 div:not(#agendaWrapper) > #agendaEvent, 913 #donationPicture #donationInfoWrapper #donationInfo #donationSubmitButton, 914 #eventWrapper #eventDateLeftWrapper { 915 background-color: #0e508d; 916 } 917 #eventWrapper #eventPicture #eventInfos #eventName { 918 border-color: #0e508d; 919 } 920 /* Couleur des hovers */ 921 #templateNavWrapper #templateNav ul li.active, 922 #templateNavWrapper #templateNav ul li:not(.hideHover):hover { 923 background-color: #0c487e; 924 } 925 @media (min-width: 1151px) { 926 #templateSubNavWrapper ul li.active, 927 #templateSubNavWrapper ul li:hover { 928 background: #0c487e; 929 } 930 } 931 @media (max-width: 1150px) { 932 #templateNavSubBarWrapper #templateNavSubBar li.active { 933 background: #0c487e; 934 } 935 } 936 937 /** 938 * Couleur du fond 939 */ 940 body { 941 background-color: #f6f7f8; 942 } 943 944 /** 945 * Couleur du bas de page 946 */ 947 #templateFooterWrapper { 948 background-color: #0e508d; 949 } 950 951 /** 952 * Texture du menu (non applicable si le menu est transparent) 953 */ 954 #templateNavWrapper, 955 #templateNavWrapper:before, 956 #templateSubNavWrapper, 957 #templateNavBar, 958 #templateNavSubBarWrapper, 959 #templateNavSubBarWrapper #templateNavSubBarLeft, 960 #templateNavSubBarWrapper #templateNavSubBarRight { 961 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/_blank.png"); 962 } 963 964 /** 965 * Texture du fond 966 */ 967 body { 968 background-image: url("https://assets.assoconnect.com/legacy/common/image/layout/public/textures/45-degree-fabric-dark.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/tweed.png"); 976 } 977 978 /** 979 * Autres 980 */ 981 982 /* Permet d'afficher le haut de page dans l'édition */ 983 #templateHeaderWrapper { 984 display: none; 985 } 986 987 /* Hauteur du haut de page */ 988 #templateHeaderWrapper { 989 height: 200px 990 } 991 992 /* Position de l'image de l'organisation dans le haut de page */ 993 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture { 994 text-align: left; 995 } 996 997 /* Taille texte bloc */ 998 #templateHeaderBlockTitleWrapper { 999 font-size: 0px; 1000 } 1001 1002 /* Taille image bloc */ 1003 #templateHeaderBlockVendorPictureWrapper img { 1004 width: 0px; 1005 } 1006 1007 /* Type de bloc */ 1008 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1009 background-color: rgba(14, 80, 141, .5); 1010 } 1011 1012 @media (min-width: 1151px) { 1013 /* Position du logo dans le menu */ 1014 #templateNavWrapper #templateNav #navVendorWrapper { 1015 display: none; 1016 } 1017 1018 /* Place le haut de page sous le menu si le menu est transparent */ 1019 1020 /* Hauteur du menu (les ">" pour ignorer les sous-menus) */ 1021 #templateNavWrapper #templateNav > ul > li { 1022 height: 75px; 1023 } 1024 #templateSubNavWrapper ul li { 1025 height: 40px; 1026 line-height: 40px; 1027 } 1028 #templateNavWrapper #templateNav > ul > #navVendorPicture > div > a > img { 1029 max-height: 75px; 1030 } 1031 1032 /* Type de bloc */ 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 #templateNavWrapper, 1045 #templateHeaderWrapper, 1046 #templateNavWrapper #templateNav ul li ul, 1047 #templateSubNavWrapper, 1048 #templateSubNavWrapper ul { 1049 -moz-border-radius: 15px; 1050 -webkit-border-radius: 15px; 1051 border-radius: 15px; 1052 overflow: hidden; 1053 } 1054 #templateNavSocialWrapper{ 1055 -moz-border-radius: 15px 15px 0 0; 1056 -webkit-border-radius: 15px 15px 0 0; 1057 border-radius: 15px 15px 0 0; 1058 } 1059 #templatePageWrapper:before { 1060 -moz-border-radius: 15px; 1061 -webkit-border-radius: 15px; 1062 border-radius: 15px; 1063 background: #FFF; 1064 } 1065 1066 /* Séparation des différents éléments */ 1067 #templateNavWrapper, 1068 #templateSubNavWrapper ul, 1069 #templateHeaderWrapper, 1070 #templatePageWrapper:before, 1071 #templatePage, 1072 #templateFooterWrapper { 1073 margin-top: 30px; 1074 } 1075 1076 /* Position du bloc */ 1077 1078 /* Texte du menu en gras */ 1079 1080 /* Texte du menu en majuscule */ 1081 #templateNavWrapper #templateNav, 1082 #templateSubNavWrapper { 1083 text-transform: uppercase; 1084 } 1085 1086 /* Cache les icônes */ 1087 #templateNav ._gif:not(.noHide) { 1088 display: none; 1089 } 1090 1091 /* Espacement entre les items du menu */ 1092 #templateNavWrapper #templateNav ul li a, 1093 #templateNavWrapper #templateNav ul li ul li a, 1094 #templateSubNavWrapper ul li a { 1095 padding: 0 15px; 1096 } 1097 1098 /* Alignement du contenu du menu */ 1099 #templateNavWrapper #templateNav, 1100 #templateSubNavWrapper { 1101 text-align: center; 1102 } 1103 1104 /* Hauteur du logo de l'organisation dans le haut de page */ 1105 #templateHeaderWrapper #templateHeaderVendorPictureWrapper #templateHeaderVendorPicture img { 1106 height: 250px; 1107 } 1108 } 1109 1110 @media (max-width: 1150px) { 1111 #templateNavBarVendorPicture { 1112 display: none; 1113 } 1114 1115 /* Cache le bloc en responsive si le site dispose d'un logo d'organisation */ 1116 #templateHeaderWrapper #templateHeader #templateHeaderBlockContainer { 1117 display: none; 1118 } 1119 1120 /* Alignement du menu en fonction de la barre d'administration */ 1121 #templateNavWrapper { 1122 top: 55px; 1123 } 1124 1125 } 1126 1127 /* Fond fullscreen dans les pages personnalisées */ 1128 #layoutWrapper #templatePageWrapper, 1129 #layoutWrapper #templatePageWrapper::before,
1130 #boxes .boxLandmarkBackground { 1131 max-width: none; 1132 } 1133 #layoutWrapper #templatePageWrapper #templatePage { 1134 padding: 0; 1135 } 1136 #templateTabulationWrapper { 1137 max-width: 1131px; 1138 margin: 20px auto; 1139 padding-left: 13.5px; 1140 padding-right: 13.5px; 1141 } 1142 #editButton { 1143 position: absolute; 1144 right: 10px; 1145 z-index: 151; /* 151 pour être au dessus des fonds en parallaxe qui sont en 150 */ 1146 } 1147 1148 /* Arrondi des champs */ 1149 input[type="text"], 1150 input[type="search"]:not(.choices__input), 1151 .choices, 1152 input[type="password"], 1153 input[type="date"], 1154 input[type="tel"], 1155 input[type="number"], 1156 input[type="datetime-local"], 1157 input[type="email"], 1158 input[type="url"], 1159 textarea { 1160 border-radius: 20px; 1161 padding: 9px 15px; 1162 } 1163 select { 1164 border-radius: 20px; 1165 } 1166 .selected-flag, 1167 .buttonBig, 1168 .buttonLarge, 1169 .buttonSmall, 1170 .bootstrap-switch, 1171 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper, 1172 #gridWrapper .box .buttonDIYContainer .buttonDIYWrapper .buttonDIY, 1173 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper, 1174 #boxes .box[data-type="button"] .buttonDIYContainer .buttonDIYWrapper .buttonDIY { 1175 border-radius: 20px; 1176 } 1177 .buttonLarge { 1178 padding: 10px; 1179 } 1180 .buttonSmall { 1181 padding: 5px 10px; 1182 } 1183</style> 1184<!-- Message --> 1185<!-- Affichage Spark\Notification::message --> 1186<div id="messagesWrapper"> 1187 </div> 1188
1189<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 1190 $('.message-support .messageClose').click(function(event) { 1191 _spark.cookie.set("supportMessage-" + $(this).data('message-id'), "true", 1); 1192 }); 1193</script>
1193 1194<!-- Misc Spark --> 1195 1196<div class="displayNone" id="sparkTemplateTableExportColumns"> 1197 <form id="sparkTemplateTableExportColumnsForm" method="POST"><input type="hidden" name="_form" value="sparkTemplateTableExportColumns"><input type="hidden" name="_origin" value="/page/3619282-accueil"><input type="hidden" name="_formMulti" value="6ab7b3cde0605|7b752fdbcb490ad1c87bc55fd835fdec5fc48210">
1197<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 1198 $("#sparkTemplateTableExportColumnsForm").on("submit", function(){ 1199 var _this = $(this); 1200 var renable = false; 1201 if(_this.data("multi-submit-protection")){ 1202 return false; 1203 } 1204 else{ 1205 // Blocage à la prochaine soumission 1206 _this.data("multi-submit-protection", true); 1207 // Blocage & chargement sur les boutons 1208 _this.find("button[type='submit']").each(function(){ 1209 var text = $(this).text(); 1210 var buttonDOM = $(this); 1211 var buttonInterval; 1212 buttonDOM 1213 .addClass("disabled") 1214 .prop("disabled", true) 1215 .css("width", buttonDOM.outerWidth() + "px") 1216 .text(".") 1217 .inDOM(function() { 1218 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 1219 buttonInterval = setInterval(function() { 1220 if(buttonDOM.text().length === 3) { 1221 buttonDOM.text("."); 1222 } 1223 else { 1224 buttonDOM.text(buttonDOM.text() + "."); 1225 } 1226 }, 300); 1227 }); 1228 // Déblocage au bout de 1 seconde 1229 if(renable){ 1230 window.setTimeout(function(){ 1231 clearInterval(buttonInterval); 1232 buttonDOM 1233 .prop("disabled", false) 1234 .removeClass("disabled") 1235 .removeAttr("style") 1236 .text(text); 1237 }, 1000); 1238 } 1239 }); 1240 // Déblocage au bout de 1 seconde 1241 if(renable){ 1242 window.setTimeout(function(){ 1243 _this.data("multi-submit-protection", false); 1244 }, 1000); 1245 } 1246 // Retour 1247 return true; 1248 } 1249 }); 1250 </script>
1250 <div id="sparkTableExportColumnWrapper" class=""><div class="notice fontBold" id="sparkTableExportColumnNotice"></div> 1251 <label 1252 id="sparkTableExportColumnLabel" 1253 > 1254 Exporter les lignes sélectionnées 1255 1256 1257 </label> 1258 <div class="formContent"> 1259 1260 <div id="sparkTableExportColumn_allWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1261 <label class="radio" for="sparkTableExportColumn_all"> 1262 <input 1263 type="radio" 1264 name="sparkTableExportColumn" 1265 id="sparkTableExportColumn_all" 1266 value="all" 1267 1268 1269 class="" 1270 > 1271 <span id="sparkTableExportColumn_allLabel">Exporter toutes les colonnes</span> 1272 </label> 1273 </div> 1274
1274<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 1275 if(document.readyState === "complete"){ 1276 $("#sparkTableExportColumn_all").radiocheck(); 1277 } 1278 </script>
1278 1279 1280 <div id="sparkTableExportColumn_filterWrapper" class="radioWrapper displayInlineBlock valignTop marginRight10 "> 1281 <label class="radio" for="sparkTableExportColumn_filter"> 1282 <input 1283 type="radio" 1284 name="sparkTableExportColumn" 1285 id="sparkTableExportColumn_filter" 1286 value="filter" 1287 1288 1289 class="" 1290 > 1291 <span id="sparkTableExportColumn_filterLabel">Exporter uniquement les colonnes affichées</span> 1292 </label> 1293 </div> 1294
1294<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 1295 if(document.readyState === "complete"){ 1296 $("#sparkTableExportColumn_filter").radiocheck(); 1297 } 1298 </script>
1298 1299 </div></div> </form> 1300
1300<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 1301 _spark.form.mail.initMailGroup("sparkTemplateTableExportColumns"); 1302 </script>
1302 1303 </div> 1304 1305<!-- Barre d'administration --> 1306 1307<!-- Barre de navigation responsive --> 1308<div id="templateNavBar"> 1309 1310 <div id="templateNavBarVendorPicture"> 1311 <!-- Une organisation en particulier --> 1312 <a href="/"> 1313 <img src="https://app.assoconnect.com/services/storage?id=6294628&type=picture&secret=d61hVhouXUeycHqBQegwnMGrNMGRLYnG7THoi2ca&timestamp=1763827170&size=small" alt="Opus 74"> 1314 </a> 1315 <!-- L'organisation principale --> 1316 </div> 1317 1318 <div id="templateNavBarToggleMenu"> 1319 <span>Menu</span> 1320 <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> 1321 1322 <div class="clearBoth"></div> 1323 1324</div> 1325 1326 <div id="templateNavSubBarWrapper"> 1327 <div id="templateNavSubBarLeft"><</div> 1328 <div id="templateNavSubBarRight">></div> 1329 <ul id="templateNavSubBar"> 1330 <li class="active"> 1331 <a href="/page/3619282-accueil"> 1332 ACCUEIL </a> 1333 </li> 1334 <li > 1335 <a href="/page/3609006-welcome"> 1336 Welcome </a> 1337 </li> 1338 </ul> 1339 </div> 1340 1341<!-- Header top --> 1342 1343<!-- Navigation et réseaux sociaux --> 1344 1345<!-- Container obligatoire afin de passer le menu et son sous-menu en position absolute avec le thème transparent --> 1346<div id="templateNavContainer"> 1347 1348 <div id="templateNavWrapper"> 1349 1350 <!-- Ãditable et hover --> 1351 <div id="templateNavWrapperHover" class="templateHover"></div> 1352 <div id="templateNavWrapperEditable" class="templateEditable templateEditableNav"> 1353 <div class="displayTable height100 width100"> 1354 <div class="displayTableCell valignMiddle"> 1355 <p class="displayInlineBlock">Ajoutez un logo, un bouton, des réseaux sociaux</p> 1356 <div class="templateEditableButton">Cliquez pour éditer</div> 1357 </div> 1358 </div> 1359 </div> 1360 1361 <!-- Réseaux sociaux --> 1362 <div id="templateNavSocialWrapper"> 1363 <a 1364 href="https://www.facebook.com/flaineopus74/" 1365 target="_blank" 1366 id="templateNavSocialFacebook" 1367 > 1368 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.facebook.24.color.png" class="_gif icoFacebook24Color" alt="icoFacebook24Color" title="Facebook" id="image_6ab7b3cde9dc7" > </a> 1369 <a 1370 href="https://www.youtube.com/@opusartisparisï¿¥5286" 1371 target="_blank" 1372 id="templateNavSocialYoutube" 1373 > 1374 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.youtube.24.color.png" class="_gif icoYoutube24Color" alt="icoYoutube24Color" title="Youtube" id="image_6ab7b3cde9e00" > </a> 1375 <a 1376 href="https://instagram.com/opus74.flaine/" 1377 target="_blank" 1378 id="templateNavSocialInstagram" 1379 > 1380 <img src="https://assets.assoconnect.com/legacy/common/ico/ico.instagram.24.color.png" class="_gif icoInstagram24Color" alt="icoInstagram24Color" title="Instagram" id="image_6ab7b3cde9e35" > </a> 1381 </div> 1382 1383 <!-- Navigation --> 1384 <nav id="templateNav"> 1385 <ul id="navVendorWrapper"> 1386 <!-- Nom & logo de l'organisation --> 1387 <li id="navVendorPicture"> 1388 <div class="displayTable height100"><!-- displayTable = fix #8392 --> 1389 <a class="displayTableCell width100 valignMiddle" href="/"> 1390 <img src="https://app.assoconnect.com/services/storage?id=6294628&type=picture&secret=d61hVhouXUeycHqBQegwnMGrNMGRLYnG7THoi2ca&timestamp=1763827170&size=small" alt="Opus 74"> 1391 </a> 1392 </div> 1393 </li> 1394 </ul> 1395 <ul> 1396 <li 1397 data-templatesubnav="3609005" 1398 class=" 1399 templateNavResponsiveToggleChildren 1400 active 1401 " 1402 > 1403 <a 1404 href="/page/3619282-accueil" 1405 class="displayTable height100" 1406 > 1407 <div class="displayTableCell valignMiddle"> 1408 </div> 1409 <div class="displayTableCell valignMiddle"> 1410 ACCUEIL <sp
1410an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1411 </div> 1412 </a> 1413 <ul> 1414 <li class="active"> 1415 <a href="/page/3619282-accueil"> 1416 ACCUEIL </a> 1417 </li> 1418 <li > 1419 <a href="/page/3609006-welcome"> 1420 Welcome </a> 1421 </li> 1422 </ul> 1423 </li> 1424 <li 1425 data-templatesubnav="3609007" 1426 class=" 1427 " 1428 > 1429 <a 1430 href="/page/3609008-professeurs" 1431 class="displayTable height100" 1432 > 1433 <div class="displayTableCell valignMiddle"> 1434 </div> 1435 <div class="displayTableCell valignMiddle"> 1436 PROFESSEURS <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1437 </div> 1438 </a> 1439 <ul> 1440 </ul> 1441 </li> 1442 <li 1443 data-templatesubnav="3609009" 1444 class=" 1445 templateNavResponsiveToggleChildren 1446 " 1447 > 1448 <a 1449 href="/page/3628538-informations-pratiques" 1450 class="displayTable height100" 1451 > 1452 <div class="displayTableCell valignMiddle"> 1453 </div> 1454 <div class="displayTableCell valignMiddle"> 1455 ORGANISATION <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1456 </div> 1457 </a> 1458 <ul> 1459 <li > 1460 <a href="/page/3628538-informations-pratiques"> 1461 Informations pratiques </a> 1462 </li> 1463 <li > 1464 <a href="/page/3628594-participez"> 1465 Participez ! </a> 1466 </li> 1467 <li > 1468 <a href="/page/3628584-practical-informations"> 1469 PRACTICAL INFORMATIONS </a> 1470 </li> 1471 <li > 1472 <a href="/page/3655717-apply"> 1473 APPLY! </a> 1474 </li> 1475 </ul> 1476 </li> 1477 <li 1478 data-templatesubnav="3619273" 1479 class=" 1480 " 1481 > 1482 <a 1483 href="/page/3634940-blog" 1484 class="displayTable height100" 1485 > 1486 <div class="displayTableCell valignMiddle"> 1487 </div> 1488 <div class="displayTableCell valignMiddle"> 1489 BLOG <sp
1489an class="arrowTop">▴</span><span class="arrowDown">▾</span> 1490 </div> 1491 </a> 1492 <ul> 1493 </ul> 1494 </li> 1495 <li 1496 data-templatesubnav="3619277" 1497 class=" 1498 " 1499 > 1500 <a 1501 href="/page/3620887-contacts" 1502 class="displayTable height100" 1503 > 1504 <div class="displayTableCell valignMiddle"> 1505 </div> 1506 <div class="displayTableCell valignMiddle"> 1507 CONTACTS <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1508 </div> 1509 </a> 1510 <ul> 1511 </ul> 1512 </li> 1513 <li 1514 data-templatesubnav="3619278" 1515 class=" 1516 templateNavResponsiveToggleChildren 1517 " 1518 > 1519 <a 1520 href="/page/3620889-competition-opus-artis-paris" 1521 class="displayTable height100" 1522 > 1523 <div class="displayTableCell valignMiddle"> 1524 </div> 1525 <div class="displayTableCell valignMiddle"> 1526 COMPETITION OPUS ARTIS PARIS <span class="arrowTop">▴</span><span class="arrowDown">▾</span> 1527 </div> 1528 </a> 1529 <ul> 1530 <li > 1531 <a href="/page/3620889-competition-opus-artis-paris"> 1532 COMPETITION OPUS ARTIS PARIS </a> 1533 </li> 1534 <li > 1535 <a href="/page/3813911-opus-artis-paris-competitions"> 1536 OPUS ARTIS PARIS COMPETITIONS </a> 1537 </li> 1538 </ul> 1539 </li> 1540 <!-- Mon compte --> 1541 <!-- Panier --> 1542 <!-- Boutons --> 1543 <li id="templateNavButton1Container" class="hideHover displayNone"> 1544 <a href="" class="height100 displayTable"> 1545 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1546 <div class="displayTableCell valignMiddle"> 1547 1548 <div 1549 id="templateNavButton1Button" 1550 class=" 1551 button 1552 textAlignCenter 1553 buttonBlue 1554 buttonLarge 1555 1556 valignMiddle 1557 " 1558 ><span class="valignInitial"></span></div> </div> 1559 </a> 1560 </li> 1561 <li id="templateNavButton2Container" class="hideHover displayNone"> 1562 <a href="" class="height100 displayTable"> 1563 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 --> 1564 <div class="displayTableCell valignMiddle"> 1565 1566 <div 1567 id="templateNavButton2Button" 1568 class=" 1569 button 1570 textAlignCenter 1571 buttonBlue 1572 buttonLarge 1573 1574 valignMiddle 1575 " 1576 ><span class="valignInitial"></span></div> </div> 1577 </a> 1578 </li> 1579 <!-- Connexion --> 1580 <li id="templateNavButtonLoginContainer" class="hideHover "> 1581 <a href="/contacts/login?redirect=%2Fpage%2F3619282-accueil" class="height100 displayTable"> 1582 <!-- displayTableCell valignMiddle dans une div wrapper pour fix #6921 et #7665 --> 1583 <div class="displayTableCell valignMiddle"> 1584 1585 <div 1586 id="templateNavButtonLoginButton" 1587 class=" 1588 button 1589 textAlignCenter 1590 buttonBlue 1591 buttonLarge 1592 1593 valignMiddle 1594 " 1595 ><span class="valignInitial">Se connecter</span></div> </div> 1596 </a> 1597 </li> 1598 </ul> 1599 </nav> 1600 1601 </div> 1602 1603 <div id="templateSubNavWrapper"> 1604 1605 <div id="templateSubNav"> 1606 <ul data-templatesubnav="3609005"> 1607 <li class="active"> 1608 <a href="/page/3619282-accueil"> 1609 ACCUEIL </a> 1610 </li> 1611 <li > 1612 <a href="/page/3609006-welcome"> 1613 Welcome </a> 1614 </li> 1615 </ul> 1616 <ul data-templatesubnav="3609009"> 1617 <li > 1618 <a href="/page/3628538-informations-pratiques"> 1619 Informations pratiques </a> 1620 </li> 1621 <li > 1622 <a href="/page/3628594-participez"> 1623 Participez ! </a> 1624 </li> 1625 <li > 1626 <a href="/page/3628584-practical-informations"> 1627 PRACTICAL INFORMATIONS </a> 1628 </li> 1629 <li > 1630 <a href="/page/3655717-apply"> 1631 APPLY! </a> 1632 </li> 1633 </ul> 1634 <ul data-templatesubnav="3619278"> 1635 <li > 1636 <a href="/page/3620889-competition-opus-artis-paris"> 1637 COMPETITION OPUS ARTIS PARIS </a> 1638 </li> 1639 <li > 1640 <a href="/page/3813911-opus-artis-paris-competitions"> 1641 OPUS ARTIS PARIS COMPETITIONS </a> 1642 </li> 1643 </ul> 1644 1645 </div> 1646 1647 </div> 1648 1649</div> 1650
1651<!-- 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) --> 1652 1653<!-- Page --> 1654<article id="templatePageWrapper" class="layout-md"> 1655 <div id="templatePage"> 1656 <!-- #templateIframe permet de mesurer la hauteur de la page pour afficher le site dans une iframe --> 1657 <div id="templateIframe"> 1658 <!-- Tabulations --> 1659 <!-- Affiche les onglets pour les organisation dépendantes --> 1660 1661 <!-- 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 --> 1662 1663 <!-- Tabulations en mode Fil d'Ariane --> 1664 <!-- Une tabulation, juste le titre s'affiche --> 1665 <div class="templatePageHeader" data-id="component_Header"> 1666 <div> 1667 <div id="templateTitle" class="templatePageHeaderPart"> 1668 <span class="displayInlineBlock valignMiddle"></span> 1669 </div> 1670 </div> 1671 </div> 1672 <div id="templateTabulationWrapper"> 1673 <div> 1674 <div id="templateTabulation"> 1675 1676 1677 <a 1678 id="tab_page-accueil" 1679 href="/page/3619282-accueil" 1680 class="active" 1681 > 1682 ACCUEIL </a> 1683 <a 1684 id="tab_page-welcome" 1685 href="/page/3609006-welcome" 1686 class="" 1687 > 1688 Welcome </a> 1689 </div> 1690 </div> 1691 </div> 1692 <!-- Titre uniquement --> 1693 <!-- Titre uniquement --> 1694<!-- Empêche un bug d'affichage du menu admin (https://github.com/sylfabre/buypacker-dev/issues/6376) --> 1695<div class="clearBoth"></div> 1696<!-- Template --> 1697<div class="templatePageWrapper layout-md"> 1698 <div class="templatePageContent "> 1699 <div class="templatePageContentHeader"> 1700 </div> 1701 1702 1703 1704 1705 1706<!-- Lien d'édition --> 1707 1708<!-- Contenu de la page --> 1709<div id="boxes"> 1710 1711 <style> 1712 #box105259837 { 1713 position: absolute; 1714 left: 8.3333333333333%; 1715 top: 60px; 1716 height: 180px; 1717 1718 padding: 0; 1719 margin: 0!important; 1720 border: 0; 1721 } 1722 </style> 1723 <div class="boxLandmark "> 1724 <div 1725 id="box105259837" 1726 class="box" 1727 style="width: 25%" 1728 data-type="picture" 1729 > 1730 <div style="position: relative; overflow:hidden; height: 180px; border-radius: 10px; background: transparent"> 1731 1732 <a 1733 href="/page/3628594-participez" 1734 target="_blank" 1735 > 1736 <div class="overflowHidden displayInlineBlock positionRelative" style=" 1737 width:276px; 1738 max-width: 100%; 1739 height:180px; 1740 text-align: center; 1741 1742 border-radius: 10px;"> 1743 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 1744 <img 1745 src="https://app.assoconnect.com/services/storage?id=6379104&type=picture&secret=J7Hm0xBRhNFVyeGXYFWBDbPuPUfeL7BXZDnzyiyv&timestamp=1765820535" 1746 style=" 1747 position:absolute; 1748 width:254.712px; 1749 height:179.99648px; 1750 top:0px;
1751 left:-127px; 1752 max-width:none; 1753 " 1754 > 1755 </div> 1756 </div></a> 1757 1758 </div> 1759 </div> 1760 </div> 1761 1762 <style> 1763 #box105259838 { 1764 position: absolute; 1765 left: 33.333333333333%; 1766 top: 60px; 1767 height: 180px; 1768 1769 padding: 0; 1770 margin: 0!important; 1771 border: 0; 1772 } 1773 </style> 1774 <div class="boxLandmark "> 1775 <div 1776 id="box105259838" 1777 class="box" 1778 style="width: 33.333333333333%" 1779 data-type="picture" 1780 > 1781 <div style="position: relative; overflow:hidden; height: 180px; border-radius: 10px; background: transparent"> 1782 1783 <div class="overflowHidden displayInlineBlock positionRelative" style=" 1784 width:368px; 1785 max-width: 100%; 1786 height:180px; 1787 text-align: center; 1788 1789 border-radius: 10px;"> 1790 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 1791 <img 1792 src="https://app.assoconnect.com/services/storage?id=6294641&type=picture&secret=rmiaqklHBSrxo619jxv8Po9YVEyBB8AFIeUOrLy2&timestamp=1763827640" 1793 style=" 1794 position:absolute; 1795 width:220.62px; 1796 height:115.4578px; 1797 top:31px; 1798 left:-117px; 1799 max-width:none; 1800 " 1801 > 1802 </div> 1803 </div> 1804 </div> 1805 </div> 1806 </div> 1807 1808 <style> 1809 #box105259839 { 1810 position: absolute; 1811 left: 66.666666666667%; 1812 top: 60px; 1813 height: 180px; 1814 1815 padding: 0; 1816 margin: 0!important; 1817 border: 0; 1818 } 1819 </style> 1820 <div class="boxLandmark "> 1821 <div 1822 id="box105259839" 1823 class="box" 1824 style="width: 25%" 1825 data-type="picture" 1826 > 1827 <div style="position: relative; overflow:hidden; height: 180px; border-radius: 10px; background: transparent"> 1828 1829 <a 1830 href="/page/3655717-apply" 1831 target="_blank" 1832 > 1833 <div class="overflowHidden displayInlineBlock positionRelative" style=" 1834 width:276px; 1835 max-width: 100%; 1836 height:180px; 1837 text-align: center; 1838 1839 border-radius: 10px;"> 1840 <div style="position:absolute;top:0;left:50%;height:100%;width:1px;"> 1841 <img 1842 src="https://app.assoconnect.com/services/storage?id=6379106&type=picture&secret=7pgxUprlFoLCtracNiIy5bIOVk3ftN11WCl10nex&timestamp=1765820599" 1843 style=" 1844 position:absolute; 1845 width:254.712px; 1846 height:179.99648px; 1847 top:-3px; 1848 left:-125px; 1849 max-width:none; 1850 " 1851 > 1852 </div> 1853 </div></a> 1854 1855 </div> 1856 </div> 1857 </div> 1858 1859 <style> 1860 #box105259840 { 1861 position: absolute; 1862 left: 16.666666666667%; 1863 top: 240px; 1864 height: 240px; 1865 1866 padding: 0; 1867 margin: 0!important; 1868 border: 0; 1869 } 1870 </style> 1871 <div class="boxLandmark "> 1872 <div 1873 id="box105259840" 1874 class="box"
1875 style="width: 66.666666666667%" 1876 data-type="text" 1877 > 1878 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-right: 12px; height: 236px; background: transparent"> 1879 <div class="overflowHidden height100"><h2><strong>Bienvenue à Opus 74-Flaine â LâAcadémie des Arts</strong></h2> 1880 1881<h3><span style="color:#121517">Bienvenue dans lâunivers dâOpus 74-Flaine, un rendez-vous artistique unique au cÅur des Alpes françaises, du <strong>10 juillet au 31 juillet 2027 !</strong></span><span style="color:#4183d7"><strong> </strong></span></h3> 1882 1883<p><span style="font-size:18px">Situé à Flaine, en Haute-Savoie, notre festival allie musique classique, arts plastiques et expériences culturelles pour faire vibrer tous les publics. Développé en étroite collaboration avec le Syndicat Intercommunal de Flaine ainsi quâavec les acteurs culturels et touristiques de Flaine, le projet sâinscrit dans une dynamique territoriale forte et contribue activement au rayonnement artistique de ce lieu dâexception.</span></p> 1884 1885<p style="text-align:justify">                         </p></div> 1886 </div> 1887 </div> 1888 </div> 1889 1890 <style> 1891 #box105259841 { 1892 position: absolute; 1893 left: 16.666666666667%; 1894 top: 480px; 1895 height: 540px; 1896 1897 padding: 0; 1898 margin: 0!important; 1899 border: 0; 1900 } 1901 </style> 1902 <div class="boxLandmark "> 1903 <div 1904 id="box105259841" 1905 class="box" 1906 style="width: 66.666666666667%" 1907 data-type="gallery" 1908 > 1909 <div style="position: relative; overflow:hidden; margin-right: 16px; height: 540px; background: transparent"> 1910 1911 <iframe 1912 id="boxGallery105259841Iframe" 1913 src="ressources/gallery?boxId=105259841&galleryId=67380" 1914 scrolling="no" 1915 frameborder="0" 1916 style="border:none; overflow:hidden;" 1917 width="100%" 1918 height="100%" 1919 allowtransparency="true" 1920 ></iframe> 1921
1921<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 1922 $("#boxGallery105259841Iframe").on("load", function(){ 1923 $(this).contents().find(".pictureContainer").simpleLightbox({ 1924 fileExt: false // Sinon ne reconnait pas les urls de s3 comme des images 1925 }); 1926 }); 1927 </script>
1927 1928 1929 </div> 1930 </div> 1931 </div> 1932 1933 <style> 1934 #box105259842 { 1935 position: absolute; 1936 left: 16.666666666667%; 1937 top: 1020px; 1938 height: 300px; 1939 1940 padding: 0; 1941 margin: 0!important; 1942 border: 0; 1943 } 1944 </style> 1945 <div class="boxLandmark "> 1946 <div 1947 id="box105259842" 1948 class="box" 1949 style="width: 66.666666666667%" 1950 data-type="text" 1951 > 1952 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-right: 16px; height: 300px; background: transparent"> 1953 <div class="overflowHidden height100"><p style="text-align:justify"><span style="font-size:18px"><strong>Qui sommes-nous</strong></span></p> 1954 1955<p><span style="font-size:18px">Opus 74 â Flaine, Lâ Académie des Arts nâest pas seulement un festival de musique, mais une expérience artistique immersive. Chaque été, pendant deux semaines, nous proposons une série de concerts de musique classique largement ouverts au public, des masterclasses exigeantes et un parcours pédagogique structuré. Depuis 2016, nous avons élargi notre projet aux arts visuels afin de favoriser le dialogue entre les disciplines. Nous menons également des actions de sensibilisation auprès des jeunes pour transmettre le goût de la musique et encourager la découverte des instruments. </span></p> 1956 1957<p><span style="font-size:18px">Notre engagement est de rendre lâart accessible tout en maintenant un haut niveau dâexigence, dâoffrir aux participants un cadre de travail concentré et stimulant, et de permettre au public de vivre une expérience musicale sincère et de qualité.</span></p></div> 1958 </div> 1959 </div> 1960 </div> 1961 1962 <style> 1963 #box105259843 { 1964 position: absolute; 1965 left: 16.666666666667%; 1966 top: 1320px; 1967 height: 480px; 1968 1969 padding: 0; 1970 margin: 0!important; 1971 border: 0; 1972 } 1973 </style> 1974 <div class="boxLandmark "> 1975 <div 1976 id="box105259843" 1977 class="box" 1978 style="width: 66.666666666667%" 1979 data-type="gallery" 1980 > 1981 <div style="position: relative; overflow:hidden; margin-right: 12px; height: 480px; background: transparent"> 1982 1983 <iframe 1984 id="boxGallery105259843Iframe" 1985 src="ressources/gallery?boxId=105259843&galleryId=67379" 1986 scrolling="no" 1987 frameborder="0" 1988 style="border:none; overflow:hidden;" 1989 width="100%" 1990 height="100%" 1991 allowtransparency="true" 1992 ></iframe> 1993
1993<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 1994 $("#boxGallery105259843Iframe").on("load", function(){ 1995 $(this).contents().find(".pictureContainer").simpleLightbox({ 1996 fileExt: false // Sinon ne reconnait pas les urls de s3 comme des images 1997 }); 1998 }); 1999 </script>
1999 2000 2001 </div> 2002 </div> 2003 </div> 2004 2005 <style> 2006 #box105259844 { 2007 position: absolute; 2008 left: 16.666666666667%; 2009 top: 1800px; 2010 height: 420px; 2011 2012 padding: 0; 2013 margin: 0!important; 2014 border: 0; 2015 } 2016 </style> 2017 <div class="boxLandmark "> 2018 <div 2019 id="box105259844" 2020 class="box" 2021 style="width: 66.666666666667%" 2022 data-type="text" 2023 > 2024 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-right: 12px; height: 412px; background: transparent"> 2025 <div class="overflowHidden height100"><p style="text-align:justify"><span style="font-size:18px"><strong>Pourquoi choisir Flaine</strong></span></p> 2026 2027<p><span style="font-size:18px">Flaine est un lieu où lâart et la nature se rencontrent. Située à 1600 mètres dâaltitude dans les Alpes, la station se distingue par son architecture moderniste conçue par Marcel Breuer et par la présence dâÅuvres majeures dâartistes tels que Picasso, Dubuffet et Vasarely dans lâespace public. Son auditorium, reconnu pour la qualité de son acoustique, offre des conditions dâécoute remarquables. Dans cet environnement unique, la montagne, lâarchitecture et la création artistique forment un cadre propice à la concentration et à lâinspiration.</span></p> 2028 2029<p> </p> 2030 2031<h3><span style="color:#121517"><span style="font-size:18px"><strong>Une dimension internationale</strong></span></span></h3> 2032 2033<p><span style="font-size:18px">Nous accueillons des artistes venus dâEurope, dâAsie et des Amériques pour enseigner et se produire. Cette diversité nourrit un dialogue ouvert et exigeant, fondé sur la transmission et la rencontre humaine. Nous veillons à offrir un encadrement rigoureux et bienveillant, de véritables opportunités de pratique scénique et une expérience artistique intense et inspirante.</span></p></div> 2034 </div> 2035 </div> 2036 </div> 2037 2038 <style> 2039 #box105259845 { 2040 position: absolute; 2041 left: 16.666666666667%; 2042 top: 2220px; 2043 height: 480px; 2044 2045 padding: 0; 2046 margin: 0!important; 2047 border: 0; 2048 } 2049 </style> 2050 <div class="boxLandmark "> 2051 <div 2052 id="box105259845" 2053 class="box" 2054 style="width: 66.666666666667%" 2055 data-type="gallery" 2056 > 2057 <div style="position: relative; overflow:hidden; margin-right: 12px; height: 480px; background: transparent"> 2058 2059 <iframe 2060 id="boxGallery105259845Iframe" 2061 src="ressources/gallery?boxId=105259845&galleryId=67427" 2062 scrolling="no" 2063 frameborder="0" 2064 style="border:none; overflow:hidden;" 2065 width="100%" 2066 height="100%" 2067 allowtransparency="true" 2068 ></iframe> 2069
2069<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 2070 $("#boxGallery105259845Iframe").on("load", function(){ 2071 $(this).contents().find(".pictureContainer").simpleLightbox({ 2072 fileExt: false // Sinon ne reconnait pas les urls de s3 comme des images 2073 }); 2074 }); 2075 </script>
2075 2076 2077 </div> 2078 </div> 2079 </div> 2080 2081 <style> 2082 #box105259846 { 2083 position: absolute; 2084 left: 16.666666666667%; 2085 top: 2700px; 2086 height: 180px; 2087 2088 padding: 0; 2089 margin: 0!important; 2090 border: 0; 2091 } 2092 </style> 2093 <div class="boxLandmark "> 2094 <div 2095 id="box105259846" 2096 class="box" 2097 style="width: 58.333333333333%" 2098 data-type="text" 2099 > 2100 <div style="position: relative; overflow:hidden; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 180px; background: transparent"> 2101 <div class="overflowHidden height100"><h2><span style="font-size:18px"><u><a href="https://www.youtube.com/watch?v=FeopqHW4CxM" target="_blank">Vidéo 2023</a></u></span></h2> 2102 2103<h2><span style="font-size:18px"><u><a href="https://www.youtube.com/watch?v=D161jLpUG5k" target="_blank">Vidéo 2024</a></u></span></h2> 2104 2105<h2><span style="font-size:18px"><u><a href="https://youtu.be/YxF6i6skWC4?si=NaHJfZef43c3TDDJ" target="_blank">Vidéo 2025</a></u></span></h2> 2106 2107<p><a href="https://youtu.be/osx61A_MSuc"><span style="font-size:18px"><u>Vidéo 2026</u></span></a></p></div> 2108 </div> 2109 </div> 2110 </div> 2111 </div> </div> 2112</div> 2113 </div> 2114 </div> 2115</article> 2116 2117<!-- Footer --> 2118<footer id="templateFooterWrapper"> 2119 <div id="templateFooter"> 2120 <div id="templateFooterBlockContainer"> 2121 <div class="row"> 2122 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> 2123 <div id="templateFooterBlockWrapper" class="row"> 2124 <!-- Liste des pages de l'organisation principal --> 2125 </div> 2126 </div> 2127 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"> 2128 <form id="templateFooterNewsletterForm" method="POST" class="newsletterRegister"><input type="hidden" name="_form" value="templateFooterNewsletter"><input type="hidden" name="_origin" value="/page/3619282-accueil"><input type="hidden" name="_formMulti" value="6ab7b3cdeb7fc|9048aafc1b2c9d1a71b871d5d2631b538f6098c0">
2128<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 2129 $("#templateFooterNewsletterForm").on("submit", function(){ 2130 var _this = $(this); 2131 var renable = true; 2132 if(_this.data("multi-submit-protection")){ 2133 return false; 2134 } 2135 else{ 2136 // Blocage à la prochaine soumission 2137 _this.data("multi-submit-protection", true); 2138 // Blocage & chargement sur les boutons 2139 _this.find("button[type='submit']").each(function(){ 2140 var text = $(this).text(); 2141 var buttonDOM = $(this); 2142 var buttonInterval; 2143 buttonDOM 2144 .addClass("disabled") 2145 .prop("disabled", true) 2146 .css("width", buttonDOM.outerWidth() + "px") 2147 .text(".") 2148 .inDOM(function() { 2149 // Il ne faut pas utiliser de gif car Safari est incompatible (fix #12514) 2150 buttonInterval = setInterval(function() { 2151 if(buttonDOM.text().length === 3) { 2152 buttonDOM.text("."); 2153 } 2154 else { 2155 buttonDOM.text(buttonDOM.text() + "."); 2156 } 2157 }, 300); 2158 }); 2159 // Déblocage au bout de 1 seconde 2160 if(renable){ 2161 window.setTimeout(function(){ 2162 clearInterval(buttonInterval); 2163 buttonDOM 2164 .prop("disabled", false) 2165 .removeClass("disabled") 2166 .removeAttr("style") 2167 .text(text); 2168 }, 1000); 2169 } 2170 }); 2171 // Déblocage au bout de 1 seconde 2172 if(renable){ 2173 window.setTimeout(function(){ 2174 _this.data("multi-submit-protection", false); 2175 }, 1000); 2176 } 2177 // Retour 2178 return true; 2179 } 2180 }); 2181 </script>
2181 <div class="row colsMiddle"> 2182 <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12"> 2183 <div class="mailInputWrapper isSecondaryWrapper"><div class="notice fontBold" id="templateFooterBlocNewsletterEmailNotice"></div> 2184 <label 2185 id="templateFooterBlocNewsletterEmailLabel" 2186 for="templateFooterBlocNewsletterEmail" 2187 > 2188 Je m'abonne à la newsletter 2189 2190 2191 </label> 2192 <input 2193 type="email" 2194 data-typo-check="true" 2195 name="templateFooterBlocNewsletterEmail" 2196 class="" 2197 value="" 2198 placeholder="Renseignez votre email" 2199 autocomplete="email" 2200 2201 2202 id="templateFooterBlocNewsletterEmail" 2203 > 2204 2205 <div class="clearBoth"></div> 2206 </div> 2207
2207<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 2208 $("#templateFooterBlocNewsletterEmail").on("change", function() { 2209 _spark.form.mail.check("templateFooterBlocNewsletterEmail"); 2210 }); 2211 </script>
2211 2212 </div> 2213 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 valignBottom"> 2214 2215 <button 2216 type="submit" 2217 id="templateFooterBlocNewsletterSubmit" 2218 class=" 2219 button 2220 buttonOrange 2221 textAlignCenter 2222 buttonLarge 2223 2224 2225 " 2226 2227 > 2228 2229 <span class="valignInitial">OK</span> 2230 </button> 2231 </div> 2232 </div> 2233 2234 </form> 2235
2235<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 2236 $("#templateFooterNewsletterForm") 2237 // Init 2238 .data("dirty", 0) 2239 // Form submit is possible 2240 .on("submit", function(){ 2241 window.onbeforeunload = null; 2242 }) 2243 // On change 2244 .find("input, textarea").on("change", function(){ 2245 if(document.readyState === "complete"){ 2246 $("#templateFooterNewsletterForm").data().dirty++; 2247 } 2248 }); 2249 // Ajout 2250 _spark.dirty.push(function(){ 2251 return $("#templateFooterNewsletterForm").data("dirty") > 0; 2252 }); 2253 </script>
2253 2254 2255
2255<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 2256 _spark.form.mail.initMailGroup("templateFooterNewsletter"); 2257 </script>
2257 2258 <div id="templateFooterSocialWrapper"> 2259 </div> 2260 </div> 2261 </div> 2262 </div> 2263 </div> 2264 <div id="templateFooterInformation"> 2265 <ul> 2266 <!-- Plan du site --> 2267 <li> 2268 <a href="/infos/plan/ 2269 743295 ">Plan du site</a> 2270 </li> 2271 2272 <!-- Licences --> 2273 <li> 2274 <a href="/infos/licenses">Licences</a> 2275 </li> 2276 2277 <!-- CGU --> 2278 <li> 2279 <a href="/infos/legal-notice">Mentions légales</a> 2280 </li> 2281 <li> 2282 <a href="/infos/tos">CGUV</a> 2283 </li> 2284 2285 <!-- CGU --> 2286 <li> 2287 <a id="configureCookies" href="#">Paramétrer vos cookies</a> 2288 </li> 2289 2290 <!-- Connexion/déconnexion et mon compte --> 2291 <li> 2292 2293 <a 2294 id="templateNavButtonLoginButtonLink" 2295 href="https://www.opus74-flaine.com/contacts/login?redirect=%2Fpage%2F3619282-accueil" 2296 class="" 2297 target="" 2298 rel="noopener" 2299 > 2300 <div 2301 id="templateNavButtonLoginButton" 2302 class=" 2303 button 2304 textAlignCenter 2305 buttonBlue 2306 buttonLarge 2307 valignMiddle margin0 2308 valignMiddle 2309 " 2310 ><span class="valignInitial">Se connecter</span></div></a> 2311 </li> 2312 </ul> 2313 <ul> 2314 <li class="paddingTop0"> 2315 <a href="https://www.assoconnect.com/associations/logiciel-association-culturelle/" target="_blank"> 2316 Propulsé par AssoConnect, le logiciel des associations Culturelles </a> 2317 </li> 2318 </ul> 2319 </div> 2320 </footer> 2321 2322<!-- Footer - Global --> 2323 </div> 2324 2325 <!-- JS --> 2326
2326<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 2327 /** 2328 * Calcule la hauteur de templatePage en fonction des boxes, du menu et du header pour les pages du DIY 2329 */ 2330function templatePageHeight() { 2331 var boxes = $("#boxes"); 2332 var heightMax = 0; 2333 var templatePage = $("#templatePage"); 2334 var templateNavContainer = $("#templateNavContainer"); 2335 2336 // Cherche la box la plus basse dans la page 2337 boxes.find("> .boxLandmark > .box").each(function() { 2338 heightMax = Math.max(heightMax, $(this).height() + $(this).offset().top); 2339 }); 2340 2341 // templatePage prend la hauteur du menu si : heightMax < templateNavContainer 2342 if(templateNavContainer.height() > $(window).height() && heightMax < templateNavContainer.height()) { 2343 return templateNavContainer.height() - templatePage.offset().top; 2344 } 2345 // templatePage prend la hauteur de la fenêtre si : heightMax < window 2346 else if(heightMax < $(window).height()) { 2347 return $(window).height() - templatePage.offset().top; 2348 } 2349 // templatePage prend la hauteur du dernier élément DIY 2350 else { 2351 var templateNavContainerHeight = 0; 2352 2353 // Cherche la hauteur du menu si il est en mode horizontal et n'est pas en absolute 2354 if(templateNavContainer.width() === $(document).width() && templateNavContainer.css("position") !== "absolute") { 2355 templateNavContainerHeight = templateNavContainer.height(); 2356 } 2357 2358 return Math.round(heightMax - $("#templatePageWrapper").offset().top); 2359 } 2360} 2361 2362/** 2363 * Force templatePage à prendre toute la hauteur pour les pages du DIY 2364 */ 2365$(window).on("load", function() { 2366 if($("#boxes").children().length) { 2367 $("#templateFooterWrapper").show(); // Hack pour ne pas voir le footer bouger au chargement de la page 2368 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2369 // Après un redimensionnement de l'écran 2370 var resized; 2371 $(window).on("resize orientationChanged", function() { 2372 clearTimeout(resized); 2373 resized = setTimeout(function() { 2374 $("#templatePage").attr("style", "min-height:" + templatePageHeight() + "px"); 2375 }, 200); 2376 }); 2377 } 2378}); 2379 2380$(".video-youtube, .feed-facebook").each(function() { 2381 $(this).on("click", function() { 2382 if (window.openIubendaCookies) { 2383 window.openIubendaCookies(); 2384 } 2385 }); 2386}); 2387 </script>
vendor: 1 bytes, line 2387
2387
2388<script nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51"> 2389 if(window.console && window.console.log){ 2390 // Affichage des notices non capturées 2391 } 2392</script>
2392 2393 2394 2395
2395<script 2396 nonce="bbf95027-f1c4-47ef-b9eb-becdc9a6cc51" 2397 src="https://cdn.hub-prod.team.blue/loader/widget-loader.js" 2398 data-teamblue-footer 2399 data-footer="hidden" 2400 ></script>
2400 2401 </body> 2402</html> 2403
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.