PageSourceSearch

https://diachronie.ch/galerie

html diachronie.ch collected 2026-10-04 13:25:35 UTC 35,376 bytes, 417 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" class="ko_Theme">
3<head>
4	<meta charset="utf-8">
5	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6	<meta name="viewport" content="width=device-width, initial-scale=1" />
7	<meta name="generator" content="Infomaniak Site Creator" />
8	<meta name="description" content="Diachronie, c&#039;est six musiciens et un chef d&#039;orchestre réunis par la passion des découvertes sonores et l&#039;envie des les partager" />
9	<meta name="keywords" content="" />
10
11	<title>Galerie &mdash; Ensemble Diachronie</title>
12
13	<link rel="preconnect" href="https://fonts.bunny.net" crossorigin><link rel="dns-prefetch" href="https://fonts.bunny.net" crossorigin>	<base href="/">
14	<link rel="shortcut icon" href="//diachronie.ch/editor_images/favicon.png" />
15	<link rel="apple-touch-icon" href="//diachronie.ch/editor_images/favicon.png" />
16
17	
17<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/jquery.min.js" type="text/javascript"></script>
17
18<link rel="canonical" href="https://diachronie.ch/galerie" />
19	<link href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
20	<link href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/live.css" type="text/css" rel="stylesheet" /><link href="//fonts.bunny.net/css?family=Quicksand:200,400,700&amp;subset=latin-ext&amp;display=swap" rel="stylesheet" type="text/css" />
21	
22
23	<!--[if lt IE 9]>
23<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/html5shiv.min.js"></script>
23<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dest/respond.min.js"></script>
23<![endif]-->
24
25            
25<script src='https://sentry-hosting.infomaniak.com/js-sdk-loader/073160f6a54ed5776bc71e6f45e5b333.min.js' crossorigin='anonymous'></script>
25
26            
26<script>
27                Sentry.init({
28                    dsn: `https://[email protected]/39`,
29                    release: `6.16.0`,
30                    initialScope: { tags: { theme: `neon` } },
31                    tracesSampleRate: 0,
32                    profileSessionSampleRate: 0,
33                    sendClientReports: false,
34                    // denyUrls as RegExp CONSTRUCTORS, not regex literals: this
35                    // snippet is persisted into page content and round-trips
36                    // through editor saves, where a regex literal's escaped
37                    // slashes get destroyed (the 2WJ corruption), while a
38                    // string built via new RegExp() holds no backslashes at all
39                    denyUrls: [
40                        // Chrome extensions
41                        new RegExp('extensions/', 'i'),
42                        new RegExp('^chrome://', 'i'),
43                        new RegExp('^chrome-extension://', 'i'),
44                    ],
45                    beforeSend(event) {
46                        // Strip query strings (common PII source)
47                        if (event.request?.url) {
48                            event.request.url = event.request.url.split('?').at(0);
49                        }
50                        return event;
51                    },
52                });
53            </script>
53
54        
55	<style>:root{--ui-color-accent: #4EBDF5;--ui-color-accent-75: rgba(78,189,245,0.7);--ui-color-accent-50: rgba(78,189,245,0.5);--ui-color-accent-25: rgba(78,189,245,0.25);--ui-color-accent-light: rgba(78,189,245,0.1);--ui-color-stripes-accent:repeating-linear-gradient(
56	-45deg,#1281b9,#4EBDF5 20px,#1281b9 20px,#1281b9 50px,#4EBDF5 50px,#4EBDF5 65px);--ui-color-leftmenu:#292E3D;}</style>
57	<!--The Open Graph-->
58	<meta property="og:image" content="https://diachronie.ch/data/files/imageddiachronie.jpg" /><meta name="twitter:image" content="https://diachronie.ch/data/files/imageddiachronie.jpg"><style>.ko_Theme .topmenu a:hover, .ko_Theme .topmenu .active a {background:inherit}.ko_Theme .menuHolder li a {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;line-height: 1;color: inherit;text-shadow: none}.ko_Theme .menuHolder li {display: inline-block;padding:0}.ko_Theme .menuHolder{ flex-flow: row wrap}.ko_Theme .menuHolder,.ko_Theme #headerMenu{padding:0}.ko_Theme .logoHolder #logoReplacer h2,.ko_Theme .logoHolder a,.ko_Theme .logoHolder {line-height:1;padding:0;margin:0;height:auto}.ko_Theme .logoHolder img{max-height:auto}.ko_Theme #headerMenu .container {/*overflow:auto;*/display:flex;flex-direction: row;justify-content: space-between;align-items: center}:root{--color1:#3B4455;--color2:#65409A;--color1_rgb: 59,68,85;--color1_hsl: 219,18%,28%;--color1_hs: 219,18%;--color1_h: 219;--color1_s: 18%;--color1_l: 28%;--color1_25:#ced0d5;--color1_50:#9da2aa;--color1_75:#6c7380;--color1_125:#2c3340;--color1_150:#1e222b;--color1_175:#0f1115;--color2_rgb: 101,64,154;--color2_hsl: 265,41%,43%;--color2_hs: 265,41%;--color2_h: 265;--color2_s: 41%;--color2_l: 43%;--color2_25:#d9cfe6;--color2_50:#b2a0cd;--color2_75:#8c70b3;--color2_125:#4c3074;--color2_150:#33204d;--color2_175:#191027;--color1_bw:rgba(255,255,255,0.8);--color1_25_bw:rgba(0,0,0,0.8);--color1_50_bw:rgba(255,255,255,0.8);--color1_75_bw:rgba(255,255,255,0.8);--color1_125_bw:rgba(255,255,255,0.8);--color1_150_bw:rgba(255,255,255,0.8);--color1_175_bw:rgba(255,255,255,0.8);--color2_bw:rgba(255,255,255,0.8);--color2_25_bw:rgba(0,0,0,0.8);--color2_50_bw:rgba(255,255,255,0.8);--color2_75_bw:rgba(255,255,255,0.8);--color2_125_bw:rgba(255,255,255,0.8);--color2_150_bw:rgba(255,255,255,0.8);--color2_175_bw:rgba(255,255,255,0.8);;--font1:"Quicksand";--font2:"Quicksand";--font3:Helvetica Neue,sans-serif;--color1_rgb: 59,68,85;--color1_hsl: 219,18%,28%;--color1_hs: 219,18%;--color1_h: 219;--color1_s: 18%;--color1_l: 28%;--color1_25:#ced0d5;--color1_50:#9da2aa;--color1_75:#6c7380;--color1_125:#2c3340;--color1_150:#1e222b;--color1_175:#0f1115;--color2_rgb: 101,64,154;--color2_hsl: 265,41%,43%;--color2_hs: 265,41%;--color2_h: 265;--color2_s: 41%;--color2_l: 43%;--color2_25:#d9cfe6;--color2_50:#b2a0cd;--color2_75:#8c70b3;--color2_125:#4c3074;--color2_150:#33204d;--color2_175:#191027;--color1_bw:rgba(255,255,255,0.8);--color1_25_bw:rgba(0,0,0,0.8);--color1_50_bw:rgba(255,255,255,0.8);--color1_75_bw:rgba(255,255,255,0.8);--color1_125_bw:rgba(255,255,255,0.8);--color1_150_bw:rgba(255,255,255,0.8);--color1_175_bw:rgba(255,255,255,0.8);--color2_bw:rgba(255,255,255,0.8);--color2_25_bw:rgba(0,0,0,0.8);--color2_50_bw:rgba(255,255,255,0.8);--color2_75_bw:rgba(255,255,255,0.8);--color2_125_bw:rgba(255,255,255,0.8);--color2_150_bw:rgba(255,255,255,0.8);--color2_175_bw:rgba(255,255,255,0.8);}#contentArea .koColor {color:#3B4455;}ul.koCheckList li:before {background:#3B4455;}.ko_Theme #website .btn-primary {background-color:var(--color1);border-color:var(--color1);}.ko_Theme #website .btn-outline-primary {color:var(--color1);border-color:var(--color1);}.ko_Theme #website .btn-outline-primary:hover {background-color:var(--color1);color:var(--color1_bw);border-color:var(--color1);}#website .page-item.active .page-link {background-color:#3B4455;color:var(--color1_bw);border-color:var(--color1);}#contentArea a:not(.btn),#contentArea a.btn-link {color:var(--color1)}#website.koMenu a:not(.btn):not(.koMenuButton),#website.koMenu a.btn-link {color:var(--color1)}
58#website .keditDark .keditWhite a:not(.btn):not(.page-link),#website .keditDark .keditWhite a.btn.btn-link{color:var(--color1)}.ko_Theme #contentArea, .ko_Theme .koThemeDark #contentArea .whiteShadowContainer {color:rgba(0,0,0,0.5)}#contentArea h1, #contentArea h2, #contentArea h3,#contentArea h1 a, #contentArea h2 a, #contentArea h3 a, .koThemeDark #contentArea .whiteShadowContainer strong, .koThemeDark #contentArea .whiteShadowContainer h1, .koThemeDark #contentArea .whiteShadowContainer h2, .koThemeDark #contentArea .whiteShadowContainer h3{color: rgb(0, 0, 0);}#contentArea h4, #contentArea h5, #contentArea h6,#contentArea h4 a, #contentArea h5 a, #contentArea h6 a, .koThemeDark #contentArea .whiteShadowContainer strong, .koThemeDark #contentArea .whiteShadowContainer h4, .koThemeDark #contentArea .whiteShadowContainer h5, .koThemeDark #contentArea .whiteShadowContainer h6 {color: rgb(0, 0, 0);}.ko_Theme #website #footerContent {color: var(--color1_75);}.ko_Theme #website #footerContent h1,.ko_Theme #website #footerContent h2,.ko_Theme #website #footerContent h3,.ko_Theme #website #footerContent h4,.ko_Theme #website #footerContent h5,.ko_Theme #website #footerContent h6 {color: var(--color1);}.ko_Theme #website, .ko_Theme #website p{font-family:var(--font2),sans-serif;}.ko_Theme #website a.btn, .ko_Theme #website button.btn{font-family:var(--font2),sans-serif;}.ko_Theme #website h1,.ko_Theme #website h2,.ko_Theme #website h3{font-family:var(--font1),sans-serif;font-weight:700}.ko_Theme #website h4,.ko_Theme #website h5,.ko_Theme #website h6{font-family:var(--font1),sans-serif;font-weight:400}.ko_Theme #website .topmenu{font-family:var(--font2),sans-serif;font-weight:700}.ko_Theme #website .logoHolder h2{font-family:var(--font2),sans-serif;font-weight:700}.ko_Theme #website #footerContent {font-family:var(--font2),sans-serif;}.ko_Theme #website #footerContent h1,.ko_Theme #website #footerContent h2,.ko_Theme #website #footerContent h3,.ko_Theme #website #footerContent h4,.ko_Theme #website #footerContent h5,.ko_Theme #website #footerContent h6 {font-family:var(--font1),sans-serif;}.ko_Theme .menuHolder li.topmenuSocial > span{margin-top:0px;}.ko_Theme #headerContent:not(.koZeroPadding),.ko_Theme #subpageHeaderContent:not(.koZeroPadding){}.ko_Theme #headerMenu{/*overflow:auto;*//*display:flex;flex-direction: row;justify-content: space-between;align-items: center;*/background:rgb(0, 0, 0);padding:20px;margin:0px;border:0px solid rgb(176, 176, 176);border-width:0px 0px 1px 0px;border-radius:0px;box-shadow:0 .4375rem 1.8125rem 0 rgba(0,0,0,.09);;}.ko_Theme .logoHolder{padding:0px;;white-space: nowrap;}.ko_Theme .logoHolder h2{font-size:24px;color:rgb(255, 255, 255);display: flex;align-items: center;min-height:150px;}@media (max-width: 768px){.ko_Theme .logoHolder h2{font-size:22px;}}.ko_Theme .logoHolder img{max-height:150px;height:150px;min-height:150px;}.ko_Theme .menuHolder { display: flex;}.ko_Theme .menuHolder li{}.ko_Theme .menuHolder li a{font-size:15px;color:rgb(255, 255, 255);padding:5px 0px 5px 0px;margin:0px 0px 0px 15px;border-radius:0px;border:solid transparent;border-width:0px 0px 1px 0px;text-transform:uppercase;transition:0.2s all;}.ko_Theme .menuHolder li.active a,.ko_Theme .menuHolder li a:hover{color:rgb(227, 216, 95);border-color:var(--color1);}.ko_Theme .menuHolder li.accent1 a,.ko_Theme .menuHolder li.accent1.active a{font-size:15px;color:rgb(227, 216, 95);background:rgb(0, 0, 0);padding:10px 15px 10px 15px;margin:0px 0px 0px 30px;border-radius:50px;border:1px solid var(--color1);}.ko_Theme .menuHolder li.accent1.active a,.ko_Theme .menuHolder li.accent1 a:hover{color:var(--color1);background:var(--color1_25);}.ko_Theme .menuHolder li.accent2 a,.ko_Theme .menuHolder li.accent2.active a{font-size:15px;color:rgb(255, 255, 255);background:rgb(255, 255, 255);padding:10px 15px 10px 15px;margin:0px 0px 0px 10px;border-radius:50px;border:1px solid var(--color2);}.ko_Theme .menuHolder li.accent2.active a,.ko_Theme .menuHolder li.accent2 a:hover{color:var(--color2_125);background:var(--color2_25);}.ko_Theme .menuHolder li.topmenuSocial a{color:rgb(255, 255, 255)}</style>
59</head>
60<body class="" >
61<div id="websiteLoading" onclick="var elem = document.getElementById('websiteLoading');elem.parentNode.removeChild(elem);" onkeyup="var elem = document.getElementById('websiteLoading');elem.parentNode.removeChild(elem);" class="isLoading isLoading-1"><div style="background:white;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%" class="d-none"></div><noscript><style>#websiteLoading{display:none!important}body{visibility:visible!important;overflow:auto!important}</style></noscript><style>		body{overflow:hidden}		body.body{visibility:visible;overflow:auto}		#websiteLoading{visibility:visible;position:fixed;top:0;left:0;right:0;bottom:0;transition:0.5s all;z-index:100;background: linear-gradient(135deg, rgba(255,255,255,.95) 20%, rgba(255,255,255,.5), rgba(255,255,255,.95) 80%);
61cursor:wait}		#websiteLoading.isLoading-1{background:#fff;}		#websiteLoading.isLoaded{opacity:0;cursor:default;pointer-events:none}		@-webkit-keyframes koLoadingRotation {		to {			-webkit-transform: rotate(360deg);					transform: rotate(360deg);		}		}		@keyframes koLoadingRotation {		to {			-webkit-transform: rotate(360deg);					transform: rotate(360deg);		}		}		.isLoading .spinner {		-webkit-animation: koLoadingRotation 1.5s linear infinite;				animation: koLoadingRotation 1.5s linear infinite;			/*will-change: transform;*/		}		.isLoading .spinner .path {		-webkit-animation: dash 1.5s ease-in-out infinite;				animation: dash 1.5s ease-in-out infinite;		}		@-webkit-keyframes dash {		0% {			stroke-dasharray: 1, 150;			stroke-dashoffset: 0;			stroke:var(--color1);		}		50% {			stroke-dasharray: 90, 150;			stroke-dashoffset: -35;			stroke:var(--color2);		}		100% {			stroke-dasharray: 90, 150;			stroke-dashoffset: -124;			stroke:var(--color1);		}		}		@keyframes dash {		0% {			stroke-dasharray: 1, 150;			stroke-dashoffset: 0;			stroke:var(--color1);		}		50% {			stroke-dasharray: 90, 150;			stroke-dashoffset: -35;			stroke:var(--color2);		}		100% {			stroke-dasharray: 90, 150;			stroke-dashoffset: -124;			stroke:var(--color1);		}		}		#websiteLoading::after {			content:"";			background: #fff;			border-radius:100%;			box-shadow: 5px 5px 50px rgba(0,0,0,0.1);			position: absolute;			top: 50%;			left: 50%;			margin: -57px 0 0 -57px;			width: 114px;			height: 114px;		}		</style><svg class="spinner" viewBox="0 0 50 50" style="z-index: 2;position: absolute;top: 50%;left: 50%;width:120px;height:120px;	  margin: -60px 0 0 -60px;"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="2" style="stroke: #ccc; stroke: var(--color1);stroke-linecap: round;"></circle></svg></div><div id="website" class=""><header id="header"><div id="headerMenu"><div class="container"><div class="logoHolder skiptranslate"><a href="/" class="logo"><h2><img src="data/files/logo-2022-jsn-txt-500_1707428387.png" style="border:0" id="WebsiteLogo" alt="Ensemble Diachronie" /></h2></a></div>
62
63	<ul class="menuHolder topmenu">
64		<li><a href="https://diachronie.ch"><span>Accueil</span></a></li>
65		<li><a href="agenda"><span>Agenda</span></a></li>
66		<li><a href="l-ensemble"><span>L&#039;Ensemble</span></a></li>
67		<li class="item_active active"><a href="galerie"><span>Galerie</span></a></li>
68		<li><a href="archives"><span>Archives</span></a></li>
69		<li><a href="contact"><span>Contact</span></a></li>
70		<li class="topmenuSocial"><span><a class="koSocialFacebookHover" target="_blank" href="https://www.facebook.com/EnsembleDiachronie"><i class="fab fa-facebook-square"></i></a><a class="koSocialInstagramHover" target="_blank" href="https://instagram.com/ensemble_diachronie"><i class="fab fa-instagram"></i></a><a class="koSocialMailHover" href="mailto:[email protected]"><i class="fas fa-envelope"></i></a></span></li>
71	</ul>
72
73</div></div></header><main class="WxEditableArea" id="contentArea"><div id="contentAreaElement" class="kelement"></div><section data-pcid="4002" id="kedit_cp41285p6" class="kedit" data-bgcolor="rgb(0, 0, 0)" data-padding="50-0" style="background:rgb(0, 0, 0);padding-top:50px;padding-bottom:0px">
74
75    <div class="container">
76        <div class="row">
77            <div class="col text-start">
78              <h2 class="keditable" style="text-align: center;"><a href="agenda" class="btn btn-warning btn-xl bs-3">Prochain concert<i class="fas fa-bullhorn ml-1 ms-1"></i></a></h2>
79              
80            </div>
81        </div>
82    </div>
83
84</section><section id="kedit_zknm0vgwt" class="kedit keditApp keditLayout_2 keditDark" data-bgcolor="rgb(0, 0, 0)" data-padding="40-0" style="background:rgb(0, 0, 0);padding-top:40px;padding-bottom:0px"><div class="container"><div >
85
86	<style>
87
88		.galleryItem.lightboxItem.lightbox_ps img{opacity:0;position:absolute;top:0;left:0;}
89
90		a.galleryItem.lightbox,
91		a.galleryItem.lightboxItem{
92
93		border: 10px solid #fff;
94		box-shadow: 2px 2px 15px rgba(0,0,0,0.2);
95		position:relative;
96
97
98		}
99
100		.keditLayout_1 a.galleryItem.lightbox,
101		.keditLayout_1 a.galleryItem.lightboxItem{border:none;  box-shadow: none;}
102		.keditLayout_2 a.galleryItem.lightbox,
103		.keditLayout_2 a.galleryItem.lightboxItem{border:none;  box-shadow: 2px 2px 15px rgba(0,0,0,0.3);border-radius:3px;transition:0.2s all}
104		.keditLayout_2 a.galleryItem.lightbox:hover,
105		.keditLayout_2 a.galleryItem.lightboxItem:hover{box-shadow: 2px 5px 25px rgba(0,0,0,0.4);transform:scale(1.03)}
106
107		.galleryItemCaption{ max-height: 100%; overflow: hidden }
108
109		a.lightbox .galleryItemCaption,
110		a.lightboxItem .galleryItemCaption,
111		.swiper-slide .galleryItemCaption{display:inline-block; text-decoration:none; color:#fff; border:0; background:rgba(0,0,0,0.5); font-size:85%; line-height:1.1;padding:5px; position:absolute;bottom:-3px;left:0;right:0; opacity:0; transition:0.2s all }
112		a.lightbox:hover .galleryItemCaption,
113		a.lightboxItem:hover .galleryItemCaption,.swiper-slide:hover .galleryItemCaption{bottom:0px;opacity:1;  }
114
115		.swiper-slide .galleryItemCaption{font-size:100%;padding:10px;}
116
117
118		a.gallery_addNewItem{white-space: normal;display:block;height:100%;width:100%;float:left;
119		font-size:2vw;line-height:20vw;display:table-cell;padding:0 1vw}
120
121		a.gallery_addNewItem span {
122		display: inline-block;
123		vertical-align: middle;
124		line-height: normal;padding:0;margin:0;
125		}
126
127		.stack span{display:block;background:rgba(0,0,0,0.5);position:absolute;bottom:10px;left:10px;right:10px;padding:10px;color:#fff;
128		transition: 0.25s cubic-bezier(0.55, -0.5, 0.48, 1.51) all;}
129		.stack:hover span{background:rgba(0,0,0,0.8);padding:15px}
130		.stack {
131		display: block;
132		margin: 0 auto;
133		position: relative;
134		z-index: 1;
135		transition: 0.25s cubic-bezier(0.55, -0.5, 0.48, 1.51) all;
136		}
137		.stack img {
138		width: 100%;
139		height: 100%;
140		vertical-align: bottom;
141		border: 10px solid #fff;
142		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
143		}
144
145		.stack:before,
146		.stack:after {
147		content: "";
148		width: 100%;
149		height: 100%;
150		position: absolute;
151		border: 40px solid #fff;
152		left: 0;
153		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
154		transition: 0.25s cubic-bezier(0.55, -0.5, 0.48, 1.51) all;
155		}
156
157		.stack:before {
158		top: 2px;
159		z-index: -10;
160		-webkit-transform: rotate(2.2deg);
161		-moz-transform: rotate(2.2deg);
162		transform: rotate(2.2deg);
163		}
164
165		.stack:after {
166		top: 2px;
167		z-index: -20;
168		-webkit-transform: rotate(-2.2deg);
169		-moz-transform: rotate(-2.2deg);
170		transform: rotate(-2.2deg);
171		}
172
173		.stack:hover{  transform: scale(1.1);
174		box-shadow: /*0 2px 8px rgba(0, 0, 0, 0.5),*/
175					0 0.5em 3rem -1rem rgba(0,0,0,0.5);
176
177		transform: translateY(-0.5rem) scale(1.1);
178		/*	box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.5);
179		*/
180		}
181		.stack:hover:after {
182		transform: rotate(0) translateX(0);
183		box-shadow: none;
184		}
185		.stack:hover:before {
186		transform: rotate(0) translateX(0);
187		box-shadow: none;
188		}
189
190
191		.keditLayout_1 .stack::before,.keditLayout_1 .stack::after{content:inherit}
192		.keditLayout_1 .stack img{border:none;box-shadow:none;}
193		.keditLayout_1 .stack span{bottom:0;left:0;right:0;}
194		.keditLayout_1 .stack:hover{  transform: scale(1.01) }
195
196	</style>
197	<div class="thumbnails row align-items-center justify-content-center"><div class="galleryStackItem col-6 col-lg-4 mb-5" style=""><a href="https://diachronie.ch/galerie?a=histoire-de-betes" style="" class="stack"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style="display:block;height:100%;background:#fff url(data/gallery/histoire-de-betes/thumb/i02a4347.jpg) center center no-repeat;background-size:cover" /><span>Histoire (de) bêtes</span></a></div><div class="galleryStackItem col-6 col-lg-4 mb-5" style=""><a href="https://diachronie.ch/galerie?a=rome-1960" style="" class="stack"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style="display:block;height:100%;background:#fff url(data/gallery/rome-1960/thumb/diachronieromecreationpheniximg-3203.jpg) center center no-repeat;background-size:cover" /><span>Rome 1960</span></a></div><div class="galleryStackItem col-6 col-lg-4 mb-5" style=""><a href="https://diachronie.ch/galerie?a=festival-klanggg" style="" class="stack"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style="display:block;height:100%;background:#fff url(data/gallery/festival-klanggg/thumb/pianoduogurgamurithi02a3229nb.jpg) center center no-repeat;background-size:cover" /><span>Festival Klanggg</span></a></div><div class="galleryStackItem col-6 col-lg-4 mb-5" style=""><a href="https://diachronie.ch/galerie?a=gallery1" style="" class="stack"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style="display:block;height:100%;background:#fff url(data/gallery/gallery1/thumb/bouillonju-hsuankuoduoimg-7862nb.jpg) center center no-repeat;background-size:cover" /><span>Crépuscule</span></a></div><div class="galleryStackItem col-6 col-lg-4 mb-5" style=""><a href="https://diachronie.ch/galerie?a=obscurite" style="" class="stack"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style="display:block;height:100%;
197background:#fff url(data/gallery/obscurite/thumb/diachroniesilentobscursologantsdscf0960bw-f.jpg) center center no-repeat;background-size:cover" /><span>Obscurité</span></a></div><div class="galleryStackItem col-6 col-lg-4 mb-5" style=""><a href="https://diachronie.ch/galerie?a=schubertiades-2022" style="" class="stack"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style="display:block;height:100%;background:#fff url(data/gallery/schubertiades-2022/thumb/lucamusyenactionimg-4571retcrnb.jpg) center center no-repeat;background-size:cover" /><span>Schubertiades 2022</span></a></div><div class="galleryStackItem col-6 col-lg-4 mb-5" style=""><a href="https://diachronie.ch/galerie?a=nuit-blanche" style="" class="stack"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style="display:block;height:100%;background:#fff url(data/gallery/nuit-blanche/thumb/kuoyu-hsuandarkflutedscf0411skpxfbw.jpg) center center no-repeat;background-size:cover" /><span>Nuit Blanche</span></a></div></div>
198
199</div>
200
201</div></section><section data-pcid="4002" id="kpg_682081" class="kedit keditDark" data-bgcolor="rgb(0, 0, 0)" data-padding="0-0" style="background:rgb(0, 0, 0);padding-top:0px;padding-bottom:0px">
202
203    <div class="container">
204        <div class="row">
205            <div class="col text-start">
206              <h2 class="keditable" data-font="Alata" style="text-align: center; font-family: Alata;"><link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Alata&amp;subset=latin,latin-ext"><font style="font-size: 80%;">Crédit photos : Romano Riedo</font><div><font style="font-size: 80%;">&nbsp;</font><a href="https://romanoriedo.ch/">https://romanoriedo.ch/&nbsp;</a></div><div><a href="https://romanoriedo.ch/"></a><a href="https://www.fotopunkt.ch/">https://www.fotopunkt.ch/</a></div></h2>
207              
208            </div>
209        </div>
210    </div>
211
212</section><section data-pcid="4016.1" id="kpg_241316" class="kedit" data-bgcolor="rgb(0, 0, 0)" data-padding="60-0" style="background:rgb(0, 0, 0);padding-top:60px;padding-bottom:0px">
213    <div class="container text-center">
214        <span class="keditable d-none"></span>
215        <div class="kvideo-centered"><iframe src="//www.youtube-nocookie.com/embed/oqZdS0NacbU" allowfullscreen="allowfullscreen" width="560" height="315" frameborder="0"></iframe></div>
216    </div>
217</section><section data-pcid="4016.1" id="kpg_775785" class="kedit" data-bgcolor="rgb(0, 0, 0)" data-padding="0-0" style="background:rgb(0, 0, 0);padding-top:0px;padding-bottom:0px">
218    <div class="container text-center">
219        <span class="keditable d-none"></span>
220        <div class="kvideo-centered"><iframe src="//www.youtube-nocookie.com/embed/YFwaEEUsEzU" allowfullscreen="allowfullscreen" width="560" height="315" frameborder="0"></iframe></div>
221    </div>
222</section><section data-pcid="4016.1" id="kpg_537569" class="kedit keditDark" data-bgcolor="rgb(0, 0, 0)" data-padding="0-10" style="background:rgb(0, 0, 0);padding-top:0px;padding-bottom:10px">
223    <div class="container text-center">
224        <span class="keditable d-none"></span>
225        <div class="kvideo-centered"><iframe src="//www.youtube-nocookie.com/embed/w-K5lPHWfw0" allowfullscreen="allowfullscreen" width="560" height="315" frameborder="0"></iframe></div>
226    </div>
227</section><section data-pcid="4016.1" id="kpg_235517" class="kedit keditDark" data-bgcolor="rgb(0, 0, 0)" data-padding="0-0" style="background:rgb(0, 0, 0);padding-top:0px;padding-bottom:0px">
228    <div class="container text-center">
229        <span class="keditable d-none"></span>
230        <div class="kvideo-centered"><iframe src="//www.youtube-nocookie.com/embed/oi8m2J_xpbg" allowfullscreen="allowfullscreen" width="560" height="315" frameborder="0"></iframe></div>
231    </div>
232</section><section data-pcid="4016.1" id="kpg_321714" class="kedit" data-bgcolor="rgb(0, 0, 0)" data-padding="0-0" style="background:rgb(0, 0, 0);padding-top:0px;padding-bottom:0px">
233    <div class="text-center container">
234        <span class="keditable d-none"></span>
235        <div class="kvideo-centered"><iframe src="//www.youtube-nocookie.com/embed/-DuPyokZAmg" allowfullscreen="allowfullscreen" width="560" height="315" frameborder="0"></iframe></div>
236    </div>
237</section><section data-pcid="4016.1" id="kpg_46803" class="kedit keditDark" data-bgcolor="rgb(0, 0, 0)" data-padding="0-0" style="background:rgb(0, 0, 0);padding-top:0px;padding-bottom:0px">
238    <div class="container text-center">
239        <span class="keditable d-none"></span>
240        <div class="kvideo-centered"><iframe src="//www.youtube-nocookie.com/embed/TZWE3ezKEl0" allowfullscreen="allowfullscreen" width="560" height="315" frameborder="0"></iframe></div>
241    </div>
242</section></main><footer id="footerContent"><section data-pcid="5500.4" id="kedit_1fec05udk" class="kedit keditFooter1 p-0 keditDark" data-bgcolor="rgb(0, 0, 0)" style="background:rgb(0, 0, 0)">
243
244
245    <div class="container text-center">
246
247        <div class="p-0 kedit" id="kpg_9244321"><div class="keditable keditable-auto">
248
249            
250
251            <div class="py-4">
252                <img class="keditFooterLogo lazy" alt="Ensemble Diachronie" title="" data-src="data/files/imageddiachronie.jpg">
253            </div>
254
255            
256
257        </div></div>
258
259        <div class="p-0 kedit keditFooterApp" id="kpg_8884742">
260            <div class="footerHolder" id="keditFooterModule"><div class="social_fa social_bw social_bwh social_footer"><a target="_blank" href="https://www.facebook.com/EnsembleDiachronie"><i class="fab fa-facebook-square fa-2x fa-fw"></i></a><a target="_blank" href="https://instagram.com/ensemble_diachronie"><i class="fab fa-instagram fa-2x fa-fw"></i></a><a class="koSocialMailHover" href="mailto:[email protected]"><i class="fas fa-fw fa-envelope"></i></a></div></div>
261        </div>
262
263        <div class="kedit p-0" id="kpg_9855313">
264
265            
266
267            <div class="my-4 keditable keditFooterCopyright" style="font-size: 14px;">Copyright, tous droits réservés</div>
268
269        </div>
270
271    </div>
272
273
274
275</section></footer></div><a id="scrollToTop" href="javascript:void(null)"><i class="fa fa-fw fa-arrow-up"></i></a>
275<script data-id="websiteLoading">document.addEventListener('DOMContentLoaded', function(){
276
277						var c = document.getElementById('websiteLoading');
278						if (c !== null) {
279							c.classList.remove('isLoading-1');
280						}
281						setTimeout(function(){
282
283							c = document.getElementById('websiteLoading');
284							if (c !== null) {
285								document.body.classList.add('body');
286								c.classList.add('isLoaded');
287								setTimeout(function(){c.remove()}, 1000);
288							}
289
290						}, 3000);
291					});window.onload = function(){var c = document.getElementById('websiteLoading');
292				if (c !== null) {
293					c.classList.add('isLoaded');
294				}
295				document.body.classList.add('body');
296				setTimeout(function(){var c = document.getElementById('websiteLoading');if (c !== null){c.remove()}}, 500);document.addEventListener('keyup', function(e){if((e.ctrlKey || e.metaKey)&&e.keyCode==27){window.location.href="";}});};</script>
296<script>var koSiteName="Ensemble Diachronie";$(function(){$(".koLeftMenuOpener").removeClass("invisible");})</script>
296<div id="searchHolder">
297		<form method="get" action="">
298			<div>Recherche</div>
299			<input type="text" autocomplete="off" name="search" id="searchInput" class="form-control">
300			<button type="submit" class="btn btn-color1"><i class="fas fa-search"></i></button>
301			<button type="reset" class="btn btn-light" onclick="$('#searchHolder').removeClass('active')"><i class="fas fa-times"></i></button>
302		</form></div><link rel="stylesheet" href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/magnific-popup.min.css" />
302<script defer src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/jquery.magnific-popup.min.js" onload="magnificPopupInit()"></script>
302<script>var magnificPopupInit=function(){$('a.lightbox').magnificPopup({type:'image',gallery:{enabled:true}});}</script>
vendor: 1 bytes, line 302
302
303<script></script>
303 
304<div class="cookie-consent"><div class="d-flex flex-column w-100">
305
306<div class="w-100" id="cookieConsentTitle">
307
308Ce site peut utiliser des cookies et des scripts externes. <a href="accueil">Plus d'informations</a>
309</div>
310<div class="bg-light p-3 rounded d-none" id="cookieConsentSettings">
311
312	<div class="form-check form-switch">
313	<input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckboxDisabled" checked disabled>
314	<label class="form-check-label" for="cookieConsentCheckboxDisabled">Nécessaire</label>
315	</div>
316
317	<div class="form-check form-switch">
318	<input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox2">
319	<label class="form-check-label" for="cookieConsentCheckbox2">Paramètres</label>
320	</div>
321
322	<div class="form-check form-switch">
323	<input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox3">
324	<label class="form-check-label" for="cookieConsentCheckbox3">Statistiques</label>
325	</div>
326
327	<div class="form-check form-switch">
328	<input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox4">
329	<label class="form-check-label" for="cookieConsentCheckbox4">Marketing</label>
330	</div>
331	<hr>
332	<button class="btn btn-sm btn-outline-primary" onclick="createCookieInfo(0);"><i class="fa-solid fa-check me-2"></i>Enregistrer les modifications</button>
333
334</div>
335
336
337<hr>
338
339<div class="d-none d-md-flex">
340
341	<button class="btn btn-outline-secondary" onclick="$('#cookieConsentSettings,#cookieConsentTitle').toggleClass('d-none');"><i class="fa-solid fa-gear me-2"></i>Réglages</button>
342	<button class="btn btn-outline-secondary ms-auto me-1" onclick="createCookieInfo(1);"><i class="fa-solid fa-xmark me-2"></i>Rejeter</button>
343	<button class="btn btn-color1" onclick="createCookieInfo(1234);"><i class="fa-solid fa-check me-2"></i>Accepter tous les cookies</button>
344
345</div>
346
347<div class="d-block d-md-none">
348
349	<button class="btn btn-primary d-block w-100" onclick="createCookieInfo(1234);"><i class="fa-solid fa-check me-2"></i>Accepter tous les cookies</button>
350	<button class="btn btn-outline-secondary d-block w-100 my-1" onclick="$('#cookieConsentSettings,#cookieConsentTitle').toggleClass('d-none');"><i class="fa-solid fa-gear me-2"></i>Réglages</button>
351	<button class="btn btn-outline-secondary d-block w-100" onclick="createCookieInfo(1);"><i class="fa-solid fa-xmark me-2"></i>Rejeter</button>
352
353</div>
354
355
356</div>
357
358
359		</div>
360    
360<script>
361
362
363	function createCookieInfo(type){
364
365		var cookieValue='0';
366
367		if(type == 1234){
368
369			// all types of cookies are allowed
370
371			$('#cookieConsentCheckbox2,#cookieConsentCheckbox3,#cookieConsentCheckbox4').prop('checked',true);
372
373			cookieValue+='1234';
374
375		} else if(type == 0){
376
377			// custom settings
378
379			cookieValue+='1';
380
381			if($('#cookieConsentCheckbox2').prop('checked') === true)
382				cookieValue+='2';
383
384			if($('#cookieConsentCheckbox3').prop('checked') === true)
385				cookieValue+='3';
386
387			if($('#cookieConsentCheckbox4').prop('checked') === true)
388				cookieValue+='4';
389
390
391		} else {
392
393			// only necessary
394
395			$('#cookieConsentCheckbox2,#cookieConsentCheckbox3,#cookieConsentCheckbox4').prop('checked',false);
396
397			cookieValue+='1';
398
399		}
400
401		var name='cookieConsentAgree';
402
403        var date = new Date();
404        date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000));
405        var expires = "; expires=" + date.toGMTString();
406    	document.cookie = escape(name) + "=" + escape(cookieValue) + expires + "; path=/";
407
408		$(".cookie-consent").fadeOut();
409		
410	}
411
412	</script>
412
413    
413<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/instantpage.min.js" type="module" defer></script>
413<script>var menuCaption = "Sélectionner une page";var timeLocale={YEAR_PLURAL: "Ann\u00e9es",YEAR_SINGULAR: "Ann\u00e9e",MONTH_PLURAL: "Mois",MONTH_SINGULAR: "Mois",WEEK_PLURAL: "Semaines",WEEK_SINGULAR: "Semaine",DAY_PLURAL: "Jours",DAY_SINGULAR: "Jour",HOUR_PLURAL: "Heures",HOUR_SINGULAR: "Heure",MINUTE_PLURAL: "Minutes",MINUTE_SINGULAR: "Minute",SECOND_PLURAL: "Secondes",SECOND_SINGULAR: "Seconde"};</script>
413<script type="text/javascript" src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/live.js" defer></script>
413<script>$("body").on("contextmenu",function(e){return false;});$("img").mousedown(function(e){e.preventDefault();});</script>
413<link href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet" />
413<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script>
413
414	<!-- AOS (Animate on Scroll) -->
415	<link rel="stylesheet" href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/aos.css" />
416<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/aos.min.js" defer></script>
416<script>$(function(){AOS.init({offset:-10,delay:100,duration:800,easing:'ease',anchorPlacement:'top-bottom'});})</script>
416<script>$(function(e){var a = 400,s = e('#scrollToTop');e(window).scroll(function(){e(this).scrollTop() > a ? s.addClass('active') : s.removeClass('active')}), s.on('click',function(a){s.removeClass('active');e('body,html').animate({scrollTop: 0});})})</script>
416<script type="text/javascript" id="jsMenusSetup">window.addEventListener('load',function(){ddlevelsmenu.setup("1", "topbar","0","0");});</script>
416
417</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.