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&type=rss" rel="alternate" type="application/rss+xml" title="home"> 16 <link href="/index.php/fr/?format=feed&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 = "/index.php/concerts?event_id=12776""> 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 = "/index.php/concerts?event_id=12780""> 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 = "/index.php/concerts?event_id=11924""> 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 = "/index.php/concerts"">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'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'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'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'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'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'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​7​9 9​1​4 9​2 5​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​5 8​0​8​0 8​0​0​2 7​2​1​9 7​0​7​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> Youtube</a><br> 596 <a href="https://www.facebook.com/schweizerjugendchor/"><i class="fab fa-facebook-square" aria-hidden="true"></i> Facebook</a><br> 597 <a href="https://www.instagram.com/csj_sjc/"><i class="fab fa-instagram" aria-hidden="true"></i> 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.