PageSourceSearch

https://lesbergesdevessy.ch/activites-pedagogiques

html lesbergesdevessy.ch collected 2026-10-07 17:14:17 UTC 34,747 bytes, 463 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" class="ko_Theme">
3<head>
4	<meta charset="utf-8">
5	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6	<meta name="viewport" content="width=device-width, initial-scale=1" />
7	<meta name="generator" content="Infomaniak Site Creator" />
8	<meta name="description" content="" />
9	<meta name="keywords" content="" />
10
11	<title>Activités pédagogiques &mdash; 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&amp;subset=latin-ext&amp;display=swap" rel="stylesheet" type="text/css" />
21	
22
23	<!--[if lt IE 9]>
23<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dist/html5shiv.min.js"></script>
23<script src="https://storage4.infomaniak.com/website-builder/cdn/6.16.0/assets/vendor/[email protected]/dest/respond.min.js"></script>
23<![endif]-->
24
25            
25<script src='https://sentry-hosting.infomaniak.com/js-sdk-loader/073160f6a54ed5776bc71e6f45e5b333.min.js' crossorigin='anonymous'></script>
25
26            
26<script>
27                Sentry.init({
28                    dsn: `https://[email protected]/39`,
29                    release: `6.16.0`,
30                    initialScope: { tags: { theme: `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)&nbsp;</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.&nbsp;</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&nbsp;</li><li>Du lundi au vendredi de 8h00 à 17h00&nbsp;</li><li>Durée : 1h30&nbsp;</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.&nbsp;<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.