PageSourceSearch

https://www.opus74-flaine.com/page/3619282-accueil

html opus74-flaine.com collected 2026-09-26 12:00:14 UTC 101,723 bytes, 2,403 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3	<head>
4
5		<!-- META -->
6		                <meta name="robots" content="index, follow">
7                    <meta property="og:type" content="website">
8                    <meta property="og:site_name" content="AssoConnect">
9                    <title>ACCUEIL | 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&amp;type=picture&amp;secret=d61hVhouXUeycHqBQegwnMGrNMGRLYnG7THoi2ca&amp;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&amp;type=picture&amp;secret=d61hVhouXUeycHqBQegwnMGrNMGRLYnG7THoi2ca&amp;timestamp=1763827170&amp;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&amp;type=picture&amp;secret=d61hVhouXUeycHqBQegwnMGrNMGRLYnG7THoi2ca&amp;timestamp=1763827170&amp;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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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">&#9652;</span><span class="arrowDown">&#9662;</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&amp;type=picture&amp;secret=J7Hm0xBRhNFVyeGXYFWBDbPuPUfeL7BXZDnzyiyv&amp;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&amp;type=picture&amp;secret=rmiaqklHBSrxo619jxv8Po9YVEyBB8AFIeUOrLy2&amp;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&amp;type=picture&amp;secret=7pgxUprlFoLCtracNiIy5bIOVk3ftN11WCl10nex&amp;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&#61;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&#61;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&#61;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&#039;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.