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'est six musiciens et un chef d'orchestre réunis par la passion des découvertes sonores et l'envie des les partager" /> 9 <meta name="keywords" content="" /> 10 11 <title>Galerie — 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&subset=latin-ext&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'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&subset=latin,latin-ext"><font style="font-size: 80%;">Crédit photos : Romano Riedo</font><div><font style="font-size: 80%;"> </font><a href="https://romanoriedo.ch/">https://romanoriedo.ch/ </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.