CINXE.COM
Location de salles/terrains :: Service des Sports UNIL/EPFL
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title>Location de salles/terrains :: Service des Sports UNIL/EPFL</title> <link href="css/colorbox.css" media="all" rel="stylesheet" type="text/css" > <link href="css/ssu-overlay.css?v=20230925" media="all" rel="stylesheet" type="text/css" > <link href="/css/timePicker.css" media="screen" rel="stylesheet" type="text/css" > <link href="/css/ui-lightness/jquery-ui-1.8.23.custom.css" media="screen" rel="stylesheet" type="text/css" > <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="js/jquery.scripts.js?v=20240315"></script> <script type="text/javascript" src="js/jplayer/jquery.jplayer.min.js"></script> <script type="text/javascript" src="js/vente-form.js"></script> <script type="text/javascript" src="jquery/ui-1.11.4/jquery-ui.min.js"></script> <script type="text/javascript" src="jquery/ui-1.11.4/jquery.ui.datepicker-fr-CH.js"></script> <script type="text/javascript" src="js/location.js?v=20240129"></script> <script type="text/javascript" src="js/jquery.colorbox-min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <link rel="stylesheet" type="text/css" href="/css/ssu.2017.css?v=20240612" /> <link rel="icon" href="favicon.png"> </head> <body> <script type="text/javascript"> $(document).ready(function(){ $.colorbox({inline:true, width:"800", href:"#overlay-news", opacity:.75, maxWidth:'95%', maxHeight:'95%'}); }); </script> <div class="overlay-cont"> <div id="overlay-news"> <table class="overlay-header"> <tr> <td class="titre"><h2>Avis</h2></td> <td class="deco"><img src="/images/SSUE_Logo_RVB.png" alt="Sport Santé UNIL+EPFL"/></td> </tr> </table> <div class="items"> <div class="item"> <div class="date">08.04.25</div> <h3>HORAIRES DE PÂQUES</h3> <div> <div class="content formated"><p>Le Centre sportif sera fermé du 18 au 21 avril.<br/> Réouverture le 22 avril aux horaires habituels (lu-ve : 7h-22h30 | Sa-di : 8h-19h) - pas de cours du 22 au 27 avril. </p> <p>Le secrétariat (villa des sports) sera fermé du 18 au 27 avril. <br/> Réouverture le lundi 28 avril aux horaires habituels (lu-mar : 10h-13h00 | Mer-je : 13h-16h)</p> <p>Joyeuses fêtes de Pâques !</p> </div> </div> </div><div class="item"> <div class="date">08.04.25</div> <h3>Annulation cours SSUE - vendredi 11 avril dès 14h</h3> <div> <div class="content formated"><p>Nous vous informons qu’en raison d’un événement des Students’ Games le vendredi 11 avril, les cours suivants doivent malheureusement être annulés :<br/> <br/> Handball de 16h00 à 17h30 <br/> Kendo de 17h30 à 19h00<br/> Volleyball de 17h30 à 19h00<br/> Unihockey de 19h00 à 20h30<br/> Basketball de 20h30 à 22h30<br/> <br/> Nous nous excusons pour les désagréments.</p> </div> </div> </div><div class="item"> <div class="date">04.04.25</div> <h3>Fermeture terrain central</h3> <div> <div class="content formated"><p>En raison de la réfection du revêtement, la pelouse et la piste d'athlétisme du terrain central seront indisponibles dès le 7 avril pour une durée maximale de 6 semaines. </p> <p>Merci pour votre compréhension!<br/> ===</p> <p>Due to the resurfacing work, the grass and athletics track on the central pitch will be unavailable from 7 April for a maximum of 6 weeks. </p> <p>Thank you for your understanding!</p> </div> </div> </div> </div> </div> </div><!-- <div id="drawer-news" class=""> <div class="action"> <div class="close"> <a href="#">×</a> </div> <div class="open"> <a href="#">+</a> </div> </div> <div class="open-label">infos travaux</div> <div class="items"> <div class="item"> <h3>Les Sports universitaires Lausanne améliorent votre confort de jeu.</h3> <div class="content"> <p> <b>Rénovation de la zone extérieure.</b><br> Nouveau terrain synthétique (Chamberonne) et vestiaires extérieurs rénovés à votre disposition! </p> </div> <a href="?pid=65" class="more">plus d’infos ›</a> </div> </div> </div> <script type="text/javascript"> $('#drawer-news .close').click(function(e){ e.preventDefault() $('#drawer-news').removeClass("open"); $('#drawer-news').addClass("close"); $('#drawer-news').addClass("action"); }); $('#drawer-news .open').click(function(e){ e.preventDefault() $('#drawer-news').removeClass("close"); $('#drawer-news').removeClass("action"); $('#drawer-news').addClass("open"); }); $('#drawer-news .open-label').click(function(e){ e.preventDefault() $('#drawer-news').removeClass("close"); $('#drawer-news').removeClass("action"); $('#drawer-news').addClass("open"); }); </script> --> <div id="top"> <div class="wrapper"> <div class="logo"><a href="./"><img src="/images/SSUE_Logo_RVB.png" alt="Sport Santé UNIL+EPFL"/></a></div> <div class="menu"><div class="for_screen"><div class="level1"> <div class="no0 "> <div class="marger"> Service Sport Santé UNIL+EPFL </div> <div class="submenu"> <div class="back"> <ul class="level2"> <li class="no0 "> <a href="?mid=123" class="">Bienvenue</a> </li> <li class="no1 "> <a href="?mid=141" class="">Le film</a> </li> <li class="no2 "> <a href="?mid=124" class="">Équipe du Service SSUE</a> </li> <li class="no3 "> <a href="?mid=188" class="">Stratégie de développement</a> </li> <li class="no4 "> <a href="?mid=125" class="">Rapport d'activité</a> </li> <li class="no5 "> <a href="?mid=127" class="">Centre sportif de Dorigny</a> </li> <li class="no6 "> <a href="?mid=182" class="">Centre nautique UNIL+EPFL</a> </li> </ul> </div> </div> </div> <div class="no1 "> <div class="marger"> Inscriptions </div> <div class="submenu"> <div class="back"> <ul class="level2"> <li class="no0 "> <a href="?mid=129" class="">Conditions de participation</a> </li> <li class="no1 "> <a href="?pid=29&user_action=newswitch" class="out">S'inscrire?</a> </li> <li class="no2 "> <a href="?mid=131" class="">Mon compte</a> </li> <li class="no3 "> <a href="?mid=132" class="">Achat en ligne</a> </li> </ul> </div> </div> </div> <div class="no2 selected"> <div class="marger"> Locations/Réservations </div> <div class="submenu"> <div class="back"> <ul class="level2"> <li class="no0 "> <a href="?mid=190" class="">Planning par lieu</a> </li> <li class="no1 selected"> <span class="label">Location</span> <ul class="level3"> <li class="no0 selected"> <a href="?mid=140" class="">Terrains et salles</a> </li> <li class="no1 "> <a href="?mid=192" class="">Location de casiers</a> </li> <li class="no2 "> <a href="?mid=139" class="">Chalet aux Diablerets</a> </li> </ul> </li> <li class="no2 "> <span class="label">Réservations</span> <ul class="level3"> <li class="no0 "> <a href="https://www2.unil.ch/sportres/nautique/" class="out">Centre nautique</a> </li> <li class="no1 "> <a href="https://www2.unil.ch/sportres/tennis/" class="out">Tennis</a> </li> <li class="no2 "> <a href="?mid=90&aid=230" class="out">Sport libre</a> </li> </ul> </li> </ul> </div> </div> </div> <div class="no3 "> <div class="marger"> <a href="?mid=122" class="">Contact et accès</a> </div> </div> <div class="no4 "> <div class="marger"> <a href="?mid=144" class="">Liens</a> </div> </div> <div class="social"> <a href="https://www.instagram.com/sportsante_unilepfl/"><img src="./images/logos/Instagram_Glyph_Gradient.png" alt="Instagram"></a> <a href="https://www.facebook.com/sportsanteunilepfl"><img src="./images/logos/Facebook_Logo_Primary.png" alt="Facebook"></a> <a href="https://www.linkedin.com/company/sport-sante-unil-epfl/"><img src="./images/logos/LI-In-Bug.png" alt="LinkedIn"></a> </div> </div> </div></div> </div> </div> <div id="header" class="wrapper"> <div class="menu"><div class="for_screen"><table style="width:100%;"><tr><td style="position:relative"><table class="level1"> <tr> <td class="no0 "> <div class="marger"> Les sports </div> <div class="submenu"> <div class="back"> <ul class="level2"> <li class="no0 "> <span class="label">Les sports</span> <ul class="level3"> <li class="no0 "> <a href="?mid=89" class="">de A à Z</a> </li> <li class="no1 "> <a href="?mid=91" class="">par catégorie</a> </li> <li class="no2 "> <a href="?mid=92" class="">au quotidien</a> </li> </ul> </li> <li class="no1 "> <span class="label">Camps pour enfants</span> <ul class="level3"> <li class="no0 "> <a href="http://css-academy.ch" class="out">CSS Academy</a> </li> <li class="no1 "> <a href="?mid=157" class="">LUC Academy</a> </li> <li class="no2 "> <a href="?mid=173" class="">Semaine nautique (11-18 ans)</a> </li> </ul> </li> <li class="no2 "> <span class="label">Informations pratiques</span> <ul class="level3"> <li class="no0 "> <a href="?mid=146" class="">Programme à télécharger</a> </li> <li class="no1 "> <a href="?mid=94" class="">Conditions de participation</a> </li> </ul> </li> <li class="no3 "> <a href="?mid=95" class="">Statut sportif élite UNIL et EPFL</a> </li> </ul> </div> </div> </td> <td class="no1 "> <div class="marger"> <a href="?mid=85" class="">Centre Sport et Santé</a> </div> </td> <td class="no2 "> <div class="marger"> Formations </div> <div class="submenu"> <div class="back"> <ul class="level2"> <li class="no0 "> <a href="?mid=96" class="">Fitness et Wellness</a> </li> <li class="no1 "> <a href="?mid=97" class="">Ski - aspirant SSSA</a> </li> </ul> </div> </div> </td> <td class="no3 "> <div class="marger"> Évènements </div> <div class="submenu"> <div class="back"> <ul class="level2"> <li class="no0 "> <span class="label">Évènements sportifs</span> <ul class="level3"> <li class="no0 "> <a href="?mid=101" class="">Nuit du volley</a> </li> <li class="no1 "> <a href="?mid=102" class="">Nuit de la danse</a> </li> <li class="no2 "> <a href="?mid=103" class="">Nuit du badminton</a> </li> <li class="no3 "> <a href="?mid=105" class="">Jours Santé</a> </li> <li class="no4 "> <a href="?mid=106" class="">Forcethon Talent</a> </li> <li class="no5 "> <a href="?mid=151" class="">Students' Games</a> </li> <li class="no6 "> <a href="?mid=152" class="">Les PolySports</a> </li> <li class="no7 "> <a href="?mid=184" class="">E-bou</a> </li> <li class="no8 "> <a href="?mid=186" class="">Student Team Lausanne</a> </li> <li class="no9 "> <a href="?mid=153" class="">Park Volley</a> </li> </ul> </li> <li class="no1 "> <span class="label">Autre évènement</span> <ul class="level3"> <li class="no0 "> <a href="?mid=148" class="">Ventes d’articles de sports</a> </li> </ul> </li> </ul> </div> </div> </td> <td class="no4 "> <div class="marger"> Clubs universitaires </div> <div class="submenu"> <div class="back"> <ul class="level2"> <li class="no0 "> <a href="?mid=109" class="">Lausanne Universités Club (LUC)</a> <ul class="level3"> <li class="no0 "> <a href="?mid=110" class="">Badminton</a> </li> <li class="no1 "> <a href="?mid=111" class="">Basketball</a> </li> <li class="no2 "> <a href="?mid=112" class="">Football</a> </li> <li class="no3 "> <a href="?mid=113" class="">American football</a> </li> <li class="no4 "> <a href="?mid=114" class="">Rugby</a> </li> <li class="no5 "> <a href="?mid=116" class="">Unihockey</a> </li> <li class="no6 "> <a href="?mid=117" class="">Voile</a> </li> <li class="no7 "> <a href="?mid=118" class="">Volleyball</a> </li> </ul> </li> </ul> </div> </div> </td> </tr> </table> </td><td style="width:50px;"><table class="level1"><tr><td style="height:50px; text-align:center; vertical-align:middle;"><div id="search_btn"><a href="?pid=32"><img src="images/content/search.png" alt="recherche" style="width: 20px;"></a></div></td></tr></table></td></tr></table></div><div class="for_mobile"><div class="icon"></div><ul class="level10"> <li class="no0 "> <span class="label">Les sports</span> <ul class="level11"> <li class="no0 "> <span class="label">Les sports</span> <ul class="level12"> <li class="no0 "> <a href="?mid=89" class="">de A à Z</a> </li> <li class="no1 "> <a href="?mid=91" class="">par catégorie</a> </li> <li class="no2 "> <a href="?mid=92" class="">au quotidien</a> </li> </ul> </li> <li class="no1 "> <span class="label">Camps pour enfants</span> <ul class="level12"> <li class="no0 "> <a href="http://css-academy.ch" class="out">CSS Academy</a> </li> <li class="no1 "> <a href="?mid=157" class="">LUC Academy</a> </li> <li class="no2 "> <a href="?mid=173" class="">Semaine nautique (11-18 ans)</a> </li> </ul> </li> <li class="no2 "> <span class="label">Informations pratiques</span> <ul class="level12"> <li class="no0 "> <a href="?mid=146" class="">Programme à télécharger</a> </li> <li class="no1 "> <a href="?mid=94" class="">Conditions de participation</a> </li> </ul> </li> <li class="no3 "> <a href="?mid=95" class="">Statut sportif élite UNIL et EPFL</a> </li> </ul> </li> <li class="no1 "> <a href="?mid=85" class="">Centre Sport et Santé</a> </li> <li class="no2 "> <span class="label">Formations</span> <ul class="level11"> <li class="no0 "> <a href="?mid=96" class="">Fitness et Wellness</a> </li> <li class="no1 "> <a href="?mid=97" class="">Ski - aspirant SSSA</a> </li> </ul> </li> <li class="no3 "> <span class="label">Évènements</span> <ul class="level11"> <li class="no0 "> <span class="label">Évènements sportifs</span> <ul class="level12"> <li class="no0 "> <a href="?mid=101" class="">Nuit du volley</a> </li> <li class="no1 "> <a href="?mid=102" class="">Nuit de la danse</a> </li> <li class="no2 "> <a href="?mid=103" class="">Nuit du badminton</a> </li> <li class="no3 "> <a href="?mid=105" class="">Jours Santé</a> </li> <li class="no4 "> <a href="?mid=106" class="">Forcethon Talent</a> </li> <li class="no5 "> <a href="?mid=151" class="">Students' Games</a> </li> <li class="no6 "> <a href="?mid=152" class="">Les PolySports</a> </li> <li class="no7 "> <a href="?mid=184" class="">E-bou</a> </li> <li class="no8 "> <a href="?mid=186" class="">Student Team Lausanne</a> </li> <li class="no9 "> <a href="?mid=153" class="">Park Volley</a> </li> </ul> </li> <li class="no1 "> <span class="label">Autre évènement</span> <ul class="level12"> <li class="no0 "> <a href="?mid=148" class="">Ventes d’articles de sports</a> </li> </ul> </li> </ul> </li> <li class="no4 "> <span class="label">Clubs universitaires</span> <ul class="level11"> <li class="no0 "> <a href="?mid=109" class="">Lausanne Universités Club (LUC)</a> <ul class="level12"> <li class="no0 "> <a href="?mid=110" class="">Badminton</a> </li> <li class="no1 "> <a href="?mid=111" class="">Basketball</a> </li> <li class="no2 "> <a href="?mid=112" class="">Football</a> </li> <li class="no3 "> <a href="?mid=113" class="">American football</a> </li> <li class="no4 "> <a href="?mid=114" class="">Rugby</a> </li> <li class="no5 "> <a href="?mid=116" class="">Unihockey</a> </li> <li class="no6 "> <a href="?mid=117" class="">Voile</a> </li> <li class="no7 "> <a href="?mid=118" class="">Volleyball</a> </li> </ul> </li> </ul> </li> </ul> <ul class="level10"> <li class="no0 "> <span class="label">Service Sport Santé UNIL+EPFL</span> <ul class="level11"> <li class="no0 "> <a href="?mid=123" class="">Bienvenue</a> </li> <li class="no1 "> <a href="?mid=141" class="">Le film</a> </li> <li class="no2 "> <a href="?mid=124" class="">Équipe du Service SSUE</a> </li> <li class="no3 "> <a href="?mid=188" class="">Stratégie de développement</a> </li> <li class="no4 "> <a href="?mid=125" class="">Rapport d'activité</a> </li> <li class="no5 "> <a href="?mid=127" class="">Centre sportif de Dorigny</a> </li> <li class="no6 "> <a href="?mid=182" class="">Centre nautique UNIL+EPFL</a> </li> </ul> </li> <li class="no1 "> <span class="label">Inscriptions</span> <ul class="level11"> <li class="no0 "> <a href="?mid=129" class="">Conditions de participation</a> </li> <li class="no1 "> <a href="?pid=29&user_action=newswitch" class="out">S'inscrire?</a> </li> <li class="no2 "> <a href="?mid=131" class="">Mon compte</a> </li> <li class="no3 "> <a href="?mid=132" class="">Achat en ligne</a> </li> </ul> </li> <li class="no2 selected"> <span class="label">Locations/Réservations</span> <ul class="level11"> <li class="no0 "> <a href="?mid=190" class="">Planning par lieu</a> </li> <li class="no1 selected"> <span class="label">Location</span> <ul class="level12"> <li class="no0 selected"> <a href="?mid=140" class="">Terrains et salles</a> </li> <li class="no1 "> <a href="?mid=192" class="">Location de casiers</a> </li> <li class="no2 "> <a href="?mid=139" class="">Chalet aux Diablerets</a> </li> </ul> </li> <li class="no2 "> <span class="label">Réservations</span> <ul class="level12"> <li class="no0 "> <a href="https://www2.unil.ch/sportres/nautique/" class="out">Centre nautique</a> </li> <li class="no1 "> <a href="https://www2.unil.ch/sportres/tennis/" class="out">Tennis</a> </li> <li class="no2 "> <a href="?mid=90&aid=230" class="out">Sport libre</a> </li> </ul> </li> </ul> </li> <li class="no3 "> <a href="?mid=122" class="">Contact et accès</a> </li> <li class="no4 "> <a href="?mid=144" class="">Liens</a> </li> </ul> <ul id="search_btn_mobile"><li><div><form method="post" action="?pid=32"><input type="text" name="search" value=""> <img src="images/content/search.png" alt="recherche"></form></div></li></ul></div></div> <div class="site_path">Vous êtes ici: <a href="http://www.unil.ch">UNIL</a> > <a href="./">Sports</a> > <span class="label">Locations/Réservations</span> > <span class="label">Location</span> > <a href="?mid=140">Terrains et salles</a></div> </div> <div id="content" class="cols-full "> <div class="wrapper"> <div class="layout"> <div class="left-col"> <div class="header"> <div class="min"> <div class="marger"> <h1>Location de salles/terrains</h1> </div> <div class="bottom"></div> </div> <div class="left"> </div> </div> </div> <div class="main"> <div class="marger"> <style> ul li.lieu{list-style-type: '+ '} ul li.lieu{list-style-type: none} ul li.lieu a:hover{text-decoration: underline;} .calendars{ display: flex ; position: relative; } .calendars .calendar *{ box-sizing: border-box; } .calendars .calendar h3{ width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .calendars .calendar.cont{ display: flex; } .calendars .calendar.cont:first-child{ margin-left: 0; } .calendars .calendar.item{ } .calendars.edit .calendar.item{ opacity: .25; } .calendars .calendar.day{ padding: 14px 7px; padding-bottom: 0; border: 1px solid black; border-bottom: 0; border-left: 0; width: 115px; } .calendars .calendar.day > header{ white-space: nowrap; display: block; overflow: hidden; text-overflow: ellipsis; text-align: right; direction: rtl; } .calendars .calendar.item:first-child .calendar.day:first-child{ border-left: 1px solid black; } .calendars .calendar.day .calendar.planning{ border-top: 1px solid black; margin: 0 -7px; padding: 0; position: relative; } .calendars .calendar.day .calendar.planning .hr{ border-bottom: 1px solid black; position: relative; height: 40px; z-index: 490; } .calendars .calendar.day .calendar.planning .label{ position: absolute; top: 0px; left: 0px; background-color: rgba(255,255,255,.25); font-size: 10px; padding: 0 2px; } .calendars .calendar.day .calendar.planning .hr .quarter{ border-bottom: 1px dashed #ddd; height: 10px; } .calendars .calendar.day .calendar.planning .hr .middle{ border-bottom: 1px solid #dddddd; height: 10px; } .calendars .calendar.day .calendar.planning .hr .middle.last{ border-bottom: 0; } .calendars .calendar.day .calendar.planning .hr .quarter.free:hover, .calendars .calendar.day .calendar.planning .hr .middle.free:hover { background-color: #dfd; cursor: pointer; } .calendars .calendar.day .calendar.planning .hr .loc.lock.horaire{ background-color: rgba(128,128,128,.1); } .calendars .calendar.day .calendar.planning .hr .plus{ display: none; text-align: center; font-weight: bold; line-height: 10px; } .calendars .calendar.day .calendar.planning .hr .free:hover .plus{ display: block; } .calendars .calendar.day .calendar.planning .resa{ position: absolute; min-height: 5px; left: 0; right: 0; top:0; background-color: #fdd; z-index: 480; } .calendars .calendar.day .calendar.planning .resa.base{ background-color: #ffd; } .calendars .calendar.day .calendar.planning .resa.location{ background-color: #dfd; z-index: 481; } .calendars .calendar.day .calendar.planning .resa.location.active{ background-color: #9f9; } .calendars .calendar.day .calendar.planning .resa.location.mask { background-color: transparent; z-index: 499; cursor: pointer; } .calendars .calendar.day .calendar.planning .resa.location.mask .edit{ display: none; position: absolute; top: -16px; height: 16px; line-height: 16px; left: 0; right: 0; text-align: center; font-weight: bold; background-color: white; padding: 0 4px; } .calendars .calendar.day .calendar.planning .resa.location.mask.active .edit{ display: block; } .calendars .calendar.edit{ position: absolute; z-index: 498; top: 30px; left: 50%; margin-left: -160px; width: 320px; background-color: white; box-shadow: 0 0 10px rgba(0,0,0,.5); padding: 10px 25px; border-radius: 15px; display: none; } .calendars .calendar.edit input{ border: 0 none; width: 100%; } .calendars .calendar.edit header{ font-size: 1.2em; margin-bottom: 7px; } .calendars .calendar.edit header small{ display: block; font-weight: bold; } .calendars .calendar.edit header b{ display: block; } .calendars .calendar.edit dl dt{ width: 120px; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; font-weight: bold; } .calendars .calendar.edit dl dd{ margin-left: 130px; margin-bottom: 2px; } .calendars .calendar.edit dl .buttons{ padding-top: 7px; } .calendars .calendar.edit dl dd:after{ display: block; height: 1px; content: ' '; margin-top: -1px; overflow: hidden; clear: both; } #calendarCol{ overflow: hidden; overflow-x: auto; } .calendars .calendar.edit button, #addCalendar button.add { border: 0 none; background-color: #dddddd; padding: 5px 15px; border-radius: 7px; cursor: pointer; color: white; font-weight: bold; text-transform: uppercase; font-size: 12px; } .calendars .calendar.edit button:hover{ box-shadow: 0 0 3px rgba(0,0,0,.5); } .calendars .calendar.edit button.cancel { background-color: #aa3333; } .calendars .calendar.edit button.delete { background-color: #ff9911; } .calendars .calendar.edit.new button.delete{ display: none; } .calendars .calendar.edit button.save{ background-color: #33aa33; } #addCalendar { position: absolute; right: 0; top: 0; z-index: 499; } #addCalendar button.add { background-color: #33aa33; } #addCalendar .list { position: absolute; right: 0; display: none; background-color: white; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; box-shadow: 0 7px 7px rgba(0,0,0,.25); padding: 7px 15px; font-size: 14px; line-height: 140%; } #addCalendar .list ul li.cat{ padding-top: 7px; } #addCalendar .list ul li.lieu { font-weight: 600; color: #008BCB; font-size: 12px; } #addCalendar .list ul li.lieu a { display: block; text-decoration: none; white-space: nowrap; } #addCalendar .list ul li.lieu:hover { color: #333; } /* */ #addCalendar2 .list { border-radius: 15px; border: 2px solid #008BCB; padding: 15px 20px; font-size: 15px; line-height: 140%; margin-top: 10px; } #addCalendar2 .list ul li.cat{ padding-top: 7px; } #addCalendar2 .list ul li.lieu { font-weight: 600; color: #008BCB; font-size: 13px; } #addCalendar2 .list ul li.lieu a { display: block; text-decoration: none; white-space: nowrap; } #addCalendar2 .list ul li.lieu:hover { color: #333; } #content div.main #addCalendar2 ul { margin-left: 25px; margin-top: 5px; margin-bottom: 5px; } #calendarAside { position: absolute; top: 97px; left: 0px; width: 260px; } #calendarAside .next { text-align: right; padding: 15px; } #calendarAside .next a, form input#form_submit { background-color: #33aa33; padding: 5px 15px; border-radius: 7px; cursor: pointer; color: white; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 0 none; } #calendarBasket{ padding: 5px; border: 1px solid black; background-color: white; max-height: 520px; overflow: auto; } #calendarBasket dl dt{ float: left; width: 150px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; white-space: nowrap; direction: rtl; } #calendarBasket dl dd{ margin-left: 160px; } #calendarBasket dl dd ul, #calendarBasket ul.cost { margin-left: 0 !important; } #calendarBasket dl dd ul li, #calendarBasket ul.cost li { list-style-type: none; } #calendarBasket dl dd:after{ display: block; content: ' '; clear: both; height: 1px; overflow: hidden; margin-top: -1px; } #calendarBasket dl.cost dt{ float: left; width: 185px; overflow: hidden; text-overflow: ellipsis; font-weight: normal; white-space: nowrap; direction: ltr; } #calendarBasket dl.cost dd{ margin-left: 190px; text-align: right; font-weight: bold; padding-right: 7px; } #calendarBasket dl.cost dd:after{ display: block; content: ' '; clear: both; height: 1px; overflow: hidden; margin-top: -1px; } #lieux_zones #calendarBasket > dl.cost{ font-size: 1.25em; margin-top: 15px; } #lieux_zones #calendarBasket dl.cost dt{ width: 40%; text-align: right; } #lieux_zones #calendarBasket dl.cost dd{ margin-left: 42%; } #lieux_zones #calendarBasket{ border: 0 none; max-height: none; } #calendarBasket hr{ border: 0 none; border-top: 1px solid #333; margin: 10px 0 -10px 0; } #calendarBasket.after{ max-height: none; margin-top: -15px; } #calendarBasket.after span.priceCat{ display: block; margin: 7px 0; font-size: 1.15em; font-weight: bold; } #lieux_zones #calendarBasket dl.cost dt{ width: 70%; text-align: right; } #lieux_zones #calendarBasket dl.cost dd{ margin-left: 72%; } #lieux_zones #calendarBasket.after{ border: 0 none; max-height: none; margin-top:0; } #calendarDatePicker{ display: none; } .cgBox{ border: 2px solid #F4970E; margin: 7px 0; padding: 15px; border-radius: 15px; } .btnDelete { width: 1em; height: 1em; display: inline-block; background-color: #aa3333; border-radius: 1em; color: white; font-weight: bold; line-height: 1em; text-align: center; } #tarifsDetailsOpen, #tarifsInfosOpen, #tarifsInfosClose, #tarifsDetailsClose{ text-align: right; padding: 3px 0; } #tarifsDetailsCont{ clear: both; } #tarifsInfosOpen{ float: left; } #tarifsDetailsOpen button, #tarifsInfosOpen button, #tarifsInfosClose button, #tarifsDetailsClose button{ border: 0 none; background: 0 none; font-size: 11px; border-radius: 7px; background-color: #008BCB; color: white; padding: 3px 12px 2px 7px; cursor: pointer; } .alert{ background-color: #f4970e; border-radius: 15px; padding: 15px 25px; color: white; font-size: 1.15em; margin-top:15px; } .alert p{ margin:0; font-weight: bold; } .alert h3{ color: white; margin:0; font-size: 1.15em; font-size: bold; margin-bottom: 8px; } .res-row, .res-col{ box-sizing: border-box; } .res-row{ margin: 15px -10px; } .res-row:after{ content:' '; clear: both; display: block; height: 1px; margin-top: -1px; overflow: hidden; } .res-col{ float: left; padding: 10px; } .res-col.res-col-1{width: 8.33%} .res-col.res-col-2{width: 16.666%} .res-col.res-col-3{width: 25%} .res-col.res-col-4{width: 33.33%} .res-col.res-col-5{width: 41.66%} .res-col.res-col-6{width: 50%} .res-col.res-col-7{width: 58.33%} .res-col.res-col-8{width: 66.66%} .res-col.res-col-9{width: 75%} .res-col.res-col-10{width: 83.33%} .res-col.res-col-11{width: 91.66%} .res-col.res-col-12{width: 100%} img.responsive{ width:100%; height: auto; } img.border{ border: 1px solid #aaa; } .big{ font-size: 125%; line-height: 140%; } small.small{ font-weight: normal; text-transform: none; font-size: .70em; } * div.formulaire label.lieu { float: none; width: 100%; text-align: left; margin-right: 0; } * div.formulaire .btn.send { display: block; background-color: #F4970E; border: 0 none; width: 100%; margin: 20px 0 0 0; background-color: #008BCB; padding: 7px 25px; cursor: pointer; } </style> <div class="activites-content" data-pid="96"> <form method="post" onsubmit="$('#form_submit').hide(); return true;"> <div class="formulaire"> <div class="infos" style="display: none;">Les champs obligatoires sont marqués d'une *</div> <!-- <div class="row steps"> <div class="g2 active"><label><a href="?pid=96&step=1">1 / Organisteur</a></label></div> <div class="g2"><label><a href="?pid=96&step=2">2 / Evenement</a></label></div> <div class="g2"><label><a href="?pid=96&step=3">3 / Lieux</a></label></div> <div class="g2"><label><a href="?pid=96&step=4">4 / Complément</a></label></div> <div class="g2"><label><a href="?pid=96&step=5">5 / Validation</a></label></div> </div> --> <div class="res-row"> <div class="res-col res-col-8"> <h2>Démarrer une location ponctuelle</h2> <p class="big" style="margin-top: 12px;"><b>Les locations sont ouvertes du 11.04.2025 au 30.05.2025.</b></p> <h3>Choisir un ou plusieurs lieux et cliquer sur "Démarrer la location"</h3> <div id="addCalendar2"> <form method="post"> <div class="list"> <a href="#"><b>Salles Omnisport</b></a> <div> <ul><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="1">SOS1</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="8">SOS2</label></li></ul> </div> <a href="#"><b>Terrains extérieurs</b></a> <div> <ul><li class='cat'><b>Basket</b><ul><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="179">Basket Entier</label></li></ul></li><li class='cat'><b>Beach Volley</b><ul><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="48">Beach Volley</label></li></ul></li><li class='cat'><b>Football</b><ul><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="22">Central Entier</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="13">Football Lausanne Entier</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="19">Football Morges Entier</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="23">Rugby St-Sulpice</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="173">Rugby-Foot Chamberonne Entier</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="16">Rugby-Foot Léman Entier</label></li></ul></li></ul> </div> <a href="#"><b>Salles spécifiques</b></a> <div> <ul><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="29">CSS-Salle polyvalente</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="6">SOS1-Dojo</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="7">SOS1-Salle Claude Bucher</label></li><li class='lieu'><label class="lieu"><input type="checkbox" name="lieux[]" value="12">SOS2-Colloques</label></li></ul> </div> <button class="btn send" type="submit">Démarrer la location</button> </div> </form> </div> <h2 style="font-size: 12px; margin-top: 25px;">Réservations ultérieures et réservations pour des événements</h2> <p> Pour les locations ultérieures, pour les locations sur plusieurs jours ou pour des évènements, nous vous remercions de compléter le formulaire suivant. Nous vous contacterons par mail pour donner suite à votre demande. </p> <p> <a href="?pid=31" class="btn">Formulaire pour les réservations récurrentes et gros évènements</a> </p> <br> <div class="row intro"> <div class="cgBox"> <h2>Conditions générales</h2> <p>En effectuant une réservation, vous acceptez les conditions générales de réservation des SUL.</p> <p><a href="download/cg/CG_SSU_Location.170707.pdf" class="btn file">Télécharger les conditions générales</a></p> </div> </div> </div> <div class="res-col res-col-4"> <h2>Présentation des lieux</h2> <div> <h3>Salles et matériel</h3> <a class="file noicon" href="/data/reservation/pdf/SUL_reservation_salles_et_materiel.pdf"> <img class="responsive border" src="/data/reservation/thumbs/SUL_reservation_salles_et_materiel.png" alt=""> PDF de présentation </a> <h3>Terrains et matériel</h3> <a class="file noicon" href="/data/reservation/pdf/SUL_reservation_terrains_et_materiel.pdf"> <img class="responsive border" src="/data/reservation/thumbs/SUL_reservation_terrains_et_materiel.png" alt=""> PDF de présentation </a> </div> </div> </div> </div> </form> </div> <div style="font-size: 10px; margin: 25px 0 10px 0; background-color: #dddddd;padding: 2px 4px;">Les locations seront fermées du 18.04.2025 au 21.04.2025</div> <script type="text/javascript"> function restaurationChangeEvent(){ if($('#info_restauration_oui').is(':checked')){ $('#restauration_oui').slideDown(); }else{ $('#restauration_oui').slideUp(0); } } function sponsoringChangeEvent(){ if($('#info_sponsoring_oui').is(':checked')){ $('#sponsoring_oui').slideDown(); }else{ $('#sponsoring_oui').slideUp(0); } } function eventTypeChangeEvent(){ if($('#event_type_select').val() == 'autre'){ $('#event_type_autre').slideDown(); $('#event_type_autre_value').prop('required',true); }else{ $('#event_type_autre').slideUp(0); $('#event_type_autre_value').prop('required',false); } } function orgTypeChangeEvent(){ if($('#org_type_select').val() == 'autre'){ $('#org_type_autre').slideDown(); $('#org_type_autre_value').prop('required',true); }else{ $('#org_type_autre').slideUp(0); $('#org_type_autre_value').prop('required',false); } } function otherAddressChangeEvent( animTime = 500 ){ var otherAddressActive = $('#other_address').is(':checked'); if( otherAddressActive ) { animTime === 0 ? $('#facturation').show() : $('#facturation').slideDown( animTime ); }else{ animTime === 0 ? $('#facturation').hide(): $('#facturation').slideUp( animTime ); } $('#facturation input[name="facture_nom1"]').prop('required', otherAddressActive); $('#facturation input[name="facture_adresse1"]').prop('required', otherAddressActive); $('#facturation input[name="facture_np"]').prop('required', otherAddressActive); $('#facturation input[name="facture_localite"]').prop('required', otherAddressActive); } $('document').ready(function(){ restaurationChangeEvent(); eventTypeChangeEvent(); orgTypeChangeEvent(); sponsoringChangeEvent(); otherAddressChangeEvent( 0 ); }); </script> </div> </div> <div class="content-item"></div> <div class="clearfix"></div> </div> </div> </div> <div id="footer"> <div class="wrapper"> <div class="left"><a href="http://www.vd.ch"><img src="images/logos/vaud.gif" alt="Canton de Vaud" /></a> <a href="http://www.unil.ch"><img src="images/logos/unil.gif" alt="UNIL" /></a> <a href="http://www.epfl.ch"><img src="images/logos/epfl.png" alt="EPFL" style="width: 80px;" /></a></div> <div class="center"><div class="menu"><ul><li><a href="?pid=20">Contact</a></li> <li>– Mentions légales [</li> <li><a class='no-sep' href="http://unil.ch/central/home/legalinformation.html">UNIL</a></li> <li> / </li> <li><a class='no-sep' href="https://mediacom.epfl.ch/mentions-legales">EPFL</a></li> <li> ]</li> <li><a class='no-sep' href="?pid=29">– Login</a></li> </ul></div></div> <div class="right"><a href="http://www.swissuniversity.ch"><img src="images/logos/swissuniversity.gif" alt="Swiss university" /></a></div> <div class="clearfix"></div> </div> </div> <div id="search"> <div class="back"></div> <div class="close">×</div> <div class="cont"> <form method="post" action="?pid=32"> <input type="submit" name="send" value=""><input type="text" name="search" value="" placeholder="recherche..."> </form> </div> </div> </body> </html>