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>L'Ensemble — 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/l-ensemble" /> 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 class="item_active active"><a href="l-ensemble"><span>L'Ensemble</span></a></li> 67 <li><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_vznzj235s" 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 data-pcid="4002" id="kpg_889779" class="kedit" data-bgcolor="rgb(0, 0, 0)" data-padding="40-20" style="background:rgb(0, 0, 0);padding-top:40px;padding-bottom:20px"> 85 86 <div class="container"> 87 <div class="row"> 88 <div class="col text-start"> 89 <h2 class="keditable"><span style="color: rgb(255, 255, 255);">Notre Ensemble</span></h2> 90 <div class="keditable"><span style="color: rgb(255, 255, 255); font-size: 110%;">Diachronie est un ensemble dédié à la création, au développement et à la diffusion de la musique instrumentale des XXáµ et XXIáµ siècles. Inspiré par lâinstrumentation du Pierrot lunaire de Schönberg, il réunit une flûte, une clarinette, un violon, un violoncelle, un piano, auxquels sâajoute la percussion. Fondé en 2015 à Fribourg par Olivier Murith et dirigé depuis 2022 par Stéphane Mooser, Diachronie Åuvre à décloisonne les genres et à promouvoir la richesse des esthétiques et des artistes de la scène contemporaine.</span></div> 91 </div> 92 </div> 93 </div> 94 95</section><section data-pcid="4001" id="kpg_607806" class="kedit keditDark" data-bgcolor="rgb(0, 0, 0)" data-padding="20-80" style="background:rgb(0, 0, 0);padding-top:20px;padding-bottom:80px"> 96 97 <div class="container"> 98 <div class="row align-items-center"> 99 <div class="col-12 col-md-6 mb-4 mb-md-0"> 100 <div class="kimgRatio"> 101 <img class="img-fluid lazy" alt="" title="" data-src="data/files/diachronieaug22i02a2061bwcn.jpg"> 102 </div> 103 </div> 104 <div class="col-12 col-md-6 col-lg-5 ms-md-auto ms-md-auto"> 105 <h2 class="keditable" data-aos="fade-right" data-font="Alata" style="font-family: Alata;"><link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Alata&subset=latin,latin-ext"><div><br></div></h2> 106 107 <div class="keditable" data-aos="fade-right" data-font="Alata" style="font-family: Alata;"><link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Alata&subset=latin,latin-ext"><div><a href="stephane-mooser">Stéphane Mooser - Direction artistique</a></div><div><a href="stephane-mooser"></a><br></div><div></div><div><a href="yu-hsuan-kuo">Yu-Hsuan Kuo - Flûte</a></div><div><a href="yu-hsuan-kuo"></a><br></div><div></div><div><a href="nathalie-jeandupeux">Nathalie Jeandupeux - Clarinette</a></div><div><a href="nathalie-jeandupeux"></a></div><div></div><div><a id="link-4f051fdc" href="#"></a></div><div><a href="#"></a></div><div><a href="#"></a><a href="yu-hsuan-kuo"></a><br></div><div></div><div><a href="luca-musy">Luca Musy - Percussions</a></div><div><a href="luca-musy"></a><br></div><div></div><div><a href="etienne-murith">Etienne Murith - Piano</a></div><div><a href="etienne-murith"></a><br></div><div></div><div><a href="cyrille-purro">Cyrille Purro - Violon</a></div><div><a href="cyrille-purro"></a><br></div><div></div><div><a href="guillaume-bouillon">Guillaume Bouillon - Violoncelle</a></div><div><a href="guillaume-bouillon"></a></div><div><a href="cyrille-purro"><br></a></div><div>Yuji Noguchi - Administration</div><div><br></div><div><br><div><a href="https://diachronie.ch/l-ensemble"></a></div></div></div> 108 109 </div> 110 </div> 111 </div> 112 113</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)"> 114 115 116 <div class="container text-center"> 117 118 <div class="p-0 kedit" id="kpg_9244321"><div class="keditable keditable-auto"> 119 120 121 122 <div class="py-4"> 123 <img class="keditFooterLogo lazy" alt="Ensemble Diachronie" title="" data-src="data/files/imageddiachronie.jpg"> 124 </div> 125 126 127 128 </div></div> 129 130 <div class="p-0 kedit keditFooterApp" id="kpg_8884742"> 131 <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> 132 </div> 133 134 <div class="kedit p-0" id="kpg_9855313"> 135 136 137 138 <div class="my-4 keditable keditFooterCopyright" style="font-size: 14px;">Copyright, tous droits réservés</div> 139 140 </div> 141 142 </div> 143 144 145 146</section></footer></div><a id="scrollToTop" href="javascript:void(null)"><i class="fa fa-fw fa-arrow-up"></i></a>
146<script data-id="websiteLoading">document.addEventListener('DOMContentLoaded', function(){ 147 148 var c = document.getElementById('websiteLoading'); 149 if (c !== null) { 150 c.classList.remove('isLoading-1'); 151 } 152 setTimeout(function(){ 153 154 c = document.getElementById('websiteLoading'); 155 if (c !== null) { 156 document.body.classList.add('body'); 157 c.classList.add('isLoaded'); 158 setTimeout(function(){c.remove()}, 1000); 159 } 160 161 }, 3000); 162 });window.onload = function(){var c = document.getElementById('websiteLoading'); 163 if (c !== null) { 164 c.classList.add('isLoaded'); 165 } 166 document.body.classList.add('body'); 167 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>
167<script>var koSiteName="Ensemble Diachronie";$(function(){$(".koLeftMenuOpener").removeClass("invisible");})</script>
167<div id="searchHolder"> 168 <form method="get" action=""> 169 <div>Recherche</div> 170 <input type="text" autocomplete="off" name="search" id="searchInput" class="form-control"> 171 <button type="submit" class="btn btn-color1"><i class="fas fa-search"></i></button> 172 <button type="reset" class="btn btn-light" onclick="$('#searchHolder').removeClass('active')"><i class="fas fa-times"></i></button> 173 </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" />
173<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>
173<script>var magnificPopupInit=function(){$('a.lightbox').magnificPopup({type:'image',gallery:{enabled:true}});}</script>
vendor: 1 bytes, line 173
173
174<script></script>
174 175<div class="cookie-consent"><div class="d-flex flex-column w-100"> 176 177<div class="w-100" id="cookieConsentTitle"> 178 179Ce site peut utiliser des cookies et des scripts externes. <a href="accueil">Plus d'informations</a> 180</div> 181<div class="bg-light p-3 rounded d-none" id="cookieConsentSettings"> 182 183 <div class="form-check form-switch"> 184 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckboxDisabled" checked disabled> 185 <label class="form-check-label" for="cookieConsentCheckboxDisabled">Nécessaire</label> 186 </div> 187 188 <div class="form-check form-switch"> 189 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox2"> 190 <label class="form-check-label" for="cookieConsentCheckbox2">Paramètres</label> 191 </div> 192 193 <div class="form-check form-switch"> 194 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox3"> 195 <label class="form-check-label" for="cookieConsentCheckbox3">Statistiques</label> 196 </div> 197 198 <div class="form-check form-switch"> 199 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox4"> 200 <label class="form-check-label" for="cookieConsentCheckbox4">Marketing</label> 201 </div> 202 <hr> 203 <button class="btn btn-sm btn-outline-primary" onclick="createCookieInfo(0);"><i class="fa-solid fa-check me-2"></i>Enregistrer les modifications</button> 204 205</div> 206 207 208<hr> 209 210<div class="d-none d-md-flex"> 211 212 <button class="btn btn-outline-secondary" onclick="$('#cookieConsentSettings,#cookieConsentTitle').toggleClass('d-none');"><i class="fa-solid fa-gear me-2"></i>Réglages</button> 213 <button class="btn btn-outline-secondary ms-auto me-1" onclick="createCookieInfo(1);"><i class="fa-solid fa-xmark me-2"></i>Rejeter</button> 214 <button class="btn btn-color1" onclick="createCookieInfo(1234);"><i class="fa-solid fa-check me-2"></i>Accepter tous les cookies</button> 215 216</div> 217 218<div class="d-block d-md-none"> 219 220 <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> 221 <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> 222 <button class="btn btn-outline-secondary d-block w-100" onclick="createCookieInfo(1);"><i class="fa-solid fa-xmark me-2"></i>Rejeter</button> 223 224</div> 225 226 227</div> 228 229 230 </div> 231
231<script> 232 233 234 function createCookieInfo(type){ 235 236 var cookieValue='0'; 237 238 if(type == 1234){ 239 240 // all types of cookies are allowed 241 242 $('#cookieConsentCheckbox2,#cookieConsentCheckbox3,#cookieConsentCheckbox4').prop('checked',true); 243 244 cookieValue+='1234'; 245 246 } else if(type == 0){ 247 248 // custom settings 249 250 cookieValue+='1'; 251 252 if($('#cookieConsentCheckbox2').prop('checked') === true) 253 cookieValue+='2'; 254 255 if($('#cookieConsentCheckbox3').prop('checked') === true) 256 cookieValue+='3'; 257 258 if($('#cookieConsentCheckbox4').prop('checked') === true) 259 cookieValue+='4'; 260 261 262 } else { 263 264 // only necessary 265 266 $('#cookieConsentCheckbox2,#cookieConsentCheckbox3,#cookieConsentCheckbox4').prop('checked',false); 267 268 cookieValue+='1'; 269 270 } 271 272 var name='cookieConsentAgree'; 273 274 var date = new Date(); 275 date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)); 276 var expires = "; expires=" + date.toGMTString(); 277 document.cookie = escape(name) + "=" + escape(cookieValue) + expires + "; path=/"; 278 279 $(".cookie-consent").fadeOut(); 280 281 } 282 283 </script>
283 284
284<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/instantpage.min.js" type="module" defer></script>
284<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>
284<script type="text/javascript" src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/live.js" defer></script>
284<script>$("body").on("contextmenu",function(e){return false;});$("img").mousedown(function(e){e.preventDefault();});</script>
284<link href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet" />
284<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>
284 285 <!-- AOS (Animate on Scroll) --> 286 <link rel="stylesheet" href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/aos.css" />
287<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/aos.min.js" defer></script>
287<script>$(function(){AOS.init({offset:-10,delay:100,duration:800,easing:'ease',anchorPlacement:'top-bottom'});})</script>
287<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>
287<script type="text/javascript" id="jsMenusSetup">window.addEventListener('load',function(){ddlevelsmenu.setup("1", "topbar","0","0");});</script>
287 288</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.