PageSourceSearch

https://csj-sjc.ch/index.php/fr/

html csj-sjc.ch collected 2026-10-09 21:35:34 UTC 32,677 bytes, 650 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr-FR" dir="ltr">
3        
4<head>
5    
6            <meta name="viewport" content="width=device-width, initial-scale=1.0">
7        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8        
9
10        
11            
12         <meta charset="utf-8">
13	<meta name="generator" content="Joomla! - Open Source Content Management">
14	<title>home</title>
15	<link href="/index.php/fr/?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="home">
16	<link href="/index.php/fr/?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="home">
17	<link href="https://csj-sjc.ch/index.php/de/" rel="alternate" hreflang="de-DE">
18	<link href="https://csj-sjc.ch/index.php/fr/" rel="alternate" hreflang="fr-FR">
19	<link href="https://csj-sjc.ch/index.php/it/" rel="alternate" hreflang="it-IT">
20
21    <link href="/media/mod_languages/css/template.min.css?187adf" rel="stylesheet">
22	<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet">
23	<link href="/media/gantry5/engines/nucleus/css-compiled/nucleus.css" rel="stylesheet">
24	<link href="/templates/g5_helium/custom/css-compiled/helium_13.css" rel="stylesheet">
25	<link href="/media/gantry5/engines/nucleus/css-compiled/bootstrap5.css" rel="stylesheet">
26	<link href="/media/system/css/joomla-fontawesome.min.css" rel="stylesheet">
27	<link href="/media/plg_system_debug/css/debug.css" rel="stylesheet">
28	<link href="/media/gantry5/assets/css/font-awesome6-pseudo.min.css" rel="stylesheet">
29	<link href="/templates/g5_helium/custom/css-compiled/helium-joomla_13.css" rel="stylesheet">
30	<link href="/templates/g5_helium/custom/css-compiled/custom_13.css" rel="stylesheet">
31	<link href="/administrator/components/com_choirmanagement/libraries/datepicker/dist/datepicker.min.css" rel="stylesheet">
32	<link href="/administrator/components/com_choirmanagement/libraries/filepond-master/dist/filepond.css" rel="stylesheet">
33	<link href="/administrator/components/com_choirmanagement/libraries/audioplayer/css/gPlayer-style.css" rel="stylesheet">
34	<link href="/administrator/components/com_choirmanagement/libraries/circleaudioplayer/circle-player.css" rel="stylesheet">
35	<link href="/custom/RenderRepertoire/CMPlayer/cmplayer.css" rel="stylesheet">
36	<style>
37            #g-navigation.g-fixed-element {
38                position: fixed;
39                width: 100%;
40                top: 0;
41                left: 0;
42                z-index: 1003;
43            }
44        </style>
45
46    
46<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
46
47	
47<script src="/media/vendor/jquery/js/jquery-noconflict.min.js?3.7.1"></script>
47
48	
48<script src="/modules/mod_choirmanagement/js/mod_choirmanagement.js?187adf"></script>
48
49	
49<script type="application/json" class="joomla-script-options new">{"bootstrap.dropdown":{".dropdown-toggle":{"flip":true,"boundary":"scrollParent","reference":"toggle","display":"dynamic","popperConfig":true}},"joomla.jtext":{"ERROR":"Erreur","MESSAGE":"Message","NOTICE":"Annonce","WARNING":"Avertissement","SUCCESS":"Success","JCLOSE":"Fermer","JOK":"OK","JOPEN":"Ouvrir"},"system.paths":{"root":"","rootFull":"https:\/\/csj-sjc.ch\/","base":"","baseFull":"https:\/\/csj-sjc.ch\/"},"csrf.token":"16e12ef7912ca23cb4ae94cd178f064e","plg_system_schedulerunner":{"interval":300}}</script>
49
50	
50<script src="/media/system/js/core.min.js?a3d8f8"></script>
50
51	
51<script src="/media/vendor/bootstrap/js/dropdown.min.js?5.3.8" type="module"></script>
51
52	
52<script src="/media/vendor/bootstrap/js/alert.min.js?5.3.8" type="module"></script>
52
53	
53<script src="/media/vendor/bootstrap/js/button.min.js?5.3.8" type="module"></script>
53
54	
54<script src="/media/vendor/bootstrap/js/carousel.min.js?5.3.8" type="module"></script>
54
55	
55<script src="/media/vendor/bootstrap/js/collapse.min.js?5.3.8" type="module"></script>
55
56	
56<script src="/media/vendor/bootstrap/js/modal.min.js?5.3.8" type="module"></script>
56
57	
57<script src="/media/vendor/bootstrap/js/offcanvas.min.js?5.3.8" type="module"></script>
57
58	
58<script src="/media/vendor/bootstrap/js/popover.min.js?5.3.8" type="module"></script>
58
59	
59<script src="/media/vendor/bootstrap/js/scrollspy.min.js?5.3.8" type="module"></script>
59
60	
60<script src="/media/vendor/bootstrap/js/tab.min.js?5.3.8" type="module"></script>
60
61	
61<script src="/media/vendor/bootstrap/js/toast.min.js?5.3.8" type="module"></script>
61
62	
62<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
62
63	
63<script src="/media/plg_system_schedulerunner/js/run-schedule.min.js?229d3b" type="module"></script>
63
64	
64<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
64
65	
65<script src="https://kit.fontawesome.com/2f41a255ca.js"></script>
65
66	
66<script src="/administrator/components/com_choirmanagement/libraries/datepicker/dist/datepicker.min.js"></script>
66
67	
67<script src="/administrator/components/com_choirmanagement/libraries/datepicker/i18n/datepicker.de-DE.js"></script>
67
68	
68<script src="/administrator/components/com_choirmanagement/libraries/filepond-master/dist/filepond.js"></script>
68
69	
69<script src="/administrator/components/com_choirmanagement/libraries/audioplayer/js/gPlayer-script.js"></script>
69
70	
70<script src="/administrator/components/com_choirmanagement/libraries/circleaudioplayer/circle-player.js"></script>
70
71	
71<script src="/custom/RenderRepertoire/CMPlayer/cmplayer.js"></script>
71
72	
72<script src="/custom/RenderRepertoire/Layouts/ProjectUserRepertoire/ProjectUserRepertoire.js"></script>
72
73	<link href="https://csj-sjc.ch/index.php/de/" rel="alternate" hreflang="x-default">
74
75    
76                
77</head>
78
79    <body class="gantry g-helium-style site com_content view-featured no-layout no-task dir-ltr itemid-287 outline-13 g-offcanvas-left g-home-particles g-style-preset1">
80        
81                    
82
83        <div id="g-offcanvas"  data-g-offcanvas-swipe="0" data-g-offcanvas-css3="1">
84                        <div class="g-grid">                        
85
86        <div class="g-block size-100">
87             <div id="mobile-menu-6037-particle" class="g-content g-particle">            <div id="g-mobilemenu-container" data-g-menu-breakpoint="48rem"></div>
88            </div>
89        </div>
90            </div>
91    </div>
92        <div id="g-page-surround">
93            <div class="g-offcanvas-hide g-offcanvas-toggle" role="navigation" data-offcanvas-toggle aria-controls="g-offcanvas" aria-expanded="false"><i class="fa fa-fw fa-bars"></i></div>                        
94
95                                
96                <section id="g-navigation">
97                <div class="g-container">                                <div class="g-grid">                        
98
99        <div class="g-block size-100">
100             <div class="g-system-messages">
101                                            <div id="system-message-container" aria-live="polite"></div>
102
103            
104    </div>
105        </div>
106            </div>
107                            <div class="g-grid">                        
108
109        <div class="g-block size-13">
110             <div id="logo-4932-particle" class="g-content g-particle">            <a href="/" target="_self" title="" aria-label="" rel="home" class="sjc-logo">
111                        <img src="/images/logo_sjc/Logo_SJC_black.png"  alt="" />
112            </a>
113            </div>
114        </div>
115                    
116
117        <div class="g-block size-87 align-right nav-sjc font-text">
118             <div id="menu-9243-particle" class="g-content g-particle">            <nav class="g-main-nav" data-g-hover-expand="true">
119        <ul class="g-toplevel">
120                                                                                                                
121        
122                
123        
124                
125        
126        <li class="g-menu-item g-menu-item-type-component g-menu-item-287 active g-standard  ">
127                            <a class="g-menu-item-container" href="/index.php/fr/">
128                                                                <span class="g-menu-item-content">
129                                    <span class="g-menu-item-title">home</span>
130            
131                    </span>
132                                                </a>
133                                </li>
134    
135                                                                                                
136        
137                
138        
139                
140        
141        <li class="g-menu-item g-menu-item-type-component g-menu-item-288 g-standard  ">
142                            <a class="g-menu-item-container" href="/index.php/fr/concerts?view=events">
143                                                                <span class="g-menu-item-content">
144                                    <span class="g-menu-item-title">concerts</span>
145            
146                    </span>
147                                                </a>
148                                </li>
149    
150                                                                                                
151        
152                
153        
154                
155        
156        <li class="g-menu-item g-menu-item-type-component g-menu-item-306 g-standard  ">
157                            <a class="g-menu-item-container" href="/index.php/fr/histoires?view=story">
158                                                                <span class="g-menu-item-content">
159                                    <span class="g-menu-item-title">histoires</span>
160            
161                    </span>
162                                                </a>
163                                </li>
164    
165                                                                                                
166        
167                
168        
169                
170        
171        <li class="g-menu-item g-menu-item-type-component g-menu-item-314 g-standard  ">
172                            <a class="g-menu-item-container" href="/index.php/fr/about-us-fr">
173                                                                <sp
173an class="g-menu-item-content">
174                                    <span class="g-menu-item-title">à propos</span>
175            
176                    </span>
177                                                </a>
178                                </li>
179    
180                                                                                                
181        
182                
183        
184                
185        
186        <li class="g-menu-item g-menu-item-type-component g-menu-item-304 g-standard  ">
187                            <a class="g-menu-item-container" href="/index.php/fr/chanter?view=forms">
188                                                                <span class="g-menu-item-content">
189                                    <span class="g-menu-item-title">chanter au CSJ</span>
190            
191                    </span>
192                                                </a>
193                                </li>
194    
195                                                                                                
196        
197                
198        
199                
200        
201        <li class="g-menu-item g-menu-item-type-component g-menu-item-340 g-standard  ">
202                            <a class="g-menu-item-container" href="/index.php/fr/soutien">
203                                                                <span class="g-menu-item-content">
204                                    <span class="g-menu-item-title">soutien</span>
205            
206                    </span>
207                                                </a>
208                                </li>
209    
210                                                                                                
211        
212                
213        
214                
215        
216        <li class="g-menu-item g-menu-item-type-particle g-menu-item-474 g-standard  ">
217                            <div class="g-menu-item-container" data-g-menuparent="">                                                                                        
218            <div class="menu-item-particle choirmanagement-language-switcher">
219            <div class="platform-content"><div class=" moduletable ">
220        <div class="mod-languages">
221    <p class="visually-hidden" id="language_picker_des_146">Sélectionnez votre langue</p>
222
223
224        <div class="mod-languages__select btn-group">
225                                                        <button id="language_btn_146" type="button" data-bs-toggle="dropdown" class="btn btn-secondary dropdown-toggle" aria-haspopup="listbox" aria-labelledby="language_picker_des_146 language_btn_146" aria-expanded="false">
226                                        FR                </button>
227                                                <ul aria-labelledby="language_picker_des_146" class="lang-block dropdown-menu">
228
229                                                <li>
230                    <a aria-label="Deutsch" href="/index.php/de/">
231                                                DE                    </a>
232                </li>
233                                                                                            <li>
234                    <a aria-label="Italiano" href="/index.php/it/">
235                                                IT                    </a>
236                </li>
237                            </ul>
238    </div>
239
240</div>
241</div></div>
242    </div>
243    
244                                                                    </div>                    </li>
245    
246    
247        </ul>
248    </nav>
249            </div>
250        </div>
251            </div>
252            </div>
253        
254    </section>
255                    
256                <section id="g-intro" class="g-flushed">
257                <div class="g-container">                                <div class="g-grid">                        
258
259        <div class="g-block size-100">
260             <div class="g-content">
261                                    <div class="platform-content"><div class=" moduletable ">
262        
263			<link rel="stylesheet" href="/custom/HomeSlideshow.css">
264			
264<script src="/custom/HomeSlideshow.js" defer></script>
264
265			<div class="home-slideshow-container">
266				<div class="hslide" role="group" aria-roledescription="slide" aria-label="Slide 1">
267					<div class="hslide-layout">
268						<div class="hslide-text">
269							<div class="hslide-over-title">Chœur Suisse des Jeunes</div>
270							<div class="hslide-title">Avec la force de la voix</div>
271							<div class="hslide-content"><p>Depuis 30 ans, le Chœur Suisse des Jeunes (CSJ) s’impose comme un ensemble choral de haut niveau. Au gré de ses concerts en Suisse et à l'étranger, cette formation suscite l’enthousiasme du public grâce à sa fraîcheur, sa musicalité, sa précision, la diversité de ses prestations et son charme irrésistible.</p></div>
272							<a href="/index.php/de/about-us-fr" class="btn btn-primary button subbutton white-button">en savoir plus <i class="fa-solid fa-arrow-right"></i></a>
273						</div>
274						<div class="hslide-image-wrapper">
275							<picture>
276								<source media="(max-width: 1024px)" srcset="https://csj-sjc.ch/images/pictures/renditions/projects/hero-16x9/image_22_hero-16x9_1000w__z_100__v_2.jpg">
277								<img class="hslide-image"
278									src="https://csj-sjc.ch/images/pictures/renditions/projects/square-1x1/image_22_square-1x1_2000w__z_100__v_2.jpg"
279									alt="SJC"
280									decoding="sync"
281									fetchpriority="high">
282							</picture>
283						</div>
284					</div>
285				</div>
286				<div class="hslide" role="group" aria-roledescription="slide" aria-label="Slide 2">
287					<div class="hslide-layout">
288						<div class="hslide-text">
289							<div class="hslide-over-title">prochain concert</div>
290							<div class="hslide-title">«Liberté»</div>
291							<div class="hslide-content">	<div>samedi, 10 octobre 2026 | 20h00</div>	<div>Église du Châble Bagnes</div>	<div style="margin-top:20px">À l'automne, le chœur de concert interprète à deux reprises son nouveau programme « Liberté » en Valais.</div></div>
292							<a href="/index.php/de/concerts?event_id=12776" class="btn btn-primary button subbutton white-button">concert <i class="fa-solid fa-arrow-right"></i></a>
293						</div>
294						<div class="hslide-image-wrapper">
295							<picture>
296								<source media="(max-width: 1024px)" srcset="https://csj-sjc.ch/images/pictures/renditions/projects/hero-16x9/image_23_hero-16x9_1000w__z_100__v_1.jpg">
297								<img class="hslide-image"
298									src="https://csj-sjc.ch/images/pictures/renditions/projects/square-1x1/image_23_square-1x1_2000w__z_100__v_1.jpg"
299									alt="Chorprobe auf der Bühne"
300									decoding="async"
301									fetchpriority="low" loading="lazy">
302							</picture>
303						</div>
304					</div>
305				</div>
306				<div class="hslide" role="group" aria-roledescription="slide" aria-label="Slide 3">
307					<div class="hslide-layout">
308						<div class="hslide-text">
309							<div class="hslide-over-title">histoire</div>
310							<div class="hslide-title">L'intégralité des motes de Bach </div>
311							<div class="hslide-content"><p>En automne 2026, le Chœur Suisse des Jeunes sera à nouveau invité aux Bachwochen Thun. En tant que <em>chœur en résidence</em>, il a eu l’occasion, ces dernières années, d'explorer certaines œuvres de J.S. Bach et de vivre, grâce à cette merveilleuse musique, des moments magiques.</p></div>
312							<a href="/index.php/de/histoires?story=24" class="btn btn-primary button subbutton white-button">lire l'histoire <i class="fa-solid fa-arrow-right"></i></a>
313						</div>
314						<div class="hslide-image-wrapper">
315							<picture>
316								<source media="(max-width: 1024px)" srcset="https://csj-sjc.ch/images/pictures/renditions/stories/hero-16x9/image_82_hero-16x9_1000w__z_100__v_1.jpg">
317								<img class="hslide-image"
318									src="https://csj-sjc.ch/images/pictures/renditions/stories/square-1x1/image_82_square-1x1_2000w__z_100__v_1.jpg"
319									alt="Chorprobe auf der Bühne"
320									decoding="async"
321									fetchpriority="low" loading="lazy">
322							</picture>
323						</div>
324					</div>
325				</div>
326			</div></div></div>
327            
328        </div>
329        </div>
330            </div>
331            </div>
332        
333    </section>
334                    
335                <section id="g-utility">
336                <div class="g-container">                                <div class="g-grid">                        
337
338        <div class="g-block size-100">
339             <div class="g-content">
340                                    <div class="platform-content"><div class=" moduletable ">
341        				<div class="choirmanagement-main-title" style="margin: 0 0 20px 0">
342        								prochains concerts
343        							</div>	<div class="concert-announcement-box" onclick="window.location = &quot;/index.php/concerts?event_id=12776&quot;">
344										<table class="concert-announcement-table">
345											<tr>
346												<td class="concert-announcement-datebox">
347													<div class="concert-announcement-date-day">10</div>
348													<div class="concert-announcement-date-month">
348Oct</div>
349													<div class="concert-announcement-date-year">2026</div>
350												</td>
351												<td class="concert-announcement-infobox">
352													<div class="concert-announcement-main-title">«Liberté»</div>
353													<div class="concert-announcement-description">
354														À l'automne, le chœur de concert interprète à deux reprises son nouveau programme « Liberté » en Valais.
355													<div class="concert-announcement-time-box g-grid">
356														<div class="g-block size-20">
357															<i class="fa-regular fa-clock"></i> 20h00
358														</div>
359														<div class="g-block size-80">
360															<i class="fa-solid fa-location-dot"></i> Église du Châble Bagnes
361														</div>
362													</div>
363												</div>
364												</td>
365											</tr>
366										</table>
367									</div>	<div class="concert-announcement-box" onclick="window.location = &quot;/index.php/concerts?event_id=12780&quot;">
368										<table class="concert-announcement-table">
369											<tr>
370												<td class="concert-announcement-datebox">
371													<div class="concert-announcement-date-day">11</div>
372													<div class="concert-announcement-date-month">Oct</div>
373													<div class="concert-announcement-date-year">2026</div>
374												</td>
375												<td class="concert-announcement-infobox">
376													<div class="concert-announcement-main-title">«Liberté»</div>
377													<div class="concert-announcement-description">
378														À l'automne, le chœur de concert interprète à deux reprises son nouveau programme « Liberté » en Valais.
379													<div class="concert-announcement-time-box g-grid">
380														<div class="g-block size-20">
381															<i class="fa-regular fa-clock"></i> 17h00
382														</div>
383														<div class="g-block size-80">
384															<i class="fa-solid fa-location-dot"></i> Cathédrale Notre-Dame Sion
385														</div>
386													</div>
387												</div>
388												</td>
389											</tr>
390										</table>
391									</div>	<div class="concert-announcement-box" onclick="window.location = &quot;/index.php/concerts?event_id=11924&quot;">
392										<table class="concert-announcement-table">
393											<tr>
394												<td class="concert-announcement-datebox">
395													<div class="concert-announcement-date-day">20</div>
396													<div class="concert-announcement-date-month">Déc</div>
397													<div class="concert-announcement-date-year">2026</div>
398												</td>
399												<td class="concert-announcement-infobox">
400													<div class="concert-announcement-main-title">« Le Messie » de Haendel</div>
401													<div class="concert-announcement-description">
402														
403													<div class="concert-announcement-time-box g-grid">
404														<div class="g-block size-20">
405															<i class="fa-regular fa-clock"></i> 17h00
406														</div>
407														<div class="g-block size-80">
408															<i class="fa-solid fa-location-dot"></i> Tonhalle Zürich
409														</div>
410													</div>
411												</div>
412												</td>
413											</tr>
414										</table>
415									</div><button style="font-size: 0.8rem; float:right" class="btn btn-primary button subbutton"  onclick="window.location = &quot;/index.php/concerts&quot;">afficher tous les concerts</button></div></div>
416            
417        </div>
418        </div>
419            </div>
420            </div>
421        
422    </section>
423                    
424                <section id="g-above">
425                <div class="g-container">                                <div class="g-grid">                        
426
427        <div class="g-block size-100">
428             <div class="g-content">
429                                    <div class="platform-content"><div class=" moduletable ">
430        
431					<link rel="stylesheet" href="/custom/StorySlider.css">
432					
432<script src="/custom/StorySlider.js" defer></script>
432
433					<div class="choirmanagement-main-title">Actualités</div>
434					<div class="carousel">
435						<button class="arrow prev" aria-label="Previous">
436							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
437								stroke-linecap="round" stroke-linejoin="round">
438								<path d="M15 18l-6-6 6-6"/>
439							</svg>
440						</button>
441
442						<div class="viewport">
443							<div class="track">
444								<article class="slide">
445									<a class="slide-link" href="/index.php/fr/histoires?story=30">
446										<img src="https://csj-sjc.ch/images/pictures/renditions/stories/hero-16x9/image_128_hero-16x9_1600w__z_100__v_6.jpg" alt="Bienvenue Leyla">
447										<div class="content">
448											<table class="choirmanagement-table">
449												<tr>
450													<td class="storyslider_overtitle">Dans les coulisses</td>
451													<td style="width:75px" class="storyslider_date">01.06.26</td>
452												</tr>
453												<tr>
454													<td class="storyslider_title" colspan="2">Bienvenue Leyla</td>
455												</tr>
456											</table>
457										</div>
458									</a>
459								</article>
460								<article class="slide">
461									<a class="slide-link" href="/index.php/fr/histoires?story=25">
462										<img src="https://csj-sjc.ch/images/pictures/renditions/stories/hero-16x9/image_80_hero-16x9_1600w__z_100__v_1.jpg" alt="Une redécouverte qui suscite l&#039;impatience">
463										<div class="content">
464											<table class="choirmanagement-table">
465												<tr>
466													<td class="storyslider_overtitle">Bach: Singet dem Herrn</td>
467													<td style="width:75px" class="storyslider_date">21.04.26</td>
468												</tr>
469												<tr>
470													<td class="storyslider_title" colspan="2">Une redécouverte qui suscite l&#039;impatience</td>
471												</tr>
472											</table>
473										</div>
474									</a>
475								</article>
476								<article class="slide">
477									<a class="slide-link" href="/index.php/fr/histoires?story=24">
478										<img src="https://csj-sjc.ch/images/pictures/renditions/stories/hero-16x9/image_82_hero-16x9_1600w__z_100__v_1.jpg" alt="L&#039;intégralité des motes de Bach ">
479										<div class="content">
480											<table class="choirmanagement-table">
481												<tr>
482													<td class="storyslider_overtitle">Semaines Bach à Thoune</td>
483													<td style="width:75px" class="storyslider_date">15.04.26</td>
484												</tr>
485												<tr>
486													<td class="storyslider_title" colspan="2">L&#039;intégralité des motes de Bach </td>
487												</tr>
488											</table>
489										</div>
490									</a>
491								</article>
492								<article class="slide">
493									<a class="slide-link" href="/index.php/fr/histoires?story=23">
494										<img src="https://csj-sjc.ch/images/pictures/renditions/stories/hero-16x9/image_84_hero-16x9_1600w__z_100__v_1.jpg" alt="« Les mots ne suffisent pas, alors je me tais et savoure l&#039;instant. »">
495										<div class="content">
496											<table class="choirmanagement-table">
497												<tr>
498													<td class="storyslider_overtitle">Dans les coulisses</td>
499													<td style="width:75px" class="storyslider_date">15.03.26</td>
500												</tr>
501												<tr>
502													<td class="storyslider_title" colspan="2">« Les mots ne suffisent pas, alors je me tais et savoure l&#039;instant. »</td>
503												</tr>
504											</table>
505										</div>
506									</a>
507								</article>
508								<article class="slide">
509									<a class="slide-link" href="/index.php/fr/histoires?story=22">
510										<img src="https://csj-sjc.ch/images/pictures/renditions/stories/hero-16x9/image_83_hero-16x9_1600w__z_100__v_1.jpg" alt="Ciao Marius, grazcha fich pour tout">
511										<div class="content">
512											<table class="choirmanagement-table">
513												<tr>
514													<td class="storyslider_overtitle">Dans les coulisses</td>
515													<td style="width:75px" class="storyslider_date">15.12.25</td>
516												</tr>
517												<tr>
518													<td class="storyslider_title" colspan="2">Ciao Marius, grazcha fich pour tout</td>
519												</tr>
520											</table>
521										</div>
522									</a>
523								</article>
524								<article class="slide">
525									<a class="slide-link" href="/index.php/fr/histoires?story=21">
526										<img src="https://csj-sjc.ch/images/pictures/renditions/stories/hero-16x9/image_25_hero-16x9_1600w__z_105__v_18.jpg" alt="La Passion selon Saint Marc à la radio">
527										<div class="content">
528											<table class="choirmanagement-table">
529												<tr>
530													<td class="storyslider_overtitle">Chœur de concert</td>
531													<td style="width:75px" class="storyslider_date">29.09.25</td>
532												</tr>
533												<tr>
534													<td class="storyslider_title" colspan="2">La Passion selon Saint Marc à la radio</td>
535												</tr>
536											</table>
537										</div>
538									</a>
539								</article>
540							</div>
541						</div>
542
543						<button class="arrow next" aria-label="Next">
544							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
545								stroke-linecap="round" stroke-linejoin="round">
546								<path d="M9 18l6-6-6-6"/>
547							</svg>
548						</button>
549					</div>
550					
550<script>
551						document.addEventListener("DOMContentLoaded", function () {
552							if (window.initCarousel) {
553								document.querySelectorAll(".carousel").forEach(el => initCarousel(el));
554							}
555						});
556					</script>
556</div></div>
557            
558        </div>
559        </div>
560            </div>
561            </div>
562        
563    </section>
564                    
565                <footer id="g-footer">
566                <div class="g-container">                                <div class="g-grid">                        
567
568        <div class="g-block size-100">
569             <div class="g-content">
570                                    <div class="platform-content"><div class=" moduletable ">
571        <div class="g-grid" style="font-size: 1.2rem; line-height: 1.5;">
572    							<div class="g-block size-40"">
573    								Schweizer Jugendchor<br>
574    								Chœur Suisse des Jeunes<br>
575    								Coro Giovanile Svizzero<br>
576    								Swiss Youth Choir<br><br><br>
577    								
578    								0&#8203;7&#8203;9 9&#8203;1&#8203;4 9&#8203;2 5&#8203;8<br>
579    								[email protected]<br><br>
580    								
581    								Chœur Suisse des Jeunes<br>
582    								Gönhardweg 32<br>
583    								5000 Aarau<br>
584    								
585    							</div>
586    							<div class="g-block size-40"">
587									Raiffeisenbank Jungfrau<br>
588									Untere Bönigstrasse 3<br>
589									3800 Interlaken<br><br>
590
591    								CH5&#8203;5 8&#8203;0&#8203;8&#8203;0 8&#8203;0&#8203;0&#8203;2 7&#8203;2&#8203;1&#8203;9 7&#8203;0&#8203;7&#8203;2 5
592    								
593    							</div>
594    							<div class="g-block size-20 white-link">
595    								<a href="https://www.youtube.com/user/SchweizerJugendchor"><i class="fa-brands fa-youtube"></i>&nbsp; Youtube</a><br>
596									<a href="https://www.facebook.com/schweizerjugendchor/"><i class="fab fa-facebook-square" aria-hidden="true"></i>&nbsp; Facebook</a><br>
597									<a href="https://www.instagram.com/csj_sjc/"><i class="fab fa-instagram" aria-hidden="true"></i>&nbsp; Instagram</a><br><br>		<a href="/index.php/login">Login Intranet</a><br>	</div>
598							</div><div style="margin: 40px 0 20px 0; line-height: 0;"><img style="max-width: 250px; max-height: 80px; margin: 0 40px 20px 0; vertical-align: top;" src="/images/sponsor_logo_transparent/BAK_logo_quer_fr-FR.png"><img style="max-width: 250px; max-height: 80px; margin: 0 40px 20px 0; vertical-align: top;" src="/images/sponsor_logo_transparent/logo_scv_white.png"><img style="max-width: 250px; max-height: 80px; margin: 0 40px 20px 0; vertical-align: top;" src="/images/sponsor_logo_transparent/STJS-Logo-DE-neg.png"></div></div></div>
599            
600        </div>
601        </div>
602            </div>
603            </div>
604        
605    </footer>
606    
607                        
608
609        </div>
610                    
611
612                        
612<script type="text/javascript" src="/media/gantry5/assets/js/main.js"></script>
612
613    
613<script type="text/javascript">
614                (function($) {
615                    $(window).on('load', function() {
616                        var stickyOffset = $('#g-navigation').offset().top;
617                        var stickyContainerHeight = $('#g-navigation').height();
618
619                        $('#g-navigation').wrap( "<div class='g-fixed-container'><\/div>" );
620                        $('.g-fixed-container').css("height", stickyContainerHeight);
621
622                                                $(window).resize(function() {
623                            if( $(window).width() < 768 && $('.g-fixed-container').length ) {
624                                $('#g-navigation').unwrap();
625                            }
626
627                            if( $(window).width() > 767 && $('.g-fixed-container').length == 0 ) {
628                                $('#g-navigation').wrap( "<div class='g-fixed-container'><\/div>" );
629                                $('.g-fixed-container').css("height", stickyContainerHeight);
630                            }
631                        });
632                        
633                        $(window).scroll(function(){
634                            var sticky = $('#g-navigation'),
635                                scroll = $(window).scrollTop();
636
637                            if (scroll > stickyOffset && $(window).width() > 767) sticky.addClass('g-fixed-element');
638                            else sticky.removeClass('g-fixed-element');
639
640                                                    });
641                    });
642                })(jQuery);
643            </script>
643
644    
645
646    
647
648        
649    </body>
650</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.