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="" /> 9 <meta name="keywords" content="" /> 10 11 <title>Activités pédagogiques — Les Berges de Vessy</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="/data/files/logoabv.jpg" /> 15 <link rel="apple-touch-icon" href="/data/files/logoabv.jpg" /> 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://lesbergesdevessy.ch/activites-pedagogiques" /> 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=Fira+Sans: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: `ik_antique` } }, 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><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:#575f8c;--color2:#c6ac8f;--color1_rgb: 87,95,140;--color1_hsl: 231,23%,45%;--color1_hs: 231,23%;--color1_h: 231;--color1_s: 23%;--color1_l: 45%;--color1_25:#d5d7e2;--color1_50:#abafc6;--color1_75:#8187a9;--color1_125:#414769;--color1_150:#2c3046;--color1_175:#161823;--color2_rgb: 198,172,143;--color2_hsl: 32,33%,67%;--color2_hs: 32,33%;--color2_h: 32;--color2_s: 33%;--color2_l: 67%;--color2_25:#f1eae3;--color2_50:#e3d6c7;--color2_75:#d4c1ab;--color2_125:#95816b;--color2_150:#635648;--color2_175:#322b24;--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(0,0,0,0.8);--color2_75_bw:rgba(0,0,0,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:"Fira Sans";--font2:"Fira Sans";--font3:Helvetica Neue,sans-serif;--color1_rgb: 87,95,140;--color1_hsl: 231,23%,45%;--color1_hs: 231,23%;--color1_h: 231;--color1_s: 23%;--color1_l: 45%;--color1_25:#d5d7e2;--color1_50:#abafc6;--color1_75:#8187a9;--color1_125:#414769;--color1_150:#2c3046;--color1_175:#161823;--color2_rgb: 198,172,143;--color2_hsl: 32,33%,67%;--color2_hs: 32,33%;--color2_h: 32;--color2_s: 33%;--color2_l: 67%;--color2_25:#f1eae3;--color2_50:#e3d6c7;--color2_75:#d4c1ab;--color2_125:#95816b;--color2_150:#635648;--color2_175:#322b24;--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(0,0,0,0.8);--color2_75_bw:rgba(0,0,0,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:#575f8c;}ul.koCheckList li:before {background:#575f8c;}.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:#575f8c;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)}#website .keditDark .keditWhite a:not(.btn):not(.page-link),#website .keditDark .keditWhite a.btn.btn-link{color:var(--color1)}.ko_Theme body,.ko_Theme #website{background:#eeeff5}.ko_Theme #contentArea, .ko_Theme .koThemeDark #contentArea .whiteShadowContainer {color:rgba(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: var(--color1_150);}#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: var(--color1_150);}
56.ko_Theme #website #footerContent {color: rgba(0, 0, 0, .5);}.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: rgba(0, 0, 0, 1);}.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(--font1),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:700}.ko_Theme #website .topmenu{font-family:var(--font2),sans-serif;font-weight:700}.ko_Theme #website .logoHolder h2{font-family:var(--font1),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(--font2),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(255, 255, 255);padding:20px;margin:0px;border:10px solid rgb(255, 255, 255);border-width:10px 0px 0px 0px;border-radius:0px;box-shadow:0 .4375rem 1.8125rem 0 rgba(0,0,0,.09);;}.ko_Theme .logoHolder{padding:0px 0px 0px 0px;;white-space: nowrap;}.ko_Theme .logoHolder h2{font-size:7px;color:rgb(0, 0, 0);display: flex;align-items: center;min-height:35px;}.ko_Theme .logoHolder img{max-height:35px;height:35px;min-height:35px;}.ko_Theme .menuHolder { display: flex;}.ko_Theme .menuHolder li{}.ko_Theme .menuHolder li a{font-size:15px;color:rgb(0, 31, 63);padding:5px 0px 5px 0px;margin:0px 0px 0px 15px;border-radius:0px;border:solid transparent;border-width:0px 0px 2px 0px;text-transform:uppercase;transition:0.2s all;}.ko_Theme .menuHolder li.active a,.ko_Theme .menuHolder li a:hover{color:rgb(0, 0, 0);border-color:var(--color2);}.ko_Theme .menuHolder li.accent1 a,.ko_Theme .menuHolder li.accent1.active a{font-size:13px;color:rgb(0, 31, 63);background:rgb(255, 255, 255);padding:15px;margin:0px 0px 0px 30px;border-radius:3px;border:0px solid ;}.ko_Theme .menuHolder li.accent1.active a,.ko_Theme .menuHolder li.accent1 a:hover{color:rgb(255, 255, 255);background:var(--color1_125);}.ko_Theme .menuHolder li.accent2 a,.ko_Theme .menuHolder li.accent2.active a{font-size:17px;color:rgb(255, 255, 255);background:var(--color2);padding:15px;margin:0px 0px 0px 5px;border-radius:3px;border:0px solid rgb(255, 255, 255);}.ko_Theme .menuHolder li.accent2.active a,.ko_Theme .menuHolder li.accent2 a:hover{color:rgb(255, 255, 255);background:var(--color2_125);}.ko_Theme .menuHolder li.topmenuSocial a{color:rgb(0, 0, 0)}</style> 57</head> 58<body class="" > 59<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%);cursor: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/logoabv.jpg" style="border:0" id="WebsiteLogo" alt="Les Berges de Vessy" /></h2></a></div> 60 61 <ul class="menuHolder topmenu"> 62 <li><a href="https://lesbergesdevessy.ch"><span>Accueil</span></a></li> 63 <li><a href="expositions"><span>Expositions</span></a></li> 64 <li class="item_active active"><a href="activites-pedagogiques"><span>Activités pédagogiques</span></a></li> 65 <li><a href="patrimoine-et-environnement" rel="dropmenu_1_5"><span>Patrimoine et environnement</span></a></li> 66 <li><a href="association" rel="dropmenu_1_6"><span>Association</span></a></li> 67 <li><a href="location-de-salle"><span>Location de salle</span></a></li> 68 <li><a href="infos-pratiques"><span>Infos pratiques</span></a></li> 69 70 </ul> 71 72</div></div></header><main class="WxEditableArea" id="contentArea">
72<div id="contentAreaElement" class="kelement"></div><section data-pcid="4007" id="kpg_485776" class="kedit lazy entered loaded" data-keditor="1" data-bgcolor="rgb(247, 247, 247)" data-background="data/files/dscf4596.jpg" data-background-pos="1-50% 50%" data-src="data/files/dscf4596.jpg" data-padding="50-50" style="background: url() no-repeat 50% 50%;background-size:cover;;background-color:rgb(247, 247, 247);padding-top:50px;padding-bottom:50px"><div class="container"> 73 74 <div class="row"> 75 <div class="col-lg"> 76 <div class="col-container"> 77 78 <ol class="breadcrumb"><li class="breadcrumb-item"><a href="index.php">Accueil</a></li><li class="breadcrumb-item"><div class="keditable d-inline-block"><span style="color: rgb(255, 255, 255);">Activités pédagogiques</span></div></li></ol> 79 80 81 </div> 82 </div> 83 </div> 84 85 86 87 </div></section><section data-pcid="4001.7" id="kpg_42919" class="kedit"> 88 89 <div class="container"> 90 <div class="row align-items-center"> 91 <div class="col-12 me-md-auto me-md-auto"> 92 <h2 class="keditable" data-aos="fade-left">Activités pédagogiques</h2> 93 <div class="koSeparator koSeparatorBlock koSeparatorLeft" data-bg="--color1" data-aos="fade-in" style="background: var(--color1); width: 100px;"></div> 94 <div class="keditable" data-aos="fade-left">Lâinformation et la sensibilisation sont des facteurs clés pour influencer lâavenir de nos modes de consommation. Lâassociation Les Berges de Vessy lâa bien compris et propose des activités interactives destinées à divers publics dans le but de sensibiliser sur les thèmes de la transition énergétique et de l'environnement.</div> 95 96 </div> 97 </div> 98 </div> 99 100</section><section data-pcid="4006.3" id="kpg_899759" class="kedit" data-bgcolor="rgba(245,245,245,1)" style="background:rgba(245,245,245,1)"> 101 102 <div class="container"> 103 104 <div class="bg-white keditWhite shadow-lg" style="border-radius:25px"><div class="row g-0"> 105 <div class="col-12 col-md-6"> 106 107 <div class="mx-lg-3 p-5"> 108 <h2 class="keditable" data-aos="fade-up">Visites guidées du site</h2> 109 <div class="keditable lead" data-aos="fade-up"><font size="5"><i style="font-size: 90%;">(Réservées aux écoles, associations, entreprises et autres groupes) </i></font><div><br></div><div><span style="font-size: 1.25rem; letter-spacing: -0.02em;">Voyagez dans l'histoire du patrimoine industriel genevois à travers les diverses bâtisses rénovées de cette ancienne usine de pompage. Une découverte passionnante de lâhistoire du lieu qui naît à lâorée du 19e siècle. </span></div><div><span style="font-size: 1.25rem; letter-spacing: -0.02em;"><br></span></div><div><span style="font-size: 1.25rem; letter-spacing: -0.02em;"><b>Infos pratiques</b></span></div><div><ul><li><span style="font-size: 1.25rem; letter-spacing: -0.02em;">Groupe : 10 à 20 participants</span></li><li>Ãge conseillé : dès 10 ans </li><li>Du lundi au vendredi de 8h00 à 17h00 </li><li>Durée : 1h30 </li><li>Langues : français ou anglais</li><li>Visite gratuite sur inscription</li></ul></div></div> 110 <div class="koButtons mt-5" data-aos="fade-up"><a class="btn btn-lg btn-primary" href="https://ww2.sig-ge.ch/a-propos-de-sig/nous-connaitre/sites_expositions/berges-de-vessy">Plus d'infos et inscriptions</a> </div> 111 112 113 </div> 114 115 116 </div> 117 <div class="col-12 col-md-6" style="min-height:100px"> 118 <img style="border-radius:0 25px 25px 0;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;min-height:100%;width:100%;object-fit:cover;" class="img-full lazy" alt="" title="" data-src="data/files/20250517_173444468_ios.jpg"> 119 </div> 120 121 122 123 </div> 124 </div> 125 </div> 126 127 </section><section data-pcid="4006.4" id="kpg_325437" class="kedit" data-bgcolor="rgba(245,245,245,1)" style="background:rgba(245,245,245,1)"> 128 129 130 131 132<div class="container"> 133 134 135 <div class="bg-white keditWhite shadow-lg" style="border-radius:25px"><div class="row g-0"> 136 137 138 <div class="col-12 col-md-6" style="min-height:100px"> 139 <img style="border-radius:25px 0 0 25px;position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;min-height:100%;width:100%;object-fit:cover;" class="img-full lazy" alt="" title="" data-src="data/files/whatsappimage2025-06-13at12.05.072..jpg"> 140 </div> 141 142 143 <div class="col-12 col-md-6"> 144 145 <div class="mx-lg-3 p-5"> 146 <h2 class="keditable" data-aos="fade-up">Un potager pour les écoles</h2> 147 <div class="keditable lead" data-aos="fade-up">Avec quelques écoles de la commune, lâassociation <span style="font-style: italic;">Graine de Carotte</span> initie les élèves de 4P au potager, en permaculture ou jardinage écologique. <div><br><div>Du semis à la récolte, chaque classe cultive sa plate-bande de 5 mètres carrés, apprend à manier des outils respectueux du sol et découvre légumes, arbres et plantes sauvages.</div><div><br></div><div>Entre travail de la terre, étiquetage des plants et découvertes naturalistes, les enfants expérimentent la nature⦠tout en exprimant la leur.</div></div></div> 148 <div class="koButtons mt-5" data-aos="fade-up"><a class="btn btn-lg btn-primary" href="https://grainedecarotte.ch/">Plus d'infos sur Graine de carotte</a> </div> 149 150 151 </div> 152 153 154 </div> 155 156 157 158 </div> 159 </div> 160 </div> 161 162 163 </section><section id="kedit_zyfgzxta1" class="kedit keditApp keditLayout_2"><div class="container"><div data-module-item="gallery_patrimoine"> 164 165 <style> 166 167 .galleryItem.lightboxItem.lightbox_ps img{opacity:0;position:absolute;top:0;left:0;} 168 169 a.galleryItem.lightbox, 170 a.galleryItem.lightboxItem{ 171 172 border: 10px solid #fff; 173 box-shadow: 2px 2px 15px rgba(0,0,0,0.2); 174 position:relative; 175 176 177 } 178 179 .keditLayout_1 a.galleryItem.lightbox, 180 .keditLayout_1 a.galleryItem.lightboxItem{border:none; box-shadow: none;} 181 .keditLayout_2 a.galleryItem.lightbox, 182 .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} 183 .keditLayout_2 a.galleryItem.lightbox:hover, 184 .keditLayout_2 a.galleryItem.lightboxItem:hover{box-shadow: 2px 5px 25px rgba(0,0,0,0.4);transform:scale(1.03)} 185 186 .galleryItemCaption{ max-height: 100%; overflow: hidden } 187 188 a.lightbox .galleryItemCaption, 189 a.lightboxItem .galleryItemCaption,
190 .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 } 191 a.lightbox:hover .galleryItemCaption, 192 a.lightboxItem:hover .galleryItemCaption,.swiper-slide:hover .galleryItemCaption{bottom:0px;opacity:1; } 193 194 .swiper-slide .galleryItemCaption{font-size:100%;padding:10px;} 195 196 197 a.gallery_addNewItem{white-space: normal;display:block;height:100%;width:100%;float:left; 198 font-size:2vw;line-height:20vw;display:table-cell;padding:0 1vw} 199 200 a.gallery_addNewItem span { 201 display: inline-block; 202 vertical-align: middle; 203 line-height: normal;padding:0;margin:0; 204 } 205 206 .stack span{display:block;background:rgba(0,0,0,0.5);position:absolute;bottom:10px;left:10px;right:10px;padding:10px;color:#fff; 207 transition: 0.25s cubic-bezier(0.55, -0.5, 0.48, 1.51) all;} 208 .stack:hover span{background:rgba(0,0,0,0.8);padding:15px} 209 .stack { 210 display: block; 211 margin: 0 auto; 212 position: relative; 213 z-index: 1; 214 transition: 0.25s cubic-bezier(0.55, -0.5, 0.48, 1.51) all; 215 } 216 .stack img { 217 width: 100%; 218 height: 100%; 219 vertical-align: bottom; 220 border: 10px solid #fff; 221 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); 222 } 223 224 .stack:before, 225 .stack:after { 226 content: ""; 227 width: 100%; 228 height: 100%; 229 position: absolute; 230 border: 40px solid #fff; 231 left: 0; 232 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); 233 transition: 0.25s cubic-bezier(0.55, -0.5, 0.48, 1.51) all; 234 } 235 236 .stack:before { 237 top: 2px; 238 z-index: -10; 239 -webkit-transform: rotate(2.2deg); 240 -moz-transform: rotate(2.2deg); 241 transform: rotate(2.2deg); 242 } 243 244 .stack:after { 245 top: 2px; 246 z-index: -20; 247 -webkit-transform: rotate(-2.2deg); 248 -moz-transform: rotate(-2.2deg); 249 transform: rotate(-2.2deg); 250 } 251 252 .stack:hover{ transform: scale(1.1); 253 box-shadow: /*0 2px 8px rgba(0, 0, 0, 0.5),*/ 254 0 0.5em 3rem -1rem rgba(0,0,0,0.5); 255 256 transform: translateY(-0.5rem) scale(1.1); 257 /* box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.5); 258 */ 259 } 260 .stack:hover:after { 261 transform: rotate(0) translateX(0); 262 box-shadow: none; 263 } 264 .stack:hover:before { 265 transform: rotate(0) translateX(0); 266 box-shadow: none; 267 } 268 269 270 .keditLayout_1 .stack::before,.keditLayout_1 .stack::after{content:inherit} 271 .keditLayout_1 .stack img{border:none;box-shadow:none;} 272 .keditLayout_1 .stack span{bottom:0;left:0;right:0;} 273 .keditLayout_1 .stack:hover{ transform: scale(1.01) } 274 275 </style> 276 <div class="row align-items-center justify-content-center photoswipe"><div class="col-6 col-lg-4 col-xl-3 mb-4" style=""><a href="https://lesbergesdevessy.ch/data/gallery/patrimoine/img/ves-salle-1.jpg" rel="gallery" style="display:block;padding-bottom:90%;;background:#fff url() center center no-repeat;background-size:cover" class="galleryItem lightboxItem lightbox lazy" data-background="https://lesbergesdevessy.ch/data/gallery/patrimoine/thumb/ves-salle-1.jpg"></a></div><div class="col-6 col-lg-4 col-xl-3 mb-4" style=""><a href="https://lesbergesdevessy.ch/data/gallery/patrimoine/img/ves-caft1.jpg" rel="gallery" style="display:block;padding-bottom:90%;;background:#fff url() center center no-repeat;background-size:cover" class="galleryItem lightboxItem lightbox lazy" data-background="https://lesbergesdevessy.ch/data/gallery/patrimoine/thumb/ves-caft1.jpg"></a></div></div> 277 278</div> 279 280</div></section></main><footer id="footerContent"><section data-pcid="5500.4" id="kedit_9dudorf0w" class="kedit keditFooter1 p-0" data-bgcolor="rgb(255, 255, 255)" style="background:rgb(255, 255, 255)"> 281 282 283 <div class="container text-center"> 284 285 <div class="p-0 kedit" id="kpg_1931291"> 286 287 <div class="koSeparator koSeparatorBlock koSeparatorCenter" data-bg="rgb(222, 222, 222)" data-aos="fade-in" style="background: rgb(222, 222, 222) none repeat scroll 0% 0%; width: 100%; height: 2px; margin-top: 10px; margin-bottom: 10px;" data-width="100"></div> 288 289 <div class="py-4"> 290 <img class="keditFooterLogo lazy" alt="Les Berges de Vessy" title="" data-src="data/files/logoabv.jpg"> 291 </div> 292 293 <div class="keditable mb-4 keditFooterCompany mce-content-body"><p><span style="color: #545454;">Les Berges de Vessy<br>Route de Vessy 49</span></p><div><span style="color: #545454;">1234 Vessy</span></div></div> 294 295 </div> 296 297 <div class="p-0 kedit keditFooterApp" id="kpg_416662"> 298 <div class="footerHolder" id="keditFooterModule"><div class="social_fa social_bw social_bwh social_footer"><a target="_blank" href="https://instagram.com/les_berges_de_vessy"><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> 299 </div> 300 301 <div class="kedit p-0" id="kpg_7932503"> 302 303 304 305 <div class="my-4 keditable keditFooterCopyright" style="font-size: 14px;">Copyright, tous droits réservés</div> 306 307 </div> 308 309 </div> 310 311 312 313</section></footer></div><a id="scrollToTop" href="javascript:void(null)"><i class="fa fa-fw fa-arrow-up"></i></a>
313<script data-id="websiteLoading">document.addEventListener('DOMContentLoaded', function(){ 314 315 var c = document.getElementById('websiteLoading'); 316 if (c !== null) { 317 c.classList.remove('isLoading-1'); 318 } 319 setTimeout(function(){ 320 321 c = document.getElementById('websiteLoading'); 322 if (c !== null) { 323 document.body.classList.add('body'); 324 c.classList.add('isLoaded'); 325 setTimeout(function(){c.remove()}, 1000); 326 } 327 328 }, 3000); 329 });window.onload = function(){var c = document.getElementById('websiteLoading'); 330 if (c !== null) { 331 c.classList.add('isLoaded'); 332 } 333 document.body.classList.add('body'); 334 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>
334<script>var koSiteName="Les Berges de Vessy";$(function(){$(".koLeftMenuOpener").removeClass("invisible");})</script>
334<div id="searchHolder"> 335 <form method="get" action=""> 336 <div>Recherche</div> 337 <input type="text" autocomplete="off" name="search" id="searchInput" class="form-control"> 338 <button type="submit" class="btn btn-color1"><i class="fas fa-search"></i></button> 339 <button type="reset" class="btn btn-light" onclick="$('#searchHolder').removeClass('active')"><i class="fas fa-times"></i></button> 340 </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" />
340<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>
340<script>var magnificPopupInit=function(){$('a.lightbox').magnificPopup({type:'image',gallery:{enabled:true}});}</script>
vendor: 1 bytes, line 340
340
341<script></script>
341 342<div class="cookie-consent"><div class="d-flex flex-column w-100"> 343 344<div class="w-100" id="cookieConsentTitle"> 345 346Ce site peut utiliser des cookies et des scripts externes. <a href="accueil">Plus d'informations</a> 347</div> 348<div class="bg-light p-3 rounded d-none" id="cookieConsentSettings"> 349 350 <div class="form-check form-switch"> 351 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckboxDisabled" checked disabled> 352 <label class="form-check-label" for="cookieConsentCheckboxDisabled">Nécessaire</label> 353 </div> 354 355 <div class="form-check form-switch"> 356 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox2"> 357 <label class="form-check-label" for="cookieConsentCheckbox2">Paramètres</label> 358 </div> 359 360 <div class="form-check form-switch"> 361 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox3"> 362 <label class="form-check-label" for="cookieConsentCheckbox3">Statistiques</label> 363 </div> 364 365 <div class="form-check form-switch"> 366 <input class="form-check-input" type="checkbox" role="switch" id="cookieConsentCheckbox4"> 367 <label class="form-check-label" for="cookieConsentCheckbox4">Marketing</label> 368 </div> 369 <hr> 370 <button class="btn btn-sm btn-outline-primary" onclick="createCookieInfo(0);"><i class="fa-solid fa-check me-2"></i>Enregistrer les modifications</button> 371 372</div> 373 374 375<hr> 376 377<div class="d-none d-md-flex"> 378 379 <button class="btn btn-outline-secondary" onclick="$('#cookieConsentSettings,#cookieConsentTitle').toggleClass('d-none');"><i class="fa-solid fa-gear me-2"></i>Réglages</button> 380 <button class="btn btn-outline-secondary ms-auto me-1" onclick="createCookieInfo(1);"><i class="fa-solid fa-xmark me-2"></i>Rejeter</button> 381 <button class="btn btn-color1" onclick="createCookieInfo(1234);"><i class="fa-solid fa-check me-2"></i>Accepter tous les cookies</button> 382 383</div> 384 385<div class="d-block d-md-none"> 386 387 <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> 388 <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> 389 <button class="btn btn-outline-secondary d-block w-100" onclick="createCookieInfo(1);"><i class="fa-solid fa-xmark me-2"></i>Rejeter</button> 390 391</div> 392 393 394</div> 395 396 397 </div> 398
398<script> 399 400 401 function createCookieInfo(type){ 402 403 var cookieValue='0'; 404 405 if(type == 1234){ 406 407 // all types of cookies are allowed 408 409 $('#cookieConsentCheckbox2,#cookieConsentCheckbox3,#cookieConsentCheckbox4').prop('checked',true); 410 411 cookieValue+='1234'; 412 413 } else if(type == 0){ 414 415 // custom settings 416 417 cookieValue+='1'; 418 419 if($('#cookieConsentCheckbox2').prop('checked') === true) 420 cookieValue+='2'; 421 422 if($('#cookieConsentCheckbox3').prop('checked') === true) 423 cookieValue+='3'; 424 425 if($('#cookieConsentCheckbox4').prop('checked') === true) 426 cookieValue+='4'; 427 428 429 } else { 430 431 // only necessary 432 433 $('#cookieConsentCheckbox2,#cookieConsentCheckbox3,#cookieConsentCheckbox4').prop('checked',false); 434 435 cookieValue+='1'; 436 437 } 438 439 var name='cookieConsentAgree'; 440 441 var date = new Date(); 442 date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)); 443 var expires = "; expires=" + date.toGMTString(); 444 document.cookie = escape(name) + "=" + escape(cookieValue) + expires + "; path=/"; 445 446 $(".cookie-consent").fadeOut(); 447 448 } 449 450 </script>
450 451
451<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/instantpage.min.js" type="module" defer></script>
451<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>
451<script type="text/javascript" src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/live.js" defer></script>
451<link href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet" />
451<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>
451 452 <!-- AOS (Animate on Scroll) --> 453 <link rel="stylesheet" href="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/aos.css" />
454<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/aos.min.js" defer></script>
454<script>$(function(){AOS.init({offset:-10,delay:100,duration:800,easing:'ease',anchorPlacement:'top-bottom'});})</script>
454<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>
454 455<ul id="dropmenu_1_5" class="dropmenudiv dropfirst"> 456<li><a href="patrimoine-industriel"><span>Patrimoine industriel</span></a></li> 457<li><a href="environnement"><span>Environnement</span></a></li> 458<li><a href="livre-les-berges-de-vessy-1"><span>Livre "Les Berges de Vessy"</span></a></li> 459</ul> 460<ul id="dropmenu_1_6" class="dropmenudiv dropfirst"> 461<li><a href="partenaires"><span>Partenaires</span></a></li> 462</ul>
462<script type="text/javascript" id="jsMenusSetup">window.addEventListener('load',function(){ddlevelsmenu.setup("1", "topbar","0","0");});</script>
462 463</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.